html, body {
    background: #FFFFFF;
}
* {
    margin: 0;
    padding: 0;
}

html *, body * {
    font-family: 'Readex Pro', sans-serif;
}

body {
}

#wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: auto;
}

.site {
    flex: 0 0 auto;
    width: 100%;
}

.site__header,
.site__main,
.site__footer {

}

.header, .main, .footer {
    text-align: left;
}

.block-templates {
    padding-top: 96px;
}
.block-templates_margin {
    margin-top: 96px;
}

.block-templates_tos {
    margin-top: 64px;
}

.block-templates_without-padding,
.block-templates:first-child {
    padding-top: 0;
}

.block-templates__first_top {
    width: 40%;
    margin-top: 60px;
}
.block-templates__first_bottom {
    width: 40%;
}

.block-templates__first_bottom {
    width: 40%;
}
.block-templates_ca-title {
    padding-top: 60px;
}


.container {
    width: 1216px;
    margin: 0 auto;
}

.container_contact-us {
    max-width: 912px;
}
.container_contact-us_header {
    max-width: 592px;
}
.container_contact-us_help {
    max-width: 800px;
}
.container_contact-us_faq {
    max-width: 1008px;
}



.container_about-as {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}


.header {
    height: 96px;
    padding: 0;
}

.header__logo {
    float: left;

}

.header__menu {
    display: inline-block;
    width: calc(100% - 166px);
    margin: 24px 0;
}




.logo {
    display: inline-block;
    position: relative;
    width: 166px;
    height: 32px;
    margin: 32px 0 0 0;
    float: left;
}
.footer .logo {
    margin: 0;
}

.menu {
    /*float: left;
    margin-left: 93px;*/
}

.menu__panel {
    display: inline-block;
    margin-left: 150px;
    margin-top: 12px;
    width: 556px;
}
.sing__panel {
    display: inline-block;
    /*margin-left: 95px;*/
    width: 228px;
    float: right;
}

.menu__burger {
    display: none;
}

.menu__element {
    display: inline-block;
    margin-left: 40px;
    line-height: 24px;
    cursor: pointer;
}

.menu__element:first-child {
    margin-left: 0;
}

.menu__element_has-child > .icon {
    content: ' ';
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    margin-bottom: -3px;
}

.menu__element_open > .icon {
    background: url(../img/menu-arrow-up.svg) center center no-repeat;
}

.menu__element_close > .icon {
    background: url(../img/menu-arrow-down.svg) center center no-repeat;
}

.menu__submenu {
    /*display: block;*/
    /*position: absolute;*/
    margin-top: 16px;



    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0 0 0;

    position: absolute;
    width: fit-content;
    height: fit-content;

    background: #FFFFFF;

    border: 1px solid #D8D5DA;
    box-shadow: 0px 2px 10px rgba(56, 53, 58, 0.1);
    border-radius: 16px;
    z-index: 100;
}

.menu__element > a,
.sign-up__element > a {
    font-weight: 400;
    font-size: 16px;
    color: #2C1E39;
    text-decoration: none;
    line-height: 24px;
}

.menu__element:hover > a{
    color: #E16036;
}
.menu__element:hover > .icon{
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}


.menu__element_sub {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 22px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 2px;
    border-radius: 4px;
    cursor: pointer;
}

.menu__element_sub:hover {
    background: #FBFAFC;
}

.menu__element_sub:active {
    background: #EFEDF2;
}

.menu__element_sub > a {
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #594C65;
    text-decoration: none;
}
.menu__element_sub:hover > a,
.menu__element_sub:active > a,
.menu__element_sub > a:hover,
.menu__element_sub > a:active {color: #E16036;}

.menu__element_sub > a.button, .menu__element_sub > a.button:hover, .menu__element_sub > a.active, .menu__element_sub:hover a.bottom {
    color:#fff;
    font-size: 14px;
}

.menu__element_sub:active .icon-menu,
.menu__element_sub:hover .icon-menu {
    filter:invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}


.menu_active {
    background: #2C1E39;
    border-radius: 24px;
    padding: 12px 32px;
    cursor: pointer;
    color: #FFFFFF;
    text-decoration:none;
}

.menu_active:hover {
    background: #E16036;
}
.menu_active:active > a {
    color: #F3AB93;
}

.menu_active > a,
.menu_active:hover > a {
    color: #FFFFFF;
}


.site {
    flex: 0 0 auto;
    width: 100%;
}

.site__header {
}


.logo__link {
    user-select: none;
    outline: none;
}

.logo__image {
    width: 166px;
    height: 32px;
    background: url(../img/logo-black.svg) left top no-repeat;
    position: relative;
}
/*
.logo__image::after {
    position: absolute;
    content: "";
    width: 33px;
    height: 13px;
    top: 0px;
    left: 174px;
    background: url(../img/logo-beta.svg) left top no-repeat;
}
*/

.site_main {
}

.main {
}

.main__v-block {
    display: block;
    height: content-box;
    margin: 86px 0 10px 0;
}

.main__v-block:after,
.main__v-block:before {
    display: table;
    content: " "
}

.main__h-block {
    float: left;
    display: inline-block;
}

.head {
    font-style: normal;
    font-weight: 500;
    font-size: 42px;
    line-height: 56px;
    letter-spacing: 0.4px;
    color: #2C1E39;
    margin-bottom: 32px;
}

.head-first {
}

.head__underline {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-image: url(../img/underline-yellow_1.svg);
    padding-bottom: 3px;
    margin-bottom: -10px;
}

.head__underline_orange {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-image: url(../img/underline-orange_2.svg);
    padding-bottom: 10px;
}

.head__underline_orange-1 {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-image: url(../img/underline-orange_1.svg);
    padding-bottom: 10px;
}

.head__underline_violet {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-image: url(../img/underline-vialet_1.svg);
    padding-bottom: 5px;
}

.head_cu {
    margin-bottom: 16px;
}

.head_why_build{
    margin-bottom: 72px;
}

.paragraph {
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
    color: #594C65;
}

.paragraph__strong {
    font-weight: 700;
}

.paragraph_white {
    color: #D8D5DA;
}

.paragraph_margin-600-max {
    max-width: 600px;
    margin: 0 auto;
}
.paragraph_contact-us {
    font-style: normal;
    font-weight: 300;
    font-size: 14px!important;
    line-height: 20px!important;
    text-align: center;
    color: #2C1E39!important;
}

.button {
    background: #63418C;
    border-radius: 3px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    padding: 16px 40px;
    width: max-content;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border: none;
    display: inline-block;
    text-decoration: none;
}
.button:hover {
    background: #E16036;
}
.button:active {
    background: #E16036;
    color: #F3AB93;
}

.button:disabled {
    background: #EFEDF2;
}

.button__rounded {
    border-radius: calc(100vh / 2);
}
.button__small {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 24px;
}
.button__large {

}

.button__background_orange {
    background: #F16031;
}
.button__background_orange:hover {
    background: #E16036;
}

.button__background_orange:active {
    background: #E16036;
    color: #F3AB93;
}

.button__background_orange:disabled {
    background: #F3AB93;
}

.button_menu {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FBFAFC;

    background: #2C1E39;
    padding: 10px 24px;
    width: 100%;
}
.paragraph__inline {
    display: inline-block;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
}

.icon {
    display: inline-block;
}

.icon__star {
    background: url(../img/icon-star.svg) center center no-repeat;
    width: 24px;
    height: 24px;
    margin-left: 8px;
}

.paragraph__color_violet {
    color: #63418C;
}

.image {
    display: inline-block;
}

.image__free-banner {
    background-image: url(../img/top-image-double-compressed.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 696px 616px;
    /*background-size: ;*/
    width: 696px;
    height: 616px;
    /*float: right;*/
}

.image__free-banner_height {
    height: 616px;
}

.image__caption {
    display: block;
    /* background-color: #EBE35E; */
    width: fit-content;
    height: fit-content;
    padding: 10px 15px;
    position: relative;
    margin: 370px auto auto 30px;
    /* transform: rotate(4deg); */
    text-align: center;
    vertical-align: middle;
    background: url(/includes/site/img/advice-and-tips.png) no-repeat;
    width: 199px;
    height: 98px;
    background-size: contain;
}

.image__caption span{

    display: block;
    font-family: 'Gaegu', cursive;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    vertical-align: center;
    letter-spacing: -1.7px;
    text-transform: uppercase;

    /* Neutral/900 */
    color: #2C1E39;
}

.list {

    position: relative;
    margin: -325px 0px auto auto;

    display: block;
    width: fit-content;
    height: fit-content;
    background-color: #FFFFFF;
    border: 1px solid #9C7FBE;
    -webkit-box-shadow: 4px 4px 0px 0px #9C7FBE;
    box-shadow: 4px 4px 0px 0px #9C7FBE;
    padding: 30px 22px;
}
.list__item {
    list-style: none;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #594C65;
    margin-bottom: 10px;
}
.list__item:before {
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/list_check_inactive.svg) center bottom no-repeat;
    margin-bottom: -5px;
    margin-right: 8px;
}
.list__separator {
    list-style: none;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
}

.list__separator:before {
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url(../img/list-vertical-doted.svg) center bottom no-repeat;
    margin-bottom: -4px;
    margin-right: 8px;
}

.list__item_done:before {
    background: url(../img/list_check_active.svg) center bottom no-repeat;
}


.image__manager {
    background-image: url(../img/manager-compressed.png);
    background-position:top right;
    background-repeat: no-repeat;
    background-size: 592px auto;
    width: 592px;
    height: 648px;
    position: relative;
}

.image__manager_height {
    width: 50%;
    height: 648px;
}
.manager_text_top {
    width: calc(50% - 100px);
    margin-top: 120px;
    padding-left: 100px;
}

.caption {
    display: block;
    background-color: transparent;
    width: fit-content;
    height: fit-content;
    padding: 10px 15px;

    position: relative;
    margin: 200px 30px auto auto;
    text-align: center;
    vertical-align: middle;
    transform: rotate(13.65deg);
}

.caption_manager span{
    display: block;
    font-family: 'Gaegu', cursive;
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 33px;
    letter-spacing: -1.7px;
    color: #2C1E39;
    text-transform: none;
}



.head_second {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.3px;
    color: #2C1E39;
}

.head_white {
    color: #FBFAFC;
}

.head_center,
.paragraph_center {
    align-content: center;
    align-items: center;
    text-align: center;
}

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    grid-gap: 30px;
    max-width: 1216px;
    margin: 0 auto 30px;
}

.grid_its-easy {
    grid-template-columns: repeat(3, 1fr);
}

.footer .grid__footer .grid__item {
    display: inline-block;
    width: 280px;
}


.icon-hr-pros {
    background: url(../img/icon-hr-props.svg) center center no-repeat;
}

.icon-hr-ai {
    background: url(../img/icon-hr-ai.svg) center center no-repeat;
}

.icon-hr-ats {
    background: url(../img/icon-hr-ats.svg) center center no-repeat;
}

.icon-hr-modern {
    background: url(../img/icon-hr-modern.svg) center center no-repeat;
}

.icon-hr-slip-ups {
    background: url(../img/icon-hr-slip-ups.svg) center center no-repeat;
}

.icon-hr-export {
    background: url(../img/icon-hr-export.svg) center center no-repeat;
}

.icon-menu {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 12px;
}

.icon-menu-groups {
    background-image: url(../img/icon-groups-menu.svg);
}

.icon-menu-settings {
    background-image: url(../img/icon-settings-menu.svg);
}

.icon-menu-copy {
    background-image: url(../img/icon-copy-menu.svg);
}

.icon-menu-help {
    background-image: url(../img/icon-help-menu.svg);
}


.topic {
    display: block;

}

.topic__icon {
    float: left;
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 0 24px 0 0;
}

.topic__left {
    float: left;
    display: inline-block;
    width: calc(100% - 88px);
}

.easy__head,
.topic__head {
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #2C1E39;
    margin: 16px 0;
}

.easy__text,
.topic__text {
    display: block;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #594C65;
}

.main__row {
}

.head_second {
}

.carousel {
}

.carousel__button {
}

.carousel__button-left {
}

.carousel__button-right {
}

.carousel__list {
}

.carousel__item {
}

.image__resume {
}

.button__background_neutral {
    background: #2C1E39;
}

.image__resume_john-adamson {
    background: url(../img/resume-john-adamson.png) center top no-repeat;
}

.image__resume_mary-smith {
    background: url(../img/resume-mary-smith.png) center top no-repeat;
}

.image__resume_stephanie-jones {
    background: url(../img/resume-stephanie-jones.png) center top no-repeat;
}

.image__resume_marilyn-monroe {
}

.image__example {
    margin-left: 70px;
}

.image_example_john-adamson {
    background-image: url(../img/1.png);
    background-size: 546px auto;
    background-repeat: no-repeat;
    background-position: center top;
    width: 546px;/*427*/
    height: 532px; /*366*/
    position: relative;
}

.image_bordered {
    background-color: #FFFFFF;
    border: 1px solid #9C7FBE;
    border-bottom: none;
    -webkit-box-shadow: 4px 0px 0px 0px #9C7FBE;
    box-shadow: 4px 0px 0px 0px #9C7FBE;
    /*padding: 30px 22px;*/
}

.image__caption_adamson {
    margin: 390px auto auto -25px;
}

.sample-and-tips {
    background-image: url(/includes/site/img/sample-and-tips.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: -40px;
    bottom: 30px;
    width: 203px;
    height: 100px;
}

@media (max-width: 768px) {
    .sample-and-tips {
        transform: scale(0.9);
    }
}
@media (max-width: 480px) {
    .sample-and-tips {
        transform: scale(0.7);
        left:-70px;
        bottom: 0px;
    }
}


.dear-hiring-manager {
    background-image: url(/includes/site/img/dear-hiring-manager.png);
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    right: 41px;
    top: 198px;
    width: 149px;
    height: 149px;
}

@media (max-width: 1280px) AND (min-width: 1024px) {
    .dear-hiring-manager {
        right: 22px;
        top: 150px;
        width: 142px;
    }
}

@media (max-width: 768px) {
    .dear-hiring-manager {
        right: 25px;
        top: 142px;
        width: 124px;
    }
}

@media (max-width: 480px) {
    .dear-hiring-manager {
        right: 11px;
        top: 88px;
        width: 95px;
    }
}


.easy {
    display: block;
    width: 100%
}

.easy__list {

}

.easy__item {
    display: inline-block;
    width: 320px;
    margin: 0 32px;
    vertical-align: top;
}

.easy__image {
    display: block;
    width: 320px;
    height: 320px;
    /*margin: 0 32px;*/
    vertical-align: top;

    /*border: 1px solid #EA7C58;*/
}

.easy__image_its-easy-one {
    background: url(../img/component-1.svg) center center no-repeat;
}

.easy__image_its-easy-two {
    background: url(../img/component-2.svg) center center no-repeat;
}

.easy__image_its-easy-three {
    background: url(../img/component-3.svg) center center no-repeat;
}

.easy__image.lazyload, .image_example_john-adamson.lazyload, .image__manager.lazyload {
    background:none;
}


.example-size {
    /*w40 mt120*/
    width: 40%;
    margin-top: 120px;
}



.feedback {
    width: 100%;
}

.feedback__column {
    display: inline-block;
    width: 374px;
    margin-left: 32px;
    height: 620px;
    vertical-align: top;
}

.feedback__column:first-child {
    margin-left: 0;
}

.feedback__border {
}

.feedback__border_one {
    border-left: 1px solid #EADF2D;
    border-top: 1px solid #EADF2D;
    border-right: 4px solid #EADF2D;
    border-bottom: 4px solid #EADF2D;
}
.feedback__border_two {
    border-left: 1px solid #EA7C58;
    border-top: 1px solid #EA7C58;
    border-right: 4px solid #EA7C58;
    border-bottom: 4px solid #EA7C58;

}
.feedback__border_three {
    border-left: 1px solid #725496;
    border-top: 1px solid #725496;
    border-right: 4px solid #725496;
    border-bottom: 4px solid #725496;

}

.feedback__text {
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
    color: #2C1E39;

    margin: 24px 36px;
    vertical-align: top;
    text-align: left;

    /* remove */
    height: 416px;
}

.feedback__backquote {
    padding-top: 48px;
}

.feedback__backquote_one {
    background: url(../img/icon-backquote-one.svg) left top no-repeat;
}

.feedback__backquote_two {
    background: url(../img/icon-backquote-two.svg) left top no-repeat;
}

.feedback__backquote_three {
    background: url(../img/icon-backquote-three.svg) left top no-repeat;
}

.feedback__author {
    display: block;
    width: 300px;
    height: 64px;
    margin: 24px 36px;
    vertical-align: top;
}

.author {
}

.author__avatar {
    float: left;
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 32px;
    border: 1px solid transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 64px 64px;
}

.avatar-samantha-goode {
    background-image: url(../img/SamanthaGoode.png);
}

.avatar-seun-ibukun {
    background-image: url(../img/SeunIbukun.png);
}

.avatar-peter-njogu {
    background-image: url(../img/PeterNjogu.png);
}

.author__left {
    float: left;
    display: inline-block;
    /*height: 64px;*/
    margin: 8px 0 8px 0;
}

.author__name {
    display: block;
    margin-left: 16px;

    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2C1E39;
}

.author__position {
    display: block;
    margin-left: 16px;

    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #594C65;
}

.head__first {
}

.head__color_neutral-white {
}

.button__background_orange-900 {
}


.site_footer {
}

.footer {
    display: block;
    padding-top: 0;
}

.footer__row {
    display: block;
    width: 100%;
    vertical-align: top;
}
.footer__col {
    display: inline-block;
    width: 278px;
    /*margin-left: 30px;*/
    vertical-align: top;
    /*background: rgba(50,0,0,0.5);*/
    /*border: 1px solid #2f54eb;*/

}

.footer__col:first-child{
    margin: 0;
}


.footer .footer__col .menu {
    float: left;
}

.footer .footer__col .menu .menu__item {
    margin: 8px 0;
}


.footer .footer__col .menu .menu__item > a {
    text-decoration: none;
}

/*=========== FOOTER-B ============*/

.footer-b{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #efedf2;
}
.footer-b > *{
    padding: 16px 0;
}
.footer-b-copyright{
    font-size: 12px;
    font-weight: 300;
    color: #594c65;
}
.footer-b-author-link{
    text-decoration: underline;
    color: #2c1e39;
}
.footer-b-author-link:hover{
    text-decoration: none;
}
.footer-b-links{
    display: flex;
    gap: 16px;
}
.footer-b-links > a{
    color: #594c65;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
    transition: color .3s;
}
.footer-b-links > a:hover{
    color: #63418C;
}
.footer-b-socials{
    display: flex;
    gap: 19px;
}
.footer-b-socials > a{
    color: #594c65;
    display: inline-flex;
    font-size: 12px;
    font-weight: 300;
    line-height: 12px;
    text-decoration: none;
    gap: 7px;
    align-items: center;
}
.footer-b-socials > a svg{
    vertical-align: middle;
}
.footer-b-socials > a, .footer-b-socials > a svg path:first-child{
    transition: all .3s;
}
.footer-b-socials > a:hover{
    color: #63418c;
}

.footer-b-socials > a:hover > i.i-linkedin svg path:first-child{
    fill: #015e89;
}
.footer-b-socials > a:hover > i.i-facebook svg path:first-child{
    fill: #203258;
}
.footer-b-socials > a:hover > i.i-twitter svg path:first-child{
    fill: #4183b6;
}

@media (max-width: 767px){
    .footer-b{
        flex-direction: column;
    }
}
@media (max-width: 1023px){
    .footer-b > * {
        padding: 24px 0 0;
    }
    .footer-b-socials{
        order: 1;
    }
    .footer-b-copyright{
        order: 2;
    }
    .footer-b-links{
        order: 3;
        padding-bottom: 24px;
    }
}
@media (min-width: 768px) and (max-width: 1023px){
    .footer-b{
        display: grid;
        grid-template-columns: 70% 30%;
    }
    .footer-b-socials{
        grid-column: 1 / 3;
    }
    .footer-b-links{
        justify-content: right;
    }
}

/*=======================*/


.menu .menu__title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2C1E39;
}

.menu  .menu__item,
.menu  .menu__item > a {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #594C65;
}
.menu  .menu__item > a:hover{
    color: #63418C;
}

.w5 {
    width: 5% !important;
}

.w10 {
    width: 10% !important;
}

.w20 {
    width: 20% !important;
}

.w25 {
    width: 25% !important;
}

.w30 {
    width: 30% !important;
}

.w35 {
    width: 35% !important;
}

.w40 {
    width: 40% !important;
}

.w45 {
    width: 45% !important;
}

.w50 {
    width: 50% !important;
}

.w60 {
    width: 60% !important;
}

.w75 {
    width: 75% !important;
}

.w100 {
    width: 100% !important;
}

.mt24 {
    margin-top: 24px !important;
}

.mt40 {
    margin-top: 16px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mb24 {
    margin-bottom: 24px !important;
}

.mb32 {
    margin-bottom: 32px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mt96 {
    margin-top: 96px !important;
}

.mt120 {
    margin-top: 120px !important;
}

.mb96 {
    margin-bottom: 96px !important;
}

.mt350 {
    margin-top: 350px !important;
}

.pb32 {padding-bottom: 32px!important;}
.pb64 {padding-bottom: 64px!important;}
.pb96 {padding-bottom: 96px!important;}
.pb120 {padding-bottom: 120px!important;}
.pt48 {padding-top: 48px!important;}
.pt64 {padding-top: 64px!important;}


.background_white {
    background: #ffffff;
}

.background_violet {
    background: #F9F3FF;
}

.background_violet-light {
    background: #63418C;
}

.background_neutral {
    background: #2C1E39;
}

.background_white-pink {
    background: #FBFAFC;
}

.background_additional-light {
    background: #EED1FC;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}


.margin_center {
    margin: 0 auto;
}




/* FAQ */

.background_neutral_banner {
    background:#2C1E39 url(../img/banner.png) right center no-repeat;
}

.banner {
    height: 296px;
}

.banner__head {
    float: left;
    display: block;
    width: calc(100% - 486px);
    height: 296px;
}

.banner__head_valign {
    margin: 121px 30px;
    position: relative;
}

.deprecated_banner__image {
    display: inline-block;
    width: 486px;
    height: 296px;
    /*background: url(../img/banner.png) right top no-repeat;*/
}

.side {
    display: block;
    width: 100%;
}

.side__left {
    display: inline-block;
    width: 800px;
}

.side__right {
    display: inline-block;
    width: 280px;
    float: right;
}

.side__left_margin-right {

}



.faq {
    margin-bottom: 25px;
}

.more,
.faq {
    display: block;
}


.faq__head {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #2C1E39;
}

.faq__text {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #594C65;

}

.more__content,
.more__less {
    display: none;
}

.more__read, .more__less {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #E16036;
}
.more__read:hover, .more__less:hover {
    color: #EA7C58;
}

.contact {
    display: block;
}
.contact__panel {
}
.contact__icon {
    display: block;
    width: 64px;
    height: 64px;
    background: url(../img/icon-contacts.svg);
}
.contact__head {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #594C65;
    margin: 16px 0;
}
.contact__mailto {

}
.contact__label {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #594C65;
}
.contact__link {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #63418C;
}
.contact__link:hover {
    color: #E16036;
}



.background_banner_image {
    background: #E16036 url(../img/about-us_common.png) center bottom no-repeat;
}

.banner_about-us {
    height: 376px;
}


.banner_who-are-you {
    margin-top: 32px;
    background: url(../img/who-we-are_common.png) center bottom no-repeat;
    height: 312px;
}


.arrow {
    display: block;
    width: 120px;
    height: 96px;
    margin: 36px auto 0 auto;
}

.arrow_bottom {

}

.arrow_image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    background-image: url(../img/arrow_circle.svg);
}

#contact-us {
    display: block;
    width: 100%;
    /*align-content: flex-start;*/
    /*flex-flow: wrap;
    align-content: stretch;
    flex-direction: column;*/
}

#contact-us .head {
    font-style: normal;
    font-weight: 500;
    font-size: 38px;
    line-height: 48px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #2C1E39;
}

#contact-us .form__row {
    display: block;
    width: 100%;
}

#contact-us .form__row:after {
    display: table;
    clear: both;
}

#contact-us .form__row:before {
    clear: both;
}

#contact-us .form__center {
    text-align: center;
}

#contact-us .form__col {
    display: inline-block;
    /*float: left;*/
    vertical-align: top;
}

#contact-us .form__col_50 {
    width: calc(50% - 26px);
}

#contact-us .form__col_100 {
    width: calc(100% - 10px);
}

#contact-us .form__col_left {
    margin: 6px 16px 6px 0;
}
#contact-us .form__col_right {
    margin: 6px  0 6px 16px ;
}
#contact-us .form__col_full {
    margin: 6px 0 6px 0;
}


#contact-us .form-group {
    width: 100%;
    display: block;
}

#contact-us .form__input,
#contact-us .form__textarea {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px 12px 24px;
    gap: 8px;

    width: 100%;
    height: 56px;
    /*background: #FFFFFF;*/
    border: 1px solid #D8D5DA;
    border-radius: 16px;

    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

#contact-us .form__textarea {
    height: 148px;
    resize: none;
}

#contact-us .form__input_bg-pencil {
    padding-left: 46px;
    background: url(../img/icon-pencil.svg) 20px center no-repeat;
}

#contact-us .form__input_bg-people {
    padding-left: 46px;
    background: url(../img/icon-users.svg) 20px center no-repeat;
}

#contact-us .form__input_bg-mail {
    padding-left: 46px;
    background: url(../img/icon-mail.svg) 20px center no-repeat;
}


#contact-us .control-label {
    display: inline-block;
    height: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #88838D;
    background-color: #FFF;
    padding: 0 3px;
    margin: 0 0 -8px 16px;
}
#contact-us .required .control-label:after {
    content: '*';
    display: inline-block;
    font-style: normal;
    font-weight: bolder;
    font-size: 12px;
    line-height: 16px;
    color: #88838D;
    padding-left: 5px;
}

#contact-us .control-label ~ input,
#contact-us .control-label ~ textarea {
    margin-top: -8px;
    outline: none;
}


#contact-us .form__textarea::-webkit-resizer {
    background: url(../img/icon-resize.svg) center center no-repeat;

    /*border: 9px solid rgba(0, 0, 0, .1);
    border-bottom-color: rgba(0, 0, 0, .5);
    border-right-color: rgba(0, 0, 0, .5);
    outline: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1)*/
}
#contact-us .form__button {
    border: none;
}


#contact-us .help-block {
    width: 100%;
    height: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #F16031;
    padding: 4px 0;

    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;

}

#contact-us textarea[aria-invalid=true],
#contact-us input[aria-invalid=true]
{
    border-color:#F16031;
}

#contact-us textarea[aria-invalid=false],
#contact-us input[aria-invalid=false]
{
    border-color: #53cd63;
}

.icon_help {
    display: block;
    background: url(../img/icon-help.svg) center center no-repeat;
    width: 64px;
    height: 64px;
}


.message-dialog {
}

.message-dialog__shadow {
    position: absolute;
    left: 0;
    top: -100px;
    right: 0;
    bottom: -2000px;
    display: block;
    background: rgba(44, 47, 64, 0.5);;
    z-index: 3333;
}

.message-dialog__window {
    position: absolute;
    display: block;
    width: 344px;
    height: 312px;
    left: calc(50% - 192px);
    top: calc(50% - 142px);

    background: #FFFFFF;
    border-radius: 24px;
    z-index: 6666;
    padding: 24px   20px;

}

.message-dialog__animation {
    display: block;
    width: 160px;
    height: 160px;
    margin: 8px auto 4px auto;
    background-image: url(../img/d3fa7dd70a496af3a39a97edea2f9ac8_160.gif);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    /*border: thin dashed #F16031;*/
}

.message-dialog__message {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #594C65;
    margin-bottom: 16px;
    white-space: pre-line;
    vertical-align: top;
}
.message-dialog__button {
    text-align: center;
    align-content: center;
    margin: 0 auto;
}

.message-dialog__button > .button {
    background: #2C1E39;
    width: 160px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    outline: none;
    border: none;
    box-shadow: none;
}

.message-warning {
    display: block;
    width: calc(65% - 40px);
    margin: 0 auto 20px auto;

    /* Todo: Waiting correct design for this view */
    /*border: thin dashed #F16031;
    border-radius: 10px;
    padding: 20px;*/
    background: #FEE0D6;
    border-radius: 12px;
    padding: 12px;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: nowrap;
}

.message-warning__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    /*border: thin dashed #F16031;*/
    background: url(../img/icon-info.svg) center center no-repeat;
    margin-top: 4px;
}

.message-warning__message {
    display: inline-block;
    width: calc(100%  - 76px);
    font-style: normal;
    line-height: 20px;
    font-weight: 700;
    font-size: 14px;
    color: #F16031;
    vertical-align: top;
    padding: 0 10px;
}

.message-warning__button {
    display: inline-block;
    background: url(../img/icon-close.svg) center center no-repeat;
    width: 16px;
    height: 16px;
    /*line-height: 20px;*/
    cursor: pointer;
    float: right;
    vertical-align: top;
    margin-top: 4px;
}

.message-warning__button:hover {
    filter: alpha(0.6);
}

.side-left-menu{
    /*
    position: absolute;
    left: -9999px;
    top: -9999px;
    */
    display: none;
}


.cu_link {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #63418C;
    text-decoration: none;
}

.cu_link:hover {
    color: #F16031;
}

.cu_link_accordion {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
}

.block-templates_contact-us {
    padding-top: 64px;
}


#cu_faq .head {
    margin-bottom: 16px;
}


#cu_help.block-templates {
    padding-top: 64px;
    padding-bottom: 64px;
    border-bottom: 1px solid #EFEDF2;
}

#cu_help .paragraph {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #2C1E39;
}

.display_block {
    display: block;
}

.topic__icon.lazyload {
    background:none;
}

.slm__element {
    color: #FFFFFF;
    text-decoration: none;
}

.slm__element.slm__additional_orange {
    color: #E16036;
}

@media (max-width: 1279px) and (min-width: 1024px) {

    .block-templates_without-padding,
    .block-templates:first-child {
        padding-top: 0;
    }

    .block-templates__first_top {
        width: 40%;
        margin-top: 45px;
    }


    .container {
        width: 944px;
        margin: 0 auto;
    }


    .footer__col {
        display: inline-block;
        width: 220px;
        margin-left: 16px;
        vertical-align: top;
        /*background: rgba(50,0,0,0.5);*/
        /*border: 1px solid #2f54eb;*/

    }

    .menu {
        /*float: left;*/
        /*margin-left: 48px;*/
    }

    .menu__panel {
        display: inline-block;
        margin-left: 50px;
        width: 480px;
    }
    .sing__panel {
        display: inline-block;
        /*margin-left: 95px;*/
        width: 228px;
        float: right;
    }
    .menu__burger {
        display: none;
    }

    .menu__element {
        display: inline-block;
        margin-left: 20px;
        line-height: 24px;
    }

    .menu__element_has-child > .icon {
        content: ' ';
        width: 16px;
        height: 16px;
        display: inline-block;
        cursor: pointer;
        margin-bottom: -3px;
    }

    .menu__element_open > .icon {
        background: url(../img/menu-arrow-up.svg) center center no-repeat;
    }

    .menu__element_close > .icon {
        background: url(../img/menu-arrow-down.svg) center center no-repeat;
    }

    .menu__submenu {
        /*display: block;*/
        /*position: absolute;*/
        margin-top: 16px;

        box-sizing: border-box;


        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 8px 0 0 0;

        position: absolute;
        width: fit-content;
        height: fit-content;


        background: #FFFFFF;

        border: 1px solid #D8D5DA;
        box-shadow: 0px 2px 10px rgba(56, 53, 58, 0.1);
        border-radius: 16px;
        z-index: 100;
    }

    .menu__element > a,
    .sign-up__element > a {
        font-weight: 400;
        font-size: 16px;
        color: #2C1E39;
        text-decoration: none;
        line-height: 24px;
    }

    .menu__element_sub {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 12px 24px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .menu__element_sub > a {
        font-weight: 400;
        font-size: 15px;
        line-height: 24px;
        color: #594C65;
        text-decoration: none;
    }
    /*.menu__element_sub > a:hover {
        color: #2C1E39;
    }*/


    .menu_active {
        background: #2C1E39;
        border-radius: 24px;
        padding: 12px 32px;
    }

    .menu_active > a {
        color: #FFFFFF;
    }

    .grid__footer .menu {
        float: left;
        margin-left: 143px;
    }

    .head {
        font-style: normal;
        font-weight: 500;
        font-size: 38px;
        line-height: 48px;
        letter-spacing: 0.3px;
        color: #2C1E39;
        margin-bottom: 35px;
    }

    .head_second {
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0.3px;
        color: #2C1E39;
    }

    .head_white {
        color: #FBFAFC;
    }

    .paragraph {
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 28px;
        color: #594C65;
    }


    .image__free-banner {
        background-image: url(../img/top-image-double-compressed.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 514px 480px;

        /*background: url(../img/top-image-girl-desktop.png) top right no-repeat;*/
        width: 514px;
        height: 480px;
        /*float: right;*/
    }

    .image__free-banner_height {
        height: 480px;
    }



    .image__caption {
        padding: 8.5px 13px;
        margin: 280px auto auto 10px;
    }

    .image__caption span {
        font-weight: 400;
        font-size: 20px;
        line-height: 25px;
    }

    .list {
        margin: -230px -10px auto auto;
        padding: 20px 15px;
    }
    .list__item {
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 7px;
    }
    .list__item:before {
        width: 15px;
        height: 15px;
        background-size: 15px 15px;
        margin-bottom: -5px;
        margin-right: 7px;
    }
    .list__separator {
        list-style: none;
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 7px;
    }

    .list__separator:before {
        content: ' ';
        display: inline-block;
        width: 20px;
        height: 15px;
        background: url(../img/list-vertical-doted.svg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 15px 15px;

        margin-bottom: -4px;
        margin-right: 7px;
    }

    .list__item_done:before {
        background-image: url(../img/list_check_active.svg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: 15px 15px;
    }




    .easy {
        display: block;
        width: 100%
    }

    .easy__list {
        height: 408px;
    }

    .easy__item {
        display: inline-block;
        width: 240px;
        margin: 0 24px;
        vertical-align: top;
    }

    .easy__image {
        display: block;
        width: 240px;
        height: 240px;
        /*margin: 0 32px;*/
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 240px 240px;
    }

    .easy__image_its-easy-one {
        background-image: url(../img/component-1.svg);
    }

    .easy__image_its-easy-two {
        background-image: url(../img/component-2.svg);
    }

    .easy__image_its-easy-three {
        background-image: url(../img/component-3.svg);
    }


    .feedback {
        width: 100%;
    }

    .feedback__column {
        display: inline-block;
        width: 293px;
        margin-left: 20px;
        height: 664px;
        vertical-align: top;
    }

    .feedback__column:first-child {
        margin-left: 0;
    }

    .feedback__border {
    }


    .feedback__text {

        margin: 16px 24px;

        height: 495px;
    }

    .feedback__backquote {
        padding-top: 48px;
    }




    .feedback__author {
        display: block;
        width: 252px;
        height: 64px;
        margin: 24px 24px;
        vertical-align: top;
    }

    .example-size {
        width: 40%;
        margin-top: 30px;
    }

    /*.example-size .head ,*/
    /*.example-size .paragraph {*/

    /*    align-items: center;*/
    /*    align-content: center;*/
    /*    text-align: center;*/
    /*}*/

    /*.example-size .image,*/
    /*.example-size .button {*/
    /*    margin: 0 auto;*/
    /*}*/


    .image__example {
        margin-left: 48px;
    }

    .image_example_john-adamson {
        background-image: url(../img/1.png);
        background-size: 427px auto;
        background-repeat: no-repeat;
        background-position: center top;
        width: 427px;/*395*/
        height: 416px; /*366*/
    }

    .image_bordered {
        background-color: #FFFFFF;
        border: 1px solid #9C7FBE;
        border-bottom: none;
        -webkit-box-shadow: 4px 0px 0px 0px #9C7FBE;
        box-shadow: 4px 0px 0px 0px #9C7FBE;
        /*padding: 30px 22px;*/
    }

    .image__caption_adamson {
        margin: 300px auto auto -25px;
    }

    .image__manager {
        background-image: url(../img/manager-compressed.png);
        background-position:top right;
        background-repeat: no-repeat;
        background-size: 464px auto;
        width: 464px;
        height: 508px;
    }

    .image__manager_height {
        width: 50%;
        height: 508px;
    }

    .manager_text_top {
        width: calc(50% - 48px);
        margin-top: 80px;
        padding-left: 48px;
    }

    .caption {
        display: block;
        background-color: transparent;
        width: fit-content;
        height: fit-content;
        padding: 8px 12px;

        position: relative;
        margin: 150px 35px auto auto;
        text-align: center;
        vertical-align: middle;
        transform: rotate(13.65deg);
    }

    .caption_manager span{
        display: block;
        font-family: 'Gaegu', cursive;
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 25px;
        letter-spacing: -1.7px;
        color: #2C1E39;
        text-transform: none;
    }





    .margin_center {
        margin: 0 auto;
    }


    /* FAQ */

    .background_neutral_banner {
        background:#2C1E39 url(../img/banner_desktop.png) right center no-repeat;
    }

    .banner {
        height: 232px;
    }

    .banner__head {
        float: left;
        display: block;
        width: calc(100% - 368px);
        height: 232px;
    }

    .banner__head_valign {
        margin: 68px 30px;
        position: relative;
    }

    .deprecated_banner__image {
        display: inline-block;
        width: 368px;
        height: 232px;
        /*background: url(../img/banner_desktop.png) right top no-repeat;*/
    }



    .side__left {
        display: inline-block;
        width: 672px;
    }

    .side__right {
        display: inline-block;
        width: 224px;
        float: right;
    }




    .background_banner_image {
        background: #E16036 url(../img/about-us_desktop.png) center bottom no-repeat;
    }

    .banner_about-us {
        height: 344px;
    }


    .banner_who-are-you {
        margin-top: 32px;
        background: url(../img/who-we-are_desktop.png) center bottom no-repeat;
        height:306px;
    }

    .side-left-menu {
        display: none;
    }
}



@media (max-width: 1023px) and (min-width: 768px) {

    .container {
        width: 704px;
        margin: 0 auto;
    }

    .footer__col {
        display: inline-block;
        width: 220px;
        margin: 0 16px 0 0 ;
        vertical-align: top;
        /*background: rgba(50,0,0,0.5);*/
        /*border: 1px solid #2f54eb;*/
    }

    .footer__col:first-child {
        display: none;
    }

    .footer__col:last-child {
        margin: 0;
    }

    .main__h-block {
        display: block;
        float: none;
    }

    .block-templates {
        padding-top: 56px;
    }

    .block-templates_without-padding,
    .block-templates:first-child {
        padding-top: 0;
    }

    .block-templates_margin {
        margin-top: 56px;
    }

    .block-templates__first_top {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    .block-templates__first_top .head ,
    .block-templates__first_top .paragraph {
        align-content: center;
        align-items: center;
        text-align: center;
    }


    .block-templates__first_top .button {
        margin: 0 auto;
    }


    .block-templates__first_bottom {
        width: 100%;
        margin-top: 45px;
    }



    .menu {
        display: inline-block;
        float: right;
        margin-right: 0;
        margin-left: 0;
        z-index: 9999;
        text-align: right;
    }
    .footer .menu {
        text-align: left;
    }


    .header__menu {
        display: inline-block;
        width: calc(100% - 166px);
        margin: 24px 0;
    }



    .grid__footer .menu {
        float: left;
        margin-left: 80px;
    }

    .menu__element {
        margin-left: 20px;
    }

    .menu__burger {
        display: inline-block;
        width: 32px;
        height: 32px;
        background: url(../img/menu-burger-normal.svg) top center no-repeat;
        cursor: pointer;
        margin: 8px 0 8px 20px;
        float: right;
    }
    .menu__burger.open {
        background: url(../img/menu-burger-close.svg) top center no-repeat;
    }
    .menu__panel {
        display: none;
    }

    .sing__panel {
        display: inline-block;
        /*margin-left: 95px;*/
        width: 260px;
        float: unset;
    }


    .head {
        font-style: normal;
        font-weight: 500;
        font-size: 38px;
        line-height: 48px;
        letter-spacing: 0.3px;
        color: #2C1E39;
        margin-bottom: 35px;
    }

    .head_second {
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0.3px;
        color: #2C1E39;
    }

    .head-first {
    }

    .head__underline {
    }

    .head_white {
        color: #FBFAFC;
    }


    .paragraph {
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 28px;
        color: #594C65;
    }


    .paragraph__strong {
        font-weight: 700;
    }

    .paragraph_white {
        color: #D8D5DA;
    }

    .image__free-banner {
        background-image: url(../img/top-image-double-compressed.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 600px 560px;
        /*background-size: ;*/
        width: 600px;
        height: 560px;
        /*float: right;*/
    }

    .image__free-banner_height {
        height: 984px;
    }

    .image__caption {
        padding: 8px 13px;
        margin: 320px auto auto 20px;
    }

    .image__caption span{
        font-weight: 400;
        font-size: 20px;
        line-height: 25px;
    }

    .list {
        margin: -230px 10px auto auto;
        padding: 20px 15px;
    }
    .list__item {
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 7px;
    }
    .list__item:before {
        width: 15px;
        height: 15px;
        background-size: 15px 15px;
        margin-bottom: -5px;
        margin-right: 7px;
    }
    .list__separator {
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 8px;
    }

    .list__separator:before {
        background-size: 15px 15px;
        margin-bottom: -4px;
        margin-right: 7px;
    }

    .list__item_done:before {
        background-size: 15px 15px;
    }



    .easy {
        display: block;
        width: 100%
    }

    .easy__list {
        height: 408px;
    }

    .easy__item {
        display: inline-block;
        width: 208px;
        margin: 0 10px;
        vertical-align: top;
    }

    .easy__image {
        display: block;
        width: 208px;
        height: 208px;
        /*margin: 0 32px;*/
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 208px 208px;
    }

    .easy__image_its-easy-one {
        background-image: url(../img/component-1.svg);
    }

    .easy__image_its-easy-two {
        background-image: url(../img/component-2.svg);
    }

    .easy__image_its-easy-three {
        background-image: url(../img/component-3.svg);
    }


    .feedback {
        width: 100%;
    }

    .feedback__column {
        display: block;
        width: 100%;
        margin: 20px 0;
        height: auto;
        vertical-align: top;
    }

    .feedback__column:first-child {
        margin-left: 0;
    }

    .feedback__border {
    }


    .feedback__text {
        margin: 16px 24px;
        height: unset;
    }

    .feedback__backquote {
        padding-top: 48px;
    }


    .feedback__author {
        display: block;
        width: 252px;
        height: 64px;
        margin: 24px 24px;
        vertical-align: top;
    }


    .example-size {
        width: 100%;
        margin-top: 30px;
    }

    .example-size .head ,
    .example-size .paragraph {

        align-items: center;
        align-content: center;
        text-align: center;
    }

    .example-size .image,
    .example-size .button {
        margin: 0 auto;
    }



    .image__example {
        margin-top: 50px;
        margin-left: calc(100% / 2 - 546px / 2) ;
    }

    .image_example_john-adamson {
        background-image: url(../img/1.png);
        background-size: 546px auto;
        background-repeat: no-repeat;
        background-position: center top;
        width: 546px;/*427*/
        height: 532px; /*366*/
    }

    .image_bordered {
        background-color: #FFFFFF;
        border: 1px solid #9C7FBE;
        border-bottom: none;
        -webkit-box-shadow: 4px 0px 0px 0px #9C7FBE;
        box-shadow: 4px 0px 0px 0px #9C7FBE;
        /*padding: 30px 22px;*/
    }

    .image__caption_adamson {
        margin: 390px auto auto -25px;
    }


    /*.image__manager {
        background: url(../img/top-image-man-desktop.png) top right no-repeat;
        width: 464px;
        height: 508px;
    }

    .image__manager_height {
        width: 100%;
        height: 508px;
    }
    .image__manager_height .image {
        width: 100%;
        background-position: center top;
    }

    .manager_text_top {
        width: 100%;
        margin: 80px auto;
    }*/


    .image__manager {
        background-image: url(../img/manager-compressed.png);
        background-position:top right;
        background-repeat: no-repeat;
        background-size: 592px auto;
        width: 592px;
        height: 648px;
        margin: 0 auto;
    }

    .image__manager_height {
        width: 100%;
        height: 648px;
    }
    .manager_text_top {
        width: 100%;
        margin: 60px 0;
        padding-left: 0;
    }

    .caption {
        display: block;
        background-color: transparent;
        width: fit-content;
        height: fit-content;
        padding: 10px 15px;

        position: relative;
        margin: 200px 30px auto auto;
        text-align: center;
        vertical-align: middle;
        transform: rotate(13.65deg);
    }

    .caption_manager span {
        display: block;
        font-family: 'Gaegu', cursive;
        font-style: normal;
        font-weight: 400;
        font-size: 34px;
        line-height: 33px;
        letter-spacing: -1.7px;
        color: #2C1E39;
        text-transform: none;
    }


    .manager_text_top .head ,
    .manager_text_top .paragraph {
        align-content: center;
        align-items: center;
        text-align: center;
    }
    .manager_text_top .button {
        margin: 0 auto;
    }


    .grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
        grid-gap: 30px;
        max-width: 1216px;
        margin: 0 auto 30px;
    }





    .my-slider {
        margin: 32px 10px;
    }
    .my-slider__slide {
        display: block;
        /*width: 344px;*/
        height: calc(322px * 1.3);
        /*border: 1px solid #969696;*/
        margin: 0 10px;
    }
    .my-slider__button {
        position: relative;
        z-index: 100;
        margin: calc(-56px - 30px) auto 35px auto;
    }

    .margin_center {
        margin: 0 auto;
    }


    /* FAQ */

    .side {}

    .side__left {
        display: block;
        width: 100%;
    }

    .side__right {
        display: block;
        width: 100% /*584px*/;
        float: unset;
    }

    .contact {
        display: block;
        width: 584px;
        margin: 0 auto;
        position: relative;
        border: 2px solid #9C7FBE;
        padding: 24px;

    }


    .background_neutral_banner {
        background:#2C1E39 url(../img/banner_middle.png) right center no-repeat;
    }

    .banner {
        height: 296px;
    }

    .banner__head {
        float: left;
        display: block;
        width: calc(100% - 375px);
    }

    .banner__head_valign {
        margin: 68px 30px;
        position: relative;
    }


    .background_banner_image {
        background: #E16036 url(../img/about-us_middle.png) center bottom no-repeat;
    }

    .banner_about-us {
        height: 288px;
    }


    .banner_who-are-you {
        margin-top: 32px;
        background: url(../img/who-we-are_middle.png) center bottom no-repeat;
        height:274px;
    }

    #contact-us .form__col_50 {
        width: 100%;
    }

    #contact-us .form__col_100 {
        width: 100%;
    }

    #contact-us .form__col_left ,
    #contact-us .form__col_right ,
    #contact-us .form__col_full {
        margin: 6px 0 6px 0;
    }



    .side-left-menu {
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        display: none;
        width: 480px;
        background: #FFFFFF;
        z-index: 9999;
        overflow: hidden;
    }

    .slm {}
    .slm__burger {
        display: block;
        width: 100%;
        height: 64px;
    }
    .slm__icon {
        display: block;
        width: 32px;
        height: 32px;
        background: url(../img/menu-burger-close.svg) center center no-repeat;
        margin: 16px;
        float: right;
        cursor: pointer;

    }
    .slm__menu {
        display: block;
        width: 100%;
    }
    .slm__panel {
        display: block;
        width: 100%;
    }
    .slm__element {
        display: block;
        width: calc(100% - 80px);
        margin: 0 24px;
        border-bottom: 1px solid #EFEDF2;
        padding: 16px;
        cursor: pointer;
    }
    .slm__element > a {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #2C1E39;
        text-decoration: none;
        padding-left: 12px;
    }
    .slm__element:hover > a,
    .slm__element:active > a,
    .slm__element > a:hover,
    .slm__element > a:active {
        color: #F16031;
    }

    .slm__additional {
        display: block;
        width: calc(100% - 112px);
        border-radius: 24px;
        padding: 16px 32px;
        text-align: center;
        margin-top: 16px;
    }
    .slm__additional > a {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }

    .slm__additional_violet {
        background: #2C1E39;
    }
    .slm__additional_orange {
        border: 2px solid #E16036;
        padding: 14px 32px;
    }
    .slm__additional_violet > a {
        color: #ffffff !important;
    }
    .slm__additional_orange > a {
        color: #E16036 !important;
    }

    .slm__element_has-child > .icon {
        content: ' ';
        width: 16px;
        height: 32px;
        display: inline-block;
        cursor: pointer;
        float: right;
    }

    .slm__submenu {
        display: block;
        width: calc(100% - 0px);
        margin-top: 0;
        padding: 10px 0;
    }

    .slm__element_open > .icon {
        background: url(../img/menu-arrow-up.svg) center center no-repeat;
    }

    .slm__element_close > .icon {
        background: url(../img/menu-arrow-down.svg) center center no-repeat;
    }

    .slm__element_sub {
        display: block;
        /*border-bottom: 1px solid #EFEDF2;*/
        padding: 12px;
        border-radius: 3px;
        cursor: pointer;
    }
    .slm__element_sub:hover {
        background-color: #FBFAFC;
    }
    .slm__element_sub:active {
        background-color: #EFEDF2;
    }

    .slm__element_sub > a {
        font-weight: 400;
        font-size: 18px;
        color: #2C1E39;
        text-decoration: none;
        line-height: 24px;
    }

    .slm__element_sub:hover > a,
    .slm__element_sub:active > a,
    .slm__element_sub > a:hover,
    .slm__element_sub > a:active {
        color: #F16031;
    }

    .slm_active {
        background: #2C1E39;
        border-radius: 24px;
        padding: 12px 32px;
    }

    .slm_active > a {
        color: #FFFFFF;
    }

}


@media (max-width: 767px) and (min-width: 480px) {

    .container {
        width: 432px;
        margin: 0 auto;
    }

    .main__h-block {
        display: block;
        float: none;
    }

    .block-templates__first_top {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    .block-templates {
        padding-top: 48px;
    }
    .block-templates_margin {
        margin-top: 48px;
    }

    .block-templates__first_top .head ,
    .block-templates__first_top .paragraph {
        align-content: center;
        align-items: center;
        text-align: center;
    }


    .block-templates__first_top .button {
        margin: 0 auto;
    }


    .block-templates__first_bottom {
        width: 100%;
        margin-top: 40px;
    }


    .block-templates_without-padding,
    .block-templates:first-child {
        padding-top: 0;
    }

    .menu {
        display: inline-block;
        float: right;
        margin-right: 0;
        margin-left: 0;
        z-index: 9999;
    }

    .grid__footer .menu {
        float: left;
        margin-left: 80px;
    }

    .menu__burger {
        display: inline-block;
        width: 32px;
        height: 32px;
        background: url(../img/menu-burger-normal.svg) top center no-repeat;
        cursor: pointer;
        margin: 8px 0 8px 20px;
        float: right;
    }

    .menu__burger.open {
        background: url(../img/menu-burger-close.svg) top center no-repeat;
    }
    .menu__panel {
        display: none;
    }

    .sing__panel {
        display: inline-block;
        width: 178px;
        float: right;
    }

    .menu__element {
        /*display: inline-block;*/
        /*padding: 4px 8px;*/
        margin-left: 0;

    }

    .menu__element > a {
        color: #ffffff;
    }
    .menu__element:first-child {
        display: none;
    }

    .menu__element_has-child:after {
        content: ' ';
        width: 16px;
        height: 16px;
        display: inline-block;
        cursor: pointer;
        filter: invert(100%);
    }


    .menu__element_has-child > .icon {
        content: ' ';
        width: 16px;
        height: 16px;
        display: inline-block;
        cursor: pointer;
        filter: invert(100);
    }


    .menu__submenu {
        display: block;
        position: relative;
        margin-top: 0;
        background: #2C1E39;
        border-radius: 3px;
        padding: 10px 0 10px 15px;
    }


    .head {
        font-style: normal;
        font-weight: 500;
        font-size: 38px;
        line-height: 48px;
        letter-spacing: 0.3px;
        color: #2C1E39;
        margin-bottom: 35px;
    }

    .head_second {
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0.3px;
        color: #2C1E39;
    }

    .head-first {
    }

    .head__underline {
    }

    .head_white {
        color: #FBFAFC;
    }


    .paragraph {
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 28px;
        color: #594C65;
    }


    .paragraph__strong {
        font-weight: 700;
    }

    .paragraph_white {
        color: #D8D5DA;
    }


    .image__free-banner {
        background-image: url(../img/top-image-girl-small.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 432px 403px;
        width: 432px;
        height: 403px;
    }

    .image__free-banner_height {
        height: 879px;
    }

    .image__caption {
        padding: 8px 13px;
        margin: 230px auto auto 0px;
        background-size: 162px;
    }

    .image__caption span{
        font-weight: 400;
        font-size: 18px;
        line-height: 23px;
    }

    .list {
        margin: -170px 3px auto auto;
        padding: 10px 8px;
    }

    .list__item {
        font-size: 8px;
        line-height: 12px;
        margin-bottom: 5px;
    }
    .list__item:before {
        width: 12px;
        height: 12px;
        background-size: 12px 12px;
        margin-bottom: -5px;
        margin-right: 5px;
    }
    .list__separator {
        font-size: 8px;
        line-height: 12px;
        margin-bottom: 5px;
    }

    .list__separator:before {
        width: 12px;
        height: 12px;
        background-size: 12px 12px;
        margin-bottom: -3px;
        margin-right: 5px;
    }

    .list__item_done:before {
        background-size: 12px 12px;
    }


    .easy {
        display: block;
        width: 100%
    }

    .easy__list {
        height: unset;
    }

    .easy__item {
        display: block;
        width: 100%;
        margin: 0 auto;
        vertical-align: top;
    }

    .easy__image {
        display: block;
        width: 208px;
        height: 208px;
        margin: 0 auto;
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 208px 208px;
    }

    .easy__image_its-easy-one {
        background-image: url(../img/component-1.svg);
    }

    .easy__image_its-easy-two {
        background-image: url(../img/component-2.svg);
    }

    .easy__image_its-easy-three {
        background-image: url(../img/component-3.svg);
    }

    .feedback {
        width: 100%;
    }

    .feedback__column {
        display: block;
        width: 100%;
        margin: 20px 0;
        height: auto;
        vertical-align: top;
    }

    .feedback__column:first-child {
        margin-left: 0;
    }

    .feedback__border {
    }


    .feedback__text {
        margin: 16px 24px;
        height: unset;
    }

    .feedback__backquote {
        padding-top: 48px;
    }


    .feedback__author {
        display: block;
        width: 252px;
        height: 64px;
        margin: 24px 24px;
        vertical-align: top;
    }


    .example-size {
        width: 100%;
        margin-top: 30px;
    }

    .example-size .head ,
    .example-size .paragraph {

        align-items: center;
        align-content: center;
        text-align: center;
    }

    .example-size .image,
    .example-size .button {
        margin: 0 auto;
    }



    .image__example {
        margin-top: 30px;
        margin-left: calc(100% / 2 - 397px / 2) ;
    }


    .image_example_john-adamson {
        background-image: url(../img/1.png);
        background-size: 397px auto;
        background-repeat: no-repeat;
        background-position: center top;
        width: 397px;/*397*/
        height: 386px; /*386*/
    }

    .image_bordered {
        background-color: #FFFFFF;
        border: 1px solid #9C7FBE;
        border-bottom: none;
        -webkit-box-shadow: 4px 0px 0px 0px #9C7FBE;
        box-shadow: 4px 0px 0px 0px #9C7FBE;
        /*padding: 30px 22px;*/
    }

    .image__caption_adamson {
        margin: 280px auto auto -25px;
    }



    /*.image__manager {
        background: url(../img/top-image-man-432.png) top right no-repeat;
        width: 432px;
        height: 473px;
    }

    .image__manager_height {
        width: 100%;
        height: 442px;
    }
    .image__manager_height .image {
        width: 100%;
        background-position: center top;
    }

    .manager_text_top {
        width: 100%;
        margin: 80px auto;
    }*/


    .image__manager {
        background-image: url(../img/manager-compressed.png);
        background-position:top right;
        background-repeat: no-repeat;
        background-size: 432px auto;
        width: 432px;
        height: 472px;
        margin: 0 auto;
    }

    .image__manager_height {
        width: 100%;
        height: 472px;
    }
    .manager_text_top {
        width: 100%;
        margin: 40px 0;
        padding-left: 0;
    }

    .caption {
        display: block;
        background-color: transparent;
        width: fit-content;
        height: fit-content;
        padding: 5px 10px;

        position: relative;
        margin: 150px 30px auto auto;
        text-align: center;
        vertical-align: middle;
        transform: rotate(13.65deg);
    }

    .caption_manager span {
        display: block;
        font-family: 'Gaegu', cursive;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -1.7px;
        color: #2C1E39;
        text-transform: none;
    }


    .manager_text_top .head ,
    .manager_text_top .paragraph {
        align-content: center;
        align-items: center;
        text-align: center;
    }
    .manager_text_top .button {
        margin: 0 auto;
    }


    .grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
        grid-gap: 30px;
        max-width: 1216px;
        margin: 0 auto 30px;
    }


    .margin_center {
        margin: 0 auto;
    }

    .footer__col {
        display: inline-block;
        width: 130px;
        margin: 0 16px 0 0 ;
        vertical-align: top;
        /*background: rgba(50,0,0,0.5);*/
        /*border: 1px solid #2f54eb;*/
    }

    .footer__col:first-child {
        display: none;
    }
    .footer__col:last-child {
        margin: 0;
    }

    .footer .footer__col .menu .menu__item {
        /*margin: 8px 0 0 0;*/
    }


    .footer .footer__logo {
        float: unset;
        display: block;
        width: 100%;
    }

    .footer .grid__footer {
        display: block;
        width: 100%;
        float: left;

    }

    .footer .grid__footer .grid__item .menu {
        width: 100%;
        margin: unset;
        float: unset;
        padding: 10px 0 0 0;

    }
    .footer .grid__footer .grid__item .menu__item,
    .footer .grid__footer .grid__item .menu__title
    {
        margin: 8px 20px;
    }

    .my-slider {
        margin: 32px 10px;
    }
    .my-slider__slide {
        display: block;
        /*width: 384px;*/
        /*height: calc(384px * 1.3);*/
        /*border: 1px solid #969696;*/
        margin: 0 10px;
    }
    .my-slider__button {
        position: relative;
        z-index: 100;
        margin: calc(-56px - 30px) auto 35px auto;
    }

    .my-slider__pagination {
        display: none;
    }




    /* FAQ */

    .background_neutral_banner {
        background:#2C1E39 url(../img/banner_small.png) right center no-repeat;
    }

    .banner {
        height: 248px;
    }

    .banner__head {
        float: left;
        display: block;
        width: calc(100% - 236px);
        height: 248px;
    }

    .banner__head_valign {
        margin: 50px 30px;
        position: relative;
    }




    .side {}

    .side__left {
        display: block;
        width: 100%;
    }

    .side__right {
        display: block;
        width: 100% /*584px*/;
        float: unset;
    }

    .contact {
        display: block;
        width: 380px;
        margin: 0 auto;
        position: relative;
        border: 2px solid #9C7FBE;
        padding: 16px 24px;

    }


    .background_banner_image {
        background: #E16036 url(../img/about-us_small.png) center bottom no-repeat;
    }

    .banner_about-us {
        height: 184px;
    }


    .banner_who-are-you {
        margin-top: 32px;
        background: url(../img/who-we-are_small.png) center bottom no-repeat;
        height: 186px;
    }

    #contact-us .form__col_50 {
        width: 100%;
    }

    #contact-us .form__col_100 {
        width: 100%;
    }

    #contact-us .form__col_left ,
    #contact-us .form__col_right ,
    #contact-us .form__col_full {
        margin: 4px 0 4px 0;
    }

    .side-left-menu {
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        display: none;
        width: 432px;
        background: #FFFFFF;
        z-index: 9999;
        overflow: hidden;
    }

    .slm {}
    .slm__burger {
        display: block;
        width: 100%;
        height: 64px;
    }
    .slm__icon {
        display: block;
        width: 32px;
        height: 32px;
        background: url(../img/menu-burger-close.svg) center center no-repeat;
        margin: 16px;
        float: right;
        cursor: pointer;

    }
    .slm__menu {
        display: block;
        width: 100%;
    }
    .slm__panel {
        display: block;
        width: 100%;
    }
    .slm__element {
        display: block;
        width: calc(100% - 80px);
        margin: 0 24px;
        border-bottom: 1px solid #EFEDF2;
        padding: 16px;
        cursor: pointer;
    }
    .slm__element > a {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #2C1E39;
        text-decoration: none;
        padding-left: 12px;
    }
    .slm__element:hover > a,
    .slm__element:active > a,
    .slm__element > a:hover,
    .slm__element > a:active {
        color: #F16031;
    }



    .slm__additional {
        display: block;
        width: calc(100% - 112px);
        border-radius: 24px;
        padding: 16px 32px;
        text-align: center;
        margin-top: 16px;
    }
    .slm__additional > a {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }

    .slm__additional_violet {
        background: #2C1E39;
    }
    .slm__additional_orange {
        border: 2px solid #E16036;
        padding: 14px 32px;
    }
    .slm__additional_violet > a {
        color: #ffffff !important;
    }
    .slm__additional_orange > a {
        color: #E16036 !important;
    }

    .slm__element_has-child > .icon {
        content: ' ';
        width: 16px;
        height: 32px;
        display: inline-block;
        cursor: pointer;
        float: right;
    }

    .slm__submenu {
        display: block;
        width: calc(100% - 0px);
        margin-top: 0;
        padding: 10px 0;
    }

    .slm__element_open > .icon {
        background: url(../img/menu-arrow-up.svg) center center no-repeat;
    }

    .slm__element_close > .icon {
        background: url(../img/menu-arrow-down.svg) center center no-repeat;
    }

    .slm__element_sub {
        display: block;
        /*border-bottom: 1px solid #EFEDF2;*/
        padding: 12px;
        border-radius: 3px;
        cursor: pointer;
    }
    .slm__element_sub:hover {
        background-color: #FBFAFC;
    }
    .slm__element_sub:active {
        background-color: #EFEDF2;
    }

    .slm__element_sub > a {
        font-weight: 400;
        font-size: 18px;
        color: #2C1E39;
        text-decoration: none;
        line-height: 24px;
    }
    .slm__element_sub:hover > a,
    .slm__element_sub:active > a,
    .slm__element_sub > a:hover,
    .slm__element_sub > a:active {
        color: #F16031;
    }

    .slm_active {
        background: #2C1E39;
        border-radius: 24px;
        padding: 12px 32px;
    }

    .slm_active > a {
        color: #FFFFFF;
    }


}

@media (min-width: 1280px) {
    .container {
        width: 1216px;
        margin: 0 auto;
    }
}

@media (max-width: 479px) {
    /*.header, .main, .footer {
        width: 288px;
    }*/

    .container {
        width: 288px;
        margin: 0 auto;
    }

    .main__h-block {
        display: block;
        float: none;
    }

    .block-templates {
        padding-top: 40px;
    }
    .block-templates_margin {
        margin-top: 40px;
    }

    .block-templates__first_top {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }

    .block-templates__first_top .head ,
    .block-templates__first_top .paragraph {
        align-content: center;
        align-items: center;
        text-align: center;
    }


    .block-templates__first_top .button {
        margin: 0 auto;
    }

    .block-templates__first_bottom {
        width: 100%;
        margin-top: 35px;
    }

    .block-templates_without-padding,
    .block-templates:first-child {
        padding-top: 0;
    }

    .menu {
        display: inline-block;
        float: right;
        margin-right: 0;
        margin-left: 0;
        z-index: 9999;
    }

    .grid__footer .menu {
        float: left;
        margin-left: 80px;
    }

    .menu__burger {
        display: inline-block;
        width: 32px;
        height: 32px;
        background: url(../img/menu-burger-normal.svg) top center no-repeat;
        cursor: pointer;
        margin: 8px 0 8px 8px;
        float: right;
    }
    .menu__burger.open {
        background: url(../img/menu-burger-close.svg) top center no-repeat;
    }
    .menu__panel {
        display: none;
    }
    .menu__element {
        display: none;
        padding: 0;
        margin: 0;
    }

    .menu__element > a {
        color: #ffffff;
    }

    .menu__element_has-child:after {
        content: ' ';
        width: 16px;
        height: 16px;
        display: inline-block;
        cursor: pointer;
        filter: invert(100%);
    }



    .menu__element_has-child > .icon {
        content: ' ';
        width: 16px;
        height: 16px;
        display: inline-block;
        cursor: pointer;
        filter: invert(100);
    }


    .menu__submenu {
        display: block;
        position: relative;
        margin-top: 0;
        background: #2C1E39;
        border-radius: 3px;
        padding: 10px 0 10px 15px;
    }




    .head {
        font-style: normal;
        font-weight: 500;
        font-size: 38px;
        line-height: 48px;
        letter-spacing: 0.3px;
        color: #2C1E39;
        margin-bottom: 35px;
    }

    .head_second {
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0.3px;
        color: #2C1E39;
    }

    .head-first {
    }

    .head__underline {
    }

    .head_white {
        color: #FBFAFC;
    }


    .paragraph {
        font-style: normal;
        font-weight: 300;
        font-size: 18px;
        line-height: 28px;
        color: #594C65;
    }


    .paragraph__strong {
        font-weight: 700;
    }

    .paragraph_white {
        color: #D8D5DA;
    }


    ._image__free-banner {
        background: url(../img/top-image-girl-xs.png) top right no-repeat;
        width: 288px;
        height: 254px;
        float: right;
    }

    ._image__free-banner_height {
        height: 851px;
    }


    .image__free-banner {
        background-image: url(../img/top-image-girl-small.png);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 288px 269px;
        width: 288px;
        height: 269px;
    }

    .image__free-banner_height {
        height: 912px;
    }

    .image__caption {
        padding: 5px 8px;
        margin: 148px auto auto -10px;
        background-size: 135px;
    }

    .image__caption span{
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
    }

    .list {
        margin: -120px 2px auto auto;
        padding: 8px 6px;
    }

    .list__item {
        font-size: 5px;
        line-height: 8px;
        margin-bottom: 4px;
    }
    .list__item:before {
        width: 8px;
        height: 8px;
        background-size: 8px 8px;
        margin-bottom: -3px;
        margin-right: 4px;
    }
    .list__separator {
        font-size: 5px;
        line-height: 8px;
        margin-bottom: 3px;
    }

    .list__separator:before {
        width: 8px;
        height: 8px;
        background-size: 8px 8px;
        margin-bottom: -3px;
        margin-right: 4px;
    }

    .list__item_done:before {
        background-size: 8px 8px;
    }


    .topic .topic__icon {
        display: block;
        float: unset;
        margin: 0 auto;
    }

    .topic .topic__left {
        display: block;
        float: unset;
        width: 100%;

    }

    .topic .topic__left .topic__head,
    .topic .topic__left .topic__text{
        text-align: center;
        align-content: center;
        align-items: center;
    }


    .easy {
        display: block;
        width: 100%
    }

    .easy__list {
        height: unset;
    }

    .easy__item {
        display: block;
        width: 100%;
        margin: 0 auto;
        vertical-align: top;
    }

    .easy__image {
        display: block;
        width: 208px;
        height: 208px;
        margin: 0 auto;
        vertical-align: top;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 208px 208px;
    }

    .easy__image_its-easy-one {
        background-image: url(../img/component-1.svg);
    }

    .easy__image_its-easy-two {
        background-image: url(../img/component-2.svg);
    }

    .easy__image_its-easy-three {
        background-image: url(../img/component-3.svg);
    }

    .feedback {
        width: 100%;
    }

    .feedback__column {
        display: block;
        width: 100%;
        margin: 20px 0;
        height: auto;
        vertical-align: top;
    }

    .feedback__column:first-child {
        margin-left: 0;
    }

    .feedback__border {
    }


    .feedback__text {
        margin: 16px 24px;
        height: unset;
    }

    .feedback__backquote {
        padding-top: 48px;
    }


    .feedback__author {
        display: block;
        width: 252px;
        height: 64px;
        margin: 24px 24px;
        vertical-align: top;
    }


    .example-size {
        width: 100%;
        margin-top: 30px;
    }

    .example-size .head ,
    .example-size .paragraph {

        align-items: center;
        align-content: center;
        text-align: center;
    }

    .example-size .image,
    .example-size .button {
        margin: 0 auto;
    }


    .image__example {
        margin-top: 30px;
        margin-left: calc(100% / 2 - 264px / 2) ;
    }


    .image_example_john-adamson {
        background-image: url(../img/1.png);
        background-size: 264px auto;
        background-repeat: no-repeat;
        background-position: center top;
        width: 264px;/*264*/
        height: 257px; /*257*/
    }

    .image_bordered {
        background-color: #FFFFFF;
        border: 1px solid #9C7FBE;
        border-bottom: none;
        -webkit-box-shadow: 3px 0px 0px 0px #9C7FBE;
        box-shadow: 3px 0px 0px 0px #9C7FBE;
        /*padding: 30px 22px;*/
    }

    .image__caption_adamson {
        margin: 190px auto auto -15px;
    }


    /*    .image__manager {
            background: url(../img/top-image-man-small.png) top right no-repeat;
            width: 464px;
            height: 508px;
        }

        .image__manager_height {
            width: 100%;
            height: 279px;
        }
        .image__manager_height .image {
            width: 100%;
            background-position: center top;
        }*/


    .image__manager {
        background-image: url(../img/manager-compressed.png);
        background-position:top right;
        background-repeat: no-repeat;
        background-size: 288px auto;
        width: 288px;
        height: 314px;
        margin: 0 auto;
    }

    .image__manager_height {
        width: 100%;
        height: 314px;
    }
    .manager_text_top {
        width: 100%;
        margin: 40px 0;
        padding-left: 0;
    }

    .caption {
        display: block;
        background-color: transparent;
        width: fit-content;
        height: fit-content;
        padding: 4px 8px;

        position: relative;
        margin: 100px 30px auto auto;
        text-align: center;
        vertical-align: middle;
        transform: rotate(13.65deg);
    }

    .caption_manager span {
        display: block;
        font-family: 'Gaegu', cursive;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: -1.7px;
        color: #2C1E39;
        text-transform: none;
    }


    .manager_text_top {
        width: 100%;
        margin: 80px auto;
        padding-left: 0;
    }

    .manager_text_top .head ,
    .manager_text_top .paragraph {
        align-content: center;
        align-items: center;
        text-align: center;
    }
    .manager_text_top .button {
        margin: 0 auto;
    }


    .grid {
        display: block;
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
        grid-gap: 30px;
        max-width: 1216px;
        margin: 0 auto 30px;
    }


    .margin_center {
        margin: 0 auto;
    }


    .footer__col {
        display: inline-block;
        width: 100%;
        margin: 16px 0;
        vertical-align: middle;
        /*background: rgba(50,0,0,0.5);*/
        /*border: 1px solid #2f54eb;*/
    }

    .footer__col:first-child {
        display: none;
    }

    .footer .footer__col .menu .menu__item {
        margin: 8px 0 0 0;
    }

    .footer .footer__logo {
        float: unset;
        display: block;
        width: 100%;
    }

    .footer .grid__footer {
        display: block;
        width: 100%;
        float: left;

    }

    .footer .grid__footer .grid__item .menu {
        width: 100%;
        margin: unset;
        float: unset;
        padding: 10px 0 0 0;
    }
    .footer .grid__footer .grid__item .menu__item,
    .footer .grid__footer .grid__item .menu__title
    {
        margin: 8px 20px;
    }

    .my-slider {
        margin: 32px 10px;
    }
    .my-slider__slide {
        display: block;
        /*width: 264px;*/
        /*height: calc(264px * 1.3);*/
        /*border: 1px solid #969696;*/
        margin: 0 10px;
    }
    .my-slider__button {
        position: relative;
        z-index: 100;
        margin: calc(-56px - 30px) auto 35px auto;
    }

    .my-slider__pagination {
        display: none;
    }



    .side {}

    .side__left {
        display: block;
        width: 100%;
    }

    .side__right {
        display: block;
        width: 100% /*584px*/;
        float: unset;
    }

    .contact {
        display: block;
        width: 236px;
        margin: 0 auto;
        position: relative;
        border: 2px solid #9C7FBE;
        padding: 16px 24px;

    }

    /* FAQ */

    .background_neutral_banner {
        background:#2C1E39 url(../img/banner_xs.png) right center no-repeat;
        min-width: 288px;
    }

    .banner {
        height: 186px;
    }

    .banner__head {
        float: left;
        display: block;
        width: 100%;
        height: 186px;
        min-width: 288px;
    }

    .banner__head_valign {
        margin: 33px 16px;
        position: relative;
    }


    .banner__head .head {
        font-style: normal;
        font-weight: 700;
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0.3px;
        color: #FBFAFC;
    }



    .background_banner_image {
        background: #E16036 url(../img/about-us_xs.png) center bottom no-repeat;
    }

    .banner_about-us {
        height: 184px;
    }


    .banner_who-are-you {
        margin-top: 32px;
        background: url(../img/who-we-are_xs.png) center bottom no-repeat;
        height: 124px;
    }

    #contact-us .form__col_50 {
        width: 100%;
    }

    #contact-us .form__col_100 {
        width: 100%;
    }
    #contact-us .form__col_left ,
    #contact-us .form__col_right ,
    #contact-us .form__col_full {
        margin: 3px 0 3px 0;
    }

    .side-left-menu {
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
        display: none;
        width: 100%;
        background: #FFFFFF;
        z-index: 9999;
        overflow: hidden;
        min-width: 288px;
    }

    .slm {}
    .slm__burger {
        display: block;
        width: 100%;
        height: 64px;
    }
    .slm__icon {
        display: block;
        width: 32px;
        height: 32px;
        background: url(../img/menu-burger-close.svg) center center no-repeat;
        margin: 16px;
        float: right;
        cursor: pointer;

    }
    .slm__menu {
        display: block;
        width: 100%;
    }
    .slm__panel {
        display: block;
        width: 100%;
    }
    .slm__element {
        display: block;
        width: calc(100% - 80px);
        margin: 0 24px;
        border-bottom: 1px solid #EFEDF2;
        padding: 16px;
        cursor: pointer;
    }
    .slm__element > a {
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        color: #2C1E39;
        text-decoration: none;
        padding-left: 12px;
    }
    .slm__element:hover > a,
    .slm__element:active > a,
    .slm__element > a:hover,
    .slm__element > a:active {
        color: #F16031;
    }



    .slm__additional {
        display: block;
        width: calc(100% - 112px);
        border-radius: 24px;
        padding: 16px 32px;
        text-align: center;
        margin-top: 16px;
    }
    .slm__additional > a {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }

    .slm__additional_violet {
        background: #2C1E39;
    }
    .slm__additional_orange {
        border: 2px solid #E16036;
        padding: 14px 32px;
    }
    .slm__additional_violet > a {
        color: #ffffff !important;
    }
    .slm__additional_orange > a {
        color: #E16036 !important;
    }

    .slm__element_has-child > .icon {
        content: ' ';
        width: 16px;
        height: 32px;
        display: inline-block;
        cursor: pointer;
        float: right;
    }

    .slm__submenu {
        display: block;
        width: calc(100% - 0px);
        margin-top: 0;
        padding: 10px 0;
    }

    .slm__element_open > .icon {
        background: url(../img/menu-arrow-up.svg) center center no-repeat;
    }

    .slm__element_close > .icon {
        background: url(../img/menu-arrow-down.svg) center center no-repeat;
    }

    .slm__element_sub {
        display: block;
        /*border-bottom: 1px solid #EFEDF2;*/
        padding: 12px;
        border-radius: 3px;
        cursor: pointer;
    }
    .slm__element_sub:hover {
        background-color: #FBFAFC;
    }
    .slm__element_sub:active {
        background-color: #EFEDF2;
    }

    .slm__element_sub > a {
        font-weight: 400;
        font-size: 18px;
        color: #2C1E39;
        text-decoration: none;
        line-height: 24px;
    }
    .slm__element_sub:hover > a,
    .slm__element_sub:active > a,
    .slm__element_sub > a:hover,
    .slm__element_sub > a:active {
        color: #F16031;
    }

    .slm_active {
        background: #2C1E39;
        border-radius: 24px;
        padding: 12px 32px;
    }

    .slm_active > a {
        color: #FFFFFF;
    }


    .logo__image_footer {
        display: inline-block;
        width: 166px;
        height: 32px;
        background: url(../img/logo-black.svg) left top no-repeat;
        margin: 16px;
    }
}

@media (max-width:480px) {
    .grid__item.topic {
        margin: 0 0 40px 0;
    }
}

@media (max-width: 319px) {
    /*.header, .main, .footer {
        width: 288px;
    }*/
}