@font-face {
  font-family: Barlow-Thin;
  src: url(./fonts/barlow/Barlow-Light.ttf) format('truetype');
}

@font-face {
  font-family: Barlow-Light;
  src: url(./fonts/barlow/Barlow-Regular.ttf) format('truetype');
}

@font-face {
  font-family: Barlow-SemiBold;
  src: url(./fonts/barlow/Barlow-Medium.ttf) format('truetype');
}

* {
    font-family:'Barlow-Thin';
}

html {
  scroll-behavior: smooth;
}

.page-header {
    display:none!important;
}


/*--------------------------------------------------------------------------------     PAGINA HOME     --------------------------------------------------------------------------------*/

/* ----- HEADER ----- */


header {
    position:fixed;
    width:100%;
    z-index:4;
    transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.header-scroll {
    background-color:#fff;
    transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.header-menu-container-scroll,
.page-id-18 #header-menu > .container,
.page-id-19 #header-menu > .container {
    margin-top:0!important;
    transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    position: relative;
    display: flex;
    margin: auto;
    align-items: center;
    padding: 1em 0!important;
}
.page-id-20 header {
    top: 0;
}
.page-id-20 .contact-form .form-group input,
.page-id-20 .contact-form .form-group textarea {
    background: transparent;
}
.page-id-20 .row.section-1-ginecologie {
    margin-top: 30px;
}

header .container {
    width:85%;
    padding:0;
}

header .notification-header {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 2px solid #29a9e1;
    padding: 20px 0;
    
    /*display:none;*/
}

header .notification-header .notification-title p {
    font-weight: 700;
    font-size: 30px;
    margin: 0 35px;
    line-height: 1;
    border: none;
    padding: 0;
    text-align: center;
}

header .notification-header  h3 {
    font-weight:700;
    font-size:30px;
    margin:auto 0;
    line-height: 1;
}

header .notification-header .notification-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

header .notification-header .notification-body p {
    margin: 0;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: initial;
    padding-bottom: 2px;
    border-bottom: 1px solid #0000004f;
}

header .notification-header .notification-body p strong {
    color: #24a2d4;
}

header .notification-header button {
    position: absolute;
    right: 0;
    top: -2px;
    border: 2px solid #29a9e1;
    background-color: #fff;
    color: #29a9e1;
    font-size: 20px;
    font-weight: 700;
    padding: 10px;
    line-height: 0.7;
    transition:0.25s;
}

header .notification-header button:hover {
    background-color:#29a9e1;
    color:#fff;
}

header .notification-header button:focus {
    outline:none;
}

#header-menu {
    background:none;
    border:none;
    margin-bottom: 0;
}

.header-menu-scroll {
    margin-bottom:0;
}

#header-menu .container {
    display: flex;
    width:100%;
    padding:0;
    margin-top:5em;
    transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.header-menu-collapse-scroll {
    right:0;
}

.navbar-brand {
    padding:0;
    height:auto;
    margin-left:0!important;
}

.navbar-brand img {
    max-height:fit-content;
}

.navbar-collapse.collapse {
    margin: auto 0 auto auto;
}

.navbar-nav li:first-child {
    display:none;
}

.navbar-nav .menu-item {
    padding:0;
}

.navbar-nav .menu-item a {
    color:#000;
    font-size:16px;
    padding:5px 15px;
    margin:0 5px;
    transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.navbar-nav .menu-item a:hover {
    color: #000!important;
    background-color: #fff200!important;
    border-radius: 20px;
    padding: 5px 15px;
    transition: all 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.navbar-nav .menu-item-log-in {
    display:none;
}


/* ----- GENERAL ----- */


.page-content-inner .main .container {
    width:100%;
    padding:0;
}

.btn {
    background-color: #fff000;
    color: #303030;
    padding: 0.75em 2.5em;
    border-radius: 30px;
    border: none;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing:0.1em;
    font-family:'Barlow-SemiBold';
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0), 4px 5px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0), 4px 5px 7px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 0px rgba(0,0,0,0), 4px 5px 7px rgba(0,0,0,0.3);
    transition: box-shadow 0.5s;
}

.btn span {
    color: #0000001a;
}

.btn span:first-child {
    right:-5px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn span:nth-child(2) {
    padding-right:20px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn span:nth-child(3) {
    padding-left:20px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn span:nth-child(4) {
    left: -5px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}


/*  BUTTON HOVER  */


.btn:hover {
    color:#000;
    background-color: #fff000;
    -webkit-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
    -moz-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
    box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
}

.btn:hover span {
    color: #00000085;
}

.btn:hover span:first-child {
    right:-5px;
    padding-left:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:hover span:nth-child(2) {
    padding-right: 10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:hover span:nth-child(3) {
    padding-left:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:hover span:nth-child(4) {
    left: -5px;
    padding-right:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}


/*  BUTTON FOCUS  */


.btn:focus {
    color:#fff;
    background-color: #29a9e1;
    -webkit-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
    -moz-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
    box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
    outline:none;
}

.btn:focus span {
    color: #00000085;
}

.btn:focus span:first-child {
    right:-5px;
    padding-left:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:focus span:nth-child(2) {
    padding-right: 10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:focus span:nth-child(3) {
    padding-left:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:focus span:nth-child(4) {
    left: -5px;
    padding-right:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}


/*  BUTTON ACTIVE  */


.btn:active {
    color:#fff;
    background-color: #29a9e1;
    -webkit-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
    -moz-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
    box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
}

.btn:active span {
    color: #00000085;
}

.btn:active span:first-child {
    right:-5px;
    padding-left:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:active span:nth-child(2) {
    padding-right: 10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:active span:nth-child(3) {
    padding-left:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:active span:nth-child(4) {
    left: -5px;
    padding-right:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}


/*  BUTTON ACTIVE FOCUS  */


.btn:active:focus {
    color:#fff;
    background-color: #29a9e1;
    -webkit-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
    -moz-box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
    box-shadow: inset 0px 0px 7px rgba(0,0,0,0.75), 0 0 0px rgba(0,0,0,0);
    outline:none;
}

.btn:active:focus span {
    color: #00000085;
}

.btn:active:focus span:first-child {
    right:-5px;
    padding-left:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:active:focus span:nth-child(2) {
    padding-right: 10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:active:focus span:nth-child(3) {
    padding-left:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.btn:active:focus span:nth-child(4) {
    left: -5px;
    padding-right:10px;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}




/* ----- SECTIUNEA 1 ----- */


.section-1 {
    position:relative;
    width:86%;
    margin:auto;
    height:60vh;
    z-index:3;
}

.section-1 #text-scene {
    bottom:-20em;
}

.section-1 #text-scene h1 {
    margin:auto;
}

.section-1 p {
    width: 90%;
}


/* ----- SECTIUNEA 2 ----- */


.section-2 {
    height:140vh;
    width:100%;
    background-color:#000;
    position:relative;
    z-index:2;
    margin:auto;
}

.section-2:before {
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-image:url("/uploads/images/wave.png");
    background-size:100%;
    background-repeat:no-repeat;
    margin-top:-180px;
}

.section-2 .about-text {
    position:absolute;
    padding:6em 4em;
    margin:auto auto 15vh;
    background-color: #24a2d4e6;
    color: #fff;
    border-radius: 30% 0 30% 0;
    width:40%;
    right:30%;
    bottom:0;
}

.section-2 .about-text #about-image-bg {
    background-image: url(/uploads/images/cell.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 25%;
    height: 35%;
    position: absolute;
    left: 85%;
    top: -6em;
    -webkit-animation:spin 100s linear infinite;
    -moz-animation:spin 100s linear infinite;
    animation:spin 100s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.section-2 .about-text h1 {
    font-size:5em;
}


/* ----- SECTIUNEA 3 ----- */


.section-3 {
    text-align: center;
    margin: auto;
    padding: 4em 2%;
    width: 100%;
    justify-content: flex-start;
    display: flex;
    flex-flow: wrap;
}

.section-3 h1 {
    font-size: 4em;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:1em;
}

#news-1, #news-2, #news-3, #pcr, #news-4, #news-5, #news-6 {
    /*height: 25em;*/
    padding:0;
    display:flex;
    position: relative;
    width: 32%;
    margin: 30px 10px;
    flex-direction: column;
}

#news-1 p, #news-2 p, #news-3 p, #pcr p, #news-4 p, #news-5 p, #news-6 p {
    margin-bottom: 2px;
    font-size: 18px;
}

.section-3 img {
    width: 100%;
    height: 100%;
    min-height: 315px;
    object-fit:cover;
}

.section-3 .center-p {
    margin: auto;
    background-color: #24a2d4e6;
    padding: 1em 2em;
    height: 15em;
    display: grid;
    /*position: absolute;*/
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.section-3 .center-p p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin:auto;
}

.section-3 .center-p a {
    font-size: 14px;
    font-weight: 700;
    color: #fade06;
    text-decoration: none;
    transition: transform 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}

.section-3 .center-p a:hover {
    color:#000;
    transition: transform 0.3s cubic-bezier(0.12, 0, 0.39, 0);
}


/* ----- SECTIUNEA 4 ----- */


.section-4 {
    padding: 100px 7% 50px;
    text-align: center;
    margin: auto;
    height:auto;
}

.section-4 h1 {
    font-size: 4em;
    width: 50%;
    margin: auto;
    color: #000;
}

.section-4 .subtitle {
    padding-bottom: 50px;
    width: 70%;
    margin: auto;
    font-size:16px;
}

.info-title {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin-top:20px;
}

.info-price {
    color:#000;
    font-size:16px;
}

.package-icon {
    position:relative;
    z-index:1;
    max-width: 33.33333333%;
    width: 100%;
    margin: auto;
    padding: 50px 100px;
}

.package-icon#icon-1,
.package-icon#icon-3,
.package-icon#icon-4 {
    display:none!important;
}

#circle-bg {
    background-image: url(/uploads/images/circle-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 20vh;
    height: 20vh;
    right: 0;
    left: 0;
    top: 0%;
    z-index: -1;
    margin: auto;
}

.package-icon#icon-2 #circle-bg {
    background-image: url(/uploads/icons/teste_covid_19.png);
}

.section-4 img {
    width:25%;
}


/* ----- SECTIUNEA 5 ----- */


.section-5 {
    height:100vh;
    display:flex;
    margin:auto;
}

.health-text {
    padding: 6em 4em;
    margin: auto;
    background-color: #24a2d4e6;
    color: #fff;
    border-radius: 30% 0 30% 0;
    width: 40%;
}

.section-5 .health-text #health-image-bg {
    background-image: url(/uploads/images/cell.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 25%;
    height: 35%;
    position: absolute;
    left: 88%;
    top: -4em;
    -webkit-animation:spin 100s linear infinite;
    -moz-animation:spin 100s linear infinite;
    animation:spin 100s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


/* ----- SECTIUNEA 6 ----- */


.section-6 {
    margin:auto;
    padding:4em 7%;
}

.section-6 h2 {
    padding: 0 15px 20px;
    font-size: 24px;
    font-weight: 700;
}

.section-6 .form-group {
    display:flex;
    flex-direction:column;
    margin-bottom: 4rem;
}

.section-6 .form-group label {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.section-6 .form-group input {
    height: 30px;
    border: none;
    border-bottom: 2px solid #29a9e1;
    transition: all 0.2s cubic-bezier(0.12, 0, 0.39, 0);
}

.section-6 .form-group textarea {
    border: none;
    border-bottom: 2px solid #29a9e1;
    transition: all 0.2s cubic-bezier(0.12, 0, 0.39, 0);
}

.section-6 .form-group input:hover, .section-6 .form-group input:focus {
    outline: none;
    border-color: #fff000;
}

.section-6 .form-group textarea:hover, .section-6 .form-group textarea:focus {
    outline: none;
    border-color: #fff000;
}

.section-6 .form-group input::placeholder {
    color: transparent;
}

.section-6 .form-group textarea::placeholder {
    color: transparent;
}

.section-6 .form-submit .btn {
    margin-left:15px;
}


/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 425px) {
    
    /* ----- NOTIFICARE ----- */
    
    header .notification-header {
        display: flex;
        flex-direction: column;
        /*display:none;*/
    }
    
    header .notification-header .notification-title p {
        font-size: 18px;
    }
    
    header .notification-header .notification-body {
        flex-direction: column;
        gap: 6px;
    }
    
    header .notification-header .notification-body p {
        font-size:16px;
        padding-bottom:0px;
    }
    
    
    /* ----- HEADER ----- */
    
    header {
        height:auto;
        border-bottom: none!important;
    }
    
    header .container {
        width:100%;
    }
    
    .header-menu-scroll {
        margin-bottom:0;
        border-bottom: 2px solid #29a9e1!important;
    }
    
    #header-menu {
        margin: auto;
        padding: 3% 0;
    }
    
    #header-menu .container {
        margin: 20px auto;
        display: block;
    }
    
    .header-menu-container-scroll {
        margin: 0 auto!important;
        padding: 0!important;
    }
    
    .container>.navbar-header {
        margin: auto;
        width: 90%;
        display: flex;
        flex-direction: row-reverse;
    }
    
    .navbar-collapse.collapse {
        margin: 0;
        margin-top:15px;
        width: 100%;
        background-color: #fff;
        border-top: 2px solid #29a9e1;
    }
    
    .navbar-collapse.collapse ul {
        margin:auto;
        padding-top: 3%;
    }
    
    .navbar-collapse.collapse .menu-item {
        margin: 5px 0 5px 20px;
        width: fit-content;
        border-bottom: 1px solid #29a9e14f;
    }
    
    .navbar-collapse.collapse .menu-item-contact {
        margin-bottom:0px;
        border:none;
    }
    
    .navbar-collapse.collapsing {
        margin: 0;
        margin-top:15px;
        width: 100%;
        background-color: #fff;
        border-top: 2px solid #29a9e1;
    }
    
    .navbar-collapse.collapsing ul {
        margin:auto;
        padding-top: 3%;
    }
    
    .navbar-collapse.collapsing .menu-item {
        margin: 5px 0 5px 20px;
        width: fit-content;
        border-bottom: 1px solid #29a9e14f;
    }
    
    .navbar-header .navbar-toggler {
        height: fit-content;
        margin: auto;
        margin-right: 0;
        top: auto;
        right: 0;
        border: none;
        background: none;
    }
    
    .navbar-toggler .navbar-toggler-icon {
        background-color: #2a99c5;
    }
    
    .navbar-brand img {
        height:50px;
    }
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1 {
        width: 100%;
        height: calc(100vh - 50px);
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }
    
    .section-1 #text-scene {
        bottom: auto;
        margin: auto;
    }
    
    .section-1 #text-scene h1 {
        text-align: center;
        margin:0.75em 0;
    }
    
    .section-1 #text-scene h1 span {
        font-size:54px!important;
    }
    
    .section-1 p {
        width: auto;
        text-align: justify;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2 {
        height: 100%;
        width: 100%;
        padding: 10em 0 50px;
        margin: auto;
    }
    
    .section-2:before {
        margin-top:0;
    }
    
    .section-2 .about-text {
        position: relative;
        width: 94%;
        margin: auto;
        right: auto;
        padding: 2rem 1rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
    }
    
    .section-2 .about-text #about-image-bg {
        width: 70px;
        height: 70px;
        position: relative;
        left: auto;
        margin: auto auto 15px;
        top: 0;
    }
    
    .section-2 .about-text h1 {
        font-size: 2em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-2 .about-text p {
        font-size: 14px!important;
        text-align: justify;
    }
    
    .section-2 .about-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 10px;
    }
    
    /* ----- SECTIUNEA 3 ----- */
    
    .section-3 {
        height: auto;
        padding: 50px 0;
        flex-direction: column;
    }
    
    .section-3 h1 {
        margin: auto;
        margin-bottom: 20px;
        font-size: 2.5em;
    }
    
    #news-1, #news-2, #news-3, #pcr, #news-4, #news-5, #news-6 {
        width:90%;
        margin:20px auto;
    }
    
    .section-3 .center-p {
        padding:1em;
        height:14em;
    }
    
    /* ----- SECTIUNEA 4 ----- */
    
    .section-4 {
        height: auto;
        padding: 50px 0 0;
        display: flex;
        flex-direction: column;
    }
    
    .section-4 h1 {
        font-size: 2em;
        width: 100%;
        padding-bottom: 0.5em;
    }
    
    .section-4 .subtitle {
        width:100%;
        padding-bottom: 4em;
    }
    
    .package-icon {
        padding: 20px 20px 100px;
        max-width:100%;
    }
    
    .package-icon:last-of-type {
        padding-bottom:50px;
    }
    
    #circle-bg {
        top: -5%;
        width: 30vh;
        height: 30vh;
        right: 0;
        left: 0;
        margin: auto;
    }
    
    .section-4 img {
        height: 250px;
        width:auto;
    }
    
    .section-4 .info-title {
        margin:2rem auto auto;
        font-size:20px;
        letter-spacing: 1px;
    }
    
    .section-4 .info-price {
        margin: auto;
        font-size: 14px;
    }
    
    .section-4 .btn {
        font-size: 14px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 5 ----- */
    
    .section-5 {
        height: 100%;
        width: auto;
        padding: 50px 0;
    }
    
    .section-5 .health-text {
        position: relative;
        width: 94%;
        margin: auto;
        right: auto;
        padding: 2rem 1rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
    }
    
    .section-5 .health-text #health-image-bg {
        width: 70px;
        height: 70px;
        position: relative;
        left: auto;
        margin: auto auto 15px;
        top: 0;
    }
    
    .section-5 .health-text h1 {
        font-size: 2em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-5 .health-text p {
        font-size: 14px!important;
        text-align: justify;
    }
    
    .section-5 .health-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 10px;
    }
    
    /* ----- SECTIUNEA 6 ----- */
    
    .section-6 {
        height:auto;
        padding:30px 0;
    }
    
    .section-6 .lab-contact:first-of-type {
        padding-bottom: 6em;
    }
    
    .section-6 .form-submit .btn {
        font-size: 14px;
        margin-left:0;
    }
    
    .section-6 h2 {
        font-size:2em;
        padding:0;
        margin:auto auto 1em;
    }
    
    .section-6 .form-group {
        padding:0;
        margin-bottom:3rem;
    }
    
    .section-6 .form-group label {
        font-size: 14px;
    }
    
    .section-6 .check {
        padding:0;
    }
    
    .section-6 #text-disclaimer {
        padding:0;
    }
    
}


@media only screen and (min-width: 426px) and (max-width: 543px) {
 
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1 {
        height: calc(100vh - 50px);
    }

}

@media only screen and (min-width: 544px) and (max-width: 768px) {
 
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1 {
        height: calc(85vh - 50px);
    }
    
}


@media only screen and (min-width: 426px) and (max-width: 768px) {
    
    /* ----- NOTIFICARE ----- */
    
    header .notification-header {
        display: flex;
        flex-direction: column;
        /*display:none;*/
    }
    
    header .notification-header .notification-title p {
        font-size: 18px;
    }
    
    header .notification-header .notification-body {
        flex-direction: column;
        gap: 6px;
    }
    
    header .notification-header .notification-body p {
        font-size:16px;
        padding-bottom:0px;
    }
    
    /* ----- HEADER ----- */
    
    header {
        height:auto;
        border-bottom: none!important;
    }
    
    header .container {
        width:100%;
    }
    
    .header-menu-scroll {
        margin-bottom:0;
        border-bottom: 2px solid #29a9e1!important;
    }
    
    #header-menu {
        margin: auto;
        padding: 3% 0;
    }
    
    #header-menu .container {
        margin: 20px auto;
        display: block;
    }
    
    .header-menu-container-scroll {
        margin: 0 auto!important;
        padding: 0!important;
    }
    
    .container>.navbar-header {
        margin: auto;
        width: 90%;
        display: flex;
        flex-direction: row-reverse;
    }
    
    .navbar-collapse.collapse {
        margin: 0;
        margin-top:15px;
        width: 100%;
        background-color: #fff;
        border-top: 2px solid #29a9e1;
    }
    
    .navbar-collapse.collapse ul {
        margin:auto;
        padding-top: 3%;
    }
    
    .navbar-collapse.collapse .menu-item {
        margin: 5px 0 5px 20px;
        width: fit-content;
        border-bottom: 1px solid #29a9e14f;
    }
    
    .navbar-collapse.collapse .menu-item-contact {
        margin-bottom:0px;
        border:none;
    }
    
    .navbar-collapse.collapsing {
        margin: 0;
        margin-top:15px;
        width: 100%;
        background-color: #fff;
        border-top: 2px solid #29a9e1;
    }
    
    .navbar-collapse.collapsing ul {
        margin:auto;
        padding-top: 3%;
    }
    
    .navbar-collapse.collapsing .menu-item {
        margin: 5px 0 5px 20px;
        width: fit-content;
        border-bottom: 1px solid #29a9e14f;
    }
    
    .navbar-header .navbar-toggler {
        height: fit-content;
        margin: auto;
        margin-right: 0;
        top: auto;
        right: 0;
        border: none;
        background: none;
    }
    
    .navbar-toggler .navbar-toggler-icon {
        background-color: #2a99c5;
    }
    
    .navbar-brand img {
        height:50px;
    }
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1 {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }
    
    .section-1 #text-scene {
        bottom: auto;
        margin: auto;
        height:100%;
    }
    
    .section-1 #text-scene h1 {
        text-align: center;
        margin:0.75em auto;
    }
    
    .section-1 #text-scene h1 span {
        font-size: 54px!important;
    }
    
    .section-1 #img-scene p {
        height: 100%;
    }
    
    .section-1 #img-scene img {
        margin:auto;
        display:block;
        width:auto!important;
    }
    
    .section-1 p {
        width: auto;
        text-align: justify;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2 {
        height: 100%;
        width: 100%;
        padding: 20em 0 50px;
        margin: auto;
    }
    
    .section-2:before {
        margin-top:0;
    }
    
    .section-2 .about-text {
        position: relative;
        width: 90%;
        margin: auto;
        right: auto;
        padding: 3rem 1rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
    }
    
    .section-2 .about-text #about-image-bg {
        width: 100px;
        height: 100px;
        position: relative;
        left: auto;
        margin: auto auto 30px;
        top: 0;
    }
    
    .section-2 .about-text h1 {
        font-size: 3em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-2 .about-text p {
        font-size: 14px!important;
        text-align: justify;
    }
    
    .section-2 .about-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 3 ----- */
    
    .section-3 {
        height: auto;
        padding: 50px 0;
        flex-direction: column;
    }
    
    .section-3 h1 {
        margin: auto;
        margin-bottom: 20px;
        font-size: 3.5em;
    }
    
    
    
    /* ----- SECTIUNEA 4 ----- */
    
    .section-4 {
        height: auto;
        padding: 50px 0 0;
        display: block;
    }
    
    .section-4 h1 {
        font-size: 3em;
        width: 80%;
        padding-bottom: 0.5em;
    }
    
    .section-4 .subtitle {
        padding-bottom:6em;
        width:90%;
    }
    
    .package-icon {
        padding: 20px 20px 100px;
        max-width:100%;
    }
    
    .package-icon:last-of-type {
        padding-bottom:50px;
    }
    
    #circle-bg {
        top: -5%;
        width: 30vh;
        height: 30vh;
        right: 0;
        left: 0;
        margin: auto;
    }
    
    .section-4 img {
        height: 250px;
        width:auto;
    }
    
    .section-4 .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 5 ----- */
    
    .section-5 {
        height: 100%;
        width: auto;
        padding: 50px 0;
    }
    
    .section-5 .health-text {
        position: relative;
        width: 90%;
        margin: auto;
        right: auto;
        padding: 3rem 1rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
    }
    
    .section-5 .health-text #health-image-bg {
        width: 100px;
        height: 100px;
        position: relative;
        left: auto;
        margin: auto auto 30px;
        top: 0;
    }
    
    .section-5 .health-text h1 {
        font-size: 3em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-5 .health-text p {
        font-size: 14px;
        text-align: justify;
    }
    
    .section-5 .health-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
    
    #news-1, #news-2, #news-3, #pcr, #news-4, #news-5, #news-6 {
        width:80%;
        margin:20px auto;
    }
    
    /* ----- SECTIUNEA 6 ----- */
    
    .section-6 {
        height:auto;
        padding:50px 0;
    }
    
    .section-6 .lab-contact:first-of-type {
        padding-bottom: 50px;
    }
    
    .section-6 .form-submit .btn {
        font-size: 14px;
    }
    
}


@media only screen and (min-width: 769px) and (max-width: 1024px) {
    
    /* ----- NOTIFICARE ----- */
    
    header .notification-header {
        display: flex;
        flex-direction: column;
        /*display:none;*/
    }
    
    header .notification-header .notification-title p {
        font-size: 24px;
    }
    
    header .notification-header .notification-body p {
        font-size:18px;    }
    
    
     /* ----- HEADER ----- */
    
    header {
        height:auto;
    }
    
    header .container {
        width:100%;
    }
    
    #header-menu .container {
        margin: 25px auto 30px;
        display: flex;
        flex-direction: column;;
    }
    
    .header-menu-container-scroll {
        margin: 0 auto!important;
        padding: 0!important;
    }
    
    .container>.navbar-header {
        margin: auto;
    }
    
    .navbar-collapse.collapse {
        margin:auto;
        width:100%;
    }
    
    .navbar-collapse.collapse .navbar-right {
        width:100%;
        display:flex;
    }
    
    .navbar-collapse.collapse .menu-item {
        margin: 5px auto;
    }
    
    .navbar-default .navbar-nav>li>a {
        padding:0;
        font-size:14px;
    }
    
    .navbar-header .navbar-toggler {
        display:none;
    }
    
    .navbar-toggler .navbar-toggler-icon {
        background-color: #2a99c5;
    }
    
    .navbar-brand img {
        height:50px;
        margin-top:10px;
    }
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1 {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }
    
    .section-1 #text-scene {
        bottom: auto;
        margin: auto;
        width:100%;
    }
    
    .section-1 #text-scene h1 {
        text-align: center;
        padding-top:2em;
    }
    
    .section-1 #text-scene  h1 span {
        font-size: 54px!important;
    }
    
    .section-1 #img-scene {
        width:100%;
        height:70%;
    }
    
    .section-1 #img-scene img {
        width:auto!important;
        margin:auto;
        display:block;
    }
    
    .section-1 p {
        width: auto;
        text-align: justify;
    }
    
    .section-1 #img-scene p {
        height: 100%;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2 {
        height: 100%;
        width: 100%;
        padding: 20em 0 50px;
        margin: auto;
    }
    
    .section-2:before {
        margin-top:0;
        top:-90px;
    }
    
    .section-2 .about-text {
        position: relative;
        width: 90%;
        margin: auto;
        right: auto;
        padding: 3rem 1rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
        float:inherit;
    }
    
    .section-2 .about-text #about-image-bg {
        width: 100px;
        height: 100px;
        position: relative;
        left: auto;
        margin: auto auto 30px;
        top: 0;
    }
    
    .section-2 .about-text h1 {
        font-size: 3em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-2 .about-text p:first-of-type {
        font-size: 14px!important;
        text-align: justify;
    }
    
    .section-2 .about-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 3 ----- */
    
    .section-3 {
        height: auto;
        padding: 50px 0;
        flex-direction: column;
    }
    
    .section-3 h1 {
        margin: auto;
        margin-bottom: 20px;
        font-size: 3.5em;
    }
    
    #news-1, #news-2, #news-3, #pcr, #news-4, #news-5, #news-6 {
        width:50%;
        margin:20px auto;
    }
    
    /* ----- SECTIUNEA 4 ----- */
    
    .section-4 {
        height: auto;
        padding: 50px 0;
        display: block;
    }
    
    .section-4 h1 {
        font-size: 3em;
        width: 80%;
        padding-bottom: 0.5em;
    }
    
    .section-4 .subtitle {
        padding-bottom: 6em;
        width:90%;
    }
    
    .package-icon {
        max-width:50%;
        width:50%;
        display:inline-block;
        padding-bottom:5em;
    }
    
    #circle-bg {
        top: 0%;
        width: 20vh;
        right: 0;
        left: 0;
        margin: auto;
    }
    
    .section-4 img {
        height: 160px;
        width:auto;
    }
    
    .section-4 .btn {
        font-size: 14px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 5 ----- */
    
    .section-5 {
        height: 100%;
        width: auto;
        padding: 50px 0;
    }
    
    .section-5 .health-text {
        position: relative;
        width: 90%;
        margin: auto;
        right: auto;
        padding: 3rem 1rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
    }
    
    .section-5 .health-text #health-image-bg {
        width: 100px;
        height: 100px;
        position: relative;
        left: auto;
        margin: auto auto 30px;
        top: 0;
    }
    
    .section-5 .health-text h1 {
        font-size: 3em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-5 .health-text p:first-of-type {
        font-size: 14px;
        text-align: justify;
    }
    
    .section-5 .health-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 6 ----- */
    
    .section-6 {
        height:auto;
        padding:50px 0;
    }
    
    .section-6 .lab-contact:first-of-type {
        padding-bottom: 50px;
    }
    
    .section-6 .form-submit .btn {
        font-size: 14px;
    }
    
}


@media only screen and (min-width: 1025px) and (max-width: 1365px) {
    
     /* ----- HEADER ----- */
    
    header {
        height:auto;
    }
    
    header .container {
        width:100%;
    }
    
    #header-menu .container {
        margin: 25px auto 30px;
        display: flex;
        flex-direction: column;;
    }
    
    .header-menu-container-scroll {
        margin: 0 auto!important;
        padding: 0!important;
    }
    
    .container>.navbar-header {
        margin: auto;
    }
    
    .navbar-collapse.collapse {
        margin:auto;
        width:100%;
    }
    
    .navbar-collapse.collapse .navbar-right {
        width:100%;
        display:flex;
    }
    
    .navbar-collapse.collapse .menu-item {
        margin: 5px auto;
    }
    
    .navbar-default .navbar-nav>li>a {
        padding:0;
        font-size:14px;
    }
    
    .navbar-collapse.collapse .menu-item {
        margin: 5px auto;
    }
    
    .navbar-header .navbar-toggler {
        display:none;
    }
    
    .navbar-toggler .navbar-toggler-icon {
        background-color: #2a99c5;
    }
    
    .navbar-brand img {
        height:50px;
        margin-top:10px;
        margin-bottom:5px;
    }
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1 {
        width: 100%;
        height: 100vh;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }
    
    .section-1 #text-scene {
        bottom: auto;
        margin: auto;
        width:100%;
    }
    
    .section-1 #text-scene h1 {
        font-size: 2rem;
        text-align: center;
    }
    
    .section-1 #img-scene {
        width:100%;
        height:70%;
    }
    .section-1 #img-scene p {
        height: 100%;
    }
    
    .section-1 #img-scene img {
        width:auto!important;
        margin:auto;
        display:block;
    }
    
    .section-1 p {
        width: auto;
        text-align: justify;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2 {
        height: 100%;
        width: 100%;
        padding: 20em 0 50px;
        margin: auto;
    }
    
    .section-2:before {
        margin-top:0;
        top:-100px;
    }
    
    .section-2 .about-text {
        position: relative;
        width: 90%;
        margin: auto;
        right: auto;
        padding: 3rem 1rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
        float:inherit;
    }
    
    .section-2 .about-text #about-image-bg {
        width: 100px;
        height: 100px;
        position: relative;
        left: auto;
        margin: auto auto 30px;
        top: 0;
    }
    
    .section-2 .about-text h1 {
        font-size: 3em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-2 .about-text p:first-of-type {
        font-size: 14px!important;
        text-align: justify;
    }
    
    .section-2 .about-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 3 ----- */
    
    .section-3 {
        height: auto;
        padding: 50px 0;
        flex-direction: column;
    }
    
    .section-3 h1 {
        margin: auto;
        margin-bottom: 20px;
        font-size: 3.5em;
    }
    
    #news-1 p, #news-2 p, #news-3 p, #pcr p {
        width:100%;
    }
    
    #news-1, #news-2, #news-3, #pcr, #news-4, #news-5, #news-6  {
        width:50%;
        margin:20px auto;
    }
    
    /* ----- SECTIUNEA 4 ----- */
    
    .section-4 {
        height: auto;
        padding: 50px 0;
        display: block;
    }
    
    .section-4 h1 {
        font-size: 3em;
        width: 80%;
        padding-bottom: 0.5em;
    }
    
    .section-4 .subtitle {
        width:100%;
        padding-bottom:8em;
    }
    
    .package-icon {
        width:50%;
        max-width:50%;
        display:inline-block;
        padding-bottom:5em;
    }
    
    #circle-bg {
        top: 0%;
        width: 20vh;
        right: 0;
        left: 0;
        margin: auto;
    }
    
    .section-4 img {
        height: 160px;
        width:auto;
    }
    
    .section-4 .btn {
        font-size: 14px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 5 ----- */
    
    .section-5 {
        height: 100%;
        width: auto;
        padding: 50px 0;
    }
    
    .section-5 .health-text {
        position: relative;
        width: 90%;
        margin: auto;
        right: auto;
        padding: 3rem 1rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
    }
    
    .section-5 .health-text #health-image-bg {
        width: 100px;
        height: 100px;
        position: relative;
        left: auto;
        margin: auto auto 30px;
        top: 0;
    }
    
    .section-5 .health-text h1 {
        font-size: 3em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-5 .health-text p:first-of-type {
        font-size: 14px;
        text-align: justify;
    }
    
    .section-5 .health-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 6 ----- */
    
    .section-6 {
        height:auto;
        padding:50px 0;
    }
    
    .section-6 .lab-contact:first-of-type {
        padding-bottom: 50px;
    }
    
    .section-6 .form-submit .btn {
        font-size: 14px;
    }
    
}


@media only screen and (min-width: 1366px) and (max-width: 1440px) {
    
     /* ----- HEADER ----- */
    
    header {
        height:auto;
    }
    
    header .container {
        width: 100%;
    }
    
    #header-menu .container {
        margin: 40px auto;
        display: flex;
    }
    
    .header-menu-container-scroll {
        margin: 0 auto!important;
    }
    
    .container>.navbar-header {
        margin: auto;
    }
    
    .navbar-collapse.collapse {
        margin: auto;
    }
    
    .navbar-collapse.collapse .menu-item {
        margin: 5px auto;
    }
    
    .navbar-header .navbar-toggler {
        display:none;
    }
    
    .navbar-toggler .navbar-toggler-icon {
        background-color: #2a99c5;
    }
    
    .navbar-brand img {
        height:50px;
    }
    
    .navbar-nav .menu-item a {
        padding:5px;
    }
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1 {
        width: 86%;
        height: 65vh;
        display: flex;
    }
    
    
    
    .section-1 #text-scene {
        bottom: -15em;
        /*width:100%;*/
    }
    
    .section-1 #text-scene h1 {
        font-size: 2rem;
        text-align: left;
    }
    
     .section-1 #text-scene h1 span {
         font-size: 60px !important;
     }
    
    .section-1 #img-scene {
        /*width:100%;*/
        height:100%;
    }
    
    .section-1 #img-scene img {
        height:100%;
        width:100%!important;
        margin:auto;
        display:block;
    }
    
    .section-1 p {
        width: auto;
        text-align: justify;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2 {
        height: 100%;
        width: 100%;
        padding: 20em 0 50px;
        margin: auto;
    }
    
    .section-2:before {
        margin-top:0;
        top:-135px;
    }
    
    .section-2 .about-text {
        position: relative;
        width: 50%;
        margin: auto;
        right: auto;
        padding: 3rem 5rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
        float:inherit;
    }
    
    .section-2 .about-text #about-image-bg {
        width: 100px;
        height: 100px;
        left: 93%;
        top: -40px;
    }
    
    .section-2 .about-text h1 {
        font-size: 3em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-2 .about-text p {
        font-size: 14px!important;
        text-align: justify;
    }
    
    .section-2 .about-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 3 ----- */
    
    .section-3 {
        height: auto;
        padding: 50px 0;
    }
    
    .section-3 h1 {
        margin: auto;
        margin-bottom: 20px;
        font-size: 3.5em;
    }
    
    #news-1, #news-2, #news-3, #pcr, #news-4, #news-5, #news-6{
        margin:20px auto;
    }
    
    /* ----- SECTIUNEA 4 ----- */
    
    .section-4 {
        height: auto;
        padding: 50px 0;
        display: block;
    }
    
    .section-4 h1 {
        font-size: 3em;
        width: 80%;
        padding-bottom: 0.5em;
    }
    
    .section-4 .subtitle {
        padding-bottom: 5em;
    }
    
    .package-icon {
        display:inline-block;
    }
    
    #circle-bg {
        top: -10%;
        width: 40%;
        right: 0;
        left: 0;
        margin: auto;
    }
    
    .section-4 img {
        height: 160px;
    }
    
    .section-4 .btn {
        font-size: 14px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 5 ----- */
    
    .section-5 {
        height: 100%;
        width: auto;
        padding: 6em 0;
    }
    
    .section-5 .health-text {
        position: relative;
        width: 50%;
        margin: auto;
        right: auto;
        padding: 3rem 5rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
    }
    
    .section-5 .health-text #health-image-bg {
        width: 100px;
        height: 100px;
        left: 93%;
        top: -40px;
    }
    
    .section-5 .health-text h1 {
        font-size: 3em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-5 .health-text p {
        font-size: 14px;
        text-align: justify;
    }
    
    .section-5 .health-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 6 ----- */
    
    .section-6 {
        height:auto;
        padding:50px 0;
    }
    
    .section-6 .lab-contact:first-of-type {
        padding-bottom: 50px;
    }
    
    .section-6 .form-submit .btn {
        font-size: 14px;
    }
    
}


@media only screen and (min-width: 1441px) and (max-width: 1600px) {
    
     /* ----- HEADER ----- */
    
    header {
        height:auto;
    }
    
    header .container {
        width: 100%;
    }
    
    #header-menu .container {
        margin: 40px auto;
        display: flex;
    }
    
    .header-menu-container-scroll {
        margin: 0 auto!important;
    }
    
    .container>.navbar-header {
        margin: auto;
    }
    
    .navbar-collapse.collapse {
        margin: auto;
    }
    
    .navbar-collapse.collapse .menu-item {
        margin: 5px auto;
    }
    
    .navbar-header .navbar-toggler {
        display:none;
    }
    
    .navbar-toggler .navbar-toggler-icon {
        background-color: #2a99c5;
    }
    
    .navbar-brand img {
        height:50px;
    }
    
    .navbar-nav .menu-item a {
        padding:5px;
    }
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1 {
        width: 86%;
        height: 65vh;
        display: flex;
    }
    
    .section-1 #text-scene {
        bottom: -15em;
        width:100%;
    }
    
    .section-1 #text-scene h1 {
        font-size: 2rem;
        text-align: center;
    }
    
    .section-1 #img-scene {
        width:100%;
        height:115%;
    }
    
    .section-1 #img-scene img {
        height:100%;
        width:100%!important;
        margin:auto;
        display:block;
    }
    
    .section-1 p {
        width: auto;
        text-align: justify;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2 {
        height: 90vh;
        width: 100%;
        padding: 25em 0 50px;
        margin: auto;
    }
    
    .section-2:before {
        margin-top:0;
        top:-165px;
    }
    
    .section-2 .about-text {
        position: relative;
        width: 50%;
        margin: auto;
        right: auto;
        padding: 3rem 5rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
        float:inherit;
    }
    
    .section-2 .about-text #about-image-bg {
        width: 100px;
        height: 100px;
        left: 93%;
        top: -40px;
    }
    
    .section-2 .about-text h1 {
        font-size: 3em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-2 .about-text p {
        font-size: 14px!important;
        text-align: justify;
    }
    
    .section-2 .about-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 3 ----- */
    
    .section-3 {
        height: auto;
        padding: 50px 0;
    }
    
    .section-3 h1 {
        margin: auto;
        margin-bottom: 20px;
        font-size: 3.5em;
    }
    
    #news-1, #news-2, #news-3, #pcr, #news-4, #news-5, #news-6 {
        margin:20px auto;
    }
    
    /* ----- SECTIUNEA 4 ----- */
    
    .section-4 {
        height: auto;
        padding: 50px 0;
        display: block;
    }
    
    .section-4 h1 {
        font-size: 3em;
        width: 80%;
        padding-bottom: 0.5em;
    }
    
    .section-4 .subtitle {
        padding-bottom:5em;
        width:80%;
    }
    
    .package-icon {
        display:inline-block;
    }
    
    #circle-bg {
        width: 20vh;
        right: 0;
        left: 0;
        margin: auto;
    }
    
    .section-4 img {
        height: 160px;
        width:auto;
    }
    
    .section-4 .btn {
        font-size: 14px;
    text-align: center;
    margin: auto;
    margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 5 ----- */
    
    .section-5 {
        height: 100%;
        width: auto;
        padding: 6em 0;
    }
    
    .section-5 .health-text {
        position: relative;
        width: 50%;
        margin: auto;
        right: auto;
        padding: 3rem 5rem;
        border-radius: 70px 0 70px 0;
        text-align: center;
    }
    
    .section-5 .health-text #health-image-bg {
        width: 100px;
        height: 100px;
        left: 93%;
        top: -40px;
    }
    
    .section-5 .health-text h1 {
        font-size: 3em!important;
        margin: auto;
        margin-bottom: 20px;
    }
    
    .section-5 .health-text p {
        font-size: 14px;
        text-align: justify;
    }
    
    .section-5 .health-text .btn {
        font-size: 14px;
        text-align: center;
        margin: auto;
        margin-top: 20px;
    }
    
    /* ----- SECTIUNEA 6 ----- */
    
    .section-6 {
        height:auto;
        padding:50px 0;
    }
    
    .section-6 .lab-contact:first-of-type {
        padding-bottom: 50px;
    }
    
    .section-6 .form-submit .btn {
        font-size: 14px;
    }
    
}

@media only screen and (min-width: 1601px) and (max-width: 1627px) {
    
    .section-1 #text-scene {
        bottom: -15em;
    }
    
}




/*--------------------------------------------------------------------------------     PAGINA PROGRAM SARBATORI     --------------------------------------------------------------------------------*/





.section-1-ps {
    height: auto;
    padding: 12em 20em 2em;
    margin: auto;
}

.section-1-ps h1 {
    font-size: 5rem;
    text-align: center;
    padding-bottom: 1em;
}

.section-1-ps h3 {
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    line-height: 1;
    margin: 2em auto 1em;
}

.section-1-ps p, .section-1-ps li {
    font-size:16px;
}

@media only screen and (max-width: 991px) {
    .section-1-ps {
        padding:12em 0 2em;
    }
    .card-margin {
        padding: 0!important;
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .section-1-ps {
        padding:12em 5em 2em;
    }
}

/*--------------------------------------------------------------------------------     PAGINA ANALIZE     --------------------------------------------------------------------------------*/




/* ----- SECTIUNE 1 ----- */

.section-1-analize {
    height:auto;
    display:flex;
    margin:20em 13rem 5em;
}

.section-1-analize .text-container {
    height:auto;
    margin:auto;
    margin-left:0;
}


.section-1-analize .image-container {
    height:auto;
    margin:auto;
    display:flex;
}

.section-1-analize .image-container img {
    width:50%;
    display:flex;
    margin:auto;
}

.section-1-analize .top-animation {
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
}

.section-1-analize .top-animation #img-1 {
    position: absolute;
    top: -150px;
    right: 370px;
    width: 15%;
    z-index: 2;
    -webkit-animation: moving-1 7s linear infinite alternate-reverse ;
	        animation: moving-1 7s linear infinite alternate-reverse ;
}

.section-1-analize .top-animation #img-2 {
    position: absolute;
    top: 0;
    right: 200px;
    width: 30%;
    z-index: 1;
}

.section-1-analize .top-animation #img-3 {
    position: absolute;
    top: 230px;
    right: 320px;
    width: 12%;
    z-index: 2;
    -webkit-animation: moving-3 5s linear infinite alternate-reverse ;
	        animation: moving-3 5s linear infinite alternate-reverse ;
    
}

/* ANIMATIE IMAGE 1 */

@-webkit-keyframes moving-1 {
  0% {
    -webkit-transform: translateY(-10px) translateX(-10px);
            transform: translateY(-10px) translateX(-10px);
  }
  100% {
    -webkit-transform: translateY(20px) translateX(-40px);
            transform: translateY(20px) translateX(-40px);
  }
}
@keyframes moving-1 {
  0% {
    -webkit-transform: translateY(-10px) translateX(-10px);
            transform: translateY(-10px) translateX(-10px);
  }
  100% {
    -webkit-transform: translateY(20px) translateX(-40px);
            transform: translateY(20px) translateX(-40px);
  }
}

/* ANIMATIE IMAGE 3 */

@-webkit-keyframes moving-3 {
  0% {
    -webkit-transform: translateY(-20px) translateX(-20px);
            transform: translateY(-20px) translateX(-20px);
  }
  100% {
    -webkit-transform: translateY(30px) translateX(-50px);
            transform: translateY(30px) translateX(-50px);
  }
}
@keyframes moving-3 {
  0% {
    -webkit-transform: translateY(-20px) translateX(-20px);
            transform: translateY(-20px) translateX(-20px);
  }
  100% {
    -webkit-transform: translateY(30px) translateX(-50px);
            transform: translateY(30px) translateX(-50px);
  }
}

/* ----- SECTIUNE 2 ----- */

.section-2-analize {
    margin:0 13rem;
}

.analize-search {
    padding: 5em 0 0 0;
    position:relative;
}

.analize-search .search_spinn {
    position: absolute;
    right: 30px;
    top: 0;
    padding-top: 5em;
    bottom: 0;
    height: fit-content;
    color: #29a9e1;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    z-index:10;
    margin:auto;
}

.analize-search input {
    border: 2px solid #29a9e1;
    padding: 10px 40px;
    height: auto;
    background-image: url(/uploads/icons/search.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: center;
    border-radius:10px;
    transition: all 0.2s cubic-bezier(0.12, 0, 0.39, 0);
    font-weight:700;
    color: #29a9e1;
}

.analize-search input::placeholder {
    color:#00000065;
    line-height:1.75;
    font-weight:700;
}

.analize-search input:hover, .analize-search input:focus, .analize-search input:active:focus {
   background-image: url(/uploads/icons/search-yellow.png);
   border: 2px solid #fade06;
   box-shadow:none;
}

.analize-list ul {
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
    width: 100%;
    padding: 5rem 0 0;
    list-style: none;
}

.analize-list .elem-analiza {
    margin: 2rem 0;
    border-left: 5px solid #fade06;
    padding-left: 1rem;
    width: fit-content;
    transition: all 0.1s cubic-bezier(0.12, 0, 0.39, 0);
}

.analize-list .elem-analiza:first-of-type {
    margin-top:0;
}


.analize-list .elem-analiza:hover {
    border-left:5px solid #29a9e1;
}

.analize-list a {
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    color:#29a9e1;
    transition: all 0.1s cubic-bezier(0.12, 0, 0.39, 0);
}

.analize-list .price {
    margin-right:10px;
}

.analize-list .load-more {
    line-height:12px;
    margin-bottom:5rem;
    padding:1em 0.75em;
}


/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 375px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-analize {
        margin: 10em auto 0;
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section-1-analize .text-container {
        width:100%;
        text-align:center;
        margin-top:0;
    }
    
    .section-1-analize .text-container h1 {
        text-align: center;
    }
    
    .section-1-analize .text-container h1 span {
        font-size: 1em!important;
    }
    
    .section-1-analize .text-container p {
        text-align: center;
    }
    
    .section-1-analize .top-animation {
        display:none;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-analize {
        margin: auto;
    }
    
    .section-1-analize .analize-search input {
        width:100%;
        padding: 0.75rem 4rem;
    }
    
    .analize-list ul {
        column-count: 1;
    }
    
    .analize-list .load-more {
        font-size:14px;
    }
    
}

@media only screen and (min-width: 376px) and (max-width: 425px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-analize {
        margin: 10em auto 0;
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section-1-analize .text-container {
        width:100%;
        text-align:center;
        margin-top:0;
    }
    
    .section-1-analize .text-container h1 {
        text-align: center;
    }
    
    .section-1-analize .text-container h1 span {
        font-size: 1.2em!important;
    }
    
    .section-1-analize .text-container p {
        text-align: center;
    }
    
    .section-1-analize .top-animation {
        display:none;
    }
    
    .section-1-analize .analize-search input {
        width:100%;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-analize {
        margin: auto;
    }
    
    .analize-list ul {
        column-count: 1;
    }
    
    .analize-list .load-more {
        font-size: 14px;
    }
    
}


@media only screen and (min-width: 426px) and (max-width: 768px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-analize {
        margin:10em auto 0;
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section-1-analize .text-container {
        width:100%;
        text-align:center;
        margin-top:0;
    }
    
    .section-1-analize .text-container h1 {
        text-align: center;
    }
    
    .section-1-analize .text-container h1 span {
        font-size: 1.2em!important;
    }
    
    .section-1-analize .text-container p {
        text-align: center;
    }
    
    .section-1-analize .top-animation {
        display:none;
    }
    
    .section-1-analize .analize-search input {
        width:100%;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-analize {
        margin: auto;
    }
    
    .analize-list ul {
        column-count: 1;
    }
    
}


@media only screen and (min-width: 769px) and (max-width: 1024px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-analize {
        margin:10em auto 0;
        width:90%;
    }
    
    .section-1-analize .text-container {
        text-align:left;
        width:100%;
    }
    
    .section-1-analize .text-container h1 span {
        font-size: 1.2em!important;
    }
    
    .section-1-analize .top-animation {
        display:none;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-analize {
        margin: auto;
    }
    
    .section-1-analize .analize-search input {
        width:100%;
    }
    
    .analize-list ul {
        column-count: 2;
    }
    
}

@media only screen and (min-width: 1025px) and (max-width: 1365px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-analize {
        margin:15em auto 0;
        width:90%;
    }
    
    .section-1-analize .text-container h1 span {
        font-size: 1.5em!important;
    }
    
    .section-1-analize .top-animation #img-1 {
        position: absolute;
        top: -130px;
        right: 130px;
        width: 20%;
        z-index: 2;
        -webkit-animation: moving-1 7s linear infinite alternate-reverse ;
	            animation: moving-1 7s linear infinite alternate-reverse ;
    }

    .section-1-analize .top-animation #img-2 {
        position: absolute;
        top: 0;
        right: 0px;
        width: 42%;
        z-index: 1;
    }

    .section-1-analize .top-animation #img-3 {
        position: absolute;
        top: 180px;
        right: 90px;
        width: 15%;
        z-index: 2;
        -webkit-animation: moving-3 5s linear infinite alternate-reverse ;
	            animation: moving-3 5s linear infinite alternate-reverse ;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-analize {
        width:90%;
        margin: auto;
    }
    
    .analize-list ul {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }
    
}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-analize {
        margin:15em auto 0;
        width:90%;
    }
    
    .section-1-analize .text-container h1 span {
        font-size: 1.5em!important;
    }
    
    .section-1-analize .top-animation #img-1 {
        position: absolute;
        top: -130px;
        right: 210px;
        width: 15%;
        z-index: 2;
        -webkit-animation: moving-1 7s linear infinite alternate-reverse ;
	            animation: moving-1 7s linear infinite alternate-reverse ;
    }

    .section-1-analize .top-animation #img-2 {
        position: absolute;
        top: 0;
        right: 70px;
        width: 35%;
        z-index: 1;
    }

    .section-1-analize .top-animation #img-3 {
        position: absolute;
        top: 180px;
        right: 160px;
        width: 15%;
        z-index: 2;
        -webkit-animation: moving-3 5s linear infinite alternate-reverse ;
	            animation: moving-3 5s linear infinite alternate-reverse ;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-analize {
        width:90%;
        margin: auto;
    }
    
    .analize-list ul {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }
    
}




/*--------------------------------------------------------------------------------     PAGINA ANALIZA ( SINGLE )     --------------------------------------------------------------------------------*/




.section-analiza-single {
    height:fit-content;
    display:flex;
    margin:0 13rem;
}

.section-analiza-single .analize-content {
    height:auto;
    margin:20em auto auto;
}

.section-analiza-single .analize-content h1 {
    font-size: 2.5em;
}

.section-analiza-single .analize-content .link-btn {
    margin-bottom: 10rem;
    padding: 1em 1em 0.8em;
    font-size: 14px;
}

.section-analiza-single .analize-content .link-btn span {
    right:0;
    color:#303030;
    padding-right:10px;
}

.section-analiza-single .analize-content .link-btn:hover span {
    right:0;
    padding:0;
    padding-right:10px;
}

.section-analiza-single .analize-content .info p {
    font-size:16px;
}

.section-analiza-single .analize-content .info p span {
    font-weight:700;
}

.section-analiza-single .image-container {
    height:auto;
    margin:12em auto auto;
    display:flex;
}

.section-analiza-single .image-container img {
    width:90%;
    display:flex;
    margin:auto;
}

.section-analiza-single .top-animation {
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
}

.section-analiza-single .top-animation #img-1 {
    position: absolute;
    top: -260px;
    right: 260px;
    width: 16%;
    z-index: 2;
    -webkit-animation: moving-1 7s linear infinite alternate-reverse ;
	        animation: moving-1 7s linear infinite alternate-reverse ;
}

.section-analiza-single .top-animation #img-2 {
    position: absolute;
    top: 0;
    right: 50px;
    width: 40%;
    z-index: 1;
}

.section-analiza-single .top-animation #img-3 {
    position: absolute;
    top: 350px;
    right: 240px;
    width: 15%;
    z-index: 2;
    -webkit-animation: moving-3 5s linear infinite alternate-reverse ;
	        animation: moving-3 5s linear infinite alternate-reverse ;
    
}

.analiza-single-contact {
    margin-top:10rem;
}

.analiza-single-contact a {
    margin:auto;
}


/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 375px) {
    
    .section-analiza-single {
        margin:auto 20px;
    }
    
    .section-analiza-single .analize-content {
        margin:10em auto 5em;
    }
    
    .section-analiza-single .analize-content .link-btn {
        margin-bottom: 2rem;
        padding:0.75em 1.5em;
    }
    
    .analiza-single-contact {
        margin-top:5rem;
    }
    
    .analiza-single-contact p {
        margin-bottom: 3rem;
    }
    
    .section-analiza-single .image-container {
        display:none;
    }
    
    .section-analiza-single .top-animation {
        display:none;
    }
    
    .analiza-single-contact a {
        font-size: 14px;
    }
    
}

@media only screen and (min-width: 376px) and (max-width: 425px) {
    
    .section-analiza-single {
        margin: auto 20px;
    }
    
    .section-analiza-single .analize-content {
        margin:10em auto 5em;
    }
    
    .section-analiza-single .analize-content .link-btn {
        margin-bottom: 4rem;
    }
    
    .analiza-single-contact {
        margin-top:5rem;
    }
    
    .analiza-single-contact p {
        margin-bottom: 3rem;
    }
    
    .section-analiza-single .image-container {
        display:none;
    }
    
    .section-analiza-single .top-animation {
        display:none;
    }
    
    .analiza-single-contact a {
        font-size: 14px;
    }
    
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
    
    .section-analiza-single {
        margin: auto 20px;
    }
    
    .section-analiza-single .analize-content {
        margin:10em auto 5em;
    }
    
    .section-analiza-single .analize-content .link-btn {
        margin-bottom: 4rem;
    }
    
    .analiza-single-contact {
        margin-top:5rem;
    }
    
    .analiza-single-contact p {
        margin-bottom: 3rem;
    }
    
    .section-analiza-single .image-container {
        display:none;
    }
    
    .section-analiza-single .top-animation {
        display:none;
    }
    
    .analiza-single-contact a {
        font-size: 14px;
    }
    
}

@media only screen and (min-width: 661px) and (max-width: 768px) {
    
    .section-analiza-single .image-container {
        display:block!important;
        animation: rotation-analiza-single 100s infinite linear;
        padding:0;
    }
    
    @keyframes rotation-analiza-single {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(359deg);
      }
    }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
    
    .section-analiza-single .analize-content {
        margin:10em auto 5em;
    }
    
}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    
    .section-analiza-single .analize-content {
        margin:10em auto 5em;
    }
    
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    
    .section-analiza-single .analize-content {
        margin:10em auto 5em;
    }
    
}



/*--------------------------------------------------------------------------------     PAGINA PUNCTE RECOLTARE     --------------------------------------------------------------------------------*/





/* ----- SECTIUNE 1 ----- */

.section-1-recoltare {
    height:100vh;
    margin:0 13rem;
}

.section-1-recoltare .text-container {
    height:auto;
    margin:13em auto 7em;
}

.section-1-recoltare .text-container h1 {
    text-align:center;
    font-size:5rem;
}

.section-1-recoltare .text-container p {
    font-size:16px;
    text-align:center;
    width:70%;
    margin:auto;
}

.section-1-recoltare h2 {
    padding: 0 15px 20px;
    font-size: 24px;
    margin:0;
    font-size:3rem;
}

.section-1-recoltare .form-group {
    display:flex;
    flex-direction:column;
    margin-bottom: 2rem;
}

.section-1-recoltare .form-group label {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 0;
}

.section-1-recoltare .form-group input {
    height: 30px;
    border: none;
    border-bottom: 2px solid #29a9e1;
    transition: all 0.2s cubic-bezier(0.12, 0, 0.39, 0);
}

.section-1-recoltare .form-group textarea {
    border: none;
    border-bottom: 2px solid #29a9e1;
    transition: all 0.2s cubic-bezier(0.12, 0, 0.39, 0);
    height:6em;
}

.section-1-recoltare .form-group input:hover, .section-1-recoltare .form-group input:focus {
    outline: none;
    border-color: #fff000;
}

.section-1-recoltare .form-group textarea:hover, .section-1-recoltare .form-group textarea:focus {
    outline: none;
    border-color: #fff000;
}

.section-1-recoltare .form-group input::placeholder {
    color: transparent;
}

.section-1-recoltare .form-group textarea::placeholder {
    color: transparent;
}

.section-1-recoltare .form-submit .btn {
    margin-left:15px;
}


/* ----- SECTIUNE 2 ----- */


.section-2-recoltare {
    margin: 0 13rem;
}

.section-2-recoltare .lab-map {
    padding:5rem 0 0;
}


/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 768px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-recoltare {
        margin:10em auto 5em;
        height:auto;
    }
    
    .section-1-recoltare .text-container {
        width:100%;
        text-align:center;
        margin-top:0;
    }
    
    .section-1-recoltare .text-container h1 {
        text-align: center;
    }
    
    .section-1-recoltare .text-container p {
        text-align: center;
        width: 90%;
        text-align: justify;
    }
    
    .section-1-recoltare .lab-contact {
        margin-bottom: 5em;
    }
    
    .section-1-recoltare .lab-contact:last-of-type {
        margin-bottom:0;
    }
    
    
    /* ----- SECTIUNEA 2 ----- */
    
    
    .section-2-recoltare {
        margin: auto;
        padding: 0;
    }
    
    .section-2-recoltare .lab-map {
        width:96%;
        margin:auto;
        padding:0;
    }
    
}


@media only screen and (min-width: 769px) and (max-width: 991px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-recoltare {
        margin:auto;
        width:90%;
        height:auto;
    }
    
    .section-1-recoltare .text-container {
        width:100%;
        text-align:left;
    }
    
    .section-1-recoltare .text-container h1 span {
        font-size: 1.2em!important;
    }
    
    .section-1-recoltare .text-container .btn {
        font-size: 1.5rem;
        margin-top:40px;
    }
    
    .section-1-recoltare .lab-contact {
        margin-bottom: 5em;
    }
    
    .section-1-recoltare .lab-contact:last-of-type {
        margin-bottom:0;
    }
    
    
    /* ----- SECTIUNEA 2 ----- */
    
     
    .section-2-recoltare {
        margin:auto;
        padding:0 0 5rem;
    }
    
    .section-2-recoltare .lab-map {
        padding:10rem 0 0;
    }
    
}

@media only screen and (min-width: 1025px) and (max-width: 1600px) {
    
    .section-2-recoltare {
        margin:0 5rem;
    }
    
}





/*--------------------------------------------------------------------------------     PAGINA ANALIZE GINECOLOGICE     --------------------------------------------------------------------------------*/





/* ----- SECTIUNE 1 ----- */

.section-1-ginecologie {
    height:auto;
    display:flex;
    margin:20em 13rem 15em;
}

.section-1-ginecologie .text-container {
    height:auto;
    margin:auto;
    margin-left:0;
}

.section-1-ginecologie .top-animation {
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
}

.section-1-ginecologie .top-animation #img-1 {
    position: absolute;
    top: -150px;
    right: 370px;
    width: 15%;
    z-index: 2;
    -webkit-animation: moving-1 7s linear infinite alternate-reverse ;
	        animation: moving-1 7s linear infinite alternate-reverse ;
}

.section-1-ginecologie .top-animation #img-2 {
    position: absolute;
    top: 0;
    right: 200px;
    width: 30%;
    z-index: 1;
}

.section-1-ginecologie .top-animation #img-3 {
    position: absolute;
    top: 230px;
    right: 320px;
    width: 12%;
    z-index: 2;
    -webkit-animation: moving-3 5s linear infinite alternate-reverse ;
	        animation: moving-3 5s linear infinite alternate-reverse ;
    
}


/* ----- SECTIUNE 2 ----- */


.section-2-ginecologie {
    position:relative;
    display:flex;
    height:auto;
    padding: 2.5em 0;
    margin:auto 13rem;
}

.section-2-ginecologie:before {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 1200px;
    height: 1px;
    background-color: #29a9e1;
    margin: auto;
    display: block;
}

.section-2-ginecologie:after {
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 1200px;
    height: 1px;
    background-color: #29a9e1;
    margin: auto;
    display: block;
}

.section-2-ginecologie .left-container {
    height:auto;
    margin: auto 5rem;
}

.section-2-ginecologie .left-container:after {
    content: '';
    display: block;
    position: absolute;
    right: -5rem;
    height: 300px;
    width: 1px;
    background-color: #29a9e1;
    top: 0;
    bottom: 0;
    margin: auto;
}

.section-2-ginecologie h1 {
    text-align: center;
    padding-bottom: 1em;
    margin:0;
    font-size: 4rem;
    color:#000;
}

.analize-ginecologice {
    padding:0;
    column-count:2;
    text-align:center;
}

.analize-gin-item {
    list-style: none;
    margin: 10px 0;
    font-size: 16px;
    color:#000;
}

.analize-gin-item:before {
    content: "\2022";
    color: #29a9e1;
    margin-right: 10px;
}

.analize-gin-item:first-of-type {
    margin-top:0;
}

.section-2-ginecologie .right-container {
    text-align: center;
    height: auto;
    margin: auto 5rem;
}

.section-2-ginecologie .right-container .title {
    display: flex;
    flex-direction: column;
    width: fit-content;
    margin: auto;
}

.section-2-ginecologie .right-container .title img {
    width:100px;
    margin: auto auto 20px;
}

.section-2-ginecologie .right-container .title p {
    height: fit-content;
    margin: auto;
    font-size: 4rem;
    font-weight: 700;
}

.section-2-ginecologie .right-container h2 {
    margin: 0 0 10px;
    font-size: 3rem;
    font-weight: 500;
}

.section-2-ginecologie .right-container .text {
    margin: auto;
    text-align: justify;
    font-size:16px;
    line-height:1.5;
    padding-bottom: 10px;
    color: #000;
}


/* ----- SECTIUNE 3 ----- */


.section-3-ginecologie {
    display: flex;
    margin: 0 13rem;
    padding: 10rem 0;
}

.section-3-ginecologie .left-container {
    text-align: center;
}

.section-3-ginecologie .left-container h1 {
    text-align: center;
    padding-bottom: 0.25em;
    margin: 0;
    font-size: 4rem;
}

.section-3-ginecologie .analiza-torch {
    list-style: none;
    padding: 0;
    font-size:16px;
    margin: 10px auto 10px;
    border-bottom: 1px solid #00aae4;
    border-top: 1px solid #00aae4;
    width: fit-content;
}

.section-3-ginecologie .analiza-torch-item {
    list-style: none;
    margin: 10px 0;
    font-size: 16px;
}

.section-3-ginecologie .analiza-torch-item:before {
    content: "\2022";
    color: #29a9e1;
    margin-right: 10px;
}

.section-3-ginecologie .left-container p {
    font-size: 3rem;
    padding: 20px 0;
    margin: 0;
}

.section-3-ginecologie .left-container p:last-of-type {
    padding-bottom:0;
}

.section-3-ginecologie .left-container span {
    font-weight: 700;
}

.section-3-ginecologie .left-container .btn {
    margin-top:0px;
}

.section-3-ginecologie .image-container {
    margin:auto;
}

.section-3-ginecologie .image-container p {
    width:inherit;
    margin:auto;
}

.section-3-ginecologie .image-container img {
    width:100%;
    margin:auto;
    -webkit-animation:spin-gin 300s linear infinite;
    -moz-animation:spin-gin 300s linear infinite;
    animation:spin-gin 300s linear infinite;
}

@-moz-keyframes spin-gin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin-gin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin-gin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 425px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-ginecologie {
        margin:10em auto 0;
    }
    
    .section-1-ginecologie .text-container {
        width:100%;
        text-align:center;
        margin-top:0;
    }
    
    .section-1-ginecologie .text-container h1 {
        text-align: center;
    }
    
    .section-1-ginecologie .text-container h1 span {
        font-size: 1.2em!important;
    }
    
    .section-1-ginecologie .text-container p {
        text-align: center;
    }
    
    .section-1-ginecologie .text-container .subtitle {
        text-align:justify;
    }
    
    .section-1-ginecologie .top-animation {
        display:none;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-ginecologie {
        margin: auto;
        display: flex;
        flex-direction: column;
        padding: 5em 0 3em;
    }
    
    .section-2-ginecologie:before {
        display:none;
    }
    
    .section-2-ginecologie:after {
        display:none;
    }
    
    .section-2-ginecologie h1 {
        color:#000;
        font-size:4rem;
    }
    
    .section-2-ginecologie .left-container {
        margin:auto;
    }
    
    .section-2-ginecologie .left-container:after {
        display:none;
    }
    
    .section-2-ginecologie .right-container {
        margin:auto;
        padding-top:5em;
    }
    
    .analize-ginecologice {
        text-align:left;
        width:90%;
        margin:auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    
    .analize-gin-item {
        color:#000;
        font-size:14px;
        margin: 10px 0!important;
        padding-bottom: 8px;
        display: flex;
        border-bottom: 1px solid #29a9e1;
    }
    
    .analize-gin-item:before {
        display:none;
    }
    
    /* ----- SECTIUNEA 3 ----- */
    
    .section-3-ginecologie {
        flex-direction:column;
        margin:auto;
        padding:3rem 0 0;
    }
    
    .section-3-ginecologie .left-container {
        padding-bottom:3em;
    }
    
    .section-3-ginecologie .left-container h1 {
        font-size:2.5em;
    }
    
    .section-3-ginecologie .left-container p {
        font-size:2rem;
    }
    
    .section-3-ginecologie .left-container .btn {
        font-size:14px;
        padding: 1.5rem 3rem;
    }
    
    .section-3-ginecologie .image-container {
        display:none;
    }
    
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-ginecologie {
        margin:10em auto 0;
    }
    
    .section-1-ginecologie .text-container {
        width:100%;
        text-align:center;
        margin-top:0;
    }
    
    .section-1-ginecologie .text-container h1 {
        text-align: center;
    }
    
    .section-1-ginecologie .text-container h1 span {
        font-size: 1.2em!important;
    }
    
    .section-1-ginecologie .text-container p {
        text-align: center;
    }
    
    .section-1-ginecologie .top-animation {
        display:none;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-ginecologie {
        margin: auto;
        display: flex;
        flex-direction: column;
        padding: 5em 0 3em;
    }
    
    .section-2-ginecologie:before {
        display:none;
    }
    
    .section-2-ginecologie:after {
        display:none;
    }
    
    .section-2-ginecologie h1 {
        color:#000;
        font-size:4rem;
    }
    
    .section-2-ginecologie .left-container {
        margin:auto;
    }
    
    .section-2-ginecologie .left-container:after {
        display:none;
    }
    
    .section-2-ginecologie .right-container {
        margin:auto;
        padding-top:5em;
    }
    
    .analize-ginecologice {
        text-align:left;
        width:90%;
        margin:auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    
    .analize-gin-item {
        color:#000;
        font-size:14px;
        margin: 10px 0!important;
        padding-bottom: 8px;
        display: flex;
        border-bottom: 1px solid #29a9e1;
    }
    
    .analize-gin-item:before {
        display:none;
    }
    
    /* ----- SECTIUNEA 3 ----- */
    
    .section-3-ginecologie {
        flex-direction:column;
        margin:auto;
        padding:3rem 0 0;
    }
    
    .section-3-ginecologie .left-container {
        padding-bottom:3em;
    }
    
    .section-3-ginecologie .left-container h1 {
        font-size:2.5em;
    }
    
    .section-3-ginecologie .left-container p {
        font-size:2rem;
    }
    
    .section-3-ginecologie .left-container .btn {
        font-size:14px;
        padding: 1.5rem 3rem;
    }
    
    .section-3-ginecologie .image-container {
        display:none;
    }
    
}

@media only screen and (min-width: 661px) and (max-width: 768px) {
    
    .analize-ginecologice {
        text-align:center;
    }
    
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-ginecologie {
        margin:10em auto 0;
    }
    
    .section-1-ginecologie .text-container {
        width:100%;
        text-align:center;
        margin-top:0;
    }
    
    .section-1-ginecologie .text-container h1 {
        text-align: center;
    }
    
    .section-1-ginecologie .text-container h1 span {
        font-size: 1.2em!important;
    }
    
    .section-1-ginecologie .text-container p {
        text-align: center;
    }
    
    .section-1-ginecologie .top-animation {
        display:none;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-ginecologie {
        margin: auto;
        display: flex;
        flex-direction: column;
        padding: 5em 0 3em;
    }
    
    .section-2-ginecologie:before {
        display:none;
    }
    
    .section-2-ginecologie:after {
        display:none;
    }
    
    .section-2-ginecologie h1 {
        color:#000;
        font-size:4rem;
    }
    
    .section-2-ginecologie .left-container {
        margin:auto;
    }
    
    .section-2-ginecologie .left-container:after {
        display:none;
    }
    
    .section-2-ginecologie .right-container {
        margin:auto;
        padding-top:5em;
        width:80%;
    }
    
    .analize-ginecologice {
        text-align:left;
        width:100%;
        margin:auto;
    }
    
    .analize-gin-item {
        color:#000;
        font-size:14px;
        margin: 10px 0!important;
        padding-bottom: 8px;
        display: flex;
        border-bottom: 1px solid #29a9e1;
    }
    
    .analize-gin-item:before {
        display:none;
    }
    
    .analize-gin-item:first-of-type {
        margin-top:0!important;
    }
    
    /* ----- SECTIUNEA 3 ----- */
    
    .section-3-ginecologie {
        flex-direction:column;
        margin:auto;
        padding:3rem 0 0;
    }
    
    .section-3-ginecologie .left-container {
        padding-bottom:3em;
    }
    
    .section-3-ginecologie .left-container h1 {
        font-size:2.5em;
    }
    
    .section-3-ginecologie .left-container p {
        font-size:2rem;
    }
    
    .section-3-ginecologie .left-container .btn {
        font-size:14px;
        padding: 1.5rem 3rem;
    }
    
    .section-3-ginecologie .image-container {
        display:none;
    }
    
}

@media only screen and (min-width: 991px) and (max-width: 1024px) {
    
    .section-2-ginecologie .left-container, .section-2-ginecologie .right-container {
        width:90%;
    }
    
    .section-3-ginecologie {
        flex-direction: row;
    }
    
    .section-3-ginecologie .image-container {
        display:block;
    }
    
    .section-3-ginecologie .image-container p {
        width:70%;
    }
    
}

@media only screen and (min-width: 1025px) and (max-width: 1365px) {
    
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-ginecologie {
        margin: 13em auto 0;
        width: 90%;
    }
    
    .section-1-ginecologie .top-animation #img-1 {
        position: absolute;
        top: -130px;
        right: 130px;
        width: 20%;
        z-index: 2;
        -webkit-animation: moving-1 7s linear infinite alternate-reverse ;
	            animation: moving-1 7s linear infinite alternate-reverse ;
    }

    .section-1-ginecologie .top-animation #img-2 {
        position: absolute;
        top: 0;
        right: 0px;
        width: 42%;
        z-index: 1;
    }

    .section-1-ginecologie .top-animation #img-3 {
        position: absolute;
        top: 180px;
        right: 90px;
        width: 15%;
        z-index: 2;
        -webkit-animation: moving-3 5s linear infinite alternate-reverse ;
	            animation: moving-3 5s linear infinite alternate-reverse ;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-ginecologie:before, .section-2-ginecologie:after {
        display:none;
    }
    
    .section-2-ginecologie {
        margin:auto;
        padding-top: 8em;
    }
    
    .section-2-ginecologie h1 {
        text-align:left;
    }
    
    .analize-ginecologice {
        text-align:left;
    }
    
    .section-2-ginecologie .right-container .title {
        width:auto;
    }
    
    .section-2-ginecologie .right-container .title img {
        width:80px;
    }
    
    .section-2-ginecologie .right-container .title p {
        font-size:3.5rem;
    }
    
    /* ----- SECTIUNEA 3 ----- */
    
    .section-3-ginecologie {
        width:90%;
        margin:auto;
    }
    
    .section-3-ginecologie .image-container p {
        width:auto;
    }
    
}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
    
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-ginecologie {
        margin: 13em auto 0;
        width: 90%;
    }
    
    .section-1-ginecologie .top-animation #img-1 {
        position: absolute;
        top: -130px;
        right: 130px;
        width: 12%;
        z-index: 2;
        -webkit-animation: moving-1 7s linear infinite alternate-reverse ;
	            animation: moving-1 7s linear infinite alternate-reverse ;
    }

    .section-1-ginecologie .top-animation #img-2 {
        position: absolute;
        top: 0;
        right: 0px;
        width: 33%;
        z-index: 1;
    }

    .section-1-ginecologie .top-animation #img-3 {
        position: absolute;
        top: 180px;
        right: 90px;
        width: 15%;
        z-index: 2;
        -webkit-animation: moving-3 5s linear infinite alternate-reverse ;
	            animation: moving-3 5s linear infinite alternate-reverse ;
    }
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-ginecologie:before, .section-2-ginecologie:after {
        display:none;
    }
    
    .section-2-ginecologie {
        margin:auto;
        padding-top: 8em;
    }
    
    .section-2-ginecologie h1 {
        text-align:left;
    }
    
    .analize-ginecologice {
        text-align:left;
    }
    
    .section-2-ginecologie .right-container .title {
        width:auto;
    }
    
    .section-2-ginecologie .right-container .title img {
        width:80px;
    }
    
    .section-2-ginecologie .right-container .title p {
        font-size:3.5rem;
    }
    
    /* ----- SECTIUNEA 3 ----- */
    
    .section-3-ginecologie {
        width:90%;
        margin:auto;
    }
    
    .section-3-ginecologie .image-container p {
        width:80%;
    }
    
}


/*--------------------------------------------------------------------------------     PAGINA PROMOTII     --------------------------------------------------------------------------------*/



body[page-type="page"].page-id-7 footer {
    position:static;
    bottom:0;
    width:100%;
}

/* ----- SECTIUNEA 1 ----- */
.section-1-promotii {
    height:auto;
    padding:12em 20em 5em;
    margin:auto;
}

.section-1-promotii h1 {
    text-align:center;
    font-size:5rem;
    padding-bottom:1em;
}

.section-1-promotii .card-title {
    padding-bottom:0;
}

.section-1-promotii .card-title a {
    color: #000;
    text-decoration: none;
    font-size: 2.5rem;
}

.section-1-promotii .card-body .card-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.section-1-promotii .card-img {
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
}

.section-1-promotii .card-body .btn {
    padding: 0.5em 1em;
    font-size:14px;
}


/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 425px) {
    
    .section-1-promotii {
        padding:12em 0 0;
    }
    
    .section-1-promotii .post {
        padding-bottom:7em;
    }
    
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
    
    .section-1-promotii {
        padding:12em 0 0;
    }
    
    .section-1-promotii .post {
        padding-bottom:7em;
    }
    
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    
    .section-1-promotii {
        padding:12em 3em 0;
    }
    
    .section-1-promotii .post {
        padding-bottom:7em;
    }
    
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
    
    .section-1-promotii {
        padding:12em 0em 5em;
    }
    
    .section-1-promotii .post {
        padding-bottom:7em;
    }
    
    .section-1-promotii .card-title {
        line-height:30px;
        height:80px;
    }
    
}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
    
    .section-1-promotii {
        padding:12em 2em 5em;
    }
    
}

@media only screen and (min-width: 1600px) and (max-width: 1755px) {
    
    .section-1-promotii {
        padding:12em 5em 5em;
    }
    
}




/*--------------------------------------------------------------------------------     PAGINA ARTICOLE     --------------------------------------------------------------------------------*/




/* ----- SECTIUNEA 1 ----- */
.section-1-articole {
    height:auto;
    padding:12em 20em 5em;
    margin:auto;
}

.section-1-articole .titlu h1 {
    font-size: 5rem;
    text-align: center;
    padding-bottom: 1em;
}

.section-1-articole .articole {
    display:flex;
    flex-direction:column;
}

.section-1-articole .articole .post {
    width:100%;
    margin-bottom:60px;
}

.section-1-articole .articole .post:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 30%;
    margin-bottom: -40px;
    border-bottom: 2px solid #29a9e1;
}

.section-1-articole .card-title a {
    color: #000;
    text-decoration: none;
    font-size: 3.5rem;
}

.section-1-articole .card-body .btn {
    padding: 0.5em 1em;
    font-size:14px;
}


/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 768px) {
    
    .section-1-articole {
        padding:8em 0 0;
    }
    
    .section-1-articole .titlu h1 {
        padding-bottom:0;
    }
    
    .section-1-articole .post {
        padding-bottom:2em;
    }
    
    .section-1-articole .articole .post:before {
        width:45%;
        margin-bottom:-20px;
    }
    
    .section-1-articole .card-title a {
        font-size:3rem;
    }
    
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
    
    .section-1-promotii {
        padding:12em 0 0;
    }
    
    .section-1-promotii .post {
        padding-bottom:7em;
    }
    
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    
    .section-1-articole {
        padding:12em 3em 0;
    }
    
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
    
    .section-1-articole {
        padding:12em 0em 0em;
    }
    
}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
    
    .section-1-articole {
        padding:12em 2em 5em;
    }
    
}

@media only screen and (min-width: 1600px) and (max-width: 1755px) {
    
    .section-1-articole {
        padding:12em 5em 5em;
    }
    
}




/*--------------------------------------------------------------------------------     PAGINA CARIERE     --------------------------------------------------------------------------------*/




/* ----- SECTIUNEA 1 ----- */
.section-1-cariere {
    height:auto;
    padding:12em 20em 5em;
    margin:auto;
}

.section-1-cariere .titlu h1 {
    font-size: 5rem;
    text-align: center;
    padding-bottom: 1em;
}

.section-1-cariere .cariere {
    display:flex;
    flex-direction:column;
}

.section-1-cariere .cariere .post {
    width:100%;
    margin-bottom:60px;
}

.section-1-cariere .cariere .post:before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 30%;
    margin-bottom: -40px;
    border-bottom: 2px solid #29a9e1;
}

.section-1-cariere .card-title a {
    color: #000;
    text-decoration: none;
    font-size: 3.5rem;
}

.section-1-cariere .card-body .btn {
    padding: 0.5em 1em;
    font-size:14px;
}


/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 768px) {
    
    .section-1-cariere {
        padding:8em 0 0;
    }
    
    .section-1-cariere .titlu h1 {
        padding-bottom:0;
    }
    
    .section-1-cariere .post {
        padding-bottom:2em;
    }
    
    .section-1-cariere .cariere .post:before {
        width:45%;
        margin-bottom:-20px;
    }
    
    .section-1-cariere .card-title a {
        font-size:3rem;
    }
    
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
    
    .section-1-cariere {
        padding:12em 0 0;
    }
    
    .section-1-cariere .post {
        padding-bottom:7em;
    }
    
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    
    .section-1-cariere {
        padding:12em 3em 0;
    }
    
}

@media only screen and (min-width: 992px) and (max-width: 1365px) {
    
    .section-1-cariere {
        padding:12em 0em 0em;
    }
    
}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
    
    .section-1-cariere {
        padding:12em 2em 5em;
    }
    
}

@media only screen and (min-width: 1600px) and (max-width: 1755px) {
    
    .section-1-cariere {
        padding:12em 5em 5em;
    }
    
}




/*--------------------------------------------------------------------------------     PAGINA POSTURI     --------------------------------------------------------------------------------*/




.post-content {
    width: 900px;
    margin: auto;
    padding-top: 12em;
}

.post-content .HeaderActivity .page-description .btn {
    margin:auto auto 40px;
    padding:0.75rem 3rem;
    font-size: 14px;
}

.main .post-content {
    padding:0;
}

.main .post-content h1 {
    text-align:Center;
    font-size:5rem;
    margin: 0 0 40px;
}

.main .post-content .posted {
    margin: 2em auto 5em;
}

.post-content .btn {
    font-size:14px;
}

/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 768px) {
    
    .post-content {
        width:100%;
        padding-left:20px;
        padding-right:20px;
    }
    
    .page-content-inner .main .container .mt-1 {
        margin:auto;
    }
    
    .main .post-content h1 {
        font-size:3.5rem;
    }
    
}

@media only screen and (min-width: 769px) and (max-width: 1365px) {
    
    .post-content {
        width:90%;
        margin:auto;
        padding-left:20px;
        padding-right:20px;
    }
    
    .page-content-inner .main .container .mt-1 {
        margin:auto;
    }
    
}


/*--------------------------------------------------------------------------------     PAGINA CARD FIDELITATE     --------------------------------------------------------------------------------*/

/* ----- SECTIUNEA 1 ----- */

.section-1-chestionar {
    width:900px;
    margin:auto;
    padding-top:15em;
}

.section-1-chestionar h1 {
    font-size:5rem;
}

.section-1-chestionar .sub-title {
    font-size:16px;
}

.card-fidelitate {
    margin:3em 0;
}

.card-fidelitate .item {
    margin: 40px 0;
    display:flex;
    flex-direction:column;
    
}

.card-fidelitate .item p {
    font-size: 16px;
    font-weight:700;
}

.card-fidelitate .item input[type="number"]::-webkit-outer-spin-button,
.card-fidelitate .item input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.card-fidelitate .item select {
    padding: 5px 15px;
    height: 2.75em;
    border: 2px solid #29a9e1;
    outline:none!important;
    box-shadow:none!important;
}

.card-fidelitate .inline-content {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}

.card-fidelitate .inline-content .item {
    width:20%;
}

.card-fidelitate .item:not(.item-17) input {
    border:none;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    100% 0px,
                        0px 100%,
                        100% 2px,
                        0px 100%;
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    padding: 5px 15px;
    height: 2.75em;
    width: 100%;
}


.card-fidelitate .item:not(.item-17) input:hover {
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    2px 100%,
                        100% 2px,
                        2px 100%,
                        100% 2px;
                        
    background-position:    0 100%,
                            100% 100%,
                            100% 0,
                            0 0;
    animation: bg-input 1s cubic-bezier(0.19, 1, 0.22, 1) 1;
}

.card-fidelitate .item:not(.item-17) input:focus {
    outline:none;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    2px 100%,
                        100% 2px,
                        2px 100%,
                        100% 2px;
                        
    background-position:    0 100%,
                            100% 100%,
                            100% 0,
                            0 0;
}

@keyframes bg-input {
    0% {
        background-size:    0 2px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    25% {
        background-size:    100% 2px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    50% {
        background-size:    100% 2px,
                            2px 100%,
                            0 2px,
                            2px 0;
    }
    75% {
        background-size:    100% 2px,
                            2px 100%,
                            100% 2px,
                            2px 0;
    }
    100% {
        background-size:    100% 2px,
                            2px 100%,
                            100% 2px,
                            2px 100%;
    }
}

.card-fidelitate .item.item-17 {
    display:flex;
    flex-direction:row;
}

.card-fidelitate .item.item-17 input {
    margin: auto 10px auto 0;
}

.card-fidelitate .item.item-17 p {
    margin: auto auto auto 0;
    line-height: .8;
}

/*--------------------------------------------------------------------------------     PAGINA CHESTIONAR     --------------------------------------------------------------------------------*/


/* ----- SECTIUNEA 1 ----- */

.section-1-chestionar {
    width:900px;
    margin:auto;
    padding-top:15em;
}

.section-1-chestionar h1 {
    font-size:5rem;
}

.section-1-chestionar .sub-title {
    font-size:16px;
}

.quiz {
    margin:3em 0;
}

.quiz .item {
    margin: 40px 0;
    display:flex;
    flex-direction:column;
    
}

.quiz .item p {
    font-size: 16px;
    font-weight:700;
}

.quiz .item label {
    margin: 4px 0;
    font-weight: 500;
    font-size: 14px;
    display: flex;
    line-height: 22px;
}

.quiz .item input {
    margin-right: 10px;
}

/*-------------------------------ITEM 2---------------------------------------*/

.quiz .item-2 input {
    border:none;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    100% 0px,
                        0px 100%,
                        100% 3px,
                        0px 100%;
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    padding: 5px 15px;
    height: 2.75em;
    width: 25%;
}


.quiz .item-2 input:hover {
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    2px 100%,
                        100% 3px,
                        2px 100%,
                        100% 2px;
                        
    background-position:    0 100%,
                            100% 100%,
                            100% 0,
                            0 0;
    animation: bg-input-2 1s cubic-bezier(0.19, 1, 0.22, 1) 1;
}

.quiz .item-2 input:focus {
    outline:none;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    2px 100%,
                        100% 3px,
                        2px 100%,
                        100% 2px;
                        
    background-position:    0 100%,
                            100% 100%,
                            100% 0,
                            0 0;
}

/*-------------------------------ITEM 3---------------------------------------*/

.quiz .item-3 input {
    border:none;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    100% 0px,
                        0px 100%,
                        100% 2px,
                        0px 100%;
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    padding: 5px 15px;
    height: 2.75em;
    width: 25%;
}

.quiz .item-3 input:hover {
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    2px 100%,
                        100% 2px,
                        2px 100%,
                        100% 2px;
                        
    background-position:    0 100%,
                            100% 100%,
                            100% 0,
                            0 0;
    animation: bg-input-3 1s cubic-bezier(0.19, 1, 0.22, 1) 1;
}

.quiz .item-3 input:focus {
    outline:none;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    2px 100%,
                        100% 3px,
                        2px 100%,
                        100% 2px;
                        
    background-position:    0 100%,
                            100% 100%,
                            100% 0,
                            0 0;
}

/*-------------------------------ITEM 14--------------------------------------*/

.quiz .item-14 textarea {
    border:none;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    100% 0px,
                        0px 100%,
                        100% 2px,
                        0px 100%;
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    padding: 5px 15px;
    height: 10em;
    width: 100%;
}

.quiz .item-14 textarea:hover {
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    2px 100%,
                        100% 2px,
                        2px 100%,
                        100% 2px;
                        
    background-position:    0 100%,
                            100% 100%,
                            100% 0,
                            0 0;
    animation: bg-input-14 1s cubic-bezier(0.19, 1, 0.22, 1) 1;
}

.quiz .item-14 textarea:focus {
    outline:none;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    2px 100%,
                        100% 3px,
                        2px 100%,
                        100% 2px;
                        
    background-position:    0 100%,
                            100% 100%,
                            100% 0,
                            0 0;
}

/*-------------------------------ITEM 15--------------------------------------*/

.quiz .item-15 input {
    border:none;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    100% 0px,
                        0px 100%,
                        100% 3px,
                        0px 100%;
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    padding: 5px 15px;
    height: 2.75em;
    width: 25%;
}

.quiz .item-15 input:hover {
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    2px 100%,
                        100% 3px,
                        2px 100%,
                        100% 2px;
                        
    background-position:    0 100%,
                            100% 100%,
                            100% 0,
                            0 0;
    animation: bg-input-15 1s cubic-bezier(0.19, 1, 0.22, 1) 1;
}

.quiz .item-15 input:focus {
    outline:none;
    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to right, #29a9e1 100%, #29a9e1 100%),
                        linear-gradient(to bottom, #29a9e1 100%, #29a9e1 100%);
    background-size:    2px 100%,
                        100% 3px,
                        2px 100%,
                        100% 2px;
                        
    background-position:    0 100%,
                            100% 100%,
                            100% 0,
                            0 0;
}

/*-------------------------------KEYFRAMES------------------------------------*/

@keyframes bg-input-2 {
    0% {
        background-size:    0 3px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    25% {
        background-size:    100% 3px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    50% {
        background-size:    100% 3px,
                            2px 100%,
                            0 2px,
                            2px 0;
    }
    75% {
        background-size:    100% 3px,
                            2px 100%,
                            100% 2px,
                            2px 0;
    }
    100% {
        background-size:    100% 3px,
                            2px 100%,
                            100% 2px,
                            2px 100%;
    }
}

@keyframes bg-input-3 {
    0% {
        background-size:    0 2px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    25% {
        background-size:    100% 2px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    50% {
        background-size:    100% 2px,
                            2px 100%,
                            0 2px,
                            2px 0;
    }
    75% {
        background-size:    100% 2px,
                            2px 100%,
                            100% 2px,
                            2px 0;
    }
    100% {
        background-size:    100% 2px,
                            2px 100%,
                            100% 2px,
                            2px 100%;
    }
}

@keyframes bg-input-14 {
    0% {
        background-size:    0 2px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    25% {
        background-size:    100% 2px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    50% {
        background-size:    100% 2px,
                            2px 100%,
                            0 2px,
                            2px 0;
    }
    75% {
        background-size:    100% 2px,
                            2px 100%,
                            100% 2px,
                            2px 0;
    }
    100% {
        background-size:    100% 2px,
                            2px 100%,
                            100% 2px,
                            2px 100%;
    }
}

@keyframes bg-input-15 {
    0% {
        background-size:    0 3px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    25% {
        background-size:    100% 3px,
                            2px 0,
                            0 2px,
                            2px 0;
    }
    50% {
        background-size:    100% 3px,
                            2px 100%,
                            0 2px,
                            2px 0;
    }
    75% {
        background-size:    100% 3px,
                            2px 100%,
                            100% 2px,
                            2px 0;
    }
    100% {
        background-size:    100% 3px,
                            2px 100%,
                            100% 2px,
                            2px 100%;
    }
}

.quiz .btn {
    padding:1em 2em;
}


/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 425px) {
    
    .section-1-chestionar {
        padding-top:10em;
        width:auto;
    }
    
    .section-1-chestionar h1 {
        font-size:2.8rem;
    }
    
    .section-1-chestionar .sub-title {
        font-size:14px;
    }
    
    .quiz .item {
        margin: 20px 0;
    }
    
    .quiz .item-3 input {
        width:70%;
    }
    
    .quiz .btn {
        padding:0.5em 2em;
    }
    
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
    
    .section-1-chestionar {
        padding-top:10em;
        width:auto;
    }
    
    .section-1-chestionar h1 {
        font-size:3.2rem;
    }
    
    .section-1-chestionar .sub-title {
        font-size:14px;
    }
    
    .quiz .item {
        margin: 20px 0;
    }
    
    .quiz .item-3 input {
        width:70%;
    }
    
    .quiz .btn {
        padding:0.5em 2em;
    }
    
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    
    .section-1-chestionar {
        padding-top:10em;
        width:75%;
        margin:auto;
    }
    
    .section-1-chestionar h1 {
        font-size:3.2rem;
    }
    
    .section-1-chestionar .sub-title {
        font-size:14px;
    }
    
    .quiz .item {
        margin: 20px 0;
    }
    
    .quiz .item-3 input {
        width:70%;
    }
    
    .quiz .btn {
        padding:0.5em 2em;
    }
    
}




/*--------------------------------------------------------------------------------     PAGINA CERTIFICARI     --------------------------------------------------------------------------------*/




/* ----- SECTIUNE 1 ----- */

.section-1-certificari {
    height:auto;
    margin:15em auto 3em;
}

.section-1-certificari .text-section-1 {
    text-align:center;
    margin:auto;
}

.section-1-certificari .text-section-1 h1 {
    font-size:5rem;
}


/* ----- SECTIUNE 2 ----- */


.section-2-certificari {
    margin: auto;
    padding-bottom: 7rem;
}

/* Styles the thumbnail */

.section-2-certificari a.lightbox img {
    height: 500px;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    margin: auto;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.section-2-certificari .lightbox-target {
    position: fixed;
    top: -100%;
    width: 100%;
    background: rgba(0,0,0,.7);
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.section-2-certificari .lightbox-target img {
    margin: auto;
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom: 0;
    max-height: 0%;
    max-width: 0%;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

.section-2-certificari a.lightbox-close {
    display: block;
    width:50px;
    height:50px;
    box-sizing: border-box;
    background: white;
    color: black;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

.section-2-certificari a.lightbox-close:before {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: black;
    position: absolute;
    left: 26px;
    top:10px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

.section-2-certificari a.lightbox-close:after {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: black;
    position: absolute;
    left: 26px;
    top:10px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.section-2-certificari .lightbox-target:target {
    opacity: 1;
    top: 0;
    bottom: 0;
    z-index:100;
}

.section-2-certificari .lightbox-target:target img {
    max-height: 90%;
    max-width: 90%;
}

.section-2-certificari .lightbox-target:target a.lightbox-close {
    top: 200px;
}

.section-2-certificari #certificat-renar {
    text-align:center;
    padding: 0;
}


/* ----- SECTIUNE 3 ----- */

.section-3-certificari {
    width: 85%;
    margin: auto;
    padding-bottom: 7rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}
.section-3-certificari:before {
    display: none;
}
.section-3-certificari .col-md-3 {
    width: 100%;
    padding: 0;
}
.section-3-certificari p {
    margin-bottom: 0;
    height: 100%;
}

/* Styles the thumbnail */

.section-3-certificari a.lightbox img {
    height: auto;
    padding: 0.5rem;
    box-shadow: 0px 0px 5px rgba(0,0,0,.3);
    /*margin: auto;*/
    width: 100%;
    background: #fff;
    cursor: pointer;
    object-fit: contain;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */
.section-3-certificari .lightbox {
    display: flex;
    height: 100%;
}
.section-3-certificari .lightbox-target {
    position: fixed;
    top: -100%;
    width: 100%;
    background: rgba(0,0,0,.7);
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
}
.certificari-lightbox-target {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
    z-index:100;
    display: flex;
    align-items: center;
    justify-content: center;
}
.certificari-lightbox-target img {
    padding: 1rem;
    background: #fff;
    border-radius: 0.5rem;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.section-3-certificari .lightbox-target img {
    margin: auto;
    position: absolute;
    top: 0;
    left:0;
    right:0;
    bottom: 0;
    max-height: 0%;
    max-width: 0%;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    box-sizing: border-box;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

.section-3-certificari a.lightbox-close {
    display: block;
    width:50px;
    height:50px;
    box-sizing: border-box;
    background: white;
    color: black;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

.section-3-certificari a.lightbox-close:before {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: black;
    position: absolute;
    left: 26px;
    top:10px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

.section-3-certificari a.lightbox-close:after {
    content: "";
    display: block;
    height: 30px;
    width: 1px;
    background: black;
    position: absolute;
    left: 26px;
    top:10px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.section-3-certificari .lightbox-target:target {
    opacity: 1;
    top: 0;
    right:0;
    bottom: 0;
    left:0;
    z-index:100;
}

.section-3-certificari .lightbox-target:target img,
.certificari-lightbox-target img {
    max-height: 90%;
    max-width: 90%;
}

.section-3-certificari .lightbox-target:target a.lightbox-close {
    top: 200px;
}













/*--------------------------------------------------------------------------------     PAGINA CONTACT     --------------------------------------------------------------------------------*/




/* ----- SECTIUNE 1 ----- */

.section-1-contact {
    height:auto;
    display:flex;
    margin:0 13rem;
}

.section-1-contact .text-container {
    height:auto;
    margin:20em auto 5em;
    margin-left:0;
}

.section-1-contact .top-animation {
    position:absolute;
    top:0;
    right:0;
    z-index:-1;
}

.section-1-contact .top-animation #img-1 {
    position: absolute;
    top: -150px;
    right: 370px;
    width: 15%;
    z-index: 2;
    -webkit-animation: moving-1 7s linear infinite alternate-reverse ;
	        animation: moving-1 7s linear infinite alternate-reverse ;
}

.section-1-contact .top-animation #img-2 {
    position: absolute;
    top: 0;
    right: 200px;
    width: 30%;
    z-index: 1;
}

.section-1-contact .top-animation #img-3 {
    position: absolute;
    top: 230px;
    right: 320px;
    width: 12%;
    z-index: 2;
    -webkit-animation: moving-3 5s linear infinite alternate-reverse ;
	        animation: moving-3 5s linear infinite alternate-reverse ;
    
}

/* ANIMATIE IMAGE 1 */

@-webkit-keyframes moving-1 {
  0% {
    -webkit-transform: translateY(-10px) translateX(-10px);
            transform: translateY(-10px) translateX(-10px);
  }
  100% {
    -webkit-transform: translateY(20px) translateX(-30px);
            transform: translateY(20px) translateX(-30px);
  }
}
@keyframes moving-1 {
  0% {
    -webkit-transform: translateY(-10px) translateX(-10px);
            transform: translateY(-10px) translateX(-10px);
  }
  100% {
    -webkit-transform: translateY(20px) translateX(-30px);
            transform: translateY(20px) translateX(-30px);
  }
}

/* ANIMATIE IMAGE 3 */

@-webkit-keyframes moving-3 {
  0% {
    -webkit-transform: translateY(-20px) translateX(-20px);
            transform: translateY(-20px) translateX(-20px);
  }
  100% {
    -webkit-transform: translateY(30px) translateX(-50px);
            transform: translateY(30px) translateX(-50px);
  }
}
@keyframes moving-3 {
  0% {
    -webkit-transform: translateY(-20px) translateX(-20px);
            transform: translateY(-20px) translateX(-20px);
  }
  100% {
    -webkit-transform: translateY(30px) translateX(-50px);
            transform: translateY(30px) translateX(-50px);
  }
}


/* ----- SECTIUNE 2 ----- */


.section-2-contact {
    margin: 0 13rem;
    height:auto;
    padding:10rem 0;
}

.section-2-contact .info-text {
    border-right: 2px solid #fade06;
}

.old-phone, .smartphone, .mail, .adress, .fax, .anpc {
    display:flex;
    flex-direction:column;
    padding:10px 0;
}

.title {
    font-size:1.7rem;
    font-weight:700;
    margin-bottom:5px;
}

.old-phone .content, .smartphone .content, .mail .content, .adress .content, .fax .content, .anpc .content {
    display:flex;
    align-items:center;
}

.old-phone svg, .smartphone svg, .mail svg, .adress svg, .fax svg, .anpc svg {
    height:30px;
    width:30px;
    margin-right:10px;
}

.old-phone #telefon, .smartphone #telefon, .mail #mail, .adress #adresa, .fax #fax, .anpc #anpc {
    display:flex;
    flex-direction: column;
}

.content p {
    margin:5px 0;
}

.content a {
    color:#000;
    margin:2px 0;
    text-decoration:none;
}

#telefon span {
    padding-left: 10px;
    color: #000;
}

.contact-form h1 {
    width:70%;
    margin-left: auto;
    margin-right: auto;
    padding:0 15px;
}

.contact-form form {
    padding:20px 0;
    width: 70%;
    margin: auto;
}

.contact-form .form-group {
    display:flex;
    flex-direction:column;
    margin-bottom: 4rem;
}

.contact-form .form-group label {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.contact-form .form-group input {
    height: 30px;
    border: none;
    border-bottom: 2px solid #29a9e1;
    transition: all 0.2s cubic-bezier(0.12, 0, 0.39, 0);
}

.contact-form .form-group textarea {
    border: none;
    border-bottom: 2px solid #29a9e1;
    transition: all 0.2s cubic-bezier(0.12, 0, 0.39, 0);
}

.contact-form .form-group input:hover, .contact-form .form-group input:focus {
    outline: none;
    border-color: #fff000;
}

.contact-form .form-group textarea:hover, .contact-form .form-group textarea:focus {
    outline: none;
    border-color: #fff000;
}

.contact-form .form-group input::placeholder {
    color: transparent;
}

.contact-form .form-group textarea::placeholder {
    color: transparent;
}

.contact-form .form-submit .btn {
    margin-left:15px;
}


/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 768px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-contact {
        margin:10em auto 0;
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section-1-contact .text-container {
        width:100%;
        text-align:center;
        margin-top:0;
    }
    
    .section-1-contact .text-container h1 {
        text-align: center;
    }
    
    .section-1-contact .text-container h1 span {
        font-size: 1.2em!important;
    }
    
    .section-1-contact .text-container p {
        text-align: center;
    }
    
    .section-1-contact .top-animation {
        display:none;
    }
    
    
    /* ----- SECTIUNEA 2 ----- */
    
    .section-2-contact {
        margin: auto;
        height: auto;
        display: flex;
        padding:0;
        flex-direction: column;
    }
    
    .section-2-contact .info-text {
        width: 90%;
        margin: auto;
        border: none;
    }
    
    .section-2-contact .contact-form {
        padding:5em 0;
    }
    
    .contact-form h1 {
        width:90%;
    }
    
    .contact-form form {
        width:90%;
    }
    
    .contact-form .form-submit .btn {
        font-size:14px;
    }
    
    .section-1-certificari {
        margin: 8em auto 3rem;
    }
    .section-3-certificari {
        grid-template-columns: 1fr !important;
        width: 90%;
    }
    
}


@media only screen and (min-width: 769px) and (max-width: 1024px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-contact {
        margin:auto;
        width:96%;
    }
    
    .section-1-contact .text-container {
        width:100%;
        text-align:left;
        margin:15em auto 0;
    }
    
    .section-1-contact .text-container h1 span {
        font-size: 1.2em!important;
    }
    
    .section-1-contact .text-container .btn {
        font-size: 14px;
        margin-top:40px;
    }
    
    .section-1-contact .image-container img {
        width:100%;
        animation: rotation-contact 200s infinite linear;
    }
    
    @keyframes rotation-contact {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(359deg);
      }
    }
    
    .section-1-contact .top-animation {
        display:none;
    }
    
    /* ----- SECTIUNEA 2 ----- */
     
    .section-2-contact {
        margin: auto;
        height: auto;
        display: flex;
        padding: 6rem 1rem;
    }
    
    .section-2-contact .info-text {
        width: 50%;
        margin: auto;
    }
    
    .section-2-contact .contact-form {
        padding:0;
        width:100%;
    }
    
    .contact-form h1 {
        width:90%;
    }
    
    .contact-form form {
        width:90%;
    }
    
    .contact-form .form-submit .btn {
        font-size:14px;
    }
    
}

@media only screen and (min-width: 1025px) and (max-width: 1365px) {
    
    /* ----- SECTIUNEA 1 ----- */
    
    .section-1-contact {
        margin:auto;
        width:90%;
    }
    
    .section-1-contact .text-container {
        width:100%;
        text-align:left;
    }
    
    .section-1-contact .text-container h1 span {
        font-size: 1.2em!important;
    }
    
    .section-1-contact .text-container .btn {
        font-size: 14px;
        margin-top:40px;
    }
    
    .section-1-contact .image-container img {
        width:100%;
        animation: rotation-contact 200s infinite linear;
    }
    
    @keyframes rotation-contact {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(359deg);
      }
    }
    
    .section-1-contact .top-animation {
        display:none;
    }
    
    /* ----- SECTIUNEA 2 ----- */
     
    .section-2-contact {
        margin: auto;
        height: auto;
        display: flex;
        padding: 10rem 1rem;
    }
    
    .section-2-contact .info-text {
        width: 50%;
        margin: auto;
    }
    
    .section-2-contact .contact-form {
        padding:0;
        width:100%;
    }
    
    .contact-form h1 {
        width:90%;
    }
    
    .contact-form form {
        width:90%;
    }
    
    .contact-form .form-submit .btn {
        font-size:14px;
    }
    
}

@media only screen and (min-width: 1366px) and (max-width: 1599px) {
    
    .section-1-contact .top-animation {
        display:none; 
    }
    
}




/*--------------------------------------------------------------------------------     FOOTER     --------------------------------------------------------------------------------*/




footer {
    margin-top:50px;
}

.prefooter {
    margin-bottom:40px;
    width:100%;
    padding:0 7%;
}

.prefooter h1 {
    margin: auto auto 20px;
    font-size:28px;
}

.prefooter .first-col h1:nth-of-type(2) {
    margin-top:20px;
}

.prefooter .first-col ul {
    padding:0;

}

.prefooter .first-col ul li {
    color: #000;
    margin: 2px 0;
    list-style:none;
}

.prefooter .first-col .program {
    padding:5px 0;
}

.prefooter .first-col .title {
    font-size:14px;
    margin-bottom: 5px;
}

.prefooter .first-col #orar p {
    color: #000;
    margin: 2px 0;
}

.prefooter .second-col .old-phone, .prefooter .second-col .smartphone, .prefooter .second-col .mail, .prefooter .second-col .fax, .prefooter .second-col .anpc {
    padding:5px 0;
}

.prefooter .second-col .title {
    font-size:14px;
    margin-bottom: 5px;
}

.prefooter .second-col .fax {
    display:flex;
    flex-direction:row;
}

.prefooter .second-col .fax .title {
    margin:0;
}

.prefooter .second-col .fax a {
    margin:0;
}

.prefooter .second-col .anpc {
    display:flex;
    flex-direction:row;
}

.prefooter .second-col .anpc .title {
    margin:0;
}

.prefooter .second-col .anpc a {
    margin:0;
}

.prefooter .third-col .parteneri {
    display:flex;
    flex-direction:column;
}

.prefooter .third-col #signal {
    padding: 1em;
    border-radius: 10px;
    background: #424242;
}

.prefooter .third-col .parteneri img {
    width:40%;
    margin-bottom:20px;
}

.prefooter .third-col .parteneri #omniasig {
    margin-bottom:0;
}

#footer-container {
    width: 100%;
    background-color: #29a9e1;
    padding: 5rem 7%;
}

/*COLOANA STANGA*/

.footer-logo {
    width:100%;
    max-width:170px;
    padding-bottom:1rem;
}

#footer-container .breadcrumb-container {
    display:none;
}

.so-contacts {
    display:flex;
    align-items:center;
    padding:5px 0;
}

.so-contacts img {
    height: 16px;
    padding-right: 1rem;
}

.so-contacts a {
    font-size: 14px;
    color: #fff
}

.so-description {
    display:flex;
    align-items:center;
    padding:5px 0;
}

.so-description img {
    height: 16px;
    padding-right: 1rem;
}

.so-description p {
    font-size: 14px;
    color: #fff;
    margin:0;
}


/*COLOANA DREAPTA*/

.footer-menu ul {
    padding: 0;
    width: 70%;
    margin: auto 0 auto auto;
    text-align: right;
}

.footer-menu ul li {
    display:inline-block;
    margin:10px 0;
}

.footer-menu-item a {
    color: #fff;
    text-decoration: none;
    display: flex;
}

#footer-menu-divider {
    width: 2px;
    background-color: #fff;
    display: inline-block;
    margin: 0 10px;
}

.footer-copywrite {
    text-align:right;
    padding-top:5rem;
}

.footer-copywrite p {
    margin: auto;
    margin-right: 10px;
    color: #fff;
}


/*------------------------------------     MEDIA QUERY HOME     ------------------------------------ */


@media only screen and (max-width: 1024px) {
    .section-1-ginecologie .text-container  table {
        width:auto!important;
        margin:auto;
    }
}

@media only screen and (max-width: 425px) {
    
    .prefooter .first-col, .prefooter .second-col {
        margin-bottom: 3em;
    }
    
    .prefooter .third-col .parteneri {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .prefooter .third-col .parteneri img {
        margin-bottom: 20px;
        width:70%;
    }
    
    #footer-container {
        padding: 3rem 0;
    }
    
    #footer-container .row {
        margin:auto;
    }
    
    #footer-container .col-left {
        margin:0;
        padding:0 2em;
    }
    
    #footer-container .col-right {
        margin:0;
        padding:0 2em;
    }
    
     #footer-container .col-right .row {
         margin:auto;
     }
    
    .so-contacts, .so-description {
        padding:5px 0;
    }
    
    .footer-menu {
        padding: 0;
        margin: 40px auto;
    }
    
    .footer-menu ul {
        margin: auto;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    
    .footer-copywrite {
        padding: 0;
        text-align: left;
    }
    
    .footer-menu ul li {
        margin:5px 0;
    }
    
    .footer-menu ul li:last-of-type a #footer-menu-divider {
        display:none;
    }
    
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
    
    .prefooter .first-col, .prefooter .second-col {
        margin-bottom: 3em;
    }
    
    .prefooter .third-col #signal {
        margin:auto;
    }
    
    .prefooter .third-col .parteneri {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .prefooter .third-col .parteneri img {
        margin-bottom: 20px;
        width:70%;
    }
    
    #footer-container {
        padding:5rem 3%;
    }
    
    #footer-container .col-left {
        margin:0;
        padding:0 2em;
    }
    
    #footer-container .col-right {
        margin:0;
        padding:0 2em;
    }
    
    #footer-container .col-right .row {
        margin:auto;
    }
    
    .so-contacts, .so-description {
        padding:10px 0;
    }
    
    .footer-menu {
        padding: 0;
        margin: 40px auto;
    }
    
    .footer-menu ul {
        margin: auto;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    
    .footer-copywrite {
        padding: 0;
        text-align: left;
    }
    
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    
    #footer-container .row{
        display:flex;
    }
    
    #footer-container .row .col-right .row {
        display:block;
    }
    
    .footer-menu ul {
        width:100%;
    }
    
    .prefooter .third-col .parteneri {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
}


.page-id-18 header, .page-id-19 header { border-bottom: 0; top: 0; }
.page-id-18 .page-header, .page-id-19 .page-header { border-bottom: 0; }
.page-id-18 .section-1-ginecologie {
    margin-top: 2em;
}
.page-id-18 .contact-form .form-group input,
.page-id-18 .contact-form .form-group textarea {
    background: transparent;
}
.page-id-18 .section-1-ginecologie .top-animation #img-3 {
    opacity: 0;
}
@media (max-width: 991px) {
    .page-id-18 .section-1-ginecologie,
    .page-id-19 .section-1-ginecologie {
        display: block;
        margin-top: 0;
    }
    .page-id-18 .btn,
    .page-id-19 .btn {
        white-space: normal;
    }
    .page-id-18 .contact-form form {
        width: 100%;
    }

    .page-id-20 .section-1-ginecologie {
        display: block;
    }
    .page-id-20 .btn {
        white-space: normal;
    }
    .page-id-20 .section-2-ginecologie {
        display: block;
    }
}

#politici .section-2-ginecologie .right-container {
    text-align:left!important;
}
#politici {
    position:relative;
    display:flex;
    height:auto;
    padding: 2.5em 0;
    margin:auto 12rem;
}

@media screen and (max-width:768px) {
    #politici {
        margin: auto 1rem!important;
    }
    .table-align {
        margin-left: auto;
        margin-right: auto;
    }
    .covid-card {
    padding: 2rem 0 0 0!important;
}
    .card-margin {
    margin: 0 1rem!important;
    padding: 0 1rem!important;
}
    #lista-card span {
    font-size: 13px!important;
    padding: 0!important;
}
.full-column {
    padding: 0!important;
}

#lista-covid span {
    font-size: 13px!important;
    padding: 0!important;
}
}

.card-margin {
    margin: 0 1rem!important;
    padding: 0 24rem;
}


.full-column {
    flex-direction: column;
}

.covid-card {
    padding: 0 0 2rem 0;
}

#lista-card span {
    font-size: 20px;
    text-align: center;
    color: black;
    font-family:'Barlow-Thin'!important;
}

#lista-card font {
    font-family:'Barlow-Thin'!important;
    color: black;
}

#lista-covid span {
    font-size: 20px;
    text-align: center;
    font-family:'Barlow-Thin'!important;
    color: black;
}

.post-video {
    width: 100%;
}


/*-------------------------------------------------------------------------------- LANDING PAGE VALENII DE MUNTE --------------------------------------------------------------------------------*/


.page-id-35 main .page-header {
    display:none;
}

.page-id-35 header .navbar-default .navbar-nav>li>a {
    color:#fff;
}


.page-id-35 header.header-scroll .navbar-default .navbar-nav>li>a {
    color:#777;
}

.landingpage-slider {
    margin: auto;
    height: 70vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    align-items: center;
    display: flex;
    padding-top: 142px;
    position:relative;
}

.landingpage-slider:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#00000025;
}

.landingpage-slider .text {
    padding: 50px 100px!important;
    width: 900px!important;
    margin: 0 auto 0 7%;
    background-color: #29a9e1;
    border-radius: 150px 0 150px 0;
        z-index: 1;
}

.landingpage-slider .text h1 {
    max-width: 700px;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.2;
    color: #fff;
}

.landingpage-slider .text p {
    max-width: 700px;
    margin:0;
    color: #fff;
}

.landingpage-slider .text .btn {
    margin-top: 24px;
}

.landingpage-section-1 {
    margin: auto;
    padding: 0 7%;
    height: 30vh;
    display: flex;
    flex-flow: wrap;
    align-items: center;
}

.landingpage-section-1 .contact-info {
    height: 100%;
    width: 20%;
    margin: auto;
    max-height: 140px;
    padding: 20px;
    border-radius: 20px;
    background-color: #29a9e1;
}

.landingpage-section-1 .contact-info h3 {
    margin: 0 0 10px;
    padding-bottom: 10px;
    font-weight: 700;
    font-size: 28px;
    display: block;
    position: relative;
    line-height: 0.9;
    color: #fff;
}

.landingpage-section-1 .contact-info h3:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 2px;
    width: 100%;
}

.landingpage-section-1 .contact-info p {
    font-size:16px;
    margin:0 0 10px;
    margin: 0 0 10px;
    color: #fff;
}

.landingpage-section-1 .contact-info p:last-of-type {
    margin:0;
}

.landingpage-section-1 .contact-info p a {
    text-decoration:none;
    color: #fff;
}


.landingpage-section-1 .scrolldown a {
    padding: 0;
    display: block;
    width: 30px;
    height: 30px;
    margin: auto;
    position: relative;
}

.landingpage-section-1 .scrolldown a span {
    position: absolute;
    top: -30px;
    left: 40%;
    width: 30px;
    height: 30px;
    margin-left: -12px;
    border-left: 2px solid #29a9e1;
    border-bottom: 2px solid #29a9e1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

.landingpage-section-2,
.landingpage-section-3,
.landingpage-section-5,
.landingpage-section-6{
    margin: auto;
    padding: 40px 7%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.landingpage-section-2 .text-content h2,
.landingpage-section-3 .text-content h2,
.landingpage-section-5 .text-content h2 {
    max-width: 700px;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.2;
}

.landingpage-section-2 .text-content p,
.landingpage-section-3 .text-content p,
.landingpage-section-5 .text-content p {
    text-align: justify;
    font-size: 16px;
    margin: 0 0 10px;
}

.landingpage-section-2 .text-content p:last-of-type,
.landingpage-section-3 .text-content p:last-of-type,
.landingpage-section-5 .text-content p:last-of-type {
    margin: 0;
}

.landingpage-section-2 .text-content .btn,
.landingpage-section-3 .text-content .btn,
.landingpage-section-5 .text-content .btn {
    margin-top: 24px;
}

.landingpage-section-2 .image-content p,
.landingpage-section-3 .image-content p,
.landingpage-section-5 .image-content p {
    height:650px;
    width:100%;
    position:relative;
    border-radius:20px;
    overflow:hidden;
    margin: auto;
}

.landingpage-section-2 .image-content p img,
.landingpage-section-3 .image-content p img,
.landingpage-section-5 .image-content p img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.landingpage-section-4.section-4 {
    padding-top:40px;
    padding-bottom:40px;
}

.landingpage-section-4.section-4 .subtitle {
    width:100%;
}

.landingpage-section-4 h2 {
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.2;
}

.landingpage-section-4 .package-icon {
    padding: 40px 80px;
}

.landingpage-section-5 {
    margin: auto;
    padding: 0 7% 40px;
}

.landingpage-section-6 .map-content p{
    margin:auto;
    overflow:hidden;
    border-radius:20px;
    height:650px;
}

.landingpage-section-6 .map-content p iframe {
    width:100%;
    height:100%;
}

.landingpage-section-6 h2 {
    max-width: 700px;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.2;
}

.landingpage-section-6 form {
    justify-content: space-between;
    display: flex;
    flex-flow: wrap;
}

.landingpage-section-6 .form-group {
    display:flex;
    flex-direction:column;
    margin-bottom: 30px;
    padding: 0;
}

.landingpage-section-6 form > .form-group.col-sm-6 {
    width:48%;
}

.landingpage-section-6 .form-group label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
}

.landingpage-section-6 .form-group input {
    height: 30px;
    border: none;
    border-bottom: 2px solid #29a9e1;
    transition: all 0.2s cubic-bezier(0.12, 0, 0.39, 0);
}

.landingpage-section-6 .form-group textarea {
    border: none;
    border-bottom: 2px solid #29a9e1;
    transition: all 0.2s cubic-bezier(0.12, 0, 0.39, 0);
}

.landingpage-section-6 .form-group input:hover, .landingpage-section-6 .form-group input:focus {
    outline: none;
    border-color: #fff000;
}

.landingpage-section-6 .form-group textarea:hover, .landingpage-section-6 .form-group textarea:focus {
    outline: none;
    border-color: #fff000;
}

.landingpage-section-6 .form-group input::placeholder {
    color: transparent;
}

.landingpage-section-6 .form-group textarea::placeholder {
    color: transparent;
}

.landingpage-section-6 .form-submit .btn {
    margin-top:15px;
}

.landingpage-section-6 .check,
.landingpage-section-6 #text-disclaimer {
    padding:0;
}


@media only screen and (max-width: 768px) {
    
    .page-id-35 header .navbar-default .navbar-nav>li>a {
        color:#777;
    }
    
    .landingpage-slider {
        height:90vh;
        padding-top: 116px;
    }
    
    .landingpage-slider .text {
        width: 100%!important;
        padding: 20px!important;
        margin: auto 0 0;
        border-radius: 0;
    }
    
    .landingpage-slider .text h1 {
        font-size:34px;
    }
    
    .landingpage-section-1 {
        padding:0 20px;
        height:auto;
        flex-flow: column;
    }
    
    .landingpage-section-1 .contact-info {
        margin: 50px auto 0;
        width: 100%;
    }
    
    .landingpage-section-1 .scrolldown {
        display:none;
    }
    
    .landingpage-section-2,
    .landingpage-section-3,
    .landingpage-section-5,
    .landingpage-section-6 {
        flex-direction: column;
        padding: 50px 5px 0;
    }
    
    .landingpage-section-2 .text-content h2,
    .landingpage-section-3 .text-content h2,
    .landingpage-section-5 .text-content h2,
    .landingpage-section-4 h2,
    .landingpage-section-6 h2{
        font-size:34px;
    }
    
    .landingpage-section-2 .text-content .btn,
    .landingpage-section-3 .text-content .btn,
    .landingpage-section-5 .text-content .btn {
        margin-top:10px;
    }
    
    .landingpage-section-2 .image-content,
    .landingpage-section-3 .image-content,
    .landingpage-section-5 .image-content {
        margin-top:50px;
    }
    
    .landingpage-section-2 .image-content p,
    .landingpage-section-3 .image-content p,
    .landingpage-section-5 .image-content p {
        height: auto;
        width: 100%;
    }
    
    .landingpage-section-2 .image-content p img,
    .landingpage-section-3 .image-content p img,
    .landingpage-section-5 .image-content p img {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        width: 100%;
        height: auto;
    }
    
    .landingpage-section-3,
    .landingpage-section-6 {
        flex-direction:column-reverse;
    }
    
    .landingpage-section-4.section-4 {
        padding:50px 0 0;
    }
    
    .landingpage-section-4.section-4 .subtitle {
       padding-bottom:50px;
    }
    
    .landingpage-section-4 h2 {
        text-align:left;
    }
    
    .landingpage-section-4 .subtitle {
        text-align:justify;
    }
    
    .landingpage-section-4 .package-icon:last-of-type {
        padding-bottom:0!important;
    }
    
    .landingpage-section-6 .map-content {
        width:100%;
        margin-top:50px;
    }
    
    .landingpage-section-6 form {
        flex-direction: column;
        margin-top: 50px;
    }
    
    .landingpage-section-6 form > .form-group.col-sm-6 {
            width: 100%;
    }
    
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .page-id-35 header .navbar-default .navbar-nav>li>a {
        color:#777;
    }
    
    .landingpage-slider {
        height:90vh;
        padding-top: 116px;
    }
    
    .landingpage-slider .text {
        width: 100%!important;
        padding: 20px!important;
        margin: auto 0 0;
        border-radius: 0;
    }
    
    .landingpage-slider .text h1 {
        font-size:34px;
    }
    
    .landingpage-section-1 {
        padding:0 20px;
        height:auto;
        flex-flow: column;
    }
    
    .landingpage-section-1 .contact-info {
        margin: 50px auto 0;
        width: 100%;
    }
    
    .landingpage-section-1 .scrolldown {
        display:none;
    }
    
    .landingpage-section-2,
    .landingpage-section-3,
    .landingpage-section-5,
    .landingpage-section-6 {
        flex-direction: column;
        padding: 50px 5px 0;
    }
    
    .landingpage-section-2 .text-content h2,
    .landingpage-section-3 .text-content h2,
    .landingpage-section-5 .text-content h2,
    .landingpage-section-4 h2,
    .landingpage-section-6 h2{
        font-size:34px;
    }
    
    .landingpage-section-2 .text-content .btn,
    .landingpage-section-3 .text-content .btn,
    .landingpage-section-5 .text-content .btn {
        margin-top:10px;
    }
    
    .landingpage-section-2 .image-content,
    .landingpage-section-3 .image-content,
    .landingpage-section-5 .image-content {
        margin-top:50px;
        width: 100%;
    }
    
    .landingpage-section-2 .image-content p,
    .landingpage-section-3 .image-content p,
    .landingpage-section-5 .image-content p {
        height: auto;
        width: 100%;
        max-height: 400px;
    }
    
    .landingpage-section-2 .image-content p img,
    .landingpage-section-3 .image-content p img,
    .landingpage-section-5 .image-content p img {
        position: relative;
        left: 0;
        top: 0;
        transform: none;
        width: 100%;
        height: auto;
    }
    
    .landingpage-section-3,
    .landingpage-section-6 {
        flex-direction:column-reverse;
    }
    
    .landingpage-section-4.section-4 {
        padding:50px 0 0;
    }
    
    .landingpage-section-4.section-4 .subtitle {
       padding-bottom:50px;
    }
    
    .landingpage-section-4 h2 {
        text-align:left;
    }
    
    .landingpage-section-4 .subtitle {
        text-align:justify;
    }
    
    .landingpage-section-4 .package-icon:last-of-type {
        padding-bottom:0!important;
    }
    
    .landingpage-section-6 .map-content {
        width:100%;
        margin-top:50px;
    }
    
    .landingpage-section-6 form {
        flex-direction: column;
        margin-top: 50px;
    }
    
    .landingpage-section-6 form > .form-group.col-sm-6 {
            width: 100%;
    }
    
}

@media only screen and (min-width: 992px) and (max-width: 1400px) {
    
    .landingpage-slider {
        height: 70vh;
    }
    
    .landingpage-slider .text {
        padding: 20px!important;
        width: 100%!important;
        margin: auto 0 0;
        border-radius: 0;
    }
    
    .landingpage-slider .text h1 {
        font-size:34px;
    }
    
    .landingpage-slider .text p {
        max-width:100%;
    }
    
    .landingpage-section-1 {
        padding:0 20px;
    }
    
    .landingpage-section-2, .landingpage-section-3, .landingpage-section-5, .landingpage-section-6 {
        padding: 50px 20px;
    }
    
    .landingpage-section-2 .image-content p,
    .landingpage-section-3 .image-content p,
    .landingpage-section-5 .image-content p {
        min-height:500px;
        height:100%;
    }
    
    .landingpage-section-2 .text-content h2,
    .landingpage-section-3 .text-content h2,
    .landingpage-section-5 .text-content h2,
    .landingpage-section-4 h2,
    .landingpage-section-6 h2{
        font-size:28px;
    }
    
    .landingpage-section-4.section-4 {
        padding:50px 20px 0;
    }
    
    .landingpage-section-4.section-4 .subtitle {
        padding-bottom:50px;
    }
}

.sol-sal {
    width: 200px;
}