body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #253237;
    background-color: #fff;
    letter-spacing: 1px;
}

body, html {
    width: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    user-select: text;
    line-height: 1.7;
}

.btn-success {
    font-size: 20px;
    border-radius: unset;
    background-color: #20A500;
    border-color: #20A500;
    padding: 10px 30px;
    vertical-align: text-top;
    text-transform: uppercase;
}

    .btn-success.btn-default {
        background-color: #d1d1d1;
        border-color: #d1d1d1;
    }

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: white;
}

.btn-success.fara-fill {
    color: #20A500;
    background-color: white;
}

#containerWhatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1111111;
}

    #containerWhatsapp img {
        max-width: 65px;
    }

p {
    margin-bottom: 2rem;
}

h2 {
    font-size: 2.3rem;
    line-height: 3.6rem;
    text-align: center;
    font-weight: 600;
    color: #20A500;
    margin-top: 25px;
    margin-bottom: 25px;
}

    h2.alternate {
        color: #25ABE2;
    }

#ipsLayout_header {
    transition: margin 0.25s ease;
    overflow: hidden;
    position: fixed;
    z-index: 100;
    right: 0;
    left: 0;
    top: 0;
    max-width: 100vw;
}

#divHeaderIClinic {
    transform: translateY(0);
}

#ipsLayout_header .navbar {
    background-color: white;
}

#divHeaderIClinic .navbar-default {
    border-radius: unset;
    border: none;
    margin-bottom: 0px;
    position: relative;
    display: block;
    padding: 0px;
}

#divHeaderIClinic li {
    padding: 15px;
    font-size: 13px;
}

    #divHeaderIClinic li a:link, #divHeaderIClinic li a:hover, #divHeaderIClinic li a:visited {
        color: #ffffff !important;
        text-decoration: none !important;
    }

    #divHeaderIClinic li span {
        color: #ffffff !important;
    }

    #divHeaderIClinic li i {
        width: 18px;
        height: 14px;
    }

    #divHeaderIClinic li a.lnk-social {
        padding: 4px;
        width: 23px;
        height: 22px;
        border: 1px solid white;
        border-radius: 50%;
        text-align: center;
    }

    #divHeaderIClinic li a:not(.lnk-social) i, #divHeaderIClinic li span i {
        margin-right: 5px;
    }

.nav.justify-content-end {
    background-color: #20A500;
}

.navbar-brand img {
    height: 90px;
}

.navbar-light .navbar-nav .nav-link {
    color: #253237;
    text-transform: uppercase;
    padding: 11px;
    line-height: 18px;
    font-size: 15px;
    font-weight: bold;
}

.navbar-light #lnkLiveChat:link, .navbar-light #lnkLiveChat:hover, .navbar-light #lnkLiveChat:visited {
    color: white;
    background: #25ABE2;
    border-radius: 9px;
}

.navbar-light .navbar-nav .nav-item.active .nav-link {
    color: #20A500;
}

.navbar-nav .nav-item {
    text-align: center;
}

#containerMain .container {
    margin-bottom: 4rem;
}

.container-pagina-noua {
    margin-top: 12rem;
}

    .container-pagina-noua h3 {
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 500;
        text-align: center;
        color: #20A500;
    }

    .container-pagina-noua .divTitluCapitol {
        font-weight: bold;
        margin-bottom: 20px;
        font-size: 18px;
        margin-top: 15px;
    }

    .container-pagina-noua div {
        text-align: justify;
    }

#home {
    height: 50rem;
    flex-direction: column;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
    padding: 3rem;
}

    #home .background-video-container {
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        -o-object-fit: fill;
        object-fit: fill;
    }

    #home .background-video {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(15%,#fff),to(hsla(0,0%,100%,0)));
        background-image: linear-gradient( 180deg,#fff 15%,hsla(0,0%,100%,0));
        -o-object-fit: fill;
        object-fit: fill;
    }

        #home .background-video video {
            background-size: cover;
            background-position: 50% 50%;
            position: absolute;
            margin: auto;
            width: 100%;
            height: 100%;
            right: -100%;
            bottom: -100%;
            top: -100%;
            left: -100%;
            object-fit: cover;
            z-index: -100;
        }

    #home h1 {
        font-size: 4rem;
        line-height: 5rem;
        text-align: center;
        font-weight: bold;
    }

    #home h2 {
        color: initial;
    }

    #home .btn {
        width: 100%;
        font-size: 14px;
    }

    #home .btn-default {
        background-color: #fbfbfb;
        color: black;
        border: 1px solid #fbfbfb;
    }

    #home .row {
        max-width: 450px;
        margin: 0px auto;
    }

.row-eq-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.container-benefiu {
    height: 100%;
    padding: 20px 5px;
}

.beneficiu {
    border: 1px solid #d9d9d9;
    height: 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 20px;
}

    .beneficiu img {
    }

    .beneficiu .title {
        color: #25ABE2;
        height: 50px;
        max-width: 200px;
        margin-top: 5px;
        font-weight: bold;
    }

    .beneficiu .descriere {
    }

#bonus img {
    max-width: 230px;
    margin: 0px auto;
    display: block;
}

#bonus h2 {
    text-align: left;
}

#bonus .center {
    padding: 40px 0;
}

#cePrimesti h2 {
    text-align: left;
}

#cePrimesti, #prezenta {
    background: #FAFAFA;
}

    #cePrimesti .center {
        padding: 20px 0;
    }

    #cePrimesti .telefon {
        position: relative;
        height: 700px;
        max-height: 700px;
        background-image: url(../Imagini/img-telefon.jpg);
        background-repeat: no-repeat;
        background-position: center;
    }

        #cePrimesti .telefon .contact {
            padding: 7rem 2rem;
            color: white;
            text-align: center;
        }

            #cePrimesti .telefon .contact a {
                color: unset !important;
                text-decoration: none !important;
                display: block;
            }

    #cePrimesti #imgCall, #cePrimesti #imgCall2 {
        margin-top: 60px;
    }

#testimoniale {
}

    #testimoniale .testimonial {
        margin-top: 20px;
        border-radius: 4px;
        border: 1px solid #DFDFDF;
        padding: 20px;
    }

        #testimoniale .testimonial .continut {
            min-height: 230px;
        }

        #testimoniale .testimonial .autor {
            margin-bottom: 0px;
            text-align: center;
            font-weight: bold;
            padding-top: 10px;
        }

        #testimoniale .testimonial img {
            width: 150px;
            max-width: 100%;
            height: 50px;
            margin: 0px auto;
            object-fit: contain;
            display: block;
        }

#pret table {
    width: 100%;
    border: none;
    border-collapse: collapse;
    text-align: center;
}

    #pret table th, #pret table td {
        border: none;
        border-collapse: collapse;
        padding: 1.6rem 1rem;
        font-weight: 600;
        color: #253237;
    }

#pret tbody tr:not(.head-tabel) {
    border-bottom: 0.5px solid #d3d3d3;
    border-collapse: collapse;
}

#pret table tr:nth-child(2) th {
    padding: 1.6rem 1rem;
    font-weight: 600;
}

#pret table th:not(.label) {
    border-bottom: 0.5px solid #d3d3d3;
    font-size: 1.4rem;
    color: #20A500;
}

#pret table td:not(.label) {
    color: #20A500;
}

#pret table tbody td {
    font-size: 2rem;
    line-height: 2rem;
    padding: 1.8rem 0.1rem;
    vertical-align: middle;
}

#pret table .label {
    text-align: left;
    max-width: 15rem;
    font-size: 1.2rem;
}

#pret table .lunar {
    font-size: 1.4rem;
}

#pret table tbody td.not-available {
    color: #ff0303;
}

#pret table .featured .btn-success {
    background-color: #157347;
    border-color: #146c43;
}

#pret table tr:nth-child(2) th.featured, #pret td.featured, #pret th.featured {
    background-color: #20A500;
    color: #fff !important;
    font-size: 1.4rem;
}

#pret table tr:nth-child(1) th {
    font-weight: 500;
}

#faq {
    padding: 20px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    transition: box-shadow .25s;
}

    #faq .accordion-header {
        line-height: 1.2;
        margin-top: 0px;
    }

    #faq .accordion-button {
        color: #20A500;
        background-color: unset;
        font-weight: bold;
    }

        #faq .accordion-button:not(.collapsed) {
            color: #20A500;
            background-color: unset;
            font-weight: bold;
            box-shadow: unset;
        }

        #faq .accordion-button:focus {
            border-color: unset;
            box-shadow: unset;
        }

        #faq .accordion-button:not(.collapsed)::after {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        }

    #faq .accordion-item {
        border: unset;
        border-radius: unset;
        border-bottom: 1px solid rgba(0,0,0,.125);
        margin-bottom: 0px;
    }

        #faq .accordion-item:last-of-type {
            border-bottom: unset;
        }

        #faq .accordion-item a:link, #faq .accordion-item a:hover, #faq .accordion-item a:visited {
            color: #20A500;
            text-decoration: unset;
        }

#download .download-types-wrapper {
    margin-top: 4rem;
}

    #download .download-types-wrapper > div:first-child {
        margin-bottom: 4rem;
    }

.download-types-wrapper .card {
    flex-direction: column;
    max-width: 53rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    padding-bottom: 10rem;
    border-radius: 5px;
}

.desktop-download .card.desktop {
    background: linear-gradient(180deg,#a6e2fd 0,#83d954 100%);
    margin-bottom: 4rem;
}

.mobile-download .card.huawei {
    background: linear-gradient(180deg,#a6e2fd 0,#83d954 100%);
}

.mobile-download .card.android {
    background: linear-gradient(180deg,#8fe164 0,#beff9a 100%);
    margin-bottom: 4rem;
}

.mobile-download .card.apple {
    background: linear-gradient(180deg,#82d4fc 0,#c7eafb 100%);
    margin-bottom: 4rem;
}

.download-types-wrapper .card h3 {
    font-weight: 700;
    font-size: 30px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #747474;
}

.download-types-wrapper .card .btns-wrapper {
    position: absolute;
    bottom: 1.8rem;
}

.desktop-download .card.desktop .is-icon-btn, .mobile-download .card.apple .is-icon-btn {
    background-color: #2c99ce;
}

#download .d-flex {
    justify-content: center;
    align-items: center;
}

.download-types-wrapper .card .card-icon {
    width: 6rem;
    height: 6rem;
    align-self: flex-start;
    justify-self: center;
    color: #fff;
    background: url(../Icons/svg/hexagon-bg.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: -3rem;
    font-size: 3rem;
    display: none;
}

    .download-types-wrapper .card .card-icon img {
        max-width: 43px;
        max-height: 43px;
    }

    .download-types-wrapper .card .card-icon i {
        font-size: 2rem;
    }

.download-types-wrapper .card.desktop .btns-wrapper > .is-icon-btn:first-child {
    margin-right: 2rem;
}

.download-types-wrapper .card .is-icon-btn {
    background-color: #20A500;
    color: #fff;
    font-size: 18px;
    line-height: 1.6rem;
    box-shadow: 0 1px 6px rgb(0 0 0 / 15%);
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transition: all 350ms;
    cursor: pointer;
    min-width: 10rem;
    padding: 10px 20px;
    font-weight: 600;
    text-decoration: none;
}

.desktop-download .card.desktop .is-icon-btn, .mobile-download .card.apple .is-icon-btn {
    background-color: #2c99ce;
}

#contact img {
    max-width: 95%;
    display: block;
    padding: 80px 0;
}

#contact p.h4 a:link, #contact p.h4 a:hover, #contact p.h4 a:visited {
    color: #20A500;
    text-decoration: unset;
}

#panelMesaj .form-control {
    border: unset;
    background-color: #f7f7f7;
    resize: none;
}

#panelMesaj #txtNume, #panelMesaj #txtPrenume {
    text-transform: capitalize;
}

footer .contact {
    padding: 3rem 0;
}

    footer .contact .col-contact {
        margin-bottom: 20px;
    }

    footer .contact .h5 {
        color: #25ABE2;
        font-weight: bold;
        margin-top: 1.4rem;
        margin-bottom: 1.4rem;
    }

    footer .contact p {
        margin-bottom: 5px;
    }

    footer .contact .social img {
        margin-right: 10px;
    }

    footer .contact a:link, footer .contact a:hover, footer .contact a:visited {
        color: #20A500;
        text-decoration: none;
    }

footer .netopia img {
    max-width: 90%;
    display: block;
    margin-top: 1rem;
}

footer .footer {
    background-color: #136300;
    color: white;
    padding: 3rem 0;
}

    footer .footer .newsletter {
        margin-top: 1.5rem;
    }

    footer .footer img {
        margin-bottom: 5px;
    }

    footer .footer p:not(.h5) {
        font-size: 14px;
        margin-bottom: 5px;
    }

    footer .footer input[type=email] {
        padding: 13px 10px;
        background: unset;
        color: white;
        display: inline-block;
        max-width: calc(100% - 270px);
        float: left;
        border-right: unset;
        border-top-right-radius: unset;
        border-bottom-right-radius: unset;
        margin-top: 2px;
    }

        footer .footer input[type=email]:focus {
            border-color: unset;
            box-shadow: unset;
        }

        footer .footer input[type=email]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: white;
            opacity: 1; /* Firefox */
        }

        footer .footer input[type=email]:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: white;
        }

        footer .footer input[type=email]::-ms-input-placeholder { /* Microsoft Edge */
            color: white;
        }

    footer .footer .btn-success {
    }



    footer .footer .termeni {
        padding-top: 1rem;
        font-size: 14px;
    }

        footer .footer .termeni a {
            color: white;
            text-decoration: none;
            margin-right: 10px;
        }

.form-control:focus {
    box-shadow: 0 0 0 0.25rem #20a50040;
    border-color: #20a50040;
}

.copy-element {
    width: unset !important;
    border: 1px solid lightgray;
    min-width: 230px;
    border-radius: 6px;
    position: relative;
    text-align: left;
    display: inline-block;
}

    .copy-element .fa-user, .copy-element .fa-lock {
        padding: 9px;
        box-shadow: 0 0 0 0 lightgrey, 0 0px 0 0 lightgrey, 1px 0px 0 0 lightgrey, 0px 0 0 0 lightgrey inset, 0 0px 0 0 lightgrey inset;
        position: absolute;
        top: 0px;
        left: 0px;
        background: #20A500;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        color: white;
    }

    .copy-element span {
        padding: 5px 10px 5px 45px;
        display: inline-block;
    }

    .copy-element .fa-clipboard {
        cursor: pointer;
        color: #9c9c9c;
        padding: 9px;
        box-shadow: 0 0 0 0 lightgrey, 0 0px 0 0 lightgrey, 0px 0px 0 0 lightgrey, 1px 0 0 0 lightgrey inset, 0 0px 0 0 lightgrey inset;
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .copy-element .tooltip {
        position: absolute;
        padding: 0px !important;
        top: 0px;
        left: 0px;
        width: 35px;
        height: 40px;
    }

        .copy-element .tooltip .tooltiptext {
            visibility: hidden;
            width: 140px;
            background-color: #555;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 5px;
            position: absolute;
            z-index: 1;
            bottom: 150%;
            left: 50%;
            margin-left: -75px;
            opacity: 0;
            transition: opacity 0.3s;
        }

            .copy-element .tooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: #555 transparent transparent transparent;
            }

        .copy-element .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
        }

.oferta {
    border: 1px solid #DFDFDF;
    padding: 15px;
    text-align: center;
    min-height: 330px;
    margin-top: 15px;
}

    .oferta img {
        max-width: 90px;
        max-height: 90px;
        object-fit: contain;
    }

    .oferta .eticheta {
        font-size: 18px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .oferta .descriere {
        margin-bottom: 5px;
        min-height: 120px;
    }

    .oferta .btn-success {
        font-size: 14px;
        padding: 10px 20px;
    }

    .oferta .logo-oferta span {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        color: white;
        transform: translate(-50%, -50%);
        font-weight: bold;
        font-size: 20px;
    }

    .oferta .logo-oferta {
        position: relative;
    }

.img-oferta {
    max-width: 500px;
    min-width: 500px;
}

.container-checkbox {
    max-width: 53rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    margin: 0px auto;
    margin-bottom: 15px;
}

.checkbox input {
    appearance: checkbox;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    margin-right: 5px;
}



@media all and (min-width:1400px) {
    #testimoniale .testimonial .continut {
        min-height: 190px;
    }
}

@media all and (min-width:960px) {
    #download .download-types-wrapper > div:first-child {
        margin-right: 8.8rem;
    }

    .download-types-wrapper .card {
        padding-left: 4rem;
        padding-right: 4rem;
        padding-bottom: 4rem;
    }
}

@media all and (max-width:900px) {
    #menu .navbar-light .navbar-toggler {
        border-color: unset;
        border: unset;
    }

        #menu .navbar-light .navbar-toggler:focus {
            box-shadow: unset;
        }

    .navbar-light .navbar-nav .nav-link {
        padding: 20px;
        line-height: 25px;
    }

        .navbar-light .navbar-nav .nav-link.live-chat {
            margin-bottom: 30px;
        }

    #download .download-types-wrapper {
        flex-wrap: wrap;
    }

    .download-types-wrapper .card .card-icon {
        display: none !important;
    }

    .download-types-wrapper .card {
        padding-bottom: 5rem;
    }

        .download-types-wrapper .card .is-icon-btn {
            font-size: 16px;
            line-height: 1.2rem;
            min-width: 9rem;
            padding: 10px 10px;
        }
}

@media all and (max-width:767px) {

    .img-oferta {
        max-width: 100%;
        max-height: 100%;
    }

    footer .netopia img {
        margin-bottom: 2rem;
        max-width: 100%;
        margin-top: 0px;
    }

    .container-pagina-noua {
        margin-top: 6rem;
    }

    #divHeaderIClinic {
        display: none;
    }

    #home {
        height: 100vh;
        margin-top: unset;
        padding: 1rem;
    }

        #home h1 {
            text-align: center;
            font-size: 3rem;
        }

        #home h2 {
            font-size: 1.8rem;
        }

        #home .btn {
            font-size: 13px;
            padding: 5px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .navbar-brand img {
        height: 50px;
    }

    #pret.container {
        padding: 0px;
    }

    #pret table tr:nth-child(1) th {
        font-size: 12px;
        vertical-align: middle;
        padding: 10px 14px;
    }

    #pret table .label {
        font-size: 12px;
        padding-right: 0px;
        line-height: 1.5;
    }

    #pret table .lunar {
        font-size: 12px;
    }

    #pret table tbody td {
        border-top: 0.5px solid #d3d3d3;
        border-bottom: 0.5px solid #d3d3d3;
        font-weight: 600;
        font-size: 12px;
        padding: 5px;
        line-height: 1.5rem;
    }

    #pret table th, #pret table td {
        padding: 5px;
    }

    #pret table .btn-success {
        font-size: 12px;
        padding: 4px;
    }

    #pret table th:not(.label) {
        font-size: 12px;
        padding: 10px 5px;
    }

        #pret table th:not(.label) b {
            display: block;
        }

    #pret table tr:nth-child(2) th.featured, #pret td.featured, #pret th.featured {
        font-size: 12px;
    }

    #pret table tr:nth-child(2) th {
        padding: 10px 5px;
        vertical-align: middle;
    }

    footer .footer input[type=email] {
        float: unset;
        max-width: 100%;
        border-right: 1px solid #ced4da;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        margin-bottom: 15px;
    }

    .btn-success {
        width: 100%;
    }

    #imgLogoFooter {
        margin-bottom: 3rem;
    }

    footer .footer .termeni a {
        display: block;
        margin-top: 15px;
    }

    footer .contact {
        padding-top: 0px;
    }
}