.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: none;
    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
}

.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;
    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;
    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;
    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 {
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACQCAMAAAC4a5CyAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUdwTP///wAAAAAAAP///wAAAAAAAAAAAAAAAP///////////////wAAAP///wAAAP///xP4pvkAAAAPdFJOUwA0wO3VNIBn1WeAwO3x8bDtbeYAAANjSURBVHja7ZrrboMwDIUptLQFNuf9n3ZqiUnAzsVk0rzNR/SHA1I+4cY+AbrOZNIh59rOHwXQdp7Onyconafz5wlK57n5cwSl89z8OYLSeX7+HcEhyJ/n598RHIL8eYavex+OT6lzhDB7Q19Tvw/gUwpACPM39DUX/riUUsB8yl9z4Y9LKQWsSPkxpd3uhh7uGJPy7CqFFRdSi4RJeRbQTy1JeRbQTy1JeQmQjDUCkrE2wG+og6VCLK2DBtgOaDKZTLYnsU7yjwDV2y31hlWd5Ve/aVK/7VS/cdf/6EP/wyP9j99MJpPppzw/Ga69LlHoyHDtdYlOQYZrr0t0CjJce52Az9V0QgEf1HRCCR9jVsmAhI8xq2TA8RPn+FzO6wA/cY4Psl5HPaD6FOtfJPrLjP5CbTKZ/qIjbKw8pytKqsScLsqJ604XZWgkJH3NtRGSvganCWu9Qi1htVdI2ChC2Gi3CGGrH9QDqD7Fv2SRqC8z6gu1yWT6vbpM87LM0yUVS3Ub+2Hox1sqlup5XdvX9cnHUt0fa/t63PlYzPeJDfbzycVivg9ssB93Lhbn9+rwBba7XjD29/BElm8PwBfY8Lhh7O/hmSxPLnwC4CYfe+BXnG1njEYInwDA6GMP/IrF7Wx24SMKN6/xBjwXDAujHsJHFNCv8QbcF1091RK/6V/ecQBeEpY0oyF+0z+84wA8lCxpCtAfHhBTioD0I4sSoD88IKYUAelHFqUUb/+5NcWYUkwxprw6xdt/bk0xphRTjCkXLJJoUUzxzmOSL7rjohjjncf4F8uM+kKtv9XpNwsmk8n2JLYnsT1J855Es91Sb1jVW371myb12071G3fbk9iexPYkJlNiWbQsFW5ZtCwVrrC0FBuusLQUG640t5RrrjS3lOtjswtj6+Cx4ZX68rHZhbF18Njwin0Z7UJsD9AydNRXF40N2oXYHqBl6KivLhubOeJDgzXH0LOIDw0XQGSw+hi6l/ERy+rHAvQi4iOW1Y8F6EHGpx9QfYrVLxL1ZUZ9odbf6vSbBZP5QfOD5wq1by67Ql3xkCZZqH1z2RXqmoc0XFvj2l+tWeDaGtf+RGZhw5n3z127k2Zhw+n3z1277/SDG+EiMwspu7URDkKzoB5QfYrVLxL1Zcb8oPnBn9QXXenR2fIjWXgAAAAASUVORK5CYII=);
    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: hsla(0,0%,100%,.1);
    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: hsla(0,0%,100%,.75);
    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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.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: hsla(0,0%,100%,.1);
    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: hsla(0,0%,100%,.75);
    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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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: 50%
}

.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: linear-gradient(90deg,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0))
}

.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: linear-gradient(180deg,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0))
}

.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 {
    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 hsla(0,0%,100%,.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 hsla(0,0%,100%,.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 {
    border-radius: 7px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px
}

.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 {
    box-shadow: inset 1px 0 0 hsla(0,0%,100%,.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 hsla(0,0%,100%,.4)
}

.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-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,.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 hsla(0,0%,100%,.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 hsla(0,0%,100%,.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 {
    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 .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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-color: #fff;
    border: 1px solid hsla(0,0%,100%,.2);
    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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0,0%,100%,.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: hsla(0,0%,100%,.9)
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s,top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,footer,header,nav,section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,figure,main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit;
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

body,html {
    min-width: 320px;
    height: 100%
}

body {
    color: #666;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.25;
    font-family: DINPro,Arial,sans-serif;
    background-color: #fff
}

body.mobile {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

a {
    color: #4279fe;
    text-decoration: none;
    outline: 0
}

body:not(.mobile) a:hover {
    text-decoration: underline
}

::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

:-moz-placeholder,::-moz-placeholder {
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

:placeholder-shown {
    color: #666;
    opacity: 1
}

html {
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

input[type=email],input[type=search],input[type=tel],input[type=text],textarea {
    -webkit-appearance: none
}

input[type=email]::-ms-clear,input[type=search]::-ms-clear,input[type=tel]::-ms-clear,input[type=text]::-ms-clear,textarea::-ms-clear {
    display: none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.browsehappy {
    margin: 0;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    font-family: inherit
}

.container {
    max-width: 1190px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.subheader-notes {
    font-size: 16px;
    line-height: 140%;
    color: #9299a9;
    margin: 10px 0;
    line-height: 1;
    text-align: left
}

.subheader-notes.constructor {
    margin-top: 40px
}

@media (max-width: 1024px) {
    .subheader-notes {
        font-size:14px
    }
}

@media (max-width: 768px) {
    .subheader-notes {
        max-width:none
    }
}

@media (max-width: 590px) {
    .subheader-notes {
        font-size:12px
    }
}

.page {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    height: 100%
}

@media print {
    .page {
        display: block;
        height: auto
    }
}

.page__top {
    width: 100%
}

@media print {
    .page__top {
        width: auto
    }
}

.page__bottom {
    width: 100%
}

@media print {
    .page__bottom {
        width: auto
    }
}

.pop-up {
    position: fixed;
    z-index: 1100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    transition: .2s;
    visibility: hidden;
    opacity: 0
}

.pop-up.active {
    visibility: visible;
    opacity: 1
}

.pop-up.active:after {
    visibility: visible;
    opacity: .8
}

.pop-up:before {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #fff;
    animation-name: rotate;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

.pop-up:after,.pop-up:before {
    content: "";
    visibility: hidden;
    opacity: 0;
    transition: .2s
}

.pop-up:after {
    position: fixed;
    z-index: -1;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    background: #4279fe;
    cursor: pointer
}

.pop-up.loading:before {
    visibility: visible;
    opacity: .9;
    background-color: blue;
    z-index: 10
}

.mobile .pop-up,.mobile .pop-up:after,.mobile .pop-up:before {
    display: none
}

.mobile .pop-up.active,.mobile .pop-up.active:after,.mobile .pop-up.loading:before {
    display: block
}

.pop-up__insides {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    min-width: 300px;
    max-width: 430px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 52px 30px 58px;
    text-align: left;
    background-color: #fff
}

@media only screen and (max-width: 575px) {
    .pop-up__insides {
        padding:52px 15px 58px
    }
}

.pop-up__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    font-size: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.18 23.062'%3E%3Cpath fill='%23666' d='M0,2.0650024l2.1800537-2.0679932l20,21L20,23.0650024L0,2.0650024z M0,2.0650024 l2.1800537-2.0679932l20,21L20,23.0650024L0,2.0650024z'/%3E%3Cpath fill='%23666' d='M22.0799561,2.0910034l-2.1500244-2.0599976L0.0999756,20.973999 L2.25,23.0369873L22.0799561,2.0910034z M22.0799561,2.0910034l-2.1500244-2.0599976L0.0999756,20.973999L2.25,23.0369873 L22.0799561,2.0910034z'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain
}

@media only screen and (max-width: 575px) {
    .pop-up__close {
        right:15px
    }
}

.pop-up__primary {
    margin-bottom: 32px;
    text-align: center
}

.pop-up__primary.form-feedback {
    text-align: left
}

@media only screen and (max-width: 575px) {
    .pop-up__primary {
        margin-bottom:17px
    }
}

.pop-up__primary>:last-child {
    margin-bottom: 0
}

.pop-up__primary>.actions-info {
    display: none;
    font-size: 19px;
    font-weight: 500;
    margin: 30px 0;
    color: red
}

.pop-up__title {
    margin-bottom: 6px;
    font-size: 30px;
    font-weight: 700;
    color: #252525
}

.pop-up__description {
    margin-bottom: 10px;
    font-size: 16px
}

@keyframes rotate {
    0% {
        width: 120px;
        height: 120px;
        opacity: .7
    }

    50% {
        width: 80px;
        height: 80px;
        opacity: .4
    }

    to {
        width: 120px;
        height: 120px;
        opacity: .7
    }
}

.form-error .entry__error {
    display: block
}

.entry>:last-child {
    margin-bottom: 0
}

.entry__name {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 7px;
    font-size: 18px
}

@media only screen and (max-width: 575px) {
    .entry__name {
        font-size:14px
    }
}

.entry__name span {
    color: red
}

.entry__element input {
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px 15px;
    font-family: DINPro,Arial,sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.25;
    text-align: left;
    color: #666;
    border: 1px solid #bbb;
    outline: 0;
    border-radius: 0;
    background: none;
    transition: .2s;
    -ms-appearance: none;
    appearance: none;
    resize: none
}

.entry__element input::-ms-expand {
    display: none
}

.entry__error {
    display: none;
    margin-top: 10px;
    font-size: 16px;
    color: red
}

@media only screen and (max-width: 575px) {
    .entry__error {
        margin-top:12px;
        font-size: 14px
    }
}

.header {
    position: relative;
    color: #fff;
    background-color: #4279fe
}

.header__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .header__row {
        padding-top:15px;
        padding-bottom: 15px
    }
}

.header__col {
    margin-right: 20px
}

.header__col--2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .header__col--2 {
        display:none
    }
}

.header__col--3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .header__col--3 {
        display:none
    }
}

.header__col--4 {
    display: none;
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .header__col--4 {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.logo-header__link {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.logo-header__image img {
    display: inline-block;
    vertical-align: top;
    max-height: 42px
}

@media only screen and (max-width: 995px) {
    .logo-header__image img {
        max-height:32px
    }
}

@media only screen and (max-width: 767px) {
    .logo-header__image img {
        max-height:28px
    }
}

.logo-header__image span {
    color: #fff;
    font-size: 34px;
    font-weight: 500;
    margin-left: 10px
}

@media only screen and (max-width: 995px) {
    .logo-header__image span {
        font-size:22px
    }
}

.logo-header__image .hidden-sm {
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .logo-header__image .hidden-sm {
        display:none
    }
}

.hidden-md {
    display: inline-block
}

@media only screen and (max-width: 995px) {
    .hidden-md {
        display:none
    }
}

.visible-md {
    display: none
}

@media only screen and (max-width: 995px) {
    .visible-md {
        display:inline-block
    }
}

a.community-link {
    font-size: 12px;
    font-weight: 700;
    padding: 28px 20px
}

.footer {
    position: relative;
    padding-top: 20px;
    padding-bottom: 14px;
    color: #fff;
    background-color: #4279fe;
    z-index: 101
}

.footer__copyright {
    font-size: 11px;
    line-height: 1
}

.footer__copyright span.company {
    display: inline-block;
    margin-bottom: 3px
}

.footer .age-restriction {
    display: inline-block;
    margin-top: 10px
}

.footer .age-restriction span {
    padding: 2px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background-color: #f2360c;
    border-radius: 10%
}

.nav {
    font-size: 16px
}

.nav__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.nav__item {
    position: relative
}

.nav__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 10px;
    border-right: 1px dotted #fff;
    transition: .2s
}

.nav__item:first-of-type:before {
    display: none
}

body:not(.mobile) .nav__item:hover+.nav__item:before,body:not(.mobile) .nav__item:hover:before {
    opacity: 0
}

.nav__item--active:before {
    display: none
}

.nav__item--active .nav__link {
    background-color: #3e60b1
}

.nav__item--active+.nav__item:before,.nav__item--active .nav__link:before {
    display: none
}

.nav__link {
    position: relative;
    z-index: 1;
    display: block;
    padding: 25px 20px;
    color: inherit
}

.nav__link:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    background: #4279fe;
    background: linear-gradient(180deg,#4279fe 0,#6fbbec);
    opacity: 0;
    transition: .2s
}

body:not(.mobile) .nav__link:hover {
    text-decoration: none
}

body:not(.mobile) .nav__link:hover:before {
    top: 0;
    opacity: .5
}

.auth {
    font-size: 16px
}

.auth__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.auth__item--log-in .auth__link span:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14'%3E%3Cpath data-name='Forma 1' d='M1345.88,38.319l-3.93-3.681a0.405,0.405,0,0,1-.11-0.375l0.24-.8a0.434,0.434,0,0,0-.11-0.375l-1.34-1.254,0.29-.374a1.112,1.112,0,0,0-.28-1.643c-0.01.032-.02,0.063-0.03,0.093a3.2,3.2,0,0,1-2.54,2.266,1.362,1.362,0,0,1-.46-0.076c-0.02-.007-0.04-0.02-0.06-0.027a6.308,6.308,0,0,1-.6.5l-0.73.527a0.675,0.675,0,0,1-.98-0.091l-0.85-1.4a0.918,0.918,0,0,1,.23-1.081l1.27-1.188a1.078,1.078,0,0,1,1.15-.219l1.5,0.8a0.577,0.577,0,0,1,.1.912l-0.37.443a0.866,0.866,0,0,1-.47-0.018,1.543,1.543,0,0,1-.7-1.7l-0.24-.131a0.518,0.518,0,0,0-.31-0.02,2.047,2.047,0,0,0,1.06,2.346,1.338,1.338,0,0,0,.46.077,3.2,3.2,0,0,0,2.54-2.266,3.96,3.96,0,0,0,.26-2.134,1.649,1.649,0,0,0-1.02-1.358,1.458,1.458,0,0,0-.47-0.076,2.8,2.8,0,0,0-2.16,1.524,2.085,2.085,0,0,1,.54.178,2.248,2.248,0,0,1,1.62-1.178,0.769,0.769,0,0,1,.27.044,1.135,1.135,0,0,1,.67.956,3.373,3.373,0,0,1-.24,1.862l-0.03.078-2.38-1.408a1.849,1.849,0,0,0-2.08.217l-2.12,1.98a1.579,1.579,0,0,0-.23,1.952l1.84,2.716a1.293,1.293,0,0,0,1.8.326l0.4-.272h0l0.87,0.809a0.472,0.472,0,0,0,.4.1l0.85-.22a0.473,0.473,0,0,1,.4.1l0.29,0.276a0.454,0.454,0,0,0,.4.087l0.13-.043a0.448,0.448,0,0,1,.4.086l0.19,0.173a0.29,0.29,0,0,1,.04.352l-0.05.079a0.307,0.307,0,0,0,.05.352h0a0.461,0.461,0,0,0,.4.087l0.14-.044a0.434,0.434,0,0,1,.39.087l0.19,0.173a0.306,0.306,0,0,1,.05.351l-0.05.08a0.29,0.29,0,0,0,.04.352l1.8,1.678a0.472,0.472,0,0,0,.4.1l0.85-.22a0.451,0.451,0,0,0,.29-0.275l0.24-.8A0.434,0.434,0,0,0,1345.88,38.319Z' transform='translate(-1333 -26)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.auth__item--reg .auth__link span:before {
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath data-name='Forma 1' d='M1429.29,27.29a0.814,0.814,0,0,1,.56-0.291,0.132,0.132,0,0,1,.09.041l1.05,1.05a2.965,2.965,0,0,0-.5.4,3.491,3.491,0,0,0-.4.5l-1.05-1.049a0.158,0.158,0,0,1-.04-0.093A0.822,0.822,0,0,1,1429.29,27.29Zm0.88,4.377,0.51,0.508,0.34-.338-0.91-.909a0.463,0.463,0,0,1-.13-0.294,2.536,2.536,0,0,1,.91-1.744,2.552,2.552,0,0,1,1.75-.914,0.444,0.444,0,0,1,.29.13l7.84,7.84a0.412,0.412,0,0,1,.11.174l1.1,3.292a0.45,0.45,0,0,1-.11.454,0.437,0.437,0,0,1-.45.106l-3.3-1.1a0.517,0.517,0,0,1-.17-0.105l-6.6-6.605-0.34.337,2.11,2.11a0.464,0.464,0,0,1-.66.654l-2.94-2.945a0.463,0.463,0,0,1,0-.653A0.458,0.458,0,0,1,1430.17,31.666Z' transform='translate(-1429 -27)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.auth__item--user .auth__link span:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 329.8 368.6'%3E%3Cpath d='M138.24-53.28c9.17 2.2 18.8 3.28 27.42 6.81 33.25 13.61 53.51 38.35 59.72 73.91 6.87 39.38-12.92 79-48.28 98.85-34.25 19.23-79.53 14.49-108.73-11.8-24.48-22-36-49.67-32.21-82.37C40.54-5.25 61.05-31.62 95.77-46.16c8.81-3.69 18.69-4.82 28.07-7.12h14.4zM130.38 315.32C88.72 315 50.72 302.75 17.17 277.75a189.65 189.65 0 01-49-53.6c-1.92-3.15-2.86-6.34-1.19-9.86q25.12-53.07 82.1-67.23c2.32-.57 4.73-.81 7.06-1.37 6.14-1.46 11.46.06 16.58 3.67 18.88 13.31 40 19.26 63 18.3 17.72-.74 34.76-5.08 49-15.53 10.65-7.8 20.85-7.29 32.21-4.13 32.08 8.92 56.23 28.06 73.3 56.44 7.4 12.3 7.68 12.57-.23 24.46-19.18 28.84-44 51.42-75.21 66.81C188.29 308.82 160.12 315.14 130.38 315.32z' transform='translate(33.88 53.28)' fill='%23fff'/%3E%3C/svg%3E")
}

.auth__item:first-of-type .auth__link {
    padding-left: 0
}

.auth__item:last-of-type .auth__link {
    padding-right: 0
}

.auth__link {
    display: block;
    padding: 25px 20px;
    color: inherit
}

@media only screen and (max-width: 995px) {
    .auth__link {
        padding-right:15px
    }
}

.auth__link span {
    position: relative;
    padding-left: 20px
}

.auth__link span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 13px;
    height: 14px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.mobile-menu.visible .mobile-menu__inner-wrapper {
    display: block
}

.mobile-menu.visible .mobile-menu__btn span:before {
    top: 50%;
    transform: rotate(-45deg)
}

.mobile-menu.visible .mobile-menu__btn span i {
    opacity: 0
}

.mobile-menu.visible .mobile-menu__btn span:after {
    top: 50%;
    bottom: auto;
    transform: rotate(45deg)
}

.mobile-menu__btn {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #fff;
    font-size: 0
}

.mobile-menu__btn span {
    content: "";
    position: absolute;
    top: 33%;
    bottom: 33%;
    left: 20%;
    right: 20%
}

.mobile-menu__btn span:after,.mobile-menu__btn span:before,.mobile-menu__btn span i {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #fff;
    transition: .2s
}

.mobile-menu__btn span:before {
    top: 0
}

.mobile-menu__btn span i {
    top: 50%;
    transform: translateY(-50%)
}

.mobile-menu__btn span:after {
    bottom: 0
}

.mobile-menu__inner-wrapper {
    display: none;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0;
    right: 0;
    font-size: 16px;
    color: #fff;
    background-color: #4279fe
}

.nav-mobile-menu__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-mobile-menu__item {
    border-bottom: 1px solid hsla(0,0%,100%,.12)
}

.nav-mobile-menu__item:last-of-type {
    border-bottom: 0
}

.nav-mobile-menu__item--active .nav-mobile-menu__link {
    background-color: #3e60b1
}

body:not(.mobile) .nav-mobile-menu__item--active .nav-mobile-menu__link:hover:before {
    display: none
}

.nav-mobile-menu__link {
    position: relative;
    z-index: 1;
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 35px;
    color: inherit
}

.nav-mobile-menu__link:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: -100%;
    background: #4279fe;
    background: linear-gradient(270deg,#4279fe 0,#6fbbec);
    opacity: 0;
    transition: .2s
}

body:not(.mobile) .nav-mobile-menu__link:hover {
    text-decoration: none
}

body:not(.mobile) .nav-mobile-menu__link:hover:before {
    left: 0;
    opacity: .5
}

.auth-mobile-menu__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.auth-mobile-menu__item {
    border-bottom: 1px solid hsla(0,0%,100%,.12)
}

.auth-mobile-menu__item:last-of-type {
    border-bottom: 0
}

.auth-mobile-menu__item--log-in .auth-mobile-menu__link:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14'%3E%3Cpath data-name='Forma 1' d='M1345.88,38.319l-3.93-3.681a0.405,0.405,0,0,1-.11-0.375l0.24-.8a0.434,0.434,0,0,0-.11-0.375l-1.34-1.254,0.29-.374a1.112,1.112,0,0,0-.28-1.643c-0.01.032-.02,0.063-0.03,0.093a3.2,3.2,0,0,1-2.54,2.266,1.362,1.362,0,0,1-.46-0.076c-0.02-.007-0.04-0.02-0.06-0.027a6.308,6.308,0,0,1-.6.5l-0.73.527a0.675,0.675,0,0,1-.98-0.091l-0.85-1.4a0.918,0.918,0,0,1,.23-1.081l1.27-1.188a1.078,1.078,0,0,1,1.15-.219l1.5,0.8a0.577,0.577,0,0,1,.1.912l-0.37.443a0.866,0.866,0,0,1-.47-0.018,1.543,1.543,0,0,1-.7-1.7l-0.24-.131a0.518,0.518,0,0,0-.31-0.02,2.047,2.047,0,0,0,1.06,2.346,1.338,1.338,0,0,0,.46.077,3.2,3.2,0,0,0,2.54-2.266,3.96,3.96,0,0,0,.26-2.134,1.649,1.649,0,0,0-1.02-1.358,1.458,1.458,0,0,0-.47-0.076,2.8,2.8,0,0,0-2.16,1.524,2.085,2.085,0,0,1,.54.178,2.248,2.248,0,0,1,1.62-1.178,0.769,0.769,0,0,1,.27.044,1.135,1.135,0,0,1,.67.956,3.373,3.373,0,0,1-.24,1.862l-0.03.078-2.38-1.408a1.849,1.849,0,0,0-2.08.217l-2.12,1.98a1.579,1.579,0,0,0-.23,1.952l1.84,2.716a1.293,1.293,0,0,0,1.8.326l0.4-.272h0l0.87,0.809a0.472,0.472,0,0,0,.4.1l0.85-.22a0.473,0.473,0,0,1,.4.1l0.29,0.276a0.454,0.454,0,0,0,.4.087l0.13-.043a0.448,0.448,0,0,1,.4.086l0.19,0.173a0.29,0.29,0,0,1,.04.352l-0.05.079a0.307,0.307,0,0,0,.05.352h0a0.461,0.461,0,0,0,.4.087l0.14-.044a0.434,0.434,0,0,1,.39.087l0.19,0.173a0.306,0.306,0,0,1,.05.351l-0.05.08a0.29,0.29,0,0,0,.04.352l1.8,1.678a0.472,0.472,0,0,0,.4.1l0.85-.22a0.451,0.451,0,0,0,.29-0.275l0.24-.8A0.434,0.434,0,0,0,1345.88,38.319Z' transform='translate(-1333 -26)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.auth-mobile-menu__item--reg .auth-mobile-menu__link:before {
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath data-name='Forma 1' d='M1429.29,27.29a0.814,0.814,0,0,1,.56-0.291,0.132,0.132,0,0,1,.09.041l1.05,1.05a2.965,2.965,0,0,0-.5.4,3.491,3.491,0,0,0-.4.5l-1.05-1.049a0.158,0.158,0,0,1-.04-0.093A0.822,0.822,0,0,1,1429.29,27.29Zm0.88,4.377,0.51,0.508,0.34-.338-0.91-.909a0.463,0.463,0,0,1-.13-0.294,2.536,2.536,0,0,1,.91-1.744,2.552,2.552,0,0,1,1.75-.914,0.444,0.444,0,0,1,.29.13l7.84,7.84a0.412,0.412,0,0,1,.11.174l1.1,3.292a0.45,0.45,0,0,1-.11.454,0.437,0.437,0,0,1-.45.106l-3.3-1.1a0.517,0.517,0,0,1-.17-0.105l-6.6-6.605-0.34.337,2.11,2.11a0.464,0.464,0,0,1-.66.654l-2.94-2.945a0.463,0.463,0,0,1,0-.653A0.458,0.458,0,0,1,1430.17,31.666Z' transform='translate(-1429 -27)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.auth-mobile-menu__item--user .auth-mobile-menu__link:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 329.8 368.6'%3E%3Cpath d='M138.24-53.28c9.17 2.2 18.8 3.28 27.42 6.81 33.25 13.61 53.51 38.35 59.72 73.91 6.87 39.38-12.92 79-48.28 98.85-34.25 19.23-79.53 14.49-108.73-11.8-24.48-22-36-49.67-32.21-82.37C40.54-5.25 61.05-31.62 95.77-46.16c8.81-3.69 18.69-4.82 28.07-7.12h14.4zM130.38 315.32C88.72 315 50.72 302.75 17.17 277.75a189.65 189.65 0 01-49-53.6c-1.92-3.15-2.86-6.34-1.19-9.86q25.12-53.07 82.1-67.23c2.32-.57 4.73-.81 7.06-1.37 6.14-1.46 11.46.06 16.58 3.67 18.88 13.31 40 19.26 63 18.3 17.72-.74 34.76-5.08 49-15.53 10.65-7.8 20.85-7.29 32.21-4.13 32.08 8.92 56.23 28.06 73.3 56.44 7.4 12.3 7.68 12.57-.23 24.46-19.18 28.84-44 51.42-75.21 66.81C188.29 308.82 160.12 315.14 130.38 315.32z' transform='translate(33.88 53.28)' fill='%23fff'/%3E%3C/svg%3E")
}

.auth-mobile-menu__link {
    position: relative;
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px 60px;
    padding-right: 20px;
    color: inherit;
    background-color: #0a44d1
}

.auth-mobile-menu__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 35px;
    transform: translateY(-50%);
    width: 13px;
    height: 14px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.main {
    padding-top: 90px;
    padding-bottom: 100px
}

.main.pricing {
    padding-top: 0
}

.main.pricing.dedic {
    padding-bottom: 40px
}

@media only screen and (max-width: 1189px) {
    .main {
        padding-top:75px;
        padding-bottom: 94px
    }

    .main.pricing {
        padding-top: 0
    }
}

@media only screen and (max-width: 995px) {
    .main {
        padding-top:55px;
        padding-bottom: 55px
    }

    .main.pricing {
        padding-top: 0
    }
}

.main__inner-wrapper>:last-child {
    margin-bottom: 0
}

.main__inner-wrapper .tech-doc-api {
    max-width: 900px;
    margin: 0 auto
}

.main__inner-wrapper .tech-doc-api h1 {
    font-size: 28px;
    font-weight: 500;
    margin: 0 0 40px;
    text-align: center;
    color: #333
}

.main__inner-wrapper .tech-doc-api h2 {
    font-size: 20px;
    font-weight: 500;
    margin: 40px 0 20px;
    text-align: center;
    color: #333
}

.main__inner-wrapper .tech-doc-api p {
    margin: 10px 0
}

.main__inner-wrapper .tech-doc-api .doc-link-1 {
    display: inline-block;
    margin: 5px 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #2c8ad8
}

.main__inner-wrapper .tech-doc-api .doc-link-2 {
    display: inline-block;
    margin: 5px 0;
    padding: 0;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #2c8ad8
}

.main__inner-wrapper .tech-doc-api .article {
    margin: 0;
    padding: 20px 0 0;
    font-size: 14px;
    color: #666;
    line-height: 1.6
}

.main__inner-wrapper .tech-doc-api .article h2 {
    margin: 20px 0
}

.main__inner-wrapper .tech-doc-api .article .art-title {
    display: inline-block;
    margin: 30px 0 0;
    font-size: 18px;
    font-weight: 400;
    color: #333
}

.main__inner-wrapper .tech-doc-api .article .art-title strong {
    font-weight: 500
}

.main__inner-wrapper .tech-doc-api .article .code {
    margin: 0;
    padding: 10px;
    color: #fff;
    background-color: #333;
    overflow: auto
}

.main__inner-wrapper .tech-doc-api .article .code pre {
    font-size: 11px
}

.main__inner-wrapper .tech-doc-api .article table {
    width: 100%;
    border-collapse: collapse
}

.main__inner-wrapper .tech-doc-api .article table th {
    color: #333;
    font-weight: 500
}

.main__inner-wrapper .tech-doc-api .article table td,.main__inner-wrapper .tech-doc-api .article table th {
    border: 1px solid #333;
    padding: 5px
}

.main__inner-wrapper .tech-doc-api .article table th.field-name {
    width: 15%
}

.main__inner-wrapper .tech-doc-api .article table th.property {
    width: 20%
}

.main__inner-wrapper .tech-doc-api .article .scrollup {
    display: none;
    margin: 5px auto 10px;
    padding: 4px;
    background: #ddd;
    cursor: pointer;
    width: 24px;
    height: 24px;
    z-index: 100;
    border-radius: 50%
}

.main__inner-wrapper .tech-doc-api .article .scrollup img {
    width: 16px;
    height: 16px
}

@media only screen and (max-width: 575px) {
    .main__inner-wrapper .tech-doc-api .article .scrollup {
        display:block
    }
}

.compare {
    margin-bottom: 95px
}

@media only screen and (max-width: 1189px) {
    .compare {
        margin-bottom:85px
    }
}

@media only screen and (max-width: 995px) {
    .compare {
        margin-bottom:53px
    }
}

@media only screen and (max-width: 575px) {
    .compare {
        margin-bottom:23px
    }
}

.compare__table table {
    width: 100%;
    border-collapse: collapse
}

@media only screen and (max-width: 575px) {
    .compare__table table {
        width:570px;
        margin-bottom: 32px
    }
}

.compare__table table thead tr th {
    padding: 16px 30px;
    padding-right: 0;
    font-size: 24px;
    font-weight: 400;
    text-align: left;
    color: #888
}

@media only screen and (max-width: 1189px) {
    .compare__table table thead tr th {
        padding-left:22px;
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .compare__table table thead tr th {
        padding-left:10px;
        font-size: 16px
    }
}

.compare__table table thead tr th:last-of-type {
    padding-right: 30px
}

@media only screen and (max-width: 1189px) {
    .compare__table table thead tr th:last-of-type {
        padding-right:22px
    }
}

@media only screen and (max-width: 767px) {
    .compare__table table thead tr th:last-of-type {
        padding-right:10px
    }
}

.compare__table table tbody tr:nth-of-type(2n - 1) {
    background-color: #eff9fe
}

.compare__table table tbody tr td {
    padding: 16px 30px;
    padding-right: 0;
    font-size: 24px;
    text-align: left;
    color: #252525
}

@media only screen and (max-width: 1189px) {
    .compare__table table tbody tr td {
        padding-left:22px;
        font-size: 18px
    }
}

@media only screen and (max-width: 767px) {
    .compare__table table tbody tr td {
        padding-left:10px;
        font-size: 16px
    }
}

.compare__table table tbody tr td:last-of-type {
    padding-right: 30px
}

@media only screen and (max-width: 1189px) {
    .compare__table table tbody tr td:last-of-type {
        padding-right:22px
    }
}

@media only screen and (max-width: 767px) {
    .compare__table table tbody tr td:last-of-type {
        padding-right:10px
    }
}

.introduction {
    margin-bottom: 60px;
    text-align: center;
    color: #252525
}

.introduction>:last-child {
    margin-bottom: 0
}

.introduction__title {
    margin-bottom: 16px;
    font-size: 60px;
    font-weight: 700;
    line-height: 1
}

@media only screen and (max-width: 1189px) {
    .introduction__title {
        margin-bottom:12px;
        font-size: 36px
    }
}

@media only screen and (max-width: 575px) {
    .introduction__title {
        margin-bottom:8px;
        font-size: 30px
    }
}

.introduction__description {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.4
}

@media only screen and (max-width: 1189px) {
    .introduction__description {
        font-size:18px
    }
}

@media only screen and (max-width: 575px) {
    .introduction__description {
        font-size:16px;
        line-height: 1.5
    }
}

.introduction__description>:last-child {
    margin-bottom: 0
}

.introduction__description p {
    margin: 0;
    margin-bottom: 20px
}

.introduction--style-1 {
    color: #fff
}

.introduction--compare {
    margin-bottom: 66px
}

@media only screen and (max-width: 1189px) {
    .introduction--compare {
        margin-bottom:33px
    }
}

@media only screen and (max-width: 575px) {
    .introduction--compare {
        margin-bottom:4px
    }
}

.introduction--advantages {
    margin-bottom: 54px
}

@media only screen and (max-width: 995px) {
    .introduction--advantages {
        margin-bottom:26px
    }
}

@media only screen and (max-width: 767px) {
    .introduction--advantages {
        margin-bottom:56px
    }
}

@media only screen and (max-width: 575px) {
    .introduction--advantages {
        margin-bottom:30px
    }
}

.introduction--tariffs {
    margin-bottom: 34px
}

@media only screen and (max-width: 1189px) {
    .introduction--tariffs {
        margin-bottom:28px
    }
}

@media only screen and (max-width: 575px) {
    .introduction--tariffs {
        margin-bottom:16px
    }
}

.introduction--highload-tariffs {
    margin-bottom: 43px
}

@media only screen and (max-width: 1189px) {
    .introduction--highload-tariffs {
        margin-bottom:20px
    }
}

@media only screen and (max-width: 575px) {
    .introduction--highload-tariffs {
        margin-bottom:31px
    }
}

.introduction--geography {
    margin-bottom: 73px
}

@media only screen and (max-width: 1189px) {
    .introduction--geography {
        margin-bottom:55px
    }
}

@media only screen and (max-width: 995px) {
    .introduction--geography {
        margin-bottom:25px
    }
}

@media only screen and (max-width: 767px) {
    .introduction--geography {
        margin-bottom:37px
    }
}

@media only screen and (max-width: 575px) {
    .introduction--geography {
        margin-bottom:18px
    }
}

.introduction--promo {
    margin-bottom: 76px
}

@media only screen and (max-width: 1189px) {
    .introduction--promo {
        margin-bottom:22px
    }
}

@media only screen and (max-width: 767px) {
    .introduction--promo {
        text-align:right;
        margin-right: 20px
    }
}

@media only screen and (max-width: 575px) {
    .introduction--promo {
        text-align:center;
        margin-right: 0
    }
}

.text {
    font-size: 18px;
    line-height: 1.67
}

@media only screen and (max-width: 1189px) {
    .text {
        font-size:16px;
        line-height: 1.5
    }
}

@media only screen and (max-width: 767px) {
    .text {
        font-size:14px
    }
}

.text>:first-child,.text>[class*=text__]:first-child {
    margin-top: 0
}

.text>:last-child,.text>[class*=text__]:last-child {
    margin-bottom: 0
}

.text:after,.text:before {
    content: "";
    display: table
}

.text:after {
    clear: both
}

.text>div[id*=bx]>img,.text>img {
    display: block;
    max-width: 100%;
    margin-bottom: 30px
}

@media only screen and (max-width: 767px) {
    .text>div[id*=bx]>img,.text>img {
        max-width:162px
    }
}

@media only screen and (max-width: 575px) {
    .text>div[id*=bx]>img,.text>img {
        margin-left:auto;
        margin-right: auto;
        margin-bottom: 16px
    }
}

.text .text__h1,.text>div[id*=bx]>h1,.text>h1 {
    display: block;
    margin: 0;
    margin-bottom: 74px;
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    color: #252525
}

@media only screen and (max-width: 1189px) {
    .text .text__h1,.text>div[id*=bx]>h1,.text>h1 {
        margin-bottom:57px;
        font-size: 36px
    }
}

@media only screen and (max-width: 575px) {
    .text .text__h1,.text>div[id*=bx]>h1,.text>h1 {
        margin-bottom:40px;
        font-size: 30px
    }
}

.text .text__h2,.text>div[id*=bx]>h2,.text>h2 {
    display: block;
    margin: 0;
    margin-top: 60px;
    margin-bottom: 44px;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.25;
    color: #252525
}

@media only screen and (max-width: 1189px) {
    .text .text__h2,.text>div[id*=bx]>h2,.text>h2 {
        margin-top:50px;
        margin-bottom: 24px;
        font-size: 24px
    }
}

@media only screen and (max-width: 575px) {
    .text .text__h2,.text>div[id*=bx]>h2,.text>h2 {
        font-size:18px
    }
}

.text>div[id*=bx]>p,.text>p {
    margin: 0;
    margin-bottom: 11px
}

.text b {
    font-weight: 700
}

.text>div[id*=bx]>ul,.text>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    margin-top: 24px;
    margin-bottom: 13px;
    padding: 0;
    list-style: none
}

.text>div[id*=bx]>ul li,.text>ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    width: calc((99.9% - 40px) / 2);
    margin-right: 40px;
    margin-bottom: 11px
}

@media only screen and (max-width: 575px) {
    .text>div[id*=bx]>ul li,.text>ul li {
        width:100%;
        margin-right: 0
    }
}

.text>div[id*=bx]>ul li:nth-of-type(2n),.text>ul li:nth-of-type(2n) {
    margin-right: 0
}

.text>div[id*=bx]>ul li:before,.text>ul li:before {
    content: "";
    position: relative;
    top: 5px;
    display: block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M383.5,2492.36C389.019,2492.36 393.5,2496.84 393.5,2502.36C393.5,2507.87 389.019,2512.36 383.5,2512.36C377.981,2512.36 373.5,2507.87 373.5,2502.36C373.5,2496.84 377.981,2492.36 383.5,2492.36ZM383.52,2505.4C383.112,2505.81 382.449,2505.81 382.042,2505.4L379.752,2503.11C379.344,2502.71 379.344,2502.04 379.752,2501.64C380.16,2501.23 380.822,2501.23 381.23,2501.64L382.594,2503C382.697,2503.1 382.864,2503.1 382.967,2503L386.662,2499.31C387.069,2498.9 387.732,2498.9 388.14,2499.31C388.336,2499.5 388.446,2499.77 388.446,2500.05C388.446,2500.32 388.336,2500.59 388.14,2500.78L383.52,2505.4Z' fill='url(%23_Linear1)' transform='translate(-373.5 -2492.355)'/%3E%3Cdefs%3E%3ClinearGradient id='_Linear1' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='matrix(20 0 0 20 373.5 2502.35)'%3E%3Cstop offset='0' stop-color='%2377caf0'/%3E%3Cstop offset='1' stop-color='%2365aae0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain
}

@media only screen and (max-width: 1189px) {
    .text>div[id*=bx]>ul li:before,.text>ul li:before {
        top:3px;
        margin-right: 9px
    }
}

@media only screen and (max-width: 767px) {
    .text>div[id*=bx]>ul li:before,.text>ul li:before {
        top:1px
    }
}

.text>div[id*=bx]>ol,.text>ol {
    margin: 0;
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 0;
    list-style: none;
    counter-reset: list 0
}

.text>div[id*=bx]>ol li,.text>ol li {
    position: relative;
    margin-bottom: 11px;
    padding-left: 20px;
    overflow: hidden
}

.text>div[id*=bx]>ol li:last-of-type,.text>ol li:last-of-type {
    margin-bottom: 0
}

.text>div[id*=bx]>ol li:before,.text>ol li:before {
    content: counter(list) ". ";
    counter-increment: list;
    position: absolute;
    left: 0;
    font-weight: 700;
    color: #252525
}

.text .text__float-left {
    float: left;
    margin-right: 30px
}

@media only screen and (max-width: 575px) {
    .text .text__float-left {
        float:none;
        margin-left: auto;
        margin-right: auto
    }
}

.text .text__float-right {
    float: right;
    margin-left: 30px
}

@media only screen and (max-width: 575px) {
    .text .text__float-right {
        float:none;
        margin-left: auto;
        margin-right: auto
    }
}

.text .text__special {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 16px;
    border-left: 4px solid #76c8f1;
    font-weight: 700;
    color: #252525
}

.advantages {
    margin-bottom: 92px
}

@media only screen and (max-width: 1189px) {
    .advantages {
        margin-bottom:32px
    }
}

@media only screen and (max-width: 995px) {
    .advantages {
        margin-bottom:20px
    }
}

@media only screen and (max-width: 575px) {
    .advantages {
        margin-bottom:28px
    }
}

.advantages--type-1 .advantages__item {
    display: none
}

.advantages--type-1 .advantages__item:first-of-type,.advantages--type-1 .advantages__item:nth-of-type(2),.advantages--type-1 .advantages__item:nth-of-type(3),.advantages--type-1 .advantages__item:nth-of-type(4) {
    display: block
}

@media only screen and (max-width: 995px) {
    .advantages--type-1 .advantages__item:nth-of-type(4) {
        display:none
    }
}

@media only screen and (max-width: 575px) {
    .advantages--type-1 .advantages__item:nth-of-type(3) {
        display:none
    }
}

.advantages--type-2 {
    margin-bottom: 62px
}

@media only screen and (max-width: 1189px) {
    .advantages--type-2 {
        margin-bottom:42px
    }
}

@media only screen and (max-width: 995px) {
    .advantages--type-2 {
        margin-bottom:22px
    }
}

.advantages__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.advantages__item {
    width: calc((99.9% - 50px * 3) / 4);
    margin-right: 50px;
    margin-bottom: 35px;
    text-align: center
}

.advantages__item:nth-of-type(4n) {
    margin-right: 0
}

@media only screen and (max-width: 1189px) {
    .advantages__item {
        width:calc((99.9% - 30px * 3) / 4);
        margin-right: 30px
    }
}

@media only screen and (max-width: 995px) {
    .advantages__item {
        width:calc((99.9% - 40px * 2) / 3);
        margin-right: 40px
    }

    .advantages__item:nth-of-type(4n) {
        margin-right: 40px
    }

    .advantages__item:nth-of-type(3n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .advantages__item {
        width:calc((99.9% - 30px * 2) / 3);
        margin-right: 30px
    }

    .advantages__item:nth-of-type(4n) {
        margin-right: 30px
    }

    .advantages__item:nth-of-type(3n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 575px) {
    .advantages__item {
        position:relative;
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
        padding-left: 65px;
        text-align: left
    }

    .advantages__item:nth-of-type(4n) {
        margin-right: 0
    }
}

.advantages__icon {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 76px;
    height: 76px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    border-radius: 50%;
    background-image: linear-gradient(0deg,#79ccf2,#64aae1)
}

@media only screen and (max-width: 575px) {
    .advantages__icon {
        position:absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 50px
    }
}

.advantages__icon img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 66%;
    max-height: 66%
}

.advantages__title {
    margin-bottom: 11px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #252525
}

@media only screen and (max-width: 767px) {
    .advantages__title {
        font-size:16px
    }
}

@media only screen and (max-width: 575px) {
    .advantages__title br {
        display:none
    }
}

.advantages__description {
    font-size: 16px;
    line-height: 1.5
}

@media only screen and (max-width: 995px) {
    .advantages__description {
        line-height:1.25
    }
}

@media only screen and (max-width: 767px) {
    .advantages__description {
        font-size:14px
    }
}

.advantages__description>:last-child {
    margin-bottom: 0
}

.advantages__description p {
    margin: 0;
    margin-bottom: 20px
}

.contacts {
    background-color: #fbfafa
}

.contacts__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 0
}

.contacts__col-1 {
    width: 285px;
    margin-right: 30px;
    margin-top: 20px
}

@media only screen and (max-width: 1189px) {
    .contacts__col-1 {
        width:250px
    }
}

@media only screen and (max-width: 995px) {
    .contacts__col-1 {
        margin-right:20px;
        width: 210px
    }
}

@media only screen and (max-width: 767px) {
    .contacts__col-1 {
        width:170px
    }
}

.contacts__col-2 {
    width: calc(99.9% - 285px - 30px - 30px - 520px);
    margin-right: 30px;
    margin-top: 20px
}

@media only screen and (max-width: 1189px) {
    .contacts__col-2 {
        width:calc(99.9% - 250px - 30px - 30px - 460px);
        padding-bottom: 0
    }
}

@media only screen and (max-width: 995px) {
    .contacts__col-2 {
        margin-right:20px;
        width: calc(99.9% - 210px - 20px - 20px - 320px)
    }
}

@media only screen and (max-width: 767px) {
    .contacts__col-2 {
        width:calc(99.9% - 170px - 20px - 5px - 258px);
        margin-right: 5px
    }
}

@media only screen and (max-width: 575px) {
    .contacts__col-2 {
        width:calc(99.9% - 170px - 20px);
        margin-right: 0;
        padding-bottom: 0
    }
}

.contacts__col-3 {
    position: relative;
    width: 520px;
    text-align: right;
    margin-bottom: -40px
}

@media only screen and (max-width: 1189px) {
    .contacts__col-3 {
        width:460px;
        margin-bottom: -35px
    }
}

@media only screen and (max-width: 995px) {
    .contacts__col-3 {
        width:320px;
        max-width: none;
        margin-bottom: 56px
    }
}

@media only screen and (max-width: 767px) {
    .contacts__col-3 {
        width:258px;
        margin-bottom: 96px
    }
}

@media only screen and (max-width: 575px) {
    .contacts__col-3 {
        width:100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0
    }
}

.contacts__image {
    position: relative;
    left: 0;
    bottom: 30px;
    right: 0
}

@media only screen and (max-width: 1189px) {
    .contacts__image {
        bottom:-15px
    }
}

@media only screen and (max-width: 995px) {
    .contacts__image {
        bottom:-105px
    }
}

@media only screen and (max-width: 767px) {
    .contacts__image {
        bottom:-105px
    }
}

@media only screen and (max-width: 575px) {
    .contacts__image {
        position:static;
        left: auto;
        bottom: auto
    }
}

.contacts__image img {
    display: inline;
    vertical-align: top;
    max-width: 100%
}

.logo-contacts {
    margin-bottom: 0;
    min-height: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .logo-contacts {
        max-width:160px;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.logo-contacts__link {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    text-decoration: none
}

.logo-contacts__link:hover {
    text-decoration: none!important
}

.logo-contacts__image img {
    display: inline-block;
    vertical-align: top;
    max-width: 275px
}

@media only screen and (max-width: 1189px) {
    .logo-contacts__image img {
        max-width:229px
    }
}

@media only screen and (max-width: 995px) {
    .logo-contacts__image img {
        max-width:191px
    }
}

@media only screen and (max-width: 767px) {
    .logo-contacts__image img {
        max-width:155px
    }
}

.logo-contacts__image span {
    color: #4279fe;
    font-size: 42px;
    font-weight: 700;
    margin-left: 15px
}

@media only screen and (max-width: 1189px) {
    .logo-contacts__image span {
        font-size:34px
    }
}

@media only screen and (max-width: 995px) {
    .logo-contacts__image span {
        font-size:28px
    }
}

@media only screen and (max-width: 767px) {
    .logo-contacts__image span {
        font-size:24px;
        margin-left: 7px
    }
}

.nav-contacts__title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .nav-contacts__title {
        font-size:14px
    }
}

.nav-contacts__list {
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 130px
}

.nav-contacts__item:last-of-type .nav-contacts__link {
    padding-bottom: 0
}

.nav-contacts__link {
    position: relative;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    line-height: 24px;
    color: #252525
}

@media only screen and (max-width: 767px) {
    .nav-contacts__link {
        height:18px;
        line-height: 18px;
        font-size: 12px
    }
}

.nav-contacts__link:before {
    content: "";
    margin-top: -2px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #252525
}

body:not(.mobile) .nav-contacts__link:hover {
    color: #4279fe
}

body:not(.mobile) .nav-contacts__link:hover:before {
    background-color: #4279fe
}

.contacts-table {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

@media only screen and (max-width: 575px) {
    .contacts-table {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.contacts-table .contacts__item-1 {
    width: 50%
}

@media only screen and (max-width: 575px) {
    .contacts-table .contacts__item-1 {
        margin-top:30px;
        width: 100%
    }
}

.contacts-table .contacts__item-2 {
    width: 47%
}

.contacts-table .contacts__item-2-ticket-button {
    margin: 20px 0 40px
}

.contacts-table .contacts__item-2-ticket-button a,.contacts-table .contacts__item-2-ticket-button span {
    line-height: 1.15;
    font-weight: 500
}

.contacts-table .contacts__item-2-ticket-button a.ticket-quest,.contacts-table .contacts__item-2-ticket-button span.ticket-quest {
    display: inline-block;
    padding: 12px 0
}

.contacts-table .contacts__item-2-form {
    display: none
}

.contacts-table .contacts__item-2-form form>fieldset {
    margin: 0;
    padding: 0;
    border: none
}

.contacts-table .contacts__item-2-form-field {
    margin: 0 0 10px
}

.contacts-table .contacts__item-2-form-field.for-button {
    margin-top: 30px
}

.contacts-table .contacts__item-2-form-field label {
    display: block;
    font-weight: 300;
    font-size: 13px;
    color: #999;
    font-family: DINPro,Arial,sans-serif
}

.contacts-table .contacts__item-2-form-field label>.required {
    color: red
}

.contacts-table .contacts__item-2-form-field input,.contacts-table .contacts__item-2-form-field textarea {
    display: block;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    padding: 8px 16px;
    font-family: DINPro,Arial,sans-serif
}

.contacts-table .contacts__item-2-form-field textarea {
    overflow: auto;
    resize: none
}

.contacts-table .contacts__item-2 #errors,.contacts-table .contacts__item-2 #success {
    display: none;
    color: #fff;
    background-color: #dc5c5c;
    font-size: 13px;
    font-weight: 300;
    padding: 16px;
    font-family: DINPro,Arial,sans-serif
}

.contacts-table .contacts__item-2 #errors {
    background-color: #dc5c5c
}

.contacts-table .contacts__item-2 #success {
    font-weight: 400;
    font-size: 15px;
    background-color: green
}

@media only screen and (max-width: 575px) {
    .contacts-table .contacts__item-2 {
        margin-top:30px;
        width: 100%
    }
}

.social-networks {
    min-height: 100px;
    padding-top: 5px
}

.social-networks__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    list-style: none
}

@media only screen and (max-width: 767px) {
    .social-networks__list {
        margin-bottom:0
    }
}

.social-networks__item {
    margin-right: 8px;
    margin-bottom: 8px
}

.social-networks__item:last-of-type {
    margin-right: 0
}

.social-networks__link {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    font-size: 0;
    border-radius: 50%;
    background-color: #252525
}

.social-networks__link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

body:not(.mobile) .social-networks__link:hover {
    background-color: #53acfe
}

.social-networks__link--instagram:before {
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.75 16.56'%3E%3Cpath d='M381.941,3361.73h12.442a2.082,2.082,0,0,1,2.149,2.12v12.3a2.082,2.082,0,0,1-2.149,2.12H381.941a2.082,2.082,0,0,1-2.148-2.12v-12.3a2.082,2.082,0,0,1,2.148-2.12h0Zm10.045,1.83a0.755,0.755,0,0,0-.753.75v1.78a0.755,0.755,0,0,0,.753.75h1.892a0.756,0.756,0,0,0,.754-0.75v-1.78a0.756,0.756,0,0,0-.754-0.75h-1.892Zm2.654,5.16h-1.474a4.788,4.788,0,0,1,.215,1.42,5.208,5.208,0,0,1-10.406,0,4.82,4.82,0,0,1,.215-1.42h-1.537v6.99a0.666,0.666,0,0,0,.665.66h11.657a0.666,0.666,0,0,0,.665-0.66v-6.99h0Zm-6.462-1.98a3.223,3.223,0,1,0,3.362,3.22A3.293,3.293,0,0,0,388.178,3366.74Z' transform='translate(-379.781 -3361.72)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")
}

body:not(.mobile) .social-networks__link--instagram:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.75 16.56'%3E%3Cpath d='M381.941,3361.73h12.442a2.082,2.082,0,0,1,2.149,2.12v12.3a2.082,2.082,0,0,1-2.149,2.12H381.941a2.082,2.082,0,0,1-2.148-2.12v-12.3a2.082,2.082,0,0,1,2.148-2.12h0Zm10.045,1.83a0.755,0.755,0,0,0-.753.75v1.78a0.755,0.755,0,0,0,.753.75h1.892a0.756,0.756,0,0,0,.754-0.75v-1.78a0.756,0.756,0,0,0-.754-0.75h-1.892Zm2.654,5.16h-1.474a4.788,4.788,0,0,1,.215,1.42,5.208,5.208,0,0,1-10.406,0,4.82,4.82,0,0,1,.215-1.42h-1.537v6.99a0.666,0.666,0,0,0,.665.66h11.657a0.666,0.666,0,0,0,.665-0.66v-6.99h0Zm-6.462-1.98a3.223,3.223,0,1,0,3.362,3.22A3.293,3.293,0,0,0,388.178,3366.74Z' transform='translate(-379.781 -3361.72)' fill='%23191919' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.social-networks__link--vkontakte:before {
    width: 20px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.656 11.47'%3E%3Cpath d='M433.857,3375.27a0.617,0.617,0,0,0-.07-0.13,10.392,10.392,0,0,0-2.055-2.32l-0.021-.02-0.011-.01-0.011-.01h-0.011c-0.459-.43-0.749-0.72-0.871-0.86a0.793,0.793,0,0,1-.151-0.85,7.771,7.771,0,0,1,.968-1.38c0.294-.37.527-0.66,0.7-0.89,1.241-1.61,1.779-2.63,1.614-3.08l-0.064-.1a0.632,0.632,0,0,0-.333-0.18,1.7,1.7,0,0,0-.689-0.02l-3.1.02a0.384,0.384,0,0,0-.215,0l-0.14.03-0.054.03-0.043.03a0.5,0.5,0,0,0-.118.11,0.662,0.662,0,0,0-.108.18,16.367,16.367,0,0,1-1.151,2.36c-0.265.44-.509,0.81-0.732,1.13a5.26,5.26,0,0,1-.559.7c-0.151.15-.287,0.27-0.409,0.37a0.412,0.412,0,0,1-.28.11c-0.064-.01-0.125-0.03-0.183-0.04a0.683,0.683,0,0,1-.242-0.26,1.1,1.1,0,0,1-.123-0.41,4.119,4.119,0,0,1-.038-0.42c0-.12,0-0.29,0-0.5s0.011-.37.011-0.44q0-.4.016-0.87c0.011-.31.02-0.56,0.027-0.74s0.011-.37.011-0.58a2.265,2.265,0,0,0-.038-0.47,1.6,1.6,0,0,0-.113-0.34,0.554,0.554,0,0,0-.22-0.25,1.118,1.118,0,0,0-.36-0.14,7.084,7.084,0,0,0-1.453-.14,7.386,7.386,0,0,0-2.571.25,1.581,1.581,0,0,0-.409.32c-0.129.15-.147,0.24-0.054,0.25a1.308,1.308,0,0,1,.914.45l0.065,0.13a1.938,1.938,0,0,1,.151.48,4.658,4.658,0,0,1,.1.76,7.9,7.9,0,0,1,0,1.31c-0.035.37-.069,0.65-0.1,0.85a1.7,1.7,0,0,1-.145.5c-0.065.12-.108,0.2-0.129,0.23a0.19,0.19,0,0,1-.054.05,0.944,0.944,0,0,1-.29.05,0.741,0.741,0,0,1-.366-0.14,2.773,2.773,0,0,1-.447-0.41,5.234,5.234,0,0,1-.522-0.72,11.471,11.471,0,0,1-.6-1.09l-0.172-.3c-0.108-.2-0.255-0.48-0.441-0.86s-0.352-.73-0.5-1.08a0.7,0.7,0,0,0-.258-0.34l-0.054-.03a0.62,0.62,0,0,0-.172-0.09,1.878,1.878,0,0,0-.248-0.07l-2.947.03a0.772,0.772,0,0,0-.614.19l-0.043.07a0.327,0.327,0,0,0-.032.17,0.826,0.826,0,0,0,.064.28c0.431,0.98.9,1.94,1.4,2.85s0.945,1.65,1.318,2.21,0.753,1.09,1.141,1.59,0.643,0.81.769,0.95,0.224,0.25.3,0.32l0.269,0.25a6.806,6.806,0,0,0,.758.6q0.5,0.345,1.108.69a6.288,6.288,0,0,0,1.415.56,5.046,5.046,0,0,0,1.571.17h1.237a0.879,0.879,0,0,0,.571-0.23l0.042-.05a0.678,0.678,0,0,0,.081-0.2,0.972,0.972,0,0,0,.038-0.28,3.433,3.433,0,0,1,.069-0.82,2.06,2.06,0,0,1,.183-0.54,1.335,1.335,0,0,1,.232-0.31,0.575,0.575,0,0,1,.183-0.15,0.932,0.932,0,0,1,.086-0.04,0.694,0.694,0,0,1,.608.16,3.778,3.778,0,0,1,.656.61q0.308,0.36.737,0.81a4.672,4.672,0,0,0,.753.67l0.215,0.13a2.9,2.9,0,0,0,.56.23,1.172,1.172,0,0,0,.6.05l2.754-.04a1.245,1.245,0,0,0,.635-0.13,0.518,0.518,0,0,0,.269-0.29,0.8,0.8,0,0,0,0-.36A1.175,1.175,0,0,0,433.857,3375.27Z' transform='translate(-413.313 -3364.91)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")
}

body:not(.mobile) .social-networks__link--vkontakte:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.656 11.47'%3E%3Cpath d='M433.857,3375.27a0.617,0.617,0,0,0-.07-0.13,10.392,10.392,0,0,0-2.055-2.32l-0.021-.02-0.011-.01-0.011-.01h-0.011c-0.459-.43-0.749-0.72-0.871-0.86a0.793,0.793,0,0,1-.151-0.85,7.771,7.771,0,0,1,.968-1.38c0.294-.37.527-0.66,0.7-0.89,1.241-1.61,1.779-2.63,1.614-3.08l-0.064-.1a0.632,0.632,0,0,0-.333-0.18,1.7,1.7,0,0,0-.689-0.02l-3.1.02a0.384,0.384,0,0,0-.215,0l-0.14.03-0.054.03-0.043.03a0.5,0.5,0,0,0-.118.11,0.662,0.662,0,0,0-.108.18,16.367,16.367,0,0,1-1.151,2.36c-0.265.44-.509,0.81-0.732,1.13a5.26,5.26,0,0,1-.559.7c-0.151.15-.287,0.27-0.409,0.37a0.412,0.412,0,0,1-.28.11c-0.064-.01-0.125-0.03-0.183-0.04a0.683,0.683,0,0,1-.242-0.26,1.1,1.1,0,0,1-.123-0.41,4.119,4.119,0,0,1-.038-0.42c0-.12,0-0.29,0-0.5s0.011-.37.011-0.44q0-.4.016-0.87c0.011-.31.02-0.56,0.027-0.74s0.011-.37.011-0.58a2.265,2.265,0,0,0-.038-0.47,1.6,1.6,0,0,0-.113-0.34,0.554,0.554,0,0,0-.22-0.25,1.118,1.118,0,0,0-.36-0.14,7.084,7.084,0,0,0-1.453-.14,7.386,7.386,0,0,0-2.571.25,1.581,1.581,0,0,0-.409.32c-0.129.15-.147,0.24-0.054,0.25a1.308,1.308,0,0,1,.914.45l0.065,0.13a1.938,1.938,0,0,1,.151.48,4.658,4.658,0,0,1,.1.76,7.9,7.9,0,0,1,0,1.31c-0.035.37-.069,0.65-0.1,0.85a1.7,1.7,0,0,1-.145.5c-0.065.12-.108,0.2-0.129,0.23a0.19,0.19,0,0,1-.054.05,0.944,0.944,0,0,1-.29.05,0.741,0.741,0,0,1-.366-0.14,2.773,2.773,0,0,1-.447-0.41,5.234,5.234,0,0,1-.522-0.72,11.471,11.471,0,0,1-.6-1.09l-0.172-.3c-0.108-.2-0.255-0.48-0.441-0.86s-0.352-.73-0.5-1.08a0.7,0.7,0,0,0-.258-0.34l-0.054-.03a0.62,0.62,0,0,0-.172-0.09,1.878,1.878,0,0,0-.248-0.07l-2.947.03a0.772,0.772,0,0,0-.614.19l-0.043.07a0.327,0.327,0,0,0-.032.17,0.826,0.826,0,0,0,.064.28c0.431,0.98.9,1.94,1.4,2.85s0.945,1.65,1.318,2.21,0.753,1.09,1.141,1.59,0.643,0.81.769,0.95,0.224,0.25.3,0.32l0.269,0.25a6.806,6.806,0,0,0,.758.6q0.5,0.345,1.108.69a6.288,6.288,0,0,0,1.415.56,5.046,5.046,0,0,0,1.571.17h1.237a0.879,0.879,0,0,0,.571-0.23l0.042-.05a0.678,0.678,0,0,0,.081-0.2,0.972,0.972,0,0,0,.038-0.28,3.433,3.433,0,0,1,.069-0.82,2.06,2.06,0,0,1,.183-0.54,1.335,1.335,0,0,1,.232-0.31,0.575,0.575,0,0,1,.183-0.15,0.932,0.932,0,0,1,.086-0.04,0.694,0.694,0,0,1,.608.16,3.778,3.778,0,0,1,.656.61q0.308,0.36.737,0.81a4.672,4.672,0,0,0,.753.67l0.215,0.13a2.9,2.9,0,0,0,.56.23,1.172,1.172,0,0,0,.6.05l2.754-.04a1.245,1.245,0,0,0,.635-0.13,0.518,0.518,0,0,0,.269-0.29,0.8,0.8,0,0,0,0-.36A1.175,1.175,0,0,0,433.857,3375.27Z' transform='translate(-413.313 -3364.91)' fill='%23191919' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.social-networks__link--facebook:before {
    width: 9px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 17.84'%3E%3Cpath d='M456.4,3369.86h1.614v9.69H461.6v-9.69h2.531l0.688-3.13H461.45a2.482,2.482,0,0,1,.237-1.79,1.891,1.891,0,0,1,1.311-.44,3.483,3.483,0,0,1,1.692.68l0.725-2.75a9.841,9.841,0,0,0-2.994-.71,5.082,5.082,0,0,0-2.534.55,3.02,3.02,0,0,0-1.357,1.59,5.5,5.5,0,0,0-.415,2.46v0.41h-1.663Z' transform='translate(-456.406 -3361.72)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")
}

body:not(.mobile) .social-networks__link--facebook:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 17.84'%3E%3Cpath d='M456.4,3369.86h1.614v9.69H461.6v-9.69h2.531l0.688-3.13H461.45a2.482,2.482,0,0,1,.237-1.79,1.891,1.891,0,0,1,1.311-.44,3.483,3.483,0,0,1,1.692.68l0.725-2.75a9.841,9.841,0,0,0-2.994-.71,5.082,5.082,0,0,0-2.534.55,3.02,3.02,0,0,0-1.357,1.59,5.5,5.5,0,0,0-.415,2.46v0.41h-1.663Z' transform='translate(-456.406 -3361.72)' fill='%23191919' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.social-networks__link--ok:before {
    width: 10px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1078 1792' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M896,907C770.667,907 663.667,862.667 575,774C486.333,685.333 442,578.667 442,454C442,328.667 486.333,221.667 575,133C663.667,44.333 770.667,0 896,0C1021.33,0 1128.33,44.333 1217,133C1305.67,221.667 1350,328.667 1350,454C1350,578.667 1305.67,685.333 1217,774C1128.33,862.667 1021.33,907 896,907ZM896,230C834.667,230 782.167,251.833 738.5,295.5C694.833,339.167 673,392 673,454C673,515.333 694.833,567.833 738.5,611.5C782.167,655.167 834.667,677 896,677C957.333,677 1009.83,655.167 1053.5,611.5C1097.17,567.833 1119,515.333 1119,454C1119,392 1097.17,339.167 1053.5,295.5C1009.83,251.833 957.333,230 896,230ZM1419,962C1427.67,980 1432.67,996.5 1434,1011.5C1435.33,1026.5 1433.83,1040 1429.5,1052C1425.17,1064 1416.33,1076.83 1403,1090.5C1389.67,1104.17 1375.5,1116.5 1360.5,1127.5C1345.5,1138.5 1325,1152.33 1299,1169C1222.33,1217.67 1117.33,1249 984,1263L1057,1335L1324,1602C1344,1622.67 1354,1647.33 1354,1676C1354,1704.67 1344,1729 1324,1749L1312,1762C1291.33,1782 1266.67,1792 1238,1792C1209.33,1792 1184.67,1782 1164,1762C1119.33,1716.67 1030.33,1627.33 897,1494L630,1762C609.333,1782 584.667,1792 556,1792C527.333,1792 503,1782 483,1762L471,1749C450.333,1729 440,1704.67 440,1676C440,1647.33 450.333,1622.67 471,1602L738,1335L810,1263C674.667,1249 569,1217.67 493,1169C467,1152.33 446.5,1138.5 431.5,1127.5C416.5,1116.5 402.333,1104.17 389,1090.5C375.667,1076.83 366.833,1064 362.5,1052C358.167,1040 356.667,1026.5 358,1011.5C359.333,996.5 364.333,980 373,962C379.667,948.667 389,937 401,927C413,917 427,909.667 443,905C459,900.333 477.667,901 499,907C520.333,913 542,924.667 564,942C567.333,944.667 572.333,948.333 579,953C585.667,957.667 600,965.833 622,977.5C644,989.167 667,999.333 691,1008C715,1016.67 745.667,1024.67 783,1032C820.333,1039.33 858,1043 896,1043C956.667,1043 1014.67,1034.5 1070,1017.5C1125.33,1000.5 1165.33,983.667 1190,967L1228,942C1250,924.667 1271.67,913 1293,907C1314.33,901 1333,900.333 1349,905C1365,909.667 1379,917 1391,927C1403,937 1412.33,948.667 1419,962Z' fill-rule='nonzero' transform='translate(-357)' fill='%23fff'/%3E%3C/svg%3E")
}

body:not(.mobile) .social-networks__link--ok:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1078 1792' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M896,907C770.667,907 663.667,862.667 575,774C486.333,685.333 442,578.667 442,454C442,328.667 486.333,221.667 575,133C663.667,44.333 770.667,0 896,0C1021.33,0 1128.33,44.333 1217,133C1305.67,221.667 1350,328.667 1350,454C1350,578.667 1305.67,685.333 1217,774C1128.33,862.667 1021.33,907 896,907ZM896,230C834.667,230 782.167,251.833 738.5,295.5C694.833,339.167 673,392 673,454C673,515.333 694.833,567.833 738.5,611.5C782.167,655.167 834.667,677 896,677C957.333,677 1009.83,655.167 1053.5,611.5C1097.17,567.833 1119,515.333 1119,454C1119,392 1097.17,339.167 1053.5,295.5C1009.83,251.833 957.333,230 896,230ZM1419,962C1427.67,980 1432.67,996.5 1434,1011.5C1435.33,1026.5 1433.83,1040 1429.5,1052C1425.17,1064 1416.33,1076.83 1403,1090.5C1389.67,1104.17 1375.5,1116.5 1360.5,1127.5C1345.5,1138.5 1325,1152.33 1299,1169C1222.33,1217.67 1117.33,1249 984,1263L1057,1335L1324,1602C1344,1622.67 1354,1647.33 1354,1676C1354,1704.67 1344,1729 1324,1749L1312,1762C1291.33,1782 1266.67,1792 1238,1792C1209.33,1792 1184.67,1782 1164,1762C1119.33,1716.67 1030.33,1627.33 897,1494L630,1762C609.333,1782 584.667,1792 556,1792C527.333,1792 503,1782 483,1762L471,1749C450.333,1729 440,1704.67 440,1676C440,1647.33 450.333,1622.67 471,1602L738,1335L810,1263C674.667,1249 569,1217.67 493,1169C467,1152.33 446.5,1138.5 431.5,1127.5C416.5,1116.5 402.333,1104.17 389,1090.5C375.667,1076.83 366.833,1064 362.5,1052C358.167,1040 356.667,1026.5 358,1011.5C359.333,996.5 364.333,980 373,962C379.667,948.667 389,937 401,927C413,917 427,909.667 443,905C459,900.333 477.667,901 499,907C520.333,913 542,924.667 564,942C567.333,944.667 572.333,948.333 579,953C585.667,957.667 600,965.833 622,977.5C644,989.167 667,999.333 691,1008C715,1016.67 745.667,1024.67 783,1032C820.333,1039.33 858,1043 896,1043C956.667,1043 1014.67,1034.5 1070,1017.5C1125.33,1000.5 1165.33,983.667 1190,967L1228,942C1250,924.667 1271.67,913 1293,907C1314.33,901 1333,900.333 1349,905C1365,909.667 1379,917 1391,927C1403,937 1412.33,948.667 1419,962Z' fill-rule='nonzero' transform='translate(-357)' fill='%23191919'/%3E%3C/svg%3E")
}

.social-networks__link--youtube:before {
    width: 14px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.562 16.56'%3E%3Cpath d='M537.289,3369a1.67,1.67,0,0,0-.526-0.91,1.692,1.692,0,0,0-.937-0.44q-1.681-.18-5.073-0.18t-5.064.18a1.681,1.681,0,0,0-.942.44,1.732,1.732,0,0,0-.53.91,16.225,16.225,0,0,0-.237,3.23,15.931,15.931,0,0,0,.237,3.24,1.706,1.706,0,0,0,.526.91,1.541,1.541,0,0,0,.937.42,64.438,64.438,0,0,0,10.146,0,1.521,1.521,0,0,0,.932-0.42,1.773,1.773,0,0,0,.531-0.91,16.34,16.34,0,0,0,.237-3.24A15.885,15.885,0,0,0,537.289,3369Zm-9.443.94h-0.978v5.25h-0.914v-5.25h-0.96v-0.87h2.852v0.87Zm2.468,5.25H529.5v-0.5a1.314,1.314,0,0,1-.933.56,0.489,0.489,0,0,1-.53-0.34,2.319,2.319,0,0,1-.073-0.67v-3.61h0.813v3.36a2.422,2.422,0,0,0,.01.32,0.192,0.192,0,0,0,.192.2,0.729,0.729,0,0,0,.521-0.39v-3.49h0.813v4.56Zm3.108-1.37a3.5,3.5,0,0,1-.082.93,0.636,0.636,0,0,1-.649.5,1.146,1.146,0,0,1-.85-0.5v0.44h-0.814v-6.12h0.814v2a1.107,1.107,0,0,1,.85-0.5,0.634,0.634,0,0,1,.649.52,3.274,3.274,0,0,1,.082.91v1.82Zm3.09-.76h-1.636v0.81c0,0.42.14,0.64,0.42,0.64a0.359,0.359,0,0,0,.366-0.34,4.647,4.647,0,0,0,.018-0.56h0.832v0.12a4.045,4.045,0,0,1-.019.54,1.141,1.141,0,0,1-1.179.98,1.153,1.153,0,0,1-.987-0.47,1.739,1.739,0,0,1-.265-1.07v-1.6a1.807,1.807,0,0,1,.256-1.07,1.243,1.243,0,0,1,1.947,0,1.866,1.866,0,0,1,.247,1.07v0.95h0Zm-4.26-1.74a0.6,0.6,0,0,0-.411.2v2.78a0.577,0.577,0,0,0,.411.21c0.238,0,.357-0.21.357-0.62v-1.95C532.609,3371.53,532.49,3371.32,532.252,3371.32Zm3.035,0q-0.411,0-.411.63v0.42H535.7v-0.42Q535.7,3371.32,535.287,3371.32Zm-7.971-7.18v2.5h0.914v-2.5l1.106-3.69H528.4l-0.621,2.43-0.65-2.43h-0.968c0.17,0.52.368,1.1,0.594,1.73A15.573,15.573,0,0,1,527.316,3364.14Zm3.245,2.56a1.106,1.106,0,0,0,.969-0.47,1.835,1.835,0,0,0,.256-1.09v-1.61a1.8,1.8,0,0,0-.256-1.08,1.225,1.225,0,0,0-1.929,0,1.807,1.807,0,0,0-.256,1.08v1.61a1.842,1.842,0,0,0,.256,1.09A1.112,1.112,0,0,0,530.561,3366.7Zm-0.393-3.34c0-.42.131-0.64,0.393-0.64s0.393,0.22.393,0.64v1.94c0,0.43-.131.65-0.393,0.65s-0.393-.22-0.393-0.65v-1.94Zm2.907,3.34a1.315,1.315,0,0,0,.941-0.57v0.51h0.832v-4.61h-0.832v3.52a0.747,0.747,0,0,1-.521.4,0.2,0.2,0,0,1-.192-0.21,2.42,2.42,0,0,1-.009-0.32v-3.39h-0.832v3.64a2.429,2.429,0,0,0,.073.69A0.505,0.505,0,0,0,533.075,3366.7Z' transform='translate(-523.969 -3360.44)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")
}

body:not(.mobile) .social-networks__link--youtube:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.562 16.56'%3E%3Cpath d='M537.289,3369a1.67,1.67,0,0,0-.526-0.91,1.692,1.692,0,0,0-.937-0.44q-1.681-.18-5.073-0.18t-5.064.18a1.681,1.681,0,0,0-.942.44,1.732,1.732,0,0,0-.53.91,16.225,16.225,0,0,0-.237,3.23,15.931,15.931,0,0,0,.237,3.24,1.706,1.706,0,0,0,.526.91,1.541,1.541,0,0,0,.937.42,64.438,64.438,0,0,0,10.146,0,1.521,1.521,0,0,0,.932-0.42,1.773,1.773,0,0,0,.531-0.91,16.34,16.34,0,0,0,.237-3.24A15.885,15.885,0,0,0,537.289,3369Zm-9.443.94h-0.978v5.25h-0.914v-5.25h-0.96v-0.87h2.852v0.87Zm2.468,5.25H529.5v-0.5a1.314,1.314,0,0,1-.933.56,0.489,0.489,0,0,1-.53-0.34,2.319,2.319,0,0,1-.073-0.67v-3.61h0.813v3.36a2.422,2.422,0,0,0,.01.32,0.192,0.192,0,0,0,.192.2,0.729,0.729,0,0,0,.521-0.39v-3.49h0.813v4.56Zm3.108-1.37a3.5,3.5,0,0,1-.082.93,0.636,0.636,0,0,1-.649.5,1.146,1.146,0,0,1-.85-0.5v0.44h-0.814v-6.12h0.814v2a1.107,1.107,0,0,1,.85-0.5,0.634,0.634,0,0,1,.649.52,3.274,3.274,0,0,1,.082.91v1.82Zm3.09-.76h-1.636v0.81c0,0.42.14,0.64,0.42,0.64a0.359,0.359,0,0,0,.366-0.34,4.647,4.647,0,0,0,.018-0.56h0.832v0.12a4.045,4.045,0,0,1-.019.54,1.141,1.141,0,0,1-1.179.98,1.153,1.153,0,0,1-.987-0.47,1.739,1.739,0,0,1-.265-1.07v-1.6a1.807,1.807,0,0,1,.256-1.07,1.243,1.243,0,0,1,1.947,0,1.866,1.866,0,0,1,.247,1.07v0.95h0Zm-4.26-1.74a0.6,0.6,0,0,0-.411.2v2.78a0.577,0.577,0,0,0,.411.21c0.238,0,.357-0.21.357-0.62v-1.95C532.609,3371.53,532.49,3371.32,532.252,3371.32Zm3.035,0q-0.411,0-.411.63v0.42H535.7v-0.42Q535.7,3371.32,535.287,3371.32Zm-7.971-7.18v2.5h0.914v-2.5l1.106-3.69H528.4l-0.621,2.43-0.65-2.43h-0.968c0.17,0.52.368,1.1,0.594,1.73A15.573,15.573,0,0,1,527.316,3364.14Zm3.245,2.56a1.106,1.106,0,0,0,.969-0.47,1.835,1.835,0,0,0,.256-1.09v-1.61a1.8,1.8,0,0,0-.256-1.08,1.225,1.225,0,0,0-1.929,0,1.807,1.807,0,0,0-.256,1.08v1.61a1.842,1.842,0,0,0,.256,1.09A1.112,1.112,0,0,0,530.561,3366.7Zm-0.393-3.34c0-.42.131-0.64,0.393-0.64s0.393,0.22.393,0.64v1.94c0,0.43-.131.65-0.393,0.65s-0.393-.22-0.393-0.65v-1.94Zm2.907,3.34a1.315,1.315,0,0,0,.941-0.57v0.51h0.832v-4.61h-0.832v3.52a0.747,0.747,0,0,1-.521.4,0.2,0.2,0,0,1-.192-0.21,2.42,2.42,0,0,1-.009-0.32v-3.39h-0.832v3.64a2.429,2.429,0,0,0,.073.69A0.505,0.505,0,0,0,533.075,3366.7Z' transform='translate(-523.969 -3360.44)' fill='%23191919' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.social-networks__link--email:before {
    width: 15px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.438 11.44'%3E%3Cpath d='M573.393,3365.13l-4.323,4.04,4.323,5.7a1.529,1.529,0,0,0,.169-0.69v-8.36A1.542,1.542,0,0,0,573.393,3365.13Zm-6.8,4.6,5.786-5.41a1.6,1.6,0,0,0-.382-0.05H559.674a1.818,1.818,0,0,0-.409.06l5.822,5.41A1.13,1.13,0,0,0,566.6,3369.73Zm0.874,0.93a2.454,2.454,0,0,1-1.636.64,2.4,2.4,0,0,1-1.621-.63l-0.666-.62-4.2,5.64a1.773,1.773,0,0,0,.329.04H572a1.7,1.7,0,0,0,.394-0.06l-4.266-5.62Zm-9.2-5.51a1.543,1.543,0,0,0-.157.67v8.36a1.54,1.54,0,0,0,.2.75l4.288-5.75Z' transform='translate(-558.125 -3364.28)' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")
}

body:not(.mobile) .social-networks__link--email:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.438 11.44'%3E%3Cpath d='M573.393,3365.13l-4.323,4.04,4.323,5.7a1.529,1.529,0,0,0,.169-0.69v-8.36A1.542,1.542,0,0,0,573.393,3365.13Zm-6.8,4.6,5.786-5.41a1.6,1.6,0,0,0-.382-0.05H559.674a1.818,1.818,0,0,0-.409.06l5.822,5.41A1.13,1.13,0,0,0,566.6,3369.73Zm0.874,0.93a2.454,2.454,0,0,1-1.636.64,2.4,2.4,0,0,1-1.621-.63l-0.666-.62-4.2,5.64a1.773,1.773,0,0,0,.329.04H572a1.7,1.7,0,0,0,.394-0.06l-4.266-5.62Zm-9.2-5.51a1.543,1.543,0,0,0-.157.67v8.36a1.54,1.54,0,0,0,.2.75l4.288-5.75Z' transform='translate(-558.125 -3364.28)' fill='%23191919' fill-rule='evenodd'/%3E%3C/svg%3E")
}

.social-networks__link--twitter:before {
    width: 15px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 612 612' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M612,116.258C589.475,126.239 565.306,133.008 539.912,136.03C565.841,120.503 585.689,95.875 595.096,66.619C570.774,80.998 543.927,91.439 515.321,97.099C492.414,72.662 459.831,57.441 423.691,57.441C354.357,57.441 298.14,113.658 298.14,182.954C298.14,192.782 299.249,202.381 301.391,211.56C197.065,206.32 104.556,156.337 42.641,80.386C31.818,98.896 25.661,120.464 25.661,143.487C25.661,187.046 47.842,225.48 81.496,247.966C60.921,247.278 41.57,241.618 24.629,232.21L24.629,233.778C24.629,294.584 67.92,345.332 125.322,356.882C114.805,359.712 103.715,361.28 92.242,361.28C84.135,361.28 76.295,360.477 68.608,358.947C84.593,408.854 130.944,445.146 185.861,446.141C142.914,479.795 88.762,499.796 29.945,499.796C19.811,499.796 9.829,499.184 0.001,498.075C55.568,533.756 121.537,554.56 192.439,554.56C423.387,554.56 549.627,363.269 549.627,197.372L549.206,181.119C573.872,163.526 595.211,141.422 612,116.258Z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")
}

body:not(.mobile) .social-networks__link--twitter:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 612 612' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M612,116.258C589.475,126.239 565.306,133.008 539.912,136.03C565.841,120.503 585.689,95.875 595.096,66.619C570.774,80.998 543.927,91.439 515.321,97.099C492.414,72.662 459.831,57.441 423.691,57.441C354.357,57.441 298.14,113.658 298.14,182.954C298.14,192.782 299.249,202.381 301.391,211.56C197.065,206.32 104.556,156.337 42.641,80.386C31.818,98.896 25.661,120.464 25.661,143.487C25.661,187.046 47.842,225.48 81.496,247.966C60.921,247.278 41.57,241.618 24.629,232.21L24.629,233.778C24.629,294.584 67.92,345.332 125.322,356.882C114.805,359.712 103.715,361.28 92.242,361.28C84.135,361.28 76.295,360.477 68.608,358.947C84.593,408.854 130.944,445.146 185.861,446.141C142.914,479.795 88.762,499.796 29.945,499.796C19.811,499.796 9.829,499.184 0.001,498.075C55.568,533.756 121.537,554.56 192.439,554.56C423.387,554.56 549.627,363.269 549.627,197.372L549.206,181.119C573.872,163.526 595.211,141.422 612,116.258Z' fill='%23191919' fill-rule='nonzero'/%3E%3C/svg%3E")
}

.social-networks__link--telegram:before {
    width: 16px;
    height: 16px;
    left: 47%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511.999 511.999'%3E%3Cpath d='M165.323,267.452L395.89,125.446c4.144-2.545,8.407,3.058,4.849,6.359L210.454,308.684 c-6.688,6.226-11.003,14.558-12.225,23.602l-6.482,48.036c-0.858,6.414-9.868,7.05-11.638,0.843l-24.929-87.595 C152.325,283.578,156.486,272.907,165.323,267.452z' fill='%23f6f6f6'/%3E%3Cpath d='M9.043,246.86l117.975,44.032l45.664,146.854c2.922,9.405,14.423,12.882,22.057,6.641l65.761-53.61 c6.893-5.617,16.712-5.897,23.916-0.667l118.61,86.113c8.166,5.936,19.736,1.461,21.784-8.407l86.888-417.947 c2.236-10.779-8.356-19.772-18.62-15.802L8.905,220.845C-3.043,225.453-2.939,242.369,9.043,246.86z M165.323,267.452 L395.89,125.446c4.144-2.545,8.407,3.058,4.849,6.359L210.454,308.684c-6.688,6.226-11.003,14.558-12.225,23.602l-6.482,48.036 c-0.858,6.414-9.868,7.05-11.638,0.843l-24.929-87.595C152.325,283.578,156.486,272.907,165.323,267.452z' fill='%23fff'/%3E%3C/svg%3E")
}

body:not(.mobile) .social-networks__link--telegram:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511.999 511.999'%3E%3Cpath d='M165.323,267.452L395.89,125.446c4.144-2.545,8.407,3.058,4.849,6.359L210.454,308.684 c-6.688,6.226-11.003,14.558-12.225,23.602l-6.482,48.036c-0.858,6.414-9.868,7.05-11.638,0.843l-24.929-87.595 C152.325,283.578,156.486,272.907,165.323,267.452z' fill='%231f1f1f'/%3E%3Cpath d='M9.043,246.86l117.975,44.032l45.664,146.854c2.922,9.405,14.423,12.882,22.057,6.641l65.761-53.61 c6.893-5.617,16.712-5.897,23.916-0.667l118.61,86.113c8.166,5.936,19.736,1.461,21.784-8.407l86.888-417.947 c2.236-10.779-8.356-19.772-18.62-15.802L8.905,220.845C-3.043,225.453-2.939,242.369,9.043,246.86z M165.323,267.452 L395.89,125.446c4.144-2.545,8.407,3.058,4.849,6.359L210.454,308.684c-6.688,6.226-11.003,14.558-12.225,23.602l-6.482,48.036 c-0.858,6.414-9.868,7.05-11.638,0.843l-24.929-87.595C152.325,283.578,156.486,272.907,165.323,267.452z' fill='%23191919'/%3E%3C/svg%3E")
}

.social-networks__link--google-plus:before {
    width: 16px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 97 97' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M62.617 0L39.525 0C29.235 0 22.112 2.256 15.701 7.552 10.659 11.902 7.65 18.224 7.65 24.464 7.65 34.078 14.98 44.295 28.563 44.295 29.869 44.295 31.315 44.161 32.591 44.042L32.403 44.499C31.857 45.807 31.34 47.041 31.34 48.967 31.34 52.717 33.149 55.03 34.898 57.265L35.118 57.548 34.727 57.575C29.118 57.959 18.678 58.675 11.052 63.362 2.045 68.717 1.345 76.507 1.345 78.766 1.345 87.754 9.721 96.826 28.435 96.826 50.195 96.826 61.581 84.821 61.581 72.963 61.583 64.192 56.44 59.862 50.981 55.265L46.376 51.683C44.953 50.504 43.181 49.037 43.181 46.319 43.181 43.647 44.953 41.883 46.517 40.327L46.68 40.162C51.653 36.245 57.289 31.804 57.289 22.198 57.289 12.54 51.254 7.549 48.352 5.15L56.015 5.15C56.109 5.15 56.203 5.124 56.281 5.073L62.882.923C63.07.804 63.158.575 63.096.361 63.037.147 62.839 0 62.617 0zM34.614 91.535C21.35 91.535 12.438 85.34 12.438 76.119 12.438 70.098 16.083 65.723 23.262 63.122 29.011 61.187 36.432 61.091 36.506 61.091 37.763 61.091 38.395 61.091 39.399 61.217 48.68 67.822 53.142 71.29 53.142 77.895 53.141 86.309 46.041 91.535 34.614 91.535zM34.489 40.756C23.357 40.756 18.737 26.123 18.737 18.288 18.737 14.304 19.643 11.246 21.507 8.937 23.53 6.406 26.994 4.771 30.332 4.771 40.553 4.771 46.205 18.509 46.205 28.004 46.205 29.502 46.205 34.059 43.057 37.224 40.94 39.337 37.497 40.756 34.489 40.756zM94.982 45.223L82.814 45.223 82.814 33.098C82.814 32.822 82.589 32.598 82.314 32.598L77.08 32.598C76.804 32.598 76.58 32.822 76.58 33.098L76.58 45.223 64.473 45.223C64.197 45.223 63.973 45.447 63.973 45.723L63.973 51.027C63.973 51.302 64.197 51.527 64.473 51.527L76.58 51.527 76.58 63.73C76.58 64.005 76.804 64.23 77.08 64.23L82.314 64.23C82.589 64.23 82.814 64.005 82.814 63.73L82.814 51.525 94.982 51.525C95.258 51.525 95.482 51.302 95.482 51.025L95.482 45.723C95.482 45.446 95.259 45.223 94.982 45.223z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E")
}

body:not(.mobile) .social-networks__link--google-plus:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 97 97' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M62.617 0L39.525 0C29.235 0 22.112 2.256 15.701 7.552 10.659 11.902 7.65 18.224 7.65 24.464 7.65 34.078 14.98 44.295 28.563 44.295 29.869 44.295 31.315 44.161 32.591 44.042L32.403 44.499C31.857 45.807 31.34 47.041 31.34 48.967 31.34 52.717 33.149 55.03 34.898 57.265L35.118 57.548 34.727 57.575C29.118 57.959 18.678 58.675 11.052 63.362 2.045 68.717 1.345 76.507 1.345 78.766 1.345 87.754 9.721 96.826 28.435 96.826 50.195 96.826 61.581 84.821 61.581 72.963 61.583 64.192 56.44 59.862 50.981 55.265L46.376 51.683C44.953 50.504 43.181 49.037 43.181 46.319 43.181 43.647 44.953 41.883 46.517 40.327L46.68 40.162C51.653 36.245 57.289 31.804 57.289 22.198 57.289 12.54 51.254 7.549 48.352 5.15L56.015 5.15C56.109 5.15 56.203 5.124 56.281 5.073L62.882.923C63.07.804 63.158.575 63.096.361 63.037.147 62.839 0 62.617 0zM34.614 91.535C21.35 91.535 12.438 85.34 12.438 76.119 12.438 70.098 16.083 65.723 23.262 63.122 29.011 61.187 36.432 61.091 36.506 61.091 37.763 61.091 38.395 61.091 39.399 61.217 48.68 67.822 53.142 71.29 53.142 77.895 53.141 86.309 46.041 91.535 34.614 91.535zM34.489 40.756C23.357 40.756 18.737 26.123 18.737 18.288 18.737 14.304 19.643 11.246 21.507 8.937 23.53 6.406 26.994 4.771 30.332 4.771 40.553 4.771 46.205 18.509 46.205 28.004 46.205 29.502 46.205 34.059 43.057 37.224 40.94 39.337 37.497 40.756 34.489 40.756zM94.982 45.223L82.814 45.223 82.814 33.098C82.814 32.822 82.589 32.598 82.314 32.598L77.08 32.598C76.804 32.598 76.58 32.822 76.58 33.098L76.58 45.223 64.473 45.223C64.197 45.223 63.973 45.447 63.973 45.723L63.973 51.027C63.973 51.302 64.197 51.527 64.473 51.527L76.58 51.527 76.58 63.73C76.58 64.005 76.804 64.23 77.08 64.23L82.314 64.23C82.589 64.23 82.814 64.005 82.814 63.73L82.814 51.525 94.982 51.525C95.258 51.525 95.482 51.302 95.482 51.025L95.482 45.723C95.482 45.446 95.259 45.223 94.982 45.223z' fill='%23191919' fill-rule='nonzero'/%3E%3C/svg%3E")
}

.social-networks__remark {
    max-width: 290px;
    line-height: 1.3;
    color: #252525
}

@media only screen and (max-width: 1189px) {
    .social-networks__remark {
        display:none;
        line-height: 1.5
    }
}

.social-networks__remark--mobile {
    display: none
}

@media only screen and (max-width: 1189px) {
    .social-networks__remark--mobile {
        display:block
    }
}

@media only screen and (max-width: 767px) {
    .social-networks__remark--mobile {
        display:none
    }
}

#scrollup {
    display: none;
    position: fixed;
    background: #ddd;
    right: 10%;
    top: 50%;
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 10px 12px;
    font-size: 20px;
    color: #999;
    z-index: 100;
    text-align: center;
    border-radius: 50%
}

#scrollup:hover {
    color: #333;
    background-color: #ccc
}

@media only screen and (max-width: 1189px) {
    #scrollup {
        right:20px
    }
}

@media only screen and (max-width: 995px) {
    #scrollup {
        right:10px
    }
}

@media only screen and (max-width: 767px) {
    #scrollup {
        right:5px
    }
}

@media only screen and (max-width: 575px) {
    #scrollup {
        display:none!important
    }
}

@media only screen and (max-width: 575px) {
    .mCSB_horizontal .mCSB_container {
        width:auto!important;
        display: table
    }
}

.mCS-compare .mCSB_scrollTools {
    opacity: 1
}

.mCS-compare .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 54px
}

.mCS-compare .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    margin: 0;
    background-color: #c4c4c4
}

.mCS-compare .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    height: 100%;
    margin: 0;
    border-radius: 0;
    background: none
}

.mCS-compare .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    height: 10px;
    border-radius: 2500px;
    background-color: #ef7d1c
}

.btn {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 12px 32px;
    font-family: DINPro,Arial,sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    border: 0;
    outline: 0;
    border-radius: 2500px;
    background: #f4a11f;
    background: linear-gradient(90deg,#f4a11f 0,#e95819);
    cursor: pointer
}

@media only screen and (max-width: 575px) {
    .btn {
        padding:14px 23px;
        font-size: 12px
    }
}

body:not(.mobile) .btn:hover {
    text-decoration: none;
    background: linear-gradient(90deg,#e95819 0,#f4a11f)
}

.btn--type-1 {
    position: relative;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px
}

@media only screen and (max-width: 1189px) {
    .btn--type-1 {
        padding-left:10px;
        padding-right: 10px
    }
}

@media only screen and (max-width: 995px) {
    .btn--type-1 {
        font-size:12px
    }
}

.btn--type-1:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M1411.5,1132C1416.74,1132 1421,1136.26 1421,1141.5C1421,1146.74 1416.74,1151 1411.5,1151C1406.26,1151 1402,1146.74 1402,1141.5C1402,1136.26 1406.26,1132 1411.5,1132ZM1408.01,1146.38C1408.01,1145.87 1408.01,1136.98 1408.01,1136.63C1408.01,1136.18 1408.45,1135.84 1408.88,1136.11C1409.22,1136.32 1416.11,1140.6 1416.7,1140.97C1417.09,1141.21 1417.08,1141.79 1416.7,1142.03C1416.28,1142.3 1409.36,1146.6 1408.86,1146.9C1408.49,1147.12 1408.01,1146.88 1408.01,1146.38Z' fill='%23fff' transform='translate(-1402 -1132)'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain
}

@media only screen and (max-width: 1189px) {
    .btn--type-1:before {
        display:none
    }
}

.btn--type-2 {
    position: relative;
    padding-left: 49px;
    padding-right: 27px
}

@media only screen and (max-width: 995px) {
    .btn--type-2 {
        padding-left:42px;
        padding-right: 20px;
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    .btn--type-2 {
        padding-left:20px
    }
}

.btn--type-2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M1411.5,1132C1416.74,1132 1421,1136.26 1421,1141.5C1421,1146.74 1416.74,1151 1411.5,1151C1406.26,1151 1402,1146.74 1402,1141.5C1402,1136.26 1406.26,1132 1411.5,1132ZM1408.01,1146.38C1408.01,1145.87 1408.01,1136.98 1408.01,1136.63C1408.01,1136.18 1408.45,1135.84 1408.88,1136.11C1409.22,1136.32 1416.11,1140.6 1416.7,1140.97C1417.09,1141.21 1417.08,1141.79 1416.7,1142.03C1416.28,1142.3 1409.36,1146.6 1408.86,1146.9C1408.49,1147.12 1408.01,1146.88 1408.01,1146.38Z' fill='%23fff' transform='translate(-1402 -1132)'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain
}

@media only screen and (max-width: 767px) {
    .btn--type-2:before {
        display:none
    }
}

.btn--type-3 {
    position: relative;
    padding-left: 55px;
    padding-right: 34px
}

@media only screen and (max-width: 995px) {
    .btn--type-3 {
        padding-left:42px;
        padding-right: 19px
    }
}

@media only screen and (max-width: 767px) {
    .btn--type-3 {
        font-size:12px;
        margin-top: 40px
    }
}

@media only screen and (max-width: 575px) {
    .btn--type-3 {
        margin-top:0
    }
}

.btn--type-3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M1411.5,1132C1416.74,1132 1421,1136.26 1421,1141.5C1421,1146.74 1416.74,1151 1411.5,1151C1406.26,1151 1402,1146.74 1402,1141.5C1402,1136.26 1406.26,1132 1411.5,1132ZM1408.01,1146.38C1408.01,1145.87 1408.01,1136.98 1408.01,1136.63C1408.01,1136.18 1408.45,1135.84 1408.88,1136.11C1409.22,1136.32 1416.11,1140.6 1416.7,1140.97C1417.09,1141.21 1417.08,1141.79 1416.7,1142.03C1416.28,1142.3 1409.36,1146.6 1408.86,1146.9C1408.49,1147.12 1408.01,1146.88 1408.01,1146.38Z' fill='%23fff' transform='translate(-1402 -1132)'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain
}

.btn--type-4 {
    position: relative;
    padding-left: 107px;
    padding-right: 96px
}

@media only screen and (max-width: 995px) {
    .btn--type-4 {
        padding-left:47px;
        padding-right: 25px
    }
}

@media only screen and (max-width: 575px) {
    .btn--type-4 {
        padding-left:47px;
        padding-right: 25px;
        font-size: 14px
    }
}

.btn--type-4:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 19 19' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M1411.5,1132C1416.74,1132 1421,1136.26 1421,1141.5C1421,1146.74 1416.74,1151 1411.5,1151C1406.26,1151 1402,1146.74 1402,1141.5C1402,1136.26 1406.26,1132 1411.5,1132ZM1408.01,1146.38C1408.01,1145.87 1408.01,1136.98 1408.01,1136.63C1408.01,1136.18 1408.45,1135.84 1408.88,1136.11C1409.22,1136.32 1416.11,1140.6 1416.7,1140.97C1417.09,1141.21 1417.08,1141.79 1416.7,1142.03C1416.28,1142.3 1409.36,1146.6 1408.86,1146.9C1408.49,1147.12 1408.01,1146.88 1408.01,1146.38Z' fill='%23fff' transform='translate(-1402 -1132)'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain
}

.btn.btn-gray {
    display: inline-block;
    color: #666;
    text-decoration: none;
    padding: 0 16px!important;
    background: #f0f0f0;
    height: 24px;
    line-height: 24px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    transition: all .2s
}

.btn.btn-gray:hover {
    background: #fff!important;
    color: #000;
    border-color: #e95819
}

.form__data {
    margin-bottom: 20px
}

.form__data>:last-child {
    margin-bottom: 0
}

.form__entry {
    margin-bottom: 20px
}

.form__control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.form__remark {
    font-size: 16px;
    line-height: 1.5
}

@media only screen and (max-width: 575px) {
    .form__remark {
        font-size:14px;
        line-height: 1.72
    }
}

.form__remark a {
    color: inherit;
    text-decoration: underline
}

body:not(.mobile) .form__remark a:hover {
    text-decoration: none
}

.form__notes {
    margin-top: 20px;
    margin-bottom: -30px;
    font-size: 12px
}

.twofa {
    display: none
}

.tariffs {
    margin-bottom: 37px
}

@media only screen and (max-width: 1189px) {
    .tariffs {
        margin-bottom:43px
    }
}

@media only screen and (max-width: 995px) {
    .tariffs {
        margin-bottom:25px
    }
}

@media only screen and (max-width: 575px) {
    .tariffs {
        margin-bottom:15px
    }
}

.tariffs__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.tariffs__list.ssl {
    -ms-flex-pack: center;
    justify-content: center
}

.tariffs__list.ssl li {
    margin-left: 30px
}

@media only screen and (max-width: 767px) {
    .tariffs__list.ssl li {
        width:calc(99.9% - 60px)
    }

    .tariffs__list.ssl li:nth-of-type(2n) {
        margin-right: 30px!important
    }
}

.tariffs__list.eternal {
    -ms-flex-pack: center;
    justify-content: center
}

.tariffs__list.eternal li.tariffs__item {
    margin-right: 15px;
    margin-left: 15px;
    width: 242px
}

.tariffs__item {
    position: relative;
    width: calc((99.9% - 30px * 3) / 4);
    margin-right: 30px;
    margin-bottom: 30px;
    text-align: center
}

.tariffs__item:nth-of-type(4n) {
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .tariffs__item {
        width:calc((99.9% - 30px) / 2)
    }

    .tariffs__item:nth-of-type(4n) {
        margin-right: 30px
    }

    .tariffs__item:nth-of-type(2n) {
        margin-right: 0
    }
}

.tariffs__item--light .tariffs__primary {
    background: #abcc37;
    background: linear-gradient(90deg,#abcc37 0,#84c450)
}

.tariffs__item--economy .tariffs__primary {
    background: #abcc37;
    background: linear-gradient(90deg,#79ccf2 0,#64aae1)
}

.tariffs__item--standard .tariffs__primary {
    background: #abcc37;
    background: linear-gradient(90deg,#ffc032 0,#ff9c00)
}

.tariffs__item--lux .tariffs__primary {
    background: #abcc37;
    background: linear-gradient(90deg,#f54b0f 0,#e50a0a)
}

.tariffs__sticker {
    position: absolute;
    z-index: 1;
    top: -27px;
    right: -20px;
    width: 56px;
    height: 56px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media only screen and (max-width: 1189px) {
    .tariffs__sticker {
        top:-18px;
        right: -15px;
        width: 36px;
        height: 36px
    }
}

@media only screen and (max-width: 575px) {
    .tariffs__sticker {
        top:-35px;
        right: -20px
    }
}

.tariffs__sticker--recommend {
    background-image: url(/front-end/src/images/icons/other/svg/recommend-1.svg)
}

@media only screen and (max-width: 575px) {
    .tariffs__sticker--recommend {
        top:-15px;
        right: -10px
    }
}

.tariffs__primary {
    padding: 20px 5px;
    color: #fff;
    background-color: gray
}

@media only screen and (max-width: 995px) {
    .tariffs__primary {
        padding-top:25px;
        padding-bottom: 25px
    }
}

@media only screen and (max-width: 767px) {
    .tariffs__primary {
        padding-top:21px;
        padding-bottom: 21px
    }
}

@media only screen and (max-width: 575px) {
    .tariffs__primary {
        padding-top:16px;
        padding-bottom: 16px
    }
}

.tariffs__name {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase
}

@media only screen and (max-width: 995px) {
    .tariffs__name {
        font-size:18px;
        font-weight: 500
    }
}

@media only screen and (max-width: 767px) {
    .tariffs__name {
        font-size:21px
    }
}

@media only screen and (max-width: 575px) {
    .tariffs__name {
        font-size:18px
    }
}

.tariffs__data {
    padding: 41px 15px 24px;
    border: 1px solid #e9e9e9;
    border-top: 0
}

@media only screen and (max-width: 1189px) {
    .tariffs__data {
        padding:24px 20px 39px
    }
}

@media only screen and (max-width: 995px) {
    .tariffs__data {
        padding:25px 10px 29px
    }
}

@media only screen and (max-width: 575px) {
    .tariffs__data {
        padding:16px 3px 18px
    }
}

.tariffs__description {
    margin-bottom: 51px;
    font-size: 24px;
    font-weight: 500
}

@media only screen and (max-width: 1189px) {
    .tariffs__description {
        margin-bottom:28px;
        font-size: 18px
    }
}

@media only screen and (max-width: 995px) {
    .tariffs__description {
        font-size:16px
    }
}

@media only screen and (max-width: 575px) {
    .tariffs__description {
        margin-bottom:15px
    }
}

.tariffs__description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.tariffs__description ul li {
    margin-bottom: 9px
}

.tariffs__description ul li:last-of-type {
    margin-bottom: 0
}

.tariffs__description.ssl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 210px
}

.tariffs__description.ssl.domains {
    min-height: 120px
}

@media only screen and (max-width: 1189px) {
    .tariffs__description.ssl.domains {
        min-height:90px
    }
}

@media only screen and (max-width: 767px) {
    .tariffs__description.ssl.domains {
        min-height:auto
    }
}

.tariffs__description.ssl .ssl-title {
    -ms-flex: 0 0 80px;
    flex: 0 0 80px
}

.tariffs__description.ssl .ssl-description {
    font-size: 15px;
    font-weight: 300;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.tariffs__description.ssl .ssl-options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400
}

.tariffs__description.ssl .ssl-options span {
    display: inline-block;
    margin: 0 15px;
    color: green
}

.tariffs__description.ssl .ssl-options span.no {
    color: #ccc
}

.tariffs__description.ssl .ssl-options span img {
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px
}

@media only screen and (max-width: 1189px) {
    .tariffs__description.ssl .ssl-title {
        -ms-flex:0 0 60px;
        flex: 0 0 60px
    }

    .tariffs__description.ssl .ssl-description {
        font-size: 13px
    }
}

@media only screen and (max-width: 767px) {
    .tariffs__description.ssl {
        min-height:auto
    }

    .tariffs__description.ssl .ssl-title {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        font-size: 18px;
        margin: 20px 0
    }

    .tariffs__description.ssl .ssl-description {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .tariffs__btn {
        max-width:140px;
        margin-left: auto;
        margin-right: auto
    }
}

.price-tariffs {
    font-size: 24px
}

@media only screen and (max-width: 995px) {
    .price-tariffs {
        font-size:18px;
        font-weight: 500
    }
}

@media only screen and (max-width: 767px) {
    .price-tariffs {
        font-size:21px
    }
}

@media only screen and (max-width: 575px) {
    .price-tariffs {
        font-size:18px
    }
}

.price-tariffs__number {
    margin-right: 4px;
    font-size: 38px
}

@media only screen and (max-width: 995px) {
    .price-tariffs__number {
        font-size:inherit;
        font-weight: 500
    }
}

.nav-tariffs {
    margin-top: 38px;
    margin-bottom: 38px;
    text-align: center
}

@media only screen and (max-width: 1189px) {
    .nav-tariffs {
        margin-top:30px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 575px) {
    .nav-tariffs {
        margin-top:64px;
        margin-bottom: 64px
    }
}

.nav-tariffs__list {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    border: 2px solid #e5e5e5;
    border-radius: 2500px
}

.nav-tariffs__item.active .nav-tariffs__link {
    color: #fff;
    background-color: #f49f1f
}

body:not(.mobile) .nav-tariffs__item.active .nav-tariffs__link:hover {
    text-decoration: none
}

.nav-tariffs__link {
    display: block;
    margin: -2px;
    padding: 10px 25px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #252525;
    border-radius: 2500px;
    transition: .2s
}

@media only screen and (max-width: 575px) {
    .nav-tariffs__link {
        padding:9px 22px;
        font-size: 14px
    }
}

.content-tariffs__item {
    display: none
}

.content-tariffs__item.active {
    display: block
}

.content-tariffs .plans-loader {
    display: none;
    width: 100%;
    text-align: center
}

.introduction--tariffs {
    margin-bottom: 0;
    padding-top: 60px
}

.types-desc {
    text-align: center;
    color: #252525;
    padding: 10px 5px;
    font-size: 24px;
    font-weight: 400;
    margin: 20px auto;
    max-width: 960px
}

.types-desc p {
    font-size: 18px
}

.types-desc.os {
    margin-top: 0;
    font-size: 20px
}

@media only screen and (max-width: 575px) {
    .types-desc {
        padding:10px 0;
        font-size: 16px
    }

    .types-desc.os {
        font-size: 17px
    }

    .types-desc p {
        font-size: 14px
    }
}

.os-templates-title {
    text-align: center;
    color: #252525;
    padding: 10px;
    font-size: 36px;
    font-weight: 700;
    margin: 100px auto 0;
    max-width: 820px
}

@media only screen and (max-width: 575px) {
    .os-templates-title {
        font-size:30px
    }
}

.os-templates-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.os-templates-wrapper>.os-templates-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 10px 20px;
    width: 140px;
    height: 160px;
    color: #252525
}

.os-templates-wrapper>.os-templates-item>img {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: inline-block
}

.os-templates-wrapper>.os-templates-item>div.os-templates-item__name {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin: 10px 0 5px
}

.os-templates-wrapper>.os-templates-item>div.os-templates-item__version {
    font-weight: 500;
    text-align: center;
    font-size: 14px
}

@media only screen and (max-width: 575px) {
    .os-templates-wrapper>.os-templates-item>img {
        height:50px;
        width: 50px
    }
}

.plans-menu {
    background: #064999;
    background: linear-gradient(90deg,#0b67d5 1%,#3695ea 64%,#50c1f8 97%)
}

.plans-menu .introduction--tariffs {
    color: #fff
}

@media only screen and (max-width: 575px) {
    .plans-menu .types-desc {
        padding:10px
    }
}

.plans-menu div.types-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 40px;
    padding-bottom: 20px
}

.plans-menu div.types-list.domains,.plans-menu div.types-list.ssl {
    padding-top: 77px
}

.plans-menu div.types-list a {
    text-decoration: none
}

.plans-menu div.types-list div {
    position: relative;
    width: 186px;
    height: 120px;
    text-align: center;
    transition: all .2s;
    cursor: pointer;
    color: #e0e0e0;
    font-size: 18px;
    font-weight: 700;
    padding-top: 80px;
    line-height: 20px;
    margin-left: 20px;
    margin-right: 20px;
    background-repeat: no-repeat
}

.plans-menu div.types-list div.type-1 {
    background-size: auto 40px;
    background-position: center 25px;
    background-image: url(/img/vds/vds-1.png)
}

.plans-menu div.types-list div.type-2 {
    background-size: auto 40px;
    background-position: center 25px;
    background-image: url(/img/vds/vds-2.png)
}

.plans-menu div.types-list div.type-3 {
    background-size: auto 40px;
    background-position: center 25px;
    background-image: url(/img/vds/vds-3.png)
}

.plans-menu div.types-list div.type-4 {
    background-size: auto 45px;
    background-position: center 25px;
    background-image: url(/img/v201805/content-images/srv-types/ssl.svg)
}

.plans-menu div.types-list div.type-5 {
    background-size: auto 45px;
    background-position: center 25px;
    background-image: url(/img/v201805/content-images/srv-types/domain.svg)
}

.plans-menu div.types-list div.type-6 {
    background-size: auto 40px;
    background-position: center 25px;
    background-image: url(/img/vds/vds-4.png)
}

.plans-menu div.types-list div.type-7,.plans-menu div.types-list div.type-8 {
    background-size: auto 40px;
    background-position: center 25px;
    background-image: url(/img/vds/vds-5.png)
}

.plans-menu div.types-list div.current {
    color: #fff
}

.plans-menu div.types-list div.current:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -20px;
    border: 10px solid transparent;
    border-bottom: 10px solid #fff
}

@media only screen and (max-width: 914px) {
    .plans-menu div.types-list div.current:after {
        display:none
    }
}

.plans-menu div.types-list div.current.type-1 {
    background-image: url(/img/vds/vds-1a.png)
}

.plans-menu div.types-list div.current.type-2 {
    background-image: url(/img/vds/vds-2a.png)
}

.plans-menu div.types-list div.current.type-3 {
    background-image: url(/img/vds/vds-3a.png)
}

.plans-menu div.types-list div.current.type-6 {
    background-image: url(/img/vds/vds-4a.png)
}

.plans-menu div.types-list div.current.type-7,.plans-menu div.types-list div.current.type-8 {
    background-image: url(/img/vds/vds-5a.png)
}

.plans-menu div.types-list div:hover:not(.current) {
    color: #fff
}

.plans-menu div.types-list div:hover:not(.current).type-1,.plans-menu div.types-list div:hover:not(.current).type-2,.plans-menu div.types-list div:hover:not(.current).type-3,.plans-menu div.types-list div:hover:not(.current).type-4,.plans-menu div.types-list div:hover:not(.current).type-5,.plans-menu div.types-list div:hover:not(.current).type-6,.plans-menu div.types-list div:hover:not(.current).type-7,.plans-menu div.types-list div:hover:not(.current).type-8 {
    background-position-y: 20px
}

@media only screen and (max-width: 1189px) {
    .plans-menu div.types-list div {
        width:140px;
        font-size: 16px
    }
}

@media only screen and (max-width: 575px) {
    .plans-menu div.types-list div {
        font-size:16px;
        margin-bottom: 10px
    }
}

.plans-menu.white {
    background: #fff;
    text-align: center;
    padding-bottom: 40px
}

.plans-menu.white .section-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 575px) {
    .plans-menu.white .section-1 {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.plans-menu.white .section-1 .half {
    width: 50%
}

.plans-menu.white .section-1 .half:first-child {
    width: 60%;
    padding-right: 20px
}

@media only screen and (max-width: 575px) {
    .plans-menu.white .section-1 .half:first-child {
        width:100%
    }
}

.plans-menu.white .section-1 .half:last-child {
    width: 40%
}

@media only screen and (max-width: 575px) {
    .plans-menu.white .section-1 .half:last-child {
        width:100%
    }
}

.plans-menu.white .section-1 .half p {
    text-align: left;
    font-size: 28px;
    font-weight: 500;
    color: #252525
}

@media only screen and (max-width: 575px) {
    .plans-menu.white .section-1 .half p {
        font-size:20px;
        margin-top: -20px
    }
}

.plans-menu.white .section-1 .half ul.list {
    margin: 0;
    padding: 0;
    padding-left: 24px;
    list-style-type: none;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px
}

@media only screen and (max-width: 575px) {
    .plans-menu.white .section-1 .half ul.list {
        font-size:14px;
        line-height: 20px
    }
}

.plans-menu.white .section-1 .half ul.list li {
    text-align: left;
    position: relative;
    margin-right: 20px;
    margin-bottom: 12px
}

.plans-menu.white .section-1 .half ul.list li:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #1e88e5;
    border-radius: 100%;
    position: absolute;
    left: -24px;
    top: 10px
}

.plans-menu.white .section-1 .half .tariff {
    width: 280px;
    text-align: center;
    position: relative;
    border: none;
    box-shadow: 0 5px 25px 0 rgba(0,0,0,.15);
    background: #fff;
    margin: 0 auto
}

@media only screen and (max-width: 575px) {
    .plans-menu.white .section-1 .half .tariff {
        margin:20px auto auto
    }
}

.plans-menu.white .section-1 .half .tariff div.price {
    border-bottom: 1px solid #e6e9eb;
    padding: 20px 0
}

.plans-menu.white .section-1 .half .tariff div.price span {
    line-height: 1
}

.plans-menu.white .section-1 .half .tariff div.price span.price-tariffs__number,.plans-menu.white .section-1 .half .tariff div.price span.price-tariffs__remark {
    display: inline-block;
    font-size: 24px
}

.plans-menu.white .section-1 .half .tariff div.tariffs__data {
    border: none
}

.plans-menu.white .section-3 .section-title {
    text-align: center;
    color: #000;
    font-size: 28px;
    margin: 60px auto auto
}

.plans-menu.white .section-3 p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px
}

.plans-menu.white .section-3 .features {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 575px) {
    .plans-menu.white .section-3 .features {
        -ms-flex-direction:row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.plans-menu.white .section-3 .features .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 0
}

.plans-menu.white .section-3 .features .row .feature {
    width: 25%;
    height: 140px;
    margin: 10px;
    padding: 10px;
    padding-top: 80px;
    color: #252525;
    visibility: hidden;
    background-position: center 10px;
    background-size: auto 60px;
    background-repeat: no-repeat
}

.plans-menu.white .section-3 .features .row .feature h4 {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    font-size: 14px
}

@media only screen and (max-width: 575px) {
    .plans-menu.white .section-3 .features .row .feature {
        width:100%;
        margin: 10px 0
    }
}

.plans-menu.white .section-3 .features .row .feature.icone1 {
    background-image: url(/img/v201805/content-images/srv-types/features/1.svg)
}

.plans-menu.white .section-3 .features .row .feature.icone2 {
    background-image: url(/img/v201805/content-images/srv-types/features/2.svg)
}

.plans-menu.white .section-3 .features .row .feature.icone3 {
    background-image: url(/img/v201805/content-images/srv-types/features/3.svg)
}

.plans-menu.white .section-3 .features .row .feature.icone4 {
    background-image: url(/img/v201805/content-images/srv-types/features/4.svg)
}

.plans-menu.white .section-3 .features .row .feature.icone5 {
    background-image: url(/img/v201805/content-images/srv-types/features/5.svg)
}

.plans-menu.white .section-3 .features .row .feature.icone6 {
    background-image: url(/img/v201805/content-images/srv-types/features/6.svg)
}

.plans-menu.white .section-3 .features .row .feature.icone7 {
    background-image: url(/img/v201805/content-images/srv-types/features/7.svg)
}

.plans-menu.white .section-3 .features .row .feature.icone8 {
    background-image: url(/img/v201805/content-images/srv-types/features/8.svg)
}

@media only screen and (max-width: 575px) {
    .plans-menu.white .section-3 .features .row {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        width: 50%;
        padding: 0 10px
    }
}

.plans-menu.blue {
    padding: 40px 0;
    text-align: center;
    border: none;
    background: #064999;
    background: linear-gradient(90deg,#0b67d5 1%,#3695ea 64%,#50c1f8 97%)
}

.plans-menu.blue div.section-image {
    max-width: 560px;
    margin: 38px auto
}

.plans-menu.blue h2 {
    color: #fff;
    font-size: 28px;
    margin: 20px auto
}

.plans-menu.blue p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px
}

.animated {
    animation-duration: .6s;
    animation-fill-mode: both
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

.anchor {
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0
}

.xs-visible {
    display: none
}

@media only screen and (max-width: 575px) {
    .xs-visible {
        display:inline-block
    }
}

.ruble {
    font-family: ALSRubl;
    font-weight: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    text-transform: none
}

.ruble:before {
    content: "o"
}

.highload-tariffs__table .plans-day {
    display: none
}

.highload-tariffs__table .plans-day.active {
    display: table
}

.highload-tariffs__table .plans-month {
    display: none
}

.highload-tariffs__table .plans-month.active {
    display: table
}

.highload-tariffs__table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 24px;
    font-weight: 400
}

@media only screen and (max-width: 1189px) {
    .highload-tariffs__table table {
        font-size:18px
    }
}

@media only screen and (max-width: 767px) {
    .highload-tariffs__table table {
        font-size:16px
    }
}

.highload-tariffs__table table thead tr th {
    height: 61px;
    vertical-align: middle;
    padding: 10px 30px;
    padding-right: 0;
    font-size: inherit;
    font-weight: inherit;
    text-align: left;
    color: #888
}

.highload-tariffs__table table thead tr th:last-of-type {
    padding-right: 10px
}

@media only screen and (max-width: 1189px) {
    .highload-tariffs__table table thead tr th {
        padding-left:20px
    }
}

@media only screen and (max-width: 767px) {
    .highload-tariffs__table table thead tr th {
        padding-left:10px
    }
}

@media only screen and (max-width: 575px) {
    .highload-tariffs__table table thead {
        display:none
    }
}

.highload-tariffs__table table tbody tr:nth-of-type(2n - 1) {
    background-color: #eff9fe
}

.highload-tariffs__table table tbody tr td {
    vertical-align: middle;
    padding: 10px 30px;
    padding-right: 0;
    font-size: inherit;
    font-weight: inherit;
    text-align: left;
    color: #252525
}

.highload-tariffs__table table tbody tr td:last-of-type {
    padding-right: 10px;
    text-align: right
}

@media only screen and (max-width: 1189px) {
    .highload-tariffs__table table tbody tr td {
        padding-left:20px
    }
}

@media only screen and (max-width: 767px) {
    .highload-tariffs__table table tbody tr td {
        padding-left:10px
    }
}

.highload-tariffs__table table tbody tr td:first-of-type {
    width: 20.6%
}

@media only screen and (max-width: 1189px) {
    .highload-tariffs__table table tbody tr td:first-of-type {
        width:19.2%
    }
}

.highload-tariffs__table table tbody tr td:nth-of-type(2) {
    width: 16.5%
}

@media only screen and (max-width: 1189px) {
    .highload-tariffs__table table tbody tr td:nth-of-type(2) {
        width:15.4%
    }
}

.highload-tariffs__table table tbody tr td:nth-of-type(3) {
    width: 17.5%
}

@media only screen and (max-width: 1189px) {
    .highload-tariffs__table table tbody tr td:nth-of-type(3) {
        width:16.6%
    }
}

.highload-tariffs__table table tbody tr td:nth-of-type(4) {
    width: 16.7%
}

@media only screen and (max-width: 1189px) {
    .highload-tariffs__table table tbody tr td:nth-of-type(4) {
        width:15.8%
    }
}

@media only screen and (max-width: 575px) {
    .highload-tariffs__table table tbody tr {
        border-bottom:80px solid #fff;
        display: block;
        font-size: 16px;
        background-color: #fff!important
    }

    .highload-tariffs__table table tbody tr td {
        border-bottom: 1px solid #e9e9e9;
        border-left: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
        display: block;
        text-align: right;
        width: 100%!important;
        font-size: 18px;
        padding-right: 30px;
        font-weight: 500
    }

    .highload-tariffs__table table tbody tr td:first-of-type {
        border-top: 1px solid #e9e9e9;
        background-color: #eff9fe!important
    }

    .highload-tariffs__table table tbody tr td:before {
        font-weight: 700;
        content: attr(aria-label);
        float: left;
        width: 32%;
        text-align: left;
        padding-left: 20px
    }
}

.highload-tariffs__list {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none
}

@media only screen and (max-width: 575px) {
    .highload-tariffs__list {
        display:block
    }
}

.highload-tariffs__item {
    margin-bottom: 30px
}

.highload-tariffs__item:last-of-type {
    margin-bottom: 0
}

.highload-tariffs__price {
    margin-bottom: 15px;
    margin-left: -15px;
    margin-right: -15px;
    padding-top: 10px;
    padding-bottom: 9px;
    font-size: 24px;
    text-align: center;
    color: #252525;
    background-color: #eff9fe
}

.highload-tariffs__data {
    margin-bottom: 5px
}

.highload-tariffs__data table {
    width: 100%;
    border-collapse: collapse
}

.highload-tariffs__data table tbody tr td {
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #252525
}

.highload-tariffs__data table tbody tr td:first-of-type {
    color: #888
}

.highload-tariffs__data table tbody tr td:last-of-type {
    padding-right: 0
}

.highload-tariffs__btn {
    text-align: center
}

.primary {
    padding-top: 70px;
    padding-bottom: 92px;
    background: #78caf1;
    background: linear-gradient(90deg,#78caf1 0,#65abe2);
    overflow: hidden
}

@media only screen and (max-width: 1189px) {
    .primary {
        padding-top:60px;
        padding-bottom: 60px
    }
}

@media only screen and (max-width: 995px) {
    .primary {
        padding-top:30px
    }
}

@media only screen and (max-width: 767px) {
    .primary {
        padding-bottom:76px
    }
}

@media only screen and (max-width: 575px) {
    .primary {
        padding-bottom:29px
    }
}

.primary__inner-wrapper {
    position: relative;
    z-index: 1
}

.primary__list {
    max-width: 680px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 30px;
    padding: 0;
    list-style: none
}

@media only screen and (max-width: 1189px) {
    .primary__list {
        max-width:550px
    }
}

@media only screen and (max-width: 995px) {
    .primary__list {
        margin-left:auto;
        margin-right: auto;
        max-width: 650px
    }
}

@media only screen and (max-width: 767px) {
    .primary__list {
        max-width:none;
        margin-bottom: 32px
    }
}

@media only screen and (max-width: 575px) {
    .primary__list {
        max-width:none;
        margin-bottom: 12px
    }
}

.primary__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: calc((99.9% - 20px * 2) / 4);
    margin-right: 10px;
    margin-bottom: 20px
}

.primary__item:nth-of-type(4n) {
    margin-right: 0
}

.primary__item--shield {
    width: calc((99.9% - 20px * 8) / 4)
}

@media only screen and (max-width: 1189px) {
    .primary__item--shield {
        width:calc((99.9% - 20px * 2) / 5)
    }
}

@media only screen and (max-width: 575px) {
    .primary__item {
        width:calc((99.9% - 20px) / 2);
        margin-bottom: 10px
    }

    .primary__item:nth-of-type(4n) {
        margin-right: 10px
    }

    .primary__item:nth-of-type(2n) {
        margin-right: 0
    }
}

.primary__icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 45px;
    width: 45px;
    height: 45px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: gray
}

@media only screen and (max-width: 1189px) {
    .primary__icon {
        min-width:36px;
        width: 36px;
        height: 36px;
        margin-right: 6px
    }
}

.primary__icon img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 70%;
    max-height: 70%
}

.primary__icon--ssd {
    background-color: #f54b0f
}

.primary__icon--ddr {
    background-color: #abcc37
}

.primary__icon--price {
    background-color: #f5bf2f
}

.primary__icon--shield {
    background-color: #50b748
}

.primary__icon--shield img {
    position: relative;
    left: 1px
}

.primary__name {
    font-size: 16px;
    color: #fff
}

@media only screen and (max-width: 1189px) {
    .primary__name {
        font-size:14px
    }
}

@media only screen and (max-width: 995px) {
    .primary__name {
        font-size:16px
    }
}

@media only screen and (max-width: 575px) {
    .primary__name {
        font-size:14px
    }
}

.primary__image {
    position: absolute;
    z-index: 1;
    top: -50px;
    right: -106px
}

@media only screen and (max-width: 1189px) {
    .primary__image {
        top:-32px;
        right: -16px
    }
}

@media only screen and (max-width: 995px) {
    .primary__image {
        top:70px;
        right: -2px
    }
}

@media only screen and (max-width: 767px) {
    .primary__image {
        z-index:-1;
        top: 81px
    }
}

@media only screen and (max-width: 575px) {
    .primary__image {
        position:static;
        top: auto;
        right: auto;
        margin-bottom: 24px;
        text-align: center
    }
}

.primary__image img {
    display: inline-block;
    vertical-align: top
}

@media only screen and (max-width: 1189px) {
    .primary__image img {
        max-width:686px
    }
}

@media only screen and (max-width: 995px) {
    .primary__image img {
        max-width:484px
    }
}

@media only screen and (max-width: 767px) {
    .primary__image img {
        max-width:453px
    }
}

@media only screen and (max-width: 575px) {
    .primary__image img {
        max-width:100%
    }
}

.primary__image .terminal_button {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    bottom: 170px;
    right: 170px;
    opacity: 0;
    cursor: pointer;
    background-image: url(/img/v201805/content-images/primary/terminal_button.png);
    background-repeat: no-repeat;
    background-position: -2px top
}

.primary__image .terminal_button:hover {
    opacity: 1
}

@media only screen and (max-width: 1189px) {
    .primary__image .terminal_button {
        width:15px;
        height: 15px;
        bottom: 126px;
        right: 126px;
        background-size: 16px 15px;
        background-position: 0 1px
    }
}

@media only screen and (max-width: 995px) {
    .primary__image .terminal_button {
        width:10px;
        height: 10px;
        bottom: 89px;
        right: 89px;
        background-size: 12px 11px;
        background-position: -1px 0
    }
}

@media only screen and (max-width: 767px) {
    .primary__image .terminal_button {
        bottom:83px;
        right: 83px
    }
}

@media only screen and (max-width: 575px) {
    .primary__image .terminal_button {
        display:none
    }
}

.primary__image .terminal_screen_wrapper {
    position: absolute;
    display: inline-block;
    width: 220px;
    height: 150px;
    bottom: 168px;
    right: 210px;
    opacity: .6;
    overflow: hidden;
    font-family: monospace;
    color: #fff;
    padding: 20px 10px 10px 20px;
    font-size: 9px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url(/img/v201805/content-images/primary/terminal_wrapper.png);
    background-repeat: no-repeat;
    background-position: left -3px
}

.primary__image .terminal_screen_wrapper .switch-off-effect {
    width: 90%;
    border-top: 1px solid #fff;
    top: 50%;
    position: relative;
    margin: 0 auto
}

.primary__image .terminal_screen_wrapper .terminal-prompt {
    display: inline-block
}

.primary__image .terminal_screen_wrapper .terminal-prompt-cursor {
    margin-left: 2px;
    display: inline-block;
    background: #fff;
    padding: 0;
    -webkit-animation: blink .8s infinite;
    -moz-animation: blink .8s infinite;
    -ms-animation: blink .8s infinite;
    -o-animation: blink .8s infinite
}

@keyframes blink {
    0% {
        background: #fff
    }

    50% {
        background: initial
    }

    to {
        background: #fff
    }
}

@media only screen and (max-width: 1189px) {
    .primary__image .terminal_screen_wrapper {
        width:155px;
        height: 110px;
        bottom: 124px;
        right: 158px;
        padding: 10px;
        font-size: 8px;
        background-size: 162px 116px;
        background-position: -4px -2px
    }
}

@media only screen and (max-width: 995px) {
    .primary__image .terminal_screen_wrapper {
        width:114px;
        height: 80px;
        bottom: 86px;
        right: 109px;
        font-size: 7px;
        background-size: 114px 82px;
        background-position: -1px -1px
    }
}

@media only screen and (max-width: 767px) {
    .primary__image .terminal_screen_wrapper {
        width:108px;
        height: 76px;
        bottom: 80px;
        right: 101px;
        font-size: 6px;
        background-size: 110px 76px;
        background-position: -2px top
    }
}

@media only screen and (max-width: 575px) {
    .primary__image .terminal_screen_wrapper {
        display:none
    }
}

.primary__title {
    max-width: 520px;
    margin-bottom: 90px;
    font-size: 40px;
    line-height: 1.2;
    color: #252525
}

@media only screen and (max-width: 1189px) {
    .primary__title {
        max-width:350px;
        margin-bottom: 54px;
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .primary__title {
        max-width:270px;
        font-size: 24px
    }
}

@media only screen and (max-width: 575px) {
    .primary__title {
        margin-left:auto;
        margin-right: auto;
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 575px) {
    .primary__btn,.primary__title {
        text-align:center
    }
}

.counter {
    margin-bottom: 86px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #252525;
    background-color: #f9f9f9
}

@media only screen and (max-width: 1189px) {
    .counter {
        margin-bottom:72px;
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media only screen and (max-width: 995px) {
    .counter {
        margin-bottom:58px;
        padding-top: 9px;
        padding-bottom: 9px
    }
}

@media only screen and (max-width: 575px) {
    .counter {
        margin-bottom:41px;
        padding-top: 11px;
        padding-bottom: 11px
    }
}

.counter__inner-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 30px
}

@media only screen and (max-width: 1189px) {
    .counter__inner-wrapper {
        font-size:24px
    }
}

@media only screen and (max-width: 995px) {
    .counter__inner-wrapper {
        font-size:18px
    }
}

@media only screen and (max-width: 767px) {
    .counter__inner-wrapper {
        font-size:16px
    }
}

.counter__title {
    margin-right: 27px;
    font-weight: 300;
    text-transform: uppercase
}

@media only screen and (max-width: 1189px) {
    .counter__title {
        margin-right:12px
    }
}

@media only screen and (max-width: 575px) {
    .counter__title {
        width:100%;
        margin-right: 0;
        margin-bottom: 8px;
        text-align: center
    }
}

.counter__remark {
    font-weight: 900;
    text-transform: uppercase
}

.data-counter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: 26px
}

@media only screen and (max-width: 1189px) {
    .data-counter {
        margin-right:16px
    }
}

.data-counter>:last-child {
    margin-right: 0
}

.data-counter__number {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 36px;
    height: 65px;
    margin-right: 3px;
    padding-bottom: 3px;
    font-size: 54px;
    font-weight: 700;
    color: #fff;
    border: 1px solid #bbb;
    border-radius: 5px;
    background: #282829;
    background: linear-gradient(180deg,#282829 0,#121212 50%,#333 51%,#1c1c1c)
}

@media only screen and (max-width: 1189px) {
    .data-counter__number {
        width:28px;
        height: 50px;
        font-size: 41px
    }
}

@media only screen and (max-width: 995px) {
    .data-counter__number {
        width:22px;
        height: 39px;
        margin-right: 1px;
        font-size: 31px
    }
}

.data-counter__number:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #3c3c3c
}

.data-counter__dot {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    border: 1px solid #bbb;
    border-radius: 5px;
    background-color: #262628
}

@media only screen and (max-width: 995px) {
    .data-counter__dot {
        width:7px;
        height: 7px;
        margin-right: 1px
    }
}

.geography {
    padding-top: 100px;
    padding-bottom: 60px;
    color: #fff;
    background: #4279fe url(front-end/src/images/background-geography-1.png) no-repeat 50%;
    background-size: cover
}

@media only screen and (max-width: 1189px) {
    .geography {
        padding-top:74px;
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 995px) {
    .geography {
        padding-top:54px;
        padding-bottom: 12px
    }
}

@media only screen and (max-width: 575px) {
    .geography {
        padding-top:44px;
        padding-bottom: 29px
    }
}

.geography__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-flex-pack: center;
    justify-content: center
}

.geography__item {
    width: calc((99.9% - 30px * 3) / 3);
    margin-right: 30px;
    margin-bottom: 50px;
    text-align: center
}

.geography__item:nth-of-type(4n) {
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .geography__item {
        width:calc((99.9% - 30px) / 2);
        margin-bottom: 40px
    }

    .geography__item:nth-of-type(4n) {
        margin-right: 30px
    }

    .geography__item:nth-of-type(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width: 575px) {
    .geography__item {
        margin-bottom:18px;
        text-align: left
    }
}

.geography__image {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    margin-bottom: 25px
}

@media only screen and (max-width: 1189px) {
    .geography__image {
        margin-bottom:17px
    }
}

.geography__image:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 14px;
    bottom: 12px;
    width: 25px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M34 53.045c-.552 0-1 .471-1 1.023 0 .264-.034.524-.101.775-.143.533.175 1.081.708 1.224.086.023.173.034.258.034.442 0 .846-.295.966-.742C34.943 54.941 35 54.506 35 54.069v-.047C35 53.469 34.552 53.045 34 53.045zM27 54.069c0-.258.033-.513.097-.759.139-.534-.181-1.08-.716-1.22-.535-.138-1.081.181-1.22.716C25.054 53.216 25 53.641 25 54.09l1 .002h-1c0 .553.447.988 1 .988C26.553 55.081 27 54.622 27 54.069zM31.504 56.666c-.225.132-.467.232-.719.3-.533.144-.849.692-.706 1.226.121.446.524.74.965.74.086 0 .173-.011.261-.034.422-.114.828-.283 1.205-.503.477-.278.639-.891.361-1.368C32.593 56.549 31.981 56.389 31.504 56.666zM28.51 56.672c-.227-.13-.436-.289-.621-.473-.392-.39-1.024-.386-1.414.004-.39.392-.388 1.025.004 1.414.31.308.659.574 1.038.791.157.09.327.132.496.132.347 0 .684-.181.869-.503C29.155 57.558 28.989 56.947 28.51 56.672zM31.473 51.455c.229.129.439.288.626.471.195.191.448.286.7.286.259 0 .518-.101.714-.3.387-.395.38-1.027-.014-1.414-.311-.305-.66-.567-1.039-.783-.483-.271-1.091-.105-1.363.377C30.825 50.572 30.993 51.182 31.473 51.455zM28.667 49.25c-.42.115-.824.287-1.2.508-.476.28-.635.893-.355 1.369.187.316.521.493.863.493.172 0 .347-.044.506-.138.226-.133.467-.235.719-.305.532-.146.845-.697.698-1.229C29.75 49.416 29.2 49.105 28.667 49.25zM6 53.069H5c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S6.552 53.069 6 53.069zM10 53.069H9c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S10.552 53.069 10 53.069zM2 53.069H1c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S2.552 53.069 2 53.069zM14 53.069h-1c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S14.552 53.069 14 53.069zM18 53.069h-1c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S18.552 53.069 18 53.069zM22 53.069h-1c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S22.552 53.069 22 53.069zM43 53.069h-1c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S43.552 53.069 43 53.069zM59 53.069h-1c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S59.552 53.069 59 53.069zM55 53.069h-1c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S55.552 53.069 55 53.069zM51 53.069h-1c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S51.552 53.069 51 53.069zM47 53.069h-1c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S47.552 53.069 47 53.069zM39 53.069h-1c-.552 0-1 .447-1 1s.448 1 1 1h1c.552 0 1-.447 1-1S39.552 53.069 39 53.069zM29 42.069v1c0 .553.448 1 1 1s1-.447 1-1v-1c0-.553-.448-1-1-1S29 41.516 29 42.069zM31 47.069v-1c0-.553-.448-1-1-1s-1 .447-1 1v1c0 .553.448 1 1 1S31 47.622 31 47.069zM.835 22.069C.314 22.809 0 23.703 0 24.677V36.46c0 2.541 2.067 4.608 4.608 4.608H30h25.392c2.541 0 4.608-2.067 4.608-4.608V24.677c0-.974-.314-1.868-.835-2.608H.835zM10.5 35.069c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5S12.981 35.069 10.5 35.069zM34 30.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S34.552 30.069 34 30.069zM36 33.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S36.552 33.069 36 33.069zM38 30.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S38.552 30.069 38 30.069zM40 33.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S40.552 33.069 40 33.069zM42 30.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S42.552 30.069 42 30.069zM44 33.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S44.552 33.069 44 33.069zM46 30.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S46.552 30.069 46 30.069zM48 33.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S48.552 33.069 48 33.069zM50 30.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S50.552 30.069 50 30.069zM52 33.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S52.552 33.069 52 33.069zM55.392 1.069H4.608C2.067 1.069 0 3.136 0 5.677V17.46c0 .974.314 1.868.835 2.608h58.329C59.686 19.328 60 18.434 60 17.46V5.677C60 3.136 57.933 1.069 55.392 1.069zM10.5 16.069c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5S12.981 16.069 10.5 16.069zM34 11.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S34.552 11.069 34 11.069zM36 14.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S36.552 14.069 36 14.069zM38 11.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S38.552 11.069 38 11.069zM40 14.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S40.552 14.069 40 14.069zM42 11.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S42.552 11.069 42 11.069zM44 14.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S44.552 14.069 44 14.069zM46 11.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S46.552 11.069 46 11.069zM48 14.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S48.552 14.069 48 14.069zM50 11.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S50.552 11.069 50 11.069zM52 14.069c-.552 0-1-.448-1-1s.448-1 1-1 1 .448 1 1S52.552 14.069 52 14.069z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain
}

@media only screen and (max-width: 1189px) {
    .geography__image:after {
        left:12px;
        bottom: 10px;
        width: 20px;
        height: 19px
    }
}

@media only screen and (max-width: 995px) {
    .geography__image:after {
        width:15px;
        height: 14px
    }
}

@media only screen and (max-width: 767px) {
    .geography__image:after {
        width:24px;
        height: 22px
    }
}

@media only screen and (max-width: 575px) {
    .geography__image:after {
        left:7px;
        bottom: 6px;
        width: 12px;
        height: 11px
    }
}

.geography__image img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.geography__hint {
    position: absolute;
    z-index: 3;
    top: 24px;
    right: -3px;
    padding: 6px 19px;
    font-size: 18px;
    color: #fff;
    background-color: #a4c827;
    box-shadow: -1.408px 2.649px 5px 0 rgba(0,0,0,.17)
}

@media only screen and (max-width: 1189px) {
    .geography__hint {
        top:15px;
        font-size: 14px
    }
}

@media only screen and (max-width: 995px) {
    .geography__hint {
        top:11px;
        padding: 6px 14px;
        font-size: 12px
    }
}

@media only screen and (max-width: 767px) {
    .geography__hint {
        top:15px;
        padding: 6px 19px;
        font-size: 14px
    }
}

@media only screen and (max-width: 575px) {
    .geography__hint {
        top:11px;
        padding: 6px 14px;
        font-size: 12px
    }
}

.geography__name {
    margin-bottom: 10px;
    font-size: 36px;
    font-weight: 700
}

@media only screen and (max-width: 1189px) {
    .geography__name {
        margin-bottom:6px;
        font-size: 18px
    }
}

.geography__remark {
    font-size: 18px
}

@media only screen and (max-width: 1189px) {
    .geography__remark {
        font-size:14px;
        line-height: 1.5
    }
}

.promo {
    background: #dcf8ff url(front-end/src/images/pattern-1.jpg) repeat 50%
}

.promo__inner-wrapper {
    position: relative;
    z-index: 1;
    padding-top: 87px;
    padding-bottom: 146px
}

@media only screen and (max-width: 1189px) {
    .promo__inner-wrapper {
        padding-top:78px;
        padding-bottom: 78px;
        padding-left: 9%
    }
}

@media only screen and (max-width: 995px) {
    .promo__inner-wrapper {
        padding-top:56px;
        padding-bottom: 58px;
        padding-left: 18%
    }
}

@media only screen and (max-width: 767px) {
    .promo__inner-wrapper {
        padding-left:0
    }
}

@media only screen and (max-width: 575px) {
    .promo__inner-wrapper {
        padding-top:46px;
        padding-bottom: 50px
    }
}

.promo__btn {
    max-width: 551px;
    margin-left: auto;
    margin-right: auto;
    text-align: right
}

@media only screen and (max-width: 995px) {
    .promo__btn {
        max-width:357px
    }
}

@media only screen and (max-width: 767px) {
    .promo__btn {
        margin-right:0
    }
}

@media only screen and (max-width: 575px) {
    .promo__btn {
        max-width:none;
        margin-left: 0;
        text-align: center
    }
}

.promo__image {
    position: absolute;
    z-index: -1;
    left: -20px;
    bottom: 0
}

@media only screen and (max-width: 1189px) {
    .promo__image {
        left:0
    }
}

@media only screen and (max-width: 575px) {
    .promo__image {
        display:none
    }
}

.promo__image img {
    display: inline-block;
    vertical-align: top
}

@media only screen and (max-width: 1189px) {
    .promo__image img {
        max-width:220px
    }
}

@media only screen and (max-width: 995px) {
    .promo__image img {
        max-width:226px
    }
}

@media only screen and (max-width: 767px) {
    .promo__image img {
        max-width:163px
    }
}

.promo .register-form-wrapper {
    width: 100%
}

.promo .register-form-wrapper .register-form {
    max-width: 400px;
    margin: 0 auto;
    border: 1px solid #000;
    padding: 10px;
    border-radius: 6px
}

@media only screen and (max-width: 767px) {
    .promo .register-form-wrapper .register-form {
        max-width:360px;
        margin-right: 20px
    }
}

@media only screen and (max-width: 575px) {
    .promo .register-form-wrapper .register-form {
        max-width:100%;
        margin: 10px auto
    }
}

.promo .register-form-wrapper .entry-promo__remark {
    text-align: left;
    font-weight: 500
}

.promo .register-form-wrapper .promo__btn {
    text-align: center
}

.entry-promo {
    margin-bottom: 53px
}

@media only screen and (max-width: 1189px) {
    .entry-promo {
        margin-bottom:58px
    }
}

@media only screen and (max-width: 995px) {
    .entry-promo {
        max-width:357px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .entry-promo {
        margin-right:0
    }
}

@media only screen and (max-width: 575px) {
    .entry-promo {
        max-width:none;
        margin-left: 0;
        margin-bottom: 15px
    }
}

.entry-promo__element {
    max-width: 551px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 21px
}

@media only screen and (max-width: 995px) {
    .entry-promo__element {
        margin-left:0;
        margin-right: 0
    }
}

.entry-promo__element input {
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px;
    font-family: DINPro,Arial,sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    text-align: left;
    color: #959595;
    border: 3px solid #d7f7ff;
    outline: 0;
    border-radius: 3px;
    background-color: #fff;
    transition: .2s;
    -ms-appearance: none;
    appearance: none;
    resize: none
}

.entry-promo__element input::-ms-expand {
    display: none
}

.entry-promo__element input::-webkit-input-placeholder {
    color: #959595
}

.entry-promo__element input:-moz-placeholder,.entry-promo__element input::-moz-placeholder {
    color: #959595
}

.entry-promo__element input:-ms-input-placeholder {
    color: #959595
}

.entry-promo__element input:placeholder-shown {
    color: #959595
}

.entry-promo__remark {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #252525;
    text-align: center
}

@media only screen and (max-width: 995px) {
    .entry-promo__remark {
        text-align:left
    }
}

.error-info-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 30px
}

.error-info-block img.img-404 {
    width: 365px;
    height: 316px
}

@media only screen and (max-width: 575px) {
    .error-info-block img.img-404 {
        width:243px;
        height: 211px
    }
}

.error-info-block img.img-50x {
    width: 400px;
    height: 267px
}

@media only screen and (max-width: 575px) {
    .error-info-block img.img-50x {
        width:267px;
        height: 178px
    }
}

.error-info-block .navigation ul {
    list-style: none;
    font-size: 16px
}

.error-info-block .navigation ul li.back:before {
    background-size: contain;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M8.309 189.836L184.313 37.851C199.719 24.546 224 35.347 224 56.015v80.053c160.629 1.839 288 34.032 288 186.258 0 61.441-39.581 122.309-83.333 154.132-13.653 9.931-33.111-2.533-28.077-18.631 45.344-145.012-21.507-183.51-176.59-185.742V360c0 20.7-24.3 31.453-39.687 18.164l-176.004-152c-11.071-9.562-11.086-26.753 0-36.328z'/%3E%3C/svg%3E") no-repeat 50%
}

.error-info-block .navigation ul li.back:before,.error-info-block .navigation ul li.home:before {
    content: "";
    position: relative;
    top: 5px;
    display: inline-block;
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.error-info-block .navigation ul li.home:before {
    background-size: contain;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M488 312.7V456c0 13.3-10.7 24-24 24H348c-6.6 0-12-5.4-12-12V356c0-6.6-5.4-12-12-12h-72c-6.6 0-12 5.4-12 12v112c0 6.6-5.4 12-12 12H112c-13.3 0-24-10.7-24-24V312.7c0-3.6 1.6-7 4.4-9.3l188-154.8c4.4-3.6 10.8-3.6 15.3 0l188 154.8c2.7 2.3 4.3 5.7 4.3 9.3zm83.6-60.9L488 182.9V44.4c0-6.6-5.4-12-12-12h-56c-6.6 0-12 5.4-12 12V117l-89.5-73.7c-17.7-14.6-43.3-14.6-61 0L4.4 251.8c-5.1 4.2-5.8 11.8-1.6 16.9l25.5 31c4.2 5.1 11.8 5.8 16.9 1.6l235.2-193.7c4.4-3.6 10.8-3.6 15.3 0l235.2 193.7c5.1 4.2 12.7 3.5 16.9-1.6l25.5-31c4.2-5.2 3.4-12.7-1.7-16.9z'/%3E%3C/svg%3E") no-repeat 50%
}

.under-construction {
    box-shadow: 0 0 3px 2px #e41616
}

[id^=wait_] {
    display: none!important
}

.custom-select {
    position: relative;
    width: 100%
}

.custom-select select {
    display: none
}

.select-selected {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 16px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #999 transparent transparent
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #999;
    top: 7px
}

.select-items div,.select-selected {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding: 5px 16px 6px;
    cursor: pointer
}

.select-items {
    position: absolute;
    background-color: #fefefe;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99
}

.select-items div {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.select-hide {
    display: none
}

.same-as-selected,.select-items div:hover {
    background-color: rgba(0,0,0,.1)
}

.modal,.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    transform: translateY(-25%);
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    transform: translate(0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:after,.modal-header:before {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:after,.modal-footer:before {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

@font-face {
    font-display: swap;
    font-family: "Montserrat";
    src: url(/fonts/montserrat/Montserrat-Regular.eot);
    src: local("Montserrat Regular"),local("Montserrat-Regular"),url(/fonts/montserrat/Montserrat-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/montserrat/Montserrat-Regular.woff2) format("woff2"),url(/fonts/montserrat/Montserrat-Regular.woff) format("woff"),url(/fonts/montserrat/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Montserrat";
    src: url(/fonts/montserrat/Montserrat-Medium.eot);
    src: local("Montserrat Medium"),local("Montserrat-Medium"),url(/fonts/montserrat/Montserrat-Medium.eot?#iefix) format("embedded-opentype"),url(/fonts/montserrat/Montserrat-Medium.woff2) format("woff2"),url(/fonts/montserrat/Montserrat-Medium.woff) format("woff"),url(/fonts/montserrat/Montserrat-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Montserrat";
    src: url(/fonts/montserrat/Montserrat-SemiBold.eot);
    src: local("Montserrat SemiBold"),local("Montserrat-SemiBold"),url(/fonts/montserrat/Montserrat-SemiBold.eot?#iefix) format("embedded-opentype"),url(/fonts/montserrat/Montserrat-SemiBold.woff2) format("woff2"),url(/fonts/montserrat/Montserrat-SemiBold.woff) format("woff"),url(/fonts/montserrat/Montserrat-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Montserrat";
    src: url(/fonts/montserrat/Montserrat-Bold.eot);
    src: local("Montserrat Bold"),local("Montserrat-Bold"),url(/fonts/montserrat/Montserrat-Bold.eot?#iefix) format("embedded-opentype"),url(/fonts/montserrat/Montserrat-Bold.woff2) format("woff2"),url(/fonts/montserrat/Montserrat-Bold.woff) format("woff"),url(/fonts/montserrat/Montserrat-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Avenir Next Cyr";
    src: url(/fonts/avenir/AvenirNextCyr-Medium.eot);
    src: local("Avenir Next Cyr Medium"),local("AvenirNextCyr-Medium"),url(/fonts/avenir/AvenirNextCyr-Medium.eot?#iefix) format("embedded-opentype"),url(/fonts/avenir/AvenirNextCyr-Medium.woff) format("woff"),url(/fonts/avenir/AvenirNextCyr-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Inter";
    src: url(/fonts/inter/Inter-Regular.eot);
    src: local("Inter Regular"),local("Inter-Regular"),url(/fonts/inter/Inter-Regular.eot?#iefix) format("embedded-opentype"),url(/fonts/inter/Inter-Regular.woff2) format("woff2"),url(/fonts/inter/Inter-Regular.woff) format("woff"),url(/fonts/inter/Inter-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Inter";
    src: url(/fonts/inter/Inter-Medium.eot);
    src: local("Inter Medium"),local("Inter-Medium"),url(/fonts/inter/Inter-Medium.eot?#iefix) format("embedded-opentype"),url(/fonts/inter/Inter-Medium.woff2) format("woff2"),url(/fonts/inter/Inter-Medium.woff) format("woff"),url(/fonts/inter/Inter-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Inter";
    src: url(/fonts/inter/Inter-SemiBold.eot);
    src: local("Inter Semi Bold"),local("Inter-SemiBold"),url(/fonts/inter/Inter-SemiBold.eot?#iefix) format("embedded-opentype"),url(/fonts/inter/Inter-SemiBold.woff2) format("woff2"),url(/fonts/inter/Inter-SemiBold.woff) format("woff"),url(/fonts/inter/Inter-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: "Inter";
    src: url(/fonts/inter/Inter-Bold.eot);
    src: local("Inter Bold"),local("Inter-Bold"),url(/fonts/inter/Inter-Bold.eot?#iefix) format("embedded-opentype"),url(/fonts/inter/Inter-Bold.woff2) format("woff2"),url(/fonts/inter/Inter-Bold.woff) format("woff"),url(/fonts/inter/Inter-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Open Sans";
    src: url(/fonts/open-sans/OpenSans-Bold.eot);
    src: local("Open Sans Bold"),local("OpenSans-Bold"),url(/fonts/open-sans/OpenSans-Bold.eot?#iefix) format("embedded-opentype"),url(/fonts/open-sans/OpenSans-Bold.woff) format("woff"),url(/fonts/open-sans/OpenSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

.qa-wrapper {
    margin: 20px auto;
    max-width: 1020px;
    padding: 0 10px;
    color: #333
}

.qa-wrapper a {
    text-decoration: none
}

.qa-wrapper a:hover {
    text-decoration: none!important
}

.qa-wrapper .qa-margin-right-20 {
    margin-right: 20px
}

.qa-wrapper .qa-margin-left-20 {
    margin-left: 20px
}

.qa-wrapper .qa-margin-left-40 {
    margin-left: 40px
}

.qa-wrapper .qa-margin-bottom-20 {
    margin-bottom: 20px
}

.qa-wrapper .qa-margin-top-20 {
    margin-top: 20px
}

.qa-wrapper .qa-margin-top-15 {
    margin-top: 15px
}

.qa-wrapper .pull-right {
    float: right!important
}

.qa-wrapper .gray-color {
    color: #999
}

.qa-wrapper button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    appearance: none;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.qa-wrapper button.close:focus,.qa-wrapper button.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

.qa-wrapper .alert {
    position: relative;
    padding: 20px;
    font-size: 100%;
    background-color: #fff;
    color: #000
}

@media only screen and (max-width: 540px) {
    .qa-wrapper .alert {
        font-size:12px
    }
}

.qa-wrapper .alert a {
    color: #011dff;
    border-bottom: 1px dashed;
    cursor: pointer
}

.qa-wrapper .alert.alert-danger {
    background-color: #ffbdbd;
    color: #900b18
}

.qa-wrapper .alert.alert-info {
    background-color: #75d9f7;
    color: #3e50ff
}

.qa-wrapper .alert.alert-success {
    background-color: #bdffbd;
    color: #02770d
}

.qa-wrapper .alert.alert-warning {
    background-color: #ffefb3;
    color: #827400
}

.qa-wrapper .alert span.close {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 5px;
    right: 5px;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    transition: all .2s;
    border-radius: 50%
}

.qa-wrapper .alert span.close:hover {
    background-color: #fff;
    color: #000;
    transform: rotate(90deg)
}

.qa-wrapper .flash-message-wrapper {
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 110
}

.qa-wrapper .flash-message-wrapper .alert {
    width: 50%;
    min-width: 280px;
    margin: 0 auto
}

.qa-wrapper .h1-on-page {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 20px
}

.qa-wrapper .row-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.qa-wrapper .row-flex.space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .row-flex {
        -ms-flex-direction:column;
        flex-direction: column
    }

    .qa-wrapper .row-flex.searching-fm {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.qa-wrapper .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

.qa-wrapper .breadcrumb .active {
    color: #999
}

.qa-wrapper .breadcrumb li {
    display: inline-block
}

.qa-wrapper .breadcrumb li+li:before {
    content: "/\A0";
    padding: 0 5px;
    color: #ccc
}

.qa-wrapper pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: auto
}

.qa-wrapper .field {
    position: relative
}

.qa-wrapper .field span.label {
    top: 1px;
    left: 14px;
    color: #333
}

.qa-wrapper .field input {
    padding: 2px 28px 0 14px;
    height: 40px;
    font-weight: 500;
    color: #333;
    border: 1px solid #bbb
}

.qa-wrapper .field textarea {
    padding: 14px 18px 0 14px
}

.qa-wrapper .field input::-webkit-input-placeholder {
    color: #999
}

.qa-wrapper .field input:-moz-placeholder,.qa-wrapper .field input::-moz-placeholder {
    color: #999
}

.qa-wrapper .field input:-ms-input-placeholder {
    color: #999
}

.qa-wrapper .field textarea::-webkit-input-placeholder {
    color: #999
}

.qa-wrapper .field textarea:-moz-placeholder,.qa-wrapper .field textarea::-moz-placeholder {
    color: #999
}

.qa-wrapper .field textarea:-ms-input-placeholder {
    color: #999
}

.qa-wrapper .field .input-addon {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 11px;
    right: 8px;
    font-size: 20px;
    color: #999
}

.qa-wrapper .hidden-sm {
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .hidden-sm {
        display:none
    }
}

.qa-wrapper .for-small {
    display: none
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .for-small {
        display:inline-block
    }
}

.qa-wrapper .image-size {
    max-width: 100%;
    height: auto;
    box-shadow: 0 0 5px rgba(0,0,0,.2)
}

.qa-wrapper .auth__link {
    display: inline-block;
    padding: 0
}

.qa-wrapper #search-form .field.search {
    width: calc(100% - 140px)
}

@media only screen and (max-width: 767px) {
    .qa-wrapper #search-form .field.search {
        width:100%
    }
}

.qa-wrapper #search-form .field.button {
    width: 140px;
    text-align: right
}

@media only screen and (max-width: 767px) {
    .qa-wrapper #search-form .field.button {
        width:100%;
        margin-top: 10px
    }
}

@media only screen and (max-width: 767px) {
    .qa-wrapper #search-form .field.button button {
        width:100%
    }
}

.qa-wrapper .tags {
    margin-top: 10px
}

.qa-wrapper .tags .tag {
    position: relative;
    display: inline-block;
    margin-top: 5px;
    margin-right: 12px
}

.qa-wrapper .tags .tag a {
    display: inline-block;
    font-size: 12px;
    color: #666;
    text-decoration: none;
    padding: 0 16px;
    background-color: #f0f0f0;
    height: 20px;
    line-height: 20px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    transition: all .2s
}

.qa-wrapper .tags .tag a:hover {
    background-color: #fff;
    color: #000;
    border-color: #e95819
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .tags .tag {
        margin-top:15px
    }
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .tags {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .tags.tags-cloud {
        -ms-flex-pack:justify;
        justify-content: space-between
    }
}

.qa-wrapper .user-block {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
    border-top: 1px solid #eee;
    padding: 15px 0 0
}

.qa-wrapper .user-block .count-button,.qa-wrapper .user-block .mail-button {
    padding: 9px 0
}

.qa-wrapper .user-block .btn {
    font-size: 12px;
    padding: 4px 16px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .user-block .btn {
        width:100%;
        margin-top: 10px
    }
}

.qa-wrapper .user-block .badge {
    background-color: #fff;
    color: #000;
    padding: 1px 6px;
    border-radius: 6px
}

.qa-wrapper .user-block .question-button .btn {
    padding: 12px 32px;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .user-block {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.qa-wrapper .qa-sort {
    margin-top: 15px;
    padding: 15px 0 0;
    font-size: 18px;
    font-weight: 700;
    border-top: 1px solid #eee
}

.qa-wrapper .qa-sort a {
    display: inline-block;
    margin: 0 20px 10px 0;
    color: #999;
    text-decoration: none;
    transition: all .2s
}

.qa-wrapper .qa-sort a:hover {
    color: #333;
    text-decoration: none
}

.qa-wrapper .qa-sort span {
    display: inline-block;
    margin: 0 20px 0 0;
    padding-bottom: 10px;
    color: #333;
    border-bottom: 2px solid #e95819
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-sort {
        font-size:16px
    }
}

.qa-wrapper .qa-table {
    padding: 0 0 15px;
    border-top: 1px solid #eee;
    width: 100%
}

.qa-wrapper .qa-table td {
    border-bottom: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-table td {
        font-size:14px
    }
}

.qa-wrapper .qa-table .q-line {
    font-weight: 400;
    padding: 15px 0
}

.qa-wrapper .qa-table .q-line .q-title {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px
}

.qa-wrapper .qa-table .q-line .qa-info {
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-table .q-line .qa-info {
        font-size:12px
    }
}

.qa-wrapper .qa-table .q-line .tags {
    margin-top: 0
}

.qa-wrapper ul.pagination {
    font-size: 16px;
    display: inline-block;
    margin: 20px 0 40px;
    padding: 0
}

.qa-wrapper ul.pagination li {
    display: inline
}

.qa-wrapper ul.pagination li a,.qa-wrapper ul.pagination li span {
    position: relative;
    float: left;
    padding: 0;
    background-color: #eee;
    color: #333;
    cursor: pointer;
    text-align: center;
    width: 50px;
    height: 40px;
    line-height: 40px;
    transition: all .2s
}

.qa-wrapper ul.pagination li.active a,.qa-wrapper ul.pagination li.active span,.qa-wrapper ul.pagination li a:hover,.qa-wrapper ul.pagination li span:hover {
    color: #fff;
    background-color: #4279fe
}

.qa-wrapper .q-title-inner {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0
}

.qa-wrapper .qa-answers-text-block,.qa-wrapper .qa-question-text {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.5em
}

.qa-wrapper .rotate90 {
    transform: rotate(90deg);
    transition: transform .2s linear
}

.qa-wrapper .rotate0 {
    transform: rotate(0deg);
    transition: transform .2s linear
}

.qa-wrapper .link_p {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px dashed #4279fe;
    color: #4279fe;
    cursor: pointer;
    font-weight: 700
}

.qa-wrapper .without-top {
    border-radius: 4px!important
}

.qa-wrapper .comment-form-block {
    padding: 15px;
    background-color: #e9e9e9
}

.qa-wrapper .comment-form-block a {
    color: #011dff;
    border-bottom: 1px dashed;
    cursor: pointer
}

.qa-wrapper .qa-answer-title {
    margin-top: 40px;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid #333
}

.qa-wrapper .qa-answer-block-first {
    margin-top: 20px
}

.qa-wrapper .commentlistback {
    background: #f9f9f9;
    padding: 10px 20px;
    border-radius: 4px 4px 0 0!important
}

.qa-wrapper .top-border {
    border-top: 1px solid #dfdfdf;
    border-radius: 0!important
}

.qa-wrapper .qa-comment-text {
    margin: 20px 0;
    word-break: break-word
}

.qa-wrapper .qa-answer-block {
    border-top: 1px solid #eee;
    padding-top: 20px
}

.qa-wrapper .qa-answer-title-no-border {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 700
}

.qa-wrapper .post-online-error {
    margin-top: 10px
}

.qa-wrapper .qa-operation-menu-item {
    margin-right: 10px;
    font-size: 16px;
    color: #ccc;
    transition: all .2s
}

.qa-wrapper .qa-operation-menu-item:hover {
    color: #4279fe
}

.qa-wrapper #qa_newt h3 {
    font-size: 26px;
    margin-bottom: 0
}

.qa-wrapper #qa_warning .alert-warning {
    margin: 10px 0
}

.qa-wrapper #qa_warning .newq-warn {
    list-style-type: none;
    padding: 0
}

.qa-wrapper #qa_warning .newq-warn li {
    margin-bottom: 20px
}

.qa-wrapper #qa_newq h3 {
    font-size: 26px;
    margin-bottom: 0
}

.qa-wrapper #qa_newq .alert-warning {
    margin: 10px 0
}

.qa-wrapper .checkbox-inline,.qa-wrapper .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.qa-wrapper .checkbox-inline+.checkbox-inline,.qa-wrapper .radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.qa-wrapper .checkbox-inline input[type=checkbox],.qa-wrapper .checkbox input[type=checkbox],.qa-wrapper .radio-inline input[type=radio],.qa-wrapper .radio input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.qa-wrapper input[type=checkbox],.qa-wrapper input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
    box-sizing: border-box;
    padding: 0
}

.qa-wrapper .form-header {
    font-size: 26px
}

.qa-wrapper .qa-edit-form-title {
    width: 80%
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-edit-form-title {
        width:100%
    }
}

.qa-wrapper .qa-edit-form-url {
    width: 20%
}

.qa-wrapper .qa-edit-form-url label {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    cursor: pointer
}

.qa-wrapper .qa-edit-form-url label input {
    height: auto;
    width: auto;
    position: relative;
    top: 2px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-edit-form-url label {
        margin-left:0
    }
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-edit-form-url {
        width:100%
    }
}

.qa-wrapper .comment-visibility-no {
    background: #fff;
    background-color: #efefef;
    opacity: .4
}

@media only screen and (max-width: 767px) {
    .qa-wrapper i.fas.qa-margin-left-40 {
        margin-left:0
    }
}

body,html {
    font-family: "Montserrat",Arial,Helvetica,sans-serif
}

fieldset {
    border: none
}

img {
    display: block;
    max-width: 100%
}

.js-mobile-menu-overlay {
    opacity: 0;
    background: rgba(6,9,12,.6);
    visibility: hidden;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    transition: .2s
}

.js-mobile-menu-overlay.show {
    opacity: 1;
    visibility: visible
}

.page.qa {
    font: 14px "Montserrat",Arial,Helvetica,sans-serif;
    height: auto;
    background-color: #f3f6f9;
    overflow: hidden
}

.page.qa.mp {
    background-color: #fff
}

.page.qa.gk,.page.qa.ssl {
    background-color: #f3f6f9
}

.page.qa.qa-view-page .alert {
    max-width: 1160px;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 8px
}

@media only screen and (max-width: 1175px) {
    .page.qa.qa-view-page .alert {
        margin-left:30px;
        margin-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .page.qa.qa-view-page .alert {
        margin-left:6px;
        margin-right: 6px;
        font-size: 18px
    }
}

.page.qa a,.page.qa a:hover {
    text-decoration: none
}

.page.qa .page__top {
    z-index: 5
}

.page.qa .container {
    max-width: 1154px;
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width: 1153px) {
    .page.qa .container {
        padding-left:30px;
        padding-right: 30px
    }
}

.page.qa .header {
    background-color: #147cc7;
    line-height: 17px
}

.page.qa .header__row {
    -ms-flex-align: start;
    align-items: start
}

@media only screen and (max-width: 768px) {
    .page.qa .header__row {
        padding-top:15px;
        padding-bottom: 15px
    }
}

.page.qa .header__col {
    margin-right: 0
}

.page.qa .header .logo-header {
    padding-top: 18px;
    padding-bottom: 18px
}

.page.qa .header .logo-header__image {
    margin-right: 40px
}

.page.qa .header .logo-header__image img {
    max-height: 39px
}

@media only screen and (max-width: 768px) {
    .page.qa .header .logo-header__image {
        margin-right:10px
    }
}

@media only screen and (max-width: 768px) {
    .page.qa .header .logo-header {
        padding-top:0;
        padding-bottom: 0
    }
}

.page.qa .header .header__col--2 .nav__item {
    margin-right: 55px
}

.page.qa .header .header__col--2 .nav__item:before {
    content: none
}

.page.qa .header .header__col--2 .nav__item:last-child {
    margin-right: 0
}

.page.qa .header .header__col--2 .nav__item .nav__link {
    font-size: 14px;
    font-weight: 600;
    padding: 34px 0 33px
}

.page.qa .header .header__col--2 .nav__item .nav__link:before {
    content: none
}

.page.qa .header .header__col--2 .nav__item--active .nav__link {
    background-color: initial
}

.page.qa .header .header__col--2 .nav__item.menu-of-plans .subMenu {
    position: absolute;
    top: 55px;
    width: 270px;
    padding: 0;
    transform: translateY(20px);
    transition: .3s;
    background: #fff;
    box-shadow: 0 10px 50px rgba(0,0,0,.15);
    border-radius: 4px;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

.page.qa .header .header__col--2 .nav__item.menu-of-plans .subMenu a {
    display: block;
    padding: 13px 16px;
    transition: .3s;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #142149;
    white-space: nowrap;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-decoration: unset
}

.page.qa .header .header__col--2 .nav__item.menu-of-plans .subMenu a:hover {
    background-color: #edf3f7;
    color: #2c8ad8
}

.page.qa .header .header__col--2 .nav__item.menu-of-plans:hover .subMenu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 1023px) {
    .page.qa .header .header__col--2 {
        display:none
    }
}

.page.qa .header .header__col--3 .auth {
    font-size: 14px;
    font-weight: 700
}

.page.qa .header .header__col--3 .auth__link {
    padding: 34px 0 33px
}

.page.qa .header .header__col--3 .auth__link span {
    padding: 0
}

.page.qa .header .header__col--3 .auth__item span:before {
    content: none
}

.page.qa .header .header__col--3 .auth__item--reg,.page.qa .header .header__col--3 .auth__item--user {
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 34px
}

.page.qa .header .header__col--3 .auth__item--reg a.auth__link,.page.qa .header .header__col--3 .auth__item--user a.auth__link {
    padding: 12px 38px
}

.page.qa .header .header__col--3 .auth__item--reg {
    margin: 20px 0 20px 33px
}

.page.qa .header .header__col--3 .auth__item--user {
    margin: 20px 33px 20px 0
}

@media only screen and (max-width: 1023px) {
    .page.qa .header .header__col--3 {
        display:none
    }
}

.page.qa .header .header__col--4 .mobile-menu__btn {
    width: 32px;
    height: 32px;
    border: none
}

.page.qa .header .header__col--4 .mobile-menu__btn span {
    top: 30%;
    bottom: 30%;
    left: 25%;
    right: 25%
}

.page.qa .header .header__col--4 .mobile-menu__btn span:after,.page.qa .header .header__col--4 .mobile-menu__btn span:before,.page.qa .header .header__col--4 .mobile-menu__btn span i {
    height: 2px
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper {
    position: fixed;
    top: 69px;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    overflow: hidden;
    background: #147cc7
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .container {
    max-width: none;
    padding: 0 15px
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .auth-mobile-menu__link {
    padding: 15px 35px;
    background: none
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .auth-mobile-menu__link:before {
    content: none
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .auth-mobile-menu__item,.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .nav-mobile-menu__item {
    border: none
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .nav-mobile-menu__item.sub-menu img {
    transition: .2s;
    position: relative;
    top: -2px
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .nav-mobile-menu__item.sub-menu .subMenu {
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    padding: 0 20px;
    list-style: none
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .nav-mobile-menu__item.sub-menu .subMenu:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -50px;
    left: 35%;
    width: 200vw;
    height: calc(100% + 50px);
    transform: translateX(-50%);
    background-color: #136dad
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .nav-mobile-menu__item.sub-menu .subMenu a {
    display: block;
    position: relative;
    z-index: 2;
    padding: 13px 0;
    transition: .2s;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    white-space: nowrap
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .nav-mobile-menu__item.sub-menu.show img {
    transform: rotate(180deg)
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .nav-mobile-menu__item.sub-menu.show .subMenu {
    display: -ms-flexbox;
    display: flex
}

.page.qa .header .header__col--4 .mobile-menu__inner-wrapper .nav-mobile-menu__link:before {
    content: none
}

@media only screen and (max-width: 1023px) {
    .page.qa .header .header__col--4 {
        display:-ms-flexbox;
        display: flex;
        position: relative;
        top: 21px
    }
}

@media only screen and (max-width: 768px) {
    .page.qa .header .header__col--4 {
        top:6px
    }
}

.page.qa .bottom {
    padding-top: 60px;
    padding-bottom: 100px;
    background: #1e2b46;
    width: 100%
}

.page.qa .bottom .cols {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1217px;
    margin: 0 auto;
    padding: 0 30px
}

.page.qa .bottom .cols .col1 {
    color: #fff
}

.page.qa .bottom .cols .col1 .logo {
    margin-bottom: 33px
}

.page.qa .bottom .cols .col1 .logo img {
    width: 136px;
    height: 25.81px
}

.page.qa .bottom .cols .col1 .name {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: #fff;
    margin-bottom: 15px
}

.page.qa .bottom .cols .col1 .notes {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 33px
}

.page.qa .bottom .cols .col1 .notes p {
    margin: 0
}

.page.qa .bottom .cols .col1 .sn-icons {
    display: -ms-flexbox;
    display: flex
}

.page.qa .bottom .cols .col1 .sn-icons a {
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 34px;
    height: 34px;
    font-size: 0
}

.page.qa .bottom .cols .col1 .sn-icons a.fb {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0ZM18.7719 17.7467V26.9956H14.9452V17.7471H13.0333V14.5599H14.9452V12.6463C14.9452 10.0461 16.0247 8.5 19.0918 8.5H21.6453V11.6876H20.0492C18.8553 11.6876 18.7763 12.133 18.7763 12.9643L18.7719 14.5595H21.6634L21.325 17.7467H18.7719Z' fill='%236E778A'/%3E%3C/svg%3E")
}

.page.qa .bottom .cols .col1 .sn-icons a.tg {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34ZM13.8833 24.7918C14.2968 24.7918 14.4857 24.6079 14.7141 24.3855L14.7333 24.3668L16.7753 22.3813L21.0233 25.5198C21.8051 25.9511 22.3693 25.7278 22.5641 24.7939L25.3528 11.6525C25.6383 10.5078 24.9164 9.98862 24.1685 10.3282L7.79327 16.6424C6.6755 17.0907 6.68202 17.7143 7.58952 17.9922L11.7918 19.3038L21.5205 13.1661C21.9797 12.8876 22.4012 13.0373 22.0553 13.3444L14.1726 20.4578L14.1723 20.4581L14.1726 20.4584L13.8833 24.7918Z' fill='%236E778A'/%3E%3C/svg%3E")
}

.page.qa .bottom .cols .col1 .sn-icons a.vk {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0ZM18.3842 22.3665C18.2166 22.5432 17.8893 22.5789 17.8893 22.5789H16.8055C16.8055 22.5789 14.4144 22.7199 12.308 20.5679C10.0109 18.2199 7.98259 13.5614 7.98259 13.5614C7.98259 13.5614 7.86552 13.2558 7.99235 13.1087C8.13514 12.9424 8.52449 12.932 8.52449 12.932L11.1151 12.9155C11.1151 12.9155 11.359 12.9546 11.5337 13.0809C11.6783 13.1853 11.759 13.3795 11.759 13.3795C11.759 13.3795 12.1776 14.4189 12.732 15.3592C13.8149 17.1952 14.3186 17.5966 14.6858 17.3998C15.2215 17.1134 15.061 14.8046 15.061 14.8046C15.061 14.8046 15.0707 13.9671 14.7913 13.5936C14.5749 13.3046 14.167 13.2202 13.9869 13.1966C13.8406 13.1775 14.08 12.8449 14.3905 12.6961C14.857 12.4723 15.68 12.4593 16.6529 12.4688C17.4112 12.4767 17.6294 12.5228 17.9256 12.5933C18.6131 12.7562 18.5917 13.2781 18.5454 14.4044C18.5315 14.7413 18.5154 15.1322 18.5154 15.5838C18.5154 15.6853 18.5124 15.7934 18.5093 15.9047C18.4932 16.4817 18.4748 17.1425 18.8622 17.3885C19.0609 17.5139 19.546 17.4068 20.7602 15.3835C21.3358 14.4242 21.7668 13.2968 21.7668 13.2968C21.7668 13.2968 21.8617 13.0957 22.0081 13.0095C22.1579 12.9215 22.3602 12.9485 22.3602 12.9485L25.0865 12.932C25.0865 12.932 25.906 12.8354 26.0381 13.1993C26.1774 13.5797 25.7322 14.4694 24.6182 15.9268C23.5615 17.3096 23.0473 17.8187 23.0945 18.269C23.129 18.598 23.4633 18.8956 24.1047 19.4796C25.4437 20.7 25.8027 21.342 25.8889 21.4963C25.896 21.509 25.9013 21.5185 25.9051 21.5246C26.5055 22.5023 25.239 22.5789 25.239 22.5789L22.8169 22.612C22.8169 22.612 22.2972 22.713 21.6125 22.2516C21.2538 22.0101 20.9034 21.6156 20.5695 21.24C20.0597 20.6662 19.5888 20.1362 19.1868 20.2614C18.5119 20.4721 18.5323 21.899 18.5323 21.899C18.5323 21.899 18.5376 22.2045 18.3842 22.3665Z' fill='%236E778A'/%3E%3C/svg%3E")
}

.page.qa .bottom .cols .col1 .sn-icons a.tw {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 0C7.61116 0 0 7.61116 0 17C0 26.3888 7.61116 34 17 34C26.3888 34 34 26.3888 34 17C34 7.61116 26.3888 0 17 0ZM16.5265 14.4061L16.4909 13.8178C16.3838 12.2932 17.3232 10.9006 18.8096 10.3604C19.3566 10.1683 20.2841 10.1443 20.8906 10.3124C21.1284 10.3844 21.5803 10.6245 21.9013 10.8406L22.484 11.2368L23.1261 11.0327C23.4828 10.9246 23.9585 10.7446 24.1725 10.6245C24.3747 10.5165 24.5531 10.4565 24.5531 10.4925C24.5531 10.6965 24.1131 11.3928 23.7445 11.777C23.245 12.3172 23.3877 12.3652 24.3985 12.0051C25.0049 11.801 25.0168 11.801 24.8979 12.0291C24.8265 12.1491 24.4579 12.5693 24.0655 12.9535C23.3996 13.6137 23.3639 13.6858 23.3639 14.238C23.3639 15.0903 22.9596 16.867 22.5553 17.8394C21.8062 19.6642 20.2009 21.5489 18.5956 22.4973C16.3363 23.8299 13.3278 24.166 10.795 23.3857C9.95072 23.1216 8.5 22.4493 8.5 22.3293C8.5 22.2932 8.93997 22.2452 9.47507 22.2332C10.5928 22.2092 11.7106 21.8971 12.6619 21.3449L13.304 20.9607L12.5668 20.7086C11.5204 20.3485 10.581 19.5201 10.3431 18.7398C10.2718 18.4877 10.2956 18.4757 10.9615 18.4757L11.6512 18.4637L11.0685 18.1876C10.3788 17.8394 9.74857 17.2512 9.4394 16.651C9.21347 16.2188 8.92808 15.1263 9.01132 15.0423C9.0351 15.0063 9.28482 15.0783 9.5702 15.1744C10.3907 15.4745 10.4977 15.4025 10.0221 14.8983C9.13023 13.9859 8.85673 12.6293 9.28482 11.3448L9.48697 10.7686L10.2718 11.5489C11.8771 13.1215 13.7678 14.0579 15.932 14.334L16.5265 14.4061Z' fill='%236E778A'/%3E%3C/svg%3E")
}

.page.qa .bottom .cols .col2 .title {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #dcdcdc
}

.page.qa .bottom .cols .col2 ul {
    list-style: none;
    padding: 0;
    margin: 8px 0 0
}

.page.qa .bottom .cols .col2 ul a {
    text-decoration: none;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: hsla(0,0%,100%,.6);
    transition: color .2s
}

.page.qa .bottom .cols .col2 ul a:hover {
    color: #fff
}

.page.qa .bottom .cols .col3 .square {
    width: 373px;
    height: 147px;
    background: #2b3957;
    border-radius: 4px;
    margin-bottom: 14px
}

.page.qa .bottom .cols .col3 a {
    display: inline-block;
    padding: 8px 14px 3px;
    background: #1c7ebf;
    border-radius: 4px
}

.qa-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
    max-width: none;
    background-color: #f3f6f9;
    width: 100%
}

.qa-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 142px;
    z-index: 1;
    background: url(/img/v202012/qa/group-50.svg) no-repeat;
    display: block;
    background-size: contain;
    width: 83px;
    height: 161px
}

@media only screen and (max-width: 1024px) {
    .qa-wrapper:before {
        display:none
    }
}

.qa-wrapper:after {
    content: "";
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 1;
    background: url(/img/v202012/qa/group-52.svg) no-repeat;
    display: block;
    background-size: contain;
    width: 92px;
    height: 220px
}

@media only screen and (max-width: 1024px) {
    .qa-wrapper:after {
        display:none
    }
}

.qa-wrapper .hidden--l {
    display: inline-block
}

@media only screen and (max-width: 995px) {
    .qa-wrapper .hidden--l {
        display:none
    }
}

.qa-wrapper .hidden--xl {
    display: inline-block
}

@media only screen and (max-width: 1189px) {
    .qa-wrapper .hidden--xl {
        display:none
    }
}

.qa-wrapper .h1-for-qa {
    position: relative;
    top: -110px;
    max-width: 964px;
    margin: 0 auto;
    padding: 0;
    font-size: 20px;
    color: #fff
}

@media only screen and (max-width: 963px) {
    .qa-wrapper .h1-for-qa {
        padding:0 30px
    }
}

.qa-wrapper .field span.label {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 28px;
    font-size: 10px;
    font-weight: 300;
    transition: opacity .2s;
    opacity: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: -1;
    color: #fff
}

.qa-wrapper .field span.label.filled {
    opacity: 1;
    z-index: 0
}

.qa-wrapper .field span.label.white-background {
    background-color: #fff;
    right: 40px
}

.qa-wrapper .field span.label.textarea {
    color: #2c8ad8;
    left: 16px
}

.qa-wrapper .field input {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 28px;
    height: 50px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    border: none;
    border-radius: 100px 0 0 100px;
    background: hsla(0,0%,100%,.3)
}

.qa-wrapper .field input,.qa-wrapper .field textarea {
    width: 100%;
    outline: 0;
    outline-width: 0;
    outline-style: none
}

.qa-wrapper .field textarea {
    resize: vertical!important;
    appearance: none;
    border: 1px solid #bbb;
    padding: 16px 20px 0 16px;
    font-weight: 500;
    color: #333;
    min-height: 180px;
    line-height: 1.5
}

.qa-wrapper .field input::-webkit-input-placeholder {
    color: #fff
}

.qa-wrapper .field input:-moz-placeholder,.qa-wrapper .field input::-moz-placeholder {
    color: #fff
}

.qa-wrapper .field input:-ms-input-placeholder {
    color: #fff
}

.qa-wrapper .field textarea::-webkit-input-placeholder {
    color: #57637e
}

.qa-wrapper .field textarea:-moz-placeholder,.qa-wrapper .field textarea::-moz-placeholder {
    color: #57637e
}

.qa-wrapper .field textarea:-ms-input-placeholder {
    color: #57637e
}

.qa-wrapper .field input:focus::-webkit-input-placeholder {
    color: transparent
}

.qa-wrapper .field input:focus:-moz-placeholder,.qa-wrapper .field input:focus::-moz-placeholder {
    color: transparent
}

.qa-wrapper .field input:focus:-ms-input-placeholder {
    color: transparent
}

.qa-wrapper .field textarea:focus::-webkit-input-placeholder {
    color: transparent
}

.qa-wrapper .field textarea:focus:-moz-placeholder,.qa-wrapper .field textarea:focus::-moz-placeholder {
    color: transparent
}

.qa-wrapper .field textarea:focus:-ms-input-placeholder {
    color: transparent
}

.qa-wrapper .field .input-addon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    top: 13px;
    right: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    transition: all .2s;
    background: hsla(0,0%,100%,.3);
    cursor: pointer
}

.qa-wrapper .field .input-addon:hover {
    color: #333;
    transform: rotate(90deg)
}

.qa-wrapper .top-block {
    position: relative;
    margin: 0;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 124px;
    background: linear-gradient(180deg,#147cc7,#238ad5 93.38%),#238ad5
}

@media only screen and (max-width: 1023px) {
    .qa-wrapper .top-block {
        background:#238ad5
    }
}

.qa-wrapper .top-block:after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 0;
    border: none;
    border-bottom: 30px solid #f3f6f9;
    border-left: 100vw solid transparent
}

.qa-wrapper .top-block-content {
    max-width: 964px;
    margin: 0 auto;
    padding: 0
}

@media only screen and (max-width: 963px) {
    .qa-wrapper .top-block-content {
        padding:0 30px
    }
}

.qa-wrapper .top-block-content.in-view {
    max-width: 1160px
}

@media only screen and (max-width: 1175px) {
    .qa-wrapper .top-block-content.in-view {
        padding:0 30px
    }
}

.qa-wrapper .top-block-content .h1-on-page {
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    line-height: 39.01px;
    margin: 0 0 40px;
    color: #fff
}

.qa-wrapper .top-block-content .h1-on-page.in-view {
    font-size: 24px;
    margin: 0 0 20px
}

@media only screen and (max-width: 540px) {
    .qa-wrapper .top-block-content .h1-on-page {
        font-size:18px;
        margin: 0 0 20px
    }

    .qa-wrapper .top-block-content .h1-on-page.in-view {
        font-size: 18px
    }
}

.qa-wrapper .top-block-content #search-form {
    margin-bottom: 32px
}

.qa-wrapper .top-block-content #search-form.in-view {
    margin-bottom: 0
}

.qa-wrapper .top-block-content #search-form .field.search {
    width: calc(100% - 140px)
}

.qa-wrapper .top-block-content #search-form .field.button {
    width: auto;
    text-align: inherit;
    background: hsla(0,0%,100%,.3);
    border-radius: 0 100px 100px 0;
    padding-left: 20px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .top-block-content #search-form .field.button {
        margin-top:0
    }
}

.qa-wrapper .top-block-content #search-form .field.button button {
    height: 50px;
    padding: 15px 58px;
    font-family: "Avenir Next Cyr",Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-transform: none;
    color: #2c8ad8;
    background: #fff;
    border-radius: 100px
}

.qa-wrapper .top-block-content #search-form .field.button .fa-search {
    display: none;
    font-size: 20px;
    color: #2c8ad8;
    position: absolute;
    top: 10px;
    right: 10px
}

@media only screen and (max-width: 540px) {
    .qa-wrapper .top-block-content #search-form .field .input-addon {
        display:none
    }

    .qa-wrapper .top-block-content #search-form .field.search {
        width: 100%
    }

    .qa-wrapper .top-block-content #search-form .field.search input {
        height: 40px;
        border-radius: 100px
    }

    .qa-wrapper .top-block-content #search-form .field.button {
        padding: 0;
        margin: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        position: absolute;
        right: 30px
    }

    .qa-wrapper .top-block-content #search-form .field.button button {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 0;
        padding: 0;
        margin: 0
    }

    .qa-wrapper .top-block-content #search-form .field.button .fa-search {
        display: block
    }
}

.qa-wrapper .top-block-content .tags {
    margin-top: 0;
    margin-bottom: 54px
}

@media only screen and (max-width: 540px) {
    .qa-wrapper .top-block-content .tags {
        margin-bottom:40px
    }
}

.qa-wrapper .top-block-content .tags .tag {
    margin: 0 12px 10px 0
}

.qa-wrapper .top-block-content .tags .tag a {
    display: inline-block;
    font-family: "Inter";
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    padding: 6px 19px;
    background: rgba(0,0,0,.1);
    border-radius: 100px;
    height: 27px;
    line-height: 15px;
    border: none
}

.qa-wrapper .top-block-content .tags .tag a:hover {
    background-color: #fff;
    color: #000;
    border-color: #e95819
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .top-block-content .tags .tag {
        margin-top:15px
    }
}

@media only screen and (max-width: 540px) {
    .qa-wrapper .top-block-content .tags .tag {
        margin-top:5px
    }
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .top-block-content .tags {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.qa-wrapper .top-block-content .qa-sort {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    padding: 0;
    margin-bottom: 30px;
    border-top: none
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .top-block-content .qa-sort {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.qa-wrapper .top-block-content .qa-sort .sorter :nth-child(2) {
    margin-left: 20px
}

.qa-wrapper .top-block-content .qa-sort .sorter a {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: hsla(0,0%,100%,.4);
    text-decoration: none;
    font-size: 24px;
    font-weight: 700;
    transition: all .2s
}

.qa-wrapper .top-block-content .qa-sort .sorter a:hover {
    color: #fff;
    text-decoration: none
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .top-block-content .qa-sort .sorter a {
        font-size:16px
    }
}

.qa-wrapper .top-block-content .qa-sort .sorter span {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fff;
    border-bottom: none;
    font-size: 24px;
    font-weight: 700
}

.qa-wrapper .top-block-content .qa-sort .sorter span i {
    top: -2px;
    position: relative;
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .top-block-content .qa-sort .sorter span {
        font-size:16px
    }
}

.qa-wrapper .top-block-content .qa-sort .question-button .btn {
    height: 50px;
    margin: 0;
    padding: 15px 26px;
    font-family: "Avenir Next Cyr",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
    color: #2c8ad8;
    background: #fff;
    border-radius: 100px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .top-block-content .qa-sort .question-button {
        margin-top:25px;
        width: 100%
    }

    .qa-wrapper .top-block-content .qa-sort .question-button .btn {
        font-size: 12px;
        background: #fff;
        border: 1px solid #fff;
        border-radius: 34px;
        width: 100%;
        height: auto;
        padding: 10px 0
    }
}

.qa-wrapper .top-block-content .user-block {
    -ms-flex-align: center;
    align-items: center;
    background: #1875b9;
    border-radius: 38px;
    margin: 0;
    padding: 0 28px;
    border-top: none;
    margin-bottom: 20px
}

.qa-wrapper .top-block-content .user-block .count-button {
    padding: 0
}

.qa-wrapper .top-block-content .user-block .count-button a {
    padding: 15.5px 0;
    display: inline-block;
    font-family: "Inter";
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    transition: color .2s
}

.qa-wrapper .top-block-content .user-block .count-button a:hover {
    color: #000f1b
}

.qa-wrapper .top-block-content .user-block .count-button a strong {
    font-size: 14px;
    font-weight: 700
}

.qa-wrapper .top-block-content .user-block .mail-button {
    padding: 0;
    margin-left: 40px
}

.qa-wrapper .top-block-content .user-block .mail-button a {
    display: inline-block;
    font-family: "Inter";
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    transition: color .2s
}

.qa-wrapper .top-block-content .user-block .mail-button a:hover {
    color: #000f1b
}

.qa-wrapper .top-block-content .user-block .mail-button a i {
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .top-block-content .user-block .count-button a {
        padding:10px 0 0;
        margin-bottom: 10px
    }

    .qa-wrapper .top-block-content .user-block .mail-button {
        margin-left: 0
    }

    .qa-wrapper .top-block-content .user-block .mail-button a {
        padding: 0 0 10px
    }
}

.qa-wrapper .qa-table {
    max-width: 964px;
    margin: -90px auto 0;
    padding: 0;
    border-top: none;
    position: relative;
    z-index: 1;
    border-spacing: 0
}

@media only screen and (max-width: 963px) {
    .qa-wrapper .qa-table {
        padding:0 30px
    }
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-table {
        margin:-110px auto 0;
        padding: 0 6px
    }
}

.qa-wrapper .qa-table td {
    font-size: 16px;
    margin: 0;
    padding: 0;
    border: none
}

.qa-wrapper .qa-table .q-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 30px 36px;
    background: #fff;
    border-radius: 20px;
    margin-bottom: 8px
}

.qa-wrapper .qa-table .q-block:hover .q-title {
    color: #2c8ad8
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-table .q-block {
        padding:30px 16px;
        margin-bottom: 12px
    }
}

.qa-wrapper .qa-table .q-block--info {
    -ms-flex: 0 0 calc(100% - 160px);
    flex: 0 0 calc(100% - 160px)
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-table .q-block--info {
        -ms-flex:0 0 100%;
        flex: 0 0 100%
    }
}

.qa-wrapper .qa-table .q-block--info .q-title {
    display: inline-block;
    font-family: "Inter";
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 21px;
    color: #142149;
    line-height: 1;
    transition: color .2s
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-table .q-block--info .q-title {
        font-size:16px;
        margin-bottom: 15px
    }
}

.qa-wrapper .qa-table .q-block--info .q-title--data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px;
    font-family: "Inter";
    font-weight: 400;
    font-size: 14px;
    color: #57637e
}

.qa-wrapper .qa-table .q-block--info .q-title--data i {
    font-size: 18px;
    margin-right: 5px
}

.qa-wrapper .qa-table .q-block--info .q-title--data .comments-qa {
    color: #2c8ad8;
    margin-right: 30px
}

.qa-wrapper .qa-table .q-block--info .q-title--data .user {
    margin-right: 24px
}

.qa-wrapper .qa-table .q-block--info .q-title--data .user i {
    color: #142149
}

.qa-wrapper .qa-table .q-block--info .q-title--data .view {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.qa-wrapper .qa-table .q-block--info .q-title--data .view img {
    display: inline-block;
    margin-right: 8px;
    width: 24px;
    height: 24px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-table .q-block--info .q-title--data {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 10px;
        line-height: 5px
    }

    .qa-wrapper .qa-table .q-block--info .q-title--data i {
        font-size: 12px
    }

    .qa-wrapper .qa-table .q-block--info .q-title--data .view img {
        display: inline-block;
        margin-right: 4px;
        width: 16px;
        height: 16px
    }
}

.qa-wrapper .qa-table .q-block--info .tags {
    margin-top: 0
}

.qa-wrapper .qa-table .q-block--info .tags .tag {
    margin-top: 0;
    margin-bottom: 5px
}

.qa-wrapper .qa-table .q-block--info .tags .tag a {
    display: inline-block;
    font-family: "Inter";
    font-size: 12px;
    font-weight: 500;
    color: #142149;
    padding: 6px 19px;
    background: #e7ebee;
    border-radius: 100px;
    height: 27px;
    line-height: 15px;
    border: none
}

.qa-wrapper .qa-table .q-block--info .tags .tag a:hover {
    background-color: #2c8ad8;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-table .q-block--info .tags .tag a {
        font-size:10px;
        padding: 6px 12px;
        height: 24px;
        line-height: 10px
    }
}

.qa-wrapper .qa-table .q-block--time {
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    font-family: "Inter";
    font-size: 14px;
    font-weight: 400;
    color: #57637e
}

.qa-wrapper .qa-table .q-block--time i {
    font-size: 16px;
    margin-right: 5px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-table .q-block--time {
        display:none
    }
}

.qa-wrapper .qa-table .q-block--xs-time {
    display: none;
    position: absolute;
    font-family: "Inter";
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
    color: #57637e;
    right: 20px;
    width: 60px;
    text-align: right
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-table .q-block--xs-time {
        display:inline-block
    }
}

.qa-wrapper .qa-pager {
    max-width: 964px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center
}

@media only screen and (max-width: 963px) {
    .qa-wrapper .qa-pager {
        padding:0 30px
    }
}

.qa-wrapper .qa-pager ul.pagination {
    margin: 12px 0 60px
}

.qa-wrapper .qa-pager ul.pagination a {
    background-color: initial;
    color: #515151;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 700;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 4px
}

.qa-wrapper .qa-pager ul.pagination a:hover {
    color: #fff;
    background: #2c8ad8
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-pager ul.pagination a {
        width:26px;
        height: 26px;
        font-size: 12px;
        line-height: 26px;
        margin: 0 2px
    }
}

.qa-wrapper .qa-pager ul.pagination li.active a {
    color: #fff;
    background: #2c8ad8
}

.qa-wrapper .q-title-inner {
    border-top: none;
    font-size: 24px;
    color: #142149
}

.qa-wrapper .qa-answer-title {
    position: relative;
    max-width: 1160px;
    margin: 0 auto;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #142149;
    border-bottom: none;
    margin-top: 45px;
    margin-bottom: 5px
}

.qa-wrapper .qa-answer-title span {
    color: #57637e
}

@media only screen and (max-width: 1175px) {
    .qa-wrapper .qa-answer-title {
        margin-left:30px;
        margin-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-answer-title {
        margin-left:6px;
        margin-right: 6px;
        font-size: 18px
    }
}

.qa-wrapper .qa-answer-block-first {
    margin-top: 0
}

.qa-wrapper .qa-answer-block {
    border-top: none;
    padding-top: 0
}

.qa-wrapper .row-flex.answer-info {
    -ms-flex-align: center;
    align-items: center;
    margin-top: 60px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .row-flex.answer-info {
        margin-top:40px
    }

    .qa-wrapper .row-flex.answer-info .coms-btn {
        width: 100%
    }
}

.qa-wrapper .gray-color {
    color: #57637e
}

.qa-wrapper .Abutton.Aprimary.pull-right,.qa-wrapper .Abutton.Aprimary.qa-margin-top-20 {
    width: 210px;
    height: 56px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .Abutton.Aprimary.pull-right,.qa-wrapper .Abutton.Aprimary.qa-margin-top-20 {
        font-size:12px;
        padding-right: 28px;
        padding-left: 28px;
        height: 40px;
        line-height: 8px
    }
}

@media only screen and (max-width: 540px) {
    .qa-wrapper .Abutton.Aprimary.pull-right,.qa-wrapper .Abutton.Aprimary.qa-margin-top-20 {
        width:100%;
        font-size: 10px;
        height: 40px;
        line-height: 1
    }
}

.qa-wrapper .qa-form-wrapper {
    position: relative;
    max-width: 1160px;
    margin: 0 auto
}

.qa-wrapper .qa-form-wrapper .form-header {
    color: #142149;
    margin: 25px 0
}

.qa-wrapper .qa-form-wrapper span.label {
    color: #2c8ad8
}

.qa-wrapper .qa-form-wrapper input,.qa-wrapper .qa-form-wrapper textarea {
    border: 1px solid #57637e;
    border-radius: 4px;
    color: #142149;
    font-size: 16px;
    font-weight: 400
}

.qa-wrapper .qa-form-wrapper textarea {
    padding: 16px 28px 0
}

.qa-wrapper .qa-form-wrapper input::-webkit-input-placeholder {
    color: #57637e
}

.qa-wrapper .qa-form-wrapper input:-moz-placeholder,.qa-wrapper .qa-form-wrapper input::-moz-placeholder {
    color: #57637e
}

.qa-wrapper .qa-form-wrapper input:-ms-input-placeholder {
    color: #57637e
}

.qa-wrapper .qa-answer-form-wrapper {
    position: relative;
    max-width: 1160px;
    margin: 0 auto
}

.qa-wrapper .qa-answer-form-wrapper .qa-answer-title-no-border {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    margin-top: 55px;
    margin-bottom: 25px;
    color: #142149
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-answer-form-wrapper .qa-answer-title-no-border {
        font-size:18px
    }
}

.qa-wrapper .qa-answer-form-wrapper .Abutton {
    width: 210px;
    height: 56px
}

@media only screen and (max-width: 1175px) {
    .qa-wrapper .qa-answer-form-wrapper {
        margin-left:30px;
        margin-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-answer-form-wrapper {
        margin-left:6px;
        margin-right: 6px
    }

    .qa-wrapper .qa-answer-form-wrapper .Abutton {
        font-size: 12px;
        padding-right: 28px;
        padding-left: 28px;
        height: 40px;
        line-height: 8px
    }
}

@media only screen and (max-width: 540px) {
    .qa-wrapper .qa-answer-form-wrapper .Abutton {
        width:100%;
        font-size: 10px;
        height: 40px;
        line-height: 1
    }
}

.qa-wrapper .qa-question-wrapper {
    position: relative;
    max-width: 1160px;
    margin: 0 auto;
    margin-top: -80px;
    padding: 36px 38px 32px 56px;
    border-radius: 20px;
    background-color: #fff;
    font-family: "Inter";
    color: #57637e;
    font-weight: 400;
    font-size: 16px
}

@media only screen and (max-width: 1175px) {
    .qa-wrapper .qa-question-wrapper {
        margin-left:30px;
        margin-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper {
        margin-left:6px;
        margin-right: 6px;
        padding: 30px 21px 28px 16px
    }
}

.qa-wrapper .qa-question-wrapper.answer {
    margin-top: 20px
}

.qa-wrapper .qa-question-wrapper i.far,.qa-wrapper .qa-question-wrapper i.fas {
    font-size: 18px;
    margin-right: 5px;
    color: #142149
}

.qa-wrapper .qa-question-wrapper .alert.qa-small-block {
    font-size: 12px;
    padding: 10px 20px;
    margin-top: 10px
}

.qa-wrapper .qa-question-wrapper .q-title-inner {
    margin-top: 0;
    padding-top: 0
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .q-title-inner {
        font-size:16px
    }
}

.qa-wrapper .qa-question-wrapper .qa-answers-text-block,.qa-wrapper .qa-question-wrapper .qa-question-text {
    margin: 20px 0 35px;
    font-family: DINPro,Arial,sans-serif;
    color: #333
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .qa-answers-text-block,.qa-wrapper .qa-question-wrapper .qa-question-text {
        font-size:12px;
        margin: 16px 0 28px
    }
}

.qa-wrapper .qa-question-wrapper .qa-answers-text-block p,.qa-wrapper .qa-question-wrapper .qa-question-text p {
    margin: 16px 0
}

.qa-wrapper .qa-question-wrapper .qa-answers-text-block p:first-of-type,.qa-wrapper .qa-question-wrapper .qa-question-text p:first-of-type {
    margin-top: 0
}

.qa-wrapper .qa-question-wrapper .user-data {
    display: inline-block;
    margin: 0;
    font-size: 14px
}

.qa-wrapper .qa-question-wrapper .user-data.answer {
    padding: 10px 12px;
    background-color: #f3f6f9;
    border-radius: 10px
}

.qa-wrapper .qa-question-wrapper .user-data.answer i.far {
    margin-left: 5px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .user-data {
        display:block;
        font-size: 10px
    }

    .qa-wrapper .qa-question-wrapper .user-data.answer {
        display: inline-block
    }
}

@media only screen and (max-width: 767px) and (max-width:540px) {
    .qa-wrapper .qa-question-wrapper .user-data.answer {
        width:100%;
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .user-data i.far {
        font-size:12px
    }
}

.qa-wrapper .qa-question-wrapper .update-date-data {
    margin-left: 35px;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .update-date-data {
        display:block;
        margin-left: 0;
        margin-top: 8px;
        font-size: 10px
    }

    .qa-wrapper .qa-question-wrapper .update-date-data i.fas {
        font-size: 11px
    }
}

.qa-wrapper .qa-question-wrapper .date-data {
    font-size: 14px;
    margin-left: 20px;
    min-width: 150px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .date-data {
        display:none
    }
}

.qa-wrapper .qa-question-wrapper .date-data-xs {
    display: none;
    position: absolute;
    font-size: 10px;
    right: 21px;
    max-width: 70px;
    text-align: right;
    line-height: 14px
}

.qa-wrapper .qa-question-wrapper .date-data-xs i.far {
    display: none
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .date-data-xs {
        display:inline-block
    }
}

.qa-wrapper .qa-question-wrapper .qa-tags-inner {
    margin-top: 15px
}

.qa-wrapper .qa-question-wrapper .qa-tags-inner .tag a {
    font-size: 12px;
    font-weight: 500;
    color: #142149;
    background: #e7ebee;
    border-radius: 100px;
    padding: 2px 19px;
    height: auto
}

.qa-wrapper .qa-question-wrapper .qa-tags-inner .tag a:hover {
    border-color: #142149;
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .qa-tags-inner .tag a {
        font-size:10px;
        padding: 2px 12px
    }
}

.qa-wrapper .qa-question-wrapper .service-menu {
    margin-top: 40px
}

.qa-wrapper .qa-question-wrapper .service-menu .qa-operation-menu-item {
    margin-right: 20px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .service-menu {
        margin-top:0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .qa-wrapper .qa-question-wrapper .service-menu .qa-operation-menu-item {
        margin-right: 0;
        margin-top: 10px
    }
}

.qa-wrapper .qa-question-wrapper .question-comments-button {
    display: inline-block;
    margin-top: 60px;
    padding: 10px 12px;
    font-size: 14px;
    color: #2c8ad8;
    background-color: #f3f6f9;
    border-radius: 10px;
    transition: all .3s
}

.qa-wrapper .qa-question-wrapper .question-comments-button i {
    font-size: 16px;
    color: #2c8ad8;
    margin-right: 10px;
    margin-left: 5px;
    transition: all .3s
}

.qa-wrapper .qa-question-wrapper .question-comments-button.active {
    color: #fff;
    background-color: #2c8ad8
}

.qa-wrapper .qa-question-wrapper .question-comments-button.active i {
    color: #fff
}

.qa-wrapper .qa-question-wrapper .question-comments-button.answer {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .question-comments-button {
        margin-top:33px;
        font-size: 12px
    }

    .qa-wrapper .qa-question-wrapper .question-comments-button i {
        font-size: 14px
    }
}

@media only screen and (max-width: 540px) {
    .qa-wrapper .qa-question-wrapper .question-comments-button,.qa-wrapper .qa-question-wrapper .question-comments-button.answer {
        width:100%;
        text-align: center
    }
}

.qa-wrapper .qa-question-wrapper .question-comments-block .commentlistback {
    background-color: #fff;
    padding: 30px 0
}

.qa-wrapper .qa-question-wrapper .question-comments-block .commentlistback .gray-color {
    display: inline-block;
    font-size: 14px;
    margin-right: 40px
}

.qa-wrapper .qa-question-wrapper .question-comments-block .commentlistback .gray-color:last-of-type {
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .question-comments-block .commentlistback .gray-color {
        font-size:10px;
        margin-right: 20px
    }

    .qa-wrapper .qa-question-wrapper .question-comments-block .commentlistback .gray-color i.far {
        font-size: 12px
    }
}

.qa-wrapper .qa-question-wrapper .question-comments-block .commentlistback .qa-comment-text {
    font-size: 14px;
    margin: 20px 0 0
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .question-comments-block .commentlistback .qa-comment-text {
        font-size:12px;
        margin: 15px 0 0
    }
}

.qa-wrapper .qa-question-wrapper .question-comments-block .commentlistback.top-border {
    border-top: 2px solid #e8ebf1
}

.qa-wrapper .qa-question-wrapper .question-comments-block .comment-form-block {
    margin-top: 40px;
    padding: 0;
    background-color: #fff
}

.qa-wrapper .qa-question-wrapper .question-comments-block .comment-form-block .alert.alert-danger {
    margin-bottom: 10px;
    font-size: 12px
}

.qa-wrapper .qa-question-wrapper .question-comments-block .comment-form-block textarea {
    background: #f3f6f9;
    border: 1px solid #ced5db;
    box-sizing: border-box;
    border-radius: 10px
}

.qa-wrapper .qa-question-wrapper .question-comments-block .comment-form-block .Abutton {
    padding-right: 58px;
    padding-left: 58px
}

@media only screen and (max-width: 767px) {
    .qa-wrapper .qa-question-wrapper .question-comments-block .comment-form-block {
        font-size:12px;
        margin-top: 20px
    }

    .qa-wrapper .qa-question-wrapper .question-comments-block .comment-form-block .Abutton {
        font-size: 12px;
        padding-right: 28px;
        padding-left: 28px;
        height: 40px;
        line-height: 8px
    }
}

@media only screen and (max-width: 540px) {
    .qa-wrapper .qa-question-wrapper .question-comments-block .comment-form-block .Abutton {
        width:100%;
        font-size: 10px;
        height: 40px;
        line-height: 1
    }
}

.pop-up:after {
    background: rgba(0,0,0,.5)
}

.pop-up .pop-up__insides {
    max-width: 480px;
    border-radius: 10px
}

.pop-up .pop-up__insides.form-feedback {
    max-width: 570px
}

.pop-up .pop-up__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #142149;
    margin-bottom: 22px
}

.pop-up .pop-up__description {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 20px;
    color: #142149;
    -ms-flex-align: center;
    align-items: center
}

.pop-up .pop-up__close {
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.18 23.062'%3E%3Cpath fill='%232c8ad8' d='M0 2.065L2.18-.003l20 21L20 23.065l-20-21zm0 0L2.18-.003l20 21L20 23.065l-20-21z'/%3E%3Cpath fill='%232c8ad8' d='M22.08 2.091L19.93.031.1 20.974l2.15 2.063L22.08 2.091zm0 0L19.93.031.1 20.974l2.15 2.063L22.08 2.091z'/%3E%3C/svg%3E") no-repeat 50%
}

.pop-up .Abutton {
    padding-left: 48px;
    padding-right: 48px
}

.pop-up .Abutton.twofa {
    display: none
}

.pop-up .top-error {
    display: none;
    padding: 20px 10px;
    color: red;
    font-size: 14px
}

.pop-up .form__entry.captcha {
    display: none
}

.pop-up .form__entry .captcha__block {
    display: -ms-flexbox;
    display: flex
}

.pop-up .form__entry .captcha__block>img.captcha__image {
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
    height: 50px;
    cursor: pointer
}

.pop-up .form__entry .entry__error {
    margin-top: 4px;
    font-size: 12px
}

.pop-up .form__entry input,.pop-up .form__entry textarea {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #e5e8ea;
    padding: 12px 14px;
    background: #f3f6f9;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #142149;
    font-family: "Inter"
}

.pop-up .form__entry input:-ms-input-placeholder,.pop-up .form__entry textarea:-ms-input-placeholder {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #142149;
    opacity: .2
}

.pop-up .form__entry input::placeholder,.pop-up .form__entry textarea::placeholder {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #142149;
    opacity: .2
}

.pop-up .form__entry textarea {
    min-width: 100%;
    max-width: 100%;
    min-height: 135px;
    max-height: 30vh
}

.pop-up .form__remark {
    font-size: 14px
}

@media only screen and (max-width: 768px) {
    .pop-up .form__btn.feedback-btn {
        width:100%
    }

    .pop-up .form__btn.feedback-btn>.Aprimary {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 12px
    }
}

.pop-up .success-text {
    display: none;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .pop-up .pop-up__insides {
        margin-left:5px;
        margin-right: 5px;
        width: auto;
        min-width: 280px
    }

    .pop-up .pop-up__title {
        font-size: 20px
    }

    .pop-up .pop-up__description {
        font-size: 12px;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pop-up .Abutton {
        font-size: 12px;
        padding: 6px 18px
    }

    .pop-up .form__remark {
        font-size: 12px
    }
}

@media only screen and (max-width: 768px) {
    .pop-up fieldset {
        padding:0
    }
}

h1,h2,h3,h4,h5,h6,p,ul {
    margin: 0;
    padding: 0
}

.Acontainer {
    max-width: 1217px;
    margin: 0 auto;
    padding: 0 30px;
    position: relative
}

@media (max-width: 1024px) {
    .Acontainer {
        max-width:768px;
        margin: 0 auto;
        padding: 0 20px
    }
}

@media (max-width: 590px) {
    .Acontainer {
        max-width:375px;
        margin: 0 auto;
        padding: 0 10px
    }
}

*,:after,:before {
    box-sizing: border-box
}

.configAndFaqContainer {
    position: relative;
    z-index: 2;
    background-color: #fff;
    margin-bottom: 150px;
    width: 100%
}

.configAndFaqContainer:before {
    content: "";
    position: absolute;
    top: -40px;
    left: 50%;
    width: 110vw;
    height: 50vh;
    transform: translateX(-50%) rotate(-2deg);
    background-color: #fff
}

.overlay {
    opacity: 0;
    background: rgba(6,9,12,.8);
    visibility: hidden;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    transition: .3s
}

.overlay.show {
    opacity: 1;
    visibility: visible
}

.overflow {
    width: 100vw;
    height: 100vh;
    overflow: hidden
}

.team .swiper-container {
    padding-bottom: 30px;
    overflow: visible;
    transform: translateX(-40px)
}

@media (max-width: 590px) {
    .team .swiper-container {
        transform:translateX(-10px)
    }
}

.team .swiper-pagination {
    bottom: 0!important;
    transform: translateX(40px)
}

@media (max-width: 590px) {
    .team .swiper-pagination {
        transform:translateX(10px)
    }
}

.Abutton,a {
    text-decoration: none
}

.Abutton {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 16px;
    padding-bottom: 17px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    border-radius: 100px;
    border: 1px solid #2c8ad8;
    cursor: pointer;
    transition: .3s
}

.Abutton:focus {
    outline: 0
}

.Abutton.Aprimary {
    background: #2c8ad8;
    color: #fff
}

.Abutton.Asecondary {
    background: transparent;
    color: #2c8ad8
}

.Abutton.Asecondary:hover {
    background-color: #2c8ad8;
    color: #fff
}

.Abutton.Atertiary {
    background-color: #fff;
    color: #2c8ad8;
    border-color: #fff
}

.Abutton.Atickets {
    display: inline-block;
    margin-left: 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #2c8ad8;
    background: rgba(44,138,216,.2);
    border-radius: 34px;
    border-color: transparent;
    padding-bottom: 16px
}

@media (max-width: 768px) {
    .Abutton.Atickets {
        margin-left:0;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-top: 6px;
        max-width: 200px;
        font-size: 12px
    }
}

.sliderContainer {
    position: relative;
    padding: 30px 0 60px;
    background: #fbfbfb;
    width: 100%;
    z-index: 0
}

@media (max-width: 768px) {
    .sliderContainer .swiper-container {
        padding-bottom:40px
    }

    .sliderContainer .swiper-pagination {
        bottom: 0!important
    }

    .sliderContainer .swiper-pagination.main-page {
        bottom: 10px!important
    }

    .sliderContainer .arrow {
        display: none
    }
}

@media (max-width: 590px) {
    .sliderContainer .swiper-pagination.main-page {
        bottom:0!important
    }
}

.sliderContainer h1,.sliderContainer h2 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 25px
}

@media (max-width: 768px) {
    .sliderContainer h1,.sliderContainer h2 {
        font-size:12px;
        margin-bottom: 15px
    }
}

.sliderContainer:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: -125px;
    left: 50%;
    width: 120%;
    height: 275px;
    transform: translateX(-50%) rotate(-2.11deg);
    background: linear-gradient(178.96deg,#147cc7 54.99%,#238ad5 99.11%),#238ad5
}

@media (max-width: 1024px) {
    .sliderContainer:before {
        background:#147cc7
    }
}

@media (max-width: 768px) {
    .sliderContainer:before {
        background:#238ad5;
        height: 250px
    }
}

.slider {
    position: relative
}

.slider:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100% - 20px);
    box-shadow: 0 4px 20px rgba(0,0,0,.05);
    background-color: #fff
}

@media (max-width: 768px) {
    .slider:before {
        height:calc(100% - 40px)
    }
}

@media (max-width: 590px) {
    .slider:before {
        height:calc(100% - 20px)
    }
}

.slider>.swiper-container {
    padding: 0 0 20px
}

.swiper-pagination {
    bottom: 40px!important
}

@media (max-width: 1024px) {
    .swiper-pagination.main-page {
        transform:translateX(60px)
    }
}

@media (max-width: 768px) {
    .swiper-pagination.main-page {
        transform:translateX(0)
    }
}

.arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%)
}

.arrow .next,.arrow .prev {
    cursor: pointer
}

.carousel .slideItem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    min-height: 200px;
    padding: 50px 80px;
    background: #fff;
    overflow: hidden
}

.carousel .slideItem.slideItem.slide-1 {
    background: url(/2021/img/carousel/slide1-bg.png) 100% 70% no-repeat;
    background-size: 60%
}

.carousel .slideItem.slideItem.slide-1 .snippetsContainer {
    margin-bottom: 88px
}

.carousel .slideItem.slideItem.slide-1 .infoBlock__header {
    margin-bottom: 40px
}

.carousel .slideItem.slideItem.slide-2 {
    background: url(/2021/img/carousel/slide2-bg.png) 105% 90% no-repeat;
    background-size: 65%
}

.carousel .slideItem.slideItem.slide-2 .snippetsContainer {
    margin-bottom: 66px
}

.carousel .slideItem.slideItem.slide-2 .infoBlock__header {
    margin-bottom: 40px
}

.carousel .slideItem.slideItem.slide-gpu {
    background: url(/2021/img/carousel/slide22-bg-min.png) 105% 90% no-repeat;
    background-size: 65%
}

.carousel .slideItem.slideItem.slide-gpu .snippetsContainer {
    margin-bottom: 66px
}

.carousel .slideItem.slideItem.slide-gpu .infoBlock__header {
    margin-bottom: 40px
}

.carousel .slideItem.slideItem.slide-3 {
    background: url(/2021/img/carousel/slide3-bg.png?_=b) 102% 70% no-repeat;
    background-size: 60%;
    min-height: 455px
}

.carousel .slideItem.slideItem.slide-3 .information {
    position: relative;
    top: -40px
}

.carousel .slideItem.slideItem.slide-4 {
    background: url(/2021/img/carousel/slide4-bg.png) 110% 65% no-repeat;
    background-size: 65% auto;
    min-height: 455px
}

.carousel .slideItem.slideItem.slide-4 .infoBlock__header {
    margin-bottom: 40px
}

.carousel .slideItem.slideItem.slide-5 {
    background: url(/2021/img/carousel/slide5-bg.png) 100% 90% no-repeat;
    background-size: 60%;
    min-height: 455px
}

.carousel .slideItem.slideItem.slide-5 .infoBlock__header {
    margin-bottom: 60px
}

.carousel .slideItem.slideItem.slide-6 {
    background: url(/2021/img/carousel/slide6-bg.png) 105% 60% no-repeat;
    background-size: 65%;
    min-height: 455px
}

.carousel .slideItem.slideItem.slide-6 .infoBlock__header {
    margin-bottom: 40px
}

.carousel .slideItem.slideItem.slide-7 {
    background: url(/2021/img/carousel/slide7-bg.png) 100% 40% no-repeat;
    background-size: 60%
}

.carousel .slideItem.first {
    position: relative
}

.carousel .slideItem.first .information {
    max-width: 436px
}

@media (max-width: 1024px) {
    .carousel .slideItem {
        padding:30px 40px
    }

    .carousel .slideItem.slideItem.slide-1 {
        background: url(/2021/img/carousel/slide1-bg.png) 100% 70% no-repeat;
        background-size: 50%
    }

    .carousel .slideItem.slideItem.slide-2 {
        background: url(/2021/img/carousel/slide2-bg.png) 105% 50% no-repeat;
        background-size: 50%
    }

    .carousel .slideItem.slideItem.slide-gpu {
        background: url(/2021/img/carousel/slide22-bg-min.png) 105% 50% no-repeat;
        background-size: 50%
    }

    .carousel .slideItem.slideItem.slide-3 {
        background: url(/2021/img/carousel/slide3-bg.png?_=b) 100% 60% no-repeat;
        background-size: 50%;
        min-height: 415px
    }

    .carousel .slideItem.slideItem.slide-4 {
        background: url(/2021/img/carousel/slide4-bg.png) 100% 60% no-repeat;
        background-size: 50%;
        min-height: 415px
    }

    .carousel .slideItem.slideItem.slide-5 {
        background: url(/2021/img/carousel/slide5-bg.png) 100% 60% no-repeat;
        background-size: 50%;
        min-height: 415px
    }

    .carousel .slideItem.slideItem.slide-6 {
        background: url(/2021/img/carousel/slide6-bg.png) 100% 60% no-repeat;
        background-size: 50%;
        min-height: 415px
    }

    .carousel .slideItem.slideItem.slide-6 .infoBlock__header {
        margin-bottom: 60px
    }

    .carousel .slideItem.slideItem.slide-7 {
        background: url(/2021/img/carousel/slide7-bg.png) 100% 70% no-repeat;
        background-size: 50%
    }
}

@media (max-width: 768px) {
    .carousel .slideItem.slideItem.slide-1 {
        background:url(/2021/img/carousel/slide1-bg.png) 90% 50% no-repeat;
        background-size: 50%;
        min-height: auto
    }

    .carousel .slideItem.slideItem.slide-1 .infoBlock__header {
        margin-bottom: 64px
    }

    .carousel .slideItem.slideItem.slide-2 {
        background: url(/2021/img/carousel/slide2-bg.png) 100% 50% no-repeat;
        background-size: 45%
    }

    .carousel .slideItem.slideItem.slide-2 .infoBlock__header {
        margin-bottom: 64px
    }

    .carousel .slideItem.slideItem.slide-gpu {
        background: url(/2021/img/carousel/slide22-bg-min.png) 100% 50% no-repeat;
        background-size: 45%
    }

    .carousel .slideItem.slideItem.slide-gpu .infoBlock__header {
        margin-bottom: 64px
    }

    .carousel .slideItem.slideItem.slide-3 {
        background: url(/2021/img/carousel/slide3-bg.png?_=b) 100% 50% no-repeat;
        background-size: 45%;
        min-height: auto
    }

    .carousel .slideItem.slideItem.slide-3 .information {
        top: 0
    }

    .carousel .slideItem.slideItem.slide-3 .infoBlock__header {
        margin-bottom: 60px
    }

    .carousel .slideItem.slideItem.slide-4 {
        background: url(/2021/img/carousel/slide4-bg.png) 100% 50% no-repeat;
        background-size: 44%;
        min-height: auto
    }

    .carousel .slideItem.slideItem.slide-4 .infoBlock__header {
        margin-bottom: 64px
    }

    .carousel .slideItem.slideItem.slide-5 {
        background: url(/2021/img/carousel/slide5-bg.png) 95% 50% no-repeat;
        background-size: 50%;
        min-height: auto
    }

    .carousel .slideItem.slideItem.slide-5 .infoBlock__header {
        margin-bottom: 42px
    }

    .carousel .slideItem.slideItem.slide-6 {
        background: url(/2021/img/carousel/slide6-bg.png) 100% 50% no-repeat;
        background-size: 45%;
        min-height: auto
    }

    .carousel .slideItem.slideItem.slide-6 .infoBlock__header {
        margin-bottom: 42px
    }

    .carousel .slideItem.slideItem.slide-7 {
        background: url(/2021/img/carousel/slide7-bg.png) 100% 40% no-repeat;
        background-size: 50%
    }

    .carousel .slideItem.slideItem.slide-7 .infoBlock__header {
        margin-bottom: 60px
    }
}

@media (max-width: 590px) {
    .carousel .slideItem {
        padding:15px 30px
    }

    .carousel .slideItem.slideItem.slide-1 {
        background: url(/2021/img/carousel/slide1-bg.png) center 25px no-repeat;
        background-size: 40%;
        height: 300px
    }

    .carousel .slideItem.slideItem.slide-1 .infoBlock__header {
        margin-bottom: 10px
    }

    .carousel .slideItem.slideItem.slide-2 {
        background: url(/2021/img/carousel/slide2-bg.png) center 20px no-repeat;
        background-size: 40%;
        height: 300px
    }

    .carousel .slideItem.slideItem.slide-2 .infoBlock__header {
        margin-bottom: 10px
    }

    .carousel .slideItem.slideItem.slide-gpu {
        background: url(/2021/img/carousel/slide22-bg-min.png) center 20px no-repeat;
        background-size: 40%;
        height: 300px
    }

    .carousel .slideItem.slideItem.slide-gpu .infoBlock__header {
        margin-bottom: 10px
    }

    .carousel .slideItem.slideItem.slide-3 {
        background: url(/2021/img/carousel/slide3-bg.png?_=b) center 35px no-repeat;
        background-size: 40%;
        height: 300px;
        min-height: auto
    }

    .carousel .slideItem.slideItem.slide-3 .infoBlock__header {
        margin-bottom: 20px
    }

    .carousel .slideItem.slideItem.slide-4 {
        background: none;
        height: 300px
    }

    .carousel .slideItem.slideItem.slide-4 .infoBlock__header {
        margin-bottom: 25px
    }

    .carousel .slideItem.slideItem.slide-5 {
        background: url(/2021/img/carousel/slide5-bg.png) center 0 no-repeat;
        background-size: 40%;
        height: 300px;
        min-height: auto
    }

    .carousel .slideItem.slideItem.slide-5 .information {
        top: 0
    }

    .carousel .slideItem.slideItem.slide-5 .infoBlock__header {
        margin-bottom: 10px
    }

    .carousel .slideItem.slideItem.slide-6 {
        background: url(/2021/img/carousel/slide6-bg.png) center 5px no-repeat;
        background-size: 40%;
        height: 300px
    }

    .carousel .slideItem.slideItem.slide-6 .infoBlock__header {
        margin-bottom: 10px
    }

    .carousel .slideItem.slideItem.slide-7 {
        background: url(/2021/img/carousel/slide7-bg.png) center 25px no-repeat;
        background-size: 35%;
        height: 300px
    }

    .carousel .slideItem.slideItem.slide-7 .infoBlock__header {
        margin-bottom: 5px
    }
}

@media (max-width: 590px) {
    .carousel .infoBlock {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

.carousel .infoBlock .topProduct {
    font-weight: 600;
    font-size: 14.9872px;
    line-height: 18px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #2c8ad8
}

@media (max-width: 768px) {
    .carousel .infoBlock .topProduct {
        font-size:12px;
        line-height: 15px;
        letter-spacing: .06em
    }
}

.carousel .infoBlock__header {
    margin-top: 4px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #142149
}

@media (max-width: 768px) {
    .carousel .infoBlock__header {
        font-size:18px;
        line-height: 22px;
        margin-bottom: 10px
    }
}

.carousel .infoBlock .aboutProduct {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #979eae;
    margin-bottom: 33px
}

@media (max-width: 768px) {
    .carousel .infoBlock .aboutProduct {
        font-size:14px
    }
}

@media (max-width: 590px) {
    .carousel .infoBlock .aboutProduct {
        line-height:140%;
        margin-bottom: 18px
    }

    .carousel .infoBlock .aboutProduct br {
        display: none
    }
}

.carousel .infoBlock .aboutProduct b {
    color: #2c8ad8
}

.carousel .infoBlock>a {
    padding-left: 66px;
    padding-right: 66px
}

@media (max-width: 768px) {
    .carousel .infoBlock>a {
        padding-left:36px;
        padding-right: 36px;
        font-size: 14px
    }
}

.carousel .infoBlock.dc-slide {
    position: relative;
    top: -40px
}

.carousel .infoBlock.dc-slide .infoBlock__header {
    margin-bottom: 40px
}

@media (max-width: 1024px) {
    .carousel .infoBlock.dc-slide {
        top:0
    }
}

@media (max-width: 768px) {
    .carousel .infoBlock.dc-slide {
        top:auto
    }
}

@media (max-width: 590px) {
    .carousel .infoBlock.dc-slide {
        top:-20px
    }

    .carousel .infoBlock.dc-slide .infoBlock__header {
        margin-bottom: 20px
    }

    .carousel .infoBlock.dc-slide .aboutProduct br {
        display: block
    }
}

.carousel .snippetsContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

@media (max-width: 768px) {
    .carousel .snippetsContainer {
        display:none
    }
}

.carousel .snippetsContainer .slideItemSnippet {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 35px
}

.carousel .snippetsContainer .slideItemSnippet p {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #9ea4b8
}

.carousel .snippetsContainer .slideItemSnippet p:last-child {
    color: #142149
}

.serversCount {
    margin-top: 40px
}

@media (max-width: 590px) {
    .serversCount .serversCountDesc {
        display:none
    }
}

.serversCount .serversCountMobile {
    display: none
}

@media (max-width: 590px) {
    .serversCount .serversCountMobile {
        display:-ms-flexbox;
        display: flex
    }
}

@media (max-width: 1024px) {
    .serversCount {
        margin-top:10px
    }
}

@media (max-width: 768px) {
    .serversCount {
        margin-top:30px
    }
}

.serversCount>span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #919aad
}

@media (max-width: 768px) {
    .serversCount>span {
        -ms-flex-direction:column;
        flex-direction: column;
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .14em;
        text-transform: uppercase
    }
}

.serversCount .count {
    display: block;
    margin: 0 20px;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    color: #2c8ad8;
    letter-spacing: 0
}

@media (max-width: 768px) {
    .serversCount .count {
        font-size:18px;
        line-height: 22px
    }
}

.createServerContainer {
    position: relative;
    padding: 55px 0;
    background: #f3f6f9;
    width: 100%;
    min-height: 560px;
    margin-bottom: 0;
    padding-bottom: 0
}

@media (max-width: 768px) {
    .createServerContainer .Acontainer {
        padding:0 60px
    }
}

@media (max-width: 590px) {
    .createServerContainer .Acontainer {
        padding:0 10px
    }
}

.createServerContainer:after {
    content: "";
    position: absolute;
    top: 45px;
    right: 0;
    width: 190px;
    height: 380px;
    background: url(/2021/img/createServer/circled-stack-layers.svg) no-repeat;
    background-size: contain
}

@media (max-width: 768px) {
    .createServerContainer:after {
        display:none
    }
}

.createServerContainer h2 {
    text-align: center;
    font-size: 34px;
    line-height: 41px;
    margin-bottom: 60px;
    color: #142149
}

@media (max-width: 1024px) {
    .createServerContainer h2 {
        font-size:22px;
        line-height: 22px;
        margin-bottom: 35px
    }
}

.createServerContainer .form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    width: 100%
}

.createServerContainer .form:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 60px;
    left: -48px;
    width: 160px;
    height: 160px;
    background: url(/2021/img/createServer/stack-layers.svg) no-repeat;
    background-size: contain
}

.createServerContainer .form:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 10px;
    width: calc(55% - 20px);
    height: 100%;
    background: #4da0dd
}

@media (max-width: 1024px) {
    .createServerContainer .form {
        -ms-flex-direction:column;
        flex-direction: column;
        margin: 0
    }

    .createServerContainer .form:after {
        width: calc(100% - 20px);
        height: 58.5%
    }
}

@media (max-width: 768px) {
    .createServerContainer .form:after {
        height:60.5%
    }
}

.createServerContainer .form .orderForm {
    margin-right: auto;
    position: relative;
    z-index: 9;
    width: 60%;
    padding: 50px 40px;
    background-color: #fff
}

@media (min-width: 1023px) {
    .createServerContainer .form .orderForm {
        min-width:560px
    }
}

@media (max-width: 1024px) {
    .createServerContainer .form .orderForm {
        width:100%;
        padding: 40px
    }
}

@media (max-width: 768px) {
    .createServerContainer .form .orderForm {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.createServerContainer .form .orderForm>div {
    margin-bottom: 40px
}

.createServerContainer .form .orderForm>div:first-child label > div > span:not(:first-child):not(:last-child):not(:nth-child(2)) {
    transform: translateX(10px)
}

.createServerContainer .form .orderForm>div:first-child label > div > span:nth-child(2) {
    transform: translateX(7px)
}

.createServerContainer .form .orderForm>div:nth-child(4) label>div>span:nth-child(4),.createServerContainer .form .orderForm>div:nth-child(5) label>div>span:nth-child(4) {
    transform: translateX(12px)
}

.createServerContainer .form .orderForm>div:last-child {
    margin-bottom: 0
}

.createServerContainer .form .newDisk {
    border: 0;
    margin-top: 40px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #2c8ad8;
    background: transparent;
    outline: 0;
    cursor: pointer
}

@media (max-width: 1024px) {
    .createServerContainer .form .newDisk {
        margin-left:20px
    }
}

@media (max-width: 768px) {
    .createServerContainer .form .newDisk {
        margin:25px auto 30px;
        text-align: center
    }
}

.createServerContainer .form .order {
    min-width: 370px
}

@media (max-width: 1024px) {
    .createServerContainer .form .order {
        margin:0 auto;
        padding-top: 30px;
        padding-left: 0
    }
}

@media (max-width: 768px) {
    .createServerContainer .form .order {
        margin:0
    }
}

.createServerContainer .form .order h3 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    color: #142149;
    margin-bottom: 21px
}

.createServerContainer .form .order .orderInfo {
    max-width: 320px
}

.createServerContainer .form .order .orderInfo sup {
    color: red
}

@media (max-width: 1024px) {
    .createServerContainer .form .order .orderInfo {
        max-width:unset
    }
}

.createServerContainer .form .order .orderItem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 12px
}

.createServerContainer .form .order .orderItem span:first-child {
    min-width: 45px;
    margin-right: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #979eae
}

.createServerContainer .form .order .orderItem span:nth-child(2) {
    -ms-flex: 1;
    flex: 1;
    border-bottom: 1px dashed rgba(145,154,173,.4)
}

.createServerContainer .form .order .orderItem span:nth-child(3) {
    min-width: 130px;
    margin-left: 12px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #142149
}

.createServerContainer .form .order .price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 22px
}

@media (max-width: 768px) {
    .createServerContainer .form .order .price {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.createServerContainer .form .order .price .totalPrice {
    margin-left: 15px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #2c8ad8
}

@media (max-width: 590px) {
    .createServerContainer .form .order .price .totalPrice {
        font-size:18px
    }
}

.createServerContainer .form .order .sale {
    margin-top: 18px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #ee727a
}

@media (max-width: 768px) {
    .createServerContainer .form .order .sale {
        margin-bottom:18px
    }
}

.createServerContainer .form .order .orderInfoButtons {
    margin-top: 30px
}

@media (max-width: 768px) {
    .createServerContainer .form .order .orderInfoButtons {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
}

.createServerContainer .form .order .orderInfoButtons button {
    cursor: pointer;
    margin-right: 18px
}

.createServerContainer .form .order .orderInfoButtons button:first-child {
    padding-left: 57px;
    padding-right: 57px
}

@media (max-width: 768px) {
    .createServerContainer .form .order .orderInfoButtons button:first-child {
        margin-bottom:15px
    }
}

.createServerContainer .form .order .orderInfoButtons button:last-child {
    padding-left: 32px;
    padding-right: 32px
}

.createServerContainer .form .order .orderInfoButtons button:focus {
    outline: 0
}

.radioButton {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.radioButton.monthlyPay .thumb {
    transform: translateX(22px)
}

.radioButton.monthlyPay .text:first-child {
    color: #979eae;
    font-weight: 500
}

.radioButton.monthlyPay .text:last-child {
    color: #2c8ad8;
    font-weight: 700
}

.radioButton .radio {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    width: 51px;
    height: 24px;
    border: 1px solid #2c8ad8;
    padding: 4px 7px;
    border-radius: 16px;
    cursor: pointer
}

.radioButton .radio .thumb {
    display: block;
    width: 14px;
    height: 14px;
    transition: .3s;
    border-radius: 50%;
    background: #2c8ad8
}

.radioButton .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    transition: .3s;
    color: #979eae
}

.radioButton .text:first-child {
    color: #2c8ad8;
    font-weight: 700;
    margin-right: 22px
}

.radioButton .text:last-child {
    margin-left: 22px
}

.radioButton.create-server-block__button .text {
    font-weight: 500!important
}

@media (max-width: 768px) {
    .radioButton.create-server-block__button .text {
        font-size:14px
    }
}

.inputRange {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (max-width: 768px) {
    .inputRange {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
        -ms-grid-rows: 17px 45px;
        grid-template-rows: 17px 45px;
        grid-row-gap: 14px;
        grid-template-areas: "name count" "range range"
    }
}

.inputRange .count,.inputRange .count input,.inputRange .label {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #142149
}

.inputRange .label {
    grid-area: name;
    -ms-flex: 0 0 105px;
    flex: 0 0 105px;
    height: 32px;
    font-weight: 700
}

.inputRange .count {
    display: -ms-flexbox;
    display: flex;
    grid-area: count;
    min-width: 69px;
    height: 32px;
    border: 1px solid rgba(44,138,216,.3);
    transform: translateY(-10px);
    transition: .3s;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    position: relative;
    top: 7px
}

@media (max-width: 768px) {
    .inputRange .count {
        margin-left:auto;
        text-align: right
    }
}

.inputRange .count:hover {
    border: 1px solid #2c8ad8
}

.inputRange .count input {
    border: 0;
    padding-left: 8px
}

.inputRange .count input:focus {
    outline: none;
    box-shadow: none
}

.inputRange .count .units {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    font-size: 10px!important;
    text-transform: uppercase;
    color: #979eae;
    font-weight: 500
}

.inputRange .count .cost-per-unit {
    bottom: -18px;
    position: absolute;
    font-size: 11px;
    font-weight: 400;
    color: rgba(44,138,216,.8)
}

.inputRange .input {
    -ms-flex: 1;
    flex: 1;
    grid-area: range;
    position: relative;
    margin: 0 35px
}

@media (max-width: 768px) {
    .inputRange .input {
        margin:0;
        margin-top: 10px
    }
}

.inputRange .input:before {
    content: "";
    position: absolute;
    top: 9px;
    width: 100%;
    height: 1px;
    background: #d8e3f9
}

.inputRange .input input {
    width: 100%;
    height: 50px;
    padding: 0 12px;
    transform: translateY(-4px);
    margin-top: -13px;
    -webkit-appearance: unset;
    background: transparent;
    -ms-touch-action: none;
    touch-action: none
}

.inputRange .input input:focus {
    outline: 0
}

.inputRange .input input::-webkit-slider-thumb {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    transition: .3s;
    -webkit-appearance: none;
    border-radius: 50%;
    cursor: grab;
    background: #2c8ad8;
    box-shadow: 0 4px 10px rgba(70,125,251,.4)
}

.inputRange .input input::-webkit-slider-thumb:hover {
    background: #ee727a
}

.inputRange .input input::-moz-range-thumb {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    transform: translateY(4px);
    transition: .3s;
    -webkit-appearance: none;
    border-radius: 50%;
    cursor: grab;
    background: #2c8ad8;
    box-shadow: 0 4px 10px rgba(70,125,251,.4)
}

.inputRange .input input::-moz-range-thumb:hover {
    background: #ee727a
}

.inputRange .input input::-ms-thumb {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 3px solid #fff;
    transform: translateY(1px);
    transition: .3s;
    -webkit-appearance: none;
    border-radius: 50%;
    cursor: grab;
    background: #2c8ad8;
    box-shadow: 0 4px 10px rgba(70,125,251,.4)
}

.inputRange .input input::-ms-thumb:hover {
    background: #ee727a
}

.inputRange .input input::-ms-track {
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent
}

.inputRange .input input::-ms-fill-lower,.inputRange .input input::-ms-tooltip {
    display: none
}

.inputRange .datalist {
    margin-top: -11px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    transform: translateY(10px)
}

.inputRange .datalist .datalistItem {
    transform: translateX(50%);
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    color: #979eae;
    cursor: pointer
}

.inputRange .datalist .datalistItem:first-child {
    transform: translateX(0)
}

.tariffs {
    position: relative;
    padding: 120px 0;
    margin-top: -80px;
    background: #2c8ad8;
    width: 100%
}

.tariffs.partnersPage {
    margin-top: 0;
    background: #f3f6f9;
    margin-bottom: 70px
}

.tariffs.partnersPage h2 {
    color: #142149
}

@media (max-width: 1024px) {
    .tariffs {
        margin-top:0
    }
}

@media (max-width: 768px) {
    .tariffs {
        padding-top:40px;
        padding-bottom: 100px
    }
}

.tariffs:after,.tariffs:before {
    content: "";
    position: absolute;
    background: url(/2021/img/tariffs/stack.svg) no-repeat;
    background-size: contain
}

@media (max-width: 480px) {
    .tariffs:after,.tariffs:before {
        display:none
    }
}

.tariffs:before {
    top: 300px;
    left: 0;
    width: 160px;
    height: 160px;
    transform: translateX(-50%)
}

.tariffs:after {
    top: 100px;
    right: 0;
    width: 200px;
    height: 220px;
    transform: translateX(50%)
}

.tariffs h2 {
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    text-align: left;
    color: #fff;
    margin-bottom: 80px
}

@media (max-width: 768px) {
    .tariffs h2 {
        text-align:center;
        font-size: 24px;
        line-height: 22px
    }
}

.column5>.tariffsItem {
    width: calc(100% / 5 - 10px);
    background-size: calc(100% - 10px)
}

.column5>.tariffsItem>.content>.contentDesc {
    font-size: 12px
}

@media (max-width: 1024px) {
    .column5>.tariffsItem {
        width:calc(100% / 2 - 20px);
        background-size: 70%;
        margin-bottom: 60px
    }

    .column5>.tariffsItem:nth-child(5) {
        margin-bottom: 0
    }
}

@media (max-width: 590px) {
    .column5>.tariffsItem {
        width:100%
    }
}

.column4>.tariffsItem {
    width: calc(100% / 4 - 20px);
    background-size: calc(100% - 60px)
}

@media (max-width: 1024px) {
    .column4>.tariffsItem {
        width:calc(100% / 2 - 20px);
        background-size: 70%;
        margin-bottom: 60px
    }

    .column4>.tariffsItem:nth-child(5) {
        margin-bottom: 0
    }
}

@media (max-width: 590px) {
    .column4>.tariffsItem {
        width:100%
    }
}

.column3>.tariffsItem {
    width: calc(100% / 3 - 10px);
    background-size: calc(100% - 120px)
}

@media (max-width: 1024px) {
    .column3>.tariffsItem {
        background-size:calc(100% - 10px)
    }
}

@media (max-width: 590px) {
    .column3>.tariffsItem {
        width:100%;
        background-size: calc(100% - 50px);
        margin-bottom: 30px;
        padding-bottom: 40px
    }
}

.column3>.tariffsItem:before {
    opacity: 0
}

.column3>.tariffsItem:nth-child(2) .image {
    height: 120px
}

.column3>.tariffsItem:nth-child(3) .image {
    right: -20px;
    width: 195px
}

.column3>.tariffsItem .contentTitle {
    margin-top: 15px
}

.column3>.tariffsItem .contentDesc {
    margin-top: 12px!important;
    margin-bottom: 0!important
}

.tariffsItems {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .tariffsItems {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 768px) {
    .tariffsItems {
        padding:0 35px
    }
}

.tariffsItem {
    position: relative;
    box-shadow: 0 -2px 15px rgba(0,0,0,.1);
    padding: 140px 24px 36px;
    background: #fff url(/2021/img/tariffs/figure.svg) no-repeat top -1px right -1px;
    text-decoration: none;
    cursor: pointer
}

@media (max-width: 768px) {
    .tariffsItem {
        padding:125px 24px 24px
    }
}

.tariffsItem:hover:before {
    opacity: 0
}

.tariffsItem:hover .content .contentPrice {
    color: #ee727a
}

.tariffsItem:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
    opacity: .7;
    background-color: #fff
}

.tariffsItem .content,.tariffsItem>.image {
    z-index: 1
}

.tariffsItem>.image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    position: absolute;
    top: -60px;
    right: 16px;
    width: 137px;
    height: 150px
}

.tariffsItem .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 100%
}

.tariffsItem .content .contentTitle {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #142149
}

@media (max-width: 768px) {
    .tariffsItem .content .contentTitle {
        font-size:16px;
        line-height: 20px
    }
}

.tariffsItem .content .contentDesc {
    margin: 21px 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -.02em;
    color: #57637e
}

@media (max-width: 768px) {
    .tariffsItem .content .contentDesc {
        font-size:12px;
        line-height: 18px
    }
}

.tariffsItem .content .contentPrice {
    transition: .3s;
    margin-top: auto;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #2c8ad8
}

@media (max-width: 768px) {
    .tariffsItem .content .contentPrice {
        font-size:16px;
        line-height: 24px
    }
}

.tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .tabs {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.tabs .tabsLeft {
    width: 100%;
    max-width: 375px
}

@media (max-width: 1024px) {
    .tabs .tabsLeft {
        max-width:unset
    }
}

.tabs .tabsLeft h2 {
    font-size: 34px;
    line-height: 41px;
    color: #142149;
    margin-bottom: 55px
}

@media (max-width: 768px) {
    .tabs .tabsLeft h2 {
        margin-bottom:28px;
        font-size: 18px;
        line-height: 22px
    }
}

.tabs .tabsRight {
    position: absolute;
    right: 0;
    width: 60%;
    transform: translateY(40px);
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    background: #fff
}

@media (max-width: 1024px) {
    .tabs .tabsRight {
        position:relative;
        width: 100%;
        height: 440px
    }
}

@media (max-width: 768px) {
    .tabs .tabsRight {
        height:400px;
        overflow: hidden
    }
}

@media (max-width: 590px) {
    .tabs .tabsRight {
        height:220px
    }
}

.tabs .tabsRight img {
    display: none;
    max-width: 100%
}

.tabs .tabsRight img.show {
    display: block
}

.tabs .tabsControls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 1024px) {
    .tabs .tabsControls {
        max-width:360px
    }
}

.tabs .tabsControls .tabsItem {
    margin-bottom: 12px;
    padding: 25px;
    border-radius: 10px;
    background: transparent;
    transition: .3s;
    cursor: pointer
}

.tabs .tabsControls .tabsItem.active {
    background-color: #2c8ad8;
    color: #fff
}

.tabs .tabsControls .tabsItem.active.hideDesc .tabsItemDesc {
    display: block
}

.tabs .tabsControls .tabsItem.active .tabsItemDesc,.tabs .tabsControls .tabsItem.active .tabsItemTitle {
    color: #fff
}

.tabs .tabsControls .tabsItem.hideDesc .tabsItemDesc {
    display: none
}

.tabs .tabsControls .tabsItem .tabsItemTitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 4px;
    display: -ms-flexbox;
    display: flex;
    color: #3d3d3d
}

.tabs .tabsControls .tabsItem .tabsItemTitle span {
    margin-right: 5px
}

@media (max-width: 768px) {
    .tabs .tabsControls .tabsItem .tabsItemTitle {
        font-size:14px;
        line-height: 17px
    }
}

.tabs .tabsControls .tabsItem .tabsItemDesc {
    font-size: 14px;
    line-height: 140%;
    color: #828282
}

@media (max-width: 768px) {
    .tabs .tabsControls .tabsItem .tabsItemDesc {
        font-size:12px;
        line-height: 140%
    }
}

.tabsContainer {
    position: relative;
    margin-top: -85px;
    background-color: #fff;
    width: 100%
}

.tabsContainer:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    background-color: #f3f6f9;
    width: 120%;
    height: calc(100% + 200px);
    transform: rotate(-2.11deg) translateX(-50%) translateY(0)
}

@media (max-width: 1024px) {
    .tabsContainer:before {
        bottom:20px;
        height: 115%
    }
}

.chooseUsContainer {
    margin-top: 180px;
    width: 100%
}

@media (max-width: 1024px) {
    .chooseUsContainer {
        margin-top:90px
    }
}

.chooseUsContainer.partnersPage {
    margin-top: 180px
}

.chooseUsContainer.partnersPage h2 {
    min-width: 320px
}

@media (max-width: 1024px) {
    .chooseUsContainer.partnersPage {
        margin-top:90px
    }
}

.chooseUs {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media (max-width: 1024px) {
    .chooseUs {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.chooseUs h2 {
    font-size: 34px;
    line-height: 41px;
    color: #2c8ad8;
    margin-right: 80px
}

@media (max-width: 1024px) {
    .chooseUs h2 {
        text-align:center;
        margin-bottom: 40px
    }
}

@media (max-width: 768px) {
    .chooseUs h2 {
        font-size:18px;
        line-height: 22px;
        margin-bottom: 50px;
        margin-right: 0
    }
}

.chooseUs .featuresList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.chooseUs .featuresList.columns2>div {
    width: calc(100% / 2 - 30px)
}

@media (max-width: 590px) {
    .chooseUs .featuresList.columns2>div {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }

    .chooseUs .featuresList.columns2>div>img {
        margin-right: 15px
    }
}

.chooseUs .featuresList.columns3>div {
    width: calc(100% / 3 - 50px)
}

@media (max-width: 768px) {
    .chooseUs .featuresList.columns3>div {
        width:calc(100% / 2 - 20px)
    }
}

@media (max-width: 590px) {
    .chooseUs .featuresList.columns3>div {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }

    .chooseUs .featuresList.columns3>div>img {
        margin-right: 15px
    }
}

.chooseUs .featuresItem {
    margin-bottom: 50px
}

.chooseUs .featuresItem img {
    margin-bottom: 14px;
    width: 77px;
    height: 77px
}

@media (max-width: 768px) {
    .chooseUs .featuresItem {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }

    .chooseUs .featuresItem>img {
        margin-right: 15px
    }
}

.chooseUs .featuresItem .featuresItemTitle {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #142149
}

@media (max-width: 768px) {
    .chooseUs .featuresItem .featuresItemTitle {
        margin-top:0;
        font-size: 12px;
        line-height: 140%
    }
}

.chooseUs .featuresItem .featuresItemDesc {
    margin-top: 10px;
    font-size: 14px;
    line-height: 140%;
    color: #57637e
}

@media (max-width: 768px) {
    .chooseUs .featuresItem .featuresItemDesc {
        font-size:12px;
        line-height: 140%
    }
}

.chooseUsContainerAboutPage {
    margin-top: 130px
}

@media (max-width: 1024px) {
    .chooseUsContainerAboutPage {
        margin-top:90px
    }
}

@media (max-width: 768px) {
    .chooseUsContainerAboutPage {
        padding-top:70px;
        margin-top: -50px;
        background-color: #fff;
        position: relative;
        z-index: 2
    }

    .chooseUsContainerAboutPage:before {
        content: "";
        position: absolute;
        top: -40px;
        width: 110vw;
        height: 100%;
        transform: rotate(-4deg);
        background-color: #fff
    }

    .chooseUsContainerAboutPage .chooseUsContainer {
        margin-top: 0
    }
}

@media (max-width: 480px) {
    .chooseUsContainerAboutPage:before {
        top:-30px;
        width: 115vw
    }
}

.dataCentersContainer {
    padding-top: 110px;
    background-color: #f3f6f9;
    width: 100%
}

@media (max-width: 1024px) {
    .dataCentersContainer {
        padding-top:40px
    }
}

.dataCenters {
    background: url(/2021/img/dataCentres/bg.svg) no-repeat 106% 100%;
    background-size: contain;
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .dataCenters {
        background:none
    }
}

.dataCenters h2 {
    font-size: 34px;
    line-height: 41px;
    color: #142149;
    margin-bottom: 24px
}

@media (max-width: 768px) {
    .dataCenters h2 {
        font-size:18px;
        line-height: 22px;
        text-align: center;
        color: #3d3d3d
    }
}

.dataCenters .titleDesc {
    font-size: 16px;
    line-height: 140%;
    color: #9299a9;
    max-width: 430px
}

@media (max-width: 768px) {
    .dataCenters .titleDesc {
        text-align:center;
        max-width: none
    }
}

@media (max-width: 590px) {
    .dataCenters .titleDesc {
        font-size:14px
    }
}

.dataCenters .dataCentersList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 575px;
    margin-top: 85px
}

@media (max-width: 1024px) {
    .dataCenters .dataCentersList {
        margin-top:45px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 768px) {
    .dataCenters .dataCentersList {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        max-width: unset;
        padding: 0 40px
    }
}

.dataCenters .dataCentersItem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: calc(100% / 2 - 10px);
    padding: 142px 24px 35px;
    background: #fff;
    box-shadow: 0 -2px 15px rgba(0,0,0,.1)
}

@media (max-width: 590px) {
    .dataCenters .dataCentersItem {
        width:100%
    }

    .dataCenters .dataCentersItem:first-child {
        margin-bottom: 30px
    }
}

.dataCenters .dataCentersItem img {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    z-index: 0
}

.dataCenters .dataCentersItem .dataCentersItemDesc,.dataCenters .dataCentersItem .dataCentersItemTitle {
    line-height: 28px;
    text-align: right
}

.dataCenters .dataCentersItem .dataCentersItemTitle {
    position: relative;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #142149;
    z-index: 1
}

.dataCenters .dataCentersItem .dataCentersItemTitle .soon {
    position: absolute;
    color: #ee727a;
    top: -5px;
    right: 0;
    font-weight: 600;
    font-size: 12px
}

.dataCenters .dataCentersItem .dataCentersItemDesc {
    font-size: 16px;
    font-weight: 500;
    color: #142149
}

.dataCenters .dataCentersItem .dataCentersItemDescLinks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.dataCenters .dataCentersItem .dataCentersItemDescLinks a {
    font-weight: 600;
    font-size: 14px;
    line-height: 28px;
    text-decoration: none;
    color: #2c8ad8
}

.feedbackContainer {
    margin-top: -20px;
    width: 100%
}

.feedback {
    padding-top: 175px;
    padding-bottom: 115px;
    background-color: #2c8ad8;
    position: relative
}

@media (max-width: 768px) {
    .feedback {
        padding-top:90px;
        padding-bottom: 80px
    }
}

.feedback>img {
    position: absolute
}

.feedback .decorateCloud {
    top: 75px;
    left: 15%
}

@media (max-width: 768px) {
    .feedback .decorateCloud {
        top:38px;
        left: 0;
        width: 68px;
        transform: translateX(-40%)
    }
}

.feedback .decorateStack {
    bottom: 0;
    left: 2%
}

@media (max-width: 768px) {
    .feedback .decorateStack {
        left:0;
        width: 100px;
        transform: translateX(-40%)
    }
}

.feedback .decorateCards {
    right: 0;
    bottom: 0
}

@media (max-width: 768px) {
    .feedback .decorateCards {
        width:225px;
        transform: translateX(40%)
    }
}

.feedback h2 {
    font-size: 34px;
    line-height: 41px;
    text-align: center;
    color: #fff;
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .feedback h2 {
        margin-bottom:16px;
        font-size: 28px;
        line-height: 24px
    }
}

.feedback form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.feedback form button {
    padding: 15px 33px;
    margin-left: -55px
}

.feedback form>div {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .feedback form>div {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }

    .feedback form>div label {
        width: 100%;
        min-width: unset
    }

    .feedback form>div button {
        margin-left: 0;
        margin-top: 24px
    }
}

.feedback form .feedbackDesc {
    font-size: 16px;
    line-height: 140%;
    color: #fff
}

.feedback form .feedbackDesc:first-of-type {
    display: none
}

@media (max-width: 768px) {
    .feedback form .feedbackDesc {
        font-size:12px;
        line-height: 140%;
        text-align: center;
        color: #fff;
        margin-bottom: 30px
    }

    .feedback form .feedbackDesc:first-of-type {
        display: block
    }

    .feedback form .feedbackDesc:last-of-type {
        display: none
    }
}

.feedbackInput {
    background: hsla(0,0%,100%,.3);
    border-radius: 100px;
    min-width: 340px;
    padding: 15px 75px 15px 24px
}

.feedbackInput input {
    width: 100%;
    border: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    background-color: transparent;
    outline: 0
}

.feedbackInput input:-ms-input-placeholder {
    color: #fff
}

.feedbackInput input::placeholder {
    color: #fff
}

.headerContainerStandard {
    position: relative;
    z-index: 0;
    padding: 55px 0 180px;
    background: #f3f6f9;
    width: 100%
}

@media (max-width: 1024px) {
    .headerContainerStandard {
        padding:55px 0 0
    }

    .headerContainerStandard:after {
        display: none
    }
}

@media (max-width: 768px) {
    .headerContainerStandard {
        padding:25px 0 0
    }

    .headerContainerStandard.for-gpu {
        padding: 65px 0 0
    }
}

@media (max-width: 590px) {
    .headerContainerStandard.for-gpu {
        padding:90px 0 0
    }
}

.headerContainerStandard:after {
    content: "";
    position: absolute;
    bottom: 30px;
    width: 160px;
    height: 160px;
    background: url(/2021/img/standardPage/stack-left.svg) no-repeat 0 0
}

.headerContainerStandard:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 105%;
    height: 110%;
    transform: translateX(-50%) rotate(-2deg);
    background-color: #147cc7
}

@media (max-width: 768px) {
    .headerContainerStandard:before {
        background-color:#238ad5
    }
}

.headerContainerStandard.colocation:before {
    bottom: -30px;
    height: 120%
}

.headerContainerStandard .headerContent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    max-width: 1020px;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .headerContainerStandard .headerContent {
        max-width:768px
    }
}

@media (max-width: 768px) {
    .headerContainerStandard .headerContent .Acontainer {
        padding:0 60px
    }
}

@media (max-width: 590px) {
    .headerContainerStandard .headerContent {
        max-width:375px;
        margin: 0 auto
    }

    .headerContainerStandard .headerContent .Acontainer {
        padding: 0 10px
    }
}

.headerContainerStandard .headerContent .title {
    max-width: 600px;
    margin-top: 9px;
    font-size: 32px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 27px
}

@media (max-width: 768px) {
    .headerContainerStandard .headerContent .title {
        font-size:12px
    }
}

@media (max-width: 590px) {
    .headerContainerStandard .headerContent .title {
        max-width:260px
    }
}

.headerContainerStandard .headerContent .contentImg {
    position: absolute;
    right: 30px;
    bottom: -40px;
    width: 200px
}

@media (max-width: 1024px) {
    .headerContainerStandard .headerContent .contentImg {
        right:-10px;
        bottom: 20px;
        width: 140px
    }

    .headerContainerStandard .headerContent .contentImg.colocation {
        bottom: 60px
    }
}

@media (max-width: 768px) {
    .headerContainerStandard .headerContent .contentImg {
        right:30px;
        bottom: 60px;
        width: 140px
    }
}

@media (max-width: 590px) {
    .headerContainerStandard .headerContent .contentImg {
        right:0;
        bottom: 130px;
        width: 100px
    }

    .headerContainerStandard .headerContent .contentImg.colocation {
        bottom: 130px
    }
}

.headerContainerStandard .headerContent .snippets {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    margin-right: 170px
}

@media (max-width: 1024px) {
    .headerContainerStandard .headerContent .snippets {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

@media (max-width: 768px) {
    .headerContainerStandard .headerContent .snippets {
        max-width:245px
    }
}

.headerContainerStandard .headerContent .snippets>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #fff;
    margin-right: 26px;
    min-width: 230px
}

@media (max-width: 1024px) {
    .headerContainerStandard .headerContent .snippets>div {
        margin-bottom:24px
    }
}

@media (max-width: 768px) {
    .headerContainerStandard .headerContent .snippets>div {
        font-size:12px;
        min-width: 360px
    }
}

.headerContainerStandard .headerContent .snippets>div img {
    margin-right: 15px
}

.headerAboutPage {
    position: relative;
    z-index: 0;
    padding: 85px 0 150px;
    background: #f3f6f9;
    width: 100%
}

@media (max-width: 768px) {
    .headerAboutPage {
        padding:65px 0 70px
    }
}

@media (max-width: 767px) {
    .headerAboutPage {
        padding:45px 0 70px
    }
}

.headerAboutPage:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 105%;
    height: 110%;
    transform: translateX(-50%) rotate(-2deg);
    background-color: #147cc7
}

@media (max-width: 768px) {
    .headerAboutPage:before {
        background-color:#238ad5
    }
}

.headerAboutPage .headerContent {
    position: relative;
    padding-left: 77px
}

.headerAboutPage .headerContent.ssl {
    padding-left: 30px
}

.headerAboutPage .headerContent.ssl .price .radio {
    border-color: #fff
}

.headerAboutPage .headerContent.ssl .price .radio .thumb {
    background-color: #fff
}

.headerAboutPage .headerContent.ssl .price span.text {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    opacity: .4
}

.headerAboutPage .headerContent.ssl .price span.text.active {
    opacity: 1
}

@media (max-width: 768px) {
    .headerAboutPage .headerContent.ssl {
        padding-left:50px
    }
}

@media (max-width: 590px) {
    .headerAboutPage .headerContent.ssl {
        padding-left:10px
    }
}

@media (max-width: 768px) {
    .headerAboutPage .headerContent {
        padding-left:40px
    }
}

@media (max-width: 590px) {
    .headerAboutPage .headerContent {
        padding-left:10px
    }
}

.headerAboutPage .headerContent .preTitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
    opacity: .6
}

@media (max-width: 768px) {
    .headerAboutPage .headerContent .preTitle {
        font-size:12px
    }
}

.headerAboutPage .headerContent .title {
    max-width: 600px;
    margin-top: 9px;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 14px
}

@media (max-width: 768px) {
    .headerAboutPage .headerContent .title {
        font-size:18px
    }
}

.headerAboutPage .headerContent .links-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 9px;
    margin-bottom: 14px
}

.headerAboutPage .headerContent .links-wrapper a,.headerAboutPage .headerContent .links-wrapper h1,.headerAboutPage .headerContent .links-wrapper span {
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: #fff
}

.headerAboutPage .headerContent .links-wrapper a.rt,.headerAboutPage .headerContent .links-wrapper h1.rt,.headerAboutPage .headerContent .links-wrapper span.rt {
    margin-left: 30px
}

@media (max-width: 768px) {
    .headerAboutPage .headerContent .links-wrapper a.rt,.headerAboutPage .headerContent .links-wrapper h1.rt,.headerAboutPage .headerContent .links-wrapper span.rt {
        margin-left:0
    }
}

@media (max-width: 768px) {
    .headerAboutPage .headerContent .links-wrapper a,.headerAboutPage .headerContent .links-wrapper h1,.headerAboutPage .headerContent .links-wrapper span {
        font-size:18px
    }
}

.headerAboutPage .headerContent .links-wrapper a {
    opacity: .4;
    transition: .2s
}

.headerAboutPage .headerContent .links-wrapper a:hover {
    opacity: 1
}

@media (max-width: 768px) {
    .headerAboutPage .headerContent .links-wrapper {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.headerAboutPage .headerContent .desc {
    max-width: 405px;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
    margin-bottom: 38px
}

.headerAboutPage .headerContent .desc.ssl {
    max-width: 660px
}

@media (max-width: 767px) {
    .headerAboutPage .headerContent .desc {
        font-size:12px
    }
}

.headerAboutPage .headerContent img {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(10%);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 1024px) {
    .headerAboutPage .headerContent img {
        top:unset;
        bottom: -130px;
        width: 360px
    }
}

@media (max-width: 768px) {
    .headerAboutPage .headerContent img {
        display:none
    }
}

.headerAboutPage .headerContent button {
    padding-right: 36px;
    padding-left: 36px
}

.headerAboutPage img.ssl-top-bg {
    position: absolute;
    top: 20px;
    right: 0;
    z-index: 0
}

@media (max-width: 768px) {
    .headerAboutPage img.ssl-top-bg {
        display:none
    }
}

.clientForm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 33px
}

@media (max-width: 768px) {
    .clientForm {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .clientForm p {
        margin-bottom: 12px
    }
}

.clientForm p {
    margin-right: 18px;
    font-size: 16px;
    line-height: 20px;
    color: #142149
}

.clientForm>button {
    margin-top: 0!important;
    padding-left: 40px!important;
    padding-right: 40px!important
}

.headerContainerPartners {
    position: relative;
    z-index: 1;
    padding: 85px 0 177px;
    background: #f3f6f9;
    width: 100%
}

@media (max-width: 768px) {
    .headerContainerPartners {
        padding:55px 0 177px
    }
}

.headerContainerPartners:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 105%;
    height: 110%;
    transform: translateX(-50%) rotate(-2deg);
    background-color: #147cc7
}

@media only screen and (max-width: 767px) {
    .headerContainerPartners:before {
        background:#238ad5
    }
}

.headerContainerPartners .headerContent {
    position: relative;
    padding-left: 77px
}

@media (max-width: 768px) {
    .headerContainerPartners .headerContent {
        padding-left:40px
    }
}

@media (max-width: 590px) {
    .headerContainerPartners .headerContent {
        padding-left:10px
    }
}

.headerContainerPartners .headerContent .preTitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
    opacity: .6
}

@media (max-width: 590px) {
    .headerContainerPartners .headerContent .preTitle {
        font-size:12px
    }
}

.headerContainerPartners .headerContent .title {
    margin-top: 9px;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: #fff;
    margin-bottom: 14px
}

@media (max-width: 590px) {
    .headerContainerPartners .headerContent .title {
        font-size:18px
    }
}

.headerContainerPartners .headerContent .desc {
    max-width: 400px;
    font-size: 16px;
    line-height: 130%;
    color: #fff;
    margin-bottom: 38px
}

@media (max-width: 590px) {
    .headerContainerPartners .headerContent .desc {
        font-size:12px
    }
}

.headerContainerPartners .headerContent img {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 1024px) {
    .headerContainerPartners .headerContent img {
        top:unset;
        bottom: -130px;
        width: 360px
    }
}

@media (max-width: 768px) {
    .headerContainerPartners .headerContent img {
        display:none
    }
}

.headerContainerPartners .headerContent button {
    padding-right: 36px;
    padding-left: 36px
}

.ssl-plans {
    position: relative;
    margin-top: -100px;
    padding-bottom: 115px;
    width: 100%
}

@media (max-width: 1190px) {
    .ssl-plans {
        margin-top:-120px
    }

    .ssl-plans.colocation {
        margin-top: -60px
    }
}

@media (max-width: 768px) {
    .ssl-plans {
        margin-top:-50px
    }
}

.ssl-plans .ssl-plans-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1217px;
    margin: 0 auto;
    padding: 0 30px
}

.ssl-plans .ssl-plans-wrapper.colocation,.ssl-plans .ssl-plans-wrapper.domains-wrapper {
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1190px) {
    .ssl-plans .ssl-plans-wrapper {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly
    }
}

.ssl-plans .ssl-plans__item {
    display: block;
    padding: 42px 22px 28px;
    width: 370px;
    height: 326px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 -2px 20px rgba(0,0,0,.06);
    font-family: "Inter";
    font-style: normal
}

@media (max-width: 1190px) {
    .ssl-plans .ssl-plans__item {
        margin-top:20px
    }
}

@media (max-width: 768px) {
    .ssl-plans .ssl-plans__item {
        padding:32px 15px 18px;
        width: 330px
    }
}

@media (max-width: 767px) {
    .ssl-plans .ssl-plans__item {
        padding-top:20px;
        width: 300px
    }
}

.ssl-plans .ssl-plans__item .ssl-title {
    font-family: "Avenir Next Cyr",Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #142149
}

@media (max-width: 767px) {
    .ssl-plans .ssl-plans__item .ssl-title {
        font-size:16px
    }
}

.ssl-plans .ssl-plans__item .ssl-description {
    margin: 16px 0;
    height: 80px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #57637e
}

@media (max-width: 767px) {
    .ssl-plans .ssl-plans__item .ssl-description {
        font-size:12px
    }
}

.ssl-plans .ssl-plans__item .ssl-price {
    display: none;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #2c8ad8
}

.ssl-plans .ssl-plans__item .ssl-price.active {
    display: block
}

.ssl-plans .ssl-plans__item .ssl-options {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #ccc;
    margin-bottom: 20px
}

.ssl-plans .ssl-plans__item .ssl-options span {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 15px
}

.ssl-plans .ssl-plans__item .ssl-options span.yes {
    color: #22c14f
}

.ssl-plans .ssl-plans__item .ssl-options img {
    max-width: 14px;
    margin-right: 4px
}

.ssl-plans .ssl-plans__item .Abutton {
    font-family: "Inter";
    font-size: 14px;
    padding: 11px 39px
}

@media (max-width: 767px) {
    .ssl-plans .ssl-plans__item .Abutton {
        font-size:12px;
        padding: 11px 24px
    }
}

.ssl-plans .ssl-plans__item.domains-item {
    height: 212px;
    padding: 34px 30px 36px;
    margin-right: 17px;
    margin-left: 17px
}

.ssl-plans .ssl-plans__item.domains-item .ssl-price {
    margin-top: 10px;
    margin-bottom: 43px
}

@media (max-width: 768px) {
    .ssl-plans .ssl-plans__item.domains-item {
        width:300px
    }
}

.ssl-plans .ssl-plans__item.colocation-item {
    height: 340px;
    padding: 34px 30px 36px;
    margin-right: 17px;
    margin-left: 17px
}

.ssl-plans .ssl-plans__item.colocation-item .ssl-price {
    margin-top: 10px;
    margin-bottom: 43px
}

@media (max-width: 768px) {
    .ssl-plans .ssl-plans__item.colocation-item {
        width:300px
    }
}

.team {
    background-color: #f3f6f9;
    padding-top: 80px;
    padding-bottom: 40px;
    width: 100%
}

@media (min-width: 769px) {
    .team .swiper-container {
        display:none
    }
}

.team .teamContainer h2 {
    margin-bottom: 55px;
    width: 100%;
    font-size: 32px;
    line-height: 120%;
    color: #142149
}

.team .teamContainer .teamDesktop {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 768px) {
    .team .teamContainer .teamDesktop {
        display:none
    }
}

.personItem {
    display: -ms-flexbox;
    display: flex;
    width: calc(100% / 2 - 32px);
    margin-bottom: 35px;
    background-color: #fff
}

@media (max-width: 1030px) {
    .personItem {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        width: calc(100% / 2 - 20px);
        min-height: 240px
    }
}

@media (max-width: 768px) {
    .personItem {
        width:100%;
        margin-bottom: 0;
        min-height: 240px
    }

    .personItem.gk-dc {
        min-height: auto
    }
}

.personItem img {
    object-fit: cover
}

@media (max-width: 1030px) {
    .personItem img {
        object-fit:contain;
        padding-top: 32px;
        padding-left: 0;
        margin: 0 auto
    }
}

@media (max-width: 480px) {
    .personItem img {
        padding:22px
    }
}

.personItem.gk-dc img {
    height: 100%
}

.personItem .personInfo {
    padding: 38px 32px;
    width: 100%
}

@media (max-width: 480px) {
    .personItem .personInfo {
        padding:0 22px 22px
    }
}

.personItem .position {
    font-weight: 500;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2c8ad8;
    margin-bottom: 4px
}

.personItem .name {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: #142149
}

@media (max-width: 480px) {
    .personItem .name {
        margin-bottom:10px
    }
}

.personItem .slogan {
    font-size: 14px;
    line-height: 22px;
    color: #57637e
}

.missions {
    background-color: #f3f6f9;
    padding: 61px 0;
    width: 100%
}

.missions .missionsContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 768px) {
    .missions .missionsContainer {
        -ms-flex-direction:column;
        flex-direction: column;
        max-width: unset
    }
}

.missions .missionsInfo,.missions img {
    width: calc(100% / 2 - 42px)
}

@media (max-width: 1024px) {
    .missions .missionsInfo,.missions img {
        width:calc(100% / 2 - 22px)
    }
}

@media (max-width: 768px) {
    .missions img {
        width:calc(100% + 20px);
        max-width: unset;
        padding: 0 30px
    }
}

@media (max-width: 768px) {
    .missions .missionsInfo {
        margin-bottom:38px;
        width: 100%;
        padding: 0 20px
    }
}

.missions .missionsInfo .preTitle {
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2c8ad8;
    margin-bottom: 10px
}

.missions .missionsInfo h2 {
    font-size: 32px;
    line-height: 120%;
    color: #142149;
    margin: 0
}

@media (max-width: 1024px) {
    .missions .missionsInfo h2 {
        font-size:28px
    }
}

@media (max-width: 768px) {
    .missions .missionsInfo h2 {
        font-size:22px
    }
}

.missions .missionsInfo .desc {
    margin-top: 24px;
    font-size: 14px;
    line-height: 22px;
    color: #57637e
}

.ourPartners {
    padding-top: 80px;
    padding-bottom: 70px;
    background-color: #f3f6f9;
    width: 100%
}

.ourPartners h2 {
    text-align: center;
    font-size: 32px;
    line-height: 120%;
    color: #142149;
    margin-bottom: 45px
}

.ourPartners .ourPartnersList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 768px) {
    .ourPartners .ourPartnersList {
        -ms-flex-pack:distribute;
        justify-content: space-around
    }
}

.ourPartners .ourPartnersList div {
    position: relative;
    width: 150px;
    height: 100px;
    margin-bottom: 30px
}

@media (max-width: 1024px) {
    .ourPartners .ourPartnersList div {
        width:calc(100% / 3 - 40px)
    }
}

@media (max-width: 590px) {
    .ourPartners .ourPartnersList div {
        width:calc(100% / 2 - 50px)
    }
}

.ourPartners .ourPartnersList div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    max-width: 100%
}

.standardServersContainer {
    background-color: #f3f6f9;
    margin-top: -130px;
    width: 100%
}

@media (max-width: 1024px) {
    .standardServersContainer {
        margin-top:-30px
    }
}

@media (max-width: 768px) {
    .standardServersContainer {
        margin-top:-20px
    }
}

.standardServersContainer>div {
    position: relative;
    z-index: 2
}

@media (max-width: 1024px) {
    .standardServersContainer>div {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 960px;
        margin: 0 auto;
        padding: 0
    }

    .standardServersContainer>div>.Acontainer.desktop {
        max-width: 960px
    }
}

@media (max-width: 590px) {
    .standardServersContainer>div {
        max-width:375px;
        margin: 0 auto
    }
}

@media (max-width: 350px) {
    .standardServersContainer>div {
        padding:0
    }
}

.standardServersContainer .mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 60px
}

@media (min-width: 769px) {
    .standardServersContainer .mobile {
        display:none
    }
}

@media (max-width: 590px) {
    .standardServersContainer .mobile {
        margin:0
    }
}

@media (max-width: 1023px) {
    .standardServersContainer .desktop {
        max-width:738px;
        margin: 0 auto;
        padding: 0
    }
}

@media (max-width: 768px) {
    .standardServersContainer .desktop {
        display:none
    }
}

.standardServersTable {
    box-shadow: 0 4px 10px rgba(25,45,77,.03),0 4px 100px rgba(25,45,77,.04);
    max-width: 960px;
    margin: 0 auto
}

.standardServersTable .rowContainer {
    transition: .3s
}

.standardServersTable .rowContainer:hover {
    transform: scale(1.08)
}

.standardServersTable .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 20px 30px;
    transition: .3s;
    background-color: #fff
}

.standardServersTable .row:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 46px);
    height: 1px;
    transform: translateX(-50%);
    background: rgba(23,61,122,.1)
}

.standardServersTable .row.rowHeader,.standardServersTable .row.rowHeader:after {
    border-radius: 8px 8px 0 0
}

.standardServersTable .row.rowContent:last-child {
    border-radius: 0 0 8px 8px
}

.standardServersTable .row.rowContent:last-child:after {
    overflow: hidden;
    border-radius: 0 0 8px 8px
}

.standardServersTable .row.rowContent:last-child:before {
    display: none
}

.standardServersTable .row:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s;
    background-color: #fff
}

.standardServersTable .row:hover:not(:first-child):after {
    z-index: 1;
    width: calc(100% + 30px);
    transform: translateX(-15px);
    box-shadow: 0 4px 10px rgba(25,45,77,.1),0 4px 100px rgba(25,45,77,.04)
}

.standardServersTable .row>* {
    position: relative;
    z-index: 2
}

.standardServersTable .row>div {
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    margin-right: 20px
}

.standardServersTable .row>div:first-child {
    min-width: 91px
}

.standardServersTable .row>div:nth-child(2) {
    min-width: 89px
}

.standardServersTable .row>div:nth-child(3) {
    min-width: 120px
}

.standardServersTable .row>div:nth-child(4) {
    min-width: 68px
}

.standardServersTable .row>div:nth-child(5) {
    min-width: 250px
}

.standardServersTable .row>div:nth-child(6) {
    min-width: 160px
}

@media (max-width: 1024px) {
    .standardServersTable .row>div:nth-child(6) {
        min-width:215px
    }
}

.standardServersTable .row .config {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #142149
}

.standardServersTable .row button {
    padding: 13px 40px
}

.standardServersTable .row .bestSeller {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(-50%)
}

.standardServersTable .row .bestSeller:hover span {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    padding: 6px 12px;
    transform: translateX(-50%) translateY(-100%);
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(25,45,77,.1),0 4px 100px rgba(25,45,77,.04)
}

.standardServersTable .row .bestSeller span {
    display: none;
    position: absolute
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu .row {
        -ms-flex-align:start;
        align-items: flex-start
    }
}

.standardServersTable.for-gpu .row>div {
    margin-right: 10px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu .row>div {
        font-size:12px
    }
}

.standardServersTable.for-gpu .row>div:first-child {
    min-width: 120px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu .row>div:first-child {
        min-width:90px
    }
}

.standardServersTable.for-gpu .row>div:nth-child(2) {
    min-width: 100px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu .row>div:nth-child(2) {
        min-width:90px
    }
}

.standardServersTable.for-gpu .row>div:nth-child(3) {
    min-width: 100px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu .row>div:nth-child(3) {
        min-width:90px
    }
}

.standardServersTable.for-gpu .row>div:nth-child(4) {
    min-width: 120px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu .row>div:nth-child(4) {
        min-width:90px
    }
}

.standardServersTable.for-gpu .row>div:nth-child(5) {
    min-width: 100px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu .row>div:nth-child(5) {
        min-width:90px
    }
}

.standardServersTable.for-gpu .row>div:nth-child(6) {
    min-width: 300px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu .row>div:nth-child(6) {
        min-width:200px
    }
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu-dedic .row {
        -ms-flex-align:start;
        align-items: flex-start
    }
}

.standardServersTable.for-gpu-dedic .row>div {
    margin-right: 10px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu-dedic .row>div {
        font-size:12px
    }
}

.standardServersTable.for-gpu-dedic .row>div:first-child {
    min-width: 100px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu-dedic .row>div:first-child {
        min-width:90px
    }
}

.standardServersTable.for-gpu-dedic .row>div:nth-child(2) {
    min-width: 100px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu-dedic .row>div:nth-child(2) {
        min-width:90px
    }
}

.standardServersTable.for-gpu-dedic .row>div:nth-child(3) {
    min-width: 140px;
    max-width: 140px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu-dedic .row>div:nth-child(3) {
        min-width:100px;
        max-width: 100px
    }
}

.standardServersTable.for-gpu-dedic .row>div:nth-child(4) {
    min-width: 100px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu-dedic .row>div:nth-child(4) {
        min-width:90px
    }
}

.standardServersTable.for-gpu-dedic .row>div:nth-child(5) {
    min-width: 100px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu-dedic .row>div:nth-child(5) {
        min-width:80px
    }
}

.standardServersTable.for-gpu-dedic .row>div:nth-child(6) {
    min-width: 300px
}

@media (max-width: 1024px) {
    .standardServersTable.for-gpu-dedic .row>div:nth-child(6) {
        min-width:200px
    }
}

.prices {
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .prices {
        font-size:12px
    }
}

.prices span {
    margin-right: 15px;
    color: #2c8ad8
}

.standardServersItem {
    background: #fff;
    box-shadow: 0 4px 14px rgba(66,83,123,.1);
    position: relative;
    margin-bottom: 18px;
    width: calc(100% / 2 - 10px);
    overflow: hidden
}

@media (max-width: 590px) {
    .standardServersItem {
        width:100%
    }
}

.standardServersItem .round {
    position: absolute;
    top: 0;
    left: 0;
    width: 143px;
    height: 143px;
    border-radius: 50%;
    background-color: #2c8ad8;
    transform: translateY(-50%) translateX(-50%)
}

.standardServersItem .dayPrice {
    position: absolute;
    top: 12px;
    left: 12px
}

.standardServersItem .dayPrice span {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.standardServersItem .dayPrice p {
    font-weight: 500;
    font-size: 9px;
    line-height: 12px;
    color: #fff
}

.standardServersItem .dayPrice.small span {
    font-size: 14px
}

.standardServersItem .serverInfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 22px 20px 22px 85px
}

.standardServersItem .serverInfo .config {
    line-height: 15px;
    color: #919aad;
    font-weight: 500
}

@media (max-width: 768px) {
    .standardServersItem .serverInfo .config {
        font-size:12px
    }
}

.standardServersItem .serverInfo .config b {
    color: #142149
}

.standardServersItem .serverInfo>div {
    width: calc(100% / 2);
    margin-bottom: 20px
}

.standardServersItem .serverInfo>div:nth-child(3),.standardServersItem .serverInfo>div:nth-child(4) {
    margin-bottom: 0
}

.standardServersItem .orderInfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 16px;
    border-top: 1px solid #ebecee
}

.standardServersItem .orderInfo button {
    padding: 15px 28px;
    margin-left: auto;
    font-weight: 600;
    font-size: 14px;
    line-height: 12px
}

@media (max-width: 768px) {
    .standardServersItem .orderInfo button {
        padding:10px 24px;
        font-weight: 600;
        font-size: 10px
    }
}

.infoTable {
    max-width: 960px;
    margin: 24px auto 0;
    text-align: right;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #919aad
}

.operationSystemsContainer {
    padding-top: 75px;
    padding-bottom: 120px;
    background-color: #f3f6f9;
    width: 100%
}

.operationSystemsContainer.dedic-server {
    padding-top: 10px
}

@media (max-width: 1024px) {
    .operationSystemsContainer,.operationSystemsContainer.dedic-server {
        padding-top:60px
    }
}

.operationSystems {
    max-width: 960px;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .operationSystems {
        max-width:768px
    }
}

@media (max-width: 768px) {
    .operationSystems {
        padding:0 60px
    }
}

@media (max-width: 590px) {
    .operationSystems {
        max-width:375px;
        padding: 0 20px
    }
}

.operationSystems h2 {
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    color: #142149;
    margin-bottom: 18px
}

.operationSystems .titleDesc {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #57637e
}

@media (max-width: 768px) {
    .operationSystems .titleDesc {
        font-size:14px
    }
}

.operationSystems .operationSystemsList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 65px
}

.operationSystemsItem {
    margin-right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: calc(100% / 4);
    margin-bottom: 60px
}

@media (max-width: 1024px) {
    .operationSystemsItem {
        width:calc(100% / 3);
        margin-right: 0;
        margin-bottom: 30px
    }
}

@media (max-width: 768px) {
    .operationSystemsItem {
        width:calc(100% / 2);
        margin-right: 0;
        margin-bottom: 30px
    }
}

@media (max-width: 420px) {
    .operationSystemsItem {
        width:100%;
        margin-right: 0;
        margin-bottom: 30px
    }
}

.operationSystemsItem:last-child {
    margin-right: 0
}

.operationSystemsItem img {
    margin-bottom: auto;
    max-width: 50px;
    height: 50px;
    width: auto
}

@media (max-width: 768px) {
    .operationSystemsItem img {
        width:40px;
        height: 40px;
        object-fit: contain
    }
}

.operationSystemsItem .name {
    margin-top: 18px;
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #142149
}

.operationSystemsItem .versions {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #57637e
}

@media (max-width: 768px) {
    .operationSystemsItem .versions {
        text-align:center
    }
}

.configuration {
    padding-top: 100px;
    position: relative
}

.configuration:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 60px);
    height: 1px;
    transform: translateX(-50%);
    background-color: rgba(23,61,122,.2)
}

.configuration h2 {
    font-size: 28px;
    line-height: 34px;
    text-align: left;
    color: #142149;
    margin-bottom: 60px
}

@media (max-width: 768px) {
    .configuration h2 {
        font-size:25px;
        line-height: 28px
    }
}

.configuration .configurationList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.configurationItem {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    width: calc(100% / 3 - 26px);
    margin-bottom: 60px
}

@media (max-width: 768px) {
    .configurationItem {
        width:100%;
        margin-bottom: 30px
    }
}

.configurationItem img {
    margin-right: 15px
}

@media (max-width: 768px) {
    .configurationItem img {
        margin-bottom:15px
    }
}

.configurationItem p {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #57637e
}

.faq {
    padding: 50px 0
}

.faq h2 {
    font-size: 28px;
    line-height: 34px;
    color: #142149
}

.faq .faqContainer {
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px
}

@media (max-width: 1024px) {
    .faq .faqContainer {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.faq .faqList {
    width: 50%
}

@media (max-width: 1024px) {
    .faq .faqList {
        width:100%
    }
}

.faqItem {
    width: calc(100% - 20px);
    max-height: 70px;
    overflow: hidden;
    transition: .3s;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.faqItem.wide {
    max-height: 95px
}

.faqItem.open {
    max-height: 200px
}

.faqItem.open img {
    transform: rotate(180deg)
}

.faqItem>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.faqItem img {
    transition: .3s;
    margin-right: 24px
}

.faqItem .ask {
    padding: 24px 0;
    font-size: 16px;
    line-height: 140%;
    color: #142149;
    font-weight: 700
}

@media (max-width: 768px) {
    .faqItem .ask {
        font-size:14px;
        line-height: 18px
    }
}

.faqItem .answer {
    max-width: 600px;
    font-size: 16px;
    line-height: 140%;
    color: #57637e;
    margin-bottom: 30px
}

@media (max-width: 768px) {
    .faqItem .answer {
        font-size:14px;
        line-height: 18px
    }
}

.comments {
    padding-top: 120px;
    padding-bottom: 70px;
    position: relative;
    width: 100%
}

.comments:before {
    content: "";
    position: absolute;
    top: -40px;
    left: 50%;
    width: 110vw;
    height: 50vh;
    transform: translateX(-50%) rotate(-2deg);
    background-color: #fff
}

.comments h2 {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
    font-size: 34px;
    line-height: 41px;
    color: #142149
}

@media (max-width: 768px) {
    .comments h2 {
        margin-bottom:30px;
        font-size: 24px;
        line-height: 28px
    }
}

.comments .commentsContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px
}

.comments .commentsContainer:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 60px);
    height: 1px;
    transform: translateX(-50%);
    background-color: rgba(23,61,122,.2)
}

.comments .commentsContainer:last-child:before {
    display: none
}

@media (max-width: 768px) {
    .comments .commentsContainer {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.comments .statInfo {
    min-width: 175px
}

.comments .statInfo img {
    display: block;
    margin-bottom: 35px;
    max-width: 175px
}

.comments .statInfo a {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #ee727a
}

.comments .commentsList {
    width: calc(100% - 300px)
}

@media (max-width: 768px) {
    .comments .commentsList {
        width:100%;
        margin-top: 40px
    }
}

.commentsItem {
    display: grid;
    display: -ms-grid;
    padding: 38px;
    background: #f3f6f9;
    border-radius: 10px;
    margin-bottom: 12px;
    -ms-grid-columns: 40px 22px 1fr;
    grid-template-columns: 40px 22px 1fr;
    -ms-gride-rows: 40px 8px auto;
    -ms-grid-rows: 40px 8px auto;
    grid-template-rows: 40px 8px auto;
    grid-template-areas: "avatar . name" "avatar . message" "avatar . message"
}

.commentsItem:last-child {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .commentsItem {
        display:-ms-grid;
        display: grid;
        padding: 18px;
        -ms-grid-columns: 40px 1fr;
        grid-template-columns: 40px 1fr;
        -ms-grid-rows: 40px auto;
        grid-template-rows: 40px auto;
        grid-template-areas: "avatar name" "message message";
        grid-row-gap: 10px
    }
}

.commentsItem img {
    grid-area: avatar;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -ms-grid-column-span: 2
}

.commentsItem .name {
    grid-area: name;
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #142149
}

@media (max-width: 768px) {
    .commentsItem .name {
        -ms-flex-item-align:center;
        -ms-grid-row-align: center;
        align-self: center;
        margin-left: 20px
    }
}

.commentsItem .message {
    grid-area: message;
    -ms-grid-column: 3;
    -ms-grid-row: 4;
    transform: translateY(-20px);
    margin-top: 8px;
    font-size: 14px;
    line-height: 140%;
    color: #57637e
}

@media (max-width: 768px) {
    .commentsItem .message {
        transform:translateY(0)
    }
}

.banner {
    margin-top: -110px;
    position: relative;
    background-color: #f3f6f9;
    padding-bottom: 135px;
    width: 100%
}

.banner .bannerItem {
    border-radius: 12px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 77px 77px 121px
}

@media (max-width: 1024px) {
    .banner .bannerItem {
        padding:55px 45px
    }
}

@media (max-width: 768px) {
    .banner .bannerItem {
        padding:245px 45px 55px
    }
}

.banner .bannerItem img {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 0;
    bottom: -90px
}

@media (max-width: 1024px) {
    .banner .bannerItem img {
        bottom:-10px;
        width: 270px
    }
}

@media (max-width: 768px) {
    .banner .bannerItem img {
        top:20px;
        right: 45%;
        bottom: unset;
        transform: translateX(50%)
    }
}

.banner .preTitle {
    font-weight: 500;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2c8ad8
}

.banner .title {
    font-weight: 700;
    margin-top: 16px;
    font-size: 28px;
    line-height: 120%;
    color: #142149;
    max-width: 505px
}

@media (max-width: 1024px) {
    .banner .title {
        font-size:22px;
        max-width: 377px
    }
}

@media (max-width: 768px) {
    .banner .title {
        font-size:18px;
        max-width: none
    }
}

.banner .desc {
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
    color: #57637e;
    max-width: 565px
}

@media (max-width: 1024px) {
    .banner .desc {
        font-size:14px;
        max-width: 350px
    }
}

@media (max-width: 768px) {
    .banner .desc {
        max-width:none
    }
}

.banner .desc b {
    color: #2c8ad8
}

.growUp {
    background-color: #f3f6f9;
    padding-bottom: 35px;
    width: 100%
}

.growUp h2 {
    font-size: 28px;
    line-height: 120%;
    color: #142149
}

.growUp .titleDesc,.growUp .titleDescMobile {
    margin-top: 15px;
    font-size: 16px;
    line-height: 22px;
    color: #57637e;
    max-width: 471px
}

.growUp .titleDesc b,.growUp .titleDescMobile b {
    color: #2c8ad8
}

.growUp .titleDesc {
    display: none
}

@media (max-width: 768px) {
    .growUp .titleDesc {
        display:block
    }
}

.growUp .titleDescMobile {
    display: none;
    max-width: 280px;
    text-align: right
}

@media (max-width: 1024px) {
    .growUp .titleDescMobile {
        display:block;
        position: absolute;
        top: 0;
        right: 0
    }
}

@media (max-width: 768px) {
    .growUp .titleDescMobile {
        display:none
    }
}

.growUp .growUpContainer {
    margin-top: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 70px;
    position: relative
}

@media (max-width: 1024px) {
    .growUp .growUpContainer {
        margin-top:50px;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.growUp .notice {
    display: -ms-flexbox;
    display: flex
}

.growUp .notice img {
    margin-right: 21px
}

.growUp .notice p {
    max-width: 835px;
    color: #57637e
}

@media (max-width: 768px) {
    .growUp .notice p {
        font-size:12px
    }
}

.growUpItem {
    width: calc(100% / 6 - 24px);
    background: linear-gradient(180deg,#dbe7f2 39.92%,rgba(219,231,242,0) 120.74%);
    border-radius: 8px
}

@media (max-width: 1024px) {
    .growUpItem {
        width:160px;
        margin-bottom: 24px;
        background: linear-gradient(270deg,#dbe7f2 39.92%,rgba(219,231,242,0) 120.74%)
    }

    .growUpItem .content {
        width: 100%;
        transform: translateY(0)!important
    }

    .growUpItem:nth-child(3) .content {
        transform: translateX(31px)!important
    }

    .growUpItem:nth-child(4) .content {
        transform: translateX(62px)!important
    }

    .growUpItem:nth-child(5) .content {
        transform: translateX(93px)!important
    }

    .growUpItem:nth-child(6) .content {
        transform: translateX(124px)!important
    }

    .growUpItem:nth-child(7) .content {
        transform: translateX(155px)!important
    }
}

.growUpItem:nth-child(3) .content {
    transform: translateY(-21px)
}

.growUpItem:nth-child(4) .content {
    transform: translateY(-42px)
}

.growUpItem:nth-child(5) .content {
    transform: translateY(-63px)
}

.growUpItem:nth-child(6) .content {
    transform: translateY(-84px)
}

.growUpItem:nth-child(7) .content {
    transform: translateY(-105px)
}

.growUpItem .content {
    border-radius: 8px;
    padding: 28px 16px 16px;
    background-color: #fff
}

.growUpItem .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #2c8ad8
}

.growUpItem .itemDesc {
    margin-top: 12px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.02em;
    color: #505975
}

.case {
    background-color: #f3f6f9;
    padding: 100px 0;
    width: 100%
}

.case h2 {
    max-width: 500px;
    font-size: 28px;
    line-height: 120%;
    color: #142149
}

@media (max-width: 768px) {
    .case h2 {
        font-size:22px
    }
}

.case .caseContainer {
    margin-top: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .case .caseContainer {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

.case .caseItem {
    position: relative;
    width: calc(100% / 2 - 108px);
    height: 100%;
    padding: 24px 48px;
    margin-bottom: 60px;
    background-color: #fff;
    border-radius: 6px
}

@media (max-width: 1024px) {
    .case .caseItem {
        width:100%!important;
        transform: translateY(0)!important
    }

    .case .caseItem:after {
        display: none!important
    }

    .case .caseItem:last-child {
        margin-bottom: 0
    }
}

.case .caseItem:nth-child(odd) {
    transform: translateX(30px)
}

.case .caseItem:nth-child(2n) {
    width: calc(100% / 2 + 10px);
    transform: translateY(50px)
}

.case .caseItem:nth-child(2):after {
    height: 70px;
    transform: translateX(-60%) translateY(-102%)
}

.case .caseItem:nth-child(3):after {
    right: 0;
    left: unset;
    height: 20px;
    transform: translateY(-219%) translateX(51%) rotate(-15deg)
}

.case .caseItem:nth-child(4):after {
    top: -39px;
    left: 0;
    height: 40px;
    transform: rotate(2deg) translateX(-30%);
    background-size: contain
}

.case .caseItem p {
    font-size: 16px;
    line-height: 22px;
    color: #57637e
}

@media (max-width: 768px) {
    .case .caseItem p {
        font-size:14px;
        line-height: 18px
    }
}

.case .caseItem img {
    position: absolute;
    top: 15px;
    left: 0;
    transform: translateX(-50%)
}

.case .caseInfo {
    margin-top: 115px
}

@media (max-width: 1024px) {
    .case .caseInfo {
        margin-top:70px
    }
}

.case .caseInfo p:first-child {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: #2c8ad8
}

@media (max-width: 1024px) {
    .case .caseInfo p:first-child {
        font-size:18px
    }
}

.case .caseInfo p:last-child {
    margin-top: 15px;
    font-size: 20px;
    line-height: 28px;
    color: #57637e;
    max-width: 625px
}

@media (max-width: 1024px) {
    .case .caseInfo p:last-child {
        font-size:16px;
        max-width: 400px;
        line-height: 22px
    }
}

.way {
    position: relative;
    padding: 85px 0 105px;
    background-color: #2c8ad8;
    width: 100%
}

.way:after,.way:before {
    content: "";
    position: absolute;
    top: 45px;
    right: 0;
    width: 100px;
    height: 200px;
    background: url(/2021/img/way/stack.svg) no-repeat;
    background-size: contain
}

@media (max-width: 768px) {
    .way:after {
        width:70px;
        height: 170px
    }
}

.way:before {
    top: unset;
    right: unset;
    bottom: 10px;
    left: 0;
    height: 160px;
    background: url(/2021/img/way/stack2.svg) no-repeat
}

@media (max-width: 768px) {
    .way:before {
        bottom:120px
    }
}

.way h2 {
    font-size: 28px;
    line-height: 120%;
    color: #fff
}

@media (max-width: 1024px) {
    .way h2 {
        text-align:center
    }
}

.way .wayContainer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px
}

@media (max-width: 1024px) {
    .way .wayContainer {
        -ms-flex-direction:column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
}

.wayItem {
    position: relative;
    width: calc(100% / 5 - 45px)
}

@media (max-width: 1024px) {
    .wayItem {
        width:100%;
        text-align: center;
        margin-bottom: 60px
    }

    .wayItem:last-child {
        margin-bottom: 0
    }

    .wayItem img.arrow {
        top: unset;
        bottom: -40px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg)
    }
}

.wayItem:last-child img {
    display: none
}

.wayItem .arrow {
    position: absolute;
    top: 15px;
    left: 100%;
    width: 28px;
    height: 24px
}

.wayItem .title {
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    color: #fff
}

.wayItem .desc {
    margin-top: 15px;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.conditions {
    padding-top: 70px;
    padding-bottom: 96px;
    width: 100%
}

.conditions h2 {
    font-size: 28px;
    line-height: 120%;
    color: #142149
}

@media (max-width: 768px) {
    .conditions h2 {
        text-align:center
    }
}

.conditions .conditionsList {
    margin-top: 70px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.conditionsItem {
    width: calc(100% / 4 - 50px)
}

@media (max-width: 1024px) {
    .conditionsItem {
        width:calc(100% / 2 - 20px);
        margin-bottom: 60px
    }

    .conditionsItem:nth-child(3),.conditionsItem:nth-child(4) {
        margin-bottom: 0
    }
}

@media (max-width: 590px) {
    .conditionsItem {
        display:-ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        text-align: center
    }

    .conditionsItem:nth-child(3) {
        margin-bottom: 60px
    }
}

.conditionsItem p {
    margin-top: 16px;
    font-size: 16px;
    line-height: 22px;
    color: #57637e
}

.footer-d2021 {
    padding-top: 60px;
    padding-bottom: 100px;
    background: #1e2b46;
    width: 100%
}

.footer-d2021 .footerContent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .footer-d2021 .footerContent {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 1024px) {
    .footer-d2021 {
        padding-bottom:20px
    }
}

.copyright-d2021 img.logo-in-footer {
    width: 136px;
    height: 25.81px
}

@media (max-width: 1024px) {
    .copyright-d2021 {
        width:100%
    }
}

.copyright-d2021 .company {
    display: inline-block;
    margin-top: 33px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 15px
}

@media (max-width: 1024px) {
    .copyright-d2021 .company {
        margin-top:15px;
        margin-bottom: 30px
    }
}

.social-d2021 {
    margin-top: 33px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

@media (max-width: 1024px) {
    .social-d2021 {
        display:none
    }
}

.social-d2021.social_mobile {
    display: none
}

@media (max-width: 1024px) {
    .social-d2021.social_mobile {
        display:-ms-flexbox;
        display: flex
    }
}

@media (max-width: 1024px) {
    .social-d2021 {
        margin-bottom:52px;
        width: 100%;
        text-align: center
    }

    .social-d2021:before {
        content: "";
        position: absolute;
        top: -18px;
        left: 50%;
        width: 500vw;
        height: calc(100% + 40px);
        transform: translateX(-50%);
        background: #2b3957
    }
}

.social-d2021 .socialsList {
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media (max-width: 1024px) {
    .social-d2021 .socialsList {
        margin:16px auto 0
    }
}

.social-d2021 .socialsList>a {
    margin-right: 10px
}

.social-d2021 .socialsList>a:last-child {
    margin-right: 0
}

.social-d2021 .salesAndNews {
    position: relative;
    text-decoration: unset;
    max-width: 204px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

@media (max-width: 1024px) {
    .social-d2021 .salesAndNews {
        max-width:unset
    }
}

@media (max-width: 1024px) {
    .footerMenu-d2021:first-child {
        margin-right:90px
    }
}

@media (max-width: 1024px) {
    .footerMenu-d2021 {
        width:calc(100% / 2 - 24px)
    }
}

.footerMenu-d2021>p {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #dcdcdc;
    margin-bottom: 10px
}

@media (max-width: 480px) {
    .footerMenu-d2021>p {
        font-size:12px
    }
}

.footerMenu-d2021 ul {
    list-style: none;
    padding: 0
}

.footerMenu-d2021 ul a {
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: hsla(0,0%,100%,.6)
}

@media (max-width: 480px) {
    .footerMenu-d2021 ul a {
        font-size:12px
    }
}

.footerMenu-d2021 ul a:hover {
    color: #fff
}

.partners-d2021 img {
    border-radius: 4px
}

.partners-d2021 .partnersList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px
}

.partners-d2021 .partnersList a {
    display: inline-block;
    padding: 8px 14px 3px;
    background: #1c7ebf;
    border-radius: 4px
}

@media (max-width: 1024px) {
    .partners-d2021 {
        width:100%
    }

    .partners-d2021 .partnersList {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.geekpornHeaderContainer {
    position: relative;
    padding: 30px 0 60px;
    background: #fbfbfb;
    width: 100%;
    z-index: 0
}

.geekpornHeaderContainer img {
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.geekpornHeaderContainer img.bg-left {
    left: 0;
    transform: translateY(40%)
}

.geekpornHeaderContainer img.bg-right {
    right: 0;
    transform: translateY(10%)
}

@media (max-width: 768px) {
    .geekpornHeaderContainer img {
        display:none
    }

    .geekpornHeaderContainer img.bg-right {
        display: block;
        transform: translateY(20%);
        max-height: 90%
    }
}

@media (max-width: 590px) {
    .geekpornHeaderContainer img.bg-right {
        display:block;
        transform: translateY(60%);
        max-height: 60%
    }
}

.geekpornHeaderContainer .Acontainer {
    font-family: Montserrat;
    font-style: normal;
    text-align: center
}

@media (max-width: 768px) {
    .geekpornHeaderContainer .Acontainer {
        text-align:left
    }
}

.geekpornHeaderContainer .Acontainer h3 {
    margin-top: 65px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
    opacity: .6
}

@media (max-width: 768px) {
    .geekpornHeaderContainer .Acontainer h3 {
        font-size:14px
    }
}

@media (max-width: 590px) {
    .geekpornHeaderContainer .Acontainer h3 {
        font-size:10px
    }
}

.geekpornHeaderContainer .Acontainer h1,.geekpornHeaderContainer .Acontainer h2 {
    margin-top: 6px;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 54px;
    line-height: 120%;
    color: #fff
}

@media (max-width: 768px) {
    .geekpornHeaderContainer .Acontainer h1,.geekpornHeaderContainer .Acontainer h2 {
        font-size:24px
    }
}

@media (max-width: 590px) {
    .geekpornHeaderContainer .Acontainer h1,.geekpornHeaderContainer .Acontainer h2 {
        font-size:18px
    }
}

.geekpornHeaderContainer .Acontainer p {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 144%;
    color: #fff
}

@media (max-width: 768px) {
    .geekpornHeaderContainer .Acontainer p {
        font-size:12px
    }
}

.geekpornHeaderContainer:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: -50px;
    left: 50%;
    width: 120%;
    height: 460px;
    transform: translateX(-50%) rotate(-2.11deg);
    background: linear-gradient(178.96deg,#147cc7 54.99%,#238ad5 99.11%),#238ad5
}

@media (max-width: 1024px) {
    .geekpornHeaderContainer:before {
        background:#147cc7
    }
}

@media (max-width: 768px) {
    .geekpornHeaderContainer:before {
        display:none
    }
}

@media (max-width: 768px) {
    .geekpornHeaderContainer {
        padding:0 0 140px;
        background: #238ad5
    }

    .geekpornHeaderContainer.docs {
        padding: 40px 0
    }
}

.geekpornDesvDataContainer {
    position: relative;
    margin-top: 10px;
    padding: 30px 0 60px;
    background: transparent;
    width: 100%;
    z-index: 0
}

.geekpornDesvDataContainer div.data-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1217px;
    margin: 0 auto;
    padding: 75px;
    padding-bottom: 55px;
    position: relative;
    border-radius: 12px;
    font-family: Montserrat;
    font-style: normal
}

.geekpornDesvDataContainer div.data-block .texts {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 400px;
    margin-right: 20px;
    -ms-flex: 1;
    flex: 1
}

.geekpornDesvDataContainer div.data-block .texts .text-1 {
    display: inline-block;
    margin-bottom: 8px;
    max-width: 350px;
    font-weight: 500;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #2c8ad8
}

@media (max-width: 590px) {
    .geekpornDesvDataContainer div.data-block .texts .text-1 {
        font-size:10px
    }
}

.geekpornDesvDataContainer div.data-block .texts .text-2 {
    display: inline-block;
    margin-bottom: 8px;
    max-width: 350px;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: #142149
}

@media (max-width: 590px) {
    .geekpornDesvDataContainer div.data-block .texts .text-2 {
        font-size:20px
    }
}

.geekpornDesvDataContainer div.data-block .texts .text-3 {
    display: inline-block;
    margin-bottom: 82px;
    max-width: 350px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #57637e
}

@media (max-width: 768px) {
    .geekpornDesvDataContainer div.data-block .texts .text-3 {
        max-width:100%;
        margin-bottom: 10px
    }
}

@media (max-width: 590px) {
    .geekpornDesvDataContainer div.data-block .texts .text-3 {
        font-size:12px
    }
}

.geekpornDesvDataContainer div.data-block .texts .text-4 {
    display: inline-block;
    max-width: 350px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #57637e
}

.geekpornDesvDataContainer div.data-block .texts .text-4 strong {
    font-weight: 600
}

@media (max-width: 768px) {
    .geekpornDesvDataContainer div.data-block .texts .text-4 {
        display:none
    }
}

@media (max-width: 768px) {
    .geekpornDesvDataContainer div.data-block .texts {
        max-width:100%
    }
}

.geekpornDesvDataContainer div.data-block.white {
    background-color: #fff
}

.geekpornDesvDataContainer div.data-block.trans {
    background-color: transparent;
    margin-bottom: 100px
}

.geekpornDesvDataContainer div.data-block .imgs {
    margin-left: -15px;
    margin-right: -15px;
    -ms-flex: 1;
    flex: 1
}

.geekpornDesvDataContainer div.data-block .text-4.small {
    display: none;
    max-width: 350px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #57637e
}

.geekpornDesvDataContainer div.data-block .text-4.small strong {
    font-weight: 600
}

@media (max-width: 768px) {
    .geekpornDesvDataContainer div.data-block .text-4.small {
        display:block;
        margin-top: 20px
    }
}

@media (max-width: 1245px) {
    .geekpornDesvDataContainer div.data-block {
        margin-left:20px;
        margin-right: 20px
    }
}

@media (max-width: 768px) {
    .geekpornDesvDataContainer div.data-block {
        margin-left:5px;
        margin-right: 5px;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 590px) {
    .geekpornDesvDataContainer div.data-block {
        padding:30px 15px
    }
}

.geekpornDesvDataContainer img.gk-ram {
    position: absolute;
    left: 60px;
    bottom: 60px;
    width: 300px;
    height: auto
}

@media (max-width: 1024px) {
    .geekpornDesvDataContainer img.gk-ram {
        left:70px;
        bottom: -20px;
        width: 250px
    }
}

@media (max-width: 768px) {
    .geekpornDesvDataContainer img.gk-ram {
        left:250px;
        bottom: 50px;
        width: 200px
    }
}

@media (max-width: 590px) {
    .geekpornDesvDataContainer img.gk-ram {
        left:170px;
        bottom: 30px
    }
}

@media (max-width: 375px) {
    .geekpornDesvDataContainer img.gk-ram {
        width:150px
    }
}

.geekpornDesvDataContainer img.gk-cpu {
    position: absolute;
    left: 160px;
    top: 290px;
    width: 200px;
    height: auto
}

@media (max-width: 768px) {
    .geekpornDesvDataContainer img.gk-cpu {
        left:180px;
        top: 560px;
        width: 150px
    }
}

@media (max-width: 667px) {
    .geekpornDesvDataContainer img.gk-cpu {
        left:200px;
        top: 500px
    }
}

@media (max-width: 590px) {
    .geekpornDesvDataContainer img.gk-cpu {
        left:130px;
        top: 450px;
        width: 120px
    }
}

@media (max-width: 414px) {
    .geekpornDesvDataContainer img.gk-cpu {
        left:153px;
        top: 380px;
        max-width: 150px
    }
}

.geekpornDesvDataContainer img.gk-nvme {
    position: absolute;
    left: 230px;
    bottom: 10px;
    width: 220px;
    height: auto
}

@media (max-width: 1024px) {
    .geekpornDesvDataContainer img.gk-nvme {
        bottom:-40px
    }
}

@media (max-width: 768px) {
    .geekpornDesvDataContainer img.gk-nvme {
        left:250px;
        top: 560px;
        width: 160px
    }
}

@media (max-width: 667px) {
    .geekpornDesvDataContainer img.gk-nvme {
        left:230px;
        top: 510px
    }
}

@media (max-width: 590px) {
    .geekpornDesvDataContainer img.gk-nvme {
        left:180px;
        top: 480px;
        width: 120px
    }
}

@media (max-width: 414px) {
    .geekpornDesvDataContainer img.gk-nvme {
        top:410px
    }
}

@media (max-width: 375px) {
    .geekpornDesvDataContainer img.gk-nvme {
        top:390px
    }
}

@media (max-width: 768px) {
    .geekpornDesvDataContainer {
        margin-top:-80px
    }
}

.geekpornTimelineContainer {
    position: relative;
    margin-top: 10px;
    padding: 90px 0 60px;
    background: transparent;
    width: 100%;
    z-index: 0
}

@media (max-width: 768px) {
    .geekpornTimelineContainer {
        padding:0 0 60px
    }
}

.geekpornTimelineContainer .Acontainer .gk-tm-title {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    margin-bottom: 40px;
    color: #2c8ad8
}

@media (max-width: 768px) {
    .geekpornTimelineContainer .Acontainer {
        max-width:100%;
        padding: 0 0 0 30px
    }

    .geekpornTimelineContainer .Acontainer .gk-tm-title {
        font-size: 22px;
        margin-bottom: 20px
    }
}

@media (max-width: 590px) {
    .geekpornTimelineContainer .Acontainer {
        padding:0 0 0 5px
    }

    .geekpornTimelineContainer .Acontainer .gk-tm-title {
        font-size: 18px
    }
}

.geekpornTimelineContainer section.gk-timeline {
    position: relative;
    white-space: nowrap;
    overflow-x: hidden;
    height: 320px
}

.geekpornTimelineContainer section.gk-timeline:after {
    content: "";
    position: absolute;
    bottom: 90px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(23,61,122,.1)
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container {
    position: relative;
    left: 0;
    margin: 0 auto;
    max-width: 1157px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1175px) {
    .geekpornTimelineContainer section.gk-timeline .gk-timeline--container {
        margin-left:30px;
        margin-right: 30px
    }
}

@media only screen and (max-width: 767px) {
    .geekpornTimelineContainer section.gk-timeline .gk-timeline--container {
        margin-left:6px;
        margin-right: 6px;
        font-size: 18px
    }
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item {
    position: relative;
    display: inline-block;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
    height: 190px;
    padding: 25px;
    margin-right: 20px;
    background-color: #fff;
    transition: all .2s
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item:after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: -40px;
    border: 20px solid transparent;
    border-top: 20px solid #fff
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item:before {
    content: "";
    display: block;
    position: absolute;
    left: 33px;
    bottom: -46px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #d7dee3;
    transition: all .2s;
    z-index: 1
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item:hover:before {
    background: #2c8ad8
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item:last-of-type {
    margin-right: 0
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item .gk-timeline--item--title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 20px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #57637e
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item .gk-timeline--item--title .gk-tm-date {
    margin-right: 30px
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item .gk-timeline--item--title i {
    font-size: 18px;
    color: #2c8ad8;
    margin-right: 5px
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item .gk-timeline--item--title img {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
    margin-right: 6px
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item .ht-title {
    display: inline-block;
    white-space: normal;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #57637e
}

@media (max-width: 768px) {
    .geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item .ht-title {
        font-size:14px
    }
}

@media (max-width: 590px) {
    .geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item .ht-title {
        font-size:12px
    }
}

.geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item .ht-year {
    position: absolute;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
    color: #57637e;
    bottom: -100px;
    left: 0
}

@media (max-width: 768px) {
    .geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item .ht-year {
        font-size:18px
    }
}

@media (max-width: 590px) {
    .geekpornTimelineContainer section.gk-timeline .gk-timeline--container .gk-timeline--item .ht-year {
        font-size:14px
    }
}

.geekpornDCContainer {
    position: relative;
    margin-top: 10px;
    padding: 115px 0 60px;
    background: #fff;
    width: 100%;
    z-index: 0
}

@media (max-width: 768px) {
    .geekpornDCContainer {
        padding:65px 0 60px
    }
}

.geekpornDCContainer .Acontainer .gk-dc-title {
    display: inline-block;
    max-width: 440px;
    margin-right: 60px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    color: #142149
}

.geekpornDCContainer .Acontainer .gk-dc-desc {
    display: inline-block;
    max-width: 590px;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #919aad
}

.geekpornDCContainer .Acontainer .dc-imgs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 75px
}

.geekpornDCContainer .Acontainer .dc-imgs>img {
    height: auto;
    width: 380px
}

@media (max-width: 1230px) {
    .geekpornDCContainer .Acontainer .dc-imgs>img {
        width:360px
    }
}

@media (max-width: 1160px) {
    .geekpornDCContainer .Acontainer .dc-imgs>img {
        width:340px
    }
}

@media (max-width: 1024px) {
    .geekpornDCContainer .Acontainer .dc-imgs>img {
        width:240px
    }
}

.geekpornDCContainer .Acontainer .swiper-container {
    display: none;
    padding-bottom: 30px;
    overflow: hidden
}

@media (max-width: 590px) {
    .geekpornDCContainer .Acontainer .swiper-container {
        transform:translateX(-2px)
    }
}

.geekpornDCContainer .Acontainer .swiper-pagination {
    display: none;
    bottom: 0!important;
    transform: translateX(40px)
}

@media (max-width: 590px) {
    .geekpornDCContainer .Acontainer .swiper-pagination {
        transform:translateX(10px)
    }
}

@media (max-width: 1024px) {
    .geekpornDCContainer .Acontainer .dc-imgs {
        display:none
    }

    .geekpornDCContainer .Acontainer .swiper-container,.geekpornDCContainer .Acontainer .swiper-pagination {
        display: block
    }
}

@media (max-width: 768px) {
    .geekpornDCContainer .Acontainer {
        max-width:100%;
        padding: 0 30px
    }

    .geekpornDCContainer .Acontainer .gk-dc-title {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 15px;
        max-width: 100%;
        margin-right: 0
    }

    .geekpornDCContainer .Acontainer .gk-dc-desc {
        font-size: 14px
    }
}

@media (max-width: 590px) {
    .geekpornDCContainer .Acontainer {
        padding:0 0 0 5px
    }

    .geekpornDCContainer .Acontainer .gk-tm-title {
        font-size: 18px
    }
}

.simpleContainer {
    position: relative;
    padding: 60px 0 120px;
    background: #fff;
    width: 100%;
    z-index: 0
}

.simpleContainer.npdng {
    padding: 0
}

@media (max-width: 768px) {
    .simpleContainer.npdng .Acontainer {
        padding:0
    }
}

.simpleContainer .Acontainer.api-docs ul {
    margin-left: 40px;
    position: relative;
    top: -7px
}

.simpleContainer .Acontainer.api-docs div.code,.simpleContainer .Acontainer.api-docs table {
    margin: 10px 0
}

.simpleContainer .Acontainer>.txt-block {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    font-size: 18px;
    margin-top: 20px;
    line-height: 1.5;
    color: #57637e
}

@media (max-width: 768px) {
    .simpleContainer .Acontainer>.txt-block {
        font-size:14px
    }
}

.simpleContainer .Acontainer>.txt-block>h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #142149
}

.simpleContainer .Acontainer>.txt-block>img.file-icon {
    float: left
}

.simpleContainer .Acontainer>.txt-block>a {
    line-height: 32px;
    margin-left: 15px;
    float: left
}

.simpleContainer .Acontainer>.txt-block>ul {
    margin-left: 20px
}

.simpleContainer .Acontainer>.txt-block>ul li {
    padding: 10px 0
}

@media (max-width: 768px) {
    .txt-block {
        font-size:14px!important
    }
}

@media (max-width: 768px) {
    .partner-block-slide br,.rubber-br {
        display:none
    }
}

@media (max-width: 590px) {
    .rubber-br-xs {
        display:none
    }
}

.for-small-br {
    display: none
}

@media only screen and (max-width: 767px) {
    .for-small-br {
        display:inline-block
    }
}

@media (max-width: 768px) {
    .Acontainer.partner {
        padding:0 40px
    }
}

@media (max-width: 768px) {
    .Acontainer.partner.bp0 {
        padding:0 20px
    }
}

@media (max-width: 768px) {
    .Acontainer.partner.bp1 {
        padding:0 10px
    }
}

.chart-tt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    background: #fff;
    width: 100px;
    height: 50px;
    border-radius: 6px;
    border: 1px solid #e5e7ec;
    font-family: Inter;
    font-size: 12px;
    visibility: hidden;
    opacity: 0
}

.chart-tt-value {
    font-weight: 700;
    color: #142149
}

.chart-tt-point {
    font-weight: 400;
    color: #919aad
}

.create-server-block {
    position: relative;
    padding-top: 55px;
    background: #f3f6f9;
    width: 100%
}

.create-server-block h2 {
    text-align: center;
    font-size: 34px;
    color: #142149
}

@media (max-width: 1024px) {
    .create-server-block h2 {
        font-size:22px
    }
}

.create-server-block .hidden-sm {
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .create-server-block .hidden-sm {
        display:none
    }
}

.constructor-application {
    display: none;
    min-height: 560px
}

.app-constructor-wrapper {
    background: #f3f6f9;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 560px
}

.app-constructor-wrapper.single .constructor-application {
    display: block!important
}

.hidden---sm {
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .hidden---sm {
        display:none
    }
}

.hidden---lg {
    display: inline-block
}

@media only screen and (max-width: 995px) {
    .hidden---lg {
        display:none
    }
}

.hidden---xl {
    display: inline-block
}

@media only screen and (max-width: 1189px) {
    .hidden---xl {
        display:none
    }
}

.search-sorting {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: -110px;
    max-width: 964px;
    margin: 0 auto;
    padding: 0;
    font-size: 11px;
    font-weight: 700
}

.search-sorting span {
    display: inline-block;
    margin-right: 10px;
    color: #142149;
    font-weight: 300
}

.search-sorting>div {
    display: -ms-flexbox;
    display: flex
}

.search-sorting>div span {
    margin: 0 10px
}

.search-sorting p {
    color: #fff
}

.search-sorting a {
    color: hsla(0,0%,100%,.4);
    text-decoration: none;
    transition: all .2s
}

.search-sorting a:hover {
    color: #fff
}

@media only screen and (max-width: 420px) {
    .search-sorting {
        -ms-flex-direction:column;
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .search-sorting {
        margin-bottom:10px
    }
}

@media only screen and (max-width: 963px) {
    .search-sorting {
        padding:0 30px
    }
}

.plan-switcher {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: start
}

.plan-switcher span {
    display: inline-block;
    margin-right: 40px;
    font-size: 16px;
    font-weight: 500;
    color: #142149;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all .3s
}

.plan-switcher span:hover {
    color: #2c8ad8
}

.plan-switcher span.active {
    color: #2c8ad8;
    border-bottom: 2px solid #2c8ad8
}

@media only screen and (max-width: 768px) {
    .plan-switcher {
        font-size:14px;
        margin-right: 20px
    }
}