/*
Wireframe: 20
Version: 2.0
Update: 2019.07.30
*/

/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
## Superfish
## Mobile navigation
--------------------------------------------------*/

/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
@font-face {
	font-family: 'Open Sans-Bold';
	src: url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/OpenSans-Bold.woff2') format('woff2'), url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/OpenSans-Bold.woff') format('woff'), url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans-Light';
	src: url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/OpenSans-Light.woff2') format('woff2'), url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/OpenSans-Light.woff') format('woff'), url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/OpenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Open Sans';
	src: url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/OpenSans.woff2') format('woff2'), url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/OpenSans.woff') format('woff'), url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/OpenSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Anton';
	src: url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/Anton-Regular.woff2') format('woff2'), url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/Anton-Regular.woff') format('woff'), url('https://www.ccr-concept.be/smarty/wireframe27/media/fonts/Anton-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/*--------------------------------------------------
# General
--------------------------------------------------*/
body {
	background: #ffffff;
	color: #3e3b3b;
	font-family: 'Open Sans-Light';
	font-size: 14px;
	line-height: 24px;
}
strong {
	font-family: 'Open Sans-Bold';
}
a {
	color: #ff3131;
	text-decoration: underline;
	transition: all .4s;
}
a:active, a:hover, a:focus {
	color: #ff3131;
	text-decoration: none;
}
.image-right {
	float: right;
	margin: 0 0 10px 15px;
}
.image-left {
	float: left;
	margin: 0 15px 10px 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1em;
	font-family: 'Anton';
	font-weight: normal;
	color: #ff3131;
}
h1, .h1 {
	font-size: 30px;
}
h2, .h2 {
	font-size: 30px;
	line-height: 31px;
	font-family: 'Anton';
	font-weight: normal;
	color: #ff3131;
	margin: 25px 0 15px;
}
h3, .h3 {
	font-size: 21px;
}
h4, .h4 {
	font-size: 20px;
}
h5, .h5 {
	font-size: 19px;
}
h6, .h6 {
	font-size: 18px;
}
hr {
	border-color: #e5e5e5;
}
span.phone-responsive {
	display: none
}
/***********************************/



.form-control {
	font-size: 13px;
	color: #000;
	text-shadow: 0 0 black;
}
.serv-block .buttonService {
	background-color: #dadada !important;
	color: #000 !important
}
.serv-block .buttonService:hover {
	background-color: #c0c3c11c !important;
}
.equal-rows [class*=overviewStep] {
	display: grid;
	background: #dddddd !important;
}
.serv-block .category-abstract, .cat-block .buttonCategory.active {
	background: rgba(215,1,0,0.8) !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
/*************************************/ 
/************* banner ********************/
  
.to-bar {
	margin-top: 20px;
}
span.WhatsApp-contact-text a:hover {
	color: #01d34f;
}
span.WhatsApp-contact-text a {
	text-decoration: none;
	color: #000 !important;
	padding: 9px 74px 11px 39px;
	letter-spacing: 1px;
	font-size: 19px;
	border-radius: 25px;
}
header.top {
	position: relative;
	z-index: 5;
	background: white;/* box-shadow: 0 0 18px #000000a3; */
}
.grid-nav {
	/* display: grid; */
	/* grid-template-columns: auto 79.7%; */
	position: relative;
	width: 100%;
	justify-content: space-between;
}
.pageTemplate header.top {
}
header.top.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	transform: translateY(-100%);
	transition: transform .6s;
}
header.top.sticky nav.main-nav {
	margin: 25px 0 0;
	width: 100%;
	float: inherit;
}
header.top.sticky.sticky-appear {
	transform: translateY(0);
	box-shadow: 0 0 16px 0px rgb(0 0 0 / 90%);
	-moz-box-shadow: -3px 1px 16px 0px #000000d6;
	height: auto;
	background: rgb(255 255 255 / 90%);
	padding: 0 0
}
header.top.sticky.sticky-appear .sf-menu a:hover, header.top.sticky.sticky-appear .sf-menu li.sfHover > a, header.top.sticky.sticky-appear .sf-menu li.active > a, header.top.sticky.sticky-appear .sf-menu li.selected > a {
/* color: #fff !important; */
	/* background: #ff3131 !important; */
}
.has-lightbox header.top.sticky.sticky-appear {
	transform: translateY(-100%);
}
.logo {
	position: absolute;
	background: white;
	padding: 15px 16px 0 15px;
	top: 0;
	height: 167px;
}.logo a {
    display: block;
 
    pointer-events: all;
}
.contennu-header {
	position: relative;
	z-index: 5;
	width: auto;
	margin: 0 0;/* left: 0; */
}
header.top.sticky .logo {/* transform: scale(1); */
	display: none;
	visibility: hidden;
}
header.top.sticky.sticky-appear .grid-nav {
	display: block;
}
nav.main-nav {
	width: 100%;
	position: relative;
	z-index: 5;
	pointer-events: all;
	margin: 61px 0 0;
	width: 77.5%;
	float: right;
}
header.top nav.mobile-nav {
	display: none;
}
section.banner {
	position: relative;
	height: 880px;
}
.banner #slideshow {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin-bottom: 0px!important;
}
.banner {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 100px;
	width: 100%;
}
.banner #bg-slideshow:before {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background: url(../images/mask.png) no-repeat top center;
	content: '';
	z-index: 2;
}
.banner #bg-slideshow {
	position: absolute;
	left: 0;
	right: 0;
	top: 127px;
	bottom: 0;
}
.banner #bg-slideshow img {
}
.banner #bg-slideshow .prev, .banner #bg-slideshow .next {
	transition: padding .4s;
	width: 33px;
	height: 15px!important;
	line-height: 15px!important;
	font-size: 0px!important;
	opacity: 1!important;
	border-radius: 0px!important;
	transform: none;
	padding: 0!important;
	z-index: 5!important;
	text-align: center!important;
	bottom: 27px!important;
	top: auto!important;
	transition: .5s all;
}
.diy-slideshow .next {
	background: url(../images/next.png) !important;
	right: initial !important;
	left: calc(50% - 640px + 45px ) !important;
}
.diy-slideshow .prev {
	left: calc(50% - 640px) !important;
	background: url(../images/prev.png) !important;
}
.banner #slideshow .prev {
	text-align: right;
}
.banner #slideshow .next {
	text-align: left;
}
.banner #bg-slideshow .prev:hover, .banner #bg-slideshow .next:hover {
	opacity: 0.4 !important
}
section.banner.small {
	height: 740px;
	padding-bottom: 25px;
}
section.banner.small .contennu-header {
	margin-top: 40px;
	padding-top: 20px;
	padding-bottom: 25px;
}
section.banner.small .logo {
/* margin-top: 50px; */
}
section.banner.small .slogan {
	margin: 30px 0 36px;
}
 
section.banner.small #slideshow:before {
	width: 0%;
}
section.banner #slideshow {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: auto;
	height: auto;
	z-index: 2;
	margin-bottom: 0 !important;
}
section.banner .container {
	/* position: relative; */
	/* height: 100%; */
	/* pointer-events: none; */
}
@keyframes slide-in {
0% {
opacity: 0;
transform: translateX(-100px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
section.banner .section.banner .box-overlay:after {
	content: "";
	width: 100%;
	right: 0;
	bottom: 0;
	height: 100%;
	background: rgb(0 0 0 / 70%);
	position: absolute;
	z-index: -1;
}
section.banner .cta {
	padding: 13px 30px 20px 20px;
	pointer-events: auto;
	display: table;
	position: relative;
	text-align: center;
	z-index: 2;
	width: auto;
	background: #ff3131;
}/*
section.banner .camera_overlayer:after {
	content: "";
	width: calc(50% - 157px);
	right: 0;
	top: 0;
	height: auto;
	background: rgb(150 50 63 / 90%);
	position: absolute;
	z-index: 1;
	bottom: 0;
}*/
section.banner .slogan {
	position: relative;
	display: block;
	margin: 260px 0 55px;
	z-index: 2;
}
span.slg {
	color: #f51d1d;
}
.slogan p {
	display: block;
	font-size: 30px;
	line-height: 30px;
	color: white;
	margin: 0;
}
.slogan h2 {
	color: white;
	font-size: 48px;
	line-height: 48px;
	margin: 0px 0 0;font-size: 60px;
	line-height: 60px;
}
.slogan h3 {
	color: white;
		font-size: 48px;
	line-height: 48px;
	margin: 13px 0 27px;
}
span.jn {
	color: #ffe059;
}
span.number-responsive {
	display: none;
}
section.banner .box-overlay p {
	transform: translateX(-100%);
	animation: slide-in 1s;
	animation-fill-mode: forwards;
	animation-delay: .5s;
	margin: 0;
}
section.banner .cta p {
	margin: 0;
}
.cta a {
	font-size: 47.8px;
	text-decoration: none;
	display: block;
	color: #fff;
	transition: .5s all;
	background: url(../images/cta.png) left top no-repeat;
	padding: 0 0 0 50px;
	text-align: left;
	line-height: 35px;
	margin-top: 7px;
}
.cta .txt-cta a {
	font-size: 16px;
	text-decoration: none;
	line-height: 20px;
	transition: .5s all;
	background: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	color: #ffe059;
	width: auto;
}
section.banner .cta .txt-cta a:hover {
	color: #000000;
}
.cta a span.num2:hover {
	color: #ff3131;
}
.cta a span.num3:hover {
	color: #fff
}
section.banner .cta a:hover {
	background-position: bottom left;
	color: black;
}
.wrapper {
	position: relative;
}
.cta-contact a {
    font-size: 22px;
    margin: 0 0 30px;
    display: table;
    padding: 10px;
    background: #ffe059;
    color: #000;
    text-decoration: none;
    font-family: 'Anton';
    letter-spacing: 1px;
    position:relative;
    z-index:0
}
.cta-contact a:before {
	content:'';
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
	background: #ff3131;
    transition: .4s;
}
.cta-contact a p {
    margin: 0;
}
.cta-contact a:hover:before{height:100%}
.cta-contact a:hover{color:#fff}
/* *********** */
/************ Content ***************/
 
/*****/

.contact-info-grid {
	font-size: 1.1em;
	padding: 30px 0;
	margin-bottom: 50px;
	background: #121212;
	color: #fff;
}
.contact-info-grid a {
	color: #ff3131;
}
.contact-info-grid .container {
	display: flex;
	justify-content: space-around;
	align-items: center;
	text-align: center;
}
.contact-info-grid .container > div {
	margin: 0 20px;
}
.contact-info-grid i {
	-webkit-text-stroke: 1px #222;
	-webkit-text-fill-color: #f2f2f2;
	margin-right: 5px;
	font-size: 1.4em;
}
.contact-info-grid .phone-responsive {
	display: none;
}
contact-info-grid i {
	-webkit-text-stroke: 1px #222;
	-webkit-text-fill-color: #f2f2f2;
	margin-right: 5px;
	font-size: 1.4em;
}
.contact-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	background: #f2f2f2;
}
.contact-grid .maps .box_googlemapsv2 {
	height: 100%;
}
.contact-grid .form {
	padding: 50px;
}
/******/
section.page-content {
	position: relative;
}
.grid-home {
	width: 100%;
	float: inherit;
	display: grid;
	grid-template-columns: 1fr 624px;
	grid-gap: 75px;
}
.content-home {
	grid-row: 1 / 2;
}
.photo-home {
	position: relative;
	z-index: 1;
	margin: -160px 0 0px 0;
	grid-column: 2 / 3;
	grid-row: 1/2;
}
.content-wrapper {
	position: relative;
	padding: 70px 0 50px;
	background: url(../images/bg.png) top center;
}
.homeTemplate main.content-wrapper {
	padding: 105px 0 110px;
}
.homeTemplate header.page-title {
	margin-top: 0;
}
#btp_id {
	margin: 0px 0 0;
	width: 105px;
	display: block;
	position: absolute;
	z-index: 5;
	right: 0;
	text-align: center;
	transition: .5s all;
}
#btp_id:hover img {
	opacity: 0.7
}
#btp_id img {
	width: 105px;
}
.photo-home img {
	transition: .3s all ease;
	position: relative;
	cursor: pointer;
}
.photo-home img:hover {
	transform: scale(1.1);
	/* border: 8px solid #ffffff; */
	box-shadow: 0 0px 20px rgb(0 0 0 / 30%);/* margin: 0; */
}
article.content {
	position: relative;
	padding: 0px 0 30px;
}
section.home-content article.content {
	padding: 140px 0 30px;
}
header.page-title {
	margin: 0 0 45px;
	position: relative;
}
.homeTemplate header.page-title h1 {
	width: 100%;
	display: inherit;
}
header.page-title h1 {
	margin: 0 0 0;
}
header.page-title h1 {
	position: relative;
	z-index: 1;
	font-size: 45px;
	color: #171515;
	line-height: 45px;
	background: url(../images/box.png) no-repeat bottom left;
	padding-bottom: 40px;
}
header.page-title h1 span:nth-child(1) {
	font-family: 'Open Sans-Light';
	font-weight: 300;
	font-size: 27px;
	line-height: 27px;
	color: #171515;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	margin: 0 0 23px;
	text-shadow: 0 0 #171515;
	width: auto;
	display: table;
}
header.page-title h1 span:nth-child(3) {
	color: #f6cd1a;
}
header.page-title h1 span:nth-child(5) {
	color: #ff3131;
}
article.content p {
	text-shadow: 0 0 currentColor;
}
article.content ul {
	padding-left: 20px;
	text-shadow: 0 0 currentColor;
}
article.content ul li {
	padding-left: 29px;
	list-style: none;
	background: url(../images/icon-list01.png) no-repeat 0 3px;
}
article.content ul ul {
	list-style-type: circle;
}
article.content .table-style {
	position: relative;
	letter-spacing: .09em;
}
article.content .table-style td {
	text-shadow: 0 0 0 #606060;
}
article.content .table-style th {
	background: #ff3131;
	color: #fff;
}
article.content .table-style th, article.content .table-style td {
	border: 1px solid #ccc;
	padding: 10px;
}
.moretext {
	display: none;
}
a.moreless-button {
	position: relative;
	font-size: 20px;
	line-height: 50px;
	color: #1b1a19;
	width: 185px;
	height: 50px;
	transition: .5s all;
	cursor: pointer;
	margin: 33px 0 0;
	display: table;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0px;
	border: 2px solid #ff3131;
	text-align: center;
}
a.moreless-button:hover {
	background: #ff3131;
	color: white
}
.lien-box a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: opacity .6s;
	font-size: 0;
	z-index: 20;
}
/************** boxes *****************/

section.boxes {
	padding: 98px 0 0;
}
section.boxes h2 {
	font-size: 85px;
	line-height: 85px;
	margin: 115px auto 50px;
	color: white;
	text-transform: uppercase;
	display: table;
	width: auto;
	letter-spacing: -1px;
	font-weight: 600;
	text-align: center;
}
section.boxes h2 span {
	color: #000000;
	font-family: 'Open Sans';
	font-size: 24px;
	line-height: 24px;
	display: block;
	position: relative;
	font-weight: normal;
	letter-spacing: 4px;
	margin-bottom: 10px;
}
.grid-box {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 155px;
	padding-bottom: 95px;
	border-bottom: 1px solid rgb(156 156 156 / 57%);
}
section.boxes .box {
	position: relative;
	width: 100%;
	transition: .2s all;
	height: auto;
	background: url(../images/box.png) no-repeat bottom center;
	text-align: center;
	padding-bottom: 32px;
}
.box.box01 {
	border-radius: 45px 0 0 0;
}
.box.box03 {
	border-radius: 0 0 45px 0;
}
.box .photo-box {
	position: relative;
	width: 100%;
	height: 171px;
	background-position: top center;
	background-repeat: no-repeat;
	transition: .5s all
}
.box:hover .photo-box {
	background-position: bottom center;
}
.box01 .photo-box {
	background-image: url(../images/box1.png)
}
.box02 .photo-box {
	background-image: url(../images/box2.png);
}
.box03 .photo-box {
	background-image: url(../images/box3.png)
}
section.boxes .box h3 {
	margin: 65px 0 50px;
	transition: .5s all;
	color: #3d3d3d;
	font-size: 30px;
	line-height: 30px;
	position: relative;
	z-index: 3;
	font-family: 'Open Sans-Light';
	font-weight: 300;
	text-align: center;
}
section.boxes .box p {
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	margin: 0;
	text-shadow: 0 0 currentColor;
}
section.boxes .box:hover p {
}
section.boxes .box h3 span {
	color: #f51d1d;
}/********************/
section.services {
	position: relative;
	margin: 100px 0;
}
section.services p {
	text-align: center;
	font-size: 14px;
	color: #3e3b3b;
	line-height: 24px;
	margin: 33px auto 0;
	transition: .5s all;
	text-shadow: 0 0 currentColor;
	width: calc(100% - 110px);
}
section.services .services-boxes {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 55px;
	width: 100%;
}
section.services .services-boxes > div[class*="services"] {
	position: relative;
	width: 100%;
	background: url(../images/box.png) no-repeat bottom center;
	text-align: center;
	padding-bottom: 26px;
	transition: .3s all ease;
}
section.services .services-boxes > div[class*="services"]:hover {
	background: url(../images/box-h.png) no-repeat bottom center;
}
section.services .services-boxes > div[class*="services"] .btn-b {
	display: table;
	text-decoration: none;
	transition: .3s all ease;
	margin: 35px auto 0;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 18px;
	color: #1b1a19;
	letter-spacing: 9px;
	position: relative;
	text-shadow: 0 0 BLACK;
}
section.services .services-boxes > div[class*="services"] .bx-img {
	width: auto;
	transition: .5s all;
	position: relative;
	margin: 0 auto;
	display: table;
}
section.services .services-boxes > div[class*="services"] .bx-img img {
	max-width: 100%;
	height : auto;
}
section.services .services-boxes > div[class*="services"] h3 {
	font-family: 'Open Sans-Light';
	font-weight: 300;
	transition: .5s all;
	padding: 33px 12px;
	text-align: center;
	color: #fff;
	line-height: 36px;
	font-size: 36px;
	position: relative;
	margin: -48px auto 0;
	letter-spacing: 0.5px;
	z-index: 0;
	background: #ff3131;
	width: calc(100% - 110px);
	display: table;
}
section.services .services-boxes > div[class*="services"]:hover h3 {
	background: #ffe059;
	color: #3d3d3d
}
/*********** gallery home *************/  
 
 

/* ************** */
  
.home-gallery {
	position: relative;
	padding: 142px 0 250px;
}
section.home-gallery .container {
	position: relative;/* z-index: 50; */
}
.home-gallery h2 {
	font-size: 42px;
	color: #ff3131;
	line-height: 42px;
	margin: 0px 0 56px 0;
	font-family: 'Open Sans-Light';
	font-weight: 300;
	position: relative;
	z-index: 10;
}
.home-gallery h2 span {
	font-size: 54px;
	color: #20201e;
	line-height: 54px;
	margin: 18px 0 0px 0;
	font-family: 'Anton';
	font-weight: normal;
	display: block;
	background: white;
	z-index: 5;
	position: relative;
}
.home-gallery .button {
	position: absolute;
	right: 15px;
	bottom: 40px;
	width: auto;
	text-align: center;
	z-index: 16;
}
.home-gallery .button a {
	position: relative;
	font-size: 20px;
	line-height: 51px;
	color: #1b1a19;
	width: 250px;
	height: 51px;
	transition: .5s all;
	cursor: pointer;
	margin: 33px 0 0;
	display: table;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0px;
	border: 2px solid #ff3131;
	text-align: center;
}
.home-gallery .button a:hover {
	color: white;
	background: #ff3131;
}
.home-gallery .holder {
	display: none;
}
.home-gallery #HomeImages {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 149px;
	z-index: 10;
	position: relative;
}
.home-gallery .mcePxmGallery .highslide-gallery .highslideContainer a.highslide {
padding-bottom: 118.855%;}
.home-gallery .mcePxmGallery .highslide-gallery .highslideContainer a.highslide:hover::after {/* border: 2px solid white; */
}
.home-gallery .mcePxmGallery .highslide-gallery .highslideContainer a.highslide::after {
/* left: 13px; */
	/* right: 13px; */
	/* top: 21px; */
	/* bottom: 21px; */
	/* background: none; */
}
.home-gallery #HomeImages .highslideContainer {
/* padding: 0; */
	/* box-shadow: 0 0 40px rgb(0 0 0 / 20%); */
}
.home-gallery #HomeImages .highslideContainer:nth-child(2) {
	transform: translateY(-160px);
}
.home-gallery #HomeImages .highslideContainer:nth-child(1):after {
	content: "";
	width: auto;
	right: -48px;
	top: 48px;
	height: auto;
	background: #ff3131;
	position: absolute;
	z-index: -1;
	bottom: -48px;
	left: 48px;
}
.home-gallery #HomeImages .highslideContainer:nth-child(2):after {
	content: "";
	width: auto;
	right: 48px;
	top: -48px;
	height: auto;
	border: 2px solid #2f2828;
	position: absolute;
	z-index: 0;
	bottom: 48px;
	left: -48px;
	border-left: none;
	background: url(../images/picto.png) no-repeat top left;
}
.home-gallery .mcePxmGallery .highslide-gallery .highslideContainer:nth-child(2) a.highslide {
/* padding-bottom: 110.46%; */
}
.home-gallery #HomeImages img {
/* object-fit: cover; */
	/* width: 100%; */
	/* height: 100%; */
	/* transition: filter 1s, transform .6s, opacity .6s; */
}
.home-gallery .holder {
	display: none;
}
.home-gallery #HomeImages img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	transition: filter 1s, transform .6s, opacity .6s;
	transform: inherit;
}
.mcePxmGallery .highslide-gallery .highslideContainer a.highslide:hover img:hover {
	filter: grayscale(0);
	opacity: .2;
}
 @keyframes bg {
 0% {
 background-size:    0 2px, 2px 0, 0 2px, 2px 0;
}
 25% {
 background-size:    100% 2px, 2px 0, 0 2px, 2px 0;
}
 50% {
 background-size:    100% 2px, 2px 100%, 0 2px, 2px 0;
}
 75% {
 background-size:    100% 2px, 2px 100%, 100% 2px, 2px 0;
}
 100% {
 background-size:    100% 2px, 2px 100%, 100% 2px, 2px 100%;
}
}
/************ footer ******************/
footer.bottom {
	position: relative;
	padding: 0px 0 78px;
	background: url(../images/bg-footer.jpg) no-repeat top center;
}
footer.bottom:after {
	content: "";
	left: 0;
	width: 50.1%;
	top: 0;
	height: auto;
	background: rgb(255 255 255 / 90%);
	position: absolute;
	z-index: 0;
	bottom: 0;
}
.logo-footer {
	text-align: center;
	margin: 79px 0 55px;
}
footer.bottom .time h3 {
	font-size: 22px;
	line-height: 46px;
	margin: 70px 0 15px;
	color: #211d1d;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-family: 'Open Sans-Light';
	background: rgb(33 29 29 / 6%);
}
footer.bottom .time {
	text-shadow: none;
}
footer.bottom .time .jr {
	display: table;
	background: #211d1d;
	width: auto;
	color: white;
	font-family: 'Anton';
	text-align: center;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 46px;
	float: left;
	margin-right: 24px;
	width: calc(52% - 12px);
}
footer.bottom .time .hr {
	/* margin-left: 12px; */
	width: calc(48% - 12px);
	display: table;
	background: #ff3131;
	color: white;
	font-family: 'Anton';
	text-align: center;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 46px;
}
footer.bottom h3 span {
	display: table;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 6px;
	margin: 3px auto 0;
	text-transform: none;
}
footer.bottom .footer-wrapper {
	/* display: flex; */
	font-size: 16px;
	line-height: 24px;
	position: relative;
	color: #3e3b3b;
	z-index: 100;
	text-align: center;
	width: calc(50% - 132px);
	text-shadow: 0 0 currentColor;
	margin: 0 0 0 32px;
}
.map p {
	margin: 0 0 25px;
}
footer.bottom a, footer.bottom .googlemaps_v2 label.modal-label {
	color: #f51d1d;
	text-decoration: underline;
}
footer.bottom a:hover, footer.bottom .googlemaps_v2 label.modal-label:hover {
	text-decoration: none
}
/********************/
.mm-slideout {
	z-index: inherit!important
}
#scrollTopBtn {
	bottom: 43px!important;
	right: 34px!important;
	z-index: 100!important;
	background: #f41d1d!important;
	box-shadow: 0 0 3px rgba(255,255,255,.4)
}
#scrollTopBtn:hover {
	background: #ff313196!important;
}
#footerSlideContainer {
	z-index: 100!important;
	right: 24px!important;
	font-size: 18px!important
}
#footerSlideContainer a {
	bottom: 4px !important;
	z-index: 100!important;
	color: #ff3131!important;
	font-size: 16px!important;
	font-weight: 700!important
}
#footerSlideContainer a:hover {
	color: #aaa!important
}
div.cc-cookies {
	width: 100%;
	z-index: 50!important
}
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
	background: #482b3d!important;
	margin: 0 10px;
	color: #fff !important;
	margin-right: 140px;
}
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset {
	background: #000!important
}
div.cc-cookies {
	background: #404040;
	width: 100%
}
.formError, .formError *, #fancybox-wrap, #fancybox-wrap * {
	box-sizing: content-box
}
div#_atssh {
	bottom: 0
}
.cookieinfo {
	z-index: 10 !important;
}
#footerSlideButton {
	bottom: 7px;
}
.img-box {
	width: 100%;
	height: 100%;
}
.container {
	width: 1330px;
}
img {
	max-width: 100%;
	height: auto;
}
 @media only screen and (max-width : 1330px) {
.container {
	width: 100%
}
.diy-slideshow .next {
	left: 60px !important;
}
.diy-slideshow .prev {
	left: 15px !important;
}
.contennu-header, section.banner.small .contennu-header {
	margin-left: 0;
}
.home-gallery h2 span {
	font-size: 48px;
}
header.page-title h1 {
	font-size: 40px;
}
}
@media only screen and (max-width : 1280px) {
}
 @media only screen and (max-width : 1199.98px) {
section.services .services-boxes > div[class*="services"] h3 {
	font-size: 32px;
}
.grid-home {
	grid-gap: 40px;
}
header.page-title h1 {
	font-size: 37px;
}
}
 @media only screen and (max-width : 1024px) {
.grid-home {
	grid-template-columns: 1fr 400px;
}
.photo-home {
	margin: 0px 0 0px 0;
}
img {
	max-width: 100%;
	height: auto
}
section.services .services-boxes > div[class*="services"] h3 {
	font-size: 28px;
}
footer.bottom .time .jr {
	float: inherit;
	margin: 0 auto 12px;
	width: 250px;
}
footer.bottom .time .hr {
	float: inherit;
	margin: 0 auto;
	width: 250px;
}
footer.bottom .time h3 {
	margin: 60px 0 10px;
}
.map p {
	margin: 0 0 15px;
}
.logo-footer {
	text-align: center;
	margin: 60px 0 50px;
}
header.top nav.main-nav, header.top nav.language {
	display: none;
}
header.top nav.mobile-nav {
	display: block;
	text-align: right;
	font-size: 30px;
	position: relative;
	z-index: 5;
	pointer-events: all;
	padding: 40px 0 0;
}
header.top.sticky.sticky-appear nav.mobile-nav {
	text-align: center;
	padding: 15px;
	margin: 0;
}
section.banner #slideshow {
	top: 0px;
}
header.top nav.mobile-nav a {
	color: #ff3131;
}
header.top {
	display: block;
}
.contennu-header, section.banner.small .contennu-header {
	width: auto;
	margin: 150px auto 0;
	max-width: 450px;
	text-align: center;
}
section.banner, section.banner.small {
	height: 806px;
}
.diy-slideshow .next {
	right: calc(50% - 45px ) !important;
	left: initial !important;
}
.diy-slideshow .prev {
	left: calc(50% - 45px ) !important;
}
section.banner.small .slogan, section.banner .slogan {
	margin: 0px 0 30px;
}
.slogan p, section.banner .cta {
	margin: 0 auto;
}
.slogan h3 {
	font-size: 38px;
	line-height: 38px;
}
.slogan h2 {
	font-size: 50px;
	line-height: 57px;
}
.slogan p {
	font-size: 23px;
	line-height: 27px;
}
.grid-box {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 55px;
	max-width: 355px;
	margin: 0 auto;
}
.home-gallery h2 {
	font-size: 33px;
}
.home-gallery h2 span {
	font-size: 38px;
	line-height: 40px;
}
}
@media only screen and (max-width : 992px) {
.grid-home {
	display: block;
}
.photo-home {
	margin: 0 auto 50px;
	display: table;
	width: auto;
}
footer.bottom .maps {
	min-height: 800px;
}
.fullwidthTemplate article.content {
	padding: 0 30px;
}
article.content .mcePxmGallery {
	padding: 0 15px;
}
article.content .contact-info-grid {
	font-size: 1em;
}
article.content .contact-info-grid > div {
	margin: 0 10px;
}
article.content .contact-grid .form {
	padding: 30px;
}
main.content-wrapper .home-grid {
	grid-template-columns: 1fr;
}
span.number {
	display: none;
}
span.number-responsive {
	display: inline-block;
}
	section.banner .cta span.number {
	display: table;
}
	.cta a {
    font-size: 36px;
   
}
section.services .services-boxes > div[class*="services"] h3 {
	width: calc(100% - 80px);
}
}
@media only screen and (max-width : 900px) {
.image-right, .image-left {
	float: none;
	margin: 20px auto;
	display: block;
	max-width: 100%;
	height: auto;
}
.fullwidthTemplate article.content {
	padding: 0 15px;
}
article.content .mcePxmGallery {
	padding: 0 15px;
}
article.content .contact-info-grid {
	padding: 10px 0
}
article.content .contact-info-grid .container {
	display: block;
}
article.content .contact-info-grid .container > div {
	margin: 20px 0;
}
article.content .contact-info-grid .phone {
	display: none;
}
article.content .contact-info-grid .phone-responsive {
	display: inline-block;
}
span.number-responsive {
	display: inline-block;
}
footer.bottom .address .number {
	display: none;
}
footer.bottom .address .phone-responsive {
	display: inline-block;
}
.contact-grid {
	grid-template-columns: 1fr;
	padding: 15px 15px 30px;
}
.contact-grid .maps {
	height: 300px;
}
.contact-grid .form {
	padding: 0px;
}
article.content .contact-info-grid {
	font-size: 17px;
	padding: 10px 0
}
.contact-info-grid .container {
	display: block;
}
.contact-info-grid .container > div {
	margin: 20px 0;
}
.contact-info-grid .phone {
	display: none;
}
.contact-info-grid .phone-responsive {
	display: inline-block;
}
section.services .services-boxes {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 70px;
	max-width: 622px;
	margin: 0 auto;
}
footer.bottom .footer-wrapper {
	width: calc(50% - 30px);
	margin: 0 auto 0;
}
footer.bottom:after {
	left: 25%;
	width: 50%;
}
.home-gallery #HomeImages .highslideContainer:nth-child(1):after {
	right: -20px;
	top: 20px;
	bottom: -20px;
	left: 20px;
}
.home-gallery #HomeImages .highslideContainer:nth-child(2):after {
	border-left: 2px solid #2f2828;
	background: none;
	right: 20px;
	top: -20px;
	bottom: 20px;
	left: -20px;
}
.home-gallery .button {
	bottom: -20px;
}
.home-gallery #HomeImages .highslideContainer:nth-child(2) {
	transform: translateY(-70px);
}
.home-gallery h2 {
	text-align: center;
	margin: 0px 0 120px 0;
}
.home-gallery #HomeImages {
	grid-gap: 80px;
}
}
@media only screen and (max-width : 768px) {
.slogan h3 {
font-size: 26px;
    line-height: 35px;
}
span.phone-responsive {
	display: initial;
}
span.phone {
	display: none;
}
.contennu-header, section.banner.small .contennu-header {
	width: auto;
	display: table;
}
}
@media only screen and (max-width : 640px) {
.home-gallery #HomeImages {
	grid-template-columns: repeat(1, 1fr);
	padding: 0 20px;
}
.home-gallery h2 {
	margin: 0px 0 50px 0;
}
footer.bottom .footer-wrapper {
	width: 290px;
	margin: 0 auto 0;
	padding: 0 10px
}
footer.bottom:after {
	left: calc(50% - 145px);
	width: 290px;
}
footer.bottom .time h3 {
	font-size: 20px;
	letter-spacing: 1px;
}
.home-gallery .button {
	position: relative;
	right: inherit;
	bottom: inherit;
	width: auto;
	text-align: center;
	margin: 30px auto 0;
	display: table;
}
.home-gallery #HomeImages .highslideContainer:nth-child(2) {
	transform: translateY(0px);
}
.home-gallery {
	padding: 30px 0 20px;
}
.photo-home {
	margin: 0 auto 50px;
	padding: 0;
}
}
@media only screen and (max-width : 480px) {
article.content p {
	text-align: left !important;
}
.home-gallery h2 span {
	font-size: 28px;
	line-height: 28px;
}
.home-gallery h2 {
	font-size: 29px;
	line-height: 30px;
}
}
@media only screen and (max-width : 414px) {
.slogan h2 {
	font-size: 31px;
	line-height: 38px;
}
.contennu-header, section.banner.small .contennu-header {
	max-width: 290px;
}
.slogan p {
	font-size: 16px;
	line-height: 24px;
}
.cta a {
	font-size: 28.8px;
}
header.page-title h1 {
	font-size: 29px;
}
h2, .h2 {
	font-size: 25px;
	line-height: 25px;
}
section.services .services-boxes > div[class*="services"] h3 {
	width: calc(100% - 60px);
}
section.services p {
	width: calc(100% - 30px);
}.logo {
 
    padding: 15px 10px;
    top: 0;
    height: auto;
    width: 220px;
}
}
@media only screen and (max-width : 375px) {
form.contactForm .g-recaptcha {
	transform: scale(0.9);
}
}
@media only screen and (max-width : 320px) {
.contact-info-grid {
	padding: 30px 11px;
}
}
/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu {
	justify-content: space-between;
	align-items: end;
	display: flex;
	width: 100%;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
}
.sf-menu > li {
	float: left;
	display: inline-block;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
.sf-menu a {
	line-height: 15px;
	font-size: 15px;
	text-decoration: none !important;
	color: #3d3d3f;
	text-align: center;
	border-bottom: 7px solid transparent;
	padding-bottom: 44px;
}
.sf-menu >li {
/* padding-right: inherit; */
	/* flex: 1 auto; */
 
}
.sf-menu li:last-child {
	background: none;
	padding: 0;
}
.sf-menu > li {
}
.sf-menu > li > a {
	position: relative;
	z-index: 1;
}
.sf-menu a:hover, .sf-menu li.sfHover > a, .sf-menu li.active > a, .sf-menu li.selected > a {
	border-color: #ff3131;color: #ff3131;
}
.sf-menu ul {
	background: #000000d4;
	padding: 0;
	min-width: 100%;
	text-align: left;
	box-shadow: 0 2px 5px rgba(0,0,0,.15);
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu ul li {
	border-bottom: 1px solid rgb(255 255 255 / .5);
}
.sf-menu ul li:last-child, .sf-menu ul li:last-child a {
	border-bottom: none;
}
.sf-menu ul li:first-child, .sf-menu ul li:first-child a {
}
.sf-menu ul li:not(:first-child) {
}
.sf-menu ul a {
	padding: .15em 0em !important;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: color .4s, border-bottom-color .8s;
	color: #fff;
	text-transform: none !important;
	line-height: 27px !important;
	font-size: 13px;
	border-radius: 0;
}
.sf-menu ul a:hover, .sf-menu ul .selected a, .sf-menu ul .active a {
}
.sf-menu ul a:hover, .sf-menu ul li.sfHover > a, .sf-menu ul li.active > a, .sf-menu ul li.selected > a {
	color: #fff !important;
	background: #ff3131 !important;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul::after {
	content: '\f107';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	right: 48%;
	top: 13px;
	font-size: 14px;
}
@media only screen and (max-width : 1024px) {
}
@media only screen and (max-width : 992px) {
}
/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transform: translate3d(100%, 0, 0);
	transition: opacity 0.4s, transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
/* Close Button */
.close-button {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}
.close-button::before, .close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #ccc;
	transition: background .4s;
}
.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-button:hover::before, .close-button:hover::after {
	background: #fff;
}
/* Menu */
.menu-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 300px;
	height: 100%;
	background: #000;
	box-shadow: 0 0 20px rgba(0,0,0,.8);
	padding: 40px 20px 20px;
	transform: translateX(-100vw);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul, .mobile-menu .language {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu, .mobile-menu > ul, .mobile-menu .language {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: .75em;
	letter-spacing: 0.2em;
}
.mobile-menu ul ul {
	font-size: 1em;
	background: rgba(0,0,0,.15);
	margin-top: 5px;
	margin-bottom: -5px;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu > ul ~ ul li:first-child {
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li {
	padding: 5px 0;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li {
	position: relative;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li::before {
	content: '\f105';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	color: rgba(255,255,255,.5);
	z-index: 5;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.mobile-menu a {
	text-transform: uppercase;
	padding: 5px 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: 400;
	transition: background .4s;
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
	background: #ff3131;
}
.mobile-menu li li a {
	padding-left: 25px;
}
/* Language menu */
.mobile-menu .language {
	text-align: center;
	margin-top: 15px;
}
.mobile-menu .language a {
	text-transform: uppercase;
	padding: 5px 10px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-weight: 400;
}
/* Shown menu */
.show-menu .menu-wrap {
	transform: translate3d(0, 0, 0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.show-menu .mobile-menu, .show-menu .mobile-menu ul, .show-menu .mobile-menu .language {
	transform: translate3d(0, 0, 0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.show-menu .mobile-menu ul, .show-menu .mobile-menu .language {
	transition-duration: 0.9s;
}
.show-menu .site-overlay {
	opacity: 1;
	transition: opacity 0.8s;
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transform: translate3d(0, 0, 0);
}

/*css icones menu mobile*/

.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: 0px !important;
}
nav .mm-panels {
    display: block;
    position: relative;
    min-height: calc(100vh - 60px);
    clear: both;
    float: none;
}

section.mobile-links {
    margin-top: 25px;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
  display:none;
}
@media only screen and (max-width : 1023px){ section.mobile-links{display:flex;}}
section.mobile-links a  {
 text-decoration:none; 
}

section.mobile-links a i{
  font-style:normal!important;
}

section.mobile-links a i.fa-solid.fa-phone::before,
section.mobile-links a i.fa-regular.fa-envelope::before,
section.mobile-links a i.fa-solid.fa-location-dot::before,
section.mobile-links a i.fa-brands.fa-whatsapp:before,
section.mobile-links a i:before{
  font-weight: bold;
  font-family: 'Font Awesome 5 Free';
 /* -webkit-text-stroke: 1px #b59c56;
  -webkit-text-fill-color: transparent;*/
  text-decoration: none;
  width: 42px;
  height: 42px;
  position: relative;
  display: inline-block;
  font-size:22px;
}
.fa-location-dot:before{
	content:'\f3c5';
}
section.mobile-links a i.fa-brands.fa-whatsapp:before{
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
section.mobile-links a .fa-facebook-f::before {
content: "\f39e"!important;
    font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
  text-decoration:none!important;
  font-size:20px;
/*  margin-left:10px;*/
}
section.mobile-links a .fa-instagram::before {
content: "\f16d"!important;
/*font-family: 'FontAwesome';*/
font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
  text-decoration:none!important;
  font-size:20px;
/*  margin-left:10px;*/
}
section.mobile-links a .fa-tiktok:before {
    content: "\e07b";
    font-family: 'Font Awesome 5 Brands';
}
a#scrollTopBtn {
z-index:0;
}