/* meniu */

.meniu a:hover {
  color: #1D2228;
}

.meniu {
	height: 50px;	
	background-color: #F4DB7D;	
	text-align: center;
    width:auto;	
    top: 0;	
    position: -webkit-sticky;
    position: relative;	
	z-index: 9;
	border: 0px solid gray;
}

.container-meniu {
	width: 1200px;
	height: 50px;
	line-height: 50px;
	padding: 0;
	margin: auto;
	border: 0px solid gray;
	display: flex;
}

.meniu-logo {
	width: 90px;
	border: 0px solid red;
	margin-top: 5px;
	display:none;
}

.meniu-telefon {
	width: 90%;
	border: 0px solid blue;
    color: #1D2228;
    padding: 0px 0px 0px 10px;
    text-decoration: none;
    font-size: 20px;
    font-family: Poppins-bold;
	display:none;
}




.meniu-deschide {
    width: 50px;
    height: 50px;
    padding-top: 10px;	
	border: 0px solid blue;
	margin-right: 0;
	display:none;
}

.meniu-inchide {
    display: none;
    position: fixed;
    right: 30px;
    top: 30px;
    margin-top: 20px;
    margin-right: 5px;
    height: 44px;
    width: 44px;
    line-height: 44px;
    font-family: Poppins-ExtraBold;
    color: #F4DB7D;
    font-size: 2rem;
	cursor:pointer;
	border: 2px solid blue;
}


.meniu-logare-mobil {
 	display:none;
}

.meniu-nav-container{
    width: auto;	
	border: 0px solid blue;
	margin: auto;	
}

.meniu-nav {
    width: auto;	
	border: 0px solid blue;
	margin: auto;
}

.meniu-nav a {
  color: #1D2228;
  text-align: center;
  padding: 0px 30px;
  text-decoration: none;
  font-size: 20px;
  font-family: Poppins-bold;
  display: inline-block;
}

.meniu-nav a:hover {
  text-decoration: underline;
}

.meniu-nav a.active {
  text-decoration: underline;
  font-family: Poppins-ExtraBold;
}

.meniu-login {
    width: 130px;
    padding: 5px;
	border: 0px solid red;	
	display:none;
	
}

.meniu-login-container {
    border: 0px solid white;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    height: 100%;
	border: 0px solid red;

}

.logare-click-nav {
	color: #1D2228;
	text-decoration:none;
	font-family: Poppins-bold;
    font-size: 18px;
	border: 0px solid blue;

  
}

@media screen and (max-width: 600px) {
  .meniu-nav a {display: none;}
  }



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

.container-meniu {
	width: 90%;
	padding: 0 10px 0 10px;
}

.meniu-logo {
	display:none;
}

.meniu-telefon {
	display:inline;
	
}

.meniu-login {
	display:none;
}

.meniu-nav {
	padding-top: 70px;
}


.meniu-deschide {
    float: right;
    display: block;
	position: absolute;
    right: 10px;
	top: 0;
	border: 0px solid blue;
}


.meniu-nav-container.responsive{
    width: 100%;	
    height: 100%;	
	border: 0px solid blue;
	margin: auto;
    position:fixed;	
	background-color: #1D2228;	
	top:0;
	right:0;
} 

.meniu-nav.responsive a {
    display: block;
    text-align: center;
    color: #F4DB7D;
	border: 0px solid blue;
	padding: 20px;
	font-family: Poppins-bold;
    font-size: 35px;
	color:white;
}

.meniu-nav.responsive a.active {
    color: #F4DB7D;
}

.meniu-inchide.responsive {
    float: right;
    display: block;
	position: fixed;
    right: 10px;
	top: 0;
	border: 0px solid blue;
}

.meniu-logare-mobil.responsive {
    float: right;	
    display: block;
	position: fixed;
    left: 25px;
	top: 25;
	border: 0px solid blue;
}

.meniu-deschide.responsive {
    display: none;
}

}

@font-face {
  font-family: Poppins-ExtraBold;
  src: url(../font/Poppins-ExtraBold.ttf);
}

@font-face {
  font-family: Poppins-SemiBold;
  src: url(../font/Poppins-SemiBold.ttf);
}