html,
body {
	margin:0;
	padding:0;
	height:100%;
}

*|a:link {
  color: #1D2228;
  text-decoration:none;
}

*|a:visited {
  color: #1D2228;
}

*|a:hover {
  color: #F4DB7D;
}

a.link-click {
  color: white;
  text-decoration:none;
}

a.link-click:hover {
  color: #F4DB7D;
  text-decoration:none;
}

.txt_color{
   color: #F4DB7D;	
}

/* layout */
.layout {
	min-height:100%;
	position:relative;
    min-width: 100%;
	border: 0px solid red;	
}

/* container */
.container {
	width: 1200px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	border: 0px solid gray;
}

/* container-login */
.container-login {
	width: 1200px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	border: 0px solid gray;
}


@media screen and (max-width: 600px) 
{
.container {
    margin: auto; 
	width: 300px;
	height: auto;
	padding: 0;
	margin: auto;
	border: 0px solid red;		
	
}

.container-login {
    margin: auto; 
	width: 90%;
	height: auto;
	padding: 0;
	margin: auto;
	border: 0px solid red;		
	
}	
}

/* colums */
.colums {
	border: 0px solid red;	
	width: 100%;
    height: auto;
}

/* content-colums */
.content-colums {
	display: flex;
    border: 0px solid #707070;
	width: 1210px;
	height: auto;
    padding: 100px 0px 100px 0px;	
}

@media screen and (max-width: 600px) 
{
.content-colums {
    border: 0px solid #707070;
	width: 100%;
    padding: 50px 0px 50px 0px;
	display: flex;
	flex-direction: column;		
}
}

/* col */
.col {
	border: 0px solid red;	
	width: 100%;
    height: auto;
}


/* fundal-alb */
.fundal-alb {
	background-color: #FFFFFF !important;		
}

/* fundal-gri */
.fundal-gri {
	background-color: #F0F2F5 !important;		
}

/* fundal-negru */
.fundal-negru {
	background-color: #1D2228 !important;		
}


/*                        */
/*   login    */
/*             			 */

/* login-box-1 */
.login-box-1 {
	width: 675px;
	height: 420px;
	border: 0px solid red;
    margin:auto;
    display: flex;
    justify-content: center;
    align-items: center;	
}

/* login-box-2 */
.login-box-2 {
	width: 675px;	
	display: flex;
	justify-content: center;
	align-items: center;
	height: 330px;
	border: 0px solid green;
	border-radius: 15px;
    background-color: #F4DB7D;	
}


/* login-box-3 */
.login-box-3 {
	width: 600px;	
	display: absolute;
	justify-content: center;
	align-items: center;
	height: 420px;
	border: 0px solid green;
	border-radius: 15px;
    background-color: white;	
}


/* login-box-4 */
.login-box-4 {
	padding: 0 0 0 85px;	
	border: 0px solid green;
	width: auto;	
	height: 380px;
}


.login-text-1 {
    padding:55px 0px 24px 0px;	
	width: 435px;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 24px;
	color: #6987F6;
}

.login-user-input{
	width:	435px;
	height: 59px; 
	border: 2px solid #707070;
	font-family: Poppins-regularr;
	font-size: 17px;
	color: #919191;
    background: url('../img/mail.png') no-repeat right #FFFFFF;
    background-position-x: 395px;	
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	padding: 10px;
	margin-bottom: 37px;
}

.login-pasword-input{
	width:	435px;
	height: 59px; 
	border: 2px solid #707070;
	font-family: Poppins-regularr;
	font-size: 17px;
	color: #919191;
    background: url('../img/padlock.png') no-repeat right #FFFFFF;
    background-position-x: 395px;	
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	padding: 10px;
	margin-bottom: 37px;
}

.login-button {/* button */
	font-family: Poppins-regularr;
	font-size: 20px;
	background-color: #6987F6;
	border: 0px solid black;	
    color: white;
	line-height: 55px;
	text-align: center;
    margin: 0 0 0 100px ;
	width: 225px;	
	cursor: pointer;	
	border-radius: 10px;	
}

@media screen and (max-width: 600px) 
{
/* login-box-1 */
.login-box-1 {
	width: 100%;
	height: 310px;
	border: 0px solid red;
    margin:auto;
    display: flex;
    justify-content: center;
    align-items: center;	
}

/* login-box-2 */
.login-box-2 {
	width: 100%;	
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
	border: 0px solid green;
	border-radius: 15px;
    background-color: #F4DB7D;	
}


/* login-box-3 */
.login-box-3 {
	width: 90%;	
	display: absolute;
	justify-content: center;
	align-items: center;
	height: 350px;
	border: 0px solid green;
	border-radius: 15px;
    background-color: white;	
}


/* login-box-4 */
.login-box-4 {
	padding: 0 0 0 0px;	
	border: 0px solid green;
	width: auto;	
	height: auto;
	text-align:center;

}


.login-text-1 {
    padding:30px 0px 24px 0px;	
	width: auto;
	margin:auto;
	text-align:center;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 24px;
	color: #6987F6;
}

.login-user-input{
	width:	250px;
	height: 50px; 
	border: 2px solid #707070;
	font-family: Poppins-regularr;
	font-size: 17px;
	color: #919191;
    background: url('../img/mail.png') no-repeat right #FFFFFF;
    background-position-x: 260px;	
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	padding: 10px;
	margin-bottom: 30px;
}

.login-pasword-input{
	width:	250px;
	height: 50px; 
	border: 2px solid #707070;
	font-family: Poppins-regularr;
	font-size: 17px;
	color: #919191;
    background: url('../img/padlock.png') no-repeat right #FFFFFF;
    background-position-x: 260px;	
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	padding: 10px;
	margin-bottom: 20px;
}

.login-button {/* button */
	font-family: Poppins-regularr;
	font-size: 18px;
	background-color: #6987F6;
	border: 0px solid black;	
    color: white;
	line-height: 50px;
	text-align: center;
    margin: auto ;
	width: 200px;	
	cursor: pointer;	
	border-radius: 10px;
	border: 0px solid red;	
}
}



.content-auto-detalii-info-text-6:hover {/* inapoi */
	background-color: #555;	
}


/* top */
.top {
	width: 100%;
	height: 170px;
	border: 0px solid red;
	background-color: #1D2228;	
	font-family: Poppins-light;
	font-size: 16px;	
	color: white;	
}

.top-container {
	width: 1200px;
	height: 170px;
	padding: 0;
	margin: 0 auto;
	border: 0px solid red;	
}

.top-colums {
	display: flex;
	border: 0px solid red;	
	width: 100%;
    height: 170px;
}


.top-col-1{
  border: 0px solid #c6d880;
  width: 95%;
  height: 96px;
  margin: auto;
}

.top-col-1-content{
  border: 0px solid white;
  color: #FFFFFF;
  align-items:center;
  display: flex;
  justify-content: flex-start;
  padding: 3px;
}


.top-col-2{
  border: 0px solid #c6d880;
  width: 174px;
  height: 96px;
  margin: auto;  
}

.top-col-2-content{
 width: 175px;		
 height: 97px;		
} 

.top-col-3{
  border: 0px solid #c6d880;
  width: 100%;
  height: 96px;
  margin: auto;
  text-align:right;
}

.top-col-3-content {
  border: 0px solid white;
  align-items:center;
  display: flex;
  justify-content: flex-end;
  height: 100%; 
}

.logare-click {
  color: #F4DB7D;
  text-decoration:none;
}


@media screen and (max-width: 600px) 
{
	
/* top */
.top {
	height: 83px;
	border: 0px solid red;
}	

.top-container {
	width: auto;
	height: 83px;
	border: 0px solid red;	
}

.top-colums {
	display: flex;
	border: 0px solid red;	
	width: 100%;
	height: 83px;
}

.top-col-1, .top-col-3{
	display: none;
}

.top-col-2{
  border: 0px solid #c6d880;
  width: 96px;
  height: 53px;
  margin: auto;  
} 

.top-col-2-content{
  height: 53px;
  width: 96px;		
} 

}










/*           */
/*   ACASA   */
/*           */


/* header */
.header {
	width: 100%;
	border: 0px solid red;	
	height: 699px;
	background-color: #1D2228;
}

.header-bg {
    background: transparent url('../img/banner.png') 50% 50% no-repeat padding-box;
	opacity: 1;
	border: 0px solid red;
	height: 699px;			
}

.header-container {
	width: 1200px;
	height: 699px;
	padding: 0;
	margin: 0 auto;
	border: 0px solid red;	
}

.header-colums-1 {
	border: 0px solid red;	
	width: 100%;
    height: auto;
}

.header-icon-acasa {
    padding: 103px 0px 0px 0px;
	width: 116px;
	height: 30px;
	border: 0px solid red;
	display: block;
}

.header-title-acasa {
    padding: 18px 0px 0px 0px;	
	width: 503px;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 44px;
	color:white;
}




.header-text1-acasa {
	width: 594px;
	display: flex;
	flex-direction: row;	
	border: 0px solid red;
	
}


.header-text1-acasa-txt {
    padding: 56px 0px 0px 0px;	
	width: 392px;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 26px;
	color:white;	
}


.header-text1-acasa-img {
    padding: 59px 0px 0px 0px;
	width: 82px;
	height: 33px;
	border: 0px solid red;
	display: block;
	margin: auto;	
}




.header-text2-acasa {
    padding: 18px 0px 0px 0px;	
	width: 540px;
	border: 0px solid red;
	font-family: Poppins-regularr;
	font-size: 18px;
	color:white;
}



@media screen and (max-width: 600px) 
{
	
.header {
	height: 180px;	
}

.header-bg {
    background: transparent url('../img/banner_mobil.png') ;
	height: 199px;	
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.header-container {
	width: 100%;
	height: 159px;	
	padding: 0;
	margin: 0 auto;
	border: 0px solid red;	
}

.header-colums-1 {
	border: 0px solid red;	
	width: 100%;
    height: auto;
}

.header-icon-acasa {
    padding: 17px 0px 0px 0px;
	width: 41px;
	height: 11px;
	border: 0px solid red;
	display: block;
	margin: auto;
	border: 0px solid red;
}

.header-title-acasa {
    padding: 10px 0px 0px 0px;	
	width: 170px;
	border: x solid red;
	font-family: Poppins-bold;
	font-size: 18px;
	text-align: center;
	margin: auto;
}


.header-text1-acasa {
	width: auto;
	display: block;	
	border: 0px solid red;
	
}


.header-text1-acasa-txt {
    padding: 5px 0px 0px 0px;	
	width: 300px;
	border: 0px solid red;
	font-family: Poppins-regularr;
	font-size: 16px;
	text-align: center;
	margin: auto;	
}


.header-text1-acasa-img {
    padding: 5px 0px 0px 0px;
	width: 82px;
	height: 33px;
	border: 0px solid red;
	display: block;
	margin: auto;	
}




.header-text1-acasa___ {
    padding: 12px 0px 0px 0px;	
	width: 216px;
	border: 0px solid red;
	font-family: Poppins-regularr;
	font-size: 16px;
	text-align: center;
	margin: auto;
}

.header-text2-acasa {
	display:none;
}

}




.cauta {
    position: absolute; 
	top: 823px;
    left: 0; 
    right: 0; 
    margin: auto; 
	width:1200px;
	height: 392px;	
	background-color: #F4DB7D;
	border: 0px solid red;		
}

.cauta-colums-1 {
	padding: 20px 0 0 0;	
	width:	100%;
	height:auto;
	margin: auto;
	text-align:center;
	border: 0px solid red;
}

.cauta-text-1 {
	font-family: Poppins-bold;
	font-size: 26px;
	color:#1D2228;
	text-align:center;
    padding: 53px 0px 0px 0px;	
}



.cauta-select{
	width:	334px;
	height: 65px; 
	border: 0px solid #c6d880;
	font-family: Poppins-medium;
	font-size: 16px;
	color: #919191;
    background: url('../img/down-arrow.png') no-repeat right #FFFFFF;
    background-position-x: 300px;	
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	padding: 10px;
	margin: 20px;
}


.cauta-input-mic{
	width:	148px;
	height: 57px; 
	font-family: Poppins-regularr;
	font-size: 17px;
	background-color: white;	
	color: #919191;
	padding: 10px;
	border: 1px solid #c6d880;
}


.btn {
	background-color: #30333A;
	width:334px;
	height:67px;
	color: white;
	font-family: Poppins-bold;
    font-size: 20px;
	cursor: pointer;
	text-align: center; 
    margin: auto;
	border: 0px solid red;
}

.btn-add {
	background-color: #6987F6;
	width:334px;
	height:67px;
	color: white;
	font-family: Poppins-bold;
    font-size: 20px;
	cursor: pointer;
	text-align: center; 
    margin: auto;
	border: 0px solid red;
}


.fa-search {
	padding: 10px;
}


.btn:hover {	
    background-color: #636875;
}
.btn-add:hover {	
    background-color: #99acf0;
}

.btn:active {	
    background-color: #4f5461;
}


@media screen and (max-width: 600px) 
{
	
/* cauta */
.cauta {
	width: 100%;
	height: 420px;
	border: 0px solid pink;
	position: static;
    top: 0;
    left: 0; 
    right: 0;
    overflow: hidden; 
}	


.cauta-colums-1 {
	border: 0px solid red;	
	width: auto;
    height: auto;
	padding: 10px 0 0 0;	
}

.cauta-text-1 {
	padding: 20px 0px 0px 0px;
	font-family: Poppins-bold;
	font-size: 19px;
    border: 0px solid pink;
	width: 190px;
	margin:auto;
}


.cauta-select{
	width:	292px;
	height: 51px; 
	border: 0px solid #c6d880;
	font-family: Poppins-medium;
	font-size: 12px;
    background: url('../img/down-arrow.png') no-repeat right #FFFFFF;
    background-position-x: 250px;
	padding: 10px;
	margin: 14px;	
}

.cauta-input-mic{
	width:	118px;
	height: 38px; 
	color: #919191;
	padding: 10px;
	margin: 7px 0;
	font-size: 12px;
}

.btn {
	width:292;
	height:51px;
	color: white;
	font-family: Poppins-bold;
    font-size: 16px;
}

}



/* content */
.content-rand {
    margin: 0; 
	border: 2px solid blue;	
	text-align: left;
	padding: 50px;
}


.content-pozitie {
	border: 2px solid green;	
	padding: 0 00px 0 50px;
}






.content {
	width: 100%;
	height: auto;
	border: 0px solid red;
	background-color: #F0F2F5;		
}

.content-container {
	width: 1200px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	border: 0px solid red;	
	padding: 300px 0 0px 0  ;
	
}
.content-text-1 {
	font-family: Poppins-bold;
    font-size: 34px;
	margin: auto;
	text-align: center;
	padding: 70px 0 37px 0  ;	
}

.content-colums-1 {
	display: flex;
	flex-direction: row;
    border: 0px solid #707070;
	width:1210px;
	height: 340px;
	background-color: #FFFFFF;
	margin: 0 0 70px 0 ;
	padding: 30px;

}




.content-colums-2 { /* detalii - pret-info */
    margin: 0; 
	height: 230px;
	border: 2px solid blue;	
	font-family: Poppins-bold;
    font-size: 22px;	
	text-align: left;
	padding: 0px 20px 0 20px;	
}



.content-col-1 { /* poze */
    margin: auto; 
	width:auto;
	height: auto;  
	border: 0px solid red;
	align-items: flex-start;
    text-align:center;	
}

.content-poza-1
{   
	width: 405px; height: auto;		
}



.content-col-2 { /* detalii */
    margin: 0; 
	width:780px;
	height: auto;  
	border: 0px solid red;
	padding: 0;
}

.content-col-3 { /* detalii - descriere 1/2 */
	width: 400px;
	border: 2px solid pink;	
}


.content-col-4 { /* detalii - descriere 2/2 */
	width: 240px;
	border: 0px solid pink;	
	
}


.content-col-5 { /* detalii - pret */
	font-family: Poppins-bold;
	font-size: 26px;
	background-color: #E2252B;
	border: 0px solid pink;	
	width: 400px;
	height: 77px; 
    color: white;
	line-height: 77px;
	text-align: center;
    margin: auto; 	
	
}

.content-col-6 { /* detalii - descriere */
	padding:  20px 0 0px 0;
	font-family: Poppins-bold;
	font-size: 17px;
	border: 0px solid pink;	
	width: 400px;
	height: auto; 
    color: #1D2228;
	text-align: left;
}

.content-col-7 { /* detalii - descriere2 */
	padding:  10px 0 50px 0;
	font-family: Poppins-regularr;
	font-size: 17px;
	border: 0px solid pink;	
	width: 400px;
	height: 50px; 
    color: #1D2228;
	text-align: left;
	
}


.content-col-8 { /* detalii - infoo */
    margin: 0; 
	width: auto;
	height: auto;  
	border: 0px solid black;	
	text-align: left;
	font-family: Poppins-regularr;
	font-size: 15px;
	padding:  30px 0 0 50px;
	
}

.content-text-2 {
	font-family: Poppins-bold;
    font-size: 20px;
	margin: auto;
	text-align: center;
	padding: 0px 0 70px 0  ;
	border: 0px solid black;	
	color:white;
}


.btn-all-auto-acasa {
	background-color: #30333A;
	width:330px;
	height:79px;
	color: white;
	font-family: Poppins-bold;
    font-size: 25px;
    line-height: 79px;	
	cursor: pointer;
	text-align: center; 
    margin: auto;
	border: 0px solid red;
    border-radius: 25px;	
}

.btn-all-auto-acasa:hover {	
	background-color: #555;
}




@media screen and (max-width: 600px) 
{
	
.content {
	width: 100%;
	height: auto;	
}


.content-container {
    margin: auto; 
	width: 300px;
	height: auto;
	padding: 0;
	margin: auto;
	border: 0px solid red;	
}


.content-colums-1 {
    border: 0px solid #707070;
	width:100%;
	height: auto;
	background-color: #FFFFFF;
    flex-direction: column;
	margin: 0 0 25px 0 ;	

	
}


.content-col-1 { /* poze */
	margin: 0; 	
	padding: 0;
	width: auto;
	height: auto; 
	border: 0px solid red;	
	padding: 20px 20px 0px 20px ;
}


.content-poza-1
{   
	width: 250px; height: auto;		
}

.content-col-2 { /* detalii */
    margin: 0;
	padding: 0;
	width:100%;
	height: auto;
	border: 0px solid green;
}

.content-colums-2 { /* detalii - titlu */
    margin: auto; 
	width:  auto;
	height: auto;  
	border: 0px solid blue;	
	font-family: Poppins-bold;
    font-size: 16px;	
	text-align: center;
	padding: 0 20px 0 20px;
	
}


.content-colums-3 { /* detalii - pret-info */
    margin: 0; 
	padding: 20px;
	width: auto;
	height: auto;  
	border: 0px solid pink;	
}


.content-col-3{ /* detalii - descriere 1/2 */
    margin: 0;
	padding: 0;
	width:auto;
	height: auto;	
}



.content-col-5 { /* detalii - pret */
	font-family: Poppins-bold;
	font-size: 14px;
	border: 0px solid pink;	
	width: 255px;
	height: 39px; 
	line-height: 39px;
	margin: auto;
}

  .content-col-4, .content-col-6, .content-col-7 {
     display: none;
  }
  .content-col-8 {
     display: block;   /* lasi detaliile vizibile */
     padding: 10px;
     font-size: 14px;
  }


.content-text-1 {
	font-family: Poppins-bold;
	font-size: 19px;
    padding: 20px 0 15px 0 ;	
}

.content-text-2 {
	font-family: Poppins-bold;
	font-size: 19px;	
    text-decoration: none;
    padding: 0px 0px 20px 0px ;	
	margin: auto;
	border: 0px solid green;
	width:auto;
	color:white;
}	

.btn-all-auto-acasa {
	width:300px;
	height:50px;
	font-family: Poppins-bold;
    font-size: 20px;
    line-height: 50px;	
	border: 0px solid green;
	margin:auto;
	
}

}



/* despre */
.despre {
	width: 100%;
	height: auto;
	border: 0px solid red;
	background-color: #FFFFFF;		
}

.despre-container {
	width: 1200px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	border: 0px solid red;	
	padding: 0px 0 50px 0  ;
	
}
.despre-text-1 {
	font-family: Poppins-regularr;
    font-size: 34px;
	margin: auto;
	text-align: center;
	padding: 26px 0 50px 0  ;
}

.despre-text-2 {
	font-family: Poppins-regularr;
    font-size: 20px;
	margin: auto;
	text-align: center;
	padding: 15px 0 15px 0  ;
	width:: 470px;
	border: 0px solid red;
	text-align:left;
}

.despre-text-3 {
	font-family: Poppins-regularr;
    font-size: 22px;
	margin: auto;
	text-align: center;
	padding: 15px 0 15px 0  ;
	width:: 470px;
	border: 0px solid red;
	text-align:left;
}

.despre-img-1 {
    padding: 80px 0px 0px 0px;
	width: 96px;
	height: 24px;
	border: 0px solid red;
	display: block;
	margin: auto;	
}

.despre-colums-1 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
    border: 0px solid #707070;
	width:1210px;
	height: auto;
	background-color: #FFFFFF;
	margin: 0 0 70px 0 ;

}

.despre-col-1 { 
    margin: 0; 
	width: 605px;
	height: auto;  
	border: 0px solid red;	
	padding-top: 30px;
}

.despre-col-2 { 
    margin: auto; 
	width: 605px;
	height: auto;  
	border: 0px solid red;
	margin: 0 0 0 95px;
}

.despre-col-3 { 
    margin: 0; 
	width: 605px;
	height: auto;  
	border: 0px solid red;	

}

.despre-col-4 { 
    margin: auto; 
	width: 605px;
	height: auto;  
	border: 0px solid red;
	margin: 0 0 0 95px;
}

.despre-img-2 {
    padding: 0px 0px 0px 0px;
	width: 605px;
	border: 0px solid red;
	margin: 0;	
}


.despre-img-3 {
    padding: 0px 0px 0px 0px;
	width: auto;
	height: auto;
	border: 0px solid red;
	margin: 0;	
}


.despre-img-4 {
    padding: 10px 0px 10px 0px;
	width: auto;
	height: auto;
	border: 0px solid red;
	margin: 0;	
}

.despre-img-5 {
    padding: 0px 0px 0px 0px;
	width: 510px;
	height: auto;
	border: 0px solid red;
	margin: 0 0 0 0;	
	float:right;
	
}



@media screen and (max-width: 600px) 
{
	
.despre {
	width: auto;
	height: auto;
	border: 0px solid red;
}



.despre-container {
    margin: auto; 
	width: 300px;
	height: auto;
	padding: 0;
	margin: auto;
	border: 0px solid red;	
}

.despre-colums-1 {
	border: 0px solid red;	
	width: 100%;
    height: auto;
	display: flex;
	flex-direction: column;
	margin: 0 0 30px 0;
	
}

.despre-img-1 { 
    padding: 30px 0px 0px 0px;
	width: 50px;
	height: 13px;
	border: 0px solid red;
	margin: auto;
}


.despre-text-1 {
	font-family: Poppins-regularr;
    font-size: 20px;
	margin: auto;
	text-align: center;
	padding: 15px 0 20px 0 ;	
}

.despre-text-2 {
	font-family: Poppins-regularr;
    font-size: 16px;
	margin: auto;
	text-align: center;
	padding: 0px 0 10px 0  ;
	width: 300px;
	border: 0px solid red;
	text-align:left;
}

.despre-text-3 {
	font-family: Poppins-regularr;
    font-size: 16px;
	margin: auto;
	text-align: center;
	padding: 0px 0 10px 0  ;
	width: 300px;
	border: 0px solid red;
	text-align:left;
}


.despre-col-1  { 
    margin: 0; 
	width: auto;
	height: auto;  
	border: 0px solid red;
	padding-top: 00px;
}

.despre-col-3  { 
    margin: 0; 
	width: auto;
	height: auto;  
	border: 0px solid red;
	order: 2;
}


.despre-col-2 { 
    margin: auto; 
	width:  auto;
	height: auto;  
	border: 0px solid red;
	margin: 0 0 0 0px;
}

.despre-col-4 { 
    margin: auto; 
	width:  auto;
	height: auto;  
	border: 0px solid red;
	margin: 0 0 0 0px;
	order: 1;
}



.despre-img-2, .despre-img-5 {
    padding: 0px 0px 15px 0px;
	width: 100%;
	height: auto;
	border: 0px solid red;
	margin: 0;	
}

.despre-img-3, .despre-img-4 {
    padding: 15px 0px 15px 0px;
	width: auto;
	height: auto;
	border: 0px solid red;
	margin: auto;	
}

}


.auto-info-list {
  margin-top: 10px;
  font-size: 15px;
}
.auto-info-list li {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap;
}
.auto-info-list i {
  margin-right: 6px;
/*      color: #F4DB7D;        */
  color: #333;
}
@media screen and (max-width:600px) {
  .auto-info-list {
    font-size: 13px;
    text-align: left;
    margin: 0 10px;
  }
}




/*              */
/*   SERVICII   */
/*              */


/* header-servicii */
.header-servicii {
	width: 100%;
	border: 0px solid red;	
	height: 365px;
	background-color: #1D2228;
}

.header-bg-servicii {
    background: transparent url('../img/banner_servicii.png') 50% 50% no-repeat padding-box;
	opacity: 1;
	border: 0px solid red;
	height: 365px;			
}

.header-servicii-container {
	width: 1200px;
	height: auto;
	padding: 0;
	margin: auto;
	border: 0px solid red;	
}

.header-servicii-colums {
	border: 0px solid red;	
	width: 100%;
    height: auto;
}



.header-servicii-text1 {
    padding: 108px 0px 0px 0px;	
	width: 594px;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 38px;
	color:white;
	margin: 0;
}


/* content-servicii-1: sistem rate + sistem buy back*/
.content-servicii-1 {
	width: 100%;
	height: auto;
	border: 0px solid red;
	background-color: #FFFFFF;		
}

.content-servicii-1-colums {
	display: flex;
    border: 0px solid #707070;
	width: 1210px;
	height: auto;
    padding: 80px 0px 80px 0px;	
}

.content-servicii-1-col-1 { 
    margin: 0; 
	width: 605px;
	height: auto;  
	border: 0px solid red;	
}


.content-servicii-1-img-1 { 
    padding: 15px 0px 00px 0px;	
    margin: 0; 
	width: 605px;
	height: auto;
}



.content-servicii-1-col-2 { 
    margin: auto; 
	width: 605px;
	height: auto;  
	border: 0px solid red;
	margin: 0 0 0 95px;
}

.content-servicii-text-1 { 
	font-family: Poppins-bold;
    font-size: 34px;
	padding: 10px 0 10px 0  ;
	width: 510px;
	border: 0px solid red;
	text-align:left;
}

.content-servicii-text-2 { 
	font-family: Poppins-bold;
    font-size: 24px;
	padding: 20px 0 20px 0  ;
	width: 510px;
	border: 0px solid red;
	text-align:left;
}

.content-servicii-text-3 { 
	font-family: Poppins-regularr;
    font-size: 18px;
	padding: 5px 0 5px 0  ;
	width: 520px;
	border: 0px solid red;
	text-align:left;
}

.content-servicii-1-img-linie { 
    margin: 0; 
	border: 0px solid red;
	padding: 15px 0 20px 0  ;
}


/* content-servicii-2  -  garantie*/
.content-servicii-2 {
	width: 100%;
	height: auto;
	border: 0px solid red;
	background-color: #F0F2F5;		
}

.content-servicii-2-colums {
	display: flex;
    border: 0px solid #707070;
	width: 800px;
	height: auto;
    padding: 80px 0px 80px 0px;	
    margin: auto; 
	
}

.content-servicii-2-col-1 { 
    margin: auto; 
	width: 305px;
	height: auto;  
	border: 0px solid red;
	
}

.content-servicii-2-col-2 { 
    margin: auto; 
	width: 100%;
	height: auto;  
	border: 0px solid red;	
    padding: 0px 0 0 48px;	
}


/* content-servicii-3  -  detailing*/
.content-servicii-3 {
	width: 100%;
	height: auto;
	border: 0px solid red;
	background-color: #F0F2F5;	
    padding: 0px 0px 80 0px;	
	
}


.content-servicii-3-colums {
	display: flex;
    border: 0px solid #707070;
	width: 1210px;
	height: auto;
    padding: 80px 0px 0 0px;	
}

.content-servicii-3-col-1, .content-servicii-3-col-2{ 
    margin: 0; 
	width: 600px;
	height: auto;  
	border: 0px solid red;	
}

.content-servicii-3-col-2-img-1, .content-servicii-3-col-2-img-2
{
	width: 99%;
}


.content-servicii-3-col-3 { 
    margin: 0; 
	width: 600px;
	height: auto;  
	border: 0px solid red;	
	
}

.content-servicii-3-col-4 { 
    margin: 0; 
	width: 600px;
	height: auto;  
	border: 0px solid red;	
	margin: 0 0 0 95px;
}


.content-servicii-text-4 { 
	font-family: Poppins-regularr;
    font-size: 24px;
	padding: 5px 0 20px 0  ;
	border: 0px solid red;
	text-align:left;
}


.content-servicii-col-5{	
	padding: 5px 0 5px 0;
	font-family: Poppins-regularr;
    font-size: 16px;
	width: 510px;
	border: 0px solid red;
	text-align:left;	
}

.btn-suna {
	background-color: #6987F6;
	width:330px;
	height:79px;
	color: white;
	font-family: Poppins-bold;
    font-size: 25px;
    line-height: 79px;	
	cursor: pointer;
	text-align: center; 
    margin: auto;
	border: 0px solid red;
    border-radius: 15px;	
}



@media screen and (max-width: 600px) 
{
/* header-servicii */
.header-servicii {
	height: 199px;
}

.header-bg-servicii {
    background: transparent url('../img/banner_servicii_mobil.png') ;
	height: 199px;	
    background-repeat: no-repeat;
    background-size: 100% 100%;		
}

.header-servicii-container {
    margin: auto; 
	width: 300px;
	height: auto;
	padding: 0;
	margin: auto;
	border: 0px solid red;	
}

.header-servicii-colums {
	border: 0px solid red;	
	width: 100%;
    height: auto;
}



.header-servicii-text1 {
    padding: 65px 0 0 0;	
	width: 240px;
	height: auto;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 18px;
	text-align: center;
	margin: auto;
}


/* content-servicii-1: sistem rate + sistem buy back*/
.content-servicii-1 {
	width: 100%;
	height: auto;
	border: 0px solid red;
	background-color: #FFFFFF;		
}

.content-servicii-1-colums {
    border: 0px solid #707070;
	width: 100%;
	height: auto;
    padding: 50px 0px 50px 0px;
    flex-direction: column;	
}

.content-servicii-1-col-1 { 
    margin: 0; 
	width: 100%;
	height: auto;  
	border: 0px solid red;	
	order: 2;
	padding: 0 0 0px 0px;
	
}


.content-servicii-1-img-1 { 
    margin: 0; 
	width: 300px;
}



.content-servicii-1-col-2 { 
    margin: auto; 
	width: 100%;
	height: auto;  
	border: 0px solid red;
	margin: 0 0 0 0px;
	padding: 0 0 15px 0px;
	order: 1;
}

.content-servicii-text-1 { 
	font-family: Poppins-bold;
    font-size: 28px;
	padding: 0px 0 10px 0  ;
	width: 100%;
	border: 0px solid red;
	text-align:left;
}

.content-servicii-text-2 { 
	font-family: Poppins-bold;
    font-size: 20px;
	padding: 15px 0 15px 0  ;
	width: 100%;
	border: 0px solid red;
	text-align:left;
}

.content-servicii-text-3 { 
	font-family: Poppins-regularr;
    font-size: 16px;
	padding: 5px 0 5px 0  ;
	width: 300px;
	border: 0px solid red;
	text-align:left;
}

.content-servicii-1-img-linie { 
    margin: 0; 
	border: 0px solid red;
	padding: 10px 0 10px 0  ;
}


/* content-servicii-2  -  garantie*/
.content-servicii-2 {
	width: 100%;
	height: auto;
	border: 0px solid red;
	background-color: #F0F2F5;		
}

.content-servicii-2-colums {
    border: 0px solid #707070;
	width: 100%;
	height: auto;
    padding: 30px 0px 30px 0px;	
    margin: auto; 
    flex-direction: column;
	
}

.content-servicii-2-col-1 { 
    margin: auto; 
	width: 180px;
	height: auto;  
	border: 0px solid red;
    padding: 0px 0px 10px 0px;	
}

.content-servicii-2-col-2 { 
    margin: auto; 
	width: 100%;
	height: auto;  
	border: 0px solid red;	
    padding: 0px 0 0 0px;	
}


/* content-servicii-3  -  detailing*/
.content-servicii-3 {
	width: 100%;
	height: auto;
	border: 0px solid red;
	background-color: #F0F2F5;	
    padding: 0px 0px 0px 0px;	
	
}


.content-servicii-3-colums {
    flex-direction: column;
    border: 0px solid #707070;
	width: 100%;
	height: auto;
    padding: 30px 0px 0px 0px;	
}

.content-servicii-3-col-1, .content-servicii-3-col-2{ 
    margin: 0; 
	width: 100%;
	height: auto;  
	border: 0px solid red;	
}

.content-servicii-3-col-2-img-1
{
    margin: 0; 
	width: 300px;
	padding: 20px 0 0 0;
}


.content-servicii-3-col-3 { 
	display:none;	
}

.content-servicii-3-col-4 { 
    margin: 0; 
	width: 100%;
	height: auto;  
	border: 0px solid red;	
	margin: 0 0 0 0px;
    padding: 20px 0px 30px 0px;		
}


.content-servicii-text-4 { 
	font-family: Poppins-regularr;
    font-size: 24px;
	padding: 10px 0 10px 0  ;
	border: 0px solid red;
	text-align:left;	
}


.content-servicii-col-5{	
	padding: 10px 0 2px 0;
	font-family: Poppins-regularr;
    font-size: 16px;
	width: 100%;
	border: 0px solid red;
	text-align:left;	
}

.btn-suna {
	width:100%;
	height:70px;
	font-family: Poppins-bold;
    font-size: 22px;
    line-height: 70px;	
}	
	
}





/*              */
/*   CONTACT   */
/*              */


/* header-contact */
.header-contact {
	width: 100%;
	border: 0px solid red;	
	height: 365px;
	background-color: #1D2228;
}

.header-bg-contact {
    background: transparent url('../img/banner_contact.png') 50% 50% no-repeat padding-box;
	opacity: 1;
	border: 0px solid red;
	height: 365px;			
}

.header-contact-container {
	width: 1200px;
	height: auto;
	padding: 0;
	margin: auto;
	border: 0px solid red;	
}

.header-contact-colums {
	border: 0px solid red;	
	width: 100%;
    height: auto;
}


.header-contact-text1 {
    padding: 108px 0px 0px 0px;	
	width: 594px;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 38px;
	color:white;
	margin: 0;
}


/*content*/
.content-contact {
	width: 100%;
	height: auto;
	border: 0px solid red;	
}


.content-contact-col-1 { 
    margin: auto; 
	width: 280px;
	height: auto;  
	border: 0px solid red;	
	display: flex;
	
}


.content-contact-img-1 { 
    margin: 0; 
	width: 266px;
	height: 219px;
}

.content-contact-col-2 { 
    margin: 0; 
	padding: 0px 30px 0px 30px ;	
	width: 500px;
	height: auto;  
	border: 0px solid red;	
}

.content-contact-text-1 { 
	font-family: Poppins-bold;
    font-size: 34px;
	padding: 0px 0 10px 0  ;
	width: 348px;
	border: 0px solid red;
	text-align:left;	
}

.content-contact-text-2 { 
	font-family: Poppins-bold;
    font-size: 24px;
	padding: 10px 0 10px 0  ;
	width: 386px;
	border: 0px solid red;
	text-align:left;
}

.content-contact-img-linie { 
    margin: 0; 
	border: 0px solid red;
	padding: 15px 0 20px 0  ;
}

.content-contact-text-3 { 
	font-family: Poppins-regularr;
    font-size: 18px;
	padding: 5px 0 5px 0  ;
	width: 470px;
	border: 0px solid red;
	text-align:left;	
}


.content-contact-col-3 { 
    margin: 0; 
	width: 420px;
	height: auto;  
	border: 0px solid red;	
}

.content-contact-img-2 { 
	padding: 5px 0 0px 0  ;
    margin: 0; 
	width: 420px;
}

.content-contact-col-4 { 
    margin: auto; 
	width: auto;
	height: auto;  
	border: 0px solid red;	
}

.content-contact-text-4 { 
	font-family: Poppins-SemiBoldItalic;
    font-size: 18px;
	padding: 0px 0 20px 0  ;
	width: 390px;
	border: 0px solid red;
	text-align:center;	
	margin: auto;
}

.btn-suna-contact {
	background-color: #6987F6;
	width:330px;
	height:79px;
	color: white;
	font-family: Poppins-bold;
    font-size: 25px;
    line-height: 79px;	
	cursor: pointer;
	text-align: center; 
    margin: auto;
	border: 0px solid red;
    border-radius: 25px;	
}


.btn-suna-contact:hover {	
	background-color: #4e65ba;
}

.btn-map-contact {
	background-color: #30333A;
	width:330px;
	height:79px;
	color: white;
	font-family: Poppins-bold;
    font-size: 25px;
    line-height: 79px;	
	cursor: pointer;
	text-align: center; 
    margin: auto;
	border: 0px solid red;
    border-radius: 25px;	
}

.btn-map-contact:hover {	
	background-color: #555;
}


@media screen and (max-width: 600px) 
{
/* header-contact */
.header-contact {
	height: 199px;

}

.header-bg-contact {
    background: transparent url('../img/banner_contact_mobil.png') ;
	height: 199px;	
    background-repeat: no-repeat;
    background-size: 100% 100%;	

	
}

.header-contact-container {
	width: 100%;
	padding: 0;
	margin: auto;
	border: 0px solid red;	
}

.header-contact-colums {
	border: 0px solid red;	
	width: 100%;
    height: auto;
}


.header-contact-text1 {
    padding: 70px 0 0 0;	
	width: 300px;
	height: auto;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 20px;
	text-align: center;
	margin: auto;
}


.content-contact {
	width: 100%;
	height: auto;
}


.content-contact-col-1 { 
    margin: auto; 
	width: 180px;
	height: auto;  
	border: 0px solid red;	
}


.content-contact-img-1 { 
    margin: 0; 
	width: 180px;
	height: auto;
}

.content-contact-col-2 { 
    margin: 0; 
	padding: 50px 0 50px 0 ;	
	width: auto;
	height: auto;  
	border: 0px solid red;	
}

.content-contact-text-1 { 
	font-family: Poppins-bold;
    font-size: 28px;
	padding: 0px 0 10px 0  ;
	width: 100%;
	border: 0px solid red;
	text-align:left;	
}

.content-contact-text-2 { 
	font-family: Poppins-bold;
    font-size: 20px;
	padding: 10px 0 10px 0  ;
	width: 100%;
	border: 0px solid red;
	text-align:left;
}

.content-contact-img-linie { 
    margin: 0; 
	border: 0px solid red;
	padding: 15px 0 20px 0  ;
}

.content-contact-text-3 { 
	font-family: Poppins-regularr;
    font-size: 18px;
	padding: 5px 0 5px 0  ;
	width: 100%;
	border: 0px solid red;
	text-align:left;	
}


.content-contact-col-3 { 
    margin: auto; 
	width: 100%;
	height: auto;  
	border: 0px solid red;	
}

.content-contact-img-2 { 
	padding: 0px 0 0px 0  ;

    margin: auto; 
	width: 300px;
	height: auto;
}

.content-contact-col-4 { 
    margin: auto; 
	width: auto;
	height: auto;  
	border: 0px solid red;	
	padding-top: 20px;
	padding-bottom: 20px;
}

.content-contact-text-4 { 
	font-family: Poppins-SemiBoldItalic;
    font-size: 18px;
	padding: 0px 0 20px 0  ;
	width: auto;
	border: 0px solid red;
	text-align:center;	
	margin: auto;
}

.btn-suna-contact {

	width:300px;
	height:50px;
	color: white;
	font-family: Poppins-bold;
    font-size: 20px;
    line-height: 50px;		
}



.btn-map-contact {
	width:300px;
	height:50px;
	font-family: Poppins-bold;
    font-size: 20px;
    line-height: 50px;	
}


}






/*              */
/*   DESPRE   */
/*              */



/* header-despre */
.header-despre {
	width: 100%;
	border: 0px solid red;	
	height: 365px;
	background-color: #1D2228;
}

.header-bg-despre {
    background: transparent url('../img/banner_despre.png') 50% 50% no-repeat padding-box;
	opacity: 1;
	border: 0px solid red;
	height: 365px;			
}

.header-despre-container {
	width: 1200px;
	height: auto;
	padding: 0;
	margin: auto;
	border: 0px solid red;	
}

.header-despre-colums {
	border: 0px solid red;	
	width: 100%;
    height: auto;
}


.header-despre-text1 {
    padding:90px 0px 0px 0px;	
	width: 594px;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 38px;
	color:white;
	margin: 0;
}

.header-despre-text2 {
	width: 594px;
	display: flex;
	flex-direction: row;	
	border: 0px solid red;	
}


.header-despre-text2-txt {
	width: auto;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 38px;
	color:white;
	margin: 0;
    padding: 0px 15px 0px 0px;
	
}


.header-despre-text2-img {
    padding: 7px 0px 0px 0px;
	width: 120px;
	border: 0px solid red;
	display: block;
	margin: auto;	
}


/*content*/
.content-despre {
	width: 100%;
	height: auto;
	border: 0px solid red;	
	padding: 0px 0px 0px 0px ;	
}



.content-3-despre-colums {
	display: flex;
    border: 0px solid #707070;
	width: 800px;
	height: auto;
    margin: auto; 
}


.content-4-despre-colums {
	display: flex;
    border: 0px solid #707070;
	width: 1200px;
	height: auto;
    margin: auto; 
	padding: 30px 0px 0px 0px ;	
	
}

.content-despre-col-1 { 
    margin: auto; 
	width: 605px;
	height: auto; 
	border: 0px solid red;	
	
}


.content-despre-img-1 { 
    margin: 0; 
	width: 605px;
	height: auto;
}

.content-despre-col-2 { 
    margin: 0; 
	padding: 0px 0px 0px 100px ;	
	width: 605px;
	height: auto;  
	border: 0px solid red;	
}

.content-despre-text-1 { 
	font-family: Poppins-bold;
    font-size: 34px;
	padding: 10px 0 10px 0  ;
	width: 358px;
	border: 0px solid red;
	text-align:left;	
}

.content-despre-text-2 { 
	font-family: Poppins-bold;
    font-size: 24px;
	padding: 10px 0 10px 0  ;
	width: 386px;
	border: 0px solid red;
	text-align:left;
}

.content-despre-img-linie { 
    margin: 0; 
	border: 0px solid red;
	padding: 15px 0 20px 0  ;
}

.content-despre-text-3 { 
	font-family: Poppins-regularr;
    font-size: 18px;
	padding: 5px 0 5px 0  ;
	width: 525px;
	border: 0px solid red;
	text-align:left;	
}

.content-despre-text-4 { 
	font-family: Poppins-bold;
    font-size: 24px;
	padding: 10px 0 10px 0  ;
	width: 502px;
	border: 0px solid red;
	text-align:left;
}

.content-despre-text-5 { 
	font-family: Poppins-bold;
    font-size: 34px;
	width: auto;
	border: 0px solid red;
	text-align:center;
	margin:auto;
	padding: 70px 0 50px 0  ;
}


.content-despre-text-6 { 
	font-family: Poppins-bold;
    font-size: 24px;
	padding: 0px  0px 0 40px ;
	width: 525px;
	border: 0px solid red;
	text-align:left;
}

.content-despre-text-7 { 
	font-family: Poppins-regularr;
	padding: 10px 0 40px 40px  ;
    font-size: 18px;
	width: 640px;
	border: 0px solid red;
	text-align:left;	
}




.content-despre-col-3 { 
    margin: 0; 
	padding: 0px 100px 0px 0px ;	
	width: 605px;
	height: auto;  
	border: 0px solid red;				
}


.content-despre-col-4 { 
    margin: auto; 
	width: 605px;
	height: auto;  
	border: px solid red;	
}

.content-despre-col-5 { 
    margin: auto; 
	width: 305px;
	height: auto;  
	border: 0px solid red;
}

.content-despre-col-6 { 
    margin: auto; 
    padding: 0px 0 0 48px;	
	width: 100%;
	height: auto;  
	border: 0px solid red;	
}

.content-despre-col-7 { 
    margin: 0; 
    padding: 0px 0 0 0px;	
	width: 720px;
	height: auto;  
	border: 0px solid red;	
}

.content-despre-col-8 { 
    margin: 0;
    display:flex;	
    padding: 0px 0 0 0px;	
	width: 100%;
	height: auto;  
	border: 0px solid red;	
}

.content-despre-col-9 { 
    margin: 0; 
    padding: 0px 0 0 0px;	
	width: 54px;
	height: 48px;  
	border: 0px solid red;	
}


.content-despre-col-10 { 
    margin: 0; 
    padding: 0px 0 0 0px;	
	width: 680px;
	height: auto;  
	border: 0px solid red;	
}

.content-despre-col-11 { 
    margin: 0; 
    padding: 0px 0 0 60px;	
	width: 420px;
	height: auto;  
	border: 0px solid red;	
}



@media screen and (max-width: 600px) 
{
/* header-despre */
.header-despre {
	height: 199px;	
}

.header-bg-despre {
    background: transparent url('../img/banner_despre_mobil.png') ;
	height: 199px;	
    background-repeat: no-repeat;
    background-size: 100% 100%;			
}

.header-despre-container {
	width: 100%;
	padding: 0;
	margin: auto;
	border: 0px solid red;	
}

.header-despre-colums {
	border: 0px solid red;	
	width: 100%;
    height: auto;
}


.header-despre-text1 {
    padding: 55px 0 0 0;	
	width: 300px;
	height: auto;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 20px;
	text-align: center;
	margin: auto;
}

.header-despre-text2 {
	width: 300px;
	display: flex;
	flex-direction: row;	
	border: 0px solid red;	
	text-align: center;
	margin: auto;	
}


.header-despre-text2-txt {
	width: auto;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 20px;
	color:white;
	margin: 0;
    padding: 0px 5px 0px 80px;
	
}


.header-despre-text2-img {
    padding: 0px 0px 0px 0px;
	width: 75px;
	border: 0px solid red;
	display: block;
	margin: auto;	
}



/*content*/
.content-despre {
	width: 100%;
	height: auto;	
}



.content-despre-col-1 { 
    margin: auto; 
	width: 100%;
	height: auto; 
	border: 0px solid red;	
	
}


.content-despre-img-1 { 
    margin: 0; 
	width: 300px;
	height: auto;
	padding: 20px 0px 0px 0px ;	
}

.content-despre-img-2 { 
    margin: auto; 
	width: 180px;
	height: auto;
	padding: 0px ;	
	border: 0px solid red;	
}



.content-despre-img-3 { 
    margin: 0; 
	width: 280px;
	height: auto;
	padding: 10px ;	
	border: 0px solid red;	
}

.content-despre-img-4 { 
    margin: 0; 
	width: 280px;
	height: auto;
	padding: 10px 10px 50px 10px ;	
	border: 0px solid red;	
}

.content-despre-col-2 { 
    margin: 0; 
	padding: 10px 0px 0px 0px ;	
	width: auto;
	height: auto;  
	border: 0px solid red;	
}

.content-despre-text-1 { 
	font-family: Poppins-bold;
    font-size: 25px;
	padding: 10px 0 10px 0  ;
	width: auto;
	border: 0px solid red;
	text-align:left;	
}

.content-despre-text-2 { 
	font-family: Poppins-bold;
    font-size: 20px;
	padding: 10px 0 10px 0  ;
	width: auto;
	border: 0px solid red;
	text-align:left;
}

.content-despre-img-linie { 
    margin: 0; 
	border: 0px solid red;
	padding: 15px 0 20px 0  ;
}

.content-despre-text-3 { 
	font-family: Poppins-regularr;
    font-size: 18px;
	padding: 5px 0 5px 0  ;
	width: auto;
	border: 0px solid red;
	text-align:left;	
}


.content-despre-text-4 { 
	font-family: Poppins-bold;
    font-size: 20px;
	padding: 10px 0 10px 0  ;
	width: auto;
	border: 0px solid red;
	text-align:left;
}

.content-despre-text-5 { 
	font-family: Poppins-bold;
    font-size: 25px;
	width: auto;
	border: 0px solid red;
	text-align:center;
	margin:auto;
	padding: 50px 0 0px 0  ;
}


.content-despre-text-6 { 
	font-family: Poppins-bold;
    font-size: 20px;
	padding: 0px ;
	width: auto;
	border: 0px solid red;
	text-align:left;
}

.content-despre-text-7 { 
	font-family: Poppins-regularr;
	padding: 10px 0 30px 0px  ;
    font-size: 18px;
	width: auto;
	border: 0px solid red;
	text-align:left;	
}


.content-despre-col-3 { 
    margin: 0; 
	padding: 0px 10px 0px 0px ;	
	width: 100%;
	height: auto;  
	border: 0px solid red;				
}


.content-despre-col-4 { 
    margin: auto; 
	width: 100%;
	height: auto;  
	border: 0px solid red;	
}

.content-despre-col-5 { 
    padding: 0 0 20px 0; 
    margin: auto; 
	width: 180px;
	height: auto;  
	border: 0px solid red;
}

.content-despre-col-6 { 
    margin: auto; 
    padding: 0px 0 0 0px;	
	width: 100%;
	height: auto;  
	border: 0px solid red;	
}

.content-despre-col-7 { 
    margin: 0; 
    padding: 0px 0 0 0px;	
	width: 100%;
	height: auto;  
	border: 0px solid red;	
}

.content-despre-col-8 { 
    margin: 0;
	display: flex;
	flex-direction: column;
    padding: 0px 0 0 0px;	
	width: 100%;
	height: auto;  
	border: 0px solid red;	
}

.content-despre-col-9 { 
    margin: 0; 
    padding: 10px 0 10px 0px;	
	width: 54px;
	height: 48px;  
	border: 0px solid red;	
}


.content-despre-col-10 { 
    margin: 0; 
    padding: 0px 0 0 0px;	
	width: 100%;
	height: auto;  
	border: 0px solid red;	
}

.content-despre-col-11 { 
    margin: 0; 
    padding: 0px 0 0 0px;	
	width: auto;
	height: auto;  
	border: 0px solid red;	
}	

.content-3-despre-colums {
	display: flex;
	flex-direction: column;	
    border: 0px solid #707070;
	width: auto;
	height: auto;
    margin: auto; 
}


.content-4-despre-colums {
	display: flex;
	flex-direction: column;	
    border: 0px solid #707070;
	width: 100%;
	height: auto;
    margin: auto; 
	padding: 30px 0px 0px 0px ;	
	
}
}










/*                        */
/*   CONTACT - BOX   */
/*             			 */


/* contact */
.contact {
	width: 100%;
	height: auto;
	border: 0px solid red;
	background-color: #F0F2F5;		
}

.contact-container {
	width: 900px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	border: 0px solid red;	
	padding: 100px 0 100px 0  ;
	
}

.contact-text-1 {
	font-family: Poppins-bold;
    font-size: 34px;
	margin: auto;
	text-align: center;
	padding: 0px 0 70px 0 ;	
}

.contact-colums-1 {
	width:900px;
    height: 500px;
	margin: auto;
	border: 0px solid red;
	display: inline-block;
    border: 1px solid #1D2228;
}


@media screen and (max-width: 600px) 
{
	
.contact {
	width: auto;
	height: auto;
	border: 0px solid red;
	padding: 0 0 50px 0  ;	
	
}



.contact-container {
    margin: auto; 
	width: 300px;
	height: auto;
	padding: 0;
	margin: auto;
	border: 0px solid red;	
}

.contact-colums-1 {
	border: 0px solid red;	
	width: 100%;
    height: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;	
}

.contact-text-1 {
	font-family: Poppins-bold;
    font-size: 22px;
	margin: auto;
	text-align: center;
	padding: 30px 0 30px 0  ;	
	border: 0px solid red;	
	
}

}



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

/* footer */
.footer {
	width: 100%;
	height: auto;
	border: 0px solid red;
	background-color: #1D2228;		
}

.footer-container {
	width: 1210px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	border: 0px solid red;	
	padding: 70px 0 70px 0  ;
}


.footer-colums {
	display: flex;
    border: 0px solid red;
	width:1210px;
	height: auto;
}

.footer-col-01 {
    padding: 70px 30px 60px 00px;	
    font-family: Poppins-bold;
    font-size: 28px;
    width: 300px;
    border: 0px solid red;	
    text-align:left;
	color:white;
}

.footer-col-02 {
    padding: 0px 0px 60px 0px;
    width: auto;
	
}

.footer-col-1 {
    margin: 0 0 0 0; 
	width:400px;
	height: auto;  
    text-align:left;
    border: 0px solid white;	
}


.footer-col-2 {
    margin: 0 0 0 0; 
	width:800px;
	height: auto;  
    text-align:left;
    border: 0px solid white;	
    padding: 30px 0px 0px 0px;	
	font-family: Poppins-regularr;
	font-size: 16px;
	color:white;
	
}


.footer-col-3 { /* contact */
    margin: auto; 
	width:500px;
	height: auto; 
    border: 0px solid white;	
    text-align:left;
    padding: 30px 0px 0px 0px;	
	
}

.footer-text-3 {
    padding: 30px 0px 20px 0px;	
	font-family: Poppins-bold;
	font-size: 22px;
	color:white;
    margin: auto; 
	width:500px;
	height: auto;  
	border: 0px solid red;
}

.footer-col-3-content{	
	border: 0px solid white;
	color: #FFFFFF;
	align-items:center;
	padding: 10px 0 15px 0;
    font-family: Poppins-light;
	font-size: 16px;
	display: flex;
	
}


.footer-col-4 {
    margin: auto; 
	width:600px;
	height: 200px;  
    text-align:left;
    border: 0px solid white;	
    padding: 0px 0px 00px 0px;	
	
}

.footer-text-4-1 {
    padding: 30px 0px 20px 0px;	
	font-family: Poppins-bold;
	font-size: 22px;
	color:white;
    margin: 0;   
	border: 0px solid red;
}

.footer-text-4-2 {
    padding: 0px 0px 20px 0px;	
	font-family: Poppins-light;
	font-size: 16px;
	color:white;
    margin: 0;  
	border: 0px solid red;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li::before {
 color: #F4DB7D;
}


.footer-col-5 {
    margin: auto; 
	width:400px;
	height: 200px;  
    text-align:left;
    border: 0px solid white;	
}

.footer-text-5-1 {
    padding: 30px 0px 20px 0px;	
	font-family: Poppins-bold;
	font-size: 22px;
	color:white;
    margin: 0;   
	border: 0px solid red;
}

.footer-text-5-2 {
    padding: 0px 0px 20px 0px;	
	font-family: Poppins-light;
	font-size: 16px;
	color:white;
    margin: 0;  
	border: 0px solid red;
}


@media screen and (max-width: 600px) 
{
	
.footer {
	width: 100%;
	height: auto;
	border: 0px solid red;
	
}



.footer-container {
	width: 300px;
	height: auto;
	padding: 0;
	margin: auto;
	border: 0px solid red;	
	padding: 0 0 15px 0  ;	
	
}

.footer-colums {
	border: 0px solid red;	
	width: 300px;
    height: auto;
	flex-direction: column;	
}


.footer-col-01 {
	width: 300px;
    padding: 30px 0px 30px 0px;	
    font-size: 22px;
    border: 0px solid red;	
    text-align:center;
}

.footer-col-02 {
    padding: 0px 0px 50px 0px;
    width: auto;
	
}


.footer-col-0 {
	width: 300px;
    padding: 30px 0px 00px 0px;	
}

.footer-col-2, .footer-col-3, .footer-col-5
{
   	width: 300px;
    border: 0px solid red;	

}


.footer-col-1, .footer-col-4
{
   display: none;	
}

.footer-text-3 {
    padding: 40px 0px 10px 0px;	
	font-family: Poppins-bold;
	font-size: 18px;
   	width: 300px;
    border: 0px solid red;		
}

.footer-col-3-content{	
	padding: 10px 0 10px 0;
    font-family: Poppins-light;
	font-size: 16px;
}


.footer-text-5-1 {
    padding: 50px 0px 10px 0px;	
	font-family: Poppins-bold;
	font-size: 18px;
}

.footer-text-5-2 {
    padding: 0px 0px 10px 0px;	
	font-family: Poppins-light;
	font-size: 16px;
}
}




/*           */
/*   AUTO    */
/*           */


/* header-auto */
.header-auto {
	width: 100%;
	border: 0px solid red;	
	height: 365px;
	background-color: #1D2228;
}

.header-bg-auto {
    background: transparent url('../img/banner_auto.png') 50% 50% no-repeat padding-box;
	opacity: 1;
	border: 0px solid red;
	height: 365px;			
}



.header-auto-text1 {
    padding: 85px 0px 0px 0px;	
	width: auto;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 38px;
	color:white;
	margin: 0;
}


.header-auto-text2 {
	width: 594px;
	display: flex;
	flex-direction: row;	
	border: 0px solid red;	
}


.header-auto-text2-txt {
	width: auto;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 38px;
	color:white;
	margin: 0;
    padding: 0px 15px 0px 0px;
	
}


.header-auto-text2-img {
    padding: 7px 0px 0px 0px;
	width: 120px;
	border: 0px solid red;
	display: block;
	margin: auto;	
}


/* content-auto */
.content-auto {
	width: 100%;
	height: auto;
	border: 0px solid red;	
	padding: 50px 0px 50px 0px ;
	background-color: #F0F2F5;	
}




.content-auto-text-1 {
    padding: 10px 0px 50px 0px;	
	width: auto;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 34px;
	color:#1D2228;
	margin: auto;
    text-align: center;
}


.auto-filters-wrapper {
  display: flex;
  justify-content: center;
}

.form-inner {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}


.auto-select,
.cauta-input-mic {
    width: 100%;
    max-width: 300px;
}

.auto-filters {
    display: flex;
    flex-wrap: wrap; /* Permite să treacă pe rânduri când spațiul nu e suficient */
    justify-content: center; /* Centrează orizontal */
    align-items: center; /* Opțional, dacă ai elemente cu înălțimi diferite */
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

@media (max-width: 768px) {
    .auto-filters {
        flex-direction: column;
        align-items: stretch;
    }

    .auto-filters select,
    .auto-filters input[type="number"] {
        width: 100%;
    }
}




.auto-box-main {
    max-width: 1200px;  /* cât are gridul */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.auto-masini{
	width: 800px;
	border: 0px solid blue;
	padding: 0px 0px 10px 0px;
}

.auto-masini-individual{
	width: 800px;
	border: 0px solid #1D2228;
	display:flex;
	margin-bottom: 30px;
	background-color:white;
}

.auto-cauta-main{
	position: relative;
}

.auto-cauta{
	width: 350px;
	border: 0px solid red;
	background-color:#F4DB7D;
	padding: 21px 30px 21px 30px;
    text-align:center;	
}

.auto-cauta-admin{
	width: 350px;
	height: 930px;
	border: 0px solid red;
	background-color:#F4DB7D;
	padding: 21px 30px 21px 30px;
    text-align:center;	
}

.auto-btn {
	background-color: #30333A;
	width:334px;
	height:67px;
	color: white;
	font-family: Poppins-bold;
    font-size: 20px;
	cursor: pointer;
	text-align: center; 
    margin: auto;
	border: 0px solid red;
}

.auto-text-1 {
    padding: 0px 0px 0px 7px;	
	width: 88px;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 26px;
	color:#1D2228;
    text-align: left;
}

.auto-select{
	width:	334px;
	height: 57px; 
	border: 1px solid #c6d880;
	font-family: Poppins-medium;
	font-size: 16px;
	color: #919191;
    background: url('../img/down-arrow.png') no-repeat right #FFFFFF;
    background-position-x: 300px;	
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	padding: 10px;
	margin-top: 15px;	
	margin-bottom: 15px;	
}

.auto-foto{
	width: 380px;
	border: 0px solid red;
	padding: 25px;
    height: auto;	
}

.auto-poza-initiala{
	width: 380px; height: auto;		
}



.auto-info-text-1 { /* title */
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 28px;
    padding: 0px 0px 0px 0px;	
}

.auto-info-text-2 { /* an */
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-medium;
	font-size: 16px;
    padding: 3px 0px 3px 0px;	

}

.auto-info-text-3 { /* descriere */
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-regularr;
	font-size: 17px;
	height: 105px;	
    padding: 15px 0px 10px 0px;	

}

.auto-info-text-4 {/* rate */
	font-family: Poppins-medium;
	font-size: 18px;
	width: 100%;
	border: 0px solid red;
    padding: 5px 0px 10px 0px;	
	
}

.auto-info-text-5 {/* pret */
	font-family: Poppins-bold;
	font-size: 22px;
	background-color: #E2252B;
	border: 0px solid black;	
    color: white;
	line-height: 55px;
	text-align: center;
    margin: auto auto 0 auto; 	
}

.mesaj_info{
    width: auto; 	
    border-left: 5px solid #1D2228;
	padding: 5px 10px;
	text-align: left;
    color:#1D2228;
    background-color:#F4DB7D;
	margin-bottom: 20px;	
}

.text_ok{
    color:#1D2228;
	font-style: italic;
}

.text_nok{
    color:#1D2228;
	font-style: italic;
}




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

{
	
.header-auto {
	height: 199px;	
}

.header-bg-auto {
    background: transparent url('../img/banner_auto_mobile.png') ;
	height: 199px;	
    background-repeat: no-repeat;
    background-size: 100% 100%;					
}



.header-auto-text1 {
    padding: 50px 0 0 0;	
	width: 300px;
	height: auto;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 20px;
	text-align: center;
	margin: auto;
}


.header-auto-text2 {
	width: auto;
	display: flex;
	flex-direction: row;	
	border: 0px solid red;	
}


.header-auto-text2-txt {
	width: auto;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 20px;
	color:white;
	text-align: center;
	margin: 0;
    padding: 0px 15px 0px 80px;
	
}


.header-auto-text2-img {
    padding: 3px 0px 0px 0px;
	width: 70px;
	border: 0px solid red;
	display: block;
	margin: auto;	
}


/* content-auto */
.content-auto {
	width: 100%;
	height: auto;
	border: 0px solid red;	
	padding: 30px 0px 30px 0px ;
	background-color: #F0F2F5;	
}


.content-auto-text-1 {
    padding: 0px 0px 30px 0px;	
	width: auto;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 20px;
	color:#1D2228;
	margin: auto;
    text-align: center;
}


.auto-box-main{
	width: 100%;
	border: 0px solid red;
	flex-direction: column;	
}



.auto-cauta{
	width: auto;
	height: auto;
	border: 0px solid red;
	background-color:#F4DB7D;
	padding: 15px;
}

.auto-text-1 {
    padding: 0px 0px 0px 0px;	
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 20px;
	color:#1D2228;
    text-align: center;
}

.auto-select{
	width:	250px;
	height: 40px; 
	border: 1px solid #c6d880;
	font-family: Poppins-medium;
	font-size: 13px;
    background: url('../img/down-arrow.png') no-repeat right #FFFFFF;
    background-position-x: 225px;	
    background-size: 13px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
	margin-top: 7px;	
	margin-bottom: 7px;	
}

.auto-btn {
	width:250px;
	height:45px;
	font-family: Poppins-bold;
    font-size: 16px;
    margin: auto;
	border: 0px solid red;
}



.auto-masini{
	width: 100%;
	border: 0px solid blue;
	padding: 30px 0px 0px 0px;
	order: 2;
}


.mesaj_info{
    width: auto; 	
	margin-bottom: 20px;	
}


.auto-masini-individual{
	width: 100%;
	border: 0px solid #1D2228;
	flex-direction: column;	
	margin-bottom: 30px;
	background-color:white;
}



.auto-foto{
	width: auto;
	border: 0px solid red;
	padding: 20px 20px 10px 20px;
	height: auto;
}

.auto-poza-initiala{
	width: 255px; height: auto;		
}

.auto-info{
	width: auto;
	border: 0px solid red;
	padding: 0px 20px 20px 20px;
}


.auto-info-text-1 { /* title */
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 20px;
    padding: 5px 0px 5px 0px;	
	text-align: center;
}

.auto-info-text-2 { /* an */
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-medium;
	font-size: 14px;
    padding: 0px 0px 10px 0px;	

}

.auto-info-text-3 { /* descriere */
	display:none;
}

.auto-info-text-4 {/* rate */
	display:none;	
}

.auto-info-text-5 {/* pret */
	font-family: Poppins-bold;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
    margin: auto auto 0 auto; 	
}


.text_ok{
    color:#1D2228;
	font-style: italic;
}

.text_nok{
    color:#1D2228;
	font-style: italic;
}	

/*administarre auto cauta */
.auto-cauta-admin{
	width: auto;
	height: auto;
	border: 0px solid red;
	background-color:#F4DB7D;
	padding: 21px 20px 21px 20px;
    text-align:center;	
}

}




/* auto --- detalii */
.content-auto-detalii{
	width: 100%;
	height: auto;
	border: 0px solid red;	
	padding: 50px 0px 50px 0px ;
}

.content-auto-detalii-colums {
	display: flex;
    border: 0px solid #707070;
	width: 1210px;
	height: auto;
    padding: 0;	
}

.content-auto-detalii-poze{
	width: 700px;
	border: 0px solid red;	
	padding: 20px;	
}

.content-auto-detalii-info{
	width: 460px;
	border: 0px solid red;	
	padding: 20px 20px 20px 50px;	
}

.content-auto-detalii-thenic{
	width: 100%;
	border: 0px solid red;	
	padding: 20px;	
}

.content-auto-detalii-thenic-text-1 { 
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 25px;
    padding: 10px 0px;	
}

.content-auto-detalii-thenic-text-2 { 
    margin: 0; 
	width: auto;
	height: auto;  
	border: 0px solid black;	
	text-align: left;
	font-family: Poppins-regularr;
	font-size: 15px;
	padding: 7px 7px 7px 0px;
	
}

.content-auto-detalii-info-text-1 { /* title */
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 28px;
    padding: 0px 0px 0px 0px;	
}

.content-auto-detalii-info-text-2 { /* an */
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-medium;
	font-size: 16px;
    padding: 3px 0px 3px 0px;	

}

.content-auto-detalii-info-text-3 { /* descriere */
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-regularr;
	font-size: 17px;
	height: auto;	
    padding: 25px 0px 25px 0px;	

}

.content-auto-detalii-info-text-4 {/* rate */
	font-family: Poppins-medium;
	font-size: 18px;
	width: auto;
	border: 0px solid red;
    padding: 10px 0px 20px 0px;	
	
}

.content-auto-detalii-info-text-5 {/* pret */
	font-family: Poppins-bold;
	font-size: 28px;
	background-color: #E2252B;
	border: 0px solid black;	
    color: white;
	line-height: 65px;
	text-align: center;
    margin: auto auto 0 auto; 	
}


.content-auto-detalii-info-text-6 {/* inapoi */
	font-family: Poppins-regularr;
	font-size: 16px;
	background-color: #1D2228;
	border: 0px solid black;	
    color: white;
	line-height: 55px;
	text-align: center;
    margin: 0;
	width: 50%;	
	cursor: pointer;	
}

.content-auto-detalii-info-text-7 {/* suna */
	font-family: Poppins-bold;
	font-size: 16px;
	background-color: #F4DB7D;
	border: 0px solid black;	
    color: #1D2228;
	line-height: 55px;
	text-align: center;
    margin: 0;
	width: 50%;	
	cursor: pointer;	
}

.content-auto-detalii-info-text-7:hover {
	background-color: #1D2228;
    color: #F4DB7D;
}

.content-auto-detalii-info-text-6:hover {/* inapoi */
	background-color: #555;	
}

.flex { 
	display:flex;
}


.content-auto-detalii-altele-box{
	width: 1200px;
	border: 0px solid red;	
	padding: 0px;	
	display:flex;
	overflow: auto;
}

.content-auto-detalii-altele-box-text-1 { 
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 28px;
    padding: 40px 20px 0px 20px;	
}

.content-auto-detalii-altele-individual{
	width: 255px;
	height: auto;
	border: 0px solid #1D2228;
	padding: 15px;
	background-color:white;
	margin: 20px;
;
}

.content-auto-detalii-altele-poza{
	width: 255px;
	height: auto;
	border: 0px solid red;	
}

.content-auto-detalii-altele-marca-model{
	width: 100%;
	font-family: Poppins-bold;
	font-size: 22px;	
    border: 0px solid red;	
	margin-top:5px;
	
}

.content-auto-detalii-altele-an{
	width: 100%;
	font-family: Poppins-medium;
	font-size: 14px;	
    border: 0px solid red;	
}

.content-auto-detalii-altele-pret {/* pret */
	font-family: Poppins-bold;
	font-size: 22px;
	background-color: #E2252B;
	border: 0px solid black;	
    color: white;
	line-height: 40px;
	text-align: center;
    margin: auto auto auto auto;  	
	margin-top:10px;
}



.btn-inapoi-auto {
	background-color: #30333A;
	width: 100%;
	height:50px;
	color: white;
	font-family: Poppins-medium;
    font-size: 18px;
    line-height: 50px;	
	cursor: pointer;
	text-align: center; 
    margin: auto;
	border: 0px solid red;
    border-radius: 20px;	
}

.btn-inapoi-auto:hover {	
	background-color: #555;
}


.btn-suna-auto {
	background-color: #6987F6;
	width: 100%;
	height:50px;
	color: white;
	font-family: Poppins-medium;
    font-size: 18px;
    line-height: 50px;	
	cursor: pointer;
	text-align: center; 
    margin: auto;
	border: 0px solid red;
    border-radius: 20px;	
}

.btn-suna-auto:hover {	
	background-color: #4e65ba;
}



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

{
.content-auto-detalii{
	width: 100%;
	height: auto;
	border: 0px solid red;	
	padding: 0px;
}

.content-auto-detalii-colums {
	flex-direction: column;	
    border: 0px solid #707070;
	width: 100%;
	height: auto;
    padding: 30px 0 0px 0;	
}

.content-auto-detalii-poze{
	width: 300px;
	border: 0px solid red;	
	padding: 0px;
}

.content-auto-detalii-info{
	width: auto;
	border: 0px solid red;	
	padding: 20px 0px 0px 0px;	
}

.content-auto-detalii-thenic{
	width: 100%;
	border: 0px solid red;	
	padding: 0px;	
}

.content-auto-detalii-thenic-text-1 { 
	width: 100%;
	border: 0px solid red;
	font-size: 18px;
	text-align:center;
}

.content-auto-detalii-thenic-text-2 { 
    margin: 0; 
	width: auto;
	height: auto;  
	border: 0px solid black;	
	text-align: center;
	font-family: Poppins-regularr;
	font-size: 15px;
	padding:  3px 5px 3px 0px;	
}

.content-auto-detalii-info-text-1 { /* title */
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-bold;
	font-size: 20px;
	text-align: center;
    padding: 0px 0px 0px 0px;
}

.content-auto-detalii-info-text-2 { /* an */
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-medium;
	font-size: 17px;
    padding: 3px 0px 3px 0px;	

}

.content-auto-detalii-info-text-3 { /* descriere */
	width: 100%;
	border: 0px solid red;
	font-family: Poppins-regularr;
	font-size: 16px;
	height: auto;	
    padding: 20px 0px 20px 0px;	

}

.content-auto-detalii-info-text-4 {/* rate */
	font-family: Poppins-medium;
	font-size: 16px;
	width: 100%;
	text-align: center;
	border: 0px solid red;
    padding: 10px 0px 15px 0px;	
	
}

.content-auto-detalii-info-text-5 {/* pret */
	font-family: Poppins-bold;
	font-size: 24px;
	background-color: #E2252B;
	border: 0px solid black;	
    color: white;
	line-height: 55px;
	text-align: center;
    margin: auto auto 0 auto; 	
}


.content-auto-detalii-info-text-6 {/* inapoi */
	width: 200px;		
}

.content-auto-detalii-info-text-7 {/* suna */
	width: 200px;		
}


.flex { 
	flex-direction: column;	
}	

.content-auto-detalii-altele-box{
	width: 100%;
}

.content-auto-detalii-altele-box-text-1 { 
	width: 100%;
	font-size: 20px;
    padding: 10px 0px 0px 0px;	
}

.content-auto-detalii-altele-individual{
	width: 150px;
	height: auto;
	border: 2px solid #1D2228;
	padding: 5px;
	background-color:white;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.content-auto-detalii-altele-poza{
	width: 150px;
	height: auto;
}


.content-auto-detalii-altele-marca-model{
	font-size: 14px;	
	margin-top:5px;	
}

.content-auto-detalii-altele-an{
	width: 100%;
	font-family: Poppins-medium;
	font-size: 12px;	
    border: 0px solid red;	
}

.content-auto-detalii-altele-pret {/* pret */
	font-family: Poppins-bold;
	font-size: 16px;
	background-color: #E2252B;
	border: 0px solid black;	
    color: white;
	line-height: 30px;
	text-align: center;
    margin: auto auto auto auto;  	
	margin-top:10px;
}

}























/* back to top */

#myTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #1D2228;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myTop:hover {
  background-color: #555;
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: url('../img/100.gif') 50% 50% no-repeat rgb(249,249,249,0.9);
	text-align:center;
	vertical-align:middle;
}


/*administare*/
.div-alb {
	width: 100%;
	border: 0px solid red;
	background-color:white;
	padding: 20px;
    text-align:center;	
}

.cautare {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    margin-bottom: 10px;
}

.input-cautare {
    width: 250px;
    max-width: 100%;
    padding: 8px 12px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.form-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
  margin-top: 15px;
}




/* RESPONSIVE */
@media screen and (max-width: 768px) {
    .cautare {
        justify-content: center;
        width: 100%;
    }

    .input-cautare {
        width: 100%;
    }
	
  .form-wrap {
    flex-direction: column;
  }	
}


/* TABLE*/
         table {
            width: 100%;
            border-collapse: collapse;
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
			font-family: Poppins-medium;
			
        }
        thead th {                 
			font-family: Poppins-medium;
			font-size: 16px;
			font-weight: bold;	
			background-color: #edebeb;	
			color: #333;		
			padding: 15px 15px;
        }
		
		.nocolor:hover {
			background-color: inherit; /* Păstrează culoarea implicită */
		}
				
        th, td {
            padding: 15px 15px;
            text-align: left;
            border-bottom: 1px solid #eee;
			font-family: Poppins-medium;
		
			white-space: normal; /* Permite textului să se spargă pe linii multiple */
			word-wrap: break-word; /* Sparge cuvintele prea lungi */
			overflow: visible; /* Asigură afișarea completă a textului */
			height: auto; /* Înălțimea se ajustează automat */	
			color: #333;		
        }
        th {
            font-weight: bold;
            color: #495057;
        }
		
        th {
            
            position: relative;
			user-select: none;
        }

		th a {
			display: inline-flex;
			align-items: center;
			gap: 5px; /* Spațiu între text și icon */
			text-decoration: none;
			color: #333;
			cursor: pointer;
		}

		th i {
			margin-left: 5px;
			font-size: 14px;
			color: #777;
		}

		th.ExcludereSortare {
			cursor: default; /* Cursor normal */
		}	
	
        tr:last-child td {
            border-bottom: none;
        }
        tr:nth-child(even) {
            background-color: #fdfdfd;
        }
        tr:hover {
            background-color: #f1f1f1;
        }
        th:first-child, td:first-child {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
        }
        th:last-child, td:last-child {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
        }

        /* Butoane de acțiune */
        .action-buttons {
            display: flex;
			justify-content: flex-start;
			gap: 10px; /* Distanța între copii */
			padding: 3px 0;
        }
        .action-buttons span {
            cursor: pointer;
            font-size: 18px;
			margin-left: 0;
			margin-right: auto;
        }





        /* Responsivitate */
        @media (max-width: 768px)
		{
            table, thead, tbody, th, td, tr {
                display: block;
				table-layout: fixed; /* Forțează tabelul să respecte dimensiunile specificate */
            }
            th, td {
                padding: 10px;
			
            }
            thead tr {
                display: none; /* Ascundem capul tabelului */
            }
            tr {
                margin: 0;
                border-bottom: 2px solid #ddd;
            }
			
			/* Suprascrie stilurile pentru clasa not-found */
			tr.not-found {
				padding-left: 0 !important; /* Elimină padding-ul la stânga */
				text-align: center; /* Centrează textul */
			}

			/* Centrarea textului în interiorul celulei */
			tr.not-found td {
				padding: 10px 0; /* Adaugă padding egal */
				text-align: center; /* Centrează textul în celulă */
			}

			/* Elimină efectele de padding pentru coloana implicită */
			tr.not-found td::before {
				content: none; /* Ascunde pseudo-elementul */
			}		
			
			/* Adaugă efect de hover pe tr și td */
			tr:hover, td:hover {
				border-bottom: 2px solid white; /* Linie albă sub rând */
				background-color: #f1f1f1; /* Păstrează culoarea hover */
			}

			/* Pentru a menține consistența stilurilor în mod mobil */
			tr:hover td {
				background-color: inherit; /* Menține culoarea de hover */
				border-bottom: 2px solid white; /* Linie albă doar la hover */
			}	

			th:first-child, td:first-child {
				border-top-left-radius: 0px;
				border-bottom-left-radius: 0px;
			}
	
            td {
                text-align: right;
                position: relative;
                padding-left: 40%;
                white-space: normal; /* Permite textului să se spargă pe linii multiple */
				min-height: 40px;
				word-wrap: break-word; /* Sparge cuvintele prea lungi */
				overflow: visible; /* Asigură afișarea completă a textului */
				height: auto; /* Înălțimea se ajustează automat */		
            }
            td::before {
                content: attr(data-label);
                position: absolute;
                left: 15px;
                width: calc(50% - 30px);
                text-align: left;
                font-weight: bold;
                color: #888;
            }

			/* Stil pentru butoanele din coloana Acțiuni */
			.action-buttons {
				display: flex;
				justify-content: flex-end; /* Poziționează butoanele în dreapta */
				gap: 30px; /* Spațiu între butoane */
				align-items: center; /* Aliniere pe verticală */
				width: auto; /* Asigură că ocupă toată lățimea celulei */
				margin: 0; /* Elimină marginile */
				padding: 0; /* Elimină padding-ul */
				border: 0px solid blue;
			}			
		
			.action-buttons span {
				cursor: pointer;
				font-size: 20px;
				margin: 0;
				border: 0px solid blue;
			}
			
        }
	


/* FONT */

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

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

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

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

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



/* new index.auto */

.grid-auto-rulate{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  padding: 20px;
}

@media (max-width: 768px) {
  .grid-auto-rulate {
    grid-template-columns: 1fr;
    padding: 10px; /* poți reduce și paddingul dacă e nevoie */
  }
}

.auto-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: transform 0.3s ease;
  border: 2px solid #f1c40f;
}

.auto-card:hover {
  transform: scale(1.02);
}

.auto-img {
  width: 100%;
  background: #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.auto-img img {
  width: 100%;
  height: auto;
  object-fit: contain; /* alternativ la cover */
  display: block;
}
.auto-info {
  padding: 15px;
}

.auto-info .title {
  font-size: 18px;
  color: #000;
	font-family: Poppins-bold;
    font-size: 20px;  
}



.auto-info .pret {
  color: #f1c40f;
	font-family: Poppins-bold;
    font-size: 20px;  
	padding: 10px 0;
}



@media (max-width: 768px) {
  .auto-info .pret {
	padding: 6px 0;
  }
}

.auto-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 0;
}

.auto-tags span {
  background: #f6f6f6;
  color: #555;
  padding: 4px 8px;
  border-radius: 20px;
  border: 1px solid #ddd;
  font-family: Poppins-regularr;
  font-size: 14px;  
}




@media (max-width: 768px) {
    .auto-box-main {
        padding: 0;
    }

}











/* Containerul filtrului */
.filtru-auto {
  background: #f6db6e;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
  z-index: 100;
  transition: all 0.3s ease;
}

.filtru-auto.sticky {
  position: sticky;
  top: 10px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

/* Structura grid pentru câmpuri - desktop */
.filtru-auto .form-flex {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  align-items: end;
}

/* Butonul căutare */
.filtru-auto .buton-cautare {
  grid-column: span 4;
  margin-top: 10px;
  text-align: center;
}

/* Elemente formular */
.filtru-auto select,
.filtru-auto input[type="text"] {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border: none;
}

/* Responsive pentru mobil */
@media (max-width: 768px) {
  .filtru-auto {
    position: static;
  }

  .filtru-auto .form-flex {
    grid-template-columns: 1fr;
  }

  .filtru-auto .buton-cautare {
    grid-column: span 1;
  }
}


.auto-detalii-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px 25px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.auto-detalii-grid div {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #222;
}

.auto-detalii-grid i {
  color: #DAA520;
  margin-right: 8px;
  width: 20px;
  text-align: center;
}