/* Google Translate Overrides */
html,
body {
    height: auto !important;
}

*::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 0.3rem;
}

*::-webkit-scrollbar:vertical {
    width: 6px;
    background: #035cf3;
}

*::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #d8dad9;
}



.sb-chat-btn {
    position: fixed;
    visibility: visible;
    bottom: 10%;
    right: 20px;
    left: auto;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 3px 32px rgba(0, 0, 0, 0.16);
    transition: all 0.4s;
    background-color: #028be5;
    z-index: 999995;
}

input[type=file]::file-selector-button {
    margin-right: 20px;
    border: none;
    background: #00c774;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
    background: #0d45a5;
}

.header {
    background: linear-gradient(32deg, #0661e9 0%, #0056ff 100%);
}

.cartio {

    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
}



.flex {
    /*Flexbox for containers*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.waves {
    position: relative;
    width: 100%;
    height: 2vh;
    margin-top: 0px;
    transform: rotate(180deg);
}


.wavesfoot {
    position: relative;
    width: 100%;
    height: 8vh;
    margin-top: -20px;

}

.parallax>use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}


@media (max-width: 768px) {
    .waves {
        height: 17px;
        min-height: 17px;
    }

    .content {
        height: 30vh;
    }

    h1 {
        font-size: 24px;
    }
}



@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

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

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

:root {
    --style-color: #0656e9;
    --vk-color: #0656e9;
    --instagram-color: #da374f;
    --telegram-color: #7daded;
    --tiktok-color: #000;
    --youtube-color: #f61c0d;
    --likee-color: #ff0072;
    --group-color: #4b8f00;
    --repost-color: #81be3a;
    --likes-color: #fa7777;
    --friends-color: #0656e9;
    --video-color: #f85757;
    --comments-color: #f99b00;
    --history-color: #5259b4;
    --poll-color: #9534eb;
    --views-color: #3799ce;
    --autopoll-color: #495370;
    --autolikes-color: #495370;
    --autorepost-color: #495370;
    --autocomments-color: #495370;
    --autovideo-color: #495370;
    --autoviews-color: #495370;
    --active-status-color: #8ec54d;
    --paused-status-color: #fe9923;
    --finished-status-color: #0656e9;
    --moderate-status-color: #6099fa;
    --block-status-color: #fa7777;
    --queue-status-color: #9534eb
}

.accordion__head:before,
.alert:before,
.attachment--plus:before,
.attachment__remove:before,
.badge__remove:before,
.breadcrumbs__link:before,
.faq__head:after,
.faq__head:before,
.fast-faq__question:before,
.geo-select:before,
.header__user-main:before,
.link-preview:not(.link-preview--icon):before,
.notification__close:before,
.notify:before,
.notyf-icon:before,
.operation__head:before,
.p-check__todo-list li:before,
.page-nav__selected:before,
.pagination__next:before,
.pagination__prev:before,
.pay-bonus__gift:before,
.question__status:before,
.select2-selection__arrow:before,
.sidebar__item--dropdown>.sidebar__link:after,
.spinner__btn:before,
.spoiler__trigger:after,
.types-tabs__link:after {
    font-family: iconfont;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: iconfont;
    src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAAeoAAsAAAAAD4AAAAdbAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGVgCEGAqQTI1qATYCJAM4Cx4ABCAFhBMHgUwbPA0jEXZzkBKT/fPAduSGjol6l9uT5vP76ZdQ8c1zPvRt2hsGCNlFbLGIWh3uPCIGNeG0BrWkbE2Nin6ZegIAQQ5m8npzal2/JkAGJBP2eAtYuatIiad8srqGv1/qZdowmmc4khf/392LdRVH4eEossFKYAITxWnSJkXMD9X9Fp4DAoBBPDpAYPn5zyLIe9bbe8MEIezZBMiqkp7dbPWQSOEQtlgJJEFi4li6kEyACBAMFOwBMCYqRW4hgQgwN0QU9o3yrD81odMTT2T0MYAK+hKe86UCgFgBFED0fiJJTzLeCpqQ6IgxVLwQme1UiDpPZG1tT0iAd4tQWgAKIUTGP3gekMATDFhIIQOIGDaTQrmmQAY8IR5FxAWgAKegABeCAlwECnAxKMA9QAEuAQW4JyjAGVCAs6AAl4ICXAYZ4gF5cIw3AF9AMBOgLbADe3KMvncgcRj19hFCAtKaWKVa7ccZOB1zX6PSh5N66jhWrjV6aX19vb0TG12rnKtZwq90rKjxQ1AWprpWkYryeztJt+6zjgZP0Wq7zpi7k1Ut3z3fNNC+4nCoddWifdtD6nusPuZeGD6wacoU1zRdCeE21Dmn66Om81zxVL2NrUkipjq0VlfROccyrPi8ZWzpRcvwkgulBxZMc2mbrP7F8mYYnaR5Kq+3rTY5SZ/C6U6d1cZsXbAsuGmKgyPNK8MG5sU4H5e/NKwl17oquDJ/QBixDYsrnG2aJq9phbHRNXMYcS4CT5NXfP48zi9N/t8AFIijBNxYvvRiUxi50G3jMuJcxRDXCghk/Oo0ZIAt+INnXOFN1lWuU46I5qYVjtN8lK15JX/WGUkGHoP9e1USui2/EiWuvc59vNuxZw+Yp3xX6tD7Z8ZuWuTaA4eb3+fcy8C6uGMlv5rQWasYG69fHkZdocsY17lzgGNECguerbqQKcFTKv989IJpinZKbb/FGhocN4v0OLegIt0JQuZfuFCmCtQv4NRN0804ZznMoGXia86JcQOlNIFHCQ2ecsaLSact0c5wGKeuZGUCBzeVW8ryYdNPfSEZr5+un02cpmmr3i3grkVe46ANNBphaU5kUrvC/xEIR6yHR54b3x6OGTOA/yn6lEeGdDA2OjsOPIL2k94byrUFNdnSzhLLuRzvuy+jQ4b9XkCR0GVi97+T+8n6Ja/bJU7SUnF40guLLnnQsJmjE9OSdRa8mMJN8S1ttVv6du7c12JXuIBbvW9nu0VRWR8d1DdUPX2qxre0tlSh9MIdO4AzZ1Tg79t8FcB1D9VRnyMtE1pajrC5Jp4/cyYPW8uUuKHcfJsORcs4qAVBwAjzYGYkGCNqLcSan6bVFsTnxsTm+A+prI0viMnNic2Nr0RtXvyfsZUL62h5TF50dnb1waLNBbaqsIoQng+pCKs6HlYdUs7zFaFVocerQ8tDeR7vV22lo812c78+XQZYqi8cUG+XQ/tAw+k01lCrBl3fWZtbzSpza7PVxrHJ2gwFjP0Av8LHrXZz3y5d+prtCheEq/ftYjcrKu8jbJRwLyJfcIO555HPuQSbISAhMEGdoMK7yj61aZUpKZVptddZwIIU5Pu+riy4DzRjH+NnjTplgtGPJpEkveGSxqrRaHuFPlB7N4zSwH+t16lOSSZ20hlF7vCg7PYhvoHZWZ2UXVS5k73knZMK3tad8jG71+bHP0sTU8Y3KDuzIS6/k1j28/Nxd278Hh3rI1UdG/DKkbRdn/sxx6zqpMzOCuJzzKo5XVQhSJsHGYL/aD8yKM86YZ9s66Y+LBWnrcmLdx//afLkmji3VsjAPQk98JwhjBDWtXlxipkBJUmE0tqidMXcjB5Tfj4hWvYkeQins0Mb6CtL2x9Z6vb/25keYx+Z9Grmkskz13TY+nELIxaOm8RQKZzpkREpfZhtl7Qr6NVAC8YuxNBvbd9Bn9HNkdtT2hVwPHFC275io5fUB2j7Qn3oC0b61fGyoAGmYj/SN32gDfsGPh7TRpT0kG6dS/xsbYeT7oXtan+798G2Z11rcbzlwtu+zMde/lETBEBvkSWPWyQf7F8pmx0oZ/l3D2f8aySMCKeP0KOtKgDP4iHHKUhyBQAYJwtog52oxNG1gsmHEfVi4s+i8FdOlECeSYVKnZcILHxRz8AIeDGIQsLJLDSoAgUReoJAiT6MlwBSDCWUUvJECOVsLxF0WE3EUB7wYlCC0+uwCCVhdzrgTG5VzSzJxoItcj2hVJdlhrYvP+SIGcUqTub8MPU6j6pkSDiZQ8vNMEY2RdgjaLuoln3XEXVEC5xWDjhTQNRbO0uykW6z6P+EUp3zBgNa9D2kR5Z7+bWKU+z5EdSu13mEsrFkvFzhlAQexsVidPLZoNBbeQRtsYzILXt0bF/Ul7XrB6YfkuEXadf+CLmsqJpuCNOyHdfzk7peFS/+SpwbFWfzHPEFFoTQDE8R+QxCr9KUPfEt57wjkn5VETcv+iHUVS5PEBkCt17Ff5eJG3CCHGzIRYycPsqbPyXO+NiVeKmrFQ==) format("woff2"), url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAmUAAsAAAAAD4AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAQQAAAFZAKkxyY21hcAAAAYgAAACFAAACGOtvs+1nbHlmAAACEAAABR8AAAhM/n+EwGhlYWQAAAcwAAAAMwAAADYcGkayaGhlYQAAB2QAAAAeAAAAJAfXA+5obXR4AAAHhAAAACEAAAA4Mtj/7mxvY2EAAAeoAAAAHgAAAB4MfAqebWF4cAAAB8gAAAAfAAAAIAEgANxuYW1lAAAH6AAAASQAAAITdPmZL3Bvc3QAAAkMAAAAiAAAAMwbPoqweJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGReyDiBgZWBgamaaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgcXjG+4mV+CeRGMb9n4ATSjCA5AOryCyAAAAB4nO2R2w0DIQwEh4PjXtBJKkhB+UppqYwmLl42ZcTSeOXFIGQDK5CDR1AgvUkoXuGm6WfO6Rees6fIH/2+IyflqMvMS/SWeLGysXPEvYtGj6PKP9rMn1/VNT0z57kYpNloL6MYTXisRjsb1SDdDNLdID0M0tNol+MySJvR70Y39C+gAiHdAAAAeJydVc1vG1UQf7NvP7z+WMfr/bCT7Lpex7tpaRx7ba/b5gNSJ+UCaRIuqEk/JKSmiENb1IqC1BOoBBQOVUEoCCHBgSMIKk6c+AMQQrnAAaRKoCottIAIlJZsmbdO2kZyQWK13vfevDczv5nfvDGhdzcIoT/RyyROesluQsqO2wjqNd/QROobOtVEx21SFFVrMlRAEtMAog314jjnwbpu27pm25pmi/nBnGjrsBZOp+r5mCzgGBvI02fyA7HU+9YuC19OsPTwR7Uvp0Ofbm38wf2uKyk+KW4kjeECt2O3QQhEeK7TEyRDiAwKeOh0HEwBPzZI9NuNq2pghJ/qUK7oYMEv2b1lMcOtb3yo0zSk1L1lIf0DN2TQR+oawYdjH3qNXiM2qXcsOu4wNPHXCB6FwC+A0cLBrJmGJoEjiZLYYxqmsaMVtIIez/VcqoVv8bFUjP+Y54DyBcHgz8dlqPOGUIjHwytLZ0/vn5raf/ospLdm3MXwNYHjhM9FXuBFGXWEl+Nx2CMIBUEX4Gl2Jvx1ux6L/Q5ivUktYuLCcx1JBtdJg2hWa2D4CNOr1ugVX7LE8FT4gmiJI8kkrOISVk2F+95PpcJzsJRK+fl8OJRKwarRz8IHQu7epha9QTAl5VbQ8GQIGsPgSiBqJppuddeNMU9wEZY6nsIh5njIVLZs3kGbN4mOC4nZkSNrJktnw2PGE2gUlsJzkVFYRQ9DRv9D8bP4b2P8NzB+xJk1MWK0afjIEppzEKz5METdXUXUI84/6W/Iv0mq5DFW34zTZoPRi2Vu2qAbjHTqSEoUhw3M8zi0gqYb0d9suKWaI+qZoh/gFP46+tTMcK1WOTgzf3T2yQW+MjQ9M794eH7ZHRx0l+cPf3nk0LLn8ZOTp84c6Vc0LLCsaWbf7ihEqsMfHDs0Oz1co3MPKHje8qEjx18/+3x7Ktz5hZozs+F10zVZru/igzW8RvpZBSOITmUgWJZzRMvShEmvcc/CYt5v58N3wpV828/DIo64hkU4Hq3XO2O40v1clK/ovqwhBzvITnTe/UqwrpBpBNghPNYwWLuAdbwJ7cnJdqeiO7MDhV0FfP1cCXPo0DUmY5X/4Lm/b+mFgg7nWTM54dTYScLfw6GTXaRJ2lvMRcT5DI7GgJWy3fBJSJdmRHTpjDk2b2YqUIL1k8cWgj17goVj321NTkKXG/xqb7FYLzo5pM4tSPnswjaVaELf6HaNvy7mCwNOffAb5O9nzTZV6M8iibEonqv0M5LFLvs4mScvkrfJZfIVZthH3BkMruQo2NE0jKSu+/Wg1WTxOV4FPJxsbpjdhMyA2wRWwR0Jq98xCCpAt5/syBuYIlbrmJv/ufuve1DsU3Qt0WunD74yPT3RPsiWPaZitUdH5tI8AJPNMcGBsdGZ5Kag2JPXkjAzPTmBOpPvtiem6RMXZu+rRCIAPjE7OjZ1X/E/xJn3nusqhI9whF5KB8bLtjOaUS9x/BweUpSaFZP4uF0ayagT4n1JwiqNqCoq5UzulpoZLUVrVR0p5crjA+HKtmNMbCV4KWbVFOWSolTtmCTErRL6iVTjghSzq4qywrZ4WUg+uCXK1X1vppWqxceEZIQNNxwbN2LVfazvbv6f1bByihmWcywcZB77kyt2Gli9mNHMTmGMQxP7FrsYzQZSRj8JL0hyWjXVjKKGy3KfnEjIvXF4KRLqalqFk/GkwqR93Bic2ZrL4QXak1Z3qulsuLwpvKfGbCGqfwCFtIqbAHicY2BkYGAA4vt7F9rE89t8ZeBmfgkUYbjT3vAZRv//9f878yfm90AuBwMTSBQAtQwQngB4nGNgZGBgfsnAACL///r/jfkTAyMDKuADAJ60BswAAHicY2BgYGB++f8vBIPZvyE0mP2L+QWY/o8Qg2AAn84V5QAAAAAAAAAASABwAMYA8gEcAUYBcAHSAggCTAK0A9gEJgAAeJxjYGRgYOBjuMDAwQACTEDMBYQMDP/BfAYAHswB/QB4nGWQTU7DMBSEJ/0TtAhVQmKJvAIhpPRn2QO0N8iqmzR1+qPEjhyrUlccgCNwBE7Bhj03YmJeNq0jv3wzb17iBMAYP4jQrAg3oTargwHVP3dJ98I98qNwHyM8CTfpV+Eh3jATHuEBaz4h6t3SGcMKd3CHd+Eu/Q/hHvlTuM83fQkP6H8LD5HgV3iE5+jlkFmTW+ONdWVatKq9J9rVB2vULJ621kob7VKvt2pzVvVpN/c+V7mzpVqyq4vCqsrZo858vPe+WkwmufhxZksckPFDDPJQPbeFQ4kUxVXvUifQzNb0G634o2JMr1IrpkxIplQaWyY3OLPWOGGHOV3PtOJ2nClJS5nVPEVBVqhC70gnox9jH6YqLDDhlV/k43CG8g/+Yl35eJxtidsOgjAQRDtIRbmZ8B998JNIWaBhbUlZNf69qMH44DycyZlRifokV/9TI8EOKTT2yHDAETkKlKhQ46SaVoS8uOCNRNf6gSmzI9nJnPW7y5W3uN5duPuvMPVSbRLdMEqxmYRZWw52enGhxvk+GOuiZTK9Y6au+Jn0JXh6pDNfF6WepI4zbg==) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

.picon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-size: 0;
    position: relative;
    top: -1px
}

.picon-angry-face {
    background-image: url(../img/spritesheet.png?255858020);
    background-position: -110px -80px;
    width: 20px;
    height: 20px;
    background-size: 234px 129px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .picon-angry-face {
        background-image: url(../img/spritesheet@2x.png?255858020)
    }
}

.picon-app-store {
    background-image: url(../img/spritesheet.png?499950074);
    background-position: 0 -40px;
    width: 120px;
    height: 40px;
    background-size: 234px 129px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .picon-app-store {
        background-image: url(../img/spritesheet@2x.png?499950074)
    }
}

.picon-google-play {
    background-image: url(../img/spritesheet.png?916878250);
    background-position: 0 0;
    width: 135px;
    height: 40px;
    background-size: 234px 129px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .picon-google-play {
        background-image: url(../img/spritesheet@2x.png?916878250)
    }
}

.picon-neutral-face {
    background-image: url(../img/spritesheet.png?860100208);
    background-position: 0 -109px;
    width: 20px;
    height: 20px;
    background-size: 234px 129px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .picon-neutral-face {
        background-image: url(../img/spritesheet@2x.png?860100208)
    }
}

.picon-smile-face {
    background-image: url(../img/spritesheet.png?966715644);
    background-position: -20px -109px;
    width: 20px;
    height: 20px;
    background-size: 234px 129px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .picon-smile-face {
        background-image: url(../img/spritesheet@2x.png?966715644)
    }
}

.picon-smscentr {
    background-image: url(../img/spritesheet.png?584144716);
    background-position: 0 -80px;
    width: 110px;
    height: 29px;
    background-size: 234px 129px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .picon-smscentr {
        background-image: url(../img/spritesheet@2x.png?584144716)
    }
}

.picon-ucall {
    background-image: url(../img/spritesheet.png?50098324);
    background-position: -135px 0;
    width: 99px;
    height: 30px;
    background-size: 234px 129px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .picon-ucall {
        background-image: url(../img/spritesheet@2x.png?50098324)
    }
}

.picon-wm_accept {
    background-image: url(../img/spritesheet.png?187489723);
    background-position: -135px -30px;
    width: 88px;
    height: 31px;
    background-size: 234px 129px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .picon-wm_accept {
        background-image: url(../img/spritesheet@2x.png?187489723)
    }
}

.picon-wm_cert {
    background-image: url(../img/spritesheet.png?704138912);
    background-position: -135px -61px;
    width: 88px;
    height: 31px;
    background-size: 234px 129px
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution:192dpi) {
    .picon-wm_cert {
        background-image: url(../img/spritesheet@2x.png?704138912)
    }
}

.icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    width: 1em;
    height: 1em
}


.iconn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    width: 1em;
    height: 1em
}

.icon-alfa {
    width: 1em;
    fill: #ee2a23
}

.icon-bitcoin {
    width: 1em;
    fill: #ed6c0c
}

.icon-chevron-down-2 {
    width: 2.29em;
    fill: initial
}

.icon-cubes {
    width: 1em;
    fill: #fff
}

.icon-doc-plus {
    width: 1em;
    fill: #9aa6ff
}

.icon-docs-1 {
    width: 1em;
    fill: initial
}

.icon-gears {
    width: 1em;
    fill: #5f6674
}

.icon-google-pay {
    width: 1.25em;
    fill: #5f6368
}

.icon-like-comment {
    width: 1em;
    fill: #fff
}

.icon-lock-1 {
    width: .84em;
    fill: initial
}

.icon-megafon {
    width: 1em;
    fill: #00985f
}

.icon-new {
    width: 1em;
    fill: #0656e9
}

.icon-phone {
    width: 1em;
    fill: #5d64cc
}

.icon-qiwi {
    width: 1em;
    fill: #ff8c00
}

.icon-robot {
    width: 1em;
    fill: #0656e9
}

.icon-serfcoin {
    width: 1em;
    fill: #ffe27a
}

.icon-target {
    width: 1em;
    fill: #0656e9
}

.icon-tele2 {
    width: 1em;
    fill: #141414
}

.icon-telegram {
    width: 1em;
    fill: #fff
}

.icon-user-2 {
    width: .74em;
    fill: initial
}

.icon-warning {
    width: 1em;
    fill: #ffcc4d
}

.icon-webmoney {
    width: 1em;
    fill: #0656e9
}

.icon-yoomoney {
    width: 1em;
    fill: #8b3ffd
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a img,
fieldset,
img {
    border: none
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
    -webkit-appearance: none;
    font-family: inherit;
}

input[type=password] {
    /* font: small-caption; */
}

button,
input[type=submit] {
    cursor: pointer;
    font-family: inherit
}

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

textarea {
    overflow: auto
}

button,
input {
    margin: 0;
    padding: 0;
    border: 0
}

.taars {
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 0;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    /* height: 40px; */
    font-size: 12px;
    border-radius: 8px;
    /* background: #0656e9; */
    /* color: #fff; */
    /* -webkit-transition: all ease .3s; */
    /* transition: all ease .3s; */
    /* padding: 0 20px; */
}

a,
a:focus,
button,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
span,
textarea {
    outline: 0;
}

.tast {
    padding: 0 5px;
    margin-top: 60px;
}

@media only screen and (max-width: 992px) {
    .tast {
        margin-top: 73px;
    }
}

@media only screen and (max-width: 640px) {
    .tast {
        margin-top: 50px;
    }
}

ol,
ul {
    list-style-type: none
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}




body {
    min-width: 320px;
    color: #393936;
    font-family: 'Poppins', 'Cairo', 'Mitr', 'Jost';
    font-weight: 500;
    background: #f7f8fc;
    line-height: normal;
    position: relative;
    font-size: 14px;
    overflow-x: hidden;
    min-height: 100vh;
	letter-spacing: -1px;
}

@media only screen and (min-width: 992px) {
    body {
        overscroll-behavior-y: none
    }
}

a {
    text-decoration: none;
    color: #0656e9;
    -webkit-transition: color ease .3s;
    transition: color ease .3s
}

a:not([class]) .icon {
    fill: #0656e9
}

img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: top
}

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

html ::-moz-selection {
    background: #0656e9;
    color: #fff
}

html ::selection {
    background: #0656e9;
    color: #fff
}

input {
    font-family: Poppins, sans-serif;
}

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

b {
    font-weight: 600
}

.link {
    color: #0656e9;
    line-height: 1.4;
    cursor: pointer
}

.link>span {
    vertical-align: middle
}

.link .icon {
    margin-top: -2px
}

.link--inline {
    display: inline
}

.link--bd,
.p-support__suggestions a {
    border-bottom: -2px dotted #2932ff;
    display: inline-block
}

.link--gray {
    color: #7f8b9a;
    border-color: #abb1bc;
}

.link--gray .icon {
    fill: #7f8b9a
}

.bold,
.text-bold {
    font-weight: 600
}

.semibold,
.text-semibold {
    font-weight: 600
}

.text-medium {
    font-weight: 500
}

.text {
    word-break: break-word
}

.text>:last-child {
    margin-bottom: 0 !important
}

.text a {
    color: #0656e9
}

.text>h5 {
    margin-bottom: 20px
}

.text>.table,
.text>blockquote,
.text>p,
.text>pre,
.text>ul {
    margin-bottom: 10px
}

.text p {
    display: block;
    line-height: 1.9
}

.text ol li,
.text ul li {
    line-height: 1.9;
    position: relative
}

.text ol {
    counter-reset: ol-counter
}

.text ol li {
    padding-left: 15px
}

.text ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: ol-counter;
    content: counter(ol-counter) ". ";
    font-weight: 700
}

.text ul li {
    padding-left: 12px
}

.text ul li:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #4e5665;
    border-radius: 50%;
    left: 0;
    top: .66667em
}

blockquote,
code {
    color: #4e5665;
    font-style: normal;
    background: #fbfcfe;
    display: inline-block;
    vertical-align: top;
    min-width: 100%;
    border-left: 2px solid #0656e9;
    line-height: 2;
    padding: 8px 20px;
    font-family: Montserrat, Arial, -apple-system-body, sans-serif;
    font-weight: 500;
    word-break: break-all
}

code {
    width: 100%;
    overflow: auto
}

mark {
    background: rgba(105, 114, 224, .2);
    color: inherit
}

.h1,
.h2,
.h3,
.h4 {
    font-weight: 600;
    line-height: 1.4
}

.h2 {
    font-size: 36px
}

@media only screen and (max-width: 640px) {
    .h2 {
        font-size: 24px
    }
}

.h4 {
    font-size: 16px;
    font-weight: 600
}

.h5 {
    font-size: 14px;
    font-weight: 600
}

.tooltip-icon {
    line-height: 0;
    position: relative;
    cursor: pointer;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    background: 0 0;
    border: 0
}

.tooltip-icon[aria-describedby^=tippy] .icon {
    fill: #6c76ec !important
}

.tooltip-icon .icon {
    fill: #cbd1e0;
    font-size: 14px;
    vertical-align: top
}

.notify--success:before,
.text-green {
    color: #92c563 !important
}

.notify--fail:before,
.task--red .task__name,
.text-red {
    color: #fa7777 !important
}

.text-orange {
    color: #edac40 !important
}

.text-style {
    color: #0656e9 !important
}

.text-gray {
    color: #7f8b9a !important
}

.text-light {
    color: #8192a6 !important
}

.bg-vk {
    background: #0656e9 !important
}

.icon-vk {
    fill: #0656e9
}

.bg-gplus {
    background: #dc4e41 !important
}

.icon-gplus {
    fill: #dc4e41
}

.bg-facebook {
    background: #3b5998 !important
}

.icon-facebook {
    fill: #3b5998
}

.bg-instagram {
    background: #da374f !important
}

.icon-instagram {
    fill: #da374f
}

.bg-ok {
    background: #ff9800 !important
}

.icon-ok {
    fill: #ff9800
}

.bg-telegram {
    background: #7daded !important
}

.icon-telegram {
    fill: #7daded
}

.bg-youtube {
    background: #f61c0d !important
}

.icon-youtube {
    fill: #f61c0d
}

.bg-twitter {
    background: #55acee !important
}

.icon-twitter {
    fill: #55acee
}

.icon-facebook-letter {
    fill: #3b5998
}

.icon-telegram-plane {
    fill: #7daded
}

.icon-heart-fill {
    fill: #fa7777
}

.icon-friends {
    fill: #0656e9
}

.icon-chart {
    fill: #9534eb
}

.icon-refresh {
    fill: #81be3a
}

.icon-comment {
    fill: #f99b00
}

.icon-people {
    fill: #4b8f00
}

.icon-instagram {
    fill: url(#instagram-gradient) !important
}

.icon-new {
    font-size: 1.9em
}

.fade-enter-active,
.fadeIn {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fade-enter-active,
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInUp,
.fadeOutUp,
.fadeUp-enter-active,
.fadeUp-leave-active {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInUp,
.fadeUp-enter-active {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeOutUp,
.fadeUp-leave-active {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.fadeDown-enter-active,
.fadeDown-leave-active,
.fadeInDown,
.fadeOutDown {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeDown-enter-active,
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeDown-leave-active,
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.fadeInRight,
.fadeOutRight,
.fadeRight-enter-active,
.fadeRight-leave-active {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInRight,
.fadeRight-enter-active {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeOutRight,
.fadeRight-leave-active {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.fadeInLeft,
.fadeLeft-enter-active,
.fadeLeft-leave-active,
.fadeOutLeft {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInLeft,
.fadeLeft-enter-active {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeLeft-leave-active,
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.fadeXs-enter-active,
.fadeXsIn {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeXs-enter-active,
.fadeXsIn {
    -webkit-animation-name: fadeXsIn;
    animation-name: fadeXsIn
}

.fadeXsInUp,
.fadeXsOutUp,
.fadeXsUp-enter-active,
.fadeXsUp-leave-active {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeXsInUp,
.fadeXsUp-enter-active {
    -webkit-animation-name: fadeXsInUp;
    animation-name: fadeXsInUp
}

.fadeXsOutUp,
.fadeXsUp-leave-active {
    -webkit-animation-name: fadeXsOutUp;
    animation-name: fadeXsOutUp
}

.fadeXsDown-enter-active,
.fadeXsDown-leave-active,
.fadeXsInDown,
.fadeXsOutDown {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeXsDown-enter-active,
.fadeXsInDown {
    -webkit-animation-name: fadeXsInDown;
    animation-name: fadeXsInDown
}

.fadeXsDown-leave-active,
.fadeXsOutDown {
    -webkit-animation-name: fadeXsOutDown;
    animation-name: fadeXsOutDown
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-50px, 0, 0);
        transform: translate3d(-50px, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
}

.fadeXsInUp {
    -webkit-animation-name: fadeXsInUp;
    animation-name: fadeXsInUp
}

.fadeXsOutUp {
    -webkit-animation-name: fadeXsOutUp;
    animation-name: fadeXsOutUp
}

@-webkit-keyframes fadeXsInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeXsInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeXsOutUp {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
}

@keyframes fadeXsOutUp {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
}

.fadeXsInDown {
    -webkit-animation-name: fadeXsInDown;
    animation-name: fadeXsInDown
}

.fadeXsOutDown {
    -webkit-animation-name: fadeXsOutDown;
    animation-name: fadeXsOutDown
}

@-webkit-keyframes fadeXsInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeXsInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes fadeXsOutDown {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

@keyframes fadeXsOutDown {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin: 0 -12px 0; */
}

.column {
    flex: 50%;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-lw,
.col-lw-1,
.col-lw-10,
.col-lw-11,
.col-lw-12,
.col-lw-2,
.col-lw-3,
.col-lw-4,
.col-lw-5,
.col-lw-6,
.col-lw-7,
.col-lw-8,
.col-lw-9,
.col-lw-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-mds,
.col-mds-1,
.col-mds-10,
.col-mds-11,
.col-mds-12,
.col-mds-2,
.col-mds-3,
.col-mds-4,
.col-mds-5,
.col-mds-6,
.col-mds-7,
.col-mds-8,
.col-mds-9,
.col-mds-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-tiny,
.col-tiny-1,
.col-tiny-10,
.col-tiny-11,
.col-tiny-12,
.col-tiny-2,
.col-tiny-3,
.col-tiny-4,
.col-tiny-5,
.col-tiny-6,
.col-tiny-7,
.col-tiny-8,
.col-tiny-9,
.col-tiny-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
.col-xs,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-auto,
.col-xxs,
.col-xxs-1,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 0 11px 22px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 360.2px) {
    .col-tiny {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-tiny-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-tiny-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-tiny-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-tiny-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-tiny-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-tiny-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-tiny-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-tiny-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-tiny-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-tiny-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-tiny-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-tiny-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-tiny-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 480.2px) {
    .col-xxs {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xxs-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xxs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xxs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xxs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xxs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xxs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xxs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xxs-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xxs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xxs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 640.2px) {
    .col-xs {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xs-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xs-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xs-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xs-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xs-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xs-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xs-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xs-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xs-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xs-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xs-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xs-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xs-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 767.2px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 860.2px) {
    .col-mds {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-mds-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-mds-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-mds-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-mds-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-mds-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-mds-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-mds-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-mds-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-mds-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-mds-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-mds-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-mds-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-mds-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 992.2px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1200.2px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1600.2px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1300.2px) {
    .col-lw {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lw-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lw-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lw-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lw-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 20%;
    }

    .col-lw-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lw-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lw-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lw-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lw-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lw-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lw-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lw-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lw-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 360.2px) {
    .d-tiny-none {
        display: none !important
    }

    .d-tiny-inline {
        display: inline !important
    }

    .d-tiny-inline-block {
        display: inline-block !important
    }

    .d-tiny-block {
        display: block !important
    }

    .d-tiny-table {
        display: table !important
    }

    .d-tiny-table-row {
        display: table-row !important
    }

    .d-tiny-table-cell {
        display: table-cell !important
    }

    .d-tiny-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-tiny-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 480.2px) {
    .d-xxs-none {
        display: none !important
    }

    .d-xxs-inline {
        display: inline !important
    }

    .d-xxs-inline-block {
        display: inline-block !important
    }

    .d-xxs-block {
        display: block !important
    }

    .d-xxs-table {
        display: table !important
    }

    .d-xxs-table-row {
        display: table-row !important
    }

    .d-xxs-table-cell {
        display: table-cell !important
    }

    .d-xxs-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xxs-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 640.2px) {
    .d-xs-none {
        display: none !important
    }

    .d-xs-inline {
        display: inline !important
    }

    .d-xs-inline-block {
        display: inline-block !important
    }

    .d-xs-block {
        display: block !important
    }

    .d-xs-table {
        display: table !important
    }

    .d-xs-table-row {
        display: table-row !important
    }

    .d-xs-table-cell {
        display: table-cell !important
    }

    .d-xs-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xs-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 767.2px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-blocko {
        display: -webkit-box !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 860.2px) {
    .d-mds-none {
        display: none !important
    }

    .d-mds-inline {
        display: inline !important
    }

    .d-mds-inline-block {
        display: inline-block !important
    }

    .d-mds-block {
        display: block !important
    }

    .d-mds-table {
        display: table !important
    }

    .d-mds-table-row {
        display: table-row !important
    }

    .d-mds-table-cell {
        display: table-cell !important
    }

    .d-mds-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-mds-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992.2px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200.2px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1600.2px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1300.2px) {
    .d-lw-none {
        display: none !important
    }

    .d-lw-inline {
        display: inline !important
    }

    .d-lw-inline-block {
        display: inline-block !important
    }

    .d-lw-block {
        display: block !important
    }

    .d-lw-table {
        display: table !important
    }

    .d-lw-table-row {
        display: table-row !important
    }

    .d-lw-table-cell {
        display: table-cell !important
    }

    .d-lw-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lw-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.svg-sprite {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.ws-nowrap {
    white-space: nowrap
}

.relative {
    position: relative
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.m-0 {
    margin: 0 !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-l-r-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.m-b-t-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.p-0 {
    padding: 0 !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-r-0 {
    padding-right: 0 !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-l-r-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.p-b-t-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.m-5 {
    margin: 5px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-l-r-5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.m-b-t-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.p-5 {
    padding: 5px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-l-r-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.p-b-t-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.m-10 {
    margin: 10px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-l-r-10 {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.m-b-t-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.p-10 {
    padding: 10px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-l-r-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.p-b-t-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.m-15 {
    margin: 15px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-l-r-15 {
    margin-left: 15px !important;
    margin-right: 15px !important
}

.m-b-t-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.p-15 {
    padding: 15px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-l-r-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.p-b-t-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.m-20 {
    margin: 20px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-l-r-20 {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.m-b-t-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.p-20 {
    padding: 20px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-l-r-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.p-b-t-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.m-25 {
    margin: 25px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-l-r-25 {
    margin-left: 25px !important;
    margin-right: 25px !important
}

.m-b-t-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.p-25 {
    padding: 25px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.p-l-r-25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.p-b-t-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.m-30 {
    margin: 30px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-l-r-30 {
    margin-left: 30px !important;
    margin-right: 30px !important
}

.m-b-t-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.p-30 {
    padding: 30px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-l-r-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.p-b-t-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.inline-block {
    display: inline-block
}

.vertical-top {
    vertical-align: top !important
}

.vertical-bottom {
    vertical-align: bottom !important
}

.vertical-middle {
    vertical-align: middle !important
}

.h-header__inn {
    display: table;
    width: 100%
}

.h-header__inn>* {
    display: table-cell;
    vertical-align: middle
}

.footer {
    margin-top: -340px;
    width: 100%;
    position: fixed;
}

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

.footer__inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 -20px -15px;
}

.footer__menu-item {
    padding: 0 15px 20px
}

.footer__menu-link {
    color: #a0a6b2;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.footer__menu-link:hover {
    color: #0656e9
}

.footer__develop {
    font-size: 10px;
    color: #c3c3c3;
    white-space: nowrap
}

.footer__develop a {
    color: #0656e9
}

@media only screen and (min-width: 992px) {
    .header {
        /* padding: 5px 0; */
    }
}

@media only screen and (max-width: 992px) {
    .header {
        /* background: #0656e9; */
    }
}

.header:not(.is-fixed) {
    margin-right: 0 !important;
}

.header.is-fixed {
    background: #0656e9;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 997;
    padding: 0
}

.slideout-open .header {
    z-index: 999
}

.header__inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 60px;
    position: relative
}

@media only screen and (max-width: 992px) {
    .header__inn {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.header__hamburger {
    margin-right: 10px
}

@media only screen and (min-width: 992px) {
    .header__hamburger {
        display: none
    }
}

.header__left,
.header__right-inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__right-inn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media only screen and (max-width: 992px) {
    .header__right {
        text-align: right;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media only screen and (max-width: 992px) {
    .header__left {
        text-align: center
    }
}

.header__logo {
    width: auto;
    margin-right: 35px;
    text-align: center
}

@media only screen and (max-width: 1200px) {
    .header__logo {
        margin-right: 20px;
        width: auto
    }
}

@media only screen and (max-width: 992px) {
    .header__logo {
        display: inline-block;
        margin-right: 0;
        text-align: left;
        width: 75px;
    }
}

@media only screen and (max-width: 360px) {
    .header__logo {
        width: 95px
    }
}

@media only screen and (min-width: 992px) {
    .header__logo .logo {
        display: inline-block;
        width: 70px;
        margin-right: 100%;
    }
}

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

.header__menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px 140px;
    text-transform: capitalize;
    font-size: 16px;
}

.header__menu-item {
    padding: 0 1px;
}

.footerr__menu-item {
    padding: 0 1px;
}


.footerr__menu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    padding: 0 15px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    border-radius: 18px
}

@media only screen and (max-width: 1300px) {
    .footerr__menu-link {
        padding: 0 10px
    }
}

@media only screen and (max-width: 1200px) {
    .footerr__menu-link {
        padding: 0 7px
    }
}

.footerr__menu-link .icon {
    font-size: 16px;
    margin-right: 12px;
    fill: #ffffff;
}

.footerr__menu-link.is-active,
.footerr__menu-link:hover {
    color: #feff00;
}

.footerr__menu-link.is-active .icon,
.footerr__menu-link:hover .icon {
    fill: #feff00;
}

.footerr__menu-link.is-active {
    background: #000000
}

.header__menu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    padding: 0 15px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    border-radius: 18px
}

@media only screen and (max-width: 1300px) {
    .header__menu-link {
        padding: 0 10px
    }
}

@media only screen and (max-width: 1200px) {
    .header__menu-link {
        padding: 0 7px
    }
}

.header__menu-link .icon {
    font-size: 16px;
    margin-right: 12px;
    fill: #ffffff;
}

.header__menu-link.is-active,
.header__menu-link:hover {
    color: #00c774
}

.header__menu-link.is-active .icon,
.header__menu-link:hover .icon {
    fill: #00c774
}

.header__menu-link.is-active {
    background: #00c774
}

.header__balance {
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #00c774;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    min-width: 100px;
    padding: 0 7px;
    border-radius: 18px;
    position: relative;
    margin-right: 40px;
    border: 3px solid #0669e9;
}

@media only screen and (max-width: 1400px) {
    .header__balance {
        margin-right: 20px
    }
}

@media only screen and (max-width: 1200px) {
    .header__balance {
        min-width: 80px
    }
}

@media only screen and (max-width: 640px) {
    .header__balance {
        background-color: #00c774;
        border: 3px solid #0669e9;
    }

    a.header__balance {
        /* display: none; */
    }

    .header__balance:before {
        display: none !important
    }
}

@media only screen and (max-width: 360px) {
    .header__balance {
        padding: 0 10px;
        margin-right: 15px
    }

    .header__balance .icon {
        display: none
    }
}

.header__balance:before {
    position: absolute;
    content: '';
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 28px;
    background: #e9e9e9;
    right: -20px;
    width: 1px
}

@media only screen and (max-width: 1400px) {
    .header__balance:before {
        right: -10px
    }
}

.header__balance .icon {
    font-size: 12px;
    margin-right: 10px;
    fill: #ffffff;
}

.header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -9px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
}

.header__nav-item {
    padding: 0 4px;
}

.header__nav-link {
    position: relative
}

.header__nav-link.is-active .icon {
    fill: #fff
}

.header__nav-link .icon {
    font-size: 16px;
    fill: #ffffff;
}

.header__nav-count {
    position: absolute;
    font-size: 10px;
    border-radius: 50%;
    background: #fa7777;
    width: 14px;
    height: 14px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    right: -5px;
    top: -5px;
    z-index: 2;
    font-weight: 600
}

.header__user .header__nav-count {
    display: none
}

.header__user {
    /* margin-left: 25px; */
    position: relative
}

@media only screen and (max-width: 1200px) {
    .header__user {
        /* margin-left: 15px; */
        /* display: none; */
    }
}

@media only screen and (max-width: 640px) {
    .header__user.is-has-notifications .header__nav-count {
        display: block;
        right: 3px;
        top: 13px;
        z-index: 6
    }
}

.header__user-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 10px;
    padding-right: 30px;
    margin-left: -10px;
    height: 60px;
    max-width: 180px
}

.header__user-main:after {
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
    bottom: 3px;
    left: 21px;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    pointer-events: none
}

@media only screen and (max-width: 992px) {
    .header__user-main:after {
        display: none
    }
}

.dropdown-open .header__user-main:after,
.header__user-main.is-active:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width: 1300px) {
    .header__user-main {
        margin-left: -5px;
        padding-left: 5px;
        padding-right: 25px
    }

    .header__user-main:before {
        right: 5px !important
    }

    .header__user-main:after {
        left: auto;
        right: 35px
    }
}

@media only screen and (max-width: 992px) {
    .header__user-main {
        padding: 0 5px;
        margin: 0 -5px
    }

    .header__user-main:before {
        display: none
    }
}

.header__user-main:before {
    font-size: 10px;
    color: rgba(221, 233, 254, .5);
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dropdown-open .header__user-main:before {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.header__user-name {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 15px
}

@media only screen and (max-width: 1300px) {
    .header__user-name {
        display: none
    }
}

.header__user .user-pic {
    height: 42px;
    width: 42px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 3px solid #1956a473;
}

@media only screen and (max-width: 992px) {
    .header__user .user-pic {
        border: 3px solid #1956a473;
    }
}

.header__auth {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header__auth .btn,
.header__auth .imsocial-btn,
.header__auth .sidebar__back {
    min-width: 125px;
    margin-right: 10px
}

.header__auth .btn:last-child,
.header__auth .imsocial-btn:last-child,
.header__auth .sidebar__back:last-child {
    margin-right: 0
}

.header__drop {
    position: absolute;
    min-width: 200px;
    right: 0;
    display: block !important;
    border-radius: 5px;
    top: 100%;
    margin-top: -3px;
    -webkit-box-shadow: 0 10px 13px 4px rgba(193, 201, 249, .2);
    box-shadow: 0 10px 13px 4px rgba(193, 201, 249, .2);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    z-index: 11
}

.dropdown-open .header__drop {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width: 1200px) {
    .header__add-task {
        /* display: none; */
    }
}

.header__notification {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 640px) {
    .header__notification {
        /* display: none; */
    }
}

.header__notification.dropdown-open {
    background: #7079e9
}

.header__notification .header__drop {
    width: 300px;
    background: #fff;
    border-radius: 5px
}

@media only screen and (max-width: 360px) {
    .header__notification .header__drop {
        width: 100%
    }
}

.header__notification .header__drop.is-loading {
    min-height: 100px
}

.header__notification .header__drop.is-loading:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: ''
}

.header .progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.l-wrapper {
    max-width: 1330px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px
}

@media only screen and (max-width: 992px) {
    .l-wrapper {
        padding: 0 45px
    }
}

@media only screen and (max-width: 640px) {
    .l-wrapper {
        padding: 0 15px
    }
}

.l-body.dark:before {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 88;
    content: '';
    left: 0;
    top: 0;
    -webkit-animation: fadeIn .3s forwards;
    animation: fadeIn .3s forwards;
    display: block;
    background: rgba(34, 39, 64, .8)
}

@media only screen and (min-width: 993px) {
    .l-main:after {
        position: absolute;
        /* content: ''; */
        left: 0;
        top: 0;
        width: 100%;
        background: #0656e9;
        height: 162px;
        z-index: -1;
        -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1);
        box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
    }
}

.l-main--standalone:after {
    height: 80px
}

.l-main--standalone .l-inner {
    padding-top: 40px
}

.l-main--standalone .maintenance {
    min-height: 100vh
}

.l-main:before {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 88;
    content: '';
    display: none;
    left: 0;
    top: 0;
    -webkit-animation: fadeIn .3s forwards;
    animation: fadeIn .3s forwards
}

.slideout-open .l-main {
    position: relative;
    z-index: 101;
    background: #f7f8fc
}

.slideout-open .l-main:before {
    background: rgba(53, 70, 102, .8);
    display: block
}

.slideout-closing .l-main:before {
    -webkit-animation: fadeOut .3s forwards;
    animation: fadeOut .3s forwards
}

.l-home {
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 15px
}

@media only screen and (max-width: 767px) {
    .l-home {
        padding: 0 45px
    }
}

@media only screen and (max-width: 640px) {
    .l-home {
        padding: 0 15px
    }
}

.l-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 60px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: calc(100vh - 100px);
    margin-top: 15px;
}

.l-body--base .l-inner {
    min-height: calc(100vh - 60px)
}

@media only screen and (max-width: 992px) {
    .l-inner {
        padding: 20px 0 45px;
        display: block
    }
}

.l-inner__aside {
    width: 265px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 35px;
}

@media only screen and (max-width: 1200px) {
    .l-inner__aside {
        width: 245px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 992px) {
    .l-inner__aside {
        display: contents;
    }
}

.l-inner__aside-inn {
    position: sticky;
    top: 80px
}

.l-inner__aside-inn>* {
    margin-bottom: 20px
}

.l-inner__aside-inn>:last-child {
    margin-bottom: 0
}

.l-inner__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0
}

.l-inner__content {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    zoom: 110%;
}

.l-inner__content--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.l-inner__content .box,
.l-inner__content>*,
.l-inner__content>div:not([class])>* {
    margin-bottom: 20px;
}

.l-inner__content>:last-child {
    margin-bottom: 0;
    overflow: auto;
}

.swipe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.swipe__group,
.swipe__head,
.swipe__menu {
    padding-top: 20px;
    padding-bottom: 20px
}

.swipe__group,
.swipe__head,
.swipe__menu-link {
    padding-left: 40px;
    padding-right: 40px
}

@media only screen and (max-width: 767px) {

    .swipe__group,
    .swipe__head,
    .swipe__menu-link {
        padding-left: 25px;
        padding-right: 25px
    }
}

.swipe__head {
    background: #f7f8fc
}

.swipe__balance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swipe__balance-inn {
    color: #7f8fa5;
    font-weight: 600;
    font-size: 18px;
    padding-left: 35px;
    position: relative;
    padding-top: .27778em;
    width: 100%;
    margin-bottom: 20px
}

.swipe__balance-inn .icon {
    position: absolute;
    left: 0;
    font-size: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.swipe__balance-inn>span {
    font-size: 24px;
    font-weight: 600;
    color: #4e5665
}

.swipe__balance .btn,
.swipe__balance .imsocial-btn,
.swipe__balance .sidebar__back {
    margin-right: 10px
}

.swipe__balance .btn:last-child,
.swipe__balance .imsocial-btn:last-child,
.swipe__balance .sidebar__back:last-child {
    margin-right: 0
}

.swipe__group,
.swipe__menu {
    border-bottom: 1px solid #efefef;
    background-color: white;
}

.swipe__group:last-child,
.swipe__menu:last-child {
    border-bottom: 0
}

.swipe__menu-item {
    position: relative
}

.swipe__menu-link {
    font-weight: 600;
    font-size: 14px;
    color: #4e5665;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.swipe__menu-link.is-active {
    background: #f0f2ff
}

.swipe__menu-link .icon {
    font-size: 16px;
    fill: #c3cad0;
    margin-right: 15px
}

.swipe__notification {
    position: absolute;
    right: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.swipe .footer {
    display: block !important;
    margin: 0;
    background: #f7f8fc;
}

.l-wrapper {
    max-width: 1330px;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}

@media only screen and (max-width: 992px) {
    .l-wrapper {
        padding: 0 45px
    }
}

@media only screen and (max-width: 640px) {
    .l-wrapper {
        padding: 0 15px;
    }
}

.datepickers-container {
    z-index: 999
}

.datepicker {
    font-family: Montserrat, Arial, -apple-system-body, sans-serif;
    font-size: 12px;
    -webkit-box-shadow: 0 10px 13px 4px rgba(193, 201, 249, .2);
    box-shadow: 0 10px 13px 4px rgba(193, 201, 249, .2);
    border: 1px solid #f2f4f9;
    border-radius: 5px;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.datepicker--pointer {
    border-color: #f2f4f9
}

.datepicker--content {
    padding: 0 14px 14px
}

.datepicker--cell {
    font-size: 11px;
    font-weight: 600;
    color: #4e5665
}

.datepicker--cell.-current-,
.datepicker--cell.-focus-,
.datepicker--cell.-selected- {
    background: #ebecfa;
    color: #4e5665
}

.datepicker--cell-day {
    width: 24px;
    height: 24px;
    margin-right: 7.333px;
    margin-bottom: 8px;
    border-radius: 50%
}

.datepicker--cell-day:nth-child(7n) {
    margin-right: 0
}

.datepicker--days-names {
    margin: 0 0 13px
}

.datepicker--day-name {
    font-size: 11px;
    color: #abb1bc;
    line-height: 1
}

.datepicker--nav {
    min-height: 45px;
    color: #515968;
    border-bottom: 0;
    padding: 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.datepicker--nav-title {
    font-weight: 600;
    text-transform: uppercase
}

.datepicker--nav-action,
.datepicker--nav-title {
    height: 30px
}

.datepicker--nav-action {
    border-radius: 50%;
    width: 30px;
    height: 30px
}

.datepicker--nav-action .icon {
    width: 1em;
    height: 1em;
    font-size: 10px;
    fill: #515968
}

.datepicker--cells-days {
    padding: 0 4px;
    margin-bottom: -8px
}

.awesomplete {
    width: 100%
}

.awesomplete.is-open {
    z-index: 12
}

.awesomplete>ul {
    top: -20px;
    left: -15px;
    right: -15px;
    background: #fff;
    border-radius: 8px;
    padding: 52px 0 0;
    -webkit-box-shadow: 0 14px 25px 8px rgba(230, 231, 250, .5);
    box-shadow: 0 14px 25px 8px rgba(230, 231, 250, .5)
}

.awesomplete li {
    cursor: pointer;
    display: block
}

.awesomplete input[aria-expanded=true] {
    position: relative;
    z-index: 9
}

#bp_container .bp-lr {
    top: calc(50% - 1.5em);
    padding: 0
}

#bp_container .bp-lr svg {
    height: 3em !important
}

#bp_container>#bp_count {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    font-size: 12px;
    background: rgba(0, 0, 0, .9);
    padding: 10px 0;
    display: block;
    width: 50px;
    text-align: center
}

#bp_aud,
#bp_container img,
#bp_sv,
#bp_vid {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1
}

.fancybox-content {
    display: inline-block;
    margin: 0;
    max-width: 400px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
    color: #ccc
}

.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled] {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

body:not(.fancybox-active) .compensate-for-scrollbar {
    margin-right: 0 !important;
}

.fancybox-active {
    overflow: hidden
}

.fancybox-bg {
    background: rgba(34, 39, 64, .8)
}

.fancybox-is-open .fancybox-bg {
    opacity: 1
}

.fancybox-container {
    font-family: Montserrat;
    z-index: 998
}

.fancybox-slide:before {
    display: none
}

.fancybox-slide--current {
    -webkit-perspective: 800px;
    perspective: 800px
}

.fancybox-slide--html {
    padding: 30px 15px
}

.highcharts-navigator-mask-inside {
    stroke-width: 1
}

.highcharts-green .highcharts-navigator-mask-inside {
    stroke: #e7f4da;
    fill: url(#mask-inside-gradient-green)
}

.highcharts-violet .highcharts-navigator-mask-inside {
    stroke: #e2e9f9;
    fill: url(#mask-inside-gradient-violet)
}

.highcharts-navigator-mask-outside {
    fill: rgba(255, 255, 255, .6)
}

.irs,
.irs-line {
    display: block;
    position: relative
}

.irs-bar,
.irs-shadow {
    position: absolute
}

.irs-bar {
    display: block
}

.irs-handle {
    z-index: 1;
    display: block
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    z-index: -9999 !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important
}

.irs {
    height: 24px
}

@media only screen and (max-width: 480px) {
    .irs {
        height: 28px
    }
}

.irs--flat .irs-min,
.irs-from,
.irs-max,
.irs-single,
.irs-to {
    font-size: 10px;
    padding: 1px 5px;
    color: #b2b2b2;
    line-height: 1.333;
    text-shadow: none;
    top: 15px
}

.irs--flat .irs-max {
    right: -5px
}

.irs-min {
    left: -5px
}

.irs-from,
.irs-single,
.irs-to {
    top: 15px
}

.irs--flat .irs-bar,
.irs--flat .irs-bar-edge,
.irs--flat .irs-line {
    top: 9px;
    height: 6px;
    border-radius: 3px
}

@media only screen and (max-width: 480px) {

    .irs--flat .irs-bar,
    .irs--flat .irs-bar-edge,
    .irs--flat .irs-line {
        top: 11px
    }
}

.irs--flat .irs-line {
    border: 1px solid #e7e7e7;
    background: #e7eaf5
}

.irs--flat .irs-bar,
.irs--flat .irs-bar-edge {
    background: -webkit-gradient(linear, left top, right top, from(#6c76ec), color-stop(100.73%, #949cff));
    background: linear-gradient(90deg, #6c76ec 0, #949cff 100.73%)
}

.irs--flat .irs-bar-edge {
    width: 32px
}

.irs--flat .irs-handle {
    top: 0;
    width: 24px;
    height: 24px;
    background: #6c76ec;
    border: 6px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    -webkit-transition: all ease .1s;
    transition: all ease .1s;
    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, -webkit-transform;
    transition-property: width, height, transform;
    transition-property: width, height, transform, -webkit-transform
}

@media only screen and (max-width: 480px) {
    .irs--flat .irs-handle {
        width: 28px;
        height: 28px
    }
}

.irs--flat .irs-handle>* {
    display: none !important
}

.irs--flat .irs-handle.state_hover,
.irs--flat .irs-handle:hover {
    width: 30px;
    height: 30px;
    -webkit-transform: translateX(-3px) translateY(-3px);
    transform: translateX(-3px) translateY(-3px)
}

@media only screen and (max-width: 480px) {

    .irs--flat .irs-handle.state_hover,
    .irs--flat .irs-handle:hover {
        -webkit-transform: translateX(-1px) translateY(-1px);
        transform: translateX(-1px) translateY(-1px)
    }
}

.irs,
.irs-line {
    display: block;
    position: relative
}

.irs-bar,
.irs-shadow {
    position: absolute
}

.irs-bar {
    display: block
}

.irs-handle {
    z-index: 1;
    display: block
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    z-index: -9999 !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important
}

.irs {
    height: 32px
}

.irs--flat .irs-min,
.irs-from,
.irs-max,
.irs-single,
.irs-to {
    font-size: 10px;
    padding: 1px 5px;
    color: #b2b2b2;
    line-height: 1.333;
    text-shadow: none;
    top: 15px
}

.irs--flat .irs-max {
    right: -5px
}

.irs-min {
    left: -5px
}

.irs-from,
.irs-single,
.irs-to {
    top: 15px
}

.irs--flat .irs-bar,
.irs--flat .irs-bar-edge,
.irs--flat .irs-line {
    top: 9px;
    height: 15px;
    border-radius: 13px
}

.irs--flat .irs-line {
    border: 1px solid #e7e7e7;
    background: #f7f8fc
}

.irs--flat .irs-bar,
.irs--flat .irs-bar-edge {
    background: #81be3a
}

.irs--flat .irs-bar-edge {
    width: 32px
}

.irs--flat .irs-handle {
    top: 0;
    width: 32px;
    height: 32px;
    border: 0;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px 1px #d6e0eb;
    box-shadow: 0 5px 10px 1px #d6e0eb;
    border-radius: 50%;
    cursor: pointer;
    position: absolute
}

.irs--flat .irs-handle>* {
    display: none !important
}

.irs--flat .irs-handle.state_hover,
.irs--flat .irs-handle:hover {
    background: #e8e9fa
}

.notyf__toast {
    border-left: 3px solid transparent;
    background: #fff !important;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    cursor: pointer
}

.notyf__toast--upper:last-child {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.notyf__toast--success {
    border-left-color: #8dc640
}

.notyf__toast--success .notyf-icon {
    color: #8dc640 !important
}

.notyf__toast--error {
    border-left-color: #e24c4b
}

.notyf__toast--error .notyf-icon {
    color: #e24c4b !important
}

.notyf__icon {
    width: auto;
    font-size: inherit;
    margin-right: 15px;
    line-height: 0
}

.notyf-icon {
    font-size: 0;
    line-height: 0
}

.notyf-icon:before {
    font-size: 24px
}

.notyf-icon-success:before {}

.notyf-icon-error:before {}

.notyf__message {
    color: #4e5665;
    line-height: 1.6
}

.notyf__toast--upper {
    margin-bottom: 10px
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

.select2-container--disabled {
    opacity: .5
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-container .select2-selection__rendered {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection__clear {
    position: relative
}

.select2-container [aria-expanded=true] .select2-selection__rendered {
    -webkit-transition: all linear .3s;
    transition: all linear .3s;
    -webkit-transition-property: background, color, border-top-left-radius, border-top-right-radius;
    transition-property: background, color, border-top-left-radius, border-top-right-radius
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.awesomplete li,
.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.awesomplete li[aria-selected],
.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-dropdown {
    border-bottom: 0;
    z-index: 1001
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-icon-container {
    padding-left: 25px
}

.select2-selection__rendered .select2-icon-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.awesomplete li .select2-icon-container,
.select2-results__option .select2-icon-container {
    width: 100%
}

.select2-icon-container__counter {
    white-space: nowrap;
    color: #b9bef6;
    font-weight: 600;
    margin-left: 10px
}

.select2-icon-container .icon {
    font-size: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.select2-selection {
    position: relative
}

.select2-selection:before {
    display: none;
    position: absolute;
    left: -15px;
    right: -15px;
    height: 43px;
    background: #fff;
    content: '';
    bottom: -4px
}

.select2-container--below .select2-selection:before {
    border-radius: 8px 8px 0 0
}

.select2-container--above .select2-selection:before {
    border-radius: 0 0 8px 8px
}

.select2-container--open .select2-selection:before {
    display: block
}

.select2-container--open .select2-selection>* {
    z-index: 12
}

.select2-selection__rendered {
    padding-left: 0;
    padding-right: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-radius: 0;
    color: #515968;
    border-bottom: 1px solid #e6e7fa
}

.select2-selection__rendered,
.select2-selection__rendered .select2-icon-container {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.select2-custom .select2-selection__rendered {
    line-height: normal;
    height: auto
}

.select2-custom .select2-selection__rendered .icon {
    left: auto;
    -webkit-transform: none;
    transform: none;
    top: auto
}

.select2-container--open .select2-selection__rendered {
    border-bottom-color: transparent;
    position: relative
}

.select2-selection__rendered .icon {
    left: 0;
    -webkit-transform: none;
    transform: none;
    top: 9px
}

.select2-selection__placeholder {
    color: #838895
}

.select2-custom .select2-selection__placeholder {
    height: 40px;
    line-height: 40px
}

.geo-select:before,
.select2-selection__arrow:before {
    position: absolute;
    top: 50%;
    border: 0;
    line-height: 1;
    margin: 1px 0 0;
    color: #abb1bc;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    right: 0
}

.select2-container--open .geo-select:before,
.select2-container--open .select2-selection__arrow:before {
    -webkit-transform: scaleY(-1) translateY(50%);
    transform: scaleY(-1) translateY(50%);
    color: #515968
}

.select2-dropdown {
    background: 0 0;
    border: 0
}

.select2-dropdown--below {
    margin-top: -39px
}

.select2-dropdown--below .select2-results {
    padding-top: 43px
}

.select2-dropdown--below.select2-custom {
    margin-top: -45px
}

.select2-dropdown--below.select2-custom .select2-results {
    padding-top: 48px
}

.select2-dropdown--above {
    margin-top: 39px
}

.select2-dropdown--above .select2-results {
    padding-bottom: 43px
}

.select2-dropdown--above.select2-custom {
    margin-top: 45px
}

.select2-dropdown--above.select2-custom .select2-results {
    padding-bottom: 48px
}

@-webkit-keyframes aa {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
        pointer-events: none
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: auto
    }
}

@keyframes aa {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
        pointer-events: none
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        pointer-events: auto
    }
}

.select2-results {
    margin: 0 -15px;
    border-radius: 8px;
    -webkit-box-shadow: 0 14px 25px 8px rgba(230, 231, 250, .5);
    box-shadow: 0 14px 25px 8px rgba(230, 231, 250, .5);
    -webkit-animation: aa .3s forwards;
    animation: aa .3s forwards;
    cursor: pointer
}

.select2-results__options {
    background: #fff;
    position: relative;
    max-height: 225px;
    overflow: auto
}

.select2-dropdown--below .select2-results__options {
    border-radius: 0 0 8px 8px
}

.select2-dropdown--above .select2-results__options {
    border-radius: 8px 8px 0 0
}

.select2-results__options:after,
.select2-results__options:before {
    position: absolute;
    content: '';
    left: 15px;
    right: 0;
    height: 1px
}

.select2-results__options:before {
    background: #ebedf3
}

.select2-dropdown--below .select2-results__options:before {
    top: 0
}

.select2-dropdown--above .select2-results__options:before {
    bottom: 0
}

.select2-results__options:after {
    background: #fff
}

.select2-dropdown--below .select2-results__options:after {
    bottom: 0
}

.select2-dropdown--above .select2-results__options:after {
    top: 0
}

.awesomplete li,
.select2-results__option {
    min-height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #515968;
    position: relative;
    padding: 5px 15px;
    word-break: break-all
}

.awesomplete li .select2-icon-container,
.select2-results__option .select2-icon-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.awesomplete li .select2-icon-container__label,
.select2-results__option .select2-icon-container__label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.awesomplete li:last-child:after,
.select2-results__option:last-child:after {
    display: none
}

.awesomplete li:after,
.awesomplete li:before,
.select2-results__option:after,
.select2-results__option:before {
    position: absolute;
    content: '';
    left: 15px;
    right: 0;
    height: 1px;
    background: #ebedf3
}

.awesomplete li:before,
.select2-results__option:before {
    top: -1px;
    background: 0 0;
    left: 0
}

.awesomplete li:after,
.select2-results__option:after {
    bottom: 0
}

.awesomplete li[aria-selected=true],
.awesomplete li[aria-selected=true]:after,
.awesomplete li[aria-selected=true]:before,
.select2-results__option[aria-selected=true],
.select2-results__option[aria-selected=true]:after,
.select2-results__option[aria-selected=true]:before {
    background: rgba(230, 233, 255, .5)
}

.awesomplete li:hover,
.awesomplete li:hover:after,
.awesomplete li:hover:before,
.select2-results__option--highlighted,
.select2-results__option--highlighted:after,
.select2-results__option--highlighted:before {
    background: #f7f8fd
}

.awesomplete .select2-custom li .icon,
.select2-custom .awesomplete li .icon,
.select2-custom .select2-results__option .icon {
    left: auto
}

.awesomplete li .icon,
.select2-results__option .icon {
    left: 15px
}

.slideout-open,
.slideout-open body {
    overflow: hidden
}

.slideout-menu {
    position: fixed;
    top: 60px;
    height: calc(100% - 60px);
    overflow: auto;
    background: #fff;
    width: 380px;
    display: none;
    z-index: 99;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

@media only screen and (max-width: 767px) {
    .slideout-menu {
        width: 330px
    }
}

@media only screen and (max-width: 480px) {
    .slideout-menu {
        width: 270px
    }
}

.slideout-menu.slideout-menu-left {
    left: 0
}

.slideout-menu.slideout-menu-right {
    right: 0
}

.ps,
.scrollbar {
    position: relative;
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-y,
.scrollbar-track-y {
    width: 7px;
    right: 0;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 9;
    -webkit-transition: background ease .3s;
    transition: background ease .3s
}

.ps__rail-y:hover,
.scrollbar-track-y:hover {
    background: #f3f3f3
}

.ps__thumb-y,
.scrollbar-thumb-y {
    width: 100%;
    background: #0656e9;
    opacity: .5;
    right: 0;
    border-radius: 8px;
    position: absolute;
    -webkit-transition: opacity ease .3s;
    transition: opacity ease .3s
}

.ps__thumb-y:hover,
.scrollbar-thumb-y:hover {
    opacity: 1
}

.swiper-pagination-lock {
    display: none
}

.swiper {
    display: none
}

.sh.string {
    color: #0656e9
}

.sh.boolean {
    color: #00f
}

.sh.null {
    color: #ff00ff
}

.tippy-tooltip {
    font-size: 12px;
    padding: 5px 10px
}

.tippy-tooltip[data-animation=perspective][data-state=visible] {
    -webkit-transform: none !important;
    transform: none !important
}

.tippy-tooltip.dark-theme .tippy-backdrop {
    background: rgba(0, 0, 0, .7)
}

.tippy-content {
    padding: 0
}

.tippy-tooltip.light-theme {
    -webkit-box-shadow: 0 10px 13px 4px rgba(193, 201, 249, .2);
    box-shadow: 0 10px 13px 4px rgba(193, 201, 249, .2);
    border-radius: 5px;
    border: 1px solid #f2f4f9;
    background-color: #fff;
    font-weight: 500;
    padding: 15px;
    color: #4e5665;
    line-height: 1.6;
    text-align: left
}

[x-placement=bottom] .tippy-tooltip.light-theme {
    -webkit-box-shadow: 0 -10px 13px 4px rgba(193, 201, 249, .2);
    box-shadow: 0 -10px 13px 4px rgba(193, 201, 249, .2)
}

.tippy-tooltip.light-theme .tippy-content>span {
    color: #b1b6c4
}

.tippy-tooltip.gradient-theme {
    font-weight: 600;
    padding: 5px 10px;
    background: radial-gradient(circle at 130% 72%, #0656e9, #4c9dfb, #9c24ff)
}

.tippy-tooltip.style-theme {
    -webkit-box-shadow: 0 8px 8px rgba(50, 50, 71, .08), 0 8px 16px rgba(50, 50, 71, .06);
    box-shadow: 0 8px 8px rgba(50, 50, 71, .08), 0 8px 16px rgba(50, 50, 71, .06);
    border-radius: 18px;
    border: 0;
    background-color: #727dff;
    font-weight: 600;
    font-family: OpenSans;
    color: #fff;
    line-height: 1.8;
    text-align: left;
    padding: 18px 24px
}

.tippy-tooltip.style-theme[data-placement^=top]>.tippy-arrow {
    border-top-color: #727dff
}

.tippy-tooltip.style-theme[data-placement^=bottom]>.tippy-arrow {
    border-bottom-color: #727dff
}

.noUi-target {
    position: relative
}

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat
}

.noUi-connect {
    height: 100%;
    width: 100%
}

.noUi-origin {
    height: 10%;
    width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-horizontal {
    height: 24px
}

.noUi-connect,
.noUi-connects {
    height: 6px;
    border-radius: 3px
}

.noUi-connects {
    top: 9px;
    position: absolute;
    left: 0;
    background: #e7eaf5
}

@media only screen and (max-width: 480px) {
    .noUi-connects {
        top: 11px
    }
}

.noUi-connect {
    background: -webkit-gradient(linear, left top, right top, from(#6c76ec), color-stop(100.73%, #949cff));
    background: linear-gradient(90deg, #6c76ec 0, #949cff 100.73%)
}

.noUi-handle {
    top: 0;
    width: 24px;
    height: 24px;
    background: #6c76ec;
    border: 6px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    -webkit-transition: all ease .1s;
    transition: all ease .1s;
    -webkit-transition-property: width, height, -webkit-transform;
    transition-property: width, height, -webkit-transform;
    transition-property: width, height, transform;
    transition-property: width, height, transform, -webkit-transform;
    right: -12px
}

.noUi-handle.noUi-active,
.noUi-handle:hover {
    width: 30px;
    height: 30px;
    -webkit-transform: translateX(3px) translateY(-3px);
    transform: translateX(3px) translateY(-3px)
}

@media only screen and (max-width: 480px) {

    .noUi-handle.noUi-active,
    .noUi-handle:hover {
        -webkit-transform: translateX(1px) translateY(-1px);
        transform: translateX(1px) translateY(-1px)
    }
}

@media only screen and (max-width: 480px) {
    .noUi-handle {
        width: 28px;
        height: 28px;
        right: -14px
    }
}

.accordion-list--collapse {
    border-radius: 4px;
    overflow: hidden
}

.accordion-list--collapse .accordion-list__item {
    margin-bottom: 0;
    border-bottom: 1px solid #efefef
}

.accordion-list--collapse .accordion-list__item:last-child {
    border-bottom: 0
}

.accordion-list__item {
    margin-bottom: 20px
}

.accordion-list__item:nth-child(1) .accordion .round-icon {
    background: #e6e9ff
}

.accordion-list__item:nth-child(1) .accordion .round-icon .icon {
    fill: #0656e9
}

.accordion-list__item:nth-child(2) .accordion .round-icon {
    background: #e2f4cf
}

.accordion-list__item:nth-child(2) .accordion .round-icon .icon {
    fill: #81be3a
}

.accordion-list__item:nth-child(3) .accordion .round-icon {
    background: #ffdbdb
}

.accordion-list__item:nth-child(3) .accordion .round-icon .icon {
    fill: #fa7777
}

.accordion-list__item:nth-child(4) .accordion .round-icon {
    background: #fff6e7
}

.accordion-list__item:nth-child(4) .accordion .round-icon .icon {
    fill: #f99b00
}

.accordion-list__item:last-child {
    margin-bottom: 0
}

.accordion {
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.accordion.accordion-open {
    background: #fafcff
}

.accordion.accordion-open .accordion__head:before {
    color: #4c9dfb;
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%)
}

.accordion--lg .accordion__head,
.accordion--lg .accordion__inner--align {
    padding-left: 90px !important
}

@media only screen and (max-width: 767px) {

    .accordion--lg .accordion__head,
    .accordion--lg .accordion__inner--align {
        padding-left: 70px !important
    }
}

@media only screen and (max-width: 480px) {
    .accordion--lg .accordion__inner--align {
        padding-left: 15px !important
    }
}

.accordion--lg .accordion__head {
    min-height: 90px;
    padding-right: 55px
}

.accordion--lg .accordion__head .round-icon {
    font-size: 40px
}

.accordion--lg .accordion__head .round-icon .icon {
    font-size: 23px
}

.accordion__head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 70px;
    padding: 10px;
    padding-left: 70px;
    padding-right: 50px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

.accordion__head:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
    font-size: 16px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    color: #abb1bc
}

.accordion__head .round-icon {
    left: 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 28px
}

@media only screen and (max-width: 767px) {
    .accordion__head .round-icon {
        left: 15px
    }
}

.accordion__head .round-icon .icon {
    font-size: 14px
}

.accordion__title {
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4
}

.accordion__desc {
    line-height: 1.6;
    margin-top: 5px;
    color: #7f8b9a
}

.accordion__inner {
    display: none
}

.accordion__inner--align {
    padding-left: 70px
}

.accordion .icon-wallet-fill {
    margin-top: -3px
}

.accordion .icon-gift {
    margin-top: -1px
}

.account-group--vk .account-group__name:before {
    background: #0656e9
}

.account-group--vk .btn,
.account-group--vk .imsocial-btn,
.account-group--vk .sidebar__back {
    background: #e6e9ff;
    color: #0656e9
}

.account-group--vk .btn .icon,
.account-group--vk .imsocial-btn .icon,
.account-group--vk .sidebar__back .icon {
    fill: #0656e9
}

.account-group--vk .btn:hover,
.account-group--vk .imsocial-btn:hover,
.account-group--vk .sidebar__back:hover {
    background: #0656e9;
    color: #fff
}

.account-group--vk .btn:hover .icon,
.account-group--vk .imsocial-btn:hover .icon,
.account-group--vk .sidebar__back:hover .icon {
    fill: #fff
}

.account-group--instagram .account-group__name:before {
    background: #da374f
}

.account-group--instagram .btn,
.account-group--instagram .imsocial-btn,
.account-group--instagram .sidebar__back {
    background: #f5e6ff;
    color: #da374f
}

.account-group--instagram .btn .icon,
.account-group--instagram .imsocial-btn .icon,
.account-group--instagram .sidebar__back .icon {
    fill: #da374f
}

.account-group--instagram .btn:hover,
.account-group--instagram .imsocial-btn:hover,
.account-group--instagram .sidebar__back:hover {
    background: #da374f;
    color: #fff
}

.account-group--instagram .btn:hover .icon,
.account-group--instagram .imsocial-btn:hover .icon,
.account-group--instagram .sidebar__back:hover .icon {
    fill: #fff
}

.account-group--telegram .account-group__name:before {
    background: #7daded
}

.account-group--telegram .btn,
.account-group--telegram .imsocial-btn,
.account-group--telegram .sidebar__back {
    background: #b1c0ed;
    color: #7daded
}

.account-group--telegram .btn .icon,
.account-group--telegram .imsocial-btn .icon,
.account-group--telegram .sidebar__back .icon {
    fill: #7daded
}

.account-group--telegram .btn:hover,
.account-group--telegram .imsocial-btn:hover,
.account-group--telegram .sidebar__back:hover {
    background: #7daded;
    color: #fff
}

.account-group--telegram .btn:hover .icon,
.account-group--telegram .imsocial-btn:hover .icon,
.account-group--telegram .sidebar__back:hover .icon {
    fill: #fff
}

.account-group--tiktok .account-group__name:before {
    background: #000
}

.account-group--tiktok .btn,
.account-group--tiktok .imsocial-btn,
.account-group--tiktok .sidebar__back {
    background: #1a1a1a;
    color: #000
}

.account-group--tiktok .btn .icon,
.account-group--tiktok .imsocial-btn .icon,
.account-group--tiktok .sidebar__back .icon {
    fill: #000
}

.account-group--tiktok .btn:hover,
.account-group--tiktok .imsocial-btn:hover,
.account-group--tiktok .sidebar__back:hover {
    background: #000;
    color: #fff
}

.account-group--tiktok .btn:hover .icon,
.account-group--tiktok .imsocial-btn:hover .icon,
.account-group--tiktok .sidebar__back:hover .icon {
    fill: #fff
}

.account-group--likee .account-group__name:before {
    background: #ff0072
}

.account-group--likee .btn,
.account-group--likee .imsocial-btn,
.account-group--likee .sidebar__back {
    background: #ff338e;
    color: #ff0072
}

.account-group--likee .btn .icon,
.account-group--likee .imsocial-btn .icon,
.account-group--likee .sidebar__back .icon {
    fill: #ff0072
}

.account-group--likee .btn:hover,
.account-group--likee .imsocial-btn:hover,
.account-group--likee .sidebar__back:hover {
    background: #ff0072;
    color: #fff
}

.account-group--likee .btn:hover .icon,
.account-group--likee .imsocial-btn:hover .icon,
.account-group--likee .sidebar__back:hover .icon {
    fill: #fff
}

.account-group__name {
    font-size: 16px;
    font-weight: 600;
    padding-left: 35px;
    position: relative
}

.account-group__name:before {
    position: absolute;
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 11px;
    height: 11px;
    border: 2px solid #fff;
    z-index: 9;
    border-radius: 50%
}

.account-group__list {
    padding-left: 35px;
    position: relative;
    padding-top: 25px
}

@media only screen and (max-width: 480px) {
    .account-group__list {
        padding-left: 0
    }

    .account-group__list:before {
        display: none
    }
}

.account-group__list:before {
    position: absolute;
    content: '';
    bottom: 0;
    top: -10px;
    left: 5px;
    width: 1px;
    background: #e0e9f3
}

.account-group .btn,
.account-group .imsocial-btn,
.account-group .sidebar__back {
    margin-top: 20px
}

.account+.account {
    margin-top: 20px
}

.account--no-bg {
    background-color: transparent !important
}

.account--deleted .account__info {
    opacity: .5
}

.account--sm .account__name {
    font-size: 12px;
    margin-bottom: 0
}

.account--sm .account__link {
    font-size: 10px;
    font-weight: 400
}

.account--sm .account__user-right {
    padding-left: 10px
}

.account__inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.account__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.account__user-right {
    padding-left: 15px
}

.account__user .task-head {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.account__name {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 2px
}

.account__link {
    font-weight: 600;
    font-size: 11px
}

.account__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 15px
}

.account__menu {
    background: rgba(247, 248, 252, .45);
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.account__status {
    -ms-flex-item-align: center;
    align-self: center;
    margin-right: 25px
}

.account__status-label {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 480px) {
    .account__status-label {
        font-size: 0
    }

    .account__status-label:before {
        margin-right: 0
    }
}

.account__status-label--green {
    color: #9cca66
}

.account__status-label--green:before {
    background: #9cca66
}

.account__status-label--red {
    color: #fa7777
}

.account__status-label--red:before {
    background: #fa7777
}

.account__status-label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    display: block;
    margin-right: 7px
}

.actions-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* margin: 0 -5px; */
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.actions-menu.is-disabled .actions-menu__item:not(.actions-menu__item--always) {
    pointer-events: none;
    opacity: .45
}

.actions-menu__item {
    padding: 0 5px;
    position: relative
}

.actions-menu__item.dropdown-open {
    z-index: 12
}

.actions-menu__item--blue .actions-menu__link,
.actions-menu__item--green .actions-menu__link,
.actions-menu__item--orange .actions-menu__link {
    border: 0
}

.actions-menu__item--blue .actions-menu__link .icon,
.actions-menu__item--green .actions-menu__link .icon,
.actions-menu__item--orange .actions-menu__link .icon {
    fill: #fff
}

.actions-menu__item--gray .actions-menu__link {
    background: #00c774;
    border: 0
}

.actions-menu__item--gray .actions-menu__link .icon {
    fill: #fff
}

.actions-menu__item--green .actions-menu__link {
    background: #00c774
}

.actions-menu__item--red .actions-menu__link {
    background: #da374f
}

.actions-menu__item--red .actions-menu__link .icon {
    fill: #fff
}

.actions-menu__item--orange .actions-menu__link {
    background: #fe9923
}

.actions-menu__item--blue .actions-menu__link {
    background: #6099fa
}

.actions-menu__item--cancel .actions-menu__link {
    background: #ffe7e7;
    border: 0
}

.actions-menu__item--cancel .actions-menu__link .icon {
    fill: #ec5467
}

.actions-menu__link {
    font-size: 0;
    position: relative;
    z-index: 10;
    width: 24px;
    height: 24px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.actions-menu__link.ph-empty {
    border: 0;
    position: static
}

.actions-menu__link.is-disabled,
.actions-menu__link.is-off,
.actions-menu__link[disabled] {
    cursor: default;
    pointer-events: none
}

.actions-menu__link.is-off,
.actions-menu__link[disabled] {
    opacity: .45
}

.actions-menu__link.is-loading {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50%
}

.actions-menu__link.is-loading .icon {
    fill: transparent !important;
    -webkit-transition: none !important;
    transition: none !important
}

.actions-menu__link .icon {
    font-size: 12px;
    fill: #abb1bc
}

.actions-menu__link .icon.icon-close {
    font-size: 10px
}

.dropdown-open .actions-menu__link .icon {
    fill: #0656e9 !important
}

.advert-material__group {
    padding: 30px;
    border-top: 1px solid #efefef
}

.advert-material__group>.advert-material__title:first-child {
    margin-bottom: 30px
}

.advert-material__block {
    margin-bottom: 30px
}

.advert-material__block:last-child {
    margin-bottom: 0
}

.advert-material__title {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6
}

.advert-material .alert {
    max-width: 640px
}

.advert-material .complex-input {
    max-width: 480px
}

.advice {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.advice--attention {
    background: #e6e9ff !important
}

.advice__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.advice__icon {
    font-size: 40px !important;
    margin-right: 15px
}

.advice__content {
    padding-left: 55px
}

@media only screen and (max-width: 480px) {
    .advice__content {
        padding-left: 0;
        margin-top: 20px
    }
}

.advice__title {
    font-size: 15px !important;
    margin-bottom: 0 !important
}

.advice__desc {
    margin-top: -6px
}

.advice__desc:first-child {
    margin-top: 0
}

.advice__desc a {
    color: #0656e9
}

.advice__desc+.btn,
.advice__desc+.imsocial-btn,
.advice__desc+.sidebar__back {
    margin-top: 15px;
    padding: 0 25px
}

.alert {
    padding: 12px 20px;
    padding-left: 50px;
    position: relative;
    border: 1px solid;
    font-size: 11px;
    line-height: 2;
    border-radius: 8px;
    display: block;
    word-break: break-word;
    text-align: left
}

.alert:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    font-size: 18px
}

.alert--style {
    background: #fdfdff;
    border-color: #f0f1fc;
    color: #0656e9
}

.alert--style:before {}

.alert--danger {
    background: #fef2f2;
    border-color: #e2acac;
    color: #a93737
}

.alert--danger:before {}

.alert--warning {
    background: #fff8ed;
    border-color: #fed195;
    color: #a66700
}

.alert--warning:before {}

.alert--top:before {
    -webkit-transform: none;
    transform: none;
    top: 14px
}

.assignments-outdated {
    z-index: 11;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .95);
    text-align: center;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 200px;
    padding: 40px 15px
}

@media only screen and (max-width: 992px) {
    .assignments-outdated {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (max-width: 992px) {
    .assignments-outdated__inn {
        position: sticky;
        top: 38vh
    }
}

.assignments-outdated__inn .icon {
    margin-bottom: 5px;
    font-size: 60px;
    fill: #0656e9
}

.assignments-outdated__inn>span {
    font-size: 13px;
    display: block;
    line-height: 1.8
}

.attachment {
    border-radius: 8px;
    width: 64px;
    height: 64px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-animation: zoomIn .25s;
    animation: zoomIn .25s
}

.attachment.is-loading {
    border: 1px dashed #0656e9
}

.attachment.is-loading:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: ''
}

.attachment--plus {
    background-color: #e6e9ff;
    border: 1px dashed #0656e9;
    -webkit-animation: none;
    animation: none
}

.attachment--plus:before {
    font-size: 18px;
    color: #0656e9
}

.attachment__remove {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: absolute;
    width: 18px;
    height: 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0656e9;
    border: 2px solid #fff;
    border-radius: 50%;
    top: -4px;
    right: -4px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.attachment__remove:hover {
    background: #4c9dfb
}

.attachment__remove:before {
    color: #fff;
    font-size: 7px
}

.auth-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 350px;
    background: #fff;
    border-radius: 8px;
    font-size: 11px
}

.auth-menu--lg {
    width: auto;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.auth-menu--lg .auth-menu__user {
    padding: 25px 15px;
    background: #f7f8fc;
    margin-bottom: 25px
}

.auth-menu--lg .auth-menu__top {
    padding: 0
}

.auth-menu--lg .auth-menu__nav {
    margin-left: 0;
    margin-right: 0;
    padding: 0 15px
}

.auth-menu--lg .auth-menu__nav-item {
    width: 33.333%
}

@media only screen and (min-width: 480px) {
    .auth-menu--lg .auth-menu__nav-icon {
        width: 64px;
        height: 64px
    }

    .auth-menu--lg .auth-menu__nav-icon .icon {
        font-size: 44px
    }
}

.auth-menu--lg .auth-menu__logout,
.auth-menu--lg .notifies__more {
    border-radius: 0
}

.auth-menu__user {
    text-align: center;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.auth-menu__user .user-pic {
    width: 64px;
    height: 64px;
    margin-bottom: 5px
}

.auth-menu__top {
    padding: 15px
}

.auth-menu__name {
    font-weight: 600;
    font-size: 14px;
    color: #4e5665;
    margin-bottom: 5px
}

.auth-menu__id {
    font-weight: 600;
    color: #4e5665
}

.auth-menu__referer {
    color: #8a92a6;
    margin-top: 5px
}

.auth-menu__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px -24px
}

.auth-menu__nav-item {
    padding: 0 5px 24px;
    position: relative;
    width: 25%
}

.auth-menu__nav-notification {
    border-radius: 50%;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    right: -10px;
    top: -10px;
    position: absolute;
    width: 28px;
    height: 28px;
    color: #fff;
    font-size: 14px;
    background: #fa7777
}

.auth-menu__nav-link {
    display: block;
    color: #5f6674;
    text-align: center;
    font-weight: 600
}

.auth-menu__nav-link:hover {
    color: #00c774;
}

.auth-menu__nav-link:hover .auth-menu__nav-icon {
    background: #00c774
}

.auth-menu__nav-link:hover .auth-menu__nav-icon .icon {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.auth-menu__nav-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 48px;
    height: 48px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f7f8ff;
    border-radius: 8px;
    margin-bottom: 6px;
    -webkit-transition: background ease .1s;
    transition: background ease .1s;
    position: relative
}

.auth-menu__nav-icon .icon {
    font-size: 32px;
    -webkit-transition: none;
    transition: none
}

.auth-menu__nav-label {
    display: block
}

.auth-menu__logout,
.notifies__more {
    background: #00c774;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 600;
    border-radius: 0 0 8px 8px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.auth-menu__logout:hover,
.notifies__more:hover {
    color: #06ff70
}

.back-head {
    min-height: 75px;
    background: #fff;
    border-radius: 8px;
    padding-right: 25px
}

@media only screen and (max-width: 480px) {
    .back-head {
        min-height: 95px
    }
}

.back-head__inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.back-head__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 55px;
    height: 75px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

@media only screen and (max-width: 480px) {
    .back-head__btn {
        width: 45px
    }
}

.back-head__btn .icon {
    font-size: 14px;
    fill: #abb1bc
}

.back-head__body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.back-head__body>* {
    width: 100%
}

.back-head .search {
    min-width: 100%;
    margin-right: -25px;
    padding: 5px 25px 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.back-head .search .input,
.back-head .search .select2-selection__rendered {
    padding-left: 15px;
    background: #f7f8ff
}

.badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px -6px -12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.badges__item {
    padding: 0 4px 12px
}

.badge {
    border-radius: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    background: #e8edff;
    color: #515968;
    position: relative;
    padding-left: 17px;
    padding-right: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.badge--style {
    background: #0656e9;
    color: #fff
}

.badge--style .badge__remove:before {
    color: #a7aaeb
}

.badge--violet {
    background: #d8c1f4;
    color: #9013fe
}

.badge--violet .badge__remove:before {
    color: #c28cf1
}

.badge--light {
    background: #daddf6;
    color: #6781e0
}

.badge--light .badge__remove:before {
    color: #a4bad3
}

.badge--orange {
    background: #f6e3c6;
    color: #cf8100
}

.badge--orange .badge__remove:before {
    color: #e1b367
}

.badge--red {
    background: #edc6c6;
    color: #b13b49
}

.badge--red .badge__remove:before {
    color: #cd848d
}

.badge--blue {
    background: #d3dfef;
    color: #2983ab
}

.badge--blue .badge__remove:before {
    color: #96bcd6
}

.badge--green {
    background: #e2efd3;
    color: #6dab29
}

.badge--green .badge__remove:before {
    color: #b8d696
}

.badge__remove {
    border: 0;
    background-color: transparent;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.badge__remove:before {
    font-size: 9px;
    color: #c7cee9
}

.account,
.back-head .search,
.box,
.box-icon,
.chart,
.checkbox-row--box,
.comments__list,
.directory,
.doc,
.faq-group,
.head-block,
.p-cash__box,
.p-check__alert,
.p-check__area,
.p-price__pay,
.p-ref__present,
.p-settings__form,
.p-support__hint,
.page-error,
.placeholder-block,
.present {
    background-color: #fff;
    border-radius: 8px
}

.box {
    padding: 30px;
}

@media only screen and (max-width: 767px) {
    .box {
        padding: 13px
    }
}

.box__title {
    margin-bottom: 20px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .box__title {
        font-weight: 600;
    }
}

.box-icon,
.checkbox-row--box {
    position: relative;
    border: 1px solid #eaebf2
}

.box-icon__header {
    min-height: 50px;
    background: #f7f8ff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 20px;
    border-radius: 8px 8px 0 0
}

.box-icon__title {
    font-size: 14px;
    font-weight: 500;
    color: #7e8dac;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.box-icon__title>.icon {
    font-size: 18px;
    margin-right: 10px
}

.box-icon__title .round-icon {
    font-size: 20px;
    margin-right: 10px
}

.box-icon__title .round-icon .icon {
    font-size: 10px
}

.box-icon__desc {
    color: #7f8495;
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.7
}

.box-icon__inn {
    padding: 25px 0
}

.breadcrumbs {
    padding: 10px 20px;
    background: #00c774;
    border-radius: 10px;
    margin-bottom: 20px;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    border: 3px solid #0669e9;
}

@media only screen and (max-width: 992px) {
    .breadcrumbs {
        color: #4e5665;
        background: #fff;
        border-radius: 8px
    }
}

@media only screen and (max-width: 640px) {
    .breadcrumbs {
        background-color: transparent;
        min-height: auto;
        display: block;
        padding: 0;
        border: none;
    }
}

@media only screen and (max-width: 640px) {

    .breadcrumbs__additional,
    .breadcrumbs__list {
        background: #fff;
        border-radius: 4px;
        min-height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 20px
    }
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -15px -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 640px) {
    .breadcrumbs__list {
        margin: 0;
        padding: 10px 5px 0
    }
}

.breadcrumbs__item {
    padding: 0 15px 10px
}

.breadcrumbs__link {
    color: #000000;
    display: block;
    position: relative
}

@media only screen and (max-width: 992px) {
    .breadcrumbs__link {
        color: #0656e9
    }
}

.breadcrumbs__link:before {
    font-size: 10px;
    color: #b9bdf5;
    position: absolute;
    top: 50%;
    right: -15px;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

@media only screen and (max-width: 992px) {
    .breadcrumbs__link:before {
        color: #abb1bc
    }
}

.breadcrumbs__active {
    color: #da374f;
}

@media only screen and (max-width: 992px) {
    .breadcrumbs__active {
        color: #4e5665
    }
}

.breadcrumbs__additional {
    font-weight: 600;
    margin-left: 10px
}

@media only screen and (max-width: 640px) {
    .breadcrumbs__additional {
        margin-left: 0;
        margin-top: 20px
    }
}

.button-checkbox {
    display: block
}

.button-checkbox input {
    display: none
}

input:checked+.button-checkbox__i {
    background: #e6e9ff;
    border-color: #e6e9ff;
    color: #0656e9
}

.button-checkbox--green .button-checkbox__i {
    color: #8dc640 !important
}

.button-checkbox--green input:checked+.button-checkbox__i {
    background: rgba(141, 198, 64, .15);
    border-color: transparent
}

.button-checkbox--red .button-checkbox__i {
    color: #fa7777 !important
}

.button-checkbox--red input:checked+.button-checkbox__i {
    background: rgba(250, 119, 119, .15);
    border-color: transparent
}

.button-checkbox--gray .button-checkbox__i {
    color: #4e5665 !important
}

.button-checkbox--gray input:checked+.button-checkbox__i {
    background: rgba(78, 86, 101, .15);
    border-color: transparent
}

.button-checkbox__i {
    border-radius: 8px;
    border: 1px solid #f5f6fc;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 37px;
    cursor: pointer;
    font-weight: 600;
    padding: 0 15px;
    -webkit-transition: all ease .25s;
    transition: all ease .25s
}

@-webkit-keyframes dot {

    0%,
    100% {
        background: #e7e7e7
    }

    50% {
        background: #0656e9
    }
}

@keyframes dot {

    0%,
    100% {
        background: #e7e7e7
    }

    50% {
        background: #0656e9
    }
}

.btn,
.imsocial-btn,
.sidebar__back {
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 0;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 40px;
    transition: all ease .3s;
    padding: 0 20px;
    border-bottom: double #00000047 5px;
    min-width: max-content;
    border-bottom-width: 4px;
    border-color: rgba(0, 0, 0, 0.2);
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-top-width: 0px;
    box-shadow: rgba(255, 255, 255, 0.35) 0px 2px 12px 0px inset, rgba(0, 0, 0, 0.15) 0px 4px 25px 0px;
    opacity: 1;
    letter-spacing: -1px;
    border-radius: 10px;
}

.btn:hover,
.imsocial-btn:hover,
.sidebar__back:hover {
    -webkit-box-shadow: 0 20px 15px rgba(104, 96, 208, .04), 0 13px 14px rgba(104, 96, 208, .12), 0 7px 12px rgba(104, 96, 208, .1);
    box-shadow: 0 20px 15px rgba(104, 96, 208, .04), 0 13px 14px rgba(104, 96, 208, .12), 0 7px 12px rgba(104, 96, 208, .1);
    background: #023ca6
}

.btn>span,
.imsocial-btn>span,
.sidebar__back>span {
    position: relative;
    z-index: 2;
}

.btn .icon,
.imsocial-btn .icon,
.sidebar__back .icon {
    margin-right: 9px
}

.btn.is-loading,
.is-loading.imsocial-btn,
.is-loading.sidebar__back,
.task__do.is-loading {
    pointer-events: none;
    background: 0 0 !important;
    color: transparent;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.btn.is-loading:after,
.btn.is-loading:before,
.btn.is-loading>span:last-child:after,
.btn.is-loading>span:last-child:before,
.is-loading.imsocial-btn:after,
.is-loading.imsocial-btn:before,
.is-loading.imsocial-btn>span:last-child:after,
.is-loading.imsocial-btn>span:last-child:before,
.is-loading.sidebar__back:after,
.is-loading.sidebar__back:before,
.is-loading.sidebar__back>span:last-child:after,
.is-loading.sidebar__back>span:last-child:before,
.task__do.is-loading:after,
.task__do.is-loading:before,
.task__do.is-loading>span:last-child:after,
.task__do.is-loading>span:last-child:before {
    content: '';
    background: #e7e7e7;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
    -webkit-animation: dot 1.5s infinite;
    animation: dot 1.5s infinite;
    font-size: 0;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.btn.is-loading:before,
.is-loading.imsocial-btn:before,
.is-loading.sidebar__back:before,
.task__do.is-loading:before {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.btn.is-loading>span:last-child:before,
.is-loading.imsocial-btn>span:last-child:before,
.is-loading.sidebar__back>span:last-child:before,
.task__do.is-loading>span:last-child:before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.btn.is-loading>span:last-child:after,
.is-loading.imsocial-btn>span:last-child:after,
.is-loading.sidebar__back>span:last-child:after,
.task__do.is-loading>span:last-child:after {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.btn.is-loading:after,
.is-loading.imsocial-btn:after,
.is-loading.sidebar__back:after,
.task__do.is-loading:after {
    margin-right: 0;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.btn.is-loading>span:last-child,
.is-loading.imsocial-btn>span:last-child,
.is-loading.sidebar__back>span:last-child,
.task__do.is-loading>span:last-child {
    font-size: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.btn.is-loading>span:last-child .icon,
.is-loading.imsocial-btn>span:last-child .icon,
.is-loading.sidebar__back>span:last-child .icon,
.task__do.is-loading>span:last-child .icon {
    display: none
}

.btn.is-loading .icon,
.is-loading.imsocial-btn .icon,
.is-loading.sidebar__back .icon,
.task__do.is-loading .icon {
    display: none;
    fill: transparent;
    -webkit-transition: none;
    transition: none
}

.btn.is-loading2,
.is-loading2.imsocial-btn,
.is-loading2.sidebar__back {
    pointer-events: none;
    background: #efeff7 !important;
    color: transparent;
    -webkit-transition-property: background;
    transition-property: background
}

.btn.is-loading2 .icon,
.is-loading2.imsocial-btn .icon,
.is-loading2.sidebar__back .icon {
    fill: transparent;
    -webkit-transition: none;
    transition: none
}

.btn.is-loading2:after,
.is-loading2.imsocial-btn:after,
.is-loading2.sidebar__back:after,
.p-check__user.is-loading:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.btn--transparent {
    background: rgba(0, 0, 0, 0);
    color: #4e5665
}

.btn--transparent .icon {
    fill: #4e5665
}

.btn--transparent.is-hover,
.btn--transparent:hover {
    background: rgba(0, 0, 0, 0);
    color: #4e5665
}

.btn--transparent.is-hover .icon,
.btn--transparent:hover .icon {
    fill: #4e5665
}

.btn--light,
.is-overhead .sidebar__back {
    background: #00c774;
    color: #ffffff;
}

.btn--light .icon,
.is-overhead .sidebar__back .icon {
    fill: #0656e9
}

.btn--light.is-hover,
.btn--light:hover,
.is-overhead .is-hover.sidebar__back,
.is-overhead .sidebar__back:hover {
    background: #0656e9;
    color: #fff;
}

.btn--light.is-hover .icon,
.btn--light:hover .icon,
.is-overhead .is-hover.sidebar__back .icon,
.is-overhead .sidebar__back:hover .icon {
    fill: #fff
}

.btn--gray,
.social-card--disabled a.btn,
.social-card--disabled a.imsocial-btn,
.social-card--disabled a.sidebar__back {
    background: #fbfcfe;
    color: #515968
}

.btn--gray .icon,
.social-card--disabled a.btn .icon,
.social-card--disabled a.imsocial-btn .icon,
.social-card--disabled a.sidebar__back .icon {
    fill: #515968
}

.btn--gray.is-hover,
.btn--gray:hover,
.social-card--disabled a.btn:hover,
.social-card--disabled a.imsocial-btn:hover,
.social-card--disabled a.is-hover.btn,
.social-card--disabled a.is-hover.imsocial-btn,
.social-card--disabled a.is-hover.sidebar__back,
.social-card--disabled a.sidebar__back:hover {
    background: #eff3fb;
    color: #515968
}

.btn--gray.is-hover .icon,
.btn--gray:hover .icon,
.social-card--disabled a.btn:hover .icon,
.social-card--disabled a.imsocial-btn:hover .icon,
.social-card--disabled a.is-hover.btn .icon,
.social-card--disabled a.is-hover.imsocial-btn .icon,
.social-card--disabled a.is-hover.sidebar__back .icon,
.social-card--disabled a.sidebar__back:hover .icon {
    fill: #515968
}

.btn--green {
    background: #00c774;
    color: #ffffff;
}

.btn--green .icon {
    fill: #ffffff
}

.btn--green.is-hover,
.btn--green:hover {
    background: #02854e;
    color: #fff
}

.btn--green.is-hover .icon,
.btn--green:hover .icon {
    fill: #fff
}

.btn--blue,
.social-card .btn:hover,
.social-card .imsocial-btn:hover,
.social-card .sidebar__back:hover {
    background: #0656e9;
    color: #fff
}

.btn--blue .icon,
.social-card .btn:hover .icon,
.social-card .imsocial-btn:hover .icon,
.social-card .sidebar__back:hover .icon {
    fill: #fff
}

.btn--blue.is-hover,
.btn--blue:hover,
.social-card .btn:hover,
.social-card .imsocial-btn:hover,
.social-card .is-hover.btn:hover,
.social-card .is-hover.imsocial-btn:hover,
.social-card .is-hover.sidebar__back:hover,
.social-card .sidebar__back:hover {
    background: #3193ff;
    color: #fff
}

.btn--blue.is-hover .icon,
.btn--blue:hover .icon,
.social-card .btn:hover .icon,
.social-card .imsocial-btn:hover .icon,
.social-card .is-hover.btn:hover .icon,
.social-card .is-hover.imsocial-btn:hover .icon,
.social-card .is-hover.sidebar__back:hover .icon,
.social-card .sidebar__back:hover .icon {
    fill: #fff
}

.btn--red {
    background: #ec5467;
    color: #fff
}

.btn--red .icon {
    fill: #ec5467
}

.btn--red.is-hover,
.btn--red:hover {
    background: #ff6e00;
    color: #fff
}

.btn--red.is-hover .icon,
.btn--red:hover .icon {
    fill: #fff
}

.btn--dark,
.sidebar__back {
    background: #FFC107;
    color: #fff
}

.btn--dark .icon,
.sidebar__back .icon {
    fill: #fff
}

.btn--dark.is-hover,
.btn--dark:hover,
.is-hover.sidebar__back,
.sidebar__back:hover {
    background: #ac8101;
    color: #fff
}

.btn--dark.is-hover .icon,
.btn--dark:hover .icon,
.is-hover.sidebar__back .icon,
.sidebar__back:hover .icon {
    fill: #fff
}

.btn--border {
    border: solid 1px #f5f6fc;
    background: #fbfcfe;
    color: #4e5665
}

.btn--border:hover {
    background: #f5f6fc
}

.btn--transparent:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.btn--simple {
    background-color: transparent;
    color: #8192a6
}

.btn--simple:hover {
    background-color: #e6e9ff
}

.btn--block {
    width: 100%
}

.btn--outline {
    background: 0 0;
    border: 1px solid #ebebeb;
    color: #4e5665
}

.btn--outline:hover {
    background-color: transparent
}

.btn--blue.btn--glow,
.social-card .btn:hover,
.social-card .imsocial-btn:hover,
.social-card .sidebar__back:hover {
    -webkit-box-shadow: 0 2px 20px 5px rgba(100, 174, 255, .4);
    box-shadow: 0 2px 20px 5px rgba(100, 174, 255, .4)
}

.btn--transparent:hover {
    color: #0656e9
}

.btn--dashed {
    border: 1px dashed #e3e6f9;
    background: #f7f8fc;
    color: #0656e9
}

.btn--dashed:hover {
    color: #fff;
    border-color: #0656e9
}

.btn--dashed:hover .icon {
    fill: #fff
}

.btn--dashed .icon {
    fill: #0656e9
}

.btn--dotted:hover>span {
    border-bottom-color: #0656e9
}

.btn--dotted>span {
    top: 3px;
    border-bottom: 1px dotted #d5d8dd;
    padding-bottom: 3px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.btn--sm {
    font-size: 14px;
    font-weight: 600;
}

.btn--xs {
    height: 30px;
    padding: 0 15px
}

.add-btn,
.btn--round,
.sidebar__back {
    border-radius: 10px;
}

.btn--lgd.add-btn,
.btn--lgd.sidebar__back,
.btn--round.btn--lgd {
    border-radius: 30px
}

.btn--md {
    height: 45px;
    padding: 0 35px;
    font-size: 14px;
}

.btn--md.add-btn,
.btn--md.btn--round,
.btn--md.sidebar__back {
    border-radius: 10px;
}

.btn--md:before {
    border-radius: 23px
}

.btn--lgd {
    height: 60px;
    font-size: 14px;
    font-weight: 600
}

.btn--lgd .icon {
    margin-right: 15px;
    font-size: 21px
}

.btn--lg {
    height: 60px;
    font-size: 18px;
    padding: 0 40px
}

.btn--lg.add-btn,
.btn--lg.btn--round,
.btn--lg.sidebar__back {
    border-radius: 30px
}

.btn--lg:before {
    border-radius: 30px
}

.btn.is-disabled,
.btn[disabled],
.imsocial-btn[disabled],
.is-disabled.imsocial-btn,
.is-disabled.sidebar__back,
.sidebar__back[disabled] {
    opacity: .7;
    pointer-events: none
}

.calc-item--square {
    background: #fbfcfe;
    padding: 20px 30px 10px;
    padding-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* height: 170px; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 270px;
}

.calc-item--square .calc-item__value {
    font-weight: 600
}

.calc-item__value {
    font-size: 36px;
    color: #0656e9;
    margin-bottom: 5px;
    width: 100%
}

.calc-item__value>sub {
    font-size: 24px;
    color: #c3cad0
}

.calc-item__label {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.6
}

.campaign-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #f5f6fc;
    background: #fff;
    border-radius: 8px
}

.campaign-comment:before {
    content: counter(inc-list);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    background: #f7f8fc;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.campaign-comment__input {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 0;
    height: 40px;
    padding: 0 15px;
    background-color: transparent
}

.campaign-comment__delete {
    padding: 0 10px;
    border: 0;
    background-color: transparent
}

.campaign-comment__delete:hover .icon {
    fill: #0656e9
}

.campaign-comment__delete .icon {
    font-size: 16px;
    fill: #4e5665
}

.card-menu {
    position: absolute;
    right: 22px;
    top: 22px;
    opacity: 0;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -6px -6px;
    z-index: 9
}

.card-menu--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.card-menu__item {
    padding: 0 6px 6px
}

.card-menu__link {
    font-size: 12px;
    display: block
}

.card-menu__link:hover .icon {
    fill: #0656e9
}

.card-menu__link .icon {
    fill: #c3cad0;
    vertical-align: top
}

.card-menu__link .icon-close {
    font-size: .9em
}

.cards {
    margin: 0 -15px -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}

@media only screen and (max-width: 992px) {
    .cards {
        margin: 0 -12px -24px
    }
}

@media only screen and (max-width: 480px) {
    .cards {
        margin: 0 -6px -12px
    }
}

.cards__col {
    padding: 0 15px 30px
}

@media only screen and (max-width: 992px) {
    .cards__col {
        padding: 0 12px 24px
    }
}

@media only screen and (max-width: 480px) {
    .cards__col {
        padding: 0 6px 12px
    }
}

.card {
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px 15px 10px;
    background: #fff;
    height: 100%;
    border-radius: 8px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    position: relative
}

@media only screen and (max-width: 480px) {
    .card {
        height: auto;
        min-height: 60px;
        padding: 10px 25px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.card--complex .card__icon {
    background: rgba(105, 114, 224, .15) !important
}

.card--complex .card__icon.round-icon .icon {
    fill: #0656e9
}

.card--complex .card__name {
    color: #0656e9
}

.card--vk .card__icon {
    background: rgb(255 255 255 / 15%) !important;
}

.card--vk .card__icon.round-icon .icon {
    fill: #728be6
}

.card--vk .card__name {
    color: #0656e9;
}

.card--tiktok .card__icon {
    background: rgba(0, 0, 0, .15) !important
}

.card--tiktok .card__icon.round-icon .icon {
    fill: #000
}

.card--tiktok .card__name {
    color: #393936;
}

.kapo {
    font-size: 90%;
}

.card--youtube .card__icon {
    background: rgba(246, 28, 13, .15) !important
}

.card--youtube .card__icon.round-icon .icon {
    fill: #f61c0d
}

.card--youtube .card__name {
    color: #f61c0d
}

.card--facebook .card__icon {
    background: rgba(59, 89, 152, .15) !important
}

.card--facebook .card__icon.round-icon .icon {
    fill: #3b5998
}

.card--facebook .card__name {
    color: #3b5998
}

.card--ok .card__icon {
    background: rgba(255, 152, 0, .15) !important
}

.card--ok .card__icon.round-icon .icon {
    fill: #ff9800
}

.card--ok .card__name {
    color: #ff9800
}

.card--telegram .card__icon {
    background: rgba(125, 173, 237, .15) !important
}

.card--telegram .card__icon.round-icon .icon {
    fill: #7daded
}

.card--telegram .card__name {
    color: #7daded
}

.card--twitter .card__icon {
    background: rgba(85, 172, 238, .15) !important
}

.card--twitter .card__icon.round-icon .icon {
    fill: #55acee
}

.card--twitter .card__name {
    color: #55acee
}

.card--instagram .card__icon {
    background: rgba(218, 55, 79, .15) !important
}

.card--instagram .card__icon.round-icon .icon {
    fill: #da374f
}

.card--instagram .card__name {
    color: #00c774;
}

.card--likes .card__icon {
    background: rgba(250, 119, 119, .15) !important
}

.card--likes .card__icon.round-icon .icon {
    fill: #fa7777
}

.card--likes .card__name {
    color: #fa7777
}

.card--friends .card__icon {
    background: rgba(103, 112, 224, .15) !important
}

.card--friends .card__icon.round-icon .icon {
    fill: #0656e9
}

.card--friends .card__name {
    color: #0656e9
}

.card--group .card__icon {
    background: rgba(75, 143, 0, .15) !important
}

.card--group .card__icon.round-icon .icon {
    fill: #4b8f00
}

.card--group .card__name {
    color: #4b8f00
}

.card--repost .card__icon {
    background: rgba(129, 190, 58, .15) !important
}

.card--repost .card__icon.round-icon .icon {
    fill: #81be3a
}

.card--repost .card__name {
    color: #81be3a
}

.card--comments .card__icon {
    background: rgba(249, 155, 0, .15) !important
}

.card--comments .card__icon.round-icon .icon {
    fill: #f99b00
}

.card--comments .card__name {
    color: #f99b00
}

.card--poll .card__icon {
    background: rgba(149, 52, 235, .15) !important
}

.card--poll .card__icon.round-icon .icon {
    fill: #9534eb
}

.card--poll .card__name {
    color: #9534eb
}

.card--views .card__icon {
    background: rgba(55, 153, 206, .15) !important
}

.card--views .card__icon.round-icon .icon {
    fill: #3799ce
}

.card--views .card__name {
    color: #3799ce
}

.card--video .card__icon {
    background: rgba(248, 87, 87, .15) !important
}

.card--video .card__icon.round-icon .icon {
    fill: #f85757
}

.card--video .card__name {
    color: #f85757
}

.card--history .card__icon {
    background: rgba(82, 89, 180, .15) !important
}

.card--history .card__icon.round-icon .icon {
    fill: #5259b4
}

.card--history .card__name {
    color: #5259b4
}

.card--mention .card__icon {
    background: rgba(114, 139, 230, .15) !important
}

.card--mention .card__icon.round-icon .icon {
    fill: #728be6
}

.card--mention .card__name {
    color: #728be6
}

.card--saves .card__icon {
    background: rgba(160, 115, 75, .15) !important
}

.card--saves .card__icon.round-icon .icon {
    fill: #a0734b
}

.card--saves .card__name {
    color: #a0734b
}

.card--like-comments .card__icon {
    background: rgba(233, 121, 121, .15) !important
}

.card--like-comments .card__icon.round-icon .icon {
    fill: #e97979
}

.card--like-comments .card__name {
    color: #e97979
}

.card--comments-online .card__icon {
    background: rgba(237, 172, 64, .15) !important
}

.card--comments-online .card__icon.round-icon .icon {
    fill: #edac40
}

.card--comments-online .card__name {
    color: #edac40
}

.card--views-online .card__icon {
    background: rgba(129, 190, 58, .15) !important
}

.card--views-online .card__icon.round-icon .icon {
    fill: #81be3a
}

.card--views-online .card__name {
    color: #81be3a
}

.card--publications .card__icon {
    background: rgba(146, 197, 99, .15) !important
}

.card--publications .card__icon.round-icon .icon {
    fill: #92c563
}

.card--publications .card__name {
    color: #92c563
}

.card--event .card__icon {
    background: rgba(83, 185, 215, .15) !important
}

.card--event .card__icon.round-icon .icon {
    fill: #53b9d7
}

.card--event .card__name {
    color: #53b9d7
}

.card--rate .card__icon {
    background: rgba(192, 150, 83, .15) !important
}

.card--rate .card__icon.round-icon .icon {
    fill: #c09653
}

.card--rate .card__name {
    color: #c09653
}

.card--dislikes .card__icon {
    background: rgba(250, 119, 119, .15) !important
}

.card--dislikes .card__icon.round-icon .icon {
    fill: #fa7777
}

.card--dislikes .card__name {
    color: #fa7777
}

.card--ytshare .card__icon {
    background: rgba(255, 255, 255, .15) !important
}

.card--ytshare .card__icon.round-icon .icon {
    fill: #fff
}

.card--ytshare .card__name {
    color: #fff
}

.card--border .card__icon:before {
    display: block
}

.card--border .card__icon .icon {
    font-size: 36px
}

.card--soon {
    pointer-events: none;
    cursor: default
}

.card--soon:after,
.card--soon:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 73px;
    height: 28px
}

@media only screen and (max-width: 480px) {

    .card--soon:after,
    .card--soon:before {
        left: auto;
        right: 0
    }
}

.card--soon:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3MyAyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNzMgMjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIHN0eWxlPSJmaWxsOiM2NzcwRTA7IiBkPSJNMy43LDBDMy43LDAsMCwwLjgsMCw0LjZWMjhjMCwwLDAuNC00LjcsMy43LTQuN0g3M2wtNy4xLTEyLjFMNzMsMEgzLjd6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center;
    background-size: 100% 100%;
    content: ''
}

@media only screen and (max-width: 480px) {
    .card--soon:before {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }
}

.card--soon:after {
    padding-top: .25em;
    padding-right: 5px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    content: 'aA'
}

@media only screen and (max-width: 480px) {
    .card--soon:after {
        padding-right: 0;
        padding-left: 5px
    }
}

.card--soon .card__name {
    color: #4e5665
}

.card--soon .card__icon .round-icon {
    background: rgba(195, 202, 208, .5)
}

.card--soon .card__icon .icon {
    fill: #c3cad0 !important
}

.card--soon .card__desc {
    color: #90959f
}

.card:hover:not(.card--soon) {
    -webkit-box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.card--social .round-icon {
    background-color: transparent !important
}

.card--social .round-icon .icon {
    font-size: 56px !important
}

@media only screen and (max-width: 480px) {
    .card--social .round-icon .icon {
        font-size: 24px !important
    }
}

.card__inn {
    text-align: center
}

@media only screen and (max-width: 480px) {
    .card__inn {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.card__icon {
    font-size: 70px;
    margin-bottom: 15px
}

.card__icon:before {
    position: absolute;
    border-radius: 50%;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    content: '';
    border: 3px solid #fff;
    display: none
}

.card__icon.round-icon {
    background: rgba(78, 86, 101, .1)
}

.card__icon.round-icon .icon {
    font-size: 38px;
    fill: #4e5665
}

@media only screen and (max-width: 480px) {
    .card__icon.round-icon .icon {
        font-size: 18px
    }
}

.card__icon.round-icon .icon-tiktok {
    fill: #000 !important
}

.card__icon .icon-comment,
.card__icon .icon-heart-fill {
    top: .05263em
}

@media only screen and (max-width: 480px) {
    .card__icon {
        font-size: 32px;
        margin-bottom: 0;
        margin-right: 20px
    }
}

.card__name {
    font-weight: 700;
    font-size: 16px;
    color: #393936;
    margin-bottom: 5px;
    display: block;
    line-height: 1.6;
    min-height: 30px;
    text-transform: capitalize;
}

@media only screen and (max-width: 480px) {
    .card__name {
        min-height: auto;
        margin-bottom: 0;
        font-size: 16px;
    }
}

.card__desc {
    color: #4e5665;
    line-height: 1.7;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    font-weight: 610;
    font-size: 14px;
    text-transform: capitalize;
}

@media only screen and (max-width: 480px) {
    .card__desc {
        /* display: none; */
        margin-left: 10px;
    }
}

.carousel {
    position: relative
}

.carousel .swiper-dots {
    text-align: center;
    font-size: 0;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-top: 30px
}

.carousel .swiper-dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50%;
    background: #c3cad0;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.carousel .swiper-dot.active {
    background: #0656e9
}

.carousel .swiper-dot:last-child {
    margin-right: 0
}

.carousel .swiper-button-disabled {
    opacity: .7
}

.carousel .swiper-slide {
    height: auto;
    width: auto
}

.carousel--lg .swiper-dots {
    margin-top: 70px
}

@media only screen and (max-width: 640px) {
    .carousel--lg .swiper-dots {
        margin-top: 40px
    }
}

.carousel--lg .swiper-dot {
    width: 14px;
    height: 14px;
    margin-right: 12px
}

.carousel--lg .swiper-dot.active {
    background: #4c9dfb
}

.chart__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    border-bottom: 1px solid #e6e7fa;
    font-size: 14px;
    min-height: 65px;
    padding: 5px 30px;
    padding-left: 60px
}

@media only screen and (max-width: 767px) {
    .chart__head {
        padding-left: 50px
    }
}

.chart__head .icon {
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    fill: #0656e9
}

@media only screen and (max-width: 767px) {
    .chart__head .icon {
        left: 20px
    }
}

.chart__title {
    font-weight: 600
}

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

.chart__inn {
    padding: 30px
}

@media only screen and (max-width: 767px) {
    .chart__inn {
        padding: 15px
    }
}

.chart__area {
    height: 400px
}

@media only screen and (max-width: 767px) {
    .chart__area {
        height: 380px
    }
}

.chart-tooltip {
    background: #fff;
    border-radius: 11px;
    padding: 10px 15px;
    -webkit-box-shadow: 0 2px 20px 5px rgba(231, 231, 231, .7);
    box-shadow: 0 2px 20px 5px rgba(231, 231, 231, .7)
}

.chart-tooltip__date {
    color: #a1a1a1;
    font-weight: 500;
    margin-bottom: 3px
}

.chart-tooltip__val>span {
    font-weight: 500;
    color: #1d1d1d
}

.checkbox-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 60px;
    padding: 15px 0;
    position: relative
}

.checkbox-row--inline {
    min-height: auto;
    padding: 0
}

.checkbox-row__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkbox-row__info>.icon {
    font-size: 21px;
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.checkbox-row__info .tooltip-icon {
    font-size: 11px
}

.checkbox-row__text {
    line-height: 1.7
}

.checkbox,
.radio {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #000
}

.checkbox--center,
.radio--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.checkbox--center .checkbox__text,
.checkbox--center .radio__text,
.radio--center .checkbox__text,
.radio--center .radio__text {
    margin-top: 0
}

.checkbox--border,
.radio--border {
    border: solid 1px #ebedf3;
    border-radius: 8px;
    padding: 15px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.checkbox--border.is-checked,
.radio--border.is-checked {
    background: #f7f8fc;
    border-color: #f7f8fc
}

.checkbox a,
.radio a {
    text-decoration: underline;
    color: #1d1d1d
}

.checkbox input,
.radio input {
    display: none
}

input:checked+.checkbox__i,
input:checked+.radio__i {
    background: #0656e9;
    border-color: #0656e9
}

input:checked+.checkbox__i:before,
input:checked+.radio__i:before {
    height: .625em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

input:checked+.checkbox__i:after,
input:checked+.radio__i:after {
    height: .3125em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.checkbox__i,
.radio__i {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.checkbox__text,
.radio__text {
    line-height: 1.8;
    margin-top: -.16667em
}

.checkbox__i,
.radio__i {
    font-size: 16px;
    background: #fff;
    display: inline-block;
    font-style: normal;
    width: 1em;
    height: 1em;
    margin-right: 13px;
    position: relative;
    vertical-align: middle;
    border: 2px solid #c3cad0;
    border-radius: 2px;
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

.checkbox__i:after,
.checkbox__i:before,
.radio__i:after,
.radio__i:before {
    background-color: #fff;
    position: absolute;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s;
    content: "";
    display: block;
    width: 2px;
    height: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.checkbox__i:before,
.radio__i:before {
    left: .4375em;
    top: .0625em
}

.checkbox__i:after,
.radio__i:after {
    left: .125em;
    top: .3125em
}

.radio {
    margin: 0
}

input:checked+.radio__i:before {
    height: .5em
}

input:checked+.radio__i:after {
    height: .25em
}

.radio__i {
    border-radius: 50%;
    font-size: 20px;
    margin: 0;
    margin-right: 6px
}

.radio__i:before {
    left: 9px;
    top: 3px
}

.radio__i:after {
    left: 4px;
    top: 7px
}

.radio__text {
    margin-top: 0
}

.comments__list {
    padding: 30px 45px
}

@media only screen and (max-width: 480px) {
    .comments__list {
        padding: 25px 15px
    }
}

.comments__item {
    border-bottom: 1px solid #efefef
}

.comments__item--gray {
    margin: -1px -45px -15px;
    padding: 0 45px 15px;
    background: #fafcff;
    border-bottom: 0
}

.comments__item:first-child .comment {
    padding-top: 0
}

.comments__item:last-child {
    border-bottom: 0
}

.comments__item:last-child .comment {
    padding-bottom: 0
}

.comments__load {
    margin-top: 15px
}

.comment {
    padding: 15px 0
}

.comment--admin {
    background: rgba(105, 114, 224, .05);
    padding: 15px !important;
    margin-left: -15px
}

.comment--admin .comment__author {
    color: #0656e9
}

.comment--admin .user-pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comment--admin .user-pic:before {
    display: none
}

.comment--admin .user-pic .icon {
    font-size: 36px;
    z-index: 9;
    background: #fff
}

.comment--admin .comment__reply {
    margin-left: -15px;
    margin-right: -15px;
    background: rgba(105, 114, 224, .1)
}

.comment__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.comment__author {
    font-weight: 600;
    margin-bottom: 7px;
    line-height: 1.4
}

.comment__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment__actions>* {
    margin-right: 15px
}

.comment__actions>:last-child {
    margin-right: 0
}

.comment__date {
    color: #7f8b9a
}

.comment__rate {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comment__rate-btn {
    display: block;
    font-size: 10px
}

.comment__rate-btn .icon {
    fill: #c3cad0
}

.comment__rate-btn.is-active {
    pointer-events: none
}

.comment__rate-btn.is-active .icon {
    fill: #4c9dfb
}

.comment__rate-value {
    color: #717684;
    padding: 0 5px
}

.comment__reply-trigger {
    position: relative;
    display: block;
    padding-left: 20px;
    padding-top: 1px
}

@media only screen and (max-width: 480px) {
    .comment__reply-trigger {
        margin-top: 15px
    }
}

.comment__reply-trigger .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    fill: #0656e9;
    left: 0;
    font-size: 16px
}

.comment__reply {
    margin: 10px -45px 0;
    background: #f4f4f4;
    padding: 15px 20px
}

.comment__text {
    font-size: 14px;
    color: #000
}

.comment__children {
    padding-left: 30px;
    padding-top: 15px
}

@media only screen and (max-width: 480px) {
    .comment__children {
        padding-left: 35px
    }
}

.comment__children .comment:last-child {
    padding-bottom: 0
}

.comment .user-pic {
    width: 36px;
    height: 36px;
    margin-right: 15px
}

.complex-input {
    position: relative
}

.complex-input.is-loading .complex-input__input-inn {
    position: relative
}

.complex-input.is-loading .complex-input__input-inn:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
    pointer-events: none
}

.complex-input.is-loading .complex-input__input-inn .input,
.complex-input.is-loading .complex-input__input-inn .select2-selection__rendered {
    padding-right: 4px
}

.complex-input.is-focus:not(.complex-input--border) .complex-input__input:after,
.complex-input.is-focus:not(.complex-input--border) .complex-input__input:before {
    width: 50%
}

.complex-input.is-filled .complex-input__label,
.complex-input.is-focus .complex-input__label {
    top: 0;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
    font-size: 11px;
    padding-left: 0
}

.complex-input.is-error .complex-input__input {
    border-bottom-color: #fa7777
}

.complex-input.is-error .complex-input__input:after,
.complex-input.is-error .complex-input__input:before {
    background: #fa7777
}

.complex-input.is-error .complex-input__error,
.complex-input.is-error .complex-input__label,
.complex-input.is-error .write-form__error {
    color: #ff6c72
}

.complex-input--static .complex-input__label,
.complex-input--static-input .complex-input__label {
    top: 0;
    position: relative;
    z-index: 9;
    margin-bottom: -2px;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    font-size: 11px;
    padding-left: 0 !important
}

.complex-input--static-input .complex-input__label {
    margin-bottom: 10px
}

.complex-input--icon .complex-input__label {
    padding-left: 25px
}

.complex-input--icon .input,
.complex-input--icon .select2-selection__rendered {
    padding-left: 25px
}

.complex-input--icon .input--lg {
    padding-left: 55px
}

.complex-input--lg .complex-input__input .icon {
    font-size: 16px;
    left: 25px
}

.complex-input--lg .complex-input__input .input,
.complex-input--lg .complex-input__input .select2-selection__rendered {
    padding-left: 55px
}

.complex-input--xlg .input,
.complex-input--xlg .select2-selection__rendered {
    font-size: 24px;
    height: 48px
}

.complex-input--border .complex-input__input {
    border: 0
}

.complex-input--bg .complex-input__label {
    margin-bottom: 10px
}

.complex-input--bg .complex-input__input {
    background: #f7f8ff;
    border-radius: 8px;
    padding: 0 16px
}

.complex-input--bg.complex-input--border .complex-input__input {
    border: 1px solid #f5f6fc;
    background: #fff
}

.complex-input--disable-offset,
.complex-input--readonly-offset {
    margin: 0 -20px
}

.complex-input--disable,
.complex-input--disable-offset,
.complex-input--readonly,
.complex-input--readonly-offset {
    padding: 0 20px
}

.complex-input--disable-offset:before,
.complex-input--disable:before,
.complex-input--readonly-offset:before,
.complex-input--readonly:before {
    position: absolute;
    content: '';
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    top: -10px;
    bottom: 17px;
    border-radius: 28px;
    background: #fbfcfe;
    z-index: 1
}

.complex-input--disable .complex-input__input,
.complex-input--disable-offset .complex-input__input,
.complex-input--readonly .complex-input__input,
.complex-input--readonly-offset .complex-input__input {
    border-bottom: 0;
    z-index: 2
}

.complex-input--disable .complex-input__input:after,
.complex-input--disable .complex-input__input:before,
.complex-input--disable-offset .complex-input__input:after,
.complex-input--disable-offset .complex-input__input:before,
.complex-input--readonly .complex-input__input:after,
.complex-input--readonly .complex-input__input:before,
.complex-input--readonly-offset .complex-input__input:after,
.complex-input--readonly-offset .complex-input__input:before {
    display: none !important
}

.complex-input--disable .input,
.complex-input--disable .select2-selection__rendered,
.complex-input--disable-offset .input,
.complex-input--disable-offset .select2-selection__rendered {
    pointer-events: none
}

.complex-input--disabled .complex-input__input {
    position: relative;
    overflow: hidden
}

.complex-input--disabled .complex-input__input:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(204, 204, 204, .15);
    cursor: default;
    position: absolute
}

.complex-input__label {
    position: absolute;
    left: 0;
    top: 6px;
    font-weight: 500;
    font-size: 12px;
    color: #838895;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    line-height: 1.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.complex-input__label .tooltip-icon {
    font-size: 12px
}

.complex-input__label .tooltip-icon .icon {
    fill: #b1b6c4
}

.complex-input__input {
    position: relative;
    border-bottom: 1px solid #ebedf3
}

.complex-input__input:after,
.complex-input__input:before {
    content: '';
    position: absolute;
    bottom: -1px;
    height: 1px;
    width: 0;
    background: #0656e9;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    z-index: 22
}

.complex-input__input:before {
    right: 50%
}

.complex-input__input:after {
    left: 50%
}

.complex-input__input,
.complex-input__input-inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

.complex-input__input .input,
.complex-input__input .select2-selection__rendered,
.complex-input__input-inn .input,
.complex-input__input-inn .select2-selection__rendered {
    background-color: transparent;
}

.complex-input__input .input:not(.input--border),
.complex-input__input .select2-selection__rendered:not(.input--border),
.complex-input__input-inn .input:not(.input--border),
.complex-input__input-inn .select2-selection__rendered:not(.input--border) {
    border-bottom: 0
}

.complex-input__input-inn>.icon,
.complex-input__input>.icon {
    font-size: 13px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 5;
    pointer-events: none
}

.complex-input__addon {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #7f8fa5;
    font-weight: 500;
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px
}

.complex-input__addon .icon {
    margin-right: 5px
}

.complex-input__error,
.write-form__error {
    font-size: 11px;
    margin-top: 10px
}

.complex-input__hint {
    display: block;
    margin-top: 5px;
    color: #7f8b9a;
    font-size: 11px;
    line-height: 20px
}

.complex-input__hint b {
    color: #4e5665
}

.complex-input__remove {
    -ms-flex-item-align: start;
    align-self: flex-start;
    height: 32px;
    width: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    border: 0
}

.complex-input__remove .icon {
    fill: #7f8fa5;
    font-size: 10px
}

.complex-input__radios {
    margin: 0 -12px -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.complex-input__radios>* {
    padding: 0 12px 12px
}

@-webkit-keyframes phAnimation {
    0% {
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }
}

@keyframes phAnimation {
    0% {
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    100% {
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }
}

.ph-item {
    overflow: hidden
}

.ph-item:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    z-index: 1;
    width: 500%;
    margin-left: -250%;
    -webkit-animation: phAnimation .8s linear infinite;
    animation: phAnimation .8s linear infinite;
    background: -webkit-gradient(linear, left top, right top, color-stop(46%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .35)), color-stop(54%, rgba(255, 255, 255, 0))) 50% 50%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, .35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%
}

.ph-round-image {
    position: relative;
    width: 100%;
    background-color: #f0f1f5;
    border-radius: 50%;
    overflow: hidden
}

.ph-round-image:before {
    content: " ";
    display: block;
    padding-top: 100%
}

.ph-empty {
    background-color: #f0f1f5
}

.ph-text {
    background-color: #f0f1f5
}

.ph-text:before {
    content: '...';
    opacity: 0
}

.ph-button {
    width: 100%;
    background-color: #f0f1f5;
    display: inline-block;
    vertical-align: top
}

.directory {
    height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    color: #4e5665;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 10px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.directory.ph-item .directory__icon .icon {
    fill: #f0f1f5
}

.directory:hover {
    -webkit-box-shadow: 0 14px 15px 4px rgba(193, 201, 249, .2);
    box-shadow: 0 14px 15px 4px rgba(193, 201, 249, .2)
}

@media only screen and (max-width: 992px) {
    .directory {
        height: auto;
        min-height: 70px;
        padding: 0 35px 0 16px
    }

    .directory .card-menu {
        display: none
    }
}

.directory:hover .card-menu {
    opacity: 1
}

.directory--add {
    border: 1px dashed #0656e9;
    background: #e6e9ff !important
}

.directory--add .directory__icon {
    margin-bottom: 15px
}

.directory--add .directory__icon .icon {
    font-size: 48px;
    fill: #0656e9
}

.directory__inn {
    text-align: center;
    width: 100%
}

@media only screen and (max-width: 992px) {
    .directory__inn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left
    }
}

.directory__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.directory__icon {
    font-size: 0;
    margin-bottom: 10px
}

@media only screen and (max-width: 992px) {
    .directory__icon {
        margin-bottom: 0;
        margin-right: 20px
    }
}

.directory__icon .icon {
    font-size: 64px;
    fill: #fccd7f
}

@media only screen and (max-width: 992px) {
    .directory__icon .icon {
        font-size: 40px
    }
}

.directory__name {
    color: #0656e9;
    font-size: 14px;
    line-height: 1.4
}

.directory__name.ph-text {
    max-width: 80%;
    margin: 0 auto
}

@media only screen and (max-width: 480px) {
    .directory__name {
        font-size: 12px
    }
}

.directory__count {
    display: block;
    margin-top: 10px
}

.directory__count.ph-text {
    width: 100px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 992px) {
    .directory__count {
        margin-top: 5px
    }
}

.directory__drop {
    display: none;
    z-index: 9;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px
}

@media only screen and (max-width: 992px) {
    .directory__drop {
        display: block
    }
}

@media only screen and (max-width: 992px) {
    .docs {
        margin: 0 -12px -24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.docs__item {
    margin-bottom: 20px
}

@media only screen and (max-width: 992px) {
    .docs__item {
        margin: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 0 12px 24px;
        width: 33.333%
    }
}

@media only screen and (max-width: 767px) {
    .docs__item {
        width: 50%
    }
}

@media only screen and (max-width: 480px) {
    .docs__item {
        width: 100%
    }
}

.docs__item:last-child {
    margin-bottom: 0
}

.doc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 60px;
    padding: 5px 20px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.doc:hover {
    -webkit-box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1)
}

@media only screen and (max-width: 992px) {
    .doc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: 0 0 15px;
        border-radius: 4px
    }
}

.doc__base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 400px;
    width: 100%
}

@media only screen and (max-width: 992px) {
    .doc__base {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #fafcfe;
        padding: 20px;
        width: 100%;
        margin-bottom: 20px
    }
}

.doc__name {
    color: #728be6;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4
}

@media only screen and (max-width: 992px) {
    .doc__name {
        font-size: 12px
    }
}

.doc__label {
    font-weight: 600;
    font-size: 11px;
    color: #b1b6c4;
    display: block;
    margin-bottom: 7px
}

@media only screen and (max-width: 992px) {
    .doc__label {
        margin-bottom: 13px
    }
}

.doc__value {
    font-weight: 600
}

.doc__buttons {
    margin: 25px auto 0;
    display: none;
    max-width: 145px
}

@media only screen and (max-width: 992px) {
    .doc__buttons {
        display: block
    }
}

.doc__buttons .btn,
.doc__buttons .imsocial-btn,
.doc__buttons .sidebar__back {
    width: 100%;
    margin-bottom: 10px
}

.doc__buttons .btn:last-child,
.doc__buttons .imsocial-btn:last-child,
.doc__buttons .sidebar__back:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 992px) {
    .doc .actions-menu {
        display: none
    }
}

.doc .round-icon {
    font-size: 36px;
    background: #0656e9;
    margin-right: 18px
}

.doc .round-icon .icon {
    font-size: 22px
}

@media only screen and (max-width: 992px) {
    .doc .round-icon {
        font-size: 64px;
        margin: 0 0 15px
    }

    .doc .round-icon .icon {
        font-size: 40px
    }
}

.dropmenu {
    -webkit-box-shadow: 0 10px 13px 4px rgba(193, 201, 249, .2);
    box-shadow: 0 10px 13px 4px rgba(193, 201, 249, .2);
    border-radius: 5px;
    border: 1px solid #f2f4f9;
    background-color: #fdfdfd;
    padding: 35px 15px 15px;
    position: absolute;
    padding-right: 40px;
    right: -11px;
    top: -11px;
    display: none
}

.dropmenu__item {
    margin-bottom: 15px
}

.dropmenu__item:last-child {
    margin-bottom: 0
}

.dropmenu__link {
    font-weight: 500;
    font-size: 12px;
    color: #4e5665;
    white-space: nowrap;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dropmenu__link:hover {
    color: #0656e9
}

.dropmenu__link:hover .icon {
    fill: #0656e9
}

.dropmenu__link .icon {
    fill: #c3cad0;
    margin-right: 10px;
    font-size: 15px
}

.faq-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 180px;
    padding: 25px;
    height: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #4e5665;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.faq-group--general .round-icon {
    background: #eff1f8
}

.faq-group--general .round-icon .icon {
    fill: #495370
}

.faq-group--general .faq-group__name {
    color: #495370
}

.faq-group--assignments .round-icon {
    background: #e4e5fa
}

.faq-group--assignments .round-icon .icon {
    fill: #5259b4
}

.faq-group--assignments .faq-group__name {
    color: #5259b4
}

.faq-group--security .round-icon {
    background: #ffefd9
}

.faq-group--security .round-icon .icon {
    fill: #f99b00
}

.faq-group--security .faq-group__name {
    color: #f99b00
}

.faq-group--payments .round-icon {
    background: #e2f4cf
}

.faq-group--payments .round-icon .icon {
    fill: #81be3a
}

.faq-group--payments .faq-group__name {
    color: #81be3a
}

.faq-group--ref .round-icon {
    background: #f7e5ff
}

.faq-group--ref .round-icon .icon {
    fill: #9534eb
}

.faq-group--ref .faq-group__name {
    color: #9534eb
}

.faq-group--accounts .round-icon {
    background: #e6e9ff
}

.faq-group--accounts .round-icon .icon {
    fill: #0656e9
}

.faq-group--accounts .faq-group__name {
    color: #0656e9
}

.faq-group--settings .round-icon {
    background: #f8e9dc
}

.faq-group--settings .round-icon .icon {
    fill: #a0734b
}

.faq-group--settings .faq-group__name {
    color: #a0734b
}

.faq-group--orders .round-icon {
    background: #e9eeff
}

.faq-group--orders .round-icon .icon {
    fill: #728be6
}

.faq-group--orders .faq-group__name {
    color: #728be6
}

.faq-group--violations .round-icon {
    background: #ffe7e7
}

.faq-group--violations .round-icon .icon {
    fill: #fa7777
}

.faq-group--violations .faq-group__name {
    color: #fa7777
}

.faq-group--check_users .round-icon {
    background: #ffefd9
}

.faq-group--check_users .round-icon .icon {
    fill: #f99b00
}

.faq-group--check_users .faq-group__name {
    color: #f99b00
}

.faq-group--other .round-icon {
    background: #eff1f8
}

.faq-group--other .round-icon .icon {
    fill: #495370
}

.faq-group--other .faq-group__name {
    color: #495370
}

.faq-group--column {
    text-align: left;
    min-height: auto;
    padding: 0
}

.faq-group--column .round-icon {
    margin-right: 25px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 0 !important
}

.faq-group--column .faq-group__inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.faq-group--column .faq-group__name {
    font-size: 18px
}

.faq-group--column .faq-group__desc {
    margin-top: 3px
}

.faq-group:hover:not(.faq-group--column) {
    -webkit-box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.faq-group__name {
    font-size: 14px;
    line-height: 1.6
}

.faq-group__desc {
    margin-top: 10px;
    line-height: 1.6
}

@media only screen and (max-width: 480px) {
    .faq-group__desc {
        margin-top: 0
    }
}

.faq-group .round-icon {
    font-size: 48px;
    margin-bottom: 15px
}

.faq-group .round-icon .icon {
    font-size: 24px
}

.faq-list {
    counter-reset: faq
}

.faq {
    border-radius: 8px;
    display: block;
    background: #fff;
    counter-increment: faq;
    -webkit-box-shadow: 0 2px 10px 2px rgba(139, 139, 139, .05);
    box-shadow: 0 2px 10px 2px rgba(139, 139, 139, .05);
    margin-top: 10px;
}

.faq--outside .faq__head:before {
    font-size: 20px
}

.faq--outside .faq__head:after {
    display: none
}

.faq--outside .faq__head-inn:before {
    display: none
}

.faq:nth-child(1) .faq__head-inn:before {
    content: counters(faq, ".", decimal-leading-zero);
}

.faq:nth-child(2) .faq__head-inn:before {
    content: counters(faq, ".", decimal-leading-zero)
}

.faq:nth-child(3) .faq__head-inn:before {
    content: counters(faq, ".", decimal-leading-zero)
}

.faq:nth-child(4) .faq__head-inn:before {
    content: counters(faq, ".", decimal-leading-zero)
}

.faq:nth-child(5) .faq__head-inn:before {
    content: counters(faq, ".", decimal-leading-zero)
}

.faq:nth-child(6) .faq__head-inn:before {
    content: counters(faq, ".", decimal-leading-zero)
}

.faq:nth-child(7) .faq__head-inn:before {
    content: counters(faq, ".", decimal-leading-zero)
}

.faq:nth-child(8) .faq__head-inn:before {
    content: counters(faq, ".", decimal-leading-zero)
}

.faq:nth-child(9) .faq__head-inn:before {
    content: counters(faq, ".", decimal-leading-zero)
}

.faq__head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0;
    min-height: 70px;
    cursor: pointer;
    /* padding-left: 72px !important; */
}

@media only screen and (max-width: 480px) {
    .faq__head {
        padding-left: 25px !important
    }
}

.faq__head:after,
.faq__head:before {
    position: absolute;
    color: #abb1bc;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.faq__head:before {
    ;
    left: 25px;
    font-size: 24px
}

@media only screen and (max-width: 480px) {
    .faq__head:before {
        display: none
    }
}

.faq__head:after {
    right: 25px;
    font-size: 16px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.accordion-open .faq__head:after {
    -webkit-transform: translateY(-50%) scaleY(-1);
    transform: translateY(-50%) scaleY(-1)
}

.faq__head-inn {
    position: relative;
    padding-right: 30px
}

.faq__head-inn:before {
    position: absolute;
    left: -10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: counter(faq);
    opacity: .05;
    font-size: 64px;
    font-weight: 600
}

.faq__answer,
.faq__head,
.faq__rate {
    padding-left: 25px;
    padding-right: 25px;
}

.faq__body {
    display: none
}

.faq__question {
    font-size: 16px;
    color: #035bf4;
    display: block;
    width: 100%;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    font-weight: 600;
}

.faq__answer {
    background: #f9faff;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #000;
    font-size: 14px;
    position: relative;
}

@media only screen and (max-width: 480px) {
    .faq__answer {
        font-size: 14px;
    }
}

.faq__answer .text p {
    line-height: 1.8
}

.faq__rate {
    color: #636985;
    min-height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.8
}

.faq__rate-buttons {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 25px;
    position: relative
}

@media only screen and (max-width: 360px) {
    .faq__rate-buttons {
        margin: 10px 0 0;
        width: 100%
    }
}

.faq__rate-buttons.is-loading:after,
.faq__rate-buttons.is-loading:before {
    display: block
}

.faq__rate-buttons:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: '';
    display: none;
    z-index: 2;
    width: 25px !important;
    height: 25px !important
}

.faq__rate-buttons:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    display: none;
    z-index: 1
}

.faq__rate-btn {
    border-radius: 4px;
    color: #0656e9;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 50px
}

.faq__rate-btn:first-child {
    background: #f4f5fe;
    margin-right: 5px
}

.faq__group {
    margin-top: 5px
}

.faq__group .faq-group {
    display: block;
    padding: 0;
    min-height: auto
}

.faq__group .faq-group__name {
    font-size: 12px
}

.faq__group .faq-group .round-icon {
    font-size: 22px;
    margin-right: 7px
}

.faq__group .faq-group .round-icon .icon {
    font-size: 12px
}

.fast-faq {
    border-radius: 10px;
    border: 1px solid #eaecf4;
    font-size: 14px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    overflow: hidden
}

.fast-faq--attention {
    border-width: 2px;
    border-color: rgba(105, 114, 224, .8)
}

.fast-faq--attention .fast-faq__question {
    font-weight: 700;
    color: rgba(105, 114, 224, .8)
}

@media only screen and (max-width: 480px) {
    .fast-faq {
        font-size: 14px;
        border-radius: 10px
    }
}

.fast-faq+.fast-faq {
    margin-top: 20px
}

.fast-faq.accordion-open {
    border-radius: 10px;
    border-color: #0656e9
}

.fast-faq.accordion-open .fast-faq__question {
    background: #0656e9;
    color: #fff
}

.fast-faq.accordion-open .fast-faq__question:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    color: #fff
}

.fast-faq__question {
    min-height: 60px;
    padding: 10px 30px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 50px !important;
    position: relative;
    color: #0656e9;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    line-height: 1.6
}

@media only screen and (max-width: 480px) {
    .fast-faq__question {
        line-height: 2;
        padding: 10px 25px;
        padding-right: 45px !important
    }
}

.fast-faq__question:before {
    position: absolute;
    font-size: 18px;
    color: #babdd9;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

@media only screen and (max-width: 480px) {
    .fast-faq__question:before {
        right: 25px
    }
}

.fast-faq__answer {
    color: #000;
    border-top: 1px solid #eaecf4;
    padding: 20px 30px;
    line-height: 1.8;
    display: none
}

@media only screen and (max-width: 480px) {
    .fast-faq__answer {
        line-height: 1.8;
        padding: 20px 25px
    }
}

.feature {
    height: 410px;
    border-radius: 12px;
    padding: 32px 10px 0 32px;
    overflow: hidden;
    color: #253147;
    position: relative;
    max-width: 300px
}

.feature--blue {
    background: #edf5fe;
    color: #253147
}

.feature--violet {
    background: #f5f3fe;
    color: #512570
}

.feature--green {
    background: #eef7f1;
    color: #2f4a36
}

.feature--red {
    background: #fcf0f0;
    color: #713245
}

.feature--yellow {
    background: #fffbed;
    color: #685442
}

.feature__name {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    font-family: OpenSans
}

.feature__icon {
    position: absolute;
    bottom: -90px;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 0 25px
}

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

.reseller-feature {
    text-align: center;
    color: #081f4d;
    position: relative;
    padding: 0 0 55px;
    width: 350px
}

@media only screen and (max-width: 768px) {
    .reseller-feature {
        width: 300px;
        margin: 0 10px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media only screen and (max-width: 641px) {
    .reseller-feature {
        padding: 0 0 68px;
        width: 100%
    }
}

.reseller-feature:after,
.reseller-feature:before {
    position: absolute;
    content: '';
    bottom: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQ3IiBoZWlnaHQ9IjIxNCIgdmlld0JveD0iMCAwIDE0NyAyMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yLjYzMjQgMTkyLjcyOUMyLjYzMjQgMTkyLjcyOSA3LjQ3MzM2IDE5Mi4wMDUgMTIuMzM1OCAxOTEuMzQyQzE0LjY3OTMgMTkxLjAxMyAxNy4xNjYgMTkwLjY1OCAxOC45NzU1IDE5MC40MzlDMjAuNzM0OSAxODkuOTQxIDIxLjkyMSAxODkuNjEyIDIxLjkyMSAxODkuNjEyQzIzLjE2NzkgMTcxLjMyMyAyOS4xOTE0IDE2Mi42NjkgMzQuNjY2NiAxNTcuNDYzQzM3LjU3NjEgMTU1LjE5MSA0NS44OTI4IDE1MS4yNTcgNDUuODkyOCAxNTEuMjU3QzQ1Ljg5MjggMTU2Ljc5MyA0Ni4zMyAxNjMuODEyIDQ0LjQ1NiAxNzAuNjI0QzQyLjM1MjYgMTc2LjgwNSAzOC4yODU2IDE4NC4xMjIgMjkuNDIwNyAxODcuNzQ1QzI5LjcwMzggMTg4LjY0NCA1NS44MDc3IDE3OC43MTUgNTUuMzk5MiAxNzcuODY2QzUzLjU4OTYgMTY4Ljg1NCA1My42ODI4IDE2MS45NjcgNTQuNTg5NCAxNTYuNjQ2QzU1LjE5NDkgMTUwLjk1OSA1Ni42Njc3IDE0Ni45MTQgNTguNjIwNSAxNDQuMDU0QzYwLjY0NTEgMTQxLjE3IDY2Ljg1ODQgMTM1LjI4NiA2Ni44NTg0IDEzNS4yODZDNjguNjY3OSAxNDAuMzU2IDcxLjE0MzkgMTQ2LjY1NiA3MS41NzM5IDE1My43NDNDNzEuOTI1MSAxNTcuNDU5IDcxLjA1NDQgMTYwLjU5MSA2OS42NzEyIDE2NC4xNDZDNjguMTA1NCAxNjcuNTM5IDY2LjA4MDggMTcxLjQ4OCA2Mi4xOTY2IDE3NC4zODdDNjIuMzYxNCAxNzQuNTMgNjguMTk4NSAxNzAuNTY3IDczLjkxMDIgMTY2LjQzMkM3Ni45MzQ1IDE2NC40OTMgNzkuNTA3MiAxNjIuMDAzIDgxLjM3MDUgMTYwLjE3OUM4My4yNjk2IDE1OC4yNTggODQuNTA5NCAxNTcuMDYyIDg0LjUwOTQgMTU3LjA2MkM3Ni4yNDI5IDE0MS40MjggNzMuMzI2MSAxMzAuNzAzIDc4LjQyNTEgMTE2Ljg4NkM3OS41MTA4IDExNS4wOCA4MC41NzE0IDExNC4xNDEgODAuNTcxNCAxMTQuMTQxQzg3LjI5IDEyMS41MTIgOTkuNjYyOSAxMzQuNTIzIDg5Ljg4NDMgMTUxLjYyMkM4OS44ODQzIDE1MS42MjIgOTQuMDE1OCAxNDYuMDU3IDk4LjE0MzcgMTQwLjUyMUMxMDAuMjE4IDEzNy43MTkgMTAxLjM5NCAxMzQuNDEyIDEwMi42NDEgMTMyLjE5N0MxMDMuODU1IDEyOS44NjggMTA0LjY0IDEyOC4zMjQgMTA0LjY0IDEyOC4zMjRDOTEuNDI1MSAxMTYuNjYgODYuMDAzNiAxMDguNDUxIDg0LjgwNjggMTAxLjE5NUM4My41Mzg0IDk0LjEwNCA4NS40NDgyIDg4LjI4ODQgODUuNDQ4MiA4OC4yODg0Qzk0Ljc1NzUgOTQuMDE0NCAxMTAuNDEzIDEwMi4xNjYgMTA3LjcwNyAxMjEuMzU4QzEwNy43MDcgMTIxLjM1OCAxMDguMjIzIDExOS43MzUgMTA4Ljk1OCAxMTcuMjc3QzEwOS43MzUgMTE0LjgxOSAxMTAuNTI0IDExMS40MzYgMTExLjI2NSAxMDguMDA3QzExMi41NzcgMTAxLjE5NSAxMTMuMTE0IDk0LjIxMTUgMTEzLjExNCA5NC4yMTE1Qzk2LjEyOTkgODcuNzAwOCA4OS4zMjUzIDc5LjY4MTUgODUuOTk2NSA3My4wMDU5QzgyLjgwMzggNjYuMzQ4MiA4My4xNTg1IDYwLjQ3ODkgODMuMTU4NSA2MC40Nzg5QzkzLjc1MDYgNjMuMzIwNCAxMTAuNjYgNjcuMjI5NyAxMTMuNTczIDg2LjU3NTZDMTEzLjU3MyA4Ni41NzU2IDExMy43MzQgNzkuNjQyIDExMy4yIDcyLjY1ODNDMTEyLjc2IDY1LjY2NzQgMTExLjQ3IDU4Ljg1NTcgMTExLjQ3IDU4Ljg1NTdDOTMuMjUyNSA1Ny4wMjEgODQuNzMxNiA1MS4yNzcxIDc5LjcwMDcgNDYuNjExN0M3Ny40ODI3IDQ0LjA5MjcgNzMuOTA2NiAzNy4yNzM4IDczLjkwNjYgMzcuMjczOEM3OS4yODE1IDM2LjI3MDUgODUuODk2MSAzNS4zNTMyIDkyLjY0MzQgMzYuODYxN0M5OS4yNDAxIDM4LjMzMDkgMTA1Ljk5OCA0Mi41MzQgMTA5Ljc5NiA1MS4zOTE4QzEwOS43OTYgNTEuMzkxOCAxMDkuNjEgNTAuMTc3MSAxMDkuMDU4IDQ4LjM5OThDMTA4LjUwMyA0Ni43MDEzIDEwNy43ODYgNDQuNDM2NyAxMDcuMDg0IDQyLjE3MjFDMTA1LjQxIDM3LjYyMTQgMTAzLjYyNiAzMy4yNjc4IDEwMy42MjYgMzMuMjY3OEM5OS44OTk0IDMyLjAyMDggOTQuODE4NCAyOS41MTI1IDkwLjY5NDEgMjUuMDE1NkM4Ni4yNjUyIDIwLjQ2MTMgODQuMTkwNSAxMy43MjEyIDgwLjEwMiAwLjI0ODIwNEM4MC4xMDIgMC4xOTQ0NTYgODAuMDU1NSAwLjE0Nzg3NCA4MC4wMTk2IDAuMTQ3ODc0SDgwLjEwMlYwLjAyMjQ2MTFMODAuMjI3NSAwLjE0Nzg3NEM5NS4zMTI5IC0xLjIzODg0IDEwNC42NDQgNy40MDc1MiAxMDcuOTQ0IDE0LjM1OUMxMTEuNTgxIDIxLjcwNDYgMTA5Ljc3MSAyOC4zNTUxIDEwOC42NjQgMzEuNjA1MUMxMDguNjY0IDMxLjYwNTEgMTEwLjczMiAzNi4yNzA1IDExMi4zMTkgNDEuMDQzNEMxMTMuMDk3IDQzLjQ2MjEgMTEzLjgyNCA0NS45MjM4IDExNC40MTUgNDcuNzUxMkMxMTQuODM0IDQ5LjYyMTcgMTE1LjEzOSA1MC44NTQzIDExNS4xMzkgNTAuODU0M0MxMTQuMSA0MC42OTk0IDExNS42MDggMzIuNjcyOSAxMTguMDQ1IDI1LjAxMkMxMjAuMzg4IDE3LjQzNyAxMjMuNzU3IDEwLjM5OTUgMTI1LjE1MSAzLjYyMDAzQzEyNS4xNTEgMy42MjAwMyAxMjYuOTc4IDUuNjMwMjMgMTI5LjM0NyA5LjEyMDMxQzEzMS4yMDYgMTIuNjgyIDEzNC4wMTkgMTcuNzcwMyAxMzQuNzk3IDIzLjY4MjZDMTM3LjExOSAzNS41Mjg4IDEzMy4wNDggNDkuODI5NSAxMTYuNjggNTcuODkxOEMxMTYuNjggNTcuODkxOCAxMTguMDQ1IDY1LjE4NzMgMTE4LjUzOSA3Mi42NjE5QzExOS4wOTggODAuMTE4NiAxMTguODA4IDg3LjU1MDMgMTE4LjgwOCA4Ny41NTAzQzEyMi4wNjIgNjcuNjk1NSAxMzQuOTQgNTguMDY3NCAxNDMuMDcgNDcuMTM0OUMxNDMuMDcgNDcuMTM0OSAxNDcuMDQxIDU2LjQwNDcgMTQ1LjQzNSA2Ny41NjI5QzE0My45NjMgNzguNzE0IDEzNi40NTIgOTEuMjA1MiAxMTguMzc1IDk0LjY5ODhDMTE4LjM3NSA5NC42OTg4IDExNy44NDEgMTAyLjE3IDExNi4zODIgMTA5LjQ4M0MxMTQuOTEgMTE2LjgzMiAxMTIuNDY2IDEyMy45NiAxMTIuNDY2IDEyMy45NkMxMjEuMTggMTA1LjYyNCAxMzUuOTE1IDk5LjU1NDEgMTQ2Ljc5NyA5MS40MDU4QzE0Ni43OTcgOTEuNDA1OCAxNDguMjA1IDEwMS4xMDkgMTQzLjYwNCAxMTEuNjYyQzEzOS4xNTQgMTIxLjk1NyAxMjguMyAxMzMuNjc0IDEwOS40MjQgMTMwLjUwM0MxMDkuNDI0IDEzMC41MDMgMTA4LjU4NSAxMzIuMjAxIDEwNy4zMzggMTM0LjY3M0MxMDUuOTU5IDEzNy4xNTcgMTA0LjcxMiAxNDAuNzQ3IDEwMi4zMjUgMTQzLjczOUM5Ny45MDcyIDE0OS43NjYgOTMuNDM4OSAxNTUuNzc1IDkzLjQzODkgMTU1Ljc3NUMxMDguMTEyIDE0Mi4xMTIgMTIzLjk2NCAxNDEuMjg4IDEzNy43MjEgMTM2LjQ0QzEzNy43MjEgMTM2LjQ0IDEzNy4wNjEgMTM4LjkzIDEzNS4zNzcgMTQyLjYwM0MxMzMuNzA0IDE0Ni4zMTUgMTMwLjk0NSAxNTEuMjQ2IDEyNy4wNzUgMTU1Ljc3NUMxMTguMTkyIDE2NC4wMDkgMTA0LjcxNSAxNzAuMjA1IDg4LjI1MzkgMTYwLjc5MkM4OC4yNTM5IDE2MC43OTIgODYuODU2NCAxNjIuMTM5IDg0LjgxMDQgMTY0LjE0MkM4Mi44NTQgMTY2LjE4OCA4MC4wMTYxIDE2OC44MjIgNzYuNzg0IDE3MC44NTdDNzMuNzIzOSAxNzMuMDcxIDcwLjU3NDIgMTc1LjIzNiA2OC4yNTU4IDE3Ni45MTNDNjYuMjI3NyAxNzguMzUgNjQuNjc5OCAxNzkuMDU1IDY0LjI3ODUgMTc5LjI0MkM2OS4xNDgxIDE3Ny42ODcgNzMuMDg2MSAxNzUuODk5IDc3LjQyMTggMTc1LjUyNkM4MS41NTY4IDE3NC43ODQgODUuOTIxMiAxNzUuMjMyIDg5LjY5OCAxNzUuMTQzQzk3LjM4NCAxNzUuMjMyIDEwNC44OTQgMTc2Ljc5NCAxMTEuODI0IDE3Ny4wMDlDMTExLjgyNCAxNzcuMDA5IDExMC4zNTIgMTc5LjA1MiAxMDcuNjUgMTgxLjg3NUMxMDQuNzY1IDE4NC41ODEgMTAxLjAxIDE4OC43NDEgOTUuNTM4NyAxOTAuODQ4QzkwLjE3NDUgMTkzLjE2MyA4My44NzUyIDE5NC42NTMgNzcuNDIxOCAxOTMuODU4QzcwLjc3NDkgMTkyLjcxOCA2My45NDE2IDE4OS4yNjEgNTcuNzY0MSAxODIuNjUzQzU4LjE1NDcgMTgzLjQ4MSAzNS41MDg2IDE5MS45OTEgMzAuODAwMiAxOTMuMDEyQzM1LjYxNjEgMTkyLjcxOCAzOS44MDg1IDE5Mi43MTggNDMuNzUzNyAxOTMuMTYzQzQ3Ljg0NTcgMTkzLjcxOCA1MS44MDUyIDE5NC44OTcgNTUuNDU2NSAxOTYuMzg4QzYyLjcxOTcgMTk5LjAyOCA2OS4xOTgyIDIwMi41NCA3NS41MDgzIDIwNC45OTVDNzUuNTA4MyAyMDQuOTk1IDczLjYwMiAyMDYuNDc4IDcwLjI4NCAyMDguMzg4QzY2Ljk4NzQgMjEwLjI5OCA2Mi4yMTQ1IDIxMi40MzMgNTYuNjE3NSAyMTIuOTQ5QzQ1LjUyMDIgMjE0Ljc5OCAzMS42MTM2IDIxMC44MjEgMjMuMDA2NyAxOTQuODE4QzIzLjAwNjcgMTk0LjgxOCAyMS44NDU3IDE5NS4wOTQgMjAuMDE4MyAxOTUuNjMyQzE4LjEyNjMgMTk1LjgyOSAxNS42MTQ1IDE5Ni4yNDEgMTMuMTIwNSAxOTYuNTdDOC4xMDc1OCAxOTcuMjc2IDMuMTIzMjkgMTk3Ljk3NSAzLjEyMzI5IDE5Ny45NzVWMTk3LjkwM0MzLjA3MzEzIDE5Ny45MDMgMy4wMjY1NiAxOTcuOTc1IDIuOTI5ODEgMTk3Ljk3NUMxLjQ1NzEgMTk3Ljk3NSAwLjI3ODIwNyAxOTYuODMyIDAuMjc4MjA3IDE5NS4zNTJDMC4yNTY3MDggMTkzLjk1OCAxLjM0MjQzIDE5Mi44NjIgMi42MzI0IDE5Mi43MjlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSI3My42Mzg5IiB5MT0iMCIgeDI9IjczLjYzODkiIHkyPSIyMTMuMzY3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGOEY4RkEiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRTlFQUYwIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K) center no-repeat;
    background-size: 100% 100%;
    width: 147px;
    height: 213px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0
}

.reseller-feature:before {
    margin-left: 77px
}

.reseller-feature:after {
    -webkit-transform: translateX(-50%) scaleX(-1);
    transform: translateX(-50%) scaleX(-1);
    margin-left: -77px
}

.reseller-feature__inn {
    position: relative;
    z-index: 2
}

.reseller-feature__icon {
    margin-bottom: 30px
}

.reseller-feature__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    margin-bottom: 18px
}

@media only screen and (max-width: 767px) {
    .reseller-feature__title {
        font-size: 28px
    }
}

.reseller-feature__desc {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    font-family: OpenSans
}

.price-feature {
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Commissioner;
    height: 220px;
    position: relative;
    overflow: hidden;
    padding-right: 48px;
    padding-left: 335px
}

@media only screen and (max-width: 1200px) {
    .price-feature {
        padding-left: 180px
    }
}

@media only screen and (max-width: 767px) {
    .price-feature {
        padding-left: 280px
    }
}

@media only screen and (max-width: 641px) {
    .price-feature {
        height: auto !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 24px 48px
    }
}

.price-feature--violet {
    background: #f5f3fe
}

.price-feature--violet.price-feature--gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7.48%, #f5f3fe), color-stop(98.22%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, #f5f3fe 7.48%, rgba(255, 255, 255, 0) 98.22%)
}

.price-feature--violet .price-feature__value {
    color: #512570
}

.price-feature--yellow {
    background: #fffbed
}

.price-feature--yellow.price-feature--gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7.48%, #fffbed), color-stop(98.22%, rgba(255, 255, 255, 0)));
    background: linear-gradient(180deg, #fffbed 7.48%, rgba(255, 255, 255, 0) 98.22%)
}

.price-feature--yellow .price-feature__value {
    color: #685442
}

.price-feature--gradient {
    height: 196px
}

.price-feature--icon-top .price-feature__icon {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media only screen and (max-width: 641px) {
    .price-feature--icon-top .price-feature__icon img {
        max-height: 180px
    }
}

.price-feature__icon {
    width: 335px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

@media only screen and (max-width: 1200px) {
    .price-feature__icon {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        left: -50px
    }
}

@media only screen and (max-width: 768px) {
    .price-feature__icon {
        width: 280px;
        left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 641px) {
    .price-feature__icon {
        position: static;
        width: 100%;
        height: 192px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.price-feature__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.price-feature__value {
    font-family: Commissioner;
    font-weight: 600;
    font-size: 36px;
    white-space: nowrap
}

.price-feature__desc {
    font-size: 16px;
    color: #253147;
    line-height: 24px;
    font-weight: 600
}

@media only screen and (max-width: 641px) {
    .price-feature__desc {
        margin-top: 16px
    }
}

.feature {
    min-height: 230px;
    height: 100%;
    border-radius: 8px;
    padding: 30px 40px 15px;
    color: #fff;
    border: 1px solid #6970d5;
    padding-right: 15px
}

.feature__icon {
    font-size: 0;
    margin-bottom: 20px
}

.feature__icon .icon {
    fill: #fff;
    font-size: 64px
}

.feature__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.8
}

@media only screen and (min-width: 992px) {

    .filters-init .l-inner__main:before,
    .filters-select-open .l-inner__main:before {
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: 0;
        opacity: 0;
        content: '';
        background: rgba(12, 15, 55, .45);
        z-index: 98;
        -webkit-transition: opacity .2s linear;
        transition: opacity .2s linear
    }
}

@media only screen and (min-width: 992px) {

    .filters-open .l-inner,
    .filters-select-open .l-inner {
        position: static !important
    }

    .filters-open .l-inner__main:before,
    .filters-select-open .l-inner__main:before {
        height: 100%;
        opacity: 1
    }

    .filters-open .header,
    .filters-select-open .header {
        z-index: 80
    }
}

.filters-input,
.filters-select .select2-selection__rendered {
    border-radius: 20px;
    background: #5c64d4 !important;
    padding: 0 20px;
    height: 40px !important;
    color: #fff !important;
    border: 0 !important;
    font-weight: 600
}

@media only screen and (max-width: 992px) {

    .filters-input,
    .filters-select .select2-selection__rendered {
        background: #fff !important;
        color: #4e5665 !important;
        height: 50px !important;
        border-radius: 8px
    }
}

.filters-input::-webkit-input-placeholder,
.filters-select .select2-selection__rendered::-webkit-input-placeholder {
    color: #fff !important
}

.filters-input::-moz-placeholder,
.filters-select .select2-selection__rendered::-moz-placeholder {
    color: #fff !important
}

.filters-input:-ms-input-placeholder,
.filters-select .select2-selection__rendered:-ms-input-placeholder {
    color: #fff !important
}

.filters-input:-moz-placeholder,
.filters-select .select2-selection__rendered:-moz-placeholder {
    color: #fff !important
}

.filters-input::-ms-input-placeholder,
.filters-select .select2-selection__rendered::-ms-input-placeholder {
    color: #fff !important
}

.filters-input::placeholder,
.filters-select .select2-selection__rendered::placeholder {
    color: #fff !important
}

.filters-select-open .filters-select {
    z-index: 999
}

@media only screen and (min-width: 992px) {
    .filters-select:not([aria-expanded=true]) .select2-selection__rendered .icon {
        fill: #b9bef6 !important
    }
}

.filters-select.select2-selection:before {
    display: none !important
}

.filters-select .select2-icon-container .icon {
    font-size: 16px;
    left: 18px
}

.filters-select .select2-selection__placeholder {
    color: #fff;
    opacity: .7
}

.filters-select .select2-selection__rendered {
    line-height: 40px;
    font-weight: 600;
    z-index: auto !important;
    padding-right: 50px
}

@media only screen and (max-width: 992px) {
    .filters-select .select2-selection__rendered {
        line-height: 50px
    }
}

.select2-container--open .filters-select .select2-selection__rendered {
    background: #fff !important;
    border-radius: 10px 10px 0 0;
    color: #4e5665 !important
}

.select2-container--open .filters-select .select2-selection__rendered .select2-icon-container__counter {
    color: #b1b6c4
}

.filters-select .select2-selection__rendered .icon {
    top: 11px
}

@media only screen and (max-width: 992px) {
    .filters-select .select2-selection__rendered .icon {
        top: 16px
    }
}

.filters-select .geo-select:before,
.filters-select .select2-selection__arrow:before {
    color: #b9bef6;
    right: 20px
}

.filters-select .select2-results {
    margin: 0;
    padding: 0 !important;
    -webkit-box-shadow: 0 24px 32px -12px rgba(193, 201, 249, .35);
    box-shadow: 0 24px 32px -12px rgba(193, 201, 249, .35)
}

.awesomplete .filters-select li,
.filters-select .awesomplete li,
.filters-select .select2-results__option {
    color: #4e5665;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px
}

.awesomplete .filters-select li .select2-icon-container__counter,
.filters-select .awesomplete li .select2-icon-container__counter,
.filters-select .select2-results__option .select2-icon-container__counter {
    color: #b1b6c4
}

.awesomplete .filters-select li:not(.select2-results__option--highlighted):not([aria-selected=true]) .icon,
.filters-select .awesomplete li:not(.select2-results__option--highlighted):not([aria-selected=true]) .icon,
.filters-select .select2-results__option:not(.select2-results__option--highlighted):not([aria-selected=true]) .icon {
    fill: #c3cad0 !important
}

.filters-select.select2-dropdown {
    margin: 0 !important
}

.filters {
    margin-bottom: 20px;
    position: relative
}

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

.filters.is-active {
    display: block
}

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

@media only screen and (max-width: 640px) {
    .filters__main {
        background: #fff;
        border-radius: 8px 8px 0 0;
        margin-bottom: 0
    }

    .filters__main .row {
        margin: 0
    }

    .filters__main .row>* {
        padding: 0;
        border-bottom: 1px solid #f8f8f8
    }
}

.filters__search {
    position: relative
}

.filters__search>.icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    font-size: 16px;
    fill: #b9bef6
}

.filters-select .filters__search .select2-selection__rendered,
.filters__search .filters-input,
.filters__search .filters-select .select2-selection__rendered {
    padding-left: 45px
}

.filters__trigger {
    right: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    --islider-dot: #bec1ee;
    --islider-line1: #7d85e0;
    --islider-line2: #949ae8
}

.filters__trigger+input {
    padding-right: 50px
}

.filters__trigger:hover {
    --islider-dot: #bec1ee;
    --islider-line1: #bec1ee;
    --islider-line2: #bec1ee
}

.filters__trigger.is-filled {
    --islider-dot: #fff;
    --islider-line1: #939ae7;
    --islider-line2: #939ae7
}

@media only screen and (max-width: 992px) {
    .filters__trigger.is-filled {
        --islider-dot: #0656e9;
        --islider-line1: #939ae7;
        --islider-line2: #939ae7
    }
}

.filters__trigger.is-active {
    --islider-dot: #fff;
    --islider-line1: #fff;
    --islider-line2: #fff;
    z-index: 99
}

@media only screen and (max-width: 992px) {
    .filters__trigger.is-active {
        --islider-dot: #0656e9;
        --islider-line1: #0656e9;
        --islider-line2: #0656e9
    }
}

.filters__trigger .icon {
    font-size: 18px
}

.filters__box {
    background: #fff;
    border-radius: 8px;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    margin-top: -2px;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    z-index: 99
}

.filters__box:before {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #fff transparent
}

@media only screen and (max-width: 992px) {
    .filters__box:before {
        display: none
    }
}

@media only screen and (max-width: 992px) {
    .filters__box {
        position: static;
        margin-top: 0;
        display: none
    }
}

@media only screen and (max-width: 640px) {
    .filters__box {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.filters__box.is-active {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width: 992px) {
    .filters__box.is-active {
        display: block;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

.filters__box-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    background: #fff;
    border-radius: 8px;
    color: #737a99;
    font-size: 14px;
    font-weight: 600;
    width: 100%
}

.filters__box-trigger.is-active {
    background: #fcfcfe;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media only screen and (max-width: 640px) {
    .filters__box-trigger {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.filters__form {
    padding: 25px 15px
}

@media only screen and (max-width: 767px) {
    .filters__form {
        padding: 20px
    }
}

.filters__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -16px
}

@media only screen and (max-width: 1300px) {
    .filters__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.filters__row:last-child {
    margin-bottom: -25px
}

.filters__col {
    padding: 0 16px 25px
}

@media only screen and (max-width: 1300px) {
    .filters__col {
        width: 25%
    }

    .filters__col .complex-input {
        width: 100% !important
    }
}

@media only screen and (max-width: 992px) {
    .filters__col {
        width: 33.333%
    }
}

@media only screen and (max-width: 480px) {
    .filters__col {
        width: 50%
    }
}

@media only screen and (max-width: 360px) {
    .filters__col {
        width: 100%
    }
}

.filters__col .dk-select,
.filters__col .select2 {
    width: 140px !important
}

@media only screen and (max-width: 1300px) {

    .filters__col .dk-select,
    .filters__col .select2 {
        width: 100% !important
    }
}

.filters__submit {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right;
    width: auto;
    min-width: 25%
}

@media only screen and (max-width: 992px) {
    .filters__submit {
        width: 100%
    }
}

@media only screen and (max-width: 360px) {
    .filters__submit {
        text-align: left
    }
}

.filters__submit .btn,
.filters__submit .imsocial-btn,
.filters__submit .sidebar__back {
    width: 120px;
    margin-right: 8px
}

@media only screen and (max-width: 992px) {

    .filters__submit .btn,
    .filters__submit .imsocial-btn,
    .filters__submit .sidebar__back {
        width: 100%;
        height: 40px;
        margin-bottom: 8px
    }
}

.filters__submit .btn:last-child,
.filters__submit .imsocial-btn:last-child,
.filters__submit .sidebar__back:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.fixed-socials {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    background: #00c774;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 87;
    margin: 0 !important;
    -webkit-box-shadow: 0 0 8px rgba(103, 112, 224, .2);
    box-shadow: 0 0 8px rgba(103, 112, 224, .2);
    border-bottom: double #00000047 5px;
    text-transform: capitalize;
    border-bottom-width: 4px;
    border-color: rgba(0, 0, 0, 0.2);
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-top-width: 0px;
    /* border-radius: 10px; */
    box-shadow: rgba(255, 255, 255, 0.35) 0px 2px 12px 0px inset, rgb(229 226 226 / 15%) 0px 4px 25px 0px;
    opacity: 1;
    
}

@media only screen and (max-width: 992px) {
    .fixed-socials {
        /* display: none; */
        overflow: auto;
    }
}

.fixed-socials__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #00c070;
    font-size: 16px;
}

.fixed-socials__item:last-child {
    border-right: 0
}

.fixed-socials__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    padding-top: 3px;
    border-bottom: 3px solid transparent;
    position: relative
}

@media only screen and (max-width: 640px) {
    .fixed-socials__link {
        height: 46px
    }
}

.fixed-socials__link--counter {
    padding-bottom: 20px
}

@media only screen and (max-width: 640px) {
    .fixed-socials__link--counter .icon {
        font-size: 18px !important
    }
}

.fixed-socials__link.is-has:not(.is-active):not(.fixed-socials__link--counter):before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    background: #fa7777;
    border-radius: 50%;
    position: absolute;
    bottom: 1px;
    width: 7px;
    height: 7px
}

@media only screen and (max-width: 640px) {
    .fixed-socials__link.is-has:not(.is-active):not(.fixed-socials__link--counter):before {
        width: 4px;
        height: 4px
    }
}

.fixed-socials__link.is-active {
    border-color: #0656e9
}

.fixed-socials__link.is-disabled {
    pointer-events: none
}

.fixed-socials__link.is-disabled .icon {
    fill: #c3cad0
}

.fixed-socials__link .icon {
    font-size: 28px
}

@media only screen and (max-width: 640px) {
    .fixed-socials__link .icon {
        font-size: 22px
    }
}

@media only screen and (max-width: 480px) {
    .fixed-socials__link .icon {
        font-size: 20px
    }
}

.fixed-socials__link.is-active .fixed-socials__counter {
    color: #4e5665
}

.fixed-socials__counter {
    min-width: 28px;
    height: 15px;
    border-radius: 8px;
    background: #f7f8fc;
    color: #b1b6c4;
    font-size: 11px;
    font-weight: 600;
    line-height: 15px;
    text-align: center;
    position: absolute;
    padding: 0 3px;
    bottom: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.form__label {
    font-weight: 500;
    font-size: 11px;
    color: #838895;
    line-height: 2;
    display: block;
    margin-bottom: 5px
}

.form__row {
    margin-bottom: 25px
}

.form__row:last-child {
    margin-bottom: 0
}

.form__row>.checkbox {
    margin-top: 15px
}

.form__btn {
    margin-bottom: 10px
}

.form__btn:last-child {
    margin-bottom: 0
}

.geo-select {
    cursor: pointer
}

.geo-select.is-active:before {
    -webkit-transform: scaleY(-1) translateY(50%);
    transform: scaleY(-1) translateY(50%);
    color: #515968
}

.geo-select:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.geo-select__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.geo-select__audience {
    margin-left: 5px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    vertical-align: middle
}

.geo-select__audience.is-loading {
    width: 25px !important;
    height: 25px !important;
    font-size: 0
}

.geo {
    background: #fbfcfe;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 4px #eef2ff;
    box-shadow: 0 2px 4px #eef2ff;
    padding: 25px 20px;
    margin: 5px -15px 0
}

.hamburger {
    font-size: 22px;
    padding-top: 1px;
    width: 1em;
    height: 1em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    overflow: hidden;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-transition-property: background;
    transition-property: background
}

.h-header__menu-bar:hover .hamburger:before,
.hamburger.is-hover:before,
.hamburger:hover:before {
    width: 100%
}

.h-header__menu-bar:hover .hamburger span,
.hamburger.is-hover span,
.hamburger:hover span {
    width: 60%
}

.h-header__menu-bar:hover .hamburger:after,
.hamburger.is-hover:after,
.hamburger:hover:after {
    width: 90%
}

.hamburger:after,
.hamburger:before {
    content: ''
}

.hamburger span,
.hamburger:after,
.hamburger:before {
    height: 3px;
    background: #fff;
    margin-bottom: 4px;
    border: 0 solid;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    width: 100%;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.hamburger span:last-child,
.hamburger:after:last-child,
.hamburger:before:last-child {
    margin-bottom: 0
}

.hamburger:before {
    background: #bbc9ff;
    width: .74em;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.hamburger:after {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    width: .8em;
    margin-bottom: 0
}

.h-header__menu-bar.is-active .hamburger,
.hamburger.is-active {
    background: #6361c9;
    border-radius: 8px;
    padding: 5px
}

.h-header__menu-bar.is-active .hamburger span,
.h-header__menu-bar.is-active .hamburger:after,
.h-header__menu-bar.is-active .hamburger:before,
.hamburger.is-active span,
.hamburger.is-active:after,
.hamburger.is-active:before {
    margin-bottom: 2px;
    height: 2px
}

.h-header__menu-bar.is-active .hamburger span,
.hamburger.is-active span {
    opacity: 0
}

.h-header__menu-bar.is-active .hamburger:after,
.h-header__menu-bar.is-active .hamburger:before,
.hamburger.is-active:after,
.hamburger.is-active:before {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    left: 2px;
    top: 1px
}

.h-header__menu-bar.is-active .hamburger:before,
.hamburger.is-active:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff
}

.h-header__menu-bar.is-active .hamburger:after,
.hamburger.is-active:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.head-block {
    padding: 10px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 85px;
    margin-top: 40px;
}

@media only screen and (max-width: 992px) {
    .head-block {
        min-height: 55px;
        padding: 10px 25px
    }
}

.head-block--glue {
    min-height: 70px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.head-block__inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .head-block__inn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .head-block__inn>.btn,
    .head-block__inn>.imsocial-btn,
    .head-block__inn>.sidebar__back {
        margin-top: 20px;
        width: 100%;
    }
}

.head-block__title {
    margin-bottom: 0 !important;
    line-height: 1.6
}

@media only screen and (max-width: 992px) {
    .head-block__title {
        font-size: 16px !important
    }
}

.input-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 480px) {
    .input-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.input-row__desc,
.input-row__label {
    line-height: 1.8
}

.input-row__label {
    font-weight: 600;
    margin-bottom: 10px
}

.input-row__info {
    padding-right: 10px
}

@media only screen and (max-width: 480px) {
    .input-row__info {
        padding-right: 0;
        padding-top: 20px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.input,
.select2-selection__rendered {
    font-size: 12px;
    height: 32px;
    border: 0;
    border-bottom: 1px solid #ebedf3;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    color: #515968;
    font-weight: 500;
    text-align: left;
    background-color: transparent;
    -moz-appearance: textfield;
    letter-spacing: -1px;
}

.input::-webkit-input-placeholder,
.select2-selection__rendered::-webkit-input-placeholder {
    opacity: 1;
    color: rgba(81, 89, 104, .4)
}

.input::-moz-placeholder,
.select2-selection__rendered::-moz-placeholder {
    opacity: 1;
    color: rgba(81, 89, 104, .4)
}

.input:-ms-input-placeholder,
.select2-selection__rendered:-ms-input-placeholder {
    opacity: 1;
    color: rgba(81, 89, 104, .4)
}

.input:-moz-placeholder,
.select2-selection__rendered:-moz-placeholder {
    opacity: 1;
    color: rgba(81, 89, 104, .4)
}

.input::-ms-input-placeholder,
.select2-selection__rendered::-ms-input-placeholder {
    opacity: 1;
    color: rgba(81, 89, 104, .4)
}

.input::placeholder,
.select2-selection__rendered::placeholder {
    opacity: 1;
    color: rgba(81, 89, 104, .4)
}

.input:focus,
.select2-selection__rendered:focus {
    border-color: #0656e9
}

.input--corner {
    border-radius: 10px
}

.input--border {
    border: 1px solid #e6e7fa
}

.input--border:focus {
    border-color: #0656e9
}

.input--md {
    height: 37px
}

.input--lg {
    font-size: 14px;
    font-weight: 600;
    color: #0656e9;
    padding: 0 25px;
    height: 50px
}

textarea.input--lg {
    padding-top: 14px !important;
    padding-bottom: 11px !important
}

.input--bold {
    font-weight: 600
}

.input:-webkit-autofill,
.input:-webkit-autofill:active,
.input:-webkit-autofill:focus,
.input:-webkit-autofill:hover,
.select2-selection__rendered:-webkit-autofill,
.select2-selection__rendered:-webkit-autofill:active,
.select2-selection__rendered:-webkit-autofill:focus,
.select2-selection__rendered:-webkit-autofill:hover {
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.input::-webkit-inner-spin-button,
.input::-webkit-outer-spin-button,
.select2-selection__rendered::-webkit-inner-spin-button,
.select2-selection__rendered::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance: textfield !important
}

.input[size="1"],
.select2-selection__rendered[size="1"] {
    width: 20px
}

.input[size="2"],
.select2-selection__rendered[size="2"] {
    width: 28px
}

.input[size="3"],
.select2-selection__rendered[size="3"] {
    width: 36px
}

.input[size="4"],
.select2-selection__rendered[size="4"] {
    width: 44px
}

.input[size="5"],
.select2-selection__rendered[size="5"] {
    width: 52px
}

.input[size="6"],
.select2-selection__rendered[size="6"] {
    width: 60px
}

.input[size="7"],
.select2-selection__rendered[size="7"] {
    width: 68px
}

.input[size="8"],
.select2-selection__rendered[size="8"] {
    width: 76px
}

textarea.input,
textarea.select2-selection__rendered {
    overflow: hidden;
    resize: none;
    height: auto;
    padding: 6px 0;
    line-height: 1.7
}

.input-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -10px
}

.input-range>* {
    padding: 0 10px
}

.input-range__dash {
    font-size: 0
}

.input-range__dash:before {
    display: inline-block;
    height: 1px;
    width: 12px;
    background: #abb1bc;
    content: ''
}

.item {
    border-radius: 4px;
    background: #fff;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.item__body,
.item__head {
    padding: 10px 17px
}

.item__head,
.item__head-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item__head-left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0
}

.item__head-right {
    width: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center
}

.item__head-right .icon {
    font-size: 18px
}

.item__info {
    min-width: 0;
    padding-right: 10px
}

.item__icon {
    margin-right: 12px
}

.item__body {
    background: rgba(247, 248, 252, .3);
    border-top: 1px solid #f7f8fc
}

.item__buttons {
    margin-bottom: 15px;
    width: 100%;
    text-align: center
}

.item__buttons .btn,
.item__buttons .imsocial-btn,
.item__buttons .sidebar__back {
    max-width: 145px;
    width: 100%
}

.item__id {
    font-size: 10px;
    color: #c3cad0;
    font-weight: 600;
    margin-bottom: 3px;
    text-transform: uppercase;
    display: block
}

.item__name {
    font-weight: 600;
    line-height: 1.4;
    display: block
}

.item__name+.item__link {
    margin-top: 3px
}

.item__link {
    display: inline-block;
    vertical-align: top;
    color: #0656e9
}

.item__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 480px) {
    .item__row {
        height: 30px;
        font-size: 11px
    }
}

.item__label {
    color: #8192a6;
    margin-right: 10px
}

.item__value {
    font-weight: 600;
    text-align: right
}

.item__menu,
.task__menu {
    z-index: 9;
    position: relative
}

.directory__drop-trigger,
.item__menu-trigger,
.task__menu-trigger {
    display: block
}

.dropdown-open .directory__drop-trigger,
.dropdown-open .item__menu-trigger,
.dropdown-open .task__menu-trigger {
    z-index: 9;
    position: relative
}

.dropdown-open .directory__drop-trigger .icon,
.dropdown-open .item__menu-trigger .icon,
.dropdown-open .task__menu-trigger .icon {
    fill: #0656e9
}

.directory__drop-trigger .icon,
.item__menu-trigger .icon,
.task__menu-trigger .icon {
    fill: #abb1bc;
    font-size: 18px
}

.item .round-icon {
    font-size: 48px
}

.item .round-icon .icon {
    font-size: 30px
}

.link-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ebedf3;
    border-radius: 25px;
    padding: 0 12px;
    position: relative;
    padding-right: 60px;
    min-width: 0;
    text-align: left;
    background: #fcfcfe
}

.link-preview:before,
.link-preview__icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px;
    right: 25px
}

.link-preview:not(.link-preview--icon):before {
    color: #6ac259
}

.link-preview__img {
    border-radius: 50%;
    overflow: hidden;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.link-preview__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.link-preview__label {
    font-weight: 600;
    color: #515968
}

.link-preview__info {
    overflow: hidden
}

.link-preview__owner {
    font-size: 10px;
    margin-top: 5px
}

.link-preview__label,
.link-preview__owner {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap
}

@keyframes dot {

    0%,
    100% {
        background: #e7e7e7
    }

    50% {
        background: #0656e9
    }
}

.loading {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.loading>i {
    background: #e7e7e7;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
    -webkit-animation: dot 1.5s infinite;
    animation: dot 1.5s infinite;
    font-size: 0;
    display: block
}

.loading>i:last-child {
    margin-right: 0
}

.loading>i:nth-child(0) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.loading>i:nth-child(1) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.loading>i:nth-child(2) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.loading>i:nth-child(3) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.loading>i:nth-child(4) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.logo {
    display: block
}

.logo--christmas {
    position: relative
}

.logo--christmas:before {
    display: block;
    content: '';
    background: url(../img/christmas-hat.svg) no-repeat top;
    position: absolute;
    left: 89%;
    top: -1px;
    z-index: 9;
    width: 16%;
    height: 100%
}

.messages-list {
    background: #fff;
    padding: 30px 15px
}

.messages-list__date {
    font-size: 14px;
    color: #838895;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px
}

@media only screen and (max-width: 640px) {
    .messages-list__date {
        margin-bottom: 25px
    }
}

.messages-list__item {
    margin-bottom: 25px
}

.messages-list__item--self+.messages-list__item:not(.messages-list__item--self),
.messages-list__item:not(.messages-list__item--self)+.messages-list__item--self {
    margin-top: 50px
}

.messages-list__item:last-child {
    margin-bottom: 0
}

.message {
    position: relative
}

.message:not(.message--self) .message__block a {
    color: #fff
}

.message--self {
    text-align: right
}

.message--self .message__block {
    background: #e5e5ea;
    color: #000
}

.message--self .message__date {
    color: #909090
}

.message--self .message__attachment-ext {
    background: #0656e9 !important;
    color: #fff !important
}

.message--self .message__info:before {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MSA0MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDEgNDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KPHBhdGggc3R5bGU9ImZpbGw6I0U1RTVFQTsiIGQ9Ik0xNy40LDMuNUMyNy4xLDMuNSwzNSwxMC4zLDM1LDIwYzAsMC4zLDAsOCwwLDhjMCw0LjIsMi41LDcuOCw2LjEsOS41Yy00LjUtMC4xLTguOS0xLjQtMTIuNy0zLjdjLTMuMSwyLjQtNi45LDMuNy0xMC44LDMuN2gwLjJDNy45LDM3LjUsMCwyOS43LDAsMjBTNy45LDMuNSwxNy42LDMuNUgxNy40eiIvPg0KPC9nPg0KPC9zdmc+DQo=) center;
    background-size: 100% 100%;
    position: absolute;
    width: 41px;
    height: 41px;
    content: '';
    right: -6px;
    bottom: 0;
    z-index: 1
}

.message__inn {
    display: inline-block;
    vertical-align: top;
    max-width: 580px;
    width: 100%
}

.message__info {
    position: relative
}

.message__block {
    background: #0656e9;
    color: #fff;
    font-weight: 500;
    position: relative;
    border-radius: 17px;
    padding: 10px 12px;
    padding-right: 55px;
    text-align: left;
    z-index: 3
}

@media only screen and (max-width: 640px) {
    .message__block {
        padding-bottom: 25px;
        padding-right: 12px
    }
}

.message__author {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.message__author .user-pic {
    margin-right: 10px;
    width: 24px;
    height: 24px
}

.message__author-name {
    color: #0656e9;
    font-size: 11px;
    font-weight: 500
}

.message__text {
    line-height: 1.8;
    font-size: 14px
}

.message__date {
    position: absolute;
    bottom: 15px;
    right: 20px;
    color: #abb1fa;
    white-space: nowrap;
    font-size: 12px;
    z-index: 9
}

@media only screen and (max-width: 640px) {
    .message__date {
        right: 10px;
        bottom: 10px
    }
}

.message__text+.message__attachments {
    margin-top: 15px
}

.message__attachments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px -10px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.message__attachments-item {
    padding: 0 5px 10px;
    width: 33.33%
}

@media only screen and (max-width: 480px) {
    .message__attachments-item {
        width: 50%
    }
}

.message__attachment {
    display: block;
    position: relative
}

.message__attachment-ext {
    position: absolute;
    color: #0656e9;
    text-transform: uppercase;
    font-size: 10px;
    background: #fff;
    padding: 2px 5px;
    display: block;
    left: 0;
    bottom: 0
}

.message__attachment img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 640px) {

    .modal-open .h-header,
    .modal-open .header {
        z-index: 1001
    }
}

@media only screen and (min-width: 640px) {
    .modal-open .fancybox-slide--html {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (max-width: 640px) {
    .modal-open .fancybox-slide--html {
        padding-top: 60px !important;
        padding-bottom: 0 !important
    }
}

.modal {
    /* display: none; */
    /* width: 100%; */
    /* max-width: 450px; */
    /* background-color: transparent; */
    /* padding: 0; */
    /* -webkit-transform: scale(.95) rotateX(7deg) translateY(10px); */
    /* transform: scale(.95) rotateX(7deg) translateY(10px); */
    /* -webkit-transition: all .3s; */
    /* transition: all .3s; */
    /* font-size: 12px; */
    /* opacity: 0; */
    /* overflow: visible; */
    /* margin: auto !important; */
}

.modal--lg {
    max-width: 800px
}

@media only screen and (max-width: 640px) {
    .modal {
        max-width: 100% !important;
    }
}

.fancybox-slide--current .modal {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: scale(1) rotateX(0) translateY(0);
    transform: scale(1) rotateX(0) translateY(0)
}

@media only screen and (max-width: 640px) {
    .modal__inn {
        min-height: calc(100vh - 60px);
        margin: 0 -15px;
        background: #fff;
        position: relative
    }
}

.modal .modal-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60px;
    font-size: 12px;
    border: 0;
    background-color: transparent;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 640px) {
    .modal .modal-close {
        margin-right: -15px
    }
}

.modal .modal-close:hover .icon {
    fill: #0656e9;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.modal .modal-close .icon {
    fill: #acacba;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.modal__header {
    border-radius: 8px 8px 0 0;
    background: #efeff7;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 60px
}

@media only screen and (max-width: 640px) {
    .modal__header {
        border-radius: 0
    }
}

.md-login__not-yet,
.modal__subtitle,
.modal__title {
    font-weight: 600;
    color: #4e5665;
    text-transform: uppercase
}

.md-login__not-yet,
.modal__title {
    font-size: 14px;
    line-height: 1.4;
    text-align: center
}

.modal__subtitle {
    text-align: center;
    line-height: 1.6;
    font-size: 12px;
    margin-bottom: 20px
}

.modal__block {
    /* padding: 25px 30px; */
    /* background: #fff; */
}

.modal__block:last-child {
    border-radius: 0 0 8px 8px
}

.modal__block--dark {
    background: #f9f9ff
}

.modal__block .alert {
    margin-bottom: 15px
}

.alert-modal-open .fancybox-slide--html {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.alert-modal {
    display: none;
    width: 100%;
    max-width: 570px;
    background-color: #fff;
    -webkit-transform: scale(.95) rotateX(7deg) translateY(10px);
    transform: scale(.95) rotateX(7deg) translateY(10px);
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 8px;
    opacity: 0;
    padding: 30px;
    text-align: center
}

.alert-modal__icon {
    font-size: 90px;
    margin-bottom: 30px
}

.alert-modal__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4
}

.alert-modal__desc {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 15px
}

.fancybox-slide--current .alert-modal {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: scale(1) rotateX(0) translateY(0);
    transform: scale(1) rotateX(0) translateY(0)
}

.alert-modal .modal-close {
    position: absolute;
    right: 30px;
    top: 22px;
    font-size: 0;
    border: 0;
    background-color: transparent;
    display: block
}

.alert-modal .modal-close:hover .icon {
    fill: #0656e9;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.alert-modal .modal-close .icon {
    fill: #acacba;
    font-size: 16px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.alert-modal .advice,
.alert-modal .notification {
    padding: 0;
    background-color: transparent;
    margin-bottom: 0
}

.news {
    background: #fff;
    border-radius: 8px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    position: relative;
    padding-bottom: 35px;
    height: 100%;
}

.news:hover {
    -webkit-box-shadow: 0 14px 15px 4px rgba(193, 201, 249, .2);
    box-shadow: 0 14px 15px 4px rgba(193, 201, 249, .2)
}

.news__inn {
    padding: 20px
}

.news__title {
    font-size: 16px;
    font-weight: 620;
    color: #4e5665;
    line-height: 2.1;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    display: inline-block;
}

@media only screen and (max-width: 640px) {
    .news__title {
        height: auto
    }
}

.news__title:hover {
    color: #0656e9
}

.news__date {
    font-weight: 620;
    font-size: 12px;
    display: block;
    font-style: normal;
    margin-top: 10px;
    color: #7f8b9a;
    text-transform: capitalize;
}

.news__photo {
    display: block;
    height: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.news__photo:hover:before {
    opacity: 1
}

.news__photo:before {
    content: '';
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    background: rgba(105, 114, 224, .5);
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2
}

.news__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news__img[lazy=error],
.news__img[lazy=loading] {
    -o-object-fit: none;
    object-fit: none
}

.news__desc {
    font-size: 14px;
    font-weight: 530;
    display: block;
    color: #414141;
}

.news__desc>p {
    line-height: 1.8;
    margin-bottom: 10px
}

.news__desc>p:last-child {
    margin-bottom: 0
}

.news__more {
    font-weight: 650;
    font-size: 14px;
    color: #0656e9;
    position: absolute;
    left: 20px;
    bottom: 20px
}

.notification {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-left: 0.55rem;
    border-radius: 50%;
    background-color: #00c774;
    transition: 0.15s ease-in;
    color: #ffffff;
    font-weight: 800;
}

.notification--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.notification__close {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 13px;
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: 0
}

.notification__close:hover .icon {
    fill: #0656e9;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.notification__close .icon {
    fill: #e7e7e7;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.advice__icon,
.notification__icon {
    font-size: 64px;
    line-height: 1
}

.advice__icon .icon,
.notification__icon .icon {
    vertical-align: top
}

.advice__icon+.advice__content,
.advice__icon+.notification__content,
.notification__icon+.advice__content,
.notification__icon+.notification__content {
    padding-left: 30px
}

@media only screen and (max-width: 480px) {

    .advice__icon+.advice__content,
    .advice__icon+.notification__content,
    .notification__icon+.advice__content,
    .notification__icon+.notification__content {
        padding-left: 0;
        margin-top: 15px
    }
}

.advice__title,
.head-block__title,
.notification__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    color: #4e5665;
    font-size: 18px;
    font-weight: 700;
    line-height: 120%;
    
}

.advice__desc,
.notification__desc {
    margin-top: 15px
}

.advice__desc+.btn,
.advice__desc+.imsocial-btn,
.advice__desc+.sidebar__back,
.notification__desc+.btn,
.notification__desc+.imsocial-btn,
.notification__desc+.sidebar__back {
    margin-top: 15px;
    padding: 0 25px
}

.notification__close {
    position: absolute;
    top: 25px;
    right: 30px;
    font-size: 0;
    color: #acacba;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    display: block
}

.notification__close:hover {
    color: #0656e9;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.notification__close:before {
    font-size: 12px
}

.notifies--xs {
    font-size: 11px
}

.notifies--xs .notifies__list {
    overflow: auto;
    max-height: 220px;
    position: relative
}

.notifies--xs .notifies__item {
    border-bottom: 1px solid #e6e7fa;
    margin-bottom: 0
}

.notifies--xs .notifies__item:last-child {
    border-bottom: 0
}

.notifies__item {
    margin-bottom: 10px
}

.notifies__item:last-child {
    margin-bottom: 0
}

.notify {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    padding-left: 37px;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 3px solid transparent;
    text-align: left
}

.notify:before {
    position: absolute;
    font-size: 20px;
    left: 10px;
    top: 15px
}

.notify--new {
    border-color: #0656e9;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.notify--success:before {}

.notify--alert:before {
    color: #ffd800;
}

.notify--info:before {
    color: #4c9dfb;
}

.notify__text {
    line-height: 1.6
}

.notify__time {
    color: #ccc;
    font-size: .91667em;
    display: block;
    margin-top: 2px
}

.operation+.operation {
    margin-top: 20px
}

.operation.accordion-open .operation__head {
    border-color: #0656e9;
    background: #0656e9;
    color: #fff
}

.operation.accordion-open .operation__head:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.operation__head {
    border: 1px solid #eaecf4;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 20px;
    padding-right: 40px;
    position: relative;
    color: #0656e9
}

.operation__head:before {
    font-size: 13px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.operation__label,
.operation__list,
.operation__value {
    padding: 0 13px
}

@media only screen and (max-width: 480px) {

    .operation__label,
    .operation__list,
    .operation__value {
        padding: 0 8px
    }
}

.operation__label,
.operation__value {
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.operation__label {
    font-weight: 600;
    position: relative
}

.operation__label>span {
    position: relative;
    z-index: 1
}

.operation__label:before {
    position: absolute;
    content: '';
    left: -13px;
    right: -13px;
    top: 0;
    height: 100%;
    background: #fafcff;
    z-index: 0
}

.operation__value {
    font-size: 13px
}

.operation__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.operation__item--single {
    width: 100%;
    position: relative
}

.operation__item--single:before {
    position: absolute;
    content: '';
    left: -13px;
    right: -13px;
    top: 0;
    height: 1px;
    background: #e6e7fa;
    z-index: 2
}

@media only screen and (max-width: 480px) {
    .operation__item {
        width: auto
    }

    .operation__item:before {
        display: none
    }
}

.operation__inn {
    display: none;
    border: 1px solid #e6e7fa;
    border-top: 0;
    overflow: hidden
}

.operation__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 1300px) {
    .orders {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px -20px;
        /* margin-top: 35%; */
    }
}

.orders__item {
    margin-bottom: 15px
}

.orders__item:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 1300px) {
    .orders__item {
        margin-bottom: 0;
        padding: 0 10px 20px;
        width: 50%
    }
}

@media only screen and (max-width: 640px) {
    .orders__item {
        width: 100%;
    }
}

.order {
    background: #fff;
    border-radius: 8px;
    padding: 11px 15px;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order:hover {
    -webkit-box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1)
}

.order--on .order__status {
    color: #9cca66
}

.order--on .order__progress-dots>span:before {
    background: #9cca66
}

.order--wait_on .order__status {
    color: #9cca66
}

.order--wait_on .order__progress-dots>span:before {
    background: #9cca66
}

.order--wait_on_available .order__status {
    color: #9cca66
}

.order--wait_on_available .order__progress-dots>span:before {
    background: #9cca66
}

.order--wait_on_update .order__status {
    color: #9cca66
}

.order--wait_on_update .order__progress-dots>span:before {
    background: #9cca66
}

.order--in_queue .order__status {
    color: #e9c500
}

.order--in_queue .order__progress-dots>span:before {
    background: #e9c500
}

.order--banned .order__status {
    color: #fa7777
}

.order--banned .order__progress-dots>span:before {
    background: #fa7777
}

.order--completed .order__status {
    color: #0656e9
}

.order--completed .order__progress-dots>span:before {
    background: #0656e9
}

.order--moderated .order__status {
    color: #979797
}

.order--moderated .order__progress-dots>span:before {
    background: #979797
}

@media only screen and (max-width: 1300px) {
    .order {
        -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .05);
        box-shadow: 0 3px 4px rgba(0, 0, 0, .05);
        padding: 0 0 10px;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.order>* {
    padding-right: 10px
}

@media only screen and (max-width: 1300px) {
    .order>* {
        padding-right: 0
    }
}

.order>:last-child {
    padding-right: 0
}

.order__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1300px) {
    .order__left {
        width: 100%;
        padding: 0 15px;
        border-bottom: 1px solid #f7f8fc;
        height: 90px
    }
}

@media only screen and (max-width: 480px) {
    .order__left {
        height: 100%;
        margin: 10px;
    }
}

.order__left .task-head {
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 48px;
    height: 48px
}

.link-preview__img .order__left .task-head .round-icon,
.order__left .task-head .link-preview__img .round-icon,
.order__left .task-head .round-icon,
.order__left .task-head .task-head__icon {
    height: 18px;
    width: 18px;
    font-size: 12px
}

.order__left .task-head .task-head__alert .icon {
    font-size: 48px
}

@media only screen and (max-width: 1300px) {
    .order__left .task-head {
        width: 64px;
        height: 64px;
        margin-right: 12px
    }

    .link-preview__img .order__left .task-head .round-icon,
    .order__left .task-head .link-preview__img .round-icon,
    .order__left .task-head .task-head__icon {
        width: 24px;
        height: 24px;
        font-size: 14px
    }

    .order__left .task-head .task-head__alert .icon {
        font-size: 64px
    }
}

@media only screen and (max-width: 480px) {
    .order__left .task-head {
        width: 48px;
        height: 48px
    }

    .link-preview__img .order__left .task-head .round-icon,
    .order__left .task-head .link-preview__img .round-icon,
    .order__left .task-head .round-icon,
    .order__left .task-head .task-head__icon {
        height: 18px;
        width: 18px;
        font-size: 12px
    }

    .order__left .task-head .task-head__alert .icon {
        font-size: 48px
    }
}

.order__info {
    width: 380px;
    min-width: 0;
    margin-right: 10px
}

@media only screen and (max-width: 1300px) {
    .order__info {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-right: 0;
        margin-right: 5px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1300px) {
    .order__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 35px;
        position: relative;
        width: 100% !important;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        padding: 0 15px;
        margin: 0
    }
}

@media only screen and (max-width: 480px) {
    .order__row {
        height: 30px
    }
}

.order__label {
    color: #b1b6c4;
    font-size: 11px;
    line-height: 1.4;
    margin-bottom: 5px;
    display: block
}

.order__label.ph-text {
    max-width: 60%
}

@media only screen and (max-width: 1300px) {
    .order__label.ph-text {
        min-width: 70px
    }
}

@media only screen and (max-width: 1300px) {
    .order__label {
        margin-bottom: 0;
        margin-right: 12px;
        font-size: 12px;
        color: #8192a6;
        font-weight: 500
    }
}

@media only screen and (max-width: 480px) {
    .order__label {
        font-size: 11px
    }
}

.order__value.ph-text {
    margin-right: 10px
}

@media only screen and (max-width: 1300px) {
    .order__value.ph-text {
        margin-right: 0
    }
}

.order__value>span {
    vertical-align: middle
}

@media only screen and (max-width: 1300px) {
    .order__value {
        width: 60%;
        text-align: right
    }
}

.order__name {
    margin-bottom: 2px
}

@media only screen and (max-width: 1300px) {
    .order__name {
        color: #6099fa;
        margin-bottom: 5px
    }
}

.order__additional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -3px 2px
}

.order__additional.ph-text {
    margin-left: 0;
    margin-right: 0;
    width: 100px
}

@media only screen and (max-width: 1300px) {
    .order__additional {
        margin-top: -2px
    }
}

.order__additional>* {
    padding: 0 3px
}

.order__insurance {
    font-size: 16px;
    cursor: pointer
}

.order__insurance .icon {
    fill: #8ec54d
}

.order__adult {
    width: 23px;
    height: 14px;
    border: 1px solid #fa7777;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-size: 10px;
    color: #fa7777
}

.order__adult:before {
    content: '18+'
}

.order__id {
    font-size: 10px;
    color: #c3cad0;
    display: block
}

.order__id.ph-text {
    width: 50px
}

.order__type {
    color: #7f8495;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.order__type.ph-text {
    max-width: 80px
}

@media only screen and (max-width: 1300px) {
    .order__type {
        /* display: block; */
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

.order__type .icon {
    margin-right: 4px
}

.order__name,
.order__type {
    line-height: 1.4
}

.order__activity {
    width: 190px
}

@media only screen and (max-width: 1300px) {
    .order__activity {
        width: auto
    }
}

.order__status {
    margin-bottom: 5px;
    position: relative;
    color: #4e5665
}

@media only screen and (max-width: 1300px) {
    .order__status {
        margin-bottom: 0
    }
}

.order__progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1300px) {
    .order__progress.ph-text {
        display: none
    }
}

@media only screen and (max-width: 1300px) {
    .order__progress {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.order__progress-dots {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.order__progress-dots.r1>span:nth-child(1):before {
    opacity: 1
}

.order__progress-dots.r1>span:nth-child(1):before {
    display: block
}

.order__progress-dots.r2>span:nth-child(2):before {
    opacity: 1
}

.order__progress-dots.r2>span:nth-child(1):before {
    display: block
}

.order__progress-dots.r2>span:nth-child(2):before {
    display: block
}

.order__progress-dots.r3>span:nth-child(3):before {
    opacity: 1
}

.order__progress-dots.r3>span:nth-child(1):before {
    display: block
}

.order__progress-dots.r3>span:nth-child(2):before {
    display: block
}

.order__progress-dots.r3>span:nth-child(3):before {
    display: block
}

.order__progress-dots.r4>span:nth-child(4):before {
    opacity: 1
}

.order__progress-dots.r4>span:nth-child(1):before {
    display: block
}

.order__progress-dots.r4>span:nth-child(2):before {
    display: block
}

.order__progress-dots.r4>span:nth-child(3):before {
    display: block
}

.order__progress-dots.r4>span:nth-child(4):before {
    display: block
}

.order__progress-dots>span {
    background: #e7e7e7;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
    display: block;
    position: relative
}

.order__progress-dots>span:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: none;
    background: #0656e9;
    opacity: .5
}

.order__progress-dots>span:last-child {
    margin-right: 0
}

.order__progress-label {
    margin-left: 10px
}

@media only screen and (max-width: 1300px) {
    .order__progress-label {
        margin-left: 0;
        margin-bottom: 10px;
        white-space: nowrap
    }
}

.order__progress-label>span {
    color: #0656e9
}

.order__directory {
    width: 100px;
    margin-right: 10px
}

@media only screen and (max-width: 1300px) {
    .order__directory {
        margin-right: 0
    }
}

.order__directory .order__value {
    color: #0656e9
}

.order__directory .order__value .icon {
    margin-right: 4px;
    top: -1px;
    fill: #f5a623
}

.order__right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.order__right,
.order__right-inn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1300px) {

    .order__right,
    .order__right-inn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

@media only screen and (max-width: 1300px) {
    .order__right-inn {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.order__create {
    width: 120px
}

@media only screen and (max-width: 1300px) {
    .order__create {
        margin-bottom: 10px
    }
}

.order__price {
    width: 120px
}

@media only screen and (max-width: 1300px) {
    .order__price {
        border-top: 1px solid #f7f8fc;
        padding-top: 10px;
        height: 45px
    }
}

@media only screen and (max-width: 480px) {
    .order__price {
        height: 40px
    }
}

.order__spent {
    width: 190px
}

.order__spent .order__value>span {
    color: #fa7777
}

.order__actions {
    position: relative
}

@media only screen and (min-width: 1301px) {
    .order__actions {
        padding-left: 20px
    }

    .order__actions .order__label {
        display: none
    }
}

@media only screen and (max-width: 1300px) {
    .order__actions {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        height: 45px;
        background: rgba(247, 248, 252, .3);
        border-bottom: 1px solid #f7f8fc;
        margin-bottom: 10px
    }

    .order__actions:after {
        display: none
    }
}

.order__actions:after {
    position: absolute;
    content: '';
    left: 0;
    height: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #e5e9f3;
    width: 1px
}

.order__actions-other.dropdown-open .actions-menu__link {
    border: 0
}

@media only screen and (max-width: 1300px) {
    .order__actions-other .icon {
        font-size: 16px !important
    }
}

@media only screen and (min-width: 1300px) {
    .order__actions-other .actions-menu__link {
        border-radius: 0;
        border: 0;
        background-color: transparent
    }

    .order__actions-other .actions-menu__link .icon {
        font-size: 24px
    }
}

.order .tooltip-icon .icon {
    fill: #d8dfe6
}

.order .icon-play {
    margin-left: 2px
}

.page-error {
    -webkit-box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    padding: 50px 30px;
    text-align: center;
    width: 100%;
    max-width: 900px
}

.page-error__inner {
    max-width: 500px;
    margin: 0 auto
}

.page-error__img {
    max-width: 240px;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top
}

.page-error__img .icon {
    font-size: 130px
}

.page-error__title {
    margin-bottom: 15px
}

.filters-trigger,
.page-nav {
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    display: none
}

@media only screen and (max-width: 992px) {

    .filters-trigger,
    .page-nav {
        display: block
    }
}

.page-nav__item,
.page-nav__selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 55px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 25px;
    line-height: 1.6
}

.page-nav__selected {
    position: relative;
    padding-right: 55px
}

.page-nav__selected:before {
    position: absolute;
    font-size: 16px;
    color: #abb1bc;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.page-nav__list {
    display: none
}

.page-nav__item {
    color: #4e5665;
    border-bottom: 1px solid #f1f1f1
}

.page-nav__item:last-child {
    border-bottom: 0
}

.accordion-open.filters-trigger .page-nav__selected,
.page-nav.accordion-open .page-nav__selected {
    background: #e6e9ff;
    color: #0656e9
}

.accordion-open.filters-trigger .page-nav__selected:before,
.page-nav.accordion-open .page-nav__selected:before {
    color: #0656e9;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.pagination {
    font-size: 14px;
    margin-top: 30px
}

@media only screen and (max-width: 992px) {
    .pagination {
        margin-top: 50px;
        text-align: center
    }
}

.pagination__list {
    list-style: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -3px -6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination__item {
    padding: 0 3px 6px
}

.pagination__active {
    background: #e6e9ff;
    border-radius: 4px;
    color: #0656e9
}

.pagination__link {
    color: #4e5665
}

.pagination__link:hover {
    color: #0656e9
}

.pagination__active,
.pagination__empty,
.pagination__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    padding: 0 5px
}

.pagination__empty {
    color: #c3cad0
}

.pagination__empty:before {
    content: '...'
}

.pagination__next,
.pagination__prev {
    color: #0656e9;
    position: relative;
    bottom: -1px
}

.pagination__next:before,
.pagination__prev:before {
    font-size: 12px
}

.pagination__prev {
    margin-right: 10px
}

.pagination__prev:before {}

.pagination__next {
    margin-left: 10px
}

.pagination__next:before {}

.cards__col:nth-child(1) .pay-bonus__percentage {
    background: #0656e9
}

.cards__col:nth-child(1) .pay-bonus__percentage:before {
    border-right-color: #0656e9
}

.cards__col:nth-child(1) .pay-bonus__percentage:after {
    border-bottom-color: #0656e9
}

.cards__col:nth-child(2) .pay-bonus__percentage {
    background: #0656e9
}

.cards__col:nth-child(2) .pay-bonus__percentage:before {
    border-right-color: #0656e9
}

.cards__col:nth-child(2) .pay-bonus__percentage:after {
    border-bottom-color: #0656e9
}

.cards__col:nth-child(3) .pay-bonus__percentage {
    background: #0656e9
}

.cards__col:nth-child(3) .pay-bonus__percentage:before {
    border-right-color: #0656e9
}

.cards__col:nth-child(3) .pay-bonus__percentage:after {
    border-bottom-color: #0656e9
}

.cards__col:nth-child(4) .pay-bonus__percentage {
    background: #0656e9
}

.cards__col:nth-child(4) .pay-bonus__percentage:before {
    border-right-color: #0656e9
}

.cards__col:nth-child(4) .pay-bonus__percentage:after {
    border-bottom-color: #0656e9
}

.pay-bonus {
    border: 1px solid #e8e9fb;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    width: 210px
}

.pay-bonus--bright .pay-bonus__percentage {
    background: #fa7777 !important
}

.pay-bonus--bright .pay-bonus__percentage:before {
    border-right-color: #fa7777 !important
}

.pay-bonus--bright .pay-bonus__percentage:after {
    border-bottom-color: #fa7777 !important
}

.pay-bonus__footer,
.pay-bonus__inner {
    padding: 0 20px
}

.pay-bonus__inner {
    background: #f7fafe;
    color: #7f8fa5;
    font-weight: 600;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e8ebf0
}

.pay-bonus__percentage {
    width: 40px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    top: 25px;
    right: 0
}

.pay-bonus__percentage:after,
.pay-bonus__percentage:before {
    content: '';
    position: absolute;
    right: 100%
}

.pay-bonus__percentage:before {
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #fff transparent transparent
}

.pay-bonus__percentage:after {
    top: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #fff transparent
}

.pay-bonus__sum {
    margin-bottom: 10px
}

.pay-bonus__sum-label {
    font-size: 13px
}

.pay-bonus__sum-value {
    font-size: 30px;
    color: #4e5665
}

.pay-bonus__sum-cur {
    font-size: 18px
}

.pay-bonus__gift {
    color: #93c756;
    position: relative;
    padding-left: 20px
}

.pay-bonus__gift:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px
}

.pay-bonus__condition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -3px -6px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 55px;
    -ms-flex-line-pack: center;
    align-content: center
}

.pay-bonus__condition-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 3px 6px
}

.pay-bonus__condition-item .icon {
    margin-right: 5px;
    font-size: 17px
}

.pay-bonus__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pay-bonus__footer .btn,
.pay-bonus__footer .imsocial-btn,
.pay-bonus__footer .sidebar__back {
    margin-top: 10px
}

.pay-bonus__footer>div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.pay-systems--xs .pay-systems__icon {
    font-size: 31px
}

.pay-systems__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pay-systems__row:last-child {
    margin-bottom: -25px
}

.pay-systems__item {
    padding: 0 10px 25px
}

.pay-systems__icon {
    height: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 45px
}

@media only screen and (max-width: 480px) {
    .pay-systems__icon {
        font-size: 36px
    }
}

.pay-type {
    display: block
}

.pay-type input {
    display: none
}

input:checked+.pay-type__block {
    background: rgba(105, 114, 224, .1)
}

label.pay-type {
    cursor: pointer
}

.pay-type--no-border .pay-type__block {
    border: 0
}

.pay-type--disabled {
    color: #dcdcdc
}

.pay-type--disabled .icon {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: .25
}

.pay-type--disabled .pay-type__block {
    cursor: default
}

.pay-type__block {
    width: 290px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 10px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #e8e9fb;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    border-radius: 10px;
}

.pay-type__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 80px;
    margin-bottom: 10px
}

.pay-type__logo .icon {
    font-size: 60px
}

.pay-type__name {
    text-align: center;
    font-weight: 600;
    display: block;
    line-height: 1.8;
    margin-bottom: 15px;
}

.placeholder-block {
    min-height: 300px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}

.placeholder-block--sm {
    min-height: 70px
}

.placeholder-block--sm .placeholder-block__inn {
    max-width: 100%
}

.placeholder-block__inn {
    max-width: 350px;
    text-align: center;
    width: 100%
}

.placeholder-block__inn .icon {
    font-size: 80px;
    fill: rgba(127, 139, 154, .3);
    margin-bottom: 10px
}

.placeholder-block__desc {
    color: #0656e9;
    line-height: 2;
    display: block;
    font-weight: 700;
    font-size: 18px;
    
}

.placeholder-block .btn,
.placeholder-block .imsocial-btn,
.placeholder-block .sidebar__back {
    margin-top: 15px
}

.present {
    padding: 65px 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    min-height: 200px;
    margin-top: 40px;
}

@media only screen and (max-width: 1200px) {
    .present {
        padding-left: 30px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.present:after,
.present:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-repeat: no-repeat;
    display: block
}

.present:before {
    background-position: left bottom
}

@media only screen and (max-width: 1200px) {
    .present:before {
        display: none
    }
}

.present:after {
    background-position: right bottom
}

@media only screen and (max-width: 640px) {
    .present {
        padding: 25px;
    }

    .present:after {
        display: none
    }
}

.present__inn {
    /* max-width: 550px; */
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 2
}

@media only screen and (max-width: 1200px) {
    .present__inn {
        text-align: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (max-width: 640px) {
    .present__inn {
        max-width: 100%;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.present__inn>.btn,
.present__inn>.imsocial-btn,
.present__inn>.sidebar__back {
    margin-top: 15px;
    margin-right: 12px
}

.present__inn>.text {
    max-width: 100%
}

.present__title {
    margin-bottom: 15px;
    font-weight: 600
}

.progress-bar {
    height: 3px;
    width: 100%;
    position: relative;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.progress-bar.is-loading {
    opacity: 1
}

.progress-bar.is-loading>div {
    -webkit-transform: scale3d(.8, 1, 1);
    transform: scale3d(.8, 1, 1);
    -webkit-transition-duration: 20s;
    transition-duration: 20s
}

.progress-bar.is-finished {
    opacity: 0;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.progress-bar.is-finished>div {
    -webkit-transform: scale3d(1, 1, 1) !important;
    transform: scale3d(1, 1, 1) !important;
    -webkit-transition-duration: .5s !important;
    transition-duration: .5s !important
}

.progress-bar>div {
    display: block;
    position: relative;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#6ec2ff), to(#b4da88));
    background: linear-gradient(90deg, #6ec2ff 0, #b4da88 100%);
    width: 100%;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.25, .64, .65, .99);
    transition-timing-function: cubic-bezier(.25, .64, .65, .99)
}

.questions__list {
    border-radius: 0 0 8px 8px;
    background: #fff
}

.questions__item {
    border-bottom: 1px solid #efefef
}

.questions__item:first-child {
    border-radius: 0 0 8px 8px
}

.questions__item:last-child {
    border-bottom: 0
}

.questions__load {
    margin-top: 20px
}

.question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 30px;
    min-height: 80px;
    background: #fff;
    border-radius: 8px
}

.question--glue {
    border-bottom: 1px solid #efefef;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0
}

.question--new {
    background: #fafcff
}

.question--active .question__status {
    color: #81be3a
}

.question--active .question__status:before {}

.question--wait .question__status {
    color: #f99b00
}

.question--wait .question__status:before {}

.question--closed .question__status {
    color: #4e5665
}

.question--closed .question__status:before {}

.question__inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .question__inn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .question__inn>.btn,
    .question__inn>.imsocial-btn,
    .question__inn>.sidebar__back {
        margin-top: 20px
    }
}

.question__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    color: #0656e9
}

.question__status {
    font-weight: 600;
    position: relative;
    margin-top: 7px;
    padding-left: 20px;
    display: block
}

.question__status:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.question__date {
    color: #7f8b9a;
    display: block;
    margin-left: 10px
}

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

.question__count {
    position: static !important;
    -webkit-transform: none !important;
    transform: none !important;
    margin-left: 3px
}

.quick-form {
    background: #fff;
    border-bottom: 6px solid #e6e7fa;
    border-radius: 12px 12px 0 0;
    -webkit-box-shadow: 0 20px 50px 5px rgba(200, 216, 250, .5);
    box-shadow: 0 20px 50px 5px rgba(200, 216, 250, .5)
}

@media only screen and (max-width: 767px) {
    .quick-form {
        border-bottom: 0
    }
}

.quick-form__title {
    text-align: center;
    background: #fdfdff;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 0;
    line-height: 1.3;
    border-radius: 12px 12px 0 0
}

.quick-form__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative
}

.quick-form__tabs:before {
    position: absolute;
    bottom: 0;
    height: 2px;
    content: '';
    width: 100%;
    left: 0;
    display: block;
    background: #e6e7fa
}

@media only screen and (max-width: 640px) {
    .quick-form__tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.quick-form__tabs-bar {
    position: absolute;
    height: calc(100% + 2px);
    -webkit-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s;
    background: rgba(107, 115, 223, .05);
    top: 0;
    z-index: 2;
    border-bottom: 2px solid transparent
}

.quick-form__tabs-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width: 640px) {
    .quick-form__tabs-item {
        width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media only screen and (max-width: 480px) {
    .quick-form__tabs-item {
        width: 33.33%
    }
}

.quick-form__tabs-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    width: 100%;
    font-weight: 600;
    position: relative;
    z-index: 3;
    font-size: 14px
}

@media only screen and (max-width: 1200px) {
    .quick-form__tabs-link {
        padding: 0 10px
    }
}

@media only screen and (max-width: 992px) {
    .quick-form__tabs-link {
        font-size: 0
    }
}

.quick-form__tabs-link.is-disabled {
    color: #495370 !important
}

.quick-form__tabs-link.is-disabled .icon {
    fill: #c3cad0 !important
}

.quick-form__tabs-link .icon {
    font-size: 20px;
    margin-right: 10px
}

@media only screen and (max-width: 992px) {
    .quick-form__tabs-link .icon {
        margin-right: 0
    }
}

.quick-form__f {
    padding: 35px 45px 25px
}

@media only screen and (max-width: 640px) {
    .quick-form__f {
        padding: 25px 20px
    }
}

.quick-form__f-row {
    margin: 0 -30px -30px
}

@media only screen and (max-width: 1200px) {
    .quick-form__f-row {
        margin: 0 -20px -20px
    }
}

.quick-form__f-col {
    padding: 0 30px 30px
}

@media only screen and (max-width: 1200px) {
    .quick-form__f-col {
        padding: 0 20px 20px
    }
}

@media only screen and (max-width: 640px) {

    .quick-form__f .btn[type=submit],
    .quick-form__f .imsocial-btn[type=submit],
    .quick-form__f .sidebar__back[type=submit] {
        min-height: 50px;
        font-size: 16px
    }
}

.quick-form__label {
    display: block;
    font-weight: 600;
    color: #495370;
    margin-bottom: 9px;
    font-size: 14px
}

.quick-form .input,
.quick-form .select2-selection__rendered {
    font-weight: 600
}

.radio-btn {
    cursor: pointer;
    display: inline-block
}

.radio-btn input {
    display: none
}

input:checked+.radio-btn__block {
    color: #fff;
    background: #0656e9;
    border-color: #0656e9
}

.radio-btn__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 33px;
    border: 1px solid #e7e7e7;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #515968;
    border-radius: 17px;
    background: #fff;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    padding: 0 25px
}

.strainicon {
    border-radius: 50%;
    width: 100px;
    height: 1em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background: #4e5665;
    border: 0;
    line-height: 0
}

.round-icon {
    border-radius: 50%;
    width: 1em;
    height: 1em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background: #4e5665;
    border: 0;
    line-height: 0
}

.round-icon .icon {
    fill: #fff
}

.round-icon--light {
    background: rgba(78, 86, 101, .15)
}

.round-icon--light .icon {
    fill: #4e5665
}

.round-icon--instagram .icon {
    fill: #fff !important
}

.text-complex {
    color: #f5f6fc
}

.round-icon--complex {
    background: #f5f6fc !important
}

.round-icon--complex.round-icon--light {
    background: rgba(245, 246, 252, .15) !important
}

.round-icon--complex.round-icon--light .icon {
    fill: #f5f6fc !important
}

.text-vk {
    color: #4a76a8
}

.round-icon--vk {
    background: #4a76a8 !important
}

.round-icon--vk.round-icon--light {
    background: rgba(74, 118, 168, .15) !important
}

.round-icon--vk.round-icon--light .icon {
    fill: #4a76a8 !important
}

.text-tiktok {
    color: #000
}

.round-icon--tiktok {
    background: #000 !important
}

.round-icon--tiktok.round-icon--light {
    background: rgba(0, 0, 0, .15) !important
}

.round-icon--tiktok.round-icon--light .icon {
    fill: #000 !important
}

.text-likee {
    color: #ff0072
}

.round-icon--likee {
    background: #ff0072 !important
}

.round-icon--likee.round-icon--light {
    background: rgba(255, 0, 114, .15) !important
}

.round-icon--likee.round-icon--light .icon {
    fill: #ff0072 !important
}

.text-youtube {
    color: #f61c0d
}

.round-icon--youtube {
    background: #f61c0d !important
}

.round-icon--youtube.round-icon--light {
    background: rgba(246, 28, 13, .15) !important
}

.round-icon--youtube.round-icon--light .icon {
    fill: #f61c0d !important
}

.text-facebook {
    color: #3b5998
}

.round-icon--facebook {
    background: #3b5998 !important
}

.round-icon--facebook.round-icon--light {
    background: rgba(59, 89, 152, .15) !important
}

.round-icon--facebook.round-icon--light .icon {
    fill: #3b5998 !important
}

.text-ok {
    color: #ff9800
}

.round-icon--ok {
    background: #ff9800 !important
}

.round-icon--ok.round-icon--light {
    background: rgba(255, 152, 0, .15) !important
}

.round-icon--ok.round-icon--light .icon {
    fill: #ff9800 !important
}

.text-telegram {
    color: #7daded
}

.round-icon--telegram {
    background: #7daded !important
}

.round-icon--telegram.round-icon--light {
    background: rgba(125, 173, 237, .15) !important
}

.round-icon--telegram.round-icon--light .icon {
    fill: #7daded !important
}

.text-twitter {
    color: #55acee
}

.round-icon--twitter {
    background: #55acee !important
}

.round-icon--twitter.round-icon--light {
    background: rgba(85, 172, 238, .15) !important
}

.round-icon--twitter.round-icon--light .icon {
    fill: #55acee !important
}

.text-instagram {
    color: #da374f
}

.round-icon--instagram {
    background: #da374f !important
}

.round-icon--instagram.round-icon--light {
    background: rgba(218, 55, 79, .15) !important
}

.round-icon--instagram.round-icon--light .icon {
    fill: #da374f !important
}

.text-skype {
    color: #3799ce
}

.round-icon--skype {
    background: #3799ce !important
}

.round-icon--skype.round-icon--light {
    background: rgba(55, 153, 206, .15) !important
}

.round-icon--skype.round-icon--light .icon {
    fill: #3799ce !important
}

.notify--success:before,
.text-green {
    color: #75b22e
}

.round-icon--green {
    background: #75b22e !important
}

.round-icon--green.round-icon--light {
    background: rgba(117, 178, 46, .15) !important
}

.round-icon--green.round-icon--light .icon {
    fill: #75b22e !important
}

.text-likes {
    color: #fa7777
}

.round-icon--likes {
    background: #fa7777 !important
}

.round-icon--likes.round-icon--light {
    background: rgba(250, 119, 119, .15) !important
}

.round-icon--likes.round-icon--light .icon {
    fill: #fa7777 !important
}

.text-friends {
    color: #0656e9
}

.round-icon--friends {
    background: #0656e9 !important
}

.round-icon--friends.round-icon--light {
    background: rgba(103, 112, 224, .15) !important
}

.round-icon--friends.round-icon--light .icon {
    fill: #0656e9 !important
}

.text-group {
    color: #4b8f00
}

.round-icon--group {
    background: #4b8f00 !important
}

.round-icon--group.round-icon--light {
    background: rgba(75, 143, 0, .15) !important
}

.round-icon--group.round-icon--light .icon {
    fill: #4b8f00 !important
}

.text-share {
    color: #81be3a
}

.round-icon--share {
    background: #81be3a !important
}

.round-icon--share.round-icon--light {
    background: rgba(129, 190, 58, .15) !important
}

.round-icon--share.round-icon--light .icon {
    fill: #81be3a !important
}

.text-comment {
    color: #f99b00
}

.round-icon--comment {
    background: #f99b00 !important
}

.round-icon--comment.round-icon--light {
    background: rgba(249, 155, 0, .15) !important
}

.round-icon--comment.round-icon--light .icon {
    fill: #f99b00 !important
}

.text-vote {
    color: #9534eb
}

.round-icon--vote {
    background: #9534eb !important
}

.round-icon--vote.round-icon--light {
    background: rgba(149, 52, 235, .15) !important
}

.round-icon--vote.round-icon--light .icon {
    fill: #9534eb !important
}

.text-views {
    color: #3799ce
}

.round-icon--views {
    background: #3799ce !important
}

.round-icon--views.round-icon--light {
    background: rgba(55, 153, 206, .15) !important
}

.round-icon--views.round-icon--light .icon {
    fill: #3799ce !important
}

.text-video {
    color: #f85757
}

.round-icon--video {
    background: #f85757 !important
}

.round-icon--video.round-icon--light {
    background: rgba(248, 87, 87, .15) !important
}

.round-icon--video.round-icon--light .icon {
    fill: #f85757 !important
}

.text-repost {
    color: #81be3a
}

.round-icon--repost {
    background: #81be3a !important
}

.round-icon--repost.round-icon--light {
    background: rgba(129, 190, 58, .15) !important
}

.round-icon--repost.round-icon--light .icon {
    fill: #81be3a !important
}

.text-comments {
    color: #f99b00
}

.round-icon--comments {
    background: #f99b00 !important
}

.round-icon--comments.round-icon--light {
    background: rgba(249, 155, 0, .15) !important
}

.round-icon--comments.round-icon--light .icon {
    fill: #f99b00 !important
}

.text-poll {
    color: #9534eb
}

.round-icon--poll {
    background: #9534eb !important
}

.round-icon--poll.round-icon--light {
    background: rgba(149, 52, 235, .15) !important
}

.round-icon--poll.round-icon--light .icon {
    fill: #9534eb !important
}

.round-icon--sm {
    font-size: 16px
}

.round-icon--sm .icon {
    font-size: 10px
}

.search__inn {
    position: relative
}

.search__clear,
.search__submit {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    background-color: transparent;
    border: 0;
    top: 0
}

.search__clear .icon,
.search__submit .icon {
    fill: #bcbfe3
}

.search__clear {
    right: 55px;
    width: 40px
}

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

.search__clear:hover .icon {
    fill: #0656e9
}

.search__clear .icon {
    font-size: 12px
}

.search__submit {
    right: 0;
    width: 55px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    border-radius: 0 6px 6px 0
}

.search__submit .icon {
    font-size: 18px
}

.search__submit:hover {
    background: #e6e9ff
}

.search__submit.is-loading:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px !important;
    height: 30px !important
}

.search__submit.is-loading .icon {
    display: none
}

.search .input,
.search .select2-selection__rendered {
    height: 50px;
    border: 0;
    font-weight: 600;
    color: #737a99;
    padding-left: 25px;
    padding-right: 120px;
    background: #fff;
    border-radius: 8px
}

@media only screen and (max-width: 640px) {

    .search .input,
    .search .select2-selection__rendered {
        background: #f7f8ff;
        padding-left: 15px
    }
}

@media only screen and (max-width: 480px) {

    .search .input,
    .search .select2-selection__rendered {
        padding-right: 60px
    }
}

.section {
    margin-bottom: 200px;
    overflow: hidden
}

@media only screen and (max-width: 768px) {
    .section {
        margin-bottom: 100px
    }
}

@media only screen and (max-width: 641px) {
    .section {
        margin-bottom: 48px
    }
}

.section:last-child {
    margin-bottom: 0
}

.section__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -.25px;
    color: #081f4d;
    margin-bottom: 64px;
    text-align: center
}

@media only screen and (max-width: 641px) {
    .section__title {
        font-size: 28px;
        margin-bottom: 35px
    }
}

.section {
    padding: 50px 0
}

.section__label {
    font-weight: 600;
    letter-spacing: 2px;
    color: #6972df;
    margin-bottom: 10px;
    text-transform: uppercase
}

.section__head {
    margin-bottom: 45px
}

@media only screen and (max-width: 640px) {
    .section__head {
        text-align: center;
        margin-bottom: 25px
    }
}

.section__title {
    margin-bottom: 45px
}

.section__title:last-child {
    margin-bottom: 0
}

.sidebar__item {
    position: relative;
    border-bottom: 1px solid #efefef;
    text-transform: capitalize;
}

.sidebar__item:last-child {
    border-bottom: 0
}

.sidebar__item--dropdown {
    margin-bottom: 20px;
    border-bottom: 0
}

.sidebar__item--dropdown:last-child {
    margin-bottom: 0
}

.sidebar__item--disabled {
    pointer-events: none;
    border-bottom: 0;
    background-color: transparent
}

.sidebar__item.accordion-open .sidebar {
    display: block
}

.sidebar__item .sidebar {
    display: none
}

.sidebar__item:first-child:last-child>.sidebar__link {
    border-radius: 8px
}

.sidebar__item:first-child>.sidebar__link {
    border-radius: 8px 8px 0 0
}

.sidebar__item:last-child>.sidebar__link {
    border-radius: 0 0 8px 8px
}

.sidebar__item--dropdown>.sidebar__link {
    border-radius: 8px !important
}

.sidebar__item--dropdown>.sidebar__link:after {
    font-size: 12px;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    color: #c7cad2
}

.sidebar__item--dropdown .sidebar__item:first-child .sidebar__link {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.sidebar__item.accordion-open>.sidebar__link,
.sidebar__item.is-scroll-active>.sidebar__link {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.sidebar__item.accordion-open>.sidebar__link:before,
.sidebar__item.is-scroll-active>.sidebar__link:before {
    opacity: 1
}

.sidebar__item.accordion-open>.sidebar__link:after,
.sidebar__item.is-scroll-active>.sidebar__link:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.sidebar__item .sidebar__item .sidebar__link {
    border-radius: 0
}

.sidebar__item:last-child .sidebar__item:last-child .sidebar__link {
    border-radius: 0 0 8px 8px
}

.sidebar__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    height: 50px;
    color: #4e5665;
    position: relative;
    background: #fff;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.sidebar__link.is-active,
.sidebar__link:hover {
    background: #f9fafd
}

.sidebar__link.is-active:before {
    opacity: 1
}

.sidebar__item.accordion-open>.sidebar__link,
.sidebar__item.is-active>.sidebar__link,
.sidebar__link.is-active,
.sidebar__link:hover {
    color: #00c774;
}

.sidebar__item.accordion-open>.sidebar__link .icon,
.sidebar__item.accordion-open>.sidebar__link .icon-a,
.sidebar__item.is-active>.sidebar__link .icon,
.sidebar__item.is-active>.sidebar__link .icon-a,
.sidebar__link.is-active .icon,
.sidebar__link.is-active .icon-a,
.sidebar__link:hover .icon,
.sidebar__link:hover .icon-a {
    fill: #00c774;
}

.sidebar__link:before {
    position: absolute;
    content: '';
    left: 0;
    width: 2px;
    height: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #00c774;
    opacity: 0;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.accordion-open>.sidebar__link--vk,
.sidebar__item.is-active .sidebar__link--vk,
.sidebar__link--vk:hover {
    color: #0656e9
}

.accordion-open>.sidebar__link--vk .icon,
.sidebar__item.is-active .sidebar__link--vk .icon,
.sidebar__link--vk:hover .icon {
    fill: #0656e9
}

.accordion-open>.sidebar__link--vk:before {
    background: #0656e9
}

.accordion-open>.sidebar__link--vk:after {
    color: #0656e9
}

.accordion-open>.sidebar__link--likes,
.sidebar__item.is-active .sidebar__link--likes,
.sidebar__link--likes:hover {
    color: #fa7777
}

.accordion-open>.sidebar__link--likes .icon,
.sidebar__item.is-active .sidebar__link--likes .icon,
.sidebar__link--likes:hover .icon {
    fill: #fa7777
}

.accordion-open>.sidebar__link--likes:before {
    background: #fa7777
}

.accordion-open>.sidebar__link--likes:after {
    color: #fa7777
}

.accordion-open>.sidebar__link--repost,
.sidebar__item.is-active .sidebar__link--repost,
.sidebar__link--repost:hover {
    color: #81be3a
}

.accordion-open>.sidebar__link--repost .icon,
.sidebar__item.is-active .sidebar__link--repost .icon,
.sidebar__link--repost:hover .icon {
    fill: #81be3a
}

.accordion-open>.sidebar__link--repost:before {
    background: #81be3a
}

.accordion-open>.sidebar__link--repost:after {
    color: #81be3a
}

.accordion-open>.sidebar__link--friends,
.sidebar__item.is-active .sidebar__link--friends,
.sidebar__link--friends:hover {
    color: #0656e9
}

.accordion-open>.sidebar__link--friends .icon,
.sidebar__item.is-active .sidebar__link--friends .icon,
.sidebar__link--friends:hover .icon {
    fill: #0656e9
}

.accordion-open>.sidebar__link--friends:before {
    background: #0656e9
}

.accordion-open>.sidebar__link--friends:after {
    color: #0656e9
}

.accordion-open>.sidebar__link--comments,
.sidebar__item.is-active .sidebar__link--comments,
.sidebar__link--comments:hover {
    color: #f99b00
}

.accordion-open>.sidebar__link--comments .icon,
.sidebar__item.is-active .sidebar__link--comments .icon,
.sidebar__link--comments:hover .icon {
    fill: #f99b00
}

.accordion-open>.sidebar__link--comments:before {
    background: #f99b00
}

.accordion-open>.sidebar__link--comments:after {
    color: #f99b00
}

.accordion-open>.sidebar__link--history,
.sidebar__item.is-active .sidebar__link--history,
.sidebar__link--history:hover {
    color: #5259b4
}

.accordion-open>.sidebar__link--history .icon,
.sidebar__item.is-active .sidebar__link--history .icon,
.sidebar__link--history:hover .icon {
    fill: #5259b4
}

.accordion-open>.sidebar__link--history:before {
    background: #5259b4
}

.accordion-open>.sidebar__link--history:after {
    color: #5259b4
}

.accordion-open>.sidebar__link--group,
.sidebar__item.is-active .sidebar__link--group,
.sidebar__link--group:hover {
    color: #4b8f00
}

.accordion-open>.sidebar__link--group .icon,
.sidebar__item.is-active .sidebar__link--group .icon,
.sidebar__link--group:hover .icon {
    fill: #4b8f00
}

.accordion-open>.sidebar__link--group:before {
    background: #4b8f00
}

.accordion-open>.sidebar__link--group:after {
    color: #4b8f00
}

.accordion-open>.sidebar__link--autolikes,
.sidebar__item.is-active .sidebar__link--autolikes,
.sidebar__link--autolikes:hover {
    color: #4e5665
}

.accordion-open>.sidebar__link--autolikes .icon,
.sidebar__item.is-active .sidebar__link--autolikes .icon,
.sidebar__link--autolikes:hover .icon {
    fill: #4e5665
}

.accordion-open>.sidebar__link--autolikes:before {
    background: #4e5665
}

.accordion-open>.sidebar__link--autolikes:after {
    color: #4e5665
}

.accordion-open>.sidebar__link--autocomments,
.sidebar__item.is-active .sidebar__link--autocomments,
.sidebar__link--autocomments:hover {
    color: #4e5665
}

.accordion-open>.sidebar__link--autocomments .icon,
.sidebar__item.is-active .sidebar__link--autocomments .icon,
.sidebar__link--autocomments:hover .icon {
    fill: #4e5665
}

.accordion-open>.sidebar__link--autocomments:before {
    background: #4e5665
}

.accordion-open>.sidebar__link--autocomments:after {
    color: #4e5665
}

.accordion-open>.sidebar__link--autovideo,
.sidebar__item.is-active .sidebar__link--autovideo,
.sidebar__link--autovideo:hover {
    color: #4e5665
}

.accordion-open>.sidebar__link--autovideo .icon,
.sidebar__item.is-active .sidebar__link--autovideo .icon,
.sidebar__link--autovideo:hover .icon {
    fill: #4e5665
}

.accordion-open>.sidebar__link--autovideo:before {
    background: #4e5665
}

.accordion-open>.sidebar__link--autovideo:after {
    color: #4e5665
}

.accordion-open>.sidebar__link--video,
.sidebar__item.is-active .sidebar__link--video,
.sidebar__link--video:hover {
    color: #f85757
}

.accordion-open>.sidebar__link--video .icon,
.sidebar__item.is-active .sidebar__link--video .icon,
.sidebar__link--video:hover .icon {
    fill: #f85757
}

.accordion-open>.sidebar__link--video:before {
    background: #f85757
}

.accordion-open>.sidebar__link--video:after {
    color: #f85757
}

.sidebar__link .icondel {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    font-size: 16px;
    fill: #c7cad2;
    right: 10px;
    width: 18px;
}

.sidebar__link .icondel+span {
    padding-left: 50px
}

.sidebar__link .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    font-size: 16px;
    fill: #c7cad2
}

.sidebar__link .icon+span {
    padding-left: 50px
}

.sidebar__link .iconn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    font-size: 16px;
    fill: #c7cad2
}

.sidebar__link .iconn+span {
    padding-right: 50px
}


.sidebar__link>span {
    padding-left: 20px;
    display: inline-block
}

.sidebar__count,
.sidebar__notification {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    z-index: 1
}

.sidebar__notification {
    z-index: 7;
    pointer-events: none;
    margin-top: 1px
}

.sidebar__count {
    font-weight: 600;
    color: #c3cad0
}

.sidebar__count+.sidebar__link,
.sidebar__item--dropdown .sidebar__link,
.sidebar__notification+.sidebar__link {
    padding-right: 50px
}

.sidebar__back {
    border-bottom: 0;
    border-radius: 20px !important;
    height: 40px;
    width: 100%;
    padding-bottom: 1px
}

.sidebar__back:hover {
    background: #fff;
    color: #0656e9
}

.sidebar__back:hover .icon {
    fill: #0656e9
}

.sidebar__back .icon {
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 16px;
    font-size: 18px
}

.social-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -30px -45px
}

@media only screen and (max-width: 640px) {
    .social-cards {
        margin: 0 -15px -30px
    }
}

.social-cards__item {
    padding: 0 30px 45px
}

@media only screen and (max-width: 640px) {
    .social-cards__item {
        padding: 0 15px 30px
    }
}

.social-card {
    height: 100%;
    background: #fff;
    border-radius: 30px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.social-card--vk .social-card__head {
    background: linear-gradient(139deg, #7092ea 0, #654faa 100%)
}

.social-card--vk .btn,
.social-card--vk .imsocial-btn,
.social-card--vk .sidebar__back {
    background: #e6e9ff;
    color: #0656e9
}

.social-card--vk .btn:hover,
.social-card--vk .imsocial-btn:hover,
.social-card--vk .sidebar__back:hover {
    background: #0656e9;
    -webkit-box-shadow: 0 2px 20px 5px rgba(105, 114, 224, .4);
    box-shadow: 0 2px 20px 5px rgba(105, 114, 224, .4)
}

.social-card--instagram .social-card__head {
    background: linear-gradient(139deg, #000 0, #000 100%)
}

.social-card--instagram .btn,
.social-card--instagram .imsocial-btn,
.social-card--instagram .sidebar__back {
    background: rgba(218, 55, 79, .1);
    color: #da374f
}

.social-card--instagram .btn:hover,
.social-card--instagram .imsocial-btn:hover,
.social-card--instagram .sidebar__back:hover {
    background: #da374f;
    -webkit-box-shadow: 0 2px 20px 5px rgba(218, 55, 79, .4);
    box-shadow: 0 2px 20px 5px rgba(218, 55, 79, .4)
}

.social-card--tiktok .social-card__head {
    background: linear-gradient(139deg, #000 0, #b40050 100%)
}

.social-card--tiktok .btn,
.social-card--tiktok .imsocial-btn,
.social-card--tiktok .sidebar__back {
    background: rgba(175, 0, 78, .1);
    color: #af004e
}

.social-card--tiktok .btn:hover,
.social-card--tiktok .imsocial-btn:hover,
.social-card--tiktok .sidebar__back:hover {
    background: #af004e;
    -webkit-box-shadow: 0 2px 20px 5px rgba(175, 0, 78, .4);
    box-shadow: 0 2px 20px 5px rgba(175, 0, 78, .4)
}

.social-card--likee .social-card__head {
    background: linear-gradient(139deg, #000 0, #000 100%)
}

.social-card--likee .btn,
.social-card--likee .imsocial-btn,
.social-card--likee .sidebar__back {
    background: rgba(255, 0, 114, .1);
    color: #ff0072
}

.social-card--likee .btn:hover,
.social-card--likee .imsocial-btn:hover,
.social-card--likee .sidebar__back:hover {
    background: #ff0072;
    -webkit-box-shadow: 0 2px 20px 5px rgba(255, 0, 114, .4);
    box-shadow: 0 2px 20px 5px rgba(255, 0, 114, .4)
}

.social-card--facebook .social-card__head {
    background: linear-gradient(139deg, #4c63b6 0, #8060d5 100%)
}

.social-card--facebook .btn,
.social-card--facebook .imsocial-btn,
.social-card--facebook .sidebar__back {
    background: #e6e8ff;
    color: #4f63b8
}

.social-card--facebook .btn:hover,
.social-card--facebook .imsocial-btn:hover,
.social-card--facebook .sidebar__back:hover {
    background: #3b5998;
    -webkit-box-shadow: 0 2px 20px 5px rgba(59, 89, 152, .4);
    box-shadow: 0 2px 20px 5px rgba(59, 89, 152, .4)
}

.social-card--youtube .social-card__head {
    background: linear-gradient(139deg, #db3a3a 0, #853a3a 100%)
}

.social-card--youtube .btn,
.social-card--youtube .imsocial-btn,
.social-card--youtube .sidebar__back {
    background: #ffdede;
    color: #df4141
}

.social-card--youtube .btn:hover,
.social-card--youtube .imsocial-btn:hover,
.social-card--youtube .sidebar__back:hover {
    background: #f61c0d;
    -webkit-box-shadow: 0 2px 20px 5px rgba(246, 28, 13, .4);
    box-shadow: 0 2px 20px 5px rgba(246, 28, 13, .4)
}

.social-card--twitter .social-card__head {
    background: linear-gradient(139deg, #61cbff 0, #8d5ef0 100%)
}

.social-card--twitter .btn,
.social-card--twitter .imsocial-btn,
.social-card--twitter .sidebar__back {
    background: #e6f8ff;
    color: #61aada
}

.social-card--twitter .btn:hover,
.social-card--twitter .imsocial-btn:hover,
.social-card--twitter .sidebar__back:hover {
    background: #55acee;
    -webkit-box-shadow: 0 2px 20px 5px rgba(85, 172, 238, .4);
    box-shadow: 0 2px 20px 5px rgba(85, 172, 238, .4)
}

.social-card--telegram .social-card__head {
    background: linear-gradient(139deg, #7ab7dd 0, #6066d5 100%)
}

.social-card--telegram .btn,
.social-card--telegram .imsocial-btn,
.social-card--telegram .sidebar__back {
    background: #e6f5ff;
    color: #6888ad
}

.social-card--telegram .btn:hover,
.social-card--telegram .imsocial-btn:hover,
.social-card--telegram .sidebar__back:hover {
    background: #7daded;
    -webkit-box-shadow: 0 2px 20px 5px rgba(125, 173, 237, .4);
    box-shadow: 0 2px 20px 5px rgba(125, 173, 237, .4)
}

.social-card--ok .social-card__head {
    background: linear-gradient(139deg, #fa8d51 0, #e3d563 100%)
}

.social-card--ok .btn,
.social-card--ok .imsocial-btn,
.social-card--ok .sidebar__back {
    background: #fbeedd;
    color: #f5a623
}

.social-card--ok .btn:hover,
.social-card--ok .imsocial-btn:hover,
.social-card--ok .sidebar__back:hover {
    background: #ff9800;
    -webkit-box-shadow: 0 2px 20px 5px rgba(255, 152, 0, .4);
    box-shadow: 0 2px 20px 5px rgba(255, 152, 0, .4)
}

.social-card--instagram .social-card__head {
    background: linear-gradient(41deg, #e09b3d, #c74c4d, #c21975, #7024c4)
}

.social-card--likee .social-card__head {
    background-image: linear-gradient(141deg, #a146ff 0, #fa047a 22%, #ff0072 40%, #ff6d3a 72%, #fb0 100%)
}

.social-card:hover:not(.social-card--disabled) {
    -webkit-box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1)
}

.social-card--disabled {
    pointer-events: none
}

.social-card--disabled .social-card__head {
    background: #c6cce3
}

.social-card__head,
.social-card__inner {
    padding: 20px 30px
}

.social-card__head {
    border-radius: 30px 30px 0 0
}

.social-card__icon {
    font-size: 0;
    margin-bottom: 20px
}

.social-card__icon .icon {
    font-size: 55px;
    fill: #fff !important
}

.social-card__title {
    font-weight: 600;
    font-size: 18px;
    color: #fff
}

.social-card__desc {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.8;
    min-height: 140px
}

.imsocials {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -7px -7px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.imsocials--block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.imsocials__item {
    padding: 0 7px 7px
}

.imsocial-btn {
    border-radius: 20px;
    width: 100%
}

.imsocial-btn [disabled],
.imsocial-btn.is-disabled {
    opacity: .2
}

.imsocial-btn--icon {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    min-height: auto;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    padding: 0
}

.imsocial-btn--icon .icon {
    margin-right: 0 !important
}

.imsocial-btn--icon .icon-telegram-plane {
    left: -1px
}

.imsocial-btn--icon.is-loading:after,
.imsocial-btn--icon.is-loading:before,
.imsocial-btn--icon.is-loading>span:last-child:after,
.imsocial-btn--icon.is-loading>span:last-child:before {
    width: 7px;
    height: 7px;
    margin-right: 3px
}

.imsocial-btn--icon.is-loading:after {
    display: none
}

.imsocial-btn--icon:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.imsocial-btn--round {
    min-height: 45px;
    border-radius: 23px
}

.imsocial-btn .icon {
    fill: #fff !important;
    font-size: 18px;
    margin-right: 12px
}

.imsocial-btn__icon {
    width: 45px;
    height: 45px;
    background: rgba(0, 0, 0, .1);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute !important;
    left: 0;
    top: 0
}

.imsocial-btn__icon .icon {
    font-size: 24px;
    margin-right: 0
}

.imsocial-btn--vk {
    background: #0656e9
}

.imsocial-btn--vk:hover {
    background: #939ae9
}

.imsocial-btn--instagram {
    background: #da374f
}

.imsocial-btn--instagram:hover {
    background: #e26275
}

.imsocial-btn--tiktok {
    background: #000
}

.imsocial-btn--tiktok:hover {
    background: #1a1a1a
}

.imsocial-btn--likee {
    background: #ff0072
}

.imsocial-btn--likee:hover {
    background: #ff338e
}

.imsocial-btn--facebook {
    background: #3b5998
}

.imsocial-btn--facebook:hover {
    background: #4c70ba
}

.imsocial-btn--youtube {
    background: #f61c0d
}

.imsocial-btn--youtube:hover {
    background: #f84a3e
}

.imsocial-btn--twitter {
    background: #55acee
}

.imsocial-btn--twitter:hover {
    background: #83c3f3
}

.imsocial-btn--telegram {
    background: #7daded
}

.imsocial-btn--telegram:hover {
    background: #aac9f3
}

.imsocial-btn--ok {
    background: #ff9800
}

.imsocial-btn--ok:hover {
    background: #ffad33
}

.imsocial-btn--gplus {
    background: #dc4e41
}

.imsocial-btn--gplus:hover {
    background: #e4766c
}

.imsocial-btn>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.socials-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    background: #fff;
    padding: 0
}

@media only screen and (max-width: 480px) {
    .socials-menu {
        height: 42px
    }
}

.socials-menu__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #e6e7fa
}

.socials-menu__item:last-child {
    border-right: 0
}

.socials-menu__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.socials-menu__link .icon {
    font-size: 22px;
    fill: #c3cad0
}

@media only screen and (max-width: 360px) {
    .socials-menu__link .icon {
        font-size: 20px
    }
}

.spinner {
    position: relative;
    width: 100%
}

.spinner__controls {
    position: absolute;
    right: -3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.spinner__btn {
    width: 12px;
    height: 12px;
    border: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    background-color: transparent
}

.spinner__btn:last-child {
    margin-bottom: 0
}

.spinner__btn:hover:before {
    color: #0656e9
}

.spinner__btn--plus:before {}

.spinner__btn--minus:before {}

.spinner__btn:before {
    color: #abb1bc;
    font-size: 6px
}

.spoiler__trigger {
    color: #0656e9;
    border-bottom: 1px dotted #0656e9;
    position: relative;
    cursor: pointer
}

.spoiler__trigger:after {
    position: absolute;
    left: 100%;
    top: 2px;
    margin-left: 5px;
    -webkit-transition: -webkit-transform ease .25s;
    transition: -webkit-transform ease .25s;
    transition: transform ease .25s;
    transition: transform ease .25s, -webkit-transform ease .25s
}

.accordion-open .spoiler__trigger:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.stats-row {
    margin: 0 0 -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 768px) {
    .stats-row {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media only screen and (max-width: 641px) {
    .stats-row {
        margin: 0 0 -68px
    }
}

.stat {
    text-align: center;
    padding: 0 0 20px;
    width: 200px
}

@media only screen and (max-width: 768px) {
    .stat {
        width: 130px
    }
}

@media only screen and (max-width: 641px) {
    .stat {
        width: 50%;
        padding-bottom: 68px
    }
}

.stat__value {
    font-size: 32px;
    font-weight: 600;
    color: #253147
}

.stat__label {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #999faf;
    margin-top: 6px;
    font-family: Commissioner
}

.stats-grid {
    position: relative
}

.stats-grid:after,
.stats-grid:before {
    position: absolute;
    content: '';
    display: block;
    background: #7a7bdb
}

.stats-grid:before {
    width: 100%;
    height: 2px;
    top: 50%;
    left: -1px
}

.stats-grid:after {
    width: 2px;
    height: 100%;
    top: -1px;
    left: 50%
}

@media only screen and (max-width: 767px) {
    .stats-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .stats-grid:after,
    .stats-grid:before {
        display: none
    }
}

.stats-grid__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 767px) {
    .stats-grid__row {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media only screen and (max-width: 640px) {
    .stats-grid__row {
        margin-bottom: 20px
    }

    .stats-grid__row:last-child {
        margin-bottom: 0
    }
}

.stat {
    width: 165px;
    height: 165px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
    .stat {
        width: 130px;
        height: 130px
    }
}

.stat__icon {
    font-size: 61px;
    margin-bottom: 20px;
    width: 100%
}

.stat__icon .icon {
    fill: #fff
}

.stat__title {
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px
}

.stat__desc {
    font-weight: 600;
    font-size: 14px
}

.status-alert {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 10px;
    z-index: 99;
    border-radius: 8px
}

.status-alert--success .status-alert__icon .icon {
    fill: #8dc640
}

.status-alert__title {
    color: #8dc640
}

.status-alert__icon {
    margin-bottom: 10px
}

.status-alert__icon .icon {
    font-size: 64px
}

.status-alert__title {
    line-height: 1.6;
    font-size: 14px;
    font-weight: 600
}

.status-alert__desc {
    max-width: 400px;
    margin-top: 5px
}

.switcher {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.switcher input {
    display: none !important
}

input:checked+.switcher__i {
    background: #e6e9ff
}

input:checked+.switcher__i:before {
    left: 25px;
    background: #0656e9;
    border-color: #0656e9;
    width: 25px;
    height: 25px
}

.switcher__i {
    height: 25px;
    width: 50px;
    border-radius: 20px;
    background: #c3cad0;
    position: relative;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.switcher__i:before {
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    content: '';
    background: #fff;
    display: block;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    border: 1px solid #f7f7f7;
    position: absolute;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -1px
}

.switcher__text {
    font-style: italic;
    padding-left: 13px;
    line-height: 1.3
}

.three-columns-grid {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 38fr 3fr 2fr 1fr;
    /* position: fixed; */
}

.five-columns-grid {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 3fr 0fr 0fr 0fr;
}

/* columns */
.three-columns-grid>* {
    padding: 1rem;
}

.five-columns-grid>* {
    padding: 1rem;
}

.switcher__text a {
    text-decoration: underline
}

.table {
    overflow: auto
}

.table--stripped thead+tbody tr:nth-child(2n)>*,
.table--stripped tr:nth-child(2n+1)>* {
    background: #fbfcfe
}

.table--stripped thead+tbody tr:nth-child(2n+1)>* {
    background-color: transparent
}

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

.table td,
.table th,
.table tr {
    border: 1px solid #e6e7fa
}

.table td,
.table th {
    padding: 10px 20px;
    text-align: left;
    height: 45px;
    line-height: 2
}

.table th {
    font-weight: 600;
    color: #7f8fa5;
    vertical-align: middle
}

.table td {
    vertical-align: middle
}

.table--top td {
    vertical-align: top
}

.table__merged {
    text-align: center !important;
    background: rgba(230, 233, 255, .4) !important;
    font-weight: 600
}

.tabs {
    position: relative;
    background: #fff;
    border-radius: 4px;
    padding: 0 10px;
    overflow: hidden
}

.tabs__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -7px
}

.tabs__bar {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #0656e9;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.tabs__item {
    padding: 0 7px
}

.tabs__link {
    color: #4e5665;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    height: 40px;
    padding: 0 4px
}

.tabs__link.is-active,
.tabs__link.is-selected {
    color: #0656e9
}

.tabs__link.is-selected {
    padding-top: 2px;
    border-bottom: 2px solid #0656e9
}

.round-tabs {
    position: relative
}

.round-tabs--sm .round-tabs__link {
    font-size: 12px;
    height: 40px;
    font-weight: 600
}

.round-tabs--block .round-tabs__list {
    width: 100%
}

.round-tabs--no-border .round-tabs__list {
    border: 0
}

.round-tabs__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 30px;
    border: 1px solid #e7e7e7;
    position: relative
}

@media only screen and (max-width: 640px) {
    .round-tabs__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        border: 0
    }
}

.round-tabs__bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s;
    border-radius: 30px;
    background: #e6e9ff;
    z-index: 1
}

@media only screen and (max-width: 640px) {
    .round-tabs__bar {
        display: none
    }
}

.round-tabs__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media only screen and (max-width: 640px) {
    .round-tabs__item {
        width: 100%;
        margin-bottom: 20px
    }

    .round-tabs__item:last-child {
        margin-bottom: 0
    }
}

.round-tabs__link {
    z-index: 2;
    font-size: 16px;
    padding: 0 25px;
    color: #0656e9;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    border-radius: 30px
}

.round-tabs__link.is-active {
    border: 0;
    background: #e6e9ff;
    font-weight: 600
}

@media only screen and (min-width: 640px) {
    .round-tabs__link.is-active {
        background: 0 0 !important
    }
}

@media only screen and (max-width: 640px) {
    .round-tabs__link {
        border: 1px solid #e7e7e7;
        padding: 0 15px
    }
}

.types-tabs {
    overflow: hidden
}

.types-tabs__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 100%
}

.types-tabs__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: 1px solid #f7f8fc
}

.types-tabs__item:last-child {
    border-right: 0
}

.types-tabs__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.types-tabs__link {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 100px
}

.accordion-open .types-tabs__link,
.types-tabs__link.is-active {
    background: #fcfcfe
}

@media only screen and (max-width: 992px) {
    .types-tabs__link {
        min-width: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 15px 25px;
        padding-right: 60px;
        border-radius: 8px;
        background: #fff;
        position: relative
    }

    .accordion-open .types-tabs__link {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .types-tabs__link:after {
        font-size: 12px;
        right: 25px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
        color: #c7cad2
    }

    .accordion-open .types-tabs__link:after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg)
    }
}

@media only screen and (max-width: 640px) {
    .types-tabs__link {
        padding: 15px;
        padding-right: 45px
    }
}

.types-tabs__link .round-icon {
    font-size: 36px;
    margin-bottom: 10px
}

@media only screen and (max-width: 992px) {
    .types-tabs__link .round-icon {
        margin-bottom: 0;
        margin-right: 15px
    }
}

.types-tabs__link .round-icon .icon {
    font-size: 20px
}

.types-tabs__input {
    height: 30px;
    border-radius: 4px;
    width: 100%;
    display: block;
    border: 0;
    background: #f7f8ff;
    color: #515968;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-top: 15px;
    max-width: 120px
}

@media only screen and (max-width: 992px) {
    .types-tabs__input {
        margin-top: 0;
        width: 75px
    }
}

.types-tabs__name {
    font-weight: 600
}

.simple-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    background: rgb(255 255 255 / 55%);
}

@media only screen and (max-width: 992px) {
    .simple-tabs {
        margin: 0 -12px -10px
    }
}

@media only screen and (max-width: 767px) {
    .simple-tabs {
        margin-bottom: -30px
    }
}

@media only screen and (max-width: 992px) {
    .simple-tabs__item {
        padding: 0 12px 10px
    }
}

@media only screen and (max-width: 767px) {
    .simple-tabs__item {
        padding-bottom: 30px
    }
}

.simple-tabs__link {
    font-size: 12px;
    font-weight: 500;
    border-radius: 20px;
    min-height: 40px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 0 30px;
    color: #0656e9;
}

@media only screen and (max-width: 992px) {
    .simple-tabs__link {
        display: block;
        min-height: auto;
        padding: 0;
        color: #4e5665
    }
}

@media only screen and (max-width: 767px) {
    .simple-tabs__link {
        color: #8192a6
    }
}

.simple-tabs__link:hover {
    background: rgba(77, 85, 187, .3)
}

@media only screen and (max-width: 992px) {
    .simple-tabs__link:hover {
        background-color: transparent
    }
}

.simple-tabs__link.is-active,
.simple-tabs__link.is-scroll-active {
    background: rgb(255 214 0);
    color: #000;
    font-weight: 600
}

.filters-open .simple-tabs__link.is-active,
.filters-open .simple-tabs__link.is-scroll-active {
    background: #7079e9
}

@media only screen and (max-width: 992px) {

    .simple-tabs__link.is-active,
    .simple-tabs__link.is-scroll-active {
        color: #0656e9;
        background: 0 0 !important
    }
}

.simple-tabs__link.is-active .simple-tabs__count {
    color: #73b2ff
}

.simple-tabs__count {
    font-size: 10px;
    color: #8f94d1;
    margin-left: 4px;
    margin-top: 1px
}

@-webkit-keyframes tab-show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes tab-show {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.tabs-component-panel {
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.task-head {
    position: relative;
    display: inline-block;
    z-index: 0;
    width: 64px;
    height: 64px
}

.link-preview__img .task-head .round-icon,
.task-head .link-preview__img .round-icon,
.task-head .task-head__icon {
    width: 24px;
    height: 24px;
    font-size: 14px
}

.task-head .task-head__alert .icon {
    font-size: 64px
}

.task-head.is-alert .task-head__alert {
    opacity: 1
}

.link-preview__img .task-head.is-alert .round-icon,
.task-head.is-alert .link-preview__img .round-icon,
.task-head.is-alert .task-head__icon {
    display: none
}

.task-head.is-alert .task-head__img {
    opacity: 0
}

.task-head--sm {
    width: 48px;
    height: 48px
}

.link-preview__img .task-head--sm .round-icon,
.task-head--sm .link-preview__img .round-icon,
.task-head--sm .round-icon,
.task-head--sm .task-head__icon {
    height: 18px;
    width: 18px;
    font-size: 12px
}

.task-head--sm .task-head__alert .icon {
    font-size: 48px
}

.task-head--xs {
    width: 32px;
    height: 32px
}

.link-preview__img .task-head--xs .round-icon,
.task-head--xs .link-preview__img .round-icon,
.task-head--xs .task-head__icon {
    bottom: -3px;
    right: 2px
}

.link-preview__img .task-head--xs .round-icon,
.task-head--xs .link-preview__img .round-icon,
.task-head--xs .round-icon,
.task-head--xs .task-head__icon {
    height: 16px;
    width: 16px;
    font-size: 10px
}

.task-head--xs .task-head__alert .icon {
    font-size: 32px
}

.task-head__img {
    width: 70%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /* border-radius: 50%; */
    /* width: 100%; */
}

.link-preview__img .round-icon,
.task-head__icon {
    position: absolute;
    bottom: -6px;
    right: -2px;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.link-preview__img .round-icon .icon,
.task-head__icon .icon {
    vertical-align: top
}

.link-preview__img .round-icon .icon-telegram-plane,
.task-head__icon .icon-telegram-plane {
    font-size: .83333em
}

.task-head__alert {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 999;
    opacity: 0;
    -webkit-transition: .3s all ease;
    transition: .3s all ease
}

.task-info {
    background: #fff;
    border: 1px solid #eaebf2;
    border-radius: 8px;
    position: sticky;
    top: 80px;
    z-index: 11
}

@media only screen and (max-width: 640px) {
    .task-info {
        position: static
    }
}

.task-info--stars .task-info__top {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxOTcgMTM5LjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE5NyAxMzkuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzQ5NTM3MDtmaWxsLW9wYWNpdHk6NS4wMDAwMDBlLTAyO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTg2LjMsMzQuNWwyLjYsMC43bC0wLjcsMi42Yy0wLjMsMC45LDAuMywxLjksMS4yLDIuMWMwLjksMC4zLDEuOS0wLjMsMi4xLTEuMmwwLjctMi42bDIuNiwwLjcNCgljMC45LDAuMiwxLjktMC4zLDIuMS0xLjNjMC4yLTAuOS0wLjMtMS44LTEuMi0yLjFsLTIuNi0wLjdsMC43LTIuNmMwLjItMC45LTAuMy0xLjktMS4zLTIuMWMtMC45LTAuMi0xLjgsMC4zLTIuMSwxLjJsLTAuNywyLjYNCglsLTIuNi0wLjdjLTAuOS0wLjMtMS45LDAuMy0yLjEsMS4yQzE4NC44LDMzLjMsMTg1LjMsMzQuMiwxODYuMywzNC41TDE4Ni4zLDM0LjV6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUuOSw0Ny4zbDItMS44bDEuOCwyYzAuNiwwLjcsMS43LDAuNywyLjQsMC4xczAuNy0xLjcsMC4xLTIuNGwtMS44LTJsMi0xLjhjMC43LTAuNywwLjctMS43LDAtMi40DQoJYy0wLjYtMC43LTEuNy0wLjctMi40LTAuMWwtMiwxLjhsLTEuOC0yYy0wLjctMC43LTEuNy0wLjctMi40LDBjLTAuNywwLjYtMC43LDEuNy0wLjEsMi40bDEuOCwybC0yLDEuOGMtMC43LDAuNi0wLjcsMS43LTAuMSwyLjQNCglDMTQuMSw0Ny45LDE1LjIsNDcuOSwxNS45LDQ3LjNMMTUuOSw0Ny4zTDE1LjksNDcuM3oiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzEuNSwxMzcuM2wyLjUtMWwxLDIuNWMwLjMsMC45LDEuMywxLjMsMi4yLDFjMC45LTAuMywxLjMtMS4zLDEtMi4ybC0xLTIuNWwyLjUtMWMwLjktMC40LDEuMy0xLjQsMC45LTIuMw0KCWMtMC40LTAuOC0xLjMtMS4zLTIuMi0wLjlsLTIuNSwxbC0xLTIuNWMtMC40LTAuOS0xLjQtMS4zLTIuMy0wLjljLTAuOCwwLjQtMS4zLDEuMy0wLjksMi4ybDEsMi41bC0yLjUsMWMtMC45LDAuMy0xLjMsMS4zLTEsMi4yDQoJQzE2OS42LDEzNy4yLDE3MC42LDEzNy42LDE3MS41LDEzNy4zTDE3MS41LDEzNy4zeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE3MS45LDY0LjRsMS42LTAuOGwwLjgsMS42YzAuMywwLjYsMSwwLjgsMS41LDAuNWMwLjYtMC4zLDAuOC0xLDAuNS0xLjVsLTAuOC0xLjZsMS42LTAuOA0KCWMwLjYtMC4zLDAuOC0xLDAuNS0xLjVjLTAuMy0wLjUtMC45LTAuOC0xLjUtMC41bC0xLjYsMC44bC0wLjgtMS42Yy0wLjMtMC42LTEtMC44LTEuNS0wLjVjLTAuNSwwLjMtMC44LDAuOS0wLjUsMS41bDAuOCwxLjYNCglsLTEuNiwwLjhjLTAuNiwwLjMtMC44LDEtMC41LDEuNUMxNzAuNiw2NC40LDE3MS4zLDY0LjcsMTcxLjksNjQuNHoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTQuOSwyNC40bDEuNi0wLjhsMC44LDEuNmMwLjMsMC42LDEsMC44LDEuNSwwLjVjMC42LTAuMywwLjgtMSwwLjUtMS41bC0wLjgtMS42bDEuNi0wLjgNCgljMC42LTAuMywwLjgtMSwwLjUtMS41Yy0wLjMtMC41LTAuOS0wLjgtMS41LTAuNWwtMS42LDAuOGwtMC44LTEuNmMtMC4zLTAuNi0xLTAuOC0xLjUtMC41Yy0wLjUsMC4zLTAuOCwwLjktMC41LDEuNWwwLjgsMS42DQoJbC0xLjYsMC44Yy0wLjYsMC4zLTAuOCwxLTAuNSwxLjVDMTUzLjYsMjQuNCwxNTQuMywyNC43LDE1NC45LDI0LjR6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDYuOCwxMi4zbDEuOCwwLjVsLTAuNSwxLjhjLTAuMiwwLjYsMC4yLDEuMiwwLjgsMS40YzAuNiwwLjIsMS4yLTAuMiwxLjQtMC44bDAuNS0xLjhsMS44LDAuNQ0KCWMwLjYsMC4yLDEuMi0wLjIsMS40LTAuOGMwLjEtMC42LTAuMi0xLjItMC44LTEuNGwtMS44LTAuNWwwLjUtMS44YzAuMi0wLjYtMC4yLTEuMi0wLjgtMS40Yy0wLjYtMC4xLTEuMiwwLjItMS40LDAuOGwtMC41LDEuOA0KCWwtMS44LTAuNWMtMC42LTAuMi0xLjIsMC4yLTEuNCwwLjhDNDUuOSwxMS41LDQ2LjIsMTIuMiw0Ni44LDEyLjNMNDYuOCwxMi4zeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyOS4zLDUuN2wxLjgtMC4zbDAuMywxLjhjMC4xLDAuNiwwLjcsMSwxLjMsMC45YzAuNi0wLjEsMS0wLjcsMC45LTEuM2wtMC4zLTEuOGwxLjgtMC4zDQoJYzAuNi0wLjEsMS0wLjcsMC45LTEuNGMtMC4xLTAuNi0wLjctMS0xLjMtMC45bC0xLjgsMC4zbC0wLjMtMS44Yy0wLjEtMC42LTAuNy0xLTEuNC0wLjljLTAuNiwwLjEtMSwwLjctMC45LDEuM2wwLjMsMS44bC0xLjgsMC4zDQoJYy0wLjYsMC4xLTEsMC43LTAuOSwxLjNDMTI4LjEsNS40LDEyOC43LDUuOCwxMjkuMyw1Ljd6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQ3LjgsOTAuM2wxLjgsMC41bC0wLjUsMS44Yy0wLjIsMC42LDAuMiwxLjIsMC44LDEuNGMwLjYsMC4yLDEuMi0wLjIsMS40LTAuOGwwLjUtMS44bDEuOCwwLjUNCgljMC42LDAuMiwxLjItMC4yLDEuNC0wLjhjMC4xLTAuNi0wLjItMS4yLTAuOC0xLjRsLTEuOC0wLjVsMC41LTEuOGMwLjItMC42LTAuMi0xLjItMC44LTEuNGMtMC42LTAuMS0xLjIsMC4yLTEuNCwwLjhsLTAuNSwxLjgNCglsLTEuOC0wLjVjLTAuNi0wLjItMS4yLDAuMi0xLjQsMC44QzE0Ni45LDg5LjUsMTQ3LjIsOTAuMiwxNDcuOCw5MC4zTDE0Ny44LDkwLjN6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzUuMSw3OS44bDEuMywxLjJsLTEuMiwxLjNjLTAuNCwwLjUtMC40LDEuMiwwLDEuNmMwLjUsMC40LDEuMiwwLjQsMS42LDBsMS4yLTEuM2wxLjMsMS4zDQoJYzAuNSwwLjQsMS4yLDAuNCwxLjYtMC4xYzAuNC0wLjUsMC40LTEuMSwwLTEuNkwzOS42LDgxbDEuMy0xLjNjMC40LTAuNSwwLjQtMS4yLTAuMS0xLjZjLTAuNS0wLjQtMS4xLTAuNC0xLjYsMEwzOCw3OS40bC0xLjMtMS4yDQoJYy0wLjUtMC40LTEuMi0wLjQtMS42LDBDMzQuNiw3OC43LDM0LjYsNzkuNCwzNS4xLDc5Ljh6Ii8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNi44LDEzMC4zbDEuOCwwLjVsLTAuNSwxLjhjLTAuMiwwLjYsMC4yLDEuMiwwLjgsMS40YzAuNiwwLjIsMS4yLTAuMiwxLjQtMC44bDAuNS0xLjhsMS44LDAuNQ0KCWMwLjYsMC4yLDEuMi0wLjIsMS40LTAuOGMwLjEtMC42LTAuMi0xLjItMC44LTEuNGwtMS44LTAuNWwwLjUtMS44YzAuMi0wLjYtMC4yLTEuMi0wLjgtMS40Yy0wLjYtMC4xLTEuMiwwLjItMS40LDAuOGwtMC41LDEuOA0KCWwtMS44LTAuNWMtMC42LTAuMi0xLjIsMC4yLTEuNCwwLjhDNS45LDEyOS41LDYuMiwxMzAuMiw2LjgsMTMwLjNMNi44LDEzMC4zeiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAuOCw4Mi4zbDEuOCwwLjVsLTAuNSwxLjhjLTAuMiwwLjYsMC4yLDEuMiwwLjgsMS40czEuMi0wLjIsMS40LTAuOGwwLjUtMS44bDEuOCwwLjVjMC42LDAuMiwxLjItMC4yLDEuNC0wLjgNCgljMC4xLTAuNi0wLjItMS4yLTAuOC0xLjRsLTEuOC0wLjVsMC41LTEuOGMwLjItMC42LTAuMi0xLjItMC44LTEuNGMtMC42LTAuMS0xLjIsMC4yLTEuNCwwLjhsLTAuNSwxLjhsLTEuOC0wLjUNCglDMC44LDgwLDAuMiw4MC4zLDAsODAuOVMwLjIsODIuMiwwLjgsODIuM0MwLjgsODIuMywwLjgsODIuMywwLjgsODIuM3oiLz4NCjwvc3ZnPg0K) no-repeat center top
}

.task-info__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 180px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    text-align: center;
    padding: 25px 10px
}

@media only screen and (max-width: 640px) {
    .task-info__top {
        min-height: 80px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 15px;
        text-align: left
    }
}

.task-info__top>.tooltip-icon {
    position: absolute;
    left: 14px;
    top: 14px
}

@media only screen and (max-width: 640px) {
    .task-info__top>.tooltip-icon {
        left: auto;
        top: auto;
        right: 9px;
        bottom: 9px
    }
}

.task-info__top .round-icon {
    font-size: 70px;
    margin-bottom: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 640px) {
    .task-info__top .round-icon {
        margin-bottom: 0;
        margin-right: 20px;
        font-size: 64px
    }

    .task-info__top .round-icon .icon {
        font-size: 34px
    }
}

.task-info__top .round-icon .icon {
    font-size: 37px
}

@media only screen and (max-width: 640px) {
    .task-info__types {
        display: none
    }
}

.task-info__title {
    font-size: 14px;
    font-weight: 600;
    color: #0656e9;
    margin-bottom: 10px
}

@media only screen and (max-width: 640px) {
    .task-info__title {
        margin-bottom: 5px
    }
}

.task-info__desc {
    font-weight: 500;
    line-height: 1.7
}

.task-info__label {
    font-weight: 500;
    display: block
}

.task-info__bottom {
    border-radius: 0 0 8px 8px;
    background: #fcfcfe;
    padding: 15px 0;
    text-align: center
}

@media only screen and (max-width: 640px) {
    .task-info__bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 89;
        background: #fff;
        -webkit-box-shadow: 0 -15px 15px -10px rgba(93, 128, 196, .1);
        box-shadow: 0 -15px 15px -10px rgba(93, 128, 196, .1)
    }
}

.task-info__bottom-row {
    margin-bottom: 20px
}

@media only screen and (max-width: 640px) {
    .task-info__bottom-row {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 0
    }
}

.task-info__bottom-row:last-child {
    margin-bottom: 0
}

.task-info__bottom .task-info__label {
    margin-bottom: 5px
}

.task-info__value {
    font-size: 16px;
    font-weight: 500;
    color: #7f8b9a
}

.task-info__budget {
    font-size: 18px;
    color: #0656e9;
    font-weight: 500
}

.task-info__type {
    padding: 0 15px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.task-info__type:first-child {
    margin-top: 15px
}

.task-info__type-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.task-info__type-users {
    color: #7f8b9a;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 10px;
    white-space: nowrap
}

.task-info__type .round-icon {
    font-size: 24px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.task-info__type .round-icon .icon {
    font-size: 14px
}

.task {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 8px;
    background: #fff;
    font-weight: 600;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    height: 165px
}

@media only screen and (max-width: 480px) {
    .task {
        height: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0 16px
    }
}

.task:hover {
    -webkit-box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1)
}

html:not(.touchevents) .task:hover .card-menu {
    opacity: 1
}

.task--card .task__bottom,
.task--card .task__top {
    display: none
}

.task--card .task__icon {
    position: static;
    margin-bottom: 15px;
    display: inline-block;
    width: auto;
    height: auto
}

.task--card .task__icon .icon {
    font-size: 64px
}

.task--card .task__name {
    white-space: normal;
    margin-bottom: 0
}

.task--green .task__name {
    color: #8dc640
}

@media only screen and (min-width: 480px) {
    .task.is-doing {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.task__bottom,
.task__top {
    width: 100%
}

@media only screen and (max-width: 480px) {

    .task__bottom,
    .task__top {
        width: auto
    }
}

.task__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    padding: 10px 17px;
    padding-right: 38px;
    position: relative;
    min-width: 0
}

@media only screen and (max-width: 480px) {
    .task__top {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0 23px 0 0;
        position: static
    }
}

.task__info {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (max-width: 480px) {
    .task__info {
        margin-right: 10px
    }
}

.task__main {
    width: 100%
}

.task__icon .icon {
    -webkit-transition: none;
    transition: none
}

.task__name {
    color: #4e5665;
    margin-bottom: 3px;
    line-height: 1.6;
    width: 100%
}

.task__type {
    color: #728be6;
    line-height: 1.4;
    display: inline-block
}

.task__type.ph-text {
    display: block;
    max-width: 70%
}

.task__alert {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 5px 10px;
    border-radius: 8px
}

@media only screen and (max-width: 480px) {
    .task__alert {
        position: static
    }
}

.task__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 85px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(247, 248, 252, .3);
    border-top: 1px solid #f7f8fc
}

@media only screen and (max-width: 480px) {
    .task__bottom {
        height: auto;
        background-color: transparent;
        border-top: 0
    }
}

.task__do {
    position: relative;
    display: inline-block;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    width: 170px;
    background: #f7f8fc;
    border-radius: 8px
}

.task__do:hover {
    background: #f7f8fc
}

@media only screen and (max-width: 480px) {
    .task__do {
        width: 68px
    }
}

.task__do.is-loading {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent !important
}

.task__do.is-disabled {
    opacity: .6;
    pointer-events: none;
    cursor: default
}

.task__do .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #0656e9;
    display: none;
    font-size: 20px;
    z-index: 2
}

.task__do.is-loading .task__price {
    display: none
}

.task__do.is-loading .task__label {
    padding-left: 0 !important;
    width: auto;
    background-color: transparent !important;
    -webkit-transition: none !important;
    transition: none !important;
    padding-right: 0
}

.task__do:hover .task__price {
    background: #0656e9;
    color: #fff
}

.task__do:hover .task__label {
    color: #0656e9
}

.task.is-doing .task__do {
    background: #dff0d1
}

@media only screen and (max-width: 480px) {
    .task.is-doing .task__do .icon {
        display: block
    }

    .task.is-doing .task__do:not(.is-loading) {
        overflow: hidden
    }

    .task.is-doing .task__do:not(.is-loading):before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        -webkit-animation: rainbow-slide .5s linear infinite;
        animation: rainbow-slide .5s linear infinite;
        background: -webkit-gradient(linear, left top, right top, from(#6ec2ff), to(#0656e9));
        background: linear-gradient(90deg, #6ec2ff 0, #0656e9 100%)
    }
}

.task.is-doing .task__label,
.task.is-doing .task__label:hover {
    color: #79bd38
}

.task.is-doing .task__price,
.task.is-doing .task__price:hover {
    color: #fff;
    background: #57ad00
}

.task.is-doing .task__price:hover>span:before,
.task.is-doing .task__price>span:before {
    color: rgba(255, 255, 255, .6)
}

@media only screen and (max-width: 480px) {

    .task.is-doing .task__price,
    .task.is-doing .task__price:hover {
        background: #f3f4fd;
        color: transparent
    }

    .task.is-doing .task__price:hover>span:before,
    .task.is-doing .task__price>span:before {
        color: transparent
    }
}

.task__do,
.task__label {
    height: 43px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 480px) {

    .task__do,
    .task__label {
        height: 48px
    }
}

.task__price {
    width: 60px;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background: #fff;
    color: #0656e9
}

.task__price>span:before {
    content: '+';
    color: #adb3f9
}

.task__label {
    color: #4e5665;
    padding-left: 76px;
    padding-right: 5px;
    -webkit-transition: all ease .45s;
    transition: all ease .45s;
    -webkit-transition-property: background, color;
    transition-property: background, color;
    will-change: padding-left;
    width: 100%
}

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

.task__menu {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 12px
}

html.touchevents .task__menu {
    display: block
}

.task .card-menu {
    right: 15px
}

@media only screen and (max-width: 480px) {
    .task .card-menu {
        right: 95px
    }
}

html.touchevents .task .card-menu {
    display: none
}

.task .task-head {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.task .ph-button {
    height: 43px;
    border-radius: 8px;
    width: 170px
}

@media only screen and (max-width: 480px) {
    .task .ph-button {
        width: 68px
    }
}

@-webkit-keyframes rainbow-slide {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rainbow-slide {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.top-ref {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid #efefef;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    counter-increment: top-ref;
    font-size: 14px;
    position: relative
}

@media only screen and (max-width: 480px) {
    .top-ref {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        padding: 15px 0;
        border-bottom: 0
    }

    .top-ref:before {
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
        height: 1px;
        background: #efefef;
        right: -25px
    }

    .top-ref:last-child {
        padding-bottom: 0
    }

    .top-ref:last-child:before {
        display: none
    }
}

.top-ref--champion .top-ref__num {
    width: 30px;
    height: 30px;
    position: relative;
    background-color: transparent;
    color: #fff;
    padding-top: 6px;
    padding-left: 1px;
    font-weight: 700;
    margin-right: 59px
}

@media only screen and (max-width: 640px) {
    .top-ref--champion .top-ref__num {
        margin-right: 14px
    }
}

@media only screen and (max-width: 480px) {
    .top-ref--champion .top-ref__num {
        width: 24px;
        height: 24px;
        top: 28px
    }

    .top-ref--champion .top-ref__num .icon {
        font-size: 24px !important
    }
}

.top-ref--champion .top-ref__num .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    z-index: 0
}

.top-ref__base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media only screen and (max-width: 480px) {
    .top-ref__base {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 19px
    }
}

.top-ref__num {
    color: #0656e9;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(105, 114, 224, .1);
    margin-right: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600
}

@media only screen and (max-width: 640px) {
    .top-ref__num {
        margin-right: 20px
    }
}

@media only screen and (max-width: 480px) {
    .top-ref__num {
        background: #f0f1fc;
        margin-right: 0;
        position: absolute !important;
        font-size: 10px;
        z-index: 9;
        width: 20px;
        height: 20px;
        top: 35px;
        -webkit-transform: translateX(15px);
        transform: translateX(15px)
    }
}

.top-ref__num:after {
    content: counter(top-ref);
    position: relative;
    z-index: 2
}

.top-ref__id {
    margin-bottom: 5px;
}

@media only screen and (max-width: 480px) {
    .top-ref__id {
        margin-bottom: 13px
    }
}

.top-ref__count {
    color: #0656e9;
    font-weight: 500;
}

.top-ref__money {
    white-space: nowrap
}

.top-ref__money-sum {
    font-size: 14px;
    font-weight: 600;
}

.top-ref__money-sum>span {
    font-size: 14px;
    color: #c3cad0
}

.top-ref__money-label {
    margin-top: 5px;
    color: #8a95a2;
    font-weight: 500;
}

.top-ref .user-pic {
    margin-right: 40px
}

@media only screen and (max-width: 640px) {
    .top-ref .user-pic {
        margin-right: 20px
    }
}

@media only screen and (max-width: 480px) {
    .top-ref .user-pic {
        margin-right: 0;
        margin-bottom: 20px
    }
}

.user-pic {
    width: 32px;
    height: 32px;
    position: relative;
    border-radius: 50%;
    display: block
}

.user-pic--blank:after,
.user-pic--blank:before {
    display: none
}

.user-pic:after,
.user-pic:before {
    position: absolute;
    content: '';
    border-radius: 50%
}

.user-pic:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/user-2.svg) no-repeat center;
    z-index: 1
}

.user-pic:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #00c774;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    z-index: 0
}

.user-pic img {
    z-index: 2;
    position: relative;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.user {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user .user-pic {
    margin-right: 18px
}

.vote {
    height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    min-width: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #f5f6fc;
    padding-left: 20px
}

.vote:hover {
    color: #0656e9
}

.vote:hover .vote__controls {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.vote__label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vote__label:before {
    content: counter(inc-list) ". "
}

.vote__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 185px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px
}

.vote__button {
    width: 32%;
    cursor: pointer;
    background: #f7f8fc;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 0 solid #f5f6fc;
    border-width: 0 1px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.vote__button:hover .icon {
    fill: #0656e9
}

.vote__button .icon {
    font-size: 10px;
    fill: #636985
}

.vote__input {
    border: 0;
    height: 40px;
    text-align: center;
    color: #4e5665;
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 38%
}

.write-form__f {
    background: #fff;
    border-radius: 8px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 15px;
    min-height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.write-form__input {
    font-size: 15px;
    font-weight: 500;
    color: #737a99;
    width: 100%;
    border: 0;
    background: #f7f8ff;
    border-radius: 10px;
    padding: 0 18px;
    display: block
}

.write-form__input.is-error {
    background: rgba(250, 119, 119, .1)
}

.write-form__input::-webkit-input-placeholder {
    opacity: .5
}

.write-form__input::-moz-placeholder {
    opacity: .5
}

.write-form__input:-ms-input-placeholder {
    opacity: .5
}

.write-form__input:-moz-placeholder {
    opacity: .5
}

.write-form__input::-ms-input-placeholder {
    opacity: .5
}

.write-form__input::placeholder {
    opacity: .5
}

input.write-form__input {
    height: 45px;
}

textarea.write-form__input {
    resize: none;
    line-height: 1.7;
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto
}

.write-form__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px
}

.write-form__btns>* {
    margin-right: 15px
}

.write-form__btns>:last-child {
    margin-right: 0
}

.write-form__submit {
    font-size: 32px;
    cursor: pointer;
    background: #0656e9 !important;
    position: relative
}

.write-form__submit.is-loading {
    background: #fff !important
}

.write-form__submit.is-loading:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 35px !important;
    height: 35px !important
}

.write-form__submit.is-loading .icon {
    opacity: 0
}

.write-form__submit[disabled] {
    opacity: .7;
    pointer-events: none;
    cursor: default
}

.write-form__submit .icon {
    font-size: 16px
}

.write-form__attach {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
    margin-top: -1px
}

.write-form__attach:hover .icon {
    fill: #0656e9
}

.write-form__attach input {
    display: none
}

.write-form__attach .icon {
    fill: #c3cad0;
    font-size: 24px
}

.write-form__attachments {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px -11px -22px
}

.write-form__attachments-item {
    padding: 0 11px 22px
}

.write-form__area {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.write-form__area .write-form__input {
    padding-right: 40px
}

.write-form__error {
    color: #ff6c72;
    width: 100%;
    padding: 0 18px
}

.write-form .alert {
    margin-bottom: 20px
}

.write-form .user-pic {
    width: 32px;
    height: 32px;
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 480px) {
    .write-form .user-pic {
        display: none
    }
}

@media only screen and (max-width: 640px) {
    .p-add {
        padding-bottom: 50px
    }
}

.p-add__inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 640px) {
    .p-add__inn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.p-add__info {
    width: 235px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px
}

@media only screen and (max-width: 767px) {
    .p-add__info {
        width: 200px;
        margin-right: 15px
    }
}

@media only screen and (max-width: 640px) {
    .p-add__info {
        margin-right: 0;
        margin-bottom: 25px;
        width: 100%
    }
}

.p-add__form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0
}

.p-add__form>* {
    margin-bottom: 25px
}

.p-add__form>:last-child {
    margin-bottom: 0
}

.checkbox-row--box,
.p-add__box,
.p-add__gray {
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px
}

@media only screen and (max-width: 640px) {

    .checkbox-row--box,
    .p-add__box,
    .p-add__gray {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 640px) {
    .p-add__footer {
        margin: 0 -30px;
        padding: 0 15px
    }
}

.p-add__footer>* {
    margin-bottom: 20px
}

.p-add__footer>:last-child {
    margin-bottom: 0
}

.p-add__checkboxes {
    margin-bottom: 25px
}

.p-add__checkboxes>* {
    margin-bottom: 25px
}

.p-add__checkboxes>:last-child {
    margin-bottom: 0
}

.p-add__hint {
    font-size: 10px;
    font-weight: 600;
    display: block;
    line-height: 2;
    color: #515968
}

.p-add__gray {
    padding-top: 25px;
    padding-bottom: 25px;
    background: #fcfcfe;
    border-radius: 0 0 8px 8px
}

.p-add__gray--bd {
    border-top: 1px solid #ebedf3
}

.p-advert .present:before {
    background-image: url(../img/promo-1.svg)
}

.p-advert .present:after {
    background-image: url(../img/promo-2.svg)
}

@media only screen and (min-width: 1300px) {
    .p-advert .present {
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 150px
    }
}

.p-api__entity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 13px;
    border-bottom: 1px solid #e6e7fa;
    margin-bottom: 25px
}

.p-api__entity-label,
.p-api__entity-name {
    display: block
}

.p-api__entity-name {
    font-size: 16px
}

@media only screen and (max-width: 360px) {
    .p-api__entity-name {
        font-size: 14px
    }
}

.p-api__entity-label {
    font-size: 14px;
    color: #7f8fa5
}

@media only screen and (max-width: 360px) {
    .p-api__entity-label {
        font-size: 12px
    }
}

.p-api__variables li {
    position: relative;
    padding-left: 12px
}

.p-api__variables li:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 2px;
    background: #0656e9;
    left: 3px;
    top: .91667em
}

.p-api .present:before {
    background-image: url(../img/api-1.svg)
}

.p-api .present:after {
    background-image: url(../img/api-2.svg)
}

.p-api .table .icon {
    margin-left: 2px;
    margin-top: -3px
}

@media only screen and (max-width: 640px) {

    .p-api .table table,
    .p-api .table tbody,
    .p-api .table td,
    .p-api .table th,
    .p-api .table thead,
    .p-api .table tr {
        display: block
    }

    .p-api .table th:nth-child(2) {
        display: none
    }

    .p-api .table thead tr {
        border-bottom: 0
    }

    .p-api .table td,
    .p-api .table th {
        height: auto;
        border: 0;
        padding: 10px
    }

    .p-api .table td:not(:last-child) {
        padding-bottom: 0
    }

    .p-api .table td:first-child {
        word-break: break-all;
        font-weight: 600
    }

    .p-api .table tr:not(:last-child) {
        border-bottom: 0
    }
}

.p-article__title {
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.6;
    font-size: 14px
}

.p-article__date {
    display: block;
    color: #7f8b9a
}

@media only screen and (max-width: 480px) {
    .p-article__date {
        font-size: 12px;
        margin-top: 3px
    }
}

.p-article__img+.p-article__head {
    position: absolute;
    left: 0;
    bottom: 0
}

.p-article__preview {
    height: 300px;
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 8px 8px 0 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 30px;
}

@media only screen and (max-width: 992px) {
    .p-article__preview {
        border-radius: 0
    }
}

@media only screen and (max-width: 767px) {
    .p-article__preview {
        height: 200px
    }
}

@media only screen and (max-width: 480px) {
    .p-article__preview {
        height: 150px
    }
}

.p-article__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-article__text {
    background: #fff;
    border-radius: 0 0 4px 4px;
    padding: 25px 30px;
    font-size: 14px;
    line-height: 2.2;
    font-weight: 500;
    color: #343434;
}

@media only screen and (max-width: 480px) {
    .p-article__text {
        font-size: 14px;
        padding: 18px;
        color: #000;
        /* font-weight: 620; */
    }
}

.p-article__head {
    width: 100%;
    background: rgba(0, 0, 0, .5);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100px;
    padding: 10px 25px
}

@media only screen and (max-width: 992px) {
    .p-article__head {
        display: none
    }
}

.p-article__head .p-article__title {
    font-size: 18px;
    color: #fff
}

.p-article__head .p-article__date {
    color: #fff
}

.p-article .back-head {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.p-article .back-head__btn {
    border-bottom-left-radius: 0
}

.p-badbrowser {
    padding: 0 20px
}

.p-badbrowser__logo {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    max-width: 150px
}

.p-badbrowser__block {
    width: 100%;
    max-width: 780px;
    margin: 50px auto;
    -webkit-box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    border-radius: 8px;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .p-badbrowser__block {
        margin: 25px auto
    }
}

.p-badbrowser__block-head {
    height: 60px;
    background-color: #0656e9;
    line-height: 60px;
    padding: 0 20px;
    border-radius: 8px 8px 0 0
}

.p-badbrowser__block-content {
    text-align: center;
    padding: 20px 20px 35px;
    border-radius: 0 0 8px 8px
}

.p-badbrowser__block-content h2 {
    margin: 15px 0 7px;
    font-size: 16px
}

.p-badbrowser__block-desc {
    line-height: 1.8
}

.p-badbrowser__good {
    padding: 20px 0 0
}

.p-badbrowser__good-item {
    display: inline-block;
    padding: 20px 20px 15px;
    margin: 0 10px;
    border-radius: 2px;
    font-size: 14px
}

.p-badbrowser__good-item:hover {
    background-color: #f0f2f5;
    text-decoration: none
}

.p-badbrowser__good-icon {
    height: 80px;
    width: 80px;
    background: url(../img/browsers.png?1) no-repeat 0 0;
    margin-bottom: 10px
}

.p-badbrowser__good-icon.firefox {
    background-position: 0 -83px
}

.p-badbrowser__good-icon.chrome {
    background-position: 0 -165px
}

.p-badbrowser__good-icon.opera {
    background-position: 0 -249px
}

.p-badbrowser__good-icon.yandex {
    background-position: 0 -334px
}

.p-balance__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px
}

.p-balance__action+.p-balance__action {
    margin-top: 20px
}

@media only screen and (max-width: 1200px) {
    .p-balance__action {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (max-width: 640px) {
    .p-balance__action {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.p-balance__action-left,
.p-balance__action-right {
    width: 200px;
    padding: 0 10px
}

@media only screen and (max-width: 640px) {
    .p-balance__action-left {
        margin-bottom: 15px
    }
}

.p-balance__action .btn,
.p-balance__action .imsocial-btn,
.p-balance__action .sidebar__back {
    min-height: 50px;
    width: 100%
}

.p-balance__input .complex-input__input {
    width: 100%;
    background: #f7f8ff;
    border-radius: 8px;
    padding: 0 20px;
    border-bottom: 0
}

.p-balance__input .complex-input__input:after,
.p-balance__input .complex-input__input:before {
    display: none
}

.p-balance__input .complex-input__input .input,
.p-balance__input .complex-input__input .select2-selection__rendered {
    /* height: 50px; */
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
}

.p-balance__input .complex-input__addon {
    font-size: 16px
}

.p-cash__box {
    text-align: center;
    height: 100%
}

.p-cash__box-title {
    background: #fbfcfe;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px;
    border-radius: 8px 8px 0 0
}

.p-cash__box-body {
    padding: 0 25px 35px
}

.p-cash__box-img {
    margin-bottom: 30px;
    display: block
}

.p-cash__box-btn {
    margin-bottom: 50px
}

.p-cash__box-btn .btn,
.p-cash__box-btn .imsocial-btn,
.p-cash__box-btn .sidebar__back {
    max-width: 190px
}

.p-cash__box-types {
    border-top: 1px solid #efefef;
    padding-top: 25px
}

.p-cash__box-types .h4 {
    margin-bottom: 20px
}

.p-cashin .present:before {
    background-image: url(../img/cashin-1.svg)
}

.p-cashin .present:after {
    background-image: url(../img/cashin-2.svg)
}

@media only screen and (max-width: 480px) {
    .p-cashout__ways {
        padding-left: 10px;
        padding-right: 10px
    }

    .p-cashout__ways .pay-type__block {
        width: 130px
    }

    .p-cashout__ways .cards {
        margin: 0
    }

    .p-cashout__ways .cards__col {
        padding: 0
    }
}

.p-cashout .present:before {
    background-image: url(../img/cashout-1.svg)
}

.p-cashout .present:after {
    background-image: url(../img/cashout-2.svg)
}

.p-check__alert {
    padding: 15px 25px
}

.p-check__todo-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px
}

.p-check__todo-list {
    max-width: 250px
}

.p-check__todo-list li {
    position: relative;
    line-height: 2;
    margin-bottom: 20px;
    padding-left: 45px
}

.p-check__todo-list li:last-child {
    margin-bottom: 0
}

.p-check__todo-list li:before {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    color: #0656e9;
    background: #e6e9ff;
    text-align: center;
    position: absolute;
    left: 0;
    top: .25em
}

.p-check__area {
    padding: 40px 15px 20px
}

.p-check__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.p-check__user.is-loading:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    z-index: 9
}

.p-check__user.is-loading:after {
    z-index: 10
}

.p-check__user-img {
    width: 160px;
    height: 210px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 20px
}

.p-check__user-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-check__user-name {
    color: #0656e9;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.6
}

.p-check__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px
}

.p-check__btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.p-check__btn:last-child {
    margin-right: 0
}

.p-check__btn.is-disabled {
    pointer-events: none;
    opacity: .3
}

.p-check__btn--valid {
    background: #e6e9ff
}

.p-check__btn--valid .icon {
    fill: #0656e9
}

.p-check__btn--valid.is-active {
    background: #0656e9
}

.p-check__btn--invalid {
    background: #ffe7e7
}

.p-check__btn--invalid .icon {
    fill: #ec5467
}

.p-check__btn--invalid.is-active {
    background: #ec5467
}

.p-check__btn.is-active .icon {
    fill: #fff
}

.p-check__btn .icon {
    font-size: 25px
}

.p-check__btn .icon-close {
    font-size: 16px
}

.p-check__reasons {
    max-width: 230px;
    margin: 30px auto 0
}

.p-check__reasons li {
    margin-bottom: 15px
}

.p-check__reasons li:last-child {
    margin-bottom: 0
}

.p-check__reasons .btn,
.p-check__reasons .imsocial-btn,
.p-check__reasons .sidebar__back {
    margin-top: 25px
}

.p-check .present:before {
    background-image: url(../img/users-1.svg)
}

.p-check .present:after {
    background-image: url(../img/users-2.svg)
}

.p-contacts .present:before {
    background-image: url(../img/contacts-1.svg)
}

.p-contacts .present:after {
    background-image: url(../img/contacts-2.svg)
}

@media only screen and (max-width: 480px) {
    .p-faq .back-head {
        height: auto
    }
}

@media only screen and (max-width: 480px) {
    .p-faq .back-head__inn {
        padding-left: 25px
    }
}

@media only screen and (max-width: 480px) {
    .p-faq .back-head__btn {
        display: none
    }
}

.p-faq .back-head .round-icon {
    margin-right: 20px
}

.p-faq .back-head .faq-group {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media only screen and (max-width: 640px) {
    .p-faq .present {
        padding-bottom: 190px
    }
}

.p-faq .present:before {
    background-image: url(../img/faq-1.svg)
}

@media only screen and (max-width: 640px) {
    .p-faq .present:before {
        background-position: bottom center;
        display: block !important
    }
}

.p-faq .present:after {
    background-image: url(../img/faq-2.svg)
}

@media only screen and (max-width: 640px) {
    .p-faq .present__inn {
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .p-faq .present__inn .btn,
    .p-faq .present__inn .imsocial-btn,
    .p-faq .present__inn .sidebar__back {
        margin-right: 0
    }
}

@media only screen and (max-width: 640px) {
    .p-faq .present .search {
        margin-bottom: 25px;
        padding: 0
    }
}

.h-header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    color: #fff;
    z-index: 99;
    -webkit-transition: background ease .3s;
    transition: background ease .3s;
    font-size: 14px
}

.dark .h-header {
    -webkit-transition: none;
    transition: none
}

.dark .h-header,
.h-header.is-scrolling {
    background: #0656e9
}

.h-header.is-scrolling .h-header__inn {
    border-color: transparent;
    height: 65px
}

.h-header__inn {
    table-layout: fixed;
    height: 90px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    border-bottom: 1px solid rgba(128, 135, 224, .3)
}

@media only screen and (max-width: 640px) {
    .h-header__inn {
        height: 60px !important
    }
}

@media only screen and (max-width: 480px) {
    .h-header__inn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .h-header__inn>* {
        display: block !important
    }
}

.h-header__menu-bar {
    font-weight: 600;
    color: #fff;
    position: relative;
    display: inline-block;
    padding-left: 35px;
    text-transform: uppercase
}

@media only screen and (max-width: 640px) {
    .h-header__menu-bar {
        padding-left: 0;
        margin-right: 10px
    }

    .h-header__menu-bar>span {
        display: none
    }
}

.h-header__menu-bar .hamburger {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 640px) {
    .h-header__menu-bar .hamburger {
        -webkit-transform: none;
        transform: none;
        position: static
    }
}

.h-header__logo {
    width: 180px
}

@media only screen and (max-width: 640px) {
    .h-header__logo {
        width: 125px
    }
}

@media only screen and (max-width: 480px) {
    .h-header__logo {
        width: 95px
    }
}

@media only screen and (max-width: 480px) {
    .h-header__auth {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.h-header__auth-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.h-header__auth-btn,
.h-header__auth-link {
    color: #fff;
    font-weight: 600
}

.h-header__auth-link {
    display: inline-block;
    margin-right: 25px
}

.h-header__auth-btn {
    height: 40px;
    border-radius: 20px;
    border: 2px solid #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 1px 20px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

@media only screen and (max-width: 640px) {
    .h-header__auth-btn {
        height: 32px;
        font-size: 12px
    }
}

.h-header__auth-btn:hover {
    background: #fff;
    color: #0656e9
}

.h-header__nav {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    -webkit-perspective: 800px;
    perspective: 800px;
    display: none
}

.h-header__nav.is-active {
    display: block
}

.h-header__nav.is-active .h-header__nav-list {
    -webkit-transform: scale(1) rotateX(0) skewX(0);
    transform: scale(1) rotateX(0) skewX(0);
    opacity: 1
}

.h-header__nav-list {
    opacity: 0;
    -webkit-transform: scale(.95) rotateX(-10deg) skewX(15deg);
    transform: scale(.95) rotateX(-10deg) skewX(15deg);
    padding: 23px 0;
    background: #5252a8;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.h-header__nav-link {
    text-align: center;
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #bbc9ff;
    padding: 23px 0;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.h-header__nav-link:hover {
    color: #fff
}

.h-footer {
    background: #0656e9
}

.h-footer__inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .h-footer__inn {
        height: 230px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

@media only screen and (max-width: 480px) {
    .h-footer__inn {
        height: 270px
    }
}

.h-footer__logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 120px
}

@media only screen and (max-width: 767px) {
    .h-footer__logo {
        margin-bottom: 25px
    }
}

.h-footer__menu {
    padding: 0 30px
}

@media only screen and (max-width: 767px) {
    .h-footer__menu {
        padding: 0;
        margin-bottom: 50px
    }
}

.h-footer__menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px -5px
}

@media only screen and (max-width: 767px) {
    .h-footer__menu-list {
        max-width: 430px;
        margin-bottom: -25px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.h-footer__menu-item {
    padding: 0 12px 5px
}

@media only screen and (max-width: 767px) {
    .h-footer__menu-item {
        padding-bottom: 25px
    }
}

.h-footer__menu-link {
    font-size: 12px;
    font-weight: 600;
    color: #4e5665;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.h-footer__menu-link:hover {
    color: #d8d8d8
}

.h-footer__develop {
    font-size: 10px;
    color: #a5abf6;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.h-footer__develop-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 3px
}

.h-footer__develop .icon {
    fill: #ff6262;
    margin-right: 3px
}

.h-footer__develop a {
    font-weight: 600;
    color: #bbc0fe
}

.p-home {
    overflow: hidden
}

.p-home__head {
    color: #fff;
}

.p-home__head-inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100vh - 140px);
    min-height: 770px;
    padding: 70px 0 140px
}

@media only screen and (max-width: 767px) {
    .p-home__head-inn {
        padding: 170px 0 120px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        min-height: auto
    }
}

@media only screen and (max-width: 640px) {
    .p-home__head-inn {
        padding: 110px 0 165px;
        text-align: center
    }
}

.p-home__head-left {
    width: 60%;
    padding-right: 20px
}

@media only screen and (max-width: 767px) {
    .p-home__head-left {
        width: 100%;
        padding-right: 0
    }
}

.p-home__head-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 40%
}

@media only screen and (max-width: 767px) {
    .p-home__head-right {
        width: 100%;
        margin-top: 45px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.p-home__head-title {
    margin-bottom: 25px
}

@media only screen and (max-width: 640px) {
    .p-home__head-title {
        font-size: 24px
    }
}

.p-home__head-desc {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px
}

@media only screen and (max-width: 640px) {
    .p-home__head-desc {
        font-size: 14px
    }
}

.p-home__head-desc b {
    font-weight: 600
}

.p-home__form {
    margin-top: -160px;
    padding-bottom: 80px
}

@media only screen and (max-width: 767px) {
    .p-home__form {
        margin-top: -80px;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 640px) {
    .p-home__form {
        margin-top: -125px
    }
}

.p-home__possibilities {
    padding: 80px 0
}

.p-home__features {
    background-image: linear-gradient(205deg, #5d52b4 0, #5259b4 100%);
    color: #fff
}

@media only screen and (min-width: 767px) {
    .p-home__features {
        padding: 80px 0
    }
}

@media only screen and (max-width: 1300px) {
    .p-home__features .carousel .l-home {
        max-width: 100%;
        padding: 0
    }
}

@media only screen and (max-width: 480px) {
    .p-home__features .carousel .l-home {
        padding: 0 15px
    }
}

.p-home__features .swiper-dot {
    background: rgba(255, 255, 255, .3)
}

.p-home__features .section__head {
    margin-bottom: 20px
}

.p-home__features .section__label {
    color: #fff
}

.p-home__features .round-tabs__list {
    border: 0;
    background-color: #5b62c2;
    margin-bottom: 50px
}

@media only screen and (max-width: 640px) {
    .p-home__features .round-tabs__list {
        background-color: transparent
    }
}

.p-home__features .round-tabs__bar {
    background: #4c9dfb
}

.p-home__features .round-tabs__link {
    color: #fff;
    border: 0 !important
}

@media only screen and (min-width: 640px) {
    .p-home__features .round-tabs__link {
        padding: 0 60px
    }
}

.p-home__features .round-tabs__link.is-active {
    background-color: #4c9dfb
}

@media only screen and (max-width: 640px) {
    .p-home__features .round-tabs__link {
        background-color: #5b62c2
    }
}

@media only screen and (max-width: 992px) {
    .p-home__features .feature {
        width: 340px
    }
}

@media only screen and (max-width: 640px) {
    .p-home__features .feature {
        width: 100%
    }
}

.p-home__partner {
    background: #fff
}

.p-home__partner-desc {
    font-size: 16px;
    line-height: 1.6
}

@media only screen and (max-width: 640px) {
    .p-home__partner-desc {
        text-align: center
    }
}

.p-home__partner-inn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 992px) {
    .p-home__partner-inn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .p-home__partner-inn>* {
        width: 100%;
        padding: 0
    }
}

.p-home__partner-left {
    padding-right: 20px
}

@media only screen and (max-width: 992px) {
    .p-home__partner-left {
        padding-right: 0;
        margin-bottom: 80px
    }
}

.p-home__partner-right {
    width: 630px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 1200px) {
    .p-home__partner-right {
        width: 590px
    }
}

@media only screen and (max-width: 767px) {
    .p-home__partner-right {
        width: 100%
    }
}

.p-home__partner-hint {
    font-weight: 600;
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 15px
}

@media only screen and (max-width: 640px) {
    .p-home__partner-hint {
        text-align: center;
        margin-bottom: 25px
    }
}

.p-home__partner-hint b {
    color: #0656e9
}

.p-home__partner-slider {
    margin-bottom: 35px
}

@media only screen and (max-width: 480px) {
    .p-home__partner-calc {
        text-align: center
    }

    .p-home__partner-calc>* {
        margin-bottom: 10px
    }

    .p-home__partner-calc>:last-child {
        margin-bottom: 0
    }
}

.p-home__partner .round-tabs__list {
    width: 100%;
    margin-bottom: 30px
}

@media only screen and (max-width: 992px) {
    .p-home__news .carousel .l-home {
        max-width: 100%;
        padding: 0
    }
}

@media only screen and (max-width: 480px) {
    .p-home__news .carousel .l-home {
        padding: 0 15px
    }
}

.p-home__news .swiper-container {
    overflow: visible
}

@media only screen and (max-width: 992px) {
    .p-home__news .swiper-container {
        padding: 0 15px
    }
}

@media only screen and (max-width: 767px) {
    .p-home__news .swiper-container {
        padding: 0 45px
    }
}

@media only screen and (max-width: 480px) {
    .p-home__news .swiper-container {
        padding: 0
    }
}

@media only screen and (max-width: 992px) {
    .p-home__news .news {
        width: 380px
    }
}

@media only screen and (max-width: 480px) {
    .p-home__news .news {
        width: 100%
    }
}

.maintenance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 60px);
    padding: 0 0 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f7f8fc
}

.maintenance--standalone {
    min-height: calc(100vh)
}

.maintenance--dark {
    background: #0e1c59
}

@media only screen and (max-width: 992px) {
    .maintenance--dark {
        background: #27356e
    }
}

.maintenance--dark .maintenance__title {
    color: #fff
}

.maintenance--dark .maintenance__desc {
    color: #d6e4ff
}

.maintenance__inn {
    text-align: center;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.maintenance__photo {
    display: block;
    margin-bottom: 30px
}

.maintenance__title {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #4e5665
}

.maintenance__desc {
    font-size: 18px;
    color: #4e5665;
    line-height: 1.4;
    max-width: 600px;
    margin: 0 auto
}

.maintenance__desc+.btn,
.maintenance__desc+.imsocial-btn,
.maintenance__desc+.sidebar__back {
    margin-top: 40px
}

.maintenance .btn,
.maintenance .imsocial-btn,
.maintenance .sidebar__back {
    min-height: 50px;
    max-width: 400px;
    font-size: 14px
}

.md-login__not-yet {
    text-transform: none;
    margin-bottom: 10px;
    text-align: center
}

.md-login__answer {
    margin-bottom: 20px;
    text-align: center;
    color: #838895
}

.md-notify .modal__block {
    padding: 0
}

.md-notify__photo {
    display: block
}

.md-notify__img {
    width: 100%
}

.md-notify__inn {
    padding: 25px 30px
}

.md-notify__text p {
    line-height: 1.6;
    margin-bottom: 10px
}

.md-notify__text p:last-child {
    margin-bottom: 0
}

.md-pay {
    max-width: 770px !important
}

.md-pay__title {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #000;
    margin-bottom: 25px
}

.md-pay__title>span {
    padding-left: 10px
}

.md-pay__form {
    margin-top: 30px;
    z-index: 5;
    background: #fff;
    padding-top: 10px
}

@media only screen and (max-width: 767px) {
    .md-pay__form {
        position: sticky;
        bottom: 0
    }
}

@media only screen and (max-width: 480px) {
    .md-pay__form {
        padding: 10px 15px
    }
}

.md-pay .modal__block {
    padding: 35px
}

@media only screen and (max-width: 480px) {
    .md-pay .modal__block {
        padding: 35px 5px
    }

    .md-pay .modal__block .cards__col {
        padding: 0 5px 10px
    }
}

.md-confirm__msg {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.8
}

.md-auth-confirm {
    color: #4e5665;
    max-width: 500px !important
}

.md-auth-confirm__border {
    border: 0;
    border-top: 1px solid #ebedf3;
    margin: 25px -30px 20px
}

.md-auth-confirm .link-preview {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 340px;
    width: 100%
}

.md-auth-confirm .btn .icon,
.md-auth-confirm .imsocial-btn .icon,
.md-auth-confirm .sidebar__back .icon {
    fill: #fff
}

.p-price__pay .box__title {
    margin-bottom: 30px
}

.p-price__pay-bottom,
.p-price__pay-top {
    padding: 35px 15px
}

.p-price__pay-bottom {
    border-top: 1px solid #efefef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-price__pay-bottom>* {
    padding: 0 10px 10px
}

.p-ref__present-inn {
    padding: 20px 25px 0
}

.p-ref__present-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px
}

.p-ref__present-img {
    text-align: center;
    display: block
}

.p-ref__present-attention {
    background: #f7fafe;
    text-align: center;
    padding: 10px 30px;
    height: 105px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #e8ebf0;
    line-height: 2
}

.p-ref__carousel {
    height: 100%;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 6px;
}

.p-ref__carousel-title {
    color: #0656e9;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

.p-ref__carousel-slide {
    max-width: 340px
}

.p-ref__carousel .carousel,
.p-ref__carousel .swiper-container {
    height: 100%;
    margin-top: 24px;
}

.p-ref__carousel .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-ref__carousel .swiper-container {
    padding-bottom: 30px
}

.p-ref__carousel .swiper-dots {
    position: absolute;
    margin-top: 0
}

.p-ref__carousel .round-icon {
    font-size: 64px;
    background: #0656e9;
    margin-bottom: 20px
}

.p-ref__carousel .round-icon .icon {
    font-size: 38px
}

.p-ref__total {
    min-height: 185px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    /* text-align: center; */
    overflow: hidden;
}

@media only screen and (max-width: 992px) {
    .p-ref__total {
        min-height: 190px
    }
}

@media only screen and (max-width: 480px) {
    .p-ref__total {
        min-height: 160px;
    }
}

.p-ref__total:after,
.p-ref__total:before {
    position: absolute;
    content: '';
    background: url(../img/coins.svg) no-repeat;
    width: 141px;
    height: 95px;
    z-index: 0
}

.p-ref__total:before {
    bottom: 0;
    left: 0
}

@media only screen and (max-width: 992px) {
    .p-ref__total:before {
        left: -90px
    }
}

@media only screen and (max-width: 480px) {
    .p-ref__total:before {
        left: -100px;
        bottom: -50px;
    }
}

.p-ref__total:after {
    right: 0;
    top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (max-width: 992px) {
    .p-ref__total:after {
        right: -75px
    }
}

@media only screen and (max-width: 480px) {
    .p-ref__total:after {
        right: -85px;
        top: -50px
    }
}

.p-ref__total-inn {
    position: relative;
    z-index: 1;
}

.p-ref__total-sum {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-ref__total-sum>span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 8px;
    width: 52px;
    height: 75px
}

@media only screen and (max-width: 480px) {
    .p-ref__total-sum>span {
        width: 30px;
        height: 37px
    }
}

.p-ref__total-sum>span:not(.r) {
    font-size: 26px;
    background: #035cf5;
    color: #ffffff;
    font-weight: 800;
}

.p-ref__total-sum>span:not(.r)+span {
    margin-left: 12px
}

@media only screen and (max-width: 480px) {
    .p-ref__total-sum>span:not(.r)+span {
        margin-left: 9px
    }
}

.p-ref__total-sum>span.r {
    font-size: 45px;
    font-weight: 600;
    color: #0656e9;
    margin-right: 15px;
}

@media only screen and (min-width: 767px) {
    .p-ref__total-sum>span.r {
        font-size: 26px;
        color: rgb(255 255 255);
        background: #00c774;
        font-weight: 700;
    }
}

@media only screen and (max-width: 767px) {
    .p-ref__total-sum>span.r {
        font-size: 26px;
        color: rgb(255 255 255);
        background: #00c774;
        font-weight: 700;
    }

    .p-ref__total-sum>span.r:before {
        font-size: 24px
    }
}

.p-ref__total-sum>div {
    width: 32px
}

@media only screen and (max-width: 480px) {
    .p-ref__total-sum>div {
        width: 16px
    }
}

.p-ref__total-desc {
    font-size: 16px;
    line-height: 1.8;
    text-align-last: center;
    text-transform: capitalize;
    
}

.p-ref__row .box {
    height: 100%
}

.p-ref .fast-faq,
.p-ref .top-ref {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto
}

.p-ref .present:before {
    background-image: url(../img/ref-1.svg)
}

.p-ref .present:after {
    background-image: url(../img/ref-2.svg)
}

.p-ref .present .complex-input {
    max-width: 350px;
    width: 100%
}

.p-report {
    padding: 65px 0
}

@media only screen and (max-width: 992px) {
    .p-report {
        padding: 25px 0
    }
}

.p-report__box {
    padding: 15px 20px !important;
    margin-bottom: 20px
}

@media only screen and (max-width: 640px) {
    .p-report__box {
        margin-bottom: 15px
    }
}

.p-settings__form {
    padding: 0
}

.p-settings__form-inn {
    max-width: 750px;
    margin: 0 auto;
    padding: 40px 25px 65px
}

@media only screen and (max-width: 767px) {
    .p-settings__form .complex-input--disable-offset:before {
        display: none
    }
}

.p-settings__logout {
    background: #f2f5fb;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-height: 50px;
    vertical-align: top
}

.p-support__hint {
    padding: 15px 30px
}

@media only screen and (max-width: 992px) {
    .p-support__hint {
        padding: 0
    }
}

.p-support__hint-inn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 992px) {
    .p-support__hint-inn {
        padding: 15px 20px 0
    }
}

.p-support__hint-icon {
    margin-right: 30px;
    font-size: 0
}

@media only screen and (max-width: 992px) {
    .p-support__hint-icon {
        display: none
    }
}

.p-support__hint-icon .icon {
    font-size: 55px
}

.p-support__hint-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

.p-support__hint-desc {
    color: #7f8b9a;
    font-weight: 500;
    line-height: 1.6;
}

.p-support__hint .write-form {
    margin: 0 -30px -15px;
    padding: 15px
}

@media only screen and (max-width: 992px) {
    .p-support__hint .write-form {
        padding: 0;
        margin: 0
    }
}

.p-support__hint .write-form__input {
    font-weight: 550;
}

.p-support .placeholder-block:not(.placeholder-block--sm) {
    min-height: 400px
}

.p-support__suggestions {
    padding: 7px 18px 0
}

.p-support__suggestions li {
    margin-bottom: 7px
}

.p-support__suggestions li:last-child {
    margin-bottom: 0
}

.p-ticket__messages {
    overflow: auto;
    margin-bottom: 0;
    height: calc(100vh - 350px)
}

@media only screen and (max-width: 992px) {
    .p-ticket__messages {
        height: 600px
    }
}

.p-ticket__messages .messages-list {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.p-ticket__messages .scroll-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.p-ticket__messages .messages-list,
.p-ticket__messages .scroll-content {
    min-height: 100%
}

.p-ticket .write-form {
    position: sticky;
    bottom: 0;
    z-index: 9
}

.p-ticket .write-form__f {
    border-radius: 0
}

.p-ticket .placeholder-block,
.p-ticket .write-form__f {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid #efefef;
    padding: 15px
}

@media only screen and (max-width: 640px) {

    .p-ticket .placeholder-block,
    .p-ticket .write-form__f {
        padding: 10px
    }
}

.p-violated .present:before {
    background-image: url(../img/violated-1.svg)
}

.p-violated .present:after {
    background-image: url(../img/violated-2.svg)
}

[v-cloak] {
    visibility: hidden
}

.wow-init {
    opacity: 0 !important
}

.swiper-pagination-lock {
    display: none
}

.swiper {
    display: none
}

.balance-block {
    background: #fff;
    border-radius: 6px;
    text-align: center;
    padding: 20px 10px
}

.balance-block__title {
    font-weight: 600;
    margin-bottom: 20px
}

.balance-block__value {
    color: #7f8fa5;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    display: inline-block
}

.balance-block__value>span {
    font-size: 24px;
    color: #4e5665;
    font-weight: 600
}

.balance-block__value .icon {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    margin-top: -1px
}

.balance-block__desc {
    line-height: 2
}

.aside-block {
    background: #fff;
    border-radius: 8px;
    text-align: center;
    padding: 20px 10px;
    line-height: 2
}

.aside-block .btn,
.aside-block .imsocial-btn,
.aside-block .sidebar__back {
    margin-top: 15px;
    min-width: 150px
}

.aside-block img {
    margin-bottom: 15px
}

.add-btn-or {
    width: 100%;
    background: #feff00;
    color: #0056fe;
    /* border: 3px solid #0669e9; */
}

.add-btn-or .icon {
    fill: #fff;
    font-size: 1.98333em;
    margin-right: -2px;
    margin-top: -6px;
}

.add-btn-or:hover {
    background: #fff;
    color: #00c774
}

.add-btn-or:hover .icon {
    fill: #00c774
}

.add-btn {
    width: 100%;
    background: #00c774;
    color: #fff;
}

.add-btn .icon {
    fill: #fff;
    font-size: .98333em;
    margin-right: 4px;
    margin-top: -1px
}

.add-btn:hover {
    background: #fff;
    color: #00c774
}

.add-btn:hover .icon {
    fill: #00c774
}

.add-doc-btn {
    font-size: 14px;
    border: 1px dashed #0656e9;
    border-radius: 8px
}

.task-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.task-card .round-icon {
    margin-right: 6px;
    margin-top: .1875em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.repair-task {
    width: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.actions-menu__link.is-loading,
.attachment.is-loading:before,
.btn.is-loading2:after,
.complex-input.is-loading .complex-input__input-inn:after,
.faq__rate-buttons:before,
.geo-select__audience.is-loading,
.header__notification .header__drop.is-loading:before,
.is-loading2.imsocial-btn:after,
.is-loading2.sidebar__back:after,
.loader,
.p-check__user.is-loading:after,
.search__submit.is-loading:before,
.write-form__submit.is-loading:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIKICAgICBjbGFzcz0ibGRzLWR1YWwtcmluZyI+CiAgICA8Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIgogICAgICAgICAgICBzdHJva2UtbGluZWNhcD0icm91bmQiIHI9IjI3IiBzdHJva2Utd2lkdGg9IjciIHN0cm9rZT0iIzRjOWRmYiIKICAgICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iNDIuNDExNTAwODIzNDYyMjA1IDQyLjQxMTUwMDgyMzQ2MjIwNSIgdHJhbnNmb3JtPSJyb3RhdGUoNjAgNTAgNTApIj4KICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIKICAgICAgICAgICAgICAgICAgICAgICAgICBrZXlUaW1lcz0iMDsxIiBkdXI9IjFzIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+CiAgICA8L2NpcmNsZT4KPC9zdmc+) center;
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.complex-input.is-loading .complex-input__input-inn:after,
.loader--xs {
    width: 20px;
    height: 20px
}

.ellipsify {
    overflow: initial;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
    font-size: 16px;
    font-weight: 700;
    vertical-align: top
}

.dot-status {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    background: #b1b6c4
}

.dot-status--active {
    background: #7ed321
}

.campaign-inc-list {
    counter-reset: inc-list
}

.campaign-inc-list__item {
    margin-bottom: 12px;
    counter-increment: inc-list
}

.campaign-inc-list__item:last-child {
    margin-bottom: 0
}

.counter,
.question__count,
.sidebar__notification,
.swipe__notification {
    background: #e6e9ff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #0656e9;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 10px;
    line-height: 1
}

.counter--lg,
.sidebar__notification--lg {
    background: 0 0
}

.big-value {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 600
}

.fixed-add-btn {
    width: 50px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #e6e9ff;
    position: fixed;
    right: 10px;
    bottom: 50px;
    z-index: 99;
    border-radius: 50%;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    display: none
}

@media only screen and (max-width: 992px) {
    .fixed-add-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media only screen and (max-width: 640px) {
    .fixed-add-btn {
        bottom: 35px
    }
}

.fixed-add-btn:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #0656e9
}

.fixed-add-btn:hover .icon {
    fill: #fff
}

.fixed-add-btn .icon {
    font-size: 18px;
    fill: #0656e9
}

.row-sm {
    margin: 0 -9px -15px
}

.row-sm>* {
    padding: 0 9px 15px
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-grow-1 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-grow-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.icon.gray {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: .3
}

.row--lg {
    margin: 0 -18px -36px
}

.row--lg>[class^=col-] {
    padding: 0 18px 36px
}

.row--xs {
    margin: 0 -5px -10px
}

.row--xs>[class^=col-] {
    padding: 0 5px 10px
}

.filters-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 55px;
    height: 55px
}

.filters-trigger.is-active .icon {
    fill: #0656e9
}

.filters-trigger .icon {
    font-size: 24px;
    fill: #b8bbcb
}

@media only screen and (min-width: 992px) {
    .support-add .write-form {
        padding: 0;
        margin: 0
    }

    .support-add .write-form__f {
        padding: 0;
        margin-bottom: 20px;
    }

    .support-add .write-form .alert {
        margin: 10px 0
    }
}

.need-refresh {
    background: rgba(0, 0, 0, .8);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    z-index: 99;
    font-size: 16px
}

.need-refresh__inn {
    line-height: 2
}

.need-refresh__inn .btn,
.need-refresh__inn .imsocial-btn,
.need-refresh__inn .sidebar__back {
    margin-top: 10px;
    width: 100%;
    max-width: 300px
}

[data-parallax-ratio] {
    -webkit-transform: translateY(var(--parallaxTranslateY));
    transform: translateY(var(--parallaxTranslateY))
}

.pay-type--business {
    position: relative
}

.pay-type--business:before {
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    padding: 0 8px;
    color: #fff;
    background: #0656e9;
    content: "aaa"
}

.pay-type--business .pay-type__block {
    border-color: rgba(105, 114, 224, .3)
}

.dropdown {
    position: relative;
    display: inline-block;
    z-index: 11111111;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    padding: 3px 16px;
    z-index: 1;
    margin-left: -100px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 288px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: #0656e924;
    backdrop-filter: blur(12px);
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    /* width: auto; */
    margin: 5%;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #fff;
    /* border: 3px solid rgb(152 136 136 / 13%); */
    border-radius: 0 6px 6px 0;
    outline: 0;
    /* -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); */
    /* box-shadow: 0 3px 9px rgba(0, 0, 0, .5); */
    text-transform: capitalize;
}

.modal-backdrop {
    position: fixed;
    top: 60;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.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 {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

/* Accordion styles */
.tabs {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.tab {
    width: 100%;
    color: white;
    overflow: hidden;
}

.tab-label {
    display: flex;
    justify-content: space-between;
    padding: 0.7em;
    background: #ffffff;
    font-weight: bold;
    cursor: pointer;
    /* Icon */
    color: #0656e9;
}

.tab-label:hover {
    background: #ffffff;
}

.tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #2c3e50;
    background: white;
    transition: all 0.35s;
}

.tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #ffffff;
    cursor: pointer;
}

.tab-close:hover {
    background: #ffffff;
}

input:checked+.tab-label {
    background: #ffffff;
}

input:checked+.tab-label::after {
    transform: rotate(90deg);
}

input:checked~.tab-content {
    max-height: 100vh;
    padding: 1em;
}

.gGTroy {
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    padding: 24px;
    border-radius: 10px;
    background: rgb(255 255 255);
    border-bottom: double #bdbdbd47 5px;
    border-left: double #bdbdbd47 3px;
    border-bottom-width: 4px;
    border-color: rgba(0, 0, 0, 0.2);
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-radius: 10px;
    box-shadow: rgba(255, 255, 255, 0.35) 0px 2px 12px 0px inset, rgb(199 157 157 / 15%) 0px 4px 25px 0px;
    opacity: 1;
}

.gGTroyo {
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    padding: 24px;
    border-radius: 10px;
    background: rgb(255 255 255);
    margin-top: 40px;
}

.ehRnAV {
    display: flex;
}

.ehRnAVo {
    display: inherit;
}

.cHHsfC {
    width: 100%;
    margin-bottom: 16px;
    display: grid;
    -webkit-box-align: center;
    align-items: center;
    grid-template-columns: 64px 1fr;
    grid-template-rows: minmax(64px, auto);
    gap: 16px;
}

.cHHsfCc {
    width: 100%;
    margin-bottom: 16px;
    display: block;
    -webkit-box-align: center;
    align-items: center;
    grid-template-columns: 64px 1fr;
    grid-template-rows: minmax(64px, auto);
    gap: 16px;
}

.fVTGHx {
    width: 64px;
    height: 64px;
    position: relative;
}

.fHYntP {
    width: 54px;
}

.kQxTLc {
    margin-right: 5px;
}

.dxyIzj {
    width: 28px;
    height: 28px;
    /* border: 2px solid rgb(255, 255, 255); */
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.fItMGi {
    width: 100%;
}

.jJxACf {
    color: #4e5665;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
}

.fNxUGX {
    color: rgb(112, 141, 183);
    font-weight: 600;
    line-height: 1.5;
    font-size: 12px;
}

.gijxYS {
    color: rgb(18, 99, 241);
    font-weight: 800;
    font-size: 16px;
    line-height: 110%;
    margin-top: 3px;
}

.gijxYSA {
    color: rgb(18, 99, 241);
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    margin-top: 3px;
}

.gijxYSB {
    color: rgb(4 177 105);
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    margin-top: 3px;
}

.gijxYSC {
    color: rgb(240 57 90);
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    margin-top: 3px;
}

.gijxYSD {
    color: rgb(83 17 231);
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    margin-top: 3px;
}

.gijxYSE {
    color: rgb(249 155 0);
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    margin-top: 3px;
}

.gijxYSF {
    color: #070707a3;
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    margin-top: 3px;
}

.gijxYSG {
    color: #11e7af;
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    margin-top: 3px;
}

.gijxYSH {
    color: #ff00bf;
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    margin-top: 3px;
}

.gijxYSJ {
    color: rgb(7 7 7);
    font-weight: 800;
    font-size: 20px;
    line-height: 110%;
    margin-top: 3px;
}

.gijxYSK {
    color: rgb(7 7 7);
    font-weight: 800;
    font-size: 18px;
    line-height: 110%;
    margin-top: 3px;
}

.fxerJq {
    display: flex;
    flex-wrap: wrap;
    /* height: 100%; */
}

.lkKWls {
    display: inline-block;
    margin-right: 6px;
}

.lkKWlsA {
    display: inline-block;
    border-bottom: 5px dotted rgb(18, 99, 241);
    margin-right: 6px;
}

.lkKWlsB {
    display: inline-block;
    border-bottom: 5px dotted rgb(4 177 105);
    margin-right: 6px;
}

.lkKWlsC {
    display: inline-block;
    border-bottom: 5px dotted rgb(240 57 90);
    margin-right: 6px;
}

.lkKWlsD {
    display: inline-block;
    border-bottom: 5px dotted rgb(83 17 231);
    margin-right: 6px;
}

.lkKWlsE {
    display: inline-block;
    border-bottom: 5px dotted rgb(249 155 0);
    margin-right: 6px;
}

.lkKWlsF {
    display: inline-block;
    border-bottom: 5px dotted rgb(96 96 96);
    margin-right: 6px;
}

.lkKWlsG {
    display: inline-block;
    border-bottom: 5px dotted #11e7af;
    margin-right: 6px;
}

.lkKWlsH {
    display: inline-block;
    border-bottom: 5px dotted #ff00bf;
    margin-right: 6px;
    
}

.lkKWlsJ {
    display: inline-block;
    border-bottom: 1px dotted rgb(7 7 7);
    margin-right: 6px;
}


.beRJLQA {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/public/assetto/img/programs/partial/A.png) 0% 0% / cover transparent;
}

.lkKWlsK {
    display: inline-block;
    border-bottom: 1px dotted rgb(7 7 7);
    margin-right: 6px;
}

.beRJLQB {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/public/assetto/img/programs/partial/B.png) 0% 0% / cover transparent;
}

.beRJLQC {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/public/assetto/img/programs/partial/C.png) 0% 0% / cover transparent;
}

.beRJLQD {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/public/assetto/img/programs/partial/D.png) 0% 0% / cover transparent;
}

.beRJLQE {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/public/assetto/img/programs/partial/E.png) 0% 0% / cover transparent;
}

.beRJLQF {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/public/assetto/img/programs/partial/F.png) 0% 0% / cover transparent;
}


.beRJLQG {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/public/assetto/img/programs/partial/G.png) 0% 0% / cover transparent;
}


.beRJLQH {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/public/assetto/img/programs/partial/H.png) 0% 0% / cover transparent;
}

.beRJLQJ {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/public/assetto/img/programs/partial/A.png) 0% 0% / cover transparent;
}

.beRJLQK {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/public/assetto/img/programs/partial/A.png) 0% 0% / cover transparent;
}


.beRJLQClose {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 12px;
    background: url(/public/assetto/img/programs/partial/close.png) 0% 0% / cover transparent;
}


.beRJLQK {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(/public/assetto/img/programs/partial/A.png) 0% 0% / cover transparent;
}


.lkXiWW {
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 3px;
    margin-right: 8px;
    text-transform: capitalize;
    
}

.cMsKeM {
    height: 0px;
    width: 100%;
    border: 1px solid rgb(242, 246, 252);
}

@media screen and (min-width: 576px) .civRnW {
    margin-bottom: 28px;
}

.civRnW {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 8px;
    margin-top: 8px;
    margin-bottom: 16px;
    text-transform: capitalize;
}

.fzvHwB {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    /* padding-left: 5px; */
}

.drTmPx {
    color: #4e5665;
    font-weight: 700;
    line-height: 1.5;
    font-size: 14px;
}

.helycK {
    margin-left: 4px;
}

.eHIuXQ {
    align-self: center;
    fill: rgb(112, 141, 183);
    flex-shrink: 0;
}

.hVRDTV {
    color: rgb(16, 38, 72);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.eHyxRt {
    color: rgb(112, 141, 183);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 4px;
    margin-right: 4px;
}

.kCjWoS {
    color: rgb(112, 141, 183);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
}

.icXhKx {
    border-radius: 5px;
    height: 20px;
    position: relative;
    background: rgb(242, 246, 252);
    overflow: hidden;
}

.gciuEm {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    border-radius: 5px;
    width: 100%;
    background: rgb(29, 200, 114);
}

.sc-gnyVkE {
    /* border-bottom: double #706e6e47 5px; */
    border-bottom-width: 4px;
    border-color: rgba(0, 0, 0, 0.2);
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-top-width: 0px;
    box-shadow: rgba(255, 255, 255, 0.35) 0px 2px 12px 0px inset, rgba(0, 0, 0, 0.15) 0px 4px 25px 0px;
    opacity: 1;
}

.gciuEmA {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    border-radius: 5px;
    width: 100%;
    background: rgb(6 86 233);
}

.gciuEmB {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    border-radius: 5px;
    width: 100%;
    background: rgb(29, 200, 114);
}

.gciuEmC {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    border-radius: 5px;
    width: 100%;
    background: rgb(240 57 90);
}

.gciuEmD {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    border-radius: 5px;
    width: 100%;
    background: #5311e7;
    border-bottom: double #00000047 5px;
}


.gciuEmE {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    border-radius: 5px;
    width: 100%;
    background: #f99b00;
}

.gciuEmF {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    border-radius: 5px;
    width: 100%;
    background: #070707a3;
}

.gciuEmG {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    border-radius: 5px;
    width: 100%;
    background: #11e7af;
}

.gciuEmH {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    border-radius: 5px;
    width: 100%;
    background: #ff00bf;
}

.gciuEmJ {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    border-radius: 5px;
    width: 100%;
    background: rgb(0 0 0);
}

.gciuEmK {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 20px;
    border-radius: 5px;
    width: 100%;
    background: rgb(0 0 0);
}

.itPyxp {
    -webkit-box-align: center;
    align-items: center;
    border: 0px;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1;
    opacity: 1;
    outline: 0px;
    transition: background-color 0.2s ease 0s, opacity 0.2s ease 0s;
    height: 48px;
    padding: 0px 24px;
    border-radius: 10px;
    background-color: rgb(18, 99, 241);
    color: rgb(255, 255, 255);
    width: 100%;
}

.hIplvF {
    align-self: center;
    fill: rgb(255, 255, 255);
    flex-shrink: 0;
    margin-right: 0.5rem;
}

.cjQhFt {
    display: flex;
    flex-direction: column;
}

.oviQl {
    color: rgb(112, 141, 183);
    font-weight: 700;
    line-height: 1.5;
    font-size: 12px;
}

.gPHZup {
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 4px 8px;
    background: rgba(249, 59, 93, 0.16);
    color: rgb(249, 59, 93);
    border-radius: 10px;
    height: 20px;
    font-size: 12px;
    font-weight: 700;
}

.cjQhFt {
    display: flex;
    flex-direction: column;
}

.dJhWCo:disabled,
.dJhWCo.button--disabled {
    opacity: 0.32;
    cursor: not-allowed;
}

.dJhWCo {
    -webkit-box-align: center;
    align-items: center;
    border: 0px;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1;
    opacity: 1;
    outline: 0px;
    transition: background-color 0.2s ease 0s, opacity 0.2s ease 0s;
    height: 48px;
    padding: 0px 22px;
    border-radius: 10px;
    background-color: rgb(29, 200, 114);
    color: rgb(255, 255, 255);
}

.hHGlnB {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.eIdnzT {
    width: 100%;
    margin-top: 28px;
}

.cjQhFt {
    display: flex;
    flex-direction: column;
}

.dwZoCi {
    width: 100%;
    margin-top: 30px;
}

.OrWAl {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}

.fjhPyc {
    color: rgb(18, 99, 241);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
}

.fjhPycA {
    color: rgb(18, 99, 241);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
}

.fjhPycB {
    color: rgb(4 177 105);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
}

.fjhPycC {
    color: rgb(240 57 90);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
}

.fjhPycD {
    color: rgb(83 17 231);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
}

.fjhPycE {
    color: rgb(249 155 0);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
}

.fjhPycF {
    color: rgb(7 7 7);
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
}

.WKStf {
    align-self: center;
    fill: rgb(18, 99, 241);
    flex-shrink: 0;
}

.staking-page {
    background: linear-gradient(117.71deg, rgb(5 41 41) 18.76%, rgb(4 84 68) 43.13%, rgb(0 241 159) 96.83%);
    padding: 56px 0px;
    margin-top: 60px;
}

.byncyW {
    list-style-type: none;
    margin: 14px 0px 0px;
    padding: 0px;
}

.eVETst {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.hFLsOQ {
    margin: 4px 0px;
}

.oviQl {
    color: rgb(112, 141, 183);
    font-weight: 600;
    line-height: 1.5;
    font-size: 14px;
}

.eBTmED {
    height: 10px;
    flex: 1 1 0%;
    margin: 0px 4px;
    border-bottom: 1px dotted rgb(112, 141, 183);
}

.drTmPx {
    color: #4e5665;
    font-weight: 600;
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
    
}

.evwrOZ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.cGbpgL {
    margin-top: 14px;
}

.dcmtAJ {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: fit-content;
    opacity: 1;
    transition: color 0.4s ease-in-out 0s;
    font-size: 14px;
    color: rgb(18, 99, 241);
}

.kYJuBk {
    color: rgb(112, 141, 183);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}

.dagKMo {
    -webkit-box-align: center;
    align-items: center;
    border: 0px;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 1;
    opacity: 1;
    outline: 0px;
    transition: background-color 0.2s ease 0s, opacity 0.2s ease 0s;
    height: 48px;
    border-radius: 10px;
    background-color: transparent;
    color: rgb(18, 99, 241);
    box-shadow: none;
    padding: 0px;
}

.enuzVH {
    align-self: center;
    fill: rgb(112, 141, 183);
    flex-shrink: 0;
    margin-right: 0.5rem;
}

.fkMSfx {
    color: rgb(18, 99, 241);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}

.itemo {
    margin-bottom: 20px;
    display: inline-flex;
    position: relative;
    flex-wrap: wrap;
    margin-left: 13px;
    width: 325px;
}

@media only screen and (max-width: 992px) {
    .itemo {
        margin-bottom: 0px;
        display: grid;
        width: 100%;
        margin-left: 0px;
    }
}

.strains {
    /* margin-bottom: 20px; */
    display: inline-flex;
    position: relative;
    flex-wrap: wrap;
    /* margin-left: 20px; */
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .strains {
        margin-bottom: 0px;
        display: grid;
        width: 90%;
        margin-left: 5%;
    }
}

.mob150 {

    margin-left: 0;

    margin-right: 100px;
}

@media only screen and (max-width: 992px) {
    .mob150 {

        margin-left: 2px;

        margin-right: 0;

        width: 100%;

    }
}

.itemoo {
    margin-bottom: 20px;
    display: contents;
    position: relative;
    flex-wrap: wrap;
    margin-left: 0px;
    width: 384px;
}

@media only screen and (max-width: 992px) {
    .itemoo {
        margin-bottom: 0px;
        display: grid;
        width: 100%;
        margin-left: 0px;
    }
}

.btn--lightC,
.is-overhead .sidebar__back {
    background: #f0395a;
    color: #000000;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    /* line-height: 120%; */
    /* border-bottom: double #00000047 5px; */
}

.btn--lightC .icon,
.is-overhead .sidebar__back .icon {
    fill: #fff
}

.btn--lightC.is-hover,
.btn--lightC:hover,
.is-overhead .is-hover.sidebar__back,
.is-overhead .sidebar__back:hover {
    background: #ff9b01;
    color: #fff
}

.btn--lightC.is-hover .icon,
.btn--lightC:hover .icon,
.is-overhead .is-hover.sidebar__back .icon,
.is-overhead .sidebar__back:hover .icon {
    fill: #fff
}

.btn--lightD,
.is-overhead .sidebar__back {
    background: #5311e7;
    color: #ffffff;
    /* color: #4e5665; */
    /* font-size: 16px; */
    /* font-weight: 700; */
    /* line-height: 120%; */
    /* border-bottom: double #00000047 5px; */
    font-weight: 700;
}

.btn--lightD .icon,
.is-overhead .sidebar__back .icon {
    fill: #fff
}

.btn--lightD.is-hover,
.btn--lightD:hover,
.is-overhead .is-hover.sidebar__back,
.is-overhead .sidebar__back:hover {
    background: #f9a800;
    color: #fff
}

.btn--lightD.is-hover .icon,
.btn--lightD:hover .icon,
.is-overhead .is-hover.sidebar__back .icon,
.is-overhead .sidebar__back:hover .icon {
    fill: #fff
}

.btn--lightE,
.is-overhead .sidebar__back {
    background: #f99b00;
    color: #ffffff;
    font-weight: 700;
}

.btn--lightE .icon,
.is-overhead .sidebar__back .icon {
    fill: #fff
}

.btn--lightE.is-hover,
.btn--lightE:hover,
.is-overhead .is-hover.sidebar__back,
.is-overhead .sidebar__back:hover {
    background: #da374f;
    color: #fff
}

.btn--lightE.is-hover .icon,
.btn--lightE:hover .icon,
.is-overhead .is-hover.sidebar__back .icon,
.is-overhead .sidebar__back:hover .icon {
    fill: #fff
}

.btn--lightG,
.is-overhead .sidebar__back {
    background: #11e7af;
    color: #ffffff;
    font-weight: 700;
}

.btn--lightG .icon,
.is-overhead .sidebar__back .icon {
    fill: #fff;
}

.btn--lightG.is-hover,
.btn--lightG:hover,
.is-overhead .is-hover.sidebar__back,
.is-overhead .sidebar__back:hover {
    background: #ff00bf;
    color: #fff
    font-weight: 700;
}

.btn--lightG.is-hover .icon,
.btn--lightG:hover .icon,
.is-overhead .is-hover.sidebar__back .icon,
.is-overhead .sidebar__back:hover .icon {
    fill: #fff
}




.btn--lightH,
.is-overhead .sidebar__back {
    background: #ff00bf;
    color: #ffffff;
    font-weight: 700;
}

.btn--lightH .icon,
.is-overhead .sidebar__back .icon {
    fill: #fff;
}

.btn--lightH.is-hover,
.btn--lightH:hover,
.is-overhead .is-hover.sidebar__back,
.is-overhead .sidebar__back:hover {
    background: #11e7af;
    color: #fff
}

.btn--lightH.is-hover .icon,
.btn--lightH:hover .icon,
.is-overhead .is-hover.sidebar__back .icon,
.is-overhead .sidebar__back:hover .icon {
    fill: #fff
}




.btn--lightJ,
.is-overhead .sidebar__back {
    background: #070707;
    color: #ffffff;

    line-height: 120%;
}

.btn--lightJ .icon,
.is-overhead .sidebar__back .icon {
    fill: #fff;
}

.btn--lightJ.is-hover,
.btn--lightJ:hover,
.is-overhead .is-hover.sidebar__back,
.is-overhead .sidebar__back:hover {
    background: #f0395a;
    color: #fff
}

.btn--lightJ.is-hover .icon,
.btn--lightJ:hover .icon,
.is-overhead .is-hover.sidebar__back .icon,
.is-overhead .sidebar__back:hover .icon {
    fill: #fff
}



.btn--lightK,
.is-overhead .sidebar__back {
    background: #070707;
    color: #ffffff;

    line-height: 120%;
}

.btn--lightK .icon,
.is-overhead .sidebar__back .icon {
    fill: #fff;
}

.btn--lightK.is-hover,
.btn--lightK:hover,
.is-overhead .is-hover.sidebar__back,
.is-overhead .sidebar__back:hover {
    background: #f0395a;
    color: #fff
}

.btn--lightK.is-hover .icon,
.btn--lightK:hover .icon,
.is-overhead .is-hover.sidebar__back .icon,
.is-overhead .sidebar__back:hover .icon {
    fill: #fff
}

.btn--lightF,
.is-overhead .sidebar__back {
    background: #070707a3;
    color: #ffffff;
    font-weight: 700;
}

.btn--lightF .icon,
.is-overhead .sidebar__back .icon {
    fill: #fff;
}

.btn--lightF.is-hover,
.btn--lightF:hover,
.is-overhead .is-hover.sidebar__back,
.is-overhead .sidebar__back:hover {
    background: #f0395a;
    color: #fff
}

.btn--lightF.is-hover .icon,
.btn--lightF:hover .icon,
.is-overhead .is-hover.sidebar__back .icon,
.is-overhead .sidebar__back:hover .icon {
    fill: #fff
}

.btn--lightB,
.is-overhead .sidebar__back {
    background: #00c774;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
}

.btn--lightB .icon,
.is-overhead .sidebar__back .icon {
    fill: #fff;
}

.btn--lightB.is-hover,
.btn--lightB:hover,
.is-overhead .is-hover.sidebar__back,
.is-overhead .sidebar__back:hover {
    background: #0656e9;
    color: #fff
}

.btn--lightB.is-hover .icon,
.btn--lightB:hover .icon,
.is-overhead .is-hover.sidebar__back .icon,
.is-overhead .sidebar__back:hover .icon {
    fill: #fff
}

.btn--lightA,
.is-overhead .sidebar__back {
    background: #0656e9;
    color: #ffffff;
    font-weight: 700;
}

.btn--lightA .icon,
.is-overhead .sidebar__back .icon {
    fill: #fff;
}

.btn--lightA.is-hover,
.btn--lightA:hover,
.is-overhead .is-hover.sidebar__back,
.is-overhead .sidebar__back:hover {
    background: #00c774;
    color: #fff
}

.btn--lightA.is-hover .icon,
.btn--lightA:hover .icon,
.is-overhead .is-hover.sidebar__back .icon,
.is-overhead .sidebar__back:hover .icon {
    fill: #fff
}

.h-inputo__el {
    position: relative;
}

.h-inputo.is-inactive:not(:focus) input {
    opacity: 0.4;
}

.h-inputo.is-error input {
    border-color: #ff6c72;
}

.h-inputo input {
    display: block;
    width: 100%;
    background: #F7F8FC;
    border: 1px solid #EBEDF2;
    border-radius: 8px;
    font-weight: 700;
    font-size: 12px;
    color: #081F4D;
    padding-left: 16px;
    height: 48px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
    margin-bottom: 20px;
}

@media only screen and (max-width: 641px) {
    .h-inputo input {
        display: block;
        width: 100%;
        background: #F7F8FC;
        border: 1px solid #EBEDF2;
        border-radius: 8px;
        font-weight: 700;
        font-size: 14px;
        color: #081F4D;
        padding-left: 16px;
        height: 50px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: inherit;
    }
}

.h-inputo input::-ms-clear,
.h-inputo input::-ms-reveal {
    display: none;
    height: 0;
    width: 0;
}

.h-inputo input:focus {
    background: #FFFFFF;
}

.h-inputo input::-webkit-input-placeholder {
    opacity: 1;
    color: #999FAF;
}

.h-inputo input::-moz-placeholder {
    opacity: 1;
    color: #999FAF;
}

.h-inputo input:-ms-input-placeholder {
    opacity: 1;
    color: #999FAF;
}

.h-inputo input:-moz-placeholder {
    opacity: 1;
    color: #999FAF;
}

.h-inputo input::-ms-input-placeholder {
    opacity: 1;
    color: #999FAF;
}

.h-inputo input::placeholder {
    opacity: 1;
    color: #999FAF;
}

.h-inputo__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: absolute;
    left: 85%;
    top: 0;
    width: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    pointer-events: none;
}

.h-inputo__icon .icon {
    font-size: 24px;
    fill: #999FAF;
}

.h-inputo__toggle-pwd {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    z-index: 1;
    display: block;
}

.h-inputo__toggle-pwd .icon {
    font-size: 22px;
    fill: #999FAF;
}

.h-inputo__error {
    font-size: 12px;
    color: #ff6c72;
    margin-top: 7px;
    padding-left: 20px;
    text-align: left;
}

@media only screen and (max-width: 1300px) {
    .ordeta {
        display: grid;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: auto;
    }
}

.ordeta__item {
    margin-bottom: 10px;
    overflow: auto;
    display: grid;
    
}

.ordeta__item:last-child {
    margin-bottom: 0;
}



.orderta {
    background: #fff;
    border-radius: 10px;
    padding: 11px 15px;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 600;
}

.orderta:hover {
    -webkit-box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1);
    box-shadow: 0 25px 15px -10px rgba(93, 128, 196, .1)
}

.orderta--on .orderta__status {
    color: #00c774;
}

.orderta--on .orderta__notapplied {
    color: #fa7777;
}

.orderta--on .orderta__progress-dots>span:before {
    background: #9cca66
}

.orderta--wait_on .orderta__status {
    color: #9cca66
}

.orderta--wait_on .orderta__progress-dots>span:before {
    background: #9cca66
}

.orderta--wait_on_available .orderta__status {
    color: #9cca66
}

.orderta--wait_on_available .orderta__progress-dots>span:before {
    background: #9cca66
}

.orderta--wait_on_update .orderta__status {
    color: #9cca66
}

.orderta--wait_on_update .orderta__progress-dots>span:before {
    background: #9cca66
}

.orderta--in_queue .orderta__status {
    color: #e9c500
}

.orderta--in_queue .orderta__progress-dots>span:before {
    background: #e9c500
}

.orderta--banned .orderta__status {
    color: #fa7777
}

.orderta--banned .orderta__progress-dots>span:before {
    background: #fa7777
}

.orderta--completed .orderta__status {
    color: #0656e9
}

.orderta--completed .orderta__progress-dots>span:before {
    background: #0656e9
}

.orderta--moderated .orderta__status {
    color: #979797
}

.orderta--moderated .orderta__progress-dots>span:before {
    background: #979797
}


.orderta>* {
    padding-right: 10px
}


.orderta>:last-child {
    padding-right: 0;
}

.orderta__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 185px;

}



.orderta__diary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
}



.orderta__left .task-head {
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 48px;
    height: 48px
}

.link-preview__img .orderta__left .task-head .round-icon,
.orderta__left .task-head .link-preview__img .round-icon,
.orderta__left .task-head .round-icon,
.orderta__left .task-head .task-head__icon {
    height: 18px;
    width: 18px;
    font-size: 12px
}

.orderta__left .task-head .task-head__alert .icon {
    font-size: 48px
}



.orderta__info {
    /* width: 140px; */
    min-width: 0;
    margin-right: 10px;
    text-transform: capitalize;
}




.orderta__label {
    color: #08090acc;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
}

.orderta__value {
    color: #6a6f77;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    font-weight: 620;
}


.orderta__label.ph-text {
    max-width: 60%
}



.orderta__value.ph-text {
    margin-right: 10px
}



.orderta__value>span {
    vertical-align: middle;
    font-size: 14px;
    font-weight: 620;
}



.orderta__name {
    margin-bottom: 2px
}



.orderta__additional {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -3px 2px
}

.orderta__additional.ph-text {
    margin-left: 0;
    margin-right: 0;
    width: 100px
}


.orderta__additional>* {
    padding: 0 3px
}

.orderta__insurance {
    font-size: 16px;
    cursor: pointer
}

.orderta__insurance .icon {
    fill: #8ec54d
}

.orderta__adult {
    width: 23px;
    height: 14px;
    borderta: 1px solid #fa7777;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600;
    font-size: 10px;
    color: #fa7777
}

.orderta__adult:before {
    content: '18+'
}

.orderta__id {
    font-size: 10px;
    color: #c3cad0;
    display: block
}

.orderta__id.ph-text {
    width: 50px
}

.orderta__type {
    color: #6a6f77;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 610;
}

.orderta__type.ph-text {
    max-width: 80px
}


.orderta__type .icon {
    margin-right: 4px
}

.orderta__contract {
    width: 180px;
}


.orderta__name,
.orderta__type {
    line-height: 1.4;
}

.orderta__activity {
    width: 190px
}



.orderta__status {
    margin-bottom: 5px;
    position: relative;
    color: #4e5665;
    font-size: 12px;
    font-weight: 600;
}



.orderta__progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}



.orderta__progress-dots {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.orderta__progress-dots.r1>span:nth-child(1):before {
    opacity: 1
}

.orderta__progress-dots.r1>span:nth-child(1):before {
    display: block
}

.orderta__progress-dots.r2>span:nth-child(2):before {
    opacity: 1
}

.orderta__progress-dots.r2>span:nth-child(1):before {
    display: block
}

.orderta__progress-dots.r2>span:nth-child(2):before {
    display: block
}

.orderta__progress-dots.r3>span:nth-child(3):before {
    opacity: 1
}

.orderta__progress-dots.r3>span:nth-child(1):before {
    display: block
}

.orderta__progress-dots.r3>span:nth-child(2):before {
    display: block
}

.orderta__progress-dots.r3>span:nth-child(3):before {
    display: block
}

.orderta__progress-dots.r4>span:nth-child(4):before {
    opacity: 1
}

.orderta__progress-dots.r4>span:nth-child(1):before {
    display: block
}

.orderta__progress-dots.r4>span:nth-child(2):before {
    display: block
}

.orderta__progress-dots.r4>span:nth-child(3):before {
    display: block
}

.orderta__progress-dots.r4>span:nth-child(4):before {
    display: block
}

.orderta__progress-dots>span {
    background: #e7e7e7;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
    display: block;
    position: relative
}

.orderta__progress-dots>span:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: none;
    background: #0656e9;
    opacity: .5
}

.orderta__progress-dots>span:last-child {
    margin-right: 0
}

.orderta__progress-label {
    margin-left: 10px
}


.orderta__progress-label>span {
    color: #6770e0
}

.orderta__prog {
    width: 40%;
    margin-right: 20px;
}


.orderta__directory {
    width: 100px;
    margin-right: 10px
}



.orderta__directory .orderta__value {
    color: #0656e9
}

.orderta__directory .orderta__value .icon {
    margin-right: 4px;
    top: -1px;
    fill: #f5a623
}

.orderta__right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.orderta__right,
.orderta__right-inn {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: end;
}


.orderta__create {
    width: 120px
}


.orderta__price {
    width: 120px
}

.orderta__spent {
    width: 190px
}

.orderta__spent .orderta__value>span {
    color: #fa7777
}

.orderta__actions {
    position: relative
}



.orderta__actions:after {
    position: absolute;
    content: '';
    left: 0;
    height: 28px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    /* background: #e5e9f3; */
    width: 1px
}

.orderta__actions-other.dropdown-open .actions-menu__link {
    borderta: 0
}


.orderta .tooltip-icon .icon {
    fill: #d8dfe6
}

.orderta .icon-play {
    margin-left: 2px
}

.tasa {
    width: 60px;
    height: auto;
    margin-left: 32px;
    margin-top: 4px;
    position: fixed;
}

@media only screen and (max-width: 990px) {
    .tasa {
        width: 65px;
        height: auto;
        margin-left: 34px;
        margin-top: 4px;
        position: fixed;
    }
}

.h5pTDjkY {
    position: relative
}

.h5pTDjkY input[type=file] {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    white-space: nowrap;
    opacity: 0
}

.htpS1igc {
    transition-property: color;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    display: flex;
    align-items: center;
    cursor: pointer
}

@media(hover: hover) {
    .htpS1igc:hover {
        color: var(--color-primary)
    }
}

.BMP3j0zL {
    flex-shrink: 0;
    margin-right: 24px
}

.MaF4ffM0 {
    font-family: var(--font-primary);
    font-size: var(--font-size-h5);
    line-height: var(--leading-primary-h5);
    letter-spacing: normal;
    display: flex;
    margin-bottom: 8px;
    color: #4e5665;
}

.qf9A2bAZ {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 8px;
    fill: #4e5665;
}

.Hh7yH1q1,
._Zgoon8S {
    font-family: var(--font-body);
    font-size: var(--font-size-small);
    line-height: var(--leading-body-small);
    letter-spacing: normal;
    color: #4e5665;
}

.Hh7yH1q1 {
    color: var(--color-danger);
    margin-top: 8px
}

.IklBmOJv {
    font-family: var(--font-primary);
    font-size: var(--font-size-h3);
    line-height: var(--leading-primary-h3);
    letter-spacing: normal;
    font-weight: var(--font-weight-black);
    margin-bottom: 24px;
    color: #4e5665;
}

.N3OPhlLc {
    margin-bottom: 24px;
    width: 320px
}

.UYVQTyIt>*+* {
    margin-top: 16px
}

.Oa5RGMtd {
    width: 100%
}

@media(min-width: 576px) {
    .Oa5RGMtd {
        width: 320px
    }
}

.B8V1QYtA {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px
}

.p25JV_9j {
    margin-top: 24px;
    text-align: -webkit-center;
}

._zuOUwPb {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 20px;
}

@media(max-width: 575px) {
    ._zuOUwPb {
        max-width: 375px;
        margin: 0 auto
    }
}

.fUV9U6Ic {
    max-width: 300px;
    min-width: 0
}

@media(max-width: 575px) {
    .fUV9U6Ic {
        width: 100%
    }
}

.mxN6pJdt {
    flex: 1;
}

.V3o4OYoC {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px 48px
}

.V3o4OYoC+.V3o4OYoC {
    margin-top: 40px
}

._r62Udhw {
    font-family: var(--font-primary);
    font-size: var(--font-size-h3);
    line-height: var(--leading-primary-h3);
    letter-spacing: normal;
    font-weight: var(--font-weight-black);
    margin-bottom: 8px;
    color: #4e5665;
}

.ev1O4Fhf {
    width: 275px
}

:root {
    --color-primary: #2f06bb;
    --color-primary-soft: #441fc1;
    --color-primary-hard: #2d08ab;
    --color-primary-ghost-10: rgba(47, 6, 187, .1);
    --color-secondary: #09be8b;
    --color-secondary-soft: #22c496;
    --color-secondary-hard: #0bad80;
    --color-white: #fff;
    --color-dark: #1a1b26;
    --color-dark-soft: #31323c;
    --color-gray-dark: #8c91a4;
    --color-gray-dark-soft: #979cad;
    --color-gray-dark-hard: #808597;
    --color-gray: #e8e8ea;
    --color-gray-hard: #d0d0d1;
    --color-light: #eff1f8;
    --color-light-hard: #d9dbe2;
    --color-danger: #fb4e4e;
    --color-danger-soft: #fb6060;
    --color-danger-hard: #e4494a;
    --color-warning: #ffd200;
    --gradient-primary: linear-gradient(155deg, #3f3bff 27%, #09be8b 73%);
    --gradient-primary-ghost-25: linear-gradient(155deg, rgba(63, 59, 255, .25) 27%, rgba(9, 190, 139, .25) 73%);
    --gradient-secondary: linear-gradient(105deg, #22bbfb, #476fe1 50%, #8b65fe);
    --font-primary: inherit;
    --font-body: inherit;
    --font-weight-normal: 400;
    --font-weight-bold: 500;
    --font-weight-black: 600;
    --font-size-hero: 128px;
    --font-size-h1: 32px;
    --font-size-h2: 24px;
    --font-size-h3: 18px;
    --font-size-h4: 16px;
    --font-size-h5: 14px;
    --font-size-h6: 12px;
    --font-size-small: 14px;
    --font-size-tiny: 12px;
    --leading-primary-hero: 1.328125;
    --leading-primary-h1: 1.25;
    --leading-primary-h2: 1.4;
    --leading-primary-h3: 1.25;
    --leading-primary-h4: 1.3333;
    --leading-primary-h5: 1.3333;
    --leading-primary-h6: 1.25;
    --leading-primary-small: 1.14285;
    --leading-primary-tiny: 1.3333;
    --leading-body-h4: 1.5;
    --leading-body-h5: 1.5555;
    --leading-body-h6: 1.5;
    --leading-body-small: 1.57142;
    --leading-body-tiny: 1.6667;
    --tracking-primary-hero: -0.0390625em;
    --tracking-primary-h1: -0.0375em;
    --shadow-sm: 0 4px 8px 0 rgba(140, 145, 164, .08);
    --shadow-md: 0 14px 28px 0 rgba(140, 145, 164, .16);
    --shadow-lg: 0 24px 48px 0 rgba(140, 145, 164, .24);
    --glow-primary-low: 0 16px 32px 0 rgba(47, 6, 187, .32), 0 8px 24px 0 rgba(47, 6, 187, .24), 0 3px 8px 0 rgba(47, 6, 187, .16), 0 0 1px 0 rgba(47, 6, 187, .08);
    --glow-primary-high: 0 32px 48px 0 rgba(47, 6, 187, .48), 0 24px 32px 0 rgba(47, 6, 187, .4), 0 3px 8px 0 rgba(47, 6, 187, .32), 0 0 1px 0 rgba(47, 6, 187, .24);
    --glow-secondary-low: 0 16px 32px 0 rgba(9, 190, 139, .32), 0 8px 24px 0 rgba(9, 190, 139, .24), 0 3px 8px 0 rgba(9, 190, 139, .16), 0 0 1px 0 rgba(9, 190, 139, .08);
    --glow-secondary-high: 0 32px 48px 0 rgba(9, 190, 139, .48), 0 24px 32px 0 rgba(9, 190, 139, .4), 0 3px 8px 0 rgba(9, 190, 139, .32), 0 0 1px 0 rgba(9, 190, 139, .24);
    --radius-md: 8px;
    --radius-giant: 40px;
    --header-height: 72px
}



.swTafaXM .Y5u6ce0m {
    width: 20px;
    height: 20px;
    margin-right: -8px;
    margin-left: 16px;
    fill: white;
}

.MZYzizUQ,
.jrRE4g_p {
    position: relative;
    max-width: 300px;
}

.KXq_pLbT {
    width: 100%;
    height: 100%;
    font-family: var(--font-primary);
    font-size: var(--font-size-h6);
    line-height: var(--leading-primary-h6);
    letter-spacing: normal;
    color: var(--color-dark);
    font-weight: 600;
    border-bottom-width: 4px;
    border-color: rgba(0, 0, 0, 0.2);
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-radius: 10px;
    box-shadow: rgba(255, 255, 255, 0.35) 0px 2px 12px 0px inset, rgb(229 226 226 / 15%) 0px 4px 25px 0px;
    opacity: 1;
}

.Gge3QQot,
.XshCLeFh,
.ZLBX1spd,
.hhbhc3NH,
.lIRV38HZ {
    position: absolute;
    z-index: 1
}

.TLS0Dv42 .KXq_pLbT {
    background-color: var(--color-light)
}

.n1Iod4dF .KXq_pLbT {
    background-color: var(--color-white)
}

.HlLnx3Qm .KXq_pLbT {
    height: 40px;
    border-radius: var(--radius-md)
}

.HlLnx3Qm .ZLBX1spd,
.HlLnx3Qm .lIRV38HZ {
    width: 20px;
    height: 20px
}

.HlLnx3Qm .lIRV38HZ {
    left: 16px;
    top: 10px;
    fill: #626060;
}

.HlLnx3Qm .ZLBX1spd {
    right: 16px;
    top: 10px
}

.HlLnx3Qm .Gge3QQot {
    left: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.HlLnx3Qm .hhbhc3NH {
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.HlLnx3Qm .KXq_pLbT {
    padding: 10px 16px
}

.HlLnx3Qm .XshCLeFh {
    left: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.MJtVTQh0 .KXq_pLbT {
    padding-left: 48px;
    font-size: 13px;
}

._zYKeU66 .KXq_pLbT {
    padding-right: 48px
}

.bBkBrAkv .KXq_pLbT {
    background-color: var(--color-gray-dark);
    color: var(--color-white)
}

.bBkBrAkv .KXq_pLbT::-moz-placeholder {
    color: var(--color-white)
}

.bBkBrAkv .KXq_pLbT::placeholder {
    color: var(--color-white)
}

.bBkBrAkv .ZLBX1spd,
.bBkBrAkv .lIRV38HZ {
    fill: var(--color-white)
}

.bBkBrAkv .KXq_pLbT {
    cursor: not-allowed
}

.oAGPkDln {
    width: 100%;
    height: 100%;
    display: block;
    background-color: var(--color-light);
    color: transparent;
    border-radius: var(--radius-md);
}

.w120ka {
    width: 150px;
    height: auto;
    border-radius: 10px;
    margin-bottom: 24px;
}

.expectation {
    width: 915px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    zoom: 110%;
}

.expectation__head {
    margin-bottom: 40px;
}

.expectation__title span {
    margin-left: 19px;
}

.expectation__count {
    color: #878792;
    margin-left: auto;
}

.expectation__timer {
    margin-bottom: 24px;
}

.expectation__data {
    width: -webkit-calc(100% - 330px);
    width: calc(100% - 330px);
    padding-right: 45px;
}

.expectation__input {
    margin-bottom: 20px;
}

.expectation__desc {
    margin-top: 30px;
    padding: 30px 23px;
    color: #878792;
    line-height: 24px;
    border-radius: 8px;
    background-color: #f4f5f7;
    background-image: url("../../img/warning.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
    border-bottom: double #00000047 5px;
    border-color: rgba(0, 0, 0, 0.2);
    border-left-width: 0px;
    border-right-width: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-radius: 10px;
    box-shadow: rgba(255, 255, 255, 0.35) 0px 2px 12px 0px inset, rgba(0, 0, 0, 0.15) 0px 4px 25px 0px;
    opacity: 1;
}

.expectation__qr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 330px;
    padding: 60px 40px;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#518ee0), to(#4ea4e4));
    background-image: -o-linear-gradient(bottom, #518ee0 0%, #4ea4e4 100%);
    background-image: linear-gradient(to top, #518ee0 0%, #4ea4e4 100%);
}

.expectation__text {
    margin-top: 45px;
    margin-bottom: 50px;
}

.expectation__foot {
    width: -webkit-calc(100% + 36px);
    width: calc(100% + 36px);
    margin-left: -18px;
    margin-right: -18px;
}

.expectation__btn {
    width: -webkit-calc(50% - 36px);
    width: calc(50% - 36px);
    margin-left: 18px;
    margin-right: 18px;
}

.qr__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 157px;
    height: 157px;
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 45px;
}

.qr__title {
    font-size: 21px;
    color: #fff;
    font-weight: 700;
}

.timer {
    padding: 23px 28px;
    background-color: #ffffff;
    border-radius: 10px;
}

.timer__icon {
    width: 54px;
    height: 194px;
    border-radius: 50%;
    background-color: #fbfbfb;
}

.timer__wrap {
    width: -webkit-calc(100% - 54px);
    width: calc(100% - 54px);
    padding-left: 190px;
}

.timer__text {
    margin-bottom: 10px;
}

.timer__count {
    font-weight: 620;
    margin-right: 10px;
    font-size: 14px;
}

.timer__title {
    color: #595959;
    font-weight: 600;
    font-size: 14px;
}

.timer__stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-calc(100% + 12px);
    width: calc(100% + 12px);
    margin-left: -6px;
    margin-right: -6px;
}

.progress-item .plant-img>span {
    font-size: 20px;
    z-index: 2;
    font-weight: 700;
}

.grow-progress-row {
    margin: 0 -40px;
    /* background: #e6f1ef; */
    padding: 10px 40px
}

.grow-item {
    background: #fff;
    padding: 0 20px 0 0;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    font-size: 15px
}

.grow-item:last-child {
    margin-bottom: 0
}

.progress-item {
    display: grid;
    align-items: center;
    grid-template-columns: 150px auto
}

.grow-item.grow-item-unpaid .progress-item {
    grid-template-columns: 150px auto fit-content(100%)
}

.progress-item .plant-img {
    position: relative;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.progress-item .plant-img img {
    width: 80%;
    height: auto
}

.progress-item .plant-img>span {
    display: block;
    position: relative;
    margin: 10px 0 -10px 10px;
    margin-bottom: 5px;
}

.progress-item .plant-img span a {
    color: #000;
    border-bottom: 1px solid #b1e6dd;
    padding-bottom: 2px
}

.progress-item .plant-img span a:hover {
    text-decoration: none
}

.progress-item .plant-img .total-item-plants {
    position: absolute;
    bottom: 0;
    margin: 0 0 10px 10px
}

.progress-item .plant-img .total-item-plants span {
    display: block;
    background: #00c774;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    padding: 3px 10px
}

.progress-item .plant-img .total-item-plants span i {
    font-style: normal;
    font-weight: 700
}

.progress-item .plant-data {
    padding: 55px 0 15px;
    position: relative;
    font-size: 14px
}

.progress-item .plant-data .data {
    padding: 10px 0 0
}

.progress-item .plant-data span i {
    font-style: normal;
    font-weight: 700
}

.plant-data .progress {
    height: 8px;
    margin: 10px 0 12px;
    overflow: visible;
    background: #00c7744a;
}

.plant-data .progress .progressbar {
    background: #147c6a;
    position: absolute;
    left: 0;
    height: 8px;
    border-radius: .25rem;
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
    padding-left: 12px
}

.plant-data .progress .progressbar .progress-percent {
    width: 100%;
    text-align: right;
    font-size: 11px;
    color: #e9ecef;
    margin-top: -5px
}

.plant-data .progress .progressbar .progress-percent span {
    display: inline-block;
    background: #147c6a;
    padding: 2px 5px 0;
    border-radius: 3px;
    position: relative;
    z-index: 4
}

.plant-data .progress .progressbar::after {
    content: '';
    opacity: 0;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00dab5;
    border-radius: .25rem 0 0 .25rem;
    -webkit-animation: animate-shine 3s ease-out infinite;
    -moz-animation: animate-shine 3s ease-out infinite
}

@-webkit-keyframes animate-shine {
    0% {
        opacity: 0;
        width: 0
    }

    10% {
        opacity: .5
    }

    40% {
        opacity: 0;
        width: 100%
    }

    100% {
        opacity: 0;
        width: 100%
    }
}

@-moz-keyframes animate-shine {
    0% {
        opacity: 0;
        width: 0
    }

    10% {
        opacity: .5
    }

    40% {
        opacity: 0;
        width: 100%
    }

    100% {
        opacity: 0;
        width: 100%
    }
}

.plant-data .progress .progressbar .active-stage-progress {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: 12px
}

.plant-data .progress .progressbar .active-stage-progress .stage-inner {
    text-align: center
}

.plant-data .progress .progressbar .active-stage-progress .stage-inner span {
    display: block;
    color: #147c6a
}

.plant-data .progress .progressbar .active-stage-progress .stage-inner {
    width: 100%;
    font-size: 12px;
    white-space: nowrap
}

.plant-data .progress .progressbar .active-stage-progress .stage-inner::after {
    color: #147c6a;
    display: block;
    width: 8px;
    margin: 0 auto;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.plant-data .data b {
    font-weight: 700
}

.harvest img {
    vertical-align: middle;
    margin: 0 15px 0 0
}

.harvest .harvest-item {
    display: inline-block;
    vertical-align: middle
}

.harvest .harvest-item b {
    display: block;
    font-weight: 500;
    font-size: 14px
}

.harvest .harvest-item span {
    display: block;
    font-size: 14px;
    font-weight: 500
}

.curing-harvest .harvest-item span {
    font-size: 20px
}

.harvest .harvest-item i {
    font-size: 12px;
    font-style: normal
}

.progress-item .button {
    margin: 0 0 0 25px
}

.progress-item .button a {
    display: block;
    text-align: center;
    border: 2px solid #58e0af;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 20px;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.progress-item .button a:hover {
    background: #b1e6dd;
    text-decoration: none;
    color: #000
}

.progress-item .button a.btn-outline-success {
    background: 0 0;
    border-color: #e6f1ef
}

.progress-item .button a.btn-outline-success:hover {
    background: #b1e6dd;
    border-color: #b1e6dd
}

.grow-item.grow-item-unpaid .button .day-counter {
    text-align: center;
    font-size: 12px;
    padding: 0 0 5px;
    color: #de3905
}

.progress-item .item-data {
    font-size: 12px;
    border-left: 2px solid #e6f1ef;
    padding: 10px 0
}

.progress-item .item-data div div {
    text-align: left;
    padding-left: 20px
}

.progress-item .item-data div div a {
    text-decoration: underline;
    color: #000
}

.grow-item.demo-plant .progress-item {
    grid-template-columns: 150px auto fit-content(100%)
}

.plant-data .progress-s-bar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 4
}

.plant-data .progress-s-bar li {
    flex: 2;
    position: relative;
    z-index: 5;
    padding: 0;
    font-size: var(--font-size-default);
    line-height: 1.5;
    color: var(--color-green);
    font-weight: 600;
    white-space: nowrap;
    overflow: visible;
    min-width: 0;
    text-align: center
}

.plant-data .progress-s-bar li:first-child,
.plant-data .progress-s-bar li:last-child {
    flex: 1;
    text-align: left
}

.plant-data .progress-s-bar li:last-child {
    text-align: right
}

.plant-data .progress-s-bar li:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: var(--color-gray-disabled);
    border-radius: 50%;
    border: 2px solid var(--color-white);
    position: absolute;
    left: calc(50% - 25px);
    z-index: 3;
    transition: all .2s ease-in-out;
    margin-top: -2px
}

.plant-data .progress-s-bar li:first-child:before {
    left: 0
}

.plant-data .progress-s-bar li:last-child:before {
    right: 0;
    left: auto
}

.plant-data .progress-s-bar span {
    transition: opacity .3s ease-in-out;
    display: block;
    margin-top: -45px;
    position: relative;
    font-size: 12px;
    opacity: 0.5;
}

.plant-data .progress-s-bar span i {
    display: block;
    color: #000
}

.plant-data .progress-s-bar li:not(.is-active) span {
    opacity: 0.5;
}

.plant-data .progress-s-bar .is-complete:not(:first-child):after,
.plant-data .progress-s-bar .is-active:not(:first-child):after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    bottom: -2px;
    left: -50%;
    z-index: 2
}

.plant-data .progress-s-bar li:last-child span {
    width: 200%;
    display: inline-block;
    position: absolute;
    left: -100%
}

.plant-data .progress-s-bar .is-complete:last-child:after,
.plant-data .progress-s-bar .is-active:last-child:after {
    width: 200%;
    left: -100%
}

.plant-data .progress-s-bar .is-complete:before {
    background-color: var(--color-green)
}

.plant-data .progress-s-bar .is-active:before,
.plant-data .progress-s-bar li:hover:before,
.plant-data .progress-s-bar .is-hovered:before {
    background-color: var(--color-white);
    border-color: var(--color-green)
}

.plant-data .progress-s-bar li:hover:before,
.plant-data .progress-s-bar .is-hovered:before {
    transform: scale(1.33)
}

.plant-data .progress-s-bar li:hover span,
.plant-data .progress-s-bar li.is-hovered span {
    opacity: 1
}

.plant-data .progress-s-bar li:nth-child(2) span div,
.plant-data .progress-s-bar li:nth-child(3) span div {
    position: absolute;
    margin-left: -40px;
    right: 0;
    left: 0
}

.plant-data .progress-s-bar .has-changes {
    opacity: 1 !important
}

.plant-data .progress-s-bar .has-changes:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: calc(50% - 4px);
    bottom: -20px;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiPjxwYXRoIGZpbGw9IiNlZDFjMjQiIGQ9Ik00IDBsNCA4SDB6Ii8+PC9zdmc+)
}

.plant-item-widget {
    padding-left: 20px;
    padding-right: 20px
}

.plant-item-widget .brd {
    position: relative;
    border: 5px solid #147c6a;
    border-radius: 12px
}

.plant-item-widget .brd.animate {}

.plant-item-widget .desc {
    float: right;
    position: relative;
    z-index: 3;
    width: 100%;
    text-align: right;
    padding: 20px 25px 15px 0
}

.plant-item-widget .desc .sell-price {}

.plant-item-widget .desc .sell-price i {
    font-style: normal;
    font-size: 12px
}

.plant-item-widget .desc .sell-price b {
    display: block
}

.plant-item-widget .desc h3 {
    font-size: 26px;
    font-weight: 700
}

.plant-item-widget .desc span {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.plant-item-widget .img {
    text-align: center;
    float: right;
    overflow: hidden;
    border-radius: 5px
}

.plant-item-widget .img .overflow {
    margin-bottom: -35px;
    margin-right: 0;
    margin-top: 0
}

.plant-item-widget .img .overflow img {
    width: 110px;
    height: auto
}

.plant-item-widget .img img {
    display: block;
    margin: 0 auto
}

.plant-item-widget .img img:nth-child(1) {
    position: relative;
    margin-bottom: -40px;
    z-index: 3
}

.plant-item-widget .indicators {
    position: absolute;
    width: 190px;
    height: 100%;
    z-index: 4;
    left: 0;
    top: 0;
    margin: 0 0 0 -6px;
    padding: 10px 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px
}

.plant-item-widget .indicators .front,
.plant-item-widget .indicators .back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -o-box-pack: center;
    justify-content: center;
    -o-box-align: center;
    align-items: center;
    -webkit-font-smoothing: antialiased
}

.plant-item-widget .indicators .front {}

.plant-item-widget .indicators .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.plant-item-widget .indicators.flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.plant-item-widget .indicators .front {
    opacity: 1
}

.plant-item-widget .indicators.flipped .front {
    display: none
}

.plant-item-widget .indicators .item {
    padding: 5px 0;
    background: url(/image/member/border-bg-white.png) repeat-y 0 0;
    background-size: 6px 100%;
    display: inline-block;
    min-width: 110px
}

.plant-item-widget .indicators .item:nth-child(1) {
    padding-top: 15px
}

.plant-item-widget .indicators .item:last-child {
    padding-bottom: 10px
}

.plant-item-widget .indicators .items-holder {
    margin-top: -60px;
    border-radius: 6px;
    background: url(/image/member/swipe-btn-bg.png) no-repeat 93% center;
    -moz-transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out
}

.plant-item-widget .indicators .items-holder:hover {
    background-position: 97% center;
    cursor: pointer
}

.plant-item-widget .indicators .item span {
    font-size: 12px;
    display: block
}

.plant-item-widget .indicators .item b {
    font-size: 18px
}

.plant-item-widget.self-plant {}

.plant-item-widget.self-plant.no-active .brd {
    border-color: #e6f1ef
}

.plant-item-widget.self-plant.no-active .img img {
    opacity: .9;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.plant-item-widget.self-plant.no-active .brd .img {
    border-radius: 6px
}

.plant-item-widget.self-plant.no-active .brd .img::before {
    display: none
}

.plant-item-widget.self-plant.no-active .brd .plant-quantity span {
    text-shadow: 0 0 10px #000
}

.plant-item-widget.self-plant.no-active .no-plants {
    background: 0 0;
    cursor: default
}

.plant-item-widget.self-plant:nth-child(4) {}

.plant-item-widget.self-plant .img {
    margin: 0;
    position: relative;
    z-index: 1;
    width: 100%
}

.plant-item-widget.self-plant .img::before {
    content: ' ';
    pointer-events: none;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    height: 70%;
    width: 200px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTQ3YzZhIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjMTQ3YzZhIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjMTQ3YzZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE0N2M2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-49deg, rgba(20, 124, 106, 0) 0%, rgba(20, 124, 106, 0) 49%, rgba(20, 124, 106, 1) 85%, rgba(20, 124, 106, 1) 100%);
    background: -webkit-linear-gradient(-49deg, rgba(20, 124, 106, 0) 0%, rgba(20, 124, 106, 0) 49%, rgba(20, 124, 106, 1) 85%, rgba(20, 124, 106, 1) 100%);
    background: linear-gradient(141deg, rgba(20, 124, 106, 0) 0%, rgba(20, 124, 106, 0) 49%, rgba(20, 124, 106, 1) 85%, rgba(20, 124, 106, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00147c6a', endColorstr='#147c6a', GradientType=1)
}

.plant-item-widget.self-plant .img img {
    margin: 0;
    float: right
}

.plant-quantity {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    margin: 0 20px 15px 0
}

.qrcoinpay {
    position: absolute;
    width: 50px;
    margin: 65px 0 0 65px;
}

@media(max-width: 992px) {
    .qrcoinpay {
        position: absolute;
        width: 50px;
    }

    .plant-quantity .holder {
        margin: 0 0 0 auto;
        position: relative;
        z-index: 3;
        width: 24px;
        height: 145px;
        text-align: center;
        margin-bottom: 10px
    }

    .plant-quantity b {
        display: block;
        font-size: 40px;
        color: #fff;
        line-height: 40px;
        margin-right: 5px
    }

    .plant-quantity span {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        display: block;
        color: #fff;
        margin: 0;
        white-space: nowrap;
        text-align: right;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .plant-item-widget.unit-item-widget {
        padding-right: 46px
    }

    .plant-item-widget.unit-item-widget .desc {
        float: left;
        text-align: left;
        padding: 20px 0 20px 25px
    }

    .plant-item-widget.unit-item-widget .img {
        float: left;
        margin-right: 0;
        margin-left: -25px
    }

    .plant-item-widget.unit-item-widget .indicators {
        width: 80px;
        right: 0;
        left: auto;
        margin: 35px -67px 0 0
    }

    .plant-item-widget.unit-item-widget .img img:nth-child(1) {
        margin-bottom: 0
    }

    .plant-item-widget.self-plant .b-btn {
        position: absolute;
        z-index: 4;
        bottom: 0;
        left: 0
    }

    .plant-item-widget.self-plant .b-btn a {
        margin: 0 0 20px 20px
    }

    .plant-item-widget.self-plant .b-btn a:hover {
        background: #00dab5
    }

    @media(max-width: 992px) {
        .top-bar {
            padding: 0 20px
        }

        .grow-item {
            padding: 0
        }

        .grow-item.grow-item-unpaid .progress-item,
        .grow-item.demo-plant .progress-item,
        .progress-item {
            display: block;
            position: relative;
            grid-template-columns: none
        }

        .progress-item .plant-img {
            position: absolute;
            bottom: 0;
            height: 100%;
            width: 100%;
        }

        .progress-item .plant-img img {
            width: 90px;
            height: auto;
            position: absolute;
            bottom: 0
        }

        .progress-item .plant-data {
            margin-left: 10px;
            margin-right: 10px;
            padding-top: 80px
        }

        .progress-item .plant-img>span {
            font-size: 20px;
            z-index: 2
        }

        .progress-item .plant-img .total-item-plants span {
            font-size: 12px
        }

        .progress-item .plant-data .data {
            font-size: 12px;
            padding: 10px 0 0;
            margin-left: 100px
        }

        .progress-item .plant-data .data>.d-flex div {
            width: 50%
        }

        .progress-item .plant-data .data>.d-flex div:nth-child(2) {
            text-align: right
        }

        .progress-item .plant-data b {
            display: block
        }

        .progress-item .button {
            margin: 10px;
            position: absolute;
            top: 0;
            right: 0
        }

        .progress-item .item-data div div {
            padding-left: 10px
        }

        .progress-item .plant-img .total-item-plants {
            z-index: 2
        }

        .harvest-progress {
            padding-right: 110px
        }

        .harvest-item-wrapper>.harvest-item {
            grid-template-columns: 200px auto
        }

        .harvest-item-wrapper>.harvest-item .plant-desc span {
            font-size: 14px;
            margin-bottom: 5px
        }

        .harvest-item-wrapper>.harvest-item .plant-desc p:nth-child(2) {
            margin: 0
        }

        .harvest-item-wrapper .harvest img {
            width: auto;
            height: 62px
        }

        .harvest-item-wrapper .harvest .harvest-item b {
            font-size: 12px
        }

        .harvest-item-wrapper .harvest .harvest-item span {
            font-size: 14px
        }

        .harvest-item-wrapper .progress-indicator {
            padding: 0 20px 0 0
        }

        .harvest-item-wrapper>.harvest-item .profit b {
            font-size: 12px
        }

        .harvest-item-wrapper>.harvest-item .profit {
            padding: 5px 0
        }

        .harvest-item-wrapper>.harvest-item .profit span {
            font-size: 14px
        }

        .circle-stages {
            padding-left: 15px;
            padding-right: 15px
        }

        .harvest-item-wrapper .harvest-sm .progress-indicator {
            padding-left: 30px
        }

        .dashboard-widgets {
            grid-template-columns: none
        }

        .dashboard-widgets .balance-widget .plants-sum .plants-list {
            width: 100%
        }

        .dashboard-widgets .balance-widget .plants-sum .plant-img {
            margin-left: -20px
        }

        .dashboard-widgets .harvest-widget .offset {
            margin-left: 0;
            padding: 0;
            margin-bottom: 30px
        }

        .dashboard-widgets .balance-widget {
            margin-bottom: 15px
        }

        .dashboard-widgets .harvest-widget .border-split {
            overflow: visible;
            display: -ms-block !important;
            display: block !important
        }

        .dashboard-widgets .harvest-widget .plant-id {
            padding: 17px 20px 15px
        }

        .dashboard-widgets .harvest-widget .plant-id .plant-data {
            margin: 10px 0
        }

        .dashboard-widgets .harvest-widget .plant-id .plant-data .progress .circle-stage {
            margin: -5px -2px 0 0
        }

        .dashboard-widgets .harvest-widget .plant-nav {
            display: block;
            margin: 0 -20px 10px
        }

        .dashboard-widgets .harvest-widget .plant-nav .swiper-container {
            margin: 0;
            padding: 0 0 0 20px
        }

        .demo-stages-progress {
            padding: 0
        }

        .demo-stages-progress .title-demo-stages h3 {
            font-size: 14px;
            margin-top: 25px
        }

        .affiliate-widget {
            padding: 20px 0
        }

        .affiliate-widget .affiliate-list {}

        .affiliate-title-buttons {
            margin-bottom: 20px !important
        }

        #invite-affiliates {
            padding-top: 70px;
            padding-right: 20px;
            padding-left: 20px
        }

        .affiliates-widgets {
            background: #e6f1ef;
            margin-left: -20px;
            margin-right: -20px;
            margin-bottom: -70px;
            padding: 20px
        }

        .affiliates-widgets .col-lg-3 {
            margin-bottom: 15px
        }

        .affiliates-widgets .col-lg-3:nth-last-child(1) {
            margin-bottom: 0
        }
    }

    @media(max-width: 992px) {
        .form-style.profile-form .w-box .col-lg-6:nth-child(1) {
            padding-right: 15px
        }

        .form-style.profile-form .w-box .col-lg-6:nth-child(2) {
            padding-left: 15px
        }

        .title-buttons .btn,
        .title-buttons .btn-group {}

        .title-buttons .btn,
        .title-buttons .btn-group .btn {
            font-size: 12px
        }

        .title-buttons .btn-group .btn {
            padding-left: 5px;
            padding-right: 5px
        }
    }

    @media(max-width: 900px) {
        .inner-bar>.d-flex>.d-flex {
            overflow: scroll;
            margin: 0 30px 0 20px;
            margin-left: 30px !important;
            padding-left: 5px;
            -webkit-overflow-scrolling: touch;
            -webkit-mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .25) 9px, #000 18px, #000 calc(100% - 18px), rgba(0, 0, 0, .25) calc(100% - 9px), transparent);
            mask-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .25) 9px, #000 18px, #000 calc(100% - 18px), rgba(0, 0, 0, .25) calc(100% - 9px), transparent)
        }

        .demo-plant .inner-bar>.d-flex>.d-flex {
            -webkit-mask-image: none;
            mask-image: none
        }

        .balance-widget {
            padding: 15px 10px
        }

        .balance-widget .widget:nth-child(1) {
            margin-left: 0
        }

        .balance-widget .widget,
        .introjs-tooltipReferenceLayer .widget {
            margin: 0
        }

        .notifications {
            position: absolute;
            right: 0
        }

        .content-section {
            padding: 20px 20px 0;
            height: 100%;
            overflow-y: auto
        }

        .form-wrapper,
        .grow-progress-row,
        .calc-wrapper,
        .invoice-wrapper {
            margin-left: -20px;
            margin-right: -20px;
            padding-left: 10px;
            padding-right: 10px
        }

        .invoice-wrapper {}

        .calc-wrapper {
            padding-left: 5px;
            padding-right: 5px
        }

        .plant-widgets {
            padding-left: 20px;
            grid-template-columns: 100%;
            overflow-x: auto;
            margin-bottom: 0 !important
        }

        .plant-widgets .plant-item-widget {
            margin: 0 0 30px
        }

        .plant-item-widget .indicators .item b {
            font-size: 22px
        }

        .plant-item-widget .indicators {
            width: 190px;
            margin: 0 0 0 -20px
        }

        .progress-item {}

        .progress-item .button a {
            font-size: 12px
        }

        .harvest img {
            width: auto;
            height: 62px
        }

        .progress-item .plant-img {
            -ms-flex-item-align: end !important;
            align-self: flex-end !important
        }

        .progress-item .plant-data span {}

        .progress-item .plant-data b {}

        .plant-data .progress {}

        .harvest .harvest-item b {
            font-size: 12px
        }

        .harvest .harvest-item span {
            font-size: 16px;
            margin: -3px 0
        }

        .progress-item .item-data {
            font-size: 10px;
            padding: 5px 0
        }

        .form-wrapper .w-box .row>div:last-child label,
        .form-wrapper .w-box .row>div:last-child br {
            display: none
        }

        .form-wrapper.fa-qr .w-box .row>div:last-child label {
            display: block
        }

        #plant-buy-form .calc-wrapper {
            padding-bottom: 53px
        }

        .calc-wrapper .sticky-cart {
            display: block
        }

        .grow-timeline {
            margin-left: -20px !important;
            margin-right: -20px !important
        }

        .grow-timeline .progress-indicator>li .bubble {
            margin: 0 40px 0 20px
        }

        .grow-timeline .progress-indicator>li:first-child .bubble {
            margin-left: 20px
        }

        .grow-timeline .title-buttons {
            margin: 0 20px
        }

        .order-info {
            margin: 0 -20px;
            padding: 10px 20px
        }

        .timer__status {
            border-radius: 50%;
            width: -webkit-calc(50% - 12px);
            width: calc(50% - 12px);
            margin-left: 6px;
            margin-right: 6px;
            height: 10px;
            border-radius: 50px;
            position: relative;
            background-color: #d6dae2;
            overflow: hidden;
        }

        .timer__status div {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            background-color: #303a43;
        }

        .timer__status_large {
            width: 60%;
        }

        .alert {
            position: relative;
            border-radius: 10px;
            overflow: hidden;
        }

        .alert__message {
            z-index: 2;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 50px 95px 50px 185px;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            color: #fff;
            line-height: 25px;
            font-weight: 600;
            opacity: 0;
            background-image: -webkit-gradient(linear, left top, right top, from(#80eb85), to(#58cea4));
            background-image: -o-linear-gradient(left, #80eb85 0%, #58cea4 100%);
            background-image: linear-gradient(to right, #80eb85 0%, #58cea4 100%);
        }

        .alert__message:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 100px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 51px;
            height: 49px;
            margin-top: 4px;
            background: url("../../img/check.png") no-repeat center;
        }

        .alert__text {
            color: #878792;
            border: 2px solid #dedfe2;
            background-color: #f4f5f7;
            padding: 25px 23px;
            border-radius: 8px;
        }

        .alert__text strong {
            color: #303a43;
        }

        .alert_show .alert__message {
            opacity: 1;
        }

        .faq__control {
            width: 425px;
            padding-right: 50px;
        }

        .faq__title {
            margin-bottom: 25px;
        }

        .faq__desc {
            color: #878792;
            line-height: 24px;
            max-width: 330px;
            margin-bottom: 45px;
        }

        .faq__wrap {
            width: -webkit-calc(100% - 425px);
            width: calc(100% - 425px);
        }

        .faq__item {
            border-radius: 10px;
            margin-bottom: 28px;
        }

        .faq__item:last-of-type {
            margin-bottom: 0;
        }

        .f-nav__item {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 17px;
            font-size: 20px;
            font-weight: 700;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            border-radius: 10px;
        }

        @media screen and (max-width: 1200px) {
            .expectation {
                width: 100%;
            }

            .expectation__head {
                margin-bottom: 20px;
            }

            .expectation__title span {
                margin-left: 0;
            }
        }

        @media screen and (max-width: 767px) {
            .case {
                width: 95%;
            }

            .b_wrap {
                /* padding: -78px; */
            }

            @media screen and (max-width: 767px) {
                .timer {
                    padding: 20px;
                }

                .timer__icon {
                    margin-bottom: 20px;
                    margin-left: 50;
                }

                .timer__wrap {
                    padding-left: 0;
                    width: 100%;
                }

                #outer {
                    border-radius: 20px;
                    overflow: hidden;
                    margin-left: 20px;
                }



            }