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

    --pix-main-color: #ff3837;
    --pix-main-color-hex: 255,56,55;
    --pix-gradient-color: #fd7c7d;
    --pix-gradient-direction-webkit: left;
    --pix-gradient-direction-o: right;
    --pix-gradient-direction-moz: right;
    --pix-gradient-direction: to right;
    --pix-additional-color: #ff4b4b;
    --pix-black-color: #212121;

    --pix-main-font: Jost;
    --pix-font-size: 17px;
    --pix-font-weight: 400;
    --pix-font-color: #5c5c5c;

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

    --pix-subtitle-font: Jost;
    --pix-subtitle-size: 16px;
    --pix-subtitle-weight: 400;
    --pix-subtitle-style: normal;
    --pix-subtitle-color: #333333;
    --pix-subtitle-letter-spacing: 0;

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

    --pix-buttons-border: 0px;
    --pix-buttons-font: Jost;
    --pix-buttons-font-size: 16px;
    --pix-buttons-font-weight: 500;
    --pix-buttons-font-style: normal;
    --pix-buttons-text-transform: none;
    --pix-buttons-letter-spacing: 0px;
    --pix-buttons-shadow: 0px 2px 20px 5px rgba(255,75,75,0.4);

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

    --pix-tab-overlay-color: #0a0a0a;
    --pix-tab-overlay-gradient: #0a0a0a;
    --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.84;


    --pix-svg-quote: url(https://lara-cars.sk/wp-content/themes/quattro/images/svg/quote.svg);

    --pix-svg-search-white: url(https://lara-cars.sk/wp-content/themes/quattro/images/svg/search-white.svg);
    --pix-svg-search: url(https://lara-cars.sk/wp-content/themes/quattro/images/svg/search.svg);
    --pix-svg-search-hover: url(https://lara-cars.sk/wp-content/themes/quattro/images/svg/search-hover.svg);

    --pix-svg-loader: url(https://lara-cars.sk/wp-content/themes/quattro/images/decor.svg);

    --pix-decor-img: url(https://lara-cars.sk/wp-content/themes/quattro/images/decor.svg);


}

html .sep-element{
        background-image: var(--pix-decor-img);
    width: 42px;
    height: 42px;
        background-repeat: no-repeat;
    background-size: contain;
}






	html .custom-header 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);
	}

	




	html .pix-gradient,
    html .pix-header-menu.gradient .container,
    html .pix-header-menu.gradient nav ul li ul.submenu,
    html .pix-item-review .round,
    html .pix-item-left .round,
    html .pix-item-default .round,
    html .news-card-price__header,
    html .pix-progress-bar,
    html .news-card-centered__image .overlay,
    html .pix-overlay.pix-gradient-color
    {
		background: var(--pix-main-color); /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(var(--pix-gradient-direction-webkit), var(--pix-main-color), var(--pix-gradient-color)); /*Safari 5.1-6*/
		background: -o-linear-gradient(var(--pix-gradient-direction-o), var(--pix-main-color), var(--pix-gradient-color)); /*Opera 11.1-12*/
		background: -moz-linear-gradient(var(--pix-gradient-direction-moz), var(--pix-main-color), var(--pix-gradient-color)); /*Fx 3.6-15*/
		background: linear-gradient(var(--pix-gradient-direction), var(--pix-main-color), var(--pix-gradient-color)); /*Standard*/
	}

    html .transparent.pix-icon-gradient .icon span,
    html .news-item-price-long__price .icon-message span
    {
        background: -webkit-linear-gradient(var(--pix-gradient-direction-webkit), var(--pix-main-color), var(--pix-gradient-color)); /*Safari 5.1-6*/
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
	}
    
    html .round.pix-icon-gradient
    {
        background: -webkit-linear-gradient(var(--pix-gradient-direction-webkit), var(--pix-main-color), var(--pix-gradient-color)); /*Safari 5.1-6*/
        background: linear-gradient(var(--pix-gradient-direction), var(--pix-main-color), var(--pix-gradient-color)); /*Standard*/
    }

	




html .custom-header{
	padding: 140px 0 90px;
	margin-bottom: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    }

html .pix-header.pix-levels + .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: 190px;
}

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


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

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

