/* Start:/local/templates/smm/assets/css/style.css?156871307673577*/
@charset "UTF-8";
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

a {
    text-decoration: none;
    color: inherit
}

h1, h2, h3, h4, h5, h6, p, ul {
    margin: 0;
    padding: 0
}

li {
    list-style-type: none;
    word-break: break-word
}

img {
    width: 100%;
    height: auto
}

a, button, img, svg {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

svg {
    max-width: 100%;
    max-height: 100%
}

button {
    cursor: pointer;
    border: none;
    outline: none;
    padding: 0;
    background-color: transparent
}

input, textarea {
    outline: none;
    background: 0 0
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: inherit
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: inherit
}

input:-ms-input-placeholder, textareaa:-ms-input-placeholder {
    color: inherit
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: inherit
}

@font-face {
    font-family: 'RobotoBlack';
    src: url(/local/templates/smm/assets/css/../fonts/Robotoblack.woff2) format('woff2'),
    url(/local/templates/smm/assets/css/../fonts/Robotoblack.woff) format('woff');
}

@font-face {
    font-family: 'RobotoRegular';
    src: url(/local/templates/smm/assets/css/../fonts/Roboto.woff2) format('woff2'),
    url(/local/templates/smm/assets/css/../fonts/Roboto.woff) format('woff');
}

@font-face {
    font-family: 'RobotoLight';
    src: url(/local/templates/smm/assets/css/../fonts/Robotolight.woff2) format('woff2'),
    url(/local/templates/smm/assets/css/../fonts/Robotolight.woff) format('woff');
}

@font-face {
    font-family: 'RobotoBold';
    src: url(/local/templates/smm/assets/css/../Robotoblack.woff2) format('woff2'),
    url(/local/templates/smm/assets/css/../fonts/Robotoblack.woff) format('woff');
}

.header {
    background-color: #1a1e25;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px;
    margin-bottom: 60px
}

@media only screen and (max-width: 1365px) {
    .header {
        padding: 32px 35px 0
    }
}

@media only screen and (max-width: 539px) {
    .header {
        padding: 4.6875vw 4.6875vw 0
    }
}

.header__left-area {
    padding-left: 40px;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    max-width: 735px;
    width: 100%
}

@media only screen and (max-width: 1600px) {
    .header__left-area {
        max-width: 600px
    }
}

@media only screen and (max-width: 1366px) {
    .header__left-area {
        max-width: none;
        padding-left: 0
    }
}

.header-contacts {
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 1366px) {
    .header-contacts {
        width: 100%;
        -ms-flex-pack: center;
        justify-content: center
    }
}

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

.header-contacts__select {
    margin-right: 50px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.header-contacts__select-check {
    position: relative;
    padding-right: 30px;
    cursor: pointer
}

.header-contacts__select-check > span {
    position: absolute;
    left: 0;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.header-contacts__select-check:after {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 2px;
    right: 0;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain
}

.header-contacts__select-list {
    position: absolute;
    overflow: hidden;
    height: 0
}

.header-contacts__select-list.-active {
    height: auto
}

.header-contacts__select-item {
    cursor: pointer;
    margin-top: 10px
}

.first-screen.-dark .header-contacts__select-check:hover, .header-contacts__select-item:hover {
    color: #f0f0f0
}

.header__menu-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.header__enter {
    background-color: #1a1e25;
    display: -ms-flexbox;
    display: flex;
    width: 100px;
    height: 100px;
    background-image: url(/local/templates/smm/assets/css/../img/sign-in.svg);
    fill: #505d73;
    background-size: 18px 20px;
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (max-width: 1365px) {
    .header__enter {
        display: none
    }
}

.header__enter:after {
    content: '';
    display: block;
    margin: auto
}

.header__enter:hover {
    background-color: #181b21;
    background-image: url(/local/templates/smm/assets/css/../img/sign-in-hover.svg)
}

.footer {
    background-color: rgba(26, 30, 37, .9);
    color: #878f99;
    overflow: hidden
}

.footer > .container-rel {
    height: 100%
}

.footer__wrap {
    padding: 72px 40px 55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media all and (min-width: 768px) and (max-width: 1199px) {
    .footer__wrap {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media only screen and (max-width: 767px) {
    .footer__wrap {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
}

.footer .logo-link {
    -ms-transform: translateY(-25%);
    transform: translateY(-25%)
}

.footer-content__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 53.22916666666667vw
}

@media only screen and (max-width: 1199px) {
    .footer-content__main {
        max-width: none
    }
}

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

.footer-content__bottom, .footer-content__main-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.footer-content__main-inner {
    max-width: 81.25vw
}

.footer-content__bottom {
    color: #5a5f66;
    margin-top: 70px
}

@media only screen and (max-width: 1199px) {
    .footer-content__bottom {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        margin-top: 0
    }
}

@media only screen and (max-width: 1023px) {
    .footer-content__bottom {
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .footer-content__bottom > * {
        margin-top: 20px
    }

    .footer-contacts p {
        margin-bottom: 20px
    }
}

.footer-contacts__top {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 17px
}

@media only screen and (max-width: 1199px) {
    .footer-contacts__top {
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 767px) {
    .footer-contacts__top {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }
}

.footer-contacts__address {
    line-height: 1.4
}

a[data-use=agreement]:hover {
    color: #878f99
}

@media only screen and (max-width: 1199px) {
    a[data-use=agreement] > span[data-content=desktop] {
        display: none
    }
}

@media all and (min-width: 1200px) {
    a[data-use=agreement] > span[data-content=tablet] {
        display: none
    }
}

.alt-menu-btn {
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    cursor: pointer;
}

@media only screen and (max-width: 1365px) {
    .alt-menu-btn {
        display: -ms-flexbox;
        display: flex
    }
}

.alt-menu-btn[data-state=active] > span {
    width: 0;
    opacity: 0
}

.alt-menu-btn[data-state=active]:after, .alt-menu-btn[data-state=active]:before {
    transition: all 1s ease;
    width: 26px
}

.alt-menu-btn[data-state=active]:before {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.alt-menu-btn[data-state=active]:after {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.alt-menu-btn:after, .alt-menu-btn:before, .alt-menu-btn > span {
    display: block;
    height: 4px;
    background-color: #505d73;
    transition: all 1s ease
}

.alt-menu-btn > span {
    margin: 5px 0;
    width: 44px;
    opacity: 1
}

.alt-menu-btn:after, .alt-menu-btn:before {
    content: '';
    -ms-transform-origin: right;
    transform-origin: right;
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.alt-menu-btn:before {
    width: 24px
}

.alt-menu-btn:after {
    width: 34px
}

.first-screen {
    background-repeat: no-repeat;
    min-height: 100vh;
    max-height: 1080px;
    position: relative;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.first-screen.-index {
    background-color: #1a1e25;
    background-image: url(/local/templates/smm/assets/css/../img/first-screen-bg/1st_bg_image_2x.jpg);
    background-size: cover;
    background-position: center
}

@media only screen and (max-width: 1366px) {
    .first-screen.-index {
        background-image: url(/local/templates/smm/assets/css/../img/first-screen-bg/1st_bg_image_1x.jpg)
    }
}

@media only screen and (max-width: 540px) {
    .first-screen.-index {
        background-image: url(/local/templates/smm/assets/css/../img/first-screen-bg/1st_bg_image_sm.jpg);
        background-position-x: 47%
    }
}

@media only screen and (max-width: 539px) {
    .first-screen.-smm > .first-screen__content > h1 > span {
        display: block;
        margin-top: 10px;
        font-size: 30px;
        font-family: "RobotoLight"
    }
}

.first-screen-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.first-screen-slider__slide {
    top: inherit;
    left: inherit;
    position: inherit;
    width: 100vw;
    height: 100vh;
    background-size: cover!important;
    background-position: center;
    opacity: 0;
}

.first-screen-slider__slide:first-child {
    opacity: 1
}

@media all and (max-width: 530px){
    .first-screen-slider .first-screen-slider__slide{
        background-position: 80%;
    }
}
.first-screen.-dark .menu__item {
    opacity: .8
}

.first-screen.-dark .first-screen__content > h1 {
    color: #56ccf2
}

.first-screen.-dark .first-screen__content > h3 {
    color: #d6d6d6
}

.first-screen.-dark .header-contacts__select, .first-screen.-dark .header-contacts__select-check {
    color: #878f99
}

.first-screen.-dark .header-contacts__select-check:after {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJNNjQuNSwxMjIuNmMzMiwwLDU4LjEtMjYsNTguMS01OC4xUzk2LjUsNi40LDY0LjUsNi40UzYuNCwzMi41LDYuNCw2NC41UzMyLjUsMTIyLjYsNjQuNSwxMjIuNnogTTY0LjUsMTQuNiAgICBjMjcuNSwwLDQ5LjksMjIuNCw0OS45LDQ5LjlTOTIsMTE0LjQsNjQuNSwxMTQuNFMxNC42LDkyLDE0LjYsNjQuNVMzNywxNC42LDY0LjUsMTQuNnoiIGZpbGw9IiM4NzhmOTkiLz4KICAgICAgPHBhdGggZD0ibTUxLjEsOTMuNWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDI2LjQtMjYuNGMwLjgtMC44IDEuMi0xLjggMS4yLTIuOSAwLTEuMS0wLjQtMi4xLTEuMi0yLjlsLTI2LjQtMjYuNGMtMS42LTEuNi00LjItMS42LTUuOCwwLTEuNiwxLjYtMS42LDQuMiAwLDUuOGwyMy41LDIzLjUtMjMuNSwyMy41Yy0xLjYsMS42LTEuNiw0LjIgMCw1Ljh6IiBmaWxsPSIjODc4Zjk5Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K)
}

.first-screen.-dark .header-contacts__select-check:hover:after {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJNNjQuNSwxMjIuNmMzMiwwLDU4LjEtMjYsNTguMS01OC4xUzk2LjUsNi40LDY0LjUsNi40UzYuNCwzMi41LDYuNCw2NC41UzMyLjUsMTIyLjYsNjQuNSwxMjIuNnogTTY0LjUsMTQuNiAgICBjMjcuNSwwLDQ5LjksMjIuNCw0OS45LDQ5LjlTOTIsMTE0LjQsNjQuNSwxMTQuNFMxNC42LDkyLDE0LjYsNjQuNVMzNywxNC42LDY0LjUsMTQuNnoiIGZpbGw9IiNmMGYwZjAiLz4KICAgICAgPHBhdGggZD0ibTUxLjEsOTMuNWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDI2LjQtMjYuNGMwLjgtMC44IDEuMi0xLjggMS4yLTIuOSAwLTEuMS0wLjQtMi4xLTEuMi0yLjlsLTI2LjQtMjYuNGMtMS42LTEuNi00LjItMS42LTUuOCwwLTEuNiwxLjYtMS42LDQuMiAwLDUuOGwyMy41LDIzLjUtMjMuNSwyMy41Yy0xLjYsMS42LTEuNiw0LjIgMCw1Ljh6IiBmaWxsPSIjZjBmMGYwIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K)
}

.first-screen.-light .contacts-phone > span, .first-screen.-light .first-screen__content > h1, .first-screen.-light .menu {
    color: #1a1e25
}

.first-screen.-light .header-contacts__select-check:hover, .first-screen.-light .header-contacts__select-item:hover, .first-screen.-light .menu__item:hover {
    color: inherit
}

.first-screen.-light .contacts-phone {
    color: #000
}

.first-screen.-light .header-contacts__select {
    color: #1a1e25
}

/*.first-screen.-light .header-contacts__select-check:after {*/
    /*background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDUzLjgzNCA0NTMuODM0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NTMuODM0IDQ1My44MzQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoNi4xMjMyM2UtMTcsIC0xLCAxLCA2LjEyMzIzZS0xNywgMCwgNDUzLjgzNCkiPjxnPgoJPGc+CgkJPGc+CgkJCTxnPgoJCQkJPHBhdGggc3R5bGU9ImZpbGw6IzFBMUUyNSIgZD0iTTIyNi45MzIsMEMxMDEuNjI1LDAsMC4wMywxMDEuNTk1LDAuMDMsMjI2LjkwMkMwLDM1Mi4yNjksMTAxLjU5NSw0NTMuODM0LDIyNi45MzIsNDUzLjgzNCAgICAgIGMxMjUuMzA3LDAsMjI2Ljg3MS0xMDEuNTk1LDIyNi44NzEtMjI2LjkwMkM0NTMuODM0LDEwMS41OTUsMzUyLjIzOSwwLDIyNi45MzIsMHogTTIyNi45MzIsNDIzLjQ2NSAgICAgIGMtMTA4LjM0NCwwLTE5Ni41MDItODguMTU4LTE5Ni41MDItMTk2LjUwMlMxMTguNTg4LDMwLjQ2LDIyNi45MzIsMzAuNDZjMTA4LjM0NC0wLjAzLDE5Ni40NzIsODguMTI4LDE5Ni40NzIsMTk2LjUwMiAgICAgIEM0MjMuNDM0LDMzNS4yNzYsMzM1LjI3Niw0MjMuNDY1LDIyNi45MzIsNDIzLjQ2NXoiIGRhdGEtb3JpZ2luYWw9IiMwOTA1MDkiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMxYTFlMjUiPjwvcGF0aD4KCQkJCTxwYXRoIHN0eWxlPSJmaWxsOiMxQTFFMjUiIGQ9Ik0zMTMuNzIzLDE3Ny4xOTlsLTg3Ljg4NSw4Ny45MTVsLTg3Ljg4NS04Ny45MTVjLTUuOTI4LTUuOTI4LTE1LjU2NS01LjkyOC0yMS40OTIsMCAgICAgIHMtNS45MjgsMTUuNTY1LDAsMjEuNDkybDk4LjU4NSw5OC41ODVjMi45NzksMy4wNCw2LjkwMSw0LjQzOCwxMC43OTIsNC40MzhjMy45MjIsMCw3LjgxMy0xLjQ5LDEwLjc5Mi00LjQzOGw5OC41NTUtOTguNTg1ICAgICAgYzUuOTI4LTUuOTI4LDUuOTI4LTE1LjU2NSwwLTIxLjQ5MlMzMTkuNjUsMTcxLjI3MSwzMTMuNzIzLDE3Ny4xOTl6IiBkYXRhLW9yaWdpbmFsPSIjMDkwNTA5IiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMWExZTI1Ij48L3BhdGg+CgkJCTwvZz4KCQk8L2c+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPg==)*/
/*}*/

.first-screen > .header {
    background-color: transparent
}

.first-screen__content {
    margin: auto;
    position: relative;
    left: -8px;
    padding: 0 40px
}

@media only screen and (max-width: 1600px) {
    .first-screen__content {
        left: 0
    }
}

.first-screen__content > h1 {
    text-transform: uppercase;
    line-height: 1.3
}

@media only screen and (max-width: 539px) {
    .first-screen__content > h1 {
        margin-bottom: 1vw
    }
}

.first-screen__content > h3 {
    margin-top: 30px;
    line-height: 1.3
}

.first-screen__content > .btn-gradient {
    margin-top: 50px
}

@media only screen and (max-width: 539px) {
    .first-screen__content > .btn-gradient {
        margin-top: 10vw
    }
}

.menu {
    display: -ms-flexbox;
    display: flex;
    color: #f0f0f0
}

@media only screen and (max-width: 1365px) {
    .menu.-header {
        display: none
    }
}

@media only screen and (max-width: 1199px) {
    .menu.-footer > .menu__item {
        margin-right: 57px
    }

    .menu.-footer > .menu__item:last-child {
        margin-right: 0
    }
}

.menu__item {
    white-space: nowrap;
    margin-right: 4.01vw
}

@media only screen and (max-width: 1600px) {
    .menu__item {
        margin-right: 3vw
    }
}

@media all and (min-width: 1921px) {
    .menu__item {
        margin-right: 77px
    }
}

.menu__item:hover {
    color: #fff;
    opacity: 1
}

.pillar {
    min-width: 420px;
    max-width: 420px;
    padding: 52px 0 0 28px;
    height: 1030px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 539px) {
    .pillar {
        min-width: auto;
        padding-left: 0;
        height: auto
    }
}

.pillar:not(:first-child):not(:last-child) {
    background-color: rgba(47, 128, 237, .9)
}

.pillar:not(:first-child):not(:last-child) .pillar__foot {
    background-image: url(/local/templates/smm/assets/css/../img/mask-3.png);
    background-position-y: 2px
}

.pillar:not(:first-child):not(:last-child) .pillar__name, .pillar:not(:first-child):not(:last-child) .pillar__target {
    color: #fff
}

.pillar:not(:first-child):not(:last-child) .pillar__item {
    color: rgba(255, 255, 255, .8)
}

.pillar:not(:first-child):not(:last-child) .pillar__price {
    color: #fff
}

.pillar__head {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-width: 539px) {
    .pillar__head {
        padding-left: 25px
    }
}

.pillar__foot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 60px;
    padding-left: 28px;
    background-image: url(/local/templates/smm/assets/css/../img/mask-2.png);
    background-position-y: 2px
}

@media only screen and (max-width: 539px) {
    .pillar__foot {
        padding-top: 28px;
        padding-left: 0;
        margin-left: 25px
    }
}

.pillar__foot > .btn-gradient {
    margin-top: 35px;
    padding-left: 24px;
    margin-left: 32px
}

@media only screen and (max-width: 539px) {
    .pillar__foot > .btn-gradient {
        margin-left: 3px
    }
}

.pillar__name {
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 35px;
    font-family: "RobotoBold"
}

@media only screen and (max-width: 539px) {
    .pillar__name {
        font-size: 34px
    }
}

.pillar__target {
    margin-top: -25px;
    margin-bottom: 35px;
    display: block;
    font-size: 24px;
    font-family: "RobotoRegular"
}

@media only screen and (max-width: 539px) {
    .pillar__target {
        font-size: 22px
    }
}

.pillar__list {
    padding-left: 24px
}

@media only screen and (max-width: 539px) {
    .pillar__list {
        margin-left: -20px
    }
}

.pillar__item {
    list-style-type: disc;
    line-height: 1.56;
    margin-bottom: 20px;
    font-size: 18px
}

@media only screen and (max-width: 539px) {
    .pillar__item {
        font-size: 17px
    }
}

.pillar__item:last-child {
    margin-bottom: 40px
}

.pillar__price {
    font-size: 48px;
    font-family: "RobotoBold"
}

.pillar__price > span {
    font-size: 24px;
    font-family: "RobotoRegular"
}

.pillar:first-child {
    background-color: rgba(255, 255, 255, .8)
}

.pillar:first-child .pillar__name {
    color: #878f99
}

.pillar:last-child {
    background-color: rgba(255, 255, 255, .9)
}

.pillar:last-child .pillar__name {
    color: #2f80ed
}

.modal {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: 50%;
    left: 50%;
    position: fixed;
    color: #fff;
    z-index: 10000;
    display: none
}

@media only screen and (max-width: 539px) {
    .modal {
        width: 100vw;
        height: 100vh
    }
}

.modal, .modal.-open, .modal:after {
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.modal.-open {
    display: -ms-flexbox;
    display: flex
}

.modal.-sent > .modal__side-front {
    transform: rotateY(-180deg)
}

.modal.-sent > .modal__side-back {
    transform: translate(-50%, -50%) rotateY(0deg)
}

.modal:after {
    z-index: -1;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 101vw;
    height: 101vh;
    background-color: #191d24;
    background-image: url(/local/templates/smm/assets/css/../img/first-screen-bg/bg_filter_desktop_2x.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (max-width: 1366px) {
    .modal:after {
        background-image: url(/local/templates/smm/assets/css/../img/first-screen-bg/bg_filter_desktop_1x.jpg)
    }
}

@media only screen and (max-width: 768px) {
    .modal:after {
        background-image: url(/local/templates/smm/assets/css/../img/first-screen-bg/bg_filter_tablet.jpg)
    }
}

@media only screen and (max-width: 320px) {
    .modal:after {
        background-image: none
    }
}

.modal__side-front {
    transition: all 1s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: 340px;
    width: 100%;
    padding: 50px 50px 40px;
    background-color: #191d24
}

@media only screen and (max-width: 539px) {
    .modal__side-front {
        margin: auto;
        max-width: 320px;
        padding: 40px
    }
}

@media all and (min-width: 321px) and (max-width: 539px) {
    .modal__side-front {
        position: relative
    }
}

.modal__side-front > p[data-use=confidentiality] {
    font-size: 13px;
    line-height: 1.54;
    color: #535b69;
    position: relative;
    padding-left: 26px;
    margin-top: 15px
}

.modal__side-front > p[data-use=confidentiality]:before {
    position: absolute;
    width: 16px;
    height: 16px;
    display: block;
    content: '';
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwMS45OTggNDAxLjk5OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxLjk5OCA0MDEuOTk4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTM1Ny40NSwxOTAuNzIxYy01LjMzMS01LjMzLTExLjgtNy45OTMtMTkuNDE3LTcuOTkzaC05LjEzMXYtNTQuODIxYzAtMzUuMDIyLTEyLjU1OS02NS4wOTMtMzcuNjg1LTkwLjIxOCAgIEMyNjYuMDkzLDEyLjU2MywyMzYuMDI1LDAsMjAwLjk5OCwwYy0zNS4wMjYsMC02NS4xLDEyLjU2My05MC4yMjIsMzcuNjg4Qzg1LjY1LDYyLjgxNCw3My4wOTEsOTIuODg0LDczLjA5MSwxMjcuOTA3djU0LjgyMSAgIGgtOS4xMzVjLTcuNjExLDAtMTQuMDg0LDIuNjYzLTE5LjQxNCw3Ljk5M2MtNS4zMyw1LjMyNi03Ljk5NCwxMS43OTktNy45OTQsMTkuNDE3VjM3NC41OWMwLDcuNjExLDIuNjY1LDE0LjA4Niw3Ljk5NCwxOS40MTcgICBjNS4zMyw1LjMyNSwxMS44MDMsNy45OTEsMTkuNDE0LDcuOTkxSDMzOC4wNGM3LjYxNywwLDE0LjA4NS0yLjY2MywxOS40MTctNy45OTFjNS4zMjUtNS4zMzEsNy45OTQtMTEuODA2LDcuOTk0LTE5LjQxN1YyMTAuMTM1ICAgQzM2NS40NTUsMjAyLjUyMywzNjIuNzgyLDE5Ni4wNTEsMzU3LjQ1LDE5MC43MjF6IE0yNzQuMDg3LDE4Mi43MjhIMTI3LjkwOXYtNTQuODIxYzAtMjAuMTc1LDcuMTM5LTM3LjQwMiwyMS40MTQtNTEuNjc1ICAgYzE0LjI3Ny0xNC4yNzUsMzEuNTAxLTIxLjQxMSw1MS42NzgtMjEuNDExYzIwLjE3OSwwLDM3LjM5OSw3LjEzNSw1MS42NzcsMjEuNDExYzE0LjI3MSwxNC4yNzIsMjEuNDA5LDMxLjUsMjEuNDA5LDUxLjY3NVYxODIuNzI4ICAgeiIgZmlsbD0iIzUzNWI2OSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    top: 0;
    left: 0
}

.modal__side-back {
    transition: all 1s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    max-width: 590px;
    padding: 0 10px;
    position: absolute;
    top: 50%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    left: 50%;
    transform: translate(-50%, -50%) rotateY(180deg)
}

@media all and (max-width: 590px) {
    .modal__side-back {
        max-width: 100%
    }
}

.modal__side-back > h1 {
    color: #56ccf2;
    text-align: center;
    margin-bottom: 20px
}

.modal__side-back > p {
    font-size: 36px;
    color: #d6d6d6;
    text-align: center
}

@media only screen and (max-width: 539px) {
    .modal__side-back > p {
        font-size: 27px
    }
}

.modal__close {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 10px;
    right: 10px
}

@media only screen and (max-width: 320px) {
    .modal__close {
        height: 30px;
        width: 30px
    }
}

.modal__close:after, .modal__close:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 2px;
    background-color: #505d73;
    left: 0;
    top: 50%;
    margin-top: -1px
}

@media only screen and (max-width: 320px) {
    .modal__close:after, .modal__close:before {
        width: 30px;
        height: 4px;
        margin-top: -2px
    }
}

.modal__close:before {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal__close:after {
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal__title {
    font-size: 22px;
    line-height: 1.2;
    margin-bottom: 25px
}

.modal-form__input {
    margin-bottom: 10px
}

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

.social.-copy {
    display: none;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin: 45px 0 35px
}

@media only screen and (max-width: 1199px) {
    .social.-copy {
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (max-width: 767px) {
    .social.-copy {
        margin-top: 0;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.social__link {
    margin-right: 30px;
    display: inline-block
}

.social__link:last-child {
    margin-right: 0
}

.social__icon {
    max-width: 20px;
    max-height: 20px;
    fill: #3e4859
}

@media only screen and (max-width: 1199px) {
    .social__icon {
        max-width: 30px;
        max-height: 30px
    }
}

.social__icon:hover {
    fill: #4f5a6e
}

.bg-circle {
    position: absolute;
    z-index: -1
}

.bg-circle.-services {
    bottom: -8px;
    right: 7px;
    -ms-transform: translate(55%, 55%);
    transform: translate(55%, 55%)
}

.bg-circle.-service {
    top: -18px;
    right: 7px;
    -ms-transform: translate(55%, -55%);
    transform: translate(55%, -55%)
}

.bg-circle.-work {
    bottom: -35px;
    right: 6px;
    -ms-transform: translate(55%, 75%);
    transform: translate(55%, 75%)
}

.bg-circle.-question {
    top: -13px;
    right: 6px;
    -ms-transform: translate(55%, -28%);
    transform: translate(55%, -28%)
}

.bg-circle.-clients {
    top: -119px;
    right: 6px;
    -ms-transform: translate(55%, -50%);
    transform: translate(55%, -50%)
}

.bg-circle.-articles {
    bottom: 40px;
    left: -25px;
    -ms-transform: translate(-25%, 75%);
    transform: translate(-25%, 75%)
}

.bg-circle.-footer-index {
    top: -140px;
    left: -25px;
    -ms-transform: translate(-25%, -25%);
    transform: translate(-25%, -25%)
}

.bg-circle.-footer-smm {
    top: 34px;
    right: -20px;
    -ms-transform: translate(35%, -35%);
    transform: translate(35%, -35%)
}

.bg-circle.-smm-what {
    bottom: -200px;
    left: 80px;
    -ms-transform: translate(-75%, 50%);
    transform: translate(-75%, 50%)
}

@media only screen and (max-width: 1365px) {
    .bg-circle.-smm-what {
        bottom: 0;
        left: 0;
        -ms-transform: translate(-52%, 57%);
        transform: translate(-52%, 57%)
    }
}

.bg-circle.-smm-inst {
    bottom: 8px;
    left: 45px;
    -ms-transform: translate(25%, 75%);
    transform: translate(25%, 75%)
}

.bg-circle.-smm-task-head {
    top: -110px;
    left: 45px;
    -ms-transform: translate(25%, -25%);
    transform: translate(25%, -25%)
}

.bg-circle.-smm-task-foot {
    bottom: -27px;
    right: 5px;
    -ms-transform: translate(-20%, 80%);
    transform: translate(-20%, 80%)
}

@media all and (max-width: 1280px) {
    .bg-circle.-smm-task-foot {
        bottom: -13px;
        right: 0;
        -ms-transform: translate(14%, 85%);
        transform: translate(14%, 85%)
    }
}

.bg-circle.-smm-plus-head {
    top: -42px;
    left: 45px;
    -ms-transform: translate(25%, -95%);
    transform: translate(25%, -95%)
}

.bg-circle.-smm-plus-left {
    top: 15px;
    right: 5px;
    -ms-transform: translate(-20%, -25%);
    transform: translate(-20%, -25%)
}

@media all and (max-width: 1280px) {
    .bg-circle.-smm-plus-left {
        top: 0;
        right: 0;
        -ms-transform: translate(14%, -20%);
        transform: translate(14%, -20%)
    }
}

.bg-circle.-smm-work-head {
    top: 0;
    right: 5px;
    -ms-transform: translate(-20%, -65%);
    transform: translate(-20%, -65%)
}

.bg-circle.-smm-work-foot {
    bottom: 20px;
    right: 4px;
    -ms-transform: translate(37%, 75%);
    transform: translate(37%, 75%)
}

.bg-circle.-smm-serv-foot {
    bottom: 40px;
    right: 0;
    -ms-transform: translate(-39%, 75%);
    transform: translate(-39%, 75%)
}

.bg-circle.-smm-ads-foot {
    bottom: 39px;
    right: -20px;
    -ms-transform: translate(35%, 75%);
    transform: translate(35%, 75%)
}

.clients {
    background-color: #fff;
    position: relative
}

.clients__list {
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    overflow: hidden
}

@media all and (max-width: 1280px) {
    .clients__list {
        min-width: calc(256px * 4)
    }
}

@media only screen and (max-width: 1023px) {
    .clients__list {
        min-width: calc(256px * 3)
    }
}

@media only screen and (max-width: 767px) {
    .clients__list {
        min-width: auto;
        width: 100%
    }
}

.clients__list-wrap {
    background-color: #f5f5f5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}

@media all and (min-width: 512px) and (max-width: 767px) {
    .clients__list-wrap {
        max-height: calc(256px * 2);
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media all and (max-width: 511px) {
    .clients__list-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.clients__item {
    min-width: 256px;
    max-width: 256px;
    height: 256px;
    position: relative;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    right: -1px;
    bottom: -1px
}

.clients__item:hover > :first-child {
    z-index: 10
}

.clients__item-image {
    position: absolute;
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 1199px) {
    .new-articles__list {
        max-width: 850px;
        margin: 0 auto
    }
}

.new-articles__list-wrap {
    display: -ms-flexbox;
    display: flex
}

.new-articles__item {
    max-width: 420px;
    min-width: 245px;
    width: 100%;
    margin-right: 10px
}

@media only screen and (max-width: 1199px) {
    .new-articles__item {
        margin: 0 5px
    }
}

.new-articles__item:last-child {
    margin-right: 0
}

@media only screen and (max-width: 1199px) {
    .new-articles__item:last-child {
        display: none
    }
}

.new-articles__item-content {
    padding: 0 10px
}

.new-articles__item-link {
    width: 100%;
    height: 315px;
    margin-bottom: 30px;
    display: block;
    position: relative;
    overflow: hidden
}

.new-articles__item-image {
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.new-articles__item-title {
    font-size: 22px;
    line-height: 1.36;
    margin-bottom: 10px;
    display: block
}

.new-articles__item-title:hover {
    text-decoration: underline
}

.new-articles__item-author {
    color: #1d2129;
    line-height: 1.56;
    font-size: 18px
}

.new-articles > .container-rel > .direct-link__wrap, .new-articles > .container > .direct-link__wrap {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.our-work {
    position: relative
}

.our-work__step {
    margin-bottom: 55px
}

.our-work__step-content > div:last-child, .our-work__step:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 1199px) {
    .our-work__step-list {
        padding: 0 20px
    }
}

@media only screen and (max-width: 539px) {
    .our-work__step-list {
        padding: 0 8px
    }
}

.our-work__step-count {
    min-width: 100px;
    height: 100px;
    border: solid 1px #d6d6d6;
    border-radius: 50%;
    color: #d6d6d6;
    font-size: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px;
    cursor: default;
    font-family: "RobotoBold"
}

@media only screen and (max-width: 767px) {
    .our-work__step-count {
        display: none
    }
}

.our-work__step-count:hover {
    background-color: #2f80ed;
    color: #fff
}

.our-work__step-title {
    color: #2f80ed;
    font-size: 38px;
    text-transform: uppercase;
    line-height: 1.1;
    font-family: "RobotoBold"
}

@media only screen and (max-width: 1023px) {
    .our-work__step-title {
        font-size: 34px
    }
}

@media only screen and (max-width: 767px) {
    .our-work__step-title {
        font-size: 30px
    }
}

@media only screen and (max-width: 539px) {
    .our-work__step-title {
        font-size: 27px
    }
}

.our-work__step-title-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px
}

.our-work__step-content {
    padding-left: 140px
}

@media only screen and (max-width: 767px) {
    .our-work__step-content {
        padding-left: 13vw
    }
}

@media only screen and (max-width: 539px) {
    .our-work__step-content {
        padding-left: 0
    }
}

.our-work__step-content > div {
    margin-bottom: 60px
}

@media only screen and (max-width: 767px) {
    .our-work__step-content > div {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 539px) {
    .our-work__step-content > div {
        margin-bottom: 25px
    }
}

.our-work__step-team {
    font-size: 34px;
    line-height: 1.2;
    font-family: "RobotoRegular"
}

@media only screen and (max-width: 1199px) {
    .our-work__step-team {
        font-size: 30px
    }
}

@media only screen and (max-width: 767px) {
    .our-work__step-team {
        font-size: 25px
    }
}

.our-work__step-team-mark {
    background-color: #bdbdbd;
    margin-bottom: 15px;
    font-size: 16px;
    padding: 5px 6px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.our-work__step-process {
    margin-right: 30px;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 390px;
    overflow: hidden
}

@media only screen and (max-width: 1199px) {
    .our-work__step-process {
        margin-right: 0;
        margin-top: 35px;
        overflow: visible;
        padding-left: 60px;
        position: relative
    }
}

@media only screen and (max-width: 539px) {
    .our-work__step-process {
        padding-left: 28px
    }
}

.our-work__step-process:before {
    position: absolute;
    display: none;
    content: ''
}

@media only screen and (max-width: 1199px) {
    .our-work__step-process:before {
        display: block;
        background-color: #d6d6d6;
        width: 1px;
        position: absolute;
        left: 0;
        height: calc(100% + 35px);
        top: 14px
    }
}

@media only screen and (max-width: 1199px) and (max-width: 539px) {
    .our-work__step-process:before {
        top: 11px
    }
}

.our-work__step-process:last-child, .our-work__step-tech-item:last-child {
    margin-right: 0
}

.our-work__step-process:last-child:before {
    display: none
}

.our-work__step-process:last-child > .our-work__step-process-title:after {
    content: none
}

.our-work__step-process-wrap {
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 1199px) {
    .our-work__step-process-wrap {
        display: block;
        margin-bottom: 42px
    }
}

.our-work__step-process-title {
    font-size: 28px;
    font-family: "RobotoRegular";
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1199px) {
    .our-work__step-process-title {
        position: relative;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 1023px) {
    .our-work__step-process-title {
        font-size: 26px
    }
}

@media only screen and (max-width: 539px) {
    .our-work__step-process-title {
        font-size: 22px
    }
}

.our-work__step-process-title:before {
    position: absolute;
    content: '';
    display: none;
    background-color: #d6d6d6;
    width: 40px;
    height: 1px;
    left: -20px;
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media only screen and (max-width: 1199px) {
    .our-work__step-process-title:before {
        display: block
    }
}

@media only screen and (max-width: 539px) {
    .our-work__step-process-title:before {
        width: 20px;
        left: -8px
    }
}

.our-work__step-process-title:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #d6d6d6;
    display: block;
    margin-left: 20px;
    margin-top: 3px
}

@media only screen and (max-width: 1199px) {
    .our-work__step-process-title:after {
        display: none
    }
}

.our-work__step-process-item {
    line-height: 1.9;
    position: relative;
    padding-left: 25px
}

@media only screen and (max-width: 1023px) {
    .our-work__step-process-item {
        line-height: 1.7
    }
}

@media only screen and (max-width: 539px) {
    .our-work__step-process-item {
        font-size: 19px
    }
}

.our-work__step-process-item:before {
    position: absolute;
    content: '•';
    left: 0
}

.our-work__step-tech {
    font-size: 17px;
    line-height: 2.24;
    margin-bottom: 17px
}

.our-work__step-tech-title {
    font-size: 22px;
    font-family: "RobotoRegular"
}

.our-work__step-tech-title:after {
    display: block;
    content: '';
    width: 42px;
    height: 3px;
    background-color: #1a1e25;
    margin: 15px 0
}

.our-work__step-tech-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.our-work__step-tech-item {
    margin-right: 10px;
    margin-bottom: 10px;
    width: 60px;
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d6d6d6;
    font-size: 24px;
    cursor: default
}

.our-work__step-tech-item:hover {
    background-color: #2f80ed;
    color: #fff;
    border: none
}

.question {
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0 !important;
    background-color: rgba(26, 30, 37, .9)
}

.question__wrap {
    padding: 90px 0 100px
}

.question h2.title.-bg {
    color: #56ccf2 !important;
    margin-bottom: 15px !important
}

.question__sub-title {
    font-size: 36px;
    color: #d6d6d6;
    text-align: center;
    margin-bottom: 40px
}

@media only screen and (max-width: 539px) {
    .question__sub-title {
        font-size: 27px
    }
}

.question-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -10px
}

.question-form > * {
    margin: 10px 5px 0
}

.services {
    padding-bottom: 0 !important
}

.services__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px -5px 0
}

.services__list-wrap {
    margin-bottom: 100px
}

@media only screen and (max-width: 1023px) {
    .services__list {
        max-width: 100%;
        margin: -10px auto 100px;
        padding: 0 5px
    }
}

@media only screen and (max-width: 359px) {
    .services__list {
        padding: 0
    }
}

.services__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #1a1e25;
    padding: 60px 40px 54px 60px;
    min-width: 334.5px;
    max-width: 420px;
    -ms-flex: 1;
    flex: 1;
    height: 420px;
    position: relative;
    margin: 10px 5px 0
}

@media only screen and (max-width: 1366px) {
    .services__item {
        padding: 50px 5px 50px 50px
    }
}

@media only screen and (max-width: 1199px) {
    .services__item {
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-height: 420px;
        height: auto;
        max-width: none
    }
}

@media only screen and (max-width: 767px) {
    .services__item {
        min-height: auto;
        padding: 20px 5px 50px 20px
    }
}

@media only screen and (max-width: 359px) {
    .services__item {
        min-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.services__item:hover {
    background-image: url(/local/templates/smm/assets/css/../img/service-bg.png);
    background-repeat: no-repeat;
    background-size: cover
}

.services__item:hover > .svg-icon {
    fill: #fff
}

.services__item:hover .services__item-desc {
    color: #fff
}

.services__item:hover > .btn-sector {
    background-image: url(/local/templates/smm/assets/css/../img/btn-sprite.png);
    background-repeat: no-repeat;
    background-position: -20px -161px
}

.services__item-info {
    max-height: 200px;
    overflow: hidden
}

@media all and (max-width: 1279px) {
    .services__item-info {
        max-height: none
    }
}

.services__item-name {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 15px;
    font-family: "RobotoRegular"
}

.services__item-desc {
    line-height: 1.56;
    font-size: .9rem;
    color: #878f99
}

.services__item > .btn-sector {
    position: absolute;
    bottom: 0;
    right: 0
}

.services__service {
    padding: 58px 48px;
    height: 472px;
    background-image: url(/local/templates/smm/assets/css/../img/service-banner-bg.png);
    background-repeat: no-repeat;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden;
    z-index: 1
}

.services__service-wrap {
    padding: 100px 0;
    overflow: hidden
}

.services__service-wrap > .container-rel {
    z-index: 1
}

@media only screen and (max-width: 539px) {
    .services__service {
        height: 93.75vw;
        padding: 6.25vw
    }
}

.services__service:not(:active):hover > .btn-sector {
    background-image: url(/local/templates/smm/assets/css/../img/btn-sprite.png);
    background-repeat: no-repeat;
    background-position: -20px -161px
}

.services__service-name {
    color: #fff
}

.services__service > .btn-sector {
    position: absolute;
    top: 3px;
    right: -4px;
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.svg-icon.-services {
    margin-bottom: 15px
}

@media only screen and (max-width: 1199px) {
    .svg-icon.-services {
        margin-bottom: 60px
    }
}

@media only screen and (max-width: 539px) {
    .svg-icon.-services {
        margin-bottom: 40px
    }
}

.service-packages {
    position: relative;
    background-image: url(/local/templates/smm/assets/css/../img/smm/7th-screen_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 100%
}

.service-packages:after, .service-packages:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-repeat: no-repeat
}

.service-packages:before {
    -ms-transform: translate(37%, -32%);
    transform: translate(37%, -32%);
    width: 1742px;
    height: 1742px;
    right: 4px;
    background-image: url(/local/templates/smm/assets/css/../img/ov-w-wc.svg)
}

.service-packages:after {
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(/local/templates/smm/assets/css/../img/smm/legs.png);
    background-size: cover;
    background-position-x: 100%
}

.service-packages__list-wrap {
    display: -ms-flexbox;
    display: flex;
    margin-right: -5px;
    margin-left: -5px
}

@media only screen and (max-width: 539px) {
    .service-packages__list-wrap {
        margin-right: auto;
        margin-left: auto;
        max-width: 440px;
        display: block
    }
}

.service-packages__list-wrap > .pillar {
    margin-left: 5px;
    margin-right: 5px
}

@media all and (min-width: 540px) and (max-width: 1199px) {
    .service-packages__list-wrap > .pillar {
        cursor: -webkit-grab;
        cursor: grab
    }
}

@media only screen and (max-width: 539px) {
    .service-packages__list-wrap > .pillar {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 50px
    }

    .service-packages__list-wrap > .pillar:last-child {
        margin-bottom: 0
    }
}

.smm-instagram {
    background-color: #d9dee1;
    background-image: url(/local/templates/smm/assets/css/../img/smm/3rd-screen_2.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width: 1199px) {
    .smm-instagram {
        background-image: none
    }
}

.smm-instagram__list {
    max-width: 1280px;
    padding-left: 85px;
    margin-top: -50px
}

@media only screen and (max-width: 1199px) {
    .smm-instagram__list {
        padding-left: 0;
        max-width: 618px;
        margin-left: auto;
        margin-right: auto
    }
}

@media all and (min-width: 540px) and (max-width: 767px) {
    .smm-instagram__list {
        padding: 0 15px
    }
}

.smm-instagram__list-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.smm-instagram__list-row:nth-child(2n) .smm-instagram__list-col {
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width: 1199px) {
    .smm-instagram__list-row:nth-child(2n) .smm-instagram__list-col {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media all and (min-width: 1200px) and (max-width: 1365px) {
    .smm-instagram__list-row .smm-instagram__list-col {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

@media only screen and (max-width: 539px) {
    .smm-instagram__list-row .smm-instagram__list-col {
        -ms-flex-pack: center !important;
        justify-content: center !important;
        width: 100%
    }
}

.smm-instagram__list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%
}

@media only screen and (max-width: 1199px) {
    .smm-instagram__list-group {
        width: 100%
    }

    .smm-instagram__list-group:nth-child(2n) > .smm-instagram__list-col {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media only screen and (max-width: 1199px) and (max-width: 539px) {
    .smm-instagram__list-group:nth-child(2n) > .smm-instagram__list-col {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.smm-instagram__list-col {
    width: 50%;
    margin-top: 100px;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 539px) {
    .smm-instagram__list-col {
        margin-top: 50px
    }
}

.smm-instagram__item {
    max-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.smm-instagram__item-name {
    font-size: 24px;
    font-family: "RobotoRegular"
}

.svg-icon.-smm-instagram {
    margin: 0 auto 20px
}

.smm-plus {
    background-color: #fff3d0;
    background-image: url(/local/templates/smm/assets/css/../img/smm/5th-screen.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right
}

@media only screen and (max-width: 1199px) {
    .smm-plus {
        background-image: none
    }
}

.smm-plus__wrap {
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media only screen and (max-width: 1199px) {
    .smm-plus__wrap {
        max-width: 574px;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: auto;
        margin-right: auto
    }
}

.smm-plus__area-left, .smm-plus__area-right {
    max-width: 574px;
    width: 100%
}

.smm-plus__detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 52px 44px 70px;
    background-image: url(/local/templates/smm/assets/css/../img/mask-1.png);
    position: relative
}

.smm-plus__detail-naming {
    margin-right: 28px;
    margin-bottom: 25px
}

.smm-plus__detail-name {
    font-size: 24px;
    font-family: "RobotoRegular"
}

.smm-plus__detail-list {
    padding-left: 30px;
    max-width: 300px;
    width: 100%
}

.smm-plus__detail-plus {
    font-size: 18px;
    list-style-type: disc;
    margin-bottom: 20px;
    line-height: 1.56
}

.smm-plus__detail-plus:last-child {
    margin-bottom: 0
}

.smm-plus .btn-gradient.-long:not(.-copy) {
    display: none;
    margin-top: 50px
}

@media only screen and (max-width: 1199px) {
    .smm-plus .btn-gradient.-long:not(.-copy) {
        display: block;
        margin-left: 50px
    }
}

@media only screen and (max-width: 767px) {
    .smm-plus .btn-gradient.-long:not(.-copy) {
        margin-left: auto;
        margin-right: auto
    }
}

@media all and (max-width: 410px) {
    .smm-plus .btn-gradient.-long:not(.-copy) {
        margin-left: 10px;
        margin-right: 10px;
        width: auto
    }
}

.smm-plus .btn-gradient.-long.-copy {
    position: absolute;
    bottom: 0;
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

@media only screen and (max-width: 1199px) {
    .smm-plus .btn-gradient.-long.-copy {
        display: none
    }
}

@media only screen and (max-width: 539px) {
    .smm-plus .btn-gradient.-long > span.-hidden {
        display: none
    }
}

.smm-plus__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 50px;
    margin-top: -25px
}

@media only screen and (max-width: 1199px) {
    .smm-plus__list {
        margin-top: 0;
        margin-left: 50px
    }
}

@media only screen and (max-width: 767px) {
    .smm-plus__list {
        margin-left: 0
    }
}

@media all and (min-width: 540px) and (max-width: 767px) {
    .smm-plus__list {
        padding: 0 20px
    }
}

@media only screen and (max-width: 539px) {
    .smm-plus__list {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
}

.smm-plus__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 50%;
    margin-top: 60px;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .smm-plus__item {
        text-align: center
    }
}

@media only screen and (max-width: 539px) {
    .smm-plus__item {
        max-width: 320px
    }
}

.smm-plus__item-name {
    font-size: 24px;
    font-family: "RobotoRegular";
    line-height: 1.2
}

.svg-icon.-smm-detail, .svg-icon.-smm-plus {
    margin-bottom: 25px
}

@media only screen and (max-width: 767px) {
    .svg-icon.-smm-plus {
        margin-left: auto;
        margin-right: auto
    }
}

.smm-task__list {
    margin: auto
}

@media all and (max-width: 1280px) {
    .smm-task__list {
        max-width: 1022px
    }
}

@media only screen and (max-width: 1023px) {
    .smm-task__list {
        max-width: 768px
    }
}

.smm-task__list-wrap {
    margin: -10px -5px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 1023px) {
    .smm-task__list-wrap {
        margin-left: 5px;
        margin-right: 5px
    }
}

.smm-task__item {
    max-width: 420px;
    width: 100%;
    height: 420px;
    margin: 10px 5px 0
}

@media all and (max-width: 1280px) {
    .smm-task__item {
        zoom: .8
    }
}

@media only screen and (max-width: 1023px) {
    .smm-task__item {
        zoom: .8814
    }
}

@media only screen and (max-width: 767px) {
    .smm-task__item {
        zoom: 1;
        max-width: 100%;
        height: auto
    }
}

.smm-task__item:not(.-empty) {
    padding: 60px;
    background-color: rgba(255, 255, 255, .8);
    border: solid 1px #d2d2d4
}

@media only screen and (max-width: 768px) {
    .smm-task__item:not(.-empty) {
        padding: 50px
    }
}

@media only screen and (max-width: 539px) {
    .smm-task__item:not(.-empty) {
        padding: 20px 20px 50px
    }
}

.smm-task__item.-empty {
    background-image: url(/local/templates/smm/assets/css/../img/mask-1.png)
}

@media only screen and (max-width: 1023px) {
    .smm-task__item.-empty {
        background-image: none;
        display: none
    }
}

.smm-task__item-name {
    font-size: 24px;
    line-height: 1.2;
    font-family: "RobotoRegular"
}

.smm-task__item-desc {
    margin-top: 15px;
    line-height: 1.56
}

.svg-icon.-smm-task {
    margin-bottom: 50px
}

.smm-what h4.title.-sm {
    margin-top: -25px;
    margin-bottom: 35px
}

.smm-what__image {
    margin-top: 50px;
    max-width: 1280px;
    width: auto
}

@media only screen and (max-width: 539px) {
    .smm-what__image {
        display: none
    }
}

.smm-what__mobile-content {
    display: none
}

@media only screen and (max-width: 539px) {
    .smm-what__mobile-content {
        display: block
    }
}

.smm-what__inst-link {
    display: block
}

.smm-what__inst-photo {
    height: auto;
    width: auto;
    max-width: 100%;
    margin: auto;
    display: block
}

.targeting-ads {
    position: relative;
    background-image: url(/local/templates/smm/assets/css/../img/smm/8th-screen_4.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.targeting-ads:after, .targeting-ads:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    z-index: 0;
    background-repeat: no-repeat
}

.targeting-ads:before {
    right: -2px;
    -ms-transform: translate(-39%, -33%);
    transform: translate(-39%, -33%);
    width: 1742px;
    height: 1742px;
    background-image: url(/local/templates/smm/assets/css/../img/ov-lg.svg)
}

.targeting-ads:after {
    width: 100%;
    height: 100%;
    left: 0;
    background-image: url(/local/templates/smm/assets/css/../img/smm/shape.png);
    background-size: cover
}

@media only screen and (max-width: 539px) {
    .targeting-ads h2.title.-bg {
        font-size: 32px
    }
}

.targeting-ads__list-wrap {
    display: -ms-flexbox;
    display: flex;
    margin-right: -5px;
    margin-left: -5px
}

@media only screen and (max-width: 539px) {
    .targeting-ads__list-wrap {
        margin-right: auto;
        margin-left: auto;
        max-width: 440px;
        display: block
    }
}

.targeting-ads__list-wrap > .pillar {
    margin-left: 5px;
    margin-right: 5px
}

@media all and (min-width: 540px) and (max-width: 1199px) {
    .targeting-ads__list-wrap > .pillar {
        cursor: -webkit-grab;
        cursor: grab
    }
}

@media only screen and (max-width: 539px) {
    .targeting-ads__list-wrap > .pillar {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 50px
    }

    .targeting-ads__list-wrap > .pillar:last-child {
        margin-bottom: 0
    }
}

h1, h2 {
    font-family: 'RobotoBold'
}

@media only screen and (max-width: 1366px) {
    h1 {
        font-size: 44px
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 40px
    }
}

h1.-lg {
    font-size: 60px
}

h1, h2, h3 {
    line-height: 1.2
}

h2 {
    font-size: 50px
}

@media only screen and (max-width: 539px) {
    h2 {
        font-size: 36px
    }
}

h2.title.-bg {
    display: inline-block;
    width: 100%;
    margin: 90px auto 50px;
    text-transform: uppercase;
    text-align: center
}

@media only screen and (max-width: 539px) {
    h2.title.-bg {
        margin: 50px auto 30px
    }
}

h3 {
    font-size: 40px
}

@media only screen and (max-width: 1366px) {
    h3 {
        font-size: 36px
    }
}

@media only screen and (max-width: 767px) {
    h3 {
        font-size: 32px
    }
}

h4 {
    font-size: 36px
}

h4.title.-sm {
    text-align: center;
    font-family: "RobotoLight"
}

@media only screen and (max-width: 539px) {
    h4.title.-sm {
        font-size: 27px
    }
}

body, html {
    width: 100%;
    min-width: 320px;
    height: auto;
    overflow-x: hidden
}

html {
    font: 20px 'RobotoLight';
    color: #1a1e25
}

body {
    position: relative;
    min-height: 100vh;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1;
    margin: 0 auto;
    background: #f5f5f5
}

.container, .container-rel {
    max-width: 1280px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.container-rel {
    position: relative;
    z-index: 1
}

.-big.container-rel, .container.-big, body {
    max-width: 1920px
}

.-bg-w {
    background-color: #fff
}

.logo-link {
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.logo-img {
    width: auto
}

.main > div {
    padding-bottom: 100px
}

@media only screen and (max-width: 539px) {
    .main > div {
        padding-bottom: 60px
    }
}

.main > div:not(.services) {
    overflow: hidden
}

.contacts-phone {
    color: #f0f0f0
}

.contacts-phone > span {
    color: #878f99
}

.svg-icon {
    max-width: 90px;
    width: auto;
    max-height: 90px;
    height: auto;
    display: block;
    fill: #2f80ed
}

.btn-gradient {
    padding-left: 20px;
    text-align: left;
    color: #fff;
    font-size: 1rem;
    font-family: "RobotoRegular";
    background-image: url(/local/templates/smm/assets/css/../img/btn-sprite.png);
    background-repeat: no-repeat;
    background-position: -320px -396px;
    position: relative;
    z-index: 0;
    height: 60px;
    border: 0px;
}

.btn-gradient:not(.-long) {
    width: 240px
}

.btn-gradient:not(.-long):before {
    width: 290px;
    background-position: -10px -266px
}

.btn-gradient:after, .btn-gradient:before {
    content: '';
    position: absolute;
    background-repeat: no-repeat
}

.btn-gradient:before {
    left: -25px;
    z-index: -1;
    display: none;
    top: -25px;
    height: 110px;
    background-image: url(/local/templates/smm/assets/css/../img/btn-sprite.png)
}

.btn-gradient.-long {
    width: 390px;
    background-position: -278px -140px
}

.btn-gradient.-long:before {
    width: 440px;
    height: 110px;
    background-position: -278px -10px
}

@media only screen and (max-width: 539px) {
    .btn-gradient.-long:before {
        display: none !important
    }
}

.btn-gradient.-blue, .btn-gradient.-dark {
    background-image: none;
    background-color: #2f80ed
}

.btn-gradient.-blue:before {
    background-position: -320px -266px
}

.btn-gradient.-dark {
    background-color: #1a1e25
}

.btn-gradient.-dark:before {
    background-position: -10px -396px
}

.btn-gradient:after {
    top: 50%;
    right: 27px;
    width: 12px;
    height: 16px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIuMDA0IDQ5Mi4wMDQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5Mi4wMDQgNDkyLjAwNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zODIuNjc4LDIyNi44MDRMMTYzLjczLDcuODZDMTU4LjY2NiwyLjc5MiwxNTEuOTA2LDAsMTQ0LjY5OCwwcy0xMy45NjgsMi43OTItMTkuMDMyLDcuODZsLTE2LjEyNCwxNi4xMiAgICBjLTEwLjQ5MiwxMC41MDQtMTAuNDkyLDI3LjU3NiwwLDM4LjA2NEwyOTMuMzk4LDI0NS45bC0xODQuMDYsMTg0LjA2Yy01LjA2NCw1LjA2OC03Ljg2LDExLjgyNC03Ljg2LDE5LjAyOCAgICBjMCw3LjIxMiwyLjc5NiwxMy45NjgsNy44NiwxOS4wNGwxNi4xMjQsMTYuMTE2YzUuMDY4LDUuMDY4LDExLjgyNCw3Ljg2LDE5LjAzMiw3Ljg2czEzLjk2OC0yLjc5MiwxOS4wMzItNy44NkwzODIuNjc4LDI2NSAgICBjNS4wNzYtNS4wODQsNy44NjQtMTEuODcyLDcuODQ4LTE5LjA4OEMzOTAuNTQyLDIzOC42NjgsMzg3Ljc1NCwyMzEuODg0LDM4Mi42NzgsMjI2LjgwNHoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    display: block
}

.btn-gradient:not(:active):hover:before, .btn-sector:not(:active):hover:after, .direct-link:not(:active):hover:before {
    display: block
}

.btn-sector, .btn-sector:after {
    width: 82px;
    height: 75px;
    position: relative;
    background-image: url(/local/templates/smm/assets/css/../img/btn-sprite.png);
    background-repeat: no-repeat;
    background-position: -122px -161px
}

.btn-sector:after {
    content: '';
    position: absolute;
    width: 101px;
    height: 96px;
    left: -19px;
    top: -21px;
    display: none;
    background-position: -20px -20px
}

.btn-sector:active {
    background-position: -166px -20px !important
}

.dark-substrate, .direct-link {
    position: relative;
    height: 100%;
    z-index: 1
}

.dark-substrate:before {
    content: '';
    display: block;
    background-color: rgba(26, 30, 37, .9);
    height: 100%;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1
}

.direct-link {
    border: 1px solid rgba(26, 30, 37, .3);
    padding: 0 45px 0 24px;
    width: 240px;
    height: 60px;
    color: #2d3440;
    display: -ms-flexbox;
    display: flex;
    margin: 50px auto 0;
    -ms-flex-align: center;
    align-items: center;
    font-family: "RobotoRegular";
    z-index: 0
}

.direct-link:after, .direct-link:before {
    content: '';
    background-repeat: no-repeat;
    position: absolute
}

.direct-link:before {
    display: none;
    top: -25px;
    left: -25px;
    z-index: -1;
    width: 290px;
    height: 110px;
    background-image: url(/local/templates/smm/assets/css/../img/btn-sprite.png);
    background-position: -10px -266px
}

.direct-link:after {
    width: 6px;
    height: 12px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0MC44MjMgMjQwLjgyMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjgyMyAyNDAuODIzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPHBhdGggaWQ9IkNoZXZyb25fUmlnaHRfMV8iIGQ9Ik0xODMuMTg5LDExMS44MTZMNzQuODkyLDMuNTU1Yy00Ljc1Mi00Ljc0LTEyLjQ1MS00Ljc0LTE3LjIxNSwwYy00Ljc1Miw0Ljc0LTQuNzUyLDEyLjQzOSwwLDE3LjE3OSAgIGw5OS43MDcsOTkuNjcxbC05OS42OTUsOTkuNjcxYy00Ljc1Miw0Ljc0LTQuNzUyLDEyLjQzOSwwLDE3LjE5MWM0Ljc1Miw0Ljc0LDEyLjQ2Myw0Ljc0LDE3LjIxNSwwbDEwOC4yOTctMTA4LjI2MSAgIEMxODcuODgxLDEyNC4zMTUsMTg3Ljg4MSwxMTYuNDk1LDE4My4xODksMTExLjgxNnoiIGZpbGw9IiMyZDM0NDAiLz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-position: -7px center;
    right: 24px;
    top: calc(50% - 4px)
}

.direct-link:active {
    background-image: url(/local/templates/smm/assets/css/../img/btn-sprite.png);
    background-repeat: no-repeat;
    background-position: -320px -396px
}

.direct-link:hover {
    color: #fff;
    border: none;
    padding-left: 25px
}

.direct-link:hover:after {
    right: 25px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0MC44MjMgMjQwLjgyMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjgyMyAyNDAuODIzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPHBhdGggaWQ9IkNoZXZyb25fUmlnaHRfMV8iIGQ9Ik0xODMuMTg5LDExMS44MTZMNzQuODkyLDMuNTU1Yy00Ljc1Mi00Ljc0LTEyLjQ1MS00Ljc0LTE3LjIxNSwwYy00Ljc1Miw0Ljc0LTQuNzUyLDEyLjQzOSwwLDE3LjE3OSAgIGw5OS43MDcsOTkuNjcxbC05OS42OTUsOTkuNjcxYy00Ljc1Miw0Ljc0LTQuNzUyLDEyLjQzOSwwLDE3LjE5MWM0Ljc1Miw0Ljc0LDEyLjQ2Myw0Ljc0LDE3LjIxNSwwbDEwOC4yOTctMTA4LjI2MSAgIEMxODcuODgxLDEyNC4zMTUsMTg3Ljg4MSwxMTYuNDk1LDE4My4xODksMTExLjgxNnoiIGZpbGw9IiNGRkZGRkYiLz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-position: -7px center
}

form * {
    font-family: 'RobotoLight'
}

form input{
    width: 240px;
    height: 60px;
    border: 1px solid white;
    color: white;
    padding: 0 24px;
    font-size: 1rem
}

form input:focus{
    border-color: #c0c1c2;
    color: #c0c1c2
}

form input.-error {
    border-color: #f03e76;
    color: #f03e76
}

#svg {
    width: 1026px;
    height: 1025px;
    margin-top: -75px;
    margin-left: -74px
}

.text-svg {
    background-color: gray;
    min-height: 100vh;
    display: -ms-flexbox;
    display: flex
}

@keyframes animate-circle {
    0% {
        transform: translate(-50%, -50%) scale(0)
    }
    to {
        transform: translate(-50%, -50%) scale(1)
    }
}

.text-svg .loader {
    --size: 100px;
    background-color: #00f;
    border-radius: 50%;
    position: fixed;
    top: 50%;
    left: 50%;
    height: var(--size);
    width: var(--size);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.text-svg .loader:hover > .circle {
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    transition: transform linear
}

.text-svg .loader > .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    transition: none
}

.text-svg .loader > .circle:nth-of-type(1) {
    width: 1200px;
    height: 1200px;
    background-color: #fff;
    transition-duration: 1s;
    transition-delay: .2s;
    z-index: -3
}

.text-svg .loader > .circle:nth-of-type(2) {
    z-index: -2;
    width: 800px;
    height: 800px;
    transition-duration: .75s;
    transition-delay: .125s;
    background-color: #d0d0d0
}

.text-svg .loader > .circle:nth-of-type(3) {
    z-index: -1;
    width: 400px;
    height: 400px;
    background-color: #fff;
    transition-duration: .5s
}
.modal__success{
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .9);
    top: 0;
    left: 0;
    z-index: 400;
}
.modal__wrap{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    max-width: 1200px;
    height: 500px;
}
.modal__success h1 {
    color: #56ccf2;
    text-align: center;
    margin-bottom: 20px;
}
.modal__success p {
    font-size: 36px;
    color: #d6d6d6;
    text-align: center;
}

.agreement__bg{
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: white;
    color: black;
    z-index: 100;
}
.agreement__bg.-open{
    display: flex;
    animation: posOpen 1s ease-in-out;
}
@keyframes posOpen{
    from { opacity: 0;}
    to { opacity: 1;}
}
@keyframes posClose {
    from { opacity: 1;}
    to { opacity: 0;}
}

.agreement__wrap{
    position: relative;
    width: 100%;
    height: inherit;
    max-width: 1200px;
    padding: 25px 15px;
    color: black;
    overflow-y: hidden;
    overflow-x: hidden;
}
.agreement__title{
    margin-bottom: 50px;
}
.agreement__item{
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 20px;
}
.agreement__item strong{
    margin-bottom: 10px;
}
.agreement__close{
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 50px;
    cursor: pointer;
}
@media all and (max-width: 1367px) {
    .agreement__item {
        font-size: 14px;
    }
    .agreement__title {
        margin-bottom: 30px;
    }
    h1 {
        font-size: 30px;
    }
    .agreement__close {
        top: 5px;
        right: 5px;
    }
}

@media all and (max-width: 767px) {
    .agreement__wrap{
        overflow-y: scroll;
    }
}

.mobilMenu{
    position: fixed;
    top: 0;
    left: -100%;
    width: 70vw;
    height: 100vh;
    background-color: #2d2d2d;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-end;
    padding: 20px 20px 50px;
    color: white;
    z-index: 100;
    transition: 1s;
}

.mobilMenu__item{
    width: 100%;
    text-align: right;
}
.mobilMenu__img{
    width: 80%;
}

.mobilMenu.-open{
    left: 0;
}
@media all and (min-width: 1366px) {
    .mobilMenu{
        display: none;
    }
}
.alt-menu-btn.-active:before {
    transform: rotate(-45deg);
    width: 26px;
}
.alt-menu-btn.-active:after {
    transform: rotate(45deg);
    width: 26px;
}
.alt-menu-btn.-active span {
    opacity: 0;
}
.alt-menu-btn.-active::before,
.alt-menu-btn.-active::after {
    display: block;
    transition: .7s;
}

/* End */
/* /local/templates/smm/assets/css/style.css?156871307673577 */