:root {
    --main_width_max: 1140px;
    --main_width_mini: 100vw;
}

@font-face {
    font-family: "ErasITC-Bold";
    src: url(./fonts/ErasITC-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "AvenirLTStd-Book";
    src: url(./fonts/AvenirLTStd-Book.otf) format("truetype");
}

@font-face {
    font-family: "AvenirLTStd-Black";
    src: url(./fonts/AvenirLTStd-Black.otf) format("truetype");
}

html {
    scroll-behavior: smooth;
}

@media only screen and (max-width: 7000px) {
    .abrogare {
        color: red;
        padding: 7px 0px 0px 0px;
    }
    button {
        cursor: pointer;
        border: 1px solid white;
    }
    .ajustButon {
        width: 200px !important;
    }
    .ajustButon>span {
        margin-left: -65px !important;
        margin-top: -10px !important;
    }
    .emailStyle {
        width: 250px;
        border-radius: 10px;
        height: 40px;
        background: #ededed4f;
        border: 0;
        padding-left: 10px;
    }
    .infoCal {
        font-size: 0.9rem;
    }
    @import url('https://fonts.googleapis.com/css?family=Audiowide&display=swap');
    .messsage404 div {
        position: absolute;
        top: 0%;
        left: 0%;
        height: 100%;
        width: 100%;
        margin: 0px;
        /* background: radial-gradient(circle, #240015 0%, #12000b 100%); */
        overflow: hidden;
    }
    .messsage404 .wrap {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .messsage404 h2 {
        position: absolute;
        margin-top: 70%;
        left: 50%;
        margin-top: 150px;
        font-size: 40px;
        text-transform: uppercase;
        transform: translate(-50%, -50%);
        display: block;
        color: black;
        font-weight: 300;
        font-family: Audiowide;
        text-shadow: 0px 0px 4px #12000a;
        /* animation: fadeInText 3s ease-in 3.5s forwards, flicker4 5s linear 7.5s infinite, hueRotate 6s ease-in-out 3s infinite; */
        z-index: 6;
    }
    .messsage404 #svgWrap_1,
    .messsage404 #svgWrap_2 {
        position: absolute;
        height: auto;
        width: 600px;
        max-width: 100%;
        margin-top: 150px;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 6;
    }
    .messsage404 #svgWrap_1,
    .messsage404 #svgWrap_2,
    .messsage404 div {
        animation: hueRotate 6s ease-in-out 3s infinite;
    }
    .messsage404 #id1_1,
    .messsage404 #id2_1,
    .messsage404 #id3_1 {
        stroke: black;
        stroke-width: 3px;
        fill: transparent;
        filter: url(#glow);
    }
    .messsage404 #id1_2,
    .messsage404 #id2_2,
    .messsage404 #id3_2 {
        stroke: black;
        stroke-width: 3px;
        fill: transparent;
        filter: url(#glow);
    }
    .messsage404 #id3_1 {
        stroke-dasharray: 940px;
        stroke-dashoffset: -940px;
        animation: drawLine3 2.5s ease-in-out 0s forwards, flicker3 4s linear 4s infinite;
    }
    .messsage404 #id2_1 {
        stroke-dasharray: 735px;
        stroke-dashoffset: -735px;
        animation: drawLine2 2.5s ease-in-out 0.5s forwards, flicker2 4s linear 4.5s infinite;
    }
    .messsage404 #id1_1 {
        stroke-dasharray: 940px;
        stroke-dashoffset: -940px;
        animation: drawLine1 2.5s ease-in-out 1s forwards, flicker1 4s linear 5s infinite;
    }
    @keyframes drawLine1 {
        0% {
            stroke-dashoffset: -940px;
        }
        100% {
            stroke-dashoffset: 0px;
        }
    }
    @keyframes drawLine2 {
        0% {
            stroke-dashoffset: -735px;
        }
        100% {
            stroke-dashoffset: 0px;
        }
    }
    @keyframes drawLine3 {
        0% {
            stroke-dashoffset: -940px;
        }
        100% {
            stroke-dashoffset: 0px;
        }
    }
    @keyframes flicker1 {
        0% {
            stroke: #ff005d;
        }
        1% {
            stroke: transparent;
        }
        3% {
            stroke: transparent;
        }
        4% {
            stroke: #ff005d;
        }
        6% {
            stroke: #ff005d;
        }
        7% {
            stroke: transparent;
        }
        13% {
            stroke: transparent;
        }
        14% {
            stroke: #ff005d;
        }
        100% {
            stroke: #ff005d;
        }
    }
    @keyframes flicker2 {
        0% {
            stroke: #ff005d;
        }
        50% {
            stroke: #ff005d;
        }
        51% {
            stroke: transparent;
        }
        61% {
            stroke: transparent;
        }
        62% {
            stroke: #ff005d;
        }
        100% {
            stroke: #ff005d;
        }
    }
    @keyframes flicker3 {
        0% {
            stroke: #ff005d;
        }
        1% {
            stroke: transparent;
        }
        10% {
            stroke: transparent;
        }
        11% {
            stroke: #ff005d;
        }
        40% {
            stroke: #ff005d;
        }
        41% {
            stroke: transparent;
        }
        45% {
            stroke: transparent;
        }
        46% {
            stroke: #ff005d;
        }
        100% {
            stroke: #ff005d;
        }
    }
    @keyframes flicker4 {
        0% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        30% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        31% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        32% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        36% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        37% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        41% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        42% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        85% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        86% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        95% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        96% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        100% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
    }
    @keyframes fadeInText {
        1% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        70% {
            color: #ff005d;
            text-shadow: 0px 0px 14px #ff005d;
        }
        100% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
    }
    @keyframes hueRotate {
        0% {
            filter: hue-rotate(0deg);
        }
        50% {
            filter: hue-rotate(-120deg);
        }
        100% {
            filter: hue-rotate(0deg);
        }
    }
    .messsage404 .main_404body {
        background: white;
    }
    .button_formular {
        height: 20px !important;
        width: 100px;
    }
    .header_img_index {
        width: var(--main_width_max);
        padding-bottom: 40px;
        background-size: 100%;
    }
    .mobil-nav-button {
        display: none;
    }
    .nav {
        display: block;
    }
    .mobil-nav {
        display: none;
    }
    .slide_img {
        width: 710px;
        height: 480px;
    }
    body {
        margin: 0;
        font-size: 11pt;
        font-family: "AvenirLTStd-Book";
        line-height: 24px;
    }
    .image {
        background: url(./img/padure.jpg) no-repeat fixed;
        background-position: center center;
        background-size: var(--main_width_max);
        margin-bottom: 0px;
    }
    .nav ul {
        display: flex;
        list-style-type: none;
        margin: 0px 0px 0px 0px;
        padding: 0;
        background-color: #0aab2d;
        width: var(--main_width_max);
        -ms-transform: skewY(-40deg);
        transform: skew(-40deg);
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        height: 38px;
    }
    .nav li {
        float: left;
        border-right: 1px solid #bbb;
    }
    .nav li:last-child {
        border-right: none;
        margin-left: -3px;
    }
    .nav li a {
        box-shadow: 2px 4px 7px 0px #d2cfcf;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        width: 173px;
        height: 10px;
        background-color: white;
        -ms-transform: skewY(20deg);
        /* IE 9 */
        transform: skew(0deg);
        margin-left: 3px;
        font-weight: 900;
    }
    .nav li a:hover:not(.active) {
        background-color: #17ad2a;
        color: white;
    }
    .nav li a img {
        position: absolute;
        transform: skew(40deg);
        width: 15px;
        top: 6px;
    }
    .nav .active {
        background-color: #04AA6D;
    }
    #grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(100px, auto));
        grid-template-rows: repeat(3, minmax(110px, auto));
        justify-items: center;
        margin-top: 35px;
        opacity: 0;
        margin-left: 0px;
    }
    .grid_item1 {
        grid-column: 3/5;
        grid-row: 1;
    }
    .grid_item2 {
        grid-column: 3/5;
        grid-row: 2;
    }
    .carusel_frame {
        width: var(--main_width_max);
        position: relative;
        z-index: 1;
        margin: -22px 0px -5px 0px;
    }
    .grid_item3 {
        grid-column: 3/5;
        grid-row: 3;
        width: var(--main_width_max);
    }
    .grid_item4 {
        grid-column: 3/5;
        grid-row: 4;
        background: white;
        color: black;
        width: var(--main_width_max);
    }
    .grid_item5 {
        grid-column: 3/5;
        grid-row: 5;
        background: black;
        color: white;
    }
    .nav .home {
        width: 55px;
    }
    .nav .home img {
        margin-left: -10px;
    }
    .header_img {
        width: var(--main_width_max);
        padding-bottom: 40px;
        background-size: 100%;
    }
    .footer {
        width: var(--main_width_max);
    }
    /* Slideshow container */
    .slideshow-container {
        max-width: 710px;
        position: absolute;
        margin: -524px 0px 0px 430px;
    }
    .slide_show_dots {
        position: absolute;
        margin: -80px 0px 0px 765px;
        z-index: 1;
    }
    /* Next & previous buttons */
    .prev,
    .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -22px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
    }
    /* Position the "next button" to the right */
    .next {
        right: 0;
        border-radius: 3px 0 0 3px;
        z-index: 2;
    }
    /* On hover, add a black background color with a little bit see-through */
    .prev:hover,
    .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }
    /* Caption text */
    .text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 0px;
        width: 630px;
        margin-left: 70px;
        text-align: center;
        z-index: 1;
        background: transparent !important;
    }
    .linkSlide {
        color: #ffffff;
        background: transparent;
        /* bottom: 17px; */
        width: 630px;
        height: 50vh;
    }
    /* Number text (1/3 etc) */
    .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
    }
    /* The dots/bullets/indicators */
    .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: rgb(0, 0, 0);
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }
    .active,
    .dot:hover {
        background-color: #17ad2a;
    }
    .activ {
        /* background-color: #17ad2a; */
        background-color: #000000;
        color: white;
    }
    /* Fading animation */
    .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
    }
    @-webkit-keyframes fade {
        from {
            opacity: .4
        }
        to {
            opacity: 1
        }
    }
    @keyframes fade {
        from {
            opacity: .4
        }
        to {
            opacity: 1
        }
    }
    /* On smaller screens, decrease text size */
    @media only screen and (max-width: 300px) {
        .prev,
        .next,
        .text {
            font-size: 11px
        }
    }
    p {
        margin: 0px;
    }
    .grid_item4_container {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .grid_item4_container div {
        background: white;
        padding: 20px;
        width: 450px;
    }
    .carusel_text {
        font-family: "ErasITC-Bold";
        position: absolute;
        margin: 100px 0px 0px 50px;
        z-index: 2;
        font-size: 1.5rem;
        font-weight: 900;
    }
    .carusel_despreNoi {
        position: absolute;
        margin: 318px 22px 16px 319px;
        z-index: 2;
    }
    .stiati-ca {
        margin: 370px 0px 0px 276px!important;
    }
    .stil_buton {
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        width: 160px;
        height: 10px;
        background-color: black;
        -ms-transform: skewY(20deg);
        transform: skew(-40deg);
        font-weight: 600;
    }
    .stil_buton span {
        position: absolute;
        transform: skew( 40deg);
        margin-left: -60px;
        margin-top: -5px;
        font-family: "ErasITC-Bold";
        font-size: 16px;
    }
    .stil_buton:hover {
        background-color: #0aab2d;
        color: white;
    }
    .carusel_organigrama {
        position: absolute;
        margin: 420px 0px 0px 235px;
        z-index: 2;
    }
    .grid_item4 p span {
        color: #0aab2d;
        font-weight: 900;
    }
    .buton_centrare {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: 25px;
    }
    .verde {
        background-color: #0aab2d !important;
    }
    .verde:hover {
        background-color: black !important;
        color: white;
    }
    .containerCalendar {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: center;
        align-items: flex-start;
        padding-bottom: 15px;
    }
    .containerCalendarData {
        font-family: "ErasITC-Bold";
        padding: 18px;
        background: black;
        color: white;
    }
    .containerCalendarText {
        padding: 15px;
    }
    .img_header {
        width: 770px;
        height: 245px;
        margin: -67px 0px -10px 251px;
    }
    .calendarAstazi {
        background-color: #f19951 !important;
    }
    #border {
        border-bottom: 2px solid #0aab2d;
        position: absolute;
        margin-top: 14px;
        margin-left: -100px;
        width: 630px;
    }
    .harta {
        height: 500px;
        border: 5px solid #afafaf;
        border-radius: 65px;
        width: 1000px;
    }
    .adresa_contact {
        padding: 0px 50px 50px 130px;
    }
    .lat {
        height: 27px !important;
    }
    .text_area {
        width: 1000px;
        border-radius: 10px;
        height: 230px;
        background: #ededed4f;
        border: 0;
        padding-left: 10px;
        padding-top: 10px;
    }
    .paralaxContainer {
        padding: 50px 0px 0px 0px;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .indexFrame {
        display: flex;
        background: black;
        color: white;
        margin: 0px 30px 0px 30px;
        width: 200px;
        height: 260px;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
        padding: 10px 20px 0px 20px;
        justify-content: flex-start;
        font-family: "ErasITC-Bold";
    }
    .indexFrame h1 {
        font-size: 35px;
        margin: 10px 10px -7px 10px;
    }
    .indexFrame p {
        margin: 0px 0px 0px 0px;
    }
    .harta_index {
        height: 350px;
        border: 5px solid #afafaf;
        border-radius: 65px;
        width: 350px;
    }
    .margin a {
        margin-right: 200px;
        margin-left: 150px;
    }
    .ajust span {
        margin-left: -57px;
    }
    .containerFooter {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        padding: 25px 10px 30px 80px;
    }
    .containerFooter div {
        margin-left: 20px;
    }
    .navbar {
        overflow: hidden;
        background-color: #333;
    }
    .navbar a {
        float: left;
        font-size: 16px;
        /* color: white; */
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }
    .dropdown {
        float: left;
    }
    .dropdown .dropbtn {
        font-size: 16px;
        border: none;
        outline: none;
        /* color: white; */
        padding: 0px 0px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        color: black;
        min-width: 160px;
        margin-top: 38px;
        margin-left: 20px;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        z-index: 1;
        transform: skew( 40deg);
    }
    .dropdown-content a {
        float: none;
        /* color: black; */
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        margin-left: 0px;
    }
    /* .dropdown-content a:hover {
  background-color: #ddd;
} */
    .dropdown:hover .dropdown-content {
        display: block;
    }
    .marginAjust {
        margin-left: -48px !important
    }
    .nav li a span {
        font-family: "ErasITC-Bold";
        font-size: 1.2em;
        position: absolute;
        transform: skew(40deg);
        margin-left: -55px;
        margin-top: -4px;
    }
    .dropdown-content-link {
        transform: skew( 0deg);
    }
    .nav li a:hover img {
        filter: invert();
    }
    .centrare_organigrama {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-top: 0px;
    }
    .container_harta_index {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .tabel_legislatie {
        width: 100%;
    }
    #customers {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }
    #customers td,
    #customers th {
        border: 1px solid #ddd;
        padding: 8px;
    }
    #customers tr:nth-child(even) {
        background-color: #f2f2f2;
    }
    #customers tr:hover {
        background-color: #ddd;
    }
    #customers th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #0aab2d;
        color: white;
    }
    .organigrama {
        width: 50%;
    }
    .continut_text {
        margin: 35px 0px 0px 0px;
    }
    .header_img_index_maxi {
        display: block;
    }
    .header_img_index_mini {
        display: none;
    }
    .header_img_index_mini_cont {
        display: none;
        width: 69vw;
    }
}

@media only screen and (max-width: 1150px) {
    .abrogare {
        color: red;
        padding: 7px 0px 0px 0px;
    }
    .gdprLink {
        margin-left: 85px !important;
    }
    button {
        cursor: pointer;
        border: 1px solid white;
    }
    .ajustButon {
        width: 20vw !important;
    }
    .ajustButon>span {
        margin-left: -6.3vw !important;
        margin-top: -0.9vw !important;
    }
    .emailStyle {
        width: 250px;
        border-radius: 10px;
        height: 40px;
        background: #ededed4f;
        border: 0;
    }
    .infoCal {
        font-size: 1.4vw;
        width: 18vw;
    }
    .linkSlide {
        color: #ffffff;
        background: transparent;
        /* bottom: 17px; */
        width: 50vw;
        height: 54vh;
    }
    @import url('https://fonts.googleapis.com/css?family=Audiowide&display=swap');
    .messsage404 div {
        position: absolute;
        top: 0%;
        left: 0%;
        height: 100%;
        width: 100%;
        margin: 0px;
        background: radial-gradient(circle, #240015 0%, #12000b 100%);
        overflow: hidden;
    }
    .messsage404 .wrap {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .messsage404 h2 {
        position: absolute;
        margin-top: 48vh;
        left: 50vw;
        margin-top: 150px;
        font-size: 2.8vw;
        text-transform: uppercase;
        transform: translate(-50%, -50%);
        display: block;
        color: black;
        font-weight: 300;
        font-family: Audiowide;
        text-shadow: 0px 0px 4px #12000a;
        /* animation: fadeInText 3s ease-in 3.5s forwards, flicker4 5s linear 7.5s infinite, hueRotate 6s ease-in-out 3s infinite; */
        z-index: 6;
    }
    .messsage404 #svgWrap_1,
    .messsage404 #svgWrap_2 {
        position: absolute;
        height: auto;
        width: 47vw;
        max-width: 100%;
        margin-top: 200px;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 6;
    }
    .messsage404 #svgWrap_1,
    .messsage404 #svgWrap_2,
    .messsage404 div {
        animation: hueRotate 6s ease-in-out 3s infinite;
    }
    .messsage404 #id1_1,
    .messsage404 #id2_1,
    .messsage404 #id3_1 {
        stroke: black;
        stroke-width: 3px;
        fill: transparent;
        filter: url(#glow);
    }
    .messsage404 #id1_2,
    .messsage404 #id2_2,
    .messsage404 #id3_2 {
        stroke: black;
        stroke-width: 3px;
        fill: transparent;
        filter: url(#glow);
    }
    .messsage404 #id3_1 {
        stroke-dasharray: 940px;
        stroke-dashoffset: -940px;
        animation: drawLine3 2.5s ease-in-out 0s forwards, flicker3 4s linear 4s infinite;
    }
    .messsage404 #id2_1 {
        stroke-dasharray: 735px;
        stroke-dashoffset: -735px;
        animation: drawLine2 2.5s ease-in-out 0.5s forwards, flicker2 4s linear 4.5s infinite;
    }
    .messsage404 #id1_1 {
        stroke-dasharray: 940px;
        stroke-dashoffset: -940px;
        animation: drawLine1 2.5s ease-in-out 1s forwards, flicker1 4s linear 5s infinite;
    }
    @keyframes drawLine1 {
        0% {
            stroke-dashoffset: -940px;
        }
        100% {
            stroke-dashoffset: 0px;
        }
    }
    @keyframes drawLine2 {
        0% {
            stroke-dashoffset: -735px;
        }
        100% {
            stroke-dashoffset: 0px;
        }
    }
    @keyframes drawLine3 {
        0% {
            stroke-dashoffset: -940px;
        }
        100% {
            stroke-dashoffset: 0px;
        }
    }
    @keyframes flicker1 {
        0% {
            stroke: #ff005d;
        }
        1% {
            stroke: transparent;
        }
        3% {
            stroke: transparent;
        }
        4% {
            stroke: #ff005d;
        }
        6% {
            stroke: #ff005d;
        }
        7% {
            stroke: transparent;
        }
        13% {
            stroke: transparent;
        }
        14% {
            stroke: #ff005d;
        }
        100% {
            stroke: #ff005d;
        }
    }
    @keyframes flicker2 {
        0% {
            stroke: #ff005d;
        }
        50% {
            stroke: #ff005d;
        }
        51% {
            stroke: transparent;
        }
        61% {
            stroke: transparent;
        }
        62% {
            stroke: #ff005d;
        }
        100% {
            stroke: #ff005d;
        }
    }
    @keyframes flicker3 {
        0% {
            stroke: #ff005d;
        }
        1% {
            stroke: transparent;
        }
        10% {
            stroke: transparent;
        }
        11% {
            stroke: #ff005d;
        }
        40% {
            stroke: #ff005d;
        }
        41% {
            stroke: transparent;
        }
        45% {
            stroke: transparent;
        }
        46% {
            stroke: #ff005d;
        }
        100% {
            stroke: #ff005d;
        }
    }
    @keyframes flicker4 {
        0% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        30% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        31% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        32% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        36% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        37% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        41% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        42% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        85% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        86% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        95% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        96% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        100% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
    }
    @keyframes fadeInText {
        1% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        70% {
            color: #ff005d;
            text-shadow: 0px 0px 14px #ff005d;
        }
        100% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
    }
    @keyframes hueRotate {
        0% {
            filter: hue-rotate(0deg);
        }
        50% {
            filter: hue-rotate(-120deg);
        }
        100% {
            filter: hue-rotate(0deg);
        }
    }
    .messsage404 .main_404body {
        background: white;
    }
    .organigrama {
        width: 100%;
    }
    .header_img_index {
        margin-left: 1vw;
        background-size: 100%;
        width: 97vw;
        padding-bottom: 8vh;
    }
    .mobil-nav-button {
        display: block;
    }
    .header_img {
        width: 81vw;
        padding-bottom: 0px;
        background-size: 100%;
        margin-left: 100px;
    }
    .nav {
        display: none;
    }
    .mobil-nav {
        display: flex;
        /* display: block; */
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 35px;
        left: 1px;
        z-index: 1;
    }
    .slide_img {
        width: 64vw;
        height: 42vw;
    }
    body {
        margin: 0;
        font-family: "AvenirLTStd-Book";
        font-size: 11pt;
    }
    .image {
        background: url(./img/padure.jpg) no-repeat fixed;
        background-position: center center;
        background-size: 200vw;
        margin-bottom: 0px;
    }
    .mobil-nav-button ul {
        display: flex;
        list-style-type: none;
        margin: 0px 0px 0px 0px;
        padding: 0;
        background-color: #0aab2d;
        width: 60px;
        -ms-transform: skewY(-40deg);
        transform: skew(-40deg);
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        height: 38px;
        position: absolute;
        top: 20px;
    }
    .mobil-nav-button li {
        float: left;
        border-right: 1px solid #bbb;
    }
    .mobil-nav-button li:last-child {
        border-right: none;
        margin-left: -3px;
    }
    .mobil-nav-button li a {
        box-shadow: 2px 4px 7px 0px #d2cfcf;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        width: 60px;
        height: 10px;
        background-color: white;
        -ms-transform: skewY(0deg);
        /* IE 9 */
        transform: skew(0deg);
        margin-left: 3px;
        font-weight: 900;
    }
    .mobil-nav-button li a:hover:not(.active) {
        background-color: #17ad2a;
        color: white;
    }
    .mobil-nav-button li a img {
        position: absolute;
        transform: skew( 0deg);
        width: 30px;
        top: -3px;
        left: 30px;
    }
    .active {
        background-color: #04AA6D;
    }
    #grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(100px, auto));
        grid-template-rows: repeat(3, minmax(6vw, auto));
        justify-items: left;
        margin-top: 20px;
        opacity: 0;
        margin-left: 0px;
    }
    .grid_item1 {
        grid-column: 1;
        grid-row: 1;
    }
    .grid_item2 {
        grid-column: 1;
        grid-row: 2;
    }
    .carusel_frame {
        width: var(--main_width_mini);
        position: relative;
        z-index: 1;
        margin: -6vh 0px -5px 0px;
    }
    .grid_item3 {
        grid-column: 1;
        grid-row: 3;
        width: var(--main_width_mini);
    }
    .grid_item4 {
        grid-column: 1;
        grid-row: 4;
        background: white;
        color: black;
        width: var(--main_width_mini);
    }
    .grid_item5 {
        grid-column: 1;
        grid-row: 5;
        background: black;
        color: white;
    }
    .home {
        width: 55px;
    }
    .home img {
        margin-left: -10px;
    }
    .footer {
        width: var(--main_width_mini);
    }
    /* Slideshow container */
    .slideshow-container {
        max-width: 710px;
        position: absolute;
        margin: -47% 0px 0px 36%;
    }
    .slide_show_dots {
        position: absolute;
        margin: -11% 0px 0px 68%;
        z-index: 1;
    }
    /* Next & previous buttons */
    .prev,
    .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -22px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
    }
    /* Position the "next button" to the right */
    .next {
        right: 0;
        border-radius: 3px 0 0 3px;
        z-index: 2;
    }
    /* On hover, add a black background color with a little bit see-through */
    .prev:hover,
    .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }
    /* Caption text */
    .text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 0px;
        width: 6vw;
        margin-left: 70px;
        text-align: center;
        z-index: 1;
        background: transparent !important;
    }
    /* Number text (1/3 etc) */
    .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
    }
    /* The dots/bullets/indicators */
    .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: rgb(0, 0, 0);
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }
    .active,
    .dot:hover {
        background-color: #17ad2a;
    }
    .activ {
        /* background-color: #17ad2a; */
        background-color: #000000;
        color: white;
    }
    /* Fading animation */
    .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
    }
    @-webkit-keyframes fade {
        from {
            opacity: .4
        }
        to {
            opacity: 1
        }
    }
    @keyframes fade {
        from {
            opacity: .4
        }
        to {
            opacity: 1
        }
    }
    /* On smaller screens, decrease text size */
    @media only screen and (max-width: 300px) {
        .prev,
        .next,
        .text {
            font-size: 11px
        }
    }
    p {
        margin: 0px;
    }
    .grid_item4_container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .grid_item4_container div {
        background: white;
        padding: 20px;
        width: 85vw;
    }
    .carusel_text {
        position: absolute;
        margin: 5% 0px 0px 5%;
        z-index: 2;
        font-size: 2vw;
        font-weight: 900;
    }
    .carusel_despreNoi {
        position: absolute;
        margin: 26% 0px 0px 24%;
        z-index: 2;
    }
    .stil_buton {
        display: block;
        color: white;
        text-align: center;
        padding: 2vw 5vw;
        text-decoration: none;
        width: 8vw;
        height: 0px;
        background-color: black;
        -ms-transform: skewY(20deg);
        transform: skew( -40deg);
        font-weight: 600;
    }
    .stil_buton span {
        position: absolute;
        transform: skew( 40deg);
        margin-left: -6.3vw;
        margin-top: -0.9vw;
        font-family: "ErasITC-Bold";
        font-size: 1.6vw;
    }
    .stil_buton:hover {
        background-color: #0aab2d;
        color: white;
    }
    .carusel_organigrama {
        position: absolute;
        margin: 31% 0px 0px 20%;
        z-index: 2;
    }
    .grid_item4 p span {
        color: #0aab2d;
        font-weight: 900;
    }
    .buton_centrare {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: 25px;
    }
    .verde {
        background-color: #0aab2d !important;
    }
    .verde:hover {
        background-color: black !important;
        color: white;
    }
    .containerCalendar {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: center;
        align-items: flex-start;
        padding-bottom: 15px;
    }
    .containerCalendarData {
        padding: 18px;
        background: black;
        color: white;
    }
    .containerCalendarText {
        padding: 15px;
    }
    .img_header {
        width: 61vw;
        height: 187px;
        margin: -1.8vw 0px 0px 25vw;
    }
    .calendarAstazi {
        background-color: #f19951 !important;
    }
    #border {
        border-bottom: 2px solid #0aab2d;
        position: absolute;
        margin-top: 14px;
        margin-left: -100px;
        width: 60%;
    }
    .harta {
        height: 35vh;
        border: 5px solid #afafaf;
        border-radius: 65px;
        width: 85vw;
    }
    .adresa_contact {
        padding: 0px 0px 0px 0px;
    }
    .lat {
        height: 14px !important;
    }
    .button_formular {
        height: 12px !important;
        width: 100px;
    }
    .text_area {
        width: 1000px;
        border-radius: 10px;
        height: 230px;
        background: #ededed4f;
        border: 0;
        padding-left: 10px;
        padding-top: 10px;
    }
    /* .indexFrame{
  color:white;
  } */
    .paralaxContainer {
        padding: 50px 0px 0px 0px;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .indexFrame {
        display: flex;
        background: black;
        color: white;
        margin: 0px 2.5% 0px 2.5%;
        width: 17vw;
        height: 25vw;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
        padding: 0px 20px 0px 20px;
        justify-content: flex-start;
    }
    .indexFrame h1 {
        font-size: 3vw;
        margin: 10px 10px -7px 10px;
    }
    .indexFrame p {
        margin: 0px 10px -5px 10px;
    }
    .harta_index {
        height: 350px;
        border: 5px solid #afafaf;
        border-radius: 65px;
        width: 100%;
    }
    .margin a {
        margin-right: 25px;
        margin-left: 25px;
    }
    .ajust span {
        margin-left: -6vw;
    }
    .containerFooter {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        padding: 25px 10px 30px 20px;
    }
    .containerFooter div {
        margin-left: 20px;
    }
    .navbar {
        overflow: hidden;
        background-color: #333;
    }
    .navbar a {
        float: left;
        font-size: 16px;
        /* color: white; */
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }
    .dropdown {
        float: left;
    }
    .dropdown .dropbtn {
        font-size: 16px;
        border: none;
        outline: none;
        /* color: white; */
        padding: 0px 0px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        color: black;
        min-width: 160px;
        margin-top: 38px;
        margin-left: 20px;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        z-index: 1;
        transform: skew( 40deg);
    }
    .dropdown-content a {
        float: none;
        /* color: black; */
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        margin-left: 0px;
    }
    /* .dropdown-content a:hover {
    background-color: #ddd;
  } */
    .dropdown:hover .dropdown-content {
        display: block;
    }
    .marginAjust {
        margin-left: -5vw !important;
    }
    .nav  li a span {
        font-family: "ErasITC-Bold";
        font-size: 13px;
        position: absolute;
        transform: skew(40deg);
        margin-left: -50px;
        margin-top: -2px;
    }
    .dropdown-content-link {
        transform: skew( 0deg);
        margin-left: 50px;
    }
    .nav li a:hover img {
        filter: invert();
    }
    .centrare_organigrama {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-top: 0px;
    }
    .container_harta_index {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .tabel_legislatie {
        width: 100%;
    }
    #customers {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }
    #customers td,
    #customers th {
        border: 1px solid #ddd;
        padding: 8px;
    }
    #customers tr:nth-child(even) {
        background-color: #f2f2f2;
    }
    #customers tr:hover {
        background-color: #ddd;
    }
    #customers th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #0aab2d;
        color: white;
    }
    .continut_text {
        margin: 15px 15px 15px 15px;
    }
    .mobile-container {
        max-width: 480px;
        margin: auto;
        background-color: #555;
        height: 500px;
        color: white;
        border-radius: 10px;
    }
    .topnav {
        overflow: hidden;
        background-color: #333;
        position: relative;
    }
    .topnav #myLinks {
        display: none;
    }
    .topnav a {
        color: white;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        display: block;
        width: 90vw;
    }
    .topnav a.icon {
        background: black;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav a:hover {
        background-color: #ddd;
        color: black;
    }
    .active_nav {
        background-color: #04AA6D;
        color: white;
    }
    .header_img_index_maxi {
        display: block;
    }
    .header_img_index_mini {
        display: none;
    }
    .header_img_index_mini_cont {
        display: none;
        width: 69vw;
    }
}

@media only screen and (max-width: 600px) {
    .abrogare {
        color: red;
        padding: 7px 0px 0px 0px;
    }
    .gdprLink {
        margin-left: 85px !important;
    }
    button {
        cursor: pointer;
        border: 1px solid white;
    }
    .ajustButon {
        width: 30vw !important;
    }
    .ajustButon>span {
        margin-left: -10vw !important;
        margin-top: -1.6vw !important;
        font-size: 2.6vw !important;
    }
    .emailStyle {
        width: 250px;
        border-radius: 10px;
        height: 40px;
        background: #ededed4f;
        border: 0;
    }
    .infoCal {
        font-size: 1.5vw;
        width: 18vw;
    }
    .linkSlide {
        color: #ffffff;
        background: transparent;
        /* bottom: 17px; */
        width: 38vw;
        height: 22vh;
    }
    @import url('https://fonts.googleapis.com/css?family=Audiowide&display=swap');
    .messsage404 div {
        position: absolute;
        top: 0%;
        left: 0%;
        height: 100%;
        width: 100%;
        margin: 0px;
        background: radial-gradient(circle, #240015 0%, #12000b 100%);
        overflow: hidden;
    }
    .messsage404 .wrap {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .messsage404 h2 {
        position: absolute;
        margin-top: 47vh;
        left: 50vw;
        margin-top: 25px;
        font-size: 3.3vw;
        text-transform: uppercase;
        transform: translate(-50%, -50%);
        display: block;
        color: black;
        font-weight: 300;
        font-family: Audiowide;
        text-shadow: 0px 0px 4px #12000a;
        /* animation: fadeInText 3s ease-in 3.5s forwards, flicker4 5s linear 7.5s infinite, hueRotate 6s ease-in-out 3s infinite; */
        z-index: 6;
    }
    .messsage404 #svgWrap_1,
    .messsage404 #svgWrap_2 {
        position: absolute;
        height: auto;
        width: 47vw;
        max-width: 100%;
        margin-top: 120px;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 6;
    }
    .messsage404 #svgWrap_1,
    .messsage404 #svgWrap_2,
    .messsage404 div {
        animation: hueRotate 6s ease-in-out 3s infinite;
    }
    .messsage404 #id1_1,
    .messsage404 #id2_1,
    .messsage404 #id3_1 {
        stroke: black;
        stroke-width: 3px;
        fill: transparent;
        filter: url(#glow);
    }
    .messsage404 #id1_2,
    .messsage404 #id2_2,
    .messsage404 #id3_2 {
        stroke: black;
        stroke-width: 3px;
        fill: transparent;
        filter: url(#glow);
    }
    .messsage404 #id3_1 {
        stroke-dasharray: 940px;
        stroke-dashoffset: -940px;
        animation: drawLine3 2.5s ease-in-out 0s forwards, flicker3 4s linear 4s infinite;
    }
    .messsage404 #id2_1 {
        stroke-dasharray: 735px;
        stroke-dashoffset: -735px;
        animation: drawLine2 2.5s ease-in-out 0.5s forwards, flicker2 4s linear 4.5s infinite;
    }
    .messsage404 #id1_1 {
        stroke-dasharray: 940px;
        stroke-dashoffset: -940px;
        animation: drawLine1 2.5s ease-in-out 1s forwards, flicker1 4s linear 5s infinite;
    }
    @keyframes drawLine1 {
        0% {
            stroke-dashoffset: -940px;
        }
        100% {
            stroke-dashoffset: 0px;
        }
    }
    @keyframes drawLine2 {
        0% {
            stroke-dashoffset: -735px;
        }
        100% {
            stroke-dashoffset: 0px;
        }
    }
    @keyframes drawLine3 {
        0% {
            stroke-dashoffset: -940px;
        }
        100% {
            stroke-dashoffset: 0px;
        }
    }
    @keyframes flicker1 {
        0% {
            stroke: #ff005d;
        }
        1% {
            stroke: transparent;
        }
        3% {
            stroke: transparent;
        }
        4% {
            stroke: #ff005d;
        }
        6% {
            stroke: #ff005d;
        }
        7% {
            stroke: transparent;
        }
        13% {
            stroke: transparent;
        }
        14% {
            stroke: #ff005d;
        }
        100% {
            stroke: #ff005d;
        }
    }
    @keyframes flicker2 {
        0% {
            stroke: #ff005d;
        }
        50% {
            stroke: #ff005d;
        }
        51% {
            stroke: transparent;
        }
        61% {
            stroke: transparent;
        }
        62% {
            stroke: #ff005d;
        }
        100% {
            stroke: #ff005d;
        }
    }
    @keyframes flicker3 {
        0% {
            stroke: #ff005d;
        }
        1% {
            stroke: transparent;
        }
        10% {
            stroke: transparent;
        }
        11% {
            stroke: #ff005d;
        }
        40% {
            stroke: #ff005d;
        }
        41% {
            stroke: transparent;
        }
        45% {
            stroke: transparent;
        }
        46% {
            stroke: #ff005d;
        }
        100% {
            stroke: #ff005d;
        }
    }
    @keyframes flicker4 {
        0% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        30% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        31% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        32% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        36% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        37% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        41% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        42% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        85% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        86% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        95% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        96% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
        100% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
    }
    @keyframes fadeInText {
        1% {
            color: #12000a;
            text-shadow: 0px 0px 4px #12000a;
        }
        70% {
            color: #ff005d;
            text-shadow: 0px 0px 14px #ff005d;
        }
        100% {
            color: #ff005d;
            text-shadow: 0px 0px 4px #ff005d;
        }
    }
    @keyframes hueRotate {
        0% {
            filter: hue-rotate(0deg);
        }
        50% {
            filter: hue-rotate(-120deg);
        }
        100% {
            filter: hue-rotate(0deg);
        }
    }
    .messsage404 .main_404body {
        background: white;
    }
    .organigrama {
        width: 100%;
    }
    .header_img_index {
        margin-left: 2vw;
        background-size: 100%;
        width: 96vw;
        padding-bottom: 13vh;
    }
    .mobil-nav-button {
        display: block;
    }
    .header_img {
        width: 60vw;
        padding-bottom: 0px;
        background-size: 100%;
        margin-left: 100px;
    }
    .nav {
        display: none;
    }
    .mobil-nav {
        display: flex;
        /* display: block; */
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 35px;
        left: 1px;
        z-index: 1;
    }
    .slide_img {
        width: 64vw;
        height: 45vw;
    }
    body {
        margin: 0;
        font-family: "AvenirLTStd-Book";
        font-size: 11pt;
    }
    .image {
        background: url(./img/padure.jpg) no-repeat fixed;
        background-position: center center;
        background-size: 200vw;
        margin-bottom: 0px;
    }
    .mobil-nav-button ul {
        display: flex;
        list-style-type: none;
        margin: 0px 0px 0px 0px;
        padding: 0;
        background-color: #0aab2d;
        width: 60px;
        -ms-transform: skewY(-40deg);
        transform: skew(-40deg);
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        height: 38px;
        position: absolute;
        top: 20px;
    }
    .mobil-nav-button li {
        float: left;
        border-right: 1px solid #bbb;
    }
    .mobil-nav-button li:last-child {
        border-right: none;
        margin-left: -3px;
    }
    .mobil-nav-button li a {
        box-shadow: 2px 4px 7px 0px #d2cfcf;
        display: block;
        color: black;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        width: 60px;
        height: 10px;
        background-color: white;
        -ms-transform: skewY(20deg);
        /* IE 9 */
        transform: skew(0deg);
        margin-left: 3px;
        font-weight: 900;
    }
    .mobil-nav-button li a:hover:not(.active) {
        background-color: #17ad2a;
        color: white;
    }
    .mobil-nav-button li a img {
        position: absolute;
        transform: skew( 0deg);
        width: 30px;
        top: -3px;
        left: 30px;
    }
    .active {
        background-color: #04AA6D;
    }
    #grid {
        display: grid;
        grid-template-columns: repeat(1, minmax(100px, auto));
        grid-template-rows: repeat(3, minmax(5vw, auto));
        justify-items: left;
        margin-top: 20px;
        opacity: 0;
        margin-left: 0px;
    }
    .grid_item1 {
        grid-column: 1;
        grid-row: 1;
    }
    .grid_item2 {
        grid-column: 1;
        grid-row: 2;
    }
    .carusel_frame {
        width: var(--main_width_mini);
        position: relative;
        z-index: 1;
        margin: -16% 0px -5px 0px;
    }
    .grid_item3 {
        grid-column: 1;
        grid-row: 3;
        width: var(--main_width_mini);
    }
    .grid_item4 {
        grid-column: 1;
        grid-row: 4;
        background: white;
        color: black;
        width: var(--main_width_mini);
    }
    .grid_item5 {
        grid-column: 1;
        grid-row: 5;
        background: black;
        color: white;
    }
    .home {
        width: 55px;
    }
    .home img {
        margin-left: -10px;
    }
    .footer {
        width: var(--main_width_mini);
    }
    /* Slideshow container */
    .slideshow-container {
        max-width: 710px;
        position: absolute;
        margin: -49% 0px 0px 36%;
    }
    .slide_show_dots {
        position: absolute;
        margin: -11% 0px 0px 68%;
        z-index: 1;
    }
    /* Next & previous buttons */
    .prev,
    .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-top: -22px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
    }
    /* Position the "next button" to the right */
    .next {
        right: 0;
        border-radius: 3px 0 0 3px;
        z-index: 2;
    }
    /* On hover, add a black background color with a little bit see-through */
    .prev:hover,
    .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }
    /* Caption text */
    .text {
        color: #f2f2f2;
        font-size: 15px;
        padding: 8px 12px;
        position: absolute;
        bottom: 0px;
        width: 50%;
        text-align: center;
    }
    /* Number text (1/3 etc) */
    .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
    }
    /* The dots/bullets/indicators */
    .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: rgb(0, 0, 0);
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }
    .active,
    .dot:hover {
        background-color: #17ad2a;
    }
    .activ {
        /* background-color: #17ad2a; */
        background-color: #000000;
        color: white;
    }
    /* Fading animation */
    .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
    }
    @-webkit-keyframes fade {
        from {
            opacity: .4
        }
        to {
            opacity: 1
        }
    }
    @keyframes fade {
        from {
            opacity: .4
        }
        to {
            opacity: 1
        }
    }
    /* On smaller screens, decrease text size */
    @media only screen and (max-width: 300px) {
        .prev,
        .next,
        .text {
            font-size: 11px
        }
    }
    p {
        margin: 0px;
    }
    .grid_item4_container {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .grid_item4_container div {
        background: white;
        padding: 20px;
        width: 85vw;
    }
    .carusel_text {
        position: absolute;
        margin: -7% 0px 0px 5%;
        z-index: 2;
        font-size: 2vw;
        font-weight: 900;
    }
    .carusel_despreNoi {
        position: absolute;
        margin: 13% 0px 0px 13%;
        z-index: 2;
    }
    .stil_buton {
        display: block;
        color: white;
        text-align: center;
        padding: 3vw 5vw;
        text-decoration: none;
        width: 65px;
        height: 0px;
        background-color: black;
        -ms-transform: skewY(20deg);
        transform: skew( -40deg);
        font-weight: 600;
    }
    .stil_buton span {
        position: absolute;
        transform: skew( 40deg);
        margin-left: -40px;
        margin-top: -5px;
        font-family: "ErasITC-Bold";
        font-size: 0.66em;
    }
    .stil_buton:hover {
        background-color: #0aab2d;
        color: white;
    }
    .carusel_organigrama {
        position: absolute;
        margin: 21% 0px 0px 7%;
        z-index: 2;
    }
    .grid_item4 p span {
        color: #0aab2d;
        font-weight: 900;
    }
    .buton_centrare {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        padding: 25px;
    }
    .verde {
        background-color: #0aab2d !important;
    }
    .verde:hover {
        background-color: black !important;
        color: white;
    }
    .containerCalendar {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-content: center;
        align-items: flex-start;
        padding-bottom: 15px;
    }
    .containerCalendarData {
        padding: 18px;
        background: black;
        color: white;
    }
    .containerCalendarText {
        padding: 15px;
    }
    .img_header {
        width: 100%;
        height: 187px;
        margin: 1vw 0px -1vw 0px;
    }
    .calendarAstazi {
        background-color: #f19951 !important;
    }
    #border {
        border-bottom: 2px solid #0aab2d;
        position: absolute;
        margin-top: 14px;
        margin-left: -100px;
        width: 60%;
    }
    .harta {
        height: 35vh;
        border: 5px solid #afafaf;
        border-radius: 65px;
        width: 85vw;
    }
    .adresa_contact {
        padding: 0px 0px 0px 0px;
    }
    .lat {
        height: 14px !important;
    }
    .button_formular {
        height: 12px !important;
        width: 100px;
    }
    .text_area {
        width: 1000px;
        border-radius: 10px;
        height: 230px;
        background: #ededed4f;
        border: 0;
        padding-left: 10px;
        padding-top: 10px;
    }
    .paralaxContainer {
        padding: 50px 0px 0px 0px;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .indexFrame {
        display: flex;
        background: black;
        color: white;
        margin: 0px 5px 0px 5px;
        width: 15vw;
        height: 150px;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: column;
        padding: 0px 20px 0px 20px;
        justify-content: flex-start;
    }
    .indexFrame h1 {
        font-size: 20px;
        margin: 10px 10px -7px 10px;
    }
    .indexFrame p {
        margin: 1px 10px -4px 10px;
    }
    .harta_index {
        height: 350px;
        border: 5px solid #afafaf;
        border-radius: 65px;
        width: 100%;
    }
    .margin a {
        margin-right: 25px;
        margin-left: 25px;
    }
    .ajust span {
        margin-left: -36px;
    }
    .containerFooter {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        padding: 25px 10px 30px 20px;
    }
    .containerFooter div {
        margin-left: 20px;
    }
    .navbar {
        overflow: hidden;
        background-color: #333;
    }
    .navbar a {
        float: left;
        font-size: 16px;
        /* color: white; */
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }
    .dropdown {
        float: left;
    }
    .dropdown .dropbtn {
        font-size: 16px;
        border: none;
        outline: none;
        /* color: white; */
        padding: 0px 0px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        color: black;
        min-width: 160px;
        margin-top: 38px;
        margin-left: 20px;
        box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
        z-index: 1;
        transform: skew( 40deg);
    }
    .dropdown-content a {
        float: none;
        /* color: black; */
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        margin-left: 0px;
    }
    /* .dropdown-content a:hover {
    background-color: #ddd;
  } */
    .dropdown:hover .dropdown-content {
        display: block;
    }
    .marginAjust {
        margin-left: -30px !important;
    }
    .mobil-nav-button li a span {
        font-family: "ErasITC-Bold";
        font-size: 13px;
        position: absolute;
        transform: skew(40deg);
        margin-left: -50px;
        margin-top: -2px;
    }
    .dropdown-content-link {
        transform: skew( 0deg);
        margin-left: 50px;
    }
    .mobil-nav-button li a:hover img {
        filter: invert();
    }
    .centrare_organigrama {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        margin-top: 0px;
    }
    .container_harta_index {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .tabel_legislatie {
        width: 100%;
    }
    #customers {
        font-family: Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }
    #customers td,
    #customers th {
        border: 1px solid #ddd;
        padding: 8px;
    }
    #customers tr:nth-child(even) {
        background-color: #f2f2f2;
    }
    #customers tr:hover {
        background-color: #ddd;
    }
    #customers th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: #0aab2d;
        color: white;
    }
    .continut_text {
        margin: 15px 15px 15px 15px;
    }
    .mobile-container {
        max-width: 480px;
        margin: auto;
        background-color: #555;
        height: 500px;
        color: white;
        border-radius: 10px;
    }
    .topnav {
        overflow: hidden;
        background-color: #333;
        position: relative;
    }
    .topnav #myLinks {
        display: none;
    }
    .topnav a {
        color: white;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        display: block;
        width: 90vw;
    }
    .topnav a.icon {
        background: black;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav a:hover {
        background-color: #ddd;
        color: black;
    }
    .active_nav {
        background-color: #04AA6D;
        color: white;
    }
    .header_img_index_maxi {
        display: none;
    }
    .header_img_index_mini {
        display: block;
        width: 95vw;
    }
    .header_img_index_mini_cont {
        display: block;
        width: 64vw;
    }
}

@media only screen and (max-width: 7000px) {}

@media only screen and (max-width: 1150px) {}