:root {

    --primary : #373534;
    --primary-hover : #21201f;

    --secondary : #2dcfd3;
    --secondary-hover : #27b7c0;   

    --highlight : #ffcd07;
    --highlight-hover : #f4ba00;

    --tonic : #e30613;
    --tonic-hover : #c80511;


    --neutral : #eae4d8;
    
    --neutral-light : #f0e8d8;
    
    --neutral-dark : #c4b9a4;
     
    --light : #4b525c;

    --dark : #082c4e;


    --web-color : #426691;

    --multicanal-color : #468faf;

    --telemarket-color : #014f86;


    --logo-height-mobile: 56px;
    --logo-height-tablet: 40px;
    --logo-height-desktop: 60px;
    
    --header-mobile-height: 0px;
    --header-tablet-height: 77px;
    --header-desktop-height: 15px;

    --header-bg-color: transparent;
    --topbar-bg-color: transparent;
    --burger-bg-color: #FFFFFF;
    --menu-mobile-bg-color: var(--tonic);

    --fontsize-base: 1rem;
    --fontsize-base-mobile : .9rem;
    --fontsize-scale: 1.25;
    --fontsize-scale-mobile: 1.2;

    --button-01-bg-color: var(--tonic);
    --button-01-bg-color-hover: var(--tonic-hover);
    --button-01-text-color: #FFF;
    --button-02-bg-color: var(--highlight);
    --button-02-bg-color-hover: var(--highlight-hover);
    --button-02-text-color: #FFF;
    --button-03-bg-color: var(--secondary);
    --button-03-bg-color-hover: var(--secondary-hover);
    --button-03-text-color: #FFF;
    --button-default-padding-x: 16px;
    --button-default-padding-y: 10px;
    --button-default-radius: 18px;

    --icon-social-radius: 10rem;
    --icon-social-bg-color: var(--tonic);
    --icon-social-color: #FFF;

    --fontfamily:  'Titillium Web', sans-serif;

    --heading-fontfamily:  'Amaranth', sans-serif;
    --heading-fontcolor: var(--primary);
    --heading-fontweight: 700;
    --heading-fontweight-strong: 700;
    
    --marge-y-block: 4rem;
}
@media screen and (max-width:781px){
    :root {
        --marge-y-block: 2rem;
    }
}

 

.psll_container,
.global_content {
    --container-gutter: 10px !important;
}
@media screen and (min-width:768px){
    .psll_container,
    .global_content {
        --container-gutter: 15px !important;
    }
}
@media screen and (min-width:992px){
    .psll_container,
    .global_content {
        --container-gutter: 15px !important;
    }
}