.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-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnMK7uQQ.ttf) format('truetype'); } @font-face { font-family: 'Fira Sans'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/firasans/v17/va9B4kDNxMZdWfMOD5VnFK_uQQ.ttf) format('truetype'); } @font-face { font-family: 'Spectral SC'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/spectralsc/v14/Ktk0ALCRZonmalTgyPmRfs0OwUTX.ttf) format('truetype'); } @font-face { font-family: 'Spectral SC'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/spectralsc/v14/KtkpALCRZonmalTgyPmRfvWi.ttf) format('truetype'); } @font-face { font-family: 'Spectral SC'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/spectralsc/v14/Ktk0ALCRZonmalTgyPmRfs16x0TX.ttf) format('truetype'); } @font-face { font-family: 'Spectral SC'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/spectralsc/v14/Ktk0ALCRZonmalTgyPmRfs0exkTX.ttf) format('truetype'); } /*! ======================================================= VERSION 10.0.0 ========================================================= */ /*! ========================================================= * bootstrap-slider.js * * Maintainers: * Kyle Kemp * - Twitter: @seiyria * - Github: seiyria * Rohit Kalkur * - Twitter: @Rovolutionary * - Github: rovolution * * ========================================================= * * bootstrap-slider is released under the MIT License * Copyright (c) 2017 Kyle Kemp, Rohit Kalkur, and contributors * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, * copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the * Software is furnished to do so, subject to the following * conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR * OTHER DEALINGS IN THE SOFTWARE. * * ========================================================= */.slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:210px;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection,.slider.slider-horizontal .slider-track-low,.slider.slider-horizontal .slider-track-high{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-tick,.slider.slider-horizontal .slider-handle{margin-left:-10px}.slider.slider-horizontal .slider-tick.triangle,.slider.slider-horizontal .slider-handle.triangle{position:relative;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);border-width:0 10px 10px 10px;width:0;height:0;border-bottom-color:#2e6da4;margin-top:0}.slider.slider-horizontal .slider-tick-container{white-space:nowrap;position:absolute;top:0;left:0;width:100%}.slider.slider-horizontal .slider-tick-label-container{white-space:nowrap;margin-top:20px}.slider.slider-horizontal .slider-tick-label-container .slider-tick-label{padding-top:4px;display:inline-block;text-align:center}.slider.slider-horizontal .tooltip{-ms-transform:translateX(-50%);transform:translateX(-50%)}.slider.slider-horizontal.slider-rtl .slider-track{left:initial;right:0}.slider.slider-horizontal.slider-rtl .slider-tick,.slider.slider-horizontal.slider-rtl .slider-handle{margin-left:initial;margin-right:-10px}.slider.slider-horizontal.slider-rtl .slider-tick-container{left:initial;right:0}.slider.slider-horizontal.slider-rtl .tooltip{-ms-transform:translateX(50%);transform:translateX(50%)}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;left:25%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-track-low,.slider.slider-vertical .slider-track-high{width:100%;left:0;right:0}.slider.slider-vertical .slider-tick,.slider.slider-vertical .slider-handle{margin-top:-10px}.slider.slider-vertical .slider-tick.triangle,.slider.slider-vertical .slider-handle.triangle{border-width:10px 0 10px 10px;width:1px;height:1px;border-left-color:#2e6da4;border-right-color:#2e6da4;margin-left:0;margin-right:0}.slider.slider-vertical .slider-tick-label-container{white-space:nowrap}.slider.slider-vertical .slider-tick-label-container .slider-tick-label{padding-left:4px}.slider.slider-vertical .tooltip{-ms-transform:translateY(-50%);transform:translateY(-50%)}.slider.slider-vertical.slider-rtl .slider-track{left:initial;right:25%}.slider.slider-vertical.slider-rtl .slider-selection{left:initial;right:0}.slider.slider-vertical.slider-rtl .slider-tick.triangle,.slider.slider-vertical.slider-rtl .slider-handle.triangle{border-width:10px 10px 10px 0}.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label{padding-left:initial;padding-right:4px}.slider.slider-disabled .slider-handle{background-image:-webkit-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:-o-linear-gradient(top,#dfdfdf 0,#bebebe 100%);background-image:linear-gradient(to bottom,#dfdfdf 0,#bebebe 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0)}.slider.slider-disabled .slider-track{background-image:-webkit-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:-o-linear-gradient(top,#e5e5e5 0,#e9e9e9 100%);background-image:linear-gradient(to bottom,#e5e5e5 0,#e9e9e9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0);cursor:not-allowed}.slider input{display:none}.slider .tooltip.top{margin-top:-36px}.slider .tooltip-inner{white-space:nowrap;max-width:none}.slider .hide{display:none}.slider-track{position:absolute;cursor:pointer;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#f9f9f9 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#f9f9f9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);border-radius:4px}.slider-selection{position:absolute;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-selection.tick-slider-selection{background-image:-webkit-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:-o-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:linear-gradient(to bottom,#8ac1ef 0,#82b3de 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0)}.slider-track-low,.slider-track-high{position:absolute;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:4px}.slider-handle{position:absolute;top:0;width:20px;height:20px;background-color:#337ab7;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7',endColorstr='#ff2e6da4',GradientType=0);filter:none;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);border:0 solid transparent}.slider-handle.round{border-radius:50%}.slider-handle.triangle{background:transparent none}.slider-handle.custom{background:transparent none}.slider-handle.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick{position:absolute;width:20px;height:20px;background-image:-webkit-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#f9f9f9 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#f9f9f9 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;filter:none;opacity:.8;border:0 solid transparent}.slider-tick.round{border-radius:50%}.slider-tick.triangle{background:transparent none}.slider-tick.custom{background:transparent none}.slider-tick.custom::before{line-height:20px;font-size:20px;content:'\2605';color:#726204}.slider-tick.in-selection{background-image:-webkit-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:-o-linear-gradient(top,#8ac1ef 0,#82b3de 100%);background-image:linear-gradient(to bottom,#8ac1ef 0,#82b3de 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0);opacity:1} @charset "UTF-8"; /*! * 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; } /*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type=search] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } h2 { color: #eeeeee; font-size: 2rem; font-family: "Spectral SC", serif; font-weight: 600; } h1 { color: #eeeeee; font-size: 3.375rem; font-family: "Spectral SC", serif; font-weight: 700; line-height: 1; } p { color: #eeeeee; margin: 0 0 0.6em; word-wrap: break-word; overflow-wrap: break-word; font-family: "Fira Sans", sans-serif; line-height: 1.37; } a { color: #eeeeee; text-decoration: none; -webkit-transition: color 150ms ease; transition: color 150ms ease; font-family: "Fira Sans", sans-serif; } a:active, a:focus, a:hover { color: #b3b3b3; } hr { border-bottom: 1px solid #818080; border-left: 0; border-right: 0; border-top: 0; margin: 1.5em 0; } 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); } } fieldset { background-color: transparent; border: 0; margin: 0; padding: 0; } legend { font-weight: 600; margin-bottom: 0.3em; padding: 0; } label { display: block; font-weight: 600; margin-bottom: 0.3em; } input, select, textarea { display: block; font-family: "Fira Sans", sans-serif; font-size: 14px; } input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], input:not([type]), textarea, select[multiple] { background-color: #052232; border: 1px solid #818080; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.6em; padding: 0.5em; -webkit-transition: border-color 150ms ease; transition: border-color 150ms ease; width: 100%; } input[type=color]:hover, input[type=date]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=email]:hover, input[type=month]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, input:not([type]):hover, textarea:hover, select[multiple]:hover { border-color: #676666; } input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input:not([type]):focus, textarea:focus, select[multiple]:focus { border-color: #eeeeee; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(225, 225, 225, 0.7); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(225, 225, 225, 0.7); outline: none; } input[type=color]:disabled, input[type=date]:disabled, input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=email]:disabled, input[type=month]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=tel]:disabled, input[type=text]:disabled, input[type=time]:disabled, input[type=url]:disabled, input[type=week]:disabled, input:not([type]):disabled, textarea:disabled, select[multiple]:disabled { background-color: #052030; cursor: not-allowed; } input[type=color]:disabled:hover, input[type=date]:disabled:hover, input[type=datetime]:disabled:hover, input[type=datetime-local]:disabled:hover, input[type=email]:disabled:hover, input[type=month]:disabled:hover, input[type=number]:disabled:hover, input[type=password]:disabled:hover, input[type=search]:disabled:hover, input[type=tel]:disabled:hover, input[type=text]:disabled:hover, input[type=time]:disabled:hover, input[type=url]:disabled:hover, input[type=week]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover, select[multiple]:disabled:hover { border: 1px solid #818080; } textarea { resize: vertical; } [type=search] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type=checkbox], [type=radio] { display: inline; margin-right: 0.3em; } [type=file] { margin-bottom: 0.6em; width: 100%; } select { margin-bottom: 0.6em; max-width: 100%; width: auto; } ul, ol { list-style-type: none; margin: 0; padding: 0; } dl { margin: 0; } dt { font-weight: 600; margin: 0; } dd { margin: 0; } figure { margin: 0; } img, picture { margin: 0; max-width: 100%; } table { border-collapse: collapse; margin: 0.6em 0; table-layout: fixed; width: 100%; } th { border-bottom: 1px solid #818080; font-weight: 600; padding: 0.6em 0; text-align: left; } td { border-bottom: 1px solid #616060; padding: 0.6em 0; } tr, td, th { vertical-align: middle; } /* ellipsis plugin styles */ .ellip { display: block; height: 100%; } .ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; } .ellip, .ellip-line { position: relative; overflow: hidden; max-width: 100%; } /*.timer-wrapper { position: relative; width: 100%; text-align: center; bottom: 25px; }*/ /*.timer-block { padding: 4px 19px 4px 16px; font-size: $base-font-size; font-family: $base-font-family; z-index: 1; display: inline-block; width: 144px; height: 55px; background: url(../img/timer-bg@2x.png) no-repeat; background-size: contain; span { text-shadow: 3px 0px 9px #927bcc; } }*/ .block-content { width: 100%; max-width: 1370px; margin: 0 auto; } @media only screen and (max-width: 1390px) { .block-content { max-width: 1152px; } } @media only screen and (max-width: 1200px) { .block-content { max-width: 948px; } } @media only screen and (max-width: 968px) { .block-content { max-width: 672px; } } @media only screen and (max-width: 690px) { .block-content { max-width: 327px; } } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-BoldItalic.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-Black.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-ExtraLightBETA.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-ExtraLightBETA.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-ThinBETA.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-ThinBETA.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-SemiBoldItalic.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-SemiBoldItalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-ThinItalicBETA.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-ThinItalicBETA.woff") format("woff"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-Italic.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-MediumItalic.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-SemiBold.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-ExtraBoldItalic.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-ExtraBoldItalic.woff") format("woff"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-Bold.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-Regular.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/InterUI-BlackItalic.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/InterUI-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-LightItalicBETA.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-LightItalicBETA.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-LightBETA.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-LightBETA.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-Medium.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-ExtraLightItalicBETA.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-ExtraLightItalicBETA.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Inter"; src: url("/themes/site/assets/fonts/inter/Inter-ExtraBold.woff2") format("woff2"), url("/themes/site/assets/fonts/inter/Inter-ExtraBold.woff") format("woff"); font-weight: 800; font-style: normal; font-display: swap; } .top_navbar { position: fixed; width: 100%; z-index: 10; } .top_bar { position: relative; width: 100%; z-index: 1; background: rgba(0, 0, 0, 0.7); } .top_bar .menu { height: inherit; float: left; display: inline-block; position: relative; } .top_bar .menu li { display: inline-block; color: #eeeeee; padding-right: 11px; } .top_bar .menu li a p { display: inline; } .top_bar .menu li:after { margin-left: 10px; top: 6px; content: ""; display: inline-block; position: relative; height: 24px; width: 1px; background: #eeeeee; } /*disable on touch devices*/ @media only screen and (max-width: 968px) { .page-mainpage .tippy-popper { display: none; } } .tippy-touch .tippy-popper { display: none; } /*basic styles*/ .tippy-tooltip { padding: 20px; border-radius: 8px; background: -webkit-gradient(linear, left bottom, left top, from(#32296a), to(#282349)); background: linear-gradient(360deg, #32296a 0%, #282349 100%); -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); } .tippy-tooltip .tooltip__heading { text-align: left; } .tippy-tooltip .tooltip__heading h3 { color: #D2D2D9; font-size: 18px; font-weight: 400; line-height: 22px; margin-top: 0; } .tippy-tooltip .tooltip__heading p { color: #afafaf; font-size: 14px; line-height: 20px; margin: 0; } .tippy-tooltip ul { margin-top: 8px; } .tippy-tooltip ul li { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; } .tippy-tooltip ul li:last-of-type { margin-bottom: 0; } .tippy-tooltip ul li .tooltip__rarity { width: 8px; height: 8px; margin-right: 12px; border-radius: 10px; } .tippy-tooltip ul li p { color: #afafaf; font-size: 14px; margin: 0; } .tippy-popper[data-html] { max-width: 350px; } .tippy-backdrop { background-color: transparent; } /*boxhint theme*/ @-webkit-keyframes notEnoughBg { from { background: rgba(43, 39, 76, 0.96); } 50% { background: rgba(33, 30, 57, 0.96); } to { background: rgba(43, 39, 76, 0.96); } } @keyframes notEnoughBg { from { background: rgba(43, 39, 76, 0.96); } 50% { background: rgba(33, 30, 57, 0.96); } to { background: rgba(43, 39, 76, 0.96); } } .tippy-tooltip.boxhint-theme.animate { -webkit-animation: notEnoughBg 0.6s 1 linear; animation: notEnoughBg 0.6s 1 linear; } /*rarehint theme*/ .tippy-tooltip.rarehint-theme p, .tippy-tooltip.rarehint-theme div { color: #afafaf; font-size: 14px; line-height: 20px; margin: 0; } .tippy-tooltip.rarehint-theme .item-tooltip__heading { color: #D2D2D9; font-size: 18px; font-weight: 400; line-height: 22px; margin-top: 0; margin-bottom: 10px; } /*myitems and winnings themes*/ .tippy-tooltip.myitemhint-theme, .tippy-tooltip.winningshint-theme { color: #afafaf; } .tippy-tooltip.myitemhint-theme .item-tooltip, .tippy-tooltip.winningshint-theme .item-tooltip { font-family: "Fira Sans", sans-serif; font-size: 14px; color: #afafaf; } .tippy-tooltip.myitemhint-theme .item-tooltip .item-tooltip__heading, .tippy-tooltip.winningshint-theme .item-tooltip .item-tooltip__heading { margin-bottom: 10px; color: #c6c6c6; font-size: 15px; font-weight: bold; text-align: center; } .tippy-tooltip.myitemhint-theme .tippy-content, .tippy-tooltip.winningshint-theme .tippy-content { padding: 10px; max-width: 300px; } /*bonus-system theme*/ .tippy-tooltip.bonushint-theme { width: 300px; padding: 17px; color: #afafaf; background: rgba(43, 39, 76, 0.96) !important; } @keyframes notEnoughBg { from { background: rgba(43, 39, 76, 0.96); } 50% { background: rgba(33, 30, 57, 0.96); } to { background: rgba(43, 39, 76, 0.96); } } .tippy-tooltip.bonushint-theme.animate { -webkit-animation: notEnoughBg 0.6s 1 linear; animation: notEnoughBg 0.6s 1 linear; } .tippy-tooltip.bonushint-theme .tippy-arrow { display: none; } .tippy-tooltip.bonushint-theme .bonus-item__title { margin-bottom: 20px; font-size: 16px; font-weight: 500; } .tippy-tooltip.bonushint-theme .bonus-item__img { width: 75px; height: 75px; margin: 0 auto 20px auto; position: relative; } .tippy-tooltip.bonushint-theme .bonus-item__img .bonus-item__rarity { width: 7px; height: 7px; position: absolute; top: 0; left: 0; border-radius: 10px; z-index: 1; } .tippy-tooltip.bonushint-theme .bonus-item__img img { width: 100%; } .tippy-tooltip.bonushint-theme .bonus-item__desc { margin-bottom: 17px; } .tippy-tooltip.bonushint-theme .bonus-item__data { margin-bottom: 45px; } .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__prise { float: left; display: inline-block; vertical-align: middle; } .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__prise img { width: 15px; height: 15px; border-radius: 30px; display: inline-block; vertical-align: middle; } .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__prise span { font-size: 18px; display: inline-block; vertical-align: middle; color: #00c080; } .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__status { float: right; display: inline-block; vertical-align: middle; padding-top: 3px; position: relative; } .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__status .bonus-item__status-false, .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__status .bonus-item__status-true { display: none; } .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__status .bonus-item__status-false.active, .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__status .bonus-item__status-true.active { display: block; } .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__status .bonus-item__status-true { position: relative; color: #00c080; z-index: 2; } .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__status .bonus-item__status-true::before { width: 100%; height: 0; position: absolute; top: 50%; left: 0; content: ""; box-shadow: -1px 0px 34px 2px rgba(0, 192, 128, 0.81); -webkit-box-shadow: -1px 0px 34px 2px rgba(0, 192, 128, 0.81); -moz-box-shadow: -1px 0px 34px 2px rgba(0, 192, 128, 0.81); } .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__status .bonus-item__status-false { color: #c53838; position: relative; z-index: 2; } .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__status .bonus-item__status-shadow { content: ""; width: 100%; height: 0; position: absolute; top: calc(50% + 2px); left: 0; z-index: 1; -webkit-box-shadow: 0px 0px 25px 6px #C53838; box-shadow: 0px 0px 25px 6px #C53838; opacity: 0; } @-webkit-keyframes notEnoughStatus { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } @keyframes notEnoughStatus { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .tippy-tooltip.bonushint-theme .bonus-item__data .bonus-item__status .bonus-item__status-shadow.animate { -webkit-animation: notEnoughStatus 0.6s 1 linear; animation: notEnoughStatus 0.6s 1 linear; } .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; font-size: 16px; } .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); } .disabled-onepage-scroll { overflow: hidden; } .menu-top { width: 100%; z-index: 99; position: absolute; top: 40px; } .main-header { width: 100%; min-width: 1200px; position: relative; top: 0; z-index: 12; background: -webkit-gradient(linear, left top, right top, from(#32296A), to(#282349)); background: linear-gradient(90deg, #32296A 0%, #282349 100%); } .main-header .main-header__wrap { width: 98%; height: 100%; max-width: 1370px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .main-header .main-header__list ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .main-header .main-header__list ul li { position: relative; padding: 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; } .main-header .main-header__list ul li a { cursor: pointer; text-transform: uppercase; text-decoration: none; border-radius: 1px; -webkit-transition: 100ms; transition: 100ms; } .main-header .main-header__list ul li a p { margin: 0; font-family: "Fira Sans", sans-serif; font-size: 18px; color: #D2D2D9; line-height: 40px; -webkit-transition: 100ms; transition: 100ms; } .main-header .main-header__list ul li.mobile-visible { display: none; } .main-header .main-header__list ul .menu-item-has-children { position: relative; padding-right: 32px; } .main-header .main-header__list ul .menu-item-has-children .menu-item:after { content: none; } .main-header .main-header__list ul .menu-item-has-children > .menu-title p { position: relative; } .main-header .main-header__list ul .menu-item-has-children > .menu-title p:after { width: 10px; height: 100%; position: absolute; top: 0; right: -17px; content: ""; background: url(../themes/site/assets/img/arrow_next.svg) no-repeat center; background-size: 60%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: 100ms; transition: 100ms; opacity: 0.5; } .main-header .main-header__list ul .menu-item-has-children > .menu-children { width: -webkit-max-content; width: -moz-max-content; width: max-content; min-width: calc(100% + 17px); height: auto; position: absolute; left: 0; top: 40px; display: none; background: -webkit-gradient(linear, left bottom, left top, from(#32296A), to(#282349)); background: linear-gradient(360deg, #32296A 0%, #282349 100%); border: 1px solid #604D92; border-radius: 0px 0px 8px 8px; } .main-header .main-header__list ul .menu-item-has-children > .menu-children > .menu-item { position: relative; display: block; } .main-header .main-header__list ul .menu-item-has-children > .menu-children > .menu-item .menu-title p { font-size: 14px; } .main-header .main-header__list ul .menu-item-has-children > .menu-children > .menu-item .menu-title p:hover { color: #604D92; } .main-header .main-header__list ul .menu-item-has-children > .menu-children > .menu-item .menu-title p:active { color: rgba(96, 77, 146, 0.35); } .main-header .main-header__list ul .menu-item-has-children > .menu-children > .menu-item > .menu-children { position: absolute; left: 100%; top: -1px; } .main-header .main-header__list ul .menu-item-has-children:hover > .menu-title p { position: relative; } .main-header .main-header__list ul .menu-item-has-children:hover > .menu-title p:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .main-header .main-header__list ul .menu-item-has-children:hover > .menu-children { display: block; } body.disable-scroll-on-opened-menu { overflow: hidden; } @media only screen and (orientation: landscape) { body.disable-scroll-on-opened-menu { overflow: auto; } } .page-mainpage .main-hidden { display: none; } .mobile-visible { display: none; } .hamburger-menu { width: 100%; padding: 0; position: relative; z-index: 99; display: none; } .hamburger-menu .header-body { width: 100%; height: 48px; position: relative; z-index: 11; background-color: #313150; } .hamburger-menu .header-body .block-content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .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: 50%; position: fixed; height: 100%; top: 0; right: 0; z-index: 10; top: -100%; -webkit-transition: top 200ms; transition: top 200ms; background-color: #25243d; overflow-y: auto; 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; } @media only screen and (max-width: 690px) { .hamburger-menu nav { width: 100%; } } .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; } @media only screen and (max-width: 1200px) { .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; } .main-footer { width: 100%; background: #212036; font-family: "Fira Sans", sans-serif; font-size: 0.875rem; } .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 (max-width: 1200px) { .page-shop .main-footer .block-content { max-width: 1152px; } .page-mainpage .main-footer a { line-height: 20px; } .page-mainpage .main-footer .main-footer__nav-top { padding-bottom: 24px; height: auto; } .page-mainpage .main-footer .main-footer__nav-top ul { width: 672px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-mainpage .main-footer .main-footer__nav-top ul li, .page-mainpage .main-footer .main-footer__nav-top ul li:last-child { width: 46%; margin: 26px 24px 0 0; } .page-mainpage .main-footer .main-footer__nav-btm { display: none; } .page-mainpage .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-mainpage .main-footer .main-footer__mobile-nav-btm .article-left { width: 48%; } .page-mainpage .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-mainpage .main-footer .main-footer__mobile-nav-btm .article-right { width: 40%; } .page-mainpage .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-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul { display: inline-block; } .page-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .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; } .page-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:last-child { margin-right: 0; } .page-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:hover { border: 1px solid #837FFF; } .page-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials ul li:hover a i { color: #837FFF; } .page-mainpage .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-mainpage .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-mainpage .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-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright { margin-top: 22px; } .page-mainpage .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-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright > span { width: 24px; height: 24px; display: inline-block; color: #7777B4; border: 1px solid #7777B4; border-radius: 24px; text-align: center; } .page-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright > span span { display: inline-block; font-size: 12px; } } @media only screen and (max-width: 968px) { .page-mainpage .main-footer .main-footer__mobile-nav-btm .article-left { width: 100%; } .page-mainpage .main-footer .main-footer__mobile-nav-btm .article-right { width: 100%; margin-top: 24px; 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: start; -ms-flex-pack: start; justify-content: flex-start; } .page-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials { width: 50%; } .page-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright { margin-top: 0; width: 50%; } } @media only screen and (max-width: 690px) { .page-mainpage .main-footer .main-footer__nav-top ul { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-mainpage .main-footer .main-footer__nav-top ul li, .page-mainpage .main-footer .main-footer__nav-top ul li:last-child { width: 100%; } .page-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__socials { width: 100%; } .page-mainpage .main-footer .main-footer__mobile-nav-btm .article-right .common-footer__copyright { margin-top: 34px; width: 100%; } } @media only screen and (max-width: 350px) { .page-mainpage .main-footer .main-footer__wrap { padding: 0 20px; } } .fancybox-content { padding: 0; background: none; } .rb-inner__block { width: 520px; max-height: calc(100vh - 110px); font-family: "Fira Sans", sans-serif; font-size: 14px; z-index: 51; position: relative; } @media only screen and (max-width: 690px) { .rb-inner__block { width: calc(100vw - 60px); min-width: 320px; font-size: 14px; } } @media only screen and (max-width: 340px) { .rb-inner__block { width: calc(100vw - 20px); min-width: 300px; } } @media screen and (max-height: 690px) and (orientation: landscape) { .rb-inner__block { max-height: calc(100vh - 50px); } } .rb-inner__block .rb-inner__wrap { position: relative; width: 100%; height: 100%; margin: 0 auto; border-radius: 8px; } .rb-inner__block .rb-inner__top { height: 202px; padding-top: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-box-shadow: 0px -12px 64px 10px rgba(0, 0, 0, 0.75); box-shadow: 0px -12px 64px 10px rgba(0, 0, 0, 0.75); position: relative; z-index: 1; } @media only screen and (max-width: 375px), screen and (max-height: 690px) and (orientation: landscape) { .rb-inner__block .rb-inner__top { background: #2a2750 !important; -webkit-box-shadow: none; box-shadow: none; height: auto; padding-top: 20px; } } .rb-inner__block .rb-inner__top .rb-inner__heading { width: 100%; font-family: "Fira Sans", sans-serif; font-size: 18px; color: #eeeeee; text-align: center; } @media only screen and (max-width: 690px) { .rb-inner__block .rb-inner__top .rb-inner__heading { font-size: 16px; } } .rb-inner__block .rb-inner__top .rb-inner__product-img { margin: 0 auto; text-align: center; position: relative; } .rb-inner__block .rb-inner__top .rb-inner__product-img img { max-width: 100%; width: 125px; } @media only screen and (max-width: 375px), screen and (max-height: 690px) and (orientation: landscape) { .rb-inner__block .rb-inner__top .rb-inner__product-img img { display: none; } } .rb-inner__block .rb-inner__top .rb-inner__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; } @media only screen and (max-width: 375px), screen and (max-height: 690px) and (orientation: landscape) { .rb-inner__block .rb-inner__top .rb-inner__tags { position: relative; } } .rb-inner__block .rb-inner__top .rb-inner__tags .rb-inner__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; z-index: 1; } .rb-inner__block .rb-inner__top .rb-inner__tags .rb-inner__label p { margin: 0; font-size: 16px; color: #eeeeee; } .rb-inner__block .rb-inner__top .rb-inner__tags .rb-inner__label.red-badge { width: 72px; height: 55px; background: url("../themes/site/assets/img/label-discount-main.png") no-repeat; background-size: contain; margin-right: -16px; } .rb-inner__block .rb-inner__top .rb-inner__tags .rb-inner__label.green-badge { display: none; width: 76px; height: 76px; background: url("../themes/site/assets/img/label-new-main@2x.png") no-repeat; background-size: contain; position: relative; margin-right: -20px; margin-left: -12px; } .rb-inner__block .rb-inner__top .rb-inner__tags .rb-inner__label.green-badge span { text-transform: uppercase; } .rb-inner__block .rb-inner__top .rb-inner__tags .rb-inner__timer-block { 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; width: 144px; height: 55px; background: url(../themes/site/assets/img/timer-bg@2x.png), no-repeat; background-size: contain; } .rb-inner__block .rb-inner__top .rb-inner__tags .rb-inner__timer-block p { font-size: 14px; color: #eeeeee; margin: 0; } .rb-inner__block .rb-inner__btm { width: 100%; height: 72%; max-height: calc(100vh - 320px); position: relative; background: #2a2750; border-radius: 0 0 8px 8px; overflow: hidden; } @media only screen and (max-width: 500px) { .rb-inner__block .rb-inner__btm { max-height: 335px; } } @media only screen and (max-width: 375px) { .rb-inner__block .rb-inner__btm { max-height: 285px; } } @media screen and (max-height: 690px) and (orientation: landscape) { .rb-inner__block .rb-inner__btm { max-height: calc(100vh - 50px - 40px); } } .rb-inner__block .rb-inner__description-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-top: 20px; position: relative; z-index: 1; } @media only screen and (max-width: 375px), screen and (max-height: 690px) and (orientation: landscape) { .rb-inner__block .rb-inner__description-block { padding-top: 12px; } } .rb-inner__block .rb-inner__description-block .rb-inner__action { width: 100%; margin-bottom: 10px; text-align: center; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-sales { position: relative; bottom: 6px; height: 31px; display: inline-block; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-sales div { height: 100%; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-sales div:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-sales div span { display: inline-block; vertical-align: middle; font-family: "Fira Sans", sans-serif; font-size: 20px; background-image: -webkit-gradient(linear, left top, right top, from(#77b4ee), to(#5458af)), -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#dadada)); background-image: linear-gradient(to right, #77b4ee, #5458af), linear-gradient(#dadada, #dadada); font-weight: 500; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-sales div span { background-image: none; color: #8bbcea; } } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-sales:before { content: ""; position: absolute; top: 0; left: calc(50% - 30px); width: 60px; height: 1px; margin: 0 auto; background-image: linear-gradient(255deg, #9093dc, #8bbcea); } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-sales:after { content: ""; position: absolute; bottom: 0; left: calc(50% - 30px); width: 60px; height: 1px; margin: 0 auto; background-image: linear-gradient(255deg, #9093dc, #8bbcea); } .rb-inner__block .rb-inner__description-block .rb-inner__action button { padding: 10px 24px; display: inline-block; } .rb-inner__block .rb-inner__description-block .rb-inner__action .shop__goods-number { margin-top: 10px; color: #afafaf; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-value { position: relative; display: inline-block; width: 45px; color: #eeeeee; cursor: pointer; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-value button.value-inner { display: inline-block; width: 100%; height: 100%; padding: 7px 0; border: 1px #4EA783 solid; border-radius: 5px; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-value button.value-inner:hover { background: #40726F; border: 1px solid #4DA481; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-value .selector { display: none; width: 100%; position: absolute; top: 33px; left: 0; background: #4EA783; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 1; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-value .selector button { padding: 7px 0; position: relative; text-align: center; width: 100%; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-value .selector button:before { width: 30px; height: 1px; content: ""; position: absolute; top: 0; left: calc(50% - 15px); background: #494766; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-value .selector button:first-child:before { top: -1px; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-value .selector button:last-child:hover { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .rb-inner__block .rb-inner__description-block .rb-inner__action .rb-inner__goods-value .selector button:hover { background: #40726F; border: none; } .rb-inner__block .rb-inner__description-block .rb-inner__action .value-active .selector { display: block; } .rb-inner__block .rb-inner__description-block .rb-inner__action .value-active button.value-inner { background: #4EA783; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border: 1px #4EA783 solid; } .rb-inner__block .rb-inner__description-block .rb-inner__action .value-active button.value-inner:hover { background: #40726F; border: 1px solid transparent; } .rb-inner__block .rb-inner__description-block .rb-inner__description { width: 100%; color: #afafaf; text-align: center; padding: 0 10px; } .rb-inner__block .rb-inner__description-block .rb-inner__text { padding: 0 20px; margin: 12px 6px 0; font-size: 14px; line-height: 28px; text-align: center; color: #D2D2D9; overflow: auto; } .rb-inner__block .rb-inner__description-block .rb-inner__text::-webkit-scrollbar { width: 2px; } .rb-inner__block .rb-inner__description-block .rb-inner__text::-webkit-scrollbar-thumb { background-color: #9E9AB8; } @media only screen and (max-width: 500px) { .rb-inner__block .rb-inner__description-block .rb-inner__text { max-height: 187px; } } @media only screen and (max-width: 375px) { .rb-inner__block .rb-inner__description-block .rb-inner__text { max-height: 135px; } } @media screen and (pointer: coarse) and (orientation: landscape) { .rb-inner__block .rb-inner__description-block .rb-inner__text { max-height: 129px; } } .rb-inner__block .rb-inner__content { width: 100%; height: calc(100% - 164px); padding-top: 20px; padding-left: 30px; position: relative; } @media only screen and (max-width: 690px) { .rb-inner__block .rb-inner__content { overflow: scroll; } } @media only screen and (max-width: 400px) { .rb-inner__block .rb-inner__content { height: calc(100% - 150px); } } @media screen and (max-height: 690px) and (orientation: landscape) { .rb-inner__block .rb-inner__content { height: calc(100% - 145px); } } .rb-inner__block .rb-inner__content .rarity { position: absolute; width: 8px !important; height: 8px; top: 0; left: 0; border-radius: 10px; display: inline-block; } .rb-inner__block .rb-inner__content ul { width: 100%; text-align: left; -moz-text-align-last: left; text-align-last: left; padding-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .rb-inner__block .rb-inner__content ul li { position: relative; width: 75px; height: 120px; display: inline-block; margin: 12px 15px 12px 0; font-size: 14px; color: #afafaf; text-align: center; -moz-text-align-last: center; text-align-last: center; cursor: pointer; } @media only screen and (max-width: 340px) { .rb-inner__block .rb-inner__content ul li { margin: 12px 8px 12px 0; } } .rb-inner__block .rb-inner__content ul li .rb-inner__amount { position: absolute; top: 0; left: -7px; font-size: 13px; } .rb-inner__block .rb-inner__content ul li .rb-inner__content-img { width: 100%; text-align: center; } .rb-inner__block .rb-inner__content ul li .rb-inner__content-img img { width: 72px; max-width: 100%; } .rb-inner__block .rb-inner__content ul li .rb-inner__item-name { width: 100%; position: absolute; left: 0; font-size: 12px; text-align: center; -moz-text-align-last: center; text-align-last: center; line-height: 1.1; overflow: hidden; } @media only screen and (max-width: 690px) { .rb-inner__block .rb-inner__content ul li .rb-inner__item-name { font-size: 12px; } } .rb-inner__block .rb-inner__content ul li:nth-child(6n+7):after, .rb-inner__block .rb-inner__content ul li:nth-child(5n+6):after, .rb-inner__block .rb-inner__content ul li:nth-child(4n+5):after, .rb-inner__block .rb-inner__content ul li:nth-child(3n+4):after { position: absolute; top: -12px; left: 6px; height: 1px; background: #494765; } .rb-inner__block .rb-inner__content ul li:nth-child(5n+6):after { content: ""; width: 440px; } @media only screen and (max-width: 690px) { .rb-inner__block .rb-inner__content ul li:nth-child(5n+6):after { content: none; } .rb-inner__block .rb-inner__content ul li:nth-child(6n+7):after { content: ""; width: 530px; } } @media only screen and (max-width: 640px) { .rb-inner__block .rb-inner__content ul li:nth-child(6n+7):after { content: none; } .rb-inner__block .rb-inner__content ul li:nth-child(5n+6):after { content: ""; width: 440px; } } @media only screen and (max-width: 640px) { .rb-inner__block .rb-inner__content ul li:nth-child(6n+7):after { content: none; } .rb-inner__block .rb-inner__content ul li:nth-child(5n+6):after { content: ""; width: 440px; } } @media only screen and (max-width: 550px) { .rb-inner__block .rb-inner__content ul li:nth-child(5n+6):after { content: none; } .rb-inner__block .rb-inner__content ul li:nth-child(4n+5):after { content: ""; width: 335px; } } @media only screen and (max-width: 460px) { .rb-inner__block .rb-inner__content ul li:nth-child(4n+5):after { content: none; } .rb-inner__block .rb-inner__content ul li:nth-child(3n+4):after { content: ""; width: 250px; } } .rb-inner__block .rb-inner__cashback { width: 100%; height: 40px; position: absolute; bottom: 0; left: 0; text-align: center; background: #2a2750; -webkit-box-shadow: 0px 16px 40px 15px rgba(0, 0, 0, 0.75); box-shadow: 0px 16px 40px 15px rgba(0, 0, 0, 0.75); border-radius: 0 0 8px 8px; 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; } .rb-inner__block .rb-inner__cashback div { display: inline-block; vertical-align: middle; } .rb-inner__block .rb-inner__cashback .rb-inner__cashback-text { margin-right: 5px; font-size: 14px; color: #afafaf; } .rb-inner__block .rb-inner__cashback .rb-inner__cashback-img { width: 16px; height: 16px; margin-right: 3px; line-height: 44px; -o-object-fit: contain; object-fit: contain; } .rb-inner__block .rb-inner__cashback .rb-inner__cashback-val { font-size: 18px; color: #00c47a; } .rb-inner__block .mCSB_scrollTools { width: 12px; } .rb-inner__block .mCSB_scrollTools .mCSB_draggerRail { background-color: unset; } .rb-inner__block .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #3d3a59; width: 4px; } .rb-inner__block .mCSB_scrollTools .mCSB_draggerContainer { margin-right: 8px; } .rb-inner__block .mCSB_inside > .mCSB_container { margin-right: 10px; } .tippy-tooltip.itemhint-theme { color: #afafaf; background: rgba(72, 65, 102, 0.95) !important; } .tippy-tooltip.itemhint-theme .item-tooltip { font-family: "Fira Sans", sans-serif; color: #afafaf; } .tippy-tooltip.itemhint-theme .item-tooltip .item-tooltip__heading { margin-bottom: 10px; color: #c6c6c6; font-weight: bold; text-align: center; } .tippy-tooltip.itemhint-theme .tippy-backdrop { background-color: rgba(72, 65, 102, 0.95) !important; } .tippy-tooltip.itemhint-theme .tippy-content { padding: 10px; max-width: 300px; } .tippy-popper[x-placement^=right] .itemhint-theme .tippy-arrow { border-right: 7px solid rgba(72, 65, 102, 0.95); } .dashboard__nan { width: 100%; height: calc(100% - 70px); } .dashboard__nan:after { content: ""; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .dashboard__nan div { width: 95%; display: inline-block; vertical-align: middle; text-align: center; font-family: "Fira Sans", sans-serif; font-size: 18px; color: #afafaf; } .shop__drop-nan { height: 30vh; min-height: 200px; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .close-dashboard-popup { position: absolute; top: 3px; right: 7px; font-size: 20px; color: #000000; cursor: pointer; -webkit-transition: 100ms; transition: 100ms; z-index: 1; } .close-dashboard-popup:hover #btn_close { fill: #eeeeee; } .dashboard { width: 797px; position: relative; padding-left: 30px; padding-bottom: 5px; font-family: "Fira Sans", sans-serif; color: #eeeeee; background-image: -webkit-gradient(linear, left bottom, left top, from(#363072), to(#2a2750)); background-image: linear-gradient(to top, #363072, #2a2750); border-radius: 10px; } .dashboard .dashboard__header { height: 66px; padding-top: 6px; font-size: 12px; color: #eeeeee !important; opacity: 0.5; } .dashboard .dashboard__header:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .dashboard .dashboard__header div { display: inline-block; vertical-align: middle; text-align: center; } .dashboard .dashboard__table { width: 100%; max-height: 278px; } .dashboard .dashboard__table-wrap { width: 100%; } .dashboard .dashboard__table-wrap .promocode-dashboard-wrapped { word-wrap: break-word; } .dashboard .dashboard__content { height: 70px; padding-top: 7px; color: #afafaf; font-size: 18px; border-bottom: 1px #494765 solid; -webkit-transition: 400ms; transition: 400ms; } .dashboard .dashboard__content:first-child { border-top: 1px #494765 solid; } .dashboard .dashboard__content:last-child { border-bottom: none; } .dashboard .dashboard__content > div { display: inline-block; vertical-align: middle; text-align: center; -webkit-transition: opacity 400ms; transition: opacity 400ms; } .dashboard .dashboard__content > div:nth-child(1) { text-align: center; } .dashboard .dashboard__content > div:nth-child(1) img { display: inline-block; width: 50px; } .dashboard .dashboard__content > div:nth-child(2) { font-size: 14px; } .dashboard .dashboard__content > div:nth-child(3) { color: #967fca; } .dashboard .dashboard__content > div:nth-child(4) div { display: inline-block; vertical-align: middle; } .dashboard .dashboard__content > div:nth-child(4) .dashboard__destruct-cashback { color: #00855e; font-size: 12px; margin-right: 11px; } .dashboard .dashboard__content > div:nth-child(4) .dashboard__destruct-action { width: 30px; height: 30px; cursor: pointer; position: relative; } .dashboard .dashboard__content > div:nth-child(4) .dashboard__destruct-action::before { content: ""; width: 0; height: 0; margin: 0 auto; position: absolute; z-index: 1; left: 0; right: 2px; top: 17px; -webkit-transition: -webkit-box-shadow 200ms; transition: -webkit-box-shadow 200ms; transition: box-shadow 200ms; transition: box-shadow 200ms, -webkit-box-shadow 200ms; -webkit-box-shadow: none; box-shadow: none; } .dashboard .dashboard__content > div:nth-child(4) .dashboard__destruct-action img { display: block; width: 100%; position: relative; z-index: 2; } .dashboard .dashboard__content > div:nth-child(4) .dashboard__destruct-action:hover::before { -webkit-box-shadow: 0 0 17px 7px #666488; box-shadow: 0 0 17px 7px #666488; } .dashboard .dashboard__content.hidden > div { opacity: 0; } .dashboard .dashboard__content.received-energy > div { width: 100%; text-align: center; color: #00855e; padding-top: 15px; } .dashboard .dashboard__content.received-energy > div span { margin-right: 4px; margin-top: 1px; display: inline-block; vertical-align: middle; } .dashboard .dashboard__content.received-energy > div img { width: 17px; display: inline-block; vertical-align: middle; } .dashboard .dashboard__content.zero-height { height: 0; padding-top: 0; border: 0; overflow: hidden; opacity: 0; } .dashboard .dashboard__table_col1 { width: 80px; } .dashboard .dashboard__table_col2 { width: 178px; } .dashboard .dashboard__table_col3 { width: 220px; } .dashboard .dashboard__table_col4 { width: 145px; } .dashboard .dashboard__table_col5 { width: 97px; } .dashboard .dashboard__table_col5 button { padding: 6px 15px; } .dashboard .dashboard__table_col5 button.open-btn__wait { padding: 0; } .dashboard .mCSB_scrollTools .mCSB_draggerRail { background-color: unset; } .dashboard .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #3d3a59; width: 5px; } .dashboard .mCSB_scrollTools .mCSB_draggerContainer { margin-right: 0; } .dashboard .mCSB_inside > .mCSB_container { margin-right: 20px; } .dashboard .code-content { overflow-wrap: break-word; } .dashboard .open-btn { padding: 5px 13px; font-size: 12px; } .popup-slider { width: 405px; padding-top: 22px; padding-bottom: 20px; background-image: -webkit-gradient(linear, left bottom, left top, from(#363072), to(#2a2750)); background-image: linear-gradient(to top, #363072, #2a2750); font-family: "Fira Sans", sans-serif; font-size: 18px; color: #afafaf; border-radius: 10px; position: relative; } .popup-slider .open-btn { padding: 6px 15px; } .popup-slider .action-btn { border-color: #4EA783; background: #4EA783; color: white; } .popup-slider .action-btn:hover { color: white; border-color: #6fc4a3; background: #6fc4a3; } .popup-slider .destruct-btn { border-color: #FF4500; background: #FF4500; color: white; } .popup-slider .destruct-btn:hover { border-color: #ffbb7f; background: #ffbb7f; } .popup-slider .close-btn { position: absolute; top: 5px; right: 8px; cursor: pointer; } .popup-slider .close-btn:hover #btn_close { fill: #eeeeee; } .popup-slider__info { width: 84%; margin: 0 auto 20px auto; text-align: left; } .popupp-slider__scale { width: 83%; height: 23px; margin: 0 auto 13px auto; text-align: left; -moz-text-align-last: left; text-align-last: left; } .popupp-slider__scale .slider-horizontal { width: 89% !important; margin-top: 3px; float: left; } .popup-slider__energy { width: 84%; margin: 0 auto; } .popup-slider__energy div { display: inline-block; vertical-align: middle; } .popup-slider__energy div:first-child { margin-right: 13px; } .popup-slider__energy div:last-child img { width: 15px; height: 15px; margin-right: 4px; display: inline-block; vertical-align: middle; } .popup-slider__energy div:last-child span { display: inline-block; vertical-align: middle; color: #00c080; } .popup-slider__btn { width: 84%; margin: 0 auto; padding-top: 15px; text-align: center; } .popup-slider__btn button:nth-child(1) { width: 38%; padding: 6px 0; } .popup-slider__btn button:nth-child(2) { width: 57%; padding: 6px 0; margin-left: 12px; } #ex6CurrentSliderValLabel { float: right; color: #4da481; } #ex1Slider .slider-selection { background: #BABABA; } .slider-selection { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4da481), to(#4da481)) !important; background-image: linear-gradient(to bottom, #4da481 0, #4da481 100%) !important; } .slider-track { height: 6px !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #25243d), to(#25243d)) !important; background-image: linear-gradient(to bottom, #25243d 0, #25243d 100%) !important; } .slider-handle { top: -2px !important; width: 19px !important; height: 19px !important; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), to(#ffffff)) !important; background-image: linear-gradient(to bottom, #ffffff 0, #ffffff 100%) !important; } .popup-slider .tooltip { -webkit-box-shadow: none; box-shadow: none; } .slider-handle { cursor: pointer; } .slider-handle:focus { outline: none; } .confirm, .popup-success, .popup-error { 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, .popup-success .close, .popup-error .close { display: none; } .confirm .confirm__heading, .popup-success .confirm__heading, .popup-success .popup-success__heading, .popup-error .confirm__heading, .popup-error .popup-error__heading { margin-bottom: 30px; font-size: 30px; font-weight: 900; } .confirm .confirm__text, .popup-success .confirm__text, .popup-success .popup-success__text, .popup-error .confirm__text, .popup-error .popup-error__text { margin-bottom: 30px; font-size: 18px; } .confirm .confirm__eula, .popup-success .confirm__eula, .popup-error .confirm__eula { margin-bottom: 35px; font-size: 12px; } .confirm .confirm__eula a, .popup-success .confirm__eula a, .popup-error .confirm__eula a { text-decoration: underline; cursor: pointer; color: #afafaf; } .confirm .confirm__eula a:hover, .popup-success .confirm__eula a:hover, .popup-error .confirm__eula a:hover { color: #e1e1e1; } .confirm .confirm__action, .popup-success .confirm__action, .popup-error .confirm__action { padding: 0 70px; text-align: justify; -moz-text-align-last: justify; text-align-last: justify; font-size: 14px; } .confirm .confirm__action button, .popup-success .confirm__action button, .popup-error .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, .popup-success, .popup-error { width: auto; padding: 30px 15px; background: #2A2943; border-radius: 8px; color: #7B8098; } .confirm .close, .popup-success .close, .popup-error .close { display: -webkit-box; display: -ms-flexbox; display: flex; } .confirm .confirm__heading, .popup-success .confirm__heading, .popup-success .popup-success__heading, .popup-error .confirm__heading, .popup-error .popup-error__heading { font-size: 16px; color: #D2D2D9; font-weight: 400; margin-bottom: 15px; } .confirm .confirm__text, .popup-success .confirm__text, .popup-success .popup-success__text, .popup-error .confirm__text, .popup-error .popup-error__text { font-size: 14px; margin-bottom: 30px; } .confirm .confirm__eula, .popup-success .confirm__eula, .popup-error .confirm__eula { font-size: 12px; line-height: 20px; margin-bottom: 37px; } .confirm .confirm__eula a, .popup-success .confirm__eula a, .popup-error .confirm__eula a { color: #636397; } .confirm .confirm__action, .popup-success .confirm__action, .popup-error .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, .popup-success .confirm__action button, .popup-error .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, .popup-success .confirm__action .close-popup, .popup-error .confirm__action .close-popup { display: none; } } .faq-popup { width: 579px; position: relative; margin-top: 60px; padding: 39px 0 15px 28px; color: #afafaf; background-image: -webkit-gradient(linear, left bottom, left top, from(#363072), to(#2a2943)); background-image: linear-gradient(to top, #363072, #2a2943); border-radius: 5px; text-align: left; } .faq-popup .faq-popup__heading { font-size: 30px; margin-bottom: 25px; padding-right: 10px; text-align: center; color: rgba(219, 219, 219, 0.75); } .faq-popup .faq-popup__content { max-height: 70vh; overflow: hidden; font-style: normal; } .faq-popup .faq-popup__content strong { font-size: 18px; color: #dbdbdb; } .faq-popup .faq-popup__content h1, .faq-popup .faq-popup__content h2, .faq-popup .faq-popup__content h3, .faq-popup .faq-popup__content h4 { margin: 0 0 3px 0; font-family: "Fira Sans", sans-serif; font-weight: 100; font-size: 18px; color: #dbdbdb; } .faq-popup .faq-popup__content p { margin: 0 0 30px 0; font-size: 16px; color: #afafaf; line-height: 27px; } .faq-popup .faq-popup__content p br { height: 0; } .faq-popup .faq-popup__content a { font-size: 16px; color: #7964ac; position: relative; white-space: nowrap; } .faq-popup .faq-popup__content a::after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #7964ac; } .faq-popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; } .faq-popup .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #3d3a59; } .faq-popup .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0); } .faq-popup .mCSB_scrollTools { right: 3px; } .popup-error .popup-error__btn { text-align: center; } .popup-error .popup-error__btn a { padding: 6px 19px; color: #afafaf; } .popup-error .popup-error__btn a:hover { color: #afafaf; } .popup-success .close { display: none; } .popup-success .popup-success__btn { text-align: center; } .popup-success .popup-success__btn button, .popup-success .popup-success__btn a { padding: 6px 19px; color: #afafaf; } .popup-success .popup-success__btn button:hover, .popup-success .popup-success__btn a:hover { color: #afafaf; } .popup-success .popup-success__btn a { border-color: #4EA783; background: #4EA783; color: white; } .popup-success .popup-success__btn a:hover { color: white; border-color: #6fc4a3; background: #6fc4a3; } .popup-success .popup-success__btn_zeromargin { margin: 0 !important; } @media only screen and (max-width: 690px) { .popup-success { background: #2A2943; border-radius: 8px; padding: 30px 55px; } .popup-success .close { display: -webkit-box; display: -ms-flexbox; display: flex; } .popup-success .popup-success__text { margin-bottom: 20px; } .popup-success .popup-success__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -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; } .popup-success .popup-success__btn button, .popup-success .popup-success__btn a { width: auto; min-width: 212px; padding: 10px 19px; } .popup-success .popup-success__btn button { margin-bottom: 20px; } } .items-drop { width: 469px; padding: 20px 5px 20px 29px; margin-top: 80px; background: #2A2750; text-align: center; color: #afafaf; font-family: "Fira Sans", sans-serif; border-radius: 5px; } .items-drop .items-drop__heading { font-size: 30px; margin-bottom: 30px; } .items-drop .items-drop__text { margin-bottom: 20px; font-size: 18px; } .items-drop .items-drop__content { width: 100%; height: 305px; margin-bottom: 20px; } .items-drop .items-drop__content .items-drop__items { height: 100%; width: 100%; overflow: hidden; } .items-drop .items-drop__content .items-drop__items ul { height: 100%; text-align: left; -moz-text-align-last: left; text-align-last: left; } .items-drop .items-drop__content .items-drop__items ul li { display: inline-block; height: 90px; width: 90px; position: relative; border-radius: 10px; margin-bottom: 20px; vertical-align: top; background: #1e1e36; margin-right: 12px; -webkit-box-shadow: inset 0px 0px 22px -5px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 0px 22px -5px rgba(0, 0, 0, 0.75); cursor: pointer; } .items-drop .items-drop__content .items-drop__items ul li div:first-child { width: 80%; height: 80%; margin: 9px 0 0 9px; } .items-drop .items-drop__content .items-drop__items ul li div:first-child img { width: 100%; height: 100%; } .items-drop .items-drop__content .items-drop__items ul li div:last-child { position: absolute; top: 8px; left: 8px; width: 7px; height: 7px; border-radius: 10px; opacity: 0.7; } .items-drop .items-drop__content .items-drop__items ul li > span { display: block; position: absolute; bottom: 3px; right: 5px; font-size: 14px; } .items-drop .items-drop__content .items-drop__items .items-drop__empty { width: 100%; text-align: center; padding-top: 117px; } .items-drop button { padding: 6px 23px; } .popup-promo-history { width: 856px; height: 90%; padding: 40px 0 10px 37px; margin-top: 2%; position: fixed; top: 0; left: calc(50% - 428px); background-image: -webkit-gradient(linear, left bottom, left top, from(#363072), to(#2a2943)); background-image: linear-gradient(to top, #363072, #2a2943); border-radius: 10px; font-family: "Fira Sans", sans-serif; color: #afafaf; font-size: 18px; } .popup-promo-history .popup-promo-history__search { width: calc(100% - 37px); margin-bottom: 30px; } .popup-promo-history .popup-promo-history__search div { display: inline-block; } .popup-promo-history .popup-promo-history__search div:last-child { float: right; } .popup-promo-history .popup-promo-history__search div:last-child input { padding: 2px 0px 2px 10px; border-radius: 10px; background: #25214b; -webkit-box-shadow: inset 0px 10px 20px 0 rgba(19, 19, 42, 0.15); box-shadow: inset 0px 10px 20px 0 rgba(19, 19, 42, 0.15); border: none; border-bottom: 1px #494766 solid; position: relative; } .popup-promo-history .popup-promo-history__search .controls { width: 300px; } .popup-promo-history .popup-promo-history__search .controls .name { display: inline-block; width: 150px; } .popup-promo-history .popup-promo-history__search .controls .date { display: inline-block; width: 140px; } .popup-promo-history .popup-promo-history__header { width: calc(100% - 37px); font-size: 12px; border-top: 1px #494765 solid; border-bottom: 1px #494765 solid; padding: 22px 0; } .popup-promo-history .popup-promo-history__header h4 { text-align: center; } .popup-promo-history .popup-promo-history__header ul li { display: inline-block; text-align: center; -moz-text-align-last: center; text-align-last: center; opacity: 0.5; } .popup-promo-history .popup-promo-history__content { font-size: 14px; height: calc(100% - 120px); overflow: hidden; } .popup-promo-history .popup-promo-history__content ul li { width: calc(100% - 37px); height: 70px; border-bottom: 1px #494765 solid; -webkit-transition: 400ms; transition: 400ms; } .popup-promo-history .popup-promo-history__content ul li:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .popup-promo-history .popup-promo-history__content ul li:last-child { border-bottom: none; } .popup-promo-history .popup-promo-history__content ul li > div { display: inline-block; vertical-align: middle; text-align: center; -moz-text-align-last: center; text-align-last: center; -webkit-transition: opacity 400ms; transition: opacity 400ms; font-weight: 300; } .popup-promo-history .popup-promo-history__content ul li > div:nth-child(2) img { width: 50px; } .popup-promo-history .popup-promo-history__content ul li > div:nth-child(4) { color: #967fca; } .popup-promo-history .popup-promo-history__content ul li > div:nth-child(4) button { padding: 6px 10px; } .popup-promo-history .popup-promo-history__content ul li > div:nth-child(5) div { display: inline-block; vertical-align: middle; } .popup-promo-history .popup-promo-history__content ul li > div:nth-child(5) .popup-promo-history__destruct-cashback { color: #00855e; font-size: 12px; margin-right: 9px; } .popup-promo-history .popup-promo-history__content ul li > div:nth-child(5) .popup-promo-history__destruct-action { width: 30px; height: 30px; cursor: pointer; position: relative; } .popup-promo-history .popup-promo-history__content ul li > div:nth-child(5) .popup-promo-history__destruct-action::before { content: ""; width: 0; height: 0; margin: 0 auto; position: absolute; left: 0; right: 2px; top: 17px; z-index: 1; -webkit-transition: -webkit-box-shadow 200ms; transition: -webkit-box-shadow 200ms; transition: box-shadow 200ms; transition: box-shadow 200ms, -webkit-box-shadow 200ms; -webkit-box-shadow: none; box-shadow: none; } .popup-promo-history .popup-promo-history__content ul li > div:nth-child(5) .popup-promo-history__destruct-action img { display: block; width: 100%; position: relative; z-index: 2; } .popup-promo-history .popup-promo-history__content ul li > div:nth-child(5) .popup-promo-history__destruct-action:hover::before { -webkit-box-shadow: 0 0 17px 7px #666488; box-shadow: 0 0 17px 7px #666488; } .popup-promo-history .popup-promo-history__content ul li.hidden > div { opacity: 0; } .popup-promo-history .popup-promo-history__content ul li.received-energy > div { width: 100%; text-align: center; color: #00855e; font-size: 16px; } .popup-promo-history .popup-promo-history__content ul li.received-energy > div span { margin-right: 4px; margin-top: 1px; display: inline-block; vertical-align: middle; } .popup-promo-history .popup-promo-history__content ul li.received-energy > div img { width: 17px; display: inline-block; vertical-align: middle; } .popup-promo-history .popup-promo-history__content ul li.zero-height { height: 0; padding-top: 0; border: 0; overflow: hidden; opacity: 0; } .popup-promo-history .popup-promo-history__content ul .search-error { height: 70px; line-height: 70px; margin: auto; text-align: center; color: #afafaf; } .popup-promo-history .popup-promo-history__content .clipboard-btn { padding: 6px 28px; } .popup-promo-history .popup-promo-history__content .open-btn__wait { padding: 6px 10px; } .popup-promo-history .mCS-light-thick .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #3d3a59; } .popup-promo-history .mCS-light-thick .mCSB_scrollTools .mCSB_draggerRail { background: none; } .popup-promo-history .mCSB_inside > .mCSB_container { margin: 0 !important; } .popup-promo-history .promocode-value { word-wrap: break-word; } .popup-promo-history .code-content { overflow-wrap: break-word; } .popup-promo-history__table_col1 { width: 77px; } .popup-promo-history__table_col2 { width: 141px; } .popup-promo-history__table_col3 { width: 173px; } .popup-promo-history__table_col4 { width: 83px; } .popup-promo-history__table_col5 { width: 163px; } .popup-promo-history__table_col6 { width: 120px; } .promocode-insert { width: 400px; padding: 25px 50px 25px 50px; border-radius: 10px; background-image: -webkit-gradient(linear, left bottom, left top, from(#363072), to(#2a2750)); background-image: linear-gradient(to top, #363072, #2a2750); position: relative; min-height: 200px; } .promocode-insert .promocode-insert__title { margin-bottom: 30px; font-family: "Fira Sans", sans-serif; color: #afafaf; font-size: 20px; text-align: center; } .promocode-insert .promocode-insert__input input { height: 42px; background-color: transparent; border: 1px solid #604d92; text-align: center; text-transform: uppercase; color: #afafaf; } .promocode-insert .promocode-info__block { font-family: "Fira Sans", sans-serif; font-size: 10px; text-align: center; display: none; } .promocode-insert .promocode-info__error { color: #FF4500; } .promocode-insert .promocode-info__success { color: #0da05f; } .promocode-insert .promocode-insert__btn { position: absolute; bottom: 0; left: 0; right: 0; margin: 15px auto 20px auto; text-align: center; } .promocode-insert .promocode-insert__btn button { display: inline-block; } .promocode-insert .promocode-insert__btn .disable { pointer-events: none; opacity: 0.8; } .tutorial { width: 100%; position: fixed; top: 90px; left: 0; height: calc(100vh - 90px); } .tutorial p { color: #afafaf; margin: 0; line-height: 24px; } .tutorial .slick-slide { outline: none; } .tutorial .tutorial__text_gradient { background-image: -webkit-gradient(linear, left top, right top, from(#77b4ee), to(#5458af)), -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#dadada)); background-image: linear-gradient(to right, #77b4ee, #5458af), linear-gradient(#dadada, #dadada); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .tutorial .tutorial__text_gradient { background-image: none; color: #8bbcea; } } .tutorial .tutorial__common_title { margin-bottom: 31px; font-size: 42px; font-family: "Fira Sans", sans-serif; font-weight: 600; color: #dadada; text-align: center; } .tutorial .tutorial__common_bold { font-family: "Fira Sans", sans-serif; font-weight: 700; } .tutorial .tutorial__common_opacity { font-size: 14px; opacity: 0.5; } .tutorial .tutorial-wrap { width: 98%; padding-top: 40px; padding-bottom: 50px; max-width: 1370px; min-width: 1200px; margin: 0 auto; position: relative; } .tutorial .tutorial-close { width: 22px; height: 22px; background: url("../themes/site/assets/img/tutorial/btn-close.png") center top no-repeat; position: absolute; top: 40px; right: 10px; z-index: 1; cursor: pointer; } .tutorial .tutorial-close:hover { background: url("../themes/site/assets/img/tutorial/btn-close.png") center bottom no-repeat; } .tutorial .tutorial__slider-l::before, .tutorial .tutorial__slider-r::before { content: ""; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .tutorial .tutorial__slider-l span, .tutorial .tutorial__slider-r span { display: inline-block; vertical-align: middle; font-size: 14px; color: #afafaf; } .tutorial .tutorial__slider-l:hover span, .tutorial .tutorial__slider-r:hover span { color: #eeeeee; } .tutorial .tutorial__slider-l.arrow-inactive, .tutorial .tutorial__slider-r.arrow-inactive { display: none !important; } .tutorial .tutorial__slider-l { height: 26px; padding-left: 27px; position: absolute; bottom: 11px; left: 10px; cursor: pointer; background: url("../themes/site/assets/img/tutorial/btn-changepage-left.png") left 0 no-repeat; } .tutorial .tutorial__slider-l:hover { background: url("../themes/site/assets/img/tutorial/btn-changepage-left.png") left -26px no-repeat; } .tutorial .tutorial__slider-r { height: 26px; padding-right: 27px; position: absolute; bottom: 11px; right: 10px; cursor: pointer; background: url("../themes/site/assets/img/tutorial/btn-changepage-right.png") right 0 no-repeat; } .tutorial .tutorial__slider-r:hover { background: url("../themes/site/assets/img/tutorial/btn-changepage-right.png") right -26px no-repeat; } .tutorial .tutorial-slides { width: 60px; position: absolute; bottom: 11px; left: calc(50% - 30px); text-align: center; font-size: 14px; color: #494765; } .tutorial .tutorial-slider { border-bottom: 1px solid #494765; } .tutorial .tutorial-slider .slide-one .slide-one__text { width: 100%; max-width: 961px; margin: 0 auto; text-align: center; } .tutorial .tutorial-slider .slide-one .slide-one__text p { margin-bottom: 10px; } .tutorial .tutorial-slider .slide-one .slide-one__content { padding-top: 88px; padding-bottom: 124px; position: relative; } .tutorial .tutorial-slider .slide-one .slide-one__content .slide-one__img1 { width: 100%; max-width: 638px; margin: 0 auto; } .tutorial .tutorial-slider .slide-one .slide-one__content .slide-one__desc1 { width: 25%; max-width: 331px; position: absolute; top: 325px; left: 185px; } .tutorial .tutorial-slider .slide-one .slide-one__content .slide-one__desc2 { width: 25%; max-width: 402px; position: absolute; right: 50px; top: 175px; } .tutorial .tutorial-slider .slide-two .slide-two__content { position: relative; 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; } .tutorial .tutorial-slider .slide-two .slide-two__content .slide-two__img1 { width: 405px; margin-left: 143px; padding-top: 24px; display: block; } .tutorial .tutorial-slider .slide-two .slide-two__content .slide-two__img2 { width: 448px; padding-top: 8px; margin-right: 47px; display: block; } .tutorial .tutorial-slider .slide-two .slide-two__content .slide-two__desc1 { width: 35%; max-width: 478px; position: absolute; top: 27px; left: 463px; } .tutorial .tutorial-slider .slide-two .slide-two__content .slide-two__desc1 p { margin-bottom: 5px; text-align: right; } .tutorial .tutorial-slider .slide-two .slide-two__content .slide-two__desc1 img { width: 478px; height: 9px; } .tutorial .tutorial-slider .slide-two .slide-two__content .slide-two__desc2 { width: calc(100% - 47px); position: absolute; top: 221px; left: 47px; text-align: center; } .tutorial .tutorial-slider .slide-two .slide-two__content .slide-two__desc2 p { width: 23%; max-width: 304px; display: inline-block; text-align: left; } .tutorial .tutorial-slider .slide-two .slide-two__content .slide-two__desc3 { width: 29%; max-width: 384px; position: absolute; top: 284px; left: 65px; } .tutorial .tutorial-slider .slide-two .slide-two__content .slide-two__desc4 { width: 20%; max-width: 263px; position: absolute; right: 447px; bottom: 101px; } .tutorial .tutorial-slider .slide-three .slide-three__content { position: relative; } .tutorial .tutorial-slider .slide-three .slide-three__content .slide-three__wrap-top { width: 990px; margin: 0 auto 10px auto; padding-top: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -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; } .tutorial .tutorial-slider .slide-three .slide-three__content .slide-three__wrap-top .slide-three__img1 { width: 405px; display: inline-block; } .tutorial .tutorial-slider .slide-three .slide-three__content .slide-three__wrap-top .slide-three__img2 { width: 445px; display: inline-block; } .tutorial .tutorial-slider .slide-three .slide-three__content .slide-three__wrap-btm { width: 1016px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -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; } .tutorial .tutorial-slider .slide-three .slide-three__content .slide-three__wrap-btm .slide-three__desc1 { width: 425px; display: inline-block; text-align: center; } .tutorial .tutorial-slider .slide-three .slide-three__content .slide-three__wrap-btm .slide-three__desc2 { width: 445px; display: inline-block; text-align: center; } .tutorial .tutorial-slider .slide-four { position: relative; } .tutorial .tutorial-slider .slide-four .slide-four__img1 { width: 420px; position: absolute; top: 70px; left: 247px; } .tutorial .tutorial-slider .slide-four .slide-four__img2 { width: 834px; padding-top: 149px; display: inline-block; } .tutorial .tutorial-slider .slide-four .slide-four__img3 { width: 413px; display: inline-block; position: absolute; top: 81px; right: 0; } .tutorial .tutorial-slider .slide-four .slide-four__desc1 { width: 320px; position: absolute; top: 66px; left: 46px; } .tutorial .tutorial-slider .slide-four .slide-four__desc2 { width: 280px; position: absolute; right: 34%; bottom: 349px; } .tutorial .tutorial-slider .slide-four .slide-four__desc2 p { text-align: right; } .tutorial .tutorial-slider .slide-four .slide-four__desc3 { width: 32%; max-width: 440px; position: absolute; top: 240px; right: 0; text-align: right; } .tutorial .tutorial-slider .slide-four .slide-four__desc4 { width: 34%; position: absolute; max-width: 465px; bottom: 119px; left: 791px; } .tutorial .tutorial-slider .slide-five { position: relative; } .tutorial .tutorial-slider .slide-five .slide-five__wrap { padding-top: 62px; 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: start; -ms-flex-pack: start; justify-content: flex-start; } .tutorial .tutorial-slider .slide-five .slide-five__wrap .slide-five__img1 { width: 410px; display: inline-block; vertical-align: top; } .tutorial .tutorial-slider .slide-five .slide-five__wrap .slide-five__middle { width: 21%; position: relative; padding-top: 116px; } .tutorial .tutorial-slider .slide-five .slide-five__wrap .slide-five__middle .slide-five__desс1 { max-width: 170px; width: 59%; position: absolute; bottom: 293px; left: 13%; } .tutorial .tutorial-slider .slide-five .slide-five__wrap .slide-five__middle .slide-five__arrows { width: 96%; } .tutorial .tutorial-slider .slide-five .slide-five__wrap .slide-five__middle .slide-five__desс2 { width: 76%; max-width: 220px; position: absolute; top: 318px; left: 13%; } .tutorial .tutorial-slider .slide-five .slide-five__wrap .slide-five__middle .slide-five__desс2 p:first-child { margin-bottom: 2px; } .tutorial .tutorial-slider .slide-five .slide-five__wrap .slide-five__img2 { width: 540px; padding-top: 21px; display: inline-block; vertical-align: top; } .tutorial .tutorial-slider .slide-five .slide-five__wrap .slide-five__desс3 { max-width: 467px; position: absolute; bottom: 406px; left: 25px; } .tutorial .tutorial-slider .slide-five .slide-five__wrap .slide-five__desс4 { max-width: 518px; position: absolute; right: 150px; bottom: 425px; } .tutorial .tutorial-slider .slide-five .slide-five__wrap .slide-five__desс5 { width: 45%; max-width: 613px; position: absolute; top: 545px; left: calc(21% + 410px); } .tutorial .tutorial-slider .slide-six { position: relative; } .tutorial .tutorial-slider .slide-six .tutorial__common_title { width: 538px; margin: 0 auto; } .tutorial .tutorial-slider .slide-six .slide-six__img1 { position: absolute; top: 8px; left: 0; width: 100%; height: 346px; background-repeat: no-repeat; background-position: right 0; } .tutorial .tutorial-slider .slide-six .slide-six__desc1 { width: 347px; position: absolute; top: 100px; right: 24px; } .tutorial .tutorial-slider .slide-six .slide-six__desc2 { width: 448px; position: absolute; top: 340px; right: 582px; } .tutorial .tutorial-slider .slide-six .slide-six__desc3 { position: absolute; top: 553px; right: 50px; } .tutorial .tutorial-slider .slide-six .slide-six__desc3 p { width: 280px; margin-right: 15px; vertical-align: top; display: inline-block; text-align: right; } .tutorial .tutorial-slider .slide-six .slide-six__desc3 div { width: 60px; padding-top: 28px; vertical-align: top; display: inline-block; } .tutorial .tutorial-slider .slide-seven { position: relative; } .tutorial .tutorial-slider .slide-seven .tutorial__common_title { width: 492px; margin: 0 auto; } .tutorial .tutorial-slider .slide-seven .slide-seven__img1 { width: 375px; position: absolute; top: 145px; left: 0; } @media screen and (max-width: 1280px) { .tutorial .tutorial-slider .slide-seven .slide-seven__img1 { width: 355px; } } .tutorial .tutorial-slider .slide-seven .slide-seven__arrow1 { width: calc(33% - 181px); position: absolute; top: 227px; left: 181px; } @media screen and (max-width: 1280px) { .tutorial .tutorial-slider .slide-seven .slide-seven__arrow1 { width: 197px; left: 172px; } } .tutorial .tutorial-slider .slide-seven .slide-seven__arrow1 > div div { display: inline-block; vertical-align: middle; } .tutorial .tutorial-slider .slide-seven .slide-seven__arrow1 > div div:first-child { width: calc(100% - 9px); height: 1px; background-color: #afafaf; } .tutorial .tutorial-slider .slide-seven .slide-seven__arrow1 > div div:last-child { width: 0; height: 0; margin-left: -6px; border-top: 5px solid transparent; border-left: 8px solid #afafaf; border-bottom: 5px solid transparent; } .tutorial .tutorial-slider .slide-seven .slide-seven__arrow2 { width: 100%; position: absolute; top: 477px; left: 0; padding-left: 258px; padding-right: 438px; } @media screen and (max-width: 1280px) { .tutorial .tutorial-slider .slide-seven .slide-seven__arrow2 { top: 459px; } } .tutorial .tutorial-slider .slide-seven .slide-seven__arrow2 > div div { display: inline-block; vertical-align: middle; } .tutorial .tutorial-slider .slide-seven .slide-seven__arrow2 > div div:first-child { width: calc(100% - 13px); height: 1px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(175, 175, 175, 0.17)), to(#afafaf)), -webkit-gradient(linear, left top, left bottom, from(rgba(8, 0, 27, 0)), to(rgba(218, 218, 218, 0))); background-image: linear-gradient(to right, rgba(175, 175, 175, 0.17), #afafaf), linear-gradient(rgba(8, 0, 27, 0), rgba(218, 218, 218, 0)); } .tutorial .tutorial-slider .slide-seven .slide-seven__arrow2 > div div:last-child { width: 0; height: 0; margin-left: -6px; border-top: 5px solid transparent; border-left: 8px solid #afafaf; border-bottom: 5px solid transparent; } .tutorial .tutorial-slider .slide-seven .slide-seven__img2 { width: 386px; position: absolute; top: 145px; left: 33%; } @media screen and (max-width: 1280px) { .tutorial .tutorial-slider .slide-seven .slide-seven__img2 { left: 367px; } } .tutorial .tutorial-slider .slide-seven .slide-seven__desc2 { width: 375px; position: absolute; left: 33%; top: 358px; font-size: 12px; } @media screen and (max-width: 1280px) { .tutorial .tutorial-slider .slide-seven .slide-seven__desc2 { left: 367px; } } .tutorial .tutorial-slider .slide-seven .slide-seven__right { width: 444px; position: absolute; top: 138px; right: 0; font-size: 12px; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-l { width: 34%; margin-left: -4px; display: inline-block; vertical-align: middle; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-r { width: 66%; margin-left: -4px; padding-left: 10px; display: inline-block; vertical-align: middle; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-r p { line-height: 19px; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-1 { position: relative; margin-bottom: 24px; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-1::after { content: ""; width: 100%; height: 1px; position: absolute; bottom: -10px; left: 0; background-color: #494766; opacity: 0.6; } @media screen and (max-width: 1280px) { .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-1 { margin-bottom: 12px; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-1::after { bottom: -6px; } } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-1.en { margin-bottom: 44px; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-1.en::after { bottom: -20px; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-1 .slide-seven__desc3-l div { text-align: center; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-1 .slide-seven__desc3-l div:first-child { margin-bottom: 10px; color: #a32626; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-1 .slide-seven__desc3-l div:last-child { padding: 13px 0; color: #afafaf; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-1 .slide-seven__desc3-l div:last-child span { border: 1px solid #7964ac; border-radius: 4px; padding: 5px 10px; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-2 { margin-bottom: 10px; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-2.en { margin-bottom: 23px; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-2 .slide-seven__desc3-l div { text-align: center; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-2 .slide-seven__desc3-l div:first-child { padding: 5px 0; margin-bottom: 20px; color: #afafaf; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-2 .slide-seven__desc3-l div:first-child span { border: 1px solid #7964ac; border-radius: 4px; padding: 5px 10px; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__desc3-2 .slide-seven__desc3-l div:last-child { color: #00855e; } .tutorial .tutorial-slider .slide-seven .slide-seven__right .slide-seven__img3 { width: 100%; } .tutorial .tutorial-slider .slide-seven__desc1 { position: absolute; width: 100%; bottom: -500px; left: 0; } .tutorial .tutorial-slider .slide-seven__desc1 p { max-width: 60%; margin: 0 auto; text-align: center; } .tutorial .tutorial-slider .slide-eight { position: relative; font-family: "Fira Sans", sans-serif; } .tutorial .tutorial-slider .slide-eight .slide-eight__top { font-size: 12px; line-height: 18px; } .tutorial .tutorial-slider .slide-eight .slide-eight__top > div { display: inline-block; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__left { width: 400px; position: absolute; left: -5px; top: 169px; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__left .slide-eight__left-wrap { position: relative; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__left .slide-eight__left-wrap .slide-eight__img1 { width: 100%; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__left .slide-eight__left-wrap .slide-eight__img1 img { width: 100%; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__left .slide-eight__left-wrap .slide-eight__desc1-1 { width: 100%; padding: 0 65px; position: absolute; bottom: 28px; left: 0; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__left .slide-eight__left-wrap .slide-eight__desc1-1 div { text-align: center; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__left .slide-eight__left-wrap .slide-eight__desc1-1 div:first-child { margin-bottom: 11px; font-size: 16px; color: #18e1a1; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__left .slide-eight__left-wrap .slide-eight__desc1-1 div:last-child { color: #afafaf; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__middle { width: 537px; margin: 0 auto; display: block; padding-right: 40px; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__middle .slide-eight__middle-wrap { position: relative; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__middle .slide-eight__middle-wrap .slide-eight__img2 { width: 100%; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__middle .slide-eight__middle-wrap .slide-eight__img2 img { width: 100%; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__middle .slide-eight__middle-wrap .slide-eight__desc1-2 { width: 290px; position: absolute; top: 66%; left: 50%; text-align: center; color: #afafaf; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__right { width: 270px; position: absolute; right: 5%; top: 161px; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__right .slide-eight__img3 { width: 100%; margin-bottom: 21px; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__right .slide-eight__img3 img { width: 100%; } .tutorial .tutorial-slider .slide-eight .slide-eight__top .slide-eight__right .slide-eight__desc1-3 { text-align: center; color: #afafaf; } .tutorial .tutorial-slider .slide-eight .slide-eight__desc2 { width: 100%; max-width: 783px; margin: 0 auto; padding-top: 50px; font-size: 16px; color: #afafaf; text-align: center; line-height: 24px; } .tutorial .tutorial-slider .slide-nine { position: relative; } .tutorial .tutorial-slider .slide-nine .slide-eight__desc1 { width: 488px; margin: 0 auto; position: absolute; bottom: 40px; left: -52%; right: 0; font-size: 16px; color: #afafaf; text-align: center; line-height: 24px; } .tutorial .tutorial-slider .slide-nine .slide-eight__desc2 { width: 175px; margin: 0 auto; position: absolute; bottom: 168px; left: 76%; right: 0; font-size: 12px; color: #afafaf; text-align: center; line-height: 18px; } @media (max-width: 1300px) { .tutorial .tutorial-slider .slide-nine .slide-eight__desc2 { bottom: 150px; } } .tutorial .mCSB_container_wrapper { margin-right: 0; } .tutorial .mCSB_container_wrapper > .mCSB_container { padding-right: 10px; } .tutorial .mCSB_scrollTools { width: 7px; } .tutorial .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 12px; } .notification { width: 663px; padding-top: 33px; padding-bottom: 37px; border-radius: 6px; background-image: -webkit-gradient(linear, left bottom, left top, from(#363072), to(#2a2943)); background-image: linear-gradient(to top, #363072, #2a2943); } .notification .notification__wrap h2 { margin: 0 auto; text-align: center; font-family: "Fira Sans", sans-serif; font-size: 28px; color: #afafaf; } .notification .notification__wrap p { text-align: center; font-family: "Fira Sans", sans-serif; font-size: 16px; color: #afafaf; } .notification .notification__wrap .notification__heading { margin-bottom: 20px; } .notification .notification__wrap .notification__text-top { padding: 0 50px; margin-bottom: 34px; line-height: 23px; } .notification .notification__wrap .notification__img { width: 100%; height: 405px; margin: 0 auto 11px auto; } .notification .notification__wrap .notification__img.ru { background: url("../themes/site/assets/img/notification/pic-prisehistory-ru.png") center no-repeat; background-size: contain; } .notification .notification__wrap .notification__img.en { background: url("../themes/site/assets/img/notification/pic-prisehistory-en.png") center no-repeat; background-size: contain; } .notification .notification__wrap .notification__text-btm { margin: 0 0 46px 0; padding: 0 33px; } .notification .notification__wrap .notification__btn { display: block; margin: 0 auto; } .popup-destruct { width: 405px; padding-top: 34px; padding-bottom: 20px; background-image: -webkit-gradient(linear, left bottom, left top, from(#363072), to(#2a2750)); background-image: linear-gradient(to top, #363072, #2a2750); font-family: "Fira Sans", sans-serif; font-size: 18px; color: #afafaf; border-radius: 10px; position: relative; } .popup-destruct .close-btn { position: absolute; top: 5px; right: 8px; cursor: pointer; } .popup-destruct .close-btn:hover #btn_close { fill: #eeeeee; } .popup-destruct .popup-destruct__info { width: 84%; margin: 0 auto 3px auto; text-align: center; } .popup-destruct .popup-destruct__receive { margin-bottom: 18px; text-align: center; } .popup-destruct .popup-destruct__receive div { display: inline-block; vertical-align: middle; } .popup-destruct .popup-destruct__receive div:first-child { margin-right: 10px; } .popup-destruct .popup-destruct__receive div:last-child img { width: 15px; height: 15px; display: inline-block; vertical-align: middle; } .popup-destruct .popup-destruct__receive div:last-child span { display: inline-block; vertical-align: middle; color: #00c080; } .popup-destruct .popup-destruct__btn { width: 84%; margin: 0 auto; text-align: center; } .popup-destruct .popup-destruct__btn .open-btn { width: 38%; padding: 6px 0; } .popup-destruct .popup-destruct__btn .destruct-btn { width: 57%; padding: 7px 0; margin-left: 12px; background: #c53838; } .popup-destruct .popup-destruct__btn .destruct-btn:hover { background: #e33d3d; } .bonus-confirm { width: 356px; padding-top: 19px; padding-bottom: 16px; border-radius: 8px; background-image: -webkit-gradient(linear, left bottom, left top, from(#32296a), to(#282349)); background-image: linear-gradient(to top, #32296a, #282349); color: #afafaf; font-family: "Fira Sans", sans-serif; } .bonus-confirm .bonus-confirm__wrap { position: relative; text-align: center; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__close { position: absolute; top: -12px; right: 8px; cursor: pointer; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__close:hover #btn_close { fill: #eeeeee; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__title { margin-bottom: 15px; font-size: 18px; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__img { width: 72px; margin: 0 auto 13px auto; position: relative; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__img .bonus-confirm__rarity { width: 8px; height: 8px; position: absolute; top: 0; left: 0; border-radius: 10px; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__img img { width: 100%; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__info { margin-bottom: 21px; padding: 0 40px; line-height: 20px; font-size: 14px; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__actions .buy-btn { display: block; margin: 0 auto 12px auto; padding: 9px 16px; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__actions .cancel { display: block; margin: 0 auto; padding: 0 0 3px 0; position: relative; background: none; border: none; opacity: 0.6; font-size: 14px; -webkit-transition: opacity 100ms; transition: opacity 100ms; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__actions .cancel::after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #979797; -webkit-transition: background-color 100ms; transition: background-color 100ms; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__actions .cancel:hover { opacity: 1; } .bonus-confirm .bonus-confirm__wrap .bonus-confirm__actions .cancel:hover::after { background-color: #afafaf; } .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: start; -ms-flex-pack: start; justify-content: flex-start; font-family: "Inter", sans-serif; } .alert-cookies-policy h1, .alert-cookies-policy h3, .alert-cookies-policy p { font-family: "Inter", sans-serif; } .alert-content { max-width: 766px; border-radius: 20px 20px 0 0; left: 84px; padding: 40px 0; width: 100%; background: #FFFFFF; position: relative; } /* Common styles */ .alert-header { font-weight: 600; font-size: 32px; line-height: 40px; margin-bottom: 32px; padding: 0 40px; color: #000000; } .alert-header-sm { font-weight: 800; font-size: 18px; line-height: 32px; margin: 0; color: #000000; } .alert-text-block { margin-bottom: 40px; max-height: 384px; padding: 0 40px; } .scroll { overflow-y: scroll; } .scroll::-webkit-scrollbar { width: 6px; } .scroll::-webkit-scrollbar-thumb { background-color: #5346E7; } .alert-text, .alert-link { font-weight: 300; font-size: 18px; line-height: 32px; outline: none; margin: 0; 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; padding: 0 40px; } .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; margin-right: 20px; cursor: pointer; } .button:last-of-type { margin-right: 0; } .button .button_text { font-weight: 500; font-size: 18px; line-height: 150%; padding: 14px 16px; } .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 40px; display: block; } .alert-config-block { margin: 32px 0; max-height: 206px; } .alert-config-row { margin-bottom: 26px; } .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: 16px; } .alert-config-row .icon-more-info .icon { width: 28px; height: 28px; color: #000000; } .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 40px; } .alert-config-row .config-item { -webkit-transition: all 150ms ease; transition: all 150ms ease; padding: 0 40px; } .alert-config-row .config-item.open { margin-bottom: 16px; } .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: 54px; height: 30px; margin-bottom: 0; display: inline-block; position: relative; } .toggle-switch input { display: none; } .toggle-switch .switcher { border-radius: 36px; border: 2px 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: 24px; width: 24px; left: 2px; 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: 2px solid #5346E7; } .toggle-switch .switcher.checked:after { -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px); background-color: #ffffff; } .toggle-switch .switcher.disabled { border: 2px solid #989898; pointer-events: none; cursor: default; background-color: #989898; } @media only screen and (max-width: 1390px) { /* Common styles */ .alert-content { max-width: 568px; border-radius: 12px 12px 0 0; left: 46px; padding: 24px 0; } .alert-text-block { margin-bottom: 24px; max-height: 194px; padding: 0 32px; } .scroll::-webkit-scrollbar { width: 4px; } .alert-header { font-size: 18px; margin-bottom: 20px; } .alert-header-sm { font-size: 14px; line-height: 20px; padding: 0 32px; } .alert-text, .alert-link { font-size: 16px; line-height: 24px; } .button { margin-right: 10px; } .button .button_text { font-size: 14px; } .alert-btn-block { padding: 0 32px; } /* Main block */ /* Config cookies block */ .config-info > .alert-text { padding: 0 32px; } .alert-config-block { margin: 24px 0 32px 0; max-height: 146px; } .alert-config-row { margin-bottom: 22px; } .alert-config-row .config-item { padding: 0 32px; } .alert-config-row .config-item.open { margin-bottom: 12px; } .alert-config-row .icon-more-info { margin-right: 8px; } .alert-config-row .icon-more-info .icon { width: 16px; height: 16px; } .alert-config-row .alert-header-sm { padding: 0; } .alert-config-row .hide-block .alert-text { padding: 0 32px; font-size: 14px; } /* Checkbox */ .toggle-switch { width: 32px; height: 18px; } .toggle-switch .switcher { border-radius: 28px; border: 1px solid #5346E7; } .toggle-switch .switcher:after { height: 14px; width: 14px; left: 1px; } .toggle-switch .switcher.checked { border: 1px solid #5346E7; } .toggle-switch .switcher.checked:after { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } .toggle-switch .switcher.disabled { border: 1px solid #989898; } } @media only screen and (max-width: 968px) { /* Common styles */ .alert-content { max-width: 556px; left: 16px; padding: 24px 0; } .alert-text-block { padding: 0 24px; } .alert-header { font-size: 20px; margin-bottom: 24px; padding: 0 24px; } .button { margin-right: 12px; } .alert-btn-block { padding: 0 24px; } .button { border-radius: 6px; } .button .button_text { font-size: 14px; line-height: 20px; padding: 14px 16px; } /* Main block */ /* Config cookies block */ .config-info > .alert-text { padding: 0 24px; } .alert-config-block { margin: 24px 0; max-height: 150px; } .alert-config-row { margin-bottom: 20px; } .alert-config-row .config-item { padding: 0 24px; } .alert-config-row .config-item.open { margin-bottom: 12px; } .alert-config-row .icon-more-info { margin-right: 16px; } .alert-config-row .icon-more-info .icon { width: 22px; height: 22px; } .alert-config-row .alert-header-sm { padding: 0; } .alert-config-row .hide-block .alert-text { padding: 0 24px; } /* Checkbox still the same */ } @media only screen and (max-width: 690px) { /* Common styles */ .alert-cookies-policy { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .alert-content { max-width: 90%; border-radius: 10px 10px 0 0; left: unset; padding: 20px 0; } .alert-text-block { max-height: 258px; padding: 0 12px; } .scroll::-webkit-scrollbar { width: 2px; } .alert-header { margin-bottom: 18px; padding: 0 12px; } .alert-header-sm { font-size: 12px; line-height: 16px; } .alert-text, .alert-link { font-size: 14px; line-height: 22px; } .alert-btn-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .button { margin-right: 0; margin-bottom: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button .button_text { padding: 14px 14px; } .alert-btn-block { padding: 0 12px; } /* Main block */ /* Config cookies block */ .config-info > .alert-text { padding: 0 12px; } .alert-config-block { margin: 20px 0 24px 0; } .alert-config-row { margin-bottom: 20px; } .alert-config-row .config-item { padding: 0 12px; } .alert-config-row .config-item.open { margin-bottom: 12px; } .alert-config-row .icon-more-info { margin-right: 14px; } .alert-config-row .icon-more-info .icon { width: 22px; height: 22px; } .alert-config-row .alert-header-sm { padding: 0; } .alert-config-row .hide-block .alert-text { padding: 0 12px; } /* Checkbox still the same */ } .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; } .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; } .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; } html, .menu-top { min-width: 1200px; } body { background: #212036; } .unload { display: none; } .catalog-page { width: 100%; min-width: 1200px; background: url("../themes/site/assets/img/catalog/catalog_bg.jpg") top center no-repeat; background-size: cover; } .catalog-page img { display: block; } .catalog-page .block-content header { padding: 32px 0 53px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 1390px) { .catalog-page .block-content header { padding: 32px 0 45px; } } .catalog-page .block-content header .catalog__logo { width: 208px; height: 57px; } .catalog-page .block-content header .header-block-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-page .block-content header .header-block-right .enter-promocode-menu { width: 189px; height: 44px; border: 1px solid #604D92; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; text-align: center; } .catalog-page .block-content header .header-block-right .enter-promocode-menu a { font-size: 14px; color: #B0B3CA; line-height: 44px; } .catalog-page .block-content header .header-block-right .shop__bonus { margin-left: 40px; display: inline-block; vertical-align: middle; white-space: nowrap; } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-eq-text { margin-right: 16px; display: inline-block; vertical-align: middle; font-size: 18px; color: #afafaf; } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-eq { width: 17px; height: 17px; margin-right: 5px; border-radius: 30px; display: inline-block; vertical-align: middle; } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-eq img { width: 100%; height: 100%; } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-score { margin-right: 5px; display: inline-block; vertical-align: middle; position: relative; } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-score span { display: block; font-size: 18px; color: #00c080; } @-webkit-keyframes updateScore { from { opacity: 1; } 50% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } to { opacity: 0; -webkit-transform: translateY(22px); transform: translateY(22px); } } @keyframes updateScore { from { opacity: 1; } 50% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } to { opacity: 0; -webkit-transform: translateY(22px); transform: translateY(22px); } } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-score .shop__bonus-addition { position: absolute; bottom: 22px; right: 0; color: #00c080; opacity: 0; font-size: 18px; } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-score .shop__bonus-addition.animate { -webkit-animation: updateScore 1s ease-in-out; animation: updateScore 1s ease-in-out; } .catalog-page .block-content section.main-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog-page .block-content section.main-content article.sidebar { width: 232px; margin-right: 24px; 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: 1px solid #604D92; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.sidebar { width: 195px; margin-right: 20px; } } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item p { font-size: 20px; color: #ffffff; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1 { margin-bottom: 12px; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1:last-of-type { margin-bottom: 0; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1:last-of-type p { margin-bottom: 0; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title { cursor: default; pointer-events: none; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p { position: relative; margin-bottom: 30px; line-height: 1; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p { line-height: 24px; } } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p::after { content: ""; position: absolute; left: 0; bottom: -12px; width: 80px; height: 1px; background: #7777B4; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 { padding: 16px; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p { font-size: 14px; color: #D2D2D9; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p:hover { color: #604d92; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p:active { color: rgba(96, 77, 146, 0.35); } .catalog-page .block-content section.main-content article.slider-and-categories { width: 1112px; margin-bottom: 65px; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories { width: 936px; margin-bottom: 28px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block { width: 100%; position: relative; margin-bottom: 55px; border: 1px solid #604D92; border-radius: 8px; overflow: hidden; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block { margin-bottom: 52px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-nav { height: 32px; background: rgba(34, 26, 68, 0.9); border-radius: 8px; position: absolute; z-index: 1; right: 30px; bottom: 18px; padding: 0 20px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-nav .catalog-slider__arrow { width: 11px; height: 19px; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 2; cursor: pointer; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-nav .catalog-slider__arrow-left { background: url("../themes/site/assets/img/slider-arrow-left@2x.png") no-repeat; background-size: contain; left: 10px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-nav .catalog-slider__arrow-right { background: url("../themes/site/assets/img/slider-arrow-right@2x.png") no-repeat; background-size: contain; right: 10px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider { height: 280px; width: 100%; overflow: hidden; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider { height: 236px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider a { display: block; text-decoration: none; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item { height: 280px; width: 100%; position: relative; overflow: hidden; border-radius: 8px; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item { height: 236px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item:focus { outline: -webkit-focus-ring-color auto 0px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-link { position: absolute; height: 100%; width: 100%; z-index: 3; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-bg { height: 280px; width: 100%; position: absolute; z-index: 1; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-bg { height: 236px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-info { width: 43%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; padding: 25px 0 25px 82px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-info { position: absolute; z-index: 1; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-info > div { z-index: 2; font-family: "Fira Sans", sans-serif; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-info > div:nth-child(1) { font-size: 42px; font-weight: 500; color: #dadada; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-info > div:nth-child(1) span { position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#77b4ee), to(#5458af)), -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#dadada)); background-image: linear-gradient(to right, #77b4ee, #5458af), linear-gradient(#dadada, #dadada); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-info > div:nth-child(1) span { background-image: none; color: #8BBCEA; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-info > div:nth-child(1) span:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5458AF", endColorstr="#77B4EE", GradientType=0); } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-info > div:nth-child(2) { font-size: 30px; color: #dadada; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-info > div:nth-child(2) span { color: #8bbcea; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-info > div:nth-child(3) { font-size: 18px; color: #afafaf; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider-item .catalog__slider-game { position: absolute; top: 0; right: 0; z-index: 2; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories { width: 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: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #eeeeee; position: relative; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block { width: 360px; height: 307px; position: relative; background: rgba(77, 56, 121, 0.3); margin-bottom: 55px; border: 1px solid #604D92; border-radius: 8px; margin-right: 16px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block:nth-of-type(3n) { margin-right: 0; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block { width: 304px; height: 328px; margin-right: 12px; margin-bottom: 52px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block:nth-of-type(3n) { margin-right: 0; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__inactive { width: calc(100% + 5px); height: calc(100% + 30px); z-index: 3; position: absolute; bottom: -2px; left: -2px; text-align: center; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__inactive:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__inactive img { max-width: 163px; display: inline-block; vertical-align: middle; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__inactive div { font-size: 52px; display: inline-block; vertical-align: middle; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__inactive span { font-size: 47px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow { position: absolute; top: calc(50% - 50px); right: 15px; z-index: 2; cursor: pointer; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow { top: 91px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow-left { left: 7px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow-left { left: 5px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow-right { right: 7px; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow-right { right: 5px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__top { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__logo { width: 120px; height: 80px; position: absolute; z-index: 1; top: -40px; left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-repeat: no-repeat; background-position: center; background-size: contain; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider { width: 100%; height: 284px; background: url(../themes/site/assets/img/catalog/categories-block-mask@2x.png) no-repeat bottom center, rgba(77, 56, 121, 0.3); background-size: contain; overflow: hidden; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item { width: 100%; height: 284px; position: relative; /*only for hardcore inactive img*/ } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 157px; z-index: 2; height: 54px; margin-left: 4px; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags { top: 121px; margin-left: 31px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags .catalog-category__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; z-index: 1; position: relative; margin-right: -15px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags .catalog-category__label p { margin: 0; font-size: 16px; color: #eeeeee; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags .catalog-category__label.red-badge { width: 72px; height: 55px; background: url("../themes/site/assets/img/label-discount-main.png") no-repeat; background-size: contain; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags .catalog-category__label.red-badge ~ .catalog-category__timer { right: 2px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags .catalog-category__label.green-badge { width: 76px; height: 76px; background: url("../themes/site/assets/img/label-new-main@2x.png") no-repeat; background-size: contain; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags .catalog-category__label.green-badge span { text-transform: uppercase; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags .catalog-category__label.green-badge ~ .catalog-category__timer { right: 6px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags .catalog-category__timer { 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; width: 144px; height: 55px; background: url(../themes/site/assets/img/timer-bg@2x.png), no-repeat; background-size: contain; position: relative; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags .catalog-category__timer p { font-size: 14px; margin: 0; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive { width: 100%; height: 100%; padding-top: 24px; text-align: center; position: relative; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive { padding-top: 32px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product div, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive div { width: 78%; display: inline-block; vertical-align: middle; position: relative; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product div .click-overlay, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive div .click-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product div .click-overlay:hover + .hover-shining, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive div .click-overlay:hover + .hover-shining { -webkit-transition: -webkit-box-shadow 200ms; transition: -webkit-box-shadow 200ms; transition: box-shadow 200ms; transition: box-shadow 200ms, -webkit-box-shadow 200ms; -webkit-box-shadow: 0px 0px 169px 55px #705ba7; box-shadow: 0px 0px 169px 55px #705ba7; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product div .hover-shining, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive div .hover-shining { position: absolute; top: 50%; left: 50%; width: 0; height: 0; -webkit-transition: -webkit-box-shadow 200ms; transition: -webkit-box-shadow 200ms; transition: box-shadow 200ms; transition: box-shadow 200ms, -webkit-box-shadow 200ms; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product div .catalog-category__img, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive div .catalog-category__img { width: 260px; height: 194px; position: relative; z-index: 1; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; overflow: hidden; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product div .catalog-category__img, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive div .catalog-category__img { width: 208px; height: 155px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product div .catalog-category__img::before, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive div .catalog-category__img::before { content: ""; position: absolute; top: 0; right: 0; width: 16px; height: 16px; background: url(../themes/site/assets/img/catalog/info@2x.png) no-repeat; background-size: contain; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product div .catalog-category__img img, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive div .catalog-category__img img { width: 100%; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive div:hover::before { -webkit-box-shadow: none; box-shadow: none; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination { width: 100%; position: absolute; z-index: 3; bottom: 38px; right: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 16px; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; bottom: 12px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination .catalog-category__name { display: inline-block; padding-right: 10px; font-family: "Fira Sans", sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; color: #D2D2D9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 36px; } @media only screen and (max-width: 1390px) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination .catalog-category__name { margin-bottom: 14px; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination .catalog-category__sales { position: relative; display: inline-block; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination .catalog-category__sales div { height: 100%; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination .catalog-category__sales div:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination .catalog-category__sales div span { margin-left: -6px; display: inline-block; vertical-align: middle; font-family: "Fira Sans", sans-serif; font-size: 19px; background-image: -webkit-gradient(linear, left top, right top, from(#77b4ee), to(#5458af)), -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#dadada)); background-image: linear-gradient(to right, #77b4ee, #5458af), linear-gradient(#dadada, #dadada); font-weight: 100; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination .catalog-category__sales div span:before { content: ""; position: absolute; top: 0; left: calc(50% - 30px); width: 60px; height: 1px; margin: 0 auto; background-image: linear-gradient(255deg, #9093dc, #8bbcea); } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination .catalog-category__sales div span:after { content: ""; position: absolute; bottom: 0; left: calc(50% - 30px); width: 60px; height: 1px; margin: 0 auto; background-image: linear-gradient(255deg, #9093dc, #8bbcea); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination .catalog-category__sales div span { background-image: none; color: #8bbcea; } } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__hidden { display: none; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories__block[data-show="4"] { padding: 0 20px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories__block[data-show="4"] .catalog-category__product, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories__block[data-show="4"] .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-categories__block[data-show="4"] .catalog-category__product-inactive { padding-top: 77px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories__block[data-show="4"] .catalog-category__nomination { bottom: 20px; } .none-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*.catalog-category__label { display: none; position: absolute; top: 50px; right: 20px; z-index: 2; text-align: center; div { display: inline-block; vertical-align: middle; font-weight: 100; text-transform: uppercase; } &::before { content: ''; height: 100%; width: 0; margin-left: -5px; display: inline-block; vertical-align: middle; } &.green-badge { width: 111px; height: 111px; display: block; background: url(../img/label-new.png) center no-repeat; background-size: cover; div { font-size: 18px; } } &.red-badge { width: 130px; height: 100px; display: block; background: url(../img/label-discount.png) center no-repeat; background-size: cover; div { font-size: 24px; } } }*/ .fancybox-margin { margin-right: 0; } .coming-soon .catalog-category__arrow-l { opacity: 0.4; } .coming-soon .catalog-category__arrow-r { opacity: 0.4; } .coming-soon .catalog-category__top { opacity: 0.4; } .coming-soon .catalog-category__logo { opacity: 0.4; } .coming-soon .catalog-category__slider { opacity: 0.4; } .shop__heading { font-size: 18px; } .boxes-number { display: none; } .page-shop { min-width: 1200px; } .shop-page { width: 100%; min-width: 1200px; background-position-y: 0px !important; background-position-x: center !important; padding-top: 40px; padding-bottom: 100px; font-family: "Fira Sans", sans-serif; font-size: 14px; color: #afafaf; position: relative; } .shop-page div { outline: none; } .shop-page img { display: block; } .shop-page .shop-wrap { width: 98%; height: 100%; max-width: 1370px; margin: 0 auto; } .shop-page .shop__logo { height: 140px; } .shop-page .shop__logo:before { content: ""; height: 100%; width: 0; display: inline-block; vertical-align: middle; } .shop-page .shop__logo img { display: inline-block; vertical-align: middle; } .shop-page .shop__content { 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; } .shop-page .shop__purchase { width: calc(98.2% - 469px); -webkit-box-shadow: 0px 2px 23px 1px rgba(0, 0, 0, 0.75); box-shadow: 0px 2px 23px 1px rgba(0, 0, 0, 0.75); border-radius: 10px; } .shop-page .shop__things { width: 469px; } .shop-page .shop__buy { width: 100%; position: relative; background: #2a2750; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; } .shop-page .shop__video-bg, .shop-page .shop__video-to-opn, .shop-page .shop__video-end-loop { width: calc(100% + 40px); height: 100%; position: absolute; top: 0; left: -20px; -webkit-transition: 300ms; transition: 300ms; } @media only screen and (max-width: 1370px) { .shop-page .shop__video-bg, .shop-page .shop__video-to-opn, .shop-page .shop__video-end-loop { width: calc(100% + 90px); position: absolute; top: 0; left: -45px; } } @media only screen and (max-width: 1300px) { .shop-page .shop__video-bg, .shop-page .shop__video-to-opn, .shop-page .shop__video-end-loop { width: calc(100% + 180px); position: absolute; top: 0; left: -90px; } } .shop-page .shop__video-bg video, .shop-page .shop__video-to-opn video, .shop-page .shop__video-end-loop video { width: 100%; height: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; opacity: 1; -webkit-transition: 500ms; transition: 500ms; } .shop-page .shop__video-skip { position: absolute; right: 10px; bottom: 10px; font-size: 14px; font-family: "Fira Sans", sans-serif; color: rgba(255, 255, 255, 0.302); z-index: 328; background: none; border: none; -webkit-transition: 200ms; transition: 200ms; } .shop-page .shop__video-skip:hover { color: white; } .shop-page .shop__card-drop { width: calc(100% + 40px); height: 100%; position: absolute; top: 0; left: -20px; -webkit-transition: 700ms; transition: 700ms; opacity: 1; z-index: 1; text-align: center; } .shop-page .shop__card-drop img { width: 100%; height: 100%; display: inline-block; } @media only screen and (max-width: 1370px) { .shop-page .shop__card-drop { width: calc(100% + 90px); position: absolute; top: 0; left: -45px; } } @media only screen and (max-width: 1300px) { .shop-page .shop__card-drop { width: calc(100% + 180px); position: absolute; top: 0; left: -90px; } } .shop-page .shop__card-btn { position: absolute; bottom: 58px; width: 100%; text-align: center; z-index: 1; -webkit-transition: 500ms; transition: 500ms; } .shop-page .shop__card-btn button { display: inline-block; background: rgba(254, 234, 208, 0.29); border: 1px solid #f5f3ff; border-radius: 5px; padding: 7px 28px; cursor: pointer; color: #feead0; } .shop-page .shop__card-btn button:hover { background: rgba(150, 143, 135, 0.29); border: 1px solid #bfbfbf; } .shop-page .shop__video-to-opn video { -webkit-filter: blur(0px); filter: blur(0px); } .shop-page .shop__bonus { width: 97%; position: absolute; top: 17px; left: 3%; z-index: 4; } .shop-page .shop__bonus .shop__bonus-left { margin-right: 67px; display: inline-block; vertical-align: middle; white-space: nowrap; } .shop-page .shop__bonus .shop__bonus-left .shop__bonus-eq-text { margin-right: 16px; display: inline-block; vertical-align: middle; font-size: 18px; } .shop-page .shop__bonus .shop__bonus-left .shop__bonus-eq { width: 17px; height: 17px; margin-right: 5px; border-radius: 30px; display: inline-block; vertical-align: middle; } .shop-page .shop__bonus .shop__bonus-left .shop__bonus-eq img { width: 100%; height: 100%; } .shop-page .shop__bonus .shop__bonus-left .shop__bonus-score { margin-right: 5px; display: inline-block; vertical-align: middle; position: relative; } .shop-page .shop__bonus .shop__bonus-left .shop__bonus-score span { display: block; font-size: 18px; color: #00c080; } @keyframes updateScore { from { opacity: 1; } 50% { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } to { opacity: 0; -webkit-transform: translateY(22px); transform: translateY(22px); } } .shop-page .shop__bonus .shop__bonus-left .shop__bonus-score .shop__bonus-addition { position: absolute; bottom: 22px; right: 0; color: #00c080; opacity: 0; font-size: 18px; } .shop-page .shop__bonus .shop__bonus-left .shop__bonus-score .shop__bonus-addition.animate { -webkit-animation: updateScore 1s ease-in-out; animation: updateScore 1s ease-in-out; } .shop-page .shop__bonus .shop__bonus-right { display: inline-block; vertical-align: middle; } .shop-page .shop__bonus .shop__bonus-right .shop__bonus-items-text { margin-right: 26px; display: inline-block; vertical-align: middle; font-size: 18px; } .shop-page .shop__bonus .shop__bonus-right .shop__bonus-items { display: inline-block; vertical-align: middle; } .shop-page .shop__bonus .shop__bonus-right .shop__bonus-items li { width: 50px; height: 50px; margin-right: 15px; display: inline-block; cursor: pointer; position: relative; } .shop-page .shop__bonus .shop__bonus-right .shop__bonus-items li .shop__bonus-item-rarity { width: 7px; height: 7px; position: absolute; top: 0; left: 7px; border-radius: 10px; z-index: 1; } .shop-page .shop__bonus .shop__bonus-right .shop__bonus-items li .shop__bonus-wrap { width: 100%; height: 100%; border-radius: 80px; background: #443a6e; overflow: hidden; } .shop-page .shop__bonus .shop__bonus-right .shop__bonus-items li .shop__bonus-wrap .shop__bonus-inner { width: 100%; height: 100%; position: relative; background-color: #443a6e; } .shop-page .shop__bonus .shop__bonus-right .shop__bonus-items li .shop__bonus-wrap .shop__bonus-inner .shop__bonus-img { width: 100%; height: 100%; padding: 4px; position: relative; z-index: 1; } .shop-page .shop__bonus .shop__bonus-right .shop__bonus-items li .shop__bonus-wrap .shop__bonus-inner .shop__bonus-img img { width: 100%; height: 100%; } .shop-page .shop__bonus .shop__bonus-right .shop__bonus-items li .shop__bonus-wrap .shop__bonus-inner .shop__bonus-scale { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #00c080; } .shop-page .shop__goods { opacity: 1; -webkit-transition: 500ms; transition: 500ms; position: relative; padding-top: 90px; -webkit-box-shadow: inset 0px 79px 100px -23px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 79px 100px -23px rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 1370px) { .shop-page .shop__goods { padding-top: 85px; } } .shop-page .shop__goods .shop__goods-next { position: absolute; top: 50%; right: 23px; z-index: 2; cursor: pointer; } @media only screen and (max-width: 1370px) { .shop-page .shop__goods .shop__goods-next { right: 15px; } } .shop-page .shop__goods .shop__goods-next .shop__goods-next_hover { display: none; } .shop-page .shop__goods .shop__goods-next:hover .shop__goods-next_normal { display: none; } .shop-page .shop__goods .shop__goods-next:hover .shop__goods-next_hover { display: block; } .shop-page .shop__goods .shop__goods-prev { position: absolute; top: 50%; left: 23px; z-index: 2; cursor: pointer; } @media only screen and (max-width: 1370px) { .shop-page .shop__goods .shop__goods-prev { left: 15px; } } .shop-page .shop__goods .shop__goods-prev .shop__goods-prev_hover { display: none; } .shop-page .shop__goods .shop__goods-prev:hover .shop__goods-prev_normal { display: none; } .shop-page .shop__goods .shop__goods-prev:hover .shop__goods-prev_hover { display: block; } .shop-page .shop__goods .shop__goods-slider { width: 100%; padding: 0 42px; height: 412px; } .shop-page .shop__goods .shop__goods-slider .shop__goods-item { height: 327px; padding: 0 17px; margin-bottom: 65px; margin-top: 20px; } @media only screen and (max-width: 1370px) { .shop-page .shop__goods .shop__goods-slider .shop__goods-item { padding: 0 5px; margin-bottom: 55px; } } .shop-page .shop__goods .shop__goods-slider .shop__goods-item > div { width: 100%; height: 100%; position: relative; border-radius: 5px; background: url("../themes/site/assets/img/shop/shop_slider-item.png") no-repeat center; background-size: 200% 189%; text-align: center; -webkit-box-shadow: 0px 2px 23px 1px rgba(0, 0, 0, 0.75); box-shadow: 0px 2px 15px 1px rgba(0, 0, 0, 0.75); } .shop-page .shop__goods .shop__goods-slider .shop__goods-item .timer-wrapper { position: relative; width: 100%; text-align: center; bottom: 25px; } .shop-page .shop__goods .shop__goods-slider .shop__goods-item .timer-block { padding: 4px 19px 4px 16px; font-size: 14px; font-family: "Fira Sans", sans-serif; border: solid 1px #604d92; background: rgba(44, 27, 88, 0.8); z-index: 1; display: inline-block; } .shop-page .shop__goods .shop__goods-slider .shop__goods-item .timer-block span { text-shadow: 3px 0px 9px #927bcc; } .shop-page .shop__goods .shop__goods-slider .shop__goods-item .timer-block .triangles { width: 100%; position: relative; } .shop-page .shop__goods .shop__goods-slider .shop__goods-item .timer-block .triangles::before { content: ""; position: absolute; top: -2px; left: -14px; width: 0; height: 0; border-top: 7px solid #604d92; border-right: 7px solid transparent; } .shop-page .shop__goods .shop__goods-slider .shop__goods-item .timer-block .triangles::after { content: ""; position: absolute; bottom: -19px; right: -17px; width: 0; height: 0; border-bottom: 7px solid #604d92; border-left: 7px solid transparent; } .shop-page .shop__goods .shop__goods-slider .shop__goods-label { display: none; position: absolute; top: 110px; right: 10px; z-index: 2; text-align: center; color: #eeeeee; } .shop-page .shop__goods .shop__goods-slider .shop__goods-label div { display: inline-block; vertical-align: middle; font-weight: 100; text-transform: uppercase; } .shop-page .shop__goods .shop__goods-slider .shop__goods-label::before { content: ""; height: 100%; width: 0; margin-left: -5px; display: inline-block; vertical-align: middle; } .shop-page .shop__goods .shop__goods-slider .shop__goods-label.green-badge { width: 111px; height: 111px; top: 104px; display: block; background: url(../themes/site/assets/img/label-new.png) center no-repeat; background-size: cover; } .shop-page .shop__goods .shop__goods-slider .shop__goods-label.green-badge div { font-size: 18px; } .shop-page .shop__goods .shop__goods-slider .shop__goods-label.red-badge { width: 130px; height: 100px; display: block; background: url(../themes/site/assets/img/label-discount.png) center no-repeat; background-size: cover; } .shop-page .shop__goods .shop__goods-slider .shop__goods-label.red-badge div { font-size: 24px; } .shop-page .shop__goods .shop__goods-slider .shop__goods-heading { width: 100%; position: absolute; top: 25px; text-align: center; font-size: 16px; } .shop-page .shop__goods .shop__goods-slider .shop__goods-img { width: 140px; margin: 0 auto; padding-top: 50px; } .shop-page .shop__goods .shop__goods-slider .shop__goods-img img { max-width: 100%; width: 100%; } .shop-page .shop__goods .shop__goods-slider .click-overlay { width: 140px; height: 169px; position: absolute; top: 50px; left: calc(50% - 70px); z-index: 2; cursor: pointer; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action { width: 100%; position: absolute; bottom: 70px; text-align: center; z-index: 2; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action button { display: inline-block; padding: 8px 8px; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .shop__goods-value { width: 43px; position: relative; display: inline-block; color: #eeeeee; cursor: pointer; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .shop__goods-value button.value-inner { display: inline-block; width: 100%; height: 100%; padding: 7px 0; border: 1px #4EA783 solid; border-radius: 5px; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .shop__goods-value button.value-inner:hover { background: #40726F; border: 1px solid #4DA481; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .shop__goods-value .selector { display: none; width: 100%; position: absolute; top: 31px; left: 0; background: #4EA783; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 1; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .shop__goods-value .selector button { padding: 7px 0; position: relative; width: 100%; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .shop__goods-value .selector button:before { width: 30px; height: 1px; content: ""; position: absolute; top: 0; left: calc(50% - 15px); background: #494766; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .shop__goods-value .selector button:hover { background: #40726F; border: none; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .shop__goods-value .selector button:first-child:before { top: -1px; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .shop__goods-value .selector button:last-child:hover { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .value-active button.value-inner { background: #4EA783; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border: 1px #4EA783 solid; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .value-active button.value-inner:hover { background: #40726F; border: 1px solid transparent; } .shop-page .shop__goods .shop__goods-slider .shop__goods-action .value-active .selector { display: block; } .shop-page .shop__goods .shop__goods-slider .shop__goods-sales { position: absolute; bottom: 65px; height: 31px; text-align: center; width: 100%; } .shop-page .shop__goods .shop__goods-slider .shop__goods-sales div { height: 100%; } .shop-page .shop__goods .shop__goods-slider .shop__goods-sales div:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .shop-page .shop__goods .shop__goods-slider .shop__goods-sales div span { display: inline-block; vertical-align: middle; font-family: "Fira Sans", sans-serif; font-size: 19px; background-image: -webkit-gradient(linear, left top, right top, from(#77b4ee), to(#5458af)), -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#dadada)); background-image: linear-gradient(to right, #77b4ee, #5458af), linear-gradient(#dadada, #dadada); font-weight: 100; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .shop-page .shop__goods .shop__goods-slider .shop__goods-sales div span { background-image: none; color: #8bbcea; } } .shop-page .shop__goods .shop__goods-slider .shop__goods-sales:before { content: ""; position: absolute; top: 0; left: calc(50% - 30px); width: 60px; height: 1px; margin: 0 auto; background-image: linear-gradient(255deg, #9093dc, #8bbcea); } .shop-page .shop__goods .shop__goods-slider .shop__goods-sales:after { content: ""; position: absolute; bottom: 0; left: calc(50% - 30px); width: 60px; height: 1px; margin: 0 auto; background-image: linear-gradient(255deg, #9093dc, #8bbcea); } .shop-page .shop__goods .shop__goods-slider .shop__goods-number { position: absolute; width: 100%; bottom: 25px; text-align: center; white-space: pre-line; z-index: 1; } .shop-page .shop__goods .shop__goods-slider .shop__goods-number span { display: inline-block; } .shop-page .shop__goods-status { position: absolute; top: 109px; left: 0; width: 100%; height: calc(100% - 109px); color: #dadada; opacity: 1; -webkit-transition: 500ms; transition: 500ms; } .shop-page .shop__goods-status > div { width: 100%; height: 100%; position: relative; text-align: center; } .shop-page .shop__goods-status > div .shop__goods-status-img { width: 140px; padding-top: 40px; display: inline-block; } .shop-page .shop__goods-status > div .shop__goods-status-img img { width: 100%; max-width: 100%; } .shop-page .shop__goods-status > div div:first-child { width: 100%; text-align: center; position: absolute; top: 0; } .shop-page .shop__goods-status > div div:last-child { width: 100%; text-align: center; position: absolute; bottom: 130px; } .shop-page .shop__goods-status > div div:last-child button { display: inline-block; color: #dadada; border: 1px solid #9c90d5; } .shop-page .shop__goods-status > div div:last-child button:first-child { margin-right: 15px; } .shop-page .shop__unopened { width: 100%; position: relative; padding-top: 29px; padding-bottom: 35px; background-image: -webkit-gradient(linear, left bottom, left top, from(#363072), to(#2a2750)); background-image: linear-gradient(to top, #363072, #2a2750); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: 1px #3c3a58 solid; } .shop-page .shop__unopened .shop__heading { width: 100%; margin-bottom: 25px; text-align: center; } .shop-page .shop__unopened .shop__unopened-next { position: absolute; top: 50%; right: 23px; z-index: 2; cursor: pointer; } @media only screen and (max-width: 1370px) { .shop-page .shop__unopened .shop__unopened-next { right: 15px; } } .shop-page .shop__unopened .shop__unopened-next .shop__unopened-next_hover { display: none; } .shop-page .shop__unopened .shop__unopened-next:hover .shop__unopened-next_normal { display: none; } .shop-page .shop__unopened .shop__unopened-next:hover .shop__unopened-next_hover { display: block; } .shop-page .shop__unopened .shop__unopened-prev { position: absolute; top: 50%; left: 23px; z-index: 2; cursor: pointer; } @media only screen and (max-width: 1370px) { .shop-page .shop__unopened .shop__unopened-prev { left: 15px; } } .shop-page .shop__unopened .shop__unopened-prev .shop__unopened-prev_hover { display: none; } .shop-page .shop__unopened .shop__unopened-prev:hover .shop__unopened-prev_normal { display: none; } .shop-page .shop__unopened .shop__unopened-prev:hover .shop__unopened-prev_hover { display: block; } .shop-page .shop__unopened .shop__unopened-slider { width: 100%; padding: 0 42px; } .shop-page .shop__unopened .shop__unopened-slider .shop__unopened-item { height: 257px; padding: 0 17px; } @media only screen and (max-width: 1370px) { .shop-page .shop__unopened .shop__unopened-slider .shop__unopened-item { padding: 0 5px; height: 262px; } } .shop-page .shop__unopened .shop__unopened-slider .shop__unopened-item > div { width: 100%; height: 100%; border-radius: 10px; background: #25214b; -webkit-box-shadow: inset 0px 10px 20px 0 rgba(19, 19, 42, 0.15); box-shadow: inset 0px 10px 20px 0 rgba(19, 19, 42, 0.15); border-bottom: 1px #494765 solid; position: relative; } .shop-page .shop__unopened .shop__unopened-slider .shop__unopened-amount { position: absolute; right: 40px; bottom: 67px; font-weight: 400; font-size: 20px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-gradient(linear, left top, right top, from(#77b4ee), to(#5458af)), -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#dadada)); background-image: linear-gradient(to right, #77b4ee, #5458af), linear-gradient(#dadada, #dadada); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .shop-page .shop__unopened .shop__unopened-slider .shop__unopened-amount { background-image: none; color: #8BBCEA; } } .shop-page .shop__unopened .shop__unopened-slider .shop__unopened-img { width: 140px; height: 100%; margin: 0 auto; padding-top: 47px; } .shop-page .shop__unopened .shop__unopened-slider .shop__unopened-img img { width: 100%; max-width: 100%; } .shop-page .shop__unopened .shop__unopened-slider .shop__unopened-heading { width: 100%; position: absolute; top: 24px; text-align: center; } .shop-page .shop__unopened .shop__unopened-slider .shop__unopened-btn { width: 100%; position: absolute; bottom: 20px; text-align: center; } .shop-page .shop__unopened .shop__unopened-slider .shop__unopened-btn button { display: inline-block; background: #25214b; } .shop-page .shop__unopened .shop__unopened-nan { width: 100%; height: 257px; padding-top: 70px; } .shop-page .shop__unopened .shop__unopened-nan button { display: inline-block; } .shop-page .shop__unopened .shop__unopened-nan div:last-child { text-align: center; } .shop-page .shop__unopened .shop__unopened-nan_signedup { padding-top: 100px; } .shop-page .shop__things { width: 469px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .shop-page .shop__winnings { width: 100%; height: 380px; position: relative; padding-top: 20px; padding-left: 20px; padding-bottom: 20px; margin-bottom: 32px; border-radius: 10px; background-image: -webkit-gradient(linear, left bottom, left top, from(#363072), to(#2a2750)); background-image: linear-gradient(to top, #363072, #2a2750); -webkit-box-shadow: 0px 2px 23px 1px rgba(0, 0, 0, 0.75); box-shadow: 0px 2px 23px 1px rgba(0, 0, 0, 0.75); } .shop-page .shop__winnings .shop__winnings-help { position: absolute; right: 0; top: -45px; } .shop-page .shop__winnings .pass-to-game { position: absolute; right: 140px; top: -45px; } .shop-page .shop__winnings .pass-to-game a { background: transparent; padding: 7px 40px 7px 18px; display: block; position: relative; } .shop-page .shop__winnings .pass-to-game a::after { content: ""; width: 14px; height: 10px; position: absolute; right: 13px; top: 11px; background: url("../themes/site/assets/img/shop/btn-play-arrow@2x.png") no-repeat center; background-size: cover; } .shop-page .shop__winnings .pass-to-game:hover { background: rgba(123, 115, 181, 0.5); } .shop-page .shop__winnings .shop__heading { margin-bottom: 18px; } .shop-page .shop__winnings .shop__heading span { /*&:last-child { display: inline-block; opacity: .3; font-size: $section-font-size + 2px; vertical-align: middle; transition: 100ms; cursor: pointer; &:hover { opacity: .5; transition: 100ms; } }*/ } .shop-page .shop__winnings .shop__heading span:first-child { display: inline-block; margin-right: 5px; vertical-align: middle; } .shop-page .shop__winnings ul { width: 100%; height: calc(100% - 50px); position: relative; } .shop-page .shop__winnings ul:before { content: ""; width: 1px; height: 229px; position: absolute; top: calc(50% - 115px); left: calc(50% - 10px); background: #494765; } .shop-page .shop__winnings ul li { height: 78px; width: calc(50% - 10px); display: inline-block; position: relative; margin-bottom: 26px; vertical-align: top; } .shop-page .shop__winnings ul li:nth-child(even) { margin-left: 10px; } .shop-page .shop__winnings ul li .shop__winnings-rarity { position: absolute; content: ""; top: 0; left: -2px; width: 7px; height: 7px; border-radius: 10px; } .shop-page .shop__winnings ul .shop__winnings-img { width: 65px; height: 65px; position: absolute; top: 0; left: 0; display: inline-block; vertical-align: middle; margin-right: 20px; } .shop-page .shop__winnings ul .shop__winnings-img img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; } .shop-page .shop__winnings ul .shop__winnings-content { width: calc(100% - 85px); margin-left: 85px; display: inline-block; vertical-align: middle; font-weight: 300; } .shop-page .shop__winnings ul .shop__winnings-content > div { line-height: 1; } .shop-page .shop__winnings ul .shop__winnings-content > div:nth-child(1) { width: 97%; max-height: 50px; margin-bottom: 6px; overflow: hidden; } .shop-page .shop__winnings ul .shop__winnings-content > div:nth-child(2) { max-width: 100%; margin-bottom: 0px; opacity: 0.5; overflow: hidden; -webkit-font-smoothing: antialiased; } .shop-page .shop__winnings ul .shop__winnings-content > div:nth-child(3) { opacity: 0.5; -webkit-font-smoothing: antialiased; } .shop-page .shop__drop-nan { width: 100%; height: 257px; padding-top: 140px; padding-bottom: 195px; } .shop-page .shop__drop-nan button { display: inline-block; } .shop-page .shop__drop-nan div { margin-bottom: 30px; text-align: center; } .shop-page .shop__drop-nan_signedup { padding-top: 140px; } .shop-page .shop__drop { width: 100%; height: 459px; background: #2A2750; border-radius: 10px; padding-top: 30px; overflow: hidden; background-image: -webkit-gradient(linear, left bottom, left top, from(#363072), to(#2a2750)); background-image: linear-gradient(to top, #363072, #2a2750); -webkit-box-shadow: 0px 2px 23px 1px rgba(0, 0, 0, 0.75); box-shadow: 0px 2px 23px 1px rgba(0, 0, 0, 0.75); } .shop-page .shop__drop-top { width: calc(100% - 15px); 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; padding-left: 20px; } .shop-page .shop__checkboxes { padding-right: 6px; } .shop-page .shop__checkboxes li { display: inline-block; vertical-align: middle; margin-right: 12px; margin-left: -4px; cursor: pointer; position: relative; } .shop-page .shop__checkboxes li input { display: none; } .shop-page .shop__checkboxes li input:checked + .shop__checkboxes_shadow { -webkit-box-shadow: 0px 0px 9px 2px #8882b6; box-shadow: 0px 0px 9px 2px #8882b6; } .shop-page .shop__checkboxes li label { position: relative; width: 19px; height: 19px; margin-bottom: 0; border-radius: 20px; background: #1e1e36; border-bottom: 1px #494765 solid; cursor: pointer; font-weight: 300; } .shop-page .shop__checkboxes li .shop__checkboxes-rarity { position: absolute; top: 6px; left: 6px; width: 7px; height: 7px; border-radius: 10px; opacity: 0.7; border-bottom: 0; } .shop-page .shop__checkboxes li:first-child { margin-right: 15px; } .shop-page .shop__checkboxes li:first-child input:checked + label { -webkit-box-shadow: none; box-shadow: none; text-shadow: 0 0px 1px #7873a0; opacity: 0.8; } .shop-page .shop__checkboxes li:first-child label { background: none; border: none; opacity: 0.3; } .shop-page .shop__drop-content { overflow: hidden; height: 337px; width: 100%; padding-top: 20px; padding-left: 20px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .shop-page .shop__drop-content::-webkit-scrollbar-thumb { background-color: #3d3a59; border-radius: 16px; opacity: 0.8; } .shop-page .shop__drop-content::-webkit-scrollbar { width: 5px; } .shop-page .shop__drop-content:hover::-webkit-scrollbar-thumb { opacity: 1; } .shop-page .shop__drop-content ul { text-align: left; -moz-text-align-last: left; text-align-last: left; } .shop-page .shop__drop-content ul li { display: inline-block; height: 90px; width: 90px; position: relative; border-radius: 10px; margin-bottom: 15px; vertical-align: top; background: #25214b; margin-right: 15px; -webkit-box-shadow: inset 0px 0px 22px -5px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 0px 22px -5px rgba(0, 0, 0, 0.75); } .shop-page .shop__drop-content ul li:hover .shop__drop-opn { -webkit-transition: 100ms; transition: 100ms; opacity: 0.9; border-radius: 10px; } .shop-page .shop__drop-content ul li .shop__drop-rarity { position: absolute; top: 8px; left: 8px; width: 7px; height: 7px; border-radius: 10px; } .shop-page .shop__drop-content ul li .shop__drop-opn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 12px; z-index: 1; background: #1e1e36; opacity: 0; line-height: normal; cursor: pointer; -webkit-transition: 100ms; transition: 100ms; } .shop-page .shop__drop-content ul li .shop__drop-opn div { font-size: 42px; text-align: center; -moz-text-align-last: center; text-align-last: center; } .shop-page .shop__drop-content ul li .shop__drop-opn span { display: block; text-align: center; -moz-text-align-last: center; text-align-last: center; } .shop-page .shop__drop-content ul li .shop__drop-img { width: 80%; height: 80%; margin: 9px 0 0 9px; } .shop-page .shop__drop-content ul li .shop__drop-img img { width: 100%; height: 100%; } .shop-page .shop__drop-content ul li > span { display: block; position: absolute; bottom: 3px; right: 5px; } .shop-page .shop__drop-content .mCSB_scrollTools .mCSB_draggerRail { background-color: unset; } .shop-page .shop__drop-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #3d3a59; width: 5px; } .shop-page .shop__drop-content .mCSB_scrollTools .mCSB_draggerContainer { margin-right: 10px; } .shop-page .shop__drop-content .mCSB_inside > .mCSB_container { margin-right: 0px; } .shop-page .shop__drop-take-all { position: relative; width: 100%; height: 70px; border-top: 1px #494766 solid; -webkit-box-shadow: 0px 141px 131px 107px #090644; box-shadow: 0px 141px 131px 107px #090644; text-align: center; -moz-text-align-last: center; text-align-last: center; -webkit-transition: 300ms; transition: 300ms; } .shop-page .shop__drop-take-all:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .shop-page .shop__drop-take-all button { background: none; border: none; vertical-align: middle; -webkit-transition: 300ms; transition: 300ms; } .shop-page .shop__drop-take-all button:hover { color: #c8c8c8; } .shop-page .shop__drop-take-all:hover { -webkit-box-shadow: 0px 111px 30px 107px #090644; box-shadow: 0px 111px 30px 107px #090644; background: rgba(54, 45, 130, 0.16); } .shop-page #sliderTpl { display: none; } .shop-page #destructTpl { display: none; } .rb-inner { display: block; } .rb-inner .mCSB_scrollTools .mCSB_draggerRail { background-color: unset; } .rb-inner .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #3d3a59; width: 5px; } .rb-inner .mCSB_scrollTools .mCSB_draggerContainer { margin-right: 10px; } .rb-inner .mCSB_inside > .mCSB_container { margin-right: 0px; } .shop__blur { -webkit-filter: blur(2px); filter: blur(2px); } .shop__hidden { display: none; } .shop__visibly-hidden { visibility: hidden; } .shop__opacity-hidden { opacity: 0 !important; } .page-disabled:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .element-abled { z-index: 200 !important; } .ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis span:after { content: "..."; } .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; } .page-mainpage #xpAuthWidget { display: block; } @media only screen and (max-width: 1023px) { .page-mainpage #xpAuthWidget { display: none; } html, .menu-top { min-width: auto; } body { background: #212036; } .unload { display: none; } .page-mainpage .hamburger-menu { display: block; } .catalog-page { min-width: auto; } .catalog-page .block-content header { padding: 25px 0 62px; } .catalog-page .block-content header .header-block-right .shop__bonus { margin-right: 0; margin-left: 24px; } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-eq-text { font-size: 14px; margin-right: 12px; } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-score span { font-size: 14px; } .catalog-page .block-content section.main-content article.sidebar { display: none; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item p { font-size: 20px; color: #ffffff; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1 { margin-bottom: 12px; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1:last-of-type { margin-bottom: 0; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1:last-of-type p { margin-bottom: 0; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title { cursor: default; pointer-events: none; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p { position: relative; margin-bottom: 30px; line-height: 1; } } @media only screen and (max-width: 1023px) and (max-width: 1200px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p { line-height: 24px; } } @media only screen and (max-width: 1023px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p::after { content: ""; position: absolute; left: 0; bottom: -12px; width: 80px; height: 1px; background: #7777B4; } } @media only screen and (max-width: 1023px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 { padding: 16px; } } @media only screen and (max-width: 1023px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p { font-size: 14px; color: #D2D2D9; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p:hover { color: #604d92; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p:active { color: rgba(96, 77, 146, 0.35); } } @media only screen and (max-width: 1023px) { .catalog-page .block-content section.main-content article.slider-and-categories { width: 948px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block { visibility: hidden; margin-bottom: 0; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog__slider-block .catalog__slider { display: none; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block { margin-right: 18px; } } /*Tablet*/ @media only screen and (max-width: 968px) { .catalog-page .block-content header { padding: 25px 0 21px; } .catalog-page .block-content section.main-content article.sidebar { display: none; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item p { font-size: 20px; color: #ffffff; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1 { margin-bottom: 12px; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1:last-of-type { margin-bottom: 0; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1:last-of-type p { margin-bottom: 0; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title { cursor: default; pointer-events: none; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p { position: relative; margin-bottom: 30px; line-height: 1; } } @media only screen and (max-width: 968px) and (max-width: 1200px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p { line-height: 24px; } } @media only screen and (max-width: 968px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p::after { content: ""; position: absolute; left: 0; bottom: -12px; width: 80px; height: 1px; background: #7777B4; } } @media only screen and (max-width: 968px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 { padding: 16px; } } @media only screen and (max-width: 968px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p { font-size: 14px; color: #D2D2D9; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p:hover { color: #604d92; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p:active { color: rgba(96, 77, 146, 0.35); } } @media only screen and (max-width: 968px) { .catalog-page .block-content section.main-content article.slider-and-categories { margin-bottom: 62px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block { width: 327px; height: 287px; margin-bottom: 18px; margin-right: 18px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block:nth-of-type(3n) { margin-right: 18px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block:nth-of-type(2n) { margin-right: 0; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow { top: 67px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow-left { left: 10px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow-right { right: 10px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__logo { width: 76px; height: 50px; top: 0px; left: 5px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags { top: 100px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive { padding-top: 7px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination { bottom: 54px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination .catalog-category__name { margin-bottom: 4px; } } @media only screen and (max-width: 690px) { .catalog-page .block-content header { padding: 21px 0 21px; } .catalog-page .block-content header .catalog__logo { width: 120px; height: 33px; } .catalog-page .block-content header .header-block-right .enter-promocode-menu { display: none; } .catalog-page .block-content header .header-block-right .shop__bonus { margin: 0; } .catalog-page .block-content section.main-content article.sidebar { display: none; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item p { font-size: 20px; color: #ffffff; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1 { margin-bottom: 12px; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1:last-of-type { margin-bottom: 0; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-1:last-of-type p { margin-bottom: 0; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title { cursor: default; pointer-events: none; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p { position: relative; margin-bottom: 30px; line-height: 1; } } @media only screen and (max-width: 690px) and (max-width: 1200px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p { line-height: 24px; } } @media only screen and (max-width: 690px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 > .menu-title > p::after { content: ""; position: absolute; left: 0; bottom: -12px; width: 80px; height: 1px; background: #7777B4; } } @media only screen and (max-width: 690px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav li.menu-item-level-0 { padding: 16px; } } @media only screen and (max-width: 690px) { .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p { font-size: 14px; color: #D2D2D9; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p:hover { color: #604d92; } .catalog-page .block-content section.main-content article.sidebar .menu ul.nav ul.menu-children li.menu-item p:active { color: rgba(96, 77, 146, 0.35); } } @media only screen and (max-width: 690px) { .catalog-page .block-content section.main-content article.slider-and-categories { margin-bottom: 62px; } .catalog-page .block-content section.main-content article.slider-and-categories .mobile-game-type { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories { -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; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block { margin: auto; margin-bottom: 12px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block:nth-of-type(2n), .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block:nth-of-type(3n) { margin: auto; margin-bottom: 12px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow { top: 67px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow-left { left: 10px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__arrow-right { right: 10px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__logo { width: 76px; height: 50px; top: 0px; left: 5px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags { margin-left: 43px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product, .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__product-inactive { padding-top: 7px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination { bottom: 54px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__nomination .catalog-category__name { margin-bottom: 4px; } } @media only screen and (max-width: 350px) { .page-mainpage .block-content { padding: 0 24px; } .catalog-page .block-content header .header-block-right .enter-promocode-menu { display: none; } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-eq-text { font-size: 12px; margin-right: 0px; } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-eq { width: 15px; height: 15px; } .catalog-page .block-content header .header-block-right .shop__bonus .shop__bonus-score span { font-size: 12px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-categories__block { width: 272px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags .catalog-category__label.red-badge { margin-right: -20px; } .catalog-page .block-content section.main-content article.slider-and-categories .catalog-categories .catalog-category__slider-item .catalog-category__tags .catalog-category__label.green-badge { margin-right: -18px; } } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .fancybox-bg { background: rgba(13, 0, 26, 0.95); } .fancybox-active { overflow: hidden; } .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; } 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: #fff; background-color: #4EA783; border-radius: 6px; text-transform: uppercase; text-align: center; } .colored-green-button:hover { background-color: #54c39e; } .colored-green-button:focus { color: #fff; } .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: #fff; } @-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; } .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: #fff; 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: #fff; 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: #fff; } .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: #fff; 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: #fff; 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: #fff; 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: #fff; 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: #fff; 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: #fff; 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: #fff; 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: #fff; 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; } 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; } h4 { font-size: 16px; line-height: 20px; color: #D2D2D9; } 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%) }}