/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks,accessibility-ready
Version: 1.3.1590677585
Updated: 2020-05-28 16:53:05

*/

/* ---------------- Sommaire ----------------------	

  Général
  Typography
  Header
  HOME : Compétences
  HOME : Grille travaux
  HOME : Contact
  PAGE Travaux
  PAGE Single projects
  Scrool Top
  Media queries
  
/* --------------------------------------------------------	*/

#cmplz-document {
    max-width: 100% !important;
    padding: 5% 20% !important;
}

.bdt-lightbox-toolbar {
	display: none;
}

/* --------------------------------------------------------	*/


/* Général */


/* --------------------------------------------------------	*/

::-moz-selection {
    	background: #999;
    	color: #fff;
    	text-shadow: none;
}

::selection {
    	background: #999;
    	color: #fff;
    	text-shadow: none;
}

:focus {
    	outline-color: transparent!important;
    	outline-style: none!important;
}

html {
    	overflow-y: scroll;
    	background: #fff;
}

body {
    	margin: 0;
    	padding: 0;
   		font-family: "Montserrat", sans-serif !important;
    	font-size: 1.1rem ;
    	line-height: 1.5rem;
    	color: #666666;
    	-webkit-font-smoothing: antialiased;
    	-webkit-text-size-adjust: 100%;
    	cursor: default;
    	overflow: hidden;
    	font-style: normal;
    	font-weight: 400;
    	background: #FFF;
    	letter-spacing: -1px;
}

*, ::before, ::after {
    word-break: keep-all !important;
}


/* --------------------------------------------------------	*/


/* Typography */


/* --------------------------------------------------------	*/

.offset {
    	margin-top: -45px;
}

a {
    	color: #666666;
    	text-decoration: none;
		font-weight : 700;
}

li a {
    	color:#f9b710;
    	text-decoration: none;
		font-weight : 700;
}

a:hover,
a:active,
a:focus, li a:hover, li a:active, li a:focus {
    	color: #000;
}

a.link, li a {
    	text-decoration: none;
}

a.link:hover,
a.link:active,
a.link:focus{
    	color: #f9b710;
    	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   		font-family: "Karla", Arial, Helvetica Neue, Helvetica, sans-serif;
    	color: #000;
    	line-height: 1.1em;
    	margin-top: 0px;
    	margin-bottom: 15px;
    	font-weight: 700;
}

h1,
h1 a {
    	font-size: 6rem;
    	letter-spacing: -1px;
}

h1 small,
.h1 small {
    	font-weight: 700;
    	font-size: 5.5rem;
    	color: #000;
    	padding-left: 0px;
}


h2,
h2 a {
    	font-size: 5rem;
    	letter-spacing: -1px;
}

h2 .title-circle {
		font-size: 2.5rem !important;
		margin-top: 15px
}

h2 .title-number {
		font-size: 7.5rem !important;
		margin-top: -3px;
		font-family: "Karla", Arial, Helvetica Neue, Helvetica, sans-serif;
}


h3,
h3 a, .project-tile-archive h1 {
    	font-size: 3rem !important;
    	text-align: left;
}

h4,
h4 a {
    	font-size: 2rem;
    	text-align: left;
}

h5,
h5 a {
    	font-size: 1.8rem;
    	font-weight: 400;
}

h6,
h6 a {
    	font-size: 1.5rem;
    	font-weight: 400;
}

p, .project-order p, .project-order h2, li {
    	font-family: "Karla", Arial, Helvetica Neue, Helvetica, sans-serif;
    	font-size: 1.6rem;
    	line-height: 24px;
    	color: #666;
    	font-weight: 100;
    	margin: 0 0 20px;
    	text-align: left;
    	letter-spacing: 0px;
		font-weight: 300;
}

p.last {
    	margin: 0px;
    	text-transform: uppercase;
}

p a {
    	color: #f9b710;
}

p a:hover,
p a:focus,
p a:active {
    	color: #000;
}

.text-white {
   	 	color: #fff !important;
}

.txt-black {
		color: #000 !important;
}

.txt-yellow {
		color: #f9b710 !important;
}

.txt-center, .txt-center p {
		text-align: center !important;	
}

.txt-uppercase{
		text-transform: uppercase !important;
}

.txt-transparent p, .txt-transparent a, .txt-transparent a:hover {
		color : transparent !important;
		cursor: default !important;
}


.cmplz-cookiebanner .cmplz-message, .cmplz-description {
	font-family: "Karla", Arial, Helvetica Neue, Helvetica, sans-serif !important;
  	font-size: 1.4rem !important;
  	color: #666 !important;

  	letter-spacing: 0px !important;
  	font-weight: 300 !important;
}

.cmplz-cookiebanner h5 {
	font-family: "Karla", Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #000;
  	line-height: 25px;
  	font-size: 22px;
  	text-transform: initial;
  	font-weight: 700;
}

.cmplz-cookiebanner a, .cmplz-links a {
  font-size: 1.4rem !important;
  font-weight: 700 !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	text-transform: normal !important;
	font-size:1.2rem;
	font-weight: 700 !important;
}

.cmplz-information .cookie-statement {
	display: none;
}

.widget_nav_menu li a:hover {
	text-decoration: none;
}


/* --------------------------------------------------------	*/


/*Header*/


/* --------------------------------------------------------	*/

	.elementor-widget-ekit-nav-menu li a {
		font-weight: 400 !important;
		letter-spacing: 0.1rem;
		font-family: "Karla", Arial, Helvetica Neue, Helvetica, sans-serif !important;
		font-size: 1.7rem !important;
}

	.elementskit-navbar-nav > li.menu-item > a {
    	color: #999999 !important;
}

.elementskit-navbar-nav > li.menu-item > a:hover {
    	color: #F9B710 !important;
}

.elementskit-navbar-nav > li.menu-item > a::active {
    	color: #fff !important;
}

.elementskit-nav-identity-panel {
    padding: 0 50px;
}



/* --------------------------------------------------------	*/

/* HOME : Compétences */

/* --------------------------------------------------------	*/

button{
		background-color: #f9b710 !important;
}


.triangle-1{
		margin-top: -100px;
		width: 280px !important;
	 	height: 200px !important;
		display: block;
}

.about-image-container .triangle-1 .bdt-background-cover{
		background-position: 0 0;
	 	background-size: contain;
}

.triangle-1 a .bdt-background-cover{
		position: relative;
}

.triangle-1 a .bdt-background-cover:hover::after {
		content:'';
		position: absolute;
		top: 50%;
		left: 50%;
		opacity: 1;
    	-webkit-transition: all 0.5s ease-in-out;
    	-moz-transition: all 0.5s ease-in-out;
    	-ms-transition: all 0.5s ease-in-out;
    	-o-transition: all 0.5s ease-in-out;
    	transition: all 0.5s ease-in-out;
    	margin: 0px 0px 0px -70px;
    	border-left: 70px solid transparent;
    	border-right: 70px solid transparent;
    	border-top: 100px solid #000;
	 font-weight: 200 !important;
}

.triangle-1 a .bdt-background-cover:hover::before {
    	content:'+';
    	color: #fff;
    	position: absolute;
    	font-size: 3rem;
    	height: auto;
    	width: auto;
		top: 67%;
    	left: 47%;
		z-index:99999;
}

.triangle-2{
		width: 280px !important;
		height: 200px !important;
		display: block;
		margin-top: 120px;
		margin-left: -280px;
}

.about-image-container .triangle-2 .bdt-background-cover{
		background-position: 0 0;
	 	background-size: contain;
}

.triangle-2 a .bdt-background-cover{
		position: relative;
}

.triangle-2 .bdt-background-cover:hover::after {
		content:'';
		position: absolute;
		top: 0;
		left: 50%;
		opacity: 1;
    	-webkit-transition: all 0.5s ease-in-out;
    	-moz-transition: all 0.5s ease-in-out;
    	-ms-transition: all 0.5s ease-in-out;
    	-o-transition: all 0.5s ease-in-out;
    	transition: all 0.5s ease-in-out;
    	margin: 0px 0px 0px -70px;
    	border-left: 70px solid transparent;
    	border-right: 70px solid transparent;
    	border-bottom: 100px solid #000;
	 font-weight: 200 !important;
}

.triangle-2 a .bdt-background-cover:hover::before {
    content:'+';
    color: #fff;
    position: absolute;
    font-size: 3rem;
    height: auto;
    width: auto;
	top: 27%;
    left: 47%;
	z-index:99999;
}

.triangle-3{
	margin-top: 140px;
	width: 280px !important;
	height: 200px !important;
	margin-left: -130px
}

.about-image-container .triangle-3 .bdt-background-cover{
	background-position: 0 0;
	background-size: contain;
}

.triangle-3 a .bdt-background-cover{
	position: relative;
}

.triangle-3 a .bdt-background-cover:hover::after {
	content:'';
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 0px 0px 0px -70px;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-top: 100px solid #000;
	 font-weight: 200 !important;
}

.triangle-3 a .bdt-background-cover:hover:hover::before {
    content:'+';
    color: #fff;
    position: absolute;
    font-size: 3rem;
    height: auto;
    width: auto;
	top: 67%;
    left: 47%;
	z-index:99999;
}

.triangle-4{
	position: relative;
	width: 280px !important;
	display: block;
	margin-left: 150px;
	height: 200px !important;
}

.about-image-container .triangle-4 .bdt-background-cover{
	background-position: 0 0;
	 background-size: contain;
}

.triangle-4 a .bdt-background-cover{
	position: relative;
}

.triangle-4 a .bdt-background-cover:hover::after {
	content:'';
	position: absolute;
	top: 0;
	left: 50%;
	opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 0px 0px 0px -70px;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
    border-bottom: 100px solid #000;
	 font-weight: 200 !important;
}

.triangle-4 a .bdt-background-cover:hover::before {
    content:'+';
    color: #fff;
    position: absolute;
    font-size: 3rem;
    height: auto;
    width: auto;
	top: 27%;
    left: 47%;
	z-index:99999;
}

.bg-left {
	margin-left: -20px;
	margin-right:20px;
}

.bg-right {
	margin-left: 20px;
	margin-right: -20px;
}


/* --------------------------------------------------------	*/


/* HOME : Grille Travaux */


/* --------------------------------------------------------	*/

.bdt-overlay {
  	padding: 0;
}

.bdt-post-gallery .bdt-post-gallery-inner {
	border-radius: 0 !important;
}

.bdt-gallery-content {
	width:100% !important;
	height:100% !important;
}

.bdt-gallery-content-inner {
  	transform: none;
  	width: 100%;
  	height: 100%;
}


.bdt-flex-inline {
  	display: inline-flex;
  	width: 100%;
  	height: 100%;
}

.bdt-post-gallery .bdt-gallery-item .bdt-gallery-content-inner > :not(:first-child) {
  margin-top: -5px !important;
}

.bdt-gallery-content-inner a h4 {
	text-align: center;
}

.bdt-post-gallery .bdt-gallery-item .bdt-gallery-content-inner {
  height: 100%;
}

.bdt-post-gallery-inner .bdt-gallery-item-link-wrapper a::before{
	content: '';
	position: relative;
	top: 0%;
	left: 50%;
	opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 0px 0px 0px -70px;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
   	border-top: 100px solid #000;
	transform: translateY(calc(50% - 45px));
}

.bdt-ep-advanced-image-gallery-item-link::before{
	content: '';
	position: relative;
	top: -5px;
	left: 50%;
	opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 0px 0px 0px -70px;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
   	border-top: 100px solid #000;
	transform: translateY(calc(50% - 45px));
}

.bdt-post-gallery-inner .bdt-gallery-item-link-wrapper a::after {
	content: '+';
	color: #fff;
	position: absolute;
	font-size: 50px;
	height: 50px;
	width: 50px;
  	top: 50%;
  	left: 50%;
  	transform: translateY(calc(50% - 50px)) translatex(calc(50% - 50px));
}

.bdt-ep-advanced-image-gallery-item-link::after {
	content: '+';
	color: #fff;
	position: absolute;
	font-size: 50px;
	height: 60px;
	width: 50px;
  	top: 50%;
  	left: 50%;
  	transform: translateY(calc(50% - 50px)) translatex(calc(50% - 50px));
}

.ep-icon-plus-2::before {
	color:transparent !important;
}

.bdt-ep-advanced-image-gallery-item-link.elementor-clickable.icon-type-icon:hover {
	cursor: pointer;
}

.elementor-post-navigation__next a {
	margin-left: 70%;
}

.elementor-post-navigation__prev a {
	margin-right: 70%;
}

.bdt-post-gallery .bdt-gallery-item .bdt-gallery-thumbnail img, .bdt-post-gallery-inner {
  max-height: 490px;
}

.bdt-ep-advanced-image-gallery-item-link::after{
  content: '+';
  color: #fff;
  position: absolute;
  font-size: 45px;
  height: 65px;
  width: 50px;
  top: 50%;
  left: 50%;
  transform: translateY(calc(50% - 50px)) translatex(calc(50% - 50px));
  font-weight: 200 !important;
}

.bdt-post-gallery-inner .bdt-gallery-item-link-wrapper a::after {
	 font-weight: 200 !important;
}

.bdt-background-cover:hover:hover::before {
  font-weight: 200 !important;
}

/* --------------------------------------------------------	*/


/* HOME : Contact */


/* --------------------------------------------------------	*/

.wpcf7-submit{
    background-color: #f9b710 !important;
}

button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
    text-decoration: none !important;
}

.wpcf7-submit:hover{
	background-color: #000 !important;
}

form label {
	margin-top: 20px;
}

form label .wpcf7-form-control{
	margin-top: 10px !important;
}


.txt-specifique p{
	color: #C0C0C0 !important;
}


/* --------------------------------------------------------	*/


/* Page TRAVAUX */


/* --------------------------------------------------------	*/


.bdt-ep-grid-filters li {
    margin: 0 2.5rem 0 0 !important;
}

.bdt-ep-grid-filters li:hover{
	color: #f9b710 !important;
}

.bdt-ep-grid-filters-wrapper {
    margin-bottom: 50px;
}


.bdt-tabs .bdt-tab .bdt-active a::after {
  	background: #F9B710 !important;
  	height: 1px !important;
}

/* --------------------------------------------------------	*/


/* PAGE Single projects */


/* --------------------------------------------------------	*/
/*
.single-travaux section.travaux-desc {
	padding: 0;
}

.single-travaux section.travaux-desc h3 {
	font-size: 3.5rem;
	line-height: 3.5rem;
	margin-bottom: 5px;
}

.single-travaux section.travaux-desc .travaux-date {
	font-size: 2.1rem;
	font-weight: 200;
	font-family: "Karla", Arial, Helvetica Neue, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #000;
	margin: 0;
}

.single-travaux section.travaux-desc .travaux-categories {
	color: #f9b710 !important;
	font-size: 1.5rem;
	text-transform: uppercase;
	margin-top: 5px;
}

.single-travaux section.travaux-desc .travaux-tags {
	font-style: italic;
	color: #C0C0C0;
	font-size: 1.5rem;
	margin-top: -15px;
	margin-bottom: 0px
}

.single-travaux section.travaux-desc .travaux-full-desc {
	margin: 90px 0 20px 0;
}

.single-travaux section.travaux-desc .travaux-site a {
	color: #C0C0C0;
}

.single-travaux section.travaux-desc .travaux-site::before {
	content: '';
	width: 15px;
	height: 15px;
	border: medium inset transparent;
   	 border-top-width: medium;
    border-bottom-width: medium;
    border-left-color: transparent;
    border-left-style: inset;
    border-left-width: medium;
	margin-right: 10px;
	border-left: 9px solid #C0C0C0;
	border-top-width: 7px;
	border-bottom-width: 7px;
	display: inline-block;
}

.single-travaux section.travaux-desc .travaux-site {
	border-top: 1px solid #C0C0C0;
	padding: 20px 0;
	font-size: 1.5rem;
	font-weight:500;
}

.single-travaux .travaux-nav {
	position: fixed;
	top: 50vh;
	display: inline-flex;
}

.single-travaux .travaux-nav .travaux-nav-prev a {
		content: '';
		left: 25px;
		position: fixed;
		width: 30px;
		height: 40px;
		border: medium inset transparent;
		margin-left: 25px;
		border-right: 27px solid #3f3f3f;
		border-top-width: 21px;
		border-bottom-width: 21px;
}

.single-travaux .travaux-nav .travaux-nav-next a {
		content: '';
		right: 25px;
		position: fixed;
		width: 30px;
		height: 40px;
		border: medium inset transparent;
		margin-right: 25px;
		border-left: 27px solid #3f3f3f;
		border-top-width: 21px;
		border-bottom-width: 21px;
}

.single-travaux .travaux-nav .travaux-nav-prev a:hover {
		border-right: 27px solid #f9b710;
}
.single-travaux .travaux-nav .travaux-nav-next a:hover {
		border-left: 27px solid #f9b710;
}

.single-travaux .legend__italique, 
.single-travaux em {
		color: #C0C0C0;
}

.single-travaux .site-construction {
		color: #C0C0C0;
		font-size: 1.5rem;
		border-top: 1px solid #C0C0C0;
		padding-top: 25px;
		margin-top: 25px;
}*/

/* --------------------------------------------------------	*/


/* Scroll Top */


/* --------------------------------------------------------	*/

#wpfront-scroll-top-container::before {
		content: '';
		position: absolute;
		top: -20px;
		right: -20px;
		opacity: 1;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
		margin: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-bottom: 50px solid #000;
}

#wpfront-scroll-top-container::after {
    	content: '+';
    	color: #fff;
    	position: absolute;
    	font-size: 30px;
    	height: 15px;
    	width: 15px;
    	top: -7px;
    	right: 5px;
    	z-index: 99999;
}


/* --------------------------------------------------------	*/


/* Media Queries */


/* --------------------------------------------------------	*/


/*------- > 767 px -------*/

@media only screen and (min-width: 1251px) {
	
	.single-travaux .travaux-nav .travaux-nav-prev a, .single-travaux .travaux-nav .travaux-nav-prev a {
		margin:0;
	}
	
	.travaux-template-default .elementor-reverse-mobile {
		padding: 0 60px;
	}

}
	
@media only screen and (min-width: 767px) {
	
	.title-icons {
		display: none;
	}
}

/*------- 1251 px -------*/

@media only screen and (max-width: 1251px) {
	 
	.travaux-template-default .elementor-reverse-mobile .elementor-col-75 {
		width: 50%;
	}
	
	.travaux-template-default .elementor-reverse-mobile .elementor-col-25 {
		width: 50%;
	}
	
	.single-travaux .travaux-nav .travaux-nav-next a {
    	margin-right: -5px;
	}
	
	.single-travaux .travaux-nav .travaux-nav-prev a {
		margin-left: -5px;
	}
	
	.travaux-template-default .elementor-reverse-mobile {
		padding: 0 100px;
	}
	
}


/*------- 1224 px -------*/

@media only screen and (max-width: 1224px) {
	 
	section.bdt-sticky {
		padding : 0 50px !important;
	}
	
}

/*------- 1024 px -------*/

@media only screen and (max-width: 1024px) {
	
	.travaux-template-default .elementor-reverse-mobile {
		padding: 0 50px;
	}
	
	.travaux-template-default .elementor-reverse-mobile .elementor-col-75 .elementor-col-50 {
		padding: 20px !important;
	}
	
	.elementskit-menu-container {
    	padding: 0 50px;
	}
	
	.ekit-wid-con:not(.ekit_menu_responsive_mobile) .elementskit-navbar-nav {
    	margin: -15px 144px;
		border-left: 1px solid #fff;
		padding: 85px 50px;
	}
	
	.elementskit-nav-identity-panel {
    	padding: 0 50px !important;
	}
	
	.elementskit-nav-logo {
    	margin: 0 !important;
    	padding: 0 !important;
	}
	
	 .elementskit-menu-close {
    border-radius: 0;
    background-color: transparent !important;
}
	
	.elementskit-menu-hamburger {
    	background-color: transparent !important;
		font-size: 2.5rem !important;
}
	
	.about-image-container {
		margin-bottom: 50px
	}
	
	.bdt-toggler-poster {
		min-height: 145px;
	}
		
	.triangle-1 {
    	margin: -69px 0 0 -80px !important;
		height: 145px !important;
		width: 200px !important;
	}

	.triangle-1 a .bdt-background-cover:hover::after {
		top: 36%;
		left: 60%;
    	border-left: 50px solid transparent;
    	border-right: 50px solid transparent;
    	border-top: 71px solid #000;
	}

	.triangle-1 a .bdt-background-cover:hover::before {
    	font-size: 2.5rem;
		top: 47%;
    	left: 46.8%;
	}
	
	.triangle-2 {
    	height: 145px !important;
		margin: 108px 0 0 -200px !important;
		width: 200px !important;
	}
	
	.triangle-2 a .bdt-background-cover:hover::after {
		top: 0;
		left: 60%;
    	border-left: 50px solid transparent;
    	border-right: 50px solid transparent;
    	border-bottom: 71px solid #000;
	}

	.triangle-2 a .bdt-background-cover:hover::before {
    	font-size: 2.5rem;
		top: 17%;
    	left: 46.8%;
	}
	
	.triangle-3 {
    	margin: 108px 0 0 -60px !important;
		height: 145px !important;
		width: 200px !important;
	}
	
	.triangle-3 a .bdt-background-cover:hover::after {
		top: 36%;
		left: 60%;
    	border-left: 50px solid transparent;
    	border-right: 50px solid transparent;
    	border-top: 71px solid #000;
	}

	.triangle-3 a .bdt-background-cover:hover::before {
    	font-size: 2.5rem;
		top: 47%;
    	left: 46.6%;
	}
	
	.triangle-4 {
    	margin: 27px 0 0 60px !important;
		height: 145px !important;
		width: 200px !important;
	}	
	
	.triangle-4 a .bdt-background-cover:hover::after {
		top: 0;
		left: 60%;
    	border-left: 50px solid transparent;
    	border-right: 50px solid transparent;
    	border-bottom: 71px solid #000;
	}

	.triangle-4 a .bdt-background-cover:hover::before {
    	font-size: 2.5rem;
		top: 17%;
    	left: 46.6%;
	}
	
	.elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated {
    	padding: 20px 40px;
	}
	
	.bg-presentation {
		margin-top: 40px !important;
		margin-bottom: 40px !important;
		padding-bottom:0px !important;
		padding-top: 0px !important;
	}
	
	.txt-specifique {
		position: relative;
		z-index: 99999;
	}
	
	.bg-illustration img {
    	max-width: 70%;
		margin-top: -110px;
	}
	
	.title-home .elementor-column-wrap {
		margin-top: 75px !important;
	}
	
	.about-icons .elementor-element-populated {
		padding: 0 20px !important;
	}
	
	.bdt-post-gallery .bdt-gallery-item .bdt-gallery-thumbnail img, .bdt-post-gallery-inner {
  		max-height: 100% !important;
	}
	
	.bdt-offcanvas-button span.elementor-button-content-wrapper{ 
		padding-top: 13px;
  		margin-top: -5px;
  		margin-bottom: -5px;
	}
	
}

/*------- 849 px -------*/

@media only screen and (max-width: 849px) {

	.triangle-1 {
    	margin: -69px 0 0 -115px !important;
	}
	
	h2, h2 a {
    	font-size: 4.5rem;
	}

	h2 .title-circle {
		font-size: 2rem !important;
	}

	h2 .title-number {
		font-size: 6.5rem !important;
	}
	
	.about-icons .elementor-element-populated {
		padding: 0 10px !important;
	}
	
	.travaux-template-default .elementor-reverse-mobile .elementor-col-75 {
		width: 100%;
	}
	
	.travaux-template-default .elementor-reverse-mobile .elementor-col-25 {
		width: 100%;
	}
	
	.travaux-template-default .elementor-reverse-mobile {
		flex-direction: column-reverse;
	}	
	
}

/*------- 800 px -------*/

@media only screen and (max-width: 800px) {
	
	.about-image-container {
		margin-top: 60px;
		margin-bottom: 80px
	}
	
	.bg-presentation {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	
	.bg-illustration img {
    	max-width: 40%;
		margin-top: -110px;
	}
	
}

/*------- 767 px -------*/

@media only screen and (max-width: 767px) {
	
	.ekit-wid-con:not(.ekit_menu_responsive_mobile) .elementskit-navbar-nav {
    	margin: -15px 144px;
	}
	
	h1, h1 a {
    	font-size: 5rem;
	}

	h1 small, h1 small {
    	font-size: 4.5rem;
	}


	h2, h2 a {
    	font-size: 4.5rem;
	}

	h2 .title-circle {
		font-size: 2rem !important;
	}

	h2 .title-number {
		font-size: 6.5rem !important;
	}


	h3, h3 a {
    	font-size: 3.5rem;
	}

	h4, h4 a {
    	font-size: 1.8rem;
}

	h5, h5 a {
    	font-size: 1.6rem;
	}

	h6, h6 a {
    	font-size: 1.5rem;
	}

	.bg-left {
		margin-left: -20px;
		margin-right:20px;
	}
			
	.title-icons {
		display: inline-block;
	}
	
	.about-icons {
		display: none;
	}
	
	.bg-presentation {
		background-image: none !important;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	
	h1, h1 a, h1 small, h1 small, h2, h2 a, h2 .title-circle, h2 .title-number, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, p, .project-order p {
    	text-align: center !important;
	}
	
	.title-competences {
		display: none;
	}
		
	.title-home .elementor-column-wrap {
		margin-top: 0px !important;
	}
		
	.title-home .elementor-column-wrap {
		margin-top: 0px !important;
	}
	
	.triangle-1 {
    	margin: -130px 0 0 300px !important;
	}
		
	.triangle-2 {
    	margin: 40px 0 0 -200px !important;
	}
		
	.triangle-3 {
    	margin: 40px 0 0 -70px !important;
	}
		
	.triangle-4 {
    	margin: 210px 0 0 -200px !important;
	}
	
	.bdt-offcanvas-button span.elementor-button-content-wrapper{ 
		padding-top: 20px;
  		margin-top: -5px;
  		margin-bottom: -5px;
	}
	
}

/*------- 709 px -------*/

@media only screen and (max-width: 709px) {

	.triangle-1 {
    	margin: -130px 0 0 260px !important;
	}
	
}

/*------- 669 px -------*/

@media only screen and (max-width: 669px) {

	.triangle-1 {
    	margin: -130px 0 0 20px !important;
	}
	
}

/*------- 496 px -------*/

@media only screen and (max-width: 496px) {
	
	.ekit-wid-con:not(.ekit_menu_responsive_mobile) .elementskit-navbar-nav {
    	margin: 0 129px;
		padding: 20px 30px;
	}

/*------- 480 px -------*/

@media only screen and (max-width: 480px) {

	h1, h1 a {
    	font-size: 5rem;
	}

	h1 small, h1 small {
    	font-size: 4.5rem;
	}

	h2, h2 a {
    	font-size: 4rem;
	}

	h2 .title-circle {
		font-size: 2rem !important;
		margin-top: 8px;
	}

	h2 .title-number {
		font-size: 6.5rem !important;
		margin-top: -8px;
	}

	h3, h3 a {
    	font-size: 3.5rem;
	}

	h4, h4 a {
    	font-size: 1.8rem;
	}

	h5, h5 a {
    	font-size: 1.6rem;
	}

	h6, h6 a {
    	font-size: 1.5rem;
	}
	
	p, .project-order p {
	}
		
	.home-slider {
		max-height: 575px;
	}
	
	.about .about-title .elementor-column-wrap{
		margin-top: -50px;
	}
	
	.bg-illustration img {
		margin-top: -30px;
	}
	
}
	
/*------- 464 px -------*/

@media only screen and (max-width: 464px) {
	
	.ekit-wid-con:not(.ekit_menu_responsive_mobile) .elementskit-navbar-nav {
    	margin: 0 49px;
	}
	
	.elementskit-nav-identity-panel {
		padding: 0 0 0 50px !important;
	}
	
	section.bdt-sticky {
    padding: 0 25px !important;
}
	
}

/*------- 429 px -------*/

@media only screen and (max-width: 429px) {

	.triangle-1 {
    	margin: -130px 0 0 0px !important;
	}
	
}

/*------- 409 px -------*/
	
@media only screen and (max-width: 409px) {

	.triangle-1 {
    	margin: -129px 0 0 -20px !important;
		height: 110px !important;
		width: 150px !important;
	}

	.triangle-1 a .bdt-background-cover:hover::after {
		top: 27%;
		left: 73%;
    	border-left: 37px solid transparent;
    	border-right: 37px solid transparent;
    	border-top: 53px solid #000;
	}

	.triangle-1 a .bdt-background-cover:hover::before {
    	font-size: 2.5rem;
		top: 32%;
    	left: 46.3%;
	}
	
	.triangle-2 {
    	height: 110px !important;
		margin: -2px 0 0 -150px !important;
		width: 150px !important;
	}
	
	.triangle-2 a .bdt-background-cover:hover::after {
		top: 0;
		left: 71%;
    	border-left: 37px solid transparent;
    	border-right: 37px solid transparent;
    	border-bottom: 53px solid #000;
	}

	.triangle-2 a .bdt-background-cover:hover::before {
    	font-size: 2.5rem;
		top: 11%;
    	left: 44.4%;
	}
	
	.triangle-3 {
    	margin: -2px 0 0 -50px !important;
		height: 110px !important;
		width: 150px !important;
	}
	
	.triangle-3 a .bdt-background-cover:hover::after {
		top: 27%;
		left: 73%;
    	border-left: 37px solid transparent;
    	border-right: 37px solid transparent;
    	border-top: 53px solid #000;
	}

	.triangle-3 a .bdt-background-cover:hover::before {
    	font-size: 2.5rem !important;
		top: 32% !important;
    	left: 46.3% !important;
	}
	
	.triangle-4 {
    	margin: 17px 0 0 80px !important;
		height: 110px !important;
		width: 150px !important;
	}	
	
	.triangle-4 a .bdt-background-cover:hover::after {
		top: 0;
		left: 71%;
    	border-left: 37px solid transparent;
    	border-right: 37px solid transparent;
    	border-bottom: 53px solid #000;
	}

	.triangle-4 a .bdt-background-cover:hover::before {
    	font-size: 2.5rem;
		top: 11%;
    	left: 44.4%;
	}
	
	h1, h1 a {
    	font-size: 4rem;
	}

	h1 small, h1 small {
    	font-size: 3.5rem;
	}

	h2, h2 a {
    	font-size: 3rem;
	}

	h2 .title-circle {
		font-size: 1.8rem !important;
		margin-top: 4px;
	}

	h2 .title-number {
		font-size: 4.5rem !important;
		margin-top: -5px;
	}

	h3, h3 a {
    	font-size: 2.5rem;
	}
	
}	

/*------- 309 px -------*/

@media only screen and (max-width: 309px) {

	.about-image-container {
		display: none;
	}
	
}