body{
	margin:0 !important;
}

h1{
	font-size: 48px !important;
	font-weight: bold !important;
	color:white !important;
}

h2{
	font-size: 36px !important;
	color:white !important;
}

h4{
	font-size: 24px !important;
    margin-top: 20px !important;
    color:white !important;
}

a{
	color:yellow !important;
}

a:hover{
	color:#1888c2 !important;
}

.col-contact > a {
	text-decoration: none !important;
    color:black !important;
}

.upbar{
	width: 100%;
	height: 38px;
	background: white
}

.upbar_contact{
	width: auto;
	min-width: 370px;
	display: table;
	float: right;
	line-height: 38px;
}

.container{
	max-width: 1200px;
}

.menu_div{
	width: 100%;
	height: 60px;
	background-color: black
}

.logo_div{
	width: 260px;
}

.logo{
	width: 100%;
	max-width: 227px;
	margin-top: 7px;
}

.meniu{
	background-color: #cec316;
	height: 60px;
	border-left:10px solid #f6f451;
	border-right: 10px solid #f6f451;
}

.bg_top{
	width: auto;
	height: 580px;
	background-image: url("img/bg_top.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}


.text_top{
	margin-top: 10%;
	float: right;
	border-bottom:10px dotted yellow;
	padding-bottom: 2%;
}

.flex{
	margin-top: -35px;
	margin-left: 33%;
}

.text_titlu_lista{
	width: 30%;
	padding-left: 5%;
	background: black;
	color:white;
	border-left: 6px solid #cec316;
	margin-top: 5%;
}

.text_titlu_lista:after{
   content: "";
   position: absolute;
   margin-top: -93px;
   margin-left: 22.5%;
   border-top: 70px solid white;
   border-top-color: black; 
   border-left: 0px solid transparent;
   border-right: 100px solid transparent; 
   display: block;
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.line_height_100{
	line-height: 100px;
}

.col-produs{
	max-width: 24.25% !important;
	height: auto;
	background-color: #d8d7d7;
	margin-left: 1%;
	background-image: url("img/bg_produs.png");
	margin-bottom: 10px;
}

.col-produs:nth-child(0n+1),.col-produs:nth-child(0n+5){
	margin-left: 0;
}

.img_div{
	width: 100%;
	height: 70%;
}

.img_produs{
	width: 100%;
}

.bloc_titlu_prod{
	height: 80px;
	background: black;
	text-align: center;
}

.bar{
	height: 8px;
	background-color: #cec316;
	margin:3% 0 3% 0;
}

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

   .flex{
  	margin-left:15%;
    }

   .text_titlu_lista:after{
   	 margin-left: 22%;
   }
}

@media screen and (max-width:980px){
  
  .flex{
  	margin-left:0;
  }

  .text_titlu_lista{
  	width: 50%;
  }

  .text_titlu_lista:after{
  	margin-left: 40%;
  }

   h4{
 	font-size: 18px !important;
 }

 
}

@media screen and (max-width: 768px){
 
 .upbar_contact{
   min-width: 100%;
   clear: both !important;
   margin: 0 !important
 }

 .col-contact{
 	max-width: 50% !important;
 }

 .meniu{
 	min-width: 100%;
 	margin-top:10px;
 }

 .bg_top{
    height: 400px;
 }

 .text_top{
 	width: 100%;
 	margin-top: 20%;
 }

 h1{
 	font-size: 36px !important;
 }

 h2{
 	font-size: 24px !important; 
 }

 h3{
 	font-size: 18px !important;
 }

 h4{
 	font-size: 18px !important;
 }

 .flex{
 	width: 70% !important;
 	height: auto !important;
 	margin-left: 10%;
 	overflow: hidden;
 	margin-top: -15px;
 }

 .text_titlu_lista{
 	min-width: 228px;
 }

 .text_titlu_lista:after{
   content: "";
   position: absolute;
   margin-top: -53px;
   margin-left: 40%;
   border-top: 40px solid white;
   border-top-color: black; 
   border-left: 0px solid transparent;
   border-right: 50px solid transparent; 
   display: block;
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }


  .line_height_100{
  	line-height: 50px;
  }


   .col-produs{
  	  max-width: 49% !important;
  	  min-width: 49% !important;
  }
  
}

@media screen and (max-width: 400px){
	.upbar{
		height: auto;
		overflow: hidden;
	}
	.col-contact{
		max-width: 100% !important;
	}


	.text_titlu_lista:after{
		display: none;
	}

	.text_top{
		margin-top: 30%;
	}

	h2{
 	   font-size: 20px !important; 
    }

    h3{
 	   font-size: 16px !important;
    }

    h4{
 	   font-size: 14px !important;
     }

	.flex{
 	  width: 80% !important;
 	  height: auto !important;
 	  margin-left: 10%;
 	  overflow: hidden;
 	  margin-top: -10px;
   }

 }