.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 ----------- */ .photo-result .grid-box .item .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; } .photo-result .grid-box .item .title { 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; } } .photo-result { margin: var(--20px); padding: var(--40px) var(--40px) var(--85px) var(--40px); background-color: #1DB7ED; border-radius: var(--50px); } .photo-result h1.as-h1, .photo-result .as-h1 { font-size: var(--60px); line-height: var(--60px); font-weight: 600; color: #fff; letter-spacing: -0.1716vw; margin-bottom: var(--20px); } .photo-result .desc { font-size: 1.144vw; line-height: 1.56vw; max-width: 26.572vw; color: #fff; } .photo-result .grid-box { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--20px); margin-top: var(--55px); } .photo-result .grid-box .item { flex: 1 1 18%; position: relative; max-width: 17.94vw; border-radius: var(--25px); padding: var(--10px); overflow: hidden; height: 31.98vw; } .photo-result .grid-box .item .bg { -o-object-fit: cover; object-fit: cover; } .photo-result .grid-box .item .title { font-size: 0.884vw; line-height: 1.352vw; font-weight: 600; padding: 0.312vw 0.884vw; background-color: #fff; border-radius: var(--20px); width: -moz-fit-content; width: fit-content; } .photo-result .grid-box .item.no-photo { display: flex; flex-direction: column; border: 2px solid #fff; background-color: rgba(255, 255, 255, 0.2); padding: var(--30px); text-decoration: none; transition: 0.4s ease; } .photo-result .grid-box .item.no-photo .icon-wrap { display: flex; align-items: center; justify-content: center; width: var(--70px); height: var(--70px); border-radius: 50%; background: #fff; margin-bottom: var(--20px); transition: 0.4s ease; } .photo-result .grid-box .item.no-photo .icon { width: var(--40px); height: var(--40px); -o-object-fit: contain; object-fit: contain; } .photo-result .grid-box .item.no-photo .title { font-size: var(--45px); line-height: var(--45px); font-weight: 400; color: #fff; letter-spacing: -0.0702vw; background: none; padding: 0; border-radius: 0; width: auto; transition: 0.4s ease; } .photo-result .grid-box .item.no-photo .text-link { display: block; font-size: 1.144vw; line-height: 1.248vw; font-weight: 600; color: #fff; margin-top: auto; text-decoration: underline; transition: 0.4s ease; } .photo-result .grid-box .item.no-photo:hover { border-color: #fff; background: #fff; } .photo-result .grid-box .item.no-photo:hover .icon-wrap { background: #F5F5F5; } .photo-result .grid-box .item.no-photo:hover .title { color: #000; } .photo-result .grid-box .item.no-photo:hover .text-link { color: #1DB7ED; } .rating { margin-bottom: var(--80px); } @media only screen and (min-width: 1921px) { .photo-result { margin: 20px auto; } .photo-result h1.as-h1, .photo-result .as-h1 { letter-spacing: -3.3px; } .photo-result .desc { font-size: 22px; line-height: 30px; max-width: 511px; } .photo-result .grid-box .item { max-width: 345px; height: 615px; } .photo-result .grid-box .item .title { font-size: 17px; line-height: 26px; padding: 6px 17px; } .photo-result .grid-box .item.no-photo { border: 2px solid #fff; } .photo-result .grid-box .item.no-photo .title { letter-spacing: -1.35px; } .photo-result .grid-box .item.no-photo .text-link { font-size: 22px; line-height: 24px; } } @media only screen and (min-width: 480px) and (max-width: 1260px) { .photo-result { margin: var(--20px); } .photo-result h1.as-h1, .photo-result .as-h1 { letter-spacing: -2.1px; } .photo-result .desc { max-width: var(--510px); font-size: var(--22px); line-height: var(--30px); } .photo-result .grid-box .item { max-width: var(--345px); height: var(--615px); } .photo-result .grid-box .item .title { font-size: var(--17px); line-height: var(--261px); padding: var(--6px) var(--17px); } .photo-result .grid-box .item.no-photo { border: 1px solid #fff; } .photo-result .grid-box .item.no-photo .title { letter-spacing: -0.8px; } .photo-result .grid-box .item.no-photo .text-link { font-size: var(--22px); line-height: var(--24px); } } @media only screen and (max-width: 480px) { .photo-result { margin: 6.96vw 3.48vw; padding: 6.96vw 3.48vw 3.48vw 3.48vw; border-radius: 3.48vw; } .photo-result h1.as-h1, .photo-result .as-h1 { font-size: 8.12vw; line-height: 8.12vw; letter-spacing: -0.464vw; text-align: center; margin-bottom: 2.32vw; } .photo-result .desc { font-size: 4.176vw; line-height: 5.8vw; padding: 0 0.464vw; text-align: center; max-width: unset; } .photo-result .grid-box { gap: 2.32vw; margin-top: 4.64vw; } .photo-result .grid-box .item { flex: 1 1 45%; max-width: 41.76vw; border-radius: 2.32vw; padding: 1.16vw; height: 73.08vw; } .photo-result .grid-box .item .title { font-size: 3.48vw; line-height: 4.64vw; padding: 1.392vw 2.32vw; } .photo-result .grid-box .item.no-photo { width: 100%; max-width: unset; border: none; background-color: #fff; padding: 2.32vw; } .photo-result .grid-box .item.no-photo .icon-wrap { width: var(--35px); height: var(--35px); background: #F5F5F5; margin-bottom: 1.16vw; } .photo-result .grid-box .item.no-photo .icon { width: 3.944vw; height: 3.944vw; } .photo-result .grid-box .item.no-photo .title { font-size: 5.8vw; line-height: 5.8vw; font-weight: 600; color: #000; letter-spacing: -0.174vw; } .photo-result .grid-box .item.no-photo .text-link { font-size: 3.48vw; line-height: 4.64vw; color: #1DB7ED; text-decoration: none; } .rating { margin-bottom: 20.88vw; } } /* ----------- 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 ----------- */ @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; } } /* ----------- 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); } } /* ----------- 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; } }