/*
Theme Name: Muab Custom
Theme URI: http://www.muab.fr
Author: El mansouri Abdelilah
Author URI: http://www.muab.fr
Description: Custom theme for Fabernovel
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Muab


*/

@import url('css/reset.css');

/***** FONTS  *********/
@import url('css/fonts/font.css');


@import url('css/pattern.css');

/* Isotope ----------- */

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

img {
	margin: 0;
}

.list_element {
	width: 100%;
	margin: 0 auto;		
}


.post_element img, .isotope-item img{	
	width: 100% !important;
	height: auto;	
	-moz-transition-property: opacity;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;	
}



/* =Structure
----------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 15px;
	line-height: 25px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	text-rendering: optimizeLegibility;
	color: #3c3c3c;
	overflow-x: hidden;
	background: url(images/header_top.jpg) no-repeat;
	
}

body.error404{
	background: none;
}

a {
	outline: none;
	color: #21759b;
}
a:hover {
	color: #0f3647;
}

.inside{
	max-width: 960px;
	padding: 0 10px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	margin: 0 auto;
}

#bg{
	min-height: 503px;
	position: fixed;
	top:0;
	width: 100%;
	z-index: -1;
	
}


	.chapo_site{
			top: 250px;
			z-index: 10;
			text-align: right;
			font-size: 25px;
			line-height: 30px;
			position: absolute;
			width: 100%;
	
	}
		.chapo_site .chapo{
			color: #d7c15e;
			font-size: 45px;
			line-height: 45px;
			margin-bottom: 5px;
		}
		.chapo_site a{
			color: #3c3c3c;
			font-weight: bold;
			position: relative;
			text-decoration: none;
		}
			.chapo_site a:before{
				content:'';
				width: 29px;
				height: 11px;
				background: url(images/bg_strong.png) no-repeat center center;
				bottom: -15px;
				left: 0;
				position: absolute;
			}
		.chapo_site a:hover{
			color: #d7c15e;
			position: relative;
		}
		.chapo_site a:before{
		
		}
#masthead{
	position: fixed;
	top:0;
	width: 100%;
	z-index: 20;
	min-height: 125px;
}

#masthead.fixed{
	min-height: 100px;
	background: #fff;
	border-bottom: 1px solid #d7c15e;
}

.site-title{
	margin-top: 30px;
	width: 218px;
	float: left;
}
.site-title img{
	width: 100%;
}

#masthead.fixed .site-title{
	width: 140px;
}

#wrapper_404{
	text-align: center;
	top:0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	display: none;
}

.#wrapper_404.active{
	display: block;
}
#wrapper_404 .inside{
	padding-top: 20%;
}
#wrapper_404 h2{
	padding-top: 50px;
}
#wrapper{
	padding-top: 500px;
	opacity: 0;

}	
.site{
	background: #fff;
}

/***************  navigation  ******/

.navigation{
	font-size: 15px;
	line-height: 17px;
	font-weight: 700;
	float: right;
}
.navigation ul{
	float: right;
}
.navigation li{
	float: left;
	
}
.navigation a{
	color: #3c3c3c;
	text-decoration: none;
	position: relative;
	padding-left: 10px;
	display: block;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}
.navigation a:before{
	content: '';
	position: absolute;
	width: 5px;
	height: 3px;
	top:49%;
	left: 0;
	margin-top: -2px;
	background: #d7c15e;
}

/***** hover *****/

.navigation a:hover{
	color: #c5a929;
}
.navigation a:hover:before{
	content: '';
	position: absolute;
	width: 5px;
	height: 3px;
	top:49%;
	left: 0;
	margin-top: -2px;
	background: #3c3c3c;
}

.navigation a.current_page_item{
	border-top: 1px solid #d7c15e;
	border-bottom: 1px solid #d7c15e;
	
}
.main-navigation{
	margin-top: 30px;
	max-width: 610px;
	float: right;
}
.main-navigation li{
	min-width: 110px;
	margin-bottom: 10px;
	margin-left: 40px;
}


.menu-toggle
	{
		width: 70px;
		height: 70px;
		
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		display: none;
	}
	
		.menu-toggle span
		{
			width: 20px;
			height: 2px;
			display: block;
			background: #111;
			margin-bottom: 4px;
			position: absolute;
			left: 25px;
			
			-webkit-backface-visibility: hidden;
			-webkit-transform: translate3d(0, 0, 0);
			
			-webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
			   -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
				 -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
				    transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
		}
	
		.menu-toggle .line1
		{
			top: 28px;
		}
		
			.close .line1
			{
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
				top: 34px;
			}
		
		.menu-toggle .line2
		{
			top: 34px;
		}
		
			.close .line2
			{
				opacity: 0;
			}
		
		.menu-toggle .line3
		{
			top: 40px;
		}
		
			.close .line3
			{
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
				top: 34px;
			}
			
		
/************  info  ***********/
.infos{
	color: #fff;
	background: #3c3c3c;
	padding: 50px 0;
	font-size: 18px;
	line-height: 25px;
}
	.infos .content_info{
		position: relative;
		padding: 18px 0;
	}
		.infos .content_info:before{
			content: '';
			position: absolute;
			width: 7px;
			height: 3px;
			top:0;
			left: 0;
			background: #d7c15e;
		}
		.infos .content_info:after{
			content: '';
			position: absolute;
			width: 7px;
			height: 3px;
			bottom:0;
			left: 0;
			background: #d7c15e;
		}

	.infos strong{
		color: #decd82;
		font-weight: normal;
	}

/****************  SECTION PAGE  ********/

#allPages{
	padding-top: 45px;
}
.section_page{
	padding-bottom: 70px;
	margin-bottom: 70px;
	position: relative;
}
	.section_page:before{
		content: '';
		position: absolute;
		width: 450px;
		height: 2px;
		bottom:0;
		left: -390px;
		background: #d7c15e;
	}
		
.title_page{
	font-size: 95px;
	line-height: 105px;
	font-family: 'VidalokaRegular';
	margin-bottom: 20px;
}


.chapo{
	font-family: 'VidalokaRegular';
	font-size: 25px;
	line-height: 30px;
	margin-bottom: 20px;
}

.text_large{
	font-size: 40px;
	line-height: 45px;
	font-weight: 200;
	margin-bottom: 25px;
	padding-top: 15px;
	
}
.bloc_carousel{
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	text-align: center;
}
	.bloc_carousel .bt_owl{
		position: absolute;
		top: 50%;
		margin-top: -9px;
		width: 11px;
		height: 18px;
		display: block;
		text-indent: -9000px;
	}
	.bloc_carousel .bt_owl.bt_prev{
		left: 0;
		background: url(images/prev.png) no-repeat center center;
	}
	.bloc_carousel .bt_owl.bt_next{
		right: 0;
		background: url(images/next.png) no-repeat center center;
	}

/********* col ************/
.all-columns {
	width: 100%;
	clear: both;
	margin-bottom: 15px;
	}
.all-columns .col{
	float: left;
	position: relative;
}


	
	.one-half,
	.one-third,
	.two-third {
		float: left;
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
	}
	.one-half {
	    width: 49%;
	}
	.one-third {
	    width: 30%;
	}
	.two-third {
	    width: 64%;
	}
	.all-columns .first {
		clear: left;
		margin-right: 2%;
	}
	.all-columns .last {
		margin-left: 2%;
	}


.alignright {
	float: right;
}
/**** section serving-ceos ****/

.section_page.serving-ceos .all-columns:nth-child(2) .col{
	padding-top: 10px;
	
}
.section_page.serving-ceos .all-columns:nth-child(2) .col:before{
	content: '';
	position: absolute;
	width: 22px;
	height: 5px;
	top:0;
	left: 0;
	background: #d7c15e;

}

.section_page.serving-ceos .all-columns .col img{
	width: 100%;	
}


/***** section_page advising  ********/

.section_page.advising .col{
	border: 15px solid #eeeeee;
	padding: 15px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	font-size: 15px;
	
	opacity: 0;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    transform: translateX(80px);
}

.section_page.advising .col.first{
	-webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    transform: translateX(-80px);
}


.section_page.advising .col.animate {
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    -moz-transition: -moz-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}
	.section_page.advising .col h3{
		font-size: 30px;
		line-height: 35px;
		font-weight: 500;
		margin-bottom: 30px;
		text-transform: uppercase;
		position: relative;
	}	
		.section_page.advising .col h3:before{
			content: '';
			position: absolute;
			width: 22px;
			height: 5px;
			bottom:-15px;
			left: 0;
			background: #d7c15e;
		}
	.section_page.advising .col h4{
		font-size: 20px;
		line-height: 25px;
		font-weight: 700;
		margin-bottom: 30px;
		text-transform: uppercase;
		position: relative;
	}
		.section_page.advising .col h4:before{
			content: '';
			position: absolute;
			width: 22px;
			height: 5px;
			bottom:-15px;
			left: 0;
			background: #d9d9d9;
		}
	.section_page.advising .col h5{
		font-size: 18px;
		line-height: 25px;
		font-weight: 400;
		margin-bottom: 20px;
	}
	.section_page.advising .col ul{
		padding-left: 20px;
		margin-bottom: 20px;
	}
	.section_page.advising .col li{
		position: relative;
		padding-left: 10px;
	}
	.section_page.advising .col li:before{
		content: '•';
		color: #d7c15e;
		position: absolute;
		left: 0;
		top:3px;
		
	}

/***** section_page Investing  ********/

.section_page.investing .all-columns{
	margin-bottom: 0;
}

.section_page.investing .all-columns{
	display: none;
}
.section_page.investing .all-columns:nth-of-type(1),
.section_page.investing .all-columns.active{
	display: block;
}
.section_page.investing .col h3{
	display: block;
	color: #c4c4c4;
	font-size: 30px;
	line-height: 35px;
	font-weight: 500;
	padding: 12px;
	text-transform: uppercase;
	position: relative;
	border-bottom: 2px solid #e9e9e9;
	cursor: pointer;
	font-weight: normal;
}

.section_page.investing .col.active h3{
	color: #3c3c3c;
	border: 2px solid #d7c15e;
}
.section_page.investing .col li{
	padding-top: 10px;
	position: relative;
	margin-bottom: 15px;
}
	.section_page.investing .col li:before{
		content: '';
		position: absolute;
		width: 22px;
		height: 5px;
		top:0;
		left: 0;
		background: #d7c15e;
	}
	
/***** section_page Industrie  ********/	
.section_page.industry .all-columns{
	padding-top: 20px;
	margin-bottom: 0;
}	
.section_page.industry .all-columns .col{
	width: 100%;
	float: none;
	position: relative;
	
	padding-left: 90px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.section_page.industry .all-columns .col.first{
	margin-bottom: 30px;
}

	.section_page.industry .all-columns .col img{
		position: absolute;
		top: 0;
		left: 0;
	}
	.section_page.industry .all-columns .col h3{
		text-transform: uppercase;
		font-size: 20px;
		line-height: 24px;
		font-weight: 700;
		margin-bottom: 15px;
		position: relative;
	}
		.section_page.industry .col h3:before{
			content: '';
			position: absolute;
			width: 22px;
			height: 5px;
			top:10px;
			left: -35px;
			background: #d7c15e;
		}

/***** section_page operating  ********/	
.section_page.operating .all-columns{
	padding-top: 25px;
	margin-bottom: 0;
	
}
.section_page.operating p{
	font-size: 20px;
	line-height: 30px;
}

.section_page.operating p.text_large{
	font-size: 40px;
	line-height: 45px;
	font-weight: 200;
	
}

.section_page.operating .all-columns .col.first{
	padding-top: 15px;
}
.section_page.operating .all-columns .col.first p{
	margin-bottom: 25px;
}	

.section_page.operating .all-columns .col img{
	width: 100%;
}

/***** section_page Team  ********/	


.list_team .col{
	width: 49%;
	float: left;
	opacity: 0;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    transform: translateX(-80px);  
}
.list_team .col_2{
	width: 49%;
	float: right;
	
	-webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    transform: translateX(80px);
}

.list_team .col.animate {
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    -moz-transition: -moz-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

.list_team article{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	margin-bottom: 20px;
	width: 100%;
	z-index: 1;
	
}

.list_team article .content_post{
	border: 8px solid #eeeeee;
	padding: 12px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	position: relative;
	background: #fff;
}

.post.team .post_thumbnail{
	width: 103px;
	height: 103px;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
	border-radius: 50%;
	background: #eeeeee;
	float: left;
	margin-right: 18px;
}
	.post.team .post_thumbnail a{
		display: block;
		position: relative;
	}
	.post.team .post_thumbnail a .cache{
		display: block;
		position: absolute;
		width: 100%;
	}
	.post.team .post_thumbnail img{
		width: 100%;
		display: block;
	}

.post.team .int{
	border-left: 5px solid #d7c15e;
	padding-left: 20px;
	float: left;
	width: 60%;
	margin-top: 30px;
}
	.post.team .int h3{
		font-size: 20px;
		font-weight: 400;
	}
	.post.team .int h4{
		font-size: 15px;
		font-weight: 200;
	}
	
.post.team .content_team{
	display: none;
	line-height: 22px;
}
.post.team .more{
	position: absolute;
	bottom: -8px;
	right: -8px;
	width: 38px;
	height: 39px;
	display: block;
	background: url(images/bt_plus.png) no-repeat center center;
	text-indent: -9000px;
}
	.post.team.open .more{
		background: url(images/bt_plus_close.png) no-repeat center center;
	}
	
/***** section_page News  ********/	

.section_page.news .post.news{
	padding-top: 20px;
	margin-bottom: 25px;
	font-size: 20px;
	line-height: 30px;
	position: relative;
}
	.section_page.news .post.news:before{
			content: '';
			position: absolute;
			width: 22px;
			height: 5px;
			top:0;
			left: 0;
			background: #d7c15e;
		}
.section_page.news .post.news h3{
	font-family: 'VidalokaRegular';
	color: #c4c4c4;
	font-size: 35px;
	line-height: 38px;
	margin-bottom: 10px;
	font-weight: normal;
}

/***** section_page Office  ********/	

.section_page.offices:before{
		display: none;
	}

.section_page.offices .all-columns{
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 40px;
	font-weight: 400;
}
.section_page.offices .col{
	width: 32%;
	margin-bottom: 30px;
}
.section_page.offices img{
	width: 100%;
	margin-bottom: 10px;
}
.section_page.offices h3{
	font-size: 30px;
	line-height: 35px;
	font-weight: 200;
	text-transform: uppercase;
	margin-bottom: 0;
}

.section_page.offices a{
	color: #d7c15e;
	font-size: 30px;
	padding: 10px 30px;
	font-weight: 200;
	text-decoration: none;
	border: 3px solid #eeeeee;
}
.section_page.offices a:hover{
	color: #3C3C3C;
	border: 3px solid #3C3C3C;
}


/*****************  footer  ***********/

#footer{
	width: 100%;
	display: block;
	background: #e3e3e3;
	
	
}

#footer .inside{
	position: relative;
	padding: 80px 0;
}
	#footer h5.logo_footer{
		float: left;
	}
	.logo_footer{
		max-width: 144px;
	}
		#footer h5.logo_footer img{
			width: 100%;
			display: block;
		}
	
	.footer-navigation{
		margin-top: 25px;
	}
	.footer-navigation li{
		margin-left: 20px;
	}
	.back{
		background: url(images/back.png) no-repeat left center;
		position: absolute;
		top: 20px;
		right: 20px;
		padding: 3px 0 3px 18px;
		font-size: 12px;
		line-height: 12px;
		color: #3c3c3c;
		text-decoration: none;
		
	}


.ml{
	padding: 60px 0 0 0;
	text-align: center;
}
a.bt_mentions{
	font-weight: bold;
	color: #3c3c3c;
}

/************  LIGHTBOX  *******************/


.maskPopup{
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	position: fixed;
	z-index: 20;
	background: #fff;
	opacity: 0.1;
	filter: alpha(opacity = 10);
	cursor: pointer;
}

.popup{
	max-width: 960px;
	position: absolute;
	left: 50%;
	top:0;
	z-index: -10;
	background: #fff;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	display: none;
	overflow-x: hidden;
	
	border: 1px solid #d7c15e;

}


.popup .close{
	width: 42px;
	height: 42px;
	display: block;
	position: absolute;
	right: 40px;
	top:40px;
	float: right;
	display: block;
	cursor: pointer;
	background: url(images/bt_close.png) no-repeat center center;
	z-index: 100;
}


#mentions_legales .inside{
	padding: 90px 30px;	
}

/********* STYLE  ********/

.clear,
.col-clearfix{
	clear: both;
}