.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:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container,.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background-color:rgba(0,0,0,.4);-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.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,.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.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_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,.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.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,.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}.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,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left: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,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.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}.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;-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;-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(255,255,255,.75);-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(255,255,255,.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:rgba(255,255,255,.9);-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{bottom:0;background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;-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;-ms-filter:"alpha(opacity=90)"}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,.15)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-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,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.75)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-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,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.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: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,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-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-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-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.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,.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:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp,.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown,.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft,.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight,.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: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:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{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,.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.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: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: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:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.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: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: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_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: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:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.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: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-rounded.mCSB_scrollTools .mCSB_draggerRail{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-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .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_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 .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;-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-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;-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: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-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,.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_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-thick.mCSB_scrollTools .mCSB_buttonUp,.mCS-3d.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown,.mCS-3d.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft,.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight,.mCS-3d.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{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,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp,.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-3d-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown,.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-3d-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft,.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-3d-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight,.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-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}.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}.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_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-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{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-3d-thick.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{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}.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:rgba(255,255,255,.2);-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:rgba(255,255,255,.5);-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.2);-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:rgba(0,0,0,.5);-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;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_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-dark-3.mCSB_scrollTools .mCSB_draggerRail,.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:rgba(0,0,0,.1)}.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: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-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border:1px solid 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:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(255,255,255,.75)} /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } footer.footer { background-color: #1DB7ED; color: #fff; } footer.footer .top { display: flex; gap: 0.624vw; padding: var(--20px); } footer.footer .top .elem { flex: 1; display: flex; flex-direction: column; align-items: flex-start; background-color: rgba(255, 255, 255, 0.2); border: 1px solid transparent; border-radius: var(--20px); padding: var(--20px); min-height: 27.04vw; transition: 0.3s ease; } @media only screen and (min-width: 480px) { footer.footer .top .elem:hover { border-color: #fff; background: transparent; } } footer.footer .top .elem .elem-inner { display: flex; justify-content: space-between; gap: var(--5px); width: 100%; } footer.footer .top .elem .elem-inner .side.f-menu { flex-grow: 1; } footer.footer .top .elem .elem-inner .side.f-tels { flex-shrink: 0; width: 11.96vw; } footer.footer .top .elem .elem-name { font-size: var(--30px); line-height: var(--30px); font-weight: 600; letter-spacing: -1px; margin-bottom: var(--30px); } footer.footer .top .elem .f-menu a, footer.footer .top .elem .f-menu span { display: block; font-size: 1.04vw; line-height: 1.456vw; font-weight: 300; color: #fff; text-decoration: none; transition: 0.3s ease; } footer.footer .top .elem .f-menu a:nth-child(n+2), footer.footer .top .elem .f-menu span:nth-child(n+2) { margin-top: 0.624vw; } footer.footer .top .elem .f-menu a:hover { opacity: 0.7; } footer.footer .top .elem .f-tels a { display: flex; align-items: center; gap: var(--5px); font-size: 1.04vw; line-height: 1.456vw; font-weight: 300; color: #fff; text-decoration: none; transition: 0.3s ease; } footer.footer .top .elem .f-tels a:nth-child(n+2) { margin-top: 0.624vw; } footer.footer .top .elem .f-tels a img { flex-shrink: 0; width: var(--20px); height: auto; } footer.footer .top .elem .f-tels a:hover { opacity: 0.7; } footer.footer .top .elem .f-btns { margin-top: auto; } footer.footer .top .elem .f-btns .btn-emergency { width: 16.12vw; height: var(--70px); } footer.footer .top .elem .f-btns .btn-appoint { margin-top: var(--10px); border-color: #fff; color: #fff; transition: 0.3s ease; width: 16.12vw; height: var(--70px); } footer.footer .top .elem .f-btns .btn-appoint:before { background-color: #fff; animation: blink 3s infinite ease; } footer.footer .top .elem .f-btns .btn-appoint:hover { background-color: #fff; color: #000; } footer.footer .top .elem .f-btns .btn-appoint:hover:before { background-color: #6bd333; } footer.footer .top .elem .f-content { font-size: 1.04vw; line-height: 1.456vw; font-weight: 300; } footer.footer .top .elem .f-content span { display: block; } footer.footer .top .elem .btn-link { margin-top: auto; } footer.footer .top .elem .btn-link:hover { background-color: #fff; border-color: #fff; color: #000; } footer.footer .top .elem .socials { margin-top: auto; } footer.footer .middle { height: 50.44vw; padding-top: 7.8vw; } footer.footer .middle .form-subscribe { background-color: #4AC5F1; color: #fff; } footer.footer .middle .form-subscribe .form-title { font-size: var(--100px); line-height: var(--100px); font-weight: 600; text-align: center; letter-spacing: -0.286vw; margin-bottom: var(--30px); } footer.footer .middle .form-subscribe .form-sub { font-size: 1.3vw; line-height: 1.664vw; font-weight: 300; text-align: center; margin-bottom: var(--50px); } footer.footer .middle .form-subscribe .form-inner { position: relative; width: 57.2vw; margin: 0 auto; padding: var(--30px); border-radius: var(--20px); background-color: rgba(255, 255, 255, 0.2); min-height: 11.44vw; } footer.footer .middle .form-subscribe .form-inner .fields-box { border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding-bottom: var(--30px); } footer.footer .middle .form-subscribe .form-inner .input-block { margin: 0; } footer.footer .middle .form-subscribe .form-inner .input-block label { display: none; } footer.footer .middle .form-subscribe .form-inner .input-block input { font-size: 0.884vw; line-height: 0.884vw; color: #fff; padding: var(--25px) var(--30px); border-radius: var(--10px); border: none; background-color: rgba(255, 255, 255, 0.3); width: 100%; } footer.footer .middle .form-subscribe .form-inner .input-block input::-moz-placeholder { font-size: 0.884vw; line-height: 0.884vw; color: #fff; } footer.footer .middle .form-subscribe .form-inner .input-block input::placeholder { font-size: 0.884vw; line-height: 0.884vw; color: #fff; } footer.footer .middle .form-subscribe .form-inner .input-block input:focus::-moz-placeholder { color: transparent; } footer.footer .middle .form-subscribe .form-inner .input-block input:focus::placeholder { color: transparent; } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox { margin-top: var(--20px); } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox input { display: none; } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox label { display: flex; align-items: flex-start; justify-content: center; gap: var(--10px); margin: 0; cursor: pointer; } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox label .inp_checker { flex-shrink: 0; display: block; width: var(--30px); height: var(--30px); background-color: #fff; border-radius: var(--5px); } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox label .input-text { font-size: 0.884vw; line-height: 1.456vw; color: #fff; } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox input:checked + .inp_checker { background-image: url("../../../img/user/app/svg/check.svg"); background-repeat: no-repeat; background-size: 70%; background-position: center; } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox .error-input { margin: var(--10px) auto 0 auto; } footer.footer .middle .form-subscribe .form-inner .input-block.block-recaptcha { position: absolute; left: var(--30px); bottom: var(--30px); transform-origin: bottom left; transform: scale(0.8); } footer.footer .middle .form-subscribe .form-inner .input-block.block-recaptcha iframe { margin: 0; } footer.footer .middle .form-subscribe .form-inner .input-block.block-recaptcha .error-input { margin-left: 0; } footer.footer .middle .form-subscribe .form-inner .btn-link { font-size: 0.884vw; line-height: 0.884vw; padding: var(--25px) var(--40px); margin: 1.56vw 0 0 auto; min-width: unset; } footer.footer .middle .form-subscribe .form-inner .btn-link:hover { background-color: #fff; border-color: #fff; color: #000; } footer.footer .middle .form-subscribe .success-text { font-size: 5.2vw; line-height: 5.2vw; font-weight: 600; text-align: center; color: #fff; letter-spacing: -0.286vw; padding: 0; } footer.footer .middle .form-subscribe .success-text span { display: block; font-size: var(--25px); line-height: var(--30px); font-weight: 400; color: #fff; text-align: center; letter-spacing: normal; margin-top: var(--15px); } footer.footer .middle .app-box { display: flex; justify-content: center; gap: var(--10px); margin-top: var(--50px); } footer.footer .middle .app-box a { display: block; width: auto; height: var(--55px); } footer.footer .middle .app-box a img { width: auto; height: 100%; } footer.footer .bot { position: relative; display: flex; flex-wrap: wrap; gap: var(--10px) var(--50px); padding: 1.3vw 7.8vw 1.3vw 1.04vw; } footer.footer .bot .policy-item { font-size: 0.832vw; line-height: 1.144vw; color: #fff; text-decoration: none; } footer.footer .bot .policy-item:hover { text-decoration: underline; } footer.footer .bot .frontmen-wrap { height: var(--40px); display: block; position: absolute; bottom: 0.832vw; right: var(--20px); width: var(--100px); } footer.footer .bot .frontmen-wrap .frontmen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } footer.footer .bot .frontmen-wrap img { height: 100%; transition: opacity 0.3s linear; position: absolute; top: 0; left: 0; width: 100%; } footer.footer .bot .frontmen-wrap img.love { opacity: 0; } footer.footer .bot .frontmen-wrap:hover img { opacity: 0; } footer.footer .bot .frontmen-wrap:hover img.love { opacity: 1; } footer.footer .bot noindex { position: absolute; display: block; top: 0.936vw; right: 1.04vw; width: var(--100px); height: auto; } footer.footer .bot noindex img { display: block; width: 100%; height: auto; } footer.footer .bot noindex img:last-child { display: none; } footer.footer .bot noindex:hover img { display: none; } footer.footer .bot noindex:hover img:last-child { display: block; } footer.footer .bg-wrap.footer-mid { background-color: rgba(255, 255, 255, 0.2); } .breadcrumbs + footer.footer { margin-top: var(--65px); } @media only screen and (min-width: 1921px) { footer.footer .top { gap: 12px; } footer.footer .top .elem { border: 1px solid transparent; min-height: 520px; } footer.footer .top .elem .elem-inner .side.f-tels { width: 230px; } footer.footer .top .elem .elem-name { letter-spacing: -1px; } footer.footer .top .elem .f-menu a, footer.footer .top .elem .f-menu span { font-size: 20px; line-height: 28px; } footer.footer .top .elem .f-menu a:nth-child(n+2), footer.footer .top .elem .f-menu span:nth-child(n+2) { margin-top: 12px; } footer.footer .top .elem .f-tels a { font-size: 20px; line-height: 28px; } footer.footer .top .elem .f-tels a:nth-child(n+2) { margin-top: 12px; } footer.footer .top .elem .f-btns .btn-emergency { width: 310px; } footer.footer .top .elem .f-btns .btn-appoint { width: 310px; } footer.footer .top .elem .f-content { font-size: 20px; line-height: 28px; } footer.footer .middle { height: 970px; padding-top: 150px; } footer.footer .middle .form-subscribe .form-title { letter-spacing: -5.5px; } footer.footer .middle .form-subscribe .form-sub { font-size: 25px; line-height: 32px; } footer.footer .middle .form-subscribe .form-inner { width: 1100px; min-height: 220px; } footer.footer .middle .form-subscribe .form-inner .input-block input { font-size: 17px; line-height: 17px; } footer.footer .middle .form-subscribe .form-inner .input-block input::-moz-placeholder { font-size: 17px; line-height: 17px; } footer.footer .middle .form-subscribe .form-inner .input-block input::placeholder { font-size: 17px; line-height: 17px; } footer.footer .middle .form-subscribe .form-inner .input-block.block-recaptcha { left: 30px; } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox label .input-text { font-size: 17px; line-height: 28px; } footer.footer .middle .form-subscribe .form-inner .btn-link { font-size: 17px; line-height: 17px; margin: 30px 0 0 auto; } footer.footer .middle .form-subscribe .success-text { font-size: 100px; line-height: 100px; letter-spacing: -5.5px; } footer.footer .bot { padding: 25px 150px 25px 20px; } footer.footer .bot .policy-item { font-size: 16px; line-height: 22px; } footer.footer .bot noindex { top: 18px; right: 20px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { footer.footer .top { gap: var(--12px); } footer.footer .top .elem { min-height: var(--520px); } footer.footer .top .elem .elem-inner .side.f-tels { width: var(--230px); } footer.footer .top .elem .f-menu a, footer.footer .top .elem .f-menu span { font-size: var(--20px); line-height: var(--28px); } footer.footer .top .elem .f-menu a:nth-child(n+2), footer.footer .top .elem .f-menu span:nth-child(n+2) { margin-top: var(--12px); } footer.footer .top .elem .f-tels a { font-size: var(--20px); line-height: var(--28px); } footer.footer .top .elem .f-tels a:nth-child(n+2) { margin-top: var(--12px); } footer.footer .top .elem .f-btns .btn-emergency { width: var(--310px); } footer.footer .top .elem .f-btns .btn-appoint { width: var(--310px); } footer.footer .top .elem .f-content { font-size: var(--20px); line-height: var(--28px); } footer.footer .middle { height: var(--970px); padding-top: var(--150px); } footer.footer .middle .form-subscribe .form-title { letter-spacing: -3.5px; } footer.footer .middle .form-subscribe .form-sub { font-size: var(--25px); line-height: var(--32px); } footer.footer .middle .form-subscribe .form-inner { width: var(--1100px); min-height: var(--220px); } footer.footer .middle .form-subscribe .form-inner .input-block input { font-size: var(--17px); line-height: var(--17px); } footer.footer .middle .form-subscribe .form-inner .input-block input::-moz-placeholder { font-size: var(--17px); line-height: var(--17px); } footer.footer .middle .form-subscribe .form-inner .input-block input::placeholder { font-size: var(--17px); line-height: var(--17px); } footer.footer .middle .form-subscribe .form-inner .input-block.block-recaptcha { left: 30px; } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox label .input-text { font-size: var(--17px); line-height: var(--28px); } footer.footer .middle .form-subscribe .form-inner .btn-link { font-size: var(--17px); line-height: var(--17px); margin: var(--30px) 0 0 auto; } footer.footer .middle .form-subscribe .success-text { font-size: var(--100px); line-height: var(--100px); letter-spacing: -3.5px; } footer.footer .bot { padding: var(--25px) var(--150px) var(--25px) var(--20px); } footer.footer .bot .policy-item { font-size: var(--16px); line-height: var(--22px); } footer.footer .bot noindex { top: var(--18px); right: var(--20px); } } @media only screen and (max-width: 1000px) { footer.footer .middle .form-subscribe .form-inner .input-block.block-recaptcha { transform-origin: left bottom; transform: scale(0.7); } } @media only screen and (max-width: 480px) { footer.footer .top { display: block; padding: 3.48vw 3.48vw 4.64vw 3.48vw; } footer.footer .top .elem { display: block; border: none; min-height: unset; } footer.footer .top .elem:nth-child(n+2) { margin-top: 2.32vw; } footer.footer .top .elem .elem-inner .side.f-tels { width: 41.76vw; } footer.footer .top .elem .elem-name { font-size: 5.8vw; line-height: 5.8vw; letter-spacing: normal; margin-bottom: 5.8vw; } footer.footer .top .elem .f-menu a, footer.footer .top .elem .f-menu span { font-size: 3.48vw; line-height: 4.872vw; } footer.footer .top .elem .f-menu a:nth-child(n+2), footer.footer .top .elem .f-menu span:nth-child(n+2) { margin-top: 3.248vw; } footer.footer .top .elem .f-tels a { font-size: 3.48vw; line-height: 4.872vw; } footer.footer .top .elem .f-tels a:nth-child(n+2) { margin-top: 2.784vw; } footer.footer .top .elem .f-tels a img { width: 4.64vw; } footer.footer .top .elem .f-btns { margin-top: 6.96vw; } footer.footer .top .elem .f-btns .btn-emergency { width: 53.36vw; height: 11.6vw; } footer.footer .top .elem .f-btns .btn-appoint { width: 53.36vw; height: 11.6vw; } footer.footer .top .elem .f-content { font-size: 3.48vw; line-height: 4.872vw; } footer.footer .top .elem .btn-link { margin-top: 11.6vw; } footer.footer .top .elem .socials { margin-top: 11.6vw; } footer.footer .top .elem.company .f-menu, footer.footer .top .elem.directions .f-menu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3.248vw; } footer.footer .top .elem.company .f-menu a, footer.footer .top .elem.company .f-menu span, footer.footer .top .elem.directions .f-menu a, footer.footer .top .elem.directions .f-menu span { margin: 0; } footer.footer .middle { height: auto; padding: 23.2vw 3.48vw 15.08vw 3.48vw; } footer.footer .middle .form-subscribe .form-title { font-size: 11.6vw; line-height: 11.6vw; letter-spacing: -0.638vw; margin-bottom: 2.32vw; } footer.footer .middle .form-subscribe .form-title br { display: none; } footer.footer .middle .form-subscribe .form-sub { font-size: 3.48vw; line-height: 4.872vw; margin-bottom: 3.48vw; } footer.footer .middle .form-subscribe .form-sub br { display: none; } footer.footer .middle .form-subscribe .form-inner { width: auto; padding: 3.48vw; border-radius: 3.48vw; min-height: unset; } footer.footer .middle .form-subscribe .form-inner .fields-box { border: none; padding: 0; } footer.footer .middle .form-subscribe .form-inner .input-block { width: 70.76vw; } footer.footer .middle .form-subscribe .form-inner .input-block input { font-size: 3.248vw; line-height: 3.248vw; padding: 4.176vw 4.64vw; border-radius: 1.856vw; } footer.footer .middle .form-subscribe .form-inner .input-block input::-moz-placeholder { font-size: 3.248vw; line-height: 3.248vw; } footer.footer .middle .form-subscribe .form-inner .input-block input::placeholder { font-size: 3.248vw; line-height: 3.248vw; } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox { margin-top: 4.64vw; width: auto; } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox label .inp_checker { width: 4.64vw; height: 4.64vw; border-radius: 0.696vw; } footer.footer .middle .form-subscribe .form-inner .input-block.block-checkbox label .input-text { font-size: 2.784vw; line-height: 3.712vw; padding-top: 0.464vw; } footer.footer .middle .form-subscribe .form-inner .input-block.block-recaptcha { position: static; margin-top: 4.64vw; padding: 0; border: none; width: auto; transform-origin: center center; transform: scale(0.8); } footer.footer .middle .form-subscribe .form-inner .input-block.block-recaptcha .g-recaptcha { display: block; margin: 0 auto; width: -moz-fit-content; width: fit-content; } footer.footer .middle .form-subscribe .form-inner .btn-link { position: absolute; display: flex; align-items: center; justify-content: center; top: 3.48vw; right: 3.48vw; width: 11.6vw; height: 11.6vw; border-radius: 50%; padding: 0; margin: 0; } footer.footer .middle .form-subscribe .form-inner .btn-link span { display: none; } footer.footer .middle .form-subscribe .form-inner .btn-link img.mobile { display: block; width: 5.8vw; height: auto; } footer.footer .middle .form-subscribe .success-text { font-size: 11.6vw; line-height: 11.6vw; letter-spacing: -0.6264vw; } footer.footer .middle .form-subscribe .success-text span { font-size: 3.48vw; line-height: 4.872vw; margin-top: 1.16vw; } footer.footer .middle .app-box a { height: 11.6vw; } footer.footer .bot { flex-wrap: wrap; gap: 3.48vw 4.64vw; padding: 4.64vw 3.48vw; } footer.footer .bot .policy-item { flex: 1 1 45%; font-size: 3.48vw; line-height: 4.872vw; } footer.footer .bot .frontmen-wrap { bottom: 4.64vw; height: 5.8vw; } footer.footer .bot noindex { top: unset; right: unset; bottom: 4.64vw; left: 0; width: auto; height: 5.8vw; } footer.footer .bot noindex img { width: auto; height: 100%; } .breadcrumbs + footer.footer { margin-top: 11.6vw; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .cookies-accept-popup { position: fixed; display: none; align-items: center; justify-content: space-between; gap: var(--20px); left: 0; right: 0; bottom: var(--25px); width: 50%; z-index: 1000; background-color: rgba(255, 255, 255, 0.4); backdrop-filter: blur(35px); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: var(--20px); margin: 0 auto; padding: var(--20px) var(--40px) var(--20px) var(--20px); } .cookies-accept-popup .cookies-text { font-size: 0.936vw; line-height: 1.3vw; width: auto; padding-right: var(--50px); } .cookies-accept-popup .cookies-text a { text-decoration: underline; } .cookies-accept-popup .btn-link { margin: var(--30px) auto 0 auto; } .cookies-accept-popup .cross { position: absolute; width: var(--30px); height: var(--30px); top: var(--20px); right: var(--20px); opacity: 0.5; cursor: pointer; } .cookies-accept-popup .cross img { width: 100%; height: auto; } .cookies-accept-popup.active { display: block; } @media only screen and (min-width: 1921px) { .cookies-accept-popup { width: 1200px; } .cookies-accept-popup .cookies-text { font-size: 18px; line-height: 25px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .cookies-accept-popup { width: 650px; } .cookies-accept-popup .cookies-text { font-size: var(--18px); line-height: var(--25px); } } @media only screen and (max-width: 480px) { .cookies-accept-popup { padding: 3.48vw; bottom: 3.48vw; width: 93%; } .cookies-accept-popup .cookies-text { font-size: 2.784vw; line-height: 3.712vw; width: auto; padding-right: 6.96vw; } .cookies-accept-popup .btn-link { display: block; width: auto; min-width: unset; margin: 3.48vw auto 0 auto; padding: 3.48vw 5.104vw; } .cookies-accept-popup .cross { width: 4.64vw; height: 4.64vw; top: 3.48vw; right: 3.48vw; } .cookies-accept-popup.active { display: block; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .fly-anchors { display: flex; align-items: center; height: var(--60px); } .fly-anchors .btn-call { align-self: stretch; display: flex; align-items: center; justify-content: center; gap: var(--10px); min-width: 22.88vw; background-color: #1DB7ED; transition: 0.3s ease; text-decoration: none; } .fly-anchors .btn-call span { font-size: 1.04vw; line-height: 1.456vw; color: #fff; } .fly-anchors .btn-call img { flex-shrink: 0; width: 1.716vw; height: auto; } .fly-anchors .btn-call:hover { background-color: #f65701; } .fly-anchors .anchor-nav { align-self: stretch; display: flex; gap: var(--30px); margin: 0 var(--60px) 0 auto; } .fly-anchors .anchor-nav a { font-size: 1.04vw; line-height: 1.456vw; padding: var(--15px) 0; text-decoration: none; } .bg-wrap.bg-fly { position: sticky; top: var(--90px); left: 0; z-index: 55; width: 100%; background-color: rgba(218, 218, 218, 0.7); backdrop-filter: blur(40px); padding: 0; } .timetable-slots + .bg-wrap.bg-fly { margin-top: -3.12vw; } @media only screen and (min-width: 1921px) { .fly-anchors .btn-call { min-width: 440px; } .fly-anchors .btn-call span { font-size: 20px; line-height: 28px; } .fly-anchors .btn-call img { width: 33px; } .fly-anchors .anchor-nav a { font-size: 20px; line-height: 28px; } .timetable-slots + .bg-wrap.bg-fly { margin-top: -60px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .fly-anchors .btn-call { min-width: var(--440px); } .fly-anchors .btn-call span { font-size: var(--20px); line-height: var(--28px); } .fly-anchors .btn-call img { width: var(--33px); } .fly-anchors .anchor-nav a { font-size: var(--20px); line-height: var(--28px); } .timetable-slots + .bg-wrap.bg-fly { margin-top: -39px; } } @media only screen and (max-width: 480px) { .fly-anchors { position: relative; top: 0; margin: 0; overflow: hidden; } .fly-anchors.end-scroller:after { opacity: 0; z-index: -1; } .fly-anchors.has-scrolled:before, .fly-anchors.end-scroller:before { opacity: 1; z-index: 4; } .fly-anchors::after, .fly-anchors::before { position: absolute; display: block; content: ""; top: 0; width: var(--100px); height: var(--60px); background: linear-gradient(270deg, #E5E5E5 29.33%, rgba(229, 229, 229, 0) 100%); z-index: 4; transition: opacity 0.5s linear; } .fly-anchors::after { right: calc(-1 * var(--15px)); } .fly-anchors::before { left: var(--45px); opacity: 0; z-index: -1; background: linear-gradient(to right, #E5E5E5 29.33%, rgba(229, 229, 229, 0) 100%); } .fly-anchors .btn-call { flex-shrink: 0; position: relative; z-index: 5; min-width: unset; width: 13.92vw; } .fly-anchors .btn-call span { display: none; } .fly-anchors .btn-call img { width: 6.496vw; } .fly-anchors .anchor-nav { gap: 4.64vw; margin: 0; width: 100%; padding: 0 4.64vw; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; } .fly-anchors .anchor-nav::-webkit-scrollbar { display: none; } .fly-anchors .anchor-nav a { flex-shrink: 0; font-size: 3.48vw; line-height: 4.64vw; padding: 4.64vw 0; white-space: nowrap; } .bg-wrap.bg-fly { top: 11.6vw; margin: 0; } .timetable-slots + .bg-wrap.bg-fly { margin-top: 0; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ .service-list-custom .price-opener .price-top .plus { display: flex; justify-content: center; align-items: center; } .service-list-custom .price-list .btn-link .load { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .service-list-custom { padding: var(--70px) var(--20px); } .service-list-custom h1.as-h1, .service-list-custom .as-h1 { font-size: var(--60px); line-height: var(--60px); font-weight: 600; letter-spacing: -0.1716vw; padding-left: 7.8vw; margin-bottom: var(--50px); } .service-list-custom .price-opener { margin: 0 5.98vw; padding: 1.196vw 1.56vw 1.196vw 2.08vw; border-radius: var(--20px); transition: 0.4s ease; } .service-list-custom .price-opener .price-top { display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .service-list-custom .price-opener .price-top .group-name { font-size: var(--30px); line-height: var(--30px); font-weight: 600; letter-spacing: -0.052vw; transition: 0.3s ease; } .service-list-custom .price-opener .price-top .plus { flex-shrink: 0; width: var(--80px); height: var(--80px); background-color: rgba(29, 183, 237, 0.1); border-radius: var(--10px); transition: 0.3s ease; } .service-list-custom .price-opener .price-top .plus svg { width: var(--25px); height: auto; } @media screen and (min-width: 480px) { .service-list-custom .price-opener:hover { background-color: #f5f5f5; } .service-list-custom .price-opener:hover .plus { background-color: #1DB7ED; } .service-list-custom .price-opener:hover .plus svg path { fill: #fff; } } .service-list-custom .price-opener.open { margin-left: 0; margin-right: 0; margin-bottom: var(--30px); padding: 2.6vw 8.06vw; background-color: #f5f5f5; } .service-list-custom .price-opener.open .price-top .group-name { color: rgba(0, 0, 0, 0.2); } .service-list-custom .price-opener.open .price-top .plus { background-color: #fff; } .service-list-custom .price-opener.open .price-top .plus svg path { fill: rgba(0, 0, 0, 0.2); } .service-list-custom .price-opener.open .price-top .plus svg path:first-child { display: none; } .service-list-custom .price-opener.open .price-list { margin-top: var(--20px); } .service-list-custom .price-list { display: none; overflow: hidden; } .service-list-custom .price-list .btn-link { position: relative; margin-top: var(--30px); height: var(--70px); } .service-list-custom .price-list .btn-link .load { display: none; width: var(--45px); height: var(--45px); } .service-list-custom .price-list .btn-link.loading span { display: none; } .service-list-custom .price-list .btn-link.loading .load { display: block; } .service-list-custom .price-list .btn-link.loading:hover { background-color: #000; border-color: #000; cursor: default; } .bg-wrap.bg-service-list.cover-single { background-color: #f5f5f5; padding: 0; } @media screen and (min-width: 480px) { .bg-wrap.bg-service-list.cover-single .price-opener:hover { background-color: #fff; } } .bg-wrap.bg-service-list.cover-single .price-opener.open { background-color: #fff; } .bg-wrap.bg-service-list.cover-single .price-opener .price-item .btn-order.added { background-color: #fff; } .bg-editor + .bg-service-list.cover-single { border-top-left-radius: var(--50px); border-top-right-radius: var(--50px); } .bg-service-list + .bg-service-list { margin-top: -3.12vw; } .bg-service-list + .bg-service-list .service-list-custom { padding-top: 0; } @media only screen and (min-width: 1921px) { .service-list-custom h1.as-h1, .service-list-custom .as-h1 { letter-spacing: -3.3px; padding-left: 150px; } .service-list-custom .price-opener { margin: 0 115px; padding: 23px 30px 23px 40px; } .service-list-custom .price-opener .price-top .group-name { letter-spacing: -1px; } .service-list-custom .price-opener.open { padding: 50px 155px; } .bg-service-list + .bg-service-list { margin-top: -60px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .service-list-custom h1.as-h1, .service-list-custom .as-h1 { letter-spacing: -2.1px; padding-left: var(--150px); } .service-list-custom .price-opener { margin: 0 var(--115px); padding: var(--23px) var(--30px) var(--23px) var(--40px); } .service-list-custom .price-opener .price-top .group-name { letter-spacing: -0.65px; } .service-list-custom .price-opener.open { padding: var(--50px) var(--155px); } .bg-service-list + .bg-service-list { margin-top: -39px; } } @media only screen and (max-width: 480px) { .service-list-custom { padding: 11.6vw 3.48vw; } .service-list-custom h1.as-h1, .service-list-custom .as-h1 { font-size: 8.12vw; line-height: 8.12vw; text-align: center; letter-spacing: -0.464vw; padding: 0; margin-bottom: 6.96vw; } .service-list-custom .price-opener { margin: 0; padding: 0; border-radius: 0; } .service-list-custom .price-opener .price-top { transition: 0.4s ease; } .service-list-custom .price-opener .price-top .group-name { font-size: 4.176vw; line-height: 5.8vw; font-weight: 400; letter-spacing: normal; } .service-list-custom .price-opener .price-top .plus { width: 10.44vw; height: 10.44vw; background: none; border-radius: 0; } .service-list-custom .price-opener .price-top .plus svg { display: none; } .service-list-custom .price-opener .price-top .plus img { display: block; width: 4.64vw; height: auto; transition: 0.3s ease; } .service-list-custom .price-opener.open { padding: 0; margin-bottom: 2.32vw; background: none; } .service-list-custom .price-opener.open .price-top { margin-bottom: 1.16vw; } .service-list-custom .price-opener.open .price-top .group-name { color: rgba(0, 0, 0, 0.3); } .service-list-custom .price-opener.open .price-top .plus { background: none; } .service-list-custom .price-opener.open .price-top .plus img { transform: rotate(180deg); opacity: 0.3; } .service-list-custom .price-opener.open .price-list { margin-top: 0; padding: 1.16vw 0; } .service-list-custom .price-list { background-color: #f5f5f5; border-radius: 3.48vw; } .service-list-custom .price-list .btn-link { height: 13.224vw; margin: 2.32vw 0 3.48vw 3.48vw; } .bg-editor + .bg-service-list.cover-single { border-top-left-radius: 0; border-top-right-radius: 0; } .bg-wrap.bg-service-list.cover-single .price-opener.open { background: none; } .bg-wrap.bg-service-list.cover-single .price-opener.open .price-list { background-color: #fff; } .bg-service-list + .bg-service-list { margin-top: -6.96vw; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .price-item { display: flex; align-items: center; justify-content: space-between; gap: var(--100px); padding: var(--15px) 0; border-radius: var(--10px); transition: 0.3s ease; } .price-item .name { font-size: 1.144vw; line-height: 1.56vw; margin-bottom: var(--10px); text-decoration: none; } .price-item .price-nums { display: flex; align-items: center; gap: var(--10px); } .price-item .price-nums span.current { font-size: var(--20px); line-height: var(--30px); color: #fff; padding: 0 var(--10px); background-color: #1DB7ED; border-radius: var(--100px); } .price-item .price-nums span.old { font-size: 0.884vw; line-height: 0.936vw; color: rgba(0, 0, 0, 0.4); text-decoration: line-through; } .price-item .btn-order { display: flex; align-items: center; justify-content: center; text-decoration: none; gap: var(--10px); padding: var(--20px); min-width: 9.36vw; background-color: #F5F5F5; border-radius: var(--100px); cursor: pointer; transition: 0.3s ease; } .price-item .btn-order:hover, .price-item .btn-order:focus { text-decoration: none; } .price-item .btn-order span { font-size: 1.144vw; line-height: 1.56vw; } .price-item .btn-order svg, .price-item .btn-order img { flex-shrink: 0; width: 0.936vw; height: auto; } .price-item .btn-order img { display: none; width: 1.196vw; } .price-item .btn-order .add-elem { color: #000; } .price-item .btn-order.added { background-color: #f5f5f5; } .price-item .btn-order.added .add-elem, .price-item .btn-order.added svg { display: none; } .price-item .btn-order.added img { display: block; } .price-item .not-available { font-size: 0.884vw; line-height: 1.196vw; color: rgba(0, 0, 0, 0.5); text-align: center; width: 9.36vw; } .price-item.not .price-nums span.current { background-color: #B8B8B8; } @media screen and (min-width: 480px) { .price-item:hover:not(.not):not(.added-item) { background-color: rgba(29, 183, 237, 0.1); padding: var(--15px); } .price-item:hover:not(.not):not(.added-item) .name { color: #1DB7ED; } .price-item:hover:not(.not):not(.added-item) .btn-order { background-color: #6bd333; } .price-item:hover:not(.not):not(.added-item) .btn-order span.add-elem { color: #fff; } .price-item:hover:not(.not):not(.added-item) .btn-order svg path { fill: #fff; } } @media only screen and (min-width: 1921px) { .price-item .name { font-size: 22px; line-height: 30px; } .price-item .price-nums span.old { font-size: 17px; line-height: 18px; } .price-item .btn-order { min-width: 180px; } .price-item .btn-order span { font-size: 22px; line-height: 30px; } .price-item .btn-order svg, .price-item .btn-order img { width: 18px; } .price-item .btn-order img { width: 23px; } .price-item .not-available { font-size: 17px; line-height: 23px; width: 180px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .price-item .name { font-size: var(--22px); line-height: var(--30px); } .price-item .price-nums span.old { font-size: var(--17px); line-height: var(--18px); } .price-item .btn-order { min-width: var(--180px); } .price-item .btn-order span { font-size: var(--22px); line-height: var(--30px); } .price-item .btn-order svg, .price-item .btn-order img { width: var(--18px); } .price-item .btn-order img { width: var(--23px); } .price-item .not-available { font-size: var(--17px); line-height: var(--23px); width: var(--180px); } } @media only screen and (max-width: 480px) { .price-item { padding: 3.48vw; gap: 2.32vw; border-radius: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .price-item:last-child { border-bottom: none; } .price-item .name { font-size: 4.176vw; line-height: 5.336vw; font-weight: 500; margin-bottom: 2.32vw; } .price-item .price-nums { gap: 1.16vw; } .price-item .price-nums span.current { font-size: 3.48vw; line-height: 5.104vw; padding: 0 1.624vw; } .price-item .price-nums span.old { font-size: 2.784vw; line-height: 3.712vw; color: rgba(0, 0, 0, 0.3); } .price-item .btn-order { flex-shrink: 0; text-decoration: none; padding: 2.32vw; min-width: unset; width: 10.44vw; height: 10.44vw; background-color: #6bd333; border-radius: 50%; } .price-item .btn-order:hover, .price-item .btn-order:focus { text-decoration: none; } .price-item .btn-order span { display: none; } .price-item .btn-order svg, .price-item .btn-order img { width: 4.64vw; } .price-item .btn-order svg path, .price-item .btn-order img path { fill: #fff; } .price-item .btn-order img { width: 5.336vw; } .price-item .btn-order.added .add-elem, .price-item .btn-order.added svg { display: none; } .price-item .btn-order.added img { display: block; } .price-item .not-available { font-size: 3.48vw; line-height: 4.64vw; font-weight: 500; text-align: left; width: auto; margin-top: 3.48vw; } .price-item.not { display: block; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .default-editor { padding: 0 14.3vw 0 1.04vw; } .default-editor .editor-item:nth-child(n+2) { margin-top: var(--70px); } .default-editor h1.as-h1, .default-editor .as-h1 { font-size: var(--60px); line-height: var(--60px); font-weight: 600; color: #6bd333; margin-bottom: var(--20px); letter-spacing: -0.1716vw; } .default-editor .editor-content { font-size: 1.144vw; line-height: 1.56vw; } .default-editor .editor-content p, .default-editor .editor-content ol, .default-editor .editor-content ul { margin-top: var(--20px); } .default-editor .editor-content h2, .default-editor .editor-content h3, .default-editor .editor-content h4, .default-editor .editor-content h5, .default-editor .editor-content h6 { font-size: var(--30px); line-height: var(--30px); letter-spacing: -2px; margin-top: var(--30px); } .bg-wrap.bg-editor { margin: var(--40px) 0; padding-top: var(--40px); } @media only screen and (min-width: 1921px) { .default-editor { padding: 0 275px 0 20px; } .default-editor h1.as-h1, .default-editor .as-h1 { letter-spacing: -3.3px; } .default-editor .editor-content { font-size: 22px; line-height: 30px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .default-editor { padding: 0 var(--275px) 0 var(--20px); } .default-editor h1.as-h1, .default-editor .as-h1 { letter-spacing: -2.1px; } .default-editor .editor-content { font-size: var(--22px); line-height: var(--30px); } } @media only screen and (max-width: 480px) { .default-editor { padding: 0 3.48vw; } .default-editor h1.as-h1, .default-editor .as-h1 { font-size: 8.12vw; line-height: 8.12vw; color: #000; letter-spacing: -0.464vw; } .default-editor .editor-content { font-size: 4.176vw; line-height: 5.8vw; } .default-editor .editor-content img { max-width: 100%; } .default-editor .editor-content h2, .default-editor .editor-content h3, .default-editor .editor-content h4, .default-editor .editor-content h5, .default-editor .editor-content h6 { font-size: 5.8vw; line-height: 5.8vw; letter-spacing: -1px; margin-top: 4.64vw; } .bg-wrap.bg-editor { margin: 5.8vw 0; padding-top: 5.8vw; } .bg-wrap.bg-editor.cover-top { background-color: #f5f5f5; padding-top: 11.6vw; border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 0; } .bg-wrap.bg-editor.cover-top .as-h1 { margin-bottom: -2.32vw; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .text-grid-sym { position: relative; margin: var(--20px); padding: var(--40px); border-radius: var(--50px); background-color: rgba(246, 87, 1, 0.1); } .text-grid-sym h1.as-h1, .text-grid-sym .as-h1 { font-size: var(--45px); line-height: var(--45px); font-weight: 400; letter-spacing: -0.0702vw; margin-bottom: var(--20px); padding-right: calc(2 * var(--100px) + var(--30px)); } .text-grid-sym .desc { font-size: 1.144vw; line-height: 1.56vw; color: rgba(0, 0, 0, 0.5); } .text-grid-sym .text-box { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--75px); margin-top: 7.02vw; } .text-grid-sym .text-box .item img { width: auto; height: var(--40px); margin-bottom: var(--20px); } .text-grid-sym .text-box .item .text { font-size: 1.144vw; line-height: 1.56vw; } .text-grid-sym .btn-more { position: absolute; top: var(--40px); right: var(--40px); font-size: 0.936vw; line-height: 1.456vw; font-weight: 300; background-color: #f65701; box-shadow: 4px 4px 20px 0 rgba(246, 87, 1, 0.25); padding: var(--20px) var(--45px); } .text-grid-sym .btn-more img { width: 0.936vw; } .text-grid-sym .btn-more:hover { background-color: #1DB7ED; box-shadow: 4px 4px 20px 0 rgb(1, 217, 246); } @media only screen and (min-width: 1921px) { .text-grid-sym { margin: 20px auto; } .text-grid-sym h1.as-h1, .text-grid-sym .as-h1 { letter-spacing: -1.35px; } .text-grid-sym .desc { font-size: 22px; line-height: 30px; } .text-grid-sym .text-box { margin-top: 135px; } .text-grid-sym .text-box .item { max-width: 400px; } .text-grid-sym .text-box .item .text { font-size: 22px; line-height: 30px; } .text-grid-sym .btn-more { font-size: 18px; line-height: 28px; box-shadow: 4px 4px 20px 0 rgba(246, 87, 1, 0.25); } .text-grid-sym .btn-more img { width: 18px; } .container.double-col .left-col .text-grid-sym { margin: 20px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .text-grid-sym { margin: var(--20px); } .text-grid-sym h1.as-h1, .text-grid-sym .as-h1 { letter-spacing: -0.8px; } .text-grid-sym .desc { font-size: var(--22px); line-height: var(--30px); } .text-grid-sym .text-box { margin-top: var(--135px); } .text-grid-sym .text-box .item { max-width: var(--400px); } .text-grid-sym .text-box .item .text { font-size: var(--22px); line-height: var(--30px); } .text-grid-sym .btn-more { font-size: var(--18px); line-height: var(--28px); box-shadow: 4px 4px 20px 0 rgba(246, 87, 1, 0.25); } .text-grid-sym .btn-more img { width: var(--18px); } } @media only screen and (max-width: 480px) { .text-grid-sym { margin: 3.48vw; padding: 6.96vw 3.48vw 4.64vw 3.48vw; border-radius: 3.48vw; } .text-grid-sym h1.as-h1, .text-grid-sym .as-h1 { font-size: 8.12vw; line-height: 8.12vw; font-weight: 600; text-align: center; letter-spacing: -0.464vw; margin-bottom: 6.96vw; padding-right: 0; } .text-grid-sym h1.as-h1 br, .text-grid-sym .as-h1 br { display: none; } .text-grid-sym .desc { display: none; } .text-grid-sym .text-box { display: block; margin: 0; } .text-grid-sym .text-box .item { max-width: unset; } .text-grid-sym .text-box .item img { display: none; height: 8.12vw; margin: 0 auto 2.32vw auto; } .text-grid-sym .text-box .item img.mobile { display: block; } .text-grid-sym .text-box .item .text { font-size: 4.176vw; line-height: 5.8vw; text-align: center; } .text-grid-sym .text-box .item:nth-child(n+2) { margin-top: 6.96vw; } .text-grid-sym .btn-more { position: static; font-size: 3.48vw; line-height: 4.64vw; margin-top: 11.6vw; padding: 3.944vw 9.28vw; } .text-grid-sym .btn-more img { width: 2.784vw; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .faq-service { padding: 2.6vw 17.16vw; } .faq-service h1.as-h1, .faq-service .as-h1 { font-size: var(--60px); line-height: var(--60px); font-weight: 600; color: #6bd333; letter-spacing: -0.1716vw; margin-bottom: var(--20px); } .faq-service .desc { font-size: 1.144vw; line-height: 1.56vw; margin-bottom: var(--30px); } .faq-service .faq-box .open-item { border-radius: var(--15px); padding: var(--20px) var(--20px) var(--20px) 0; overflow: hidden; transition: 0.5s ease; } .faq-service .faq-box .open-item:nth-child(n+2) { margin-top: var(--30px); } .faq-service .faq-box .open-item .top { display: flex; align-items: center; justify-content: space-between; gap: var(--50px); cursor: pointer; } .faq-service .faq-box .open-item .top h3 { font-size: var(--45px); line-height: var(--45px); letter-spacing: -0.0702vw; margin: 0; } .faq-service .faq-box .open-item .top svg { flex-shrink: 0; width: var(--60px); height: var(--60px); margin-right: 0; transition: 0.5s ease; } .faq-service .faq-box .open-item .top svg ellipse, .faq-service .faq-box .open-item .top svg path { transition: 0.5s ease; } .faq-service .faq-box .open-item .content { font-size: 1.144vw; line-height: 1.56vw; width: 39.78vw; overflow: hidden; transition: 0.5s ease; } @media only screen and (min-width: 480px) { .faq-service .faq-box .open-item:hover { background-color: #F5F5F5; padding-left: var(--20px); } .faq-service .faq-box .open-item:hover .top svg { margin-right: 0; } } .faq-service .faq-box .open-item.open { background-color: #F5F5F5; padding-left: var(--20px); } .faq-service .faq-box .open-item.open .top svg { transform: rotate(180deg); margin-right: 0; } .faq-service .faq-box .open-item.open .top svg ellipse { opacity: 0.3; } .faq-service .faq-box .open-item.open .top svg path { fill: #1DB7ED; } .faq-service .faq-box .open-item.open .content { margin-top: var(--50px); } .faq-service .rating { margin-top: var(--100px); padding-left: 0; } .container .left-col .faq-service { padding: 1.82vw 6.24vw 1.82vw 1.04vw; } @media only screen and (min-width: 480px) { .bg-wrap.bg-faq-service.cover-single .faq-box .open-item:hover { background-color: #fff; } .bg-wrap.bg-faq-service.cover-single .faq-box .open-item.open { background-color: #fff; } } @media only screen and (min-width: 1921px) { .faq-service { padding: 50px 330px; } .faq-service h1.as-h1, .faq-service .as-h1 { letter-spacing: -3.3px; } .faq-service .desc { font-size: 22px; line-height: 30px; } .faq-service .faq-box .open-item .top h3 { letter-spacing: -1.35px; } .faq-service .faq-box .open-item .top svg { margin-right: -90px; } .faq-service .faq-box .open-item .content { font-size: 22px; line-height: 30px; width: 765px; } .faq-service .faq-box .open-item.open .content { margin-top: var(--50px); } .faq-service .rating { margin-top: var(--100px); padding-left: 0; } .container .left-col .faq-service { padding: 35px 120px 35px 60px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .faq-service { padding: var(--50px) var(--330px); } .faq-service h1.as-h1, .faq-service .as-h1 { letter-spacing: -2.1px; } .faq-service .desc { font-size: var(--22px); line-height: var(--30px); } .faq-service .faq-box .open-item .top h3 { letter-spacing: -0.8px; } .faq-service .faq-box .open-item .top svg { margin-right: -58.5px; } .faq-service .faq-box .open-item .content { font-size: var(--22px); line-height: var(--30px); width: var(--765px); } .container .left-col .faq-service { padding: var(--35px) var(--120px) var(--35px) var(--60px); } } @media only screen and (max-width: 480px) { .faq-service { padding: 8.12vw 3.48vw; } .faq-service h1.as-h1, .faq-service .as-h1 { font-size: 8.12vw; line-height: 8.12vw; letter-spacing: -0.464vw; color: #000; } .faq-service .desc { font-size: 4.176vw; line-height: 5.8vw; } .faq-service .faq-box .open-item { border-radius: 0; padding: 0 0 3.48vw 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .faq-service .faq-box .open-item:nth-child(n+2) { margin-top: 5.8vw; } .faq-service .faq-box .open-item .top { gap: 2.32vw; } .faq-service .faq-box .open-item .top h3 { font-size: 4.176vw; line-height: 5.336vw; font-weight: 500; letter-spacing: normal; } .faq-service .faq-box .open-item .top svg { width: 9.28vw; height: 9.28vw; transform: none; margin: 0; } .faq-service .faq-box .open-item .top svg ellipse { fill: transparent; } .faq-service .faq-box .open-item .top svg path { fill: #000; } .faq-service .faq-box .open-item .content { font-size: 4.176vw; line-height: 5.8vw; width: auto; } .faq-service .faq-box .open-item.open { background-color: unset; padding-left: 0; } .faq-service .faq-box .open-item.open .top svg path { fill: #000; } .faq-service .faq-box .open-item.open .content { margin-top: 6.96vw; } .faq-service .rating { margin-top: 11.6vw; } .container .left-col .faq-service { padding: 8.12vw 3.48vw; } .faq-service.cover-single .faq-box .open-item.open { background-color: unset; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .hints-set { padding: 2.08vw 21.58vw 2.08vw 17.16vw; } .hints-set h1.as-h1, .hints-set .as-h1 { font-size: var(--60px); line-height: var(--60px); font-weight: 600; letter-spacing: -0.1716vw; margin-bottom: var(--50px); } .hints-set .item:nth-child(n+2) { margin-top: var(--50px); } .hints-set .item img.state { width: auto; height: var(--50px); margin-bottom: var(--15px); } .hints-set .item .title { font-size: var(--45px); line-height: var(--45px); letter-spacing: -0.0702vw; margin-bottom: var(--20px); } .hints-set .item .desc { font-size: 1.144vw; line-height: 1.56vw; } .hints-set .btn-link { position: relative; display: none; justify-content: center; margin-top: var(--50px); } .hints-set .btn-link img { position: absolute; top: 0; bottom: 0; left: var(--40px); margin: auto 0; width: var(--30px); height: auto; opacity: 0; transition: 0.3s ease; } @media screen and (min-width: 480px) { .hints-set .btn-link:hover { background-color: #1DB7ED; border-color: #1DB7ED; padding-left: var(--70px); } .hints-set .btn-link:hover img { opacity: 1; } } @media only screen and (min-width: 1921px) { .hints-set { padding: 40px 415px 40px 330px; } .hints-set h1.as-h1, .hints-set .as-h1 { letter-spacing: -3.3px; } .hints-set .item .title { letter-spacing: -1.35px; } .hints-set .item .desc { font-size: 22px; line-height: 30px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .hints-set { padding: var(--40px) var(--415px) var(--40px) var(--330px); } .hints-set h1.as-h1, .hints-set .as-h1 { letter-spacing: -2.1px; } .hints-set .item .title { letter-spacing: -0.8px; } .hints-set .item .desc { font-size: var(--22px); line-height: var(--30px); } } @media only screen and (max-width: 480px) { .hints-set { padding: 5.8vw 3.48vw; } .hints-set h1.as-h1, .hints-set .as-h1 { font-size: 8.12vw; line-height: 8.12vw; letter-spacing: -0.464vw; margin-bottom: 6.96vw; } .hints-set .item { padding: 5.8vw 0; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .hints-set .item:nth-child(n+2) { margin-top: 0; } .hints-set .item .top { display: flex; align-items: center; gap: 3.48vw; } .hints-set .item .top img.state { flex-shrink: 0; width: 8.12vw; height: auto; margin: 0; } .hints-set .item .top .title { flex-grow: 1; font-size: 4.176vw; line-height: 5.336vw; font-weight: 500; margin: 0; padding-right: 6.96vw; } .hints-set .item .top img.mobile { display: block; flex-shrink: 0; width: 4.64vw; height: auto; transition: 0.3s ease; } .hints-set .item .top.no-open { display: none; } .hints-set .item .desc { font-size: 4.176vw; line-height: 5.8vw; overflow: hidden; transition: 0.4s ease; } .hints-set .item .top.no-open + .desc { line-height: 5.336vw; } .hints-set .item .top.no-open + .desc p { margin: 0; padding-top: 2.088vw; } .hints-set .item .top.no-open + .desc img.mobile { display: block; float: left; width: 8.12vw; height: auto; margin: 1.16vw 3.48vw 0 0; } .hints-set .item.open .top .title { color: rgba(0, 0, 0, 0.5); } .hints-set .item.open .desc { margin-top: 3.48vw; } .hints-set .btn-link { align-items: center; gap: 2.32vw; color: #fff; border: none; width: auto; min-width: unset; background-color: #1DB7ED; margin-top: 6.96vw; } .hints-set .btn-link img { display: none; } .hints-set .btn-link img.mobile { position: static; display: block; width: 3.248vw; height: auto; opacity: 1; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .rating { display: flex; align-items: center; gap: 0.624vw; padding: var(--20px) var(--40px); } .rating .rating-stars { display: flex; } .rating .rating-stars svg.star { flex-shrink: 0; width: 1.924vw; height: 1.56vw; cursor: pointer; } .rating .rating-stars svg.star path { transition: 0.3s ease; } .rating .rating-stars svg.star.checked path { fill: #6bd333; stroke: #6bd333; stroke-opacity: 1; } .rating .rating-stars:hover svg.star path { fill: #6bd333; stroke: #6bd333; stroke-opacity: 1; } .rating .rating-stars:hover svg.star:hover ~ svg.star path { fill: #fff; stroke: #000; stroke-opacity: 0.5; } .rating .rating-info { font-size: 1.144vw; line-height: 1.56vw; color: rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 1921px) { .rating { gap: 12px; } .rating .rating-stars svg.star { width: 37px; height: 30px; } .rating .rating-info { font-size: 22px; line-height: 30px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .rating { gap: var(--12px); } .rating .rating-stars svg.star { width: var(--37px); height: var(--30px); } .rating .rating-info { font-size: var(--22px); line-height: var(--30px); } } @media only screen and (max-width: 480px) { .rating { flex-wrap: wrap; gap: 2.784vw; padding: 2.32vw 0; } .rating .rating-stars svg.star { width: 7.656vw; height: 5.336vw; } .rating .rating-info { font-size: 3.48vw; line-height: 4.64vw; color: #000; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .text-icon-grid { position: relative; display: flex; align-items: flex-start; gap: 3.64vw; margin: var(--20px); padding: 2.6vw 2.6vw 2.6vw 18.2vw; background-color: #6bd333; border-radius: var(--50px); overflow: hidden; min-height: 32.76vw; } .text-icon-grid .pic { position: absolute; left: 0; bottom: 0; width: auto; height: 27.56vw; } .text-icon-grid .side.title { flex-grow: 1; position: relative; background-color: rgba(255, 255, 255, 0.2); border-radius: var(--20px); padding: var(--20px) var(--30px); } .text-icon-grid .side.title h1.as-h1, .text-icon-grid .side.title .as-h1 { font-size: var(--45px); line-height: var(--45px); font-weight: 400; color: #fff; letter-spacing: -0.0702vw; } .text-icon-grid .side.title:before { content: ""; position: absolute; display: block; width: var(--30px); height: var(--30px); border-radius: 50%; background-color: rgba(255, 255, 255, 0.2); bottom: -0.78vw; left: -1.976vw; } .text-icon-grid .side.list { flex-shrink: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--40px) var(--75px); width: 40.3vw; } .text-icon-grid .side.list .item img { width: auto; height: var(--40px); margin-bottom: var(--15px); } .text-icon-grid .side.list .item span { font-size: 1.3vw; line-height: 1.664vw; color: #fff; } .text-icon-grid .side.list .btn-link { display: none; } @media only screen and (min-width: 1921px) { .text-icon-grid { gap: 140px; padding: 50px 50px 50px 280px; margin: 20px auto; min-height: 630px; } .text-icon-grid .pic { height: 530px; } .text-icon-grid .side.title h1.as-h1, .text-icon-grid .side.title .as-h1 { letter-spacing: -1.35px; } .text-icon-grid .side.title:before { bottom: -15px; left: -38px; } .text-icon-grid .side.list { width: 775px; } .text-icon-grid .side.list .item span { font-size: 25px; line-height: 32px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .text-icon-grid { gap: var(--140px); padding: var(--50px) var(--50px) var(--50px) var(--280px); margin: var(--20px); min-height: var(--630px); } .text-icon-grid .pic { height: var(--530px); } .text-icon-grid .side.title h1.as-h1, .text-icon-grid .side.title .as-h1 { letter-spacing: -0.8px; } .text-icon-grid .side.title:before { bottom: -9.75px; left: -24.7px; } .text-icon-grid .side.list { width: var(--775px); } .text-icon-grid .side.list .item span { font-size: var(--25px); line-height: var(--32px); } } @media only screen and (max-width: 480px) { .text-icon-grid { display: block; margin: 6.96vw 3.48vw; padding: 6.96vw 3.48vw; border-radius: 3.48vw; min-height: unset; } .text-icon-grid .pic { display: none; } .text-icon-grid .side.title { background: none; border-radius: 0; padding: 0; margin-bottom: 6.96vw; } .text-icon-grid .side.title h1.as-h1, .text-icon-grid .side.title .as-h1 { font-size: 8.12vw; line-height: 8.12vw; font-weight: 600; letter-spacing: -0.464vw; text-align: center; } .text-icon-grid .side.title:before { content: none; } .text-icon-grid .side.list { display: block; width: auto; } .text-icon-grid .side.list .item:nth-child(n+2) { margin-top: 6.96vw; } .text-icon-grid .side.list .item:nth-child(n+5) { display: none; } .text-icon-grid .side.list .item img { display: block; height: 6.96vw; margin: 0 auto 2.32vw auto; } .text-icon-grid .side.list .item span { font-size: 4.176vw; line-height: 5.8vw; text-align: center; } .text-icon-grid .side.list .btn-link { display: none; align-items: center; justify-content: center; gap: 2.32vw; color: #000; width: 100%; border: none; background-color: #fff; margin-top: 11.6vw; } .text-icon-grid .side.list .btn-link img { width: 3.248vw; height: auto; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .docs-list-row4 { padding: var(--50px) var(--20px); } .docs-list-row4 h1.as-h1, .docs-list-row4 .as-h1 { font-size: var(--60px); line-height: var(--60px); font-weight: 600; letter-spacing: -0.1716vw; text-align: center; margin-bottom: var(--50px); } .docs-list-row4 .doc-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--15px); } .docs-list-row4 .btn-link { margin: var(--50px) auto 0 auto; padding: var(--25px) var(--45px); min-width: unset; box-shadow: 4px 4px 20px 0 rgba(29, 183, 237, 0.25); } .docs-list-row4 .btn-link:hover { background-color: #1DB7ED; border-color: #1DB7ED; color: #fff; } .docs-list-row4.no-click .doc-item .data .name a { pointer-events: none; } .docs-list-row4.no-click .doc-item .data .btn-link { display: none; } @media only screen and (min-width: 480px) { .docs-list-row4.no-click .doc-item:hover .inner-mover { transform: none; } } @media only screen and (min-width: 1921px) { .docs-list-row4 h1.as-h1, .docs-list-row4 .as-h1 { letter-spacing: -3.3px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .docs-list-row4 h1.as-h1, .docs-list-row4 .as-h1 { letter-spacing: -2.1px; } } @media only screen and (max-width: 480px) { .docs-list-row4 { padding: 16.24vw 3.48vw 11.6vw 3.48vw; } .docs-list-row4 h1.as-h1, .docs-list-row4 .as-h1 { font-size: 8.12vw; line-height: 8.12vw; letter-spacing: -0.464vw; margin-bottom: 6.96vw; } .docs-list-row4 .doc-list { display: block; } .docs-list-row4 .doc-list .doc-item:nth-child(n+2) { margin-top: 2.32vw; } .docs-list-row4 .btn-link { display: flex; align-items: center; justify-content: center; gap: 2.32vw; margin-top: 6.96vw; padding: 3.48vw 10.44vw; width: auto; } .docs-list-row4 .btn-link img.mobile { flex-shrink: 0; display: block; width: 3.016vw; height: auto; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .doc-item { width: 22.88vw; height: 30.68vw; border-radius: var(--10px); overflow: hidden; } .doc-item .inner-mover { transition: 0.4s 0.3s ease; } .doc-item .pic { position: relative; height: 22.88vw; } .doc-item .pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top center; object-position: top center; } .doc-item .pic .mini-info { position: absolute; display: flex; left: var(--10px); bottom: var(--10px); padding: var(--15px) 0; border-radius: var(--10px); background-color: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); } .doc-item .pic .mini-info .info { display: flex; flex-direction: column; justify-content: space-between; gap: var(--5px); padding: 0.364vw 0.78vw; border-right: 2px solid rgba(107, 124, 134, 0.2); } .doc-item .pic .mini-info .info:last-child { border: none; } .doc-item .pic .mini-info .info .top { display: flex; align-items: center; justify-content: center; gap: var(--5px); } .doc-item .pic .mini-info .info .top img { flex-shrink: 0; width: var(--15px); height: auto; } .doc-item .pic .mini-info .info .top span { font-size: 0.936vw; line-height: 0.936vw; font-weight: 600; color: #1DB7ED; } .doc-item .pic .mini-info .info span { display: block; font-size: 0.728vw; line-height: 0.728vw; font-weight: 400; color: #6B7C86; text-align: center; white-space: nowrap; } .doc-item .pic .mini-info .info.reit .top img { width: 0.832vw; } .doc-item .pic .mini-info .info.reit .top span { padding-top: 0.156vw; } .doc-item .pic .mini-info .info.exp { padding-top: 0.468vw; } .doc-item .pic .mini-info .info.online .top img { width: var(--20px); } .doc-item .data { display: flex; flex-direction: column; height: 30.68vw; background-color: #fff; } .doc-item .data .name { flex-shrink: 0; font-size: var(--30px); line-height: var(--30px); font-weight: 600; letter-spacing: normal; padding: var(--20px) var(--20px) var(--10px) var(--20px); margin: 0; height: var(--90px); } .doc-item .data .name a { color: #000; text-decoration: none; } .doc-item .data .name br { display: none; } .doc-item .data .status { flex-shrink: 0; font-size: 0.884vw; line-height: 0.936vw; color: rgba(0, 0, 0, 0.7); padding: 0 var(--20px); height: var(--60px); } .doc-item .data .price { flex-shrink: 0; display: flex; align-items: center; justify-content: space-between; margin: var(--20px); padding: 0.884vw; border-radius: var(--10px); background-color: rgba(29, 183, 237, 0.1); } .doc-item .data .price span { font-size: 0.78vw; line-height: 0.832vw; color: rgba(0, 0, 0, 0.7); } .doc-item .data .price span:first-child { font-weight: 500; } .doc-item .data .price span:last-child { font-weight: 700; } .doc-item .data .addr-list { flex-grow: 1; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: var(--30px) var(--20px) 0 var(--20px); margin-bottom: var(--30px); overflow-y: auto; } .doc-item .data .addr-list .addr { display: flex; align-items: center; gap: 0.416vw; } .doc-item .data .addr-list .addr:nth-child(n+2) { margin-top: var(--45px); } .doc-item .data .addr-list .addr img { flex-shrink: 0; width: 0.624vw; height: auto; } .doc-item .data .addr-list .addr span { font-size: 0.884vw; line-height: 0.884vw; } .doc-item .data .btn-link { font-size: 0.884vw; line-height: 0.884vw; color: #fff; text-align: center; padding: 1.404vw; margin: auto var(--20px) var(--20px) var(--20px); min-width: unset; width: auto; background-color: #1DB7ED; border: none; box-shadow: 4px 4px 20px 0 rgba(29, 183, 237, 0.25); transition: transform 1s 0.3s ease, background-color 0.2s 0s linear; transform: scale(0.7); transform-origin: bottom center; } .doc-item .data .btn-link:hover { background-color: #000; box-shadow: none; } @media only screen and (min-width: 480px) { .doc-item:hover:not(.emergency-doc) .inner-mover { transform: translateY(-22.88vw); } .doc-item:hover:not(.emergency-doc) .data .btn-link { transform: scale(1); } } @media only screen and (min-width: 1921px) { .doc-item { width: 440px; height: 590px; } .doc-item .pic { height: 440px; } .doc-item .pic .mini-info .info { padding: 7px 15px; border-right: 2px solid rgba(107, 124, 134, 0.2); } .doc-item .pic .mini-info .info .top span { font-size: 18px; line-height: 18px; } .doc-item .pic .mini-info .info span { font-size: 14px; line-height: 14px; } .doc-item .pic .mini-info .info.reit .top img { width: 16px; } .doc-item .pic .mini-info .info.reit .top span { padding-top: 3px; } .doc-item .pic .mini-info .info.exp { padding-top: 9px; } .doc-item .data { height: 590px; } .doc-item .data .status { font-size: 17px; line-height: 18px; } .doc-item .data .price { padding: 17px; } .doc-item .data .price span { font-size: 15px; line-height: 16px; } .doc-item .data .addr-list .addr { gap: 8px; } .doc-item .data .addr-list .addr img { width: 12px; } .doc-item .data .addr-list .addr span { font-size: 17px; line-height: 17px; } .doc-item .data .btn-link { font-size: 17px; line-height: 17px; padding: 27px; box-shadow: 4px 4px 20px 0 rgba(29, 183, 237, 0.25); } .doc-item .data .btn-link:hover { box-shadow: 4px 4px 20px 0 rgb(241, 82, 2); } } @media only screen and (min-width: 1921px) and (min-width: 480px) { .doc-item:hover:not(.emergency-doc) .inner-mover { transform: translateY(-440px); } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .doc-item { width: var(--440px); height: var(--590px); } .doc-item .pic { height: var(--440px); } .doc-item .pic .mini-info .info { padding: var(--7px) var(--15px); border-right: 1px solid rgba(107, 124, 134, 0.2); } .doc-item .pic .mini-info .info .top span { font-size: var(--18px); line-height: var(--18px); } .doc-item .pic .mini-info .info span { font-size: var(--14px); line-height: var(--14px); } .doc-item .pic .mini-info .info.reit .top img { width: var(--16px); } .doc-item .pic .mini-info .info.reit .top span { padding-top: var(--3px); } .doc-item .pic .mini-info .info.exp { padding-top: var(--9px); } .doc-item .data { height: var(--590px); } .doc-item .data .status { font-size: var(--17px); line-height: var(--18px); } .doc-item .data .price { padding: var(--17px); } .doc-item .data .price span { font-size: var(--15px); line-height: var(--16px); } .doc-item .data .addr-list .addr { gap: var(--8px); } .doc-item .data .addr-list .addr img { width: var(--12px); } .doc-item .data .addr-list .addr span { font-size: var(--17px); line-height: var(--17px); } .doc-item .data .btn-link { font-size: var(--17px); line-height: var(--17px); padding: var(--27px); } } @media only screen and (min-width: 480px) and (max-width: 1260px) and (min-width: 480px) { .doc-item:hover .inner-mover { transform: translateY(-286px); } } @media only screen and (max-width: 480px) { .doc-item { position: relative; padding: 2.32vw; background-color: #fff; width: auto; height: auto; } .doc-item .inner-mover { display: flex; gap: 2.32vw; } .doc-item .pic { flex-shrink: 0; height: 46.4vw; width: 41.76vw; border-radius: 1.624vw; overflow: hidden; } .doc-item .pic .mini-info { display: none; } .doc-item .pic .online-mode.mobile { position: absolute; top: 1.392vw; left: 1.392vw; width: 4.64vw; height: 4.64vw; padding: 1.16vw; border-radius: 100px; background: #fff; display: block; } .doc-item .data { position: relative; height: auto; } .doc-item .data .name { font-size: 4.176vw; line-height: 4.64vw; letter-spacing: -0.174vw; padding: 0 9.28vw 0 0; margin-bottom: 2.32vw; height: auto; word-break: break-word; } .doc-item .data .status { font-size: 3.48vw; line-height: 4.64vw; padding: 0; margin: auto 0 2.32vw 0; height: auto; } .doc-item .data .info-exp.mobile { display: flex; align-items: center; gap: 1.16vw; padding: 1.16vw; border-radius: 23.2vw; background-color: #F5F5F5; } .doc-item .data .info-exp.mobile img { flex-shrink: 0; width: 4.64vw; height: auto; } .doc-item .data .info-exp.mobile span { font-size: 3.48vw; line-height: 3.48vw; color: rgba(0, 0, 0, 0.5); } .doc-item .data .price, .doc-item .data .addr-list { display: none; } .doc-item .data .btn-link { position: absolute; display: block; top: 0; right: 0; width: 8.12vw; height: 8.12vw; border-radius: 50%; box-shadow: none; padding: 0; margin: 0; transform: none; } .doc-item .data .btn-link span { display: none; } .doc-item .data .btn-link img.mobile { display: block; width: 100%; height: auto; } .doc-item .mobile-full-link { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; } } @charset 'UTF-8';.slick-list,.slick-slider,.slick-track{display:block;position:relative}.slick-dots li,.slick-list,.slick-slider,.slick-track{position:relative}.slick-dots li,.slick-dots li button,.slick-next,.slick-prev{cursor:pointer;width:20px;height:20px}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-slider{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{overflow:hidden;margin:0;padding:0}.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-loading .slick-list{center center no-repeat #fff}.slick-dots li button,.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url('./fonts/slick.eot');src:url('./fonts/slick.eot?#iefix') format('embedded-opentype'),url('./fonts/slick.woff') format('woff'),url('./fonts/slick.ttf') format('truetype'),url('./fonts/slick.svg#slick') format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);border:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before,[dir=rtl] .slick-next:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.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{display:inline-block;margin:0 5px;padding:0}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;border:0}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .review-item { flex: 1 1 45%; display: flex; flex-direction: column; min-height: 19.24vw; border-radius: var(--50px); background-color: rgba(29, 183, 237, 0.1); padding: var(--40px); } .review-item .name-date { display: flex; justify-content: space-between; margin-bottom: var(--25px); } .review-item .name-date span { font-size: 1.04vw; line-height: 1.456vw; color: #000; opacity: 0.5; } .review-item .desc { font-size: 1.04vw; line-height: 1.456vw; margin-bottom: var(--25px); padding-right: var(--70px); } .review-item .stars { display: flex; gap: 0.156vw; margin-top: auto; } .review-item .stars img { flex-shrink: 0; width: var(--20px); height: auto; } @media only screen and (min-width: 1921px) { .review-item { min-height: 370px; } .review-item .name-date span { font-size: 20px; line-height: 28px; } .review-item .desc { font-size: 20px; line-height: 28px; } .review-item .stars { gap: 3px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .review-item { min-height: var(--370px); } .review-item .name-date span { font-size: var(--20px); line-height: var(--28px); } .review-item .desc { font-size: var(--20px); line-height: var(--28px); } .review-item .stars { gap: var(--3px); } } @media only screen and (max-width: 480px) { .review-item { min-height: unset; border-radius: 3.48vw; padding: 4.64vw; } .review-item .name-date { margin-bottom: 2.32vw; } .review-item .name-date span { font-size: 3.48vw; line-height: 4.64vw; } .review-item .desc { font-size: 4.176vw; line-height: 5.8vw; padding: 0; margin-bottom: 5.8vw; } .review-item .stars { gap: 0.696vw; } .review-item .stars img { width: 5.336vw; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .feedbacks-btns-short { padding: var(--50px) var(--20px); } .feedbacks-btns-short h1.as-h1, .feedbacks-btns-short .as-h1 { font-size: var(--60px); line-height: var(--60px); font-weight: 600; letter-spacing: -0.1716vw; text-align: center; margin-bottom: var(--50px); } .feedbacks-btns-short .feed-box { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--20px); } .feedbacks-btns-short .feed-box .review-item { max-width: 48.36vw; } .feedbacks-btns-short .btns-box { display: flex; justify-content: center; gap: var(--20px); margin-top: var(--50px); } .feedbacks-btns-short .btns-box .btn-link.empty:hover { background-color: #6bd333; border-color: #6bd333; } .feedbacks-btns-short .btns-box .btn-link:hover { background-color: #1DB7ED; border-color: #1DB7ED; color: #fff; } @media only screen and (min-width: 1921px) { .feedbacks-btns-short h1.as-h1, .feedbacks-btns-short .as-h1 { letter-spacing: -3.3px; } .feedbacks-btns-short .feed-box .review-item { max-width: 930px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .feedbacks-btns-short h1.as-h1, .feedbacks-btns-short .as-h1 { letter-spacing: -2.1px; } .feedbacks-btns-short .feed-box .review-item { max-width: var(--930px); } } @media only screen and (max-width: 480px) { .feedbacks-btns-short { padding: 8.12vw 0; background-color: #fff; } .feedbacks-btns-short h1.as-h1, .feedbacks-btns-short .as-h1 { font-size: 8.12vw; line-height: 8.12vw; letter-spacing: -0.464vw; margin-bottom: 6.96vw; } .feedbacks-btns-short .feed-box { display: block; } .feedbacks-btns-short .feed-box .review-item { max-width: unset; } .feedbacks-btns-short .feed-box .slick-slide { margin: 0 1.16vw; height: auto; } .feedbacks-btns-short .feed-box .slick-list { padding: 0 11.6vw 0 2.32vw; } .feedbacks-btns-short .feed-box .slick-track { display: flex; } .feedbacks-btns-short .btns-box { gap: 2.784vw; margin-top: 6.96vw; padding: 0 3.48vw; } .feedbacks-btns-short .btns-box .btn-link { flex: 1; display: flex; align-items: center; justify-content: center; gap: 2.32vw; min-width: unset; } .feedbacks-btns-short .btns-box .btn-link img.mobile { flex-shrink: 0; display: block; width: 3.016vw; height: auto; } .feedbacks-btns-short .btns-box .btn-link.empty { border: none; background-color: #F5F5F5; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ .success-banner .inner-pop .close { display: flex; justify-content: center; align-items: center; } .success-banner .inner-pop { background-repeat: no-repeat; background-size: cover; background-position: center; } @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .input-block { margin-bottom: var(--20px); } .input-block:last-child { margin-bottom: 0; } .input-block label { display: block; } .input-block input { width: 100%; cursor: pointer; transition: 0.3s ease; } .input-block input:hover, .input-block input:focus { background-color: #fff; border-color: #fff; box-shadow: 0 0 30px 0 rgba(169, 169, 169, 0.25); } .input-block input:focus { cursor: text; } .input-block .selectric-wrapper .selectric { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.624vw; background-color: #fff; } .input-block .selectric-wrapper .selectric .label { font-size: 1.04vw; line-height: 1.456vw; color: rgba(0, 0, 0, 0.5); background-color: #fff; height: auto; padding: var(--20px); margin: 0; } .input-block .selectric-wrapper .selectric .select_input_btn { position: absolute; display: block; top: var(--20px); background-image: url("/img/user/app/svg/arr_down.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; transition: 0.3s ease; right: 1.196vw; width: 1.248vw; height: 1.248vw; } .input-block .selectric-wrapper .selectric-items { top: 130%; border: none; border-radius: 0.624vw; background-color: #fff; box-shadow: 0 0 55px 0 rgba(28, 43, 48, 0.1); overflow: hidden; } .input-block .selectric-wrapper .selectric-items ul { list-style-type: none; } .input-block .selectric-wrapper .selectric-items ul li { font-size: 1.04vw; line-height: 1.456vw; padding: var(--25px) var(--30px); margin: 0; } .input-block .selectric-wrapper .selectric-items ul li:hover:not(.selectric-group-label) { background-color: #1DB7ED; } .input-block .selectric-wrapper .selectric-items ul li:before { content: none; } .input-block .selectric-wrapper .selectric-items ul li.highlighted { background-color: #1DB7ED; color: #fff; } .input-block .selectric-wrapper.selectric-open .selectric .select_input_btn { transform: rotate(180deg); } .input-block.block-checkbox input { display: none; } .input-block.block-checkbox label { display: flex; align-items: flex-start; gap: var(--10px); margin: 0; cursor: pointer; } .input-block.block-checkbox label .inp_checker { flex-shrink: 0; display: block; width: var(--30px); height: var(--30px); background-color: #fff; border-radius: var(--5px); } .input-block.block-checkbox label .input-text { font-size: 1.04vw; line-height: 1.456vw; } .input-block.block-checkbox input:checked + .inp_checker { background-image: url("../../../img/user/app/svg/check.svg"); background-repeat: no-repeat; background-size: 70%; background-position: center; } .input-block.block-radio input { display: none; } .input-block.block-radio label { display: flex; align-items: flex-start; gap: var(--10px); cursor: pointer; } .input-block.block-radio label .inp_checker { flex-shrink: 0; display: block; width: var(--30px); height: var(--30px); background-color: #fff; border: 0.312vw solid #fff; border-radius: 50%; } .input-block.block-radio label .input-text { font-size: 1.04vw; line-height: 1.456vw; } .input-block.block-radio input:checked + .inp_checker { background-color: #000; } .input-block.block-select { position: relative; } .input-block.block-select:after { content: ""; position: absolute; display: block; top: var(--20px); right: var(--20px); width: var(--30px); height: var(--30px); background-image: url("/img/user/app/svg/arr_down.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: -1; } .input-block.block-textarea { position: relative; } .input-block.block-textarea textarea { font-size: 1.04vw; line-height: 1.456vw; padding: 1.56vw 7.28vw 1.56vw 1.56vw; height: 15.6vw; cursor: pointer; transition: 0.3s ease; } .input-block.block-textarea textarea:hover, .input-block.block-textarea textarea:focus { background-color: #fff; border-color: #fff; box-shadow: 0 0 30px 0 rgba(169, 169, 169, 0.25); } .input-block.block-textarea textarea:focus { cursor: text; } .input-block.block-textarea .char-count { position: absolute; right: var(--20px); bottom: var(--20px); font-size: 0.884vw; line-height: 1.196vw; color: rgba(0, 0, 0, 0.2); } .error-input { position: relative; display: none; margin: var(--5px) 0 0 auto; padding-left: var(--30px); width: -moz-fit-content; width: fit-content; } .error-input:before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 1.196vw; height: 1.196vw; background-image: url("/img/user/app/svg/info.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; } .error-input span { display: block; font-size: 0.78vw; line-height: 1.196vw; color: #FF3E3E; } .error-text-form { font-size: 0.78vw; line-height: 1.196vw; color: #FF3E3E; } .btn-link.load-run { position: relative; cursor: default; pointer-events: none; overflow: hidden; border: none; box-shadow: none; background: none; } .btn-link.load-run:after { content: ""; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: #D9D9D9; background-image: url("/img/user/app/loader.png"); background-repeat: no-repeat; background-size: 70% auto; background-position: center; } .success-text { font-size: var(--25px); line-height: var(--30px); font-weight: 500; text-align: center; padding: var(--25px) 0; } .success-text.hidden { display: none; } .recaptcha-text { font-size: 0.676vw; line-height: 0.884vw; color: grey; } .recaptcha-text a { color: grey; } .success-banner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 39, 76, 0.47); backdrop-filter: blur(10px); z-index: 120; } .success-banner .inner-pop { position: relative; display: flex; align-items: center; padding: var(--50px); margin: 5.72vw auto 0 auto; width: 65vw; height: 33.8vw; border-radius: var(--40px); overflow: hidden; background-image: url("/img/user/app/success-bg3.jpg"); background-position: center top; } .success-banner .inner-pop img.ox-logo { position: absolute; width: 8.84vw; height: auto; top: var(--50px); left: var(--50px); } .success-banner .inner-pop .success_msg { font-size: var(--70px); line-height: var(--70px); font-weight: 600; color: #fff; letter-spacing: -0.1976vw; width: 60%; } .success-banner .inner-pop .add-info { position: absolute; left: var(--50px); bottom: var(--50px); font-size: 1.144vw; line-height: 1.456vw; color: #fff; } .success-banner .inner-pop .close { position: absolute; top: 0; right: 0; width: var(--80px); height: var(--80px); cursor: pointer; } .success-banner .inner-pop .close img { width: var(--25px); height: auto; } .success-banner.hidden { display: none; } .success-banner.showed { display: flex; } @media only screen and (min-width: 1921px) { .input-block input:hover, .input-block input:focus { box-shadow: 0 0 30px 0 rgba(169, 169, 169, 0.25); } .input-block .selectric-wrapper .selectric { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 12px; } .input-block .selectric-wrapper .selectric .label { font-size: 20px; line-height: 28px; } .input-block .selectric-wrapper .selectric .select_input_btn { right: 23px; width: 24px; height: 24px; } .input-block .selectric-wrapper .selectric-items { border-radius: 12px; box-shadow: 0 0 55px 0 rgba(28, 43, 48, 0.1); } .input-block .selectric-wrapper .selectric-items ul li { font-size: 20px; line-height: 28px; } .input-block.block-checkbox label .input-text { font-size: 20px; line-height: 28px; } .input-block.block-radio label .inp_checker { border: 6px solid #fff; } .input-block.block-radio label .input-text { font-size: 20px; line-height: 28px; } .input-block.block-textarea textarea { font-size: 20px; line-height: 28px; padding: 30px 140px 30px 30px; height: 300px; } .input-block.block-textarea textarea:hover, .input-block.block-textarea textarea:focus { box-shadow: 0 0 30px 0 rgba(169, 169, 169, 0.25); } .input-block.block-textarea .char-count { font-size: 17px; line-height: 23px; } .error-input:before { width: 23px; height: 23px; } .error-input span { font-size: 15px; line-height: 23px; } .recaptcha-text { font-size: 12px; line-height: 15px; } .success-banner .inner-pop { margin-top: 110px; width: 1250px; height: 650px; } .success-banner .inner-pop img.ox-logo { width: 170px; } .success-banner .inner-pop .success_msg { letter-spacing: -3.8px; } .success-banner .inner-pop .add-info { font-size: 22px; line-height: 28px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .input-block .selectric-wrapper .selectric { border-radius: var(--12px); } .input-block .selectric-wrapper .selectric .label { font-size: var(--20px); line-height: var(--28px); } .input-block .selectric-wrapper .selectric .select_input_btn { right: var(--23px); width: var(--24px); height: var(--24px); } .input-block .selectric-wrapper .selectric-items { border-radius: var(--12px); } .input-block .selectric-wrapper .selectric-items ul li { font-size: var(--20px); line-height: var(--28px); } .input-block.block-checkbox label .input-text { font-size: var(--20px); line-height: var(--28px); } .input-block.block-radio label .inp_checker { border: var(--6px) solid #fff; } .input-block.block-radio label .input-text { font-size: var(--20px); line-height: var(--28px); } .input-block.block-textarea textarea { font-size: var(--20px); line-height: var(--28px); padding: var(--30px) var(--140px) var(--30px) var(--30px); height: var(--300px); } .input-block.block-textarea .char-count { font-size: var(--17px); line-height: var(--23px); } .error-input:before { width: var(--23px); height: var(--23px); } .error-input span { font-size: var(--15px); line-height: var(--23px); } .recaptcha-text { font-size: var(--12px); line-height: var(--15px); } .success-banner .inner-pop { margin-top: var(--110px); width: var(--1250px); height: var(--650px); } .success-banner .inner-pop img.ox-logo { width: var(--170px); } .success-banner .inner-pop .success_msg { letter-spacing: -2.5px; } .success-banner .inner-pop .add-info { font-size: var(--22px); line-height: var(--28px); } } @media only screen and (max-width: 480px) { .input-block { margin-bottom: 4.64vw; } .input-block .selectric-wrapper .selectric { border-radius: 1.856vw; } .input-block .selectric-wrapper .selectric .label { font-size: 3.48vw; line-height: 4.64vw; padding: 3.48vw; } .input-block .selectric-wrapper .selectric .select_input_btn { top: 2.784vw; right: 2.32vw; width: 5.8vw; height: 5.8vw; } .input-block .selectric-wrapper .selectric-items { border-radius: 1.856vw; } .input-block .selectric-wrapper .selectric-items ul li { font-size: 3.48vw; line-height: 4.64vw; padding: 5.8vw 4.64vw; } .input-block.block-checkbox label .input-text { font-size: 3.48vw; line-height: 4.64vw; padding-top: 1.16vw; } .input-block.block-radio label .inp_checker { border-width: 1.392vw; } .input-block.block-radio label .input-text { font-size: 3.48vw; line-height: 4.64vw; padding-top: 1.16vw; } .input-block.block-select:after { top: 9.28vw; right: 3.48vw; width: 4.64vw; height: 4.64vw; background-image: url("/img/user/app/svg/arr-down.svg"); z-index: -1; } .input-block.block-textarea textarea { font-size: 3.48vw; line-height: 4.872vw; padding: 3.48vw 3.48vw 12.76vw 3.48vw; height: 53.36vw; } .input-block.block-textarea .char-count { right: 2.32vw; bottom: 3.48vw; font-size: 3.48vw; line-height: 4.64vw; } .recaptcha-text { font-size: 2.32vw; line-height: 3.016vw; } .error-input { padding-left: 5.8vw; } .error-input:before { width: 4.64vw; height: 4.64vw; } .error-input span { font-size: 2.784vw; line-height: 4.64vw; } .error-text-form { font-size: 2.784vw; line-height: 4.64vw; } .btn-link.load-run:after { background-size: 50% auto; } .success-banner { display: block; padding: 16.24vw 3.48vw; } .success-banner .inner-pop { display: block; width: 100%; height: 100%; padding: 6.96vw 4.64vw; margin: 0; border-radius: 3.48vw; background-image: url("/img/user/app/success-bg3-mob.jpg"); } .success-banner .inner-pop img.ox-logo { position: static; width: 20.88vw; height: auto; margin-bottom: 4.64vw; } .success-banner .inner-pop .success_msg { font-size: 9.28vw; line-height: 9.28vw; letter-spacing: -0.5104vw; width: auto; } .success-banner .inner-pop .add-info { position: static; font-size: 3.48vw; line-height: 4.64vw; margin-top: 4.64vw; } .success-banner .inner-pop .close { width: 10.44vw; height: 10.44vw; } .success-banner .inner-pop .close img { width: 5.104vw; height: 5.104vw; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ .form-double-switch .forms-box .switch-form .fields-box .input-block { position: relative; z-index: 5; } @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } } .form-double-switch { padding: var(--20px); background-color: #F5F5F5; } .form-double-switch .inner { border-radius: var(--50px); background-color: #fff; min-height: 49.14vw; padding: var(--100px); } .form-double-switch img.form-ava { display: block; width: var(--75px); height: var(--75px); border-radius: 50%; margin: 0 auto; } .form-double-switch h1.as-h1, .form-double-switch .as-h1 { font-size: var(--60px); line-height: var(--60px); font-weight: 600; letter-spacing: -0.1716vw; text-align: center; margin-bottom: var(--30px); } .form-double-switch .switch-box { display: flex; gap: var(--30px); width: -moz-fit-content; width: fit-content; margin: 0 auto var(--15px) auto; } .form-double-switch .switch-box .tab-btn { display: flex; align-items: center; gap: var(--10px); padding-bottom: 0.364vw; border-bottom: 3px solid #fff; filter: grayscale(1); opacity: 0.5; cursor: pointer; transition: 0.3s ease; } .form-double-switch .switch-box .tab-btn img { flex-shrink: 0; width: var(--40px); height: auto; } .form-double-switch .switch-box .tab-btn span { font-size: var(--35px); line-height: var(--35px); font-weight: 600; letter-spacing: -0.104vw; } .form-double-switch .switch-box .tab-btn.clinic span { color: #1DB7ED; } .form-double-switch .switch-box .tab-btn.clinic.active { border-color: #1DB7ED; } .form-double-switch .switch-box .tab-btn.online span { color: #6bd333; } .form-double-switch .switch-box .tab-btn.online.active { border-color: #6bd333; } .form-double-switch .switch-box .tab-btn.active { filter: none; opacity: 1; cursor: default; } .form-double-switch .forms-box { position: relative; width: 65.52vw; height: 28.08vw; margin: 0 auto; } .form-double-switch .forms-box .switch-form { position: absolute; top: 0; left: 0; z-index: 10; transition: 1s ease; width: 100%; } .form-double-switch .forms-box .switch-form .fields-box { display: flex; flex-wrap: wrap; gap: 0 var(--20px); padding: var(--15px); } .form-double-switch .forms-box .switch-form .fields-box .input-block select { color: rgba(0, 0, 0, 0.5); } .form-double-switch .forms-box .switch-form .fields-box .input-block select.selected { color: #000; } .form-double-switch .forms-box .switch-form .fields-box .input-block input { background: transparent; } .form-double-switch .forms-box .switch-form .fields-box .input-block input::-moz-placeholder { color: rgba(0, 0, 0, 0.5); } .form-double-switch .forms-box .switch-form .fields-box .input-block input::placeholder { color: rgba(0, 0, 0, 0.5); } .form-double-switch .forms-box .switch-form .fields-box .input-block input:focus::-moz-placeholder { color: transparent; } .form-double-switch .forms-box .switch-form .fields-box .input-block input:focus::placeholder { color: transparent; } .form-double-switch .forms-box .switch-form .fields-box .input-block select { transition: 0.5s ease; cursor: pointer; } .form-double-switch .forms-box .switch-form .fields-box .input-block select:hover { box-shadow: 0 0 30px 0 rgba(169, 169, 169, 0.25); border-color: #fff; } .form-double-switch .forms-box .switch-form .fields-box .input-block.block-phone .error-input, .form-double-switch .forms-box .switch-form .fields-box .input-block.block-text .error-input { margin-top: var(--20px); } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(3), .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(4) { flex: 1 1 45%; margin: 0; } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(3) label, .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(4) label { font-size: 0.884vw; line-height: 1.196vw; margin-bottom: var(--10px); } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(5) { width: 100%; margin: var(--45px) 0 0 0; } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(5) label { display: none; } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(n+6) { width: 100%; margin-top: var(--20px); } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(n+6) label { display: none; } .form-double-switch .forms-box .switch-form .fields-box .input-block.arr { position: relative; } .form-double-switch .forms-box .switch-form .fields-box .input-block.arr:after { content: ""; position: absolute; display: block; top: var(--20px); right: var(--20px); width: var(--30px); height: var(--30px); background-image: url("/img/user/app/svg/arr_down.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; z-index: -1; } .form-double-switch .forms-box .switch-form .fields-box .input-block.block-recaptcha { position: absolute; left: 0; bottom: var(--25px); width: 23.92vw; margin: 0; } .form-double-switch .forms-box .switch-form .fields-box:before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 7.02vw; background-color: rgba(240, 240, 240, 0.7); border-radius: var(--20px); z-index: 0; } .form-double-switch .forms-box .switch-form .btn-link { font-size: var(--25px); line-height: var(--25px); font-weight: 500; color: #fff; padding: var(--30px) var(--50px); margin: var(--50px) 0 0 auto; background-color: #1DB7ED; box-shadow: 4px 4px 20px 0 rgba(29, 183, 237, 0.25); border: none; } .form-double-switch .forms-box .switch-form .btn-link:hover { background-color: #000; } .form-double-switch .forms-box .switch-form.form-clinic .fields-box .input-block label { color: #1DB7ED; } .form-double-switch .forms-box .switch-form.form-online .fields-box .input-block label { color: #6bd333; } .form-double-switch .forms-box .switch-form.form-online .btn-link { background-color: #6bd333; } .form-double-switch .forms-box .switch-form:last-child { opacity: 0; z-index: 1; } .form-double-switch .top-zone-cover { display: none; } .container.top-zone .form-double-switch { position: relative; padding: 0; height: 100%; background-color: #4AC5F1; } .container.top-zone .form-double-switch .inner { border-radius: 0; min-height: unset; padding: var(--30px) var(--30px) var(--40px) var(--30px); height: 100%; background: none; } .container.top-zone .form-double-switch img.form-ava { margin: 0 var(--20px) 0 var(--20px); float: left; } .container.top-zone .form-double-switch h1.as-h1, .container.top-zone .form-double-switch .as-h1 { font-size: var(--60px); line-height: var(--60px); text-align: left; letter-spacing: -0.1716vw; margin-bottom: var(--30px); padding-left: var(--15px); } .container.top-zone .form-double-switch .switch-box { width: auto; margin: 0 0 var(--20px) 0; padding-left: var(--15px); } .container.top-zone .form-double-switch .forms-box { width: auto; height: 24.7vw; margin: 0; } .container.top-zone .form-double-switch .forms-box .switch-form { width: auto; } .container.top-zone .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(5) { margin-top: var(--35px); } .container.top-zone .form-double-switch .forms-box .switch-form .fields-box .input-block.block-recaptcha { bottom: 1.3vw; width: 23.92vw; } .container.top-zone .form-double-switch .forms-box .switch-form .fields-box .input-block.block-phone .error-input, .container.top-zone .form-double-switch .forms-box .switch-form .fields-box .input-block.block-text .error-input { margin-top: var(--20px); } .container.top-zone .form-double-switch .forms-box .switch-form .btn-link { font-size: 1.144vw; line-height: 1.144vw; font-weight: 400; padding: var(--35px); margin-top: var(--35px); min-width: 13vw; border-radius: var(--100px); } .container.top-zone .form-double-switch .top-zone-cover { position: absolute; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 100%; height: 100%; top: 0; left: 0; background-color: #4AC5F1; padding: var(--30px); z-index: 60; opacity: 1; visibility: visible; transition: 0.5s ease; } .container.top-zone .form-double-switch .top-zone-cover .title { font-size: var(--100px); line-height: var(--100px); font-weight: 600; color: #fff; letter-spacing: -0.286vw; margin-bottom: var(--50px); width: 100%; } .container.top-zone .form-double-switch .top-zone-cover .title img { width: var(--90px); height: var(--90px); border-radius: 50%; float: left; margin: 0 var(--20px) 0 0; } .container.top-zone .form-double-switch .top-zone-cover .btn-open { display: flex; align-items: center; gap: var(--10px); padding: 1.456vw 2.184vw; margin-top: auto; background-color: #fff; border-radius: var(--100px); cursor: pointer; transition: 0.3s ease; } .container.top-zone .form-double-switch .top-zone-cover .btn-open span { font-size: 1.144vw; line-height: 1.144vw; } .container.top-zone .form-double-switch .top-zone-cover .btn-open img { flex-shrink: 0; width: 1.716vw; height: auto; } .container.top-zone .form-double-switch .top-zone-cover .btn-open:hover { background-color: #000; } .container.top-zone .form-double-switch .top-zone-cover .btn-open:hover span { color: #fff; } .container.top-zone .form-double-switch .top-zone-cover:hover { background-color: #1DB7ED; } @media only screen and (min-width: 1921px) { .form-double-switch .inner { min-height: 945px; } .form-double-switch h1.as-h1, .form-double-switch .as-h1 { letter-spacing: -3.3px; } .form-double-switch .switch-box .tab-btn { padding-bottom: 7px; border-bottom: 3px solid #fff; } .form-double-switch .switch-box .tab-btn span { letter-spacing: -2px; } .form-double-switch .forms-box { width: 1260px; height: 540px; } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(3) label, .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(4) label { font-size: 17px; line-height: 23px; } .form-double-switch .forms-box .switch-form .fields-box .input-block.block-recaptcha { bottom: 25px; width: 460px; } .form-double-switch .forms-box .switch-form .fields-box:before { height: 135px; } .form-double-switch .forms-box .switch-form .btn-link { box-shadow: 4px 4px 20px 0 rgba(29, 183, 237, 0.25); } .form-double-switch .success-banner .inner-pop { width: 1250px; height: 700px; } .form-double-switch .success-banner .inner-pop .success_msg { letter-spacing: -3.8px; } .form-double-switch .success-banner .inner-pop .add-info { font-size: 22px; line-height: 28px; } .container.top-zone .form-double-switch h1.as-h1, .container.top-zone .form-double-switch .as-h1 { letter-spacing: -3.3px; } .container.top-zone .form-double-switch .forms-box { width: auto; height: 475px; } .container.top-zone .form-double-switch .forms-box .switch-form .fields-box .input-block.block-recaptcha { bottom: 25px; width: 460px; } .container.top-zone .form-double-switch .forms-box .switch-form .btn-link { font-size: 22px; line-height: 22px; min-width: 250px; } .container.top-zone .form-double-switch .top-zone-cover .title { letter-spacing: -5.5px; } .container.top-zone .form-double-switch .top-zone-cover .btn-open { padding: 28px 42px; } .container.top-zone .form-double-switch .top-zone-cover .btn-open span { font-size: 22px; line-height: 22px; } .container.top-zone .form-double-switch .top-zone-cover .btn-open img { width: 33px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .form-double-switch .inner { min-height: var(--945px); } .form-double-switch h1.as-h1, .form-double-switch .as-h1 { letter-spacing: -2.1px; } .form-double-switch .switch-box .tab-btn { padding-bottom: var(--7px); border-bottom: 1px solid #fff; } .form-double-switch .switch-box .tab-btn span { letter-spacing: -1.3px; } .form-double-switch .forms-box { width: var(--1260px); height: var(--540px); } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(3) label, .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(4) label { font-size: var(--17px); line-height: var(--23px); } .form-double-switch .forms-box .switch-form .fields-box .input-block.block-recaptcha { bottom: var(--25px); width: var(--460px); } .form-double-switch .forms-box .switch-form .fields-box:before { height: var(--135px); } .form-double-switch .success-banner .inner-pop { width: var(--1250px); height: var(--700px); } .form-double-switch .success-banner .inner-pop .success_msg { letter-spacing: -2.5px; } .form-double-switch .success-banner .inner-pop .add-info { font-size: var(--22px); line-height: var(--28px); } .container.top-zone .form-double-switch h1.as-h1, .container.top-zone .form-double-switch .as-h1 { letter-spacing: -3.25px; } .container.top-zone .form-double-switch .forms-box { width: auto; height: var(--475px); } .container.top-zone .form-double-switch .forms-box .switch-form .fields-box .input-block.block-recaptcha { bottom: var(--25px); width: var(--460px); } .container.top-zone .form-double-switch .forms-box .switch-form .btn-link { font-size: var(--22px); line-height: var(--22px); min-width: var(--250px); } .container.top-zone .form-double-switch .top-zone-cover .title { letter-spacing: -3.5px; } .container.top-zone .form-double-switch .top-zone-cover .btn-open { padding: var(--28px) var(--42px); } .container.top-zone .form-double-switch .top-zone-cover .btn-open span { font-size: var(--22px); line-height: var(--22px); } .container.top-zone .form-double-switch .top-zone-cover .btn-open img { width: var(--33px); } } @media only screen and (max-width: 1000px) { .form-double-switch .forms-box .switch-form .fields-box .input-block.block-recaptcha { transform-origin: left bottom; transform: scale(0.5); } } @media only screen and (max-width: 480px) { .form-double-switch { padding: 0; } .form-double-switch .inner { border-radius: 0; background-color: #F5F5F5; min-height: unset; padding: 11.6vw 3.48vw; } .form-double-switch img.form-ava { width: 11.6vw; height: 11.6vw; margin-bottom: 2.32vw; } .form-double-switch h1.as-h1, .form-double-switch .as-h1 { font-size: 8.12vw; line-height: 8.12vw; letter-spacing: -0.464vw; margin-bottom: 4.64vw; } .form-double-switch .switch-box { gap: 3.48vw; margin-bottom: 6.96vw; } .form-double-switch .switch-box .tab-btn { gap: 1.16vw; padding-bottom: 0.696vw; border-width: 2px; } .form-double-switch .switch-box .tab-btn img { width: 5.336vw; } .form-double-switch .switch-box .tab-btn span { font-size: 5.8vw; line-height: 5.8vw; letter-spacing: -0.174vw; } .form-double-switch .forms-box { width: auto; height: 116vw; margin: 0; } .form-double-switch .forms-box .switch-form { width: 100%; } .form-double-switch .forms-box .switch-form .fields-box { display: block; padding: 0; } .form-double-switch .forms-box .switch-form .fields-box .input-block { margin: 0; } .form-double-switch .forms-box .switch-form .fields-box .input-block label { font-size: 3.48vw; line-height: 4.64vw; color: #B2B2B2; margin-bottom: 1.16vw; } .form-double-switch .forms-box .switch-form .fields-box .input-block input { background-color: transparent; } .form-double-switch .forms-box .switch-form .fields-box .input-block.block-phone .error-input, .form-double-switch .forms-box .switch-form .fields-box .input-block.block-text .error-input { margin-top: 1.16vw; } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(3) label, .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(4) label { font-size: 3.48vw; line-height: 4.64vw; margin-bottom: 1.16vw; } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(5) { margin-top: 4.64vw; } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(5) label { display: block; } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(n+6) { margin-top: var(--20px); } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(n+6) label { display: block; } .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(n+4) { margin-top: 4.64vw; } .form-double-switch .forms-box .switch-form .fields-box .input-block.arr:after { top: unset; bottom: 3.48vw; right: 3.48vw; width: 4.64vw; height: 4.64vw; background-image: url("/img/user/app/svg/arr-down.svg"); opacity: 0.3; z-index: -1; } .form-double-switch .forms-box .switch-form .fields-box .input-block.block-select select { padding-right: 11.6vw; text-overflow: ellipsis; } .form-double-switch .forms-box .switch-form .fields-box .input-block.block-select:after { opacity: 0.3; } .form-double-switch .forms-box .switch-form .fields-box .input-block.block-select option[disabled] { opacity: 0; } .form-double-switch .forms-box .switch-form .fields-box .input-block.block-recaptcha { position: static; text-align: center; transform: scale(1); width: auto; margin: 6.96vw 0 0 0; padding: 0 3.48vw; } .form-double-switch .forms-box .switch-form .fields-box:before { content: none; } .form-double-switch .forms-box .switch-form .btn-link { font-size: 3.48vw; line-height: 4.176vw; padding: 3.48vw 4.64vw; width: auto; margin: 6.96vw auto 0 auto; } .form-double-switch .forms-box .switch-form.form-clinic .fields-box .input-block label { color: #B2B2B2; } .form-double-switch .forms-box .switch-form.form-online .fields-box .input-block label { color: #B2B2B2; } .page-inner-news .form-double-switch .inner { background-color: #fff; } .container.top-zone .form-double-switch { height: 70.76vw; transition: 0.5s ease; } .container.top-zone .form-double-switch .inner { padding: 3.48vw 2.32vw; background-color: #fff; } .container.top-zone .form-double-switch img.form-ava { margin: 0 3.48vw 0 0; } .container.top-zone .form-double-switch h1.as-h1, .container.top-zone .form-double-switch .as-h1 { font-size: 9.28vw; line-height: 9.28vw; letter-spacing: -0.5104vw; padding: 0; } .container.top-zone .form-double-switch .switch-box { padding-left: 0; } .container.top-zone .form-double-switch .forms-box { width: auto; height: 105.56vw; } .container.top-zone .form-double-switch .forms-box .switch-form .fields-box .input-block:nth-child(5) { margin-top: 4.64vw; } .container.top-zone .form-double-switch .forms-box .switch-form .fields-box .input-block.block-recaptcha { left: 0; bottom: -19.72vw; transform: scale(0.6); margin: 0; } .container.top-zone .form-double-switch .forms-box .switch-form .fields-box .input-block.block-phone .error-input, .container.top-zone .form-double-switch .forms-box .switch-form .fields-box .input-block.block-text .error-input { margin-top: 1.16vw; } .container.top-zone .form-double-switch .forms-box .switch-form .fields-box .input-block .error-input { position: absolute; right: 0; margin-top: 1.16vw; } .container.top-zone .form-double-switch .forms-box .switch-form .btn-link { font-size: 4.176vw; line-height: 5.8vw; padding: 2.784vw 6.96vw; margin-top: 9.28vw; min-width: 42.92vw; } .container.top-zone .form-double-switch .top-zone-cover { padding: 3.48vw 2.32vw; } .container.top-zone .form-double-switch .top-zone-cover .title { font-size: 11.6vw; line-height: 11.6vw; letter-spacing: -0.6264vw; margin-bottom: 4.64vw; } .container.top-zone .form-double-switch .top-zone-cover .title img { width: 11.136vw; height: 11.136vw; margin-right: 3.48vw; } .container.top-zone .form-double-switch .top-zone-cover .title br { display: none; } .container.top-zone .form-double-switch .top-zone-cover .btn-open { gap: 1.856vw; padding: 3.48vw 4.64vw; } .container.top-zone .form-double-switch .top-zone-cover .btn-open span { font-size: 3.48vw; line-height: 4.64vw; } .container.top-zone .form-double-switch .top-zone-cover .btn-open img { width: 4.176vw; } } @media only screen and (max-width: 375px) { .form-double-switch .forms-box .switch-form .fields-box .input-block.block-recaptcha { transform-origin: left bottom; transform: scale(0.5); } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; 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 { transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .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; }/** * Swiper 9.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 13, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}/* box-sizing */ .fr-window, .fr-window [class^="fr-"], .fr-overlay, .fr-overlay [class^="fr-"], .fr-spinner, .fr-spinner [class^="fr-"] { box-sizing: border-box; } .fr-window { position: fixed; width: 100%; height: 100%; top: 0; left: 0; font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; /* Chrome hack, this fixes a visual glitch when quickly toggling a video */ transform: translateZ(0px); } /* z-index */ .fr-overlay { z-index: 99998; } .fr-window { z-index: 99999; } .fr-spinner { z-index: 100000; } /* overlay */ .fr-overlay { position: fixed; top: 0; left: 0; height: 100%; width: 100%; } .fr-overlay-background { float: left; width: 100%; height: 100%; background: #000; opacity: 0.9; filter: alpha(opacity=90); } .fr-overlay-ui-fullclick .fr-overlay-background { background: #292929; opacity: 1; filter: alpha(opacity=100); } /* mobile touch has position:absolute to allow zooming */ .fr-window.fr-mobile-touch, .fr-overlay.fr-mobile-touch { position: absolute; overflow: visible; } /* some properties on the window are used to toggle things * like margin and the fullclick mode, * we reset those properties after measuring them */ .fr-measured { margin: 0 !important; min-width: 0 !important; min-height: 0 !important; } .fr-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fr-pages { position: absolute; width: 100%; height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .fr-page { position: absolute; width: 100%; height: 100%; } .fr-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; text-align: center; } .fr-hovering-clickable .fr-container { cursor: pointer; } /* padding: youtube & vimeo always have buttons on the outside side button = 72 = 54 + (2 * 9 margin) close button = 48 */ /* padding ui:inside */ .fr-ui-inside .fr-container { padding: 20px 20px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 20px; } /* padding ui:outside */ .fr-ui-outside .fr-container { padding: 20px 82px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 20px 48px; } /* reduce padding on smaller screens */ @media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 700px) { /* padding ui:inside */ .fr-ui-inside .fr-container { padding: 12px 12px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 12px; } /* padding ui:outside */ .fr-ui-outside .fr-container { padding: 12px 72px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 12px 48px; } } @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) { /* padding ui:inside */ .fr-ui-inside .fr-container { padding: 0px 0px; } .fr-ui-inside.fr-no-sides .fr-container { padding: 0px; } /* padding ui:outside */ .fr-ui-outside .fr-container { padding: 0px 72px; } .fr-ui-outside.fr-no-sides .fr-container { padding: 0px 48px; } } /* padding ui:fullclick */ .fr-ui-fullclick .fr-container { padding: 0; } .fr-ui-fullclick.fr-no-sides .fr-container { padding: 0; } /* video fullclick */ .fr-ui-fullclick.fr-type-video .fr-container { padding: 0px 62px; } .fr-ui-fullclick.fr-no-sides.fr-type-video .fr-container { padding: 48px 0px; } /* overflow-y should always have 0 padding top and bottom */ .fr-overflow-y .fr-container { padding-top: 0 !important; padding-bottom: 0 !important; } .fr-content, .fr-content-background { position: absolute; top: 50%; left: 50%; /* IE11 has a 1px blur bug on the edges of the caption (ui:inside) during animation with overflow:hidden */ overflow: visible; } /* img/iframe/error */ .fr-content-element { float: left; width: 100%; height: 100%; } .fr-content-background { background: #101010; } .fr-info { position: absolute; top: 0; left: 0; width: 100%; color: #efefef; font-size: 13px; line-height: 20px; text-align: left; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; -webkit-user-select: text; -moz-user-select: text; user-select: text; } .fr-info-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; line-height: 1%; filter: none; opacity: 1; } .fr-ui-inside .fr-info-background { filter: alpha(opacity=80); opacity: 0.8; zoom: 1; } /* ui:outside has a slightly lighter info background to break up from black page backgrounds */ .fr-ui-outside .fr-info-background { background: #0d0d0d; } /* info at the bottom for ui:inside */ .fr-content .fr-info { top: auto; bottom: 0; } .fr-info-padder { display: block; overflow: hidden; padding: 12px; position: relative; width: auto; } .fr-caption { width: auto; display: inline; } .fr-position { color: #b3b3b3; float: right; line-height: 21px; opacity: 0.99; position: relative; text-align: right; margin-left: 15px; white-space: nowrap; } /* positions not within the info bar for ui:outside/inside */ .fr-position-outside, .fr-position-inside { position: absolute; bottom: 0; right: 0; margin: 12px; width: auto; padding: 2px 8px; border-radius: 10px; font-size: 11px; line-height: 20px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); display: none; overflow: hidden; white-space: nowrap; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; -webkit-user-select: text; -moz-user-select: text; user-select: text; } .fr-position-inside { border: 0; } .fr-position-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0d0d0d; filter: alpha(opacity=80); opacity: 0.8; zoom: 1; /* oldIE */ } .fr-position-text { color: #b3b3b3; } .fr-position-outside .fr-position-text, .fr-position-inside .fr-position-text { float: left; position: relative; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); opacity: 1; } /* display it for the outside ui, hide the caption inside */ .fr-ui-outside .fr-position-outside { display: block; } .fr-ui-outside .fr-info .fr-position { display: none; } .fr-ui-inside.fr-no-caption .fr-position-inside { display: block; } /* links */ .fr-info a, .fr-info a:hover { color: #ccc; border: 0; background: none; text-decoration: underline; } .fr-info a:hover { color: #eee; } /* no-caption */ .fr-ui-outside.fr-no-caption .fr-info { display: none; } .fr-ui-inside.fr-no-caption .fr-caption { display: none; } /* --- stroke */ .fr-stroke { position: absolute; top: 0; left: 0; width: 100%; height: 1px; } .fr-stroke-vertical { width: 1px; height: 100%; } .fr-stroke-horizontal { padding: 0 1px; } .fr-stroke-right { left: auto; right: 0; } .fr-stroke-bottom { top: auto; bottom: 0; } .fr-stroke-color { float: left; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.08); } /* the stroke is brighter inside the info box */ .fr-info .fr-stroke-color { background: rgba(80, 80, 80, 0.3); } /* remove the stroke when outside ui has a caption */ .fr-ui-outside.fr-has-caption .fr-content .fr-stroke-bottom { display: none; } /* remove stroke and shadow when ui:fullclick */ .fr-ui-fullclick .fr-stroke { display: none; } .fr-ui-fullclick .fr-content-background { box-shadow: none; } /* the info box never bas a top stroke */ .fr-info .fr-stroke-top { display: none; } /* < > */ .fr-side { position: absolute; top: 50%; width: 54px; height: 72px; margin: 0 9px; margin-top: -36px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; zoom: 1; } .fr-side-previous { left: 0; } .fr-side-next { right: 0; left: auto; } .fr-side-disabled { cursor: default; } .fr-side-hidden { display: none !important; } .fr-side-button { float: left; width: 100%; height: 100%; margin: 0; padding: 0; } .fr-side-button-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #101010; } .fr-side-button-icon { float: left; position: relative; height: 100%; width: 100%; zoom: 1; background-position: 50% 50%; background-repeat: no-repeat; } /* smaller side buttons */ @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-side { width: 54px; height: 60px; margin: 0; margin-top: -30px; } .fr-side-button { width: 48px; height: 60px; margin: 0 3px; } } /* X */ .fr-close { position: absolute; width: 48px; height: 48px; top: 0; right: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .fr-close-background, .fr-close-icon { position: absolute; top: 12px; left: 12px; height: 26px; width: 26px; background-position: 50% 50%; background-repeat: no-repeat; } .fr-close-background { background-color: #000; } /* Thumbnails */ .fr-thumbnails { position: absolute; overflow: hidden; } .fr-thumbnails-disabled .fr-thumbnails { display: none !important; } .fr-thumbnails-horizontal .fr-thumbnails { width: 100%; height: 12%; min-height: 74px; max-height: 160px; bottom: 0; } .fr-thumbnails-vertical .fr-thumbnails { height: 100%; width: 10%; min-width: 74px; max-width: 160px; left: 0; } .fr-thumbnails, .fr-thumbnails * { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .fr-thumbnails-wrapper { position: absolute; top: 0; left: 50%; height: 100%; } .fr-thumbnails-vertical .fr-thumbnails-wrapper { top: 50%; left: 0; } .fr-thumbnails-slider { position: relative; width: 100%; height: 100%; float: left; zoom: 1; } .fr-thumbnails-slider-slide { position: absolute; top: 0; left: 0; height: 100%; } .fr-thumbnails-thumbs { float: left; height: 100%; overflow: hidden; position: relative; top: 0; left: 0; } .fr-thumbnails-slide { position: absolute; top: 0; height: 100%; width: 100%; } .fr-thumbnail-frame { position: absolute; zoom: 1; overflow: hidden; } .fr-thumbnail { position: absolute; width: 30px; height: 100%; left: 50%; top: 50%; zoom: 1; cursor: pointer; margin: 0 10px; } .fr-ltIE9 .fr-thumbnail * { overflow: hidden; /* IE6(7) */ z-index: 1; zoom: 1; } .fr-thumbnail-wrapper { position: relative; background: #161616; width: 100%; height: 100%; float: left; overflow: hidden; display: inline; /* IE6(7) */ z-index: 0; /* IE8 */ } .fr-thumbnail-overlay { cursor: pointer; } .fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; } .fr-thumbnail-overlay, .fr-thumbnail-overlay-background, .fr-thumbnail-overlay-border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0; overflow: hidden; border-style: solid; border-color: transparent; } .fr-ltIE9 .fr-thumbnail-overlay-border { border-width: 0 !important; } .fr-thumbnail .fr-thumbnail-image { position: absolute; filter: alpha(opacity=85); opacity: 0.85; max-width: none; } .fr-thumbnail:hover .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image { filter: alpha(opacity=99); opacity: 0.99; } .fr-thumbnail-active .fr-thumbnail-image, .fr-thumbnail-active:hover .fr-thumbnail-image { filter: alpha(opacity=35); opacity: 0.35; } .fr-thumbnail-active { cursor: default; } /* Thumbnails loading */ .fr-thumbnail-loading, .fr-thumbnail-loading-background, .fr-thumbnail-loading-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fr-thumbnail-loading-background { background-color: #161616; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.8; position: relative; float: left; } /* this element is there as an alternative to putting the loading image on the background */ .fr-thumbnail-loading-icon { display: none; } /* error on thumbnail */ .fr-thumbnail-error .fr-thumbnail-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #202020; } /* Thumbnail < > */ .fr-thumbnails-side { float: left; height: 100%; width: 28px; margin: 0 5px; position: relative; overflow: hidden; } .fr-thumbnails-side-previous { margin-left: 12px; } .fr-thumbnails-side-next { margin-right: 12px; } .fr-thumbnails-vertical .fr-thumbnails-side { height: 28px; width: 100%; margin: 10px 0; } .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; } .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; } .fr-thumbnails-side-button { position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -14px; width: 28px; height: 28px; cursor: pointer; } .fr-thumbnails-side-button-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; filter: alpha(opacity=80); opacity: 0.8; transition: background-color 0.2s ease-in; background-color: #333; cursor: pointer; border-radius: 4px; } .fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; } .fr-thumbnails-side-button-disabled * { cursor: default; } .fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; } .fr-thumbnails-side-button-icon { position: absolute; /*top: -7px; left: -7px;*/ top: 0; left: 0; width: 100%; height: 100%; } /* vertical thumbnails */ .fr-thumbnails-vertical .fr-thumbnails-side, .fr-thumbnails-vertical .fr-thumbnails-thumbs, .fr-thumbnails-vertical .fr-thumbnail-frame { clear: both; } /* ui:fullclick has a dark thumbnail background */ .fr-window-ui-fullclick .fr-thumbnails { background: #090909; } /* put a stroke on the connecting caption*/ .fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-horizontal .fr-info .fr-stroke-bottom { display: block !important; } /*({ box-shadow: inset 0 -1px 0 rgba(255,255,255,.1); } */ .fr-window-ui-fullclick.fr-thumbnails-enabled.fr-thumbnails-vertical .fr-info .fr-stroke-left { display: block !important; } /* thumbnail spacing */ .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 12px 5px; } .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 5px 12px; } .fr-thumbnails-measured .fr-thumbnails-thumbs { padding: 0 !important; } /* horizontal */ @media all and (min-height: 700px) { .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 16px 8px; } .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 8px; } .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 16px; } .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 16px; } } @media all and (min-height: 980px) { .fr-thumbnails-horizontal .fr-thumbnails-thumbs { padding: 20px 10px; } .fr-thumbnails-horizontal .fr-thumbnails-side { margin: 0 10px; } .fr-thumbnails-horizontal .fr-thumbnails-side-previous { margin-left: 20px; } .fr-thumbnails-horizontal .fr-thumbnails-side-next { margin-right: 20px; } } /* vertical */ @media all and (min-width: 1200px) { .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 8px 16px; } .fr-thumbnails-vertical .fr-thumbnails-side { margin: 0 8px; } .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 16px; } .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 16px; } } @media all and (min-width: 1800px) { .fr-thumbnails-vertical .fr-thumbnails-thumbs { padding: 10px 20px; } .fr-thumbnails-vertical .fr-thumbnails-side { margin: 10px 0; } .fr-thumbnails-vertical .fr-thumbnails-side-previous { margin-top: 20px; } .fr-thumbnails-vertical .fr-thumbnails-side-next { margin-bottom: 20px; } } /* hide thumbnails on smaller screens the js always hides them on touch based devices */ @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 500px) { .fr-thumbnails-horizontal .fr-thumbnails { display: none !important; } } @media all and (max-width: 700px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-thumbnails-vertical .fr-thumbnails { display: none !important; } } /* force fullClick: true and force overflow: false */ @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-page { min-width: 100%; } /* fullclick */ .fr-page { min-height: 100%; } /* overflow: false */ } /* switch between ui modes we force everything not in the current UI mode to hide */ .fr-window-ui-fullclick .fr-side-next-outside, .fr-window-ui-fullclick .fr-side-previous-outside, .fr-window-ui-fullclick .fr-close-outside, .fr-window-ui-fullclick .fr-content .fr-side-next, .fr-window-ui-fullclick .fr-content .fr-side-previous, .fr-window-ui-fullclick .fr-content .fr-close, .fr-window-ui-fullclick .fr-content .fr-info, .fr-window-ui-outside .fr-side-next-fullclick, .fr-window-ui-outside .fr-side-previous-fullclick, .fr-window-ui-outside .fr-close-fullclick, .fr-window-ui-outside .fr-content .fr-side-next, .fr-window-ui-outside .fr-content .fr-side-previous, .fr-window-ui-outside .fr-content .fr-close, .fr-window-ui-outside .fr-content .fr-info, .fr-window-ui-inside .fr-page > .fr-info, .fr-window-ui-inside .fr-side-next-fullclick, .fr-window-ui-inside .fr-side-previous-fullclick, .fr-window-ui-inside .fr-close-fullclick, .fr-window-ui-inside .fr-side-next-outside, .fr-window-ui-inside .fr-side-previous-outside, .fr-window-ui-inside .fr-close-outside { display: none !important; } /* some ui elements can be toggled on mousemove. filter:alpha(opacity) is bugged so we use display in oldIE */ .fr-toggle-ui { opacity: 0; transition: opacity 0.3s; } .fr-visible-fullclick-ui .fr-box > .fr-toggle-ui, .fr-visible-inside-ui .fr-ui-inside .fr-toggle-ui { opacity: 1; } .fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui, .fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { transition: opacity 0.3s; } .fr-ltIE9.fr-hidden-fullclick-ui .fr-box > .fr-toggle-ui, .fr-ltIE9.fr-hidden-inside-ui .fr-ui-inside .fr-toggle-ui { display: none; } /* Spinner */ .fr-spinner { position: fixed; width: 52px; height: 52px; background: #101010; background: rgba(16, 16, 16, 0.85); border-radius: 5px; } .fr-spinner div { position: absolute; top: 0; left: 0; height: 64%; width: 64%; margin-left: 18%; margin-top: 18%; opacity: 1; animation: fresco-12 1.2s infinite ease-in-out; } .fr-spinner div:after { content: ""; position: absolute; top: 0; left: 50%; width: 2px; height: 8px; margin-left: -1px; background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0); /* fixes rendering in Firefox */ } .fr-spinner div.fr-spin-1 { transform: rotate(30deg); animation-delay: -1.1s; } .fr-spinner div.fr-spin-2 { transform: rotate(60deg); animation-delay: -1s; } .fr-spinner div.fr-spin-3 { transform: rotate(90deg); animation-delay: -0.9s; } .fr-spinner div.fr-spin-4 { transform: rotate(120deg); animation-delay: -0.8s; } .fr-spinner div.fr-spin-5 { transform: rotate(150deg); animation-delay: -0.7s; } .fr-spinner div.fr-spin-6 { transform: rotate(180deg); animation-delay: -0.6s; } .fr-spinner div.fr-spin-6 { transform: rotate(180deg); animation-delay: -0.6s; } .fr-spinner div.fr-spin-7 { transform: rotate(210deg); animation-delay: -0.5s; } .fr-spinner div.fr-spin-8 { transform: rotate(240deg); animation-delay: -0.4s; } .fr-spinner div.fr-spin-9 { transform: rotate(270deg); animation-delay: -0.3s; } .fr-spinner div.fr-spin-10 { transform: rotate(300deg); animation-delay: -0.2s; } .fr-spinner div.fr-spin-11 { transform: rotate(330deg); animation-delay: -0.1s; } .fr-spinner div.fr-spin-12 { transform: rotate(360deg); animation-delay: 0s; } @keyframes fresco-12 { 0% { opacity: 1; } 100% { opacity: 0; } } /* Thumbnail spinner */ .fr-thumbnail-spinner { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; } .fr-thumbnail-spinner-spin { position: relative; float: left; margin: 8px 0 0 8px; text-indent: -9999em; border-top: 2px solid rgba(255, 255, 255, 0.2); border-right: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); border-left: 2px solid #fff; animation: fr-thumbnail-spin 1.1s infinite linear; } .fr-thumbnail-spinner-spin, .fr-thumbnail-spinner-spin:after { border-radius: 50%; width: 24px; height: 24px; } @keyframes fr-thumbnail-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Error */ .fr-error { float: left; position: relative; background-color: #ca3434; width: 160px; height: 160px; } .fr-error-icon { position: absolute; width: 42px; height: 42px; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; } /* skin: 'fresco' */ /* Sprite */ .fr-window-skin-fresco .fr-side-button-icon, .fr-window-skin-fresco .fr-close-icon, .fr-window-skin-fresco .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon { background-image: url("/vendor/fresco/sprite.svg"); } /* fallback png sprite */ .fr-window-skin-fresco.fr-no-svg .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-close-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-button-icon, .fr-window-skin-fresco .fr-error-icon { background-image: url("/vendor/fresco/sprite.png"); } .fr-window-skin-fresco .fr-error-icon { background-position: -160px -126px; } .fr-window-skin-fresco .fr-content-background { background: #101010; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); } .fr-window-skin-fresco.fr-window-ui-fullclick .fr-content-background { box-shadow: none; } /* thumbnail shadow */ .fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } /* < > */ .fr-window-skin-fresco .fr-side-button-background { background-color: transparent; } .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: -13px -14px; } .fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -93px -14px; } .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: -13px -114px; } .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -93px -114px; } /* transition (png) */ .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; } .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -93px -114px; } /* disabled state (png) */ .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: -13px -214px; } .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -93px -214px; } /* transition (svg) */ .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: -13px -114px; } .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -93px -114px; } .fr-window-skin-fresco.fr-svg .fr-side-button-icon { opacity: 0.5; } .fr-window-skin-fresco.fr-svg .fr-side:hover .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-next .fr-side-button-icon { opacity: 1; } .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side .fr-side-button-icon { opacity: 0.8; } /* touch always active but at lower opacity */ /* disabled (svg) */ .fr-window-skin-fresco.fr-svg .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-previous .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-hovering-next .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-side-disabled:hover .fr-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-side-disabled .fr-side-button-icon { opacity: 0.2; } /* hide for ui:inside/fullclick, only for the image type */ .fr-window-skin-fresco.fr-window-ui-inside .fr-type-image .fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-window-ui-fullclick.fr-showing-type-image .fr-side-disabled .fr-side-button-icon { background-image: none; } /* < > responsive */ @media all and (max-width: 500px) and (orientation: portrait), all and (orientation: landscape) and (max-height: 414px) { .fr-window-skin-fresco .fr-side-previous .fr-side-button-icon { background-position: 0px -300px; } .fr-window-skin-fresco .fr-side-next .fr-side-button-icon { background-position: -48px -300px; } .fr-window-skin-fresco .fr-side-previous:hover .fr-side-button-icon { background-position: 0px -360px; } .fr-window-skin-fresco .fr-side-next:hover .fr-side-button-icon { background-position: -48px -360px; } /* transition (png) */ .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; } .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-mobile-touch .fr-side-next .fr-side-button-icon { background-position: -48px -360px; } /* transition (svg) */ .fr-window-skin-fresco.fr-svg .fr-side-previous .fr-side-button-icon { background-position: 0px -360px; } .fr-window-skin-fresco.fr-svg .fr-side-next .fr-side-button-icon { background-position: -48px -360px; } /* disabled state (png) */ .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-previous .fr-side-previous.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-previous.fr-side-disabled:hover .fr-side-button-icon { background-position: 0px -420px; } .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-hovering-next .fr-side-next.fr-side-disabled .fr-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-side-next.fr-side-disabled:hover .fr-side-button-icon { background-position: -48px -420px; } } /* X */ /* colors */ .fr-window-skin-fresco.fr-window-ui-outside .fr-close-background { background-color: #363636; } .fr-window-skin-fresco.fr-window-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; } .fr-window-skin-fresco.fr-window-ui-inside .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close-background { background-color: #131313; filter: alpha(opacity=80); opacity: 0.8; } .fr-window-skin-fresco.fr-window-ui-inside .fr-close:hover .fr-close-background, .fr-window-skin-fresco.fr-window-ui-fullclick .fr-close:hover .fr-close-background { background-color: #191919; } /* - image */ .fr-window-skin-fresco .fr-close .fr-close-icon { background-position: -168px -8px; } .fr-window-skin-fresco .fr-close:hover .fr-close-icon { background-position: -210px -8px; } /* - transition */ .fr-window-skin-fresco.fr-svg .fr-close .fr-close-icon { background-position: -210px -8px; opacity: 0.8; } .fr-window-skin-fresco .fr-close:hover .fr-close-icon { opacity: 1; } /* iOS 8.4.1 bug: when opacity changes it'll require 2 taps force a single opacity to fix this */ .fr-window-skin-fresco.fr-svg.fr-mobile-touch .fr-close .fr-close-icon, .fr-window-skin-fresco.fr-mobile-touch .fr-close:hover .fr-close-icon { opacity: 1; } /* Thumbnails */ .fr-window-skin-fresco .fr-thumbnail-wrapper { border-color: transparent; border-style: solid; border-width: 0; } .fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } .fr-window-skin-fresco .fr-thumbnail-wrapper { box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3); } .fr-window-skin-fresco .fr-thumbnail-overlay-border { border-width: 1px; border-color: rgba(255, 255, 255, 0.08); /* should remain rgba */ } /* no inner border on active thumbnail */ .fr-window-skin-fresco .fr-thumbnail-active .fr-thumbnail-overlay-border, .fr-window-skin-fresco .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0; } /* Thumbnails < > */ .fr-window-skin-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -167px -49px; } .fr-window-skin-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -209px -49px; } .fr-window-skin-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -167px -91px; } .fr-window-skin-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -209px -91px; } /* vertical ^ (up/down) adjustments */ .fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -293px -49px; } .fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -335px -49px; } .fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -293px -91px; } .fr-window-skin-fresco.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -335px -91px; } /* Thumbnails < > transition */ .fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-icon { transition: opacity 0.2s ease-in; opacity: 0.8; } .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -167px -49px; } .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -209px -91px; } .fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; } /* vertical ^ (up/down) adjustments */ .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -293px -49px; } .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -335px -91px; } /* lower opacity on disabled states */ .fr-window-skin-fresco.fr-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled, .fr-window-skin-fresco.fr-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: 0.5; } /* lower opacity IE < 9 using images */ .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -251px -49px; } .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -251px -91px; } .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background, .fr-window-skin-fresco.fr-no-svg .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background { filter: alpha(opacity=50); } /* vertical ^ (up/down) adjustments */ .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -377px -49px; } .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-skin-fresco.fr-no-svg.fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -377px -91px; } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}/* == 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 { touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { 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; 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; 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; 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 { 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 { 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; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { 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(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); 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); 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); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); 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); 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); 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); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); 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: 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: 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 { 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 { border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 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); 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); } /* ---------------------------------------- */ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: rgb(195.5, 195.5, 195.5); } .selectric-hover .selectric .button { color: rgb(161.5, 161.5, 161.5); } .selectric-hover .selectric .button:after { border-top-color: rgb(161.5, 161.5, 161.5); } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: rgb(195.5, 195.5, 195.5); } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid rgb(195.5, 195.5, 195.5); z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ .ba-default .slider-wrapper { overflow: hidden; } .ba-default .item { display: flex !important; flex-flow: row; height: 31.2vw; } .ba-default .item .side-left { padding: 1.56vw 5.98vw; background: rgba(255, 255, 255, 0.15); display: flex; flex-flow: column; height: auto; width: 50%; min-height: 0; align-items: flex-start; justify-content: center; } .ba-default .item .side-left .title { font-size: var(--35px); margin-bottom: var(--30px); } .ba-default .item .side-left .content { margin-bottom: var(--20px); font-size: var(--20px); line-height: var(--25px); } .ba-default .item .side-right { width: 50%; } .ba-default .item .side-right img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; } @media only screen and (max-width: 480px) { .ba-default { margin: 0; } .ba-default .slider-wrapper .slick-slide .item { flex-direction: column-reverse; height: auto; } .ba-default .slider-wrapper .slick-slide .item .side-left, .ba-default .slider-wrapper .slick-slide .item .side-right { width: auto; height: 59.16vw; min-height: unset; } .ba-default .slider-wrapper .slick-slide .item .side-left { padding: 4.64vw; justify-content: space-between; } .ba-default .slider-wrapper .slick-slide .item .side-left .title { font-size: 4.176vw; line-height: 5.336vw; width: 80%; } } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ .cities { position: relative; padding: 0px var(--10px); } .cities .listing { background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 40px; left: 0px; display: flex; } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ .clinics { min-width: 800px; font-size: var(--10px); } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ .customer_hotline { position: relative; padding: 0px var(--10px); } .customer_hotline-visible { max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .customer_hotline-popup { background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 40px; left: 0px; display: flex; } .customer_hotline-listing li { white-space: nowrap; } /* ----------- COLORS ----------- */ /* --------------------------------- */ /* ----------- COLORS ----------- */ @keyframes spin_animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes moveLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-93.08vw); } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes colorBlink { 0% { background-color: rgba(3, 122, 205, 0.7); } 50% { background-color: rgb(255, 255, 255); } 100% { background-color: rgb(3, 122, 205); } } @keyframes roundLoader { 0% { stroke-dasharray: 130, 150; } 100% { stroke-dasharray: 0, 150; } } @keyframes colorBrand { 0% { background-color: #6bd333; } 20% { background-color: #6bd333; } 50% { background-color: #1DB7ED; } 70% { background-color: #1DB7ED; } 100% { background-color: #6bd333; } }