/*
Theme Name: SmartBTN
Theme URI: https://makaronweb.ru
Author: APECODER
Author URI: https://makaronweb.ru
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: 'Gilroy';
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

html, body {
    width: 100%;
}

ol,
ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

body {
    font-family: 'Gilroy', serif;
    font-size: 100%;
    color: #2b2b2b;
    line-height: 1;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    min-height: 100vh;
    background: -o-linear-gradient(top, #f4f8fc 1%, white 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f4f8fc), color-stop(99%, white));
    background: linear-gradient(180deg, #f4f8fc 1%, white 99%);
}

img {
    border: 0;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    font-size: 100%;
    background: transparent;
}

.clear {
    clear: both;
}

a:active,
a:focus,
a:hover {
    border: none;
    outline: none;
    text-decoration: none;
}

input:active,
input:focus {
    outline: none;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

hr {
    border: none;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-ExtraBold.eot");
    src: url("fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("fonts/Gilroy-ExtraBold.woff") format("woff"), url("fonts/Gilroy-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Light.eot");
    src: url("fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Light.woff2") format("woff2"), url("fonts/Gilroy-Light.woff") format("woff"), url("fonts/Gilroy-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Regular.eot");
    src: url("fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Regular.woff2") format("woff2"), url("fonts/Gilroy-Regular.woff") format("woff"), url("fonts/Gilroy-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Medium.eot");
    src: url("fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Medium.woff2") format("woff2"), url("fonts/Gilroy-Medium.woff") format("woff"), url("fonts/Gilroy-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Heavy.eot");
    src: url("fonts/Gilroy-Heavy.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Heavy.woff2") format("woff2"), url("fonts/Gilroy-Heavy.woff") format("woff"), url("fonts/Gilroy-Heavy.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url("fonts/Gilroy-Bold.eot");
    src: url("fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Bold.woff2") format("woff2"), url("fonts/Gilroy-Bold.woff") format("woff"), url("fonts/Gilroy-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin'), local('Roboto-Thin'), url('fonts/Robotothin.woff2') format('woff2'), url('fonts/Robotothin.woff') format('woff'), url('fonts/Robotothin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('fonts/Robotothinitalic.woff2') format('woff2'), url('fonts/Robotothinitalic.woff') format('woff'), url('fonts/Robotothinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'), url('fonts/Robotolight.woff2') format('woff2'), url('fonts/Robotolight.woff') format('woff'), url('fonts/Robotolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('fonts/Robotolightitalic.woff2') format('woff2'), url('fonts/Robotolightitalic.woff') format('woff'), url('fonts/Robotolightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Regular'), url('fonts/Roboto.woff2') format('woff2'), url('fonts/Roboto.woff') format('woff'), url('fonts/Roboto.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts/Robotoitalic.woff2') format('woff2'), url('fonts/Robotoitalic.woff') format('woff'), url('fonts/Robotoitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), local('Roboto-Medium'), url('fonts/Robotomedium.woff2') format('woff2'), url('fonts/Robotomedium.woff') format('woff'), url('fonts/Robotomedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('fonts/Robotomediumitalic.woff2') format('woff2'), url('fonts/Robotomediumitalic.woff') format('woff'), url('fonts/Robotomediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/Robotobold.woff2') format('woff2'), url('fonts/Robotobold.woff') format('woff'), url('fonts/Robotobold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('fonts/Robotobolditalic.woff2') format('woff2'), url('fonts/Robotobolditalic.woff') format('woff'), url('fonts/Robotobolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black'), local('Roboto-Black'), url('fonts/Robotoblack.woff2') format('woff2'), url('fonts/Robotoblack.woff') format('woff'), url('fonts/Robotoblack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('fonts/Robotoblackitalic.woff2') format('woff2'), url('fonts/Robotoblackitalic.woff') format('woff'), url('fonts/Robotoblackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

.view {
    position: fixed;
    overflow-y: scroll;
    width: 450px;
    height: 75%;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 10px 5px rgba(0, 0, 0, .2);
            box-shadow: 0 10px 10px 5px rgba(0, 0, 0, .2);
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}


.iphone-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    bottom: 0;
    right: 0;
    position: fixed;
    margin-bottom: 10px;
    margin-right: 10px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 60px;
    height: 100px;
    border: 5px solid #e3e0f6;
    border-radius: 15px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    background-image: -o-linear-gradient(315deg, #6b96f3, #dd52c4);
    background-image: linear-gradient(135deg, #6b96f3, #dd52c4)
}

.vibrated {
    -webkit-animation: vebration .5s linear infinite;
    animation: vebration .5s linear infinite
}

@-webkit-keyframes vebration {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    75% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes vebration {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    25% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    75% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.view--opened {
    opacity: 1;
    top: 0
}

.view__header {
    background-color: BTNWIDGET_BG;
    height: 80px;
    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-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid #fafafc
}


.view__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: WINDOW_BG;

}

.view__btns-group {
    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
}

.view__btns-group .tool--phone {
    margin-right: 10px
}

.view__close {
    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;
    text-decoration: none
}
.iphone-btn .icon {
    fill: #e3e0f6;
    width: 25px;
    height: 25px
}


.view__close .icon {
    fill: #f2469a;
    width: 20px;
    height: 20px
}

.view .logo {
    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
}

.tool__icon {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    width: 40px;
    height: 40px;
    padding: 10px;
    border-radius: 50%
}

.tool--phone .tool__icon {
    width: 40px;
    height: 40px;
    background-image: -o-linear-gradient(bottom, #3ba59e, #205a56);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#3ba59e), to(#205a56));
    background-image: linear-gradient(to top, #3ba59e, #205a56);
    -webkit-box-shadow: 0 5px 15px rgba(18, 95, 129, .4);
    box-shadow: 0 5px 15px rgba(18, 95, 129, .4);
    fill: #fff
}






.chat {
    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%
}

.chat__header {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    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;
    background-image: -o-linear-gradient(315deg, HEADERLEFT_BG, #f9429d, HEADERRIGHT_BG);
    background-image: -o-linear-gradient(315deg, HEADERLEFT_BG, #f9429d,HEADERRIGHT_BG);
    background-image: linear-gradient(135deg, HEADERLEFT_BG, #f9429d,HEADERRIGHT_BG);
    color:HEADERFONT_COLOR;

}

.chat__header2 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    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;
    background-image: -o-linear-gradient(315deg, HEADERLEFT_BG, #f9429d, HEADERRIGHT_BG);
    background-image: -o-linear-gradient(315deg, HEADERLEFT_BG, #f9429d,HEADERRIGHT_BG);
    background-image: linear-gradient(135deg, HEADERLEFT_BG, #f9429d,HEADERRIGHT_BG);
    color:HEADERFONT_COLOR;

}

.chat__header .operator-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chat__header .more-btn {
    margin-left: 15px
}

/*-----------------*/

.rate {
    border: 1px solid #cccccc;
    float: left;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {

}
.rate > input:checked ~ label {
    color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

/*-----------------*/
.chat__body {
    padding: 20px;
    padding-bottom: 0;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.chat__box {
    border: 2px dashed #e6e6e8;
    padding: 20px;
    background-color: MESSAGE_BG;
    border-radius: 10px;
    margin-bottom: 40px
}

.chat__box .heading {
    font-size: 1em;
    color: CHATFONT_COLOR;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 15px
}

.chat__socials {
    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
}

.chat__socials .social-card {
    margin-right: 10px
}

.chat__socials .social-card:last-child {
    margin-right: 0
}

.chat__footer {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-top: 15px
}

.operator-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.operator-info__ava {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px
}


.operator-info__heading {
    font-weight: 700;
    font-size: 1em;
    line-height: 1.2
}

.operator-info__status {
    font-size: .813em;
    opacity: .6
}

.operator-message {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 30px
}

.operator-message__left-side {
    margin-right: 35px;
    position: relative;
    margin-top: 20px
}

.operator-message__typing {
    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;
    right: -30px;
    top: 0
}

.operator-message__typing span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #f2469a;
    margin-right: 4px
}

.operator-message__typing span:last-child {
    margin-right: 0
}

.operator-message__typing span:first-child {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.operator-message__typing span:nth-child(2) {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75)
}

.operator-message__ava {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden
}

.operator-message__right-side {
    width: 100%
}

.operator-message__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px
}

.operator-message__name {
    font-size: .813em;
    line-height: 1.2;
    color: #cacfd3
}

.operator-message__time {
    font-size: .813em;
    line-height: 1.2;
    color: #f2469a
}

.operator-message__message {
    background-color: MESSAGE_BG;
    border: 1px solid #f5f7f9;
    padding: 15px;
    font-size: 1em;
    line-height: 1.4;
    border-radius: 10px;
    color: CHATFONT_COLOR
}

.client-message {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 35px
}

.client-message__right-side {
    margin-left: 35px;
    position: relative;
    margin-top: 20px
}

.client-message__typing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: -30px;
    top: 0
}

.client-message__typing span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #35a9d6;
    margin-right: 4px
}

.client-message__typing span:last-child {
    margin-right: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.client-message__typing span:nth-child(2) {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75)
}

.client-message__ava {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden
}

.client-message__left-side {
    width: 100%
}

.client-message__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px
}

.client-message__name {
    font-size: .813em;
    line-height: 1.2;
    color: #cacfd3
}

.client-message__time {
    font-size: .813em;
    line-height: 1.2;
    color: #f2469a
}

.client-message__message {
    background-color: MESSAGE_BG;
    border: 1px solid #f5f7f9;
    padding: 15px;
    font-size: 1em;
    line-height: 1.4;
    border-radius: 10px;
    color: CHATFONT_COLOR;
    text-align: right
}

.message-area {
    position: relative
}

.message-area__textarea {
    resize: none;
    width: 100%;
    height: 80px;
    padding: 15px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    padding-right: 70px
}

.message-area__textarea:focus {
    border-color: #a8a8a8;
    outline: 0
}

.message-area__textarea::-webkit-input-placeholder {
    color: #d5d8df
}

.message-area__textarea::-moz-placeholder {
    color: #d5d8df
}

.message-area__textarea:-ms-input-placeholder {
    color: #d5d8df
}

.message-area__textarea::-ms-input-placeholder {
    color: #d5d8df
}

.message-area__textarea::placeholder {
    color: #d5d8df
}

.message-area__send-btn {
    width: 50px;
    height: 50px;
    position: relative;
    top: -65px;
    right: -330px;
    background-color: #7162ff;
    border: none;
    border-radius: 50%;
    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;
    padding-left: 5px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background-image: -o-linear-gradient(315deg, #6573fd, #c855e4);
    background-image: linear-gradient(135deg, #6573fd, #c855e4)
}

.message-area__send-btn .icon {
    fill: #fff;
    width: 25px;
    height: 25px
}

.message-area__send-btn:hover {
    opacity: .9;
    cursor: pointer
}

.message-area__other-btns {
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.message-area__other-btn {
    border: none;
    background: 0 0;
    margin-right: 10px
}

.message-area__other-btn:last-child {
    margin-right: 0
}

.message-area__other-btn .icon {
    width: 20px;
    height: 20px;
    fill: #d5d8df;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.message-area__other-btn:hover {
    cursor: pointer
}

.message-area__other-btn:hover .icon {
    fill: #9ba2b3
}

.message-area__add-photo-btn .icon {
    width: 23px;
    height: 23px
}

.water-sign {
    font-size: .813em;
    text-align: center;
    font-weight: 700;
    color: #d5d8df;
    margin-top: 10px
}

.water-sign a {
    color: #6f6585;
    text-decoration: none
}

.more-btn {
    width: 40px;
    height: 40px;
    background-color: #d6498d;
    border-radius: 50%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.more-btn span {
    width: 20px;
    height: 3px;
    background-color: #fff;
    margin-bottom: 3px
}

.more-btn span:last-child {
    margin-bottom: 0
}

.clear:after {
    content: '';
    clear: both;
    display: table;
}

.center {
    text-align: center;
}

.logo {
    font-size: 24px;
    line-height: 20px;
    letter-spacing: -0.05em;
    color: #F64668;
    font-weight: bold;
    margin: 8px 0 8px 0;
    position: relative;
}

.logo img {
    width: 132px;
}

.logo .logo-text{
    position: absolute;
    bottom: -20px;
    width: 100%;
    left: 33px;
    color: #2ab5ab;
}

.menu_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 8px 0;
    align-items: center;
}

.menu_nav > li {
    display: inline-block;
    margin-right: 10px;
}

.menu_nav > li a.point_menu {
    line-height: 20px;
}

.menu_nav > li > a {
    font-size: 14px;
    /*line-height: 20px;*/
    color: #69748C;
    font-weight: 500;
}

.pers_area_btn {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #F64668;
    padding-left: 30px;
    background-image: url("../images/pers_area_icon.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 22px;
    margin: 6px 0;
}

.connect_btn {
    display: inline-block;
    float: right;
    width: 168px;
    height: 36px;
    -webkit-box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.13);
            box-shadow: 3px 3px 16px rgba(0, 0, 0, 0.13);
    border-radius: 60px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 36px;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
}

.menu_nav > li > .connect_btn  {
    color: white;
}

.mob_menu_btn {
    display: none;
}

.mob_menu_btn span {
    display: block;
    background: #54617A;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.mob_menu_btn span:not(:last-of-type) {
    margin-bottom: 4px;
}

.search_btn {
    display: none;
}

.search_btn img {
    width: 23px;
}

#main .main {
    width: 540px;
    max-width: 100%;
}

.main_screen_img {
    width: 50%;
    position: relative;
}

.main_screen_img__img {
    max-width: 100%;
}

.main_screen_img__img-person {
    position: absolute;
    left: -40px;
    top: 117px;
}

.main-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/public_images_SmartbtNFALHomepage2542.jpg");
}

.main_screen_text {
    width: 50%;
}

.main_screen_text__title {
    font-size: 52px;
    line-height: 55px;
    font-weight: 800;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #F6469D;
}

.main_screen_text__title * {
    font-size: 52px;
    line-height: 55px;
    font-weight: 800;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #F6469D;
}

.main_screen_text__sub-title {
    font-size: 38px;
    font-weight: 600;
    color: #535372;
    margin-bottom: 30px;
    padding-right: 100px;
}

.main_screen_text__text {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #535372;
    margin-bottom: 45px;
    padding-right: 100px;
}

.main_screen__container {
    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;
    padding: 100px 165px;
}

.header {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: white;
}

.button_download {
    display: inline-block;
    width: 130px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 500;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
            box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
    border-radius: 4px;
    cursor: pointer;
}

.button_pink {
    display: inline-block;
    width: 255px;
    height: 58px;
    font-size: 18px;
    line-height: 58px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
            box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.button_pink:hover {
    -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
            transform: skew(-10deg);
    -webkit-box-shadow: 5px 5px 5px 2.5px rgba(65, 67, 106, 0.37);
            box-shadow: 5px 5px 5px 2.5px rgba(65, 67, 106, 0.37);
    color: white;
}

.lk_button {
    display: inline-block;
    cursor: pointer;
    color: white;
    font-weight: 700;
    font-size: 16px;
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    border: none;
    padding: 10px 20px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.button_pink_rubber {
    display: inline-block;
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 500;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
            box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
    border-radius: 4px;
    cursor: pointer;
}


.button_pink_rubber_small {
    display: inline-block;
    cursor: pointer;
    color: white;
    font-weight: 700;
    font-size: 16px;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    border: none;
    padding: 10px 20px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: 30px;
}

.button_pink_rubber_small.disabled {
    background: -o-linear-gradient(left, #afafaf 0%, #909090 100%);
    background: -webkit-gradient(linear, left top, right top, from(#afafaf), to(#909090));
    background: linear-gradient(90deg, #afafaf 0%, #909090 100%);
}


.faq_description {
    font-size: 16px;
    line-height: 24px;
    color: #69748C;
    text-align: center;
    margin-bottom: 50px;
}

.faq_title {
    font-size: 40px;
    line-height: 36px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px;
}

#accordion h3 {
    color: #69748C;
}

.ui-accordion {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

.ui-accordion-header {
    background-color: #fff;
    color: #fff;
    cursor: pointer;
    margin: 0;
    padding: 4px 8px;
    padding: 0.25rem 0.5rem;
}

.ui-accordion-header-icon {
    background-image: url('../images/down-arrow.svg');
    background-size: 100%;
    display: inline-block;
    height: 12px;
    height: 0.75rem;
    margin-right: 8px;
    margin-right: 0.5rem;
    vertical-align: middle;
    width: 12px;
    width: 0.75rem;
}

.ui-accordion-header-icon.ui-icon-triangle-1-s {
    background-position: 0 -36px;
}

.ui-accordion-content {
    background-color: #fff;
    padding: 8px;
    padding: 0.5rem;
}

.ui-accordion-content + .ui-accordion-header {
    margin-top: 8px;
    margin-top: 0.5rem;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #69748C;
}


.lock_people_img_wrapper img {
    width: 100%;
}

.form_wrapper {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    -webkit-box-shadow: 2px 3px 15px 8px rgba(122, 122, 122, 0.5);
            box-shadow: 2px 3px 15px 8px rgba(122, 122, 122, 0.5);
}

.circle_point {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px;
            box-shadow: 0px 0px 5px 0px;
    cursor: pointer;
}

.circle_point.active {
    background-color: #F64668;
}

.circle_point_wrapper {
    padding-top: 15px;
    padding-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

.circle_point_wrapper li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.circle_point_wrapper a {
    color: #69748C;
    font-weight: bold;
}

.circle_point_text {
    margin-left: 10px;
    display: inline-block;
}

.circle_point_text_wrapper {
    display: inline-block;
    margin-top: -10px;
}

.reg_title {
    font-size: 34px;
    line-height: 34px;
    color: #333333;
    text-align: center;
}

.reg_input {
    background-color: white;
    border: 2px solid #D6D8E7;
    border-radius: 4px;
    margin-top: 5px;
    padding-left: 60px;
    width: 354px;
    border-radius: 16px;
    height: 59px;
}

.input_50_proc {
    width: 48%;
}

.form_50_proc_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.reg_input_title {
    color: #B8BFD3;
    text-transform: uppercase;
    margin-top: 20px;
}

.input_email {
    background-image: url('../images/email.svg');
    background-repeat: no-repeat;
    background-position: 8px 10px;
    background-size: 23px 23px;
}

/*
.input_login {
    background-image: url('../images/SearchOIHJUSAOIUOIUOI87698573432.svg');
    background-repeat: no-repeat;
    background-position: 19px 15px;
    background-size: 24px 24px;
}

.input_pass {
    background-image: url('../images/FDSAFAFSAWQREWQEWQ5465343.svg');
    background-repeat: no-repeat;
    background-position: 19px 15px;
    background-size: 24px 24px;
}
*/

.login_modal_form_relative {
    position: relative;
    width: 354px;
    margin: auto;
}

.login_modal_form_relative__svg {
    position: absolute;
    top: 22px;
    left: 20px;
}

.checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 20px;
}

.checkbox + label {
    position: relative;
    padding: 0 0 0 40px;
    margin-left: 5px;
    cursor: pointer;
}

.checkbox + label:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background: white;
    -webkit-box-shadow: 0 0 0 5px #EAF2FF;
            box-shadow: 0 0 0 5px #EAF2FF;
    color: white;
}

.checkbox:checked + label:before {
    content: "\2714";
    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: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
}

.privacy_policy_wrapper {
    padding-top: 40px;
    padding-bottom: 20px;
    text-align: center;
}

#privacy_policy {
    width: 100%;
    max-width: 700px;
    text-align: justify;
}

.ili_text {
    color: #B8BFD3;
    /*font-size: ;*/
    margin-top: 20px;
    margin-bottom: 5px;
    color: #131313;
    font-size: 14px;
}

.login_modal-add-text {
    margin-top: 15px;
}

.login_modal-add-text__test {
    color: #131313;
    font-size: 14px;
}

.what_is_image {
    position: relative;
    width: 50%;
}

.what_is_image__img {
    max-width: 100%;
}

.what_is_image__container {
    position: absolute;
    top: 0;
    left: 0;
    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;
    height: 100%;
    width: 100%;
}

.TWITTER_button {
    background-color: #55ACEE;
    text-align: center;
    color: #fff;
    /*  padding-top: 10px;
      padding-bottom: 10px;*/
    line-height: 40px;
    border-radius: 5px;
    cursor: pointer;
    width: 200px;
    font-size: 12px;
    display: inline-block;
    height: 40px;
}

.FACEBOOK_button {
    background-color: #3B5998;
    text-align: center;
    color: #fff;
    line-height: 40px;
    /*  padding-top: 10px;
      padding-bottom: 10px;*/
    border-radius: 5px;
    cursor: pointer;
    width: 200px;
    font-size: 12px;
    display: inline-block;
    height: 40px;
}

.title_shag_two {
    margin-top: 20px;
}

.shag_two_point {
    text-align: center;
    background-color: #fff;
    width: 200px;
    border-radius: 5px;
    border: 1px solid #fff;
    margin-top: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(122, 122, 122, 0.5);
            box-shadow: 0px 0px 5px 0px rgba(122, 122, 122, 0.5);
    cursor: pointer;
}

.shag_two_point_action {
    border: 1px solid #F64668;
}

.four_step_img_wrapper img {
    height: 100%;
    width: auto;
}

.four_step_img_wrapper {
    background-image: url('../images/office-woman.png');
    background-repeat: no-repeat;
    background-position: 90% 100%;
    background-size: auto 90%;
}


/*СТИЛИ ДЛЯ СЛАЙДЕР ПОЛЗУНКА */

/*

	.irs--flat .irs-bar{
		background-color: #3daca4;
	}

	.irs--flat .irs-handle{
		top: 17px;
		border: 1px solid #ffffff;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: #3daca4;
	}

	.irs--flat .irs-from,
	.irs--flat .irs-to,
	.irs--flat .irs-single{
		background-color: #3daca4;
	}

	.irs--flat .irs-from:before,
	.irs--flat .irs-to:before,
	.irs--flat .irs-single:before{
		border-top-color: #3daca4;
	}

	.irs--flat .irs-handle>i{
		display: none!important;
	}

*/

.irs-handle {
    cursor: pointer;
}

/*СТИЛИ ДЛЯ СЛАЙДЕР ПОЛЗУНКА */


.pay_slider_wrapper .reg_input_title {
    margin-bottom: 25px;
}

.count_month {
    margin-left: 5px;
}

.count_month,
.summ_pay {
    color: #313131;
}

#login_modal {
    width: 100%;
    max-width: 550px;
    text-align: center;
}

#login_modal img {
    width: 110px;
}


#login_modal_error {
    color: red;
}


/*---------------------------------------------------------------------------------------------------------------------------------------*/


.regis_title {
    font-weight: bold;
    font-size: 110%;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #69748C;
}

.reg_desc {
    color: #69748C;
}

.reg_phone_wrapper img {
    width: 100%;
    max-width: 300px;
}


.pretty {
    /*  margin-top: 20px;
      margin-bottom: 20px;*/
}

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

.pretty input:not([type='checkbox']):not([type='radio']) {
    display: none;
}
.pretty {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    white-space: nowrap;
    line-height: 1;
}

.pretty input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.pretty .state label {
    position: initial;
    display: inline-block;
    font-weight: normal;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px);
}

.pretty .state label:before,
.pretty .state label:after {
    content: '';
    width: calc(1em + 10px);
    height: calc(1em + 10px);
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 0;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: -5px;
    top: -5px;
    /*top: calc((0% - (100% - 1em)) - 8%);*/
    background-color: transparent;
    /*background-color: #ab2567;*/
}

.pretty .state label:before {
    border-color: #ab2567;
}

.pretty.p-round .state label:before,
.pretty.p-round .state label:after {
    border-radius: 100%;
}


.pretty.p-default .state label:after {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

.pretty.p-default input:checked ~ .state label:after {
    background-color: #ab2567 !important;
}

.jscolor {
    margin-top: 10px;
    border: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
}

.reg_title_wrapper {
    margin-top: 20px;
    margin-bottom: 50px;
}

.reg_textarea_wrapper .reg_textarea {
    width: 100%;
    background-color: #F0F2F7;
    height: 100px;
    border: 0px solid #313131;
    resize: none;
}


.reg_button_soc {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #ccc;
    background-color: #fff;
    min-width: 140px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    margin-top: 10px;
}

.reg_button_soc p {
    margin-left: 10px;
}

.reg_button_soc img {
    width: 40px;
    height: auto;
}

/*---------------------------------------------------------------------------------------------------------------------------------------*/

.lk_button_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 20px;
    padding-top: 20px;
}

.constructor_point {
    margin-bottom: 20px;
    margin-top: 20px;
    /*border-bottom: 1px solid #69748C;*/
}

.img_icon {
    width: 48px;
    fill: #ffffff;
    height: auto;
}


.icon_wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.icon_close_wrapper {
    background-color: #ff0000;
}

.icon_open_wrapper {
    background-color: #18468c;
}

.button_sites_list_copy_code {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.sites_list_point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    padding-bottom: 20px;
    width: 100%;
}

.sites_list_point__link {
    margin-bottom: 5px;
    font-size: 14px;
    color: #211D2E;
}

.sites_list_point__text {
    margin-bottom: 5px;
    font-size: 14px;
    color: #211D2E;
    font-weight: 700;
    text-align: center;
}

.sites_list_point__text * {
    margin-bottom: 5px;
    font-size: 14px;
    color: #211D2E;
    font-weight: 700;
}

.sites_list_point__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.sites_list_point__container_flex {
    margin-right: 120px;
}

.page-lk__container-add-block {
    margin-left: auto;
    margin-right: auto;
}

.sites_list_point.line_top {
    border-top: 1px solid #ccc;
}

.section__container_padding {
    padding: 100px 165px;
}

.services {
    padding: 100px 10px 100px 165px;
}

.services__container {
    margin-bottom: 55px;
}

.services__container__svg {
    margin-bottom: 40px;
}

.services-content__container__img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.services__img {
    margin-bottom: 40px;
}

.services__title {
    font-size: 32px;
    font-weight: 800;
    color: #535372;
    margin-bottom: 30px;
    line-height: 40px;
    padding-right: 47.5%;
}

.services__text {
    font-size: 18px;
    line-height: 28px;
    color: #535372;
    padding-right: 40%;
}

.services-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.services-content__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 72.5%;
    -webkit-box-shadow: 0 0 70px 0 #53537227;
            box-shadow: 0 0 70px 0 #53537227;
    z-index: 1;
}

.what_is_image__container__img {
    max-width: 70%;
    -webkit-box-shadow: 0 50px 70px 0 #53537227;
            box-shadow: 0 50px 70px 0 #53537227;
}

.what_is_text-list5 {
    margin-bottom: 50px;
}

.what_is_text-list__item5 {
    color: #535372;
    margin-bottom: 30px;
    content: "";
    line-height: 28px;
}

.what_is_text-list__item5::before {
    content: "\2714";
    color: white;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    margin-right: 16px;
    padding-bottom: 7.5px;
    padding-left: 5.5px;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
}

.services-content__container-item {
    width: 100%;
    padding: 50px 30px;
    background-color: white;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.services-content__container-item:nth-child(1) {
    -webkit-box-shadow: 0 0 70px 0 #53537227;
            box-shadow: 0 0 70px 0 #53537227;
}
.services-content__container-item:nth-child(2) {
    -webkit-box-shadow: 0 0 70px 0 #53537227;
            box-shadow: 0 0 70px 0 #53537227;
}
.services-content__container-item:nth-child(3) {
    -webkit-box-shadow: 0 0 70px 0 #53537227;
            box-shadow: 0 0 70px 0 #53537227;
}

.services-content__container-item__img {
    margin-bottom: 25px;
}

.services-content__container-item__text {
    text-align: center;
    color: #535372;
    font-weight: 700;
    line-height: 20px;
}

.services_item {
    display: block;
    padding: 50px 15px 50px 30px;
    border-radius: 4px;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-bottom: 8px solid transparent;
}

.services_item img {
    display: block;
    height: 47px;
    margin-bottom: 24px;
}

.services_item span {
    display: block;
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
    color: #69748C;
    margin-bottom: 10px;
}

.services_item p {
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #69748C;
}

.services_item:hover {
    background: #FFFFFF;
    -webkit-box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
    border-color: #F64668;
}

.what_is__container {
    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;
}

.what_is__container__title {
    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;
    font-size: 32px;
    font-weight: 800;
    color: #535372;
    margin-bottom: 30px;
}

.what_is__container__title__svg {
    margin-right: 15px;
}

.what_is__container__sub-title {
    width: 100%;
    color: #535372;
    text-align: center;
    line-height: 28px;
    font-size: 18px;
    padding-right: 33%;
    padding-left: 33%;
}

.what_is__container__sub-title__span {
    background-color: white;
    font-weight: 600;
    font-style: italic;
    color: #F64668;
    -webkit-box-shadow: 0 3px 5px 1px #53537227;
            box-shadow: 0 3px 5px 1px #53537227;
}

.what_is_item {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    -khtml-display: flex;
    display: -webkit-box;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    -khtml-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 100px;
}

.what_is_item h4 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 35px;
}

.what_is_item h4 sub {
    font-weight: 400;
    color: #535372;
    font-size: 24px;
    position: relative;
    top: 0;
}

.what_is_item p {
    font-size: 18px;
    line-height: 28px;
    color: #535372;
    font-weight: 400;
    margin-bottom: 40px;
    padding-right: 75px;
}

.what_is_item a {
    display: block;
    width: 160px;
    height: 58px;
    -webkit-box-shadow: 3px 3px 25px rgba(147, 149, 190, 0.5);
            box-shadow: 3px 3px 25px rgba(147, 149, 190, 0.5);
    border-radius: 4px;
    font-size: 18px;
    line-height: 58px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.what_is_item a:hover {
    -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
            transform: skew(-10deg);
    -webkit-box-shadow: 5px 5px 5px 2.5px rgba(65, 67, 106, 0.37);
            box-shadow: 5px 5px 5px 2.5px rgba(65, 67, 106, 0.37);
    color: white;
}

.order-main-page {
    padding-top: 250px;
    padding-bottom: 200px;
}

.what_is_item5-new {

}

.what_is_item5-new-content {
    width: 100%;
}

.what_is_item5-new-content__title {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 35px;
    text-align: center;
}

.what_is_item5-new-content__title sub {
    font-weight: 400;
    color: #535372;
    font-size: 24px;
    position: relative;
    top: 0;
}

.what_is_item5-new-content__title__span {
    font-size: 32px;
    font-weight: 800;
    background: -o-linear-gradient(left, #FFA26B 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFA26B), to(#FFCF5C));
    background: linear-gradient(90deg, #FFA26B 0%, #FFCF5C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FFCF5C;
}

.what_is_item5-new-content__text {
    color: #535372;
    width: 100%;
    padding-left: 22.5%;
    padding-right: 22.5%;
    text-align: center;
    padding-bottom: 75px;
    line-height: 28px;
}

.what_is_item5-new__container {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.what_is_image__container__img-new {
    max-width: 92.5%;
    margin-left: 7.5%;
}

.what_is_item5-new__container_width {
    width: 50%;
    padding-left: 100px;
    padding-right: 100px;
}

.what_is_item5-new__container-fake-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    border-radius: 10px;
}

.what_is_item5-new__container-fake-btn-active {
    background-color: white;
    -webkit-box-shadow: 0px 0px 25px rgb(147 149 190 / 20%);
            box-shadow: 0px 0px 25px rgb(147 149 190 / 20%);
}

.what_is_item5-new__container-fake-btn-svg {
    width: 55px;
    height: 55px;
    background-color: white;
    -webkit-box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
    border-radius: 110px;
}

.what_is_item5-new__container-fake-btn-svg__svg {
    position: relative;
    top: 11px;
    left: 2.5px;
}

.what_is_item5-new__container-fake-btn__container-content {
    margin-left: 20px;
}

.what_is_item5-new__container-fake-btn__title {
    font-weight: 700;
    font-size: 16px;
    color: #535372;
    margin-bottom: 15px;
    margin-top: 10px;
}

.what_is_item5-new__container-fake-btn__text {
    color: #535372;
    line-height: 28px;
    font-size: 15px;
}

.what_is_item5-new__link {
    display: block;
    width: 160px;
    height: 58px;
    -webkit-box-shadow: 3px 3px 25px rgb(147 149 190 / 50%);
            box-shadow: 3px 3px 25px rgb(147 149 190 / 50%);
    border-radius: 4px;
    font-size: 18px;
    line-height: 58px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    margin: auto;
}

.what_is_item5-new__link:hover {
    -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
            transform: skew(-10deg);
    -webkit-box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
            box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
    color: white;
}

.what_is_item5-new-imgs__link:hover {
    -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
            transform: skew(-10deg);
    -webkit-box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
            box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
    color: white;
}

.price-main-page {
    position: relative;
    padding: 85px 165px;
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
}

.price-main-page__img {
    right: 0;
    top: 0;
    height: 100%;
    position: absolute;
}

.price-main-page__title {
    font-size: 32px;
    font-weight: 800;
    color: white;
    margin-bottom: 40px;
}

.price-main-page__text {
    color: #F64668;
    background-color: white;
    font-style: italic;
    padding: 5px 10px;
    display: inline-block;
    -webkit-box-shadow: 0 5px 5px 0 #535372ab;
            box-shadow: 0 5px 5px 0 #535372ab;
    margin-bottom: 15px;
}

.price-main-page__text * {
    font-weight: 500;
}

.price-main-page__text__span:nth-child(1) {
    font-size: 26px;
}
.price-main-page__text__span:nth-child(2) {
    font-size: 30px;
}
.price-main-page__text__span:nth-child(3) {
    font-size: 22px;
}

.price-main-page__sub-title {
    color: white;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 7.5px;
}

.price-main-page__sub-title-add {
    color: white;
    font-size: 18px;
    margin-bottom: 50px;
}

.price-main-page__link {
    font-weight: 600;
    display: block;
    width: 255px;
    height: 58px;
    font-size: 18px;
    line-height: 58px;
    color: #FFFFFF;
    border: 2px solid white;
    background: -o-linear-gradient(left, #F9648E 0%, #FD8A7D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#F9648E), to(#FD8A7D));
    background: linear-gradient(90deg, #F9648E 0%, #FD8A7D 100%);
    -webkit-box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
            box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.price-main-page__link:hover {
    -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
            transform: skew(-10deg);
    border: 2px solid white;
    -webkit-box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
            box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
    color: white;
}

.messengers__title {
    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: 32px;
    font-weight: 800;
    color: #535372;
    margin-bottom: 15px;
}



.order-main-page__container {
    width: 100%;
    height: 100%;
    position: relative;
}

.order-main-page__container__img {
    position: absolute;
    top: -75px;
    left: 15%;
}

.order-main-page__container-content {
    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;
}

.order-main-page__container-content__title {
    color: #535372;
    line-height: 28px;
    text-align: center;
    width: 100%;
    padding-left: 32.5%;
    padding-right: 32.5%;
}

.order-main-page__container-content__link {
    font-weight: 600;
    display: block;
    width: 255px;
    height: 58px;
    font-size: 18px;
    line-height: 58px;
    color: #FFFFFF;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
            box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
    border-radius: 4px;
    text-align: center;
    margin: 60px auto 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.order-main-page__container-content__link:hover {
    -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
            transform: skew(-10deg);
    -webkit-box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
            box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
    color: white;
}

.what_is_item .what_is_text img {
    display: none;
}

.what_item1 {
    padding-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.what_is_text {
    width: 50%;
}

.what_is_text-list {
    margin-bottom: 50px;
}

.what_is_text-list__item {
    color: #535372;
    margin-bottom: 30px;
    content: "";
    line-height: 28px;
}

.what_is_text-list__item::before {
    content: "\2714";
    color: white;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    margin-right: 16px;
    padding-bottom: 7.5px;
    padding-left: 5.5px;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
}

.what_is_text__title__span1 {
    font-size: 32px;
    font-weight: 800;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #F6469D;
}

.what_is_text__title__span1 * {
    font-size: 32px;
    font-weight: 800;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #F6469D;
}

.what_is_text__title__span5 {
    font-size: 32px;
    font-weight: 800;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #46C1F6;
}

.what_is_text__title__span5 * {
    font-size: 32px;
    font-weight: 800;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #46C1F6;
}

.what_is_text__title__span2 {
    font-size: 32px;
    font-weight: 800;
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #42C1B8;
}

.what_is_item.what_item1 h4 {
    color: #F6469D;
}

.what_is_item.what_item1 a {
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
}

.what_is_item.what_item2 h4 {
    color: #3BA49D;
}

.what_is_item.what_item2 a {
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
}

.what_is_item.what_item3 h4 {
    color: #46C1F6;
}

.what_is_item.what_item3 a {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
}

.what_is_item.what_item4 h4 {
    color: #F6469D;
}

.what_is_item.what_item4 a {
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
}

.what_is_mob_tab_list {
    display: none;
}

.what_is_mob_tab_list li {
    float: left;
    width: 25%;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.what_is_mob_tab_list li a {
    display: block;
    padding: 15px;
    text-align: center;
    background: #F6F8F9;
    -webkit-box-shadow: 0px 0px 20px rgba(215, 222, 227, 0.39422), 0px 26px 90px rgba(51, 59, 69, 0.1);
            box-shadow: 0px 0px 20px rgba(215, 222, 227, 0.39422), 0px 26px 90px rgba(51, 59, 69, 0.1);
    border-radius: 10px;
    position: relative;
}

.what_is_mob_tab_list li a img {
    height: 35px;
}

.what_is_mob_tab_list li a.active {
    top: -15px;
}

.what_is_mob_tab_list.marg_bot {
    margin-bottom: 40px;
}

.what_is_mob_tab_list.marg_top {
    margin-top: 60px;
}

.messengers {
    padding: 100px 165px;
}

.messengers__sub-title {
    width: 100%;
    color: #535372;
    text-align: center;
    line-height: 28px;
    font-size: 18px;
    padding-right: 33%;
    padding-left: 33%;
    margin-bottom: 50px;
}

.messengers a {
    font-weight: 600;
    display: block;
    width: 255px;
    height: 58px;
    font-size: 18px;
    line-height: 58px;
    color: #FFFFFF;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
            box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
    border-radius: 4px;
    text-align: center;
    margin: 40px auto 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.messengers a:hover {
    -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
            transform: skew(-10deg);
    -webkit-box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
            box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
    color: white;
}

.messengers__img {
    display: block;
    margin: 40px auto 0 auto;
}

.reviews {
    position: relative;
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
}

.reviews__container {
    padding: 100px 165px;
}

.reviews__container__title {
    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;
}

.reviews__container__title__img {
    margin-right: 15px;
}

.reviews__container__img {
    position: absolute;
    height: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}

.reviews__container__img:nth-child(1) {
    top: 0;
    left: 0;
}
.reviews__container__img:nth-child(2) {
    top: 0;
    right: 0;
}

.messengers_item {
    float: left;
    margin-right: 20px;
    width: calc(16.6% - 16.6px);
    margin-bottom: 20px;
}

.messengers_item img {
    width: 100%;
}

.messengers_item:nth-child(6n) {
    margin-right: 0;
}

.video {
    padding: 40px 0;
}

.video h2 {
    font-size: 32px;
    line-height: 36px;
    color: #333333;
    margin-bottom: 20px;
    text-align: center;
}

.video h3 {
    font-size: 16px;
    line-height: 24px;
    color: #69748C;
    margin-bottom: 40px;
    text-align: center;
}

.video .video_btn {
    display: block;
    width: 780px;
    max-width: 100%;
    margin: 0 auto;
}

.video .video_btn img {
    width: 100%;
}

#reviews h2 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 800;
    color: white;
    text-align: center;
    margin-bottom: 20px;
}

#reviews h3 {
    font-size: 16px;
    line-height: 24px;
    color: #69748C;
    text-align: center;
    margin-bottom: 110px;
}

#reviews a.try-it-free {
    display: block;
    width: 255px;
    height: 58px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 58px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
            box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
    border-radius: 4px;
}

.owl-dots {
    display: none;
}

.reviews_slider .item img {
    width: 150px;
    margin: 0 auto 40px;
    border-radius: 50%;
}

.reviews_slider .item {
    padding-right: 275px;
    padding-left: 275px;
}

.reviews_slider .item p {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #000000;
    margin-bottom: 30px;
    font-style: italic;
    color: white;
}

.reviews_slider .item p a {
    color: white;
    font-weight: 700;
    font-style: italic;
}

.blog_block {
    padding-top: 70px;
    padding-left: 165px;
    padding-right: 165px;
}

.blog_block h3 {
    font-size: 16px;
    line-height: 28px;
    color: #535372;
    text-align: center;
    margin-bottom: 40px;
    padding-right: 37.5%;
    padding-left: 37.5%;
}

.try_free_btn {
    display: block;
    width: 255px;
    height: 58px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 58px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
            box-shadow: 3px 3px 70px rgba(65, 67, 106, 0.37);
    border-radius: 4px;
}

.try_free_btn:active,
.try_free_btn:focus,
.try_free_btn:hover {
    color: #fff;
}

.blog_list {
    margin-bottom: 60px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

.blog_item a {
    display: block;
}

.blog_item a img {
    width: 100%;
    -webkit-box-shadow: 0px 15px 35px rgba(105, 116, 140, 0.15);
            box-shadow: 0px 15px 35px rgba(105, 116, 140, 0.15);
    margin-bottom: 26px;
}

.blog_item a .date {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #535372;
    margin-bottom: 10px;
}

.blog_item a b {
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #535372;
}

.blog_item a:hover b {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #F64668;
}

.download_seo {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 15px 35px rgba(105, 116, 140, 0.08);
            box-shadow: 0px 15px 35px rgba(105, 116, 140, 0.08);
    text-align: center;
    padding: 18px;
    margin-bottom: 80px;
}

.download_seo p {
    color: #535372;
}

.menu_nav li:nth-child(7) {
    margin-right: 0;
}

.download_seo a {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #69748C;
    padding-right: 30px;
}

.footer {
    padding: 75px 165px;
    -webkit-box-shadow: 0px -15px 35px rgb(105 116 140 / 8%);
            box-shadow: 0px -15px 35px rgb(105 116 140 / 8%);
}

.footer__container {
    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;
}

.blog_block__title {
    font-size: 32px;
    font-weight: 800;
    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: #535372;
    margin-bottom: 15px;
}

.blog_block__title__svg {
    margin-right: 15px;
}

.smart_button_mobile {
    display: none;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
    -webkit-box-shadow: 0px -5px 30px rgba(0, 0, 0, 0.25);
            box-shadow: 0px -5px 30px rgba(0, 0, 0, 0.25);
    font-size: 22px;
    color: #FFFFFF;
    font-weight: bold;
}

.smart_btn_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
    top: 0;
    position: absolute;
}


.pulse_phone {
    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;
    width: 150px;
    height: 150px;
    color: gray;
    /*background: white;*/
    border-radius: 50%;
    -webkit-animation: radial-pulse 2s infinite;
            animation: radial-pulse 2s infinite;
    width: 100px;
    height: 100px;
    position: fixed;
    /*border: 1px solid #313131;*/
    right: 10px;
    bottom: 10px;
    z-index: 1000;
    cursor: pointer;
}

.pulse_phone img {
    width: 100%;
}

@-webkit-keyframes radial-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
                box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
    }

    100% {
        -webkit-box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
                box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
    }
}

@keyframes radial-pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
                box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
    }

    100% {
        -webkit-box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
                box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
    }
}


#callback_button_walking {
    width: 70px;
    height: 70px;
    position: fixed;
    background-color: #18468c;
    right: 10px;
    bottom: 10px;
    z-index: 100000;
    cursor: pointer;
}

/* Visual styles */
.demo-dropdown {
    margin-top: 2px;
    padding: 0 15px;
    overflow: auto;
    background: #FD6C6C;
    color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 5px -1px #000;
            box-shadow: inset 0 0 5px -1px #000;
}

.demo-menu {
    display: inline-block;
    vertical-align: top;
    padding: 10px 20px;
    -webkit-box-shadow: inset 0 0 5px -1px #000;
            box-shadow: inset 0 0 5px -1px #000;
    border-radius: 6px;
    border: 0;
    color: #000;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(0, 0, 0, .3);
    background: #FD6C6C;
    color: #ECF0F1;
    font-weight: bold;
    font-size: 18px;
}

.demo-menu:hover {
    color: #fff !important;
}

/* Animate */
.demo-menu:hover + .demo-dropdown,
.demo-dropdown:hover {
    max-height: 700px;
    padding: 15px;
}

.demo-dropdown {
    -webkit-transition: max-height .5s, padding .5s;
    -o-transition: max-height .5s, padding .5s;
    transition: max-height .5s, padding .5s;
    max-height: 0;
}

.icon-btn {
    background-color: white;
    width: 36px;
    height: 36px;
    margin: .6em;
    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: 50%;
    text-align: center;
    line-height: 0;
}

.icon-btn > .icon {
    fill: #fff;
    height: 40px;
    width: 40px;
    width: 100%;
}

/*
.vk-icon {
    background-color: #2e77a4;
}

.tg-icon {
    background-color: #00a8dd
}

.fb-icon {
    background-color: #23599b
}

.ok-icon {
    background-color: #ff9500
}

.wa-icon {
    background-color: #4ab632
}

.vb-icon {
    background-color: #7d3dae
}

.custom-icon {
    background-color: #000;
}
*/

#button-list .input-group > .input-group-addon > span {
    display: inline-block;
}

#button-list .input-group .input-group-addon > span > svg {
    height: 16px;
    width: 17px;
    fill: #fff;
}

.button-block {
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin: 15px 0;
}

.button-block .button-block-header {
    text-align: center;
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #a9a6a6;
}

.social-setting-box .delete-button {
    width: 100%;
    display: block;
    color: white;
    background-color: #f64669;
    cursor: pointer;
    padding: 20px 45px;
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    border-radius: 15px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 18px;
    height: auto;
    margin-top: 10px;
}

.social-setting-box .delete-button:hover {
    -webkit-box-shadow: 0px 15px 3px rgb(246 70 105 / 16%);
    box-shadow: 0px 15px 3px rgb(246 70 105 / 16%);
}

.button-block .button-block-body,
.button-block .button-block-footer {
    padding: 10px 0;
    overflow: hidden;
}

.button-block .button-block-body input {
    padding: 5px 15px;
    width: 95%;
}

.form-errors {
    background: #f8d7da;
}

.form-errors ul {
    list-style: disc;
    margin-left: 20px;
    padding: 10px 20px;
}

.form-errors ul > li {
    color: #721c24;
    padding: 10px;
}

.form-notifications {
    background: #dff0d8;
}

.form-notifications ul {
    list-style: disc;
    margin-left: 20px;
    padding: 10px 20px;
}

.form-notifications ul > li {
    color: #3c763d;
    padding: 10px;
}

form.plans div.radio input {
    -moz-appearance: radio;
    -webkit-appearance: radio;
    appearance: auto;
}

.test-phone {
    width: 320px;
    height: 580px;
    padding: 16px 45px 16px 17px;
    z-index: 1;
    position: relative;
}

.test-phone::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-size: contain;
    background: url(../images/testPhone.png) no-repeat;
    pointer-events: none;
}

.test-phone #test-area {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 2em;
    position: relative;
}

.test-phone #test-area > iframe {
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);

    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 383px;
    height: 784px;
}

.test-phone #test-area .test-area-preloader{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.test-phone #test-area .test-area-preloader .loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 0.5s linear infinite; /* Safari */
    animation: spin 0.5s linear infinite;
}

.test-phone #test-area .test-area-preloader > div > p{
    text-align: center;
    margin-bottom: 10px;
}

.test-phone #test-area .test-area-preloader > div{
    position: absolute;
    left:50%;
    top:50%;
    -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.tariffs-page {
    background-image: url('../images/tariffs-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.tariffs-page__row {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.tariff-card {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #CFD0D1;
    padding: 20px;
    padding-bottom: 40px;
    color: #69738C;
    font-size: 18px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .2);
            box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .2)
}

.tariff-card__title {
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 19px;
}

.tariff-card__price {
    font-size: 50px;
    font-weight: bold;
}

.tariff-card__price span {
    font-weight: normal;
}

.tariff-card__economy {
    font-size: 20px;
    margin-bottom: 30px;
}

.tariff-card__list {
    list-style: none;
    width: 100%;
    padding-left: 20px;
}

.tariff-card__li {
    margin-top: 10px;
    position: relative;
}

.tariff-card__li::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #69738C;
    top: 10px;
    left: -20px;
}

.tariff-card__btn {
    color: #fff;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #69738C;
    margin-top: 20px;
}

.tariff-card__btn:hover, .tariff-card__btn:focus {
    text-decoration: none;
    color: #fff;
    opacity: .8;
    outline: none;
}

.tariff-card--free .tariff-card__title, .tariff-card--free .tariff-card__price {
    color: #F64768;
}

.tariff-card--free .tariff-card__li::after, .tariff-card--free .tariff-card__btn {
    background-color: #F64768
}

.tariff-card--free .tariff-card__time {
    margin-bottom: 60px;
}

.tariff-card--second-plan .tariff-card__title, .tariff-card--second-plan .tariff-card__price {
    color: #40BBB2;
}

.tariff-card--second-plan .tariff-card__li::after, .tariff-card--second-plan .tariff-card__btn {
    background-color: #40BBB2
}

.tariff-card--third-plan .tariff-card__title, .tariff-card--third-plan .tariff-card__price {
    color: #3BC39B;
}

.tariff-card--third-plan .tariff-card__li::after, .tariff-card--third-plan .tariff-card__btn {
    background-color: #3BC39B
}

.tariff-card--fourth-plan .tariff-card__title, .tariff-card--fourth-plan .tariff-card__price {
    color: #7B68EE;
}

.tariff-card--fourth-plan .tariff-card__li::after, .tariff-card--fourth-plan .tariff-card__btn {
    background-color: #7B68EE
}

.tariff-card--fifth-plan .tariff-card__title, .tariff-card--fifth-plan .tariff-card__price {
    color: #32CD32;
}

.tariff-card--fifth-plan .tariff-card__li::after, .tariff-card--fifth-plan .tariff-card__btn {
    background-color: #32CD32
}

.tariff-card__col {
    padding-top: 30px;
    padding-bottom: 30px;
}

.text-center {
    text-align: center;
}

.title {
    font-weight: normal;
}

.constructor-page {
    background-color: #EAF2FF;
}

/* Error notice */
.error {
    font-size: 18px;
    color: #CF2E2E;
    border: 1px solid #D7CBD0;
    border-left: 5px solid #CF2E2E;
    background-color: rgba(215, 203, 208, .5);
    border-radius: 5px;
    padding: 20px 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.error-list {
    list-style: none;
}

/* Success notice */
.success {
    font-size: 18px;
    color: #387332;
    border: 1px solid #C7E6C0;
    border-left: 5px solid #4DEF27;
    background-color: rgba(199, 230, 192, .5);
    border-radius: 5px;
    padding: 20px 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.constructor-settings_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* constructor settings styling */
.constructor-settings {
    width: 50%;
    margin-top: 20px;
}

.constructor-settings__col {
    width: 100%;
}

.constructor-settings__input-group {
    margin-top: 30px;
}

.constructor-settings__input-group-button-logotip {
    margin-top: 10px;
    width: auto;
    height: 50px;
}

.constructor-settings__label {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #298BD0;
    cursor: pointer;
}

.constructor-settings__label-phrase-none {
    display: none;
}

.constructor-settings__input--phrase-data__input {
    display: none;
}

.constructor-settings__input {
    border: none;
    background-color: #EAF2FF;
    border-radius: 15px;
    max-width: 445px;
    width: 100%;
    padding: 15px 20px;
    /*
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 5px center;
    padding-left: 30px;
    */
}

.constructor-settings__input-fake-btn {
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    border-radius: 15px;
    color: white;
    font-weight: 700;
    font-size: 16px;
    padding: 15px 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;
    margin-right: auto;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: auto;
    max-width: 265px;
}

.constructor-settings__input-fake-btn:hover {
    -webkit-box-shadow: 0px 15px 5px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 5px rgb(20 102 204 / 16%);
}

.constructor-settings__input--name {
    /**/
}

.constructor-settings__input--address {
    /**/
}

.constructor-settings__input--tel {
    /**/
}

.constructor-settings__input--route {
    /**/
}

.constructor-settings__input-map {
    position: absolute;
    top: -200vh;
    left: -200%;
}

.constructor-settings__button--route_map {
    border: none;
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
            box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    border-radius: 15px;
    color: white;
    font-weight: 700;
    font-size: 16px;
    padding: 15px 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;
    margin-right: auto;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 265px;
    margin-right: auto;
}

.constructor-settings__button--route_map:hover {
    -webkit-box-shadow: 0px 15px 5px rgb(20 102 204 / 16%);
            box-shadow: 0px 15px 5px rgb(20 102 204 / 16%);
}

.constructor-settings__address .constructor-settings__input-group {
    /**/
}

.constructor-settings__input-group__label-files {
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    -webkit-box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
            box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
    border-radius: 15px;
    color: white;
    font-weight: 700;
    font-size: 16px;
    padding: 15px 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;
    margin-right: auto;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-width: 265px;
    margin-right: auto;
}

.constructor-settings__input-group__label-files:hover {
    -webkit-box-shadow: 0px 15px 5px rgba(20, 102, 204, 0.16);
            box-shadow: 0px 15px 5px rgba(20, 102, 204, 0.16);
}

.constructor-settings__input-group__label-files__span {
    background-color: white;
    margin-right: 10px;
    color: #42C1B8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 30px;
    height: 26px;
    width: 26px;
    font-size: 30px;
}

.constructor-settings__input-group__label-files__input[type=file] {
    display: none;
}

.constructor-settings__socials span {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: block;
}

.constructor-settings__socials-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.constructor__social-link {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.constructor__social-link .icon {
    fill: #fff;
}

/*
.constructor__social-link--vk {
    background-color: #4D76A1;
}

.constructor__social-link--tg {
    background-color: #2EA6D9;
}

.constructor__social-link--fb {
    background-color: #3B5998;
}

.constructor__social-link--ok {
    background-color: #F68634;
}

.constructor__social-link--wa {
    background-color: #51B251;
}

.constructor__social-link--vb {
    background-color: #753ECF;
}
*/

/* constructor socials settings */
.constructor-page__bottom-side {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.constructor-socials-settings {
    margin-right: 40px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.social-setting-box .constructor__social-link {
    background-color: white;
}

.social-setting-box__icon {
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 20px;
    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;
}

.social-setting-box-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}

.social-setting-box-close-ready {
    position: absolute;
    top: 27.5px;
    right: 35px;
}

.social-setting-box__values {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: white;
    padding: 35px 95px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.social-setting-box__values_width {
    width: 50%;
}

.social-setting-box__values_width_order-inputs {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

.social-setting-box__values_width_order-help {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-left: 125px;
    padding-right: 10px;
    height: 50vh;
    word-break: break-all;
    overflow: auto;
    line-height: 20px;
    font-size: 14px;
    color: #6E7191;
}

.social-setting-box__values_width_order-help img {
    width: 100%;
}

.social-setting-box__values_width-save {
    width: 100%;
    border: none;
    outline: none;
    padding: 20px 45px;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    border-radius: 15px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 18px;
    height: auto;
    display: block;
}

.social-setting-box__values_width-save:hover {
    -webkit-box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
}

.social-setting-box__values_width_order-help::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.social-setting-box__values_width_order-help::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.social-setting-box__values_width_order-help::-webkit-scrollbar-track {
    display: none;
}
.social-setting-box__values_width_order-help::-webkit-scrollbar-track-piece {
    background-color: grey;
    border-radius: 10px;
}
.social-setting-box__values_width_order-help::-webkit-scrollbar-thumb {
    background-color: #131313;
    border-radius: 10px;
}

.social-setting-box__input-link {
    width: 100%;
    color: #808080;
    border: none;
    border: 2px solid #D6D8E7;
    padding: 20px 25px;
    border-radius: 15px;
    margin-bottom: 10px;
}

.social-setting-box__input-helper {
    /*
    border: none;
    border-left: 1px solid #fff;
    margin-left: 20px;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    border-radius: 3px;
    padding-left: 10px;
    */
    display: none;
}

.social-setting-box__input-helper::-webkit-input-placeholder {
    color: #fff;
}

.social-setting-box__input-helper::-moz-placeholder {
    color: #fff;
}

.social-setting-box__input-helper:-ms-input-placeholder {
    color: #fff;
}

.social-setting-box__input-helper::-ms-input-placeholder {
    color: #fff;
}

.social-setting-box__input-helper::placeholder {
    color: #fff;
}

/*
.social-setting-box--vk {
    display: none;
}

.social-setting-box--tg {
    display: none;
}

.social-setting-box--fb {
    display: none;
}

.social-setting-box--ok {
    display: none;
}

.social-setting-box--wa {
    display: none;
}

.social-setting-box--vb {
    display: none;
}
*/

.social-setting-box {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background-color: rgba(33, 29, 46, 0.8);
    padding: 15px 15px 15px 85px;
    display: block;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.social-setting-box::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.social-setting-box::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.social-setting-box::-webkit-scrollbar-track {
    display: none;
}
.social-setting-box::-webkit-scrollbar-track-piece {
    background-color: grey;
    border-radius: 10px;
}
.social-setting-box::-webkit-scrollbar-thumb {
    background-color: #131313;
    border-radius: 10px;
}

.social-setting-box-no-active {
    top: -110vh;
}

/* Constructor submit button */
.constructor__submit-btn {
    width: 100%;
    max-width: 445px;
    border: none;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
            box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    border-radius: 15px;
    font-size: 16px;
    color: white;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.constructor__submit-btn:hover {
    -webkit-box-shadow: 0 15px 5px 0 rgb(20 102 204 / 16%);
            box-shadow: 0 15px 5px 0 rgb(20 102 204 / 16%);
}

.reset-password-link {
    position: absolute;
    right: 25px;
    border-bottom: 1px dashed;
}

#withdrawal input[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: auto;
}

#withdrawal input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: auto;
}

.btn-desktop {
    position: relative;
    width: 180px;
    height: 180px;
    -webkit-box-shadow: 0 0 10px 10px rgba(247, 77, 161, .12);
    box-shadow: 0 0 10px 10px rgba(247, 77, 161, .12);
    border-radius: 50%;
    background-color: rgba(247, 77, 161, .12);
    margin: 10px;
    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
}

.btn-desktop--fixed {
    position: fixed;
    bottom: 5px;
    right: 5px;
    opacity: 0.4;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index:999;
}

.btn-desktop--fixed > a.the-smartbtn-link{
    display: block;
    text-align: center;
    color: #0053ff;
    margin: 0 auto;
    width: 106px;
    opacity: 1;
    padding: 1px 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size:13px !important;
}

.btn-desktop--fixed:hover {
    opacity: 1;
}

.btn-desktop.active .rotated {
    -webkit-animation: none !important;
    animation: none !important
}

.btn-desktop.active .btn-desktop__social {
    -webkit-animation: none !important;
    animation: none !important
}

.btn-desktop.active .btn-desktop__social:not(.btn-desktop__social--selected){
    opacity: 0;
}


.btn-desktop.active .btn-desktop__social--selected {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 2
}

.btn-desktop.active .btn-desktop__logo {
    -webkit-box-shadow: 0 0 10px 60px rgba(247, 77, 161, .2);
    box-shadow: 0 0 10px 60px rgba(247, 77, 161, .2)
}

.btn-desktop__logo {
    width: 80px;
    height: 80px;
    border: none;
    background-color: #f1ffff;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn-desktop__logo:focus {
    outline: 0
}

.btn-desktop__logo img {
    width: 90%;
    height: auto
}

.btn-desktop__socials {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url('/assets/atom.png');
    background-repeat: no-repeat;
    background-size: 170%;
    -webkit-transform: 2.5s all;
    -ms-transform: 2.5s all;
    transform: 2.5s all;
    background-position: center center
}

.btn-desktop__socials.rotated {
    -webkit-transform: 2.5s all;
    -ms-transform: 2.5s all;
    transform: 2.5s all;
    -webkit-animation: rotateAnim 20s linear infinite;
    animation: rotateAnim 20s linear infinite
}

.btn-desktop__social {
    width: 35px;
    height: 35px;
    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;
    position: absolute;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 50%;
    -webkit-animation: rotateElem 20s linear infinite;
    animation: rotateElem 20s linear infinite
}

.btn-desktop__social .icon {
    fill: #fff;
    width: 15px;
    height: 15px
}

.btn-desktop__social img {
    max-width: 100%;
    height: auto
}

.btn-desktop__social--tg {
    background-color: #00a8dd;
    top: 6px;
    left: 70px;
}

.btn-desktop__social--vb {
    background-color: #7d3dae;
    top: 40px;
    left: 133px;
}

.btn-desktop__social--wa {
    background-color: #4ab632;
    top: 109px;
    left: 135px
}

.btn-desktop__social--fb {
    background-color: #23599b;
    top: 140px;
    left: 80px
}

.btn-desktop__social--vk {
    background-color: #2e77a4;
    top: 111px;
    left: 17px;
}

.btn-desktop__social--ok {
    background-color: #ff9500;
    top: 40px;
    left: 15px;
}

@-webkit-keyframes rotateAnim {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateAnim {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateElem {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes rotateElem {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.about-page {
    font-family: 'Roboto', serif;
    line-height: 1.3;
}

.about-page__head-text{
    font-size:33px;
    font-family:'Roboto',serif;
    margin-top: 24px;
}

@media screen and (max-width: 751px) {
    .about-page__head-text{
        margin-top: 110px;
    }
}

.about-page .row p {
    margin: 20px 0;
    font-family: 'Roboto', serif;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
}

.about-page .row.description {
    padding: 15px 13px;
    border-top: 1px solid rgba(0, 0, 0, 0.7);
    max-width: 866px;
    margin: 0 auto;
    font-family: Roboto, serif;
}

.about-page .row.description.last {
    border-bottom: 1px solid #000;
}

.about-page .row.description > div {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 15px;
    font-family: Roboto, serif;
    line-height: 1.4;
}

.about-page .row.description > div > strong {
    font-weight: 500;
    font-family: Roboto, serif;
}

.about-page .row.description a {
    font-weight: 600;
    font-size: 18px;
    /*height: 76px;*/
    /*line-height: 76px;*/
    color: #000;
    /*display: block;*/
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}

.about-page .row.description .cost_savings_pers{
    font-weight: 600;
    font-size: 18px;
    color: #000;
    width: 80%;
}

.about-page .row.description a > .plus-icon {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    /*top: 20px;*/
    background-image: url(../images/about/add.png);
    background-size: cover;
    border-radius: 50%;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    transition: -webkit-transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.about-page .row.description a > .plus-icon:hover {
    background-color: #F1EFEF;
    border: 2px solid #F1EFEF;
    right: -2px;
    top: 18px;
    width: 39px;
    height: 39px;
    -webkit-box-shadow: 0 0 20px 5px #F1EFEF;
    -o-box-shadow: 0 0 20px 5px #F1EFEF;
    box-shadow: 0 0 20px 5px #F1EFEF;

}

.about-page .row.description a[aria-expanded="true"] > .plus-icon {
    -webkit-transform: rotateZ(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotateZ(-45deg);
}

.about-page ol,
.about-page ul {
    list-style: decimal;
    margin-left: 30px;
}

.about-page ul {
    list-style: disc;
}

.about-page ol > li {
    font-family: 'Roboto', serif;
    font-weight: 400;
    font-size: 16px;
    margin: 10px 0;
}

.about-page .advantages{
    max-width: 800px;
    margin:0 auto;
}

.about-page .advantages > li{
    margin:10px 0;
}

.mobile-preview{
    margin-top:20px;
}

.agreement-page{
    max-width: 970px;
    margin:0 auto;
}

.agreement-page section{
    padding-top: 1.3em;
}

.agreement-page section > p{
    margin-bottom: 1em;
    padding-left: 1em;
}

.agreement-page section > p:first-child{
    padding-top: 1em;
}

#chat-button {
    width: 162px;
    height: 162px;
    position: fixed;
    right: 10px;
    bottom: 20%;
    cursor: pointer;
    background-size: cover;
}
#chat-button > div{
    width: 94px;
    height: 94px;
    margin: 34px auto;
    background-size: cover;
}

#chat-button img{
    width: 79px;
    height: 32px;
    margin: 30px 7px;
}

#chat-box {
    width: 400px;
    height: 600px;
    padding: 10px;
    position: fixed;
    bottom: 30px;
    right: 20%;
    background: #4d76a1;
    z-index:1000;
}

#chat-window {
    height: 530px;
    width: 100%;
    border: 1px solid rgba(253, 253, 253, 0.12);
    overflow-y: auto;
}

#chat-window > p {
    background-color: #1e9b32;
    color: #ffffff;
    padding: 10px 20px;
    margin: 10px 30px;
    border-radius: 10px;
    -webkit-box-shadow: -5px 9px 20px 0px rgba(0, 0, 0, 0.35);
            box-shadow: -5px 9px 20px 0px rgba(0, 0, 0, 0.35);
}

.send-button{
    background: #157925;
    color: #fff;
    padding: 7px 20px;
    border: none;
    -webkit-box-shadow: -4px 4px 20px 0 rgba(39, 37, 37, 0.62);
            box-shadow: -4px 4px 20px 0 rgba(39, 37, 37, 0.62);
    margin-left: 5px;
}

#close-chat{
    font-size:2em;
    color:red;
    position: absolute;
    right: -21px;
    top: -20px;
    font-weight: bold;
    cursor:pointer;
}
#language-box{
    /*
    float: right;
    color: #69748C;
    margin: 10px;
    */
}

.language {
    position: absolute;
    right: 50px;
    top: 45px;
    z-index: 99;
    height: 19px;
    overflow: hidden;
    padding-right: 16px;
}

.language-active {
    overflow: inherit;
    height: auto;
}

.language-arrow {
    position: absolute;
    right: 4px;
    top: 3px;
    cursor: pointer;
}

#language-box span:nth-child(1) {
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

#language-box span{
    color: #69748C;
    font-size: 14px;
    font-weight: 500;
    display: block;
    padding: 5px;
    cursor: pointer;
    background-color: white;
    -webkit-box-shadow: inset 0 5px 3px 0 rgb(206, 206, 206);
            box-shadow: inset 0 5px 3px 0 rgb(206, 206, 206);
}

.active-lang{
    color: #69748C;
}



/*
.constructor-settings__map{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh;
    background: #5f6983;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5) ;
            box-shadow: 0 0 10px rgba(0,0,0,0.5) ;
    cursor: pointer;
    overflow: hidden;

}
*/

.constructor-settings__map_route_title {
    font-size: 18px;
    font-weight: 500;
    color: #131313;
}

.constructor-settings__map_close{
    cursor: pointer;
}

.page-messengers__container-main__head_relative {
    position: relative;
}

.constructor-settings__map_route{
    /**/
}

.constructor-settings__map_adress{
    color: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}
.constructor-settings__map_index{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left:5px;
    margin-right:5px;
    width:20px;
}

.constructor-settings__map_route {
    height: 100%;
    border-radius: 10px;
    overflow: auto;
}

.constructor-settings__map_route::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.constructor-settings__map_route::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.constructor-settings__map_route::-webkit-scrollbar-track {
    display: none;
}
.constructor-settings__map_route::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
}
.constructor-settings__map_route::-webkit-scrollbar-thumb {
    background-color: grey;
    border-radius: 10px;
}

.constructor-settings__map_route_detail__container {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 15px 50px 15px;
    background-color: white;
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.constructor-settings__map_route_detail {
    width: 100%;
    height: 400px;
    background-color: grey;
}

.constructor-settings__map_route_mapObject{
    /*
    color: black;
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    */
}

.constructor-settings__map_adress{
    color: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}
.constructor-settings__map_index{
    font-size: 12px;
    margin-top: 0;
    padding: 5px 10px;
    background-color: #FED215;
    -webkit-box-shadow: inset 0 -3px 3px 1px #c2a110;
            box-shadow: inset 0 -3px 3px 1px #c2a110;
    border-radius: 5px;
    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;
    color: white;
    margin-left:5px;
    margin-right:5px;
    width:20px;
}

.mapObject {
    outline: none;
    border: 1px solid #131313;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left:auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    width: 100%;
    height: 100%;
}

.mapObject:focus {
    -webkit-box-shadow: 1px 1px 2px 0 #131313;
            box-shadow: 1px 1px 2px 0 #131313;
}

.constructor-settings__map_scroll_container::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    border-radius: 15px;
    background-color: #eaeaf3  ;

}
.constructor-settings__map_scroll_container::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px #fcf7f9 ;
    border-radius: 15px;
    background-color:white;
    border-left: 3px solid white;
    border-right: 3px solid white;

}
.constructor-settings__map_scroll_container::-webkit-scrollbar-thumb
{
    border-radius: 15px;
    -webkit-box-shadow: inset 0 0 px white ;
    background-color: #141011   ;

}

.constructor-settings__map_scroll_container::-webkit-scrollbar-corner{
    border-radius: 15px;
    background-color:white    ;
}

.constructor-settings__map_scroll_container {
    border: 1px solid #131313;
    border-radius: 5px;
    z-index: 10;
    position: relative;
    width: 100%;
    height: 86px;
    overflow: auto;
    scrollbar-width: thin;
    -ms-overflow-style: none;

    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: auto;
    padding-left: 5px;
    padding-right: 5px;
}
.constructor-settings__map_SuggestView{

}

.ulogin_social_block{
    margin-top: 5px;
    margin-right: -10px;
}
#page-preloader {
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #d0d8dc;
    opacity: 60%;
    z-index: 100500;
}

#page-preloader .spinner {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

    border: 16px solid #f3f3f3;
    border-top: 16px solid rgb(152, 64, 99);
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.order-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: -o-linear-gradient(left, #FE9677, #F6469D);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677, #F6469D);
}

.order-top__title {
    font-size: 14px;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    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;
}

.order-top__title__svg {
    margin-left: 5px;
}

.header__container_flex {
    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-left: 120px;
    padding-right: 120px;
}

.page-messengers__container-main {
    padding-bottom: 100px;
}

.page-messengers__container-main__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-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 100px 165px 0 165px;
}

.page-messengers__container-main__head_flex {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: -1;
}

.page-messengers__container-main__head__title {
    text-align: center;
    font-size: 48px;
    font-weight: 800;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #46C1F6;
    margin-bottom: 30px;
    position: relative;
}

.page-messengers__container-main__head__text {
    text-align: center;
    font-size: 18px;
    color: #535372;
    line-height: 28px;
}

.page-messengers__container-main__head__text__span {
    background-color: white;
    color: #2D9CDB;
    font-style: italic;
    font-weight: 600;
    -webkit-box-shadow: 0 3px 5px 1px #53537227;
            box-shadow: 0 3px 5px 1px #53537227;
}

.page-messengers__container-main__head-circle {
    position: absolute;
    width: 440px;
    height: 440px;
    border: 1px dashed #A3B1C0;
    border-radius: 440px;
    padding: 110px;
}

.page-messengers__container-main__head-circle-center {
    border-radius: 100px;
    background-color: #E5EFFF;
    border: 1px solid #A3B1C0;
    height: 100%;
    width: 100%;
}

.page-messengers__container-main__head__title__img {
    position: absolute;
    top: -30px;
    right: -45px;
}

.page-messengers__container-main-content {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../images/Group-543267fdFDS675.png");
    padding: 100px 165px 100px 165px;
    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;
}

.page-messengers__container-main-content__img {
    -webkit-box-shadow: 0 50px 70px 0 #53537227;
            box-shadow: 0 50px 70px 0 #53537227;
    max-width: 100%;
}

.page-messengers__container-main__sub-text {
    text-align: center;
    font-size: 18px;
    padding-left: 35%;
    padding-right: 35%;
    line-height: 28px;
    color: #535372;
}

.page-messengers-order-main-page__container-content__link {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
}

.page-messengers-address-in-widget {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 300px 165px 300px 55%;
    background-image: url('../images/SmartbtnFJDJJFEWJRPOEW46547398.png');
}

.page-messengers-address-in-widget__img {
    margin-bottom: 40px;
}

.page-messengers-address-in-widget__title {
    font-size: 32px;
    font-weight: 800;
    color: #535372;
    margin-bottom: 20px;
    line-height: 40px;
}

.page-messengers-address-in-widget__text {
    line-height: 28px;
    padding-right: 130px;
    margin-bottom: 20px;
}

.page-messengers-address-in-widget__container {
    background-color: white;
    width: 400px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-messengers-address-in-widget__container__img {
    margin-right: 20px;
    width: 50px;
    height: 56px;
}

.page-messengers-address-in-widget__container__text {
    color: #2D9CDB;
    line-height: 28px;
    font-style: italic;
    font-weight: 600;
}

.page-messengers-services {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 300px 55% 300px 165px;
    background-image: url("../images/Group-54JJKKPOK676.png");
}

.price_page_message_service{
    background-image: url("../images/price_backg_right.png");
}

.price_page_message_service_left{
    background-image: url("../images/price_backg_left.png");
}

.page-messengers-services__img {
    margin-bottom: 40px;
}

.page-messengers-services__title {
    font-size: 32px;
    font-weight: 800;
    color: #535372;
    margin-bottom: 20px;
    line-height: 40px;
}

.page-messengers-services__text {
    line-height: 28px;
    padding-right: 130px;
    margin-bottom: 20px;
}

.page-messengers-services__container {
    background-color: white;
    width: 400px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-messengers-services__container__img {
    margin-right: 20px;
    width: 50px;
    height: 56px;
}

.page-messengers-services__container__text {
    color: #2D9CDB;
    line-height: 28px;
    font-style: italic;
    font-weight: 600;
}

.page-messengers-btn {
    padding-top: 50px;
    padding-bottom: 100px;
}

.page-messengers-and-price-main-page {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
}

.page-messengers-and-price-main-page__text {
    color: #17688B;
}

.page-messengers-and-price-main-page__link {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
}

.page-messengers-and-blog_block {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    background-image: url('../images/Group-FDS432FDW676.png');
}

.page-messengers-order-main-page__container-content__link_margin {
    margin-bottom: 80px;
}

.page-messengers__container-main__head__title__img-add-class {
    top: -40px;
    right: -70px;
}

.page-messengers__container-main-content-none {
    background: none;
}

.page-messengers__container-main-content_relative {
    position: relative;
    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;
    width: 100%;
}

.page-messengers__container-main-content-new-img {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    max-width: 100%;
    z-index: -1;
}

.page-messengers__container-main-content__img-z-index {
    z-index: 1;
}

.page-messengers__container-main__head__text_padding {
    padding-left: 20%;
    padding-right: 20%;
}

.page-messengers__container-main__head-circle-color {
    border: 1px dashed white;
}

.page-messengers__container-main__head-circle-center-color {
    border: 1px solid white;
    background-color: #e5efff4d;
}

.page-messengers-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 50px;
}

.page-messengers-links__link {
    color: #2D9CDB;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 2px;
    border-bottom: 1px solid #2D9CDB;
}

.page-messengers-links__link:first-child {
    margin-left: 0;
}

.page-messengers-links__link:last-child {
    margin-right: 0;
}

.page-messengers__container-main_relative {
    position: relative;
}

.page-messengers__container-main__img {
    position: absolute;
    right: 22%;
    top: -30px;
}

.page-messengers-socials-and-messagers {
    padding-left: 165px;
    padding-right: 165px;
    padding-top: 100px;
    position: relative;
}

.page-messengers-socials-and-messagers__img {
    position: absolute;
    max-width: 100%;
    top: 100px;
    padding-left: 13.2%;
    z-index: -1;
}

.page-messengers-socials-and-messagers__title sub {
    font-size: 24px;
    position: relative;
    bottom: -.25em;
    top: 0;
    margin-right: 5px;
}

.page-messengers-socials-and-messagers__container {
    padding-top: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-messengers-socials-and-messagers__title {
    margin-bottom: 35px;
}

.page-messengers-socials-and-messagers__text {
    font-size: 18px;
    line-height: 28px;
    color: #535372;
    font-weight: 400;
}

.page-messengers-socials-and-messagers__container-box {
    width: 50%;
}

.page-messengers-socials-and-messagers__container-box:first-child {
    padding-right: 15px;
}

.page-messengers-socials-and-messagers__container-box:last-child {
    padding-left: 15px;
}

.page-messengers-socials-and-messagers__list {
    margin-top: 40px;
    padding-right: 85px;
}

.page-messengers-socials-and-messagers__list__item {
    color: #535372;
    margin-bottom: 30px;
    content: "";
    line-height: 28px;
}

.page-messengers-socials-and-messagers__list__item:last-child {
    margin-bottom: 0;
}

.page-messengers-socials-and-messagers__list__item::before {
    content: "\2714";
    color: white;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    margin-right: 16px;
    padding-bottom: 7.5px;
    padding-left: 5.5px;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
}

.page-messengers-socials-and-messagers__list__item_background::before {
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
}

.page-messengers-socials-and-messagers__title-color .what_is_text__title__span5 {
    font-size: 32px;
    font-weight: 800;
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #42C1B8;
}

.page-messengers-profit {
    padding-top: 100px;
    padding-left: 165px;
    padding-right: 165px;
}

.page-messengers-profit__img {
    margin-bottom: 40px;
}

.page-messengers-profit__title {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 50px;
    color: #535372;
}

.page-messengers-profit__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px;
}

.page-messengers-profit__container-content {
    width: 50%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-messengers-profit__container-content_padding {
    padding-left: 200px;
}

.page-messengers-profit__container-content__title {
    background-color: white;
    color: #2D9CDB;
    font-style: italic;
    font-weight: 800;
    -webkit-box-shadow: 0 3px 5px 1px #53537227;
            box-shadow: 0 3px 5px 1px #53537227;
    font-size: 32px;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 20px;
}

.page-messengers-profit__container-content__text {
    line-height: 28px;
    color: #535372;
    font-size: 18px;
    padding-right: 100px;
}

.page-messengers-profit__container-content__text__span {
    display: block;
    font-weight: 700;
}

.page-messengers-profit__container-content__img {
    position: absolute;
    max-width: 100%;
    right: -30px;
    top: -30px;
    z-index: -1;
}

.page-messengers-profit__container-content_padding-left {
    padding-left: 100px;
}

.page-messengers-profit__container-content__text_padding-right {
    padding-right: 175px;
}

.page-messengers-profit__container-content__text__span_padding-right {
    padding-right: 50px;
}

.page-messengers-profit__container-content-bottom {
    position: absolute;
    left: -100px;
    top: -65px;
    z-index: -1;
    max-width: 100%;
}

.page-messengers-profit__container-content_padding-left-bottom {
    padding-left: 150px;
}

.page-messengers-profit__container-content__text_padding-none {
    padding-right: 60px;
}

.page-messengers-profit__container-content-bottom_top {
    top: -50px;
}

.what_is__container__sub-title_padding {
    padding-left: 25%;
    padding-right: 25%;
}

.opportunities__container {
    padding-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.opportunities__container-content {
    width: 50%;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.opportunities__container-content:first-child {
    padding-right: 15px;
}

.opportunities__container-content:last-child {
    padding-left: 15px;
}

.opportunities__container-content-box {
    -webkit-box-shadow: 0 50px 70px 0 #53537227;
            box-shadow: 0 50px 70px 0 #53537227;
    padding: 70px 55px;
    background: -o-linear-gradient(top, #F5F8FB 0%, #EBF1F8 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F8FB), to(#EBF1F8));
    background: linear-gradient(180deg, #F5F8FB 0%, #EBF1F8 100%);
    margin-bottom: 30px;
}

.opportunities__container-content-box:last-child {
    margin-bottom: 0;
}

.opportunities__container-content-box_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.opportunities__container-content-box_flex__img {
    max-width: 100%;
}

.opportunities__container-content-box__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #535372;
    margin-bottom: 25px;
}

.opportunities__container-content-box__text {
    font-size: 16px;
    line-height: 28px;
    color: #535372;
}

.messengers_padding {
    padding-top: 50px;
}

.messengers .order-main-page__container-content__link {
    font-weight: 600;
    display: block;
    width: 255px;
    height: 58px;
    font-size: 18px;
    line-height: 58px;
    color: #FFFFFF;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
            box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
    border-radius: 4px;
    text-align: center;
    margin: 60px auto 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.messengers .order-main-page__container-content__link:hover {
    -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
            transform: skew(-10deg);
    -webkit-box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
            box-shadow: 5px 5px 5px 2.5px rgb(65 67 106 / 37%);
    color: white;
}

.page-messengers__container-main__head__title-color {
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #F6469D;
}

.page-messengers__container-main__head__text_padding-new-padding {
    padding-left: 24%;
    padding-right: 24%;
}

.page-messengers-links__link-color {
    color: #f64668;
    border-bottom: 1px solid #F64668;
}

.page-messengers-socials-and-messagers-none_padding {
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-messengers-socials-and-messagers-none_padding_width {
    width: 50%;
}

.page-messengers-socials-and-messagers-none_padding_width__img {
    max-width: 100%;
}

.page-messengers-socials-and-messagers-none_padding_width__img-content {
    margin-bottom: 40px;
}

.page-messengers-socials-and-messagers-none_padding_width__title-content {
    font-size: 32px;
    font-weight: 800;
    color: #535372;
    margin-bottom: 30px;
    line-height: 40px;
}

.page-messengers-socials-and-messagers-none_padding_width__text-content {
    font-size: 18px;
    line-height: 28px;
    color: #535372;
    padding-right: 150px;
    margin-bottom: 40px;
}

.page-messengers-services__container_margin {
    width: 540px;
    max-width: 100%;
}

.page-messengers-services__container__text-color {
    color: #F64668;
}

.page-messengers-profit__container-content__img-page-chat1 {
    right: -50px;
}

.page-messengers-profit__container-content__img-page-chat2 {
    right: -45px;
    top: -50px;
}

.page-messengers-profit__container-content__img-page-chat3 {
    left: 0;
    top: -55px;
}

.page-messengers-profit__container-content__img-page-chat4 {
    left: -45px;
    top: -60px;
}

@media (min-width: 1600px) {
    .page-messengers-profit__container-content_padding {
        padding-left: 100px;
    }
    .page-messengers-profit__container-content__text_padding-right {
        padding-right: 125px;
    }
    .page-messengers-socials-and-messagers {
        padding-left: 300px;
        padding-right: 300px;
    }
    .page-messengers-profit {
        padding-left: 300px;
        padding-right: 300px;
    }
    .page-messengers__container-main__head {
        padding-left: 300px;
        padding-right: 300px;
    }
    .header__container_flex {
        padding-left: 100px;
        padding-right: 100px;
    }
    .main_screen__container {
        padding-left: 300px;
        padding-right: 300px;
    }
    .services {
        padding-left: 300px;
        padding-right: 300px;
    }
    .section__container_padding {
        padding-left: 300px;
        padding-right: 300px;
    }
    .price-main-page {
        padding-left: 300px;
        padding-right: 300px;
    }
    .messengers {
        padding-left: 300px;
        padding-right: 300px;
    }
    .reviews__container {
        padding-left: 300px;
        padding-right: 300px;
    }
    .blog_block {
        padding-left: 300px;
        padding-right: 300px;
    }
    .footer {
        padding-left: 300px;
        padding-right: 300px;
    }
    .page-messengers__container-main-content {
        padding-left: 300px;
        padding-right: 300px;
    }
    .page-messengers-address-in-widget {
        padding-right: 300px;
    }
    .page-messengers-services {
        padding-left: 300px;
    }
}

@media (min-width: 1800px) {
    .page-messengers-socials-and-messagers {
        padding-left: 400px;
        padding-right: 400px;
    }
    .page-messengers-profit {
        padding-left: 400px;
        padding-right: 400px;
    }
    .page-messengers-profit__container-content_padding {
        padding-left: 0;
    }
    .page-messengers-profit__container-content__text {
        padding-right: 125px;
    }
    .page-messengers-profit__container-content__text__span_padding-right {
        padding-right: 0;
    }
    .page-messengers-profit__container-content-bottom {
        top: -35px;
    }
    .page-messengers-profit__container-content-bottom_top {
        top: -5px;
    }
    .page-messengers-services {
        padding-left: 400px;
    }
    .page-messengers-address-in-widget {
        padding-right: 400px;
    }
    .page-messengers__container-main__head {
        padding-left: 400px;
        padding-right: 400px;
    }
    .page-messengers__container-main-content {
        padding-left: 400px;
        padding-right: 400px;
    }
    .header__container_flex {
        padding-left: 200px;
        padding-right: 200px;
    }
    .main_screen__container {
        padding-left: 400px;
        padding-right: 400px;
    }
    .services {
        padding-left: 400px;
        padding-right: 400px;
    }
    .section__container_padding {
        padding-left: 400px;
        padding-right: 400px;
    }
    .price-main-page {
        padding-left: 400px;
        padding-right: 400px;
    }
    .messengers {
        padding-left: 400px;
        padding-right: 400px;
    }
    .reviews__container {
        padding-left: 400px;
        padding-right: 400px;
    }
    .blog_block {
        padding-left: 400px;
        padding-right: 400px;
    }
    .footer {
        padding-left: 400px;
        padding-right: 400px;
    }
}

@media (max-width: 1360px) {
    .page-messengers-profit__container-content_padding {
        padding-left: 0;
    }
}

@media (max-width: 1199px) {
    .navbar_item {
        margin: 0 20px;
    }

    #main .main {
        width: 480px;
    }

    #main .main h1 {
        font-size: 38px;
        line-height: 42px;
    }

    .services .col-md-3 {
        padding: 0;
    }

    #reviews {
        background-size: auto 50%;
    }
}

@media (max-width: 1180px) {
    .sites_list_point__container_flex {
        margin-right: 20px;
    }
    .page-messengers-socials-and-messagers-none_padding_width__text-content {
        padding-right: 0;
    }
    .page-messengers__container-main__img {
        right: 10%;
    }
    .page-messengers-socials-and-messagers {
        padding-left: 100px;
        padding-right: 100px;
    }
    .page-messengers-profit {
        padding-left: 100px;
        padding-right: 100px;
    }
    .page-messengers__container-main-content {
        padding-left: 100px;
        padding-right: 100px;
    }
    .page-messengers__container-main__head {
        padding-left: 100px;
        padding-right: 100px;
    }
    .page-messengers-services__text {
        padding-right: 0;
    }
    .page-messengers__container-main__head__title {
        font-size: 32px;
    }
    .page-messengers-address-in-widget {
        padding-left: 100px;
        padding-right: 100px;
    }
    .page-messengers-services {
        padding-left: 100px;
        padding-right: 100px;
    }
    .page-messengers-address-in-widget-and-page-messengers-services_background {
        background-color: white;
        padding: 100px 50px;
        border-radius: 50px;
        -webkit-box-shadow: 0 50px 70px 0 #53537227;
                box-shadow: 0 50px 70px 0 #53537227;
    }
    .page-messengers__container-main__sub-text {
        padding-left: 25%;
        padding-right: 25%;
    }
    .page-messengers-address-in-widget__text {
        padding-right: 0;
    }
    .header__container_flex {
        padding-left: 30px;
        padding-right: 30px;
    }
    .main_screen__container {
        padding-left: 100px;
        padding-right: 100px;
    }
    .services {
        padding-left: 100px;
        padding-right: 100px;
    }
    .section__container_padding {
        padding-left: 100px;
        padding-right: 100px;
    }
    .price-main-page {
        padding-left: 100px;
        padding-right: 100px;
    }
    .messengers {
        padding-left: 100px;
        padding-right: 100px;
    }
    .reviews__container {
        padding-left: 100px;
        padding-right: 100px;
    }
    .reviews__container__img:nth-child(1) {
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .reviews__container__img:nth-child(2) {
        padding-top: 150px;
        padding-bottom: 150px;
    }
    .blog_block {
        padding-left: 100px;
        padding-right: 100px;
    }
    .footer {
        padding-left: 100px;
        padding-right: 100px;
    }
    .main_screen_text__title {
        font-size: 32px;
    }
    .main_screen_text__sub-title {
        font-size: 24px;
        line-height: 28px;
    }
    .services__title {
        font-size: 24px;
        line-height: 28px;
    }
    .what_is__container__title {
        font-size: 24px;
    }
    .what_is__container__sub-title {
        padding-right: 25%;
        padding-left: 25%;
    }
    .what_is_text__title__span1 {
        font-size: 24px;
    }
    .what_is_item h4 sub {
        font-size: 18px;
    }
    .what_is_item.what_item3 h4 {
        font-size: 24px;
    }
    .what_is_text__title__span2 {
        font-size: 24px;
    }
    .what_is_text__title__span5 {
        font-size: 24px;
    }
    .what_is_text__title__span5 * {
        font-size: 24px;
    }
    .order-main-page__container__img {
        left: 0;
    }
    .order-main-page__container-content__title {
        padding-right: 25%;
        padding-left: 25%;
    }
    .what_is_item5-new-content__title__span {
        font-size: 24px;
    }
    .what_is_item5-new-content__title sub {
        font-size: 18px;
    }
    .what_is_item5-new-content__text {
        padding-right: 25%;
        padding-left: 25%;
    }
    .what_is_item5-new__container_width {
        padding-left: 0;
        padding-right: 20px;
    }
    .price-main-page__title {
        font-size: 24px;
    }
    .messengers__title {
        font-size: 24px;
    }
    .messengers__sub-title {
        padding-right: 25%;
        padding-left: 25%;
    }
    #reviews h2 {
        font-size: 24px;
    }
    .blog_block__title {
        font-size: 24px;
    }
    .blog_block h3 {
        padding-right: 25%;
        padding-left: 25%;
    }
}

@media (max-width: 1024px) {
    .sites_list_point__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .sites_list_point__container_flex {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .button_pink_rubber_small {
        margin-right: 10px;
        font-size: 12px;
    }
    .lk_button {
        text-align: center;
        width: 150px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-size: 12px;
    }
    .button_pink_rubber_small:last-child {
        margin-right: 0;
    }
    .page-messengers-socials-and-messagers-none_padding_width {
        width: 100%;
    }
    .page-messengers-socials-and-messagers-none_padding_width:last-child {
        display: none;
    }
    .page-messengers__container-main__sub-text {
        padding-left: 30px;
        padding-right: 30px;
    }
    .page-messengers__container-main__img {
        display: none;
    }
    .page-messengers-socials-and-messagers {
        padding: 30px;
    }
    .page-messengers-profit {
        padding: 30px;
    }
    .page-messengers-profit__container-content__img {
        display: none;
    }
    .page-messengers-profit__container-content-bottom {
        display: none;
    }
    .page-messengers-profit__container-content__text {
        padding-right: 0;
    }
    .page-messengers-profit__container-content {
        padding-left: 0;
        -webkit-box-shadow: 0 50px 70px 0 #53537227;
                box-shadow: 0 50px 70px 0 #53537227;
        padding: 30px;
        background: -o-linear-gradient(top, #F5F8FB 0%, #EBF1F8 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(#F5F8FB), to(#EBF1F8));
        background: linear-gradient(180deg, #F5F8FB 0%, #EBF1F8 100%);
    }
    .page-messengers-profit__container-content:first-child {
        margin-right: 15px;
    }
    .page-messengers-profit__container-content:last-child {
        margin-left: 15px;
    }
    .page-messengers-links {
        margin-bottom: 0;
    }
    .page-messengers-socials-and-messagers__container {
        padding-top: 30px;
    }
    .opportunities__container {
        padding-top: 30px;
    }
    .messengers .order-main-page__container-content__link {
        margin-top: 30px;
    }
    .page-messengers-profit__container {
        margin-bottom: 30px;
    }
    .page-messengers-address-in-widget {
        padding: 100px 15px;
    }
    .page-messengers-address-in-widget-and-page-messengers-services_background {
        padding: 40px 15px;
    }
    .page-messengers-services {
        padding: 100px 15px;
    }
    .page-messengers__container-main__head {
        padding-top: 30px;
        padding-right: 30px;
        padding-left: 30px;
    }
    .header__container_flex {
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-messengers__container-main-content {
        padding: 30px;
    }
    .page-messengers-order-main-page__container-content__link {
        margin-top: 30px;
    }
    .page-messengers__container-main__sub-text {
        padding-top: 30px;
    }
    .page-messengers__container-main {
        padding-bottom: 30px;
    }
    .page-messengers-btn {
        padding-top: 0;
        padding-bottom: 30px;
    }
    .page-messengers-order-main-page__container-content__link {
        margin-bottom: 0;
    }
    .main_screen__container {
        padding: 30px;
    }
    .main_screen_img__img-person {
        width: 150px;
    }
    .services {
        padding: 30px;
    }
    .services-content__container__img {
        width: 400px;
    }
    .section__container_padding {
        padding: 30px;
    }
    .what_item1 {
        padding-top: 30px;
    }
    .what_is_item {
        padding-top: 30px;
    }
    .order-main-page {
        padding-top: 150px;
        padding-bottom: 100px;
    }
    .price-main-page {
        padding: 30px;
    }
    .messengers {
        padding: 30px;
    }
    .reviews__container {
        padding: 30px;
    }
    .blog_block {
        padding: 30px;
    }
    .footer {
        padding: 30px;
    }
    .download_seo {
        margin-bottom: 30px;
    }
    .reviews_slider .item {
        padding-left: 20%;
        padding-right: 20%;
    }

    .menu_nav > li > a{
        font-size: 12px !important;
    }
}

.pushy-open-left .pushy-left .pushy-content ul li a{
    font-size: 15px !important;
}

.pushy-open-left .pushy-left .pushy-content ul li .dropdown .menu__items{
    left: 0 !important;
}

@media (max-width: 809px) {
    .menu_nav > li > a{
        font-size: 10px !important;
    }
}

@media (max-width: 992px) {
    .sites_list_point__container_flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .button_pink_rubber_small {
        margin-right: 0;
        margin-bottom: 5px;
        text-align: center;
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    }
    .button_pink_rubber_small:last-child {
        margin-right: auto;
    }
    .constructor-settings {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
    }

    .constructor-settings__col {
        width: 100%;
        padding-right: 0;
    }

    .constructor-page__bottom-side {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
    }

    .constructor-socials-settings {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .social-setting-box {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .services-content__container__img {
        bottom: 150px;
        width: 300px;
    }
    .services-content__container {
        width: 100%;
    }
    .input_50_proc {
        width: 100%;
    }

    .TWITTER_button {
        margin-top: 10px;
    }

    .form_50_proc_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-flow: column-reverse;
                flex-flow: column-reverse;
    }

    #main .main {
        width: 380px;
    }

    #main .main h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .services .col-md-3 {
        padding: 0 15px;
    }

    .services_item {
        padding: 15px;
        text-align: center;
        background-color: #fff;
        position: relative;
        border: none;
    }

    .services_item img {
        display: inline-block;
        margin-bottom: 0;
    }

    .services_item span,
    .services_item p {
        display: none;
    }

    .messengers_item {
        width: calc(25% - 15px);
    }

    .messengers_item:nth-child(6n) {
        margin-right: 20px;
    }

    .messengers_item:nth-child(4n) {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .main-background {
        background-image: none;
    }
    #login_modal {
        margin-top: 100px;
        margin-bottom: 15px;
    }
    .page-messengers__container-main__head__text {
        padding-right: 0;
        padding-left: 0;
    }
    .page-messengers-socials-and-messagers__img {
        display: none;
    }
    .page-messengers-links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .page-messengers-links__link {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .page-messengers-links__link:last-child {
        margin-bottom: 0;
    }
    .what_is__container__sub-title {
        padding-left: 0;
        padding-right: 0;
    }
    .page-messengers-socials-and-messagers__list {
        padding-right: 0;
    }
    .page-messengers-socials-and-messagers__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .page-messengers-socials-and-messagers__container-box {
        width: 100%;
    }
    .page-messengers-socials-and-messagers__container-box:first-child {
        padding-right: 0;
    }
    .page-messengers-socials-and-messagers__container-box:last-child {
        padding-left: 0;
        margin-top: 30px;
    }
    .page-messengers-profit__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .page-messengers-profit__container-content:first-child {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .page-messengers-profit__container-content {
        width: 100%;
    }
    .page-messengers-profit__container-content:last-child {
        margin-left: 0;
    }
    .opportunities__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .opportunities__container-content:first-child {
        margin-bottom: 30px;
        padding-right: 0;
    }
    .opportunities__container-content:last-child {
        padding-left: 0;
    }
    .opportunities__container-content {
        width: 100%;
    }
    .opportunities__container-content-box {
        padding: 30px;
    }
    .order-main-page__container-content__title {
        padding-left: 0;
        padding-right: 0;
    }
    .page-messengers__container-main__head__title__img-add-class {
        right: 0;
        top: -55px;
    }
    .page-messengers__container-main__head {
        padding-top: 130px;
    }
    .order-main-page {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .order-main-page__container__img {
        display: none;
    }
    .what_is_text {
        width: 100%;
    }
    .what_is_item p {
        padding-right: 0;
    }
    .what_is_image {
        display: none;
    }
    .what_is__container__title__svg {
        background: -o-linear-gradient(left, #FE9677 25%, #F6469D 75%);
        background: -webkit-gradient(linear, left top, right top, color-stop(25%, #FE9677), color-stop(75%, #F6469D));
        background: linear-gradient(90deg, #FE9677 25%, #F6469D 75%);
        border-radius: 100px;
    }
    .what_is_item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .what_is_item5-new__container .what_is_image {
        display: block;
        margin-top: 30px;
    }
    .what_is_item5-new__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .what_is_item5-new__container_width {
        padding-right: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .price-main-page {
        overflow: hidden;
    }
    .reviews__container__img:nth-child(1) {
        padding-top: 250px;
        padding-bottom: 250px;
    }
    .reviews__container__img:nth-child(2) {
        padding-top: 250px;
        padding-bottom: 250px;
    }
    .blog_block__title__svg {
        background: -o-linear-gradient(left, #FE9677 25%, #F6469D 75%);
        background: -webkit-gradient(linear, left top, right top, color-stop(25%, #FE9677), color-stop(75%, #F6469D));
        background: linear-gradient(90deg, #FE9677 25%, #F6469D 75%);
        border-radius: 100px;
    }
    .download_seo {
        margin-bottom: 0;
    }
    .price-main-page__img {
        right: -300px;
    }
    .what_is_item a {
        margin: 30px auto 0 auto;
    }
    .what_is_item h4 {
        margin-bottom: 30px;
    }
    .what_is_text-list__item {
        margin-bottom: 10px;
    }
    .what_is_text-list__item5 {
        margin-bottom: 10px;
    }
    .main_screen_text__text {
        margin-bottom: 30px;
        padding-right: 30px;
    }
    .main_screen_text__sub-title {
        padding-right: 30px;
    }
    .what_is_image__container__img-new {
        margin-left: 0;
    }
    .blog_list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .header__container_flex {
        padding-left: 0;
        padding-right: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    #callback_button_walking {
        bottom: 60px;
    }

    .haed_container {
        padding: 0;
    }

    .header {
        background: #F9FAFB;
        padding: 30px;
        -webkit-box-shadow: 0px 0px 20px rgba(215, 222, 227, 0.39422), 0px 26px 90px rgba(51, 59, 69, 0.1);
                box-shadow: 0px 0px 20px rgba(215, 222, 227, 0.39422), 0px 26px 90px rgba(51, 59, 69, 0.1);
        border-radius: 0px 0px 10px 10px;
        position: fixed;
        width: 100%;
        margin-top: 35px;
        top: -35px;
        z-index: 99999;
    }

    .header__container_flex {
        padding-top: 0;
    }

    .menu_nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .menu_nav > li {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .pushy-content {
        height: 100%;
    }

    .pushy ul:first-child {
        height: 100%;
        margin-top: 0;
        padding-top: 60%;
        padding-bottom: 300%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .header__container_flex div .menu_nav {
        display: none;
    }

    .menu_nav > li a.point_menu {
        padding: 0;
        font-family: 'Roboto',sans-serif;
    }

    .menu_nav > li a.point_menu:hover{
        color: #984063 !important;
        transition: .3s ease;
    }

    .pushy a {
        padding: 0;
    }

    .pushy {
        background-color: white;
    }

    .pushy ul:first-child li .dropdown a {
        color: #F64668;
        padding-left: 30px;
    }

    .pushy ul:first-child li .open a {
        color: #23527c;
    }

    .pushy ul:first-child li .dropdown ul li a {
        color: #333;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .pushy-open-left .site-overlay, .pushy-open-right .site-overlay {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .pers_area_btn {
        display: none;
    }

    .search_btn {
        display: block;
        position: absolute;
        left: 30px;
        top: 30px;
    }

    .language {
        top: 22.5px;
        right: 50px;
    }

    .mob_menu_btn {
        display: block;
        position: absolute;
        right: 30px;
        top: 30px;
    }

    #main {
        background: none;
        padding-top: 121px;
    }

    .order-top {
        top: 98.67px;
    }

    #main .main {
        width: 100%;
        text-align: center;
    }

    #main .main img {
        display: inline-block;
        max-width: 70%;
        margin-bottom: 30px;
    }

    #main .main a {
        margin: 0 auto;
    }

    .services {
        display: none;
    }

    .what_is_item .col-md-6 {
        float: none;
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .what_is_item .col-md-6.what_is_image {
        display: none;
    }

    .what_is_item .col-md-6.what_is_text img {
        display: inline-block;
        width: 360px;
        max-width: 100%;
    }

    .what_is_item p {
        margin-bottom: 20px;
    }

    .what_is_item.what_item1 {
        display: block;
    }

    .what_is_mob_tab_list {
        display: block;
    }

    .messengers_item {
        width: calc(33.3% - 10px);
        margin-bottom: 15px;
        margin-right: 15px;
    }

    .messengers_item:nth-child(6n) {
        margin-right: 15px;
    }

    .messengers_item:nth-child(4n) {
        margin-right: 15px;
    }

    .messengers_item:nth-child(3n) {
        margin-right: 0;
    }

    #reviews h3 {
        margin-bottom: 40px;
    }

    .reviews_slider {
        margin-bottom: 40px;
    }

    .blog_item {
        margin-bottom: 30px;
    }

    .blog_list {
        margin-bottom: 0;
    }

    .footer {
        display: none;
    }
    .main_screen_img {
        display: none;
    }
    .main_screen_text {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .main_screen_text__title {
        text-align: center;
    }
    .main_screen_text__sub-title {
        padding-right: 0;
        text-align: center;
    }
    .main_screen_text__text {
        padding-right: 0;
        text-align: center;
    }
    .button_pink {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .order-main-page__container-content__link {
        margin-top: 30px;
    }
    .what_is_item5-new-content__text {
        padding-bottom: 30px;
    }
    .entity-form{
        margin-top: 117px;
    }
}

@media (max-width: 560px) {
    .page-messengers-address-in-widget__title {
        font-size: 22px;
    }
    .page-messengers-services__title {
        font-size: 22px;
    }
    .reviews_slider .item p:nth-child(3) {
        margin-bottom: 0;
    }
    .reviews_slider .item {
        padding-left: 0;
        padding-right: 0;
    }
    .price-main-page__img {
        display: none;
    }
    .smart_button_mobile:hover {
        color: white;
    }

    #main .main h1 {
        font-size: 22px;
        line-height: 28px;
    }

    .what_is_item5-new__container_width {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #main .main h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .what_is h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .what_is h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .what_is_item h4 {
        font-size: 21px;
        line-height: 28px;
    }

    .what_is_item p {
        font-size: 15px;
        line-height: 22px;
    }

    .messengers h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .messengers h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .video h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .video h3 {
        font-size: 14px;
        line-height: 20px;
    }

    #reviews h2 {
        font-size: 22px;
        line-height: 28px;
    }

    #reviews h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .blog_block h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .blog_block h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .try_free_btn {
        display: none;
    }

    .reviews__container__img:nth-child(1) {
        display: none;
    }
    .reviews__container__img:nth-child(2) {
        display: none;
    }
    .page-messengers__container-main__head_flex {
        display: none;
    }
}

@media (max-width: 500px) {
    .login_modal_form_relative {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .reg_input {
        max-width: 100%;
        width: 100%;
    }
    .button_pink_background {
        width: 100%;
    }
    .reset-password-link {
        bottom: 20px;
    }
    .page-messengers-address-in-widget {
        padding-top: 15px;
        padding-bottom: 15px;
        background: none;
    }
    .page-messengers-services {
        padding-top: 15px;
        padding-bottom: 15px;
        background: none;
    }
    .page-messengers-services__container {
        margin-right: 0;
        width: 100%;
    }
    .page-messengers-address-in-widget__container {
        margin-right: 0;
        width: 100%;
    }
    .page-messengers__container-main__sub-text {
        padding-left: 30px;
        padding-right: 30px;
    }
    .page-messengers__container-main__sub-text {
        padding-left: 30px;
        padding-right: 30px;
    }
    .what_is__container__title__svg {
        display: none;
    }
    .reviews__container__title__img {
        display: none;
    }
    .blog_block__title__svg {
        display: none;
    }
    .blog_block h3 {
        padding-left: 0;
        padding-right: 0;
    }
    .order-main-page__container-content__title {
        padding-left: 0;
        padding-right: 0;
    }
    .messengers__sub-title {
        padding-left: 0;
        padding-right: 0;
    }
    .what_is h3 {
        padding-left: 0;
        padding-right: 0;
    }
    .what_is_item5-new-content__text {
        padding-left: 0;
        padding-right: 0;
    }
    .header__container_flex {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding-left: 50px;
    }
    #about-page .row:first-of-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #about-page .row:first-of-type > div:first-child {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding-top: 0 !important;
    }

    #about-page .row:first-of-type > div:last-child {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
}

@media (max-width: 380px) {
    .logo img {
        width: 90px;
    }
    #language-box span {
        padding: 5px;
        font-size: 12px;
    }
    .what_is_image {
        width: 100%;
    }
    .order-top {
        top: 87.33px;
    }
}



/*-start- styles for new chat example*/

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

.main-section-smartbtn-chat {
    height: 100vh;
    width: 100%;
    background-color: #EAF2FF;
}

.main-section-smartbtn-chat-menu {
    height: 100%;
    min-width: 70px;
    background-color: white;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 35px 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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
}

.main-section-smartbtn-chat-menu-toggle-mobile-menu_flex {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 30px;
    padding-bottom: 50px;
    padding-top: 50px;
    display: none;
    -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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
}

.main-section-smartbtn-chat-menu-toggle-mobile-menu {
    height: 5px;
    width: 5px;
    background-color: #131313;
    border-radius: 10px;
}

.main-section-smartbtn-chat-menu-toggle-mobile-menu:nth-child(2) {
    margin-top: 5px;
    margin-bottom: 5px;
}

.main-section-smartbtn-chat-menu_width {
    width: 100%;
}

.main-section-smartbtn-chat-menu__container-logo {
    border-bottom: 1px solid rgb(211, 211, 211);
    padding-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.main-section-smartbtn-chat-menu-logo {
    max-width: 100%;
}

.main-section-smartbtn-chat-menu-links {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 35px;
}

.main-section-smartbtn-chat-menu-links__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 70px;
    text-decoration: none;
    position: relative;
}

.main-section-smartbtn-chat-menu-links__link:last-child {
    margin-bottom: 0;
}

.main-section-smartbtn-chat-menu-links__link-active svg path {
    opacity: 1;
    fill: #F6469D;
}

.main-section-smartbtn-chat-menu-links__link__svg path {
    opacity: 0.2;
    fill: black;
}

.main-section-smartbtn-chat-menu-links__link__span {
    z-index: 9;
    position: absolute;
    left: 50%;
    top: 75%;
    background-color: white;
    border: 1px solid #131313;
    color: #131313;
    padding: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: none;
}

.main-section-smartbtn-chat-menu-links__link:hover .main-section-smartbtn-chat-menu-links__link__span {
    display: block;
}

.main-section-smartbtn-chat-menu-options {
    width: 100%;
    padding-top: 35px;
    border-top: 1px solid rgb(211, 211, 211);
}

.main-section-smartbtn-chat-menu-options__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 35px;
    text-decoration: none;
    position: relative;
}

.main-section-smartbtn-chat-menu-options__link:last-child {
    margin-bottom: 0;
}

.main-section-smartbtn-chat-menu-options__link__svg path {
    opacity: 0.2;
    fill: black;
}

.main-section-smartbtn-chat-menu-options__link__span {
    position: absolute;
    left: 50%;
    top: 75%;
    background-color: white;
    border: 1px solid #131313;
    color: #131313;
    padding: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: none;
}

.main-section-smartbtn-chat-menu-options__link:hover .main-section-smartbtn-chat-menu-options__link__span {
    display: block;
}

.main-section-smartbtn-chat-menu-options__link:last-child .main-section-smartbtn-chat-menu-options__link__span {
    left: 50%;
    bottom: 75%;
    top: inherit;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0;
}

.main-section-smartbtn-chat__container {
    overflow: auto;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("../images/Base6543654FDSAFSA.jpg");
    border-radius: 20px;
    padding: 60px;
    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;
}

.main-section-smartbtn-chat__container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.main-section-smartbtn-chat__container::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.main-section-smartbtn-chat__container::-webkit-scrollbar-track {
    display: none;
}
.main-section-smartbtn-chat__container::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.main-section-smartbtn-chat__container::-webkit-scrollbar-thumb {
    background-color: #131313;
    border-radius: 10px;
}

.main-section-smartbtn-chat__container_flex {
    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;
    margin-bottom: 50px;
}

.main-section-smartbtn-chat__container-user {
    width: 64px;
    height: 64px;
    border: 5px solid white;
    border-radius: 100px;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 15px 30px #D9DEF2;
            box-shadow: 0px 15px 30px #D9DEF2;
}

.main-section-smartbtn-chat__container-user__img {
    width: 100%;
}

.main-section-smartbtn-chat__container-user-name {
    padding: 5px 10px;
    background-color: white;
    color: #131313;
    font-weight: 700;
    font-size: 18px;
    -webkit-box-shadow: 0px 15px 30px #D9DEF2;
            box-shadow: 0px 15px 30px #D9DEF2;
}

.main-section-smartbtn-chat__container__btn {
    color: #1D201C;
    background-color: #D9F2F0;
    border-radius: 20px;
    outline: none;
    border: none;
    padding: 10px 25px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 10px;
}

.main-section-smartbtn-chat__container__btn:first-child {
    margin-left: 0;
}

.main-section-smartbtn-chat__container__btn:last-child {
    margin-right: 0;
}

.main-section-smartbtn-chat__container__btn-active {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.34);
            box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.34);
    color: white;
}

.main-section-smartbtn-chat__container-messages {
    margin-top: 40px;
    padding: 10px 30px;
    overflow: auto;
    max-height: 100%;
}

.main-section-smartbtn-chat__container-messages::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.main-section-smartbtn-chat__container-messages::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.main-section-smartbtn-chat__container-messages::-webkit-scrollbar-track {
    display: none;
}
.main-section-smartbtn-chat__container-messages::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.main-section-smartbtn-chat__container-messages::-webkit-scrollbar-thumb {
    background-color: #D8EDEB;
    border-radius: 10px;
}

.main-section-smartbtn-chat__container-messages__container {
    background-color: #EAF2FF;
    border-radius: 10px;
    padding: 25px 65px;
    position: relative;
    margin-bottom: 20px;
}

.main-section-smartbtn-chat__container-messages__container:last-child {
    margin-bottom: 0;
}

.main-section-smartbtn-chat__container-messages__container-active {
    background: -o-linear-gradient(left, #FFDDAB 0%, #FFDA82 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFDDAB), to(#FFDA82));
    background: linear-gradient(90deg, #FFDDAB 0%, #FFDA82 100%);
    -webkit-box-shadow: 0px 8px 21px rgba(23, 20, 14, 0.1);
            box-shadow: 0px 8px 21px rgba(23, 20, 14, 0.1);
}

.main-section-smartbtn-chat__container-messages__container-imgs {
    position: absolute;
    height: 100%;
    top: 0;
    left: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-section-smartbtn-chat__container-messages__container-img {
    position: relative;
}

.main-section-smartbtn-chat__container-messages__container-img_border {
    width: 64px;
    height: 64px;
    border: 5px solid white;
    border-radius: 100px;
    overflow: hidden;
}

.main-section-smartbtn-chat__container-messages__container-img__img {
    width: 100%;
}

.main-section-smartbtn-chat__container-messages__container-svg {
    position: absolute;
    top: 0;
    right: -20px;
    padding: 5px;
    background-color: white;
    border-radius: 50px;
    width: 20px;
    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;
}

.main-section-smartbtn-chat__container-messages__container-content-name {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
    color: #131313;
}

.main-section-smartbtn-chat__container-messages__container-content-message {
    font-weight: 700;
    font-size: 13px;
    line-height: 17px;
    color: #131313;
}

.main-section-smartbtn-chat__container-messages__container-time {
    position: absolute;
    top: 25px;
    right: 18px;
    font-size: 9px;
}

.main-section-smartbtn-chat__container-messages__container-count-messages {
    position: absolute;
    right: -6px;
    top: -3px;
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
    color: white;
    width: 22px;
    height: 22px;
    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: 11px;
    font-weight: 500;
    border-radius: 40px;
}

.main-section-smartbtn-chat__container-messages__container-new-message__container {
    position: absolute;
    height: 100%;
    right: -15px;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-section-smartbtn-chat__container-messages__container-new-message {
    color: #131313;
    font-size: 14px;
    font-weight: 500;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 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;
    width: 32px;
    height: 32px;
    border-radius: 64px;
}

.main-section-smartbtn-chat__container-chat {
    width: 100%;
    height: 100vh;
    padding: 15px;
    margin-right: 15px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 85px;
}

.main-section-smartbtn-chat__container-chat-scroll {
    height: 100%;
    overflow: auto;
    padding-right: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll-initial {
    overflow: initial;
}

.main-section-smartbtn-chat__container-chat-scroll:nth-child(1) {
    width: 25%;
    margin-right: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll:nth-child(2) {
    width: 50%;
    margin-right: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll:nth-child(3) {
    width: 25%;
}

.main-section-smartbtn-chat__container-chat-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.main-section-smartbtn-chat__container-chat-scroll::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.main-section-smartbtn-chat__container-chat-scroll::-webkit-scrollbar-track {
    display: none;
}
.main-section-smartbtn-chat__container-chat-scroll::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.main-section-smartbtn-chat__container-chat-scroll::-webkit-scrollbar-thumb {
    background-color: #D8EDEB;
    border-radius: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container {
    min-height: 100%;
    padding: 20px;
    background-color: white;
    border-radius: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container_padding {
    padding-left: 0;
    padding-right: 0;
}

.main-section-smartbtn-chat__container-chat-scroll__container__title {
    color: #131313;
    font-size: 18px;
    font-weight: 700;
    padding-left: 20px;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.main-section-smartbtn-chat__container-chat-scroll__container__title-btn {
    background-color: #2A8CB7;
    width: 34px;
    height: 18px;
    margin-right: 10px;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-section-smartbtn-chat__container-chat-scroll__container__title-btn-offline {
    background-color: #c7c8cf;
}

.main-section-smartbtn-chat__container-chat-scroll__container__title-btn-circle {
    width: 12px;
    height: 12px;
    background-color: white;
    position: absolute;
    left: 20px;
    top: 3px;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 15px 1px white;
    box-shadow: 0 0 15px 1px white;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-section-smartbtn-chat__container-chat-scroll__container__title-btn-offline .main-section-smartbtn-chat__container-chat-scroll__container__title-btn-circle {
    left: 3px;
}

.main-section-smartbtn-chat__container-chat-scroll__container__buttons {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px;
    z-index: 8;
    background-color: white;
}

.main-section-smartbtn-chat__container-chat-scroll__container__buttons-btn {
    width: 25%;
    color: #1D201C;
    background-color: #D9F2F0;
    border-radius: 20px;
    outline: none;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container__buttons-btn:first-child {
    margin-left: 0;
}

.main-section-smartbtn-chat__container-chat-scroll__container__buttons-btn:last-child {
    margin-right: 0;
}

.main-section-smartbtn-chat__container-chat-scroll__container__buttons-btn-active {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 34%);
            box-shadow: 0px 15px 30px rgb(20 102 204 / 34%);
    color: white;
}

.main-section-smartbtn-chat__container-chat-scroll__container-search {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-search__svg {
    position: absolute;
    top: 15px;
    left: 40px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-search__input {
    font-size: 14px;
    padding: 15px 15px 15px 50px;
    width: 100%;
    border: none;
    outline: none;
    background-color: #EAF2FF;
    border-radius: 4px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container:first-child {
    margin-top: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms {
    padding-left: 20px;
    padding-right: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container {
    background-color: #EAF2FF;
    border-radius: 10px;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container:last-child {
    margin-bottom: 0;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-active {
    background: -o-linear-gradient(left, #FFDDAB 0%, #FFDA82 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFDDAB), to(#FFDA82));
    background: linear-gradient(90deg, #FFDDAB 0%, #FFDA82 100%);
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-svg {
    position: absolute;
    top: 10px;
    left: 5px;
    padding: 2px;
    background-color: white;
    border-radius: 50px;
    width: 20px;
    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;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-content {
    padding: 10px 30px 20px 30px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-content-img-and-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-content-img-and-name_border {
    border: 2px solid white;
    min-width: 20px;
    width: 20px;
    height: 20px;
    border-radius: 30px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-content-img-and-name__img {
    width: 100%;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-content-name {
    font-size: 13px;
    font-weight: 700;
    color: #131313;
    margin-left: 10px;
    padding-right: 30px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-content__text {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-time {
    position: absolute;
    top: 15px;
    right: 18px;
    font-size: 9px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-count-messages {
    position: absolute;
    right: -6px;
    top: -3px;
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
    color: white;
    width: 22px;
    height: 22px;
    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: 11px;
    font-weight: 500;
    border-radius: 40px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container_flex {
    position: absolute;
    height: 100%;
    right: -15px;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-new-message {
    color: #131313;
    font-size: 14px;
    font-weight: 500;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 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;
    width: 32px;
    height: 32px;
    border-radius: 64px;
    position: relative;
}

.main-section-smartbtn-chat__container-chat-scroll__container__padding {
    padding: 0;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    width: 100%;
    z-index: 8;
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ECECEC;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header__container_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header__container_flex:first-child {
    margin-right: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header__container-name {
    color: #131313;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header__container-img {
    min-width: 30px;
    min-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 5px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header__container-img__img {
    width: 100%;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header__container-svg {
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px;
    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;
    background-color: #EAF2FF;
    border-radius: 50px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
    position: relative;
    z-index: 1;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container-box-spam {
    position: absolute;
    top: 46px;
    left: -20px;
    background-color: white;
    width: 190px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 20px;
    background-color: #FFF1E2;
    border: 1px solid #F6469D;
    display: none;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container-box__title-spam {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 9px;
    color: #131313;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container-box__btn-spam {
    font-weight: 500;
    font-size: 12px;
    color: #1D201C;
    padding: 5px 30px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container-box__btn-spam:hover {
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg-spam {
    position: relative;
    cursor: pointer;
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    background-color: #EAF2FF;
    border-radius: 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;
    border: 1px solid #EAF2FF;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg-spam-active {
    border: 1px solid #F6469D;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg-spam-active .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container-box-spam {
    display: block;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container-box-close-dialog {
    position: absolute;
    top: 46px;
    left: -20px;
    background-color: white;
    width: 190px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 20px;
    background-color: #C2FAF6;
    border: 1px solid #42C1B8;
    display: none;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container-box__title-close-dialog {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 9px;
    color: #131313;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container-box__btn-close-dialog {
    font-weight: 500;
    font-size: 12px;
    color: #1D201C;
    padding: 5px 30px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container-box__btn-close-dialog:hover {
    background: -o-linear-gradient(left, #42C1B8 -1.91%, #3BA49D 80.5%);
    background: -webkit-gradient(linear, left top, right top, color-stop(-1.91%, #42C1B8), color-stop(80.5%, #3BA49D));
    background: linear-gradient(90deg, #42C1B8 -1.91%, #3BA49D 80.5%);
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg-close-dialog {
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    background-color: #EAF2FF;
    border-radius: 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;
    border: 1px solid #EAF2FF;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg-close-dialog-active {
    border: 1px solid #42C1B8;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg-close-dialog-active .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container-box-close-dialog {
    display: block;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn {
    padding: 5px 40px;
    background-color: #D9F2F0;
    border-radius: 50px;
    position: relative;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-user {
    width: 32px;
    height: 32px;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    border-radius: 50px;
    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;
    color: #131313;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    top: 4px;
    left: 4px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-texts {
    /**/
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-texts__text {
    margin-bottom: 5px;
    color: #131313;
    font-size: 8px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-texts__text-name {
    font-weight: #1D201C;
    font-weight: 500;
    font-size: 12px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn__svg {
    position: absolute;
    top: 18px;
    right: 13px;
    cursor: pointer;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages {
    padding: 20px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-day__text {
    text-align: center;
    text-transform: uppercase;
    color: #131313;
    font-size: 12px;
    font-weight: 700;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message {
    padding: 25px 20px 25px 40px;
    background-color: #EAF2FF;
    position: relative;
    margin-top: 20px;
    border-radius: 10px;
    margin-right: auto;
    max-width: 90%;
    min-width: 120px;   /*   --------------------------*/
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message-active {
    background: -o-linear-gradient(left, #FFDDAB 0%, #FFDA82 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFDDAB), to(#FFDA82));
    background: linear-gradient(90deg, #FFDDAB 0%, #FFDA82 100%);
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message-img {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border: 5px solid white;
    position: absolute;
    top: 15px;
    left: -24px;
    border-radius: 50px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__img {
    width: 100%;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message-name {
    color: #131313;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text {
    line-height: 17px;
    font-size: 13px;
    word-break: break-word;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text a {
    word-break: break-all;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message-time {
    color: #131313;
    font-size: 9px;
    position: absolute;
    top: 15px;
    right: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #ECECEC;
    background-color: white;
    padding: 20px 50px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 9;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_z-index {
    z-index: 7;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post__container-btn__button {
    display: block;
    margin: 30px auto;
    border: none;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    padding: 15px 20px;
    color: white;
    font-weight: 500;
    font-size: 12px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 15px 30px rgba(246, 70, 104, 0.24);
            box-shadow: 0px 15px 30px rgba(246, 70, 104, 0.24);
    outline: none;
}

.main-section-smartbtn-chat__container-chat-scroll__container-info-name {
    position: relative;
    padding-bottom: 20px;
    padding-right: 30px;
    border-bottom: 1px solid #ECECEC;
    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;
    margin-bottom: 30px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-info-name__text {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #131313;
}

.main-section-smartbtn-chat__container-chat-scroll__container-info-name-count {
    font-size: 14px;
    color: #131313;
}

.main-section-smartbtn-chat__container-chat-scroll__container-img {
    min-width: 48px;
    min-height: 48px;
    width: 48px;
    height: 48px;
    overflow-y: hidden;
}

.main-section-smartbtn-chat__container-chat-scroll__container-img__img {
    width: 100%;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person {
    background-color: #EAF2FF;
    border-radius: 10px;
    padding: 20px 45px 35px 15px;
    margin-bottom: 10px;
    position: relative;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person:last-child {
    margin-bottom: 0;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 30px;
    word-break: break-all;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-svg {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-svg_top-and-right {
    top: 0;
    right: 0;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-svg__svg {
    width: 100%;
    height: 15px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-svg__svg path {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-svg:hover .main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-svg__svg path {
    fill: #46C1F6;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal {
    position: fixed;
    top: 0;
    left: -110%;
    width: 100%;
    height: 100vh;
    background-color: rgba(33, 29, 46, 0.8);
    z-index: 99999;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal_flex {
    position: absolute;
    top: -110vh;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px 15px 15px 45px;
    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;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal__container {
    width: 540px;
    height: 100%;
    border-radius: 10px;
    overflow: auto;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal__container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal__container::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal__container::-webkit-scrollbar-track {
    display: none;
}
.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal__container::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal__container::-webkit-scrollbar-thumb {
    background-color: grey;
    border-radius: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal__container-head {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 25px;
    background: -o-linear-gradient(left, #a1d1e7 0%, #ade5fd 100%);
    background: -webkit-gradient(linear, left top, right top, from(#a1d1e7), to(#ade5fd));
    background: linear-gradient(90deg, #a1d1e7 0%, #ade5fd 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal__container-head__title {
    font-weight: 500;
    color: #131313;
    font-size: 18px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal__container-head-head-svg {
    cursor: pointer;
}

.modal-settings-operator__container-content_border-radius {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal-active {
    left: 0;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container-modal_flex-active {
    top: 0;
}

.modal-settings-operator__container-content-tags__container {
    width: 354px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person__container:last-child {
    margin-bottom: 0;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person-link__link {
    margin-left: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #131313;
    text-decoration: underline;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person-link-phone {
    font-weight: 700;
    font-size: 12px;
    color: #131313;
    margin-left: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person-link-mail {
    font-size: 12px;
    color: #131313;
    margin-left: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person-link-city-and-ip {
    font-size: 12px;
    color: #131313;
    margin-left: 10px;
    margin-bottom: -15px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person-link-city {
    display: block;
    color: #131313;
    font-weight: 700;
    margin-bottom: 5px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-person-link-ip {
    display: block;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-timers {
    background: -o-linear-gradient(left, #FFDDAB 0%, #FFDA82 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFDDAB), to(#FFDA82));
    background: linear-gradient(90deg, #FFDDAB 0%, #FFDA82 100%);
    border-radius: 10px;
    padding: 20px 45px 35px 42px;
    margin-bottom: 10px;
    position: relative;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-timers__svg {
    position: absolute;
    left: 15px;
    top: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-timers__text {
    font-size: 10px;
    margin-bottom: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-timers__text:first-child {
    margin-top: 5px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-timers__text:last-child {
    margin-bottom: 0;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-timers__text_font-weight {
    font-weight: 700;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-tags {
    background-color: #EAF2FF;
    border-radius: 10px;
    padding: 20px 45px 20px 42px;
    margin-bottom: 10px;
    position: relative;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-tags__svg {
    position: absolute;
    left: 15px;
    top: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-tags__text {
    font-size: 10px;
    line-height: 12px;
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-add-info {
    background: -o-linear-gradient(left, #FFDDAB 0%, #FFDA82 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFDDAB), to(#FFDA82));
    background: linear-gradient(90deg, #FFDDAB 0%, #FFDA82 100%);
    border-radius: 10px;
    padding: 20px 45px 20px 42px;
    position: relative;
    word-break: break-all;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-add-info__svg {
    position: absolute;
    left: 15px;
    top: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-add-info__title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 12px;
    margin-top: 5px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-add-info__text {
    line-height: 14px;
    font-size: 11px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-add-info-content {
    font-size: 11px;
    line-height: 14px;
}

.main-section-smartbtn-chat__container-add-menu {
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    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;
    background-color: white;
    height: 50px;
    display: none;
}

.main-section-smartbtn-chat__container-add-menu-burg {
    margin-left: 15px;
    margin-right: 15px;
    cursor: pointer;
}

.main-section-smartbtn-chat__container-add-menu-burg-line {
    height: 2px;
    width: 20px;
    background-color: #131313;
    opacity: 0.2;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-section-smartbtn-chat__container-add-menu-burg-line:nth-child(2) {
    margin-top: 5px;
    margin-bottom: 5px;
}

.main-section-smartbtn-chat__container-add-menu-burg-active .main-section-smartbtn-chat__container-add-menu-burg-line {
    opacity: 0.6;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu {
    position: absolute;
    right: 0;
    top: 46px;
    background-color: #F1F6FF;
    border: 1px solid #B8E3FC;
    border-radius: 20px;
    max-height: 125px;
    min-width: 500px;
    -webkit-box-shadow: 0 70px 70px 0 #53537227;
            box-shadow: 0 70px 70px 0 #53537227;
    display: none;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll {
    width: 50%;
    overflow: auto;
}
.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll::-webkit-scrollbar-track {
    display: none;
}
.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll::-webkit-scrollbar-thumb {
    background-color: #B8E3FC;
    border-radius: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll:first-child {
    border-right: 1px solid #B8E3FC;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__span {
    font-size: 9px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    cursor: pointer;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    padding-right: 30px;
    padding-left: 30px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__text-active {
    background: -o-linear-gradient(left, #a1d1e7 0%, #ade5fd 100%);
    background: -webkit-gradient(linear, left top, right top, from(#a1d1e7), to(#ade5fd));
    background: linear-gradient(90deg, #a1d1e7 0%, #ade5fd 100%);
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__text:last-child {
    margin-bottom: 15px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__text__svg {
    margin-left: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll-header {
    margin-bottom: 5px;
    margin-top: 15px;
    margin-left: 30px;
    margin-right: 30px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__container {
    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;
    cursor: pointer;
    padding: 2px;
    margin-left: 25px;
    margin-right: 25px;
    border-radius: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__container:last-child {
    margin-bottom: 15px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__container_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__container-active {
    background: -o-linear-gradient(left, #a1d1e7 0%, #ade5fd 100%);
    background: -webkit-gradient(linear, left top, right top, from(#a1d1e7), to(#ade5fd));
    background: linear-gradient(90deg, #a1d1e7 0%, #ade5fd 100%);
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__container__img {
    width: 20px;
    height: 20px;
    border-radius: 30px;
    border: 2px solid white;
    overflow: hidden;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__container__img-img {
    width: 100%;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__container-plus {
    border: 1px solid #2b2b2b;
    width: 18px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #2b2b2b;
    border-radius: 20px;
    background-color: white;
    margin-left: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__container-active .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__container-plus {
    color: white;
    border: 1px solid rgba(255, 255, 255, 0);
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
}

.main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__container__text {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin-left: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-active-blue {
    background: -o-linear-gradient(left, #a1d1e7 0%, #ade5fd 100%);
    background: -webkit-gradient(linear, left top, right top, from(#a1d1e7), to(#ade5fd));
    background: linear-gradient(90deg, #a1d1e7 0%, #ade5fd 100%);
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form {
    position: relative;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container {
    border: 2px solid #EAF2FF;
    background-color: #EAF2FF;
    position: relative;
    padding: 10px 25px 10px 40px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 25px 40px rgba(0, 0, 0, 0.05);
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-img {
    position: absolute;
    top: 25px;
    left: -24px;
    width: 48px;
    height: 48px;
    border: 5px solid white;
    border-radius: 50px;
    overflow: hidden;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-img__img {
    width: 100%;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-btns {
    border-bottom: 1px solid #B8E3FC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-btns__button {
    padding-bottom: 5px;
    display: block;
    font-size: 12px;
    margin-right: 30px;
    color: #131313;
    margin-bottom: -1px;
    cursor: pointer;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-btns__button:last-child {
    margin-right: 0;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-btns__button-active {
    font-weight: 700;
    border-bottom: 1px solid #131313;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__textarea {
    border: none;
    background-color: #eaf2ff00;
    margin-top: 20px;
    width: 100%;
    height: 50px;
    resize: none;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__textarea::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__textarea::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__textarea::-webkit-scrollbar-track {
    display: none;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__textarea::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__textarea::-webkit-scrollbar-thumb {
    background-color: #D8EDEB;
    border-radius: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs {
    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;
    margin-top: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__text {
    font-size: 11px;
    color: #858585;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__input-submit {
    border: none;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-box-shadow: 0px 15px 30px rgba(246, 70, 104, 0.24);
            box-shadow: 0px 15px 30px rgba(246, 70, 104, 0.24);
    border-radius: 16px;
    color: white;
    font-weight: 500;
    font-size: 12px;
    padding: 15px 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 15px;
    position: relative;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal {
    position: absolute;
    width: 225px;
    overflow: auto;
    max-height: 110px;
    background: #F1F6FF;
    border: 1px solid #B8E3FC;
    border-radius: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    z-index: 9;
    bottom: 30px;
    left: -150px;
    display: none;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 999;
    background-color: rgba(33, 29, 46, 0.8);
    padding-left: 30px;
    display: none;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container {
    padding: 15px 165px;
    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%;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box {
    height: 100%;
    width: 100%;
    border-radius: 10px;
    overflow: auto;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box::-webkit-scrollbar-track {
    display: none;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box::-webkit-scrollbar-thumb {
    background-color: grey;
    border-radius: 10px;
}

@media (min-width: 1600px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container {
        padding-left: 300px;
        padding-right: 300px;
    }
}

@media (min-width: 1920px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container {
        padding-left: 400px;
        padding-right: 400px;
    }
}

@media (max-width: 1024px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-head {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 25px;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-head__title {
    font-weight: 500;
    color: #131313;
    font-size: 18px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-head__svg {
    cursor: pointer;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content {
    padding: 75px 95px;
    background-color: white;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content_flex {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    margin-bottom: 50px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: #EAF2FF;
    border-radius: 10px;
    padding: 30px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content__container-img {
    overflow: hidden;
    width: 64px;
    min-width: 64px;
    height: 64px;
    background-color: white;
    border-radius: 10px;
    margin-right: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content__container-img__img {
    width: 100%;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content__container-texts {
    margin-right: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content__container__text {
    color: #131313;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 14px;
    word-break: break-all;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content__container__span {
    font-size: 12px;
    color: #131313;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content__container-close {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: white;
    border-radius: 10px;
    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;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content-btns {
    /**/
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content-btns__label {
    width: 100%;
    border: none;
    outline: none;
    padding: 20px 45px;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    border-radius: 15px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 18px;
    height: auto;
    display: block;
    margin-bottom: 15px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content-btns__label:hover {
    -webkit-box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content-btns__input {
    display: none;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content-btns__input-submit {
    width: 100%;
    border: none;
    outline: none;
    padding: 20px 45px;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    border-radius: 15px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 18px;
    height: auto;
    display: block;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content-btns__input-submit:hover {
    -webkit-box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg__flex-active .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container__svg g {
    opacity: 1;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container__svg-header {
    opacity: 1;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg__flex-active .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container__svg path {
    stroke: #7ED4EF;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal::-webkit-scrollbar-track {
    display: none;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal::-webkit-scrollbar-thumb {
    background-color: #B8E3FC;
    border-radius: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal__box {
    padding: 5px 20px;
    width: 100%;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal__box:hover {
    background-color: #ade5fd;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal__box__title {
    font-weight: 700;
    font-size: 10px;
    margin-bottom: 5px;
    color: #1D201C;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal__box__text {
    font-size: 10px;
    color: #858585;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container__svg {
    /**/
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg:nth-child(5) {
    margin-right: 25px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal-chat {
    bottom: 130px;
    left: 60px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-email {
    border: 2px solid #6FCF97;
    background-color: #C1FDB6;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text__link {
    text-decoration: none;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text__link__img {
    width: 100%;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text__container-name {
    font-size: 12px;
    font-weight: 700;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text__container-weight {
    font-size: 12px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text-file-img {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    background-color: white;
    border-radius: 10px;
    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;
    padding: 10px;
    margin-right: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text-file-img__link__img {
    max-width: 100%;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text-file__text {
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text-file-weight {
    font-size: 12px;
    margin-top: 5px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message-operator {
    margin-left: auto;
    margin-right: 0;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message-operator .main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message-img {
    left: inherit;
    right: -24px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message-operator {
    padding: 25px 40px 25px 20px;
    background: -o-linear-gradient(left, #a1d1e7 0%, #ade5fd 100%);
    background: -webkit-gradient(linear, left top, right top, from(#a1d1e7), to(#ade5fd));
    background: linear-gradient(90deg, #a1d1e7 0%, #ade5fd 100%);
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message-operator .main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message-time {
    right: 40px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message-operator-email {
    background: none;
    background-color: #C1FDB6;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-new-message-add {
    position: absolute;
    top: 5px;
    left: -13px;
    width: 22px;
    height: 22px;
    background-color: #BECAED;
    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;
    font-size: 10px;
    font-weight: 500;
    border-radius: 30px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text__link {
    color: #298BD0;
    text-decoration: underline;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post__text {
    margin-bottom: 10px;
    text-align: center;
    color: #131313;
    font-size: 12px;
    line-height: 18px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post__text__link {
    color: #131313;
    text-decoration: underline;
}

.main-section-smartbtn-chat__container-chat-scroll__container-info-name-yes {
    background-color: #FFCF86;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    padding: 2px;
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-tags__text__span {
    padding: 10px;
    font-size: 10px;
    font-weight: 500;
    background-color: #cde7e5;
    margin-bottom: 5px;
    margin-right: 5px;
    border-radius: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-tags__text__span-close {
    margin-left: 5px;
    cursor: pointer;
}

/*
.main-section-smartbtn-chat__container-chat-scroll__container-main-info-add-info__text__list {
    list-style: disc;
    padding-left: 18px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-main-info-add-info__text__list__item {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 14px;
}
*/

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-gold {
    background: -o-linear-gradient(left, #FFF6E0 0%, #FFDE8E 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFF6E0), to(#FFDE8E));
    background: linear-gradient(90deg, #FFF6E0 0%, #FFDE8E 100%);
    border: 2px solid #FFE780;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__input-submit-active {
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
}

.main-section-smartbtn-chat-notification {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 15px;
}

.main-section-smartbtn-chat-notification-no-active {
    display: none;
}

.main-section-smartbtn-chat-notification-one {
    background-color: #FFF1E2;
    max-width: 700px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 10px;
    margin-bottom: 5px;
    margin-left: auto;
}

.main-section-smartbtn-chat-notification-one__svg {
    margin-right: 15px;
    min-width: 24px;
}

.main-section-smartbtn-chat-notification-one__text {
    font-size: 14px;
    color: #1D201C;
    max-width: 570px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
}

.main-section-smartbtn-chat-notification-one-close {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 35px;
}

@media (max-height: 680px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post__container-btn__button {
        margin-top: 0;
        margin-bottom: 0;
    }
    .main-section-smartbtn-chat__container {
        padding: 30px;
    }
    .main-section-smartbtn-chat__container_flex {
        margin-bottom: 30px;
    }
    .main-section-smartbtn-chat__container-messages {
        margin-top: 20px;
    }
    .main-section-smartbtn-chat-menu {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .main-section-smartbtn-chat-menu__container-logo {
        padding-bottom: 15px;
    }
    .main-section-smartbtn-chat-menu-options {
        padding-top: 15px;
    }
    .main-section-smartbtn-chat-menu-links {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .main-section-smartbtn-chat-menu-links__link {
        margin-bottom: 50px;
    }
}

@media (max-height: 500px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__textarea {
        margin-top: 5px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__textarea {
        height: 30px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__input-submit {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .main-section-smartbtn-chat__container-chat {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    .main-section-smartbtn-chat-menu-links__link {
        margin-bottom: 30px;
    }
    .main-section-smartbtn-chat-menu-options__link {
        margin-bottom: 15px;
    }
    .main-section-smartbtn-chat__container {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        border-radius: 0;
    }
    .main-section-smartbtn-chat-menu {
        border-radius: 0;
    }
}

@media (max-height: 380px) {
    .main-section-smartbtn-chat-menu {
        padding: 10px;
    }
    .main-section-smartbtn-chat-menu-links__link {
        margin-bottom: 10px;
    }
    .main-section-smartbtn-chat-menu__container-logo {
        padding-bottom: 10px;
    }
    .main-section-smartbtn-chat-menu-options {
        padding-top: 10px;
    }
    .main-section-smartbtn-chat-menu-options__link {
        margin-bottom: 10px;
    }
    .main-section-smartbtn-chat__container {
        padding: 10px;
    }
    .main-section-smartbtn-chat__container_flex {
        margin-bottom: 10px;
    }
    .main-section-smartbtn-chat__container-messages {
        margin-top: 10px;
    }
}

@media (max-width: 1280px) {
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(1) {
        padding-right: 0;
    }
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(2) {
        padding-right: 0;
    }
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(3) {
        padding-right: 0;
    }
}

.main-section-smartbtn-chat__container-chat_go___to_window__container {
    width: 100%;
    padding-left: 85px;
    padding-right: 25px;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

@media (max-width: 1200px) {
    .main-section-smartbtn-chat__container-chat {
        padding-top: 70px;
    }
    .main-section-smartbtn-chat__container-chat_go___to_window__container {
        display: block;
    }
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(1) {
        width: 100%;
    }
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(2) {
        width: 100%;
    }
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(3) {
        width: 100%;
        margin-right: 10px;
    }
    .main-section-smartbtn-chat__container-chat-scroll {
        display: none;
    }
    .main-section-smartbtn-chat__container-chat-active {
        display: block;
    }
    .main-section-smartbtn-chat__container-add-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .main-section-smartbtn-chat-notification-one {
        max-width: 400px;
    }
}

@media (max-width: 700px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll {
        width: 100%;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll:first-child {
        border-right: none;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll:last-child {
        border-top: 3px solid #B8E3FC;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu {
        min-height: 250px;
        min-width: 250px;
    }
}

@media (max-width: 600px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__textarea {
        margin-top: 5px;
    }
    .modal-settings-operator__container-content-tags__container {
        width: 100%;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-user {
        width: 22px;
        height: 22px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn {
        padding-left: 30px;
        padding-right: 30px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg-close-dialog {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg-spam {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-texts__text-name {
        font-size: 10px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn__svg {
        top: 15px;
    }
    .main-section-smartbtn-chat__container-chat {
        padding-top: 55px;
    }
    .main-section-smartbtn-chat-notification-one {
        max-width: 200px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages-not-open-message__text-file-img {
        min-width: 32px;
        min-height: 32px;
        width: 32px;
        height: 32px;
        padding: 2.5px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-img {
        top: 19px;
        left: -10px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container__input-submit {
        padding: 5px 10px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container__svg {
        margin-right: 15px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-btns__button {
        margin-right: 10px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container {
        padding-right: 10px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container__svg:nth-child(5) {
        margin-right: 10px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg {
        margin-right: 0;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg:nth-child(5) {
        margin-right: 0;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__text {
        display: none;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu {
        right: -46.5px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post__container-btn__button {
        max-width: 100%;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post {
        padding: 10px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header {
        padding: 5px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header__container_flex:first-child {
        margin-right: 0;
        margin-bottom: 1px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header__container-name {
        font-size: 12px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container__svg-header {
        position: absolute;
        top: 5px;
        right: 5px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options {
        -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;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn {
        padding-top: 3.5px;
        padding-bottom: 3.5px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-messages {
        padding: 10px 30px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn {
        margin-top: 5px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-svg__container {
        margin-right: 0;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header__container {
        position: absolute;
        top: 5px;
        left: 5px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .main-section-smartbtn-chat__container-chat {
        margin-right: 0;
        margin-bottom: 0;
    }
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(1) {
        margin-right: 0;
    }
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(2) {
        margin-right: 0;
    }
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(3) {
        margin-right: 0;
    }
    .main-section-smartbtn-chat__container-chat-scroll {
        padding-right: 0;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container {
        border-radius: 0;
    }
    .main-section-smartbtn-chat-menu {
        margin-right: 0;
        border-radius: 0;
    }
    .main-section-smartbtn-chat__container {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        border-radius: 0;
        padding: 10px;
    }
    .main-section-smartbtn-chat__container__btn {
        padding: 5px 10px;
    }
    .main-section-smartbtn-chat__container-messages__container-svg {
        right: 0;
        top: 0;
    }
    .main-section-smartbtn-chat__container-messages__container {
        padding: 10px 45px;
    }
    .main-section-smartbtn-chat__container-messages__container-time {
        top: 10px;
    }
    .main-section-smartbtn-chat-menu {
        min-width: 40px;
    }
}

@media (max-width: 330px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container__svg {
        margin-right: 10px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll-header {
        margin-left: 15px;
        margin-right: 15px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__text {
        padding-left: 15px;
        padding-right: 15px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu-scroll__container {
        margin-left: 15px;
        margin-right: 15px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-messages__header-options-btn-menu {
        min-width: 200px;
        right: -21px;
    }
}

/*-end- styles for new chat example*/



/*-start- styles for sign up*/

.sign-up-main__container {
    width: 100%;
    height: 100vh;
    background-color: #EAF2FF;
    padding: 15px 165px;
}

.sign-up-main__container__from {
    height: 100%;
}

.sign-up-main__container_background {
    overflow: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("../../images/Base6543654FDSAFSA.jpg");
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 35px;
    position: relative;
}

.sign-up-main__container_background_flex {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.sign-up-main__container_background-arrow-back {
    position: absolute;
    top: 35px;
    left: 35px;
    width: 40px;
    height: 40px;
    border: 2px solid #211D2E;
    border-radius: 40px;
    padding: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: white;
}

.sign-up-main__container_background-arrow-back:hover {
    border: 2px solid grey;
}

.sign-up-main__container_background-arrow-back:hover .sign-up-main__container_background-arrow-back__svg path {
    fill: grey;
}

.sign-up-main__container_background-arrow-back__svg {
    height: 100%;
    width: 100%;
}

.sign-up-main__container_background-arrow-back__svg path {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sign-up-main__container_background::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.sign-up-main__container_background::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.sign-up-main__container_background::-webkit-scrollbar-track {
    display: none;
}
.sign-up-main__container_background::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.sign-up-main__container_background::-webkit-scrollbar-thumb {
    background-color: #D8EDEB;
    border-radius: 10px;
}

.sign-up-main__container_background__container {
    margin-bottom: 20px;
    display: block;
}

.sign-up-main__container_background__container_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sign-up-main__container_background__container-logo {
    width: 110px;
}

.sign-up-main__container_background__container__title {
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    color: #211D2E;
    text-align: center;
    padding-left: 15%;
    padding-right: 15%;
}

.sign-up-main__container_background__container__text {
    color: #131313;
    font-size: 18px;
    line-height: 26px;
    padding-left: 21%;
    padding-right: 21%;
    text-align: center;
}

.sign-up-main__container_background__container-input {
    background-color: #D6D8E7;
    overflow: hidden;
    position: relative;
    width: 354px;
    border-radius: 16px;
    height: 59px;
    padding: 2px;
    margin-bottom: 10px;
}

.sign-up-main__container_background__container-input-active__background {
    background-color: #EAF2FF;
}

.sign-up-main__container_background__container-input-active {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
}

.sign-up-main__container_background__container__input {
    border: none;
    outline: none;
    background-color: white;
    width: 350px;
    padding: 20px 60px;
    border-radius: 15px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 100%;
}

.sign-up-main__container_background__container__input::-webkit-inner-spin-button {
    display: none;
}

.sign-up-main__container_background__container__input-active {
    padding-top: 32.5px;
    padding-bottom: 7.5px;
}

.sign-up-main__container_background__container__input-active__background {
    background-color: #EAF2FF;
}

.sign-up-main__container_background__container-input__svg {
    position: absolute;
    top: 17px;
    left: 21px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sign-up-main__container_background__container-input__svg * {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sign-up-main__container_background__container-input__svg-active * {
    stroke: #14142B;
}

.sign-up-main__container_background__container__input-submit {
    width: 100%;
    border: none;
    outline: none;
    padding: 20px 45px;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
            box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
    border-radius: 15px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 18px;
    height: auto;
    display: block;
}

.sign-up-main__container_background__container__input-submit:hover {
    -webkit-box-shadow: 0px 15px 3px rgba(20, 102, 204, 0.16);
            box-shadow: 0px 15px 3px rgba(20, 102, 204, 0.16);
}

.sign-up-main__container_background__container__sub-text {
    font-size: 18px;
    line-height: 28px;
    color: #131313;
}

.sign-up-main__container_background__container__sub-text__link {
    color: #298BD0;
    text-decoration: underline;
}

.sign-up-main__container_background__container-politics {
    font-size: 13px;
    line-height: 17px;
    color: #131313;
    padding-left: 22%;
    padding-right: 22%;
    text-align: center;
}

.sign-up-main__container_background__container-politics__link {
    text-decoration: underline;
    color: #131313;
}

.sign-up-main__container_background__container-input__margin {
    margin-top: 20px;
}

.sign-up-main__container_background__container__text-for-inputs {
    font-size: 16px;
    margin-bottom: 10px;
}

.sign-up-main__container_background__container__sub-text__span {
    display: block;
    color: #298BD0;
    text-decoration: underline;
    margin-bottom: 10px;
    cursor: pointer;
}

.sign-up-main__container_background__container__sub-text__span:hover {
    text-decoration: none;
}

.sign-up-main__container_background__container__input-submit_width {
    width: 354px;
    margin-top: 25px;
}

.sign-up-main__container_background__container-input__margin-right {
    margin-right: 0;
}

.sign-up-main__container_background__container-input__margin-bottom {
    margin-bottom: 10px;
}

.sign-up-main__container_background__container-input__none {
    display: none;
}

.sign-up-main__container_background__container:last-child {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
}

.sign-up-main__container_background__container-input__svg-close {
    position: absolute;
    top: 23px;
    right: 23px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sign-up-main__container_background__container-input__svg-close-no-active {
    opacity: 0;
    cursor: text;
}

.sign-up-main__container_background__container-input-fake-placeholder {
    color: #A0A3BD;
    font-size: 16px;
    position: absolute;
    top: 22px;
    left: 62px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: text;
}

.sign-up-main__container_background__container-input-fake-placeholder-active {
    top: 12.5px;
}

.sign-up-main__container_background__container__sub-text {
    margin-top: 5px;
    font-size: 13px;
    color: #131313;
    max-width: 354px;
    line-height: 17px;
}

.sign-up-main__container_background__container__input-submit_margin-top {
    margin-top: 0;
}

@media (max-height: 750px) {
    .sign-up-main__container_background__container {
        margin-bottom: 10px;
    }
    .sign-up-main__container_background__container__title {
        margin-bottom: 0;
    }
    .sign-up-main__container_background__container-input__margin {
        margin-top: 10px;
    }
    .sign-up-main__container_background__container__input-submit_width {
        margin-top: 0;
    }
}

@media (max-height: 750px) {
    .sign-up-main__container_background__container__title {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1024px) {
    .sign-up-main__container_background__container__title {
        padding-left: 0;
        padding-right: 0;
    }
    .sign-up-main__container_background__container_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;
    }
    .sign-up-main__container_background__container-input {
        margin-right: 0;
    }
    .sign-up-main__container_background__container__input-submit {
        width: 354px;
        margin-top: 10px;
    }
}

@media (max-width: 768px) {
    .sign-up-main__container {
        padding: 0;
        border-radius: 0;
    }
    .sign-up-main__container_background__container-politics {
        padding-left: 0;
        padding-right: 0;
    }
    .sign-up-main__container_background__container__text {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 441px) {
    .sign-up-main__container_background__container__title {
        font-size: 24px;
    }
    .sign-up-main__container_background__container-input {
        width: 240px;
    }
    .sign-up-main__container_background__container__input {
        width: 236px;
    }
    .sign-up-main__container_background__container__input-submit_width {
        width: 240px;
    }
    .sign-up-main__container_background__container__input-submit {
        width: 240px;
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .sign-up-main__container_background__container__sub-text {
        width: 240px;
    }
}

/*-end- styles for sign up*/



/*-start- styles for employees*/

.employees__title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 50px;
    margin-top: 30px;
    color: #211D2E;
}

.employees__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 50px;
}

.employees__container__input {
    border: none;
    border: 2px solid #D6D8E7;
    border-radius: 15px;
    padding: 25px;
    font-size: 16px;
    margin-right: 30px;
    width: 540px;
}

.employees__container__input::-webkit-input-placeholder {
    color: #A0A3BD;
}

.employees__container__input-submit {
    cursor: pointer;
    color: white;
    font-weight: 700;
    font-size: 16px;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    border: none;
    padding: 24px 28px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
            box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.employees__container__input-submit:hover {
    -webkit-box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
            box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
}

.employees__container-person {
    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;
    padding: 10px 20px;
    background-color: white;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.employees__container-person:hover {
    background-color: #EAF2FF;
}

.employees__container-person:hover .employees__container-person-name-and-img .employees__container-person-name-and-img__container-img {
    border: 5px solid white;
}

.employees__container-person:last-child {
    margin-bottom: 0;
}

.employees__container-person:hover .employees__container-person-name-and-img .employees__container-person-name-and-img__container-img-white {
    border: 5px solid white;
}

.employees-scroll {
    height: 290px;
    padding-left: 0;
    padding-right: 20px;
    word-break: break-all;
    margin-top:10px;
}

.employees-scroll__text {
    margin-bottom: 10px;
}

.employees-scroll__text:last-child {
    margin-bottom: 0;
}

.employees-scroll__text__link {
    font-size: 14px;
    color: #298BD0;
    text-decoration: underline;
    line-height: 20px
}

.employees-scroll__text__link:hover {
    color: #131313;
}

.employees__container-person-name-and-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.employees__container-person-name-and-img__container-img {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 46px;
    height: 46px;
    border: 5px solid #EAF2FF;
    border-radius: 100px;
    margin-right: 20px;
    position: relative;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    font-size: 13px;
    font-weight: 500;
    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;
}

.employees__container-person-name-and-img__container-img-white {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 46px;
    height: 46px;
    border: 5px solid #EAF2FF;
    border-radius: 100px;
    margin-right: 20px;
    position: relative;
    background-color: #EAF2FF;
    font-size: 13px;
    font-weight: 500;
    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;
}

.employees__container-person-name-and-img__container-img-btn {
    position: absolute;
    border-radius: 20px;
    border: 2px solid white;
    width: 14px;
    height: 14px;
    top: -5px;
    right: -5px;
    background: -o-linear-gradient(left, rgb(201, 201, 201) 9%,  rgb(134, 134, 134) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, rgb(201, 201, 201)),  to(rgb(134, 134, 134)));
    background: linear-gradient(90deg, rgb(201, 201, 201) 9%,  rgb(134, 134, 134) 100%);
}

.employees__container-person-name-and-img__container-img-btn-online {
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
}

.employees__container-person-name-and-img__container-img__img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 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;
    overflow: hidden;
}

.employees__container-person-name-and-img__container-name {
    /**/
}

.employees__container-person-name-and-img__container-name__text {
    font-size: 13px;
    font-weight: 700;
    color: #131313;
    margin-bottom: 5px;
}

.employees__container-person-name-and-img__container-name__link {
    word-break: break-all;
    font-size: 12px;
    color: #131313;
}

.employees__container-person-name-and-img__container-name__link:hover {
    text-decoration: underline;
}

.employees__container-person__container-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 50px;
}

.employees__container-person__container-info-person {
    font-size: 12px;
    text-align: center;
    color: #131313;
    width: 100px;
    max-width: 100px;
    padding-left: 5px;
    padding-right: 5px;
}

.employees__container-person__container-info-person-active {
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #F6469D;
}

.employees__container-person__container-info-position {
    font-size: 12px;
    text-align: center;
    color: #131313;
    width: 160px;
    max-width: 160px;
    padding-left: 5px;
    padding-right: 5px;
}

.employees__container-person__container-info-status {
    font-size: 12px;
    text-align: center;
    color: #27AE60;
    width: 80px;
    max-width: 80px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.employees__container-person__container-info__btn {
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    color: #131313;
    padding: 10px 15px;
    border: none;
    border-radius: 20px;
    background-color: #D9F2F0;
    outline: none;
    width: 90px;
}

.employees__container-person__container-info-btn {
    padding: 2px;
    background-color: #D9F2F0;
    border-radius: 30px;
}

.employees__container-person__container-info-btn:hover {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
}

.employees__container-person__container-info-btn-add-box {
    background-color: #D9F2F0;
    border-radius: 30px;
}

.employees__container-person__container-info-btn:hover .employees__container-person__container-info-btn-add-box {
    background-color: white;
}

.employees__container-person__container-info-btn:hover .employees__container-person__container-info-btn-add-box .employees__container-person__container-info__btn {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #F6469D;
}

.employees__container-person__container-info-btn-delete {
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
}

.employees__container-person__container-info-btn-add-box-delete {
    background: none;
}

.employees__container-person__container-info__btn-delete {
    background: none;
    color: white;
}

.employees__container-person__container-info-status-check {
    color: #A0A3BD;
}

.employees__container-person-name-and-img__container-img-btn-gone {
    background: -o-linear-gradient(left, #FFCF86 0%, #c7a147 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#c7a147));
    background: linear-gradient(90deg, #FFCF86 0%, #c7a147 100%);
}

.employees__container-person__container-info-status-no-buy {
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #FE9677;
}

.modal-settings-operator {
    position: fixed;
    top: 0;
    left: -110%;
    width: 100%;
    height: 100vh;
    background-color: rgba(33, 29, 46, 0.8);
    z-index: 199;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.modal-settings-operator-active {
    left: 0;
}

.modal-settings-operator_position {
    position: absolute;
    left: 0;
    top: -110vh;
    width: 100%;
    height: 100%;
    padding: 15px 15px 15px 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;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.modal-settings-operator_position-active {
    top: 0;
}

.modal-settings-operator__container {
    height: 100%;
    width: 540px;
    border-radius: 10px;
    overflow: auto;
    z-index: 999;
}

.modal-settings-operator__container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.modal-settings-operator__container::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.modal-settings-operator__container::-webkit-scrollbar-track {
    display: none;
}
.modal-settings-operator__container::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
}
.modal-settings-operator__container::-webkit-scrollbar-thumb {
    background-color: #131313;
    border-radius: 10px;
}

.modal-settings-operator__container-head {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 25px;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.modal-settings-operator__container-head__title {
    font-weight: 500;
    color: #131313;
    font-size: 18px;
}

.modal-settings-operator__container-head__container-svg {
    cursor: pointer;
}

.modal-settings-operator__container-content {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 15px 50px 15px;
    background-color: white;
    position: relative;
}

.modal-settings-operator__container-content-img {
    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;
    margin-bottom: 30px;
}

.modal-settings-operator__container-content-img__img {
    overflow: hidden;
    -webkit-box-shadow: 0px 15px 30px rgba(217, 222, 242, 0.65);
            box-shadow: 0px 15px 30px rgba(217, 222, 242, 0.65);
    border-radius: 100px;
    width: 120px;
    height: 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;
    border: 10px solid white;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #131313;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.modal-settings-operator__container-content-img__text {
    margin-bottom: 5px;
    font-size: 12px;
    text-align: center;
    color: #A0A3BD;
}

.modal-settings-operator__container-content-img__label {
    font-size: 14px;
    text-align: center;
    color: #298BD0;
    text-decoration: underline;
}

.modal-settings-operator__container-content-img__label:hover {
    text-decoration: none;
}

.modal-settings-operator__container-content-img__input[type=file] {
    display: none;
}

.modal-settings-operator__container-content_margin-bottom {
    margin-bottom: 20px;
}

.modal-settings-operator__container-content_margin-bottom:last-child {
    margin-bottom: 0;
}

.sign-up-main__container_background__container__margin-top {
    margin-top: 15px;
}

.modal-settings-operator__container-btn {
    padding: 2px;
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    border-radius: 14px;
    margin-bottom: 20px;
}

.modal-settings-operator__container-btn-add-box {
    background-color: white;
    border-radius: 14px;
}

.modal-settings-operator__container-btn__button {
    border: none;
    background: none;
    border-radius: 15px;
    padding: 20px 45px;
    text-align: center;
    width: 100%;
    outline: none;
    font-size: 16px;
    font-weight: 700;
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #42C1B8;
}

.modal-settings-operator__container-content__link {
    width: 354px;
    border: none;
    outline: none;
    padding: 20px 45px;
    background-color: #F64668;
    -webkit-box-shadow: 0px 15px 30px #f646692c;
    box-shadow: 0px 15px 30px #f646692c;
    border-radius: 15px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 18px;
    height: auto;
    display: block;
    margin-top: 15px;
}

.modal-settings-operator__container-content__link:hover {
    -webkit-box-shadow: 0px 15px 3px #f646692c;
    box-shadow: 0px 15px 3px #f646692c;
    color: white;
}

.modal-settings-operator__container-content__link-offline {
    width: 354px;
    border: none;
    outline: none;
    padding: 20px 45px;
    background: -o-linear-gradient(left, rgb(201, 201, 201) 9%, rgb(134, 134, 134) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(9%, rgb(201, 201, 201)), to(rgb(134, 134, 134)));
    background: linear-gradient(90deg, rgb(201, 201, 201) 9%, rgb(134, 134, 134) 100%);
    -webkit-box-shadow: 0px 15px 30px rgb(201, 201, 201);
    box-shadow: 0px 15px 30px rgb(201, 201, 201);
    border-radius: 15px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 18px;
    height: auto;
    display: block;
    margin-top: 15px;
}

.modal-settings-operator__container-content__link-offline:hover {
    -webkit-box-shadow: 0px 15px 3px rgb(201, 201, 201);
    box-shadow: 0px 15px 3px rgb(201, 201, 201);
    color: white;
}

@media (max-height: 600px) {
    .employees__title {
        margin-bottom: 10px;
    }
    .employees__container {
        margin-bottom: 10px;
    }
    .employees-scroll {
        margin-top: 0;
    }
}

.sign-up-main__container_background__container__input-error {
    background: -o-linear-gradient(left, rgb(187, 72, 52) 0%, tomato 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgb(187, 72, 52)), to(tomato));
    background: linear-gradient(90deg, rgb(187, 72, 52) 0%, tomato 100%);
}

@media (max-height: 475px) {
    .employees-scroll {
        height: 150px;
    }
}

@media (max-width: 1024px) {
    .main-section-smartbtn-chat__container-chat_go___to_window__container {
        padding-left: 45px;
    }
    .employees__container-person__container-info {
        margin-left: 0;
    }
    .employees__container {
        -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;
    }
    .employees__container-person__container-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .employees__container-person__container-info-person {
        margin-bottom: 10px;
    }
    .employees__container-person__container-info-position {
        margin-bottom: 10px;
    }
    .employees__container-person__container-info-status {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .employees__container__input-submit {
        margin-top: 10px;
        width: 354px;
    }
    .employees__container__input {
        margin-right: 0;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .employees__container-person {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

@media (max-width: 580px) {
    .employees__container__input-submit {
        width: 100%;
    }
    .employees__container-person {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form-section-for-watch {
    min-width: 100%;
    max-height: 138px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    bottom: 145px;
    left: 0;
    padding-left: 50px;
    padding-right: 50px;
    word-break: break-all;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form-section-for-watch__container {
    width: 100%;
    overflow: auto;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form-section-for-watch__container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form-section-for-watch__container::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form-section-for-watch__container::-webkit-scrollbar-track {
    display: none;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form-section-for-watch__container::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form-section-for-watch__container::-webkit-scrollbar-thumb {
    background-color: #D8EDEB;
    border-radius: 10px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form-section-for-watch__container__text {
    background-color: #C0E0FF;
    padding: 10px 30px 30px 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 12px;
    color: #131313;
    line-height: 15px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form-section-for-watch-none {
    display: none;
}

.sign-up-main__container_background__container__input__textarea {
    height: 200px;
}

.sign-up-main__container_background__container__input__textarea_height {
    height: 98%;
}

.sign-up-main__container_background__container__input__textarea_height::-webkit-input-placeholder {
    color: #A0A3BD;
    font-size: 16px;
}

@media (max-height: 500px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form-section-for-watch {
        bottom: 90px;
        max-height: 94px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal-chat {
        bottom: 80px;
    }
}

@media (max-width: 600px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form-section-for-watch {
        max-height: 90px;
        padding-left: 10px;
        padding-right: 10px;
        bottom: 125px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal {
        left: -35px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal-chat {
        left: 0;
    }
}

.main-section-smartbtn-chat-menu_position-fixed {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
}

.shadow-for-mobile-menu {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #131313;
    opacity: 0.5;
    cursor: pointer;
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
}

.shadow-for-mobile-menu-active {
    left: 0;
}

.page-lk__container {
    height: 100%;
    margin-left: 85px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.sign-up-main__container_background__container-input-checkbox__container-label {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #131313;
}

.sign-up-main__container_background__container-input-checkbox__container-label-error {
    color: tomato;
}

@media (max-width: 1024px) {
    .main-section-smartbtn-chat-menu-toggle-mobile-menu_flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .page-lk__container {
        padding: 0;
        margin-left: 30px;
    }
    .main-section-smartbtn-chat-menu_position-fixed {
        left: -70px;
    }
    .main-section-smartbtn-chat-menu_position-fixed-active {
        left: 0;
    }
    .main-section-smartbtn-chat-menu {
        padding-right: 45px;
    }
}

@media (max-width: 441px) {
    .modal-settings-operator__container-content__link {
        width: 240px;
        font-size: 12px;
    }
    .sign-up-main__container_background__container-delete_flex {
        width: 240px;
    }
}

.sign-up-main__container_background__container-delete {
    position: absolute;
    top: -200%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 30px 15px 50px 15px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sign-up-main__container_background__container-delete-active {
    top: 0;
}

.sign-up-main__container_background__container-delete_flex {
    width: 354px;
    margin-left: auto;
    margin-right: auto;
    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: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 100%;
}

.sign-up-main__container_background__container-delete_flex__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sign-up-main__container_background__container-delete_background {
    width: 100%;
    background-color: white;
    border-radius: 15px;
    -webkit-box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
    box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
}

.sign-up-main__container_background__container-delete_background__text {
    padding-top: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #211D2E;
    text-align: center;
}

.sign-up-main__container_background__container-delete_flex__link {
    background-color: #F64668;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 10px 5px 10px 10px;
    text-align: center;
    color: white;
    border-radius: 15px;
}

.sign-up-main__container_background__container-delete_flex__link:hover {
    color: #211D2E;
}

.sign-up-main__container_background__container-delete_flex__btn {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    border: none;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 10px 10px 10px 5px;
    text-align: center;
    color: white;
    border-radius: 15px;
}

.sign-up-main__container_background__container-delete_flex__btn:hover {
    color: #211D2E;
}

@media (max-width: 441px) {
    .sign-up-main__container_background__container-delete_flex {
        width: 240px;
    }
}

/*-end- styles for employees*/

/*-start- styles for constructor*/

.constructor-page__container {
    margin-left: 85px;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    height: 100vh;
}

.constructor-page__container_background {
    background-image: url("../images/Base6543654FDSAFSA.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    height: 100%;
    overflow: auto;
    padding: 80px 60px 60px 60px;
}

.constructor-page__container_background::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.constructor-page__container_background::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.constructor-page__container_background::-webkit-scrollbar-track {
    display: none;
}
.constructor-page__container_background::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.constructor-page__container_background::-webkit-scrollbar-thumb {
    background-color: #131313;
    border-radius: 10px;
}

.constructor-page__container_background__title {
    color: #211D2E;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}

.constructor-page__container_background-code {
    background-color: white;
    padding: 20px 30px 0.1px 30px;
    -webkit-box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
            box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
    border-radius: 10px;
    margin-bottom: 15px;
}

.constructor-page__container_background-code__title {
    font-size: 18px;
    font-weight: 700;
    color: #131313;
    margin-bottom: 10px;
}

.constructor-page__container_background-code__text {
    line-height: 20px;
    font-size: 14px;
    color: #131313;
    margin-bottom: 20px;
}

.constructor-page__container_background-code__container {
    background-color: #EAF2FF;
    border-radius: 15px;
    padding: 15px 20px;
    font-size: 14px;
    line-height: 24px;
    color: #6E7191;
    word-break: break-all;
    height: 175px;
    overflow: auto;
}

.constructor-page__container_background-code__container::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.constructor-page__container_background-code__container::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.constructor-page__container_background-code__container::-webkit-scrollbar-track {
    display: none;
}
.constructor-page__container_background-code__container::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.constructor-page__container_background-code__container::-webkit-scrollbar-thumb {
    background-color: #D8EDEB;
    border-radius: 10px;
}

.constructor-page__container_background-code__container * {
    font-size: 14px;
    line-height: 24px;
    color: #6E7191;
}

.constructor-page__container_background-code__btn {
    width: 100%;
    max-width: 445px;
    border: none;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
            box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
    border-radius: 15px;
    font-size: 16px;
    color: white;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.constructor-page__container_background-code__btn:hover {
    -webkit-box-shadow: 0 15px 5px 0 rgba(20, 102, 204, 0.16);
            box-shadow: 0 15px 5px 0 rgba(20, 102, 204, 0.16);
}

.constructor-page__container_background-code-example__btn {
    width: 100%;
    max-width: 445px;
    border: none;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
            box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
    border-radius: 15px;
    font-size: 16px;
    color: white;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 30px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.constructor-page__container_background-code-example__btn:hover {
    -webkit-box-shadow: 0 15px 5px 0 rgba(20, 102, 204, 0.16);
            box-shadow: 0 15px 5px 0 rgba(20, 102, 204, 0.16);
}

.constructor-page__container_background-code-example {
    padding: 15px;
    -webkit-box-shadow: 0 3px 6px 0 rgb(185, 185, 185);
            box-shadow: 0 3px 6px 0 rgb(185, 185, 185);
    border-radius: 15px;
    margin-bottom: 30px;
    display: none;
}

.constructor-page__container_background-code-example-active {
    display: block;
}

.constructor-settings__input-group__container {
    margin-top: 20px;
    background: -o-linear-gradient(left, rgba(255, 207, 134, 0.5) 0%, rgba(255, 207, 92, 0.5) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 207, 134, 0.5)), to(rgba(255, 207, 92, 0.5)));
    background: linear-gradient(90deg, rgba(255, 207, 134, 0.5) 0%, rgba(255, 207, 92, 0.5) 100%);
    border-radius: 15px;
    padding: 20px;
}

.constructor-settings__input-group__container__sub-text {
    color: #6E7191;
    font-size: 14px;
    line-height: 20px;
}

.constructor-settings__input-group__container__text {
    font-weight: 700;
    color: #6E7191;
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
}

.settings-styles-widget {
    margin-top: 60px;
    margin-bottom: 30px;
}

.settings-styles-widget__title {
    font-size: 18px;
    font-weight: 700;
    color: #131313;
    margin-bottom: 10px;
}

.settings-styles-widget_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.settings-styles-widget__input-radio__label {
    width: 54px;
    height: 54px;
    min-width: 54px;
    min-height: 54px;
    background: #343434;
    border-radius: 15px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.settings-styles-widget__input-radio__label-one {
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
}
.settings-styles-widget__input-radio__label-two {
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
}
.settings-styles-widget__input-radio__label-three {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
}
.settings-styles-widget__input-radio__label-four {
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
}
.settings-styles-widget__input-radio__label-five {
    background: -o-linear-gradient(left, #FE9677 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FE9677), to(#F6469D));
    background: linear-gradient(90deg, #FE9677 0%, #F6469D 100%);
}

.settings-styles-widget__input-radio__label__span {
    color: white;
    font-size: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.settings-styles-widget__input-radio__label-active {
    border: 5px solid #EAF2FF;
    -webkit-box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
            box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
}

.settings-styles-widget__input-radio__label-active .settings-styles-widget__input-radio__label__span {
    font-size: 22px;
}

.settings-styles-widget__input-radio {
    display: none;
}

.constructor-settings__input-group-price {
    margin-top: 25px;
    margin-left: 20px;
    max-width: 300px;
    width: 100%;
    padding-right: 30px;
}

.constructor-settings__input-group-price__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

.constructor-settings__input-group-price__container__text {
    color: #6E7191;
    font-size: 14px;
    margin-right: 10px;
    word-break: break-all;
}

.constructor-settings__input-group-price__container-delete {
    font-size: 12px;
    border: 2px solid #F64668;
    color: #F64668;
    width: 24px;
    min-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;
    border-radius: 30px;
    cursor: pointer;
}

.constructor-settings__input-group-price__container-delete__container {
    position: absolute;
    top: -400%;
    left: -110vh;
    width: 230px;
    background-color: white;
    padding: 20px;
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 6px 0 rgb(185 185 185);
            box-shadow: 0 3px 6px 0 rgb(185 185 185);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.constructor-settings__input-group-price__container-delete__container-active {
    left: 0;
}

.constructor-settings__input-group-price__container-delete__container__text {
    text-align: center;
    font-size: 14px;
    color: #131313;
    margin-bottom: 10px;
    display: block;
}

.constructor-settings__input-group-price__container-delete__container_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.constructor-settings__input-group-price__container-delete__container__link {
    width: 50%;
    text-align: center;
    color: white;
    background-color: #F64668;
    margin-right: 5px;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.constructor-settings__input-group-price__container-delete__container__link:hover {
    color: #131313;
}

.constructor-settings__input-group-price__container-delete__container-close {
    width: 50%;
    text-align: center;
    color: white;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    cursor: pointer;
    margin-left: 10px;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

.constructor-settings__input-group-price__container-delete__container-close:hover {
    color: #131313;
}

.constructor-settings__input-group-selects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 445px;
}

.constructor-settings__input-group-selects_margin-top {
    margin-top: 30px;
}

.constructor-settings__input-group-position {
    margin-top: 0;
    width: 60%;
    margin-right: 15px;
}

.constructor-settings__input-group-position-width {
    width: 100%;
    margin-right: 0;
}

.constructor-settings__input-group__container-select {
    width: 100%;
    position: relative;
}

.constructor-settings__input-group-size {
    margin-top: 0;
    width: 40%;
    margin-left: 15px;
}

.constructor-settings__input-group__select {
    width: 100%;
    border: none;
    background-color: #EAF2FF;
    border-radius: 15px;
    max-width: 445px;
    padding: 15px 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.constructor-settings__input-group__container-select__svg {
    position: absolute;
    right: 20px;
    top: 20px;
}

.constructor-settings__label_flex {
    width: 100%;
    max-width: 445px;
    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;
}

.constructor-settings__label__span-text {
    font-size: 16px;
    font-weight: 700;
    color: #298BD0;
    cursor: pointer;
}

.constructor-settings__label__span-add-text {
    font-size: 14px;
    color: #6E7191;
    cursor: pointer;
}

.constructor-settings__input_background {
    background: none;
    border: 1px solid #D6D8E7;
}

.constructor-settings__input-checkbox {
    display: none;
}

.constructor-settings__input-group_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
}

.constructor-settings__label_margin {
    margin-bottom: 0;
}

.constructor-settings__input-disabled {
    background-color: #c7c8cf;
    padding-right: 60px;
}

.constructor-settings__input-group_relative {
    position: relative;
    max-width: 445px;
    width: 100%;
}

.constructor-settings__input-group__container-svg {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
}

.constructor-settings__input-group__container-svg__svg {
    width: 20px;
    height: 20px;
}

.constructor-settings__label-checkbox {
    width: 34px;
    height: 18px;
    background-color: #c7c8cf;
    margin-right: 10px;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.constructor-settings__label-checkbox__span {
    width: 12px;
    height: 12px;
    background-color: white;
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 15px 1px white;
            box-shadow: 0 0 15px 1px white;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.constructor-settings__label-checkbox-active {
    background-color: #2A8CB7;
}

.constructor-settings__label-checkbox-active .constructor-settings__label-checkbox__span {
    left: 20px;
}

.settings-channels-socials {
    margin-top: 60px;
}

.settings-channels-socials__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.settings-channels-socials__container-box {
    width: 64px;
    height: 64px;
    min-width: 54px;
    min-height: 54px;
    border: 5px solid #EAF2FF;
    border-radius: 15px;
    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;
    margin-right: 30px;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.settings-channels-socials__container-box:hover {
    background-color: #EAF2FF;
}

.settings-channels-socials__container-box-yes {
    width: 64px;
    height: 64px;
    min-width: 54px;
    min-height: 54px;
    border: 5px solid #EAF2FF;
    border-radius: 15px;
    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;
    margin-right: 30px;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.settings-channels-socials__container-box-yes:hover {
    background-color: #EAF2FF;
}

.settings-channels-socials__container-box-filled {
    width: 26px;
    height: 26px;
    border-radius: 42px;
    font-size: 11px;
    position: absolute;
    right: -15px;
    bottom: -15px;
    background-color: white;
    padding: 2px;
    border: 5px solid #EAF2FF;
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    color: white;
    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;
}

.settings-channels-socials__container-box-filled-alert {
    width: 26px;
    height: 26px;
    border-radius: 42px;
    font-size: 11px;
    position: absolute;
    right: -15px;
    bottom: -15px;
    background-color: white;
    padding: 2px;
    border: 5px solid #EAF2FF;
    background: -o-linear-gradient(left, #e51919 0%, #ce2a2a 100%);
    background: -webkit-gradient(linear, left top, right top, from(#e51919), to(#ce2a2a));
    background: linear-gradient(90deg, #e51919 0%, #ce2a2a 100%);
    color: white;
    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;
}

.constructor-page__container_background-code__container_display {
    position: fixed;
    top: -200vh;
    left: -200%;
}

.copy-content__container {
    position: fixed;
    bottom: -100vh;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 999;
}

.copy-content__container-active {
    bottom: 30px;
}

.copy-content__container-box {
    cursor: default;
    color: white;
    background-color: #555555;
    padding: 10px 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 5px 1px #555555;
            box-shadow: 0 5px 5px 1px #555555;
}

.constructor-settings-widget {
    width: 50%;
    margin-top: 20px;
    padding-left: 20px;
}

@media (max-width: 1024px) {
    .constructor-page__container {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-left: 30px;
    }
    .constructor-settings_flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .constructor-settings {
        width: 100%;
    }
    .constructor-settings-widget {
        margin-top: 0;
        padding-left: 0;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .social-setting-box__values_width_order-help {
        padding-left: 20px;
    }
    .social-setting-box {
        padding-left: 45px;
    }
    .social-setting-box__values {
        padding: 15px;
    }
}

@media (max-width: 600px) {
    .main-section-smartbtn-chat__container-chat_go___to_window__container {
        padding-right: 15px;
    }
    .constructor-page__container_background {
        border-radius: 0;
    }
    .constructor-settings-widget {
        display: none;
    }
    .constructor-page__container_background {
        padding: 15px;
    }
    .social-setting-box__values {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .social-setting-box__values_width {
        width: 100%;
    }
    .social-setting-box__values_width_order-help {
        margin-top: 30px;
    }
}

@media (max-width: 460px) {
    .constructor-page__container_background__title {
        font-size: 18px;
    }
    .constructor-page__container_background-code__title {
        font-size: 14px;
    }
    .constructor-page__container_background-code__text {
        font-size: 12px;
    }
    .constructor-page__container_background-code__container {
        font-size: 12px;
    }
    .constructor-settings__label {
        font-size: 12px;
    }
    .constructor-settings__input {
        font-size: 12px;
    }
    .constructor-page__container_background-code__btn {
        font-size: 12px;
    }
    .constructor-settings__input-group__label-files {
        font-size: 12px;
    }
    .constructor-settings__button--route_map {
        font-size: 12px;
    }
    .constructor-settings__input-group__select {
        font-size: 12px;
    }
    .constructor-settings__input-fake-btn {
        font-size: 12px;
    }
    .constructor-settings__input-group__container__sub-text {
        font-size: 12px;
    }
    .constructor-settings__input-group__container__text {
        font-size: 12px;
    }
    .constructor-settings__input-group-price__container__text {
        font-size: 12px;
    }
    .settings-styles-widget__title {
        font-size: 14px;
    }
    .constructor-page__container_background-code {
        padding: 15px 15px 0.1px 15px;
    }
    .constructor-page__container_background-code__btn {
        margin-bottom: 15px;
    }
    .constructor-settings__input-group {
        margin-top: 15px;
    }
    .constructor-settings__input-group-selects_margin-top {
        margin-top: 0;
    }
    .constructor-settings__input-group-price__container-delete__container__text {
        font-size: 12px;
    }
    .constructor-settings__input-group-price__container-delete__container__link {
        font-size: 12px;
    }
    .constructor-settings__input-group-price__container-delete__container-close {
        font-size: 12px;
    }
    .constructor__submit-btn {
        margin-bottom: 15px;
        font-size: 12px;
    }
    .settings-channels-socials__container-box {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 40px;
        height: 40px;
    }
    .settings-channels-socials__container-box-yes {
        margin-right: 10px;
        margin-bottom: 10px;
        width: 40px;
        height: 40px;
    }
    .constructor-settings__input-group-price__container-delete__container {
        width: 180px;
    }
    .constructor-settings__input-group-selects {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .constructor-settings__input-group-position {
        margin-right: 0;
        width: 100%;
    }
    .constructor-settings__input-group-size {
        margin-left: 0;
        width: 100%;
    }
    .settings-styles-widget__input-radio__label {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        border-radius: 10px;
    }
    .settings-styles-widget__input-radio__label-active {
        border: 2px solid #EAF2FF;
    }
    .settings-styles-widget__input-radio__label-active .settings-styles-widget__input-radio__label__span {
        font-size: 14px;
    }
}

/*-end- styles for constructor*/

/*-start- styles for payment*/

.page-payment {
    background-color: #EAF2FF;
    height: 100vh;
    width: 100%;
}

.page-payment__container {
    margin-left: 85px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    height: 100vh;
}

.page-payment__container_background {
    overflow: auto;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/Base6543654FDSAFSA.jpg);
    border-radius: 20px;
    padding: 60px;
    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;
}

.page-payment__container_background::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.page-payment__container_background::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.page-payment__container_background::-webkit-scrollbar-track {
    display: none;
}
.page-payment__container_background::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.page-payment__container_background::-webkit-scrollbar-thumb {
    background-color: #D8EDEB;
    border-radius: 10px;
}

.page-payment__container_background__title {
    color: #211D2E;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}

.page-payment__container_background__text {
    margin-bottom: 25px;
    color: #6E7191;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

.page-payment__container_background__container {
    background-color: white;
    width: 100%;
    -webkit-box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
            box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
    border-radius: 12px;
    padding: 20px 30px 30px 30px;
}

.page-payment__container_background__container__title {
    font-weight: 700;
    font-size: 18px;
    color: #131313;
    margin-bottom: 30px;
}

.page-payment__container_background__container-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-payment__container_background__container-content-head {
    /**/
}

.page-payment__container_background__container-content-head__text {
    color: #298BD0;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px;
}

.page-payment__container_background__container-content-head_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-payment__container_background__container-content-head_flex__input {
    width: 160px;
    padding: 15px 20px;
    background-color: #EAF2FF;
    border: none;
    border-radius: 15px;
    color: #6E7191;
    margin-right: 15px;
    font-size: 14px;
}

.page-payment__container_background__container-content-head_flex__text {
    width: 255px;
    padding: 20px;
    background-color: #ffcf8688;
    border-radius: 15px;
    color: #6E7191;
    font-size: 14px;
}

.page-payment__container_background__container-content-stocks {
    /**/
}

.page-payment__container_background__container-content-stocks-box {
    margin-top: 20px;
}

.page-payment__container_background__container-content-stocks-box__title {
    font-weight: 700;
    font-size: 14px;
    color: #6E7191;
    line-height: 20px;
    margin-bottom: 5px;
}

.page-payment__container_background__container-content-stocks-box__text {
    font-size: 14px;
    color: #6E7191;
    line-height: 20px;
}

.page-payment__container_background__container-content-payment {
    margin-top: 20px;
    margin-bottom: 10px;
}

.page-payment__container_background__container-content-payment__container {
    /**/
}

.page-payment__container_background__container-content-payment__container-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-payment__container_background__container-content-payment__container-head-btn {
    cursor: pointer;
    font-size: 16px;
    color: #6E7191;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    text-align: center;
}

.page-payment__container_background__container-content-payment__container-head-btn:nth-child(1) {
    width: 50%;
}
.page-payment__container_background__container-content-payment__container-head-btn:nth-child(2) {
    width: 50%;
}
/*
.page-payment__container_background__container-content-payment__container-head-btn:nth-child(3) {
    width: 10%;
}
.page-payment__container_background__container-content-payment__container-head-btn:nth-child(4) {
    width: 20%;
}
.page-payment__container_background__container-content-payment__container-head-btn:nth-child(5) {
    width: 20%;
}
*/

.page-payment__container_background__container-content-payment__container-head-btn-active {
    -webkit-box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
            box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
    background-color: white;
    color: #131313;
}

.page-payment__container_background__container-content-payment__container-content {
    /**/
}

.page-payment__container_background__container-content-payment__container-content-box {
    background-color: white;
    -webkit-box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
            box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
    background-color: white;
    padding: 30px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    display: none;
}

.page-payment__container_background__container-content-payment__container-content-box-active {
    display: block;
}

.page-payment__container_background__container-content_width-left {
    padding-right: 10px;
    width: 100%;
}

.page-payment__container_background__container-content_width-right {
    min-width: 162px;
    max-width: 162px;
    width: 162px;
    max-height: 500px;
}

.page-payment__container_background__container-content-payment__container-content-box__text {
    font-size: 14px;
    color: #6E7191;
    line-height: 24px;
    margin-bottom: 30px;
}

.page-payment__container_background__container-content-payment__container-content-box__link {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: white;
    font-weight: 700;
    font-size: 16px;
    display: block;
    border-radius: 15px;
    -webkit-box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
            box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
}

.page-payment__container_background__container-content-payment__container-content-box_relative {
    position: relative;
    width: 260px;
}

.page-payment__container_background__container-content-payment__container-content-box__svg {
    position: absolute;
    top: 21px;
    right: 10px;
}

.page-payment__container_background__container-content-payment__container-content-box__select {
    border: none;
    border-radius: 15px;
    background-color: #EAF2FF;
    padding: 15px 20px;
    width: 100%;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    margin-bottom: 15px;
}

.page-payment__container_background__container-content-payment__container-content-box-btn {
    text-align: center;
    margin-bottom: 30px;
    width: 260px;
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    -webkit-box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
            box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
    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: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 700;
    color: white;
    cursor: pointer;
}

.page-payment__container_background__container-content-payment__container-content-box-btn__span {
    background-color: white;
    margin-right: 10px;
    color: #42C1B8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 30px;
    height: 26px;
    width: 26px;
    font-size: 30px;
}

.page-payment__container_background__container-content_flex {
    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: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.page-payment__container_background__container-content-head_flex__input_margin {
    margin-right: 0;
}

.page-payment__container_background__container-content_flex-pdf {
    margin-top: 30px;
}

.page-payment__container_background__container-content_flex-pdf__container {
    /**/
}

.page-payment__container_background__container-content_flex-pdf__container__link {
    display: block;
    margin-top: 10px;
    color: #6E7191;
    font-size: 14px;
}

.page-payment__container_background__container-content-payment__container-content-box_container {
    position: fixed;
    top: 0;
    left: -110%;
    width: 100%;
    height: 100vh;
    background-color: rgba(33, 29, 46, 0.8);
    z-index: 199;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.page-payment__container_background__container-content-payment__container-content-box_container-active {
    left: 0;
}

.page-payment__container_background__container-content-payment__container-content-box_container-form {
    position: absolute;
    left: 0;
    top: -110vh;
    width: 100%;
    height: 100%;
    padding: 15px;
    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 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.page-payment__container_background__container-content-payment__container-content-box_container-form-active {
    top: 0;
}

.page-payment__container_background__container-content-payment__container-content-box_container-form-head {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 25px;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.page-payment__container_background__container-content-payment__container-content-box_container-form_width {
    width: 540px;
    height: 100%;
    overflow: auto;
    border-radius: 10px;
}

.page-payment__container_background__container-content-payment__container-content-box_container-form_width::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.page-payment__container_background__container-content-payment__container-content-box_container-form_width::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.page-payment__container_background__container-content-payment__container-content-box_container-form_width::-webkit-scrollbar-track {
    display: none;
}
.page-payment__container_background__container-content-payment__container-content-box_container-form_width::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
}
.page-payment__container_background__container-content-payment__container-content-box_container-form_width::-webkit-scrollbar-thumb {
    background-color: grey;
    border-radius: 10px;
}

.page-payment__container_background__container-content-payment__container-content-box_container-form-head-close {
    cursor: pointer;
}

.page-payment__container_background__container-content-payment__container-content-box_container-form-content {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 15px 50px 15px;
    background-color: white;
    position: relative;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.sign-up-main__container_background__container__input_padding {
    padding-left: 20px;
    padding-right: 20px;
}

.sign-up-main__container_background__container-input-fake-placeholder_left {
    left: 23px;
}

@media (max-width: 1024px) {
    .page-payment__container {
        margin-left: 30px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    .page-payment__container_background__container-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .page-payment__container_background__container-content_width-right {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
    .page-payment__container_background__container-content_flex {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        margin-bottom: 30px;
    }
    .page-payment__container_background__container-content_width-left {
        padding-right: 0;
    }
    .page-payment__container_background__container-content-payment__container-head-btn {
        font-size: 12px;
    }
}

@media (max-width: 600px) {
    .page-payment__container_background {
        border-radius: 0;
        padding: 15px;
    }
    .page-payment__container_background__container {
        padding: 15px;
    }
    .page-payment__container_background__container-content-payment__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .page-payment__container_background__container-content-payment__container-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 20%;
    }
    .page-payment__container_background__container-content-payment__container-head-btn:nth-child(1) {
        width: 100%;
    }
    .page-payment__container_background__container-content-payment__container-head-btn:nth-child(2) {
        width: 100%;
    }
    /*
    .page-payment__container_background__container-content-payment__container-head-btn:nth-child(3) {
        width: 100%;
    }
    .page-payment__container_background__container-content-payment__container-head-btn:nth-child(4) {
        width: 100%;
    }
    .page-payment__container_background__container-content-payment__container-head-btn:nth-child(5) {
        width: 100%;
    }
    */
    .page-payment__container_background__container-content-payment__container-head-btn {
        border-bottom-left-radius: 12px;
        border-top-right-radius: 0;
    }
    .page-payment__container_background__container-content-payment__container-content-box {
     /*   height: 100%;*/
        border-top-left-radius: 0;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 12px;
        padding: 10px;
    }
    .page-payment__container_background__container-content-payment__container-content {
        width: 80%;
    }
    .page-payment__container_background__container-content-payment__container-head-btn {
        padding-left: 10px;
        padding-right: 10px;
        word-break: break-all;
    }
    .page-payment__container_background__container-content-payment__container-content-box__img {
        width: 100%;
    }
    .page-payment__container_background__container-content-payment__container-content-box-btn {
        width: 100%;
        margin-right: 0;
    }
    .page-payment__container_background__container-content-payment__container-content-box__select {
        width: 100%;
    }
    .page-payment__container_background__container-content-head_flex {
        -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;
    }
    .page-payment__container_background__container-content-head_flex__text {
        margin-top: 20px;
    }
    .page-payment__container_background__container-content-payment__container-content-box_relative {
        width: 100%;
    }
    .page-payment__container_background__container-content-payment__container-content-box-btn__span {
        display: none;
    }
}

@media (max-width: 460px) {
    .page-payment__container_background__title {
        font-size: 18px;
    }
    .page-payment__container_background__text {
        font-size: 12px;
    }
    .page-payment__container_background__container__title {
        font-size: 14px;
    }
    .page-payment__container_background__container-content-head__text {
        font-size: 12px;
    }
    .page-payment__container_background__container-content_flex-pdf__container__link {
        font-size: 12px;
    }
    .employees-scroll__text__link {
        font-size: 12px;
    }
    .page-payment__container_background__container-content-stocks-box__text {
        font-size: 12px;
    }
    .page-payment__container_background__container-content-payment__container-content-box__text {
        font-size: 12px;
    }
    .page-payment__container_background__container-content-payment__container-content-box__link {
        font-size: 12px;
    }
    .page-payment__container_background__container-content-payment__container-content-box-btn {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .page-payment__container_background__container-content-payment__container-head {
        width: 40%;
    }
    .page-payment__container_background__container-content-payment__container-content {
        width: 60%;
    }
    .page-payment__container_background__container-content-head_flex__text {
        width: 100%;
    }
}

/*-end- styles for payment*/

/*-start- styles for analytic*/

.page-analytic__container {
    height: 100%;
    margin-left: 85px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.page-analytic__container__title {
    font-weight: 700;
    font-size: 24px;
    color: #211D2E;
    margin-bottom: 50px;
}

.page-analytic__container-btns {
    margin-bottom: 40px;
}

.page-analytic__container-btns-btn {
    cursor: pointer;
    font-size: 10px;
    text-align: center;
    color: #1D201C;
    padding: 10px 15px;
    border: none;
    border-radius: 20px;
    background-color: #D9F2F0;
    font-weight: 500;
    margin-right: 10px;
}

.page-analytic__container-btns-btn:last-child {
    margin-right: 0;
}

.page-analytic__container-btns-btn-active {
    color: white;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.34);
            box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.34);
}

.page-analytic__container__input-date {
    background: #EAF2FF;
    border-radius: 6px;
    border: none;
    padding: 10px 20px;
    color: #6E7191;
    margin-right: 5px;
    height: 100%;
    cursor: pointer;
}

.page-analytic__container__input-date:nth-child(2) {
    margin-right: 15px;
}

.page-analytic__container__input {
    background: #EAF2FF;
    border-radius: 6px;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #6E7191;
    height: 100%;
    margin-right: 5px;
    width: 95px;
}

.page-analytic__container__input:last-child {
    margin-right: 0;
}

.page-analytic__container__input-active {
    color: #1D201C;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
}

.page-analytic__container-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    width: 100%;
}

.page-analytic__container-content-analytic {
    width: 65%;
    background-color: white;
    -webkit-box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
            box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
    border-radius: 6px;
    margin-right: 15px;
    padding: 30px 20px;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.page-analytic__container-content-channels {
    width: 35%;
    background-color: white;
    -webkit-box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
            box-shadow: -5px -7px 82px rgba(190, 202, 237, 0.21), 7px -7px 58px rgba(190, 202, 237, 0.64);
    border-radius: 6px;
}

.page-analytic__container-content-analytic-head {
    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;
}

.page-analytic__container-content-analytic-head__title {
    color: #131313;
    font-weight: 700;
    font-size: 18px;
}

.page-analytic__container-content-analytic-head__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-analytic__container-content-analytic-head__container-box {
    margin-left: 30px;
    color: #6E7191;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-analytic__container-content-analytic-head__container-box-circle {
    margin-right: 10px;
    width: 12px;
    height: 12px;
    border-radius: 24px;
    display: block;
}

.page-analytic__container-content-analytic-head__container-box-circle-grey {
    background-color: #C6D7EB;
}

.page-analytic__container-content-analytic-head__container-box-circle-blue {
    background: -o-linear-gradient(295.53deg, #7DF6FF 0%, #45A6FF 87.01%);
    background: linear-gradient(154.47deg, #7DF6FF 0%, #45A6FF 87.01%);
}

.page-analytic__container-content-analytic-head__container-box-circle-yellow {
    background-color: #FED215;
}

.page-analytic__container-content-analytic-content {
    /*
    margin-top: 30px;
    */
}

.page-analytic__container-content-analytic-content__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.page-analytic__container-content-analytic-content__container-numbers {
    width: 40px;
    min-width: 40px;
    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;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.page-analytic__container-content-analytic-content__container-numbers-number {
    font-size: 12px;
    color: #6E7191;
    text-align: center;
}

.page-analytic__container-content-analytic-content__container-graphics {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.page-analytic__container-content-analytic-content__container-graphics__container {
    position: relative;
    background-color: #C6D7EB;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 8px;
    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: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    cursor: pointer;
}

.page-analytic__container-content-analytic-content__container-graphics__container-blue {
    background: -o-linear-gradient(295.53deg, #7DF6FF 0%, #45A6FF 87.01%);
    background: linear-gradient(154.47deg, #7DF6FF 0%, #45A6FF 87.01%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}

.page-analytic__container-content-analytic-content__container-graphics__container-yellow {
    background: #FED215;
    width: 100%;
}

.page-analytic__container-content-analytic-content__container-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 53px;
    margin-right: -5px;
    margin-top: 20px;
}

.page-analytic__container-content-analytic-content__container-time-box {
    font-size: 12px;
    color: #6E7191;
}

.page-analytic__container-content-analytic-content__container-graphics__container_modal {
    position: absolute;
    background-color: white;
    width: 100px;
    padding: 10px 20px;
    left: 5px;
    bottom: 50%;
    -webkit-box-shadow: -5px -7px 82px rgb(190 202 237 / 21%), 7px -7px 58px rgb(190 202 237 / 64%);
            box-shadow: -5px -7px 82px rgb(190 202 237 / 21%), 7px -7px 58px rgb(190 202 237 / 64%);
    z-index: 1;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: none;
}

.page-analytic__container-content-analytic-content__container-graphics__container_modal__list {
    /**/
}

.page-analytic__container-content-analytic-content__container-graphics__container_modal__list__item {
    color: #131313;
    font-size: 12px;
    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;
    margin-bottom: 5px;
}

.page-analytic__container-content-analytic-content__container-graphics__container_modal__list__item:last-child {
    margin-bottom: 0;
}

.page-analytic__container-content-analytic-content__container-graphics__container_modal__list__item-circle {
    margin-right: 10px;
    width: 8px;
    height: 8px;
    border-radius: 24px;
    display: block;
}

/*
.page-analytic__container-content-analytic-content__container-graphics__container_modal__list__item-circle-grey  {
    background-color: #C6D7EB;
}

.page-analytic__container-content-analytic-content__container-graphics__container_modal__list__item-circle-blue {
    background: -o-linear-gradient(295.53deg, #7DF6FF 0%, #45A6FF 87.01%);
    background: linear-gradient(154.47deg, #7DF6FF 0%, #45A6FF 87.01%);
}

.page-analytic__container-content-analytic-content__container-graphics__container_modal__list__item-circle-yellow {
    background-color: #FED215;
}
*/

.page-analytic__container-content-analytic-content__container-graphics__container:hover .page-analytic__container-content-analytic-content__container-graphics__container_modal {
    display: block;
}

.page-analytic__container-content-channels-head {
    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;
}

.page-analytic__container-content-channels-head__title {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    color: #131313;
    font-weight: 700;
    font-size: 18px;
}

.page-analytic__container-content-channels-head__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 30px;
}

.page-analytic__container-content-channels-head__container-box {
    font-size: 12px;
    color: #6E7191;
}

.page-analytic__container-content-channels-head__container-box:last-child {
    margin-left: 30px;
}

.page-analytic__container-content-channels__container {
    margin-top: 20px;
}

.page-analytic__container-content-channels__container-box {
    margin-bottom: 10px;
    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;
}

.page-analytic__container-content-channels__container-box:last-child {
    margin-bottom: 0;
}

.page-analytic__container-content-channels__container_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-analytic__container-content-channels__container_flex-name {
    margin-left: 10px;
    font-size: 14px;
    color: #6E7191;
}

.page-analytic__container-content-channels__container-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-analytic__container-content-channels__container-content-count-clicks {
    width: 80px;
    text-align: center;
    margin-right: 30px;
    font-size: 14px;
    color: #6E7191;
}

.page-analytic__container-content-channels__container-content-count-all {
    width: 93px;
    text-align: center;
    font-size: 14px;
    color: #6E7191;
}

.page-analytic__container-content-channels__container-content-circle {
    width: 30px;
    height: 30px;
    background-color: white;
    border-radius: 60px;
    overflow: hidden;
}

.page-analytic__container-content-channels__container-content-circle_background {
    height: 100%;
}

.page-analytic__container-content_padding {
    padding-left: 12.5%;
    padding-right: 12.5%;
}

.page-analytic__container-content-employees {
    width: 100%;
}

.page-analytic__container-content-employees-head {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 5px;
}

.page-analytic__container-content-employees-head-item {
    width: 80px;
    text-align: center;
    margin-left: 55px;
    font-size: 12px;
    color: #6E7191;
    line-height: 15px;
}

.page-analytic__container-content-employees-persons {
    height: 290px;
    max-height: 500px;
    overflow-y: scroll;
    overflow: auto;
}

.main-section-smartbtn-chat__container-messages::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.main-section-smartbtn-chat__container-messages::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.main-section-smartbtn-chat__container-messages::-webkit-scrollbar-track {
    display: none;
}
.main-section-smartbtn-chat__container-messages::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.main-section-smartbtn-chat__container-messages::-webkit-scrollbar-thumb {
    background-color: #D8EDEB;
    border-radius: 10px;
}

.page-analytic__container-content-employees-persons::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.page-analytic__container-content-employees-persons::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.page-analytic__container-content-employees-persons::-webkit-scrollbar-track {
    display: none;
}
.page-analytic__container-content-employees-persons::-webkit-scrollbar-track-piece {
    background-color: white;
    border-radius: 10px;
}
.page-analytic__container-content-employees-persons::-webkit-scrollbar-thumb {
    background-color: #D8EDEB;
    border-radius: 10px;
}

.page-analytic__container-content-employees-person {
    background-color: white;
    width: 100%;
    padding: 10px 20px;
    border-radius: 10px;
    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;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 5px;
}

.page-analytic__container-content-employees-person:last-child {
    margin-bottom: 0;
}

.page-analytic__container-content-employees-person-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-analytic__container-content-employees-person-info-img {
    width: 46px;
    height: 46px;
    border: 5px solid #EAF2FF;
    border-radius: 100px;
    margin-right: 20px;
    position: relative;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    font-size: 13px;
    font-weight: 500;
    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 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.page-analytic__container-content-employees-person-info-img__img {
    width: 100%;
}

.page-analytic__container-content-employees-person-info-name-and-mail {
    /**/
}

.page-analytic__container-content-employees-person-info-name {
    font-size: 13px;
    font-weight: 700;
    color: #131313;
    margin-bottom: 5px;
}

.page-analytic__container-content-employees-person-info-mail {
    font-size: 12px;
    color: #131313;
}

.page-analytic__container-content-employees-person-info-mail:hover {
    text-decoration: underline;
}

.page-analytic__container-content-employees-person-statistic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-analytic__container-content-employees-person-statistic-box {
    text-align: center;
    font-size: 12px;
    color: #131313;
}

.page-analytic__container-content-employees-person-statistic-box:nth-child(1) {
    width: 218px;
}

.page-analytic__container-content-employees-person-statistic-box:nth-child(2) {
    width: 50px;
}

.page-analytic__container-content-employees-person-statistic-box:nth-child(3) {
    width: 225px;
}

.page-analytic__container-content-employees-person-statistic-box:nth-child(4) {
    width: 42px;
}

.page-analytic__container-content-employees-person:hover {
    background-color: #EAF2FF;
    cursor: pointer;
}

.page-analytic__container-content-employees-person:hover .page-analytic__container-content-employees-person-info .page-analytic__container-content-employees-person-info-img {
    border-color: white;
}

.main-section-smartbtn-chat__container-none {
    display: none;
}

.page-analytic__container-btns-inputs-inline-block {
    display: inline-block;
}

.page-analytic__container-content-channels-pie {
    width: 100%;
    height: 100%;
}

.page-analytic__container-content-channels_flex {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    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;
}

.page-analytic__container-content-channels_flex-box {
    cursor: pointer;
    position: relative;
}

.page-analytic__container-content-channels_flex-box-modal {
    position: absolute;
    background-color: white;
    width: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    top: 50%;
    left: 50%;
    -webkit-box-shadow: -5px -7px 82px rgb(190 202 237 / 21%), 7px -7px 58px rgb(190 202 237 / 64%);
            box-shadow: -5px -7px 82px rgb(190 202 237 / 21%), 7px -7px 58px rgb(190 202 237 / 64%);
    z-index: 1;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
    color: #131313;
    font-size: 12px;
    display: none;
}

.page-analytic__container-content-channels_flex-box:hover .page-analytic__container-content-channels_flex-box-modal {
    display: block;
}

.page-analytic__container-content-channels_flex-box {
    width: 28px;
}

.page-analytic__container-content-employees-person-statistic-box-name {
    display: none;
    margin-bottom: 10px;
    text-align: center;
    font-size: 12px;
    color: #6E7191;
    line-height: 15px;
}

@media (max-height: 600px) {
    .page-analytic__container-content {
        margin-top: 10px;
    }
}

@media (max-height: 475px) {
    .page-analytic__container-content-employees-persons {
        height: 150px;
    }
}

@media (max-width: 1439px) {
    .page-analytic__container-content-analytic {
        width: 50%;
        margin-right: 7.5px;
    }
    .page-analytic__container-content-channels {
        width: 50%;
        margin-left: 7.5px;
    }
}

@media (max-width: 1280px) {
    .page-analytic__container-content {
        padding-left: 0;
        padding-right: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .page-analytic__container-content-analytic {
        width: 100%;
        margin-right: 0;
    }
    .page-analytic__container-content-channels {
        margin-left: 0;
        margin-top: 15px;
    }
    .page-analytic__container-content-channels-pie {
        height: 300px;
    }
}

@media (max-width: 1180px) {
    .page-analytic__container-btns-inputs {
        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;
    }
    .page-analytic__container__input-date:nth-child(2) {
        margin-right: 0;
    }
    .page-analytic__container-btns-inputs-inline-block:first-child {
        margin-bottom: 15px;
    }
    .page-analytic__container-content-channels {
        width: 60%;
    }
}

@media (max-width: 1024px) {
    .page-analytic__container {
        padding: 0;
        margin-left: 30px;
    }
    .page-analytic__container-content-employees-head-item {
        margin-left: 20px;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(4) {
        width: 30px;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(3) {
        width: 167px;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(2) {
        width: 40px;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(1) {
        width: 155px;
    }
}

@media (max-width: 900px) {
    .page-analytic__container-content-channels {
        width: 100%;
    }
    .page-analytic__container-content-channels_flex {
        padding-left: 100px;
        padding-right: 100px;
    }
    .page-analytic__container-content-employees-person {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .page-analytic__container-content-employees-person-info {
        margin-bottom: 10px;
    }
    .page-analytic__container-content-employees-head {
        display: none;
    }
    .page-analytic__container-content-employees-person-statistic-box-name {
        display: block;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(1) {
        width: 100px;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(2) {
        width: 100px;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(3) {
        width: 100px;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(4) {
        width: 100px;
    }
    .page-analytic__container-content-employees-person-statistic-box {
        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: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}

@media (max-width: 748px) {
    .page-analytic__container__input {
        font-size: 10px;
        width: 60px;
    }
    .page-analytic__container__input-date {
        font-size: 10px;
    }
    .page-analytic__container-content-analytic-head__container-box {
        margin-left: 0;
        margin-bottom: 5px;
        font-size: 10px;
    }
    .page-analytic__container-content-analytic-head__container-box-circle {
        margin-right: 5px;
    }
    .page-analytic__container-content-analytic-head__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .page-analytic__container-content-analytic-content__container-numbers-number {
        font-size: 10px;
    }
    .page-analytic__container-content-analytic-content__container-numbers {
        width: 25px;
        min-width: 25px;
    }
    .page-analytic__container-content-analytic-content__container-time {
        margin-left: 24px;
    }
    .page-analytic__container-content-analytic-content__container-graphics {
        margin-left: 5px;
    }
    .page-analytic__container-content-analytic-content__container-time-box {
        font-size: 10px;
    }
    .page-analytic__container__title {
        font-size: 18px;
    }
    .page-analytic__container-content-analytic-head__title {
        font-size: 14px;
    }
    .page-analytic__container-content-channels-head__title {
        font-size: 14px;
    }
    .page-analytic__container-content-channels__container_flex-name {
        font-size: 10px;
    }
    .page-analytic__container-content-channels-head__container-box {
        font-size: 10px;
    }
    .page-analytic__container-content-channels__container-content-count-clicks {
        font-size: 10px;
    }
    .page-analytic__container-content-channels__container-content-count-all {
        font-size: 10px;
    }
    .page-analytic__container-content-channels_flex {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 544px) {
    .page-analytic__container-content-employees-person-statistic {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .page-analytic__container-content-employees-person-statistic-box {
        margin-top: 15px;
    }
    .page-analytic__container-content-employees-person-statistic-box-name {
        margin-bottom: 5px;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(1) {
        width: 100%;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(2) {
        width: 100%;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(3) {
        width: 100%;
    }
    .page-analytic__container-content-employees-person-statistic-box:nth-child(4) {
        width: 100%;
    }
}

@media (max-width: 441px) {
    .page-analytic__container-btns-inputs {
        width: 100%;
    }
    .page-analytic__container-btns-inputs-inline-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
    }
    .page-analytic__container__input-date {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }
    .page-analytic__container__input {
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }
    .page-analytic__container-content-channels_flex {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-analytic__container-content-channels-pie {
        height: 200px;
    }
    .page-analytic__container-content-analytic-content__container-time {
        margin-left: 30px;
        margin-right: 0;
    }
    .page-analytic__container-content-channels_flex-box {
        width: 20px;
    }
    .page-analytic__container-content-employees-person-info-img {
        margin-right: 5px;
    }
    .page-analytic__container-content-employees-person {
        padding-left: 5px;
        padding-right: 5px;
    }
}

/*-end- styles for analytic*/



/*-start- styles for plans*/

.page-plans__container {
    height: 100%;
    margin-left: 85px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.page-plans__container__title {
    color: #211D2E;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 55px;
}

.page-plans__container-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-plans__container-content-box {
    height: 447px;
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 15px;
    width: 50%;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: white;
    border-radius: 15px;
    -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
            box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.06);
}

.page-plans__container-content-box__title {
    color: #5E5873;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 35px;
}

.page-plans__container-content-box__list {
    padding-left: 20px;
    padding-right: 20px;
}

.page-plans__container-content-box__list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.page-plans__container-content-box__list::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.page-plans__container-content-box__list::-webkit-scrollbar-track {
    display: none;
}
.page-plans__container-content-box__list::-webkit-scrollbar-track-piece {
    background-color: grey;
    border-radius: 10px;
}
.page-plans__container-content-box__list::-webkit-scrollbar-thumb {
    background-color: #D8EDEB;
    border-radius: 10px;
}

.page-plans__container-content-box__list__item_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.page-plans__container-content-box__list__item {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-plans__container-content-box__list__item::before {
    content: '\2714';
    width: 42px;
    min-width: 42px;
    height: 42px;
    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;
    background-color: rgba(40, 199, 111, 0.12);
    border-radius: 5px;
    color: #28C76F;
    font-size: 20px;
    margin-right: 10px;
}

.page-plans__container-content-box__list__item__title {
    font-weight: 700;
    color: #5E5873;
    font-size: 14px;
    margin-bottom: 5px;
}

.page-plans__container-content-box__list__item__text {
    font-size: 12px;
    color: #6E6B7B;
    line-height: 18px;
}

.page-plans__container-content-box__link__container {
    padding-left: 20px;
    padding-right: 20px;
}

.page-plans__container-content-box__link {
    border-radius: 15px;
    display: block;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    font-weight: 700;
    font-size: 16px;
    color: white;
    text-align: center;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
            box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 30px;
}

.page-plans__container-content-box__link:hover {
    -webkit-box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
            box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
}

/*-end- styles for plans*/

.button_pink_background {
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    border: none;
    -webkit-box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
            box-shadow: 0px 15px 30px rgba(20, 102, 204, 0.16);
    border-radius: 16px;
}


@media (max-width: 1024px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content {
        padding: 15px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content_flex {
        grid-gap: 15px;
        margin-bottom: 15px;
    }
    .main-section-smartbtn-chat__container-chat {
        padding-left: 45px;
    }
}

@media (max-width: 768px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content_flex {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 411px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content__container {
        padding: 15px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content__container-img {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content__container-close {
        min-width: 30px;
        width: 30px;
        height: 30px;
    }
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg__container-emoji {
    background-color: white;
    border-top-left-radius: 10px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    bottom: 0px;
    left: -250px;
    -webkit-box-shadow: 0 0 16px rgb(0 0 0 / 13%);
    box-shadow: 0 0 16px rgb(0 0 0 / 13%);
    width: 320px;
    max-width: 320px;
    height: 106px;
    overflow: auto;
    display: none;
    z-index: 3;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg__container-emoji::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg__container-emoji::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg__container-emoji::-webkit-scrollbar-track {
    display: none;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg__container-emoji::-webkit-scrollbar-track-piece {
    background-color: white;
}
.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg__container-emoji::-webkit-scrollbar-thumb {
    background-color: #FECE03;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg__container-emoji_flex {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-modal-active {
    display: block;
}

.smartbtn-chat-main__container-socials-and-post-message-new-message-svg-emoji__box {
    cursor: pointer;
    padding: 1.5px;
    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;
    line-height: 24px;
    width: 10%;
}

.smartbtn-chat-main__container-socials-and-post-message-new-message-svg-emoji__box:hover {
    background-color: #45A6FF;
}

@media (max-width: 480px) {
    .main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg__container-emoji {
        width: 191px;
        max-width: 191px;
        left: -35px;
    }
    .smartbtn-chat-main__container-socials-and-post-message-new-message-svg-emoji__box {
        width: 20%;
    }
}

.constructor-page__container-phrases {
    margin-top: 30px;
}

.constructor-settings__input--phrase {
    display: none;
}

.constructor-settings__input-group-margin {
    margin-bottom: 0;
}

.constructor-page__container-phrases__container {
    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;
    background-color: white;
    padding: 15px;
    -webkit-box-shadow: 0px 9.05305px 18.1061px #EDEDF5;
            box-shadow: 0px 9.05305px 18.1061px #EDEDF5;
    border-radius: 10px;
    margin-bottom: 5px;
    max-width: 445px;
}

.constructor-page__container-phrases__container-delete {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #F64668;
    color: white;
    font-size: 12px;
    border-radius: 10px;
    margin-left: 10px;
    cursor: pointer;
}

.constructor-page__container-phrases__input {
    margin-bottom: 20px;
}

.constructor-page__container-phrases__input__textarea {
    height: 100px;
    resize: none;
}

.constructor-page__container-phrases__input__textarea::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.constructor-page__container-phrases__input__textarea::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.constructor-page__container-phrases__input__textarea::-webkit-scrollbar-track {
    display: none;
}
.constructor-page__container-phrases__input__textarea::-webkit-scrollbar-track-piece {
    background-color: grey;
    border-radius: 10px;
}
.constructor-page__container-phrases__input__textarea::-webkit-scrollbar-thumb {
    background-color: #D8EDEB;
    border-radius: 10px;
}

.phrase_cell_name {
    font-size: 13px;
    color: #131313;
    font-weight: 700;
    margin-bottom: 5px;
}

.phrase_cell {
    font-size: 12px;
    color: #131313;
}

.constructor-page__container-phrases-inputs__container {
    margin-top: 30px;
}

.employees__container-modal {
    position: fixed;
    top: 0;
    left: -110%;
    width: 100%;
    height: 100vh;
    background-color: rgba(33, 29, 46, 0.8);
    z-index: 199;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.employees__container-modal-active {
    left: 0;
}

.employees__container-modal__container {
    position: absolute;
    left: 0;
    top: -110vh;
    width: 100%;
    height: 100%;
    padding: 15px;
    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 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.employees__container-modal__container-active {
    top: 0;
}

.employees__container-modal__container-box {
    height: 100%;
    width: 540px;
    border-radius: 10px;
    overflow: auto;
}

.employees__container-modal__container-box::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.employees__container-modal__container-box::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.employees__container-modal__container-box::-webkit-scrollbar-track {
    display: none;
}
.employees__container-modal__container-box::-webkit-scrollbar-track-piece {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 10px;
}
.employees__container-modal__container-box::-webkit-scrollbar-thumb {
    background-color: grey;
    border-radius: 10px;
}

.employees__container-modal__container-head {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 25px;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.employees__container-modal__container-head__title {
    font-weight: 500;
    color: #131313;
    font-size: 18px;
}

.employees__container-modal__container-head-close {
    cursor: pointer;
}

.employees__container-modal__container-content {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 15px 50px 15px;
    background-color: white;
    position: relative;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.employees__container-modal__container-content__title {
    font-size: 16px;
    color: #14142B;
    margin-bottom: 10px;
    text-align: center;
}

.employees__container-modal__container-content__text {
    font-size: 12px;
    color: #A0A3BD;
    margin-bottom: 50px;
    text-align: center;
}

.employees__container-modal__container-content__link {
    display: block;
    cursor: pointer;
    color: white;
    font-weight: 700;
    font-size: 16px;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    border: none;
    padding: 24px 28px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.employees__container-modal__container-content__link__span {
    width: 26px;
    min-width: 26px;
    height: 26px;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 54px;
    margin-right: 10px;
}

@media (max-width: 441px) {
    .employees__container-modal__container-content__link {
        font-size: 12px;
    }
}

.constructor-settings-map_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(33, 29, 46, 0.8);
    z-index: 199;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.constructor-settings-map_background-active {
    left: -110%;
}

.constructor-settings-map_background__container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 15px 15px 15px 85px;
    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 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.constructor-settings-map_background__container-active {
    width: 100vh;
}

.constructor-settings-map_background__container-content {
    height: 100%;
    width: 100%;
}

.constructor-settings-map_background__container-content-head {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 25px;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.constructor-settings__map_route-content {
    width: 100%;
    margin-top: 30px;
}

.constructor-settings__map_route-content-box {
    padding: 10px 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.constructor-settings__map_route-content__text {
    font-size: 13px;
    font-weight: 500;
    color: #131313;
    line-height: 16px;
}

.constructor-settings__map_route-content-delete {
    color: #F64668;
    font-size: 13px;
    cursor: pointer;
    margin-left: 30px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-files {
    position: absolute;
    bottom: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 40px;
    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;
}

.main-section-smartbtn-chat__container-chat-scroll__container-rooms__container-files__svg {
    width: 10px;
    height: 10px;
    stroke: #7ED4EF;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content-info {
    margin-bottom: 50px;
    background: -o-linear-gradient(left, rgba(255, 207, 134, 0.5) 0%, rgba(255, 207, 92, 0.5) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 207, 134, 0.5)), to(rgba(255, 207, 92, 0.5)));
    background: linear-gradient(90deg, rgba(255, 207, 134, 0.5) 0%, rgba(255, 207, 92, 0.5) 100%);
    border-radius: 15px;
    padding: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content-info__text {
    color: #6E7191;
    font-size: 14px;
    line-height: 20px;
}

.main-section-smartbtn-chat__container-chat-scroll__container-open-room-post_form__container-inputs__container-svg__svg-files-modal__container-box-content-info-add__text {
    font-weight: 700;
    color: #6E7191;
    font-size: 14px;
    margin-top: 10px;
    line-height: 20px;
}

.sites_list_point__container-menu {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 30px;
}

.sites_list_point__container-menu__link {
    display: block;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: 0px 20px 60px rgba(202, 202, 238, 0.5);
            box-shadow: 0px 20px 60px rgba(202, 202, 238, 0.5);
    border-radius: 22px;
    position: relative;
    overflow: hidden;
}

.sites_list_point__container-menu__link__container {
    height: 100%;
    position: relative;
    background-color: white;
    border-radius: 18px;
    padding: 20px 25px 25px 25px;
    z-index: 9;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    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;
}

.sites_list_point__container-menu__link__container__img {
    width: 96px;
    height: 96px;
}

.sites_list_point__container-menu__link__container__title {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #131313;
}

.sites_list_point__container-menu__link:nth-child(1) .sites_list_point__container-menu__link_background {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sites_list_point__container-menu__link:nth-child(1):hover .sites_list_point__container-menu__link_background {
    width: 100%;
}

.sites_list_point__container-menu__link:nth-child(1):hover .sites_list_point__container-menu__link__container {
    -webkit-box-shadow: inset 0 -20px 20px 5px #46c1f625;
            box-shadow: inset 0 -20px 20px 5px #46c1f625;
}

.sites_list_point__container-menu__link:nth-child(2) .sites_list_point__container-menu__link_background {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sites_list_point__container-menu__link:nth-child(2):hover .sites_list_point__container-menu__link_background {
    width: 100%;
}

.sites_list_point__container-menu__link:nth-child(2):hover .sites_list_point__container-menu__link__container {
    -webkit-box-shadow: inset 0 -20px 20px 5px #3ba49d25;
            box-shadow: inset 0 -20px 20px 5px #3ba49d25;
}

/*
.sites_list_point__container-menu__link:nth-child(3) .sites_list_point__container-menu__link_background {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: -o-linear-gradient(left, #984063 0%, #F6469D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#984063), to(#F6469D));
    background: linear-gradient(90deg, #984063 0%, #F6469D 100%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sites_list_point__container-menu__link:nth-child(3):hover .sites_list_point__container-menu__link_background {
    width: 100%;
}

.sites_list_point__container-menu__link:nth-child(3):hover .sites_list_point__container-menu__link__container {
    -webkit-box-shadow: inset 0 -20px 20px 5px #F6469D25;
            box-shadow: inset 0 -20px 20px 5px #F6469D25;
}
*/

.sites_list_point__container-menu__link:nth-child(3) .sites_list_point__container-menu__link_background {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: -o-linear-gradient(61.5deg, #FF4C54 15.09%, #FFF048 83.4%);
    background: linear-gradient(28.5deg, #FF4C54 15.09%, #FFF048 83.4%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sites_list_point__container-menu__link:nth-child(3):hover .sites_list_point__container-menu__link_background {
    width: 100%;
}

.sites_list_point__container-menu__link:nth-child(3):hover .sites_list_point__container-menu__link__container {
    -webkit-box-shadow: inset 0 -20px 20px 5px #FFF04825;
            box-shadow: inset 0 -20px 20px 5px #FFF04825;
}

/*
.sites_list_point__container-menu__link:nth-child(5) .sites_list_point__container-menu__link_background {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: -o-linear-gradient(191.79deg, #8FDCFF 6.3%, #39BFFF 95.89%);
    background: linear-gradient(258.21deg, #8FDCFF 6.3%, #39BFFF 95.89%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sites_list_point__container-menu__link:nth-child(5):hover .sites_list_point__container-menu__link_background {
    width: 100%;
}

.sites_list_point__container-menu__link:nth-child(5):hover .sites_list_point__container-menu__link__container {
    -webkit-box-shadow: inset 0 -20px 20px 5px #39BFFF25;
            box-shadow: inset 0 -20px 20px 5px #39BFFF25;
}
*/


.sites_list_point__container-menu__link:nth-child(6) .sites_list_point__container-menu__link_background {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sites_list_point__container-menu__link:nth-child(6):hover .sites_list_point__container-menu__link_background {
    width: 100%;
}

.sites_list_point__container-menu__link:nth-child(6):hover .sites_list_point__container-menu__link__container {
    -webkit-box-shadow: inset 0 -20px 20px 5px #FFF04825;
            box-shadow: inset 0 -20px 20px 5px #FFF04825;
}


.sites_list_point__container-menu__link:nth-child(4) .sites_list_point__container-menu__link_background {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: -o-linear-gradient(61.5deg, #9C9C9C 15.09%, #D9D9D9 83.4%);
    background: linear-gradient(28.5deg, #9C9C9C 15.09%, #D9D9D9 83.4%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sites_list_point__container-menu__link:nth-child(4):hover .sites_list_point__container-menu__link_background {
    width: 100%;
}

.sites_list_point__container-menu__link:nth-child(4):hover .sites_list_point__container-menu__link__container {
    -webkit-box-shadow: inset 0 -20px 20px 5px #d9d9d998;
            box-shadow: inset 0 -20px 20px 5px #d9d9d998;
}

.sites_list_point__container-menu__link:nth-child(5) .sites_list_point__container-menu__link_background {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: -o-linear-gradient(61.5deg, #E68A2E 15.09%, #FFE14D 83.4%);
    background: linear-gradient(28.5deg, #E68A2E 15.09%, #FFE14D 83.4%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sites_list_point__container-menu__link:nth-child(5):hover .sites_list_point__container-menu__link_background {
    width: 100%;
}

.sites_list_point__container-menu__link:nth-child(5):hover .sites_list_point__container-menu__link__container {
    -webkit-box-shadow: inset 0 -20px 20px 5px #ffe14d34;
            box-shadow: inset 0 -20px 20px 5px #ffe14d34;
}

.sites_list_point__container-menu__link:nth-child(7) .sites_list_point__container-menu__link_background {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: -o-linear-gradient(left, #cd7e8d 0%, #d9b8bd 100%);
    background: -webkit-gradient(linear, left top, right top, from(#cd7e8d), to(#d9b8bd));
    background: linear-gradient(90deg, #cd7e8d 0%, #d9b8bd 100%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sites_list_point__container-menu__link:nth-child(7):hover .sites_list_point__container-menu__link_background {
    width: 100%;
}

.sites_list_point__container-menu__link:nth-child(7):hover .sites_list_point__container-menu__link__container {
    -webkit-box-shadow: inset 0 -20px 20px 5px #ffc4db;
            box-shadow: inset 0 -20px 20px 5px #ffc4db;
}


.sites_list_point__container-menu__link-departments .sites_list_point__container-menu__link_background {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: -o-linear-gradient(left, #86cd7e 0%, #bfd9b8 100%);
    background: -webkit-gradient(linear, left top, right top, from(#86cd7e), to(#bfd9b8));
    background: linear-gradient(90deg, #86cd7e 0%, #bfd9b8 100%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sites_list_point__container-menu__link-departments:hover .sites_list_point__container-menu__link_background {
    width: 100%;
}

.sites_list_point__container-menu__link-departments:hover .sites_list_point__container-menu__link__container {
    -webkit-box-shadow: inset 0 -20px 20px 5px #cfffc4;
            box-shadow: inset 0 -20px 20px 5px #cfffc4;
}

@media (max-width: 1380px) {
    .sites_list_point__container-menu {
        -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1024px) {
    .sites_list_point__container-menu {
        -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
        grid-template-columns: repeat(3, 1fr);
    }
    .constructor-settings-map_background__container {
        padding-left: 45px;
    }
}

@media (max-width: 768px) {
    .sites_list_point__container-menu {
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }

    .sign-up-main__container_background_flex{
        padding-bottom: 55px;
    }
}

@media (max-width: 511px) {
    .sites_list_point__container-menu {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.page-plans__container-content-calculator {
    width: 50%;
    margin-right: 15px;
    background-color: white;
    border-radius: 15px;
    -webkit-box-shadow: 0px 4px 24px rgb(0 0 0 / 6%);
    box-shadow: 0px 4px 24px rgb(0 0 0 / 6%);
}

.page-plans__container-content-calculator-head {
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 25px;
}

.page-plans__container-content-calculator-head__title {
    color: white;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.page-plans__container-content-calculator__container {
    padding: 30px 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.page-plans__container-content-calculator__container_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page-plans__container-content-calculator__container_flex-count {
    width: 50%;
    margin-right: 15px;
}

.page-plans__container-content-calculator__container_flex-count__text {
    font-size: 14px;
    color: #6E7191;
}

.page-plans__container-content-calculator__container_flex-count__container {
    margin-top: 15px;
    border: 1px dashed #46C1F6;
    padding: 40px 15px;
    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;
}

.page-plans__container-content-calculator__container_flex-count__container-minus {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    border: 2px solid #46C1F6;
    width: 32px;
    height: 32px;
    border-radius: 64px;
    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: #46C1F6;
}

.page-plans__container-content-calculator__container_flex-count__container-number {
    color: #14142B;
    font-size: 18px;
    font-weight: 700;
}

.page-plans__container-content-calculator__container_flex-count__container-plus {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    border: 2px solid #46C1F6;
    width: 32px;
    height: 32px;
    border-radius: 64px;
    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: #46C1F6;
}

.page-plans__container-content-calculator__container_flex-time {
    width: 50%;
    margin-left: 15px;
}

.page-plans__container-content-calculator__container_flex-time__text {
    font-size: 14px;
    color: #6E7191;
}

.page-plans__container-content-calculator__container_flex-time__container {
    margin-top: 15px;
}

.page-plans__container-content-calculator__container_flex-time__container__input {
    display: none;
}

.page-plans__container-content-calculator__container_flex-time__container__label {
    font-size: 14px;
    color: #6E7191;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
}

.page-plans__container-content-calculator__container_flex-time__container__label__span {
    width: 32px;
    height: 32px;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    border-radius: 64px;
    margin-right: 15px;
    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;
}

.page-plans__container-content-calculator__container_flex-time__container__label__span_background {
    width: 18px;
    height: 18px;
    background-color: white;
    border-radius: 36px;
    display: none;
}

.page-plans__container-content-calculator__container_flex-time__container__label__span_background-active {
    display: block;
}

.page-plans__container-content-calculator__container-cost {
    background: -o-linear-gradient(left, rgba(66, 193, 184, 0.08) 0%, rgba(59, 164, 157, 0.08) 100%), rgba(255, 255, 255, 0.67);
    background: -webkit-gradient(linear, left top, right top, from(rgba(66, 193, 184, 0.08)), to(rgba(59, 164, 157, 0.08))), rgba(255, 255, 255, 0.67);
    background: linear-gradient(90deg, rgba(66, 193, 184, 0.08) 0%, rgba(59, 164, 157, 0.08) 100%), rgba(255, 255, 255, 0.67);
    border-radius: 24px;
    border: 1px solid #42C1B8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px;
}

.page-plans__container-content-calculator__container-cost-svg {
    background-color: #EEFFE5;
    padding: 10px;
    border-radius: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 10px;
}

.page-plans__container-content-calculator__container-cost-box {
    /**/
}

.page-plans__container-content-calculator__container-cost-box__text {
    font-weight: 500;
    font-size: 12px;
    color: #6E7191;
    margin-bottom: 5px;
}

.page-plans__container-content-calculator__container-cost-box__text-number {
    color: #131313;
    font-size: 18px;
    font-weight: 700;
}

.page-plans__container-content-calculator__container-cost-box__text-number__span {
    color: #131313;
    font-size: 18px;
    font-weight: 700;
}

.page-plans__container-content-calculator__container__input-submit {
    border: none;
    border-radius: 15px;
    display: block;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    font-weight: 700;
    font-size: 16px;
    color: white;
    text-align: center;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 30px;
    cursor: pointer;
}

.page-plans__container-content-calculator__container__input-submit:hover {
    -webkit-box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
}

.page-plans__container-content-calculator__container_flex-time__container__label-sale {
    position: absolute;
    right: 0;
    bottom: 20px;
    color: #F64668;
    font-size: 12px;
    font-weight: 700;
    font-style: italic;
}

@media (max-width: 1024px) {
    .page-plans__container-content {
        width: 100%;
    }
    .page-plans__container {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-left: 30px;
    }
}

@media (max-width: 960px) {
    .page-plans__container-content {
        -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;
    }
    .page-plans__container-content-box {
        height: auto;
        margin-left: 0;
        width: 70%;
    }
    .page-plans__container-content-calculator {
        width: 70%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .page-plans__container-content-box__list {
        overflow: inherit;
        height: auto;
    }
}

@media (max-width: 600px) {
    .page-plans__container-content-calculator {
        width: 100%;
    }
    .page-plans__container-content-box {
        width: 100%;
    }
    .page-plans__container__title {
        margin-bottom: 40px;
    }
}

@media (max-width: 441px) {
    .page-plans__container-content-box__list__item::before {
        width: 25px;
        height: 25px;
        min-width: 25px;
        font-size: 12px;
    }
    .page-plans__container-content-box {
        padding: 20px 10px;
    }
    .page-plans__container-content-box__list__item__title {
        line-height: 20px;
        margin-bottom: 10px;
    }
    .page-plans__container-content-calculator__container_flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .page-plans__container-content-calculator__container_flex-count {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .page-plans__container-content-calculator__container_flex-time {
        margin-left: 0;
        width: 100%;
    }
}

.overflow-initial-for-modals-window {
    overflow: initial;
}

.overflow-hidden-for-modals-window {
    overflow: hidden;
}

/*-styles- knowledge-base*/

.page-knowledge-base {
    padding-bottom: 100px;
}

.page-knowledge-base-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-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 100px 0 50px 0;
    margin-left: 300px;
    margin-right: 300px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../images/Group1263NFDJWNOIFEHWOIHRI543543.png");
}

.page-knowledge-base-head_flex {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: -1;
}

.page-knowledge-base-head-circle {
    position: absolute;
    width: 440px;
    height: 440px;
    border: 1px dashed white;
    border-radius: 440px;
    padding: 110px;
}

.page-knowledge-base-head-circle-center {
    border-radius: 100px;
    border: 1px solid white;
    background-color: #e5efff4d;
    height: 100%;
    width: 100%;
}

.page-knowledge-base-head_relative {
    position: relative;
}

.page-knowledge-base-head__title__img {
    position: absolute;
    top: -30px;
    right: -45px;
}

.page-knowledge-base-head__title {
    text-align: center;
    font-size: 48px;
    font-weight: 800;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #46C1F6;
    margin-bottom: 30px;
    position: relative;
}

.page-knowledge-base-head__text {
    text-align: center;
    font-size: 18px;
    color: #535372;
    line-height: 28px;
}

.page-knowledge-base-head__container {
    display: none;
    margin-top: 50px;
}

.page-knowledge-base-head__container__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-knowledge-base-head__container__form__input {
    background-color: white;
    border: none;
    border: 2px solid #D6D8E7;
    margin-top: 5px;
    padding: 20px 25px;
    width: 354px;
    border-radius: 16px;
    margin-right: 40px;
}

.page-knowledge-base-head__container__form__label {
    border: none;
    display: inline-block;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 58px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    -webkit-box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
    box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-knowledge-base-head__container__form__label:hover {
    -webkit-box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
}

.page-knowledge-base-head__container__form__label__span {
    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: white;
    margin-right: 10px;
    border-radius: 30px;
    padding: 7px;
}

.page-knowledge-base-head__container__form__input-submit {
    display: none;
}

.page-knowledge-base-content {
    margin-top: 50px;
    padding-left: 165px;
    padding-right: 165px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.page-knowledge-base-content-article {
    background-color: white;
    padding-top: 30px;
    padding-bottom: 50px;
    position: relative;
    -webkit-box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    min-height: 343px;
}

.page-knowledge-base-content-article-head {
    padding-left: 70px;
    padding-right: 20px;
    margin-bottom: 30px;
}

.page-knowledge-base-content-article-img {
    position: absolute;
    left: 15px;
    top: 20px;
    background-color: #EAF2FF;
    width: 40px;
    height: 40px;
    border-radius: 80px;
}

.page-knowledge-base-content-article-img__img {
    position: absolute;
    top: -2px;
    right: -3px;
}

.page-knowledge-base-content-article-head__title {
    color: #535372;
    font-size: 18px;
    font-weight: 700;
}

.page-knowledge-base-content-article__container {
    padding-left: 70px;
    padding-right: 20px;
}

.page-knowledge-base-content-article__container__link {
    display: block;
    margin-bottom: 10px;
    line-height: 22px;
    color: #2D9CDB;
    font-size: 15px;
    cursor: pointer;
}

.page-knowledge-base-content-article__container__link:last-child {
    margin-bottom: 0;
}

.page-knowledge-base-content-article__container__link:hover {
    text-decoration: underline;
}

.page-knowledge-base-content-article-fake-btn {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.page-knowledge-base-content-article-fake-btn__span {
    display: block;
    color: #2D9CDB;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}

.page-knowledge-base-content-article-fake-btn__span:hover {
    text-decoration: none;
}

@media (min-width: 1600px) {
    .page-knowledge-base-head {
        margin-left: 500px;
        margin-right: 500px;
    }
    .page-knowledge-base-content {
        padding-left: 300px;
        padding-right: 300px;
    }
}

@media (min-width: 1800px) {
    .page-knowledge-base-content {
        padding-left: 400px;
        padding-right: 400px;
    }
}

@media (max-width: 1180px) {
    .page-knowledge-base-head {
        margin-left: 100px;
        margin-right: 100px;
    }
    .page-knowledge-base-content {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (max-width: 1024px) {
    .page-knowledge-base-head {
        margin-left: 30px;
        margin-right: 30px;
    }
    .page-knowledge-base-content {
        padding-left: 30px;
        padding-right: 30px;
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-knowledge-base-head {
        padding-top: 130px;
        padding-bottom: 0;
    }
    .page-knowledge-base-head__title {
        margin-bottom: 15px;
    }
    .page-knowledge-base-head__container {
        margin-top: 30px;
    }
    .page-knowledge-base-content {
        margin-top: 30px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .page-knowledge-base {
        padding-bottom: 30px;
    }
    .page-knowledge-base-head__container__form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .page-knowledge-base-head__container__form__input {
        margin-right: 0;
        width: 320px;
    }
    .page-knowledge-base-head__container__form__label {
        margin-top: 15px;
    }
}

@media (max-width: 560px) {
    .page-knowledge-base-head_flex {
        display: none;
    }
    .page-knowledge-base-head__title {
        font-size: 28px;
    }
    .page-knowledge-base-head__container {
        width: 100%;
    }
    .page-knowledge-base-head__container__form {
        width: 100%;
    }
    .page-knowledge-base-head__container__form__input {
        width: 100%;
    }
}

.page-knowledge-base-content-article__container-modal_background {
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999999;
    padding: 15px 165px;
    display: none;
}

.page-knowledge-base-content-article__container-modal_background-active {
    display: block;
}

.page-knowledge-base-content-article__container-modal {
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
    height: 100%;
    position: relative;
    padding: 80px;
    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;
}

.page-knowledge-base-content-article__container-modal-close__container {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
}

.page-knowledge-base-content-article__container-modal-close {
    width: 40px;
    height: 40px;
    fill: #131313;
}

.page-knowledge-base-content-article__container-modal__svg {
    width: 20px;
    height: 20px;
    min-height: 20px;
    min-width: 20px;
}

.page-knowledge-base-content-article__container-modal__title {
    text-align: center;
    margin-top: 20px;
    color: #4B3456;
    font-size: 24px;
    font-weight: 600;
}

.page-knowledge-base-content-article__container-modal-content {
    margin-top: 40px;
    color: #535372;
    font-size: 16px;
    line-height: 28px;
    overflow: auto;
    padding-right: 20px;
}

.page-knowledge-base-content-article__container-modal-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.page-knowledge-base-content-article__container-modal-content::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.page-knowledge-base-content-article__container-modal-content::-webkit-scrollbar-track {
    display: none;
}
.page-knowledge-base-content-article__container-modal-content::-webkit-scrollbar-track-piece {
    background-color: grey;
    border-radius: 10px;
}
.page-knowledge-base-content-article__container-modal-content::-webkit-scrollbar-thumb {
    background-color: #131313;
    border-radius: 10px;
}

@media (min-width: 1600px) {
    .page-knowledge-base-content-article__container-modal_background {
        padding-right: 300px;
        padding-left: 300px;
    }
}

@media (min-width: 1800px) {
    .page-knowledge-base-content-article__container-modal_background {
        padding-right: 400px;
        padding-left: 400px;
    }
}

@media (max-width: 1180px) {
    .page-knowledge-base-content-article__container-modal_background {
        padding-right: 100px;
        padding-left: 100px;
    }
}

@media (max-width: 1024px) {
    .page-knowledge-base-content-article__container-modal_background {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 768px) {
    .page-knowledge-base-content-article__container-modal {
        padding: 30px;
    }
}

@media (max-width: 560px) {
    .page-knowledge-base-content-article__container-modal_background {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*-styles- knowledge-base*/
.page-plans__container-content-box__title-calculator {
    margin-top: 30px;
}

.page-knowledge-base-head_flex {
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: -1;
}

.page-knowledge-base-head-circle {
    position: absolute;
    width: 440px;
    height: 440px;
    border: 1px dashed white;
    border-radius: 440px;
    padding: 110px;
}

.page-knowledge-base-head-circle-center {
    border-radius: 100px;
    border: 1px solid white;
    background-color: #e5efff4d;
    height: 100%;
    width: 100%;
}

.page-knowledge-base-head_relative {
    position: relative;
}

.page-knowledge-base-head__title__img {
    position: absolute;
    top: -30px;
    right: -45px;
}

.page-knowledge-base-head__title {
    text-align: center;
    font-size: 48px;
    font-weight: 800;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #46C1F6;
    margin-bottom: 30px;
    position: relative;
}

.page-knowledge-base-head__text {
    text-align: center;
    font-size: 18px;
    color: #535372;
    line-height: 28px;
}

.page-knowledge-base-head__container {
    display: none;
    margin-top: 50px;
}

.page-knowledge-base-head__container__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-knowledge-base-head__container__form__input {
    background-color: white;
    border: none;
    border: 2px solid #D6D8E7;
    margin-top: 5px;
    padding: 20px 25px;
    width: 354px;
    border-radius: 16px;
    margin-right: 40px;
}

.page-knowledge-base-head__container__form__label {
    border: none;
    display: inline-block;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 58px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    -webkit-box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
    box-shadow: 3px 3px 70px rgb(65 67 106 / 37%);
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: -o-linear-gradient(left, #2A8CB7 0%, #46C1F6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2A8CB7), to(#46C1F6));
    background: linear-gradient(90deg, #2A8CB7 0%, #46C1F6 100%);
    -webkit-box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 30px rgb(20 102 204 / 16%);
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page-knowledge-base-head__container__form__label:hover {
    -webkit-box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
    box-shadow: 0px 15px 3px rgb(20 102 204 / 16%);
}

.page-knowledge-base-head__container__form__label__span {
    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: white;
    margin-right: 10px;
    border-radius: 30px;
    padding: 7px;
}

.page-knowledge-base-head__container__form__input-submit {
    display: none;
}

.page-knowledge-base-content {
    margin-top: 50px;
    padding-left: 165px;
    padding-right: 165px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
}

.page-knowledge-base-content-article {
    background-color: white;
    padding-top: 30px;
    padding-bottom: 50px;
    position: relative;
    -webkit-box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    min-height: 343px;
}

.page-knowledge-base-content-article-head {
    padding-left: 70px;
    padding-right: 20px;
    margin-bottom: 30px;
}

.page-knowledge-base-content-article-img {
    position: absolute;
    left: 15px;
    top: 20px;
    background-color: #EAF2FF;
    width: 40px;
    height: 40px;
    border-radius: 80px;
}

.page-knowledge-base-content-article-img__img {
    position: absolute;
    top: -2px;
    right: -3px;
}

.page-knowledge-base-content-article-head__title {
    color: #535372;
    font-size: 18px;
    font-weight: 700;
}

.page-knowledge-base-content-article__container {
    padding-left: 70px;
    padding-right: 20px;
}

.page-knowledge-base-content-article__container__link {
    display: block;
    margin-bottom: 10px;
    line-height: 22px;
    color: #2D9CDB;
    font-size: 15px;
    cursor: pointer;
}

.page-knowledge-base-content-article__container__link:last-child {
    margin-bottom: 0;
}

.page-knowledge-base-content-article__container__link:hover {
    text-decoration: underline;
}

.page-knowledge-base-content-article-fake-btn {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.page-knowledge-base-content-article-fake-btn__span {
    display: block;
    color: #2D9CDB;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}

.page-knowledge-base-content-article-fake-btn__span:hover {
    text-decoration: none;
}

@media (min-width: 1600px) {
    .page-knowledge-base-head {
        margin-left: 500px;
        margin-right: 500px;
    }
    .page-knowledge-base-content {
        padding-left: 300px;
        padding-right: 300px;
    }
}

@media (min-width: 1800px) {
    .page-knowledge-base-content {
        padding-left: 400px;
        padding-right: 400px;
    }
}

@media (max-width: 1180px) {
    .page-knowledge-base-head {
        margin-left: 100px;
        margin-right: 100px;
    }
    .page-knowledge-base-content {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (max-width: 1024px) {
    .page-knowledge-base-head {
        margin-left: 30px;
        margin-right: 30px;
    }
    .page-knowledge-base-content {
        padding-left: 30px;
        padding-right: 30px;
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .page-knowledge-base-head {
        padding-top: 130px;
        padding-bottom: 0;
    }
    .page-knowledge-base-head__title {
        margin-bottom: 15px;
    }
    .page-knowledge-base-head__container {
        margin-top: 30px;
    }
    .page-knowledge-base-content {
        margin-top: 30px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .page-knowledge-base {
        padding-bottom: 30px;
    }
    .page-knowledge-base-head__container__form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .page-knowledge-base-head__container__form__input {
        margin-right: 0;
        width: 320px;
    }
    .page-knowledge-base-head__container__form__label {
        margin-top: 15px;
    }
}

@media (max-width: 560px) {
    .page-knowledge-base-head_flex {
        display: none;
    }
    .page-knowledge-base-head__title {
        font-size: 28px;
    }
    .page-knowledge-base-head__container {
        width: 100%;
    }
    .page-knowledge-base-head__container__form {
        width: 100%;
    }
    .page-knowledge-base-head__container__form__input {
        width: 100%;
    }
}

.page-knowledge-base-content-article__container-modal_background {
    background-color: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999999;
    padding: 15px 165px;
    display: none;
}

.page-knowledge-base-content-article__container-modal_background-active {
    display: block;
}

.page-knowledge-base-content-article__container-modal {
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
            box-shadow: 4px 4px 70px rgba(0, 0, 0, 0.1);
    height: 100%;
    position: relative;
    padding: 80px;
    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;
}

.page-knowledge-base-content-article__container-modal-close__container {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 15px;
}

.page-knowledge-base-content-article__container-modal-close {
    width: 40px;
    height: 40px;
    fill: #131313;
}

.page-knowledge-base-content-article__container-modal__svg {
    width: 20px;
    height: 20px;
    min-height: 20px;
    min-width: 20px;
}

.page-knowledge-base-content-article__container-modal__title {
    text-align: center;
    margin-top: 20px;
    color: #4B3456;
    font-size: 24px;
    font-weight: 600;
}

.page-knowledge-base-content-article__container-modal-content {
    margin-top: 40px;
    color: #535372;
    font-size: 16px;
    line-height: 28px;
    overflow: auto;
    padding-right: 20px;
}

.page-knowledge-base-content-article__container-modal-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.page-knowledge-base-content-article__container-modal-content::-webkit-scrollbar-button {
    background-color: rgba(255, 255, 255, 0);
    opacity: 0;
    width: 0;
    height: 0;
}
.page-knowledge-base-content-article__container-modal-content::-webkit-scrollbar-track {
    display: none;
}
.page-knowledge-base-content-article__container-modal-content::-webkit-scrollbar-track-piece {
    background-color: grey;
    border-radius: 10px;
}
.page-knowledge-base-content-article__container-modal-content::-webkit-scrollbar-thumb {
    background-color: #131313;
    border-radius: 10px;
}

@media (min-width: 1600px) {
    .page-knowledge-base-content-article__container-modal_background {
        padding-right: 300px;
        padding-left: 300px;
    }
}

@media (min-width: 1800px) {
    .page-knowledge-base-content-article__container-modal_background {
        padding-right: 400px;
        padding-left: 400px;
    }
}

@media (max-width: 1180px) {
    .page-knowledge-base-content-article__container-modal_background {
        padding-right: 100px;
        padding-left: 100px;
    }
}

@media (max-width: 1024px) {
    .page-knowledge-base-content-article__container-modal_background {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 768px) {
    .page-knowledge-base-content-article__container-modal {
        padding: 30px;
    }
}

@media (max-width: 560px) {
    .page-knowledge-base-content-article__container-modal_background {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*-styles- knowledge-base*/

@media (max-width: 768px) {
    .language {
        top: 31.5px;
    }
    .page-plans__container-content-box__title-calculator {
        margin-top: 30px;
    }

    .page-plans__container-content-box__list-calculator {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 441px) {
    .page-plans__container-content-calculator__container {
        padding: 20px 10px;
    }
    .page-plans__container-content-box__list-calculator {
        padding-left: 10px;
        padding-right: 10px;
    }
    .page-plans__container-content-box__title-calculator {
        margin-top: 20px;
    }
}

.page-plans__container-content-calculator__container-price-operator {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dashed #46C1F6;
    border-bottom: 1px dashed #46C1F6;
    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;
}

.page-plans__container-content-calculator__container-price-operator__text {
    display: block;
    text-align: center;
    font-style: italic;
    font-size: 14px;
    color: #6E7191;
    font-weight: 700;
    position: relative;
}

.page-plans__container-content-calculator__container-price-operator-price {
    font-style: italic;
    padding-right: 5px;
    padding-left: 5px;
    text-align: right;
    font-size: 30px;
    color: #F64668;
    font-weight: 700;
    position: absolute;
    bottom: -20px;
    left: 105%;
}

.page-plans__container-content-calculator__container-price-operator-price__span {
    width: 100%;
    height: 1px;
    background-color: #F64668;
    position: absolute;
    right: 0;
    bottom: 45%;
}

.page-plans__container-content-calculator__container-price-operator-sale {
    margin-top: 15px;
    text-align: center;
    font-size: 60px;
    color: #F64668;
    font-weight: 700;
    font-style: italic;
    background: -o-linear-gradient(left, #42C1B8 0%, #3BA49D 100%);
    background: -webkit-gradient(linear, left top, right top, from(#42C1B8), to(#3BA49D));
    background: linear-gradient(90deg, #42C1B8 0%, #3BA49D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #42C1B8;
    padding-right: 7.5px;
}

@media (max-width: 720px) {
    .page-plans__container-content-calculator__container-price-operator-price {
        bottom: -35px;
        left: inherit;
        left: 80%;
    }
}

@media (max-width: 411px) {
    .page-plans__container-content-calculator__container-price-operator-price {
        left: 60%;
    }
    .page-plans__container-content-calculator__container-price-operator-sale {
        margin-top: 30px;
    }
}

.page-plans__container-content-calculator__container__from {
    /*
    display: none;
    overflow: hidden;
    width: 0;
    height: 0;
    */
}

.class-for-data-none {
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}

@media(max-height: 481px) {
    .main-section-smartbtn-chat__container-chat {
        overflow: auto;
    }
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(1) {
        height: 960px;
    }
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(2) {
        height: 960px;
    }
    .main-section-smartbtn-chat__container-chat-scroll:nth-child(3) {
        height: 960px;
    }
    .main-section-smartbtn-chat__container-chat_go___to_window__container {
        z-index: 9;
    }
}

@media (max-width: 481px) {
    .constructor-settings__input-group-map {
        display: none;
    }
    .page-analytic__container-content-analytic {
        display: block;
        display: -webkit-block;
        display: -ms-block;
    }
    .page-analytic__container-content {
        display: block;
        display: -webkit-block;
        display: -ms-block;
    }
    .page-analytic__container-btns-inputs {
        display: block;
        display: -webkit-block;
        display: -ms-block;
    }
    .page-analytic__container__input-date {
        height: 40px;
    }
    .page-analytic__container__input {
        height: 40px;
    }
}

.modal-settings-operator__container-content_table_log {
    width:100%;
}
.modal-settings-operator__container-content_table_log, .modal-settings-operator__container-content_table_log_head, .modal-settings-operator__container-content_table_log_record {
    border: 1px solid black;
    border-collapse: collapse;
}
.modal-settings-operator__container-content_table_log_head, .modal-settings-operator__container-content_table_log_record {
    padding: 15px;
    text-align: left;
}
#modal-settings-operator__container-content_table tr:nth-child(even) {
    background-color: #eee;
}
#modal-settings-operator__container-content_table tr:nth-child(odd) {
    background-color: #fff;
}
#modal-settings-operator__container-content_table th {
    background-color: #696969;
    color: white;
}



.referral__partner__info-container{
    height: 100%;
    padding: 15px;
    background-color: #EAF2FF;
}

.partner__info{
    font-family: 'Roboto', serif;
    line-height: 1.3;
    padding-top: 50px;
    padding-bottom: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/Base6543654FDSAFSA.jpg);
    border-radius: 10px;
}

.partner__info-title{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

.balance__info div{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-weight: 500;
    margin-bottom: 30px;
    color: #F64668;
    cursor: pointer;
    font-size: 22px;
}

.balance__info span{
    user-select: none;
}

.balance__info p{
    font-weight: 600;
}

.balance__info h3{
    user-select: none;
    margin-right: 8px;
}

.back__button{
    justify-content: flex-start !important;
}

.back__button-button{
    font-size: 15px;
}

.out__money-button{
    display: flex;
    justify-content: flex-end;
}

.referral_info-link{
    margin-top: 20px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.referral_info-link-link{
    padding: 15px 11px;
    background-color: #6a6a6a;
    border-radius: 8px;
}

.pertner__info-link{
    font-weight: 500;
    font-size: 22px;
}

.referral__info{
    padding: 6px 3px;
}

.referral__info h3{
    font-weight: 600;
    font-size: 18px;
}

table{
    margin-top: 15px;
    margin-bottom: 15px;
}

table thead th{
    font-weight: 700;
    padding-left: 0;
}

.info__body{
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
}

.info__body:hover{
    transition: all .2s;
    background-color: #EAF2FF !important;
}


.referral__link{
    margin-right: 6px;
    color: white;
}

.referral__link:hover{
    color: white;
}

.copy_to_clipboard{
    cursor: pointer;
    font-size: 12px;
}


.out__history-title{
    font-weight: 600;
    font-size: 22px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.money_out_modal{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/Base6543654FDSAFSA.jpg);
}


.money_out_modal-div{
    cursor: pointer;
    background-color: #EAF2FF;
    border: none;
    border-radius: 15px;
    max-width: 445px;
    padding: 15px 20px;
    position: relative;
    margin: 10px 0;
    font: 400 14px/1.3 sans-serif;
    -webkit-appearance: none;
    appearance: none;
    color: dimgray;
    line-height: 1;
    outline: 0;
}

.money_out_modal-select{
    background-color: #EAF2FF;
    display: none;
    position: absolute;
    margin-top: 5px;
    width: 90%;
    font: 400 14px/1.3 sans-serif;
    -webkit-appearance: none;
    appearance: none;
    color: dimgray;
    border: 1px solid dimgray;
    line-height: 1;
    outline: 0;
    padding: 7px 9px;
    border-radius: 3px;
}

.money_out_modal-select option{
    font-size: initial;
    font-weight: 500;
}

.money_out_modal-select::-webkit-scrollbar{
    width: 10px;
    background-color: #F5F5F5;
}


.money_out_modal-select::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.money_out_modal-select::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.44, rgb(122,153,217)),
    color-stop(0.72, rgb(73,125,189)),
    color-stop(0.86, rgb(28,58,148)));
}

.page-analytic__container-content-employees-persons::-webkit-scrollbar{
    width: 10px;
    background-color: #F5F5F5;
}


.page-analytic__container-content-employees-persons::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(57, 145, 255, 0.3);
    background-color: #5abbff;
    border-radius: 10px;
}

.page-analytic__container-content-employees-persons::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.44, rgb(122,153,217)),
    color-stop(0.72, rgb(73,125,189)),
    color-stop(0.86, rgb(28,58,148)));
}

.p_i_h_table {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}
.p_i_h_table thead {
    flex: 0 0 auto;
    width: calc(100% - 0.9em);
}
.p_i_h_table tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: auto;
    overflow-x: auto;
    max-height: 350px;
}

.p_i_h_table tbody tr {
    width: 100%;
}

.p_i_h_table thead,
.p_i_h_table tbody tr {
    display: table;
    table-layout: fixed;
}

.p_i_h_table td, table th {
    padding: 0.3em;
}

.p_i_h_table-body::-webkit-scrollbar{
    width: 10px;
    background-color: #F5F5F5;
}


.p_i_h_table-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(57, 145, 255, 0.3);
    background-color: #5abbff;
    border-radius: 10px;
}

.p_i_h_table-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear,
    left bottom,
    left top,
    color-stop(0.44, rgb(122,153,217)),
    color-stop(0.72, rgb(73,125,189)),
    color-stop(0.86, rgb(28,58,148)));
}

.menu__items{
    left: -100px !important;
}

.main-section-smartbtn-offer__container {
    overflow: auto;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("../images/Base6543654FDSAFSA.jpg");
    border-radius: 20px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.main-section-smartbtn-offer__container-head-title{
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-section-smartbtn-offer__container-offers-wrapper{
    flex: 0.8;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    justify-content: flex-start;
    padding: 10px;
    width: 80%;
    margin-bottom: 15px;
    scroll-behavior: smooth;
}

.main-section-smartbtn-offer__container-offers-wrapper::-webkit-scrollbar {
    width: 5px;
}

.main-section-smartbtn-offer__container-offers-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(255, 103, 121, 0.3);
}

.main-section-smartbtn-offer__container-offers-wrapper::-webkit-scrollbar-thumb {
    background-color: #FE9677;
    outline: 1px solid #F6469D;
    border-radius: 5px;
}

.main-section-smartbtn-offer__container-new-offer-wrapper{
    flex: 0.2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.main-section-smartbtn-offer__container-offers-card{
    display: flex;
    flex-direction: column;
    width: 100%;
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.75);
    max-height: 120px;
    border-radius: 6px;
    margin-bottom: 15px;
    background: whitesmoke;
    cursor: pointer;
}

.main-section-smartbtn-offer__container-offers-card__top{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 10px;
    padding-top: 8px;
    height: 100px;
}

.main-section-smartbtn-offer__container-offers-card__top-img-block{
    width: 55px;
    height: 50px;
    margin-right: 25px;
    border-radius: 50%;
    border: 5px solid #EAF2FF;
    background-color: #EAF2FF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    box-shadow: 0px 0px 7px -1px #bababa;
}

.main-section-smartbtn-offer__container-offers-card:hover .main-section-smartbtn-offer__container-offers-card__top-img-block{
    border: 5px solid white;
}

.warning_empty_textarea{
    border: 1px solid red !important;
    padding: 10px 15px;
    border-radius: 12px;
    margin-right: 5px;
}

.main-section-smartbtn-offer__container-offers-card__top-text{
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.6px;
    width: 100%;
    height: 100%;
    word-break: break-word;
}

.main-section-smartbtn-offer__container-offers-card__bottom{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 10px 15px 7px 15px;
    border-top: 1px solid #B8E3FC;
}

.offer__status-title {
    font-weight: 500;
    font-size: 13px;
    user-select: none;
}

.main-section-smartbtn-offer__container-offers-card__bottom span{
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.7px;
    user-select: none;
}

.offer__status-type {
    margin-left: 5px;
}

.offer__status-type_accepted{
    color: #22ba22;
}

.offer__status-type_denied {
    color: red;
}

.main-section-smartbtn-offer__container-offers-card__bottom-edit{
    margin-right: 10px;
    user-select: none;
    background: #0d95e8;
    color: white;
    padding: 2px 3px;
    border-radius: 3px;
}

.main-section-smartbtn-offer__container-offers-card__bottom-save{
    margin-right: 10px;
    user-select: none;
    background: #22930b;
    color: white;
    padding: 2px 3px;
    border-radius: 3px;
}

.main-section-smartbtn-offer__container-offers-card__bottom-cancel{
    margin-right: 10px;
    user-select: none;
    background: #c7130d;
    color: white;
    padding: 2px 3px;
    border-radius: 3px;
}

#offer_new_text_to_edit{
    width: 100%;
    height: 100%;
    border: none;
    background-color: #eaf2ff00;
    resize: none;
}

.employees__block-label{
    display: flex;
}

.employees__block-label label {
    margin-left: auto;
    margin-right: auto;
}

.schedulling__block{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.schedulling__block-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.schedulling__block-item__left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 7px;
}

.schedulling__block-item__left input[type="checkbox"] {
    margin: 0 !important;
    position: relative;
    cursor: pointer;
}

.schedulling__block-item__left input[type=checkbox]:before {
     content: "";
     display: block;
     position: absolute;
     width: 16px;
     height: 16px;
     top: -2px;
     left: -1px;
     background-color:#e9e9e9;
}
.schedulling__block-item__left input[type=checkbox]:checked:before {
     content: "";
     display: block;
     position: absolute;
     width: 16px;
     height: 16px;
     top: 0;
     left: 0;
     background-color:#1E80EF;
}
.schedulling__block-item__left input[type=checkbox]:checked:after {
     content: "";
     display: block;
     width: 5px;
     height: 10px;
     border: solid white;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     position: absolute;
     top: 2px;
     left: 6px;
}



.schedulling__block-item__left p {
    font-weight: 600;
    margin-left: 7px;
}

.schedulling__block-item__right {
    display: flex;
    align-items: center;
    gap: 5px;
}

.schedulling__block-item__right input[type="time"] {
    flex: 0.5;
    background: #EAF2FF;
    border: none;
    border-bottom: 4px solid #C9D6DA;
    display: block;
    margin-bottom: .625em;
    margin-top: .3em;
    outline-offset: 3px;
    padding: .45em .45em .45em .65em;
    width: 100%;
}

.schedulling__block-item__right input[type="time"]:before {
    content: attr(placeholder) !important;
    color: #aaa;
    font-style:italic;
    font-size:0.9em;
}

.cabinets__channels-container {
    margin-top: 10px;
    margin-bottom: 10px;
}

.cabinets__channels-head__title{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 7px;
}

.cabinets__channels-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.cabinets__channels-content__item{
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
}

.cabinets__channels-content__item input[type="checkbox"] {
    margin: 0 !important;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.cabinets__channels-content__item input[type=checkbox]:before {
     content: "";
     display: block;
     position: absolute;
     width: 16px;
     height: 16px;
     top: -2px;
     left: -1px;
}
.cabinets__channels-content__item input[type=checkbox]:checked:before {
     content: "";
     display: block;
     position: absolute;
     width: 16px;
     height: 16px;
     top: 0;
     left: 0;
}

.employees__operators-wrapper {
    margin-top: 10px;
    padding: 10px 0;
}


.employees__operators-wrapper__selectBox {
  /*width: 200px;*/
}

.employees__operators-wrapper__selectBox {
  position: relative;
}

.employees__operators-wrapper__selectBox select {
    width: 100%;
    font-weight: 500;
    padding: 3px 5px;
    color: #10191f;
}

.employees__operators-wrapper__overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.operator_container {
    position: absolute;
    z-index: 99;
    background: whitesmoke;
    display: none;
    padding: 5px;
    border-bottom: 1px solid #bcd0e8;
    border-right: 1px solid #bcd0e8;
    border-bottom-right-radius: 7px;
    height: 100px;
    overflow: auto;
    box-shadow: 0px 0px 7px 1px rgba(159, 175, 213, 0.75);
}

.operator_container label {
    padding: 3px 5px;
    display: block;
    border-radius: 3px;
    transition: 300ms;
}

.operator_container label:hover {
  background-color: #c7d6e5;
}

.channels__modal-socnets{
    width: 30px;
    height: 30px;
}

.selected__operator-single{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 6px 3px;
}

.selected__operator-single span{
    cursor: pointer;
    font-size: 20px;
    color: red;
}


.modal-settings-operator__container-content_new {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 15px 50px 15px;
    background-color: white;

    margin-top:auto;
    margin-bottom:0px;
    overflow:hidden;
}
.modal-settings-operator__container_new {
    height: 100%;
    width: 540px;
    border-radius: 10px;

    display:flex;
    flex-direction:column;
    width:95%;
    overflow:hidden;
    height:100%;

}
.modal-settings-operator__container-head_new {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 25px;
    background: -o-linear-gradient(left, #FFCF86 0%, #FFCF5C 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFCF86), to(#FFCF5C));
    background: linear-gradient(90deg, #FFCF86 0%, #FFCF5C 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top:0;
    margin-bottom:auto;

}

.smartbtn-chat_help_wrapper_img{
    margin: 20px;
    display: flex;
}
.smartbtn-chat_help_img{
    margin: 0;
    width: 100%;
    height: auto;
    display: flex;

}
.smartbtn-chat_help_headPart{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    margin: 10px;
}
.smartbtn-chat_help_headPart_level1{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 19px;
    font-weight: 600;
    margin: 10px;
}

.smartbtn-chat_help_text{
    font-size: 15px;
    font-weight: 400;
    align-self: start;
    padding:15px;
    display: flex;
    line-height: 1.5;
}
.smartbtn-chat_help_soderjanie{
    font-size: 16px;
    font-weight: 500;
    align-self: start;
    padding: 7px;
    padding-left: 20px;
    color: black;
    display: flex;
}
.smartbtn-chat_help_soderjanie:hover {
    cursor: pointer;
    color: blue;
}
.smartbtn-chat_help_soderjanie_m {
    padding-left: 35px;
}
.smartbtn-chat_help_wrapper {
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    overflow: auto;
    height:100%;
    justify-content: start;
    padding: 10px
}
.sites_list_point__container-menu__link__container_no_active {
    background-color: rgba(0, 0, 0, 0.2);
}

.smartbtn-chat_base_knowledge_wrapper {
    display:flex;
    flex-direction:column;
    align-items: center;
    overflow: auto;
    height:100%;
    justify-content: start;
    padding: 10px;
    background:white;

    margin: 15px 100px 15px 100px;
}
.constructor_map_button_ok {
    width: 100%;
    text-align: end;
}
.map_button_ok{
    margin-top: 12px;
}
@media (max-width: 1024px) {
    .smartbtn-chat_base_knowledge_wrapper{
        margin: 30px 70px 30px 70px
    }
}
@media (max-width: 900px) {
    .smartbtn-chat_base_knowledge_wrapper{
        margin: 30px 50px 30px 50px
    }
}
@media (max-width: 768px) {
    .smartbtn-chat_base_knowledge_wrapper{
        margin: 30px 30px 30px 30px;
    }
}
@media (max-width: 660px) {
    .smartbtn-chat_base_knowledge_wrapper{
        margin: 30px 0px 30px 0px
    }
}