
:root{

    --pix-main-color: #ff3377;
    --pix-main-color-lighter: #FF3F83;
    --pix-main-color-lighter-2x: #FF4B8F;
    --pix-main-color-darker: #E71B5F;
    --pix-main-color-hex: 255,51,119;
    --pix-gradient-color: #ff9933;
    --pix-gradient-direction-webkit: left bottom;
    --pix-gradient-direction-o: top right;
    --pix-gradient-direction-moz: top right;
    --pix-gradient-direction: to top right;
    --pix-gradient-reverse-direction-webkit: top right;
    --pix-gradient-reverse-direction-o: left bottom;
    --pix-gradient-reverse-direction-moz: left bottom;
    --pix-gradient-reverse-direction: to left bottom;

    --pix-tab-overlay-color: #0f1a51;
    --pix-tab-overlay-gradient: #1f168b;
    --pix-tab-gradient-direction-webkit: top;
    --pix-tab-gradient-direction-o: bottom;
    --pix-tab-gradient-direction-moz: bottom;
    --pix-tab-gradient-direction: to bottom;
    --pix-tab-overlay-opacity: 0;

}


    body .pageheader span.vc_row-overlay{
        background: var(--pix-tab-overlay-color); /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(var(--pix-tab-gradient-direction-webkit), var(--pix-tab-overlay-color), var(--pix-tab-overlay-gradient)); /*Safari 5.1-6*/
        background: -o-linear-gradient(var(--pix-tab-gradient-direction-o), var(--pix-tab-overlay-color), var(--pix-tab-overlay-gradient)); /*Opera 11.1-12*/
        background: -moz-linear-gradient(var(--pix-tab-gradient-direction-moz), var(--pix-tab-overlay-color), var(--pix-tab-overlay-gradient)); /*Fx 3.6-15*/
        background: linear-gradient(var(--pix-tab-gradient-direction), var(--pix-tab-overlay-color), var(--pix-tab-overlay-gradient)); /*Standard*/
        opacity: var(--pix-tab-overlay-opacity);
    }

    
body .pageheader{
    padding: 200px 0 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    }

body .pix-page{
    padding-top: 120px;
}


    body .pix-gradient,
    body .post__date,
    body .btn-gradient,
    body .widget-gradient,
    body .team__memberPost,
    body .step__icon > b,
    body .news__itemBody:before,
    body .project__info:before,
    body .related__postTitle:before,
    body .page-item.active .page-link,
    body .nav-links .page-numbers.current,
    html .pix-overlay.pix-gradient-color,
    html .pix-block-content .round.pix-icon-bg-gradient-color,
    body .subscribe,
    body .menu > nav > ul > li > a.callback:before,
    body .post__search form button {
        background-image: -webkit-linear-gradient(var(--pix-gradient-direction-webkit), var(--pix-main-color), var(--pix-gradient-color)); /*Safari 5.1-6*/
        background-image: -o-linear-gradient(var(--pix-gradient-direction-o), var(--pix-main-color), var(--pix-gradient-color)); /*Opera 11.1-12*/
        background-image: -moz-linear-gradient(var(--pix-gradient-direction-moz), var(--pix-main-color), var(--pix-gradient-color)); /*Fx 3.6-15*/
        background-image: linear-gradient(var(--pix-gradient-direction), var(--pix-main-color), var(--pix-gradient-color)); /*Standard*/
    }

    .widget ul > li:before,
    body .footer__menu > ul > li:before,
    body .footer__social > a > i,
    body .news__itemInfo [class^="pix-icon-"],
    body .news__itemInfo [class*=" pix-icon-"],
    html .transparent.pix-icon-gradient .icon span,
    body .counter__amount > span,
    body .tab-pane li:before,
    body blockquote:before,
    body .blockquote:before,
    body .team__memberText li:before {
            background-clip: text;
            -webkit-background-clip: text;
            text-fill-color: transparent;
            -webkit-text-fill-color: transparent;
            background-image: -webkit-linear-gradient(var(--pix-gradient-direction-webkit), var(--pix-main-color), var(--pix-gradient-color)); /*Safari 5.1-6*/
            background-image: -o-linear-gradient(var(--pix-gradient-direction-o), var(--pix-main-color), var(--pix-gradient-color)); /*Opera 11.1-12*/
            background-image: -moz-linear-gradient(var(--pix-gradient-direction-moz), var(--pix-main-color), var(--pix-gradient-color)); /*Fx 3.6-15*/
            background-image: linear-gradient(var(--pix-gradient-direction), var(--pix-main-color), var(--pix-gradient-color)); /*Standard*/
    }

