@charset "UTF-8";
/*
Theme Name: renover
Author: D4U
Description: renover theme.
Version: 1.0
Tags: renovercss

*/

body
{
	margin:0 auto;
	padding:0;
	max-width:1680px;
	height:100%;
	font-size:16px;
	font-family:arial;
}

#content
{

}

.entry-title
{
	display:none!important;
}

#eg_ren
{
	width: 100%;
	height: 100vh;
	position: relative;
	cursor: pointer;
}

#eg
{
	position: absolute;
	left: 0;
	height: 100%;
	width: 50%;
	display: inline-block;
	background:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/eglux_logo_wall_couleur.jpg);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

#eg:hover, #eg:focus, #eg:active, #ren:hover, #ren:focus, #ren:active {
	filter: grayscale(0);
	transition: ease-in all 0.40s;
}

#ren {
	position: absolute;
	right: 0;
	height: 100%;
	width: 50%;
	display: inline-block;
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/renover_logo_wall_couleur.jpg);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto auto;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#ren:hover
{
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/renover_logo_wall_couleur.jpg);
	transition:ease-in all 0.4s;
}

#eg, #ren {
	filter: grayscale(1);
	transition: ease-in all 0.40s;
	height: 1500px;
	max-height: 100vh;
	/*max-height: 100%;*/
}

#menu
{
	/*height:840px;	*/
}

#menu_left
{
	/*width:820px;*/
	width: 50%;
	/*background-color:black;*/
	float:left;
	/*height:840px;*/
}

#menu_right
{
	/*width:860px;*/
	width: 50%;
	float:right;
	/*height:840px;*/
	padding-top:40px;
}

#menu_right>ul>li/*:NOT(:last-child)*/{
	padding-right: 10px;
}
#menu_right>ul>li{
	width: 100%;
	margin-bottom: 20px;
}

#menu_right ul li ul {
	display:none;
	text-align:left;

}

#menu_right ul li ul li{
	margin-top:15px;
	padding:4px;
	margin-left:30px;
}

#menu_right ul li ul li:hover, #menu_right ul li ul li:focus, #menu_right ul li ul li:active
{
	border:2px black solid;
	border-radius:10px;
	color:black;
	padding:3px 5px;
	margin-left:28px;
}


#menu_right ul li:hover ul {
	display:block;
}
#menu_right li:hover ul li {
	float:none;
}

#menu_right li ul {
	position:absolute;
}

#menu_right ul {
	padding:0;
	list-style-type:none;
	text-align:center;
}

#menu_right li {
	float:left;
	margin:auto;
	padding:0;
}

#menu_right li a {
	display:block;
	text-decoration:none;
	font-weight:bold;
}

#menu_right ul li a:hover {
	color:#FFD700;
}

#section1, #section_menu{
	background: linear-gradient(to left, #fff 50%, #000 50%);
}
.elementor-section.elementor-section-height-full{
	height: auto!important;
	min-height: 100vh;
}

a
{	
	text-decoration:none;	
	color:black;
}

li.logo_eg_small
{
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/eg_black_small.png);
	background-repeat:no-repeat;
	width:47px; 
	height:26px;
	margin-left:17px;
}

#pic_interieur
{
	/*width:879px;*/
	/*height:441px;*/
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/3d_renover-1.jpg);
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
	/*margin-left:420px;*/
	/*margin-top:310px;*/
}


#logo_ren{
	position: relative;
	width:291px;
	height:83px;
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/renover_jaune.png);
	margin-left:134px;
	margin-top:34px;
}

#logo_ren a{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
}



#ref
{	
	margin-top:100px;
	min-height:1850px;
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/cadre.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.col_qui_sommes_nous{
	padding: 10px;
}
#ref_a
{
	min-height:1130px;
	width:590px;
	max-width: 100%;
	background-image:url(../image/poutres.jpg);
	background-repeat:no-repeat;
	margin-top:120px;
	margin-left:490px;
	float:left;
}


#ref_b
{
	width:500px;
	max-width: 100%;
	min-height:362px;
	background-color:black;
	color:white;
	float:left;
	/*padding-top:60px;*/
	padding-top:70px;
	padding-left:45px;
}

#ref_c
{
	/*width:1370px;*/
	height:300px;
	/*max-width: 100%;*/
	/*height:597px;*/
	background-color:white;
	/*position:absolute;*/
	/*margin-top:1050px;*/
}


a.savoir
{	
	border:2px black solid;
	border-radius:15px;
	padding:10px;
	margin-bottom:10px;
	font-weight:bold;
}
#btn_more_details{
	margin-bottom:20px;
}



#nos_ref{
	padding: 10px;
}
#nos_ref ul {
	list-style-type:none;
}
#nos_ref ul li
{
	margin-top:15px;
	padding:14px;
}
#nos_ref li:hover
{
	border:2px solid black;
	border-radius:15px;
	padding:13px;	
}
#nos_ref a{
	display:block;
}


#galerie_photos img{
	transition: ease-in all 0.40s;
}
#galerie_photos img:hover
{
	opacity:0.40;
	transition: ease-in all 0.40s;
}

.elementor-image-gallery{
	overflow: hidden;
}


#section_contact .elementor-element:last-child .elementor-column-wrap{
	background: #f4f4f4;
	padding: 0;
}
#contact
{	width: 100%;
	float:left;
	color:#f4f4f4;
}


#map{
	background-color:#f4f4f4;
	width: 100%;
}

#container_map{
	width: 100%;
	height: 550px;
	position: absolute;
	right: 0;
	/* top: 100px; */
	top: 140px;
	max-width: 100%;
}

#contact input
{
	background-color:black;
	color:#f4f4f4;
	border:1px #f4f4f4 solid;
	margin-top:30px;
	/*margin-left:215px;*/
	/*margin-left: 25%;*/
	padding:15px;
	/*border-radius:5px;*/
	width:100%;
	max-width: 100%;
}

#contact textarea
{
	background-color:black;
	color:#f4f4f4;
	border:1px #f4f4f4 solid;
	margin-top:30px;
	/*margin-left:215px;*/
	/*margin-left: 25%;*/
	padding:15px;
	/*border-radius:5px;*/
	resize:none;
	width:100%;
	max-width: 100%;
	height:150px;
}

#contact button, #contact input[type="submit"]
{
	background-color:black;
	color:#f4f4f4;
	border:1px #f4f4f4 solid;
	margin-top:30px;
	/*margin-left:215px;*/
	/*margin-left: 25%;*/
	padding:15px;
	border-radius:5px;
	width:100%;
	max-width: 100%;
}


#contact h2
{
	font-size:30px;
	text-align:center;
}

#top_map{
	margin-top:10px;
	margin-left:20px;
	font-size:25px;
}

#top_map h3{
	float:left;
	margin-left:50px;

}

#top_map img.logo_map_ren{
	float:left;
	margin-top:20px;
}

#top_map img.logo_map{
	float:left;
	margin-left:50px;
	margin-top:25px;
}

#left_map{
	position:absolute;
	margin-top:100px;
}


.facebook{
	position: relative;
	width:40px;
	height:40px;
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/logo_facebook.png);
	background-repeat:no-repeat;
	background-position:center;
	border:2px black solid;
	margin-left:150px;
}
.facebook a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

.linkedin{
	position: relative;
	width:40px;
	height:40px;
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/logo_linkedin.png);
	background-repeat:no-repeat;
	background-position:center;
	border:2px black solid;
	margin-left:150px;
	margin-top:20px;
}
.linkedin a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 2;
}

#tel, #fax, #mail
{
	font-weight:bold;
}

#tel
{
	margin-left:50px;
	margin-top:50px;
	padding-left:40px;
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/logo_phone.png);
	background-repeat:no-repeat;
	background-position:2% 60%;
}

#fax
{
	margin-left:50px;
	margin-top:20px;
	padding-left:40px;
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/logo_fax.png);
	background-repeat:no-repeat;
	background-position:0 60%;
}

#mail
{
	margin-left:50px;
	margin-top:20px;
	padding-left:40px;
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/logo_mail.png);
	background-repeat:no-repeat;
	background-position:0 60%;
}

#bottom_map{
	position:absolute;
	margin-top:660px;
	margin-left:300px;
}

#bottom_map img.logo_map_ren_s
{
	float:left;
	margin-top:6px;
}

.adresse
{
	float:left;
	font-size:14px;
	margin-left:10px;
}

#menu_map{
	float:left;
	/*margin-top:650px;*/
	font-size:12px;
	/*margin-left:150px;*/
}

#menu_map>ul>li{
	margin-bottom: 20px;
}



#menu_map ul li:hover ul {
	display:block;
}
#menu_map li:hover ul li {
	float:none;
}

#menu_map li ul {
	position:absolute;
}

#menu_map ul {
	padding:0;
	list-style-type:none;
	text-align:center;
}

#menu_map li {
	float:left;
	margin-left:50px;
	padding:0;
}


#menu_map ul li a:hover {
	color:#FFD700;
}

li.logo_eg_small_map
{
	background-image:url(https://renoverbyeglux.lu/wp-content/uploads/2018/12/eg_black_small.png);
	background-repeat:no-repeat;
	width:47px; 
	height:26px;
	margin-top:-10px;

}

#info
{
	/*width:1680px;*/
	width:100%;
	max-width:100%;
}

.post-edit-link
{
	display:none;
}


/*#########################*/
/*##### MEDIA QUERIES #####*/
/*#########################*/
/*MIN 768*/
@media all and (min-width: 768px) {
	#logo_ren{
		margin-left: 50px;
	}
	#galerie_photos{
		margin:170px auto;
		max-width:1280px;
	}
	#ref_c{
		width:768px;
		position:absolute;
		margin-top:1200px;
	}
	#nos_ref{
		margin-left:100px;
		margin-top:50px;
	}
	#nos_ref ul {
		margin-left:100px;
	}

	#section_ref_smartphone{
		display: none;
	}
	
	#section_contact{
		background: linear-gradient(to right, #000 95%, #f4f4f4 5%);
	}
	#contact input{
		width:250px;
		max-width: 95%;
	}
	#contact textarea{
		width:350px;
		max-width: 95%;
	}
	#contact button, #contact input[type="submit"]{
		width:100px;
		max-width: 95%;
	}

	#top_map{
		margin-top: 40px;
		margin-left: 20px;
	}
	#top_map h3{
		margin-left: 20px;
	}
	#top_map img.logo_map{
		margin-left: 20px;
	}

	#container_map{
		max-width: 55%;
	}
	#menu_map{
		margin-top:650px;
		margin-left:0;
	}
	#bottom_map {
		margin-left: 20px;
	}
}

/*MIN 1025*/
@media all and (min-width: 1025px) {
	#menu_right>ul>li{
		width: 50%;
	}
	#menu_right>ul>li:last-child{
		/*width: 100%;*/
		/*background-position: center;*/
	}

	#contact{
		height:920px;
		/*width:100%;*/
	}

	#contact input{
		margin-left: 15%;
		width:calc(250px - 5%);
	}

	#contact textarea{
		margin-left: 15%;
		/*width:calc(350px - 25%);*/
	}

	#contact button, #contact input[type="submit"]{
		margin-left: 15%;
	}

	#ref_c{
		width:1025px;
		position:absolute;
		margin-top:1200px;
	}
	#nos_ref{
		margin-left:100px;
		margin-top:50px;
	}
	#nos_ref ul {
		margin-left:100px;
	}

	#top_map h3{
		margin-left:50px;

	}
	#top_map img.logo_map_ren{
		margin-top:20px;
	}
	#top_map img.logo_map{
		margin-left:50px;
		margin-top:25px;
	}
	#container_map{
		max-width: 65%;
	}
	#menu_map{
		margin-left:100px;
	}
}

/*MIN 1201*/
@media all and (min-width: 1201px) {
	#menu{
		/*height:840px;	*/
	}

	#menu_left{
		width: 50%;
		background-color:black;
		float:left;
		/*height:840px;*/
	}

	#menu_right{
		width: 50%;
		float:right;
		/*height:840px;*/
		/*padding-top:40px;*/
	}
	#menu_right>ul>li{
		margin-left: 4%;
		width: auto;
		/*width: 25%;*/
		/*width: 20%;*/
	}
	/*
	#menu_right>ul>li:last-child{
		width: auto;
		width: 25%;
		width: 20%;
		background-position: left;
	}
	*/
	#contact{
		height:920px;
		/*width:710px;*/
	}

	#contact input{
		margin-left: 25%;
		width:calc(250px - 5%);
	}

	#contact textarea{
		margin-left: 25%;
		/*width:calc(350px - 25%);*/
	}

	#contact button, #contact input[type="submit"]{
		margin-left: 25%;
	}

	#ref_c{
		width:1201px;
		position:absolute;
		margin-top:1200px;
	}
	#nos_ref{
		margin-left:150px;
		margin-top:80px;
	}
	#nos_ref ul {
		margin-left:150px;
	}

	#top_map{
		margin-left: 150px;
	}
	#container_map{
		max-width: 70%;
	}
	#menu_map{
		margin-left:150px;
	}
	#bottom_map {
		margin-left: 250px;
	}
}

@media all and (min-width: 1270px) {
	#top_map{
		margin-left: 300px;
	}
	#bottom_map {
		margin-left: 300px;
	}
}


/*MIN 1371*/
@media all and (min-width: 1371px) {
	#ref_c{
		width:1370px;
		position:absolute;
		margin-top:1050px;
	}
	#nos_ref{
		margin-left:300px;
		margin-top:100px;
	}
	#nos_ref ul {
		margin-left:150px;
	}
	#container_map{
		max-width: 73%;
	}
}

/*MAX 1370*/
@media all and (max-width: 1370px) {

}

/*MAX 1200*/
@media all and (max-width: 1200px) {
	#menu_right>ul>li{
		margin-left: 0;
	}
}

/*MAX 1024*/
@media all and (max-width: 1024px) {
	#menu_right>ul>li:last-child{
		/*width: 100%;*/
		/*background-position: center;*/
	}

	#menu_right ul li:hover ul{
		display: none;
	}
}

/*MAX 768*/
@media all and (max-width: 767px) {
	#logo_ren{
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#menu_right, #menu_left{
		width: 100%;
	}
	#menu_right{
		background: #fff;
	}
	#menu_left{
		background: #000;
	}
	#galerie_photos{
		margin:0 auto 30px auto;
		padding: 10px;
		max-width:100%;
	}
	#ref_c{
		display: none;
	}
	#section_contact{
		background-color: #000;
	}

	#left_map{
		position:relative;
		margin-top:100px;
		width: 100%;
	}

	#top_map{
		text-align: center;
	}
	#top_map img.logo_map_ren {
		float: none;
		margin-top: 20px;
	}
	.logo_map_ren{
		display: block;
		margin: auto;
	}
	#top_map h3{
		display: inline-block;
		max-width: 230px;
		float: none;
		margin-left: 0;
	}
	#top_map img.logo_map{
		display: inline-block;
		float: none;
		margin-left: 20px;
	}
	#left_map {
		margin-top: 10px;
	}

	#menu_map{
		margin-top: 30px;
		margin-left: 0;
		width: 100%;
	}
	#menu_map>ul>li{
		width: 100%;
	}
	#menu_map>ul>li:last-child{
		background-position: center;
	}

	#container_map{
		position: relative;
		top: 0;
		margin: 20px auto;
	}
	#bottom_map img.logo_map_ren_s {
		float: none;
		display: block;
		margin: auto;
	}
	.adresse{
		float: none;
	}
	#bottom_map {
		text-align: center;
		position: relative;
		margin-left: auto;
		margin-top: 10px; 
	}
	#menu_map li {
		margin-left: 0;
	}
	#menu_map > ul > li:last-child {
		margin-left: 0!important;
	}
}

/*MIN 1301*/
@media all and (min-width: 1316px) {
	#menu_right>ul>li{
		width: auto;
		margin-left: 6%;
	}
}
/*MIN 1451*/
@media all and (min-width: 1466px) {
	#menu_right>ul>li{
		width: auto;
		margin-left: 8%;
	}
}
/*MIN 1641*/
@media all and (min-width: 1641px) {
	#menu_right>ul>li{
		width: auto;
		margin-left: 10%;
	}
}