/*@import 'fonts.css' all;*/



@font-face {

	font-family: ubunturegular;

	src: url(../fonts/ubuntu-r-webfont.eot);

	src: url(../fonts/ubuntu-r-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/ubuntu-r-webfont.woff2) format("woff2"), url(../fonts/ubuntu-r-webfont.woff) format("woff"), url(../fonts/ubuntu-r-webfont.ttf) format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: ubuntulight;

	src: url(../fonts/ubuntu-l-webfont.eot);

	src: url(../fonts/ubuntu-l-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/ubuntu-l-webfont.woff2) format("woff2"), url(../fonts/ubuntu-l-webfont.ttf) format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: ubuntulight_italic;

	src: url(../fonts/ubuntu-li-webfont.eot);

	src: url(../fonts/ubuntu-li-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/ubuntu-li-webfont.woff2) format("woff2"), url(../fonts/ubuntu-li-webfont.woff) format("woff"), url(../fonts/ubuntu-li-webfont.ttf) format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: blogger_sansbold;

	src: url(../fonts/blogger_sans-bold-webfont.eot);

	src: url(../fonts/blogger_sans-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/blogger_sans-bold-webfont.woff2) format("woff2"), url(../fonts/blogger_sans-bold-webfont.woff) format("woff"), url(../fonts/blogger_sans-bold-webfont.ttf) format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: blogger_sansmedium;

	src: url(../fonts/blogger_sans-medium-webfont.eot);

	src: url(../fonts/blogger_sans-medium-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/blogger_sans-medium-webfont.woff2) format("woff2"), url(../fonts/blogger_sans-medium-webfont.woff) format("woff"), url(../fonts/blogger_sans-medium-webfont.ttf) format("truetype");

	font-weight: 400;

	font-style: normal;

}



@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: blogger_sanslight;

	src: url(../fonts/blogger_sans-light-webfont.eot);

	src: url(../fonts/blogger_sans-light-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/blogger_sans-light-webfont.woff2) format("woff2"), url(../fonts/blogger_sans-light-webfont.woff) format("woff"), url(../fonts/blogger_sans-light-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;

}



@font-face {

	font-family: als_rublregular;

	src: url(../fonts/rouble-webfont.eot);

	src: url(../fonts/rouble-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/rouble-webfont.woff2) format("woff2"), url(../fonts/rouble-webfont.woff) format("woff"), url(../fonts/rouble-webfont.ttf) format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: blogger_sansitalic;

	src: url(../fonts/blogger_sans-italic-webfont.eot);

	src: url(../fonts/blogger_sans-italic-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/blogger_sans-italic-webfont.woff2) format("woff2"), url(../fonts/blogger_sans-italic-webfont.woff) format("woff"), url(../fonts/blogger_sans-italic-webfont.ttf) format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: rubik_light;

	src: url(../fonts/Rubik-Light.ttf) format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: rubik_regular;

	src: url(../fonts/Rubik-Regular.ttf) format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: rubik_mediu1m;

	src: url(../fonts/Rubik-Medium.ttf) format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: rubik_bold;

	src: url(../fonts/Rubik-Bold.ttf) format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: "rouble";

	src: url("../fonts/rouble.otf") format("opentype");

}









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"); */

}



/* 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: stretch;

    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%;

    left: 0px;

}



.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(6) .social-item-img {

    position: relative;

}

.integrations-socials__inner > .social-item:nth-child(6) .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,

.integrations-socials__inner > .social-item:nth-child(3) .social-item-img--black,

.integrations-socials__inner > .social-item:nth-child(6) .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.phone-form {

    display: flex;

    align-items: center;

    gap: 19px;

}

.head-slider-text--buttons.phone-form img[src="#"] {

    width: 0;

    height: 0;

    opacity: 0;

}

.phone-form__input-wrapper {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 0;

    padding: 15px 0 15px 0;

    position: relative;

}

.phone-form__submit {

    margin: 15px 0 15px 0;

}

.phone-form__error {

    position: absolute;

    bottom: 0;

    font-size: 12px;

    line-height: 15px;

    height: 15px;

    color: red;

}

.phone-form__input {

    position: absolute;

    opacity: 0;

    pointer-events: none;

}

.phone-form__text {

    font-family: open_sanssemibold, serif;

    font-size: 18px;

    padding: 0 4px 1px 0;

    color: #000;

}

.phone-form__text:empty::placeholder {

    font-family: open_sanssemibold, serif;

    font-size: 18px;

    color: #1a202c99;

}

.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: 4px;

    width: 100%;

    font-family: open_sanssemibold, serif !important;

    /*font-size: 20px !important;*/

    color: rgba(26, 32, 44, 0.6);



    padding-bottom: 1px;

    font-size: 18px !important;

}



.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-family: open_sanssemibold, serif !important;

    font-size: 1rem !important;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    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: 25px;

    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: max-content;

}



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,

.head-slider-text h1 {

    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; /*git*/

    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,

    .head-slider-text h1 {

        min-height: 170px;

        font-size: 36px;

        line-height: 54px;

    }



    .head-slider-text--buttons {

        /*width: 390px;*/

        width: 100%;

    }



    .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;

    }

    .platform-statistic-item--color-line-2 {

        min-height: 3px;

    }

    .platform-statistic-item--color-line-3 {

        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,

    .head-slider-text h1 {

        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,

    .head-slider-text h1 

    {

        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,

    .head-slider-text h1 {

        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%;

    }



    /*#fix_banner {

        padding: 40px 0 12px;

    }

    #fix_banner .fix_banner .fix_banner_close_btn {

        top: -16px;

    }*/

    #fix_banner .fix_banner {

        padding: 0px 20px 0 10px;

    }

    .head-slider-text--buttons---mail {

        min-width: 200px !important;

        margin-right: 8px;

    }

    .head-slider-text--buttons---mail .order-form__inner-input--select {

        width: 55px !important;

        font-size: 16px !important;

    }

    .head-slider-text--buttons---mail > input {

        /*margin-left: 6px;*/

    }

    .head-slider-text--buttons---mail > input::placeholder {

        font-size: 14px;

    }

    .head-slider-text--buttons--create {

        font-size: 13px !important;

    }



}

@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;

    }

    .confirmation-sms__wrapper-code input[placeholder] {

        font-size: 1.5em;

    }

    .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;

    }

}





/*Swiper*/

.store-demo-slider-wrapper {

    position: relative;

    width: 100%;

    max-width: 1038px;

    height: 552px;

}

.store-demo-slider {

    height: 100%;

    overflow: hidden;

    padding: 0px 14px;

}

.store-demo-slider .swiper-slide {

    padding-top: 20px;

}

.store-demo-slider .store-demo-item {

    margin: 0;

    width: 100%;

    max-width: unset;

}

.store-demo-slider .store-demo-item--image {

    width: 100%;

}

.store-demo-slider .store-demo-item--image img {

    max-height: 145px;

    width: 100%;

    object-fit: contain;

    object-position: center;

}

.store-demo-slider .store-demo-item--desc {

    /*height: initial;*/

}

.store-demo-slider .store-demo-item--btn {

    margin-top: auto;

}



.store-demo-slider .swiper-pagination {

    display: flex;

    justify-content: space-between;

    bottom: -20px;

    width: 80%;

    left: 50%;

    transform: translateX(-50%);

    max-width: 420px;

}

.store-demo-slider .swiper-pagination-bullet{

    width: 10px;

    height: 10px;

}

.store-demo-slider .swiper-pagination-bullet-active{

    background-color: #E63756;

}



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

    .store-demo-slider .store-demo-item--desc {

        font-size: 14px;

    }

}





@media (min-width: 920px) {

    #gid_menu .menu ul {

        margin-left: 20px;

    }

}

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

    #gid_menu .menu ul {

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    

}



.kanban-content__inner .counter_first#count-number {

    color: #e63756;

    font-size: 24px;

}





/*� ЎС‚� °С‚СЊ� ё � ±� »� ѕ� і� °*/



.blog-article .header-info {

    padding: 80px 0 60px 0;

  }

  

.blog-article .header-info__inner h1{

    font-size: 44px;

    font-style: normal;

    line-height: normal;

    max-width: 700px;

    text-align: left;

}

  

.blog-article .main{

    max-width: 760px;

    margin: 0 auto;

}



.blog-article .container-article .content h1, .blog-article .container-article .content h2{

    font-size: 31px;

    font-style: normal;

    font-weight: 500;

    line-height: 160%;

    margin-top: 50px;

}

  

.blog-article .container-article .content h1{

    margin-top: 0;

}



.blog-article .content li::before {

    background: #E63756;

}



.blog-article .container-article .content p, .blog-article .container-article .content li{

    color: #1A202C;

    font-family: Rubik;

    font-size: 18px;

    line-height: 160%;

    margin-bottom: 30px;

}



.blog-article .content ul li {

    padding-left: 28px !important;

}



.blog-article .content ul li::before {

    left: 0;

}



.blog-article .container-article__main blockquote{

    position: relative;

    padding: 20px 30px;

    border-radius: 10px;

    background: #FFF8E2;

    font-family: Rubik;

    font-size: 22px;

    font-style: normal;

    font-weight: 500;

    line-height: 160%;

}



.blog-article .container-article__main blockquote span {

    position: absolute;

    top: 0;

    left: 0;

    width: 4px;

    height: 100%;

    background: transparent;

    overflow: hidden;

}



/* � §С‚� ѕ� ±С‹ СЃ� ґ� µ� »� °С‚СЊ СЂ� µ� ·� є� ё� № Сѓ� і� ѕ� » */

.blog-article .container-article__main blockquote span::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 20px; 

    height: 100%;

    background: #FFB402;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

}



.blog-article #gid_menu .menu ul{

    margin-left: 0;

    }



.blog-article .header-info__subtitle{

    max-width: 700px;

    display: flex;

    gap: 10px;

    margin: 0 auto;

    padding-top: 15px;

    color: #4A5568;

    font-size: 16px;

    font-style: normal;

    font-weight: 300;

    line-height: 170%;

}



.blog-article .header-info__category{

    border-radius: 47px;

    border: 1px solid #E9E9E9;

    background: #F5F5F5;

    padding: 10px;

}



@media (min-width: 920px) {

    .blog-article #gid_menu {

        height: 19px !important;

        top: -40px;

    }

}



@media (max-width: 640px) {

    .blog-article .container-article .content p, .blog-article .container-article .content h1, .blog-article .container-article .content h2 {

    text-align: center;

    }



    .blog-article .header-info__inner h1 {

    font-size: 40px;

    text-align: center;

    }



    .exitblock{

        opacity: 0;

    }

}

._red {

    color: #ff0000 !important;

}

/* in page as /options/develop_account */
.functions-adv {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
}
.functions-adv__item {
    margin: 64px 0 0;
    display: flex;
    flex-direction: column;
    flex: 1 0 45%;
    gap: 20px;
}  
.functions-adv__title-number {
  color: #e63756;
}
.functions-adv__title {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #1a202c;
  margin-bottom: 24px;
  margin-top: 0;
  align-self: flex-start;
}

.functions-adv__image {
  width: 100%;
  display: block;
}

.functions-adv__description_default {
    margin: 0;
    color: #4a5568;
}

.functions-adv__image-wrapper {}

@media (max-width: 940px) {
  .functions-adv__title {
    align-self: flex-start;
    text-align: center;
  }

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

  .functions-adv__image-wrapper {}
}
@media (max-width: 768px) {
  .functions-adv__title {
      line-height: 25px;
      font-size: 18px;
  }

  .functions-adv__description {
    line-height: 19px;
    font-size: 14px;
  }
}