/*
Theme Name: KINOKI
Theme URI: http://kinoki.fr
Author: the Kinoki team
*/
body,html{
	height: 100%;;
}
body {
  /*min-height: 2000px;*/
  padding-top: 70px;
	padding-bottom: 0px;
  background-color:#F2F2F2;
}
body.single{
	padding-top: 70px;
}
footer{
	margin-top:35px;
}

body.page iframe{
	margin-top:30px;
}

.galeriesingle{
	background-color:#fff;
	margin-bottom:10px;
	padding-bottom:40px;
	padding-left:15px;
	padding-right:15px;
}

body.page .galeriesingle{

	min-height:900px;
}

.galeriesingle div.containersingle{
	width:100%;
	margin-top:0px;
}
.galeriesingle .galeriesingleentry{
	margin-left:0px;
	margin-right:0px;
	padding:0px;
}

.singlecontent{
	margin-top:30px;
}
.projetcartouche p{
	margin-bottom:0px;
	margin-top:0px;
}
.projetcartouche .cartouche{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:#ff0014 6px solid;
	float:left;
}

.textprojet{
	margin-top:25px;
}
.textprojet p{
	font-size:17px;
}

.masksingle{
	position:absolute;
	z-index:200;
	height:80px;
	background-image:url(assets/img/masksingle.png);
	background-repeat:no-repeat;
	
	background-size:cover;
	
	width:100%;
	margin-top:-60px;
	left:0px;
}
.breadcrumb {
	padding: 40px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #fff;
    border-radius: 0px;
}

.breadcrumb a,
.breadcrumb a:hover{
	font-family: 'futura_md_btmedium';
	text-transform:uppercase;
	color:#656565!important;
	
}
.breadcrumb strong a,
.breadcrumb strong {
	color:#000!important;
	font-family: 'futura_md_btmedium';
	text-transform:uppercase;
}

.videoplayer{
	margin-bottom:10px;
}

#btclosecover{
	width:31px;
	height:31px;
	position:absolute;
	background-image:url(assets/img/btcover.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	z-index:10;
	right:30px;
	top:30px;
	cursor:pointer;
}
#btclosecover:hover{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* heading */
.navbar-brand{
	height:inherit;
	
	
}
.navbar-default .navbar-nav>li {
    color: #777;
	font-family: 'futura_md_btmedium';
	text-transform:uppercase;
}

.navbar-default .dropdown-header{
	font-family: 'futurateeligregular';
	text-transform:uppercase;
}

.navbar-default .navbar-nav>li.hop{
	line-height:70px;
}
.navbar-nav>li>a{
	line-height:43px;
}

.navbar-default{
	background-color:#F2F2F2;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background-color:transparent;
}

.socialicon{
	opacity:.8;
	margin-left:10px;
	margin-right:5px;
	cursor:pointer;
}
/*
a:link {
	color: #ff0014;
	text-decoration: none;
}*/
a:visited {
	color: #cb0011;
	text-decoration: none;
}
a:hover {
	color: #cb0011;
	text-decoration: underline;
}
a:active {
	color: #cb0011;
	text-decoration: none;
}
a {
	color: #ff0014;
	text-decoration: none;
}


p{
	font-family: 'Lato', sans-serif;
}
h1,h2,h3,h4,h5,
ul.nav li a{
	font-family: 'futura_md_btmedium';
	text-transform:uppercase;
}
ul.nav li a{
	/*font-family: 'futura_md_btmedium';
	text-transform:uppercase;*/
	font-weight:300!important;
	color:#000;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 700px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 700px;
  background-size:cover;
  background-position:50% 50%;
  /*background-color: #777;*/
  
}
.trame{
	background-image:url(assets/img/trame.png);
	width:100%;
	height:700px;
	position:absolute;
	z-index:2;
}
.mask{
	background-image:url(assets/img/mask.png);
	background-repeat:no-repeat;
	background-position:bottom;
	background-size:contain;
	width:100%;
	height:700px;
	position:absolute;
	z-index:3;
}

.cover{
	background-image:url(assets/img/cover.png);
	background-repeat:no-repeat;
	background-position:50% -200px;
	background-size:cover;
	width:100%;
	height:700px;
	position:absolute;
	z-index:3;
	mix-blend-mode: multiply;
	
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  /*height: 600px;*/
}
.carousel-control.right,
.carousel-control.left{
	background-image:none;
}

.carousel-caption{
	top:20px;
}
.carousel-caption h2{
	text-transform:uppercase;
	font-size:14px;
	font-weight:lighter;
	font-family: 'futurateeligregular';
	letter-spacing:2px;
	margin-bottom:25px;
}
.carousel-caption h3{
	text-transform:uppercase;
	font-size:44px;
	font-weight:lighter;
	font-family: 'futurateeligregular';
	letter-spacing:5px;
}
a.btvoirprojet_home{
	color:#fff;
	margin-top:30px;
	padding:15px 20px;
	border:#FFF 1px solid;
	display:inline-block;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family: 'futurateeligregular';
}
a.btvoirprojet_single{
	color:#000;
	margin-top:30px;
	padding:15px 20px;
	border:#000 1px solid;
	display:inline-block;
	text-transform:uppercase;
	letter-spacing:2px;
	font-family: 'futurateeligregular';
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* mosaiqueprojets */
.mosaic{
	margin:0px;
	padding:0px;
	background:#ff0014;
	/*height:400px;*/
}
.btrougewrapper{
	position:absolute;
	
}
.btrougewrapper p{
	background-image:url(assets/img/btrouge.jpg);
	height:23px;
	line-height:23px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	font-weight:lighter;
	font-family: 'futurateeligregular';
	
	
}

div.mosaic h3.client{
    position: absolute;
    margin-left: 0;
    padding-right: 10%;
	padding-left:10%;
	display:none;
    margin-top: auto;
    margin-bottom: auto;
    color: #fff;
    top: 45%;
    width: 100%;
	pointer-events:none;
	font-family: 'futurateeligregular';
}

.btrougewrapper img{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}

.mosaicpic:hover img{
	background:#F00;
	opacity:0;
	cursor:pointer;
}
.mosaicpic:hover h3.client{
	display:block;
}

.services{
	margin-top:25px;
}
.services .col-sm-4{
	 height:350px;
	 background-color:#F00;
	 color:#fff;
	 font-family: 'futurateeligregular';
	 display: block;
    line-height: 350px;
    text-align: center;
    font-size: 18px;
	
}
.services .col-sm-4 a{
	color:inherit;
}
.services .col-sm-4:hover{

	 background-color:#fff;
	 color:#f00;
	 
	
}

.bclients{
	background-color:#FFF;
	margin-left:0;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	height:auto;
	width:100%!important;
}
#carousel-clients{
	height:auto!important;
	margin-bottom: 25px;
}

#carousel-clients .item{
	height:auto!important;
}
.carousel-inner {
    
}
.logoclient{
	text-align:center;
}
.logoclient img{
	margin-top: 25px;
}
/* Featurettes
------------------------- */

.featurette-divider {
  margin: 50px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
.wp-block-embed {
    margin-bottom: 3em!important;
}

body.page-template-page iframe {
    margin-top: 0px!important;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
 

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 40px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

@media (max-width: 992px) {
  .cover {
    background-position:50% 0px;
  }
}

.hopz{
	padding-right:5px;
}

img.imgzz{
	margin-right:0px;
}

.tttz{
	margin-bottom:30px;
}

.yyyzz{
	margin-bottom:50px; margin-top:30px;
}

.gggrr{
	border-top:1px #E2E2E2 solid; border-bottom:1px #E2E2E2 solid;
}

.pppll{
	text-transform: uppercase; font-size: 40px; font-weight: lighter; font-family: 'futurateeligregular'; letter-spacing: 5px; text-align: center; margin-bottom: 60px;margin-top: 65px; 
}

.iiijj{
	min-height: 250px; position: relative; width: 100%; padding: 0px; margin-top: 60px; background: #f2f2f2; background: -moz-linear-gradient(top,  #f2f2f2 0%, #d3d3d3 43%, #d3d3d3 100%); background: -webkit-linear-gradient(top,  #f2f2f2 0%,#d3d3d3 43%,#d3d3d3 100%); 
background: linear-gradient(to bottom,  #f2f2f2 0%,#d3d3d3 43%,#d3d3d3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d3d3d3',GradientType=0 );
}
.dsdz{
	position: absolute; bottom: 0;  width: 100%;color:#636363;
}

.poilu{
	margin-left:0px; margin-right:0px;
}

.poiluzz{
	margin-bottom:0px; padding-left:0px; padding-right:0px;
}

.ee{
	padding-left:0px; padding-right:0px;
}

.ddzaa, .zzq{
	margin-top:0px;
}

.pppmloi{
	margin-top:0px; margin-bottom:25px;
}

.gse{
	padding-left:0px; padding-right:0px;
}

.ttyb{
	margin-top:0px; margin-bottom:25px;
}
.gss{
	padding-left:0px; padding-right:0px;
}

.eefgg{
	margin-top:0px;
}
h1.ttyn{
	margin-top:0px; margin-bottom:25px;
}
.mbpp{
	margin-bottom: 20px;
}