:root {
    --common-color: #fff;
    --common-secondary-color: #cacaca;
    /*--common-primary-color: #5b6177;*/
    --common-feature-color: #a3a3a3;
    /*--common-btn-background-color-dark: linear-gradient(45deg, #5b6177 0, #5d6379 100%);*/
    /*--common-border: 1px solid #5b6177;*/

    --common-primary-color: #4A526B;
    --common-btn-background-color-dark: linear-gradient(45deg, #434a60 0, #4A526B 100%);
    --common-border: #4A526B;
}

/* x1 */
body.site-type-x1 .Form #register .bigbtn.active {
    background: var(--common-primary-color);
}

body.site-type-x1 .Form #register .bigbtn.btn-next, .Form #register .bigbtn.agree-btn {
    background: var(--common-primary-color);
}

body.site-type-x1 .Form #register .bigbtn {
    background: #ccc;
}

body.site-type-x1 .Form .progressbar .pb.active .pb-inner {
    background: var(--common-primary-color);
}

body.site-type-x1 .Form .panel .panel-heading h1 {
    color: var(--common-primary-color) !important;
}

/*x2*/

body.site-type-x2 #landing #content #profiles .item .info .name {
    color: var(--common-secondary-color) !important;
}

body.site-type-x2 #landing #header .actions button {
    background: var(--common-primary-color);
}

body.site-type-x2 #form #form-header #counter {
    background: var(--common-primary-color);
}

body.site-type-x2 #landing #badges .item .icon i {
    color: var(--common-primary-color);
}

body.site-type-x2 #landing #header .actions .loggin {
    background: var(--common-secondary-color);
}

body.site-type-x2 #landing #form #form-steps .step .answ .answ-item.active i {
    color: var(--common-primary-color);
}

body.site-type-x2 #landing .text-1 span {
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes example {
    0% {
        color: white;
    }
    50% {
        color: var(--common-primary-color);
    }
}

body.site-type-x2 .arrow-2 svg path {
    fill: var(--common-primary-color) !important;
}

body.site-type-x2 #landing #logginModal .modal-header {
    background: var(--common-primary-color);
}

body.site-type-x2 #landing #logginModal .new-style-btn {
    background: var(--common-primary-color);
    border-color: var(--common-primary-color);
}

body.site-type-x2 #landing #form #form-steps .step.step-agreement .next-btn button {
    background: var(--common-primary-color);
}


/*x3*/
body.site-type-x3 .container-main .counters, body .container-main .important {
    color: var(--common-primary-color);
}

body.site-type-x3 .container-main #register .bigbtn.g-color {
    background-color: #ccc;
    border-color: #ccc;
}

body.site-type-x3 .container-main #register .bigbtn {
    background-color: var(--common-primary-color);
    border-color: var(--common-primary-color);
}

/* x4 */

@keyframes blink-x4 {
    0% {
        color: #fff;
    }
    50% {
        color: var(--common-primary-color);
    }
    100% {
        color: #fff;;
    }
}

body.site-type-x4 #header #actions .item.loggin {
    background-color: var(--common-secondary-color);
    border-color: var(--common-secondary-color);
}

body.site-type-x4 #form #counter .time {
    color: var(--common-primary-color);
}

body.site-type-x4 #header #actions .item.shaker,
body.site-type-x4 #profiles .myBtn.active,
body.site-type-x4 #profiles .myBtn,
body.site-type-x4 #profiles .agree-btn,
body.site-type-x4 #footer #load-more,
body.site-type-x4 #logginModal .modal-header,
body.site-type-x4 #logginModal .new-style-btn,
body.site-type-x4 #main #steps .step .answer .item:hover,
body.site-type-x4 #main .agree-btn,
body.site-type-x4 #main #steps .step .answer .item.active {
    background-color: var(--common-primary-color);
    border-color: var(--common-primary-color);
}
/* x5 */
body.site-type-x5 .registration-modal .registration-form-wrapper .btn-dark.btn-step,
body.site-type-x5 .registration-modal .registration-form-wrapper .btn-dark.submit,
body.site-type-x5 .registration-modal .registration-form-wrapper .agree-btn,
body.site-type-x5 .Registration .btn-dark{
    background-color: var(--common-primary-color) !important;
    border-color: var(--common-primary-color) !important;
}

/* x6 */
body.site-type-x6 #form .counter,
body.site-type-x6 #form .steps-indicator .item.active,
body.site-type-x6 #form .agree-btn,
body.site-type-x6 #profiles .profile .info .actions button,
body.site-type-x6 #form .form-body .step .step-actions .item.active {
    background-color: var(--common-primary-color);
    border-color: var(--common-primary-color);
}

body.site-type-x6 #form .heading h1 span {
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes example {
    0% {
        color: white;
    }
    50% {
        color: var(--common-primary-color);
    }
}

/* x7 */

body.site-type-x7 #form .header .actions button,
body.site-type-x7 #form #steps .step .step-actions .item.active,
body.site-type-x7 #form #steps .step .step-actions .reg_btn.active,
body.site-type-x7 #form #steps .step-agreement .next-btn button,
body.site-type-x7 #special-profiles .inner .profile .profile-inner .sign .text-inner span,
body.site-type-x7 #content .badges .inner .item .icon i,
body.site-type-x7 #logginModal .modal-header,
body.site-type-x7 #form .counter .inner {
    background-color: var(--common-primary-color);
}

body.site-type-x7 #logginModal .new-style-btn {
    background-color: var(--common-primary-color);
    border-color: var(--common-primary-color);
}

body.site-type-x7 #content .info i {
    color: var(--common-primary-color);
}

body.site-type-x7 #form .header .actions .loggin {
    background-color: var(--common-secondary-color);
}

/* x8 */
body.site-type-x8 .bg .inner .top .right-strip {
    border-bottom-color: var(--common-primary-color);
}

body.site-type-x8 .content .inner .inner-left .map .map-inner .map-flex i {
    color: var(--common-primary-color);
}

body.site-type-x8 .content .inner .inner-right .inner-form #counter .counter-inner,
body.site-type-x8 .content .inner .inner-left .big-image .balloon .line .line-inner,
body.site-type-x8 .content .inner-2 .btn,
body.site-type-x8 .content .inner .inner-left .big-image .balloon .line:first-child .line-inner {
    background-color: var(--common-primary-color);
}

body.site-type-x8 .content .inner .inner-right .inner-form .text-1 span {
    color: var(--common-primary-color);
}

body.site-type-x8 .content .inner .inner-right .inner-form .form .step .answer .item.colored {
    color: var(--common-primary-color);
}

body.site-type-x8 .content .inner .inner-right .inner-form .form .step-agreement .item.colored.agree-btn i {
    color: var(--common-primary-color) !important;
}

body.site-type-x8 .arrow-2 svg path {
    fill: var(--common-primary-color) !important;
}

body.site-type-x8 .bg .inner .bottom .inner .strip-1 {
    border-bottom-color: var(--common-primary-color);
    opacity: 0.05;
}

body.site-type-x8 .bg .inner .bottom .inner .strip-2 {
    border-bottom-color: var(--common-primary-color);
    opacity: 0.05;
}

body.site-type-x8 .bg .inner .bottom .inner-2 {
    background: var(--common-primary-color);
    opacity: 0.1;
}


/* z2 */
body.site-type-z2 #land-8 #header #steps .step {
    background: var(--common-primary-color);
}

body.site-type-z2 #land-8 #content .inner .left-side .inner-2 #images .text .inner-text span,
body.site-type-z2 #land-8 #header #profiles .profiles-inner .first-item .inner .plus,
body.site-type-z2 #land-8 #content .inner .right-side #form .step button,
body.site-type-z2 #land-8 #content .inner .right-side #form .step .gender-btns .gender-btn.active {
    background: var(--common-primary-color);
}

body.site-type-z2 #land-8 #content .inner .right-side #form-top .line-2 {
    color: var(--common-primary-color);
}
body.site-type-z2 #land-8 #content .inner .right-side #bottom-icons .item .line-1,
body.site-type-z2 #land-8 #content .inner .right-side #bottom-icons .item .icon {
    color: var(--common-primary-color);
}