/*!
Theme Name: Villa Nova
Theme URI: https://them.es/starter
Author: Rahajaharinirina Dieu donné
Author URI: https://www.linkedin.com/in/dieu-donne-rahajaharinirina-48669325/
Description: Theme architecture
Version: 3.5.2
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: villa-nova
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */

@font-face {
	font-family: 'Brockmann Medium';
	font-style: normal;
	font-weight: normal;
	src: local('assets/fonts/Brockmann Medium'), url('assets/fonts/brockmann-medium.woff') format('woff');
}

	/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
	font-family: "Helvetica";
	color: #3F3D3D;
	line-height: 28px;
	font-size: 16px;
	overflow-x:hidden;
	background: #f9f8f6;
}

a {
	color: #827E76;
	text-decoration: none;
}

a:hover {
  color: #3F3D3D;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica";
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #37517e;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #37517e;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #47b2e4;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #6bc1e9;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
padding: 24px 14px;
}

#header.header-scrolled,
#header.header-inner-pages {
  background: rgba(40, 58, 90, 0.9);
}
.fixed-top {
    position: absolute;
}
#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  /*z-index:9999*/
}

#header .logo a {
  color: #fff;
}

/* #header .logo img { */
  /* max-height: 40px; */
/* } */

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0 10px 30px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
  transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #fff;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  font-weight: 600;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #31a9e1;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  color: #0c3c53;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #47b2e4;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

.image-3{margin-bottom:0!important}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #F9F8F6;
  font-size: 16px;
  cursor: pointer;
  display: none;
  line-height: 0;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}
.navbar .menu-logo {
		display:none!important; transition: .5s;
}
@media (min-width: 768px) {
	.col-lg-4.col-md-4.footer-link {
}
	#menu-main-menu,
	#menu-menu-principal {
    display: flex;
}
	.logo-mobile-only{
		display:none;
	}
	.navbar {
  padding: 0;
}
	.contact-h2{display:none!important;margin-top: 15px;}
	#banner .logo-text{display:none;}

}
@media (max-width: 767px) {
	.page-id-189 span.mobile-nav-toggle.menu-black,
	.page-id-11 span.mobile-nav-toggle.menu-black {
    color: #F9F8F6 !important;
}
	 #banner-page .banner2{
    padding: 0!important;
}
	    #banner-page .banner2 h1 {
        color: white !important;
        margin-bottom: 24px;
        position: absolute;
        top: calc(110px + 1.5rem);
        left: 24px;
    }
	.choix-langue-mobile {
    display: inline-block;
    float: right;
    position: absolute;
    right: 25px;
}
	
	
.home a.logo.me-auto {
    display: none;
}
	
.footer-link > ul:first-child {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}
.footer-link > ul:first-child li:first-child {
    position: absolute;
    left: 24px;
}
.footer-link > ul:first-child li:last-child  {
    margin: 0;
}
	
	/*.footer-logo.footer-annimation{
		clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
		animation: revealh1 3s cubic-bezier(.23, 1, .32, 1) forwards;
		animation-delay: 50ms;
	}
	.footer-logo{
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		animation: revealh1-inverse 3s cubic-bezier(.23, 1, .32, 1) forwards;
		animation-delay: 50ms;
	}*/
	.portfolio-item > div h3 {
    margin-top: 25px;
}
.portfolio-item > div {
    flex-direction: column-reverse;
}
#navbar {
    /*animation: mobile-menu-anim-out 2.5s cubic-bezier(.23, 1, .32, 1) forwards;*/
    position: fixed;
    width: 0;
    top: 0;
    left: 0;
    height: 100%;
	overflow:hidden;
}
	.new-mobile-out{
		 animation: mobile-menu-anim-out 2.5s cubic-bezier(.23, 1, .32, 1) forwards;
	}
	.ul-mobile{display:none;}
	#navbar.new-mobile{
		animation: mobile-menu-anim-in 1.5s cubic-bezier(.23, 1, .32, 1) forwards;
		/*z-index: 99999;*/
	}

	.carousel {
		overflow: hidden;
		padding-bottom: 50px;
	}
	.home-category {
		padding-bottom: 0!important;
		margin-bottom: 25px!important;
	}
	.carousel-indicators {
		bottom: -30px!important;
	}
	span.mobile-nav-toggle.menu-black{color:#3F3D3D;}
	#banner h1{display:none;}
	#banner .logo-text,
	.logo-mobile-only{
		display:block;
	}
	#navbar.new-mobile .menu-logo {
		position: absolute;
		top: 24px;
		width: 120px;
		left: 26px;
		padding:0;
		display:block!important;
		transition: .5s;
		z-index:999999; 
	}
	.mobile-nav-toggle {
		display: block;
        top: 32px;
        position: absolute;
        right: 26px;
        z-index: 999999;
	}
	#banner .logo-text{margin-bottom:0!important}
	#banner h2 {
		color: white;
		font-size: 22px;
		line-height: 32px;
		margin-left: 60px;
		position:relative!important;
		margin-top:20px;
		bottom: initial !important;
	}
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #3F3D3D;
  z-index: 99999;
}
.new-mobile .mobile-nav-toggle {
  position: absolute;
  top: 39px;
  right: 41px;
}

.navbar-mobile ul {
	display: flex;
    position: absolute;
    top: 55px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    padding: 10px 0;
    border-radius: 10px;
    /* background-color: #fff; */
    overflow-y: auto;
    transition: 1s;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}

.new-mobile a,
.new-mobile a:focus {
  padding: 10px 20px;
  font-size: 32px;
	line-height: 36px;
  font-family: 'Brockmann Medium';
  color: #F9F8F6;
  text-transform:uppercase;
  display:inline-block!important;
}
.new-mobile a:hover,
.new-mobile .active,
.new-mobile li:hover>a {
  color: #fff;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
  color: #fff;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.new-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #47b2e4;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
  visibility: visible !important;
}
 
/**
* Home banner
*/
#banner-single,
#banner-page,
#banner {
    height: 100vh;
    background-size: cover!important;
    background-position: center!important;
	padding:24px;
	overflow:hidden;
	height: calc(var(--vh, 1vh) * 100);
}
/*
@supports (-webkit-touch-callout: none) {
  #banner {
    height: 100vh;
    max-height: -webkit-fill-available !important;
  }
}*/
#banner .logo-text{
	margin-bottom:50px;
}
.logo-banner-container{
	position:absolute;
	bottom:8.8%;
    margin-top: 300px;
    height: 161px;
	overflow: hidden;
	/*animation: logo-to-top-reverse 3s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: 50ms;*/
}
#banner h1 {
	color: #F9F8F6;
    font-size: 13.8rem;
    line-height: 11rem;
    font-weight: 700;
    font-family: 'Brockmann Medium';
	position:absolute;
	bottom:7%;
}
#banner h2 {
	color: white;
	font-size: 22px;
	line-height: 32px;
	margin-left: 56px;
	position:absolute;
	bottom:3%;
}
#banner-single h1 {
    color: #F9F8F6;
    font-size: 128px;
    line-height: 153.6px;
    letter-spacing:-6px;
	font-family: 'Brockmann Medium';
	text-transform:uppercase;
}

body.project-template-default .logo {
    width: 190px;
}

@media screen and (max-width: 767px) {
	.carousel-fade .carousel-item {
    opacity: 1 !important;
}
	#banner h2 {
		margin-left:0!important;
		text-align:left!important;
		font-size:4.8vw!important;
	}
	.carousel-indicators {
		position: absolute;
		right: 0;
		bottom: -54px;
		left: 0;
		z-index: 2;
		display: flex;
		justify-content: space-between;
		padding: 0 24px;
		margin-right: 0!important;
		margin-bottom: 1rem;
		margin-left: 0!important;
		flex-direction: row;
	}
	
	.carousel-indicators [data-bs-target] {
		box-sizing: content-box;
		flex: 0 1 auto;
		width: 100%;
		height: 5px;
		padding: 0;
		margin-right: 0;
		margin-left: 0;
		text-indent: -99999px;
		cursor: pointer;
		background-color: #EAEAE8;
		background-clip: padding-box;
		border: 0;
		opacity: 1;
	}
	button.thumbnail.active {
		background: #827E76!important;	 
		padding: 0;
	}
	button.thumbnail span {display:none!important}
	button.thumbnail.active span {
		position: absolute;
		right: 0;
		z-index: 999999;
		top: -45px;
	}
	.carousel-caption {
		bottom: -86px;
		color: #827E76;
		left: 0;
		text-align: left;
	}
	.home-category {
		margin-bottom: 80px;
	}
	.img-fluid{
		width:100%;
	}
}
.carousel {
	position: initial;
}
#navbar a br{display:none;}

@media screen and (min-width: 768px) {
	.carousel {
		position: initial;
	}
	
	.carousel-indicators [data-bs-target]{
		text-indent:initial!important;
		text-indent: initial !important;
		background: none;
		height: auto;
		text-align: left;
		color:#827E76;
		width: 90% !important;
		font-size:22px;
		line-height:32px;
	}

	.carousel-indicators button.thumbnail {
	  width: 100px;
	}
	.carousel-indicators button.thumbnail:not(.active) {
	  opacity: 1;
	}

	.carousel-indicators .active {
		opacity: 1;
		color: #3F3D3D !important;
	}

	.carousel-indicators {
		position: absolute;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		margin:0;
		left:24px;
		bottom:50px;
	}
}

@media screen and (min-width: 992px) {
  .carousel {
    max-width: 70%;
    margin: 0 auto;
  }
}

.carousel-item {
  transition: transform .5s ease-in-out;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  transition: opacity 0s .5s;
}

.section{
	padding:70px 14px;
	position:relative;
}

#home-content-txt p{
	font-family: 'Brockmann Medium';
    text-transform: uppercase;
    font-size: 56px;
	letter-spacing: -4px;
    line-height: 59.36px;
	margin-right: 10%;
    
	margin-bottom:0;
	color:#3F3D3D;
}

#content-bottom h2{
	text-transform: uppercase;
	font-family: 'Brockmann Medium';
	font-size:96px;
	letter-spacing: -6px;
	text-align: right;
	line-height:90px;
	font-weight:500;
	margin-bottom: 20px;
	color:#3F3D3D;
}

@media screen and (max-width: 767px) {
	
	.module_j p {
		text-align: left !important;
		margin-top: 0px !important;
		margin-bottom: 40px;
		padding-top: 1.5rem !important;
	}
	
	.module_j .image-3 {
		display: flex;
		flex-direction: column-reverse;
		align-content: flex-start;
	}

	#home-content-txt p{
		font-family: 'Brockmann Medium';
		text-transform: uppercase;
		font-size: 22px;
		letter-spacing: -2px;
		line-height: 33.92px;
		margin-right: 0;
		/* text-indent: 3em; */
		margin-bottom:0;
	}

	#content-bottom h2{
		text-transform: uppercase;
		font-family: 'Brockmann Medium';
		font-size:40px;
		letter-spacing: -2px;
		text-align: right;
		line-height:40px;
	}
	.section {
		padding: 35px 10px;
		position: relative;
	}
}

#footer{
	margin-top: 90px;
	padding:24px;
}

#footer .footer-copyright {
	margin-top:35px;
}
#footer .footer-copyright p{
	font-size:14px;
}
/*.footer-link li {
    margin-left: 50px;
}*/

.banner2 {
	background-size: cover!important;
    background-position: center!important;
    height: 100vh;
}

.banner-title h1{
	font-size:24px;
	line-height:32px;
	color:#3F3D3D;
	text-transform:uppercase;
}
.banner-title {
	padding-top: 8.5rem;
    padding-left: 44px;
}
.banner-title h2,
#page-content h2{
	text-transform: uppercase;
	font-family: 'Brockmann Medium';
	font-size:56px;
	letter-spacing: -3px;
	line-height:59.36px;
	font-weight:500;
	margin-bottom: 90px;
	color:#3F3D3D;
}
.portfolio-info h3{
	text-transform: uppercase;
	font-family: 'Brockmann Medium';
	font-size:96px;
	letter-spacing: -6px;
	text-align: left;
	line-height:90px;
	font-weight:500;
	margin-bottom: 20px;
	color:#3F3D3D;
}
.portfolio-info h3 a{
	color:#3F3D3D;
}

#page-content .div-space {
	margin:130px 24px;
}
#page-content #en-savoir-plus img{
    margin: 10px 0 50px -110px;
}
#page-content p {
	margin-bottom:40px;
}
/* .title-in-banner{margin-top:-220px;} */


#banner-realisation h1{
	font-size:24px;
	line-height:32px;
	text-transform:uppercase;
}
#banner-realisation {
    padding: 8.5rem 24px 24px;
}

.menu-black a {
    color: #3F3D3D !important;
}
.module img{
	width:100%!important;
}

.module_j .image-3{
	right:0;
	top:33%;
}
.module_j .image-1{
	left:0;
	top:13%;
}
.footer-link li {
    display: inline-block;
}
#portfolio-flters{margin:0;padding:0}
#portfolio-flters li.filter-active {
     color: #3F3D3D !important;
}

.portfolio-container {
    margin-top: -18px;
}

#banner-single h3{
	font-size:24px;
	line-height:32px;
	color: #3F3D3D;
	text-transform:uppercase;
}
#portfolio-flters li {
    list-style: none;
    padding: 0;
    margin: 0;

    margin-right: 50px;
    color: #827E76;
	cursor:pointer;
}
.module {
    margin: 0 15px;
}
.single-title{
	margin-left:34px;
}
.pt-150{
	padding-top:150px;
}
.pt-200{
	padding-top:200px;
}

.carousel-item img {
    height: 832px !important;
    object-fit: cover;
}

.next-post-bloc h5 {
	margin-right:60px;
	font-size: 56px;
	line-height: 49.28px;
	letter-spacing:-4px;
	font-family: 'Brockmann Medium';
	color: #F9F8F6;
	text-transform:uppercase;
	text-align:right;
	z-index:2;
}
.next-post-bloc div {
    position: relative;
    top: -30px;
    z-index: 1;
}
.next-post-bloc img {
	float:right;
    width: 260px !important;
    height: 172px !important;
    object-fit: cover;
}
 
/* Fade in */
.readmore span,
#portfolio-flters li span{
  display: inline-block;
  position: relative;
  overflow: hidden;
}
#navbar a {
  display: block;
  position: relative;
  overflow: hidden;
}
.menu-black a:after{
	 background-color: #3F3D3D!important;
}
.navbar-mobile a:after{
	 background-color: #fff!important;
}
#portfolio-flters li span:after,
#navbar a:after {
  content: ' ';
  position: absolute;
  bottom: 12px;
  left: 30px;
  width: 0;
  height: 1px;
  background-color: white;
  opacity: 1;
  transition: all 1500ms;
}

#portfolio-flters li span:after{
	padding:0!important;
}
#portfolio-flters li.filter-active span:after{
	width:100%!important;
}
#portfolio-flters li span:after{
	height: 2px!important;
  background-color: #827E76!important;
  bottom: 0;
  left: 0;
}
#portfolio-flters li span:after{
  background-color: black!important;
}

#portfolio-flters li span:hover:after,
#portfolio-flters li span:focus:after,
.readmore span:hover:after,
.readmore span:focus:after,
#navbar li a:hover:after,
#navbar li a:focus:after{
  /* transform: translate3d(0, 0, 0); */
   opacity:1;
   width:100%;
} 
 

#home-content-txt p .word:first-child .char:first-child {
    /* margin-left: 65px; */
    text-indent: 3em;
}
 
.portfolio-container img{
	height:455px;
	width:100%!important;
	object-fit:cover;
}
/*#banner .logo-text{
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	animation: revealh1 3s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: 50ms;
}*/

h1 span{
	opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
   
}
h1.hidetext span{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	animation: revealh1-inverse 6s cubic-bezier(0,1.23,.95,.72) forwards;
    animation-delay: 50ms;
}

.home-logo-animated {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	animation: revealh1-inverse1 0s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: 50ms;
	height:100%;
}
.home-logo-animated-logo-to-top{
	animation: logo-to-top 8s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: 50ms;
	/* bottom: 48px; */
}

.home-logo-animated-logo-to-top-reverse{
	animation: logo-to-top-reverse 3s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: 50ms;
	/* bottom: 48px; */
}

.home-logo-animated-hide{
	 clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	animation: revealh1 6s cubic-bezier(0,1.23,.95,.72) forwards;
    animation-delay: 100ms;
	/* bottom: 48px; */
}
 
/*#banner{overflow-y:scroll;width:calc(100% + 20px);}*/
.container-banner {
    height: 65%;
    padding-bottom: 100%;
    /* background: red; */
    /* padding-bottom: 20%; */
    /* width: 113%; */
    padding-top: 47vh;
	width:calc(100% + 20px);
}
.module_c .col-lg-3 p,
.module_b p,
.module_d .col-lg-3  p,
.module_e p,
.module_i p {
    margin-top: 6.5rem !important;
}


.portfolio-item a,.portfolio-item p{transition: 0.3s;}

.portfolio-item:hover a,.portfolio-item:hover p{color:#827E76}
.link-style,
#footer a,
.readmore{
	transition: 0.3s;
	color:#827E76 !important
}
.link-style:hover,
#footer a:hover,
.readmore:hover{color:#3F3D3D!important;}

.footer-link ul {
    margin-bottom: 0!important;
}
.choix-langue li {
    margin-left: 26px !important;
	position:relative;
}
.choix-langue li:first-child:after {
    content: "/";
    position: absolute;
    right: -15px;
    top: 0;
    float: left;
    display: inline-block;
}
 
.hide-contact > ul li{display:none!important;}
.hide-contact > ul li{margin-left:0!important}
.hide-logo{display:none;}


@media (max-width: 1500px) {
	.portfolio-info h3,
	#content-bottom h2 {
		text-transform: uppercase;
		font-family: 'Brockmann Medium';
		font-size: 74px;
		letter-spacing: -6px;
		text-align: right;
		line-height: 80px;
		font-weight: 500;
		margin-bottom: 20px;
		color: #3F3D3D;
	}
	.portfolio-info h3{
		text-align:left!important;
	}
}

@media (min-width: 1200px) {
	
	
.footer-link ul {
    margin-bottom: 0 !important;
    display: flex;
    justify-content: space-between;
}
	
}
@media (min-width: 992px) and (max-width: 1199px) {
	
	#footer .col-lg-5.col-md-4.mt-5.mt-md-0 {
		width: 33% !important;
	}
	#footer .col-lg-2.col-md-4.footer-link {
		width: 25%;
	}
	
}
@media (max-width: 1199px) {
	
	
.footer-link ul li {
   margin-left:10px;
}
	
}
@media (max-width: 1299px) {
	
	
	#home-content-txt p {
		font-family: 'Brockmann Medium';
		text-transform: uppercase;
		font-size: 36px;
		letter-spacing: -3px;
		line-height: 50.36px;
		margin-right: 10%;
		margin-bottom: 0;
		color: #3F3D3D;
	}
	#banner h1 {
		color: white;
		font-size: 10rem;
		line-height: 8rem;
		font-weight: 700;
		font-family: 'Brockmann Medium';
	}
	.logo-banner-container {
		position: absolute;
		bottom: 77px;
		height: 117px;
		overflow: hidden;
	}
	
	.portfolio-info h3,
	#content-bottom h2 {
		font-size: 56px;
		line-height: 65px;
		letter-spacing: -3px!important;
	}
}
@media (max-width: 1199px) {
	#portfolio-flters{margin-bottom:20px;}
	.portfolio-container img {
		height: 370px;
		width: 100% !important;
		object-fit: cover;
	}
	#banner-single h1 {
		font-size: 100px;
		line-height: 90px;
		letter-spacing: -7px !important;
	}
	.portfolio-info h3,
	#content-bottom h2 {
		font-size: 56px;
		line-height: 65px;
		letter-spacing: -3px!important;
	}
	.carousel-item img {
		height: 650px !important;
		object-fit: cover;
	}
	#banner h2 {
 	 margin-left: 38px;
}
	
}
@media (max-width: 991px) {
	.module_k {
    margin-right: 24px!important;
}
	#banner h1 {
		color: white;
		font-size: 7.5rem;
		line-height: 6rem;
		font-weight: 700;
		font-family: 'Brockmann Medium';
	}

	.logo-banner-container {
		position: absolute;
		bottom: 76px;
		height: 88px;
		overflow: hidden;
	}

	.banner-template-2 {
		height:auto!important;
		min-height:100vh;
	}
	.pt-150 {
    /* padding-top: 150px; */
    padding: 50px 40px!important;
}	
	.section {
		padding: 40px 14px;
	}
	.pt-200 {
    padding-top: 40px!important;
}
	#home-content-txt p {
    font-family: 'Brockmann Medium';
    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: -2px;
    line-height: 44px;
    margin-right: 0%;
    margin-bottom: 0;
    color: #3F3D3D;
}
	#portfolio-flters li{
		    font-size: 18px;
		margin-right:20px!important;
	}
	#banner-single h1 {
		font-size: 64px;
		line-height: 75px;
		letter-spacing: -5px !important;
	}
	#page-content h2,
	.portfolio-info h3,
	#content-bottom h2 {
		font-size: 42px;
		line-height: 42px;
	}
	#page-content h2{margin-bottom:30px;}
	.carousel-item img {
		height: 450px !important;
		object-fit: cover;
	}
	.template-2 container{
		max-width: 100% !important;
		padding: 0;
	}
}
.banner-title h2{margin-bottom: 24px;}
@media (max-width: 767px) {
	.module_k .col-sm-6.col-lg-4 p {
    margin-bottom: 0!important;
}
.module_k .col-sm-6.col-lg-8 p {
    margin-bottom: 1rem!important;
    display: block;
}
	
	.carousel-indicators.col-lg-3.col-md-4 {
    display: none;
}
	.carousel-item.active,
.carousel-item {
    display: inline-block !important;
    margin: 0 20px 0 0 !important;
    float: none!important;
}

.carousel {
	       white-space: nowrap!important; width: 100% !important;padding-bottom: 0;
   /*  overflow: hidden;
   
    overflow-x: scroll!important;
     */
}
	/*.carousel::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

.carousel::-webkit-scrollbar-track {
    background-color: #EAEAE8;
    border-radius: 0;
}

.carousel::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #827E76;
}*/
	.module_c .col-lg-3 p,
	.module_b p,
	.module_d .col-lg-3  p,
	.module_e p,
	.module_i p {
		margin-top: 0!important;
	}
	#banner .container-fluid {
		padding: 0;
	}
	.logo-banner-container{
		display:none;
		/*animation: logo-to-top-reverse-mobile 3s cubic-bezier(.23, 1, .32, 1) forwards!important;
		animation-delay: 50ms!important;*/
	}
	.home-logo-animated-logo-to-top{
		/*animation: logo-to-top-mobile 3s cubic-bezier(.23, 1, .32, 1) forwards!important;
		animation-delay: 50ms!important;*/
	}
	
	/*.container-banner{
		padding-top:180vh;
	}*/
	
	@media (max-width: 767px) {
    .portfolio-container img, .carousel-item img {
        width: 100% !important;
        object-fit: cover;
		}
		.carousel-caption p{margin-bottom:0;}
		.carousel-caption{position:relative!important; bottom: 0;padding-bottom:0;}
	/*	    .carousel-item.active, .carousel-item {
        display: inline-block !important;
        margin: 0 20px 0 0 !important;
        float: none !important;
        width: 350px!important;
        background: red;
        overflow: hidden;
    }*/
}
	#banner h2{
		font-size:18px;
	}
	.banner-title h2,
	#page-content h2, .portfolio-info h3, #content-bottom h2 {
        font-size: 34px;
        line-height: 36px;
    }
	
	.new-mobile a:last-child {
		margin-top: 10px;color:#F9F8F6!important;
	}
		
	.logo-banner-container {
		position: absolute;
		bottom: 73px;
		height: 49px;
		overflow: hidden;
	}

	#banner h1 {
		color: white;
		font-size: 4.2rem;
		line-height: 3rem;
		font-weight: 700;
		font-family: 'Brockmann Medium';
	}
	#banner h2{margin-left:0;text-align:center;}
	.menu-black .mobile-nav-toggle{color:#3F3D3D}
	.navbar-mobile a,
	.menu-black .mobile-nav-toggle.bi-x{color:#fff!important}
	.next-post-bloc h5 {
        margin-right: 50px;
        font-size: 30px;
        line-height: 45.28px;
        letter-spacing: -4px;
        font-family: 'Brockmann Medium';
        color: #F9F8F6;
        text-transform: uppercase;
        text-align: right;
        z-index: 2;
	}
	body{
		font-size:16px;
	}
	#home-content-txt p {
		font-family: 'Brockmann Medium';
		text-transform: uppercase;
		font-size: 22px;
		letter-spacing: -2px;
		line-height: 32px;
		margin-right: 0%;
		margin-bottom: 0;
		color: #3F3D3D;
	}
	#page-content #en-savoir-plus img {
		margin: 10px 0 40px 0;
	}
	#page-content .div-space {
		margin: 0px 10px;
	}
	#banner-single h1 {
		font-size: 40px;
		line-height: 40px;
		letter-spacing: -2px !important;
	}
	#banner-single .container-fluid{
		padding:0!important;
	}
	.banner-title h1{ color:white!important;margin-bottom: 24px;}
	.banner-title h2{display:none;}
	.banner-title {
		padding-top: 135px;
		padding-left: 24px;
	}
	#banner-realisation {
		padding: 110px 24px 24px;
	}
	#footer {
		margin-top: 20px;
	}
	.section {
		padding: 20px 14px;
	}
	.banner-title h2,
	#page-content h2,
	.portfolio-info h3 {
		font-size: 40px;
		line-height: 40px;
	}
	.portfolio-container img,
	.carousel-item img {
		height: 350px !important;
		object-fit: cover;
	}
	#header .logo img {
		width: 180px;
	}
	.col-lg-4.col-md-4.footer-link li:first-child {
		margin: 0;
	}
	.portfolio-container {
		margin-top: 25px;
	}
	.portfolio-info h3 {
        text-align:left!important;
    }
	.portfolio-item {
		margin-bottom: 10px !important;
	}
	section.module_a {
		margin-top: 30px;
	}
	.pt-200{
		padding-top:20px!important;
	}
	.module.section {
		padding: 15px 0;
	}
	.template-2 container,
	section.module_h .container {
		max-width: 100% !important;
		padding: 0;
	}
	.image-1,
	.image-2,
	.image-3{
		position:relative!important;
	}
	.link {margin-bottom:15px!important;}
	.module_h p{margin-bottom:10px!important;}
	
	#footer a,
	.footer-top p{
		transition: 0.3s;
		color:#827E76 !important
	}
	#footer a:hover{color:#3F3D3D!important;}
	
	.module_h > div > div > div {
		margin-bottom: 1rem;
	}
	.module_h p {
		margin: 0;
	}
	.page-id-11 .logo img:first-of-type,
	.page-id-189 .logo img:first-of-type{
		display:none;
	}
	.page-id-11 .logo .hide-logo,
	.page-id-189 .logo .hide-logo{
		display:block!important;
	}
	.page-id-11 .menu-black .mobile-nav-toggle,
	.page-id-189 .menu-black .mobile-nav-toggle{
		color:#F9F8F6!important;
	}
	
	h1.hidetext span{
		animation: revealh1mobile 3s cubic-bezier(.23, 1, .32, 1) forwards!important;
	}
	
}
@media (max-width: 479px) {
	#banner h2 {
		margin-left:0!important;
	}
	/*.container-banner{
		padding-top:110vh;
	}*/
	.portfolio-container img,
	.carousel-item img {
		height: 227px !important;
		object-fit: cover;
	}
	#banner h2 {
        font-size: 16px;
        line-height: 18px;
    }
	.banner-title h2,
	#page-content h2,
	.portfolio-info h3,
	#content-bottom h2 {
		font-size: 30px;
		line-height: 30px;
		letter-spacing: -3px!important;
	}
	
	    .logo-banner-container {
        position: absolute;
        bottom: 95px;
        height: 37px;
        overflow: hidden;
    }

	#banner h1 {
		color: white;
		font-size: 3.2rem;
		line-height: 3rem;
		font-weight: 700;
		font-family: 'Brockmann Medium';
	}
} 

@media (max-width: 390px) {
	.new-mobile a{
		font-size:26px!important;line-height:normal;
	}
}

@media (max-width: 300px) {
    .new-mobile a {
        font-size: 20px !important;
        line-height: normal;
    }
}

@keyframes revealh1 {
  0%{ opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%); }
  
  100% {opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);}
}
@keyframes revealh1-inverse {

  0% {opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);}
	
  100% { opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%); }
}

@keyframes revealh1-inverse1 {

  0% {opacity: 0;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);}
	
  100% { opacity: 0;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%); }
}



@keyframes logo-to-top {

  0% {opacity: 1;
    bottom:7%}
	
  100% { opacity: 1;
    bottom:calc(100% - 191px)}
}
@keyframes logo-to-top-reverse {

  0% {opacity: 1; bottom:calc(100% - 191px)
    }
	
  100% { opacity: 1;bottom:7%
   }
}

@keyframes logo-to-top-mobile {

	0% {opacity: 1;
		bottom:8%}

	100% { opacity: 1;
		bottom: calc(100% - 138px);  height: 100px;}
}
@keyframes logo-to-top-reverse-mobile {

	0% {opacity: 1;  bottom: calc(100% - 138px);  height: 100px;
	}

	100% { opacity: 1;bottom:8%;
	}
}
@keyframes mobile-menu-anim-out {
	0% {
		opacity: 1;
		background:#3F3D3D;width:100%;
	}

	100% {
		opacity: 1;
		background:#3F3D3D;width:0;
	}
}

@keyframes mobile-menu-anim-in {
	0% {
		opacity: 1;background:#3F3D3D;width:0;
	}

	100% {
		opacity: 1;background:#3F3D3D;z-index: 9999999; width:100%;
	}
}
.menu-fixed{position:fixed; z-index: 9999999;color:#F9F8F6!important}
.carousel{overflow:hidden;}

.new-mobile a:after {
	background-color: #fff!important;
	left: 23px!important;
}
.new-mobile a:hover:after {
	width:calc(100% - 46px)!important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 6px !important;
    background: #EAEAE8 !important;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #827E76 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.top-desc .mb-7{
	margin-bottom:5rem;
}

.mt-agence {
    margin-top: 0px !important;
}

.footer-logo:hover{
	opacity:.5!important;
}
@media (min-width: 768px) {
    .navbar {
        padding: 0;
        margin-top: -10px;
    }
}
.module_k {margin-right:0!important}
.module_k .col-lg-6.col-lg-6.pt-5.pt-md-0 {
    padding-right: 0 !important;
}
#banner-realisation .container-fluid{padding:0}


@media (max-width: 991px) {
    .module_k {
		margin-right: 24px !important;
	}
}

.portfolio-item [data-aos][data-aos][data-aos-duration="1000"], .portfolio-item [data-aos-duration="1000"] [data-aos]{
    opacity: 1 !important;
}


.single h3 {
    font-size: 24px;
	    text-transform: uppercase;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.animate-logo-fade {
    animation: fadeInAnimation ease 1.5s;
}