@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600&display=swap');


/* CUSTOM DESIGN */

#cofidis_pay {
    background-color: #fff;
}

#cofidis_pay #landing {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

#cofidis_pay #landing img {
    width: 100%;
}

#cofidis_pay #landing section {
    margin-bottom: 40px;
}

#cofidis_pay #landing .c-white {
    color: #fff;
}

#cofidis_pay #landing .c-red {
    color: #D0143A;
}

#cofidis_pay #landing .c-grey {
    color: #555;
}


#cofidis_pay #landing .title-section {
    padding-bottom: 25px;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
    padding-left: 0;
}

/*  HEADER SECTION  */
#cofidis_pay #landing .header {
    box-shadow: 0 10px 9px -9px #bdbdbd;
    padding: 20px 0;
}


/*  COFIDIS BANNER*/
#cofidis_pay #landing .banner-desktop {
    display: block;
}

#cofidis_pay #landing .landing_FR_LATE .banner-desktop {
    max-height: 35px;
}

#cofidis_pay #landing .landing_FR_LOAN .banner-desktop,
 #cofidis_pay #landing .landing_FR_FOIS .banner-desktop,
 #cofidis_pay #landing .landing_FR_PROJ .banner-desktop {
    max-height: 55px;
}
#cofidis_pay #landing .banner-tablet,
#cofidis_pay #landing .banner-mobile {
    display: none;
}

@media (max-width: 768px) {
    #cofidis_pay #landing .banner-desktop,
    #cofidis_pay #landing .banner-mobile {
        display: none;
    }

    #cofidis_pay #landing .banner-tablet {
        display: block;
    }
}

@media (max-width: 615px) {
    #cofidis_pay #landing .banner-desktop,
    #cofidis_pay #landing .banner-tablet {
        display: none;
    }

    #cofidis_pay #landing .banner-mobile {
        display: block;
    }
}

/* COFIDIS CARDS  */
#cofidis_pay #landing .cofidis-cards {
    padding: 25px 0;
    margin: 0px;
    display: inline-flex;
}

#cofidis_pay #landing .cofidis-cards .title-section {
    padding-bottom: 10px;
    font-size: 25px !important;
    display: block;
    margin: auto;
    max-width: 600px;
}

#cofidis_pay #landing .cofidis-cards .container-cards {
    width: 80%;
    margin: 20px auto;
}

#cofidis_pay #landing .cofidis-cards .card {
    margin: 10px;
    border: none;
    padding: 15px 20px;
    box-shadow: none;
}

#cofidis_pay #landing .cofidis-cards .card img {
    max-width: 110px;
    display: block;
    margin: 0 auto;
}

#cofidis_pay #landing .cofidis-cards .card p {
    padding-left: 0;
}


#cofidis_pay #landing .cofidis-cards .card .content-card {
    padding-top: 15px;
    font-size: 15px;
}

/* FOOTER  */
#cofidis_pay #landing .footer {
    background-color: #363636;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 0;
}

#cofidis_pay #landing .footer img {
    padding: 20px 10px;
    max-width: 160px;
}

#cofidis_pay #landing .footer .text-container {
    width: 97%;
}

#cofidis_pay #landing .footer .text-container p {
    margin: 20px 10px;
    font-size: 16px;
    padding-left: 0;
}

/*******************   LANDING BELGICA    *****************/
#landing-client-flex .c-red {
    color: #D0143A;
}

#landing-client-flex .caption-img {
    width: 180px;
    display: inline-block;
    margin: auto;
    font-weight: 700;
}
#landing-client-flex .main-title {
    background-color: #003d44;
    color: #fff;
}
#landing-client-flex .ico-flex {
    width: 180px;
    height: auto;
    margin: auto;
}
#landing-client-flex .mw-50 {
    max-width: 50%;
}
.img-product-title{
    margin-top: 30px;
}
#cofidis_pay #landing .cofidis-cards .title-section.title-FR-LOAN{
    margin-left: 15px;
}

@media (max-width: 500px) {
    #landing-client-flex .logo {
        width: 320px !important;
        max-width: 320px !important;
    }
}

/*LANDINGs ESPAÑA*/
@font-face {
    font-family: 'Titillium';
    src:    url('fonts/TitilliumWeb-Regular.ttf') format('truetype'),
            url('fonts/TitilliumWeb-Regular.woff2') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Arial';
    src:    url('fonts/arial.ttf') format('truetype'),
            url('fonts/arial.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src:    url('fonts/GothamMedium.ttf') format('truetype'),
            url('fonts/GothamMedium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
#bootstrap-cfd #landing-4xcard-es .ico-flex, #bootstrap-cfd #landing-CofidisPay-es .ico-flex {
    width: auto;
    height: 144px;
    margin: auto;
}


#bootstrap-cfd #landing-4xcard-es .title.main-title, #bootstrap-cfd #landing-CofidisPay-es .title.main-title {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 40px/var(--unnamed-line-spacing-30) var(--unnamed-font-family-gotham);
    text-align: center;
    font: normal normal bold 40px/30px Titilium;
    line-height: 45px;
    letter-spacing: 0px;
}
#bootstrap-cfd #landing-4xcard-es .title, #bootstrap-cfd #landing-CofidisPay-es .title {
    color: #D61E38;
    text-transform: uppercase;
    opacity: 1;
}
#bootstrap-cfd #landing-4xcard-es p, #bootstrap-cfd #landing-4xcard-es p span, #bootstrap-cfd #landing-4xcard-es li, #bootstrap-cfd #landing-4xcard-es .accordion-button, #bootstrap-cfd #landing-CofidisPay-es p, #bootstrap-cfd #landing-CofidisPay-es p span, #bootstrap-cfd #landing-CofidisPay-es li, #bootstrap-cfd #landing-CofidisPay-es .accordion-button {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-22)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-titillium);
    font: normal normal normal 22px/30px Titillium;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    text-align: left;
}
#bootstrap-cfd #landing-4xcard-es .caption-img, #bootstrap-cfd #landing-CofidisPay-es .caption-img {
    width: 100%;
    display: inline-block;
    margin: auto;
    text-align: center;
}
#bootstrap-cfd #landing-4xcard-es .bg-section, #bootstrap-cfd #landing-CofidisPay-es .bg-section {
    background: var(--unnamed-color-f7f4f0) 0% 0% no-repeat padding-box;
    background: #F7F4F0 0% 0% no-repeat padding-box;
}
#bootstrap-cfd #landing-4xcard-es .title.section-title, #bootstrap-cfd #landing-CofidisPay-es .title.section-title {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 35px/35px var(--unnamed-font-family-gotham);
    font: normal normal bold 35px/35px Titilium;
    letter-spacing: -0.7px;
    line-height: 40px;
    text-align: left;
}


#bootstrap-cfd #landing-4xcard-es .sub-title, #bootstrap-cfd #landing-CofidisPay-es .sub-title {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-20)/34px var(--unnamed-font-family-gotham);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-848484);
    font: normal normal normal 20px/34px Gotham;
    line-height: 34px;
    color: #848484;
    text-transform: uppercase;
}
#bootstrap-cfd #landing-4xcard-es ol, #bootstrap-cfd #landing-CofidisPay-es ol {
    margin-left: -10px;
}
#bootstrap-cfd #landing-4xcard-es ol li, #bootstrap-cfd #landing-CofidisPay-es ol li {
    padding: 7px 0;
}
#bootstrap-cfd #landing-4xcard-es .bg-financiacion {
    background-image: url(../img/landing-ES/4xcard/1920/financiacion-1920px.png);
}
#bootstrap-cfd #landing-4xcard-es .bg-financiacion, #bootstrap-cfd #landing-CofidisPay-es .bg-financiacion {
    background-repeat: no-repeat;
    background-position: center;
}
#bootstrap-cfd #landing-4xcard-es .accordion-item, #bootstrap-cfd #landing-CofidisPay-es .accordion-item{
    border: 0;
}
#bootstrap-cfd #landing-4xcard-es .faqs .accordion .accordion-item details .accordion-button:not(.collapsed)::after, #bootstrap-cfd #landing-CofidisPay-es .faqs .accordion .accordion-item details .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg);
}
#bootstrap-cfd #landing-4xcard-es .faqs .accordion .accordion-item details[open] .accordion-button:not(.collapsed)::after, #bootstrap-cfd #landing-CofidisPay-es .faqs .accordion .accordion-item details[open] .accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
}
#bootstrap-cfd #landing-4xcard-es .faqs .accordion .accordion-button:not(.collapsed), #bootstrap-cfd #landing-CofidisPay-es .faqs .accordion .accordion-button:not(.collapsed) {
    box-shadow: none;
}
#bootstrap-cfd #landing-4xcard-es .faqs .accordion .accordion-button, #bootstrap-cfd #landing-CofidisPay-es .faqs .accordion .accordion-button {
    background: var(--unnamed-color-eaeaea) 0% 0% no-repeat padding-box;
    background: #EAEAEA 0% 0% no-repeat padding-box;
    padding: 0.5rem 1.25rem;
    line-height: 30px;
    color: #000000;
    font-weight: bold;
}
#bootstrap-cfd #landing-4xcard-es .faqs .accordion .accordion-button:not(.collapsed)::after, #bootstrap-cfd #landing-CofidisPay-es .faqs .accordion .accordion-button:not(.collapsed)::after {
    filter: brightness(0);
}
#bootstrap-cfd #landing-4xcard-es .terminos p, #bootstrap-cfd #landing-4xcard-es .terminos span, #bootstrap-cfd #landing-CofidisPay-es .terminos p, #bootstrap-cfd #landing-CofidisPay-es .terminos span {
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 16px/var(--unnamed-line-spacing-25) var(--unnamed-font-family-arial);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    font: normal normal normal 16px/25px Arial;
    line-height: 25px;
    letter-spacing: 0px;
    color: #000000;
}
#bootstrap-cfd #landing-CofidisPay-es .bg-financiacion {
    background-image: url(../img/landing-ES/cofidisPay/1920/financiacion-1920px.png);
}
#bootstrap-cfd .never-display{
    display: none !important;
}
#red{

    text-decoration: underline;
    font: italic normal normal 14px / 19px Open Sans;
    color: #D61E38;
}
#questions{

   font: normal normal normal 14px/19px Open Sans ;
}
@media screen and (max-width: 768px) {
    #bootstrap-cfd #landing-CofidisPay-es .calendario {
        
       margin-top: 60px;
    }
    #bootstrap-cfd #landing-CofidisPay-es .tarjeta {
        
        margin-top:-50px;
        margin-bottom:20px;
    }
    #bootstrap-cfd #landing-4xcard-es .calendario {
        
        margin-top: 50px;
     }
     #bootstrap-cfd #landing-4xcard-es .tarjeta {
        
        margin-top: -50px;
     }


  }

/*# sourceMappingURL=style.css.map */