@charset "utf-8";
/* CSS Document */
/* Razvan Radu -> razvan.radu@eafacere.ro */

/* Start Import other css files */
	/*
	@import url('');
	*/
/* End Import other css files */

/* Start Common */
body						{ margin: 0; padding: 0; font:normal 11px 'Trebuchet MS', Arial, Helvetica, sans-serif; background:url(/img/body_bg.jpg) no-repeat top center #000 fixed; }
body.mceContentBody			{ background:none!important;}
.pageBody,
#pageBody					{ width:930px; padding:10px 30px; display:block; position:relative; margin:0 auto; background:url(/img/page_bg.jpg) no-repeat top left; height:auto!important; height:700px; margin-top:15px; /* transform: rotate(-1deg); -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); -o-transform: rotate(-1deg); -moz-transform: rotate(-1deg); */ }
img							{ border: none; outline:none;}
p, ul, ol, li,
h1, h2, h3, h4, h5, h5, h6,
form, fieldset				{ margin:0; padding:0; border:none; font-smooth: always;}
input, textarea, select		{ border-width:1px; margin:0; padding:0; font:normal 11px 'Trebuchet MS'; color:#fff;}
ul, li ol					{ list-style:none;}
*							{ outline-color:invert; outline-style:none; outline-width:medium;}
a 							{ color: #000000; }
.clear						{ clear: both; font-size:0; line-height:0; height:0; }
.no_margin_all				{ margin:0!important;}
.no_margin_r				{ margin-right:0px!important;}
.no_margin_l				{ margin-left:0px!important;}
.no_border_r				{ border-right:none!important;}
.no_border_l				{ border-left:none!important;}
.no_border_t				{ border-top:none!important;}
.no_border_b				{ border-bottom:none!important;}
.no_bg						{ background:none!important;}
.no_border					{ border:none!important}
.float_l					{ float:left!important;}
.float_r					{ float:right!important;}
.opacity_40					{ opacity:0.4;filter:alpha(opacity=40);}
.opacity_60					{ opacity:0.6;filter:alpha(opacity=60);}
.opacity_80					{ opacity:0.8;filter:alpha(opacity=80);}
.opacity_100				{ opacity:1.0;filter:alpha(opacity=100);}
.font_10					{ font-size:11px!important;}
/* End Common */

/* Start Logo */
.logo						{ width:320px; height:70px; display:inline; position:relative; float:right; background:url(/img/logo_bg.jpg) no-repeat top left; margin-right:25px; padding:9px 0 0 0; z-index:2;}
.logo h1					{ width:303px; height:50px; text-indent:-90000px; position:relative; display:block; margin:0 auto; background:url(/img/logo.jpg) no-repeat top left; text-align:left!important;}
.logo h1 a					{ width:303px; height:50px; display:block; margin:0 auto; position:relative;}
.logo p 					{ text-align:center; color:#fff; font-size:11px; padding:1px 0 3px 0; margin:0px; width:100%;}
/* End Logo */

/* START MCE Content */
.mce_content h1					{ font:normal 18px 'Trebuchet MS'!important; color:#00aeef!important;}
.mce_content h2					{ font:normal 16px 'Trebuchet MS'!important; color:#00aeef!important;}
.mce_content h3					{ font:normal 14px 'Trebuchet MS'!important; color:#00aeef!important;}
.mce_content h4					{ font:normal 14px 'Trebuchet MS'!important; color:#00aeef!important;}
.mce_content h5					{ font:normal 14px 'Trebuchet MS'!important; color:#00aeef!important;}
.mce_content h6					{ font:normal 14px 'Trebuchet MS'!important; color:#00aeef!important;}
.mce_content h1 *				{ font:normal 18px 'Trebuchet MS'!important; color:#00aeef!important;}
.mce_content h2 *				{ font:normal 16px 'Trebuchet MS'!important; color:#00aeef!important;}
.mce_content h3 *				{ font:normal 14px 'Trebuchet MS'!important; color:#00aeef!important;}
.mce_content h4 *				{ font:normal 14px 'Trebuchet MS'!important; color:#00aeef!important;}
.mce_content h5 *				{ font:normal 14px 'Trebuchet MS'!important; color:#00aeef!important;}
.mce_content h6 *				{ font:normal 14px 'Trebuchet MS'!important; color:#00aeef!important;}

.mce_content * a 				{ text-decoration:underline!important; color:#00aeef!important;}
.mce_content * a *				{ text-decoration:none!important; color:#00aeef!important;}
.mce_content * a:hover *		{ text-decoration:none!important; color:#00aeef!important;}
.mce_content * a:visited *		{ text-decoration:none!important; color:#00aeef!important;}

.mce_content a 					{ text-decoration:underline!important; color:#00aeef!important;}
.mce_content a *				{ text-decoration:none!important; color:#00aeef!important;}
.mce_content a:hover *			{ text-decoration:none!important; color:#00aeef!important;}
.mce_content a:visited *		{ text-decoration:none!important; color:#00aeef!important;}
.mce_content ol					{ list-style:none!important;}
.mce_content p	 				{ text-align:justify!important; color:#fff!important; padding:5px 0!important; min-height:2px!important; height:auto!important; height:2px;}
.mce_content p *				{ text-align:justify!important; color:#fff!important; min-height:2px!important; height:auto!important; height:2px;}
.mce_content ul *				{ color:#fff!important;}
.mce_content table				{ width:100%; }
/* END MCE Content */


.Left-Column					{ margin-right:7px; position:relative; display:block; float:left; width:719px; z-index:5; }
.Right-Column					{ position:relative; display:block; float:left; width:204px; z-index:5; }
.Left-Column.w6040				{ width: 600px; }
.Left-Column.w5050				{ width: 448px; }
.Right-Column.w6040				{ width: 323px; }
.Right-Column.w5050				{ width: 447px; }
.Box-Articole					{}
.Box-Articole ul				{}
.Box-Articole ul li				{ font:normal 11px/12px Georgia; color:#000; text-align:justify; position:relative; display:block; margin-bottom:7px; padding:2px;}
.Box-Articole ul li a			{ font:normal 11px/12px Georgia; color:#000; text-align:justify; text-decoration:none; }
.Box-Articole ul li a:hover		{}
.Box-Articole ul li.Custom-Bg a,
.Box-Articole ul li.Custom-Bg	{ background:#000; color:#fff; }

.Footer-Menu 					{ position:relative; z-index:4; }
.Footer-Menu ul					{ padding:20px 0 25px 0; }
.Footer-Menu ul li				{ font:normal 11px Georgia; color:#141414; text-decoration:none; }
.Footer-Menu ul li a			{ text-decoration:none; position:relative; display:block; float:left; color:#141414; padding:1px 3px;  }
.Footer-Menu ul li a:hover		{ text-decoration:underline; background:#000; color:#fff; }
.Footer-Menu ul li p			{ position:relative; display:block; float:left; }
.Footer-Menu ul li span			{ padding:0 10px; position:relative; display:block; float:left; }
/* the decorative footer image sits on top of the footer links and swallows clicks
   (e.g. the bottom-right "Web design" link). It is purely decorative, so let clicks pass through. */
#footer_img						{ pointer-events:none; }
.Footer-Menu					{ position:relative; z-index:101; }

.Mod-Menu				{ position:relative; height:24px; padding-top:4px; }
.Header-Middle			{ position:relative; height:170px; display:block; }
.Dot 					{ height:2px; width:2px; background:#f00; margin:3px; margin-top:7px; line-height:0; font-size:0; position:relative; display:block; float:left;}

.NavBar					{ position:absolute; bottom:15px; }
.NavBar li				{ position:relative; float:left; display:block; }
.NavBar li a			{ font:normal 11px Georgia; color:#000; text-decoration:none; padding:1px 2px;}
.NavBar li a:hover		{ text-decoration:underline; background:#000; color:#fff!important; }

.Header-Right-Content	{ position:absolute; bottom:18px; right:-10px; text-align:right;}
.Header-Right-Content p	{ font:normal 11px Georgia; color:#000; text-decoration:none; }

.Page-Title					{ position:relative; display:block; margin-bottom:10px; z-index:5;}
.Main-Title					{ position:relative; font:normal 38px Georgia; text-transform:uppercase; }
.Sec-Title					{ font:normal 25px Georgia; text-transform:uppercase; color:#d10000; border-top:solid 1px #000; margin:-5px 0 10px; }

#Category-List				{ padding: 10px; position:relative; z-index:5; height:auto!important; height:700px;}
#Category-List a				{ color: #000; display: block; font:normal 22px Georgia; }
.Cols-Title 					{ background: url(/img/article_type_bg.png) center center no-repeat; margin: 75px 0 30px; text-align: center; }
.Articles					{ position:relative; z-index:5; display:block;}
.Article-Type				{ background-color: #FCFCFC; border:1px solid #000; color:#000; font:normal 20px Georgia; padding: 3px 10px; text-transform: uppercase; }
.Articles .Main-Title,
.Articles .Main-Title a		{ color: #000; position:relative; font:normal 26px Georgia; text-transform:uppercase; text-decoration: none; }
.Articles .Sec-Title,
.Articles .Sec-Title a		{ font:normal 18px Georgia; text-transform:uppercase; color:#d10000; border-top:0; margin-top:0; text-decoration: none; }

.About-Images li				{ display: inline-block; }
.About-Images img			{ border: 2px solid #FFF; margin: 0 7px 18px 7px; }

.w6040 .Main-Title			{ border-bottom: 1px solid #000; font-size: 20px; margin-bottom: 5px; text-transform: none; }

.Inner-Page-Content		{}
.Inner-Page-Content p		{ font:normal 16px/18px Georgia; color:#000; text-align:justify; padding-left:5px; }

.Inner-Link			{ font:normal 11px Georgia!important; color:#fff!important; background:#000; padding:1px 2px; margin-top:5px; position:relative; display:block; float:left; text-decoration:none;}
.Back-Bt			{ position:absolute; right:0; color:#000; font:normal 11px arial; top:26px; text-decoration:none; }

.Inner-Left-Col			{ width:670px; margin-right:35px; position:relative; z-index:5; height:auto!important; height:500px; }
.Inner-Right-Col		{ width:220px; position:relative; z-index:5; height:auto!important; height:500px; }

.Box-Image				{ position:relative; float:left; }
.Box-Image a 			{ position:relative; margin:3px; display:block; float:left;}
.Box-Image a img			{ background:#fff; border:solid 1px #c7c7c7; padding:2px;}

.Image-Conv				{ max-width: 250px; }

.Section-Title			{ font:normal 20px Georgia; color:#000; border-bottom:solid 1px #000; padding-bottom:1px; }
.Section-SubTitle		{ font:normal 16px Georgia; color:#000; }


.Form-Cod-Promo			{}
.Form-Cod-Promo form	{ margin:3px 0;}
.Form-Input-Text		{ font:normal 11px arial; color:#ccc; padding-left:5px; border:solid 1px #000; }
.Form-Input-Submit		{ background:none; border:none; color:#000; font:normal 16px Georgia; }

.Logo-Name				{ font:normal 130px Georgia; position:absolute; left:100px; top:-6px; color:#141414; text-transform:uppercase; text-align:center; }
.Logo-Dev				{ bottom:18px; color:#000; font:normal 20px Georgia; left:384px; position:absolute; text-align:center; }

/* Logo image (replaces the old text logo) */
.Logo-Img				{ position:absolute; left:50%; top:30px; transform:translateX(-50%); -webkit-transform:translateX(-50%); display:block; z-index:2; }
.Logo-Img img			{ display:block; height:95px; width:auto; max-width:100%; }

/* Hide any leftover text-logo remnants in the header (old "W A N T E D" / "WEB DEVELOPMENT"
   text). Scoped to .Header-Middle so article/portfolio pages are unaffected. */
.Header-Middle .Logo-Name,
.Header-Middle .Logo-Dev,
.Header-Middle .Cols-Title,
.Header-Middle .Article-Type	{ display:none !important; }

.Section-Box			{ display: block; }
.Home-Section-Box		{ width:305px; float:left; }

.Portfolio li			{ display: block; margin-bottom: 20px; vertical-align: top; width: 453px; float:left; }
.Portfolio li.leader		{ margin-right: 21px; }
.Portfolio .Main-Title	{ font:normal 26px Georgia; }
.Portfolio .Sec-Title	{ border: 0; color:#d10000; font:normal 18px Georgia; }
.Portfolio .Inner-Page-Content { float: left; width: 180px; text-align: justify; }
.Portfolio .Box-Image	{ float: right; width: 260px; }
.Portfolio .Box-Image img	{ /*filter: url(filters.svg#desaturate);*/ /* Firefox 3.5+ */ filter: gray; /* IE5+ */ -webkit-filter: desaturate(1); /* Webkit Nightlies & Chrome Canary */ }
.Portfolio .Inner-Link	{ padding: 2px 10px; }
.Portfolio-Contact		{ margin: 30px 0; width: 194px; }
.Portfolio-Contact .Inner-Link { font-size: 18px !important; padding: 3px 10px; margin: 0; }
.Portfolio a				{ color: #d10000; text-decoration: none; }

.recommand_tooltip {margin:0; padding:0; float:left; width:350px;  background-color:#353535; height:340px;position:absolute; margin-top:-100px; left:100px; z-index:1400; border:solid 1px #000; padding:7px;} 
.recommand_tooltip p{margin:5px 0 20px 5px; padding:0; float:left; font-size:12px; font-weight:bold;font-family: Georgia, "Times New Roman", Times, serif; color:#fff; display:inline;}
.recommand_tooltip form{margin:0; padding:0;}
.recommand_tooltip .choose{float:left; text-align:right;margin:0 0 0 5px; padding:0;  color:#fff; font-size:12px; font-weight:bold; line-height:17px; color:#fff; font-family:Arial, Helvetica, sans-serif; width:105px; }
.recommand_tooltip .field_c{margin:0 5px 5px 5px;padding:0px 0 0 0; width:230px; height:17px; float:right; color:#58595b; background-color:#f7f7f7;border:none; }
.recommand_tooltip .field_c_big{margin:0 5px 5px 5px; width:230px; height:120px; float:right; color:#58595b; background-color:#f7f7f7; border:none; overflow:auto; padding:0;}
.recommand_tooltip .send_button{margin:10px 5px 0 0; padding:0; border:none; background-color:#fc3636; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; float:right; width:60px;}

.Portfolio-Gallery-Active			{ border: 1px solid #ccc; }
/* was position:absolute + negative margin, which made many thumbs overlap the text
   below. Let them flow so following content keeps its spacing. */
.Portfolio-Gallery-Thumbs			{ position: relative; right: auto; margin-top: 10px; overflow: hidden; padding-bottom: 10px; }
.Portfolio-Gallery-Thumbs li		{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 2px solid #000; display: block; margin-right: 10px; float:left; padding:1px; background:#fff; }
.Portfolio-Gallery-Thumbs li a		{ position:relative; float:left; }

/* Portfolio videos (desktop shows the wide/desktop variant; mobile variant is hidden here) */
.Portfolio-Videos					{ margin-top: 14px; clear: both; }
.portVideo							{ width: 447px; max-width: 100%; display: block; margin: 0 0 12px; background: #000; }
.portVideoMobile					{ display: none; }

.Job-Home				{ }
.Jobs					{ margin-bottom: 220px; overflow: hidden; }
.Jobs li					{ border-bottom: 1px solid #000; width: 441px; float: left; padding-bottom: 15px; }
.Jobs .leader			{ margin-right: 40px; }
.Job-Wanted				{ width:86px; height:93px; display:block; float: left; padding:10px 0; }
.Job-Content			{ font:normal 16px/18px Georgia; width:200px; display:block; float: left; padding-top:30px; text-align: left; color:#000; }
.Job-Content p			{ font:normal 16px/18px Georgia; line-height: 18px; }
.Job-Content p *		{ font-family: Georgia !important; }
.Left-Column .Job-Content{ width: auto; }
.Job-Title				{ font:bold 12px Georgia; color:#000; }

.Job-Post-Time				{ font:normal 10px Georgia!important; color:#000!important; margin-bottom: 15px; }
.Job-Post-Time span			{ color:#f00!important; }

.Testimonials li				{ display: inline-block; margin-bottom: 20px; vertical-align: top; width: 461px; }
.Testimonials .Main-Title	{ font-size: 20px; text-transform: none; }
.Testimonials blockquote		{ font:normal 16px Georgia; margin: 0 10px 10px; text-align: justify; }

#contact input[type="text"],
#job input[type="text"]	{ border:1px solid #000; color: #000; font:normal 16px Georgia; height: 26px; line-height: 26px; margin: 5px 0; padding: 0 3px; width: 286px; }
#contact textarea,
#job textarea			{ border:1px solid #000; color: #000; font:normal 16px Georgia; height: 120px; margin: 5px 0; padding: 3px; width: 315px; min-width: 315px; max-width: 315px; }
#contact #cod_securitate_wrapper,
#job #cod_securitate_wrapper { height: 26px; margin: 5px 0 6px; position: relative; }
#job #cv_wrapper { height: 26px; margin: 5px 0 12px; position: relative; }
#contact #cod_securitate_input,
#job #cod_securitate_input { margin: 0; width: 120px; }
#contact #cod_securitate,
#job #cod_securitate		{ vertical-align: middle; position: absolute; right: 29px; top: 0; }
#contact input[type="submit"],
#job input[type="submit"] { background: #000; border:1px solid #000; color: #FFF; cursor: pointer; font:normal 16px Georgia; height: 26px; line-height: 26px; margin: 5px 0; width: 168px; }
#job #cv_faux { left: 0; margin: 0; position: absolute; top: 0; z-index: 1; }
#job #cv_wrapper label { background-color: #000000; color: #FFFFFF; font:normal 16px Georgia; height: 28px; line-height: 28px; position: absolute; right: 29px; text-align: center; top: 0; width: 70px; z-index: 2; }
#job #cv_real { left: 0; height: 28px; opacity:0; -moz-opacity:0; -webkit-opacity:0; filter:alpha(opacity:0); position: absolute; top: 0; width: 294px; z-index: 3; }

.Overlayer-Wrapper { background-color: #FFFFFF; left: 50%; margin-left: -200px; position: absolute; top: 20%; width: 400px; z-index: 2000; transform: rotate(-2deg); -ms-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -o-transform: rotate(-2deg); -moz-transform: rotate(-2deg); }
.Overlayer-Header { background-color: #FF0000; float: left; height: 35px; padding: 5px; width: 300px; }
.Overlayer-Exit { background-color: #000000; float: right;}
.Overlayer-Exit a { color: #FFFFFF; display: block; float: right; font: normal 14px Georgia; height: 45px; line-height: 45px; text-align: center; text-decoration: none; width: 90px; }
.Overlayer-Content { clear: both; padding: 5px; }

.Pag-Mod { border-top: 1px solid #333333; padding-top: 5px; text-align: center; }
.Pag-Mod ul li { display: inline-block; *display: inline; zoom: 1; }
.Pag-Mod ul li a { color: #333333; display: block; font: normal 30px Georgia; padding: 2px 12px; text-decoration: none; }
.Pag-Mod ul li a.current { background-color: #333333; color: #FFFFFF; }

.Inner-Content,
.Articles			{ position:relative; display:block; z-index:5; height:auto!important; height:550px; }

.Mce-Content li		{ font:normal 16px Georgia; }

.cookie-terms {
}
.cookie-terms p{
	display: block;
	padding: 5px 0 !important;
}
.cookie-terms ul{
	margin: 0 15px
}
#cookiesBar{
	padding: 9px 70px 9px 40px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #eeeeee;
	cursor: pointer;
	z-index: 100;
        text-align: center;
        font-size: 12px;
	display: none;
}
.cookiesBarClose{
	font-weight: bold;
	text-decoration: none;
	font-family: arial;
        color: #fff !important;
	color: #fff;
	background: #555;
	border: 1px solid #000;
	border-radius: 3px;
	padding: 4px 8px;
	display: inline-block;
	margin-left: 30px;
	
}
@media (max-width:500px) {
.navbar-collapse {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -1px;
}
.navbar {
padding: 0.5rem 0 !important;
}

.navbar .nav-link {
font-size: 26px;
padding: 10px !important;
}
.MenuBarSubmenuVisible {
 position: initial !important;
padding:0 !important;
}
.Dot {
margin: 9px;
    margin-top: 13px;
}
.MenuBarSubmenuVisible li {
width:100% !important;
}
.MenuBarSubmenuVisible li a {
font-size: 22px !important;
}
ul.MenuBarHorizontal a {
padding: 10px !important;
}
ul.MenuBarHorizontal {
background: #efefef !important;
}
}
@media screen and (min-width: 500px) {
    .wow{
        animation-name: none !important;
        visibility: visible !important;
    }
}