:root{
    /* OLD VERSION */
    /* --red:      #ce6a00;


    --primary:  #543515;
    --primary-dark:  #521D00; 
    --primary-light:  #85501D;


    --secondary:#cf6901;
    --secondary-dark:#B65000;
    --secondary-light:#E9831B; */

    /* VERSION TWO */
    --red:      #ca4211;

    /* --light:    #ece4d6; */
    --primary:#2e3830;
    --primary-dark:  #151F17; 
    --primary-light:  #48524A;


    --secondary:#ca4211;
    --secondary-dark:#96260d;
    --secondary-light:#E9831B;

    /* --light:#e9e2e0;
    --light-light:#FFFCFA;
    --light-dark:#D0C9C7; */

    --color-to-primary: invert(19%) sepia(14%) saturate(505%) hue-rotate(80deg) brightness(92%) contrast(91%);
    --color-to-secondary: invert(33%) sepia(92%) saturate(931%) hue-rotate(345deg) brightness(88%) contrast(106%);

}
.borderTopRed {
    border-top: 5px solid #f7c331;
}
@media only screen and (min-width: 48em) {
    .dl-menuwrapper.dlactive,
    .dl-menuwrapper.dlactive .dl-menu.dl-subview li.dl-subviewopen {
        width: 100%;
        max-width: 300px
    }
    div.dl-menuwrapper.dlactive {
        margin-left: -150px
    }
    .navbar>ul>li.insuranceLink>a:before {
        content: 'Pokrycie Ubezpieczenia';
        font-size: 14px;
        display: block;
        line-height: 1em
    }
}    
.breadcrumb ul>li.bdHome>a>span{
    display: none;
}
.breadcrumb ul>li:nth-child(1)>a {
    margin-right: -5px;
}
div .tinyPopTip:after {
    content: ' ';
}

body .whatIncluded ul li>span{
    color:var(--red);
}
body .whatIncluded .whyus {
    transform: rotate(0deg);
    text-transform: uppercase;
    line-height: 1em;
    text-align: left;
    padding-left: 40px;
}

body .whatIncluded .whyus:first-letter {
    font-size: 100%;
}
@media only screen and (min-width: 48em) {
    select#langbox {
        max-width: 255px;
    }
}



@media only screen and (max-width: 767px) {
    body .mainScore {
        position: absolute;
        bottom: 8px;
        left: 10px;
    }
}
.rating{
    position: relative;
}

/* COLOR TO SECONDARY */
body .socialFooter>a:hover>i {
    filter: var(--color-to-primary);
}