.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{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;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.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}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(../themes/site/assets/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnWKnuQQ.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnPKruQQ.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v17/va9E4kDNxMZdWfMOD5VfkA.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnZKvuQQ.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnSKzuQQ.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnLK3uQQ.ttf) format('truetype'); } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: "FontAwesome"; src: url("../themes/site/assets/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("../themes/site/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../themes/site/assets/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../themes/site/assets/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../themes/site/assets/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../themes/site/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.2857142857em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.1428571429em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.1428571429em; width: 2.1428571429em; top: 0.1428571429em; text-align: center; } .fa-li.fa-lg { left: -1.8571428571em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right { margin-left: 0.3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::after, *::before { -webkit-box-sizing: inherit; box-sizing: inherit; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; font-family: "Fira Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 1.5; position: relative; background: #201F36 url("../themes/site/assets/img/catalog/catalog_bg.jpg") top center no-repeat; } @media only screen and (min-width: 1920px) { main { background: linear-gradient(90.09deg, #151730 0.08%, rgba(0, 0, 0, 0) 22.96%, rgba(6, 7, 15, 0) 73.93%, #151730 99.93%), linear-gradient(180deg, rgba(21, 23, 48, 0) 39.71%, #151730 89.12%), url("../themes/site/assets/img/shop/big_bg.jpeg"); } } ul, ol { margin: 0; padding: 0; } li { margin: 0; list-style-type: none; } h1, h2, h3, h4, h5, h6 { margin: 0; } h1 { font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 24px; line-height: 36px; color: #D2D2D9; } h2 { font-size: 20px; line-height: 24px; color: #eeeeee; } h4 { font-size: 16px; line-height: 20px; color: #D2D2D9; } p { margin: 0; } a { text-decoration: none; } img { max-width: 100%; } .block-content { width: 100%; margin: 0 auto; } @media only screen and (max-width: 1023px) { .block-content { max-width: 414px; padding: 0 24px; } } @media only screen and (min-width: 1024px) { .block-content { max-width: 954px; } } @media only screen and (min-width: 1366px) { .block-content { max-width: 993px; } } @media only screen and (min-width: 1920px) { .block-content { max-width: 1368px; } } body.disable-scroll-on-opened-menu { overflow-y: hidden; } body.disable-scroll { overflow: hidden; overflow-y: hidden; } html.disable-scroll-on-opened-menu { overflow: hidden; } @-webkit-keyframes requesting-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(720deg); transform: rotate(720deg); } } @keyframes requesting-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(720deg); transform: rotate(720deg); } } #requestingOverlay { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 8009; background-color: rgba(32, 31, 54, 0.95); text-align: center; } #requestingOverlay::before { content: ""; width: 0; height: 100%; margin-left: -6px; display: inline-block; vertical-align: middle; } #requestingOverlay div { display: inline-block; vertical-align: middle; } #requestingOverlay div img { width: 60px; height: 60px; margin: 0 auto 20px auto; display: block; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-animation: requesting-spin 1.2s ease-in-out infinite; animation: requesting-spin 1.2s ease-in-out infinite; } #requestingOverlay div span { width: 100vw; max-width: 310px; display: block; text-align: center; font-size: 20px; line-height: 28px; color: #A9AABA; } #codeCopiedOverlay { width: 100vw; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 8009; background-color: rgba(32, 31, 54, 0.95); text-align: center; cursor: pointer; } #codeCopiedOverlay::before { content: ""; width: 0; height: 100%; margin-left: -6px; display: inline-block; vertical-align: middle; } #codeCopiedOverlay div { display: inline-block; vertical-align: middle; } #codeCopiedOverlay div img { width: 60px; height: 60px; margin: 0 auto 20px auto; display: block; } #codeCopiedOverlay div span { width: 100vw; max-width: 310px; display: block; text-align: center; font-size: 20px; line-height: 28px; color: #A9AABA; } #sentToGameOverlay { width: 100vw; height: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 8009; background-color: rgba(32, 31, 54, 0.95); text-align: center; cursor: pointer; } #sentToGameOverlay::before { content: ""; width: 0; height: 100%; margin-left: -6px; display: inline-block; vertical-align: middle; } #sentToGameOverlay div { display: inline-block; vertical-align: middle; } #sentToGameOverlay div img { width: 60px; height: 60px; margin: 0 auto 20px auto; display: block; } #sentToGameOverlay div span { width: 100vw; max-width: 310px; display: block; text-align: center; font-size: 20px; line-height: 28px; color: #A9AABA; } .common-footer { display: none; } .main-footer { width: 100%; background: #212036; font-family: "Fira Sans", sans-serif; font-size: 0.875rem; height: 203px; } .main-footer a, .main-footer p { font-family: "Fira Sans", sans-serif; font-size: 0.875rem; color: #646284; text-decoration: none; cursor: pointer; -webkit-transition: 100ms; transition: 100ms; margin-bottom: 0; } .main-footer a:hover, .main-footer p:hover { opacity: 0.5; -webkit-transition: 100ms; transition: 100ms; } .main-footer .main-footer__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-footer .main-footer__nav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-footer .main-footer__nav-top { width: 100%; height: 65px; border-bottom: 1px solid #494765; } .main-footer .main-footer__nav-top ul { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-footer .main-footer__nav-top ul li { margin-right: 10px; } .main-footer .main-footer__nav-top ul li:last-child { margin: 0; } .main-footer .main-footer__nav-btm { width: 100%; height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-footer .main-footer__nav-btm ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .main-footer .main-footer__nav-btm ul li { margin-right: 25px; } .main-footer .main-footer__nav-btm .main-footer__rights { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-footer .main-footer__nav-btm .main-footer__rights > span { margin-right: 10px; font-family: "Fira Sans", sans-serif; font-size: 0.875rem; color: #7B8098; } .main-footer .main-footer__nav-btm .main-footer__rights div { width: 37px; height: 37px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #7B8098; border-radius: 40px; font-family: "Fira Sans", sans-serif; color: #7B8098; } .main-footer .main-footer__nav-btm .main-footer__socials { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-footer .main-footer__nav-btm .main-footer__socials > div:first-child { display: inline-block; margin-right: 15px; font-family: "Fira Sans", sans-serif; color: #7B8098; } .main-footer .main-footer__nav-btm .main-footer__socials .main-footer__socials-img { white-space: nowrap; } .main-footer .main-footer__nav-btm .main-footer__socials .main-footer__socials-img a { display: inline-block; width: 37px; height: 37px; margin-right: 5px; text-align: center; } .main-footer .main-footer__nav-btm .main-footer__socials .main-footer__socials-img a:last-child { margin: 0; } .main-footer .main-footer__nav-btm .main-footer__socials .main-footer__socials-img a:before { content: ""; height: 100%; width: 2px; display: inline-block; vertical-align: middle; } .main-footer .main-footer__nav-btm .main-footer__socials .main-footer__socials-img a div { display: inline-block; vertical-align: middle; margin-right: 6px; font-size: 1.0625rem; } .main-footer .main-footer__mobile-nav-btm { display: none; } @media only screen and (min-width: 1024px) and (max-width: 1365px) { .page-game_shop .main-footer, .page-game_main .main-footer { height: 369px; } .page-game_shop .main-footer .block-content, .page-game_main .main-footer .block-content { max-width: 1024px; } .page-game_shop .main-footer a, .page-game_main .main-footer a { line-height: 20px; } .page-game_shop .main-footer .main-footer__nav, .page-game_main .main-footer .main-footer__nav { padding: 0 35px; } .page-game_shop .main-footer .main-footer__nav-top, .page-game_main .main-footer .main-footer__nav-top { padding-bottom: 24px; height: auto; } .page-game_shop .main-footer .main-footer__nav-top ul, .page-game_main .main-footer .main-footer__nav-top ul { width: 672px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-game_shop .main-footer .main-footer__nav-top ul li, .page-game_shop .main-footer .main-footer__nav-top ul li:last-child, .page-game_main .main-footer .main-footer__nav-top ul li, .page-game_main .main-footer .main-footer__nav-top ul li:last-child { width: 46%; margin: 26px 24px 0 0; } .page-game_shop .main-footer .main-footer__nav-top ul li a, .page-game_shop .main-footer .main-footer__nav-top ul li:last-child a, .page-game_main .main-footer .main-footer__nav-top ul li a, .page-game_main .main-footer .main-footer__nav-top ul li:last-child a { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm, .page-game_main .main-footer .main-footer__nav-btm { display: none; } .page-game_shop .main-footer .main-footer__mobile-nav-btm, .page-game_main .main-footer .main-footer__mobile-nav-btm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 32px 0 32px; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-left, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-left { width: 48%; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .common-footer__locale p, .page-game_main .main-footer .main-footer__mobile-nav-btm .common-footer__locale p { font-family: "Fira Sans", sans-serif; font-weight: 300; line-height: 24px; color: #B0B3CA; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right { width: 40%; text-align: right; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials p, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials p { margin-right: 12px; display: inline-block; font-size: 14px; color: #7E8098; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul { display: inline-block; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li { width: 28px; height: 28px; margin-right: 12px; display: inline-block; border: 1px solid #7777B4; -webkit-transition: border 100ms; transition: border 100ms; border-radius: 36px; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:last-child, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:last-child { margin-right: 0; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:hover, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:hover { border: 1px solid #837FFF; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:hover a i, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:hover a i { color: #837FFF; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a { width: 100%; height: 100%; display: block; text-align: center; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a::before, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a::before { content: ""; width: 0; height: 100%; margin-left: -4px; display: inline-block; vertical-align: middle; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a i, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a i { display: inline-block; vertical-align: middle; color: #7777B4; font-size: 16px; -webkit-transition: color 100ms; transition: color 100ms; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright { margin-top: 22px; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright p, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright p { margin-right: 4px; display: inline-block; font-size: 14px; color: #7E8098; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright > span, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright > span { width: 28px; height: 28px; display: inline-block; color: #7777B4; border: 1px solid #7777B4; border-radius: 24px; text-align: center; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright > span span, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright > span span { display: inline-block; font-size: 12px; line-height: 30px; padding-left: 3px; } } @media only screen and (min-width: 1366px) { .page-game_shop .main-footer .main-footer__nav-top ul li a, .page-game_shop .main-footer .main-footer__nav-top ul li:last-child a, .page-game_main .main-footer .main-footer__nav-top ul li a, .page-game_main .main-footer .main-footer__nav-top ul li:last-child a { font-size: 12px; } .page-game_shop .main-footer .main-footer__nav-btm ul li a, .page-game_main .main-footer .main-footer__nav-btm ul li a { font-size: 12px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__rights span, .page-game_main .main-footer .main-footer__nav-btm .main-footer__rights span { font-size: 12px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__rights div span, .page-game_main .main-footer .main-footer__nav-btm .main-footer__rights div span { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__socials, .page-game_main .main-footer .main-footer__nav-btm .main-footer__socials { font-size: 12px; } } @media only screen and (min-width: 1920px) { .page-game_shop .main-footer .main-footer__nav-top ul li a, .page-game_shop .main-footer .main-footer__nav-top ul li:last-child a { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm ul li a { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__rights span { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__rights div span { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__socials { font-size: 14px; } } @media only screen and (max-width: 1023px) { .main-footer { display: none; } .common-footer { display: block; width: 100%; } .common-footer .block-content { padding-bottom: 28px; background-color: #22213B; } .common-footer .common-footer__links { padding: 40px 0; position: relative; } .common-footer .common-footer__links li { margin-bottom: 24px; } .common-footer .common-footer__links li:last-child { margin-bottom: 0; } .common-footer .common-footer__links li a, .common-footer .common-footer__links li p { font-size: 14px; color: #7777B4; -webkit-transition: color 100ms; transition: color 100ms; } .common-footer .common-footer__links li a:hover, .common-footer .common-footer__links li p:hover { color: #837FFF; } .common-footer .common-footer__links::after { content: ""; width: 100%; max-width: 330px; height: 1px; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; background-color: #7B8098; opacity: 0.2; } .common-footer .common-footer__locale { padding-top: 36px; margin-bottom: 36px; } .common-footer .common-footer__locale p { font-family: "Fira Sans", sans-serif; font-weight: 300; line-height: 24px; color: #B0B3CA; } .common-footer .common-footer__socials { margin-bottom: 36px; } .common-footer .common-footer__socials p { margin-right: 12px; display: inline-block; font-size: 14px; color: #7E8098; } .common-footer .common-footer__socials ul { display: inline-block; } .common-footer .common-footer__socials ul li { width: 36px; height: 36px; margin-right: 12px; display: inline-block; border: 1px solid #7777B4; -webkit-transition: border 100ms; transition: border 100ms; border-radius: 36px; } .common-footer .common-footer__socials ul li:last-child { margin-right: 0; } .common-footer .common-footer__socials ul li:hover { border: 1px solid #837FFF; } .common-footer .common-footer__socials ul li:hover a i { color: #837FFF; } .common-footer .common-footer__socials ul li a { width: 100%; height: 100%; display: block; text-align: center; } .common-footer .common-footer__socials ul li a::before { content: ""; width: 0; height: 100%; margin-left: -4px; display: inline-block; vertical-align: middle; } .common-footer .common-footer__socials ul li a i { display: inline-block; vertical-align: middle; color: #7777B4; font-size: 16px; -webkit-transition: color 100ms; transition: color 100ms; } .common-footer .common-footer__copyright p { margin-right: 4px; display: inline-block; font-size: 14px; color: #7E8098; } .common-footer .common-footer__copyright > span { width: 36px; height: 36px; display: inline-block; color: #7777B4; border: 1px solid #7777B4; border-radius: 24px; text-align: center; } .common-footer .common-footer__copyright > span span { display: inline-block; font-size: 12px; line-height: 36px; } } button { outline: none; } .buy-btn { position: relative; padding: 6px 14px; background: #4EA783; border: 0; border-radius: 6px; font-family: "Fira Sans", sans-serif; font-size: 14px; color: #eeeeee; cursor: pointer; -webkit-transition: 100ms; transition: 100ms; } .buy-btn:hover { background: #6fc4a3; -webkit-transition: 100ms; transition: 100ms; } .buy-btn__loader { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; border-style: solid; border-color: #fff #fff #fff transparent; border-width: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-animation: rota-btn 1s infinite; animation: rota-btn 1s infinite; width: 20px; height: 20px; } .buy-btn__loader.show { display: block; } .buy-btn__text.hide { opacity: 0; } .buy-btn-large { width: 169px; height: 36px; line-height: 36px; padding: 0; } .open-btn { padding: 6px 35px; background: none; border: 1px solid #604d92; border-radius: 5px; font-family: "Fira Sans", sans-serif; font-size: 14px; font-weight: 300; color: #afafaf; text-decoration: none; cursor: pointer; -webkit-transition: 100ms; transition: 100ms; } .open-btn:hover { border: 1px solid #8771b8; -webkit-transition: 100ms; transition: 100ms; } .help-btn { background: rgba(123, 115, 181, 0.5); border: 1px solid #8579c1; border-radius: 5px; padding: 7px 28px; cursor: pointer; color: #afafaf; } .help-btn:hover { background: rgba(143, 136, 203, 0.5); border: 1px solid #8f83cd; } .open-btn__inactive { color: #00855e; border: none; } .open-btn__inactive:hover { border: none; } .open-btn__wait { color: #c53838; border: none; cursor: default; } .open-btn__wait:hover { border: none; } .bottom-btn { width: 100%; height: 44px; line-height: 44px; text-align: center; background: #221a44; border-radius: 0 0 6px 6px; color: rgba(210, 210, 217, 0.45); -webkit-transition: all 150ms ease; transition: all 150ms ease; } .bottom-btn:hover { background: #604d92; color: #D2D2D9; } .bottom-btn:active { background: rgba(96, 77, 146, 0.55); color: #D2D2D9; } .transparent-btn { border: 1px solid #604d92; cursor: pointer; -webkit-transition: all 150ms ease; transition: all 150ms ease; } .transparent-btn:hover { background: rgba(143, 136, 203, 0.5); } .catalog-category-arrow { width: 36px; height: 36px; } .catalog-category-arrow:hover .overlay-hover { fill-opacity: 0.3; } .catalog-category-arrow:active .overlay-active { fill-opacity: 0.3; } .mainpage-dots { width: auto; height: 32px; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 10px; } .mainpage-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 8px; padding: 0; cursor: pointer; } .mainpage-dots li button { font-size: 0; line-height: 0; display: block; width: 8px; height: 8px; padding: 8px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .mainpage-dots li button:before { font-family: "slick"; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 8px; height: 8px; content: ""; text-align: center; border-radius: 50%; background-color: rgba(210, 210, 217, 0.45); } .mainpage-dots li button:hover, .mainpage-dots li button:focus { outline: none; } .mainpage-dots li.slick-active button:before { background-color: #D2D2D9; } @-webkit-keyframes rota-btn { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rota-btn { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .confirm { width: 570px; padding: 45px 30px; font-family: "Fira Sans", sans-serif; color: #afafaf; background-image: -webkit-gradient(linear, left bottom, left top, from(#363072), to(#2a2750)); background-image: linear-gradient(to top, #363072, #2a2750); border-radius: 5px; text-align: center; } .confirm .close { display: none; } .confirm .confirm__heading { margin-bottom: 30px; font-size: 30px; font-weight: 900; } .confirm .confirm__text { margin-bottom: 30px; font-size: 18px; } .confirm .confirm__eula { margin-bottom: 35px; font-size: 12px; } .confirm .confirm__eula a { text-decoration: underline; cursor: pointer; color: #afafaf; } .confirm .confirm__eula a:hover { color: #e1e1e1; } .confirm .confirm__action { padding: 0 70px; text-align: justify; -moz-text-align-last: justify; text-align-last: justify; font-size: 14px; } .confirm .confirm__action button { width: 165px; padding-right: 0; padding-left: 0; display: inline-block; text-align: center; -moz-text-align-last: center; text-align-last: center; } @media only screen and (max-width: 690px) { .confirm { width: auto; padding: 30px 15px; background: #2A2943; border-radius: 8px; color: #7B8098; } .confirm .close { display: -webkit-box; display: -ms-flexbox; display: flex; } .confirm .confirm__heading { font-size: 16px; color: #D2D2D9; font-weight: 400; margin-bottom: 15px; } .confirm .confirm__text { font-size: 14px; margin-bottom: 30px; } .confirm .confirm__eula { font-size: 12px; line-height: 20px; margin-bottom: 37px; } .confirm .confirm__eula a { color: #636397; } .confirm .confirm__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .confirm .confirm__action button { border: 1px solid #604D92; border-radius: 6px; color: #B0B3CA; font-size: 16px; width: auto; min-width: 212px; padding: 10px 35px; } .confirm .confirm__action .close-popup { display: none; } } button { border: none; background: none; outline: none; cursor: pointer; } .colored-green-button { width: 100%; padding: 6px 0; font-family: "Fira Sans", sans-serif; font-weight: 400; font-size: 14px; line-height: 24px; color: #eeeeee; background-color: #4EA783; border-radius: 6px; text-transform: uppercase; text-align: center; } .colored-green-button:hover { background-color: #54c39e; } .colored-green-button:focus { color: #eeeeee; } .colored-green-button:disabled { opacity: 0.5; cursor: not-allowed; } .colored-green-button:disabled:hover { background-color: #4EA783; } .bordered-green-btn { width: 100%; padding: 8px 0; font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 28px; color: #4DA481; border: 1px solid #4DA481; border-radius: 6px; text-align: center; -webkit-transition: 100ms; transition: 100ms; } .bordered-green-btn:hover { background-color: #4DA481; color: #eeeeee; } .desktop .shop-card { display: -webkit-box; display: -ms-flexbox; display: flex; background: -webkit-gradient(linear, left bottom, left top, from(rgba(50, 41, 106, 0.65)), to(rgba(40, 35, 73, 0.65))); background: linear-gradient(360deg, rgba(50, 41, 106, 0.65) 0%, rgba(40, 35, 73, 0.65) 100%); border-radius: 8px; width: 310px; height: 146px; position: relative; } .desktop .shop-card .card-over { opacity: 0; position: absolute; top: -5px; background: -webkit-gradient(linear, left bottom, left top, from(#32296a), to(#282349)); background: linear-gradient(360deg, #32296a 0%, #282349 100%); height: auto; z-index: 1; -webkit-box-shadow: 0px 41px 21px rgba(0, 0, 0, 0.25); box-shadow: 0px 41px 21px rgba(0, 0, 0, 0.25); } .desktop .shop-card .card-over .shop-card__content p { height: auto; -webkit-line-clamp: initial; } .desktop .shop-card .card-over .shop-card__content h4 { white-space: initial; } .desktop .shop-card .card-over .shop-card__content .shop-card__btn { margin-bottom: 18px; } .desktop .shop-card .shop-card__img { width: 84px; height: 84px; margin-right: 13px; } .desktop .shop-card .shop-card__content { width: 187px; } .desktop .shop-card .shop-card__content p { color: #AFAFAF; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .desktop .shop-card .shop-card__content header h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .desktop .shop-card .shop-card__content .shop-card__btn { width: 147px; height: 32px; } .desktop .shop-card .shop-card__content .shop-card__btn .colored-green-button { line-height: 17px; height: 100%; } .desktop .shop-card .shop-card__content .shop-card__btn .colored-green-button:disabled { opacity: 0.5; cursor: not-allowed; } .desktop .shop-card .shop-card__content .shop-card__btn .colored-green-button:disabled:hover { background-color: #4EA783; } .desktop .shop-card .shop-card__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 1; } .desktop .shop-card .shop-card__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .desktop .shop-card .shop-card__label:nth-of-type(2) { margin-left: -17px; } .desktop .shop-card .shop-card__label span { display: block; font-size: 16px; line-height: 19px; color: #eeeeee; } .desktop .shop-card .shop-card__label.shop-card__label_red { width: 70px; height: 53px; background: url("../themes/site/assets/img/label-discount-mob.png") center no-repeat; background-size: cover; } .desktop .shop-card .shop-card__label.shop-card__label_green { width: 40px; height: 40px; background: url("../themes/site/assets/img/label-new-mob.png") center no-repeat; background-size: cover; } .desktop .shop-card .shop-card__label.shop-card__label_green span { text-transform: uppercase; } @media only screen and (min-width: 1024px) { .desktop .shop-card .shop-card__img { width: 84px; height: 84px; margin: 7px 13px 0 12px; } .desktop .shop-card .shop-card__label.shop-card__label_red { width: 44px; height: 35px; } .desktop .shop-card .shop-card__label.shop-card__label_red span { font-size: 11px; line-height: 13px; } .desktop .shop-card .shop-card__label.shop-card__label_green { width: 45px; height: 45px; } .desktop .shop-card .shop-card__label.shop-card__label_green span { font-size: 10px; line-height: 12px; } .desktop .shop-card .shop-card__content { width: 189px; } .desktop .shop-card .shop-card__content header h4 { font-size: 16px; font-weight: 500; padding: 14px 0 8px; line-height: 19px; } .desktop .shop-card .shop-card__content p { font-size: 12px; line-height: 14px; font-weight: 500; min-height: 42px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-line-clamp: 3; } .desktop .shop-card .shop-card__content .shop-card__btn { width: 147px; height: 32px; margin-top: 14px; } } @media only screen and (min-width: 1366px) { .desktop .shop-card { width: 315px; height: 132px; } .desktop .shop-card .shop-card__img { width: 84px; height: 84px; margin: 8px 14px 0 14px; } .desktop .shop-card .shop-card__label.shop-card__label_red { width: 44px; height: 35px; } .desktop .shop-card .shop-card__label.shop-card__label_red span { font-size: 11px; line-height: 13px; } .desktop .shop-card .shop-card__label.shop-card__label_green { width: 45px; height: 45px; } .desktop .shop-card .shop-card__label.shop-card__label_green span { font-size: 9px; } .desktop .shop-card .shop-card__content { width: 189px; } .desktop .shop-card .shop-card__content header h4 { font-size: 16px; font-weight: 500; padding: 15px 0 8px; line-height: 19px; } .desktop .shop-card .shop-card__content p { font-size: 12px; line-height: 14px; font-weight: 500; min-height: 28px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-line-clamp: 2; } .desktop .shop-card .shop-card__content .shop-card__btn { width: 147px; height: 32px; } } @media only screen and (min-width: 1920px) { .desktop .shop-card { width: 440px; height: 166px; } .desktop .shop-card .shop-card__img { width: 130px; height: 130px; margin: 18px 20px 18px 32px; } .desktop .shop-card .shop-card__label.shop-card__label_red { width: 70px; height: 53px; margin: -5px 0 0 -5px; } .desktop .shop-card .shop-card__label.shop-card__label_red span { font-size: 16px; } .desktop .shop-card .shop-card__label.shop-card__label_green { width: 72px; height: 72px; margin-top: -5px; margin-left: -5px; } .desktop .shop-card .shop-card__label.shop-card__label_green span { font-size: 14px; } .desktop .shop-card .shop-card__content { width: 240px; margin: 18px 0; } .desktop .shop-card .shop-card__content header { color: #D2D2D9; } .desktop .shop-card .shop-card__content header h4 { font-weight: 500; font-size: 18px; padding: 0 0 16px; } .desktop .shop-card .shop-card__content p { font-size: 12px; color: #AFAFAF; margin: 0; min-height: 28px; } .desktop .shop-card .shop-card__content .shop-card__btn { font-size: 14px; width: 172px; height: 44px; margin: 20px 0 0; } } .desktop .shop-card:hover .card-over { opacity: 1; z-index: 2; } .mobile .shop-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 12px; background: #2a2943 -webkit-gradient(linear, left top, left bottom, from(#2a2943), to(#35345c)); background: #2a2943 linear-gradient(180deg, #2a2943 0%, #35345c 100%); border-radius: 6px; position: relative; } .mobile .shop-card .shop-card__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 1; top: -1px; left: -1px; } .mobile .shop-card .shop-card__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mobile .shop-card .shop-card__label:nth-of-type(2) { margin-left: -17px; } .mobile .shop-card .shop-card__label span { display: block; font-size: 16px; line-height: 19px; color: #eeeeee; } .mobile .shop-card .shop-card__label.shop-card__label_red { width: 70px; height: 53px; background: url("../themes/site/assets/img/label-discount-mob.png") center no-repeat; background-size: cover; } .mobile .shop-card .shop-card__label.shop-card__label_green { width: 75px; height: 73px; /*top: 0px; left: -1px;*/ background: url("../themes/site/assets/img/label-new-mob.png") center no-repeat; background-size: cover; } .mobile .shop-card .shop-card__label.shop-card__label_green span { text-transform: uppercase; } .mobile .shop-card .shop-card__img { width: 94px; height: 94px; margin-right: 12px; } .mobile .shop-card .shop-card__img img { width: 100%; display: block; } .mobile .shop-card .shop-card__content { width: calc(100% - 106px); } .mobile .shop-card .shop-card__content header { margin-bottom: 8px; } .mobile .shop-card .shop-card__content header h4 { display: inline-block; vertical-align: middle; font-family: "Fira Sans", sans-serif; font-weight: 400; } .mobile .shop-card .shop-card__content header img { width: 16px; height: 16px; display: inline-block; vertical-align: middle; } .mobile .shop-card .shop-card__content p { margin-bottom: 8px; font-size: 12px; font-family: "Fira Sans", sans-serif; font-weight: 400; color: #7B8098; } .mobile .shop-card .shop-card__content .shop-card__btn { width: 100%; max-width: 169px; } .history-card { padding: 8px 29px 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; border-bottom: 1px solid #44435A; } .history-card a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .history-card .history-card__img { width: 50px; height: 48px; margin-right: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; } .history-card .history-card__content { width: calc(100% - 60px); } .history-card .history-card__content header { margin-bottom: 8px; color: #7B8098; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .history-card .history-card__content header .goods-price-history { overflow: hidden; margin-right: 10px; } .history-card .history-card__content p { color: #D2D2D9; } .history-card .history-card__arrow { width: 22px; height: 22px; margin: auto 0; position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .history-card .history-card__arrow img { width: 100%; height: 100%; } .support-card { padding-top: 8px; padding-bottom: 10px; } .fancybox-close { width: 20px; height: 20px; top: -29px; right: 0; background: url("../themes/site/assets/img/game/close-popup.png") center no-repeat; background-size: cover; } .dropdown_1 { padding-top: 12px; border: 1px solid #7777B4; border-radius: 6px; position: relative; cursor: pointer; } .dropdown_1 span { display: block; padding-left: 16px; margin-bottom: 12px; line-height: 24px; font-size: 16px; color: #7777B4; } .dropdown_1 ul { max-height: 0; padding-left: 16px; -webkit-transition: max-height 200ms ease-in-out; transition: max-height 200ms ease-in-out; overflow: hidden; } .dropdown_1 ul li { margin-bottom: 16px; } .dropdown_1 ul li a { display: block; line-height: 24px; color: #7777B4; -webkit-transition: color 100ms; transition: color 100ms; } .dropdown_1 ul li a:hover { color: #837FFF; } .dropdown_1 img { width: 28px; position: absolute; top: 11px; right: 6px; display: block; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform 200ms; transition: -webkit-transform 200ms; transition: transform 200ms; transition: transform 200ms, -webkit-transform 200ms; } .dropdown_1.opened ul { max-height: 100px; } .dropdown_1.opened img { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } @-webkit-keyframes cap1 { from { background-color: rgba(131, 127, 255, 0.1); } 10% { background-color: rgba(131, 127, 255, 0.1); } 17% { background-color: #837FFF; } 24% { background-color: rgba(131, 127, 255, 0.1); } 80% { background-color: rgba(131, 127, 255, 0.1); } 87% { background-color: #837FFF; } to { background-color: rgba(131, 127, 255, 0.1); } } @keyframes cap1 { from { background-color: rgba(131, 127, 255, 0.1); } 10% { background-color: rgba(131, 127, 255, 0.1); } 17% { background-color: #837FFF; } 24% { background-color: rgba(131, 127, 255, 0.1); } 80% { background-color: rgba(131, 127, 255, 0.1); } 87% { background-color: #837FFF; } to { background-color: rgba(131, 127, 255, 0.1); } } @-webkit-keyframes cap2 { from { background-color: rgba(131, 127, 255, 0.1); } 17% { background-color: rgba(131, 127, 255, 0.1); } 24% { background-color: #837FFF; } 31% { background-color: rgba(131, 127, 255, 0.1); } 73% { background-color: rgba(131, 127, 255, 0.1); } 80% { background-color: #837FFF; } 94% { background-color: rgba(131, 127, 255, 0.1); } to { background-color: rgba(131, 127, 255, 0.1); } } @keyframes cap2 { from { background-color: rgba(131, 127, 255, 0.1); } 17% { background-color: rgba(131, 127, 255, 0.1); } 24% { background-color: #837FFF; } 31% { background-color: rgba(131, 127, 255, 0.1); } 73% { background-color: rgba(131, 127, 255, 0.1); } 80% { background-color: #837FFF; } 94% { background-color: rgba(131, 127, 255, 0.1); } to { background-color: rgba(131, 127, 255, 0.1); } } @-webkit-keyframes cap3 { from { background-color: rgba(131, 127, 255, 0.1); } 24% { background-color: rgba(131, 127, 255, 0.1); } 31% { background-color: #837FFF; } 38% { background-color: rgba(131, 127, 255, 0.1); } 66% { background-color: rgba(131, 127, 255, 0.1); } 73% { background-color: #837FFF; } 87% { background-color: rgba(131, 127, 255, 0.1); } to { background-color: rgba(131, 127, 255, 0.1); } } @keyframes cap3 { from { background-color: rgba(131, 127, 255, 0.1); } 24% { background-color: rgba(131, 127, 255, 0.1); } 31% { background-color: #837FFF; } 38% { background-color: rgba(131, 127, 255, 0.1); } 66% { background-color: rgba(131, 127, 255, 0.1); } 73% { background-color: #837FFF; } 87% { background-color: rgba(131, 127, 255, 0.1); } to { background-color: rgba(131, 127, 255, 0.1); } } @-webkit-keyframes cap4 { from { background-color: rgba(131, 127, 255, 0.1); } 31% { background-color: rgba(131, 127, 255, 0.1); } 38% { background-color: #837FFF; } 45% { background-color: rgba(131, 127, 255, 0.1); } 59% { background-color: rgba(131, 127, 255, 0.1); } 66% { background-color: #837FFF; } 80% { background-color: rgba(131, 127, 255, 0.1); } to { background-color: rgba(131, 127, 255, 0.1); } } @keyframes cap4 { from { background-color: rgba(131, 127, 255, 0.1); } 31% { background-color: rgba(131, 127, 255, 0.1); } 38% { background-color: #837FFF; } 45% { background-color: rgba(131, 127, 255, 0.1); } 59% { background-color: rgba(131, 127, 255, 0.1); } 66% { background-color: #837FFF; } 80% { background-color: rgba(131, 127, 255, 0.1); } to { background-color: rgba(131, 127, 255, 0.1); } } @-webkit-keyframes cap5 { from { background-color: rgba(131, 127, 255, 0.1); } 38% { background-color: rgba(131, 127, 255, 0.1); } 45% { background-color: #837FFF; } 52% { background-color: rgba(131, 127, 255, 0.1); } 59% { background-color: #837FFF; } 73% { background-color: rgba(131, 127, 255, 0.1); } to { background-color: rgba(131, 127, 255, 0.1); } } @keyframes cap5 { from { background-color: rgba(131, 127, 255, 0.1); } 38% { background-color: rgba(131, 127, 255, 0.1); } 45% { background-color: #837FFF; } 52% { background-color: rgba(131, 127, 255, 0.1); } 59% { background-color: #837FFF; } 73% { background-color: rgba(131, 127, 255, 0.1); } to { background-color: rgba(131, 127, 255, 0.1); } } .content-ajax-preloader { width: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content-ajax-preloader span { width: 6px; height: 6px; border-radius: 50%; display: block; } .content-ajax-preloader span:nth-child(1) { -webkit-animation: cap1 2s infinite; animation: cap1 2s infinite; } .content-ajax-preloader span:nth-child(2) { -webkit-animation: cap2 2s infinite; animation: cap2 2s infinite; } .content-ajax-preloader span:nth-child(3) { -webkit-animation: cap3 2s infinite; animation: cap3 2s infinite; } .content-ajax-preloader span:nth-child(4) { -webkit-animation: cap4 2s infinite; animation: cap4 2s infinite; } .content-ajax-preloader span:nth-child(5) { -webkit-animation: cap5 2s infinite; animation: cap5 2s infinite; } /*@import "header";*/ body.disable-scroll-on-opened-menu { overflow: hidden; } @media only screen and (orientation: landscape) { body.disable-scroll-on-opened-menu { overflow: auto; } } .page-mainpage.hamburger-menu nav .menu .nav li.main-hidden { display: none; } /*.page-game_shop, .page-game_history-one, .page-game_history {*/ .hamburger-menu { display: none; } #xpAuthWidget { display: block; } .desktop-menu { display: block; background: linear-gradient(279.56deg, rgba(50, 41, 106, 0.85) 10.13%, rgba(40, 35, 73, 0.85) 131.14%); } .desktop-menu .block-content { padding: 0; } .desktop-menu .hide-desktop { display: none; } .desktop-menu .menu { height: 40px; } .desktop-menu .menu::-webkit-scrollbar { width: 4px; } .desktop-menu .menu::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.2); border-radius: 16px; } .desktop-menu .menu .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-transition: top 200ms; transition: top 200ms; top: -100%; } .desktop-menu .menu .nav li.menu-item { position: relative; } .desktop-menu .menu .nav li.menu-item .menu-title { height: 40px; display: block; margin: 0 35px 0 0; } .desktop-menu .menu .nav li.menu-item .menu-title p { font-size: 16px; line-height: 40px; margin-bottom: 0; color: #D2D2D9; } .desktop-menu .menu .nav li.menu-item .menu-title p:hover { color: #AC90F5; } .desktop-menu .menu .nav li.menu-item-level-0 { min-height: 60px; } .desktop-menu .menu .nav li.menu-item-has-children { z-index: 5; } .desktop-menu .menu .nav li.menu-item-has-children > .menu-title { position: relative; margin-right: 55px; } .desktop-menu .menu .nav li.menu-item-has-children > .menu-title::after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: -20px; width: 13px; height: 8px; background: url("../themes/site/assets/img/menu-arrow@2x.png") no-repeat; background-size: contain; } .desktop-menu .menu .nav li.menu-item-has-children > .menu-title.open { z-index: 5; } .desktop-menu .menu .nav li.menu-item-has-children > .menu-title.open::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .desktop-menu .menu .nav li.menu-item-has-children > .menu-title.open .menu-children { z-index: 5; } .desktop-menu .menu .nav li.menu-item-has-children:hover .menu-children li.menu-item-level-1 { z-index: 5; max-height: 60px; background: #201F36; } .desktop-menu .menu .nav li.menu-item-has-children:hover .menu-children li.menu-item-level-1 a:active p { color: rgba(172, 144, 245, 0.45); } .desktop-menu .menu .nav li.menu-item-has-children:hover::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .desktop-menu .menu .nav li.menu-item-level-1 { z-index: 5; max-height: 0; -webkit-transition: max-height 200ms ease-in-out; transition: max-height 200ms ease-in-out; overflow: hidden; background: #201F36; } .desktop-menu .menu .nav li.menu-item-level-1 a.menu-title { margin: 0 15px; } .desktop-menu .menu .nav ul.menu-children { position: absolute; left: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; z-index: 1; } @media only screen and (max-width: 1023px) { #xpAuthWidget { display: none; } .desktop-menu { display: none; } .hamburger-menu { width: 100%; padding: 0; position: relative; z-index: 99; display: block; } .hamburger-menu .header-body { width: 100%; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 11; background-color: #313150; } .hamburger-menu .header-body .header-body__left { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hamburger-menu .header-body .header-body__left .header-body__logo { width: 60px; margin-right: 20px; display: block; } .hamburger-menu .header-body .header-body__left .header-body__logo img { display: block; } .hamburger-menu .header-body .header-body__left .header-body__game-logo { height: 100%; padding: 8px 0; position: relative; } .hamburger-menu .header-body .header-body__left .header-body__game-logo img { height: 100%; width: auto; display: block; } .hamburger-menu .header-body .header-body__left .header-body__game-logo::before { content: ""; width: 1px; height: 20px; margin: auto 0; position: absolute; top: 0; bottom: 0; left: -10px; background-color: #D2D2D9; } .hamburger-menu .header-body .header-body__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 4px; } .hamburger-menu .header-body .header-body__right .header-body__profile { width: 32px; height: 32px; margin-right: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50px; cursor: pointer; position: relative; } .hamburger-menu .header-body .header-body__right .header-body__profile a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; } .hamburger-menu .header-body .header-body__right .header-body__hamburger { width: 22px; height: 20px; position: relative; cursor: pointer; } .hamburger-menu .header-body .header-body__right .header-body__hamburger .line { width: 100%; height: 2px; position: absolute; left: 0; background-color: #7777B4; } .hamburger-menu .header-body .header-body__right .header-body__hamburger .line:nth-child(1) { top: 0; -webkit-transition: -webkit-transform 150ms; transition: -webkit-transform 150ms; transition: transform 150ms; transition: transform 150ms, -webkit-transform 150ms; } .hamburger-menu .header-body .header-body__right .header-body__hamburger .line:nth-child(2) { margin: auto 0; top: 0; bottom: 0; -webkit-transition: 150ms; transition: 150ms; } .hamburger-menu .header-body .header-body__right .header-body__hamburger .line:nth-child(3) { bottom: 0; -webkit-transition: -webkit-transform 150ms; transition: -webkit-transform 150ms; transition: transform 150ms; transition: transform 150ms, -webkit-transform 150ms; } .hamburger-menu nav { width: 100%; height: 100%; position: fixed; top: -100%; left: 0; right: 0; margin: auto; z-index: 10; -webkit-transition: top 200ms; transition: top 200ms; background-color: #25243d; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .hamburger-menu nav .common-header__locales { height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid rgba(216, 216, 216, 0.1); margin: 48px 24px 0; } .hamburger-menu nav .common-header__locales a { display: block; color: rgba(210, 210, 217, 0.45); margin-right: 20px; } .hamburger-menu nav .common-header__locales a:hover { color: #D2D2D9; } .hamburger-menu nav .common-header__locales a.common-header__link-selected { color: #837FFF; } .hamburger-menu nav .menu { height: calc(100% - 60px - 98px - 48px); overflow-y: auto; } .hamburger-menu nav .menu::-webkit-scrollbar { width: 4px; } .hamburger-menu nav .menu::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.2); border-radius: 16px; } .hamburger-menu nav .menu .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .hamburger-menu nav .menu .nav li.menu-item { text-align: center; position: relative; } .hamburger-menu nav .menu .nav li.menu-item .menu-title { height: 60px; border-bottom: 1px solid rgba(216, 216, 216, 0.1); display: block; margin: 0 24px; } .hamburger-menu nav .menu .nav li.menu-item .menu-title p { font-size: 16px; line-height: 60px; margin-bottom: 0; color: #D2D2D9; } .hamburger-menu nav .menu .nav li.menu-item .menu-title p:hover { color: #eeeeee; } .hamburger-menu nav .menu .nav li.mobile-top { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .hamburger-menu nav .menu .nav li.menu-item-level-0 { min-height: 60px; } .hamburger-menu nav .menu .nav li.menu-item-has-children > .menu-title { position: relative; } .hamburger-menu nav .menu .nav li.menu-item-has-children > .menu-title::after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; right: 42px; width: 13px; height: 8px; background: url("../themes/site/assets/img/menu-arrow@2x.png") no-repeat; background-size: contain; } .hamburger-menu nav .menu .nav li.menu-item-has-children > .menu-title.open::after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .hamburger-menu nav .menu .nav li.menu-item-level-1 { max-height: 0; -webkit-transition: max-height 200ms ease-in-out; transition: max-height 200ms ease-in-out; overflow: hidden; } .hamburger-menu nav .menu .nav li.menu-item-level-1-open { max-height: 60px; background: #1B1A2E; } .hamburger-menu nav .menu li.mobile-visible { display: list-item; } .hamburger-menu nav .menu li.desktop-visible { display: none; } .hamburger-menu nav .common-header__close { width: 100%; height: 60px; background-color: #201F36; text-align: center; cursor: pointer; z-index: 1; } .hamburger-menu nav .common-header__close:hover span { color: #eeeeee; } .hamburger-menu nav .common-header__close::before { content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .hamburger-menu nav .common-header__close span { font-size: 16px; line-height: 60px; color: #D2D2D9; -webkit-transition: color 100ms; transition: color 100ms; } .hamburger-menu.opened .header-body .header-body__right .header-body__hamburger div:nth-child(1) { -webkit-transform: rotate(45deg) translateY(7px) translateX(6px); -ms-transform: rotate(45deg) translateY(7px) translateX(6px); transform: rotate(45deg) translateY(7px) translateX(6px); } .hamburger-menu.opened .header-body .header-body__right .header-body__hamburger div:nth-child(2) { opacity: 0; -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); } .hamburger-menu.opened .header-body .header-body__right .header-body__hamburger div:nth-child(3) { -webkit-transform: rotate(-45deg) translateY(-6px) translateX(6px); -ms-transform: rotate(-45deg) translateY(-6px) translateX(6px); transform: rotate(-45deg) translateY(-6px) translateX(6px); } .hamburger-menu.opened nav { top: 0; } } .common-footer { display: none; } .main-footer { width: 100%; background: #212036; font-family: "Fira Sans", sans-serif; font-size: 0.875rem; height: 203px; } .main-footer a, .main-footer p { font-family: "Fira Sans", sans-serif; font-size: 0.875rem; color: #646284; text-decoration: none; cursor: pointer; -webkit-transition: 100ms; transition: 100ms; margin-bottom: 0; } .main-footer a:hover, .main-footer p:hover { opacity: 0.5; -webkit-transition: 100ms; transition: 100ms; } .main-footer .main-footer__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-footer .main-footer__nav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main-footer .main-footer__nav-top { width: 100%; height: 65px; border-bottom: 1px solid #494765; } .main-footer .main-footer__nav-top ul { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-footer .main-footer__nav-top ul li { margin-right: 10px; } .main-footer .main-footer__nav-top ul li:last-child { margin: 0; } .main-footer .main-footer__nav-btm { width: 100%; height: 65px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .main-footer .main-footer__nav-btm ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .main-footer .main-footer__nav-btm ul li { margin-right: 25px; } .main-footer .main-footer__nav-btm .main-footer__rights { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-footer .main-footer__nav-btm .main-footer__rights > span { margin-right: 10px; font-family: "Fira Sans", sans-serif; font-size: 0.875rem; color: #7B8098; } .main-footer .main-footer__nav-btm .main-footer__rights div { width: 37px; height: 37px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #7B8098; border-radius: 40px; font-family: "Fira Sans", sans-serif; color: #7B8098; } .main-footer .main-footer__nav-btm .main-footer__socials { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main-footer .main-footer__nav-btm .main-footer__socials > div:first-child { display: inline-block; margin-right: 15px; font-family: "Fira Sans", sans-serif; color: #7B8098; } .main-footer .main-footer__nav-btm .main-footer__socials .main-footer__socials-img { white-space: nowrap; } .main-footer .main-footer__nav-btm .main-footer__socials .main-footer__socials-img a { display: inline-block; width: 37px; height: 37px; margin-right: 5px; text-align: center; } .main-footer .main-footer__nav-btm .main-footer__socials .main-footer__socials-img a:last-child { margin: 0; } .main-footer .main-footer__nav-btm .main-footer__socials .main-footer__socials-img a:before { content: ""; height: 100%; width: 2px; display: inline-block; vertical-align: middle; } .main-footer .main-footer__nav-btm .main-footer__socials .main-footer__socials-img a div { display: inline-block; vertical-align: middle; margin-right: 6px; font-size: 1.0625rem; } .main-footer .main-footer__mobile-nav-btm { display: none; } @media only screen and (min-width: 1024px) and (max-width: 1365px) { .page-game_shop .main-footer, .page-game_main .main-footer { height: 369px; } .page-game_shop .main-footer .block-content, .page-game_main .main-footer .block-content { max-width: 1024px; } .page-game_shop .main-footer a, .page-game_main .main-footer a { line-height: 20px; } .page-game_shop .main-footer .main-footer__nav, .page-game_main .main-footer .main-footer__nav { padding: 0 35px; } .page-game_shop .main-footer .main-footer__nav-top, .page-game_main .main-footer .main-footer__nav-top { padding-bottom: 24px; height: auto; } .page-game_shop .main-footer .main-footer__nav-top ul, .page-game_main .main-footer .main-footer__nav-top ul { width: 672px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-game_shop .main-footer .main-footer__nav-top ul li, .page-game_shop .main-footer .main-footer__nav-top ul li:last-child, .page-game_main .main-footer .main-footer__nav-top ul li, .page-game_main .main-footer .main-footer__nav-top ul li:last-child { width: 46%; margin: 26px 24px 0 0; } .page-game_shop .main-footer .main-footer__nav-top ul li a, .page-game_shop .main-footer .main-footer__nav-top ul li:last-child a, .page-game_main .main-footer .main-footer__nav-top ul li a, .page-game_main .main-footer .main-footer__nav-top ul li:last-child a { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm, .page-game_main .main-footer .main-footer__nav-btm { display: none; } .page-game_shop .main-footer .main-footer__mobile-nav-btm, .page-game_main .main-footer .main-footer__mobile-nav-btm { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 32px 0 32px; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-left, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-left { width: 48%; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .common-footer__locale p, .page-game_main .main-footer .main-footer__mobile-nav-btm .common-footer__locale p { font-family: "Fira Sans", sans-serif; font-weight: 300; line-height: 24px; color: #B0B3CA; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right { width: 40%; text-align: right; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials p, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials p { margin-right: 12px; display: inline-block; font-size: 14px; color: #7E8098; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul { display: inline-block; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li { width: 28px; height: 28px; margin-right: 12px; display: inline-block; border: 1px solid #7777B4; -webkit-transition: border 100ms; transition: border 100ms; border-radius: 36px; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:last-child, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:last-child { margin-right: 0; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:hover, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:hover { border: 1px solid #837FFF; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:hover a i, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:hover a i { color: #837FFF; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a { width: 100%; height: 100%; display: block; text-align: center; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a::before, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a::before { content: ""; width: 0; height: 100%; margin-left: -4px; display: inline-block; vertical-align: middle; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a i, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li a i { display: inline-block; vertical-align: middle; color: #7777B4; font-size: 16px; -webkit-transition: color 100ms; transition: color 100ms; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright { margin-top: 22px; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright p, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright p { margin-right: 4px; display: inline-block; font-size: 14px; color: #7E8098; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright > span, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright > span { width: 28px; height: 28px; display: inline-block; color: #7777B4; border: 1px solid #7777B4; border-radius: 24px; text-align: center; } .page-game_shop .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright > span span, .page-game_main .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright > span span { display: inline-block; font-size: 12px; line-height: 30px; padding-left: 3px; } } @media only screen and (min-width: 1366px) { .page-game_shop .main-footer .main-footer__nav-top ul li a, .page-game_shop .main-footer .main-footer__nav-top ul li:last-child a, .page-game_main .main-footer .main-footer__nav-top ul li a, .page-game_main .main-footer .main-footer__nav-top ul li:last-child a { font-size: 12px; } .page-game_shop .main-footer .main-footer__nav-btm ul li a, .page-game_main .main-footer .main-footer__nav-btm ul li a { font-size: 12px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__rights span, .page-game_main .main-footer .main-footer__nav-btm .main-footer__rights span { font-size: 12px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__rights div span, .page-game_main .main-footer .main-footer__nav-btm .main-footer__rights div span { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__socials, .page-game_main .main-footer .main-footer__nav-btm .main-footer__socials { font-size: 12px; } } @media only screen and (min-width: 1920px) { .page-game_shop .main-footer .main-footer__nav-top ul li a, .page-game_shop .main-footer .main-footer__nav-top ul li:last-child a { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm ul li a { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__rights span { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__rights div span { font-size: 14px; } .page-game_shop .main-footer .main-footer__nav-btm .main-footer__socials { font-size: 14px; } } @media only screen and (max-width: 1023px) { .main-footer { display: none; } .common-footer { display: block; width: 100%; } .common-footer .block-content { padding-bottom: 28px; background-color: #22213B; } .common-footer .common-footer__links { padding: 40px 0; position: relative; } .common-footer .common-footer__links li { margin-bottom: 24px; } .common-footer .common-footer__links li:last-child { margin-bottom: 0; } .common-footer .common-footer__links li a, .common-footer .common-footer__links li p { font-size: 14px; color: #7777B4; -webkit-transition: color 100ms; transition: color 100ms; } .common-footer .common-footer__links li a:hover, .common-footer .common-footer__links li p:hover { color: #837FFF; } .common-footer .common-footer__links::after { content: ""; width: 100%; max-width: 330px; height: 1px; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; background-color: #7B8098; opacity: 0.2; } .common-footer .common-footer__locale { padding-top: 36px; margin-bottom: 36px; } .common-footer .common-footer__locale p { font-family: "Fira Sans", sans-serif; font-weight: 300; line-height: 24px; color: #B0B3CA; } .common-footer .common-footer__socials { margin-bottom: 36px; } .common-footer .common-footer__socials p { margin-right: 12px; display: inline-block; font-size: 14px; color: #7E8098; } .common-footer .common-footer__socials ul { display: inline-block; } .common-footer .common-footer__socials ul li { width: 36px; height: 36px; margin-right: 12px; display: inline-block; border: 1px solid #7777B4; -webkit-transition: border 100ms; transition: border 100ms; border-radius: 36px; } .common-footer .common-footer__socials ul li:last-child { margin-right: 0; } .common-footer .common-footer__socials ul li:hover { border: 1px solid #837FFF; } .common-footer .common-footer__socials ul li:hover a i { color: #837FFF; } .common-footer .common-footer__socials ul li a { width: 100%; height: 100%; display: block; text-align: center; } .common-footer .common-footer__socials ul li a::before { content: ""; width: 0; height: 100%; margin-left: -4px; display: inline-block; vertical-align: middle; } .common-footer .common-footer__socials ul li a i { display: inline-block; vertical-align: middle; color: #7777B4; font-size: 16px; -webkit-transition: color 100ms; transition: color 100ms; } .common-footer .common-footer__copyright p { margin-right: 4px; display: inline-block; font-size: 14px; color: #7E8098; } .common-footer .common-footer__copyright > span { width: 36px; height: 36px; display: inline-block; color: #7777B4; border: 1px solid #7777B4; border-radius: 24px; text-align: center; } .common-footer .common-footer__copyright > span span { display: inline-block; font-size: 12px; line-height: 36px; } } .success-with-code { width: 100vw; max-width: 320px; padding: 20px 12px; background: #22213B; border-radius: 8px; } .success-with-code header { margin-bottom: 20px; } .success-with-code header h4 { margin-bottom: 10px; text-align: center; } .success-with-code header p { font-size: 14px; color: #7B8098; text-align: center; } .success-with-code .success-with-code__content { margin-bottom: 24px; } .success-with-code .success-with-code__content .success-with-code__code { padding: 15px 0; margin-bottom: 24px; background-color: #1A1634; border-radius: 6px; } .success-with-code .success-with-code__content .success-with-code__code span { display: block; color: #AFAFAF; font-size: 14px; line-height: 17px; text-align: center; } .success-with-code .success-with-code__content .success-with-code__button { text-align: center; } .success-with-code .success-with-code__content .success-with-code__button button { width: 140px; } .success-with-code .success-with-code__links { position: relative; } .success-with-code .success-with-code__links::before { content: ""; width: 100%; height: 1px; position: absolute; top: 0; left: 0; display: block; background-color: #eeeeee; opacity: 0.05; } .success-with-code .success-with-code__links a { padding: 20px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .success-with-code .success-with-code__links a::after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; display: block; background-color: #eeeeee; opacity: 0.05; } .success-with-code .success-with-code__links a span { display: block; color: #D2D2D9; } .success-with-code .success-with-code__links a .success-with-code__arrow { width: 12px; position: relative; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .success-with-code .success-with-code__links a .success-with-code__arrow::before { content: ""; display: block; padding-top: 50%; } .success-with-code .success-with-code__links a .success-with-code__arrow div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .success-with-code .success-with-code__links a .success-with-code__arrow div::before { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; left: 0; background-color: #D2D2D9; -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); transform: rotate(-42deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .success-with-code .success-with-code__links a .success-with-code__arrow div::after { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; right: 0; background-color: #D2D2D9; -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .fancybox-popup-warning .fancybox-close { display: none; } .fancybox-popup-warning .warning { width: calc(100vw - 15px); height: 100vh; padding-top: 25px; position: fixed; top: 0; left: 0; background-color: #201F36; } .fancybox-popup-warning .warning h1 { margin-bottom: 20px; color: #eeeeee; } .fancybox-popup-warning .warning .warning__content { margin-bottom: 30px; } .fancybox-popup-warning .warning .warning__content .warning__text { padding: 15px 10px; border: 1px solid #F8E71C; border-radius: 6px; position: relative; } .fancybox-popup-warning .warning .warning__content .warning__text .warning__icon { width: 34px; padding: 0 5px; position: absolute; top: -13px; right: 10px; background-color: #201F36; } .fancybox-popup-warning .warning .warning__content .warning__text .warning__icon img { width: 100%; margin: 0 auto; display: block; } .fancybox-popup-warning .warning .warning__content .warning__text p { margin-bottom: 30px; font-family: "Fira Sans", sans-serif; font-weight: 300; color: #7E8098; } .fancybox-popup-warning .warning .warning__content .warning__text p:last-child { margin-bottom: 0; } .fancybox-popup-warning .warning .warning__action button { padding: 10px 0; } .fancybox-popup-error-generic .error-generic { width: 100vw; max-width: 320px; padding: 20px 12px; background: #22213B; border-radius: 8px; } .fancybox-popup-error-generic .error-generic h4 { margin-bottom: 10px; text-align: center; } .fancybox-popup-error-generic .error-generic p { margin-bottom: 20px; font-size: 14px; color: #7B8098; text-align: center; } .fancybox-popup-error-generic .error-generic .error-generic__links { position: relative; } .fancybox-popup-error-generic .error-generic .error-generic__links::before { content: ""; width: 100%; height: 1px; position: absolute; top: 0; left: 0; display: block; background-color: #eeeeee; opacity: 0.05; } .fancybox-popup-error-generic .error-generic .error-generic__links a { padding: 20px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fancybox-popup-error-generic .error-generic .error-generic__links a::after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; display: block; background-color: #eeeeee; opacity: 0.05; } .fancybox-popup-error-generic .error-generic .error-generic__links a span { display: block; color: #D2D2D9; } .fancybox-popup-error-generic .error-generic .error-generic__links a .error-generic__arrow { width: 12px; position: relative; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fancybox-popup-error-generic .error-generic .error-generic__links a .error-generic__arrow::before { content: ""; display: block; padding-top: 50%; } .fancybox-popup-error-generic .error-generic .error-generic__links a .error-generic__arrow div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .fancybox-popup-error-generic .error-generic .error-generic__links a .error-generic__arrow div::before { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; left: 0; background-color: #D2D2D9; -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); transform: rotate(-42deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .fancybox-popup-error-generic .error-generic .error-generic__links a .error-generic__arrow div::after { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; right: 0; background-color: #D2D2D9; -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .send-to-game { width: 100vh; max-width: 327px; padding: 20px 16px; background: #22213B; border-radius: 8px; } @media only screen and (max-width: 350px) { .send-to-game { max-width: 92%; overflow: hidden; } } @media only screen and (max-width: 375px) { .send-to-game { padding: 12px 16px; } } .send-to-game > h4 { margin: 0; margin-bottom: 12px; text-align: center; } .send-to-game .send-to-game__server { margin-bottom: 28px; } @media only screen and (max-width: 375px) { .send-to-game .send-to-game__server { margin-bottom: 12px; } } .send-to-game .send-to-game__server__title { font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 16px; color: #B0B3CA; line-height: 24px; margin: 0; } .send-to-game .send-to-game__dropdown { height: 44px; position: relative; z-index: 1; } .send-to-game .send-to-game__dropdown.opened { z-index: 2; } .send-to-game .send-to-game__dropdown header { padding: 10px 12px; width: 100%; height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #33324b; border-radius: 6px; cursor: pointer; -webkit-transition: 100ms; transition: 100ms; } .send-to-game .send-to-game__dropdown header:hover { background-color: #38384f; } .send-to-game .send-to-game__dropdown header button { width: 100%; height: 100%; display: block; font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 16px; color: #eeeeee; line-height: 24px; text-align: left; padding: 0; } .send-to-game .send-to-game__dropdown header .send-to-game__dropdown-arrow { width: 11px; position: relative; position: absolute; right: 12px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 100ms; transition: -webkit-transform 100ms; transition: transform 100ms; transition: transform 100ms, -webkit-transform 100ms; } .send-to-game .send-to-game__dropdown header .send-to-game__dropdown-arrow::before { content: ""; display: block; padding-top: 50%; } .send-to-game .send-to-game__dropdown header .send-to-game__dropdown-arrow div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .send-to-game .send-to-game__dropdown header .send-to-game__dropdown-arrow div::before { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; left: 0; background-color: #B0B3CA; -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); transform: rotate(-42deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .send-to-game .send-to-game__dropdown header .send-to-game__dropdown-arrow div::after { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; right: 0; background-color: #B0B3CA; -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .send-to-game .send-to-game__dropdown .send-to-game__dropdown-content { display: none; } .send-to-game .send-to-game__dropdown .send-to-game__dropdown-content ul { margin-top: -1px; -webkit-transition: border 100ms; transition: border 100ms; max-height: 214px; overflow-x: hidden; overflow-y: auto; } @media screen and (pointer: fine) { .send-to-game .send-to-game__dropdown .send-to-game__dropdown-content ul::-webkit-scrollbar { width: 8px; } .send-to-game .send-to-game__dropdown .send-to-game__dropdown-content ul::-webkit-scrollbar-track { background-color: #33324b; } .send-to-game .send-to-game__dropdown .send-to-game__dropdown-content ul::-webkit-scrollbar-thumb { background-color: #b0b3ca; border: 3px solid #33324b; } } .send-to-game .send-to-game__dropdown .send-to-game__dropdown-content ul li { margin-top: -1px; padding: 10px 12px; font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 16px; color: #eeeeee; line-height: 24px; background-color: #33324b; cursor: pointer; -webkit-transition: background-color 100ms; transition: background-color 100ms; } .send-to-game .send-to-game__dropdown .send-to-game__dropdown-content ul li:hover { background-color: #38384f; } .send-to-game .send-to-game__dropdown.opened header { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .send-to-game .send-to-game__dropdown.opened header .send-to-game__dropdown-arrow { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .send-to-game .send-to-game__id label { display: block; font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 16px; color: #B0B3CA; line-height: 24px; margin: 0; } .send-to-game .send-to-game__id input { width: 100%; padding: 9px 11px; display: block; font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 16px; color: #eeeeee; line-height: 24px; outline: none; background-color: rgba(68, 67, 90, 0.5); border-radius: 6px; border: 1px solid transparent; margin: 0; } .send-to-game .send-to-game__id input::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 0.4; /* Firefox */ } .send-to-game .send-to-game__id input::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 0.4; /* Firefox */ } .send-to-game .send-to-game__id input:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 0.4; /* Firefox */ } .send-to-game .send-to-game__id input::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 0.4; /* Firefox */ } .send-to-game .send-to-game__id input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: white; opacity: 0.4; /* Firefox */ } .send-to-game .send-to-game__id input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; opacity: 0.4; } .send-to-game .send-to-game__id input::-ms-input-placeholder { /* Microsoft Edge */ color: white; opacity: 0.4; } .send-to-game .send-to-game__action { padding: 24px 0 17px 0; } @media only screen and (max-width: 375px) { .send-to-game .send-to-game__action { padding: 12px 0 12px 0; } } .send-to-game .send-to-game__action .send-to-game__action-btn { padding: 17px 0; } @media only screen and (max-width: 375px) { .send-to-game .send-to-game__action .send-to-game__action-btn { padding: 6px 0; } } .send-to-game .send-to-game__action .send-to-game__action-btn button { max-width: 135px; margin: 0 auto; display: block; } .send-to-game .send-to-game__action .send-to-game__action-wait { display: none; padding: 6px 0; } .send-to-game .send-to-game__action .send-to-game__action-wait p { margin-bottom: 28px; font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 16px; color: #B0B3CA; line-height: 24px; text-align: center; } .send-to-game .send-to-game__action .send-to-game__action-wait .content-ajax-preloader { margin: 0 auto; } .send-to-game .send-to-game__action .send-to-game__action-error { padding: 8px 12px; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(241, 78, 110, 0.05); border: 1px solid rgba(241, 78, 110, 0.2); border-radius: 6px; cursor: pointer; } .send-to-game .send-to-game__action .send-to-game__action-error > span { width: 17px; height: 17px; position: relative; display: block; border-radius: 50%; border: 1px solid #F14E6E; color: #F14E6E; } .send-to-game .send-to-game__action .send-to-game__action-error > span span { position: absolute; top: -2px; left: 6px; display: block; font-size: 14px; -webkit-transform: scaleX(1.2) scaleY(0.85); -ms-transform: scaleX(1.2) scaleY(0.85); transform: scaleX(1.2) scaleY(0.85); } .send-to-game .send-to-game__action .send-to-game__action-error p { width: calc(100% - 17px); padding-left: 12px; font-size: 12px; line-height: 16px; color: #F14E6E; margin: 0; } .send-to-game .send-to-game__action .send-to-game__action-error .action-error-required-text { display: none; } .send-to-game .send-to-game__action .send-to-game__action-result { display: none; } .send-to-game .send-to-game__action .send-to-game__action-result .send-to-game__action-result__title { margin-bottom: 0; font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 16px; color: #B0B3CA; line-height: 24px; } .send-to-game .send-to-game__action .send-to-game__action-result .send-to-game__action-result__inner { margin-bottom: 24px; } .send-to-game .send-to-game__action .send-to-game__action-result .send-to-game__action-result__input-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 375px) { .send-to-game .send-to-game__action .send-to-game__action-result .send-to-game__action-result__input-wrapper { margin-bottom: 12px; } } .send-to-game .send-to-game__action .send-to-game__action-result .send-to-game__action-result__input-wrapper > span { display: block; } .send-to-game .send-to-game__action .send-to-game__action-result .send-to-game__action-result__input-wrapper span { font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 16px; color: #eeeeee; line-height: 24px; } .send-to-game .send-to-game__action .send-to-game__action-result .send-to-game__action-result__btn { max-width: 140px; margin: 0 auto; display: block; } .send-to-game.requesting .send-to-game__action .send-to-game__action-btn { display: none; } .send-to-game.requesting .send-to-game__action .send-to-game__action-wait { display: block; } .send-to-game.requesting .send-to-game__action .send-to-game__action-error { display: none; } .send-to-game.requesting .send-to-game__action .send-to-game__action-result { display: none; } .send-to-game.error .send-to-game__id input { border: 1px solid #F14E6E; } .send-to-game.error .send-to-game__action { height: 118px; } @media only screen and (max-width: 375px) { .send-to-game.error .send-to-game__action { height: 70px; } } .send-to-game.error .send-to-game__action .send-to-game__action-btn { display: none; } .send-to-game.error .send-to-game__action .send-to-game__action-wait { display: none; } .send-to-game.error .send-to-game__action .send-to-game__action-error { display: -webkit-box; display: -ms-flexbox; display: flex; } .send-to-game.error .send-to-game__action .send-to-game__action-result { display: none; } .send-to-game.result .send-to-game__action { height: auto; } .send-to-game.result .send-to-game__action .send-to-game__action-btn { display: none; } .send-to-game.result .send-to-game__action .send-to-game__action-wait { display: none; } .send-to-game.result .send-to-game__action .send-to-game__action-error { display: none; } .send-to-game.result .send-to-game__action .send-to-game__action-result { display: block; } .send-to-game .send-to-game__warn { margin-bottom: 20px; } .send-to-game .send-to-game__warn div { padding: 15px 10px; border: 1px solid #F8E71C; border-radius: 5px; font-size: 0; white-space: nowrap; } .send-to-game .send-to-game__warn div p { width: calc(100% - 34px); padding-right: 10px; display: inline-block; vertical-align: middle; font-family: "Fira Sans", sans-serif; font-weight: 300; font-size: 13px; color: #F8E71C; white-space: normal; } .send-to-game .send-to-game__warn div img { display: inline-block; vertical-align: middle; width: 34px; } @media only screen and (max-width: 375px) { .send-to-game .send-to-game__warn { margin-bottom: 12px; } .send-to-game .send-to-game__warn div { padding: 6px 10px; } } .send-to-game .send-to-game__links { position: relative; } .send-to-game .send-to-game__links::before { content: ""; width: 100%; height: 1px; position: absolute; top: 0; left: 0; display: block; background-color: #eeeeee; opacity: 0.05; } .send-to-game .send-to-game__links a { padding: 20px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .send-to-game .send-to-game__links a::after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; display: block; background-color: #eeeeee; opacity: 0.05; } .send-to-game .send-to-game__links a span { display: block; color: #D2D2D9; } .send-to-game .send-to-game__links a .send-to-game__arrow { width: 12px; position: relative; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .send-to-game .send-to-game__links a .send-to-game__arrow::before { content: ""; display: block; padding-top: 50%; } .send-to-game .send-to-game__links a .send-to-game__arrow div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .send-to-game .send-to-game__links a .send-to-game__arrow div::before { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; left: 0; background-color: #D2D2D9; -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); transform: rotate(-42deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .send-to-game .send-to-game__links a .send-to-game__arrow div::after { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; right: 0; background-color: #D2D2D9; -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .error-send-to-game { width: 100vh; max-width: 327px; padding: 24px 16px 21px 16px; background: #22213B; border-radius: 8px; } @media only screen and (max-width: 350px) { .error-send-to-game { max-width: 90%; } } .error-send-to-game h4 { margin-bottom: 10px; text-align: center; } .error-send-to-game p { margin-bottom: 24px; font-size: 14px; line-height: 20px; color: #7B8098; text-align: center; } .error-send-to-game button { width: 140px; margin: 0 auto; display: block; } .fancybox-popup-message_link .popup-message-link { width: 100vw; max-width: 320px; padding: 20px 12px; background: #22213B; border-radius: 8px; } .fancybox-popup-message_link .popup-message-link__title { margin-bottom: 10px; font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; color: #D2D2D9; } .fancybox-popup-message_link .popup-message-link__text { margin-bottom: 16px; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #7B8098; } .fancybox-popup-message_link .popup-message-link__button-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .fancybox-popup-message_link .popup-message-link__btn { padding: 6px 28px; width: auto; } .alert-cookies-policy { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: "Inter", sans-serif; /* Rewrite fancybox styles */ padding: 0; background: none; } .alert-cookies-policy h1, .alert-cookies-policy h3, .alert-cookies-policy p { font-family: "Inter", sans-serif; } .alert-content { max-width: 414px; width: 90%; border-radius: 10px 10px 0 0; left: unset; padding: 20px 0; background: #FFFFFF; position: relative; } /* Common styles */ .alert-header { font-weight: 600; font-size: 18px; line-height: 40px; margin-bottom: 18px; padding: 0 12px; color: #000000; } .alert-header-sm { font-weight: 800; font-size: 12px; line-height: 16px; margin: 0; color: #000000; } .alert-text-block { margin-bottom: 24px; max-height: 258px; padding: 0 12px; } .scroll { overflow-y: scroll; } .scroll::-webkit-scrollbar { width: 2px; } .scroll::-webkit-scrollbar-thumb { background-color: #5346E7; } .alert-text, .alert-link { font-weight: 300; font-size: 14px; line-height: 22px; outline: none; color: #000000; display: inline; } .alert-link { font-weight: 500; color: #978EFF; text-decoration: underline; } .alert-link:focus { color: #978EFF; } .alert-btn-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 12px; } .button { border-radius: 8px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 0; margin-bottom: 10px; cursor: pointer; } .button .button_text { font-weight: 500; font-size: 14px; line-height: 20px; padding: 14px 14px; } .btn-blue { background: #5346E7; } .btn-blue:hover { background: #31288E; } .btn-blue:active { background: #221C64; } .btn-blue .button_text { color: #F0EFFF; } .btn-transparent { border: 2px solid #5346E7; } .btn-transparent .button_text { font-weight: 500; color: #5346E7; } .btn-transparent:hover { border: 2px solid #31288E; } .btn-transparent:hover .button_text { color: #31288E; } .btn-transparent:active { border: 2px solid #221C64; } .btn-transparent:active .button_text { color: #221C64; } .btn-green { background: #0B976D; } .btn-green:hover { background: #0A664A; } .btn-green:active { background: #094A37; } .btn-green .button_text { font-weight: 500; color: #F0EFFF; } /* Main block */ /* Config cookies block */ .config-info { display: none; } .config-info > .alert-text { padding: 0 12px; display: block; } .alert-config-block { margin: 20px 0 24px 0; max-height: 206px; } .alert-config-row { margin-bottom: 20px; } .alert-config-row:last-of-type { margin-bottom: 0; } .alert-config-row .alert-config-sub-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .alert-config-row .left-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .alert-config-row .left-column .icon-more-info .icon-more-info__plus { display: block; } .alert-config-row .left-column .icon-more-info .icon-more-info__minus { display: none; } .alert-config-row .left-column.open .icon-more-info .icon-more-info__plus { display: none; } .alert-config-row .left-column.open .icon-more-info .icon-more-info__minus { display: block; } .alert-config-row .icon-more-info { margin-right: 14px; } .alert-config-row .icon-more-info .icon { width: 22px; height: 22px; color: #000000; } .alert-config-row .alert-header-sm { padding: 0; } .alert-config-row .hide-block { background: #F3F1F1; -webkit-transform: translate(0, -120%); -ms-transform: translate(0, -120%); transform: translate(0, -120%); height: 0; } .alert-config-row .hide-block .alert-text { display: none; padding: 0 12px; } .alert-config-row .config-item { -webkit-transition: all 150ms ease; transition: all 150ms ease; padding: 0 12px; } .alert-config-row .config-item.open { margin-bottom: 12px; } .alert-config-row.open .hide-block { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); height: auto; } .alert-config-row.open .hide-block p.alert-text { display: block; } /* Checkbox */ .toggle-switch { width: 32px; height: 18px; margin-bottom: 0; display: inline-block; position: relative; } .toggle-switch input { display: none; } .toggle-switch .switcher { border-radius: 28px; border: 1px solid #5346E7; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #ffffff; cursor: pointer; -webkit-transition: all 150ms ease; transition: all 150ms ease; } .toggle-switch .switcher:after { height: 14px; width: 14px; left: 1px; position: absolute; content: ""; background-color: #5346E7; border-radius: 50%; top: 0; bottom: 0; margin: auto; -webkit-transition: all 150ms ease; transition: all 150ms ease; } .toggle-switch .switcher.checked { background-color: #5346E7; border: 1px solid #5346E7; } .toggle-switch .switcher.checked:after { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); background-color: #ffffff; } .toggle-switch .switcher.disabled { border: 1px solid #989898; pointer-events: none; cursor: default; background-color: #989898; } .fancybox-popup-successful_purchase_special .popup-successful-purchase-special { width: 100vw; max-width: 320px; padding: 20px 12px; background: #22213B; border-radius: 8px; } .fancybox-popup-successful_purchase_special .popup-successful-purchase-special__title { margin-bottom: 10px; font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; color: #D2D2D9; } .fancybox-popup-successful_purchase_special .popup-successful-purchase-special__text { margin-bottom: 16px; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #7B8098; } .fancybox-popup-successful_purchase_special .popup-successful-purchase-special__button-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .fancybox-popup-successful_purchase_special .popup-successful-purchase-special__btn { padding: 6px 28px; width: auto; } .error-send-to-game { width: 100vh; max-width: 327px; padding: 24px 16px 21px 16px; background: #22213B; border-radius: 8px; } @media only screen and (max-width: 350px) { .error-send-to-game { max-width: 90%; } } .error-send-to-game h4 { margin-bottom: 10px; text-align: center; } .error-send-to-game p { margin-bottom: 24px; font-size: 14px; line-height: 20px; color: #7B8098; text-align: center; } .error-send-to-game button { width: 140px; margin: 0 auto; display: block; } .fancybox-popup-go_to_store .popup-go_to_store { width: 100vw; max-width: 320px; padding: 20px 12px; background: #22213B; border-radius: 8px; } .fancybox-popup-go_to_store .popup-go_to_store__title { margin-bottom: 10px; font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; color: #D2D2D9; } .fancybox-popup-go_to_store .popup-go_to_store__text { margin-bottom: 16px; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #7B8098; } .fancybox-popup-go_to_store .popup-go_to_store__button-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .fancybox-popup-go_to_store .popup-go_to_store__btn { padding: 6px 28px; width: auto; } .game-shop__user-data_hide { display: none; } .game-shop__user-data-block { padding: 0 24px 12px 24px; } .game-shop__user-data__name { font-weight: 500; font-size: 16px; line-height: 19px; color: #eeeeee; margin-right: 8px; } .game-shop__user-data__lvl { font-weight: 500; font-size: 16px; line-height: 19px; color: #7B8098; } .game-shop__loader { line-height: 80px; } .game-shop__loader_hide { display: none; } .game-shop__loader__item { position: relative; display: inline-block; height: 12px; overflow: hidden; border-radius: 8px; margin-right: 8px; } .game-shop__loader__item:last-child { margin-right: 0; } .game-shop__loader__item::before { content: ""; position: absolute; right: 100%; top: 0; width: 100%; height: 100%; -webkit-animation-name: moveLoader; animation-name: moveLoader; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-timing-function: cubic-bezier(0.88, 0.11, 0.58, 1); animation-timing-function: cubic-bezier(0.88, 0.11, 0.58, 1); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .game-shop__loader__item_big { width: 120px; background-color: #eeedfa; } .game-shop__loader__item_big::before { background-image: -webkit-gradient(linear, right top, left top, from(#d6d4f3), color-stop(100%, rgba(238, 237, 250, 0)), to(rgba(238, 237, 250, 0))); background-image: linear-gradient(270deg, #d6d4f3 0%, rgba(238, 237, 250, 0) 100%, rgba(238, 237, 250, 0) 100%); } .game-shop__loader__item_small { width: 60px; background-color: #7B8098; } .game-shop__loader__item_small::before { background-image: -webkit-gradient(linear, right top, left top, from(#6c728f), to(#7b8098)); background-image: linear-gradient(270deg, #6c728f 0%, #7b8098 100%); } @-webkit-keyframes moveLoader { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes moveLoader { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .game-shop__message_hide { display: none; } .game-shop__message__title { position: relative; padding-left: 30px; margin-bottom: 12px; font-weight: 500; font-size: 16px; line-height: 19px; color: #F8E71C; } .game-shop__message__title::before { content: ""; position: absolute; left: 0; top: -4px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../themes/site/assets/img/shop/danger.svg"); } .game-shop__message__container { padding: 20px 16px; border: 1px solid #F8E71C; border-radius: 6px; } .game-shop__message__text { font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #7B8098; } .game-shop__message__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .game-shop__message__btn { width: auto; margin: 12px 0 0 0; padding: 6px 12px; } .mobile { display: none; } .game-shop.desktop { display: block; padding: 0 0 80px 0; position: relative; overflow: hidden; min-height: calc(100vh - 284px); } .game-shop.desktop .header-body__game-logo img { width: auto; height: 100%; } .game-shop.desktop .game-shop__heading { position: relative; height: 80px; width: 100%; top: 20px; left: 0; z-index: 0; overflow: hidden; padding: 0; } .game-shop.desktop .game-shop__heading nav { height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; } .game-shop.desktop .game-shop__heading nav::after { content: ""; width: 1160px; height: 80px; position: absolute; top: 0; left: 0; display: block; background: linear-gradient(279.56deg, #32296A 10.13%, #282349 131.14%); opacity: 0.75; border-radius: 8px; } .game-shop.desktop .game-shop__heading nav .nav-wrap { width: 1160px; max-width: unset; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; overflow-y: hidden; padding: 0 0 0 24px; white-space: nowrap; margin-right: 30px; } .game-shop.desktop .game-shop__heading nav .nav-wrap a { margin-right: 40px; font-family: "Fira Sans", sans-serif; font-weight: 400; font-size: 16px; line-height: 80px; color: #D2D2D9; position: relative; opacity: 1; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; cursor: pointer; height: 80px; z-index: 2; } .game-shop.desktop .game-shop__heading nav .nav-wrap .header-body__game-logo { margin-right: 30px; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__heading-link:hover { color: #AC90F5; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__heading-link.active { color: #AC90F5; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__user-data-block { padding: 0 30px 12px 0px; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__user-data-block .game-shop__user-data__name { font-size: 18px; margin-right: 12px; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__user-data-block .game-shop__user-data__lvl { font-size: 16px; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__heading-link { font-size: 18px; } .game-shop.desktop .game-shop__heading nav .history-btn { width: 110px; height: 44px; border: 1px solid #604D92; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; text-align: center; -webkit-transition: all 150ms ease; transition: all 150ms ease; cursor: pointer; position: relative; margin: auto; } .game-shop.desktop .game-shop__heading nav .history-btn a { font-size: 16px; color: #B0B3CA; line-height: 44px; padding-left: 20px; } .game-shop.desktop .game-shop__heading nav .history-btn::before { width: 12px; height: 100%; position: absolute; left: 13px; content: ""; background: url(../themes/site/assets/img/shop/vector.png) no-repeat center; background-size: contain; margin: auto; top: 0; bottom: 0; } .game-shop.desktop .game-shop__heading nav .history-btn:hover { background: rgba(143, 136, 203, 0.5); } @media only screen and (min-width: 1024px) { .game-shop.desktop .game-shop__heading nav .history-btn .desktop { display: none; } .game-shop.desktop .game-shop__heading nav .history-btn .tablet { display: block; } } @media only screen and (min-width: 1366px) { .game-shop.desktop .game-shop__heading nav .history-btn { width: 175px; } .game-shop.desktop .game-shop__heading nav .history-btn .desktop { display: block; } .game-shop.desktop .game-shop__heading nav .history-btn .tablet { display: none; } } .game-shop.desktop .game-shop__common { padding-top: 22px; width: 100%; position: absolute; top: 0; left: 0; display: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 12px; -moz-column-gap: 12px; column-gap: 12px; row-gap: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #eeeeee; } .game-shop.desktop .game-shop__common.active { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .game-shop__message { z-index: 1; position: relative; padding-top: 30px; } .game-shop__user-data { z-index: 2; position: relative; line-height: 80px; } @media only screen and (min-width: 1024px) { .game-shop.desktop .game-shop__heading { margin-bottom: 24px; } .game-shop.desktop .game-shop__heading nav::after { width: 820px; } .game-shop.desktop .game-shop__heading nav .nav-wrap { width: 820px; } } @media only screen and (min-width: 1366px) { .game-shop.desktop .game-shop__heading { margin-bottom: 45px; } .game-shop.desktop .game-shop__heading nav::after { width: 788px; } .game-shop.desktop .game-shop__heading nav .nav-wrap { width: 788px; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__user-data-block .game-shop__user-data__name { font-size: 16px; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__user-data-block .game-shop__user-data__lvl { font-size: 14px; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__heading-link { font-size: 16px; } .game-shop.desktop .game-shop__common { -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 24px; } } @media only screen and (min-width: 1920px) { .game-shop.desktop .game-shop__heading { margin-bottom: 22px; } .game-shop.desktop .game-shop__heading nav::after { width: 1160px; } .game-shop.desktop .game-shop__heading nav .nav-wrap { width: 1160px; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__user-data-block .game-shop__user-data__name { font-size: 18px; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__user-data-block .game-shop__user-data__lvl { font-size: 14px; } .game-shop.desktop .game-shop__heading nav .nav-wrap .game-shop__heading-link { font-size: 16px; } } @media only screen and (max-width: 1023px) { .game-shop.desktop { display: none; } .game-shop.mobile { display: block; padding: 0 0 60px 0; position: relative; overflow: hidden; background-color: #201F36; } .game-shop.mobile .game-shop__bg { max-width: 1368px; width: 100%; height: 240px; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; z-index: 1; background-color: #201F36; background-image: url("../themes/site/assets/img/game/main-bg.png"); background-repeat: no-repeat; background-position: center 0; background-size: cover; } .game-shop.mobile .game-shop__common { padding-top: 60px; position: relative; z-index: 2; } .game-shop.mobile .game-shop__common .game-shop__content { width: 100%; position: absolute; top: 0; left: 0; display: none; } .game-shop.mobile .game-shop__common .game-shop__content article { margin-bottom: 10px; } .game-shop.mobile .game-shop__common .game-shop__content article:last-child { margin-bottom: 0; } .game-shop.mobile .game-shop__common .game-shop__content.active { position: relative; display: block; } .game-shop.mobile .game-shop__heading { width: 100%; height: 48px; position: absolute; top: 0; left: 0; z-index: 3; overflow: hidden; padding: 0; } .game-shop.mobile .game-shop__heading::after { content: ""; width: 100%; height: 48px; position: absolute; top: 0; left: 0; display: block; background-color: #201F36; z-index: 1; } .game-shop.mobile .game-shop__heading.fixed { position: fixed; left: 0; right: 0; margin-left: auto; margin-right: auto !important; } .game-shop.mobile .game-shop__heading nav .nav-wrap { width: unset; max-width: unset; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; overflow-y: hidden; padding: 0 0 0 24px; white-space: nowrap; } .game-shop.mobile .game-shop__heading nav .nav-wrap a { margin-right: 30px; font-family: "Fira Sans", sans-serif; font-weight: 400; font-size: 16px; line-height: 48px; color: #D2D2D9; position: relative; opacity: 0.45; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; cursor: pointer; height: 48px; z-index: 2; } .game-shop.mobile .game-shop__heading nav .nav-wrap a::after { content: ""; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #D2D2D9; opacity: 0; -webkit-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in; } .game-shop.mobile .game-shop__heading nav .nav-wrap a.active { opacity: 1; } .game-shop.mobile .game-shop__heading nav .nav-wrap a.active::after { opacity: 1; } } @media only screen and (max-width: 1023px) and (pointer: fine) { .game-shop.mobile .game-shop__heading.fixed { max-width: 1368px; } .game-shop.mobile .game-shop__heading nav { width: 100%; margin: 0; overflow-x: unset; overflow-y: unset; } .game-shop.mobile .game-shop__heading nav .nav-wrap a:last-child { padding-right: 0; } .game-shop.mobile .game-shop__heading nav .nav-wrap a:last-child::after { width: 100%; } } @media only screen and (max-width: 1023px) { .game-shop.mobile .game-shop__heading .mCSB_scrollTools .mCSB_draggerContainer { top: 10px; } } @media only screen and (max-width: 1023px) { .game-shop.mobile .game-shop__heading .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 3px; } } @media only screen and (max-width: 1023px) { .game-shop.mobile .game-shop__heading .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(255, 255, 255, 0.5); } } @media only screen and (max-width: 1023px) { .game-shop.mobile .game-shop__heading .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: rgba(255, 255, 255, 0.2); } } .page-game_history { background: #1b1c36 url("../themes/site/assets/img/catalog/catalog_bg.jpg") top center no-repeat; } @media only screen and (min-width: 1024px) { .main-footer { display: block; } .common-footer { display: none; } .history { padding-top: 28px; padding-bottom: 20px; min-height: 100vh; } .history h1 { margin-bottom: 12px; } .history .history__content { margin-bottom: 20px; width: 954px; border-radius: 8px; background: -webkit-gradient(linear, left bottom, left top, from(rgba(50, 41, 106, 0.65)), to(rgba(40, 35, 73, 0.65))); background: linear-gradient(360deg, rgba(50, 41, 106, 0.65) 0%, rgba(40, 35, 73, 0.65) 100%); } .history .history__content table { font-size: 16px; color: #AFAFAF; font-weight: 400; line-height: 20px; width: 100%; border-collapse: collapse; } .history .history__content table tr { text-align: center; border-bottom: 1px solid #604d92; } .history .history__content table tr th { font-weight: 500; color: #D2D2D9; padding: 28px 0; } .history .history__content table tr th:nth-child(1) { width: 150px; } .history .history__content table tr th:nth-child(2) { width: 150px; } .history .history__content table tr th:nth-child(3) { width: 325px; } .history .history__content table tr th:nth-child(4) { width: 208px; } .history .history__content table tr th:nth-child(5) { width: 248px; } .history .history__content table tr th:nth-child(6) { width: 141px; } .history .history__content table tr th:nth-child(7) { width: 50px; } .history .history__content table tr td { position: relative; padding: 20px; } .history .history__content table tr td .history-card__arrow { width: 22px; height: 22px; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .history .history__content table tr td .history-card__arrow img { width: 100%; height: 100%; } .history .history__content table tr td .history-card__logo { width: 60px; height: 60px; } .history .history__content table tr td .history-card__img { width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: contain; display: block; margin-left: auto; margin-right: auto; } .history .history__content table tr td .transparent-btn { width: 189px; height: 44px; border: 1px solid #604D92; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; text-align: center; cursor: pointer; -webkit-transition: all 150ms ease; transition: all 150ms ease; color: #D2D2D9; } .history .history__content table tr td .transparent-btn:hover { background: rgba(143, 136, 203, 0.5); cursor: pointer; } .history .history__content table tr:hover { cursor: pointer; } .history .history__content .search-error { height: 70px; line-height: 70px; margin: auto; text-align: center; color: #afafaf; } .history .spinner-container { height: 60px; } .history .spinner { display: none; margin: 0 auto; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-animation: requesting-spin 1.2s ease-in-out infinite; animation: requesting-spin 1.2s ease-in-out infinite; -webkit-transition: 0.3s display; transition: 0.3s display; } .history .spinner-visible { display: block; } .history .history__content__unauth { padding: 50px 0; text-align: center; } .history .history__content__unauth p { color: #7B8098; } .history .history__content__unauth a { margin: 18px 0; padding: 10px 35px; width: auto; display: inline-block; } .desktop { display: block; } .mobile { display: none; } } @media only screen and (min-width: 1366px) { .history { padding-top: 28px; padding-bottom: 20px; min-height: 100vh; } .history h1 { margin-bottom: 12px; } .history .history__content { margin-bottom: 20px; width: 992px; } .history .history__content article { position: relative; } .history .history__content article:first-child:before { content: ""; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background-color: #44435A; } .history .history__content .search-error { height: 70px; line-height: 70px; margin: auto; text-align: center; color: #afafaf; } .history .spinner-container { height: 60px; } .history .spinner { display: none; margin: 0 auto; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-animation: requesting-spin 1.2s ease-in-out infinite; animation: requesting-spin 1.2s ease-in-out infinite; -webkit-transition: 0.3s display; transition: 0.3s display; } .history .spinner-visible { display: block; } .history .history__content__unauth { padding: 50px 0; text-align: center; } .history .history__content__unauth p { color: #7B8098; } .history .history__content__unauth a { margin: 18px 0; padding: 10px 35px; width: auto; display: inline-block; } } @media only screen and (min-width: 1920px) { .history { padding-top: 28px; padding-bottom: 20px; min-height: 100vh; } .history h1 { margin-bottom: 12px; } .history .history__content { margin-bottom: 20px; width: 1368px; } .history .history__content table { font-size: 16px; color: #AFAFAF; font-weight: 400; line-height: 20px; table-layout: fixed; width: 100%; border-collapse: collapse; } .history .history__content table tr { text-align: center; border-bottom: 1px solid #604d92; } .history .history__content table tr th { font-weight: 500; color: #D2D2D9; padding: 28px 0; } .history .history__content table tr th:nth-child(3) { width: 325px; } .history .history__content table tr th:nth-child(4) { width: 208px; } .history .history__content table tr th:nth-child(5) { width: 248px; } .history .history__content table tr th:nth-child(6) { width: 141px; } .history .history__content table tr th:nth-child(7) { width: 50px; } .history .history__content table tr td { position: relative; padding: 20px; } .history .history__content table tr td .history-card__logo { width: 60px; height: 60px; } .history .history__content table tr td .history-card__img { width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: contain; display: block; margin-left: auto; margin-right: auto; } .history .history__content table tr td .transparent-btn { width: 189px; height: 44px; border: 1px solid #604D92; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; text-align: center; cursor: pointer; -webkit-transition: all 150ms ease; transition: all 150ms ease; color: #D2D2D9; } .history .history__content table tr td .transparent-btn:hover { background: rgba(143, 136, 203, 0.5); } .history .history__content .search-error { height: 70px; line-height: 70px; margin: auto; text-align: center; color: #afafaf; } .history .spinner-container { height: 60px; } .history .spinner { display: none; margin: 0 auto; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-animation: requesting-spin 1.2s ease-in-out infinite; animation: requesting-spin 1.2s ease-in-out infinite; -webkit-transition: 0.3s display; transition: 0.3s display; } .history .spinner-visible { display: block; } .history .history__content__unauth { padding: 50px 0; text-align: center; } .history .history__content__unauth p { color: #7B8098; } .history .history__content__unauth a { margin: 18px 0; padding: 10px 35px; width: auto; display: inline-block; } } @media only screen and (max-width: 1023px) { .history { padding-top: 28px; padding-bottom: 20px; background-color: #201F36; min-height: 100vh; } .history h1 { margin-bottom: 12px; } .history .history__content { margin-bottom: 20px; } .history .history__content article { position: relative; } .history .history__content article:first-child:before { content: ""; width: 100%; height: 1px; position: absolute; top: 0; left: 0; background-color: #44435A; } .history .history__content .search-error { height: 70px; line-height: 70px; margin: auto; text-align: center; color: #afafaf; } .history .spinner-container { height: 60px; } .history .spinner { display: none; margin: 0 auto; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-animation: requesting-spin 1.2s ease-in-out infinite; animation: requesting-spin 1.2s ease-in-out infinite; -webkit-transition: 0.3s display; transition: 0.3s display; } .history .spinner-visible { display: block; } .history .history__content__unauth { padding: 50px 0; text-align: center; } .history .history__content__unauth p { color: #7B8098; } .history .history__content__unauth a { margin: 18px 0; padding: 10px 35px; width: auto; display: inline-block; } .desktop { display: none; } .mobile { display: block; } } .history-one.desktop { display: block; padding: 0; padding-bottom: 40px; min-height: calc(100vh - 284px); } .history-one.desktop .history-one__back { padding: 20px 24px 20px 0; position: relative; } .history-one.desktop .history-one__back a { width: 100%; height: 100%; position: relative; top: 0; left: 0; } .history-one.desktop .history-one__back .history-one__arrow { position: relative; width: 13px; margin-right: 10px; display: inline-block; vertical-align: middle; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; left: 13px; top: calc(50% - 4px); } .history-one.desktop .history-one__back .history-one__arrow::before { content: ""; display: block; padding-top: 50%; } .history-one.desktop .history-one__back .history-one__arrow div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .history-one.desktop .history-one__back .history-one__arrow div::before { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; left: 0; background-color: #D2D2D9; -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); transform: rotate(-42deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .history-one.desktop .history-one__back .history-one__arrow div::after { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; right: 0; background-color: #D2D2D9; -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .history-one.desktop .history-one__back p { display: inline-block; vertical-align: middle; color: #D2D2D9; padding: 15px 15px 15px 45px; border-radius: 4px; } .history-one.desktop .history-one__common { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 954px; padding: 18px 0 24px 0; background: linear-gradient(279.56deg, rgba(50, 41, 106, 0.75) 10.13%, rgba(40, 35, 73, 0.75) 131.14%); border-radius: 8px; } @media only screen and (min-width: 1366px) { .history-one.desktop .history-one__common { width: 992px; } } @media only screen and (min-width: 1920px) { .history-one.desktop .history-one__common { width: 1368px; } } .history-one.desktop .history-one__common_left .image { margin: 32px 90px 0 20px; width: 208px; height: 208px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .history-one.desktop .history-one__common_left .image img { margin: auto; display: block; } .history-one.desktop .history-one__common_right .history-one__heading { margin: 0 0 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .history-one.desktop .history-one__common_right .history-one__heading img { width: 60px; height: auto; margin-right: 25px; } .history-one.desktop .history-one__common_right h2 { font-weight: 400; font-size: 20px; line-height: 24px; color: #FFFFFF; } .history-one.desktop .history-one__common_right .history-one__content { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; } .history-one.desktop .history-one__common_right .history-one__content_title { width: 117px; color: #D2D2D9; } .history-one.desktop .history-one__common_right .history-one__content_title p { margin-top: 18px; } .history-one.desktop .history-one__common_right .history-one__content_value { color: #7B8098; margin-left: 29px; } .history-one.desktop .history-one__common_right .history-one__content_value p { margin-top: 18px; } .history-one.desktop .history-one__common_right .history-one__content .history-one__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .history-one.desktop .history-one__common_right .colored-green-button { margin-top: 24px; } .history-one.mobile { display: none; } @media only screen and (max-width: 1023px) { .history-one.desktop { display: none; } .history-one.mobile { display: block; padding: 0; padding-bottom: 40px; background-color: #201F36; } .history-one.mobile .history-one__back { padding: 20px 24px; background-color: rgba(42, 41, 67, 0.5); position: relative; } .history-one.mobile .history-one__back a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .history-one.mobile .history-one__back .history-one__arrow { position: relative; width: 13px; margin-right: 10px; display: inline-block; vertical-align: middle; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .history-one.mobile .history-one__back .history-one__arrow::before { content: ""; display: block; padding-top: 50%; } .history-one.mobile .history-one__back .history-one__arrow div { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .history-one.mobile .history-one__back .history-one__arrow div::before { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; left: 0; background-color: #D2D2D9; -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); transform: rotate(-42deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .history-one.mobile .history-one__back .history-one__arrow div::after { content: ""; width: 70%; height: 14%; display: block; position: absolute; bottom: 0; right: 0; background-color: #D2D2D9; -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .history-one.mobile .history-one__back p { display: inline-block; vertical-align: middle; color: #D2D2D9; } .history-one.mobile .history-one__common { padding: 0 24px; } .history-one.mobile .history-one__common .history-one__heading { padding-top: 11px; margin-bottom: 20px; } .history-one.mobile .history-one__common .history-one__heading img { width: 60px; margin-right: 20px; display: inline-block; vertical-align: middle; } .history-one.mobile .history-one__common .history-one__heading h2 { display: inline-block; vertical-align: middle; } .history-one.mobile .history-one__common .history-one__content .history-one__item_col { margin-bottom: 18px; } .history-one.mobile .history-one__common .history-one__content .history-one__item_col div:first-child { margin-bottom: 12px; } .history-one.mobile .history-one__common .history-one__content .history-one__item_col div:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .history-one.mobile .history-one__common .history-one__content .history-one__item_col div:last-child img { width: 60px; height: 60px; display: block; } .history-one.mobile .history-one__common .history-one__content .history-one__item_col div:last-child p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 12px; } .history-one.mobile .history-one__common .history-one__content .history-one__item_row { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .history-one.mobile .history-one__common .history-one__content .history-one__item div:first-child { color: #D2D2D9; font-size: 20px; } .history-one.mobile .history-one__common .history-one__content .history-one__item p { color: #7B8098; line-height: 28px; } .history-one.mobile .history-one__common .history-one__copy, .history-one.mobile .history-one__common .history-one__retrieve, .history-one.mobile .history-one__common .history-one__send { margin-bottom: 40px; } .history-one.mobile .history-one__common .history-one__copy button, .history-one.mobile .history-one__common .history-one__retrieve button, .history-one.mobile .history-one__common .history-one__send button { padding: 10px 0 8px 0; } .history-one.mobile .history-one__common .history-one__support h4 { margin-bottom: 12px; } .history-one.mobile .history-one__common .history-one__support a { display: block; } } .profile header { padding-top: 16px; padding-bottom: 16px; background-color: #26253D; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .profile header .profile__img { width: 72px; height: 72px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 70px; } @media (max-width: 370px) { .profile header .profile__img { width: 52px; height: 52px; } } .profile header .profile__info { width: 80px; padding-bottom: 5px; } .profile header .profile__info p { color: #7B8098; } .profile header .profile__info p:first-child { width: 100%; margin-bottom: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 24px; } .profile header .profile__info p:last-child { font-size: 14px; } .profile header .profile__date { width: 120px; } .profile header .profile__date p { font-size: 14px; color: #7B8098; } .profile .profile__content { padding-top: 60px; padding-bottom: 60px; background-color: #201F36; } .profile .profile__content .profile__currency-switch p { font-family: "Fira Sans", sans-serif; font-weight: 300; color: #B0B3CA; line-height: 24px; } .profile .profile__content__unauth { padding: 50px 0; text-align: center; } .profile .profile__content__unauth p { color: #7B8098; } .profile .profile__content__unauth a { margin: 18px 0; padding: 10px 35px; width: auto; display: inline-block; } .game-main { padding-bottom: 60px; position: relative; overflow: hidden; background-color: #201F36; background-image: url("../themes/site/assets/img/game/main-bg.png"); background-position: center top; background-repeat: no-repeat; background-size: cover; min-height: calc(100vh - 284px); } .game-main header.game-main__heading { width: 100%; height: 66px; padding: 5px 0; background-size: contain; } .game-main .game-main__heading-ru { background: url("../themes/site/assets/img/game/101-logo-ru@2x.png") center no-repeat; } .game-main .game-main__heading-en { background: url("../themes/site/assets/img/game/101-logo-en@2x.png") center no-repeat; } .game-main section.game-main__common { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 24px; } .game-main section.game-main__common article.game-card { width: 327px; height: 134px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 6px; border: 1px solid #7777B4; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; margin-bottom: 10px; cursor: pointer; background-position: right top; background-size: auto 100%; position: relative; background-repeat: no-repeat; } .game-main section.game-main__common article.game-card:last-child { margin-bottom: 0; } .game-main section.game-main__common article.game-card:hover, .game-main section.game-main__common article.game-card:active { opacity: 0.7; } .game-main section.game-main__common article.game-card .game-card-logo { width: 100%; max-width: 95px; max-height: 67px; margin: 32px 20px; background-size: contain; background-repeat: no-repeat; background-position: center; } .game-main section.game-main__common article.game-card a { width: 100%; height: 100%; position: absolute; display: inline-block; } @media only screen and (min-width: 1024px) { .game-main { max-width: 954px; background: none; } .game-main section.game-main__common { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width: 1366px) { .game-main { max-width: 993px; } .footers { font-size: 12px; } } @media only screen and (min-width: 1920px) { .game-main { max-width: 1368px; } } @media only screen and (max-width: 1023px) { .game-main section.game-main__common { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .fancybox-bg { background: rgba(13, 0, 26, 0.95); } .fancybox-button--close, .fancybox-close-small { display: none; } .close { position: absolute; top: 0; right: 0; cursor: pointer; -webkit-transition: 100ms; transition: 100ms; z-index: 2; background: none; width: 36px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .close #btn_close { fill: #9E9AB8; } .close:hover #btn_close { fill: #eeeeee; } .ghost-billing { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 1000; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ghost-billing.show { display: -webkit-box; display: -ms-flexbox; display: flex; } .ghost-billing__overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: black; opacity: 0.6; } .ghost-billing__popup { position: relative; z-index: 3; background: #201f36; width: 50%; height: 50%; max-width: 910px; min-width: 680px; min-height: 600px; overflow-y: auto; } .ghost-billing__popup::-webkit-scrollbar { width: 12px; } .ghost-billing__popup::-webkit-scrollbar-thumb { background-color: #717bbc; border-left: 4px #201f36 solid; border-right: 4px #201f36 solid; } .ghost-billing__popup .header { height: 48px; background: #35335a; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ghost-billing__popup .header__logo { height: 30px; } .ghost-billing__popup .header__title { color: #717bbc; font-size: 14px; } .ghost-billing__popup .header__btn { margin-left: 65px; } .ghost-billing__popup .header__btn svg { width: 20px; height: 20px; } .ghost-billing__popup .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px; padding-bottom: 0; color: #7b8098; } .ghost-billing__popup .field { margin-bottom: 10px; } .ghost-billing__popup .field__text { display: inline; font-weight: normal; margin: 0; } .ghost-billing__popup .field__input { width: 100%; max-width: 100px; display: inline; text-align: center; color: #ffffff; font-size: 14px; padding: 9px 20px; border: 1px solid transparent; border-radius: 4px; background-color: rgba(255, 255, 255, 0.2); outline: none; } .ghost-billing__popup .field__input:disabled { color: rgba(255, 255, 255, 0.5); } .ghost-billing__popup .field-is-test .field__input { max-width: 30px; } .ghost-billing__popup .buttons-block { margin: 0 20px 20px 20px; } .ghost-billing__popup .btn-item { font-size: 18px; padding: 9px 20px; color: rgba(255, 255, 255, 0.9); margin-right: 20px; margin-top: 20px; } .ghost-billing__popup .btn-item:last-of-type { margin-right: 0; } .ghost-billing__popup .btn-item:hover, .ghost-billing__popup .btn-item:active { opacity: 0.8; } .ghost-billing__popup .btn-item:disabled { opacity: 0.5; pointer-events: none; } .ghost-billing__popup #purchase-btn { background-color: rgba(78, 167, 131, 0.9); border: 1px solid rgba(78, 167, 131, 0.9); } .ghost-billing__popup #fatal-purchase-btn { border: 1px solid rgba(255, 255, 255, 0.9); } .ghost-billing__popup #resend-purchase-btn { border: 1px solid rgba(255, 255, 255, 0.9); } .ghost-billing__popup .response-info { padding: 20px; } .ghost-billing__popup .response-info__text { padding: 20px 50px 20px 20px; border-radius: 4px; -webkit-box-shadow: 0 0 0 1px #45446f inset; box-shadow: 0 0 0 1px #45446f inset; text-align: center; overflow-wrap: break-word; position: relative; } .ghost-billing__popup .response-info__text:before { content: ""; position: absolute; right: 20px; top: 20px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM12.602 18H9.75L11.0726 9.62182H13.9246L12.602 18ZM14.2346 7.37455C14.1209 8.12727 13.3976 8.74909 12.6226 8.74909C11.8476 8.74909 11.3 8.12727 11.424 7.37455C11.548 6.61091 12.2713 6 13.0463 6C13.8213 6 14.3483 6.61091 14.2346 7.37455Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } .ghost-billing__popup .response-info__text.success { color: #4FB278; } .ghost-billing__popup .response-info__text.error { color: #B93750; } body::-webkit-scrollbar { width: 0.25rem; } body::-webkit-scrollbar-track { background: #1e1e24; } body::-webkit-scrollbar-thumb { background: #6649b8; } .xpaystation-widget-lightbox-spinner { width: 3.75rem; } .pay-widget .overlay { z-index: 111111; } .pay-widget .container { z-index: 111112; } .iFrameRobokassa { z-index: 2147483647; position: fixed; width: 800px; height: 670px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: -webkit-gradient(linear, left bottom, left top, from(#23233a), color-stop(83%, #2a2a49), to(#23233a)); background-image: linear-gradient(to top, #23233a, #2a2a49 83%, #23233a); -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.5); border-radius: 0.375rem; } @media only screen and (max-width: 1300px) { .iFrameRobokassa { width: 100%; height: 100%; } } .iFrameRobokassa-close-btn { background-image: url(../themes/site/assets/img/btn_close_colored.svg); background-repeat: no-repeat; background-size: 1.5rem; position: absolute; cursor: pointer; color: #9e9ab8; -webkit-transition: color 150ms ease-in; transition: color 150ms ease-in; top: -35px; right: 0; width: 1.5rem; height: 1.5rem; } .iFrameRobokassa-background { z-index: 2147483646; background-color: rgba(28, 27, 47, 0.85); position: fixed; top: 0; left: 0; min-width: 100%; min-height: 100%; cursor: pointer; } body.oc-loading, body.oc-loading * {cursor:wait !important} .stripe-loading-indicator {height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000} .stripe-loading-indicator .stripe, .stripe-loading-indicator .stripe-loaded {height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF} .stripe-loading-indicator .stripe {width:100%;-webkit-animation:oc-infinite-loader 60s linear;animation:oc-infinite-loader 60s linear} .stripe-loading-indicator .stripe-loaded {width:100%;transform:translate3d(-100%,0,0);opacity:0;filter:alpha(opacity=0)} .stripe-loading-indicator.loaded {opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s} .stripe-loading-indicator.loaded .stripe {animation-play-state:paused} .stripe-loading-indicator.loaded .stripe-loaded {opacity:1;filter:alpha(opacity=100);transform:translate3d(0,0,0);-webkit-transition:transform 0.3s linear;transition:transform 0.3s linear} .stripe-loading-indicator.hide {display:none} body >p.flash-message {position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0 rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} body >p.flash-message.fade {opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)} body >p.flash-message.fade.in {opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} body >p.flash-message.success {background:#8da85e} body >p.flash-message.error {background:#c30} body >p.flash-message.warning {background:#f0ad4e} body >p.flash-message.info {background:#5fb6f5} body >p.flash-message button.close {float:none;position:absolute;right:10px;top:8px;color:white;font-size:21px;line-height:1;font-weight:bold;opacity:0.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;outline:none} body >p.flash-message button.close:hover, body >p.flash-message button.close:focus {color:white;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)} @media (max-width:768px) {body >p.flash-message {left:10px;right:10px;top:10px;margin-left:0;width:auto }} [data-request][data-request-validate] [data-validate-for]:not(.visible), [data-request][data-request-validate] [data-validate-error]:not(.visible) {display:none} a.oc-loading:after, button.oc-loading:after, span.oc-loading:after {content:'';display:inline-block;vertical-align:middle;margin-left:.4em;height:1em;width:1em;animation:oc-rotate-loader 0.8s infinite linear;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:0.5;filter:alpha(opacity=50)} @-moz-keyframes oc-rotate-loader {0% {-moz-transform:rotate(0deg) }100% {-moz-transform:rotate(360deg) }} @-webkit-keyframes oc-rotate-loader {0% {-webkit-transform:rotate(0deg) }100% {-webkit-transform:rotate(360deg) }} @-o-keyframes oc-rotate-loader {0% {-o-transform:rotate(0deg) }100% {-o-transform:rotate(360deg) }} @-ms-keyframes oc-rotate-loader {0% {-ms-transform:rotate(0deg) }100% {-ms-transform:rotate(360deg) }} @keyframes oc-rotate-loader {0% {transform:rotate(0deg) }100% {transform:rotate(360deg) }} @-moz-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-webkit-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-o-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @-ms-keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }} @keyframes oc-infinite-loader {0% {transform:translateX(-100%) }10% {transform:translateX(-50%) }20% {transform:translateX(-25%) }30% {transform:translateX(-12.5%) }40% {transform:translateX(-6.25%) }50% {transform:translateX(-3.125%) }60% {transform:translateX(-1.5625%) }70% {transform:translateX(-0.78125%) }80% {transform:translateX(-0.390625%) }90% {transform:translateX(-0.1953125%) }100% {transform:translateX(-0.09765625%) }}