/*
Wireframe: 26
Version: 1.0
Update: 2020.03.04
*/

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

/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
@font-face {
    font-family: 'Outfit';
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Light.eot');
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Light.eot?#iefix') format('embedded-opentype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Light.woff2') format('woff2'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Light.woff') format('woff'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Light.ttf') format('truetype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Light.svg#Outfit-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Outfit';
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Bold.eot');
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Bold.woff2') format('woff2'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Bold.woff') format('woff'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Bold.ttf') format('truetype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Outfit-Bold.svg#Outfit-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Antonio';
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Bold.eot');
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Bold.woff2') format('woff2'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Bold.woff') format('woff'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Bold.ttf') format('truetype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Bold.svg#Antonio-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Antonio';
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Medium.eot');
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Medium.woff2') format('woff2'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Medium.woff') format('woff'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Medium.ttf') format('truetype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Medium.svg#Antonio-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Antonio';
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Light.eot');
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Light.eot?#iefix') format('embedded-opentype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Light.woff2') format('woff2'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Light.woff') format('woff'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Light.ttf') format('truetype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Light.svg#Antonio-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Antonio';
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Regular.eot');
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Regular.woff2') format('woff2'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Regular.woff') format('woff'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Regular.ttf') format('truetype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Regular.svg#Antonio-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Antonio';
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-SemiBold.eot');
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-SemiBold.woff2') format('woff2'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-SemiBold.woff') format('woff'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-SemiBold.ttf') format('truetype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-SemiBold.svg#Antonio-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Antonio';
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Thin.eot');
    src: url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Thin.eot?#iefix') format('embedded-opentype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Thin.woff2') format('woff2'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Thin.woff') format('woff'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Thin.ttf') format('truetype'),
        url('https://www.fabsservices.be/smarty/wireframe26/media/fonts/Antonio-Thin.svg#Antonio-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
/*--------------------------------------------------
# General
--------------------------------------------------*/
body {
    background: #1e1e1e;
    color: #b5b5b5;
    font-family: 'Outfit';
    font-size:15px;
    line-height:28px;
    font-weight: 300;
}
a {
    color: #dd0000;
    text-decoration: underline;
    transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #dd0000;
    text-decoration: none;
}
.image-right {
    float: right;
    margin: 0 0 10px 20px;
}
.image-left {
    float: left;
    margin: 0 20px 10px 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Antonio';
	font-weight:600;
    line-height: 1em;
}
h1 {
    font-size:51px;
	color:#fff;
}
h2 {
    font-size:26px;
    color: #dd0000;
}
h3 {
    font-size:22px;
	color:#fff;
}
h4 {
    font-size:20px;
    color: #dd0000;
}
h5 {
    font-size:19px;
	color:#fff;
}
h6 {
    font-size: 18px;
    color: #dd0000;
}
hr {
	border-color: #ccc;
}
span.phone-responsive{display:none}
.container{width:1320px}
/* ********************* */
header.top {
    position: absolute;
    left: 0;
    z-index: 10;
    top: 0;
    right: 0;
}
header.top.small {
    position: fixed;
	left:0;
	top:0;
	right:0;
	background:#000;
    box-shadow: 0 0 10px #fff;
}
header.top .mobile-nav {
   float: left;
   display:none;
}
header.top .mobile-nav a {
  display: table;
  background: #dd0000;
  text-align: center;
  color: #fff;
  transition: background .3s;
  font-size: 22px;
  padding: 8px 11px;
}
header.top .mobile-nav a:hover{
    background: #fff;
	color:#000;
}
header.top .logo {
    float: left;
    margin: 23px 0 10px 1px;
}
header.top.small .logo {
    margin:10px 0;
}
header.top nav.main-nav {
  float: right;
  width: calc(100% - 333px);
}
/* ********* */
.banner {
    position: relative;
    height: auto;
    background: #000;
    box-shadow: 0 3px 38px #000;
}
.banner.small-size {
    height: 600px;
}
.banner .fluid_container {
    position: relative;
    float: left;
    margin: 129px 0 0 calc(50% - 198px);
    width: calc(50% + 78px);
    height: 707px;
    z-index: 1;
}
.banner.small-size .fluid_container {
    height:450px;
}
.banner #slideshow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 !important;
    box-shadow: 0 3px 38px #000;
}
@keyframes slide-in {
    100% {
        transform: translate(-50%, -50%);
    	opacity: 1;
    }
}
@-webkit-keyframes slide-in {
    100% {
        transform: translate(-50%, -50%);
    	opacity: 1;
    }
}
.banner:after {
    position: absolute;
    content: '';
    top: 16px;
    bottom: 0;
    left: 0;
    width: calc(50% - 662px);
    background: url(../images/left.png) no-repeat right top;
    animation: 3s infinite fadein;
}
.banner:before {
    position: absolute;
    content: '';
    top: 593px;
    bottom: 0;
    right: 0;
    width: calc(50% - 743px);
    background: url(../images/right.png) no-repeat left top;
    animation: 3s infinite fadein;
}
.banner .fluid_container:before {
    position: absolute;
    content: '';
	z-index: -1;
    width: 176px;
    height: 271px;
    left: -60px;
    bottom: -30px;
    background: url(../images/bottom.png) no-repeat center;
    animation: 3s infinite fadein;
}
.banner .fluid_container:after {
    position: absolute;
    content: '';
	z-index:-1;
    width:30px;
    top:127px;
    left: -30px;
    bottom:75px;
    background:#dd0000;
}
.banner #slideshow:before {
    position: absolute;
    content: '';
    top: -24px;
    left: -6px;
    width: 11px;
    height: 96px;
    background: url(../images/top.png) repeat-y;
    animation: 3s infinite fadein;
}
@keyframes fadein {
  from {
    opacity:1;
  }

  to {
    opacity:.2;
  }
}
.banner.small-size .box_googlemapsv2 {
    position: relative;
    float: left;
    margin: 129px 0 0 calc(50% - 198px);
    width: calc(50% + 78px);
    height:450px;
    z-index: 1;
	overflow:hidden;
}
.banner.small-size .box_googlemapsv2 iframe {
    filter: grayscale(100%);
    position: absolute;
    top: -150px;
    bottom: -50px;
    height: calc(100% + 200px);
}
.banner .right {
    position: absolute;
    left: calc(50% - 645px);
    top: 355px;
    z-index: 1;
}
.banner.small-size .right {
    top: 250px;
}
.banner .right .slogan {
    display: block;
    font-family: 'Antonio';
    font-weight: 500;
    font-size: 38px;
    color: #fff;
    line-height: 43px;
    text-transform: uppercase;
}
.banner .right .slogan strong {
    display: block;
    font-size: 45px;
    line-height: 33px;
    margin: 0 0 22px;
    letter-spacing: 0;
}
.banner .right .slogan p {
    margin: 0;
    letter-spacing: .02em;
}
.banner a.cta {
    display: table;
    text-decoration: none;
    margin: 67px 0 0;
    color: #fff;
    font-size: 20px;
    line-height: 13px;
    transition: color .3s;
}
.banner a.cta p {
    margin: 0 0 21px;
    letter-spacing: .08em;
}
.banner a.cta:hover {
    color: #dd0000;
}
.banner a.cta span.cta1 {
    z-index: 1;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: .1em;
    position: relative;
    display: table;
    padding: 9px 14px 10px 11px;
    border: 1px solid #ff0000;
    font-weight: 700;
    margin: 0 0 0 1px;
}
.banner a.cta:hover span.cta1 {
    border: 1px solid #fff;
}
.banner a.cta span.cta1:before {
    position: absolute;
    content: '';
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 0;
    top:0;
    background: #fff;
    transition: width .3s;
}
.banner a.cta:hover span.cta1:before {
    width:100%;
}
.banner a.cta span.cta1:after {
    position: absolute;
    content: '';
    left: 0;
    bottom:-7px;
    right:0;
    height:8px;
    background:url(../images/after-btn.png) no-repeat;
}
/* *********** */
section.boxes {
    position: relative;
    padding: 75px 0 98px;
    width: 100%;
    display: table;
    text-align: center;
}
section.boxes h2 {
  font-size: 40px;
  line-height: 40px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 0 54px;
  letter-spacing: .1em;
}
section.boxes h2 span.h22 {
  font-size: 18.53px;
  display: block;
  line-height: 18px;
  color: #bd0000;
  font-weight: 100;
  text-transform: none;
  letter-spacing: .1em;
  margin: 0 0 2px;
}
section.boxes .box-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 33px;
}
section.boxes a {
    position: relative;
    display: block;
    z-index: 1;
    text-decoration: none;
    padding: 0 30px 26px;
    line-height: 24px;
    color: #bdbdbd;
    border: 1px solid #565656;
}
section.boxes a:hover {
    color:#f0f0f0;
	border:1px solid #dd0000;
}
section.boxes a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    transition: width .3s;
    z-index: -1;
    background:#dd0000;
}
section.boxes a:hover:before {
    width:100%;
}
section.boxes a:after {
    position: absolute;
    content: '';
    width: 159px;
    height: 80px;
    top:-1px;
    left: 50%;
    transform: translateX(-50%);
    background: #565656;
    transition: background .3s;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}
section.boxes a:hover:after {
    background: #000;
}
section.boxes a .icon {
    display: table;
    width: 159px;
    height: 88px;
    margin: -1px auto 0;
    position: relative;
    z-index: 1;
}
section.boxes a .icon1 {
    background: url(../images/icon1.png) no-repeat center top;
}
section.boxes a .icon2 {
    background: url(../images/icon2.png) no-repeat center top;
    margin: -9px auto 0;
}
section.boxes a .icon3 {
    background: url(../images/icon3.png) no-repeat center top;
}
section.boxes a h3 {
  font-size: 22px;
  line-height: 18px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  margin: 51px 0 21px;
  letter-spacing: .085em;
}
section.boxes a p {
    margin: 0;
    letter-spacing: .05em;
}
section.boxes a .plus {
  position: relative;
  display: table;
  margin: 15px auto 0;
  background: url(../images/plus1.png) no-repeat right center;
  letter-spacing: .075em;
  padding: 0 0 15px;
}
section.boxes a .plus:before{
	position:absolute;
	content:'';
	width:19px;
	height:10px;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	background:#565656;
	-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
	transition:.3s all ease;
}
section.boxes a:hover .plus:before{
	transform:translateX(-50%) rotate(-180deg);
	background:#000000;
}
/* ****** */
main.content-wrapper {
    position: relative;
    padding: 45px 0 30px;
}
.homeTemplate main.content-wrapper {
    padding: 130px 0 67px;
}
.homeTemplate main.content-wrapper:before {
    position: absolute;
    z-index: -1;
    content: '';
    top: 89px;
    width: 408px;
    right: calc(50% + 364px);
    height: 144px;
    background: url(../images/before.png) no-repeat;
}
main.content-wrapper .home-photo {
    position: relative;
    float: left;
    margin: 2px 42px 30px 0;
    box-shadow: 0 3px 16px rgb(0 0 0 / 28%);
}
main.content-wrapper .home-photo img {
    max-width: 100%;
}
main.content-wrapper header.page-title {
    margin: 0 0 30px;
    position: relative;
    padding: 0 0 24px;
    border-bottom: 1px solid rgba(255,255,255,.49);
}
.homeTemplate main.content-wrapper header.page-title {
    margin-left:653px;
}
main.content-wrapper header.page-title h1 {
    margin: 0;
}
main.content-wrapper header.page-title h1 span:first-child {
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
main.content-wrapper header.page-title h1 span:last-child {
    display: block;
    margin:10px 0 0;
    font-size: 17px;
    line-height: 17px;
    font-weight: 300;
    color: #dd0000;
    text-shadow: 0 0 0 #dd0000;
    letter-spacing: .034em;
}
main.content-wrapper header.page-title a#btp_id {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
main.content-wrapper header.page-title a#btp_id img {
    max-width: 100%;
}
main.content-wrapper .contact-grid {
    display: grid;
    grid-template-columns: 4fr 3fr;
    grid-gap: 50px;
}
main.content-wrapper a.moreless-button {
    position: relative;
    z-index: 1;
    display: table;
    padding: 7px 30px 8px;
    text-decoration: none;
    border: 1px solid #dd0000;
    color: #fffefe;
    cursor: pointer;
    letter-spacing: .1em;
    margin: 32px 0 0;
    text-transform: uppercase;
}
main.content-wrapper a.moreless-button:before {
	position:absolute;
	content:'';
	z-index:-1;
	left:0;
	top:0;
	bottom:0;
	width:0;
    background: #dd0000;
    transition: width .3s;
}
main.content-wrapper a.moreless-button:hover:before {
	width:100%;
}
main.content-wrapper a.moreless-button:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -7px;
    right: 0;
    height: 8px;
    background: url(../images/after-btn.png) no-repeat;
}
.moretext {
    display: none;
}
article.content p {
    margin: 0 0 20px;
    letter-spacing: .05em;
}
article.content ul {
    padding-left:10px;
    letter-spacing: .05em;
}
article.content ul li {
    list-style: none;
    padding-left: 20px;
    background:url(../images/icon-list01.png) no-repeat 0 5px;
}
article.content ul ul li {
    list-style: circle;
    background: none;
    padding: 0;
    margin: 0 0 0 10px;
}
article.content .table-style {
    position: relative;
    letter-spacing: .05em;
}
article.content .table-style th {
    background: #dd0000;
	color:#fff;
}
article.content .table-style th,
article.content .table-style td {
    border: 1px solid #ccc;
    padding:10px;
}
/* ************ */
section.box-wrapper {
    position: relative;
    padding: 54px 0 0;
    background: url(../images/bg-box.jpg) no-repeat center center fixed;
    box-shadow: 0 0 54px #000;
    text-align: center;
}
section.box-wrapper:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(221,0,0,.67);
}
section.box-wrapper a.box1 {
    position: relative;
    display: table;
    text-decoration: none;
    color: #ffffff;
    margin: 0 auto;
    max-width: 550px;
}
section.box-wrapper a.box1 h2 {
    margin: 0 0 18px;
    font-size: 50px;
    line-height: 63px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .075em;
    text-shadow: 0 0 29px rgb(0 0 0 / 51%), 0 0 29px rgb(0 0 0 / 51%);
}
section.box-wrapper a.box1 p {
  letter-spacing: .1em;
  margin: 0;
}
section.box-wrapper a.box1 .plus {
    display: table;
    position: relative;
    z-index: 1;
    padding: 0 0 30px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    margin: 21px auto 0;
    letter-spacing: .1em;
    transition: .3s all ease;
}
section.box-wrapper a.box1 .plus:before {
	position:absolute;
	content:'';
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:95px;
	height:16px;
	background:#fff;
	transition:width .3s , height .3s;
}
section.box-wrapper a.box1:hover .plus:before{
	width:100%;
	height:26px;
}
/* ** */
section.box-wrapper a.cta {
    position: relative;
    display: table;
    text-decoration: none;
    margin: 0 auto 60px;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    transition:color .3s;
}
section.box-wrapper a.cta:hover{
    color: #000;
}
section.box-wrapper a.cta span.cta1 {
    position: relative;
    display: table;
    margin: 0 auto;
    font-weight: 700;
    letter-spacing: .05em;
    padding: 10px 25px;
    background: #fff;
    color: #dd0000;
    z-index: 1;
}
section.box-wrapper a.cta span.cta1:before {
	position:absolute;
	content:'';
    z-index:-1;
	bottom:0;
	left:0;
	top:0;
	width:0;
	background:#000;
	transition:width .3s;
}
section.box-wrapper a.cta:hover span.cta1:before{
	width:100%;
}
/* ************ */
section.realisations {
    position: relative;
    text-align: center;
    padding: 0 0 76px;
    overflow: hidden;
}
section.realisations h2 {
    font-size: 18.53px;
    line-height: 19px;
    margin: 0 0 34px;
    letter-spacing: .1em;
    color: #fff;
    padding: 30px 0 0;
    background: url(../images/h2.png) no-repeat center top;
}
section.realisations h2 strong {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-size: 37px;
    line-height: 37px;
    margin: 14px 0 0;
    letter-spacing: .15em;
}
section.realisations h2 a {
	transition:color .3s;
	text-decoration:none;
}
section.realisations h2 a:hover{
    color: #fff;
}
section.realisations h2 a:hover strong{
    color: #dd0000;
}
section.realisations div#Gallery {
    position: relative;
    min-height: 0 !important;
    margin: 0 -82px;
}
section.realisations #Gallery .highslideContainer {
    position: relative;
    float: none;
    padding: 0 20px;
    opacity: 1 !important;
}
section.realisations #Gallery .highslideContainer .highslide {
    display: block;
}
section.realisations #Gallery .highslideContainer .highslide::after {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    top: 0;
    bottom: 0;
    background: rgba(7,7,7,.26) url(../images/plus.png) no-repeat center center;
    opacity: 0;
    border: 7px solid #fff;
}
section.realisations #Gallery .highslideContainer .highslide:hover::after {opacity:1}
section.realisations #Gallery .highslideContainer .highslide img {
    width: 100%;
    height: 410px;
    object-fit: cover;
    object-position: center left;
    transition: object-position .6s;
}
section.realisations #Gallery .highslideContainer .highslide:hover img {
    object-position: center right;
}
section.realisations #Gallery .highslideContainer .highslide-caption {
    display:none
}
section.realisations #Gallery .slick-track {
    padding-top:44px;
}
section.realisations #Gallery .slick-slide:nth-child(odd) {
    margin-top:-44px;
}
/* ************ */
footer.bottom {
    position: relative;
    background: url(../images/footer.jpg) no-repeat center bottom;
    padding: 68px 0 140px;
    text-align: center;
}
footer.bottom .wrapper {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
}
footer.bottom .wrapper h3 {
    margin: 0 0 63px;
    font-size: 60px;
    font-weight: 700;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .17em;
}
footer.bottom .adr {
    letter-spacing: .1em;
    border: 1px solid #ffffff;
    line-height: 14px;
    padding: 22px 5px;
}
footer.bottom a, footer.bottom .googlemaps_v2 label.modal-label {
    color: #dd0000;
    font-weight: 300;
}
footer.bottom .googlemaps_v2 label.modal-label:hover{
    text-decoration: none;
}
footer.bottom .open {
    font-size: 19px;
    background: #dd0000;
    padding: 18px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .1em;
}
footer.bottom .open p {
    margin: 0;
}
/* ** */
.mm-slideout{z-index:inherit!important}
#scrollTopBtn{bottom:51px!important;right:44px!important;z-index:100!important;box-shadow:0 0 3px rgba(255,255,255,.4);background:#dd0000!important}
#scrollTopBtn:hover{background:#333!important}
#footerSlideContainer{z-index:100!important;right:24px!important;font-size:18px!important}
#footerSlideContainer a,#footerSlideContainer *{bottom:4px !important;z-index:100!important;color:#dd0000!important;font-size:14px!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:#dd0000!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%;
}
    .fullsite {
        overflow-x: hidden;
    }

@media only screen and (max-width : 1320px) {
.container{width:100%}
.banner .fluid_container{margin:129px 0 0 calc(50% - 100px);height:600px}
.banner.small-size .box_googlemapsv2{margin:129px 0 0 calc(50% - 100px);height:400px}
.banner .right{left:15px;top:255px}
main.content-wrapper .home-photo{max-width:500px}
.homeTemplate main.content-wrapper header.page-title{margin-left:542px}
footer.bottom{padding:68px 0 100px}
}
@media only screen and (max-width : 1199.98px) {
header.top nav.main-nav{display:none}
header.top .mobile-nav{float:right;display:table;margin:26px 0}
header.top.small .mobile-nav{margin:12px 0}
.banner .fluid_container{margin:95px 0 0;height:500px;float:right}
.banner.small-size .box_googlemapsv2{margin:95px 0 0;float:right}
.banner .right{top:220px}
.banner .right .slogan{font-size:34px}
.banner .right .slogan strong{font-size:41px}
section.boxes .box-grid{grid-gap:20px}
section.boxes a{padding:0 15px 26px}
section.boxes{padding:75px 0}
footer.bottom .adr{letter-spacing:0}
main.content-wrapper header.page-title h1 span:last-child{letter-spacing:0}
.pageTemplate section.box-wrapper{background:url(../images/bg-box.jpg) no-repeat center center}
}
@media only screen and (max-width : 1023.98px) {
section.boxes a p{letter-spacing:0}
main.content-wrapper header.page-title a#btp_id{width:85px}
}
@media only screen and (max-width : 991.98px) {
.banner .fluid_container{height:400px;width:50%}
.banner.small .fluid_container{height:400px}
.banner.small-size .box_googlemapsv2{width:50%}
section.boxes a h3{letter-spacing:0}
.homeTemplate main.content-wrapper header.page-title{margin-left:0}
.homeTemplate main.content-wrapper header.page-title h1 span:first-child{margin:0}
main.content-wrapper a.moreless-button{margin:32px auto 0}
main.content-wrapper .home-photo{float:none;margin:0 auto 30px;display:table}
footer.bottom .adr{line-height:23px}
.tiret1{display:block;height:0;color:transparent}
main.content-wrapper .contact-grid{grid-template-columns:1fr;grid-gap:30px}
main.content-wrapper .contact-grid .contact-info{order:1}
main.content-wrapper .contact-grid .contact-form{order:2}
}
@media only screen and (max-width : 767.98px) {
.image-left,.image-right{float:none;margin:20px auto;display:block;max-width:100%}
span.phone{display:none}
span.phone-responsive{display:inline-block}
.banner .camera_wrap .camera_pag .camera_pag_ul{display:none}
.banner .fluid_container,.banner.small-size .box_googlemapsv2{height:300px!important;width:100%}
.banner .right{top:0 !important;position:relative;display:block;width:calc(100% - 30px);margin:30px 0 0;text-align:center;clear:both;float:left}
.banner a.cta{margin:40px autu 0}
.banner a.cta span.cta1{margin:0 auto}
section.boxes .box-grid{grid-template-columns:1fr;margin:0 auto;max-width:350px}
.homeTemplate main.content-wrapper{padding:70px 0 50px}
main.content-wrapper header.page-title a#btp_id{position:relative;display:table;margin:10px 0 0}
section.box-wrapper a.box1 h2{font-size:38px;line-height:52px;letter-spacing:0}
footer.bottom .wrapper h3{letter-spacing:0}
.tiret{display:block;height:0;color:transparent}
footer.bottom .open{font-size:16px;letter-spacing:0}
footer.bottom{padding:60px 0 90px;background-size:cover}
main.content-wrapper header.page-title h1 span:first-child{letter-spacing:0}
}
@media only screen and (max-width : 480.98px) {
article.content p{text-align:left!important}
footer.bottom .wrapper h3{margin:0 0 45px;font-size:50px}
section.realisations h2 strong{letter-spacing:0}
section.box-wrapper a.box1 h2{font-size:30px;line-height:40px}
.banner .right .slogan{font-size:25px;line-height:25px}
.banner .right .slogan strong{font-size:29px;margin:0 0 9px}
.banner a.cta p{letter-spacing:0}
header.top .logo img{max-width:240px}
header.top .mobile-nav{margin:22px 0}
h1{font-size:38px}
}
@media only screen and (max-width : 414.98px) {
footer.bottom .open{font-size: 12px;padding:18px 5px}
}
/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.sf-menu {
    justify-content: space-between;
    display: flex;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left:0;
	z-index: 99;
}
.sf-menu > li {
    display: inline-block;
    text-align: center;
}
.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 {
    padding: 39px 0 20px;
    text-decoration: none;
    color: #a9a9a9;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
}
.sf-menu a::before {
  position: absolute;
  content: '';
  z-index: -1;
  left: 50%;
  top:0;
  transform:translateX(-50%);
  height:0;
  width: 0;
  background:#ffffff;
  transition: width .3s, height .3s;
}
.sf-menu ul {
    background: #fff;
    padding: 5px;
    width:100%;
    box-shadow: 0 0 10px #555;
}
.sf-menu ul li {
    margin:0;
	padding:0;
}
.sf-menu ul li:not(:first-child) {
    border-top: 1px solid #ddd;
}
.sf-menu ul a {
    text-transform: none;
    padding: 5px;
    color: #000 !important;
    font-size:15px;
}
.sf-menu ul a:before {display:none !important}
.sf-menu ul a:hover,.sf-menu ul .selected a, .sf-menu ul .active a {
    background: #dd0000 !important;
	color:#fff !important;
}
.sf-menu li a:hover, .sf-menu li.sfHover a, .sf-menu li.selected a, .sf-menu li.active a {
    color: #fff
}
.sf-menu li a:hover:before, .sf-menu li.sfHover a:before, .sf-menu li.selected a:before, .sf-menu li.active a:before {
    width:19px;
    height:26px;
}
/*** 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;
    left: 50%;
    transform: translateX(-50%);
    bottom:-3px;
}

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

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


}
/*--------------------------------------------------
## 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: rgba(57,57,57, 1);
	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 {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul {
	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:15px;
    letter-spacing: 0.05em;
}
.mobile-menu ul ul {
    font-size: 14px;
	background: rgba(0,0,0,.15);
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu li {
	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;
	transition: background .4s;
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
	background: #dd0000;
}
.mobile-menu li li a {
	padding-left: 25px;
}
/* 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 {
	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 {
	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);
}