body {
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center center;
    background-attachment: fixed;
    margin:0;
    position: relative;
}
   
header {
    position: relative;
    background-color: #4B2E10;
    width: 100%;
    height:100px;
    padding:0;
    top:0;
}


footer {
/* background-image: url("/img/footer/background_imagine_2.jpg");
background-repeat: no-repeat;
height: 100px;

outline: 2px solid black;
background-size: 50% 100px;
background-position: center ;
bottom: 0;
*/
    position:relative;
    width:100%;
    height:200px;
    outline: 2px solid #4B2E10;
    background-color: #4b2E10;
    border-TOP-right-radius: 130% 605px;
    border-top-left-radius:  130% 605px;
    padding:0;    
    bottom:0;
    display:grid;
    gap:0px;
    grid-template-columns: 20% 15% 30% 15% 20%;  
    margin-top: 30px;
}

.samanta_susan {
    position:absolute;

}

/* CSS DIV HEADER *******************************************************************************/
                                    
/* CSS PENTRU SEMINTE SUS **************************************************************************/

/* PARTEA STANGA SEMINTE SUS ***********************************************************************/

#samanta_1{
    left:25%;
    top:60px;
}
    
#samanta_2 {
    left:24%;
    top:10px;
    transform:rotate(-10deg);
}

#samanta_3 {
    left:21%;
    top:5px;
    transform:rotate(-40deg);
}

#samanta_4 {
    left:18%;
    top:20px;
    transform:rotate(-80deg);
}

#samanta_5 {
    left:18%;
    top:60px;
    transform:rotate(-30deg);
}

#samanta_6 {
    left:14.5%;
    top:10px;
    transform:rotate(-50deg);
}

#samanta_7 {
    left:11.5%;
    top:24px;
    transform:rotate(10deg);
}

#samanta_8 {
    left:9%;
    top:10px;
    transform:rotate(90deg);
}

#samanta_9 {
    left:9%;
    top:60px;
    transform:rotate(-75deg);
}

#samanta_10 {
    left:6.5%;
    top:30px;
    transform:rotate(-35deg);
}

#samanta_11 {
    left:4%;
    top:5px;
    transform:rotate(5deg);
}

#samanta_12 {
    left:3.5%;
    top:50px;
    transform:rotate(120deg);
}

#samanta_13 {
    left:1%;
    top:10px;
    transform:rotate(-90deg);
}

#samanta_14 {
    left:1%;
    top:60px;
    transform:rotate(10deg);
}
/* SFARSIT PARTEA STANGA SEMINTE SUS ***********************************************************************/

/* PARTEA DREAPTA SEMINTE SUS ***********************************************************************/
#samanta_15 {
    right:25%;
    top:60px;
}
    
#samanta_16 {
    right:24%;
    top:10px;
    transform:rotate(-10deg);
}

#samanta_17 {
    right:21%;
    top:5px;
    transform:rotate(-40deg);
}

#samanta_18 {
    right:18%;
    top:20px;
    transform:rotate(-80deg);
}

#samanta_19 {
    right:18%;
    top:60px;
    transform:rotate(-30deg);
}

#samanta_20 {
    right:14.5%;
    top:10px;
    transform:rotate(-50deg);
}

#samanta_21 {
    right:11.5%;
    top:24px;
    transform:rotate(10deg);
}

#samanta_22 {
    right:9%;
    top:10px;
    transform:rotate(90deg);
}

#samanta_23 {
    right:9%;
    top:60px;
    transform:rotate(-75deg);
}

#samanta_24 {
    right:6.5%;
    top:30px;
    transform:rotate(-35deg);
}

#samanta_25 {
    right:4%;
    top:5px;
    transform:rotate(5deg);
}

#samanta_26 {
    right:3.5%;
    top:50px;
    transform:rotate(120deg);
}

#samanta_27 {
    right:1%;
    top:10px;
    transform:rotate(-90deg);
}

#samanta_28 {
    right:1%;
    top:60px;
    transform:rotate(10deg);
}
/* SFARSIT PARTEA DREAPTA SEMINTE SUS ***********************************************************************/

/* SFARSIT CSS PENTRU SEMINTE SUS **************************************************************************/

/* PARTEA STANGA ALTELE *********************************************************************************/
.ceaun {
    position:absolute;
    left:21%;
    top:35px;
}

.burger {
    position:absolute;
    left:14%;
    top:46px;
}
/* SFARSIT PARTEA STANGA ALTELE *********************************************************************************/

/* PARTEA DREAPTA ALTELE *********************************************************************************/
.pizza {
    position:absolute;
    right:21%;
    top:44px;
}

.sendvis {
    position:absolute;
    right:14%;
    top:46px;
}
/* SFARIST DREAPTA ALTELE *********************************************************************************/


/* PARTEA CENTRALA ***********************************************************************************/
.comanda {
    position: absolute;
    left:28.6%;
    top:39px;
    width:14px;
    height:15px;
}

.comanda_text {
    position: absolute;
    left:29.5%;
    top:35px;
    font-family:'Permanent Marker', cursive;
    color:aliceblue;
    font-size: 16px;
    text-decoration: none;
}

.contul_meu {
    position: absolute;
    left:35%;
    top:39px;
    width:17px;
    height:16px;
}

.contul_meu_text {
    position: absolute;
    left:36.1%;
    top:35px;
    font-family:'Permanent Marker', cursive;
    color:aliceblue;
    font-size: 16px;
    text-decoration: none;
}

.logo_1 {
    position:absolute;
    top:15px;
    left:42%;
}

.logo_2 {
    position:absolute;
    top:33px;
    left:46%;
}

.logo_3 {
    position:absolute;
    top:29px;
    left:51.5%;
}

.magazine {
    position: absolute;
    right:39.7%;
    top:41px;
    width:20px;
    height:25px;
}

.magazine_text {
    position: absolute;
    right:35.7%;
    top:35px;
    font-family:'Permanent Marker', cursive;
    color:aliceblue;
    font-size: 16px;
    text-decoration: none;
}

.contact {
    position: absolute;
    right:33.1%;
    top:41px;
    width:17px;
    height:16px;
}

.contact_text {
    position: absolute;
    right:29.7%;
    top:35px;
    font-family:'Permanent Marker', cursive;
    color:aliceblue;
    font-size: 16px;
    text-decoration: none;
}
/* SFARSIT PARTEA CENTRALA ***************************************************************************/

/* SFARSTI DIV HEADER *******************************************************************************/



/* CSS DIV FOOTER ***********************************************************************************/

/* CSS PENTRU SEMINTE JOS  **************************************************************************/


/* CSS PENTRU SEMINTE STANGA JOS  **************************************************************************/
#jsamanta_1 {
    top:170px;
    left:2%;
    transform:rotate(-90deg);
}

#jsamanta_2 {
    top:150px;
    left:15%;
    transform:rotate(5deg);
}

#jsamanta_3 {
    top:110px;
    left:27%;
    transform:rotate(120deg);
}

#jsamanta_4 {
    top:160px;
    left:32%;
    transform:rotate(120deg);
}

#jsamanta_5 {
    top:95px;
    left:42%;
    transform:rotate(5deg);
}

#jsamanta_6 {
    top:150px;
    left:46%;
    transform:rotate(5deg);
}

#jsamanta_7 {
    top:75px;
    left:54%;
    transform:rotate(100deg);
}

#jsamanta_8 {
    top:120px;
    left:62%;
    transform:rotate(5deg);
}

#jsamanta_9 {
    top:166px;
    left:69%;
    transform:rotate(-30deg);
}

#jsamanta_10 {
    top:100px;
    left:80%;
    transform:rotate(120deg);
}

#jsamanta_11 {
    top:60px;
    left:70%;
    transform:rotate(120deg);
}

#jsamanta_12 {
    top:50px;
    left:89%;
    transform:rotate(20deg);
}

#jsamanta_13 {
    top:165px;
    left:89%;
    transform:rotate(120deg);
}

/* SFARSIT CSS PENTRU SEMINTE STANGA JOS  **************************************************************************/



/* CSS PENTRU SEMINTE DREAPTA JOS  **************************************************************************/
#jsamanta_14 {
    top:150px;
    RIGHT:15%;
    transform:rotate(5deg);
}

#jsamanta_15 {
    top:170px;
    right:2%;
    transform:rotate(180deg);
}

#jsamanta_16 {
    top:110px;
    right:27%;
    transform:rotate(120deg);
}

#jsamanta_17 {
    top:160px;
    right:32%;
    transform:rotate(120deg);
}

#jsamanta_18 {
    top:95px;
    right:42%;
    transform:rotate(250deg);
}

#jsamanta_19 {
    top:150px;
    left:46%;
    transform:rotate(250deg);
}

#jsamanta_20 {
    top:75px;
    right:54%;
    transform:rotate(170deg);
}

#jsamanta_21 {
    top:120px;
    right:62%;
    transform:rotate(90deg);
}

#jsamanta_22 {
    top:166px;
    right:69%;
    transform:rotate(120deg);
}

#jsamanta_23 {
    top:100px;
    right:80%;
    transform:rotate(-30deg);
}

#jsamanta_24 {
    top:60px;
    right:70%;
    transform:rotate(130deg);
}

#jsamanta_25 {
    top:50px;
    right:89%;
    transform:rotate(20deg);
}

#jsamanta_26 {
    top:165px;
    right :89%;
    transform:rotate(120deg);
}
/* SFARSIT CSS PENTRU SEMINTE DREAPTA JOS  **************************************************************************/

/* SFARSIT CSS PENTRU SEMINTE JOS  **************************************************************************/

.seminte_stanga {
    position: relative;
    /*position:absolute;*/
    /*left:0%;*/
   /* right:75%; */
    /*width:20%;*/
    grid-area: 1 / 1 / span 2 / span 1;
    height:200px;
   
}

.linkuri_utile {
    position: relative;
    
    /*position:absolute;*/
    /*left:20.2%;*/
    height:200px;
    grid-area: 1 / 2 / span 2 / span 1;
    /*right:65%;*/
    /*width:20%;*/
   
}

.linkuri_utile p:not(.heading_1) {
    margin-bottom:7px;
    margin-top:6px;
    color:white;
    font-weight: normal;
}

.heading_1 {
    margin-top:40px;
    font-weight: bold;
    color:white;
    font-size: 18px;
}

.heading_2 {
    position:absolute;
    margin-top:40px;
    font-weight: bold;
    color:white;
    font-size: 18px;
    left:55%;
 
}
.facebook {
    position:absolute;
    left:88%;
    top:44%;
}
.tiktok {
    position:absolute;
    left:88%;
    top:63%;
}

.messenger {
    position: absolute;
    left:88%;
    top:82%;
}

.twitter {
    position:absolute;
    left:75%;
    top:44%;
}

.instagram {
    position:absolute;
    left:75%;
    top:63%;
}

.whatsup {
    position:absolute;
    left:75%;
    top:82%;
}

.link_aplicatii_mobile {
    position:relative;
    height:150px;
   
    grid-area: 1 / 3 / span 1 / span 1;
    z-index:1;
}

.google_app {
    position: relative;
    width:45%;
    background-color: white;
    border-radius: 8px;
    height:46px;
    left:0%;
    top:70%;
}

.google_app_png {
    width:36px;
    position: absolute;
    height:39px;
    margin-left:22px;
    margin-top:4px;    
}

.google_app_text{
    position: absolute;
    left:27%;
    font-size: 12px;
    margin-top:7px;
}

.apple_app {
    position: relative;
    width:45%;
    float: right;
    background-color: white;
    border-radius: 8px;
    height:46px;
    right: 0%;
    top:39.5%;
}

.apple_app_png {
    position: absolute;
    margin-left:12px;
    margin-top:3px;
}

.apple_app_text {
    position: absolute;
    font-size:12px;
    left:27%;
    margin-top:7px;
}

.nume_student    {
    position: relative;
    height:46px;
   
    grid-area: 2 / 3 / span 1 / span 1;
}
.nume_student p {
    position: absolute;
    width: 100%;
    text-align: center;
    color:wheat;
}

.social {
    position: relative;
    height:200px;
   
    grid-area: 1 / 4 / span 2 / span 1;
}

.seminte_dreapta {
    position: relative;
    height:200px;
   
    grid-area: 1 / 5 / span 2 / span 1;
}


/* SFARSIT CSS DIV FOOTER ***************************************************************************/

/* DIV MAIN LEVEL 1 *********************************************************************************/
.mesaj {
    font-weight: bold;
    font-size: 34px;
    color:#4B2E10;
    position: relative;
    width:640px;
    heigHt:45px;
    /*background-color: aquamarine;*/
    margin:20px auto;
    display:flex;
    align-items: center;
    justify-content: center;
}

.cautare {
    position: relative;
    width:800px;
    height:70px;
    /*background-color: aquamarine;*/
    margin: 20px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap:10px;
}

.carduri{
    display: grid;
    grid-column: auto auto auto;
    height:900px;
    width:800px;
    margin:20px auto;
    column-gap:34px;
    row-gap: 25px;
}

.card_2 {
    height:420px;
    border-radius: 34px;
    grid-area: 1 / 2 / span 1 / span 1;
    background-color: blue;
}

.card_3 {
    height:420px;
    border-radius: 34px;
    grid-area: 1 / 3 / span 1 / span 1;
    background-color: blue;
}

.card_4 {
    margin:0 auto;
    height:200px;
    width:200px;
    border-radius: 50%;
    grid-area: 2 / 1 / span 1 / span 1;
    background-image: url("../img/download.jpg");
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
    box-shadow: 7px 7px 4px black;

}

.card_5 {
    margin:0 auto;
    height:200px;
    width:200px;
    border-radius: 50%;
    grid-area: 2 / 2 / span 1 / span 1;
    background-image: url("../img/chef.jpg");
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
    box-shadow: 7px 7px 4px black;
}

.card_6 {
    margin:0 auto;
    height:200px;
    width:200px;
    border-radius: 50%;
    grid-area: 2 / 3 / span 1 / span 1;
    background-image: url("../img/154126-159095.jpg");
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
    box-shadow: 7px 7px 4px black;
}

.card_4_1 {
    margin:0 auto;
    height:150px;
    
    grid-area: 3 / 1 / span 1 / span 1;
    
}

.card_5_1 {
    margin:0 auto;
    height:150px;
    
    grid-area: 3 / 2 / span 1 / span 1;
   
}

.card_6_1 {
    margin:0 auto;
    height:150px;
    
    grid-area: 3 / 3 / span 1 / span 1;
    
}


.card_buton_1 {
    margin:0 auto;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    height:50px;
    width:150px;
    grid-area: 4 / 1 / span 1 / span 1;
    border-radius: 7px;
    background-color: rgb(75, 46, 16);
    box-shadow: black 1px 2px 1px;
    border-color: rgb(75, 46, 16);
    color: white;
}

.card_buton_2 {
    margin:0 auto;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    height:50px;
    width:150px;
    grid-area: 4 / 2 / span 1 / span 1;
    border-radius: 7px;
    background-color: rgb(75, 46, 16);
    box-shadow: black 1px 2px 1px;
    border-color: rgb(75, 46, 16);
    color: white;
}

.card_buton_3 {
    font-weight: bold;
    margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height:50px;
    width:150px;
    grid-area: 4 / 3 / span 1 / span 1;
    border-radius: 7px;
    background-color: rgb(75, 46, 16);
    box-shadow: black 1px 2px 1px;
    border-color: rgb(75, 46, 16);
    color: white;
}

.nume_strada {
    width:380px;
    height:30px;
    border-radius: 7px;
    box-shadow: 1px 2px 1px black;
   
}

.nume_strada_buton {
    height:36px;
    border-radius:7px;
    background-color: #4b2E10;
    box-shadow: 1px 2px 1px black;
    border-color: #4b2E10;
    color:white;
    margin-left:-50px; 
}

.nr_strada {
    height:30px;
    width:100px;
    border-radius: 7px;
    box-shadow: 1px 2px 1px black;
    
}

.nr_strada_buton {
    height:36px;
    border-radius:7px;
    background-color: #4b2E10;
    box-shadow: 1px 2px 1px black;
    border-color: #4b2E10;
    color:white;
    margin-left:-50px; 
}

.cauta {
    width:100px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height:36px;
    border-radius:7px;
    background-color: #4b2E10;
    box-shadow: 1px 2px 1px black;
    border-color: #4b2E10;
    color:white;
    
}

.lupa_cauta {
    width:24px;
    height:24px;
}

.slidershow{
  border-radius: 34px;
  position: relative;
  width: 800px;
  height: 250px;
  overflow: hidden;
  
}
.middle{
  position: relative;
  margin: 0 auto;

}
.navigation{
  position: absolute;
  bottom: 20px;
  left: 30%;
  transform: translateX(-50%);
  display: flex;
}
.bar{
  width: 50px;
  height: 10px;
  border: 2px solid #fff;
  margin: 6px;
  cursor: pointer;
  transition: 0.4s;
}
.bar:hover{
  background: #fff;
}

input[name="r"]{
    position: absolute;
    visibility: hidden;
}

.slides{
  width: 500%;
  height: 100%;
  display: flex;
}

.slide{
  width: 20%;
  transition: 0.6s;
}
.slide img{
  width: 100%;
  height: 100%;
}

#r1:checked ~ .s1{
  margin-left: 0;
}
#r2:checked ~ .s1{
  margin-left: -20%;
}
#r3:checked ~ .s1{
  margin-left: -40%;
}
#r4:checked ~ .s1{
  margin-left: -60%;
}
#r5:checked ~ .s1{
  margin-left: -80%;
}

.text_slide {
    position:absolute;
    margin-LEFT:450px;
    border-radius: 0 34px 34px 0;
    height:250px;
    width:350px;
    
    background-color: #724617;
    opacity:0.85;
}

.titlu_text_slide {
    position: absolute;
    color:white;
    font-size:20px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.continut_text_slide {
    position: absolute;
    color:white;
    font-size:16px;
   
    text-align: center;
    width: 100%;
    top:20%;

}
.card_1 {
    display: grid;
    grid-template-columns: auto ;
    border-radius: 34px 34px 34px 34px;
    box-shadow: 4px 5px 4px black;
}

.card_2 {
    display: grid;
    grid-template-columns: auto;
    border-radius: 34px 34px 34px 34px;
    box-shadow: 4px 5px 4px black;
}

.card_3 {
    display: grid;
    grid-template-columns: auto;
    border-radius: 34px 34px 34px 34px;
    box-shadow: 4px 5px 4px black;
}

.card_1_poza {
    grid-area: 1 / 1 / span 1 / span 2;
    background-image: url("../img/food_delivery_man.jpg");
    height: 220px;
    border-radius: 34px 34px 0 0;
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
    
}

.card_2_poza {
    grid-area: 1 / 1 / span 1 / span 2;
    background-image: url("../img/AS753.jpg");
    height: 220px;
    border-radius: 34px 34px 0 0;
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}

.card_3_poza {
    grid-area: 1 / 1 / span 1 / span 2;
    background-image: url("../img/589ce019ef90b40751bfa6569d9cf373.jpg");
    height: 220px;
    border-radius: 34px 34px 0 0;
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;
}

.card_1_text_1 {
    height: 100px;
    grid-area: 2 / 1 / span 1 / span 2;
    background-color:aliceblue;
    
}

.card_1_text_2 {
    color:white;
    height: 100px;
    grid-area: 3 / 1 / span 1 / span 1;
    background-color:#4B2E10;
    border-radius: 0 0 0 24px;
    border-right: 3px solid #724617;
    
}

.card_1_text_3 {
    color:white;
    height: 100px;
    grid-area: 3 / 2 / span 1 / span 1;
    background-color:#4B2E10;
    border-radius: 0 0 24px 0;
   
}

.card_2_text_1 {
    height: 100px;
    grid-area: 2 / 1 / span 1 / span 2;
    background-color:aliceblue;
}

.card_2_text_2 {
    color:white;
    height: 100px;
    grid-area: 3 / 1 / span 1 / span 1;
    background-color:#4B2E10;
    border-radius: 0 0 0 24px;
    border-right: 3px solid #724617;
}

.card_2_text_3 {
    color:white;
    height: 100px;
    grid-area: 3 / 2 / span 1 / span 1;
    background-color:#4B2E10;
    border-radius: 0 0 24px 0;
}

.card_3_text_1 {
    height: 100px;
    grid-area: 2 / 1 / span 1 / span 2;
    background-color:aliceblue;
}

.card_3_text_2 {
    color:white;
    height: 100px;
    grid-area: 3 / 1 / span 1 / span 1;
    background-color:#4B2E10;
    border-radius: 0 0 0 24px;
    border-right: 3px solid #724617;
}

.card_3_text_3 {
    color:white;
    height: 100px;
    grid-area: 3 / 2 / span 1 / span 1;
    background-color:#4B2E10;
    border-radius: 0 0 24px 0;
}

.card_1_text_1,
.card_1_text_2,
.card_1_text_3,
.card_2_text_1,
.card_2_text_2 {
    display: flex;  
    justify-content: center;
    align-items: center;  
}

.text_1,
.text_2,
.text_3,
.text_1_2,
.text_2_1,
.text_2_2 {
    text-align:center;
    margin-left: 11px;
    margin-right: 11px;
}

.text_3_1,
.text_3_2 {
    text-align:center;
    margin-left:8px;
    margin-right:8px;
}

.titlu_1,
.titlu_2,
.titlu_3 {
    font-size: 24px;
    font-weight: bold;
    text-align:center;
    margin-left: 11px;
    margin-right: 11px;
}

.subtitlu_1,
.subtitlu_2,
.subtitlu_3 {
    font-size:16px;
    text-align:center;
    margin-left: 11px;
    margin-right: 11px;
}

.meniu_central_index_3 {
    display: grid;
    height: 1300px;
    position: relative;
    justify-items: center;
    align-items: center;
    margin:0 auto;
    width:1300px;
    margin-top:60px;
    border-radius: 34px;
}

.meniu_central_index_2 {
    height: 1300px;
    position: absolute;
    margin: 0 auto;
    border-radius: 34px;
    background-color: blanchedalmond;
    width:800px;
    display: grid;
    row-gap: 10px;
    column-gap: 40px;
    justify-content: center;
    align-items: center;
    margin:0 auto;
    box-shadow: 3px 4px 4px black;
}

.salata {
    grid-area: 1 / 1 / span 1 / span 1;
    height:450px;
    width:450px;
    transform: rotate(-25deg);
}

.cartofi {
    grid-area: 1 / 2 / span 1 / span 1;
    height:450px;
    width:450px;
    margin-right:-70px;
    transform: rotate(30deg);
}

.hamburger {
    grid-area: 2 / 1 / span 1 / span 1;
    height:450px;
    width:450px;
    transform: rotate(-50deg);
    margin-left:-130px;
}

.pizza2 {
    grid-area: 2 / 2 / span 1 / span 1;
    height:400px;
    width:400px;
    transform: rotate(58deg);
    margin-right:-110px;
}

.meniu_1 {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-column: auto;
    row-gap: 5px;
    width:220px;
    height: 357px;
    background-color: #42271e;
    grid-area: 1 / 1 / span 1 / span 1;
    border-radius: 34px;
    box-shadow: 4px 5px 2px black;
}

.meniu_2 {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-column: auto;
    row-gap: 5px;
    width:220px;
    height: 357px;
    background-color: #42271e;
    grid-area: 1 / 2 / span 1 / span 1;
    border-radius: 34px;
    box-shadow: 4px 5px 2px black;
}

.meniu_3 {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-column: auto;
    row-gap: 5px;
    width:220px;
    height: 357px;
    background-color: #42271e;
    grid-area: 1 / 3 / span 1 / span 1;
    border-radius: 34px;
    box-shadow: 4px 5px 2px black;
}


.meniu_4 {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-column: auto;
    row-gap: 5px;
    width:220px;;
    height: 357px;
    background-color: #42271e;
    grid-area: 2 / 1 / span 1 / span 1;
    border-radius: 34px;
    box-shadow: 4px 5px 2px black;
}

.meniu_5 {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-column: auto;
    row-gap: 5px;
    width:220px;
    height: 357px;
    background-color: #42271e;
    grid-area: 2 / 2 / span 1 / span 1;
    border-radius: 34px;
    box-shadow: 4px 5px 2px black;
}

.meniu_6 {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-column: auto;
    row-gap: 5px;
    width:220px;
    height: 357px;
    background-color: #42271e;
    grid-area: 2 / 3 / span 1 / span 1;
    border-radius: 34px;
    box-shadow: 4px 5px 2px black;
}

.meniu_7 {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-column: auto;
    row-gap: 5px;
    width:220px;
    height: 357px;
    background-color: #42271e;
    grid-area: 3 / 1 / span 1 / span 1;
    border-radius: 34px;
    box-shadow: 4px 5px 2px black;
}

.meniu_8 {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-column: auto;
    row-gap: 5px;
    width:220px;
    height: 357px;
    background-color: #42271e;
    grid-area: 3 / 2 / span 1 / span 1;
    border-radius: 34px;
    box-shadow: 4px 5px 2px black;
}

.meniu_9 {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-column: auto;
    row-gap: 5px;
    width:220px;
    height: 357px;
    background-color: #42271e;
    grid-area: 3 / 3 / span 1 / span 1;
    border-radius: 34px;
     box-shadow: 4px 5px 2px black;
}

div[class*="poza_meniu"] {
    width: 180px;
    height:175px;
    background-color: aliceblue;
    grid-area: 1 / 1 / span 1 / span 1;
    margin-top:10px;
    border-radius: 34px;
}

.nume_meniu{
    display: grid;
    align-items: center;
    width: 180px;
    height: 40px;
    background-color: #FAECDF;
    grid-area: 2 / 1 / span 1 / span 1;
    border-radius: 34px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.ingrediente_meniu {
    position: relative;
    width: 180px;
    height: 60px;
    background-color: #FAECDF;
    grid-area: 3 / 1 / span 1 / span 1;
    border-radius: 4px;
}

.pret_meniu {
    display: grid;
    column-width: auto;
    width: 180px;
    height: 30px;
    background-color: #FAECDF;
    grid-area: 4 / 1 / span 1 / span 1;
    margin-bottom: 20px;
    border-radius: 4px;
}

.poza_meniu_1 {
    background-image:url("../img/meniu/best-pizza-in-bucharest.jpg");
    background-size: coVER;
    background-position: center;
}

.poza_meniu_2 {
    background-image:url("../img/meniu/Hamburger-cartofi-paiwedges-scaled.jpg");
    background-size: coVER;
    background-position: center;
}

.poza_meniu_3 {
    background-image:url("../img/meniu/images\ \(1\).jpg");
    background-size: coVER;
    background-position: center;
}

.poza_meniu_4 {
    background-image:url("../img/meniu/images.jpg");
    background-size: coVER;
    background-position: center;
}

.poza_meniu_5 {
    background-image:url("../img/meniu/Killer-Rosemary-Garlic-Fries-foodiecrush.com-010.jpg");
    background-size: coVER;
    background-position: center;
}

.poza_meniu_6 {
    background-image:url("../img/meniu/Meniu-Carnati-Cabanos-la-Gratar.jpg");
    background-size: coVER;
    background-position: center;
}

.poza_meniu_7 {
    background-image:url("../img/meniu/meniu-mici.jpg");
    background-size: coVER;
    background-position: center;
}

.poza_meniu_8 {
    background-image:url("../img/meniu/salate.jpg");
    background-size: coVER;
    background-position: center;
}

.poza_meniu_9 {
    background-image:url("../img/meniu/shaorma-la-lipie-mare-61.jpg");
    background-size: coVER;
    background-position: center;
}

.lista_ingrediente {
    background-image: url("../img/meniu/ingrediente.png");
    background-repeat: no-repeaT;
    height: 20px;
    width:30px;
    float: left;
    position: absolute;
    margin-top:4px;
    margin-left:4px;
   
}

.enumerare_ingrediente {
    float: right;
    margin-left:31px;
    position: absolute;
    margin-right:4px;
}

.icoana_pret {
    background-image: url("../img/meniu/pret.png");
    background-repeat: no-repeat;
    width:30px;
    grid-area: 1 / 1 / span 1 / span 1;
    margin-top:5px;
    margin-left: 4px;
}

.pret {
    display: grid;
    text-align: left;
    align-items: center;
    width:80px;
    grid-area: 1 / 2 / span 1 / span 1;
}

.lista_orase {
    height: 1300px;
   
    margin: 0 auto;
    border-radius: 34px;
    background-image: linear-gradient(#824509, #B66411);
    width:800px;
    display: grid;
    row-gap: 10px;
    column-gap: 40px;
    justify-content: TOP;
    align-items: top;
    margin-top:30px;
    box-shadow: 3px 4px 4px black;
}

.tabel {
    margin-top:20px;
    color:white;
    border-style: double;
    border-color: 2px solid white;
    margin-left:20px;
    margin-right:20px;
    text-align: center;
    
}
th, tr, td {
    border-style:double;
    font-size:15px;
    border-color: 2px solid white;
}

caption {
    font-size:19px;

}

.formular {
    height: 1000px;
    margin: 0 auto;
    border-radius: 34px;
    grid-template-rows: 100px 758px 300px;
    background-color: #FAECDF;
    width:800px;
    display: grid;
    row-gap: 10px;
    column-gap: 40px;

    justify-content: center;
    margin-top:50px;
    box-shadow: 3px 4px 4px black;
}

.titlu_formular {
    padding-top:20px;
    width: 500px;
    text-align: center;
    font-size:56px;
    font-weight: bold;
    color:#824509;
    height: 40px;
    grid-area: 1 / 1 / span 1 / span 1;
}

.corp_formular {
    grid-area: 2 / 1 / span 1 / span 1;
    height: 400px;
    justify-content: center;
}

.nume, .email, .telefon, .firma, .textarea {
    position: relative;
    height: 110px;
    width: 350px;
    margin:0 auto;
}

.nume_cl {
    font-weight: bold;
    position: absolute;
    z-index: 1;

}

#nume, #email, #telefon, #firma, #mesaj_textarea {
    border-radius: 34px;
    border:3px solid #824509;
    position: absolute;
    height: 80px;
    background-color: #FAECDF;
    width: 350px;    width: 350px;
    text-indent: 20px;
    font-weight: bold;
    color: #42271e;
    font-size: 15px;
}
#mesaj_textarea {
    padding-top:10px;
    height: 300px;
    font-size: 15px;
    font-weight: bold;
}

::placeholder {
    color:#824509;
   
}

.buton_formular_1 {
    margin:0 auto;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    height:50px;
    width:150px;
    grid-area: 4 / 1 / span 1 / span 1;
    border-radius: 7px;
    background-color: rgb(75, 46, 16);
    box-shadow: black 1px 2px 1px;
    border-color: rgb(75, 46, 16);
    color: white;
   
}

.buton_formular {
    padding-top:20px;
    margin: 0 auto;
}

.loading{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .procent{
    color: #999;
    font-size: 100px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 15px;
  }
  .progress-bar{
    width: 406px;
    height: 21px;
    background: #111;
    border-radius: 13px;
    padding: 3px;
    box-sizing: border-box;
  }
  .progress{
    width: 10px;
    height: 15px;
    background: #f60d54;
    border-radius: 13px;
  }
  .text{
    position: absolute;
    left: 160px;
    color: #fdb5ca;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 21px;
    display: none;
  }
  .text-blink{
    animation: animatie .7s ease-in-out .1s;
  }
  @keyframes animatie {
    0%{
      opacity: 1;
    }
    50%{
      opacity: 0.2;
    }
    100%{
      opacity: 1;
    }}