/*
 Theme Name:   Samsara Child
 Description:  Génération 2014 Theme
 Author:       Génération Clik
 Author URI:   http://example.com
 Template:     Samsara
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  samsara_child
*/


@import url(http://fonts.googleapis.com/css?family=Lato:400italic,900,400,700italic);

@font-face {
    font-family: 'istokbold_italic';
    src: url('fonts/istok-bolditalic-webfont.eot');
    src: url('fonts/istok-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/istok-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/istok-bolditalic-webfont.woff') format('woff'),
         url('fonts/istok-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/istok-bolditalic-webfont.svg#istokbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

.van_quote .van_quote-text .van_source, .blog-post h4 a, .portfolio-item h4 a, .van-feature-item, body {
    font-family: 'Lato',sans-serif !important;
}

/* =Theme customization starts here
-------------------------------------------------------------- */
/*General*/
html{background:#fff;}
h1, h2, h3, h4, h5, h6 {
	color: inherit !important;
	font-weight:bold !important;
}

h1, h2{
	text-transform:uppercase;
}
.contact_description{
	font-size:14px !important;
	color:#666666;
}
body a{
	color:#f47321;
	font-weight:bold;
}
body li{margin-bottom:6px;}

.entry h3, .entry h4, .entry h5, .entry h6, body .contact_section h3, .contact_section h2, .contact_section .contactform  h3, .van_member strong{
	font-size:17px !important;
	text-transform:none;
	margin-bottom:0 !important;
    font-style: normal !important;
    font-weight: bold !important;
	color:#000 !important;
       font-family: 'Lato',sans-serif;
}
.home .van_member strong{
color:#fff !important;
}
.entry ul, .entry ol{
	margin-top:10px;
}
/*HEADER*/

body #logo{
	position: relative;
    top: 10px;
}

.van_headline{margin-bottom:60px;}

#primary-menu > ul > li a{
	font-family: 'Lato',sans-serif;
	font-weight:normal;
	color:#cccccc !important;
}

#primary-menu > ul > li.current-menu-item>a, body ul#menu-top-menu li.current-page-ancestor > a, body ul#menu-top-menu li.current-page-ancestor .current-menu-item > a{
    color: #f5853e !important;
}

.home #primary-menu > ul > li.current, #primary-menu > ul > li.current-menu-item, #primary-menu > ul > li.current-menu-parent, #primary-menu > ul > li.current_page_parent {
    border-bottom: 3px solid #f5853e !important;
}

#primary-menu > ul > li{
	height:47px !important;
	margin: 0 0.7em !important;
}

body #primary-menu{
	max-width:none;
}

#top.top-opacity {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important;
}
#top{
	z-index:1017 !important;
}

.single-portfolio body #top{
	height:86px !important;
}


.slider-title {
    background: url("img/diagonale.png") no-repeat scroll 0 0;
	padding:272px 0 !important;
}

.slider-title h2 {
    color: #f47321 !important;
    font-family: 'Lato',sans-serif;
    font-size: 97px;
    font-weight: 900;
    margin-bottom: 28px !important;
    text-transform: uppercase;
    line-height: auto !important;
}

.slider-title p{
	color:#444444;
	font-family: 'Lato', sans-serif;
	font-style:italic;
	font-size:25px;
	text-transform:uppercase;
	line-height: 1em !important;
}

/*Homepage*/


.van_headline p {
    text-transform: uppercase;
    font-weight: bold;
}

/*Loader*/

body #jpreOverlay {
	background: #ffffff url(img/generation_pattern.png) !important;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
body #jprePercentage {
	color: #f47321 !important;
	/*background:#fff;
	border-radius:100px;*/
}

/*HEADERs*/

body .van_headline{
	margin-bottom:30px;
	max-width: none !important;
	width: 100%;
}

#container.hasSubmenu {
    padding-top: 190px !important;
}
.home #container{
	padding-top:0px !important;
}

.single-portfolio #main, article.portfolio{
	width:100% !important;
}

/*ÉQUIPE 2 colones*/
.vc_span6 .van_member .avatar{
	float:left;
	margin-right:20px;
	height:120px;
	width:120px;
	position:absolute;
	top:0;
	left:0;
}
.vc_span6 .van_member {
	text-align:left;
	width:auto;
	padding-left:140px;
	position:relative;
}
.vc_span6 .van_member  p{
	line-height:1.3em;
}
.vc_span6 .van_member  em{
	margin: 10px 0;
	line-height:1.1em;
}

.van_member p{font-size:14px !important;}

.van_headline h2, .van_headline p, h2.van_subheading, .van_skills, .van_dropcap, .van_member strong, .van_pricing_item h2, .subscribe-text h2, .subscribe-text input[type="text"], .subscribe-text input[type="submit"], .van-feature-item span.title, .section header h3, .section header .menu li, .van_quote p.van_word{
	font-family: 'Lato',sans-serif !important;
	font-weight:bold !important;
}

.portfolio-posts header{
	margin-top:6px !important;
}
.type-portfolio .van_column img{
	width:100%;
	margin-bottom:2em;
}

.type-portfolio .van_column{
	margin-bottom:0;
}

.portfolio-item.five.columns.alpha.isotope-item span {
    color: #999;
}

body .portfolio-slider.flexslider li, body .portfolio-carousels.flexslider li{
	background:#fff !important;
}

body .portfolio-slider.flexslider{
	min-height:0 !important;
}

#container.image.No .van_headline, #container.image.No article, #container.image.No .post_navi{
	display:none;
}

#container.image.No {
    margin: 0;
    min-height: 0 !important;
    padding-top: 40px !important;
}

.van_headline.circle.isslider {
    margin-bottom: 0;
}

#top.top-opacity{background:#000 !important;}

.van_headline h2 {
    margin-top: 6px;
    padding-top: 0 !important;
}



.post_navi{display:none;}



.van_headline.isslider {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    color: #FFFFFF !important;
    line-height: 1.5em;
    padding: 0 0 0 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 100;
}

.van_headline.isslider  h2{
	text-align:left;
	width:1170px;
	margin:auto;
	font-size: 19px;
	background-image:none !important;
	padding:0 0 0 30px;
	line-height:1.5em;
}

#container.fullscreen_stage{
	padding-top: 176px;
	padding-bottom:5em;
}


#primary-menu > ul  > li.current_page_parent > a, #primary-menu ul  > li.current-menu-item>a {
    color: #f47321 !important;
}

/* Three circles */

table.logo{margin:auto;}
table.logo td{vertical-align:middle;text-align:center;}
table.logo td img{width:70%;}

.home .portfolio-posts .menu{
    display:none;
}
.home .portfolio-posts + div .van_small_btn{
    width:130px;
    display:block;
}

/*Refonte 3oct2014*/
.post .entry h2 span:after {
    background: url("img/oblique-l.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 269px;
    left: -25px;
    position: absolute;
    top: -82px;
    width: 155px;
}
.post .entry h2.two-liner{
	line-height:1em;
}
.post .entry h2.two-liner span:after {
    background: url("img/oblique-l-two.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 320px;
    width: 186px;
	left: -53px;
}
.post .entry h2.odd span:after{
	background: url("img/oblique-r.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	left: auto;
	right:-25px;
}
.post .entry h2.odd{
	text-align:right !important;
}
.post .entry h2 {
    color: #000000 !important;
    font-size: 47px !important;
    position: relative;
    text-transform: uppercase;
	margin-top: 76px;
	margin-bottom: 22px;
}
#container, .post, .entry{
	overflow:visible !important;
}

h2.odd{
	text-align:right;
}

h2 + .subcontent{
	margin: 0 0 0 7%;
    width: 93%;
	font-style:italic;
	line-height:1.25em;
	padding-bottom:40px;
	min-height: 130px;
	overflow:hidden;
}

h2.odd + .subcontent{
	margin: 0 7% 0 0;
	text-align:right;
}

.subcontent .van_column{
	margin-bottom:0;
}

.imgdesc{
	color:#000;
	text-align:center;
	font-weight:bold;
}

.imgdesc span{
	display:block;
	color:#666666;
}
/*New Submenu*/
.current-page-ancestor .submenu-wrapper ul.sub-menu, .current-menu-item .submenu-wrapper ul.sub-menu, .current_page_parent .submenu-wrapper ul.sub-menu{
	display:block;
}
#primary-menu .submenu-wrapper {
    left: 0;
    position: absolute;
    top: 6em;
    width: 100%;
	background:#fff;
}
#primary-menu > ul > li{
	position: static !important;
}
#primary-menu ul ul.sub-menu, .menu{
	position:static;
	margin:0;
	width:960px;
	margin:auto;
	background:none;
	border-bottom:1px solid #e8e8e8;
	padding:0;
	height: 4.3em;
	font-size:12.6px;
}

#primary-menu ul ul.sub-menu li, .menu li{
	float:left;
	width:auto;
	margin:0;
	border-bottom:1px solid #e8e8e8;
	margin:0 2em 0 0 !important;
	padding:1.3em 0 1.3em 0;
	text-transform:none !important;
	font-weight:normal !important;
	font-size:13px !important;
}
.safari #primary-menu ul ul.sub-menu li, .menu li{
	padding:1.32em 0 1.32em 0;
}

#primary-menu ul ul.sub-menu li a, .menu li a{
	color:#000 !important;
	font-size:16px;
	font-weight:normal !important;
	padding:0 !important;
	line-height:20px;
        font-style:normal !important;
}

#primary-menu ul ul.sub-menu li a:hover, .menu li a:hover{
	color:#777 !important;
	border:0 !important;
}

#primary-menu ul ul.sub-menu li.current-menu-item, .menu li.current{
	border-bottom:1px solid #f5853e;
}

#primary-menu ul ul.sub-menu li.current-menu-item a, .menu li.current a{
	color:#f5853e !important;
	border:0 !important;
}

#primary-menu ul ul.sub-menu li.current-menu-item a:hover{
	color:#f5853e !important;
}

body .van_headline.circle h2, body .van_headline.white.circle h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0.2em;
}

.van-feature-item .icon{
	min-height: 68px !important;
}
.van-feature-item p{
	word-break:normal !important;
	font-style:italic;
}
.wpb_text_column p, .van_member p{
	font-style:italic;
}

body strong{
    color: #666;
    font-family: 'Lato',sans-serif;
	font-style:italic;
    font-weight: normal !important;
}
body p, body ul, body ol{font-style:italic;}
.section-container i{
    position:absolute;
	top:0;
	left:0;
    line-height: 1.8em;
	font-size:18px;
}
.section-container{
	position:relative;
	padding-left: 1.7em;
}
.page-template-page-portfolios-php #container {
    padding-top: 78px !important;
}
.page-template-page-portfolios-php .submenu-wrapper{
	display:none;
}
body .van_headline p{
   font-style:normal !important;
   color:#999;
}
a.van_small_btn:hover, input[type='submit']:hover{
background:#f68339 !important;
transition: all 0.3s ease 0s;
opacity:1;
}
header{
height:84px !important;
}
.portfolio-posts header{
position:fixed;
z-index:1000;
width:100%;
left:0;
}
.portfolio-posts header nav{
background:#fff;
}
#container > .section > .portfolio-container.isotope {
    margin-top: 110px;
}
#container{
min-height:0 !important;
}

/*Sticky Footer*/
html, body {
height: 100%;
}
.container{
	max-width:95%;
	width
}
.stickyfooter-wrapper {
    height: auto !important;
    margin: 0 auto -3.8em;
    min-height: 100%;
}
footer#footer, .push {
height: 2em;
}
#footer .container {
	width:1100px;
}
#footer .container .left { float:left; }
#footer .container .right {float:right; }
#footer .container a {font-weight:normal;}
#footer .container a i {font-size:1.6em;}

.post:last-child{
margin-bottom: 75px !important;
}
.top-opacity #primary-menu ul ul{
	background:#fff !important;
}
.single-portfolio .van_headline{
display:none;
}

.portfolio .post-meta{
	display:none;
}

/*Remake header*/

.tools{
	display:none;
}

.width-limiter {
    margin: auto;
    
    overflow: hidden;
}
h1#logo a{
	margin-left:0 !important;
}
#primary-menu {
    margin-right: -0.4em;
    padding-right: 0 !important;
}

.width-limiter, #primary-menu ul ul.sub-menu, .menu, #container {
	max-width: 1000px !important;
	width:100%;
}
.home #container{
	max-width:none !important;
}
#container{margin:auto;}

/*************/
/* PORTFOLIO */
/*************/

.portfolio-item .overlay.link {
    background-image: url("img/post_formats/image.png") !important;
}

.portfolio-item.television .overlay.link {
    background-image: url("img/post_formats/video.png") !important;
}

.portfolio-item.radio .overlay.link {
    background-image: url("img/post_formats/audio.png") !important;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.portfolio-item h4 a:hover{
	color:#80D4AA !important;
}
body .portfolio_carousels.flexslider .slides > li{
	margin-right:8px !important;
}

.flex-direction-nav a{
	top:39% !important;
}
.portfolio-slider .flex-direction-nav{
	display:none;
}

.slides .col{
	float:left;
	width:30%;
	margin-right:2%;
}

body .portfolio_carousels{
	background:none !important;
}
.flex-viewport li{
	border:1px solid #999;
}
.flex-viewport li img, .flex-viewport li{
	width:120px !important;
	height:120px !important;
}

.portfolio-slider li .colimg{
	width:68% !important;
	float:left;
	height:100% !important;
}

.portfolio-slider li .colimg img{
	max-height:100%;
	height:auto !important;
}

.slides .col h2{
	font-style:normal;
	color:#000 !important;
	font-size:27px;
	line-height: 1.1em;
	margin:0;
	position:relative;
	top:-4px;
	padding-top:4px;
}

.slides .col .desc{
	margin-top:1em;
}

.slides .col h2 span{
	font-style:italic;
	display:block;
}

body .portfolio_carousels {
    float: right;
    height: 575px !important;
    margin: 0 !important;
    width: 130px !important;
}

.portfolio-slider.flexslider.loading{
		background:#fff;
}

.flex-viewport .slides{
	width:auto !important;
}

body .portfolio_carousels{
	padding:0 !important;
}

.flex-viewport {
    max-height: 511px !important;
	width:122px;
	float:right;
}

.flex-viewport .flex-active-slide img{
	opacity:0.5;
}

.flex-viewport .flex-active-slide{
	background:#000;
	border:1px solid #434343;
}

.flex-direction-nav a {
	-webkit-transition:none;
}

.portfolio-slider li {
	height:510px !important;
}

.flexslider .flex-next {
    opacity: 1 !important;
    right: 0 !important;
    bottom: 17px !important;
	top:auto !important;
}
.flexslider .flex-prev {
    top: 17px !important;
    left: auto !important;
    opacity: 1 !important;
    right: 0 !important;
    bottom: auto !important;
}

body .flex-direction-nav a{
	text-indent:0;
	background:none;
	text-align:center;
	width:122px;
	text-align:center;
	font-size:30px;
	color:#666;
	height:25px;
	line-height:25px;
}
.portfolio_carousels{
	position:relative;
	top:-25px;
}
.portfolio_carousels .flex-viewport{
	margin-top:25px;
}

.stickyfooter-wrapper.gallery{
	display:none;
}

.single-portfolio .fullscreen_stage{
	height:auto !important;
}

.fullscreen_stage iframe{
	min-height:0 !important;
}
.fullscreen_stage .video-container{
	height:100%;
	padding:0;
	margin:0;
}
.cell, .table{
	height:100%;
	width:100%;
}
.isHorizontal .cell {
    display: table-cell;
    vertical-align: middle;
	max-width: 590px;
}
.isHorizontal .table {
    display: table;
    height: 100%;
}
.mejs-button.mejs-playpause-button button, .mejs-button.mejs-volume-button button{
	outline:0 !important;
}
.mejs-controls div.mejs-horizontal-volume-slider{
	width:59px !important;
}

.mejs-time-rail{
	width:68% !important;
}
.mejs-time-total{
	width:65% !important;
}

.single-portfolio .menu-item-1392 ul{display:block;}

.vc_span12 > .wpb_wrapper{
	width:100% !important;
	max-width:1100px;
}

#slidedown-load{
	z-index:1019 !important;
}

body .vc_row-fluid .vc_span3, body .wpb_teaser_grid.wpb_carousel .vc_span3 {
	width: 22%;
}

.darkgray {
    background-color: #3e403f;
}