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

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

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

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

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




body {
    font-family: open_sansregular, serif;
    padding-bottom: 30px;
    background-color: #ffffff;
    overflow: inherit;
}

header {
    height: 92px;
    margin: 0 auto;
    position: relative;
    z-index: 20;
}

.OK_mobile {
    display: block;
}

.OK_desktop {
    display: none;
}

.header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1360px;
    margin: 0 auto;
    padding-top: 26px;
    flex-direction: row !important;
}

.row:before{
    content: none !important;
}

.row:after{
    content: none !important;
}

.logo {
    width: 198px;
    height: 51px;
    /* background-image: url("../images/cb_logo2x.png"); */
    margin: 0px !important;
}

.logo a.logo-img {
    display: block;
    width: 100%;
    height: 100%;
    /* background-image: url("../images/cb_logo2x.png"); */
}
.logo-img img {
  height: 51px;
}

/* Style The Dropdown menu */
.dropdown-btn {
    min-width: 50px;
    color: #000;
    padding: 0 15px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    font-family: open_sansregular, serif !important;
}

.dropdown {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 50px;
    min-height: 50px;
}

.dropdown a:hover {
    text-decoration: none;
    color: #e63756;
}

.dropdown-content {
    display: none;
    position: absolute;
    padding: 15px 0;
    top: 50px;
    min-width: 200px;
    font-size: 15px;
    background-color: white;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    z-index: 1;
}

.dropdown-content a {
    color: #1A202C;
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    font-family: open_sansregular, serif !important;
}

.dropdown-content a:hover {
    color: #1A202C;
    background-color: #fff6d3;
}

.dropdown-content a:last-child {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/*Call block*/

.callShow-btn {
    min-width: 50px;
    color: #000;
    padding: 0 15px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    font-family: open_sansregular, serif !important;
}

.call-content{
    display: none;
    position: absolute;
    padding: 15px 15px;
    top: 50px;
    min-width: 400px;
    font-size: 15px;
    background-color: white;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    z-index: 1;
}

.call_block {
    display: flex;
    align-items: center;
}

.call_block-tel {
    display: flex;
    height: 50px;
    align-items: center;
    border: 1.5px solid #e5e8ed;
    border-radius: 8px;
    padding-left: 15px;
    margin-right: 19px;
}

.call_block-tel>img {
    width: 15px;
    height: 15px;
}

.call_block-tel>input {
    border: 0px;
    margin-left: 15px;
    width: 100%;
    font-family: sans-serif;
    font-size: 16px;
    color: #000;
}

.call_block-tel>input:focus {
    outline: none;
}

#btnCall {
    display:flex;
}

#btnDropCall {
    display:none;
}

.call_block--btn {
    background: #E63756;
    border: 2px solid #E63756;
    border-radius: 8px;
    font-family: sans-serif;
    font-size: 14px;
    height: 50px;
    width: 94px;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}

.call_block--btn:hover {
    background: none;
    cursor: pointer;
    text-decoration: none;
    color: #E63756;
}

.call_block--btn:focus {
    outline: none;
}

.show_block {
    margin-top: 10px;
    font-family: sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #4A5568;
}

.incoming_block {
    display: flex;
    margin-bottom: 5px;
}

.incoming_block-number {
    display: flex;
    height: 50px;
    width: 253px;
    align-items: center;
    border-radius: 8px;
    padding-left: 15px;
    margin-right: 19px;
}

/* Style The Dropdown menu */

a.create-acc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 165px;
    height: 40px;
    margin-left: 30px;

    background: none;
    color: #E63756;
    border: 2px solid #E63756;
    box-sizing: border-box;
    border-radius: 8px;

    font-family: open_sanssemibold, serif !important;
    font-size: 1rem !important;
}

a.create-acc-btn:hover {
    background: #E63756;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
    text-underline: none;
}

a.create-acc-btn:active,
a.create-acc-btn:focus,
a.create-acc-btn:after {
    outline: none;
    border: 2px solid #E63756;
}
div.create-acc-btn {
    width: 165px;
    background: none;
    border: 2px solid #E63756;
    border-radius: 8px;
    font-family: open_sanssemibold, serif !important;
    font-size: 1rem !important;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.create-acc-btn>a{
    color: #E63756 !important;
}

div.create-acc-btn:hover {
    background: #E63756;
    color: #FFFFFF !important;
    cursor: pointer;
    text-decoration: none;
    text-underline: none;
}

div.create-acc-btn:hover > a{
    color: #FFFFFF !important;
    text-decoration: none;
    text-underline: none;
}

div.create-acc-btn:active,
div.create-acc-btn:focus,
div.create-acc-btn:after {
    outline: none;
    border: 2px solid #E63756;
}

span.spec-bull {
    display: inline-flex;
    position: absolute;
    right: 0;
    top: 5px;
    color: #E63756;
}

span.mobile___spec-bull {
    position: relative;
    top: -7px;
    left: 5px;
    color: #E63756;
}

/* News block */
#fade,
#publications {
    cursor: pointer;
}

#info_block p.bottom_info span:nth-of-type(1):before {
    background: none !important;
}

#info_block {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: none !important;
}

.news {
    width: 100%;
    max-width: 1360px;
    margin: 0 auto;
}

.main__news-article {
    display: flex;
    width: 433px;
    min-height: 100px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 15px 10px 15px 15px;
    border-radius: 14px;
    transition: all .3s ease;
    background: #fff;
}

.main__news-article:hover {
    -webkit-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -ms-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -moz-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -o-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.main__news {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 50px 0;
}

.main__news-article-img {
    width: 66px;
    height: 66px;
}

.main__news-article-img img {
    width: 100%;
    height: 100%;
    border-radius: 7px;
}

.main__news-article-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 300px;
    margin-left: 10px;
}

.main__news-article-info--head {
    min-height: 50px;
    color: #041a35;
    font-family: "Rubik";
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.5px;
}

.main__news-article-info--subinfo {
    display: flex;
    align-items: flex-end;
    font-size: 14px;
    height: 20px;
    margin-bottom: 5px;
}

.main__news-article-info--type {
    margin-right: 30px;
    color: #2D9CDB;
    font-family: open_sansregular, serif;
}

.main__news-article-info--date {
    font-family: open_sansregular, serif;
    color: #a6a4a1;
}

/* News block */

.rules {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 762px;
    margin: 70px 0;

    /* background: url(../images/rules-2.png) no-repeat;
    background-position: 0 250px;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%; */
}

.rules-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

    width: 1010px;
    height: 656px;
    margin-top: 80px;
}

.rules-info--header {
    text-align: center;
    font-style: normal;
    font-family: 'Rubik' !important;
    font-weight: 500;
    font-size: 40px;
    line-height: 44px;
}

.rules-info--description {
    display: flex;
    align-items: center;
    text-align: center;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #4a5568;
}

.rules-info--link {
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    width: 170px;
    height: 40px;
    color: #E63756;
    font-family: ubunturegular;
}

.rules-info--link:hover {
    text-decoration: none;
    color: #E63756;
    font-weight: 600;
}

.rules-info--link__ico {
    height: 20px;
    width: 13px;
    background: url("../images/ico_chevron.png") no-repeat;
}

.rules-info--image {
    /* position: relative;
    display: flex;
    align-items: center;
    justify-content: center; */
    height: 390px;
    width: 100%;
    padding: 0 30px;
}

#rules-info--image-preview {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 390px;
}

#rules-info--image-iframe{
    width: 100%;
    height: 100%;
    text-align: center;
}

.pol-today>p>i {
    font-style: normal;
    font-size: 54px;
    color: #1a202c;
}

.pol-today>p>span:first-child {
    font-size: 54px !important;
    color: #1a202c;
}

.pol-today>p>span:last-child {
    display: none !important;
}

.pol-today>em {
    display: none !important;
}

.pol-all>p {
    display: none !important;
}

.pol-all>em {
    font-style: normal;
}

.rules-info--image-right {
    position: absolute;
    bottom: 48px;
    right: -136px;
    width: 346px;
    height: 300px;
    background: url("../images/possibilities/possibilities_data.png") no-repeat;
}

.rules-info--image-left {
    position: absolute;
    bottom: 48px;
    left: -136px;
    width: 345px;
    height: 300px;
    background: url("../images/possibilities/possibilities_employees.png") no-repeat;
}

.rules-info--image-main {
    position: absolute;
    bottom: -65px;
    z-index: 1;
}

.rules-info--image-main > .play-btn {
    position: absolute;
    bottom: calc(50% - 30px);
    left: calc(50% - 50px);
    z-index: 2;
}

.rules-info--image-main > .play-btn:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.crm {
    width: 1360px;
    margin: 0 auto;
    margin-bottom: 270px;
}

.crm-feature-1,
.crm-feature-2,
.crm-feature-4 {
    margin-bottom: 30px;
    position: relative;
}

.crm-feature-3 {
    margin-bottom: 30px;
    position: relative;
}

.crm-feature-1-bg1 {
    position: absolute;
    top: 70px;
    left: 470px;
}

.crm-feature-1-bg2 {
    position: absolute;
    top: 415px;
    left: 1125px;
}

.crm-feature-2-bg {
    position: absolute;
    top: 455px;
    left: 155px;
}

.crm-feature-3-bg {
    position: absolute;
    top: 462px;
    left: 885px;
    z-index: 100;
}

.crm-feature-4-bg1 {
    position: absolute;
    top: -40px;
    left: 91px;
    z-index: 10;
}

.crm-feature-4-bg2 {
    position: absolute;
    top: 463px;
    left: 118px;
}

.crm-example {
    display: flex;
    justify-content: space-between;
}

.crm-example.table-example {
    height: 470px;
}

.crm-example.calc-example {
    height: 460px;
}

.crm-example.report-example {
    min-height: 500px;
}

.crm-example.access-example {
    height: 470px;
}

.crm-example__desc-text {
    width: 560px;
    height: 100%;
}

.crm-example__hr {
    width: 98px;
    min-height: 4px;
    margin: 18.5px 0 42px 0;
    background-image: linear-gradient(to right, #ffe082, #ff8fa3);
    border: none;
}

.crm-example__desc-image.feature-table {
    width: 665px;
}

.crm-example__desc-image.feature-calc {
    width: 603px;
}

.crm-example__desc-image.feature-report {
    width: 590px;
}

.crm-example__desc-image.feature-access {
    width: 610px;
}

.crm-example__desc-image-list-table,
.crm-example__desc-image-list-calc,
.crm-example__desc-image-list-report,
.crm-example__desc-image-list-access {
    position: relative;
    height: 100%;
}

.crm-example__desc-image-list-table img,
.crm-example__desc-image-list-calc img,
.crm-example__desc-image-list-report img,
.crm-example__desc-image-list-access img {
    position: absolute;
}

.crm-example__desc-image-list-table > img.bg-img {
    z-index: 1;
}

.crm-example__desc-image-list-calc > img.bg-img {
    z-index: 1;
}

.crm-example__desc-image-list-report > img.bg-img {
    z-index: 1;
}

.crm-example__desc-image-list-access > img.bg-img {
    z-index: 1;
}

.crm-example__desc-image-list-table > img.top-img {
    top: -2px;
    left: 35px;
    z-index: 3;
}

.crm-example__desc-image-list-table > img.bottom-img {
    bottom: -2px;
    left: 35px;
    z-index: 3;
}

.crm-example__desc-image-list-table > img.main-img {
    top: 45px;
    left: 70px;
    z-index: 2;
}

.crm-example__desc-image-list-report > img.top-img {
    top: 25px;
    left: -55px;
    z-index: 3;
}

.crm-example__desc-image-list-report > img.bottom-img {
    bottom: -15px;
    left: -55px;
    z-index: 3;
}

.crm-example__desc-image-list-report > img.main-img {
    top: 90px;
    left: 0;
    z-index: 2;
}

.crm-example__desc-image-list-calc > img.top-img {
    top: -2px;
    right: -120px;
    z-index: 3;
}

.crm-example__desc-image-list-calc > img.bottom-img {
    bottom: -70px;
    right: -120px;
    z-index: 3;
}

.crm-example__desc-image-list-calc > img.main-img {
    top: 60px;
    left: 50px;
    z-index: 2;
}

.crm-example__desc-image-list-access > img.top-img {
    top: 15px;
    right: -120px;
    z-index: 3;
}

.crm-example__desc-image-list-access > img.bottom-img {
    bottom: -55px;
    right: -120px;
    z-index: 3;
}

.crm-example__desc-image-list-access > img.main-img {
    top: 60px;
    left: 50px;
    z-index: 2;
}

.crm-example__desc-text {
    display: flex;
    flex-direction: column;
    padding: 110px 0;
}

.crm-example__desc-text--header {
    width: 510px;
    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 44px;
    color: #041A35;
    margin-bottom: 10px;
}

.crm-example__desc-text--desc {
    width: 490px;
    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #4A5568;
    margin-bottom: 30px;
    margin-top: 20px;
}

.crm-example__desc-text--line-under-block {
    width: 98px;
    height: 4px;
    background: linear-gradient(90.11deg, #FFE082 0%, #FF8FA3 100%);
    margin-bottom: 30px;
}

.crm-example__desc-text--link {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 110px;
    height: 40px;
    color: #E63756;
    font-family: ubunturegular;
}

.crm-example__desc-text--link:hover {
    text-decoration: none;
    color: #E63756;
    font-weight: 600;
}

.rules-info--link__ico {
    height: 20px;
    width: 13px;
    background: url("../images/ico_chevron.png") no-repeat;
}

.separator-block-120 {
    height: 100%;
    width: 120px;
}

.separator-block-75 {
    height: 100%;
    width: 75px;
}

.separator-row {
    width: 1100px;
    margin: 100px auto;
    height: 2px;
    background: #EDF2F7;
}

.public {
    min-height: 310px;
    margin: 0 147px;
    position: relative;
}

.public-header {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 44px;
    text-align: center;
    color: #1A202C;
}

/* Publications */
.public-row {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.public-row > .container {
    padding: 0;
}

.publication-item {
    display: flex;
    flex-direction: column;
    width: 433px;
    min-height: 100px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 25px 20px 40px 20px;
    margin-right: 30px;
    border-radius: 14px;
    transition: all .3s ease;
    background: #fff;

    -webkit-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -ms-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -moz-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -o-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
}

.publication-item__header {
    display: flex;
    align-items: center;
}

.publication-item:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.publications-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 50px 0;
}

.publication-item-main {
    display: inline-flex;
}

.publication-item-img {
    width: 50px;
    height: 50px;
}

.publication-item-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.publication-item-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 200px;
    height: 50px;
}

.publication-item-info--head {
    min-height: 50px;
    color: #041a35;
    font-family: rubik_regular;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.5px;
}

.publication-item-info--subinfo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 50px;
    margin-left: 10px;
    font-size: 14px;
}

.publication-item-info--type {
    font-family: 'rubik_regular';
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    color: #E63756;
}

.publication-item-info--date {
    font-family: open_sansregular, serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    color: #718096;
}

.publication-description {
    font-family: 'open_sansregular';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 30px;

    display: flex;
    align-items: center;
    margin-top: 30px;
    letter-spacing: -0.01em;
    color: #1A202C;
}

/* Publications */

/* Review */

.reviews {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    padding-bottom: 80px;
}

.public-bg {
    background: url("../images/reviews_bg.png") round;
    background-size: 100%;
    position: absolute;
    top: 3900px;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.review {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1150px;
    margin: 65px 147px 100px 147px;
    padding: 60px 130px;
    min-height: 580px;
    background: #fff;
    box-shadow: 20px 20px 35px 4px rgb(74 85 104 / 4%), 5px 5px 20px 2px rgb(74 85 104 / 8%);
    border-radius: 14px;
}

.profile > .profile-name {
    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    color: #1A202C;
}

.profile > .profile-desc {
    font-family: open_sanslight;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #E63756;
}

.profile > .profile-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.profile-photo > img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.text-review {
    font-family: open_sanslight;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 30px 0 60px 0;
    letter-spacing: 0.01em;
    color: #1A202C;
}

.review-link {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 210px;
    height: 40px;
    color: #E63756 !important;;
    font-family: ubunturegular;
}

.review-link:hover {
    cursor: pointer;
    text-decoration: none;
    color: #E63756;
    font-weight: 600;
}

.brands {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 950px;
    height: 80px;
}

.review-bg {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

/* Review */

.accounts {
    min-height: 910px;
    width: 1360px;
    margin: 75px auto;
}

.rub {
    display: flex;
    font-size: 44px;
    font-weight: 600;
    font-family: rouble, serif;
}

.versions {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1150px;
    height: 750px;
    margin: 0 auto;
    padding: 63.5px 100px;
    border-radius: 20px;
    /* background-image: linear-gradient(to right, #ffeeba, #ffc0b2), linear-gradient(to right, #ffe082, #fff8e1); */
}

.version-rent-acc,
.version-box-acc {
    width: 460px;
    height: 623px;
    padding: 48px 30px;

    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 12px 12px 20px 4px rgba(74, 85, 104, 0.12), 5px 5px 10px 2px rgba(74, 85, 104, 0.08);
    border-radius: 15px;

    transition: all .3s ease;
}

.version-rent-acc {
    margin-right: 30px;
    position: relative;
}

.version-rent-acc--bg {
    position: absolute;
    background: url('../images/bg-spot-rent.png') no-repeat;
    width: 728px;
    height: 527px;
    z-index: -1;
    top: 245px;
    left: -170px;
}

.version-box-acc {
    margin-left: 0;
    position: relative;
}

.version-box-acc--bg {
    position: absolute;
    background: url('../images/bg-spot-box.png') no-repeat;
    width: 728px;
    height: 527px;
    z-index: -1;
    top: -145px;
    left: -30px;
}

a.version-rent-acc:hover,
a.version-box-acc:hover {
    cursor: pointer;
    text-decoration: none;
    text-underline: none;
    -webkit-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -ms-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -moz-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -o-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    /* -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); */
}

.version-acc--header {
    width: 400px;
    height: 30px;
    margin-bottom: 10px;

    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.01em;
    color: #1A202C;
}

.version-acc--desc {
    width: 400px;
    height: 70px;
    margin-bottom: 30px;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #4A5568;
}

.version-acc--price .rub {
    font-size: 44px !important;
}

.version-rent-acc > .version-acc--price,
.version-box-acc > .version-acc--price {
    width: 300px;
    height: 40px;

    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 20px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    text-align: center;
}

.version-rent-acc > .version-acc--price {
    margin-bottom: 30px;
    color: #E63756;
}

.version-box-acc > .version-acc--price {
    margin-bottom: 30px;
    color: #1A202C;
}

button.version-acc--btn-rent {
    width: 264px;
    height: 50px;
    background: #E63756;
    border-radius: 8px;
    border: none;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    align-items: center;
    justify-content: center;
    text-align: center;

    color: #FFFFFF;
}

button.version-acc--btn-box {
    width: 264px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 2px solid #1A202C;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    color: #1A202C;
}

button.version-acc--btn-rent:active,
button.version-acc--btn-rent:focus,
button.version-acc--btn-rent:after,
button.version-acc--btn-box:active,
button.version-acc--btn-box:focus,
button.version-acc--btn-box:after {
    outline: none;
}

.version-acc--image {
    width: 325px;
    height: 205px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.version-rent-acc .version-acc--image {
    background: url("../images/accounts/version_rent_bg.png") round;
}

.version-box-acc .version-acc--image {
    background: url("../images/accounts/version_box_bg.png") round;
}

.price-num {
    display: inline-flex;
    margin-left: 10px;
    font-size: 44px;
}

.accounts-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.accounts-header-head {
    height: 50px;
    margin-bottom: 30px;
    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 44px;
    text-align: center;
    color: #1A202C;
}

.accounts-header-desc {
    height: 60px;
    width: 600px;
    margin-bottom: 60px;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #4A5568;
}

.integrations {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 390px;
    width: 1360px;
    margin: 100px auto 100px;
}

.integrations-header {
    height: 50px;
    margin-bottom: 30px;
    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 44px;
    text-align: center;
    color: #1A202C;
}

.integrations-desc,
.store-demo-desc,
.platform-desc,
.store-demo-item--desc {
    margin-bottom: 30px;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #4A5568;
}

.integrations-desc {
    height: 60px;
    width: 600px;
}

.integrations-socials {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.integrations-link {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
    width: 120px;
    height: 40px;
    color: #E63756 !important;;
    font-family: ubunturegular;
}

.integrations-link:hover {
    cursor: pointer;
    text-decoration: none;
    color: #E63756;
    font-weight: 600;
}

.social-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 170px;
    padding: 20px 15px;
    border-radius: 15px;

    transition: all .3s ease;
}

.social-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.social-item-img {
    width: 55px;
    height: 55px;
}

.social-item-img > img {
    width: 60px;
    height: 60px;
}

.integrations-socials__inner > .social-item:nth-child(3) .social-item-img--black {
    filter: grayscale(100%);
    opacity: 0.75;
}
.integrations-socials__inner > .social-item:nth-child(5) .social-item-img {
    position: relative;
}
.integrations-socials__inner > .social-item:nth-child(5) .social-item-img img {
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.integrations-socials__inner > .social-item:nth-child(5) .social-item-img--black {
    filter: grayscale(100%);
    opacity: 0.75;
}


.social-item-name {
    padding: 30px 0 10px;

    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.01em;
    color: #1A202C;
}

.integrations-socials a:hover {
    text-decoration: none;
    color: #1A202C;
}

/* .social-item:hover {
    -webkit-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -ms-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -moz-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -o-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
} */

.social-item-img--color {
    display: none;
}

.social-item-img--black {
    display: block;
}

.social-item:hover .social-item-img--color {
    display: block;
}

.social-item:hover .social-item-img--black {
    display: none;
}

.social-item:hover .social-item-name {
    color: #E63756;
}

.store {
    min-height: 900px;
    padding-top: 140px;
    background: url("../images/store/store_bg.png") round;
    background-size: 100%;
}

.store-demo,
.platform {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 700px;
}

.store-demo {
    width: 1360px;
    margin: 0 auto;
}

.platform {
    width: 1070px;
    margin: 110px auto 77px auto;
}

.store-demo-header,
.platform-header {
    height: 50px;
    margin-bottom: 30px;

    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 44px;
    text-align: center;
    color: #1A202C;
}

.store-demo-desc {
    height: 70px;
    width: 600px;
}

.store-demo-link {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
    width: 120px;
    height: 40px;
    color: #E63756 !important;;
    font-family: ubunturegular;
}

.store-demo-link:hover {
    cursor: pointer;
    text-decoration: none;
    color: #E63756;
    font-weight: 600;
}

.store-demo-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 500px;
    width: 100%;
    padding: 0;
}

.store-demo-items .store-demo-item--desc {
    font-size: 14px;
}

.platform-desc {
    height: 50px;
    width: 600px;
}

.platform-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 280px;
    height: 36px;
    margin-bottom: 60px;
}

.platform-image {
    margin-bottom: 70px;
}

.platform-statistic {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 140px;
    width: 100%;
}

.platform-statistic-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 140px;
    padding: 10px 50px;
}

.platform-statistic-item--num {
    height: 45px;
    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 54px;
    line-height: 44px;
    text-align: center;
    color: #1A202C;
}

.platform-statistic-item--num>p{
    display: inline-block;
}

.platform-statistic-item--desc {
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.platform-statistic-item--color-line-1 {
    width: 92px;
    height: 4px;
    background: linear-gradient(90.11deg, #FFE082 0%, #FF8FA3 100%);
}

.platform-statistic-item--color-line-2 {
    width: 122px;
    height: 4px;

    background: linear-gradient(90.11deg, #FFE082 0%, #FF8FA3 100%);
}

.platform-statistic-item--color-line-3 {
    width: 184px;
    height: 4px;

    background: linear-gradient(90.11deg, #FFE082 0%, #FF8FA3 100%);
}

.separator-row-footer {
    width: 1360px;
    height: 2px;
    margin: 29px auto 80px auto;
    background: #EDF2F7;
}

.try-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1360px;
    height: 360px;
    margin: 0 auto;
    background: url("../images/try_bg.png") round;
}

.try-block-text {
    display: flex;
    flex-direction: column;
    width: 490px;
    margin: 67px 20px 70px 68px;
}

.try-block-image {
    padding-top: 20px;
    padding-right: 169px;
}

@media (max-width: 1360px) {
  .try-block-image {
    padding-right: 60px;
}
}

.try-block-image-hidden {
    display: none;
}

.try-block-text--header {
    height: 50px;
    margin-bottom: 35px;

    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 44px;
    color: #1A202C;
}

.try-block-text--desc {
    height: 50px;
    width: 440px;
    margin-bottom: 44px;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    color: #4A5568;
}

.try-block-text--buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 420px;
    height: 50px;
}

.try-block-text--buttons a {
    font-size: 16px;

    font-family: open_sansregular;
}

.try-block-text--buttons > .create-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 196px;
    height: 50px;
    color: #ffffff;

    background: #E63756;
    border: none;
    border-radius: 8px;
}

.try-block-text--buttons > .create-btn:hover {
    background: #FFFFFF;
    color: #E63756;
    border: 1px solid #E63756;
    text-decoration: none;
    text-underline: none;
}

.try-block-text--buttons > a.demo-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 178px;
    height: 50px;
    background: #fff;
    color: #E63756;

    border: 1px solid #E63756;
    box-sizing: border-box;
    border-radius: 8px;
}

.try-block-text--buttons > a.create-btn:active,
.try-block-text--buttons > a.create-btn:focus,
.try-block-text--buttons > a.create-btn:after,
.try-block-text--buttons > a.demo-btn:active,
.try-block-text--buttons > a.demo-btn:focus,
.try-block-text--buttons > a.demo-btn:after {
    outline: none;
}

.try-block-text--buttons > a.demo-btn:hover,
.head-slider-text--buttons > a.head-demo-acc-btn:hover {
    text-decoration: none;
    text-underline: none;
    color: #FFFFFF;
    background: #E63756;
    cursor: pointer;
}

.head-demo-acc-btn {
    display: none !important;
}

.head-slider-text--buttons---mail {
    display: flex;
    height: 50px;
    align-items: center;
    border: 1.5px solid #e5e8ed;
    border-radius: 8px;
    padding-left: 15px;
    width: 228px;
    margin-right: 19px;
    background: #fff;
}

.head-slider-text--buttons---mail>img {
    width: 15px;
    height: 15px;
}

.head-slider-text--buttons---mail>input {
    border: 0px;
    margin-left: 15px;
    width: 100%;
    font-family: open_sanssemibold, serif !important;
    font-size: 20px !important;
    color: rgba(26, 32, 44, 0.6);
}

.head-slider-text--buttons---mail>input::-webkit-input-placeholder {
    font-family: open_sanssemibold, serif !important;
    font-size: 16px;
    color: rgba(26, 32, 44, 0.6);
} 
.head-slider-text--buttons---mail>input::-moz-placeholder {
    font-family: open_sanssemibold, serif !important;
    font-size: 16px;
    color: rgba(26, 32, 44, 0.6);
}

.head-slider-text--buttons---mail>input:focus {
    outline: none;
}

.head-slider-text--buttons--create{
    background: #E63756;
    width: 261px;
    border: 2px solid #E63756;
    border-radius: 8px;
    font-size: 1rem !important;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: open_sanssemibold, serif !important;
    color: #FFFFFF !important;
}

.head-slider-text--buttons--create:hover{
    background: none;
    cursor: pointer;
    text-decoration: none;
    color: #E63756 !important;
}

.head-slider-text--buttons--create:focus {
    outline: none;
}


.head-slider-text--acc {
    color: rgba(26, 32, 44, 0.4);
    margin-top: 38px;
    font-family: open_sansregular, serif;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.head-slider-text--acc>img {
    width: 8px;
    margin-left: 10px;
}

footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1360px;
    margin: 80px auto 0;
    min-height: 380px;
}

footer .info-column {
    display: flex;
    flex-direction: column;
    width: 160px;
}

footer ul {
    margin-left: 0;
    padding-left: 0;
}

footer ul > li,
ul.mobile-menu--submenu > li {
    min-height: 30px;
    list-style-type: none;
}

footer ul > li,
footer ul > li > a {
    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 29px;
    color: #1A202C;
}

footer ul > li > a:hover {
    text-decoration: none;
    color: #1A202C;
    font-weight: 600;
}

footer .info-column--head {
    height: 50px;
    margin-bottom: 10px;
    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
    color: #1A202C;
}

.mobile-menu--submenu {
    display: none;
    padding-left: 40px;
}

.mobile-menu--submenu > li {
    padding: 10px 0;
}

.mobile-menu--submenu > li > a {
    color: #FFFFFF;
}

.mobile-menu--submenu > li > a:hover {
    color: #c9d7ff;
    text-decoration: none;
    text-underline: none;
}


.social-icons {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 120px;
    height: 55px;
    margin-bottom: 40px;
}

.social-icons-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 24px;
}

.social-app-ios,
.social-app-android {
    margin-bottom: 10px;
    margin-left: -10px;
}

.social-app-ios > img:hover,
.social-app-android > img:hover {
    cursor: pointer;
}

.store-demo-item,
.mobile__store-demo-item {
    width: 100%;
    max-width: 319px;
    min-height: 490px;
    padding: 60px 87px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 12px 12px 20px 4px rgba(74, 85, 104, 0.12), 5px 5px 10px 2px rgba(74, 85, 104, 0.08);
    border-radius: 15px;
    margin-left: 0;
    margin-right: 27px;

    transition: all .3s ease;
}

.store-demo-item:hover,
.mobile__store-demo-item:hover {
    cursor: pointer;
    text-decoration: none;
    text-underline: none;
    -webkit-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -ms-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -moz-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -o-box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    box-shadow: 2px 2px 14px 0 rgba(92, 107, 126, .14);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.store-demo-item--image-1,
.store-demo-item--image-2,
.store-demo-item--image-3 {
    width: 195px;
    height: 145px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.store-demo-item--image-1 {
    /* background: url("../images/store/card_1_bg.png") round; */
}

.store-demo-item--image-2 {
    /* background: url("../images/store/card_2_bg.png") round; */
}

.store-demo-item--image-3 {
    /* background: url("../images/store/card_3_bg.png") round; */
}

.store-demo-item--header {
    width: 320px;
    min-height: 60px;
    margin-bottom: 10px;

    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.01em;
    color: #1A202C;
}

.store-demo-item--desc {
    width: 260px;
    height: 50px;
}

button.store-demo-item--btn {
    width: 260px;
    height: 50px;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #E63756;

    background: #FFFFFF;
    border: 1px solid #E63756;
    box-sizing: border-box;
    border-radius: 8px;
}

button.store-demo-item--btn:hover {
    cursor: pointer;
    text-decoration: none;
    outline: none;
    border: none;
    background: #E63756;
    color: #FFFFFF;
}

button.store-demo-item--btn:focus,
button.store-demo-item--btn:active,
button.store-demo-item--btn:after {
    outline: none;
}

.store-demo .slider,
.store-demo .mobile__slider {
    width: 100%;
}

.store-demo .slider {
    width: initial;
}

.store-demo .mobile__slider {
    display: none;
}

.slider-dots {
    text-align: center;
    margin-top: 30px;
}

.slider-dots_item,
.head-slider-dots_item,
.int-slider-dots_item,
.store-slider-dots_item,
.version-slider-dots_item {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 10px;
    background-color: #ddd;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 2s ease;
}

.active,
.slider-dots_item:hover,
.head-slider-dots_item:hover,
.int-slider-dots_item:hover,
.store-slider-dots_item:hover,
.version-slider-dots_item:hover {
    background-color: #E63756;
}

.head-slider .head-slider-item,
.slider .store-demo-items,
.slider .mobile__store-demo-items {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 2s;
    animation-name: fade;
    animation-duration: 2s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}


.modalCreateAcc {
    position: fixed;
    right: 40%;
    top: 50%;
    background: white;
    box-shadow: 1px 0px 5px rgb(0 0 0 / 40%);
    display: none;
    border-radius: 10px;
    padding: 10px;
    z-index: 999;
}

.modalCreateAcc--header {
    text-align: right;
    margin-bottom: 10px;
}


.head-slider {
    display: flex;
    flex-direction: column;
    width: 1360px;
    margin: 0 auto;
}

.head-slider-item {
    display: flex;
    width: 1360px;
    margin: 100px auto 50px;
}

.head-slider-text {
    display: flex;
    flex-direction: column;
    width: 570px;
}

.head-slider-text--header {
    min-height: 170px;
    margin-bottom: 30px;

    font-family: 'Rubik' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 44px;
    line-height: 60px;
    display: flex;
    align-items: center;
    color: #1A202C;
}

.head-slider-text--desc {
    width: 490px;
    height: auto;
    margin-bottom: 60px;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    color: #4A5568;
}

.head-slider-text--desc-allocate {
    font-weight: 700;
}

.head-slider-text--buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*height: 50px;*/
}

.head-slider-text--buttons > a.head-create-acc-btn {
    width: 196px;
    height: 50px;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #FFFFFF;
    background: #E63756;
    border: none;
    border-radius: 8px;
}

.head-slider-text--buttons > a.head-demo-acc-btn {
    width: 196px;
    height: 50px;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #1A202C;
    background: #FFFFFF;
    border: 2px solid #1A202C;
    box-sizing: border-box;
    border-radius: 8px;
}

a.head-create-acc-btn:active,
a.head-create-acc-btn:focus,
a.head-create-acc-btn:after,
a.head-demo-acc-btn:active,
a.head-demo-acc-btn:focus,
a.head-demo-acc-btn:after {
    outline: none;
}

.head-slider-text--buttons > a.head-create-acc-btn:hover {
    text-decoration: none;
    text-underline: none;
    color: #E63756;
    background: #FFFFFF;
    border: 2px solid #E63756;
    cursor: pointer;
}

.head-slider-image-1 {
    background: url("../images/Blob.png") round;
    position: relative;
}

.title_man {
    animation-duration: 2s; 
    animation-delay: 1.5s; 
    animation-name: zoomIn;
    position: absolute;
    top: 16px;
    right: 6%;
    text-align: center;
    width: 193px;
    height: auto;
    background-color: white;
    border-radius: 10px;
    box-shadow: 2px 0px 9px rgba(0,0,0,0.2);
}

.title_man p {
    color: #f8ac1a;
    font-family: open_sansregular;
    margin-top: 10px;
    margin-bottom: 0;
    font-style: normal;
    font-weight: bold;
}

.title_man p i {
    font-style: normal;
}

.title_man em {
    display: block;
    font-size: 41px;
    font-family: open_sansregular;
    margin-top: 4px;
    color: #E63756;
    font-style: normal;
    font-weight: bold;
}

.title_man>span>span:first-child {
    display: block;
}

.title_man>span {
    font-family: open_sansregular;
    font-size: 14px;
    color:#041A35;
    display: inline-block;
    margin-bottom: 10px;
}
.head-slider-dots,
.int-slider-dots,
.versions-slider-dots {
    text-align: center;
}

.versions-slider-dots {
    display: none;
}

.main-menu--mobile {
    display: none;
}

.hamburger-menu {
    display: flex;
    align-items: center;
}

#menu__toggle {
    opacity: 0;
}

#menu__toggle:checked ~ .menu__btn > span {
    transform: rotate(45deg);
}

#menu__toggle:checked ~ .menu__btn > span::before {
    top: 0;
    transform: rotate(0);
}

#menu__toggle:checked ~ .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);
}

#menu__toggle:checked ~ .mobile_menu {
    visibility: visible;
    right: 0;
    overflow: auto;
}

#menu__toggle:checked ~ .relative__div {
    display: none;
}

.menu__btn {
    display: flex;
    align-items: center;
    top: 20px;
    left: 20px;

    width: 26px;
    height: 26px;

    cursor: pointer;
    z-index: 1;
    margin-bottom: 0;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
    display: block;
    position: absolute;

    width: 20px;
    height: 2px;

    background-color: #1A202C;

    transition-duration: .25s;
}

.menu__btn > span::before {
    content: '';
    top: -8px;
}

.menu__btn > span::after {
    content: '';
    top: 8px;
}

.menu__box {
    min-height: calc(100% - 140px);
    padding: 0;
    margin: 0;
    overflow: scroll;
}

.menu__box::-webkit-scrollbar {
    width: 0 !important
}

.menu__box {
    -ms-overflow-style: none;
}

.menu__box {
    overflow: -moz-scrollbars-none;
}

.mobile_menu {
    display: block;
    position: fixed;
    visibility: hidden;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px 0;
    list-style: none;
    z-index: 10;
    color: #FFFFFF;
    background: rgba(26, 32, 44, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 1px 0 6px rgba(0, 0, 0, .2);
    transition-duration: .25s;
}

.menu__item {
    display: block;
    padding: 15px 20px;
    color: #FFFFFF;
    font-family: open_sansregular;
    font-size: 20px;
    text-decoration: none;
    transition-duration: .25s;
}

.menu__item:hover {
    color: #FFFFFF;
    text-decoration: none;
    background: none;
}

.menu__box--header_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px 40px;
}

.close-btn {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.close-btn:before {
    content: '+';
    color: #FFFFFF;
    position: absolute;
    z-index: 2;
    transform: rotate(45deg);
    font-size: 50px;
    line-height: 1;
    top: -5px;
    left: 6px;
    transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
}

.close-btn:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: #FFFFFF;
    z-index: 1;
    transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
    transform: scale(0.01);
}

.close-btn:hover:after {
    transform: scale(1);
}

.close-btn:hover:before {
    transform: scale(0.8) rotate(45deg);
    color: #1A202C;
}

.menu__box-footer {
    position: relative;
    bottom: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    padding: 20px 20px 30px;
}

.menu__box-footer--contact {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 120px;
}

.menu__box-footer--about > .date,
.menu__box-footer--about > .company-name {
    height: 20px;

    font-family: open_sansregular;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

.menu__box-footer--about > .date {
    margin-bottom: 10px;
}

.mobile__social-icons {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0;
}

.mobile__apps {
    display: none;
    align-items: center;
    height: 60px;
    margin-left: -10px;
    margin-bottom: 10px;
}

.mobile__app-ios {
    margin-right: 105px;
}

ul.menu__box > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 30px;
}

ul.menu__box > li:hover {
    cursor: pointer;
}

.dropdown_ico,
.dropdown_ico.up {
    display: none;
    width: 12px;
    height: 8px;
    background: url("../images/dropdown_ico.png");
    transition: all 0.5s ease;
}

.dropdown_ico.up {
    transform: rotate(180deg);
}

.mobile-menu__dropdown-icon,
.mobile-menu__dropdown-icon.up {
    display: flex;
    width: 12px;
    height: 8px;
    background: url("../images/dropdown_ico_mobile.png");
    transition: all 0.5s ease;
}

.mobile-menu__dropdown-icon.up {
    transform: rotate(180deg);
}

.head-slider-image-1-hidden {
    display: none;
}

.brands-hidden {
    display: none;
}

.brands-hidden--inner {
    display: inline;
}

@media screen and (max-width: 1400px) {
    header,
    .head-slider-item,
    .crm,
    .store-demo,
    .platform,
    .brands,
    #info_block,
    .rules-info,
    .separator-row-footer,
    .separator-row,
    .integrations,
    .review,
    .head-slider,
    .header-menu,
    .review,
    .accounts,
    .try-block,
    footer{
        width: 1140px;
    }

    .rules-info--image-left {
        left: -72px;
    }

    .rules-info--image-right {
        right: -65px;
    }

    .store-demo-item {
        max-width: 350px;
    }
}

@media screen and (max-width: 1200px) {
    .header-menu .main-menu {
        justify-content: space-between;
    }

    .dropdown-content.last-item {
        left: -100%;
    }

    .head-slider-text--desc {
        width: 420px;
    }

    .head-slider-text--header {
        min-height: 170px;
        font-size: 36px;
        line-height: 54px;
    }

    .head-slider-text--buttons {
        width: 390px;
    }

    .head-slider-text--buttons > a.head-create-acc-btn,
    .head-slider-text--buttons > a.head-demo-acc-btn {
        width: 180px;
    }

    .head-slider-image-1 > img,
    .head-slider-image-2 > img,
    .head-slider-image-3 > img,
    .head-slider-image-4 > img,
    .head-slider-image-1,
    .head-slider-image-2,
    .head-slider-image-3,
    .head-slider-image-4 {
        width: 500px;
        height: 340px;
    }

    #rules-info--image-preview {
        margin-top: -70px;
    }

    .main-menu .create-acc-btn {
        display: none;
    }

    div.create-acc-btn {
        display: none;
    }

    .integrations {
        width: 960px;
    }

    .main__news {
        flex-direction: column;
        align-items: center;
    }

    .main__news-article {
        width: 420px;
        margin: 10px 0;
    }

    .main__news-article-info {
        width: 290px;
    }

    .main__news-article-info--head {
        font-size: 20px;
    }

    .try-block {
        flex-direction: column;
        align-items: center;
        width: 720px;
        height: 630px;
        border-radius: 14px;
        margin: 0 auto;
        background: url(../images/try_bg.png) round;
        background-size: cover;
    }

    .try-block-text {
        align-items: center;
        width: 490px;
        margin: 60px 0;
    }

    .try-block-text--desc {
        text-align: center;
    }

    .try-block-image {
        padding-top: 20px;
        padding-right: 70px;
    }

    .title_man {
        top: 0px;
        right: 6%;
        width: 147px;
    }
    
    .title_man p {
        margin-top: 10px;
        margin-bottom: 0;
    }
    
    .title_man em {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 34px !important;
    }
    
    .title_man>span {
        font-size: 10px !important;
    }

    .title_man>span>span:first-child{
        margin-bottom: -2px;
    }

    .accounts {
        min-height: 910px;
        width: 720px;
        margin: 100px auto;
    }

    .versions {
        height: 750px;
    }

    .version-rent-acc,
    .version-box-acc {
        width: 320px;
        height: 690px;
        margin: 30px;
    }

    .version-acc--desc {
        align-items: flex-start;
        width: 300px;
        min-height: 150px;
        height: auto;
        padding: 10px;
        margin-bottom: 10px;
    }

    .version-acc--header {
        width: 300px;
        height: 70px;
        margin-bottom: 10px;
    }

    .version-rent-acc {
        margin-right: 25px;
    }

    .version-box-acc {
        margin-left: 0;
    }

    .version-acc--image {
        width: 284px;
        height: 206px;
        margin-bottom: 50px;
    }

    .version-acc--image img {
        margin-top: 30px;
    }

    .review {
        padding: 20px 60px;
        width: 80%;
    }

    .text-review {
        font-size: 16px;
        margin: 30px 0;
    }

    .store-demo-item--image-1,
    .store-demo-item--image-2,
    .store-demo-item--image-3 {
        width: 140px;
        height: 110px;
    }

    .store-demo-item--image-1 > img,
    .store-demo-item--image-2 > img,
    .store-demo-item--image-3 > img {
        width: 190px;
        height: 110px;
    }

    .store-demo-item,
    .mobile__store-demo-item {
        width: 300px;
        min-height: 425px;
        padding: 30px;
    }

    .store-demo-item--header {
        width: 170px;
        min-height: 60px;
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 30px;
    }

    .store-demo-item--desc {
        width: 180px;
        height: 70px;
        padding: 0 10px;
        font-size: 13px;
        line-height: 22px;
    }

    button.store-demo-item--btn {
        width: 140px;
        height: 35px;
        font-size: 13px;
        line-height: 0;
    }

    header,
    .head-slider-item,
    .crm,
    .store-demo,
    #info_block,
    .platform,
    .brands,
    .rules-info,
    .separator-row-footer,
    .separator-row,
    .integrations,
    .review,
    .head-slider,
    .header-menu,
    .review {
        width: 95%;
    }

    .head-slider-item {
        margin-top: 70px;
        align-items: center;
    }

    .brands > img[alt='Audi'],
    .brands > img[alt='RGO'] {
        display: none;
    }

    .rules-info--image-main > img {
        width: 500px;
    }

    .rules-info--image-left {
        left: 50px;
        width: 265px;
        height: 240px;
        background-size: 100%;
        top: 140px;
    }

    .rules-info--image-right {
        right: 50px;
        width: 280px;
        height: 240px;
        background-size: 100%;
        top: 140px;
    }

    .rules-info--image-main > .play-btn {
        left: 210px;
        bottom: 140px;
        width: 80px;
    }

    .publications {
        margin-bottom: 0;
    }

    .publication-item {
        width: 250px;
    }

    .crm-example {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .crm-example__desc-image {
        min-height: 460px;
    }

    .crm-example.table-example,
    .crm-example.calc-example,
    .crm-example.report-example,
    .crm-example.access-example {
        height: auto;
    }

    .platform-image {
        margin-bottom: 30px;
    }

    .platform-image > img {
        width: 700px;
        height: 350px;
    }

    .separator-block-75,
    .separator-block-120 {
        display: none;
    }

    .crm-example__desc-image {
        order: 2;
    }

    .crm-example__desc-text {
        padding: 70px 0;
        order: 1;
    }

    .crm-example__desc-image.feature-table {
        height: 470px;
    }

    .crm-example__desc-image.feature-calc {
        height: 460px;
    }

    .crm-example__desc-image.feature-table {
        height: 505px;
    }

    .crm-example__desc-image.feature-access {
        height: 475px;
    }

    .crm-example__desc-image-list-report > img.bg-img {
        height: auto;
    }

    .crm-example__desc-image-list-report > img.bottom-img {
        bottom: -548px;
    }

    footer {
        width: 600px;
    }

    footer .info-column {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1040px) {
    .publications {
        margin-bottom: 0;
    }

    .publications-block {
        flex-direction: column;
        align-items: center;
    }

    .publication-item {
        width: 420px;
        margin: 10px 0;
    }

    .publication-item-info {
        width: 290px;
    }

    .publication-item-info--head {
        font-size: 20px;
    }

    .header-menu .main-menu {
        display: none;
        justify-content: space-between;
    }

    .main-menu--mobile {
        display: flex;
    }

    .head-slider-item {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .head-slider-text {
        margin-bottom: 50px;
    }

    .head-slider-text--desc {
        width: 490px;
    }

    .main-menu .create-acc-btn {
        display: none;
    }

    div.create-acc-btn {
        display: none;
    }

    .integrations {
        width: 960px;
    }

    .main__news {
        flex-direction: column;
        align-items: center;
    }

    .main__news-article {
        width: 420px;
        margin: 10px 0;
    }

    .main__news-article-info {
        width: 290px;
    }

    .main__news-article-info--head {
        font-size: 20px;
    }

    .try-block {
        flex-direction: column;
        align-items: center;
        width: 720px;
        height: 630px;
        border-radius: 14px;
        margin: 0 auto;
        background: url(../images/try_bg.png) round;
        background-size: cover;
    }

    .try-block-text {
        align-items: center;
        width: 490px;
        margin: 60px 0;
    }

    .try-block-text--desc {
        text-align: center;
    }

    .try-block-image {
        padding-top: 20px;
        padding-right: 70px;
    }

    .accounts {
        min-height: 910px;
        width: 720px;
        margin: 100px auto;
    }

    .versions {
        height: 750px;
        width: 750px;
    }

    .version-rent-acc,
    .version-box-acc {
        width: 320px;
        height: 690px;
        margin: 30px;
    }

    .version-acc--desc {
        align-items: flex-start;
        width: 300px;
        min-height: 150px;
        height: auto;
        padding: 10px;
        margin-bottom: 10px;
    }

    .version-acc--header {
        width: 300px;
        height: 70px;
        margin-bottom: 10px;
    }

    .version-rent-acc {
        margin-right: 30px;
    }

    .version-box-acc {
        margin-left: 0;
    }

    .version-acc--image {
        width: 310px;
        height: 220px;
        margin-bottom: 30px;
    }

    .review {
        padding: 20px 60px;
        
    }

    .text-review {
        font-size: 16px;
        margin: 30px 0;
    }

    .store-demo-item--image-1,
    .store-demo-item--image-2,
    .store-demo-item--image-3 {
        width: 140px;
        height: 110px;
    }

    .store-demo-item--image-1 > img,
    .store-demo-item--image-2 > img,
    .store-demo-item--image-3 > img {
        width: 190px;
        height: 110px;
    }

    .store-demo-item,
    .mobile__store-demo-item {
        width: 270px;
        min-height: 425px;
        padding: 30px;
    }

    .store-demo-item--header {
        width: 170px;
        min-height: 60px;
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 30px;
    }

    .store-demo-item--desc {
        width: 180px;
        height: 70px;
        padding: 0 10px;
        font-size: 13px;
        line-height: 22px;
    }

    button.store-demo-item--btn {
        width: 140px;
        height: 35px;
        font-size: 13px;
        line-height: 0;
    }

    header,
    .head-slider-item,
    .crm,
    .store-demo,
    #info_block,
    .platform,
    .brands,
    .rules-info,
    .separator-row-footer,
    .separator-row,
    .integrations,
    .review,
    .head-slider,
    .header-menu,
    .review,
    .news {
        width: 95%;
    }

    header,
    .head-slider-item,
    .crm,
    .store-demo,
    .platform,
    .brands,
    .rules-info,
    .separator-row-footer,
    .separator-row,
    .integrations,
    .review,
    .head-slider,
    .header-menu,
    .head-slider-text,
    .head-slider-text--desc,
    .crm-example__desc-text,
    .try-block,
    .accounts,
    .integrations-desc,
    .store-demo-desc,
    .platform-desc,
    .accounts-header-desc,
    footer {
        width: 95%;
    }

    .head-slider-item {
        margin-top: 70px;
    }

    .brands > img[alt='Audi'],
    .brands > img[alt='RGO'] {
        display: none;
    }

    .rules-info--image-main > img {
        width: 500px;
    }

    .rules-info--image-left {
        left: -20px;
        width: 265px;
        height: 240px;
        background-size: 100%;
    }

    .rules-info--image-right {
        right: -22px;
        width: 280px;
        height: 240px;
        background-size: 100%;
    }

    .rules-info--image-main > .play-btn {
        bottom: 145px;
        width: 80px;
    }

    .publications {
        margin-bottom: 0;
    }

    .crm-example {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .crm-example__desc-image {
        min-height: 460px;
    }

    .crm-example.table-example,
    .crm-example.calc-example,
    .crm-example.report-example,
    .crm-example.access-example {
        height: auto;
    }

    .platform-image {
        margin-bottom: 30px;
    }

    .platform-image > img {
        width: 700px;
        height: 350px;
    }

    .separator-block-75,
    .separator-block-120 {
        display: none;
    }

    .crm-example__desc-image {
        order: 2;
    }

    .crm-example__desc-text {
        padding: 70px 0;
        order: 1;
    }

    .crm-example__desc-image.feature-table {
        height: 470px;
    }

    .crm-example__desc-image.feature-calc {
        height: 460px;
    }

    .crm-example__desc-image.feature-table {
        height: 505px;
    }

    .crm-example__desc-image.feature-access {
        height: 475px;
    }

    .crm-example__desc-image-list-report > img.bg-img {
        height: auto;
    }

    .crm-example__desc-image-list-report > img.bottom-img {
        bottom: -548px;
    }

    footer {
        width: 600px;
    }

    footer .info-column {
        margin-bottom: 30px;
    }

    footer {
        width: 600px;
    }

    footer .info-column {
        margin-bottom: 20px;
        width: 100%;
    }

    footer .info-column--head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 30px;
        margin-bottom: 0;
        line-height: 20px;
    }

    footer .info-column--head:not(.static):hover {
        cursor: pointer;
    }

    footer .empty-elem,
    .social-icons,
    .social-app-ios,
    .social-app-android {
        display: none;
    }

    footer .mobile__social-icons {
        display: flex;
    }

    footer .mobile__apps {
        display: flex;
    }

    footer .info-column ul {
        margin: 10px 0;
    }

    footer ul:not(.contacts-list) > li {
        padding-left: 15px;
    }

    footer .info-column ul:not(.contacts-list) {
        display: none;
    }

    .dropdown_ico,
    .dropdown_ico.up {
        display: flex;
    }
}

@media screen and (max-width: 990px) {
    .integrations {
        width: 720px;
    }

    .social-item {
        width: 110px;
        padding: 20px 15px 10px;
    }

    .social-item-name {
        font-size: 14px;
    }

    .versions {
        width: 500px;
    }

    .store-demo-item, .mobile__store-demo-item {
        width: 190px;
    }
}

@media screen and (max-width: 640px) {
    html {
        overflow-x: hidden;
    }

    #animation__span{
        box-shadow: inset 0px 0px 20px 20px #E63756 !important;
    }

    .relative__div {
        right: 10px !important;
    }

    #animation__span {
        left: 0px !important;
        top: -3px !important;
    }

    .platform-statistic-item--color-line-1 {
        min-height: 3px;
    }

    .OK_mobile {
        max-width: 81px !important;
        height: 81px !important;
    }

    .head-slider-item {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .head-slider-text {
        margin-bottom: 50px;
    }

    .main-menu .create-acc-btn {
        display: none;
    }

    div.create-acc-btn {
        display: none;
    }
    
    .head-slider .head-slider-text--buttons {
        flex-direction: column;
    }

    .head-slider-image-1 > img,
    .head-slider-image-2 > img,
    .head-slider-image-3 > img,
    .head-slider-image-4 > img,
    .head-slider-image-1,
    .head-slider-image-2,
    .head-slider-image-3,
    .head-slider-image-4 {
        width: 420px;
        height: 290px;
    }

    .title_man {
        top: 6px;
        right: 3%;
    }
    
    .title_man p {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 15px !important;
    }
    
    .title_man p span {
        font-size: 15px !important;
    }
    
    .title_man em {
        margin-top: 0px;
        font-size: 30px !important;
    }
    
    .title_man>span {
        font-size: 9px !important;
    }

    .head-slider-text--header {
        font-size: 40px;
    }

    .main__news {
        flex-direction: column;
        align-items: center;
    }

    .main__news-article {
        width: 420px;
        margin: 10px 0;
    }

    .main__news-article-info {
        width: 290px;
    }

    .main__news-article-info--head {
        font-size: 20px;
    }

    .try-block {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 330px;
        border-radius: 14px;
        margin: 0 auto;
        background: url(../images/try_bg.png) round;
        background-size: cover;
    }

    .try-block-text {
        align-items: center;
        width: 420px;
        margin: 10px 0;
    }

    .try-block-text--desc {
        text-align: center;
    }

    .try-block-image {
        padding-top: 20px;
        padding-right: 70px;
    }

    .accounts {
        min-height: 910px;
        margin: 100px auto;
    }

    .versions {
        height: auto;
        flex-direction: column;
        align-items: center;
        padding-top: 50px;
    }

    .version-rent-acc,
    .version-box-acc {
        width: 320px;
        height: 500px;
        margin: 0;
    }

    .version-acc--header {
        height: 40px;
        font-size: 22px;
    }

    .version-acc--desc {
        min-height: 120px;
        margin: 0;
        font-size: 13px;
    }

    .version-rent-acc > .version-acc--price {
        margin-bottom: 20px;
    }

    button.version-acc--btn-rent,
    button.version-acc--btn-box {
        width: 210px;
    }

    .versions-slider-dots {
        display: flex;
        margin: 20px 0;
    }

    .version-acc--image {
        width: 220px;
        height: 150px;
        margin-bottom: 10px;
    }

    .version-acc--image img {
        width: 200px;
        height: 145px;
    }

    .review {
        padding: 20px 60px;
        margin: 50px;
    }

    .text-review {
        font-size: 16px;
        margin: 30px 0;
    }

    .store-demo-item--image-1,
    .store-demo-item--image-2,
    .store-demo-item--image-3 {
        width: 140px;
        height: 110px;
    }

    .store-demo-item--image-1 > img,
    .store-demo-item--image-2 > img,
    .store-demo-item--image-3 > img {
        width: 190px;
        height: 110px;
    }

    .mobile__store-demo-item {
        width: 95%;
        min-height: 390px;
        padding: 30px;
    }

    .store-demo-item--header {
        width: 95%;
        min-height: 60px;
        margin-bottom: 10px;
        font-size: 24px;
    }

    .store-demo-item--desc {
        width: 95%;
        line-height: 22px;
        margin-bottom: 10px;
    }

    button.store-demo-item--btn {
        width: 140px;
        height: 35px;
        font-size: 13px;
        line-height: 0;
    }

    header,
    .head-slider-item,
    .crm,
    .store-demo,
    .platform,
    .brands,
    .rules-info,
    .separator-row-footer,
    .separator-row,
    .integrations,
    .review,
    .head-slider,
    .header-menu,
    .head-slider-text,
    .head-slider-text--desc,
    .crm-example__desc-text,
    .try-block,
    .accounts,
    .integrations-desc,
    .store-demo-desc,
    .platform-desc,
    .accounts-header-desc,
    footer {
        width: 95%;
    }

    .accounts-header-head {
        font-size: 39px;
    }

    .accounts-header-head,
    .accounts-header-desc {
        height: 100px;
    }

    .head-slider-item {
        margin-top: 70px;
    }

    .brands > img[alt='Audi'],
    .brands > img[alt='RGO'] {
        display: none;
    }

    .rules-info {
        height: 600px;
    }

    .rules-info--image-main > img {
        width: 320px;
    }

    .rules-info--image-left {
        top: 113px;
        left: 10px;
        width: 120px;
        height: 110px;
    }

    .rules-info--image {
        height: 230px;
    }

    #rules-info--image-preview {
        height: 230px;
    }

    .rules-info--image-right {
        top: 103px;
        right: -5px;
        width: 140px;
        height: 120px;
    }

    .rules-info--image-main > .play-btn {
        bottom: 80px;
        width: 60px;
        left: calc(50% - 30px);
    }

    .crm-example__desc-text--header {
        width: 95%;
        font-size: 29px;
    }

    .crm-example__desc-text--desc {
        width: 420px;
        font-size: 14px;
    }

    .publications {
        margin-bottom: 0;
    }

    .crm-example {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .crm-example__desc-image {
        min-height: 95%;
    }

    .crm-example.table-example,
    .crm-example.calc-example,
    .crm-example.report-example,
    .crm-example.access-example {
        height: auto;
    }

    .platform-image {
        margin-bottom: 30px;
    }

    .platform-image > img {
        width: 95%;
        height: 210px;
    }

    .separator-block-75,
    .separator-block-120 {
        display: none;
    }

    .crm-example__desc-image.feature-table {
        height: 320px;
    }

    .crm-example__desc-image {
        min-height: 320px;
        height: 320px;
        order: 2;
    }

    .crm-example__desc-text {
        padding: 30px 0 60px;
        order: 1;
    }

    .crm-example__desc-image.feature-table {
        height: 320px;
        width: 95%;
    }

    .crm-example__desc-image.feature-calc {
        height: 320px;
        width: 95%;
    }

    .crm-example__desc-image.feature-report {
        height: 320px;
        width: 95%;
    }

    .crm-example__desc-image.feature-access {
        height: 320px;
        width: 95%;
    }

    .crm-example__desc-image .bg-img {
        width: 100%;
    }

    .crm-example__desc-image-list-table > img.main-img {
        top: 25px;
        left: 30px;
        width: 370px;
    }

    .crm-example__desc-image-list-table > img.top-img {
        top: -1px;
        left: 15px;
        width: 180px;
    }

    .crm-example__desc-image-list-table > img.bottom-img {
        bottom: 35px;
        left: 15px;
        width: 230px;
    }

    .crm-example__desc-image-list-report > img.bg-img {
        height: auto;
        height: 380px;
        width: 380px;
    }

    .crm-example__desc-image-list-report > img.bottom-img {
        bottom: -548px;
    }

    .crm-example__desc-image-list-calc > img.top-img {
        top: -4px;
        right: -25px;
        width: 95%;
    }

    .crm-example__desc-image-list-calc > img.main-img {
        top: 40px;
        left: 38px;
        width: 390px;
    }

    .crm-example__desc-image-list-calc > img.bottom-img {
        bottom: -46px;
        right: -25px;
        width: 95%;
    }

    .crm-example__desc-image-list-report > img.top-img {
        top: 22px;
        left: -25px;
        width: 150px;
    }

    .crm-example__desc-image-list-report > img.main-img {
        top: 70px;
        left: 0;
        width: 405px;
    }

    .crm-example__desc-image-list-report > img.bottom-img {
        bottom: -80px;
        left: -20px;
        width: 310px;
    }

    .crm-example__desc-image-list-access > img.top-img {
        top: 12px;
        right: -25px;
        width: 290px;
    }

    .crm-example__desc-image-list-access > img.main-img {
        top: 41px;
        left: 25px;
        width: 410px;
    }

    .crm-example__desc-image-list-access > img.bottom-img {
        bottom: -55px;
        right: -25px;
        width: 293px;
    }

    .brands > img[alt='StarTravel'] {
        display: none;
    }

    .integrations-socials {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .integrations-socials .int-slider-dots {
        display: none;
    }

    .integrations-socials>div:first-child>div:last-child {
        display: none;
    }

    .integrations-socials>div:first-child {
        display: inline-flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .social-item-name {
        padding: 15px 0 5px;
    }

    .social-item {
        width: 110px;
        padding: 20px 15px 10px;
        margin: 10px;
    }

    .store-demo-desc {
        height: 150px;
    }

    .try-block .try-block-image {
        display: none;
    }

    .try-block-text--header {
        font-size: 32px;
    }

    .try-block-text--desc {
        height: 90px;
        width: 95%;
    }

    .try-block-text--buttons {
        width: 95%;
    }

    .platform-statistic-item--num {
        font-size: 36px;
    }

    .try-block-text--buttons > a.create-btn,
    .try-block-text--buttons > a.demo-btn {
        width: 160px;
    }

    .platform-statistic-item--desc {
        width: 120px;
        font-size: 13px;
    }

    .platform-statistic-item {
        height: 125px;
        padding: 10px 30px;
    }

    .platform-statistic-item--color-line-2 {
        width: 100px;
    }

    .platform-statistic-item--color-line-3 {
        width: 130px;
    }

    .platform-statistic {
        flex-wrap: wrap;
        height: 270px;
    }

    .store .slider {
        display: none;
    }

    .store .mobile__slider {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .store .mobile__slider .slider-dots {
        margin-top: 30px;
    }






    .main {
        text-align: center;
    }

    .head-slider-text--buttons---mail {
        width: 335px;
        margin-right: 0;
        margin: auto;
        margin-right: 20px;
    }

    .head-slider .head-slider-text--buttons---mail {
        margin-bottom: 21px;
    }

    .head-slider-text--buttons--create {
        width: 335px;
        margin: auto;
    }

    .head-slider-image-1 {
        display: none;
    }

    .head-slider-image-1-hidden {
        background: url("../images/Blob.png") round;
        display: block !important;

        width: 420px;
        height: 290px;

        margin-bottom: 20px;
    }

    .head-slider-image-1-hidden > img {
        width: 420px;
        height: 290px;
    }

    .head-slider-text--header {
        font-size: 32px;

        margin-bottom: 0;
    }

    .head-demo-acc-btn {
        display: block !important;
    }

    .head-slider-text {
        margin-bottom: 0 !important;
    }

    .head-slider-text > .head-slider-text--buttons { 
        margin: auto; 
        margin-top: 32px;
    }

    .head-demo-acc-btn {
        margin: auto;
        display: inline !important;
        border: none !important;

        color: rgba(26, 32, 44, 0.4) !important;
    }

    .head-slider-text--buttons > a.head-demo-acc-btn:hover {
        text-decoration: none;
        background-color: white;
        color: rgba(26, 32, 44, 0.4) !important;
    }

    .head-demo-acc-btn span {
        margin-left: 9px;
    }

    .title_man {
        top: 135px;
        right: 2%;
    }

    .main__news {
        margin: 0;
    }

    .main__news-article-info {
        text-align: left;
        
    }

    .main__news-article {
        padding: 20px 27px;
        border-radius: 15px;
        border: solid 1px #ecf2f6;
        margin-bottom: 24px;
    }

    .int-slider-dots {
        display: block !important;
    }

    .main__news-article--hidden {
        display: none;
    }

    .rules-info {
        margin-top: 0;

        height: 490px;
    }

    .rules {
        margin: 90px 0 0 0;
        min-height: 100%;
    }

    .rules-info--header {
        font-size: 32px;
    }

    .rules-info--image-left {
        display: none;
    }

    .rules-info--image-right {
        display: none;
    }

    .rules-info--image-main > img {
        width: 100%;
        max-width: 400px;
    }

    .rules-info--link {
        margin-bottom: 50px;
    }

    .rules-info--image-main > .play-btn {
        bottom: 101px;
        width: 110px;
        left: calc(50% - 53px);
    }

    .crm-example__desc-text--header {
        font-size: 32px;
    }

    .crm-example__hr {
        margin: 18.5px auto 42px auto;
    }

    .crm-example__desc-text--desc {
        margin: 0 auto 35px auto;
    }

    .crm-example__desc-text--link {
        margin: auto;
    }

    .crm-example__desc-text {
        padding: 30px 0 38px;
    }

    .separator-row {
        margin: 70px auto ;
    }

    .public-header {
        font-size: 32px;
    }

    .publication-item {
        border-radius: 15px;
        border: solid 1px #ecf2f6;
        padding: 30px;
        text-align: left;
    }

    .publication-item--hidden {
        display: none;
    }

    .publications-block {
        margin: 20px auto;
    }

    .text-review {
        font-size: 18px;
        font-family: 'rubik_regular';
        font-style: italic;
        line-height: 1.53;
        margin: 30px 0;
    }

    .review {
        margin-bottom: 40px;
    }

    .review-link {
        margin-bottom: 93px;
    }

    .brands {
        display: block;
        margin: 0 auto 0 50px;
        line-height: 5;
    }

    .brands > img[alt='Audi'], .brands > img[alt='RGO'] {
        display: inline-block !important;
    }

    .brands > img[alt='Audi'] {
        width: 49px;
        height: 49px;
    }

    .brands > img[alt='Flacon'] {
        width: 106px;
        height: 33px;
    }

    .brands > img[alt='NUGABEST'] {
        width: 114px;
        height: 30px;
    }

    .brands > img[alt='RGO'] {
        width: 54px;
        height: 43px;
    }

    .brands > img[alt='StarTravel'] {
        width: 114px;
        height: 33px;
    }

    .brands > img[alt='StarTravel'] {
        display:  inline-block !important;
    }

    .brands-hidden {
        display:  inline-block;
    } 

    .brands-hidden--inner {
        display:  inline-block;
    }

    .brands > img {
        margin-right: 70px;
    }

    .accounts-header-head {
        height: auto;
    }
    
    .accounts-header-desc {
        margin-bottom: 37px;
    }

    .version-box-acc {
        display: block !important;
    }

    .version-rent-acc {
        margin-bottom: 22px !important;
    }

    .version-rent-acc, .version-box-acc {
        height: 100%;
        width: 335px;
    }

    .version-acc--header {
        width: 100%;
    }

    .version-box-acc .version-acc--image {
        margin: 0 auto;
        margin-bottom: 25px;
    }

    button.version-acc--btn-rent, button.version-acc--btn-box {
        margin: 0 auto;
    }

    .versions-slider-dots {
        display: none;
    }

    .store-demo-header {
        margin-bottom: 0;
    }

    .store-demo-desc {
        margin-bottom: 0;
    }

    .store-demo-link {
        margin-bottom: 44px;
    }

    .platform {
        margin: 98px auto 27px auto;
    }

    .try-block-image-hidden {
        display: block;
        padding-right: 32px;
    }

    .try-block-image-hidden img {
        width: 333px;
        height: 168px;
    }

    .try-block {
        height: 100%;
        padding: 55px 20px 20px 20px;
    }

    .try-block-text--desc {
        margin-bottom: 0;
    }

    .try-block-text--buttons {
        display: block;
    }

    .try-block-text--buttons > a.create-btn, .try-block-text--buttons > a.demo-btn {
        margin: 0 auto;

        width: 100%;
        max-width: 335px;
    }

    .try-block-text--buttons > a.create-btn {
        margin-bottom: 22.5px;
    }

    .try-block-text--buttons {
        height: auto;
    }

    .crm-example__desc-image-list-report > img.main-img {
        left: 60px;
    }

    .crm-example__desc-image-list-report > img.bottom-img {
        left: 40px;
    }

    .crm-example__desc-image-list-report > img.top-img {
        left: 35px;
    }

    .crm-example__desc-image-list-table > img.main-img {
        left: 80px;
    }

    .crm-example__desc-image-list-table > img.top-img {
        left: 65px;
    }

    .crm-example__desc-image-list-table > img.bottom-img {
        left: 65px;
    }

    .crm-example__desc-image-list-table > img.bg-img {
        left: 0;
    }

    .crm-example__desc-image-list-calc > img.bg-img {
        left: 0;
    }

    .crm-example__desc-image-list-report > img.bg-img {
        left: 50px;
    }

    .crm-example__desc-image-list-access > img.bg-img {
        left: 0;
    }

    .rules {
        background-size: 1150px;

        background-position: -270px 137px;
    }

    .minwidth {
        width: 1150px !important;
        left: -225px !important;
    }

    .platform-image > img {
        height: 250px;
    }

    .version-box-acc > .version-acc--price {
        width: 100%;
    }

    .version-acc--desc {
        width: 100%;
        margin-bottom: 10px;
    }

    header {
        margin: 0 auto !important;
    }

    .pol-today>p>i {
        font-size: 36px;
    }

    .pol-today>p>span:first-child {
        font-size: 36px !important;
    }
}

@media screen and (max-width: 510px) {
    header,
    .head-slider-item,
    .crm,
    .store-demo,
    .platform,
    .brands,
    .rules-info,
    .separator-row-footer,
    .separator-row,
    .integrations,
    .public,
    .review,
    .head-slider,
    .header-menu,
    .head-slider-text,
    .head-slider-text--desc,
    .crm-example__desc-text,
    .try-block,
    .accounts,
    .integrations-desc,
    .store-demo-desc,
    .platform-desc,
    .accounts-header-desc,
    footer {
        width: 95%;
    }

    .head-slider-text--buttons > a.head-create-acc-btn {
        line-height: 18px;
    }

    .title_man {
        top: 8px;
        right: 10%;
        width: 120px;
    }
    
    .title_man p {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 15px !important;
    }

    .title_man p span {
        font-size: 15px !important;
    }
    
    .title_man em {
        margin-top: 4px;
        margin-bottom: 7px;
        margin-left: 0px;
        font-size: 20px !important;
    }
    
    .title_man>span>span:first-child {
        margin-bottom: -2px;
    }

    .crm-example__desc-text--header,
    .crm-example__desc-text--desc {
        width: 95%;
    }

    .crm-example__desc-image.feature-table,
    .crm-example__desc-image.feature-calc,
    .crm-example__desc-image.feature-report,
    .crm-example__desc-image.feature-access {
        height: 260px;
        width: 95%;
    }

    .crm-example__desc-image-list-table > img.top-img {
        top: 0;
        left: 10px;
        width: 150px;
    }

    .crm-example__desc-image-list-table > img.bottom-img {
        bottom: 35px;
        left: 10px;
        width: 180px;
    }

    .crm-example__desc-image-list-calc > img.top-img {
        top: 0;
        right: -28px;
        width: 231px;
    }

    .crm-example__desc-image-list-calc > img.bottom-img {
        bottom: -25px;
        right: -28px;
        width: 280px;
    }

    .crm-example__desc-image-list-report > img.bottom-img {
        bottom: -59px;
        left: -20px;
        width: 220px;
    }

    .crm-example__desc-image-list-report > img.top-img {
        top: -5px;
        left: -20px;
        width: 140px;
    }

    .crm-example__desc-image-list-table > img.main-img,
    .crm-example__desc-image-list-calc > img.main-img {
        width: 95%;
    }

    .crm-example__desc-image-list-access > img.main-img {
        top: 40px;
        left: 35px;
        width: 95%;
    }

    .crm-example__desc-image-list-access > img.bottom-img {
        bottom: -15px;
        right: -17px;
        width: 210px;
    }

    .crm-example__desc-image-list-access > img.top-img {
        top: 17px;
        right: -17px;
        width: 210px;
    }

    .crm-example__desc-image-list-report > img.main-img {
        top: 60px;
        width: 95%;
    }

    .crm-example__desc-image {
        min-height: 260px;
    }

    .platform-image > img {
        width: 95%;
        height: 160px;
    }

    .review {
        margin: 50px 0;
    }

    .head-slider-text--header {
        height: auto;
        font-size: 30px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    .head-slider-text--desc {
        height: auto;
        font-size: 14px;
        margin-bottom: 40px;
    }

    .head-slider-text--buttons {
        width: 98%;
    }

    .head-slider-text--buttons > a.head-demo-acc-btn,
    .head-slider-text--buttons > a.head-create-acc-btn {
        width: 48%;
        height: 45px;
        font-size: 14px;
    }

    .head-slider-image-1 > img,
    .head-slider-image-2 > img,
    .head-slider-image-3 > img,
    .head-slider-image-4 > img,
    .head-slider-image-1,
    .head-slider-image-2,
    .head-slider-image-3,
    .head-slider-image-4 {
        width: 95%;
        height: 100%;
    }

    #info_block {
        width: 320px;
    }

    /* .main__news-article {
        width: 95%;
    }

    .main__news-article-info {
        width: 190px;
    }

    .main__news-article-info--head {
        font-size: 16px;
    }

    .main__news-article-img {
        width: 70px;
        height: 60px;
    }

    .main__news-article-info--type {
        margin-right: 10px;
    }

    .main__news-article-info--subinfo {
        font-size: 13px;
    } */

    .main__news {
        margin-bottom: 10px;
    }

    .public {
        margin: 0 auto;
    }

    .public-header {
        font-size: 32px;
    }

    .publication-item {
        width: 95%;
        padding: 20px;
    }

    .publication-item-info {
        width: 95%;
    }

    .publication-description {
        font-size: 16px;
    }

    .rules-info--image-main > img {
        width: 230px;
    }

    .rules-info--image-right {
       
        right: 20px;
        width: 100px;
        height: 100px;
    }

    .rules-info--image-left {
        
        left: 20px;
        width: 100px;
        height: 100px;
    }

    .rules-info--image-main > .play-btn {
        bottom: 65px;
        width: 40px;
        left: calc(50% - 20px);
    }

    .reviews {
        background-repeat: no-repeat;
        background-position: bottom;
    }

    .brands {
        flex-direction: column;
        justify-content: center;
        height: auto;
    }

    .brands > img[alt="Flacon"] {
        display: none;
    }

    .versions {
        padding-top: 20px;
    }

    .version-acc--header {
        width: 95%;
        font-size: 18px;
    }

    .crm-example__desc-image-list-table,
    .crm-example__desc-image-list-calc,
    .crm-example__desc-image-list-report,
    .crm-example__desc-image-list-access,
    .version-acc--desc {
        width: 95%;
    }

    .crm-example__desc-image-list-report > img.bg-img {
        height: auto;
        height: 330px;
        width: 350px;
    }

    .version-rent-acc, .version-box-acc {
        width: 95%;
        height: 560px;
    }

    .version-box-acc > .version-acc--price,
    .version-rent-acc > .version-acc--price {
        width: 240px;
        margin-top: 45px;
    }

    .accounts-header-desc {
        margin-bottom: 30px;
    }

    .store {
        background-repeat: no-repeat;
    }

    .integrations-desc {
        height: auto;
    }

    .integrations {
        height: 750px;
        margin-bottom: 80px;
    }

    .try-block {
        height: 400px;
    }

    .try-block-text {
        width: 95%;
    }

    .try-block-text--header {
        height: 90px;
        text-align: center;
    }

    .try-block-text--buttons {
        flex-direction: column;
        width: 95%;
        height: 120px;
    }

    .platform-statistic-item {
        padding: 20px 10px;
    }

    .try-block-text--buttons > a.create-btn,
    .try-block-text--buttons > a.demo-btn {
        width: 160px;
        margin-bottom: 5px;
    }


    .store-demo-header {
        height: 90px;
        font-size: 30px;
    }

    .platform-header {
        height: 90px;
        font-size: 32px;
    }

    .mobile__app-ios {
        margin-right: 28px;
    }






    .rules-info--image-main > img {
        width: inherit;
    }

    .rules-info--image-main > .play-btn {
        bottom: 96px;
        width: 110px;
        left: calc(50% - 54px);
    }

    .crm-example__desc-text--header {
        width: 100%;
    }

    .crm-example__hr {
        margin: 24px auto 33px auto;
    }

    .version-rent-acc, .version-box-acc {
        width: 335px;
        height: 100%;
    }

    .integrations {
        margin-bottom: 0;
    }

    .store {
        padding: 0;

        min-height: 740px;
    }

    .integrations {
        height: 700px;
    }

    .store-demo-header {
        height: 60px;
    }

    .brands > img[alt="Flacon"] {
        display: inline-block;
    }

    .brands > img {
        margin-right: 50px;
    }

    button.version-acc--btn-rent, button.version-acc--btn-box {
        width: 264px;
    }

    .try-block {
        height: 100%;
    }

    .try-block-text--buttons > a.create-btn, .try-block-text--buttons > a.demo-btn {
        width: 335px;
        margin-bottom: 20px;
    }




    .main__news-article {
        width: 335px;
        height: 130px;
        align-items: center;
    }

    .main__news-article-img img {
        height: initial;
    }

    .main__news-article-info--head {
        font-size: 18px;
    }

    .crm-example__desc-image-list-report > img.top-img {
        left: 20px;
    }

    .crm-example__desc-image-list-report > img.bottom-img {
        left: 20px;
    }

    .versions {
        width: 98%;
        max-width: 450px;
    }

    .try-block {
        padding: 55px 20px 40px 20px;
    }

    .head-slider-image-1-hidden {
        width: 335px;
        height: 220px;
    }

    .head-slider-image-1-hidden > img {
        width: 335px;
        height: 220px;
    }

    .title_man {
        width: 100px;
        height: 83px;

        top: 120px;
        right: 70px;
    }

    .title_man>span {
        font-size: 7px !important;
    }

    .title_man p {
        font-size: 12px !important;
        margin-top: 3px;
    }

    .title_man em {
        margin-top: 0;
        margin-bottom: 0;
    }

    .platform-image > img {
        width: 100%;
        max-width: 400px;
        height: 200px;
    }
}
@media screen and (max-width: 500px) {
    .title_man {
        top: 8px;
        right: 11%;
        width: 108px;
    }
    .title_man p span {
        font-size: 15px !important;
    }
    
    .title_man em {
        margin-top: 4px;
        margin-bottom: 2px;
        margin-left: 0px;
        font-size: 20px !important;
    }  
    
    .versions {
        padding-top: 20px;
        width: 380px;
        padding: 20px;
    }

    .brands > img {
        margin-right: 40px;
    }

    .reviews {
        padding-bottom: 0;
    }

    .title_man {
        top: 120px;;
    }
}
@media screen and (max-width: 440px) {
    .title_man {
        top: 8px;
        right: 11%;
        width: 100px;
    }
    
    .title_man em {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        font-size: 20px !important;
    }  


    .version-box-acc > .version-acc--price, .version-rent-acc > .version-acc--price {
        width: 100%;
    }

    .version-acc--header {
        width: 100%;
    }

    .version-acc--desc {
        width: 100%;
    }

    .integrations-link {
        margin-bottom: 50px;
    }

    .rules-info--image-main {
        bottom: -100px;
    }

    .rules-info--link {
        margin-bottom: 18px;
    }

    .title_man {
        top: 120px;
        right: 6%;
    }

}
@media screen and (max-width: 420px) {
    .title_man {
        top: 4px;
        right: 10%;
        width: 100px;
    }
    
    .title_man p {
        font-size: 13px !important;
    }
    .title_man p span {
        font-size: 13px !important;
    }
    
    .title_man em {
        margin-top: 4px;
        margin-bottom: 4px;
        margin-left: 0px;
        font-size: 16px !important;
    }
    
    .title_man>span{
        font-size: 8px !important;
    }  
    
    .title_man {
        top: 120px;
        right: 6%;
    } 

    .try-block-text--buttons > a.create-btn, .try-block-text--buttons > a.demo-btn {
        width: 100%;
    }

    .brands > img {
        margin-right: 30px;
    }
}
@media screen and (max-width: 390px) {
    input[placeholder] {
        font-size: 10px;
        text-overflow:ellipsis;
    }
    .title_man {
        top: 8px;
        right: 11%;
        width: 87px;
    }
    
    .title_man p {
        font-size: 10px !important;
    }
    .title_man p span {
        font-size: 10px !important;
    }
    
    .title_man em {
        margin-top: 4px;
        margin-bottom: 0px;
        margin-left: 0px;
        font-size: 16px !important;
    }
    
    .title_man>span{
        font-size: 8px !important;
    }    
    .crm-example__desc-image-list-report > img.bg-img {
        height: 300px;
        width: 320px;
    }

    .versions {
        width: 300px;
    }

    .head-slider .head-slider-text--buttons---mail {
         width: 100%; 
    }

    .head-slider-text--buttons--create {
        width: 100%;
    }

    .brands {
        margin-left: 20px !important;
    }

    .brands > img {
        margin-right: 20px;
    }

    .version-rent-acc, .version-box-acc {
        width: 100%;
    }

    button.version-acc--btn-rent, button.version-acc--btn-box {
        width: 100%;
    }

    .title_man {
        top: 120px;
        right: 7%;
    }
}
@media screen and (max-width: 360px) {
    .title_man {
        width: 75px;
        top: 3%;
        right: 11%;
    }
    
    .title_man p {
        font-size: 10px !important;
    }
    
    .title_man em {
        margin-top: 0px;
        margin-bottom: 2px;
        margin-left: 0px;
        font-size: 15px !important;
    }
    
    .title_man>span{
        font-size: 8px !important;
    }  
    
    .title_man {
        top: 120px;
        right: 6%;
    }

    .rules-info--image-main > img {
        width: 300px;
    }

    .rules-info--image-main > .play-btn {
        bottom: 78px;
        width: 80px;
        left: calc(50% - 38px);
    }

    .try-block-text--desc {
        margin-bottom: 30px;
    }

    .main__news-article {
        width: 100%; 
    }

    .brands > img {
        margin-right: 10px;
    }

    .integrations-socials>div:first-child {
        width: 100% !important;
    }

    .store-demo-header {
        height: 80px;
    }
}
@media screen and (max-width: 320px) {
    .title_man {
        width: 68px;
        top: 3%;
        right: 10%;
    }
    
    .title_man em {
        margin-top: -3px;
        margin-bottom: -5px;
        margin-left: 0px;
        font-size: 15px !important;
    }   

    .crm-example__desc-image-list-report > img.bg-img {
        height: 300px;
        width: 328px;
    }

    .versions {
        width: 275px;
    }

    .version-acc--desc {
        font-size: 11px;
    }

    .head-slider-image-1-hidden > img {
        width: 235px;
        height: 160px;
    }

    .head-slider-image-1-hidden {
        width: 235px;
        height: 160px;
    }

    .title_man {
        top: 98px;
        right: 7%;
    }

    .title_man em {
        margin-bottom: 2px;
    }

    .main__news-article-info--head {
        font-size: 16px;
    }

    .main__news-article {
        padding: 10px;
    }

    .brands {
        margin-left: 0;
    }

    .brands > img {
        margin-right: 0;
    }

    .version-acc--image {
        width: 100%;
    }

    .version-acc--image img {
        width: 100%;
    }

    .brands > img[alt='NUGABEST'] {
        width: 108px;
    }

}
@media screen and (max-width: 290px) {
    .rules-info--header {
        font-size: 30px;
    }

    .versions {
        width: 240px;
    }

    button.version-acc--btn-rent, button.version-acc--btn-box {
        width: 160px;
    }

    .version-rent-acc, .version-box-acc {
        padding: 0;
    }

    .price-num {
        font-size: 24px;
    }

    .version-acc--price .rub {
        font-size: 24px !important;
    }

    .try-block {
        margin-top: 100px;
    }
    
    .news {
        width: 80%;
    }

    .crm-example__desc-image-list-report > img.bg-img {
        width: 260px;
        height: 260px;
    }

    .main__news-article-img img {
        height: 80%;
        margin-left: 0;
    }
}
@media screen and (max-width: 260px) {
    .title_man {
        width: 61px;
        top: 3%;
        right: 9%;
    }
    .title_man p {
        font-size: 9px !important;
    }
    .title_man p span {
        font-size: 9px !important;
    }
    .title_man em {
        margin-top: -3px;
        margin-bottom: -4px;
        margin-left: 0px;
        font-size: 13px !important;
    }
    .profile > .profile-name {
        font-size: 14px;
    }
}