/* RESET */
h1, h2, h3, h4, h5, h6, ul, ol, li , dl, dd, dt {margin: 0;padding: 0; box-sizing: border-box;}
ul, ul li {list-style: none;}
img {border: 0 none;}
a {text-decoration: none; transition: all 0.5s;}
p {margin: 0; padding: 0; line-height: 20px;}
.clear {clear: both;}
div, p, strong, span, em, ul, li, a, input, textarea, button, label {box-sizing: border-box;}

/* end reset */


@font-face {font-family: "openlight"; src: url("../fonts/Open_Sans/OpenSans-Light.ttf");}
@font-face {font-family: "open"; src: url("../fonts/Open_Sans/OpenSans-Regular.ttf");}
@font-face {font-family: "open"; src: url("../fonts/Open_Sans/OpenSans-Regular.woff");}
@font-face {font-family: "openbold1"; src: url("../fonts/Open_Sans/OpenSans-Semibold.ttf");}
@font-face {font-family: "openbold2"; src: url("../fonts/Open_Sans/OpenSans-Bold.ttf");}
@font-face {font-family: "openbold2"; src: url("../fonts/Open_Sans/OpenSans-Bold.woff");}
@font-face {font-family: "openbold3"; src: url("../fonts/Open_Sans/OpenSans-ExtraBold.ttf");}

@font-face {font-family: "opencondbold"; src: url("../fonts/Open_Sans_Condensed/OpenSansCondensed-Bold.ttf");}


@font-face {font-family: "exo"; src: url("../fonts/exo/exo-Regular.ttf");}
@font-face {font-family: "exobold"; src: url("../fonts/exo/exo-Bold.ttf");}

@font-face {font-family: "exo"; src: url("../fonts/Exo_2/Exo2-Regular.ttf");}
@font-face {font-family: "exosemibold"; src: url("../fonts/Exo_2/Exo2-SemiBold.ttf");}
@font-face {font-family: "exobold"; src: url("../fonts/Exo_2/Exo2-Bold.ttf");}


@font-face {
      font-family: 'awesome-entypo';
      src: url('../font/awesome-entypo.eot?22577642');
      src: url('../font/awesome-entypo.eot?22577642#iefix') format('embedded-opentype'),
           url('../font/awesome-entypo.woff?22577642') format('woff'),
           url('../font/awesome-entypo.ttf?22577642') format('truetype'),
           url('../font/awesome-entypo.svg?22577642#awesome-entypo') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
.demo-icon {
	font-family: "awesome-entypo"; font-style: normal; font-weight: normal; speak: none;
    display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none;
	/* fix buttons height, for twitter bootstrap */ line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */ margin-left: .2em;
	/* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	/* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
.codesOn .i-name {display: none;}
.codesOn .i-code {display: inline;}
.i-code {display: none;}


body {
	background: #fff;
	font: 14px exo; line-height: 18px;
	text-align: center;
	color: #333;
	margin: 0; padding: 0;
	}
.container {padding: 0;}

.topmenu {
	position: absolute;	z-index: 100; top: 0; left: 0;
	display: block;
	width: 100%; height: 87px;
	background: #fff;
	box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, .15);
	}
.topmenu-cont {width: 1200px; margin: 0 auto; position: relative;}
.sigla {position: absolute;	top: 10px; left: 0;}
.sigla img {width: 320px;}


.minimenu {
	position: absolute; top: 2px; right: 0px; z-index: 100;
	text-transform: uppercase;
	}
.minimenu li {display: inline-block;}
.minimenu li a {
	display: inline-block; 
	font: 12px exo;	line-height: 16px; letter-spacing: 0px;
	color: #555; background: none;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	}
.minimenu ul li a:before {font-family: 'awesome-entypo'; margin: 0 5px 0 0;}

.minimenu ul li:nth-child(1) a:before {content: "\e800";}
.minimenu ul li:nth-child(2) a:before {content: "\e95e";}
.minimenu ul li:nth-child(3) a:before {content: "\f0eb";}
.minimenu ul li:nth-child(4) a:before {content: "\e8a4";}/*cariere*/
.minimenu ul li:nth-child(5) a:before {content: "\e816";}
.minimenu li a:hover {color: #009933;}
	
	
	
.social-media {position: absolute; top: 3px; right: 760px;}
.social-media a {display: inline-block; font-size: 30px; margin: 0; padding: 0;}
.social-media .demo-icon {margin: 0;}
.social-media a:nth-child(1) {color: #999;} /*fb*/
.social-media a:nth-child(1):hover {color: #4267b2;}

	
	
#smoothmenu2 ul {position: absolute; top: 47px; right: 0px;}
#smoothmenu2 ul li {display: inline-block;position: relative;}
#smoothmenu2 ul li a {
	position: relative;
	display: inline-block;
	background: #eee;
	padding: 16px 12px 10px 12px; margin: -2px 0px 0 7px;	
	text-transform: uppercase;
	font: 15px exobold; line-height: 15px; letter-spacing: -0.7px;
	color: #333;
	border-radius: 4px 4px 0 0;
	transition: all 0.5s;
	}
#smoothmenu2 li a i {display: none;opacity: 1; margin: 0 5px 0 0;}

#smoothmenu2 ul li a em {
	position: absolute; top: 2px; left: 33px;
	font: 12px exo;
	}

#smoothmenu2 ul li a img {
	display: none;
	position: absolute;	bottom: 0px; left: 50%;	margin-left: -6px;
	z-index: 100;
	}
	

#smoothmenu2 ul li:nth-child(1) a:before {
	content: "\f221"; font-family: 'awesome-entypo';
	margin: 0 5px 0 0;
	}
#smoothmenu2 ul li:nth-child(1) a:after {
	content: "Materii prime";
	position: absolute; top: 2px; left: 28px;
	font: 12px exo;
	}
	
#smoothmenu2 ul li:nth-child(2) a:before {
	content: "\f0f5"; font-family: 'awesome-entypo';
	margin: 0 5px 0 0;
	}
#smoothmenu2 ul li:nth-child(2) a:after {
	content: "Materii prime";
	position: absolute; top: 2px; left: 28px;
	font: 12px exo;
	}
	
#smoothmenu2 ul li:nth-child(3) a:before {
	content: "\f2dd"; font-family: 'awesome-entypo';
	margin: 0 5px 0 0;
	}
#smoothmenu2 ul li:nth-child(3) a:after {
	content: "Materii prime";
	position: absolute; top: 2px; left: 33px;
	font: 12px exo;
	}
	
	


#smoothmenu2 li a.selected, #smoothmenu2 li a.stop-top, #smoothmenu2 li a:hover {
	background: #009933; color: #fff;
	}



#smoothmenu2 ul ul {
	background: #009933; width: 280px !important;
	position: absolute; margin: 0px 0 0 7px;
	border-radius: 0 0px 10px 10px;
	padding: 20px 10px 15px 20px;
	overflow: initial;
	box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1);
	text-align: left;
	}
#smoothmenu2 ul ul:before {
	display: block; font-family: 'awesome-entypo';
	content: "\e86e"; color: #fff; font-size: 25px;
	position: absolute; top: 0px; left: 80px; z-index: 10;
	transform: rotate(90deg); opacity: 0.7;
	}
#smoothmenu2 ul li:nth-child(4) ul {width: 286px !important;}
#smoothmenu2 ul li:nth-child(4) ul:before {}
	
#smoothmenu2 li li {
	display: block; vertical-align: top;width: 100%; margin: 0;
	vertical-align: top;
	border-bottom: 2px solid rgba(255,255,255, 0.2);
	padding: 0 !important;
	}
#smoothmenu2 li li a {
	color: #fff; opacity: 0.8;
	font: 12px exosemibold;  letter-spacing: -0.3px;
	padding: 5px 0px;
	border: none; 
	background: none;
	}

#smoothmenu2 li li a:hover {color: #fff; background: none; opacity: 1;}

#smoothmenu2 ul li li a:after, #smoothmenu2 ul li li a:before {display: none;} 


.ddsmoothmenu ul li ul {
	position: center;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	}

.dreptunghi {
	margin: 87px 0 0px 0;
	height: 280px;
	display: block; overflow: hidden;
	background-size: cover;
	animation-name: b200; animation-duration: 4s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	}
@keyframes b200 {
    0%  {background-position: 0 -180px;}
    100% {background-position: 0 -300px;}
	}	
	

	
.global {width: 1200px; margin: 0 auto;}
.content {
	text-align: left; padding: 30px 0 0 0;
	position: relative; min-height: 400px;
	}
	
h1 {
	font: 27px exobold; line-height: 27px; 
	letter-spacing: -0.5px;
	color: #009933;
	margin: 0 0 20px 0;text-transform: uppercase;
	}
h2 {
	font: 22px exobold;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #ddd;
	padding: 0 0 3px 0;
	}
	
.link {color: #333;}
.link:hover{opacity: 0.7;}

.jobs {
	display: block; 
	border: 1px solid #aaa; border-radius: 3px;
	padding: 7px 10px; margin: 0 0 10px 0;
	color: #333; width: 45%;
	}
	
.home-despre {float: left; width: 30%;}
.home-despre h2 {
	font: 20px exobold; line-height: 22px; letter-spacing: -0.5px;
	margin: 25px 0 15px 0; text-transform: uppercase;
	}
.home-despre p {
	text-align: justify; font: 16px exo; line-height: 19px;
	margin: 0 0 18px 0;
	}
.home-prod {
	float: right; width: 68%;
	text-align: right;
	}

.divtext {
	column-count: 2; column-gap: 25px;
	}
.content p {margin: 0 0 18px 0;}

.imgright {width: 40%; float: right; margin: 0 0 30px 25px; border-radius: 3px;}
	
.produse {width: 1230px;}	
.prod {
	display: inline-block; vertical-align: top; position: relative;
	width: 282px; min-height: 580px;
	margin: 20px 20px 40px 0px; padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
	text-align: center;
	}
.prod h3 {
	font: 16px exo; line-height: 16px;	letter-spacing: -1px;
	margin: 0 0 20px 0;
	border-bottom: 2px solid #ddd;
	padding: 0 0 3px 0;
	text-transform: uppercase;
	min-height: 55px;
	font: 20px exo;
	line-height: 22px;
	}
	
.prod-img img {margin: 0 0 20px 0; width: 100%; border-radius: 3px;}
.prod p {font: 16px exo; line-height: 19px;}
.mm {
	position: absolute; bottom: 10px; left: 2%;width: 96%;
	display: block; 
	text-align: center; text-transform: uppercase;
	background: #777; color: #ddd;
	padding: 10px 0;
	font: bold 13px exosemibold;
	border-radius: 3px;
	}
.mm:before {
	content: "\e86e"; font-family: 'awesome-entypo';
	margin: 0 10px 0 0;
	}
.mm:hover {
	background: #009933; color: #fff;
	}
	
.pdf {
	display: inline-block;
	background: #555; color: #fff;
	font: bold 13px exosemibold;
	padding: 5px 10px; margin: 0 0 10px 0; border-radius: 3px;
	}
.pdf:before {
	content: "\f1c1"; font: 15px awesome-entypo;
	margin: 0 7px 0 0;
	}
.pdf:hover {background: #333;}
	
.col1 {
	display: inline-block;
	vertical-align: top;
	width: 500px;
	margin: 0 30px 0 0;
	}
.col2 {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	}
.content ul {margin: 0 0 20px 0;}
.content li {
	background: url(../assets/li3.png) no-repeat 0 6px;
	padding: 0 0 0 12px;
	}	
.prod-detail {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 224px;
	height: 224px;
	margin: 0 20px 0 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 15px;
	}
.prod-detail img {width: 220px; height: 220px;}
	
	
	
.noutati {}

.noutate {
	position: relative;
	display: inline-block; vertical-align: top;
	width: 375px;
	margin: 0 30px 40px 0;
	}
.noutate:nth-child(3n) {margin: 0 0px 40px 0;}
.noutate-img {
	display: block; float: left; margin: 0 10px 0 0;
	width: 220px; height: 150px; overflow: hidden;
	border-radius: 3px;
	}
.noutate-img img {width: 220px; margin: 0;}
.noutate iframe {
	display: block;	float: left; margin: 0 10px 0 0;
	width: 220px; height: 150px;
	border-radius: 3px;
	}

	
.noutate-titlu {
	display: block; position: relative;
	color: #009933;
	font: 16px exosemibold; line-height: 20px;
    padding: 10px 0px; margin: 0px 0 10px 0;
    border-bottom: 5px solid #f0f3f4;
	}
.noutate-titlu em {
	position: absolute; bottom: -11px; right: 0;
	font: 11px exo;
	background: #fff;
	padding: 1px 5px;
	border: 1px solid #ccc;
	}
.noutate h3 {
	position: relative;
	margin-top: 0;
	font-size: 16px;
	color: #007dd1;
	}
.noutate em {
	position: absolute;
	bottom: -11px; right: 0;
	font: 11px exo;
	background: #fff;
	padding: 1px 5px;
	border: 1px solid #ccc;
	}
.det {
	position: absolute; bottom: 0; right: 0;
	display: inline-block;
	background: #ddd; color: #333;
	/*width: 100%;*/
	line-height: 16px;
	
	text-align: center; text-transform: uppercase;
	padding: 5px 10px; margin: 0px 0 0 0;
	font: bold 12px exosemibold;
	border-radius: 3px;
	}
.det:hover {background: #ccc;}
.noutate p {/*text-align: justify;*/ word-wrap: break-word;}
	
.noutate-det h2 {
	position: relative;
	font: 18px exo;
    line-height: 24px;
    letter-spacing: -0.8px;
    margin: 0 0 20px 0;
    background: #e4e4e4;
    padding: 10px 20px;
    border-radius: 3px;
    text-shadow: 1px 2px #fff;
	}
.noutate-det h2 em {
	position: absolute;
	bottom: -11px; right: 0;
	font: 13px exo;
	background: #fff;
	padding: 2px 5px;
	border: 1px solid #ccc;
	}
.noutate-det img {
	float: right;
	width: 450px;
	border-radius: 3px;
	margin: 0 0 20px 30px;
	}
.noutate-det iframe {width: 600px; height: 410px;}
.noutate-det p {
	text-align: justify;
	line-height: 16px;
	margin: 0 0 18px 0;
	}
	


.contact-form {
	margin: 30px 0;
	border-spacing: 5px;
	}
.contact-form th {
	width: 220px;
	background: #eee;
	font: 14px exo;
	line-height: 16px;
	padding: 10px 20px;
	}
.contact-form input[type="text"], .contact-form textarea {
	width: 280px;
	border: 2px solid #ddd;
	border-radius: 3px;
	background: #fff;
	font: 14px exo;
	line-height: 16px;
	color: #333;
	padding: 8px 15px;
	margin: 0 0 0 10px;
	transition: all 0.5s;
	}
.contact-form input[type="text"]:hover, .contact-form textarea:hover {
	border: 2px solid #aaa;
	}
	
.trimite {
	width: 265px;
	border: none; border-radius: 3px;
	background: #555;
	font: 20px openbold2; line-height: 22px; letter-spacing: -0.5px;
	text-transform: uppercase;
	color: #fff;
	padding: 16px 0px; margin: 0px 0 20px 0;
	transition: all 0.5s;
	cursor: pointer;
	}
.trimite:hover {background-color: #0379c8;}

.trimite:before {
	content: "\f2b6"; margin: 0 5px 0 0;
	font-family: 'awesome-entypo';
	}
	
.contact-form textarea {height: 150px;}
.contact-adresa {
	vertical-align: top;
	padding: 0px 20px; 
	}
.contact-adresa p {
	margin: 0 0 18px 0;
	font: 14px exo;
	}
.email {
	background: #eee;
	padding: 5px 10px;
	border-radius: 3px;
	color: #333;
	}
.harta-contact {width: 100%; height: 400px; border-radius: 3px;}



.contact-data {
	border-collapse: collapse; margin: 0 0 20px 0;}
.contact-data th {
	text-align: left; background: none;
	width: initial;
	font: bold 14px exo;
	line-height: 16px;
	padding: 0px 20px 0 0;
	}
	
.newsletter2 {width: 700px; margin: 0 auto;}
.newsletter2 em {
	font-size: 12px; 
	font-style: normal;
	text-transform: none; 
	line-height: 12px; 
	color: #aaa;
	margin: 3px 0;
	}
.newsletter2 input[type="text"], .newsletter2 textarea {
	width: 96%;
	border: 1px solid #d6c9e4;
	border-radius: 3px;
	padding: 7px 2%; margin: 0 0 20px 0;
	font: 14px exo;
	transition: all 0.5s;
	}
.newsletter2 input[type="text"]:hover, .newsletter2 textarea:hover, .newsletter2 select:hover{
	border: 1px solid #555;
	}
.newsletter2 input[type="text"]:focus, .newsletter2 textarea:focus, .newsletter2 select:focus {
	background: #f5f5f7;
	}	
	
	
.bottom {
	position: relative; overflow: hidden; clear: both;
	background: linear-gradient(90deg,#000,#444,#444,#000);
	border-top: 3px solid #ddd; 
	margin: 40px 0 0 0;
	}
.bottom-cont {
	position: relative; width: 1200px; 
	margin: 0 auto;	padding: 130px 0 0 0;
	}

.bottom-menu {
	position: absolute; top: 20px; left: 0;
	text-align: left; width: 470px;
	}
.bottom-menu li {display: inline-block; vertical-align: top;}
.bottom-menu li a {
	display: inline-block; vertical-align: top;
	width: 220px; color: #ddd;
	text-transform: uppercase; 
	font: 11px exo; margin: 0 0 15px 0;
	}
.bottom-menu li a:before {
	content: "\e90a"; margin: 0 5px 0 0;
	font-family: 'awesome-entypo';
	}
.bottom-menu li a:hover {color: #c4e7ff;}
.bottom-menu li a em {opacity: 0.6;}


.newsletter {
	position: absolute; top: 10px; right: 270px;
	width: 450px; text-align: left;
	color: #ddd;
	}
.newsletter h2 {color: #ddd; font: 17px exosemibold; border: none;}
.doresc {
	position: relative; display: block; margin: 7px 0; padding: 0 0 0 30px;
	color: #ddd;
	}
.doresc a {color: #ddd;}
.doresc a:hover {color: #ddd;}
.doresc input {
	position: absolute; top: 0px; left: 0px;
	width: 22px; height: 22px;
	-webkit-appearance: none;
	background: #ddd; border-radius: 3px;
	margin: 0; padding: 0;
	}
.doresc input:checked {
	background: #ddd url(../assets/checked.png) no-repeat 0 0;
	}
	
.newsletter input[type="text"] {
	border: none; border-radius: 3px;
	font: 12px exosemibold; line-height: 12px; color: #000;
	background: #ddd;
	padding: 8px 12px; margin: 5px 5px 0 0px;
	text-transform: uppercase;
	width: 190px; transition: all 0.5s;
	/*box-shadow: inset 0px 26px 10px -20px rgba(0,0,0,0.35);*/
	}
.newsletter input[type="text"]::-webkit-input-placeholder {color: #002061;}
.newsletter input[type="text"]:-moz-placeholder {color: #002061;}
.newsletter input[type="text"]::-moz-placeholder {color: #002061;}
.newsletter input[type="text"]:-ms-input-placeholder {color: #002061;}

.newsletter input[type="text"]:hover, .newsletter input[type="text"]:focus {
	background: #bbd6e8;
	}
.newsletter button[type="submit"] {
	position: absolute; bottom: 41px; left: 293px;
	border: none; border-radius: 3px;
	font: bold 12px exo; line-height: 12px; color: #09293f;
	background: #ddd;
	padding: 12px 12px; margin: 5px 0;
	text-transform: uppercase;
	box-shadow: inset 0px -26px 10px -20px rgba(0,0,0,0.25);
	cursor: pointer;
	}
.newsletter button[type="submit"]:before {
	content: "\f2b7"; margin: 0 5px 0 0;
	font-family: 'awesome-entypo';
	}
.newsletter button[type="submit"]:hover {opacity: 0.7;}
	
.bottom-contact {
	position: absolute; top: 14px; right: 0;
	width: 300px; text-align: left;
	color: #ddd; font: 13px exo; opacity: 0.7;
	}
.bottom-contact strong {
	display: block; font: 17px exosemibold; line-height: 15px; 
	color: #ddd; margin: 0 0 10px 0; 
	}
.bottom-contact p {margin: 0; padding: 0;}
.bottom-contact a {color: #ddd;}
.bottom-contact a:hover {color: #fff;}

.copy {
	display: block; opacity: 0.5;
	color: #fff; border-top: 1px dashed #c4e7ff;
	padding: 5px 0 30px 0;
	}
.copy a {color: #fff; opacity: 0.5;}
.copy a:hover {opacity: 0.8;}