@charset "utf-8";

/* Responsive */
.pageBody, #pageBody{width:996px;}
.navbar{padding-top:0px;}
.NavBar{bottom:3px !important;}
.Logo-Dev{bottom:14px;}
.Header-Right-Content{top: 141px;right: 30px;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:white !important;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:white !important;}
.recommand_tooltip{width:370px;}
@media(min-width:768px){
	.displayNoneDesk{display:none;}
}
@media(max-width:767px){

	body{background:none;}
	.pageBody, #pageBody{width: 100%;margin-top:0px;background-size:cover;padding:10px 15px;}
	.Header-Middle{height:auto !important;text-align:center;padding-top: 30px;padding-bottom: 10px}
	.Logo-Name{font-size:50px;position:initial;}
	.Logo-Dev{position:initial;}
	.Logo-Img{position:static;transform:none !important;-webkit-transform:none !important;left:auto;display:block;text-align:center;margin:0 auto 10px;}
	.Logo-Img img{height:auto;width:auto;max-width:80%;max-height:90px;display:inline-block;}
	.Header-Right-Content{position:initial;top: -9px;position: relative;right:0px;}
	.navbar-toggler{border:2px solid black;}
	.navbar{padding-top:3px;z-index:999999}
	.Left-Column,.left-col-text{width:100% !important;margin:0 !important;}
	.Box-Image img,.Right-Column,.Inner-Page-Content,.Testimonials li,.Box-Image,.Job-Content,.service div,.imgcont .item,#pageBody .service .item.Box-Image{width:100% !important;}
	ul.MenuBarHorizontal{width:100% !important;background:lightgrey;border:1px solid black;}
	ul.MenuBarHorizontal li{border-right:0 !important;}
	.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color:white !important;}
	#pageBody{background:url(/img/page_bg_mobile.png) no-repeat top left;background-size:cover;}
	.Home-Section-Box,.Section-Box{width:100% !important;margin:0 !important;margin-bottom: 20px !important;}
	.displayNoneMob{display:none;}
	#footer_img{display:none;}
	.WebDesign{float:unset !important;}
	.Footer-Menu ul {padding: 20px 0 40px 0;}
	.About-Images{text-align:center;}
	.About-Images li{width:49%;}
	.NavBar{bottom:3px !important;}
	.Back-Bt{top:-16px !important;}
	.Portfolio li{width:100% !important;margin-bottom:30px;}
	.Portfolio .Box-Image {float: unset !important;width: 100%;}
	.Cols-Title{margin: 25px 0 30px;}
	.videoImg{top: 2px !important;right: 0;left:unset !important;}
	.Box-Image a{width:100%;margin:0 0 10px 0 !important;}
	.Inner-Page-Content p{padding:0 !important;}
	.Main-Title{font: normal 34px Georgia;}
	.Jobs{margin-bottom:0px !important;}
	#contact input[type="text"], #job input[type="text"]{width:100% !important;}
	#mesaj{width:100% !important;max-width:unset!important;}
	#cod_securitate_wrapper #cod_securitate_input{width:120px !important;}
	.serviceVideo{left: 135px !important;top: 1px !important;}
	.serviceVezi{margin-bottom:10px;}
	.service .img_grayscale{display:none;}
	.service li{margin-left:0px !important;}
	.portURL{margin-top:20px;}
	/* portfolio video: show the mobile variant, hide the desktop one */
	.portVideoDesktop{display:none;}
	.portVideoMobile{display:block;width:100% !important;}
	/* "Galerie intai pe mobil": put the gallery column above the text column */
	.PortCols.galleryFirst{display:flex;flex-direction:column;}
	.PortCols.galleryFirst .Inner-Right-Col{order:1;}
	.PortCols.galleryFirst .Inner-Left-Col{order:2;}
	/* --- lightbox on mobile: keep the whole box inside the viewport and centered,
	   so the "close" button no longer flies off the right edge --- */
	#jquery-overlay{height:100% !important;}
	#jquery-lightbox{left:0 !important;width:100% !important;padding:0 !important;}
	#lightbox-container-image-box{width:92% !important;max-width:92% !important;height:auto !important;margin:0 auto !important;}
	#lightbox-container-image{padding:5px !important;}
	#lightbox-image{width:100% !important;height:auto !important;max-width:100% !important;}
	#lightbox-container-image-data-box{width:92% !important;max-width:92% !important;margin:0 auto !important;box-sizing:border-box;}
	#lightbox-secNav-btnClose{float:right !important;margin-right:8px;}
	#lightbox-nav-btnPrev,#lightbox-nav-btnNext{height:auto !important;}
	/* promo overlayer centered on mobile */
	.Overlayer-Wrapper{left:50% !important;margin-left:0 !important;width:90% !important;max-width:360px;transform:translateX(-50%) rotate(-2deg) !important;-webkit-transform:translateX(-50%) rotate(-2deg) !important;}
	.recommand_tooltip{width:100%;left:unset !important;}
	.recommand_tooltip .field_c,.recommand_tooltip .field_c_big{width:190px;}
	#captchacode{width:90px !important;}
	#cv_wrapper #cv_faux{width:210px !important;}
	#motivatia{width:100% !important; max-width:unset !important;}
}



/* End Responsive */