:root{
    --pix-header-transparent: 0;
    --pix-header-menu-transparent: 1;
    --pix-header-height: 100px;
    --pix-header-height-levels: 138px;
    --pix-top-bar-transparent: 1;

    --pix-main-color: #2776ea;
    --pix-main-color-lighter: #3382F6;
    --pix-main-color-lighter-2x: #3F8EFF;
    --pix-main-color-darker: #0F5ED2;
    --pix-main-color-hex: 39,118,234;
    --pix-gradient-color: #2776ea;
    --pix-gradient-direction-webkit: left;
    --pix-gradient-direction-o: right;
    --pix-gradient-direction-moz: right;
    --pix-gradient-direction: to right;
    --pix-gradient-reverse-direction-webkit: right;
    --pix-gradient-reverse-direction-o: left;
    --pix-gradient-reverse-direction-moz: left;
    --pix-gradient-reverse-direction: to left;
    --pix-additional-color: #f5f7f9;
    --pix-additional-color-rgb: 245,247,249;
    --pix-white-color: #ffffff;
    --pix-black-color: #212121;
    --pix-black-color-hex: 33,33,33;
    --pix-black-color-lighter: #393939;
    --pix-black-color-lighter-2x: #515151;

    --pix-shadow: 0 0px 5px rgba(0,0,0,.1), 0 5px 20px rgba(0,0,0,0.1);
    --pix-text-shadow: none; /*1px 1px 0 rgba(0,0,0,.18);*/

        --pix-button-color: #2776ea;
        --pix-button-color-lighter: #3F8EFF;
        --pix-button-color-darker: #3382F6;
        --pix-button-color-hex: 39,118,234;

    --pix-main-font: Jost;
    --pix-font-size: 18px;
    --pix-font-size-larger: 20px;
    --pix-font-size-smaller: 0.8em;
    --pix-font-line-height: 1.8;
    --pix-font-line-height-px: 32px;
    --pix-font-line-height-em: 1.778em;
    --pix-font-weight: 400;
    --pix-font-color: #3a3a3a;
    --pix-font-color-light: #e2e2e2;

    --pix-h1-size: 2.489em;
    --pix-h2-size: 2.074em;
    --pix-h3-size: 1.728em;
    --pix-h4-size: 1.44em;
    --pix-h5-size: 1.2em;
    --pix-h6-size: 1em;

    --pix-title-font: Jost;
    --pix-title-size: 38px;
    --pix-title-weight: 600;
    --pix-title-style: normal;
    --pix-title-color: #000000;
    --pix-title-letter-spacing: 0;

    --pix-subtitle-font: Jost;
    --pix-subtitle-size: 20px;
    --pix-subtitle-weight: 600;
    --pix-subtitle-style: normal;
    --pix-subtitle-color: #000000;
    --pix-subtitle-letter-spacing: 0;

    --pix-hlink-font: Jost;
    --pix-hlink-size: 20px;
    --pix-hlink-weight: 600;
    --pix-hlink-style: normal;
    --pix-hlink-color: #000000;

    --pix-buttons-border: 2px;
    --pix-buttons-font: Jost;
    --pix-buttons-font-size: 18px;
    --pix-buttons-font-weight: 500;
    --pix-buttons-font-style: normal;
    --pix-buttons-text-transform: none;
    --pix-buttons-letter-spacing: 0px;
    --pix-buttons-shadow: none;

    --pix-hover-gradient: rgba(0,0,0,.4);

    --pix-tab-overlay-color: #050017;
    --pix-tab-overlay-gradient: ;
    --pix-tab-gradient-direction-webkit: right bottom;
    --pix-tab-gradient-direction-o: top left;
    --pix-tab-gradient-direction-moz: top left;
    --pix-tab-gradient-direction: to top left;
    --pix-tab-overlay-opacity: 0.8;

    --pix-svg-search: url(https://asmex.pl/wp-content/themes/solutech/images/svg/search-white.svg);
    --pix-svg-loader: url(https://asmex.pl/wp-content/themes/solutech/images/decor.svg);

    --pix-decor-img: url(https://asmex.pl/wp-content/themes/solutech/images/decor.svg);


}


html .sep-element{
	display: none;
}





html .custom-header span.vc_row-overlay{
	background-color: var(--pix-tab-overlay-color) !important;
	opacity: var(--pix-tab-overlay-opacity);
}









html .custom-header{
	padding: 190px 0 260px;
	margin-bottom: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
        /*box-shadow: 0 -18px 18px -18px rgba(0,0,0,.3) inset, 0 18px 18px -18px rgba(0,0,0,.3) inset;*/
}

html .pix-header.pix-levels.transparent + .custom-header{
    padding-top: 220px;
}

html .pix-header.pix-levels.header-topbar-view + .custom-header{
    padding-top: 270px;
}

/*html .header-topbar-view + .custom-header{
    padding-top: 240px;
}*/

section.pix-page-no-padding{
    margin-top: -0px;
}


@media screen and (max-width: 1024px) {
    html .header-topbar-view + .custom-header{
        padding-top: 190px;
    }
}

@media screen and (max-width: 575px) {
    html .header-topbar-view + .custom-header{
        padding-top: 95px;
        padding-bottom: 180px;
    }
}

