/* HEADER */
header .pre-header {
    background-color: #d2162a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    width: 100%;
    font-size: 1.143rem;
}
header .pre-header .claim {
    font-size: 1.286rem;
}

header .pre-header .text-center {
    justify-content: center;
    font-weight: 600;
}

header .pre-header [class="col-md"] {
    display: flex;
    align-items: center;
    color: #fff;
}
header .pre-header .phone-animation {
    padding-right: 3rem;
    position: relative;
}
header .pre-header .text-right {
    justify-content: flex-end;
}
header .pre-header {
    display: flex;
    align-items: center;
    color: #fff !important;
}
header .pre-header a {
    color: #fff;
}
header .pre-header .text-center {
    justify-content: center;
    font-weight: 600;
}



header .header {
    background-color: #000;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.143rem;
}

header .header .navbar .navbar-nav .nav-item:first-child {
    margin-left: 0;
}
header .header .navbar .navbar-nav .nav-item {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    height: 80px;
    display: flex;
    align-items: center;
    color: #fff !important;
}


header .header .navbar .navbar-nav .nav-item .nav-link {
    letter-spacing: .4px;
    font-weight: 400;
    color: #fff !important;
    text-transform: uppercase;
    font-size: .929rem;
}

.navbar-nav .nav-link {
    padding-right: 40px !important;
}


/*
header {
    overflow: scroll;
} */
/*
.sticky-top {
    position: sticky;
    top: 0;
} */


/* FOOTER */
/* footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
} */

/* #footer {
    bottom: 0;
    width: 100%;
    position: absolute;
    font-size: 16px !important;
} */

footer .socket .row .col-md-6 {
    display: block;
}
footer .socket {
    margin-top: 4rem;
    color: #fff;
    background-color: #000;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .socket .socket-left {
    text-align: left;
}

footer .socket .socket-right {
    text-align: right;
}

footer .socket a {
    font-size: 14px !important;
    color: #fff;
}

footer a {
    color: #000;
    text-decoration: underline !important;
    transition: all .2s ease-out;
}



/*ESTILS GENERALS*/
.tramit-item {
    border-top: 8px solid #d2162a;
    min-height: 170px;
    padding: 1.5rem;
    background-color: #f2f2f2;
    margin-top: 3rem;
    transition: all .2s ease-out;
}

.footer-tramit-item {
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 0 6px 8px -4px rgb(0 0 0 / 20%);
    background-color: #fff;
    min-height: 50px;
    padding: 0.85rem 1.5rem;
    position: relative;

    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;

    display: flex;
    align-items: center;
}

.boto-red{
    background-color: #d2162a;
    font-weight: 600;

}

.boto-grey{
    background-color: #dfdbdb;
    color: black !important;
    font-weight: 600;

}

.info-boto {
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
}

li {
    list-style: none !important;
}

.title-ajut{
    font-size: 21px !important;
    color: black;
    font-weight: 500;
}

.subtitle-header{
    font-size: 23px !important;
    color: black;
    font-weight: 600;

}


.toast {
    top: 80px;
    opacity: 1 !important;
}

@media (max-width:767px){
    .toast{
        top: 160px;
        width: 100vw !important;
        opacity: 1 !important;
    }

    .toast-message{
        font-size: 13px !important;
    }
}