@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: url('fonts/Inter-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

body {
	font-family: 'Inter', 'Open Sans', Helvetica, sans-serif;
	font-size: 16px;
	text-align: justify;
	color: #142435;
}

img {
	max-width: 100% !important;
}

#header-outer[data-full-width=true] header>.container {
	width: 1800px !important;
}

.text-light {
	color: #fbf7ee;
}

.text-dark {
	color: #142435;
}

.row-content {
	padding-top: 100px !important; 
	padding-bottom: 100px !important;  
}

.row-portfolio-pg-title-desc {
	padding-top: 100px !important; 
	padding-bottom: 50px !important;  
}

.text-size-med {
	font-size: 20px !important;
	line-height: 32px !important;
}

.padding-b-50 {
	padding-bottom: 50px !important;
}

.padding-b-100 {
	padding-bottom: 100px !important;
}

.padding-b-150 {
	padding-bottom: 150px !important;
}

.padding-t-100 {
	padding-top: 100px !important;
}

.padding-t-200 {
	padding-top: 200px !important;
}

.margin-t-50 {
	margin-top: 50px !important;
}

.margin-t-75 {
	margin-top: 75px !important;
}

.margin-t-100 {
	margin-top: 100px !important;
}

.margin-b-30 {
	margin-bottom: 30px !important;
}

.margin-b-50 {
	margin-bottom: 50px !important;
}

.margin-b-100 {
	margin-bottom: 100px !important;
}

.margin-bt-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.margin-bt-50, h2.margin-bt-50 {
	margin-top: 50px  !important;  
	margin-bottom: 50px  !important;  
}

.margin-bt-75 {
	margin-top: 75px !important;
	margin-bottom: 75px !important;
}

.margin-bt-100, h2.margin-bt-100 {
	margin-top: 100px !important; 
	margin-bottom: 100px  !important;  
}

.margin-bt-150 {
	margin-top: 150px !important; 
	margin-bottom: 150px  !important;  
}

.margin-bt-200 {
	margin-top: 200px !important; 
	margin-bottom: 200px  !important;  
}

.margin-lr-50 {
	margin-left: 50px !important; 
	margin-right: 50px  !important;  
}

.margin-lr-75 {
	margin-left: 75px !important; 
	margin-right: 75px  !important;  
}

.margin-lr-100 {
	margin-left: 100px !important; 
	margin-right: 100px  !important;  
}

.max-width-300 {
	max-width: 300px !important;
}

.box-min-h-150 {
	height: 150px !important;
}

.box-min-h-300 {
	height: 300px !important;
}

#header-outer.scrolled {
    background-color: #142435 !important; 
	color: #fff !important;
}

.sf-menu, .sf-menu * {
	color: #fff !important; 
}


.centered-text {
  margin: auto !important;
}

/*
.border-radius-8 {
	border-radius: 8px !important; 
} */

.icon-logo {
	width: 30px !important; 
	margin-top: 7px !important;
}

.full-height-bg {
	height: 100vh;
}

.page-header-title {
	font-size: 50px !important;
}

.line-divider {
    background-color: #a9a9a9;
    opacity: .3;
    width: 100%;
    height: 1px;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.line-divider-2 {
    width: auto !important;
}

#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
	font-family: Inter, 'Open Sans' !important;
}

.project-before-after-img {
	width: 100% !important;
}

.custom-phone-link-style {
	text-decoration: none !important;
	color: #fbf7ee !important;
}

a[href^="tel:"] {
  color: #fbf7ee;
  text-decoration: none;
  font-weight: normal;
}

#header-outer:not([data-format=left-header]) #top > .container > .row nav > ul > li a span:hover {
  color: #c2a794 !important;
}

#header-outer:not([data-format=left-header]) #top > .container > .row nav > ul > li.current-menu-item a span,
#header-outer:not([data-format=left-header]) #top > .container > .row nav > ul > li.current_page_item a span,
.current-page-item a span {
  color: #c2a794 !important; 
}

#top nav>ul>li>a {
	font-size: 15px; 
}

.box-with-2rounded-border {
	border: none !important;
	border-radius: 180px 0 180px 0;
	transition: border-radius 0.8s ease; 
}

.box-with-2rounded-border:hover {
	border-radius: 0;  
}

.label-underline {
  border-bottom: 2px solid #d8d8d8;    
  padding-bottom: 2px;             
}

body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover  {
	background-color: #172d43 !important;  
	color: #fff !important;
	opacity: 100%; 
} 

.bg-current-project {
	background-size: auto !important;           
	background-color: transparent !important;
}

.nectar-global-section.before-footer {
	background-color: #142435 !important;
}

.contact-us-map {
	background-color: #142435 !important; 
	border: none !important;
}

#page-header-bg h1, #page-header-bg .subheader {
	text-shadow: 4px 4px 10px #101d2b !important;
}


/******* moving light effects on header background on page load *******/
/* Wrapper clips the shine */
/*
#nectar-page-header-p-wrap {
  position: relative;
  overflow: hidden;
}

#nectar-page-header-p-wrap .page-header-bg-image {
  position: relative;
} */

/******* Straight vertical light line *******/
/*
#nectar-page-header-p-wrap .page-header-bg-image::after {
  content: "";
  position: absolute;
  top: 0;
  right: -80%; 
  width: 60%;  
  height: 100%;
  pointer-events: none;
  background: linear-gradient(
    to left, 
    rgba(255,255,255,0) 0%, 
    rgba(255,255,255,0.6) 50%, 
    rgba(255,255,255,0) 100%
  );
  opacity: 0;
  z-index: 1;
}  */

/******* Trigger animation *******/
/*
#nectar-page-header-p-wrap.shine-on-load .page-header-bg-image::after {
  animation: shine-line-rtl 1.5s ease-out forwards; 
}

@keyframes shine-line-rtl {
  0%   { right: -80%; opacity: 0; }
  10%  { opacity: 0.5; }
  100% { right: 120%; opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  #nectar-page-header-p-wrap.shine-on-load .page-header-bg-image::after {
    animation: none;
  }
}
 */
/******* end moving light effects on header background on page load *******/



/************************************/
/* menu */
.menu-item.custom-menu-item .language-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px;
  text-decoration: none;
}

.menu-item.custom-menu-item .language-icon {
  width: 26px !important;
  height: auto;
  display: block;
  padding-top: 15px; 
}

.menu-item.custom-menu-item .menu-title-text {
  line-height: 1;
  display: inline-block;
}
/* end menu */
/************************************/

/************************************/
/* Background Zoom Effect for .page-header-bg-image */
/*
.page-header-bg-image {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.page-header-bg-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit; 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transform: scale(1);
  animation: zoomInBg 10s ease-in-out infinite alternate;
  z-index: -1;
}

@keyframes zoomInBg {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
*/

/* End Background Zoom Effect for .page-header-bg-image */
/************************************/

/************************************/
/* Home Page */
.home-slider-caption {
	width: 800px !important; 
	max-width: 100% !important; 
	text-shadow: 4px 4px 8px #292929; 
	/* text-shadow: 1px 1px 2px rgba(113, 113, 113, 0.5); */
}

.home-about-text {
	font-size: 1.5rem;
	line-height: 40px;
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.home-slider-project-name {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #142435;
	font-size: 1rem; 
	text-align: center; 
}

.home-slider-project-img {
	/* border-radius: 8px !important;  */
}

.home-content-text p, .about-content-text p {
	max-width: 600px !important;
	margin: auto; 	
}

.home-france-bg {
	min-height: 900px !important;
}

/* End Home Page */
/************************************/



/************************************/
/* Portfolio Page */
.project-status-label h4  {
	font-size: 1rem !important; 
	color: #142435 !important;
	font-family: 'Inter', 'Open Sans', Helvetica, sans-serif;
}

.project-before-after-img, body .portfolio-items .col img {
	/* border-radius: 8px; */
}

.project-before-after-img-row {
	margin-top: 10px;
}

.project-details  {
	text-align: center;
}

.portfolio-items {
	margin-bottom: 50px !important;
}

.portfolio-items .nectar-love { 
	display: none !important; 
}

.portfolio-items .work-meta {
	width: 100% !important; 
}

.portfolio-item-row-bg {
	background-color: #fbf7ee !important;
}

.portfolio-items .work-meta h4 {
	color: #142435;
}

.portfolio-items .work-meta {
	text-align: center;
	padding-bottom: 30px; 
}


.portfolio-items .col {
	background-color: transparent !important; 
} 

.bottom_controls {
	background-color: #f3efe7;
}

#page-header-bg .subheader {
	font-size: 42px;
	line-height: normal;
}

.portfolio-page-project-title {
	color: #142435;
}

#page-header-bg .span_6 {
	top: 40% !important;
}

.single-project-before-lbl {
	color: #142435;
}


.bg-current-project .using-image {
	background-size: auto !important;      
	opacity: 0.5 !important;
}

.portfolio-items .col .work-info .vert-center a:first-of-type {
  display: none;
}

/* End Portfolio Page */
/************************************/



/************************************/
/* Contact Page */
.contact-details {
	margin-top: 150px;	
}

.contact-company-name {
	margin-top: 50px;
	margin-bottom: 50px;
}

.contact-icon i {
	font-size: 60px !important; 
	margin-bottom: 30px; 
}

.contact-icon-2 i {
	font-size: 50px !important; 
	margin-bottom: 30px; 	
}

.contact-email {
	text-decoration: none; 
	color: #fbf7ee;
}


.contact-each-detail {
	min-height: 100px !important; 
	font-size: 18px;
}

.contact-us-box {
	margin: 0 auto !important;
    padding: 50px;
	background-color: #142435; 
	border: 3px solid #c2a794;
    border-radius: 20px;
    font-size: 20px;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* text-align: center; */
	width: 23% !important;
}

.iwithtext .iwt-text {
    padding-left: 50px;
    text-align: left;
}

.linecon-icon-location {
	padding-top: 30px;
}


/* End Contact Page */
/************************************/


/************************************/
/* About Page */
.about-img-icon {
	width: 40px !important;
}

.about-boxes  {
	height: 200px !important; 
	/* border-radius: 8px !important;  */
}

.profile {
  display: flex;
  align-items: center;    
  gap: 10px;              
}

.profile-image {
  width: 40px;            
  height: auto;            
  display: block;
}

.profile-name {
  font-size: 16px;
}

.financial-model-desc-max-w, .growth-strategy-desc-max-w {
	max-width: 300px !important; 
	text-align: center !important;
	margin: auto !important;  
}

.about-boxes {
	background-color: #2a384a;
	color: #fbf7ee;
	margin: 20px;
	padding:50px;
	border: 3px solid #c2a794;
    border-radius: 20px;
	font-size: 20px;
    line-height: 30px;
	display: flex;
	justify-content: center;   
	align-items: center;       
	text-align: center;       
}
/* End About Page */
/************************************/


/************************************/
/* Footer Page */
.footer-logo {
	width: 90% !important; 
	max-width: 100%; 
}

.footer-section {
	padding: 100px 0px; 
}

.footer-contact-details {
	text-align: left; 
	line-height: 40px;
}

.footer-logo-icon {
	max-width: 100px !important;
	text-align: left !important;
}

.footer-contact-header, .footer-contact-header h3 {
	text-align: left !important; 
	margin-top: 40px !important; 
	color: #fbf7ee !important;
}

.custom-copyright {
	color: #fbf7ee !important;
	font-size: 14px  !important;
	margin-bottom: 20px !important; 
	text-align: left; 
}

/* End Footer Page */
/************************************/


@media only screen and (min-width: 769px) {
	h1 { 
		font-size: 44px; 
	}
	
	.contact-company-name {
		font-size: 60px; 
	}
	
	.about-maxwidth-1  {
		width: 60% !important; 
		margin: 0 auto !important;
	}

}

@media only screen and (max-width: 768px) {
	.margin-t-100 {
		margin-top: 50px !important;
	}
	
	.contact-details {
		margin-top: 70px;
	}
	
	.home-slider-caption {
		line-height: 46px;
	}
	
	.property-ext-btn {
		padding-top: 0px !important; 
		padding-bottom: 70px !important;  
	}
	
	.footer-logo { 
		padding-top: 50px; 
	}
	
	.row-content {
		padding-top: 75px !important; 
		padding-bottom: 75px !important;  
	} 

	.row-content-2 {
		padding-top: 0px !important; 
		padding-bottom: 50px !important;  
	}
	
	.portfolio-items .work-meta {
		padding-bottom: 10px; 
	}
	
	.page-header-title {
		font-size: 40px !important;
		line-height: 50px !important;
		display: flex;
		text-align: left !important;
	}
	
	.about-boxes {
		height: auto !important;
	}
	
	.current-projects, .projets-en-cours {
		margin-bottom: 20px !important;
	}
	
	.margin-b-100-mob {
		margin-bottom: 100px !important;
	}
	
	.home-about-text {
		font-size: 1.3rem;
		line-height: 36px;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	
	.box-with-2rounded-border {
		border-radius: 80px 0 80px 0 !important;
	}

	h1.home-current-project-title {
		font-size: 40px !important; 
	}
	
	.subheader {
		font-size: 24px !important; 
	}
	
	body #page-header-bg .project-title {
		padding-top: 0px !important; 
	}
	
	body #page-header-bg .project-title .container {
        padding-bottom: 14px !important;
    }
}

@media only screen and (max-width: 809px) {
	.contact-us-box { 
		width: 98% !important;
		margin-bottom: 30px !important;
	}
}

@media only screen and (max-width: 999px) {
	.off-canvas-menu-container .language-link-mob {
		display: none !important;
	}
}

@media only screen and (max-width: 1024px) {
	.margin-t-mob-50 {
		margin-top: 50px !important;
	}
	
	.margin-b-mob-50 {
		margin-bottom: 50px !important;
	} 
	
	.margin-b-mob-75 {
		margin-bottom: 75px !important;
	} 
	
	.margin-b-mob-100 {
		margin-bottom: 100px !important;
	} 
	
	.full-width-col-about-us {
		width: 100% !important;
	}	
}

@media only screen and (min-width: 769px) and (max-width: 1024px) { 
	h1 { 
		font-size: 44px !important; 
	}
	
	.margin-top-md-10 {
		margin-top: 10px !important;
	}
	
	.margin-top-md-20 {
		margin-top: 20px !important;
	}
	
	.margin-bottom-md-20 {
		margin-bottom: 20px !important;
	}
	
	.margin-bottom-md-10 {
		margin-bottom: 10px !important;
	}
	
	.portfolio-items .current-projects, .portfolio-items .projets-en-cours {
		width: 50% !important; 
	}
	
	.project-before-after-img-row .vc_col-sm-3  {
		width: 50% !important; 
	}
	
	.project-before-after-img {
		margin-bottom: 30px !important; 
	}
	
	.current-projects img, .projets-en-cours img {
		width: 100% !important; 
	}
	
	.about-content-text, .home-content-text {
		margin-top: 50px !important; 
		margin-bottom: 50px !important; 
	}	
		
}


@media only screen and (max-width: 1024px) {
    #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a {
		font-size: 30px !important; 
	}
	
	.no-margin-bt-200-sm, .no-margin-bt-100-sm {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	
	.margin-bt-100-sm {
		margin-top: 100px !important;
		margin-bottom: 100px !important;
	}
	
	.contact-us-box {
		padding: 30px !important;
		min-height: 180px !important;
	}

}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
	#header-outer[data-lhe="default"] #top nav > ul > li > a {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.about-boxes {
		padding: 30px !important;
		height: 280px !important;
	}
}


/* From iPad Mini */
@media only screen and (min-width: 744px) and (max-width: 1274px) {
	.contact-us-box { 
		width: 48% !important;
		margin-bottom: 30px !important;
	}	
}

/* iPad Pro */
@media only screen and (min-width: 834px) and (max-width: 1194px) {
	.home-content-text {
		margin-top: 10px !important; 
		margin-bottom: 10px !important; 
	}	
}

@media only screen and (min-width: 769px) and (max-width: 1366px) { 
	.row-content {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	
	.no-padding-t-ipad {
		padding-top: 0px !important;
	}
	
	.no-padding-b-ipad {
		padding-bottom: 0px !important;
	}
	
	.no-margin-t-ipad {
		margin-top: 0px !important;
	}
	
	.no-margin-b-ipad {
		margin-bottom: 0px !important;
	}
}

@media only screen and (max-width: 1300px) {
	.box-with-2rounded-border {
		border-radius: 100px 0 100px 0 !important;
	}
}

