@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');





html,

body {

    font-family: "Poppins";

    font-weight: 400;

    font-size: 16px;

    line-height: 22px;

    padding: 0;

    margin: 0;

    color: #1b2d5a;

    width: 100%;

    position: relative;

    scroll-behavior: smooth;

    overflow-x: hidden;

}



/*---- Comman stylesheet ----*/

a {

    text-decoration: none;

}



a:hover {

    text-decoration: none;

}



ul,

li,

p {

    margin: 0;

    padding: 0;

    list-style-type: none;

}



button,

input,

a,

textarea,

select {

    outline: 0 !important;

    box-shadow: unset !important;

}



.container {

    padding: 0 20px;

}



.fa-brands,

.fab {

    font-weight: 400;

}

.claim {

    color: #ffffff;

    font-size: 38px;

    font-weight: 400;

    line-height: 48px;

    margin: 0;

    text-align:right;

}

.claim span {

    font-weight: 600;

}

.fa,

.fa-brands,

.fa-classic,

.fa-duotone,

.fa-light,

.fa-regular,

.fa-sharp,

.fa-sharp-solid,

.fa-solid,

.fa-thin,

.fab,

.fad,

.fal,

.far,

.fas,

.fasl,

.fasr,

.fass,

.fat {

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased;

    display: var(--fa-display, inline-block);

    font-style: normal;

    font-variant: normal;

    line-height: 1;

    text-rendering: auto;

}



.fa-brands,

.fab {

    font-family: "Font Awesome 5 Brands";

}



img {

    display: block;

    max-width: 100%;

}



















/*---- Comman stylesheet ----*/



/*---- Button stylesheet ----*/

.common-btn {

    border: 2px solid #1a2d5a;

    font-size: 13px;

    line-height: 20px;

    color: #ffffff;

    border-radius: 28px;

    padding: 5px 30px;

    text-transform: uppercase;

    font-weight: 600;

    transition: all 500ms ease-in-out;

    display: inline-block;

    text-align: center;

    background: #1a2d5a;

    letter-spacing: 0.26px;

}



.common-btn:hover {

    background: #ffffff;

    color: #448CCB;

}



.border-commmon-btn {

    border: 2px solid #ffffff;

    font-size: 13px;

    line-height: 20px;

    color: #ffffff;

    border-radius: 28px;

    padding: 17px 30px;

    text-transform: uppercase;

    font-weight: 600;

    transition: all 500ms ease-in-out;

    display: inline-block;

    text-align: center;

    background: #448CCB;

}



.border-commmon-btn:hover {

    background: #448CCB;

    color: #ffffff;

}





.border-primary-commmon-btn {

    border: 2px solid #448CCB;

    font-size: 13px;

    line-height: 20px;

    color: #448CCB;

    border-radius: 28px;

    padding: 17px 30px;

    text-transform: uppercase;

    font-weight: 500;

    transition: all 500ms ease-in-out;

    display: inline-block;

    text-align: center;

    background: #ffffff;

    letter-spacing: 0.26px;

}



.border-primary-commmon-btn:hover {

    background: #ffffff;

    color: #448CCB;

}





/*---- Button stylesheet ----*/



/*---- Fonts stylesheet ----*/

strong {

    font-weight: 700;

}



p {

    font-size: 16px;

    line-height: 22px;

    margin: 0 0 30px;

    font-weight: 400;

}



p:last-child {

    margin-bottom: 0;

}



h1,h2,h3,h4 {

    font-family: "source-serif-pro";

    letter-spacing: -3px;

}



h1,

.h1 {

    font-size: 122px;

    font-weight: 700;

    line-height: 130px;

}



h2,

.h2 {

    font-size: 60px;

    font-weight: 700;

    line-height: 1em;

}

h4,

.h4 {

    font-size: 30px;

    font-weight: 500;

    line-height: 1em;

    letter-spacing: 0;

}

/*---- Fonts stylesheet ----*/











/*---- Main stylesheet ----*/

.site-top-hero-banner-wrap .site-top-hero-bottom-shape {

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 2;

    width: 100%;

}

.site-top-hero-banner-wrap:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(to right, #ffffff, #A8DEF1);

    opacity: 0.31;

}

.site-top-hero-banner-wrap .container {

    position: relative;

    z-index: 1;

}

.site-top-hero-banner-wrap .site-top-hero-bottom-shape img {

    width: 100%;

    transform: scaleY(-1);

}

.site-top-hero-banner-wrap {

    padding: 140px;

    background: url(../images/header.webp);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    display: flex;

    align-items: center;

}

.site-top-hero-banner-wrap .logo-wrap {

    text-align: center;

}

.p-4 {

    padding:40px;

}

.site-top-hero-banner-wrap .logo-wrap img {

    width: 226px;

    margin: 0 auto 135px;

}

.site-top-hero-banner-wrap .site-top-hero-title {

    font-size: 45px;

    line-height: 55px;

    font-weight: 500;

    color: #1b2d5a;

    margin: 0;

    margin: 40px 0;

}

.site-top-hero-banner-wrap .site-top-hero-subtitle {

    color: #1b2d5a;

    font-size: 24px;

    line-height: 36px;

    margin: 0 0 25px;

}

.site-chi-bibendi-group-wrap {

    /*background: url(https://eugin.it/fecondazione-assistita/assets/images/eugin_time_freeze.jpg);

    background-position: center center;

    background-size: cover;*/

    padding: 50px 0;

    background-color:#90d8c9;

}

.site-chi-bibendi-group-wrap h2 {

    font-size: 40px;

    line-height: 50px;

    text-align: center;

    font-weight: 400;

    margin: 0 0 47px;



}

.locations {

    font-size:11px;

    line-height: 15px;

}

.locations .col-lg-6 {

    margin-bottom: 35px;

}

a.phone {

    border: 1px solid #1B2D5A;

    border-radius: 30px;

    padding: 5px 10px;

    line-height: 35px;



}

.citta {

    font-weight: bold;

    font-size: 20px;

    font-family: source-serif-pro;

    line-height: 25px;

}

.site-chi-bibendi-group-wrap h2 span {

    font-weight: 600;

}

.site-chi-bibendi-group-wrap p {



}

.site-chi-bibendi-group-wrap p span {

    font-weight: 600;

}

.site-chi-bibendi-group-wrap .site-bibendi-cta {

    margin-top: 70px;

    text-align: center;

}

.site-chi-bibendi-group-wrap .container {

    position: relative;

}

.site-chi-bibendi-group-wrap .site-chi-bibendi-shape {

    position: absolute;

    right: 0;

    width: auto;

    bottom: -215px;

    z-index: 2;

}

.site-chi-bibendi-group-wrap .site-chi-bibendi-shape img {

    width: 388px;

}

.site-point-listing-main-wrap {

    padding: 0 0 50px;

    background: #fff;

    position: relative;

}



.site-point-listing-main-wrap .container {

    position: relative;

    z-index: 1;

}

.site-point-listing-main-wrap h2 {



    font-size: 38px;

    font-weight: 400;

    line-height: 48px;

    margin: 0;

}

.site-point-listing-main-wrap h2 span {

    font-weight: 600;

}

.site-point-listing-main-wrap .site-point-listing-ul {

    margin: 50px 0 54px;

}

.site-point-listing-main-wrap .site-point-listing-ul .site-point-listing-item {

    display: flex;

    align-items: center;

    justify-content: flex-start;

}

.site-point-listing-main-wrap .site-point-listing-ul .site-point-listing-item img{

    width:20%;

}

.site-point-listing-item p {

    margin:0;

}

.site-point-listing-item div p:first-child {

    font-weight:bold;

    font-size:20px;

}

.site-point-listing-main-wrap .site-point-listing-ul .site-point-listing-item img {

    width: 80px;

}

.site-point-listing-main-wrap .site-point-listing-ul .site-point-listing-item p {



    padding-left: 16px;

    width: calc(100% - 40px);

    font-size: 15px;

    line-height: 22px;

}

.site-point-listing-main-wrap .site-point-listing-ul .site-point-listing-item p span {

    font-weight: 600;

}

.site-point-listing-main-wrap .site-point-listing-ul .site-point-listing-item:not(:last-child) {

    margin-bottom: 15px;

}



.site-bottom-form-main-wrap {

    padding: 50px 0;

    background: #d7eaf6;

}



.site-bottom-form-main-wrap .site-bottom-form-wrap {

    max-width: 636px;

    margin-left: auto;

}



.site-bottom-form-main-wrap .site-bottom-form-wrap h2, .site-bottom-form-main-wrap h2 {

    font-size: 30px;

    font-weight: 400;

    line-height: 40px;

    margin: 0 0 17px;

}



.site-bottom-form-main-wrap .site-bottom-form-wrap p {

    line-height: 20px;

    margin-bottom: 23px;

}



.site-bottom-form-main-wrap form {

    padding: 35px 50px;

    background: #fff6f1;

    border-radius: 20px;

    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);

}



.site-bottom-form-main-wrap .site-bottom-form-wrap .form-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -20px;

}



.site-bottom-form-main-wrap .site-bottom-form-wrap .form-row .form-group {

    width: 50%;

    padding: 0 20px 30px;

}



.site-bottom-form-main-wrap .site-bottom-form-wrap .form-group {

    padding: 0 0 30px;

    width: 100%;

}



.site-bottom-form-main-wrap .site-bottom-form-wrap .form-group input, .site-bottom-form-main-wrap .site-bottom-form-wrap .form-group textarea {

    font-size: 13px;

    padding: 13px 0;

    border: 0;

    border-bottom: 1px solid #000;

    border-radius: 6px;

    resize: none;

    /* height: 34px; */

    color: #424242;

    padding: 10px 10px;

}



.site-bottom-form-main-wrap .site-bottom-form-wrap .form-group input::placeholder {

    color: #424242;

    opacity: 1;

}



.site-bottom-form-main-wrap .site-bottom-form-wrap .form-group.privacy-checkbox {

    display: flex;

    align-items: center;

    padding-bottom: 17px;

}



.site-bottom-form-main-wrap .site-bottom-form-wrap .form-group.privacy-checkbox input {

    width: 13px;

    height: 13px;

    margin-right: 10px;

    border-radius: 3px;

    border: 1px solid #DDDDDD;

    padding: 0;

}



.site-bottom-form-main-wrap .site-bottom-form-wrap .form-group.privacy-checkbox label {

    text-decoration: underline;

    font-size: 10px;

    color: #424242;

}



.site-bottom-form-main-wrap .site-bottom-form-wrap button.btn {

    margin: 0 auto;

    display: block;

    width: 199px;

    background: #448CCB;

    font-size: 13px;

    line-height: 20px;

    border-radius: 28px;

    font-weight: 600;

    color: #ffffff;

    padding: 16px 0;

    text-transform: uppercase;

}

.site-two-column-main-wrap {

    padding: 50px 0;

}

.site-two-column-main-wrap h2 {

    font-size: 35px;

    line-height: 45px;

    text-align: center;

    font-weight: 400;

    color: #1b2d5a;

    margin: 0 0 44px;

}

.site-two-column-main-wrap h2 span {

    font-weight: 600;

}

.site-two-column-main-wrap .site-bottom-simple-text {

    margin-top: 40px;

}

.site-two-column-main-wrap .site-bottom-simple-text p {

    margin: 0 0 40px;

    font-size: 12px;

    line-height: 20px;

    font-style: italic;

}

.site-two-column-main-wrap .site-bottom-simple-text .border-primary-commmon-btn {

    margin: 0 auto;

    display: block;

    width: 353px;

}

.site-product-listing-wrap {

    padding: 71px 0 76px;

    position: relative;

    background-color: rgb(255, 250, 245);

    background-position: center center;

    background-repeat: no-repeat;

    padding: 50px;

    background-size: cover;

    background-image: url(https://www.eugin.es/wp-content/uploads/2022/05/eugin-home-bg-experiencias-pacientes.png);

}





.site-product-listing-wrap .site-common-title {

    text-align: center;

    margin-bottom: 50px;

}



.site-product-listing-wrap .site-common-title h2 {

    font-size: 40px;

    line-height: 40px;

    margin-bottom: 17px;

    font-weight: 400;

}



.site-product-listing-wrap .site-common-title h2 span {

    font-weight: 600;

}



.site-product-listing-wrap .site-products {

    width: 90%;

    margin: 0 auto;

    display: block;

}

.site-product-listing-wrap .site-products .column-inner {

    text-align: center;

}

.site-product-listing-wrap .site-products .column-inner .products-img img {

    width: 270px;

    height: 270px;

    object-fit: contain;

    margin: 0 auto;

    position: relative;

    top: -86px;

}

.site-product-listing-wrap .site-products .column-inner .products-img {

    margin-bottom: 15px;

    border-radius: 12px;

    box-shadow: 0 0 6px 0 rgba(0,0,0,0.16);

    background: #ffffff;

}

.site-product-listing-wrap .site-products .column-inner .products-title {

    margin: 0;

    font-size: 35px;

    line-height: 40px;

    font-weight: 400;

    color: #448CCB;

}

.site-product-listing-wrap .product-bottom-shape {

    position: absolute;

    bottom: 0;

    width: 100%;

    z-index: 1;

}

.site-product-listing-wrap .product-bottom-shape img {

    width: 100%;

}

.site-product-listing-wrap .container {

    position: relative;

    z-index: 2;

}

.site-two-column-main-wrap .column-inner p span {

    font-weight: 600;

}

.site-bottom-form-main-wrap .site-bottom-form-wrap h2 span {

    font-weight: 600;

}

/*---- Main stylesheet ----*/





/*---- Footer stylesheet ----*/



footer.footer {

    text-align: center;

    background: #458CCB;

    padding: 18px 0;

}



footer.footer .copyright-text,

footer.footer .copyright-text a {

    color: #ffffff;

}



/*---- Footer stylesheet ----*/







@media screen and (max-width:991px) {

    .site-top-hero-banner-wrap {

        background-position: left;

        padding: 20px;

    }

    .site-two-column-main-wrap .column-inner {

        margin:0 10% !important;

    }

    .citta {

        font-weight: bold;

        font-size: 28px;

        font-family: source-serif-pro;

        line-height: 40px;

        /* text-align: center; */

    }

    .site-product-listing-wrap .site-common-title {

        margin-bottom:30px;

    }

    .site-point-listing-main-wrap .site-point-listing-ul .site-point-listing-item p {

        width: 100%;

    }

    .site-point-listing-main-wrap .site-point-listing-ul .site-point-listing-item {

        display: flex;

        align-items: center;

        justify-content: flex-start;

        flex-direction: column;

        text-align: center;

    }

    .site-point-listing-main-wrap .site-point-listing-ul .site-point-listing-item img {

        width: 80px;

        margin: 15px 0;

    }

    section.site-product-listing-wrap h4 {

        margin: 20px 0;

    }

    .site-product-listing-wrap .offset-lg-1 img {

        margin: 10px 0;

    }

    .site-product-listing-wrap .offset-lg-1 img {

        margin: 30px 0px 0;

    }

    a.common-btn {

        width: 100%;

    }

    span.phone {

        line-height: 46px;

    }



    .locations {

        font-size: 16px;

        line-height: 22px;

    }

    .claim {

        text-align:center;

        margin-top: 30px;

    }

    .site-two-column-main-wrap {

        padding: 60px 0;

    }



    .site-two-column-main-wrap .site-bottom-simple-text .border-primary-commmon-btn {

        width: auto;

    }



    .site-product-listing-wrap {

        padding: 60px 0;

    }



    .site-product-listing-wrap .site-products .column-inner .products-img img {

        width: 200px;

        height: 200px;

        top: 0;

    }



    .site-product-listing-wrap .site-products .column-inner .products-img {

        padding: 15px;

    }



    .site-product-listing-wrap .site-products .column-inner .products-title {

        font-size: 25px;

    }



    .site-product-listing-wrap .site-products {

        width: 100%;

    }



    .site-product-listing-wrap .site-products .column-inner {

        margin-bottom: 30px;

    }



    .site-product-listing-wrap .product-bottom-shape img {

        display: none;

    }



    .site-chi-bibendi-group-wrap {

        padding: 60px 0;



    }



    .site-chi-bibendi-group-wrap h2 {

        font-size: 35px;

        line-height: normal;

        margin-bottom: 25px;

    }



    .site-chi-bibendi-group-wrap .site-chi-bibendi-shape {

        bottom: -60px;

    }



    .site-chi-bibendi-group-wrap .site-chi-bibendi-shape img {

        width: 60%;

        margin: 0 auto;

    }



    .site-point-listing-main-wrap {

        padding: 60px 0;

    }



    .site-point-listing-main-wrap h2 {

        font-size: 35px;

        line-height: normal;

    }



    .site-bottom-form-main-wrap {

        padding: 60px 0;

    }



    .site-bottom-form-main-wrap form {

        padding: 35px;

    }



    .site-bottom-form-main-wrap .site-bottom-form-wrap .form-row .form-group {

        width: 100%;

    }

}



@media screen and (min-width:1920px) {

    .site-point-listing-main-wrap {

            background-position: 0% 40%;

    }

}

@media screen and (max-width:1919px) {

    .site-point-listing-main-wrap {

        background-position: 0% 0%;

    }

}

@media screen and (max-width:1355px) {

    .site-point-listing-main-wrap {

        background-position: 80% 0;

    }

}

.site-top-hero-banner-wrap .site-bottom-form-main-wrap {
    background: rgba(255, 255, 255, 0.7);
    padding: 36px;
}
.site-top-hero-banner-wrap .site-bottom-form-main-wrap form {
    box-shadow: none;
    background: none;
    padding: 0;
}

.site-top-hero-banner-wrap .site-bottom-form-main-wrap form button.common-btn {
    width: 100px;
    display: block;
    margin: 0 auto;
}

.site-top-hero-banner-wrap .site-bottom-form-main-wrap .site-bottom-form-wrap {
    margin: 0;
}
.site-bottom-form-main-wrap .site-bottom-form-wrap .form-group input, .site-bottom-form-main-wrap .site-bottom-form-wrap .form-group textarea {
    border-bottom: none;
}
.site-point-listing-main-wrap h2 {
    margin-left: 93px;
}

.top-bar-bg {
    background: #71c5e8 none repeat center center;
    padding: 3px 0 !important;
}

.btnAreaRiservata {
    background-color: #fff;
    color: #71c5e8 !important;
    padding: 5px 10px;
    border-radius: 30px;
    text-decoration: none !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    opacity: 1;
}
.btnAreaRiservata:hover {
    opacity: .7;
}

.topbar .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 !important;
}
.topbar .container .cliniche {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 13px;
    column-gap: 15px;
}
.topbar .container .cliniche a {
    color: #fff;
    opacity: 1;
    font-family: 'Open Sans', sans-serif;
}
.topbar .container .cliniche a:hover {
    opacity: 0.7;
}

.topbar .social {
    display: flex;
}

.topbar .social a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 2px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    text-decoration: none;
    color: #fff;
}

.topbar .social a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    content: "";
    border-radius: inherit;
    transition: opacity .15s linear;
    background-color: rgba(0, 0, 0, .07);
    border-radius: 50%;
}
.topbar .social a:hover {
    color:#0061a0;
    z-index: 9;
}
.topbar .social a:hover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    content: "";
    border-radius: inherit;
    transition: opacity .15s linear;
    background: linear-gradient(135deg, #1ebbf0 7%, #149dd6 33%, #159ed6 42%, #0061a0 68%);
    border-radius: 50%;
    z-index: -1;
}

.under-1285 {
    display: none;
}

.request-appointment {
    color: #fff;
}

.request-appointment a {
    color: #fff;
    text-decoration: underline;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    opacity: 1;
}
.request-appointment a:hover {
    text-decoration: none;
    opacity: .7;
}

.dati-sede {
    min-height: 40px;
}

.form-select {
    font-size: 13px;
}


@media all and (max-width: 1285px) {
    .under-1285 {
        display: block;
    }
    .over-1285 {
        display: none !important;
    }
}

@media all and (min-width: 1200px) {
    .topbar .container {
        max-width: 1320px !important;
    }
}

@media all and (max-width: 991px) {
    .site-point-listing-main-wrap h2 {
        margin-left: 0;
        text-align: center;
        margin-top: 90px;
    }
}

@media all and (max-width: 767px) {
    .over-767 {
        display: none !important;
    }
    .topbar .container {
        justify-content: center;
    }
    .row.locations .col-lg-2 {
        margin-bottom: 15px;
    }
}