.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative
}

.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	touch-action: manipulation;
	-moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0!important;
	font: inherit
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	animation-name: fadeOut
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.owl-height {
	transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
	max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(../img/icons/owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
	margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
	color: #fff;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: #869791;
	color: #fff;
	text-decoration: none
}

.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #869791
}

.page-content {
	position: relative;
	z-index: 2;
	background-color: #f7f6f4;
	box-shadow: 0 4px 2px -2px rgba(45, 49, 48, .1)
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1
}

footer .top {
	background-color: #51514c;
	padding: 7.2222222222em 0 7.777em
}

footer .top .section-title h2 {
	font-size: 2.377em;
	letter-spacing: .0834em
}

footer .top .footer-box {
	border: .11em solid #f7f6f4;
	padding: 1.944em 2.777em 1.944em 2.5em;
	position: relative;
	display: inline-flex;
	max-width: 100%;
	height: 100%;
	align-items: center
}

footer .top .footer-box::before {
	content: "✓";
	font-weight: bold;
	width: 1.65em;
	height: 1.65em;
	background-color: #f7f6f4;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	padding-top: 5px;
	padding-left: 10px;
	left: 0
}

footer .top .footer-box nav {
	padding-right: 1.11em
}

footer .top .footer-box nav ul {
	list-style: none;
	padding: 0;
	margin: 0
}

footer .top .footer-box nav ul li {
	margin-bottom: .833em
}

footer .top .footer-box nav ul li a {
	display: block;
	font-size: 1.165em;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-weight: 500;
	letter-spacing: .2085714286em;
	color: #f7f6f4;
	text-transform: uppercase
}

footer .top .footer-box nav ul li a:hover {
	color: #60A55B
}

footer .top .footer-box nav ul li:last-of-type {
	margin: 0
}

footer .top .footer-box p {
	color: #f7f6f4;
	font-size: .888em;
	margin: 0;
	line-height: 1.375em
}

footer .top .infos-band {
	margin-top: 5em;
	border-top: .11em solid #f7f6f4
}

footer .top .infos-band>div {
	border-right: .055em solid #f7f6f4;
	text-align: center;
	height: 4.944em;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: auto;
	text-align: center
}

footer .top .infos-band>div:first-of-type {
	justify-content: flex-start
}

footer .top .infos-band>div:last-of-type {
	justify-content: flex-end;
	border: none
}

footer .top .infos-band>div a {
	color: #f7f6f4;
	font-family: "Barlow Semi Condensed", sans-serif;
	text-transform: uppercase;
	font-weight: 500
}

footer .top .infos-band>div a.contact {
	font-size: 1.11em;
	letter-spacing: .278em
}

footer .top .infos-band>div a.phone {
	font-size: 1.2222222222em;
	letter-spacing: .25em
}

footer .top .infos-band>div a:hover {
	color: #60A55B
}

footer .top .infos-band>div address {
	font-size: .833em;
	letter-spacing: .3126666667em;
	color: #f7f6f4;
	font-family: "Barlow Semi Condensed", sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	margin: 0;
	text-align: left
}

footer .top .infos-band>div .socials a {
	margin-right: 1.944em;
	display: inline-block;
	vertical-align: middle;
	height: 1.388em
}

footer .top .infos-band>div .socials a:last-of-type {
	margin: 0
}

footer .top .infos-band>div .socials a svg g#sociaux {
	-webkit-transition: fill ease-in-out .2s;
	-moz-transition: fill ease-in-out .2s;
	-ms-transition: fill ease-in-out .2s;
	-o-transition: fill ease-in-out .2s;
	transition: fill ease-in-out .2s
}

footer .top .infos-band>div .socials a:hover svg g#sociaux {
	fill: #60A55B
}

footer .copy {
	padding: 1.444em 0
}

footer .copy picture,
footer .copy svg {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.11em
}

footer .copy picture:last-child,
footer .copy svg:last-child {
	margin: 0
}

footer .copy p {
	font-size: .777em;
	margin: 0
}

html {
	background: #f7f6f4
}

body {
	background: #f7f6f4
}

section.padder {
	padding: 10em 0 8.055em
}

section.padder-small {
	padding: 5em 0
}

section.padder-xxmedium {
	padding: 5.555em 0 8.888em
}

section.padder-xmedium {
	padding: 8.888em 0 8.333em
}

section.padder-medium {
	padding: 10em 0 9.444em
}

section.padder-medium-2 {
	padding: 10em 0 8.333em
}

section.padder-bottom {
	padding-bottom: 10.277em
}

section.not-full {
	margin: 0 2.2222222222em;
	width: calc(100% - 4.444em)
}

section.darkgrey {
	background-color: #2d3130
}

section.bg {
	background-attachment: fixed;
	background-size: cover;
	background-position: center
}

section.bg.testimonials {
	background-image: url(../img/pages/home/designed-for-living.jpg)
}

html.webp section.bg.testimonials {
	background-image: url(../img/pages/home/designed-for-living.jpg)
}

.margin-right {
	margin-right: 2.777em
}

.margin-top {
	margin-top: 5em
}

.margin-top-small {
	margin-top: 1.944em
}

.margin-bottom {
	margin-bottom: 1.944em
}

.margin-bottom-large {
	margin-bottom: 4.444em
}

.margin-bottom-xlarge {
	margin-bottom: 7.2222222222em
}

section.cta {
	padding: 8.888em 0 6.944em;
	margin: 0 2.2222222222em;
	position: relative;
	margin-bottom: 2.2222222222em
}

section.cta span,
section.cta img {
	display: inline-block;
	vertical-align: middle
}

section.cta img {
	margin: 0 1.65em
}

section.cta span {
	font-size: 2em;
	color: #f7f6f4;
	text-transform: uppercase;
	letter-spacing: .1388888889em;
	font-weight: 600;
	font-family: "Barlow Semi Condensed", sans-serif
}

section.cta a.btn {
	margin-top: 3.333em
}

.mobile-only {
	display: none
}

.text-pict {
	max-width: 100%
}

.more-link::after,
.plus,
.slider-navigation a::after {
	display: inline-block;
	vertical-align: middle;
	width: 1.333em;
	height: 1.333em;
	border-radius: 180px;
	border: .0694444444em solid #60A55B;
	margin-left: .865em;
	background-image: url(../img/icons/plus.svg);
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-ms-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s
}

.more-link {
	font-size: .833em;
	padding-right: 1.72em;
	text-transform: uppercase;
	letter-spacing: .238em;
	font-weight: 700;
	display: inline-block
}

.more-link.colorat {
	color: #60A55B
}

.more-link::after {
	content: ""
}

.more-link:hover {
	color: #51514c
}

.more-link:hover::after {
	border-color: #51514c;
	background-image: url(../img/icons/plus-dark.svg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.more-link.dark::after {
	background-image: url(../img/icons/plus-dark.svg);
	border-color: #51514c
}

.more-link.dark:hover {
	color: #60A55B
}

.more-link.dark:hover::after {
	background-image: url(../img/icons/icons/plus.svg);
	border-color: #60A55B;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.copy-box.small-space h3 {
	margin: 0 0 .4545454545em
}

.copy-box.small-space p {
	margin: 0 0 2.777em
}

.copy-box.small-space ul,
.copy-box.small-space p ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	line-height: 1.2222222222em;
	letter-spacing: 0.5px;
	font-weight: 300;
}
.copy-box.small-space p ul li,
.copy-box.small-space ul li {
	font-weight: 300;
	line-height: 1.79em;
}

.copy-box.small-space p:last-of-type {
	margin: 0 0 4.444em
}

.copy-box.big-space h3 {
	margin: 0 0 1.2727272727em
}

.copy-box.big-space p {
	line-height: 1.2222222222em;
	margin: 0
}

.copy-box h2 {
	margin: 0 0 1em
}

.copy-box h3 {
	font-size: 1.2222222222em;
	margin: 0 0 .6818181818em;
	letter-spacing: .1272727273em
}

.copy-box p {
	margin: 0 0 4.444em
}

.copy-box a.phone,
.copy-box address {
	font-family: "Barlow Semi Condensed", sans-serif;
	font-weight: 600
}

.copy-box a.phone {
	font-size: 1.65em;
	color: #60A55B;
	letter-spacing: .4763333333em;
	font-family: "Barlow Semi Condensed", sans-serif;
	display: block;
	margin: 1.333em 0
}

.copy-box address {
	font-size: 1.2222222222em;
	letter-spacing: .2272727273em
}

.copy-box.light h3,
.copy-box.light p {
	color: #f7f6f4
}

.copy-box.no-bottom p:last-of-type {
	margin-bottom: 0
}

.pict-tags {
	position: relative;
	padding: 4.5em 4.2222222222em;
	height: 49.444em;
	margin-top: 4.444em
}

.pict-tags span {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: .7142857143em .9523809524em;
	background-color: rgba(247, 246, 244, .9);
	font-size: 1.165em;
	font-family: "Barlow Semi Condensed", sans-serif;
	margin: 0 0 .9047619048em;
	color: #000;
	text-transform: uppercase;
	letter-spacing: .2380952381em;
	font-weight: 600
}

.realizari-slider {
	margin-left: 2.2222222222em;
	margin-right: 2.2222222222em;
	width: calc(100% - 4.444em)
}

.realisation-box {
	height: 38.833em;
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden
}

.realisation-box .text {
	position: absolute;
	bottom: 2.333em;
	left: 2em;
	border: .11em solid #2d3130;
	min-width: 55%;
	max-width: 100%;
	-webkit-transition: border-color ease-in-out .2s;
	-moz-transition: border-color ease-in-out .2s;
	-ms-transition: border-color ease-in-out .2s;
	-o-transition: border-color ease-in-out .2s;
	transition: border-color ease-in-out .2s
}

.realisation-box .text>p {
	padding-left: 4.375em;
	padding-right: 1.3125em;
	font-size: .888em;
	font-weight: 600;
	position: relative;
	border-bottom: .125em solid #2d3130;
	letter-spacing: .2775em
}

.realisation-box .text>p::before {
	content: "10";
	height: 100%;
	width: 2.9375em;
	position: absolute;
	left: 0;
	top: 0;
  padding-left: 20px;
	background-color: #2d3130;
  color: white;
	transition: background-color ease-in-out .2s
}

.realisation-box .text p {
	background-color: rgba(247, 246, 244, .8);
	height: 2.9375em;
	line-height: 2.9375em;
	margin: 0;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-ms-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s
}

.realisation-box .text>div p {
	font-size: 1em
}

.realisation-box .text>div p:first-of-type {
	width: 80%;
	padding-left: .777em;
	border-right: .055em solid #2d3130
}

.realisation-box .text>div p:last-of-type {
	width: 20%;
	text-align: center
}

.realisation-box img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all ease-in-out 1.5s;
	-moz-transition: all ease-in-out 1.5s;
	-ms-transition: all ease-in-out 1.5s;
	-o-transition: all ease-in-out 1.5s;
	transition: all ease-in-out 1.5s
}

.realisation-box:hover .text {
	border-color: #f7f6f4
}

.realisation-box:hover .text>p::before {
	background-color: #60A55B
}

.realisation-box:hover p {
	background-color: #2d3130;
	color: #f7f6f4;
	border-color: #f7f6f4!important
}

.realisation-box:hover img {
	width: 110%;
	height: 110%
}

.slider-navigation {
	height: 2.610em;
	max-width: 32.555em;
	margin: 3.777em auto 0;
	border: .11em solid #f7f6f4
}

.slider-navigation>* {
	height: 100%
}

.slider-navigation>:hover {
	background-color: #f7f6f4
}

.slider-navigation a {
	flex: 0 0 62%;
	display: block;
	font-size: .833em;
	line-height: 3.133em;
	text-align: center;
	color: #60A55B;
	text-transform: uppercase;
	font-weight: 700;
	font-family: Barlow, sans-serif;
	letter-spacing: .238em;
	border-left: .055em solid #979797;
	border-right: .055em solid #979797
}

.slider-navigation a::after {
	content: "";
	position: relative;
	top: -.133em
}

.slider-navigation>button {
	flex: 0 0 19.1%;
	background-image: url(../img/icons/arrow-slider.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: transparent;
	box-shadow: none;
	border: none;
	cursor: pointer;
	-webkit-transition: background-color ease-in-out .2s;
	-moz-transition: background-color ease-in-out .2s;
	-ms-transition: background-color ease-in-out .2s;
	-o-transition: background-color ease-in-out .2s;
	transition: background-color ease-in-out .2s
}

.slider-navigation>button span {
	display: none
}

.slider-navigation .owl-next {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.offset-title-pict {
	position: relative
}

.offset-title-pict .section-title {
	position: absolute;
	top: 2em;
	max-width: 80%
}

.offset-title-pict .pict {
	width: 71%;
	height: 25.888em;
	float: right;
	position: relative;
	display: block
}

.testimonials-box {
	border: .11em solid #51514c;
	height: 100%
}

.testimonials-box .top {
	position: relative;
	padding: 1.833em 5em 2.2222222222em 5.833em;
	border-bottom: .055em solid #51514c;
	height: calc(100% - 4em)
}

.testimonials-box .top::before {
	content: "";
	width: 3.2222222222em;
	height: 3.2222222222em;
	background-color: #51514c;
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../img/icons/quote.svg);
	background-position: center;
	background-repeat: no-repeat
}

.testimonials-box .top h3 {
	margin: 0 0 2.0454545455em;
	font-size: 1.2222222222em;
	letter-spacing: .2272727273em
}

.testimonials-box .top p {
	font-style: italic;
	margin: 0
}

.testimonials-box .top p span {
	font-size: 1.11em;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-style: italic;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .278em;
	display: block;
	margin-top: 1em;
	line-height: 1em
}

.testimonials-box .top p span b {
	display: block
}

.testimonials-box .bottom {
	padding: 1.555em 1.555em 1.555em 5.833em
}

.testimonials-box .bottom .dots {
	height: .888em
}

.testimonials-box .bottom .dots button {
	width: .888em;
	height: .888em;
	background-color: #f7f6f4;
	box-shadow: none;
	border: .055em solid #60A55B;
	margin-right: .777em;
	vertical-align: top;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-ms-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s
}

.testimonials-box .bottom .dots button:last-of-type {
	margin: 0
}

.testimonials-box .bottom .dots button.active {
	background-color: #60A55B
}

.testimonials-box .bottom .dots button:hover {
	border-color: #51514c
}

.testimonials-box .bottom .dots button:focus {
	outline: 0
}

.blog-page-container {
	width: calc(100% + 2.388em);
	margin-left: -1.1944444444em;
	margin-top: 14.11em
}

.blog-page-container .blog-box {
	width: calc(50% - 2.388em);
	float: left;
	margin: 2.2222222222em 1.1944444444em 0
}

.blog-page-container .blog-box:first-child {
	margin-top: 8.277em
}

.blog-box.space-bottom {
	margin-bottom: 2em
}

.blog-box .pict {
	position: relative;
	height: 10.72em;
	width: 100%
}

.blog-box .text {
	border-left: .11em solid #2d3130;
	border-bottom: .11em solid #2d3130;
	border-right: .11em solid #2d3130
}

.blog-box .text h3 {
	font-size: 1em;
	letter-spacing: .25em;
	margin: 0;
	padding: 1.65em 1.65em 2.777em
}

.blog-box .text a {
	display: block;
	padding: .833em 1.65em;
	border-top: .055em solid #2d3130;
	color: #60A55B
}

.blog-box .text a:hover {
	background-color: #60A55B;
	color: #2d3130
}

.side-bar.side-bar-blog ul {
	width: 50%;
	margin-top: 2em;
	max-height: 100%;
	display: none
}

.realisations-boxs>div {
	height: 100vh;
	width: 100%;
	position: relative;
	background-size: cover;
	background-attachment: fixed
}

.realisations-boxs>div .container {
	position: relative;
	height: 100%
}

.realisations-boxs>div .text {
	position: absolute;
	bottom: 19vh;
	left: 0;
	z-index: 3;
	border: .11em solid #2d3130
}

.realisations-boxs>div .text>div {
	display: flex
}

.realisations-boxs>div .text>div>div span {
	height: 2.777em;
	background-color: #f7f6f4;
	line-height: 2.777em;
	display: block;
	width: 100%
}

.realisations-boxs>div .text>div>div span:first-child {
	border-bottom: .055em solid #2d3130;
	font-size: 1.11em;
	letter-spacing: .278em;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0 1.35em
}

.realisations-boxs>div .text>div>div span:last-child {
	font-size: .888em;
	letter-spacing: .2775em;
	padding: 0 1.6875em;
	text-transform: uppercase
}

.realisations-boxs>div .text>div::before {
	content: "✓";
	color: white;
	font-size: 3em;
	height: 1.82em;
	width: 1em;
	background-color: #2d3130;
	background-position: center;
	background-repeat: no-repeat
}

.realisations-boxs>div a {
	position: absolute;
	bottom: 12vh;
	color: #f7f6f4;
	font-weight: 700;
	font-size: 1.2222222222em;
	letter-spacing: .2381818182em;
	z-index: 3;
	display: block;
	left: 0;
	text-transform: uppercase
}

.realisations-boxs>div a::after {
	content: "";
	width: 2.7727272727em;
	height: .7172727273em;
	background-image: url(../img/icons/right-light-arrow.svg);
	display: inline-block;
	vertical-align: middle;
	margin-left: .7272727273em;
	background-size: 100%;
	background-position: center;
	position: relative;
	top: -.055em;
	-webkit-transition: margin-left ease-in-out .2s;
	-moz-transition: margin-left ease-in-out .2s;
	-ms-transition: margin-left ease-in-out .2s;
	-o-transition: margin-left ease-in-out .2s;
	transition: margin-left ease-in-out .2s
}

.realisations-boxs>div a:hover {
	opacity: .7
}

.realisations-boxs>div a:hover::after {
	margin-left: 1.11em
}

.realisations-boxs>div::after {
	content: "";
	height: 45vh;
	width: 100%;
	background-image: linear-gradient(180deg, rgba(45, 49, 48, 0) 0, rgba(45, 49, 48, .8) 100%);
	z-index: 2;
	position: absolute;
	bottom: 0;
	left: 0
}

.realisation-slider.owl-carousel {
	margin-top: 1.777em;
	position: relative
}

.realisation-slider.owl-carousel .owl-item img {
	width: auto;
	max-width: 100%;
	margin: 0 auto
}

.realisation-slider.owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%
}

.realisation-slider.owl-carousel .owl-nav button {
	background-color: #60A55B;
	border: .11em solid #f7f6f4;
	width: 6.165em;
	height: 2.610em;
	background-image: url(../img/icons/arrow-light.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 7.388em;
	-webkit-transition: background-color ease-in-out .2s;
	-moz-transition: background-color ease-in-out .2s;
	-ms-transition: background-color ease-in-out .2s;
	-o-transition: background-color ease-in-out .2s;
	transition: background-color ease-in-out .2s
}

.realisation-slider.owl-carousel .owl-nav button span {
	display: none
}

.realisation-slider.owl-carousel .owl-nav button:last-of-type {
	left: calc(100% - 13.555em);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media (max-width: 554px) {
	.realisation-slider.owl-carousel .owl-nav button {
		left: 0.788em;
	}
	.realisation-slider.owl-carousel .owl-nav button:last-of-type {
		left: calc(100% - 7.055em);
	}
}

.realisation-slider.owl-carousel .owl-nav button:hover {
	background-color: #2d3130
}

.realisation-slider.owl-carousel .owl-dots {
	position: absolute;
	width: 100%;
	bottom: 3.65em;
	z-index: 2;
	text-align: center
}

.realisation-slider.owl-carousel .owl-dots button {
	width: .888em;
	height: .888em;
	background-color: #f7f6f4;
	border: .055em solid #60A55B;
	margin-right: .777em;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-ms-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s
}

.realisation-slider.owl-carousel .owl-dots button:last-of-type {
	margin: 0
}

.realisation-slider.owl-carousel .owl-dots button.active,
.realisation-slider.owl-carousel .owl-dots button:hover {
	background-color: #60A55B;
	border-color: #f7f6f4
}

.cta-box {
	display: flex;
	border: .11em solid #2d3130
}

.cta-box>* {
	background-color: #60A55B;
	padding: 2.677em 1.55em 1.55em;
	display: flex;
	flex: auto
}
@media (max-width: 768px) {
	.cta-box {
		flex-direction: column
	}
	.cta-box>* {
		padding-top: 0.5em;
	}

	.cta-box>:first-child {
		padding-top: 2.5em;
		padding-bottom: 0.5em;
	}
}

.cta-box>:first-child {
	border-right: .055em solid #2d3130;
	position: relative
}

.cta-box>:first-child::before {
	content: "✓";
  width: 1.65em;
  height: 1.65em;
	background-color: white;
	position: absolute;
	left: 0;
	top: 0;
	background-size: 1.0216666667em 1.65em;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 5px;
  padding-left: 10px;

}

.cta-box>:first-child p span {
	color: #f7f6f4;
	display: block;
	font-size: 1.388em;
	letter-spacing: .2776em;
	font-family: "Barlow Semi Condensed", sans-serif
}

.cta-box>:last-child p {
	display: block;
	width: 100%
}

.cta-box>:last-child p span {
	display: block;
	font-size: 2.777em;
	color: #f7f6f4;
	font-family: "Barlow Semi Condensed", sans-serif;
	font-weight: 500;
	line-height: .95em
}

.cta-box>:last-child p span:first-of-type,
.cta-box>:last-child p span:last-of-type {
	letter-spacing: .1778em;
}

.cta-box>:last-child p span:nth-of-type(2) {
	letter-spacing: .3038em
}

.cta-box>:last-child p svg,
.cta-box>:last-child p img {
	-webkit-transition: transform ease-in-out .2s;
	-moz-transition: transform ease-in-out .2s;
	-ms-transition: transform ease-in-out .2s;
	-o-transition: transform ease-in-out .2s;
	transition: transform ease-in-out .2s
}

.cta-box>:last-child:hover {
	background-color: #2d3130
}

.cta-box>:last-child:hover p svg,
.cta-box>:last-child:hover p img {
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.cta-box>* p {
	margin: 0
}

.process-boxs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border: .11em solid #f7f6f4;
	counter-reset: number
}

.process-boxs>div {
	padding: 1.944em 5em 3.333em 6em;
	flex: 0 0 50%;
	position: relative;
	counter-increment: number
}

.process-boxs>div:nth-child(odd) {
	border-right: .055em solid #f7f6f4
}

.process-boxs>div:first-child {
	border-bottom: .055em solid #f7f6f4
}

.process-boxs>div:nth-child(2) {
	border-bottom: .055em solid #f7f6f4
}

.process-boxs>div::before {
	content: counter(number) " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 1.3em;
	height: 1.3em;
	background-color: #f7f6f4;
	font-size: 3.333em;
	line-height: 1.3em;
	font-weight: 700;
	color: #60A55B;
	text-align: center
}

.quote-box {
	background-color: #60A55B;
	border: .11em solid #f7f6f4;
	padding: 1.65em;
	margin-bottom: 4.444em
}

.quote-box h3 {
	font-size: 1.388em;
	color: #f7f6f4;
	letter-spacing: .2em;
	line-height: 1.68em;
	margin: 0
}

.side-bar h2 {
	margin-top: 0
}

.side-bar ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.side-bar ul a {
	padding: .5em 0;
	border-bottom: .055em solid rgba(45, 49, 48, .2);
	display: block
}

@media print {
	* {
		background: 0 0!important;
		color: #000!important;
		box-shadow: none!important;
		text-shadow: none!important
	}
	a,
	a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	.ir a:after,
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: ""
	}
	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	img,
	tr {
		page-break-inside: avoid
	}
	img {
		max-width: 100%!important
	}
	@page {
		margin: .5cm
	}
	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}
	h2,
	h3 {
		page-break-after: avoid
	}
	header {
		display: none
	}
	footer {
		display: none
	}
}

@media print {
	.desktop-only {
		display: none!important
	}
	.print-only {
		display: inline-block!important
	}
	#toast-container {
		display: none
	}
	.ecommerce.step1 .content {
		padding: 0
	}
	.ecommerce.step1 .steps {
		display: none
	}
	.ecommerce.step1 #cart-footer,
	.ecommerce.step1 #cart-header {
		display: none
	}
	.ecommerce.step1 table.table {
		margin: 0
	}
	.ecommerce.step1 .cart-item-picture {
		width: 100px;
		display: block
	}
	.ecommerce.step1 .btn {
		display: none
	}
}

@media (max-width:1024px) {
	.logos svg {
		margin-bottom: 1em
	}
	.more-link {
		margin-bottom: 2em
	}
	.realisations-boxs>div {
		height: 22.2222222222em
	}
	.realisations-boxs>div .text {
		bottom: 5.555rem
	}
	.realisations-boxs>div a {
		bottom: 2.777rem
	}
	.blog-page-container {
		margin-top: 0
	}
	.cta-box {
		margin-top: 2em;
		max-width: 27.777rem
	}
	body {
		padding-bottom: 0!important
	}
	footer {
		position: static
	}
	footer .top .footer-box {
		padding-left: 2.5em;
		padding-right: 2.5em
	}
	footer .top .footer-box nav {
		padding-right: 0
	}
}

@media (max-width:767px) {
	.hide-on-mobile-only {
		display: none
	}
	.mobile-only {
		display: block
	}
	.section-title.big h1 {
		font-size: 4em
	}
	.main-infos {
		margin: 0 auto 1em!important;
		height: auto
	}
	.projects-nav {
		padding-bottom: 0
	}
	.projects-nav ul {
		flex-wrap: wrap;
		justify-content: center
	}
	.projects-nav ul li {
		flex: 0 0 25%;
		margin-bottom: .465rem
	}
	.realisations-boxs>div .text>div::before {
		height: auto;
		background-size: 40%
	}
	.realisations-boxs>div .text>div>div span:first-child {
		height: auto;
		line-height: 1em;
		font-size: .65rem;
		padding-top: .555rem;
		padding-bottom: .555rem
	}
	.text-pict {
		margin-top: 2em
	}
	.spacer-left,
	.spacer-right {
		padding: 0
	}
	.process-boxs>div {
		padding: 1.944em 1em 3.333em 5.5em;
		flex: 0 0 100%
	}
	footer .top .mobile-footer {
		text-align: center;
		margin-bottom: 1em
	}
	footer .top .infos-band {
		flex-wrap: wrap;
		justify-content: center;
		border: none
	}
	footer .top .infos-band>div {
		flex: 0 0 50%;
		border: none;
		align-items: center;
		justify-content: center!important
	}
	.copy img,
	.copy picture,
	.copy svg {
		max-width: 2.777rem
	}
}

@media (max-width:480px) {
	.testimonials-box .top {
		padding: 1.833em 2em 2.2222222222em 4em
	}
	.blog-page-container .blog-box {
		width: calc(100% - 2.388em)
	}
	footer .top .infos-band>div {
		flex: 0 0 100%
	}
}

@media (min-width:768px) and (max-width:1024px) {
	.hide-on-tablet-only {
		display: none
	}
}

@media (min-width:1025px) and (max-width:1399px) {
	.logos svg {
		margin-bottom: 1em
	}
}

@media screen and (max-width:1100px) {
	.realisations-boxs>div {
		background-attachment: inherit
	}
}