@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@300;400;500&display=swap');

@font-face {
    font-family: 'Segoe UI';
    src: url('SegoeUI.woff2') format('woff2'),
        url('SegoeUI.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*--------------------------------------------------
# General
--------------------------------------------------*/
body {
	background: #ffffff;
    /*color: #282828;font-family: 'Source Sans Pro', sans-serif;*/
        font-family: 'Segoe UI';
    font-size: 16px;
    line-height: 25px;
	/*font-weight:400;*/
}
#news-popup .popup-wrapper .popup-content .news-item-title {
    COLOR: #222;
}
a {
    color: #fff;
    text-decoration: underline;
    transition: all .4s;
}
a:active, a:hover, a:focus {
  color:#d5b895;
    text-decoration: none;
}

p a{   border-bottom: 1px dotted #fff;
    text-decoration: none;}

hr {
	border-color: #d5b895;
}
 
.image-right {
    float: right;
    margin: 10px 0 50px 15px;
}
.image-left {
    float: left;
    margin: 10px 25px 50px 0;
}
.image-left, .image-right {
    box-shadow: 8px 8px #d5b895;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 

{
    
    /*font-family: 'Cormorant Garamond', serif;*/
    font-family: 'Noto Serif Display', serif;
    text-transform: none;
    line-height: 1.3;
    font-weight: 300;
}
h1, .h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
}
h2, .h2 {
    font-size: 32px;
    color: #009b94;
    font-weight: 500;
}
h3, .h3{
    font-size:28px;		    color: #fff;
}
h4, .h4{
    font-size:26px;
   color: #009b94;
}
span.openingDay:after {
    content: ":";
    position: absolute;
    right: 3px;
}

.tel.work a {
    color: #000;
}
span.openingDay {
    display: inline-block;
    width: 90px;
    position: relative;
}
h5, .h5{
    font-size:24px;			    color: #000;
}
h6, .h6{
    font-size:22px;  color: #d5b895;
}
.news-item-text p a {
    color: #d5b895 !important;
}

div#sticky-wrapper {
     position: relative;
    width: 100%;
    height: 120px !important;
    background: #fff;
    z-index: 100;
}nav.main-nav {
    position: relative;
    padding: 0 50px;
}
/****/
section.home-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../images/logo.png) repeat center;
    opacity: .05;
}
section.page-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../images/logo2.jpg) no-repeat center;
    opacity: .05;
}
.diy-slideshow .next, .diy-slideshow .prev {
    background: #000 !important;
}
.diy-slideshow figure img {
    object-fit: contain!important;
}
/******/
.fullsite {
    overflow: hidden;
}
.nav-wrapper {
 
}
.is-sticky .nav-wrapper {
    display: table;
    margin:0 auto;
}
nav.main-nav {

}
.is-sticky nav.main-nav {
    z-index: 100;
    background: #fff;
    box-shadow: 0 0 30px #d5b895;
    height: auto;
     padding: 0; 
    /* width: 100% !important; */
}div#slideshow:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    background: #1e1e1e;
    width: 386px;
    height: auto;
    z-index: 2;
}header.top .networks {
    position: absolute;
    left: 111px;
    z-index: 3;
    bottom: 117px;
}header.top .networks_linking {
    position: relative;
    display: grid;
    grid-gap: 0;
    left: 8px;
    top: -120px;
}header.top .networks_linking a.networks_facebook {
    position: relative;
    left: -5px;
}
.is-sticky nav.main-nav .sf-menu {
    padding: 0;
    left: 0;
    display: table;
    margin: -18px auto 21px;
    text-align: center;
    right: 0;
    float: none;
}header.top .networks_linking a.networks_facebook .fa.fa-facebook:before {
    font-family: 'Source Sans Pro';
    font-size: 20px;
    letter-spacing: 0.3em;
    transition: all 0.4s;
    content: "facebook" !important;
}
header.top .networks_linking a.networks_instagram .fa-instagram:before {
    font-family: 'Source Sans Pro';
    font-size: 20px;
    letter-spacing: 0.3em;
    transition: all 0.4s;
    content: "instagram" !important;
}header.top .networks_linking a.networks_instagram {
    top: -219px;
    position: relative;
    left: -9px;
}header.top .networks_linking a.networks_instagram:hover, header.top .networks_linking a.networks_facebook:hover {
    color: #d5b895;
    transform: rotate(89deg);
}header.top .networks:before {
    position: absolute;
    content: "";
    left: -3px;
    right: 0;
    margin: auto;
    bottom: auto;
    height: 243px;
    width: 1px;
    background: #fff;
    top: -484px;
}
header.top .networks_linking a.networks_instagram, header.top .networks_linking a.networks_facebook {
    background: transparent;
    font-size: 20px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 400;
    font-family: 'Source Sans Pro';
    text-transform: uppercase;
    transform: rotate(-91deg);
    transition: all 0.4s;
    letter-spacing: 0.2em;
}
nav.main-nav .sf-menu {
    align-self: center;
    float: right;
    margin: 0 0 0;
    position: relative;
    padding-top: 14px;
    left: 0;
}
nav.main-nav a.mobile-nav {
    position: relative;
    z-index: 1;
    right: 0;
    width: 30px;
    height: 25px;
    margin: 25px 0 0;
    float: right;
    display: none;
}
nav.main-nav a.mobile-nav span {
    background: #fff;
    border: none;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .4s;
}
nav.main-nav a.mobile-nav span.middle {
    top: 9px;
}
nav.main-nav a.mobile-nav span.bottom {
    top: 18px;
}
nav.main-nav a.mobile-nav.active span.top {
	transform: translateY(9px) translateX(0) rotate(45deg);
}
nav.main-nav a.mobile-nav.active span.middle {
	opacity: 0;
}
nav.main-nav a.mobile-nav.active span.bottom {
	transform: translateY(-9px) translateX(0) rotate(-45deg);
}
nav.main-nav .logo {
    position: relative;
    padding:11px 0 0px;
    transition: all .4s;
    float: left;
    z-index: 1;
}
.is-sticky nav.main-nav .logo {

    display: none;
}


/**************************/
header.top {
    position: relative;
    min-height: 795px;
}

header.top a.networks_tiktok {
    margin-left: 58px;
    margin-top: 32px;
}
header.top.small {
    min-height: 650px;
}

.diy-slideshow {
    position: absolute !important;
    height: 100%;
    width: 100%;
}
.diy-slideshow figure:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(0 0 0 / 20%);
    z-index: 1;
    background-size: cover;
}header.top:after {
    position: absolute;
    content: "";
    background: #1e1e1e;
    width: 50%;
    bottom: -92px;
    height: 93px;
    left: 0;
    top: auto;
    z-index: 1;
}div#slideshow:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 390px;
    height: auto;
    background: rgb(0 0 0 / 60%);
    z-index: 1;
}
.networks {
    position: absolute;
    left: 0;
}
header.top .container {
    position: absolute;
    height: 100%;
    /* width: auto; */
    left: 0;
    right: 0;
    margin: auto;
}nav.main-nav {
    position: relative;
}
header.top .slogan {
    position: absolute;
    color: #fff;
    z-index: 2;
    top: 188px;
    transform: translateY(50%);
    text-align: left;
    right: 0;
    left: 70px;
    margin: auto;
    /* display: table; */
}
header.top.small .slogan {
    top: 300px;
    transform: translateY(0);
}section.map-footer .box_googlemapsv2 iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: grayscale(1);
}section.map-footer {
    position: relative;
    width: 100%;
    height: 350px;
}
body.pageTemplate.conatct header.top.small .slogan {
    top: 190px;
}
header.top .slogan h2 {
    position: relative;
    color: #fff;
    font-size: 50px;
    line-height: 62px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0px 0 0px;
    margin: 0;
    font-family: 'Noto Serif Display', serif;
    text-shadow: 3px 0 7px rgb(0 0 0 / 85%), 3px 0 7px rgb(0 0 0 / 85%);
}header.top .slogan h2 strong {
    position: relative;
    left: 130px;
}
header.top .slogan a.contact {
    font-size: 25px;
    line-height: 22px;
    text-shadow: none;
    padding: 0;
    display: inline-block;
    z-index: 1;
    transition: all 0.6s;
    font-family: 'Source Sans Pro', sans-serif;
    text-decoration: none;
    color: #fff;
    transition: box-shadow .4s, background .4s;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 49px 0 0;
    text-shadow: 3px 0 7px rgb(0 0 0 / 85%), 3px 0 7px rgb(0 0 0 / 85%);
    float: right;
    position: relative;
    padding-right: 131px;
}
header.top .slogan a.contact:after {
    content: '';
    position: absolute;
    left: -60%;
    top: 13px;
    bottom: 0;
    background: #fff;
    transition: all 0.6s;
    z-index: 1;
    width: 176px;
    height: 2px;
    box-shadow: 7px 0 3px #00000026;
}header.top .slogan a.contact:hover {
    color: #f0bf39;
}

header.top .social {
    position: relative;
    float: none;
    display: table;
    margin: 0 auto 0;
    top: 25px;
}
header.top .slogan .social a.networks_facebook {
    position: relative;
    background: url(/media/images/new-images/bg-fb.png) no-repeat center !important;
    width: 42px;
    height: 36px;
    font-size: 0 !important;
    display: block;
    transition: all 0.4s;
    float: left;
    border-radius: 0;
    margin: 0;
}
header.top .slogan .social a.networks_facebook:hover{
	-webkit-animation: rotate-center 0.6s ease-in-out both;
	        animation: rotate-center 0.6s ease-in-out both;
}

header.top .slogan .social a.networks_instagram:hover{
	-webkit-animation: rotate-center 0.6s ease-in-out both;
	        animation: rotate-center 0.6s ease-in-out both;
}
/* ----------------------------------------------
 * Generated by Animista on 2022-3-21 14:28:2
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/******************************/
section.home-content {
    padding: 235px 0 125px;
    position: relative;
    background: #ffffff;
    color: #282828;
}.block-home .ill-home.aos-init {
    position: absolute;
    right: 389px;
    top: 0;
    bottom: 0;
    width: 29.6%;
    height: auto;
}
article.content img {
    height: auto;
    max-width: 100%;
    outline: none;
}

.ill-home img {
    width: 100%;
    height: 65%;
    object-fit: cover;
}

section.page-content {
    position: relative;
    background: #fff;
    color: #282828;
}


article.content img {
    height: auto;
    max-width: 100%;
    outline: none;
}
article.content {
    position: relative;
    padding: 130px 0 40px;
}section.realisations #Gallery .highslideContainer {
    padding: 0px;
    opacity: 1 !important;
}a.btn-carte {
    background: url(../images/pdf.png) no-repeat;
    padding-left: 30px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    transition: all 0.4s;
    font-size: 20px;
    font-family: 'Cormorant Garamond';
    margin-top: 24px;
    display: table;
    color: #fff;
    font-weight: 700;
}a.btn-carte:hover {
    color: #d5b895;
    letter-spacing: 0.1em;
}
section.home-content article.content {
    padding: 0;
    width: 46%;
}
label.modal__close {
    z-index: 1;
}
article.content header.page-title h1 .subtitle {
    margin: 0;
    font-size: 22px;
    line-height: 60px;
    letter-spacing: 0em;
    color: #d5b895;
    font-weight: 400;
    display: block;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Source Sans Pro';
    padding-left: 100px;
    position: relative;
}
section.home-content article.content header.page-title h1 {
    margin: 0;
    line-height: 45px;
    font-size: 36px;
    letter-spacing: 0;
    color: #d5b895;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    padding: 0 0 0;
    font-family: 'Noto Serif Display', serif;
}
section.page-content article.content header.page-title h1 {
    position: relative;
    text-transform: none;
    margin: 0;
}
section.home-content article.content header.page-title {
    margin-bottom: 9px;
    /* display: -webkit-box; */
    padding: 0px 0 22px;
    /* width: 35%; */
    position: relative;
}

article.content header.page-title {
    position: relative;
    padding: 0 0 20px 0;
    margin: 0 0 30px;
}
article.content header.page-title h1 .subtitle:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 28px;
    background: #bf9627;
    height: 1px;
    width: 92px;
}
section.page-content article.content header.page-title h1 span {
    margin: 0;
    line-height: 45px;
    font-family: 'Noto Serif Display', serif;
    font-size: 45px;
    letter-spacing: 0em;
    color: #d5b895;
    font-weight: 400;
    text-align: left;
    position: relative;
    display: block;
    border-bottom: 1px solid #d5b895;
    padding-bottom: 32px;
}section.page-content article.content header.page-title:after {
    display: none;
}section.page-content article.content header.page-title {
    position: relative;
    padding: 0 0 20px 0;
    margin: 0 0 18px;
}
/*********************/
article.content .vCard .box-light {
    margin-top: 6px;
}
.box-light {
    background: #f1e7ce;
    color: #000;
    padding: 15px;
    margin: 0 0 20px;
}article.content .vCard .box-light h5 {
    color: #d5b895;
}
.col-md-8.col-md-push-4 h3 {
    margin: 0;
}
article.content .vCard .box-light img {
    height: 188px;
    width: 100%;
    object-fit: cover;
}

a.btn-menu {
    background: #d5b895;
    padding: 10px 15px;
    text-decoration: none;
    border: 0;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 20px;
}
a.btn-menu:hover {
    background:#ab851c;
    color:#fff;
}



/***********************************************/
article.content ul {
   list-style: outside disc;
    margin-left: 0;
    padding: 0;
	padding-left:20px;
}
article.content ul li {
    left: 1em;
    margin-left: 1em;
    padding-right: 1em;
}
article.content ul ul {
    list-style-type: circle;
}
article.content .table-style {
    position: relative;
    margin-bottom: 20px;
}

article.content .table-style td:last-child {
    width: 18%;
}
article.content .table-style th, article.content .table-style td {
    border: 1px solid #d5b895;
    padding: 5px 15px;
}
article.content .table-style th {
    background: #d5b895;
    color: #fff;
}
h2.dark-text.title {
    background: none;
}
section.contactform {
    position: relative;
    padding-top: 12px;
}div#openingTimesBlock {

    line-height: 28px;
}


.fullsite {
    overflow: hidden;
}
/*****************************/
.menu-item {
    position: relative;
    margin: 15px 0 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #282828;
    display: table;
    width: 100%;
    z-index: 1;
}
span.naam {
    position: relative;
    background: #fff;
    padding: 0 10px 0 0px;
}
.menu-item .price {
    float: right;
    background: #fff;
    position: relative;
    padding: 0 0 0 10px;
}
.menu-item::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    border-top: 5px solid;
    z-index: -1;
}
.photo img.image-right.home, .photo img.image-left.home {
    margin: 0;
    box-shadow: none;
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
}
.grid-table h2 {
    margin: 0 0 30px;
    font-size: 20px;
    line-height: 25px;
    color: #000;
}
.grid-table {
    display: grid;
    grid-template-columns: 45% 45%;
    grid-gap: 5%;
    margin: 50px 0 0px;
}
body.pageTemplate .photo {
    height: 100%;
    position: relative;
    min-height: 300px;
}
/*******************************/
.btn-online a {
    background: #000000;
    padding: 19px 20px 19px 82px;
    color: #fff;
    text-decoration: none !important;
    display: inline-block;
    z-index: 1;
    transition: all 0.6s;
    position: relative;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}


.btn-online a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #fff;
    transition: all 0.6s;
    z-index: -1;
}
.btn-online a:hover:before {
    width: 100%;
  color: #fff;
}

.btn-online a:after {
    position: absolute;
    content: "";
    left: 20px;
    background: url(/media/images/new-images/icone-shop.png) no-repeat center;
    width: 40px;
    bottom: 0;
    top: 0;
}

/*************************************sat****************************************************************/
section.boxe {
    position: relative;
    padding: 176px 0 157px;
    text-align: left;
}
section.boxe:before {
    position: absolute;
    content: "";
    right: 389px;
    top: 0;
    bottom: 0;
    width: 29.6%;
    height: auto;
    background: rgb(0 0 0 / 78%);
    z-index: 1;
}
section.boxe .photo-sat {
    position: absolute;
    width: 66%;
    left: 0;
    height: auto;
    top: 200px;
    bottom: 0;
}
section.boxe .photo-sat img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.boxe  .texte-sat h2 {
    position: relative;
    color: #fff;
    font-size: 65px;
    line-height: 53px;
    padding: 0 0 23px;
    margin: 0 0 25px;
    display: table;
    font-weight: 700;
}

section.boxe .texte-sat a {
    position: relative;

    color: #d5b895;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    border-bottom: none;
    display: table;
    z-index: 1;
    transition: all 0.6s;
    margin: 16px 0 0;
    letter-spacing: 0.2em;
    padding: 0 0 0 90px;
}
section.boxe .texte-sat a:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 9px;
    width: 82px;
    height: 1px;
    background: #d5b895;
    transition: all 0.6s;
}section.boxe .texte-sat a:hover {
    color: #fff;
    padding-left: 0;
    padding-right: 90px;
}section.boxe .texte-sat a:hover::after {
    left: auto;
    right: 0;
}
section.boxe .texte-sat {
    position: relative;
    padding: 0 145px 0 70px;
    color: #fff;
    font-weight: 400;
    text-align: left;
    z-index: 0;
}section.boxe2 h2 {
    position: relative;
    color: #282828;
    font-size: 65px;
    line-height: 53px;
    padding: 0 0 23px;
    margin: 0 0 25px;
    display: table;
    font-weight: 400;
}section.boxe2 .texte-sat a {
    position: relative;
    color: #d5b895;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    border-bottom: none;
    display: table;
    z-index: 1;
    transition: all 0.6s;
    margin: 60px 0 0;
    letter-spacing: 0.2em;
    padding: 0 0 0 90px;
}


section.boxe2 .texte-sat a:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 9px;
    width: 82px;
    height: 1px;
    background: #d5b895;
    transition: all 0.6s;
}section.boxe2 .texte-sat a:hover {
    color: #000;
    padding-left: 0;
    padding-right: 90px;
}section.boxe2 .texte-sat a:hover::after {
    left: auto;
    right: 0;
}









section.boxe2 .photo-sat img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}section.boxe2 .photo-sat {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50.05%;
    height: auto;
}
section.satisfaction2 {
    position: relative;
    z-index: 0;
    background: url(../images/bg-sat3.jpeg) no-repeat center fixed;
    text-align: center;
    background-size: cover;
}section.satisfaction2 h2 {
    color: #ffffff;
    text-transform: none;
    font-size: 45px;
    position: relative;
    text-align: center;
    margin: 0 auto 43px;
    padding-bottom: 25px;
    line-height: 50px;
    font-weight: 400;
    letter-spacing: 0;
    display: table;
}section.satisfaction2 h2:after {
    position: absolute;
    content: "";
    background: #fff;
    left: 0;
    width: 158px;
    height: 1px;
    bottom: -6px;
    right: 0;
    margin: auto;
}section.satisfaction2 p {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;font-family: 'Source Sans Pro', sans-serif;
    padding: 0 14%;
}section.satisfaction2 a {
    position: relative;
    padding: 10px 31px;
    background: #000;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    border-bottom: none;
    display: inline-block;
    z-index: 1;
    transition: all 0.6s;
    margin: 23px auto 0;
    letter-spacing: 0;
}section.satisfaction2 a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #d5b895;
    transition: all 0.6s;
    z-index: -1;
}section.satisfaction2 a:hover {
    color: #fff;
}section.satisfaction2 a:hover:before {
    width: 100%;
}section.boxe .col-offset-6.col-md-6 {
    float: right;
    z-index: 1;
}

section.boxe2 {
    position: relative;
    padding: 247px 0 79px;
    text-align: left;    
	z-index: 2;
}


section.boxe2 .block-bottom-sat h2 {
    position: relative;
    color: #fff;
    font-size: 65px;
    line-height: 53px;
    padding: 0 0 23px;
    margin: 0 0 25px;
    display: table;
    font-weight: 400;
}section.boxe2 .block-bottom-sat h2:before {
    position: absolute;
    content: "03";
    font-size: 18px;
    color: #fff;
    top: -60px;
    font-family: 'Sour';
}.block-bottom-sat {
    position: relative;
    background: #000;
    z-index: 1;
    max-width: 960px;
    left: -78px;
    color: #fff;
    text-align: left;
    padding: 110px 380px 90px 83px;
    top: 79px;
    margin-top: 58px;
}
.block-bottom-sat a {
    color: #fff;
    position: absolute;
    background: #d5b895;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    border-bottom: none;
    display: table;
    z-index: 1;
    transition: all 0.6s;
    margin: 19px 0px 0 0;
    letter-spacing: 0.2em;
    padding: 40px 70px 46px 175px;
    right: 0;
}

.right-box {
    position: relative;
    padding: 0 102px 0 0px;
    margin: 0 0 0 0;
    left: 150px;
    width: 88%;
}

.block-bottom-sat  a:after {
    position: absolute;
    content: "";
    left: 73px;
    bottom: 55px;
    width: 94px;
    height: 1px;
    background: #fff;
    transition: all 0.6s;
}

.block-bottom-sat  a:hover {
    color: #000;
    padding: 40px 175px 46px 70px;
}.block-bottom-sat  a:hover::after {
    left: auto;
}.box-ontbij h2 {
    position: relative;
    color: #282828;
    font-size: 65px;
    line-height: 53px;
    padding: 0 0 23px;
    margin: 0 0 25px;
    display: table;
    font-weight: 400;
}.box-ontbij h2:before {
    position: absolute;
    content: "04";
    font-size: 18px;
    color: #282828;
    top: -60px;
    font-family: 'Source Sans Pro';
    font-weight: 400;
}

.fa-tiktok:before {
    font-family: "Font Awesome 5 Brands";
}
section.bottom-site {
    position: relative;
}section.bottom-site:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    top: 0;
    background: url(../images/bg-bottom.png) center no-repeat;
    z-index: 1;
    width: 20%;
    left: auto;
}section.bottom-site {
    position: relative;
}section.bottom-site:after {
    position: absolute;
    content: "";
    left: auto;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgb(0 0 0 / 70%);
    width: 20%;
    z-index: 1;
}.box-ontbij a {
    position: relative;
    color: #d5b895;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    border-bottom: none;
    display: table;
    z-index: 1;
    transition: all 0.6s;
    margin: 72px 0 0;
    letter-spacing: 0.2em;
    padding: 0 90px 0 0px;
}.box-ontbij a:after {
    position: absolute;
    content: "";
    left: auto;
    bottom: 9px;
    width: 82px;
    height: 1px;
    background: #d5b895;
    transition: all 0.6s;
    right: 0;
}.box-ontbij a:hover {
    color: #000;
    padding: 0 0 0 90px;
}.box-ontbij a:hover:after {
    left: 0;
    right: auto;
}.right-box {
    position: relative;
    padding: 0 102px 0 0px;
    margin: 0 0 0 0;
    left: 150px;
    width: 88%;
}.left-box {
    position: relative;
    float: left;
}.box-ontbij {
    padding: 183px 0 48px;
    position: relative;
    text-align: left;
    background: url(../images/bg.jpg) repeat;
    /* z-index: -1; */
}


/***************************************************************/

section.prestations {
    position: relative;
    padding: 50px 0;
    background: #d5b895;
    color: #ffffff;
    text-align: center;
}


.usp-grid {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    text-align: center;
    grid-gap: 30px;
}

section.prestations .box .icon-bx {
    display: table;
    margin: 0 auto 0;
}


section.prestations .box h4 {
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    margin: 18px 0 0;
    display: grid;
    align-items: center;
    min-height: 42px;
}




/*************************************** Boxes************************************/
section.satisfaction {
    position: relative;
    padding: 155px 0 143px;
    z-index: 0;
    background: url(/media/images/new-images/bg-satisfaction.jpg) no-repeat center fixed;
    text-align: center;
    background-size: cover;
}
body.pageTemplate section.satisfaction {
    height: 400px;
    padding: 0;
}
section.satisfaction:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    background: url(/media/images/new-images/bg-sat.png) no-repeat top center;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-size: cover !important;
}
section.satisfaction .box {
    position: relative;
    text-align: center;
    z-index: 1;
}
section.satisfaction .bx {
	text-align:center

}
section.satisfaction h2 {
    color: #ffffff;
    text-transform: none;
    font-size: 45px;
    position: relative;
    text-align: center;
    margin: 0 auto 43px;
    padding-bottom: 25px;
    line-height: 50px;
    font-weight: 400;
    letter-spacing: 0;
    display: table;
}
section.satisfaction h2:after {
    position: absolute;
    content: "";
    background: #fff;
    left: 0;
    width: 158px;
    height: 1px;
    bottom: -2px;
    right: 0;
    margin: auto;
}

section.satisfaction p {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;font-family: 'Source Sans Pro', sans-serif;
    padding: 0 14%;
}
section.satisfaction a {
    position: relative;
    padding: 10px 31px;
    background: #000;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    border-bottom: none;
    display: inline-block;
    z-index: 1;
    transition: all 0.6s;
    margin: 23px auto 0;
    letter-spacing: 0;
}
section.satisfaction a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #d5b895;
    transition: all 0.6s;
    z-index: -1;

}
section.satisfaction a:hover {
color: #fff;
}

section.satisfaction a:hover:before {
    width: 100%;
}


section.satisfaction .photo-satisfaction img {
    position: absolute;
    width: 100%;
      height: auto;
    object-fit: cover;
}
section.satisfaction .photo-satisfaction {
    position: absolute;

}

/*-----------------realisations---------------*/
section.realisations {
    position: relative;
    padding: 0px 0 0px;
    /* background: url(../images/bg.jpg) repeat; */
    z-index: 2;
    width: 86%;
    /* margin-right: 346px; */
}
section.realisations h2 {
    position: relative;
    display: block;
    margin: -8px auto 41px;
    color: #000;
    text-align: center;
    font-weight: 300;
    font-size: 40px;font-family: 'Venus Rising Rg';
}.btn-galerie {
    position: relative;
    display: table;
    margin: 0 auto 0;
    top: 36px;
}section.realisations .slick-prev {
    right: 157px;
    left: auto;
}section.realisations .slick-next {
    right: 72px;
}section.realisations .slick-prev, section.realisations  .slick-next {
    top: 102%;
    opacity: 1 !important;
}
section.realisations .slick-next:before {
    content: '';
    background: url(../images/next.png) center top no-repeat !important;
    height: 80px;
    width: 80px;    opacity: 1 !important;
    position: absolute;
}section.realisations .slick-prev:before {
    content: '';
    background: url(../images/prev.png) center top no-repeat !important;
    height: 80px;
    width: 80px;    opacity: 1 !important;
    position: absolute;
}
section.realisations h6 {
    position: relative;
    text-align: center;
    color: #6b6a6a;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Poppins';
    text-transform: uppercase;
    letter-spacing: 0.160em;
    line-height: 25px;
}



section.realisations #Gallery {
    position: relative;
    min-height: 0 !important;

}
section.realisations #Gallery .highslideContainer {

    padding: 0px;
 
}
section.realisations .slick-initialized .slick-slide > div {
    margin: 0 9px;
}
section.realisations #Gallery .highslideContainer .highslide {
    display: block;
    position: relative;
    border-bottom: none;
    overflow: hidden;
    outline: none !important;
}section.realisations #Gallery .highslideContainer {
    padding: 0px;
  
    margin: 0  0 0 252px;
}
section.realisations #Gallery .highslideContainer .highslide::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;

    transition: all .8s;
    transform: scale(1);
}
section.realisations #Gallery .highslideContainer .highslide:hover::after{
}
section.realisations #Gallery .highslideContainer .highslide:hover::before {

}
section.realisations #Gallery .highslideContainer .highslide img {
    position: relative;
    width: 100%;
    height: 452px;
    object-fit: cover;
    object-position: center left;
    transition: all 1.25s;
}
section.realisations #Gallery .highslideContainer .highslide:hover img {
transform: scale(1.1);
}.btn-galerie a {
    text-decoration: none;
    text-transform: uppercase;
    color: #000;font-family: 'Venus Rising Rg';
    letter-spacing: 0.025em;
    font-size: 20px;
    border-bottom: 2px solid #000;
    transition: all 0.4s;
}.btn-galerie a:hover {
    border-bottom: none;
    letter-spacing: 0.1em;
    color: #524f4f;
}
section.realisations #Gallery .highslideContainer .highslide-caption {font-family: 'Barlow', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    font-size: 1.1em;
}

/**********************************************/
footer.bottom {
    position: relative;
    padding: 42px 0 27px;
    background: #282828;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}
section.map-spacer .googlemaps_v2 label.modal-label {
    cursor: pointer;
    font-weight: 400;
    text-decoration: underline;
    margin: 0;
    z-index: 99;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    font-size: 0;
}
footer.bottom h2 {
    position: relative;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 60px;
    color: #fff;
    font-size: 31px;
    font-weight: 700;
    padding-left: 0;
    display: table;
    letter-spacing: 0;
}
.footer-logo {
    margin: 0 0 27px;
    display: table;
    float: none;
}.adres-footer p {
    padding-left: 31px;
    background: url(../images/map.png) no-repeat 0px 3px;
}.info2 p {
    padding-left: 31px;
    background: url(../images/tel.png) no-repeat 0px 3px;
}.info2 {
    position: relative;
    /* left: -110px; */
}
.footer-logo img {
    width: 100%;
}
.social-footer {
    position: relative;
    background: url(/media/images/new-images/bg-social.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 72px;
}.social-footer a.networks_facebook i.fa.fa-facebook {
    display: none;
}.social-footer a.networks_facebook {
    background: url(/media/images/new-images/fb.png) no-repeat center !important;
    width: 69px;
    height: 50px;
    transition: all 0.4s;
}.social-footer a.networks_facebook:hover {
    -webkit-animation: rotate-center 0.6s ease-in-out both;
    animation: rotate-center 0.6s ease-in-out both;
}
footer.bottom h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -25px;
    top: auto;
    right: auto;
    width: 60px;
    height: 4px;
    background: #d5b895;
}
footer.bottom a {
	color: #d5b895;}
.googlemaps_v2 label.modal-label {
    color: #d5b895;}
.googlemaps_v2 label.modal-label:hover {
	text-decoration:none;}

footer.bottom .networks_linking {
    position: relative;

}.social {
    position: relative;
    float: left;
    /* left: -168px; */
    top: 100px;
}
footer.bottom .social a.networks_facebook, footer.bottom .social a.networks_instagram, footer.bottom .social a.networks_tiktok {
    position: relative;
    background: transparent;
    width: auto;
    height: auto;
    font-size: 35px !important;
    display: block;
    transition: all 0.4s;
    float: left;
    border-radius: 0;
    margin: 0 7px 0;
    color: #fff;
}
footer.bottom .social a.networks_facebook:hover {
    -webkit-animation: rotate-center 0.6s ease-in-out both;
    animation: rotate-center 0.6s ease-in-out both;    color: #d5b895;
}

footer.bottom .social a.networks_instagram:hover {
    -webkit-animation: rotate-center 0.6s ease-in-out both;
    animation: rotate-center 0.6s ease-in-out both;color: #d5b895;
}
footer.bottom .social a.networks_tiktok:hover {
    -webkit-animation: rotate-center 0.6s ease-in-out both;
    animation: rotate-center 0.6s ease-in-out both;color: #d5b895;
}

/******/

/*************/

.overlay {
	position: fixed;
	background: rgba(0,0,0,.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s, visibility .4s, height .4s;
	overflow: auto;
	z-index: 40;
}
.overlay.open {
	visibility: visible;
	height: 100%;
	opacity: 1;
}
.overlay nav.overlay-menu {
        font-family: 'Segoe UI';
    
    text-align: center;
	padding: 205px 20px 20px;
}
.overlay nav.overlay-menu ul,
.overlay nav.overlay-menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.overlay nav.overlay-menu > ul > li {
	position: relative;
	padding: 10px;
	opacity: 0;
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
}
.overlay.open nav.overlay-menu > ul > li {
	animation: slide-in .5s forwards;
	-webkit-animation: slide-in .5s forwards;
	animation-delay: .4s;
	-webkit-animation-delay: .4s;
}
@keyframes slide-in {
    100% {
    	transform: translateX(0%); 
    	opacity: 1;
    }
}
@-webkit-keyframes slide-in {
    100% {
    	-webkit-transform: translateX(0%); 
    	opacity: 1;
    }
}
.overlay nav.overlay-menu > ul > li:not(:first-child) {
	border-top: 1px solid #666;
}
.overlay nav.overlay-menu ul li a {
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding: 5px;
}
.overlay nav.overlay-menu ul li a:hover, .overlay nav.overlay-menu ul li .selected > a, .overlay nav.overlay-menu ul li .active > a{
    color: #d5b895;
}
.overlay nav.overlay-menu ul ul {
	padding-top: 10px;
}
.overlay nav.overlay-menu ul ul li a {
    font-size: 16px;
    text-transform: none;
    color: #fff;
}

#scrollUp {
    bottom: 30px;
    right: 8px;
    padding: 8px 15px;
    background: #d5b895;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
#scrollUp:hover {
	background: #fff;
	color:#000;
}
 
div.cc-cookies {
    width: 100%;
    background: #707571;
}
.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: rgb(42, 101, 52) !important;
	color: #fff !important;
	margin: 0 10px;
}
.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: #000000!important;
	color: #fff !important;
}

.formError,
.formError *,
#fancybox-wrap,
#fancybox-wrap *{
    box-sizing: content-box;
}
div#_atssh {
    bottom: 0;
}





iframe#saw-1 {
    margin-top: 55px;
}

.widget.big-widget {
    margin: auto;
}

@media only screen and (max-width: 1800px){
	
	nav.main-nav {

    padding: 0 20px;
}
.sf-menu a {

    font-size: 16px !important;
    letter-spacing: 0 !important;

}	div#slideshow:before, div#slideshow:after {

    width: 300px;
 
}header.top .slogan h2 {
  
    font-size: 48px;
    line-height: 60px;

}header.top .networks {

    left: 70px;

}
	header.top .slogan {

    left: 130px;
  
}.block-home .ill-home.aos-init {

    right: 300px;

    width: 31%;
    
}section.boxe .texte-sat {

    padding: 0 120px 0 27px;


}section.boxe:before {

    right: 300px;

    width: 32% !important;

}
}
@media only screen and (max-width: 1500px){
nav.main-nav .logo {

    float: none;
    z-index: 1;
    display: table;
    margin: 0 auto;
}
div#sticky-wrapper {

    height: auto !important;

}nav.main-nav .sf-menu {
    align-self: center;
    float: none;
    margin: -44px auto 0;
    position: relative;
    padding-top: 0;
    left: 0;
    display: table;
    padding-bottom: 38px;
}.sf-menu a {

    padding: 52px 9px 0 !important;
    font-size: 18px !important;

}div#slideshow:before {

    width: 250px;

}header.top .networks {

    left: 42px;

}div#slideshow:after {

    width: 250px;

}
header.top .slogan h2 {

    font-size: 46px;
    line-height: 55px;

}header.top .slogan {

    left: 252px;

    /* display: table; */
}header.top .slogan h2 strong {

    left: 58px;
}header.top .slogan a.contact {

    margin: 32px 0 0;

    padding-right: 281px;
}header.top .slogan a.contact:after {

    left: -42%;

}.block-home .ill-home.aos-init {
    position: absolute;
    right: 181px;
    top: 0;
    bottom: 0;
    width: 35%;
    height: auto;
}section.boxe:before {

    width: 33%;

}	.right-box {
    position: relative;
    padding: 0 100px 0 0px;
    margin: 0 0 0 0;
    left: 42px;
    width: 80%;
}section.boxe2 .photo-sat {

    width: 45%;

}section.bottom-site:before, section.bottom-site:after {

    width: 24%;

}section.boxe:before {
    right: 181px;
    width: 35% !important;
}.block-bottom-sat {
 
    max-width: 760px;

    padding: 110px 80px 90px 83px;
  
}}

@media only screen and (max-width: 1400px){
section.boxe:before {
    right: 143px;
    width: 38% !important;
}
section.boxe .texte-sat {
    padding: 0 120px 0 50px;
}


}
@media only screen and (max-width: 1199px){
	.nav-wrapper {
    display: block;
}
   nav.main-nav .logo {
    float: left;

} 
.sf-menu {
    display: none !important;
}nav.main-nav a.mobile-nav {

    display: block;

}

.is-sticky nav.main-nav a.mobile-nav {
    float: none;
    display: table;
    margin: 15px auto;
    top: 0;
}
header.top {

    min-height: 1000px;
}
.camera_pag {

    top: 58%;
}.block-home .ill-home.aos-init {
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 350px;
}section.home-content article.content {
    padding: 0 0 30px;
    width: 100%;
}section.home-content {
    padding: 55px 0 55px;

}section.page-content article.content header.page-title h1 span {

    line-height: 40px;

    font-size: 38px;

}nav.main-nav .logo img.big {
    width: 200px;
}div#slideshow:after {
    width: 140px;
}
header.top:after {

    bottom: -50px;
    height: 50px;

}header.top .slogan h2 {
    font-size: 40px;
    line-height: 44px;
}section.boxe:before {
    right: 42px;
    width: 50% !important;
}section.boxe .texte-sat {
    padding: 0 120px 0 25px;
}section.boxe .photo-sat {
  
    width: 74%;

}.box-ontbij h2 {

    font-size: 48px;

}
}
@media only screen and (max-width: 991px){
    
footer.bottom {    padding: 60px 0 0px;
    text-align: center;
}
  footer.bottom .col-md-4 {
    width: 100% !important;
    margin: 0 auto;
}
section.satisfaction p {
    padding: 0 10%;
}div#slideshow:before {
    width: 225px;
}header.top .slogan {
    left: 222px;
    /* display: table; */
}header.top .slogan h2 {
    font-size: 32px;
    line-height: 38px;
}header.top .slogan h2 strong {
    left: 40px;
}header.top .slogan a.contact {
    margin: 32px 0 0;
    padding-right: 148px;
}header.top .slogan a.contact:after {
    left: -30%;
    width: 100px;
}header.top {
    min-height: 500px;
}section.boxe .photo-sat {
    width: 100%;
    position: relative;
    height: 350px;
    top: 0;
}section.boxe:before {
    right: 0;
    width: 100% !important;
    height: 49%;
    top: auto;
    bottom: 70px;
}section.boxe2 .photo-sat {
    width: 100%;
    position: relative;
    height: 350px;
}section.boxe2 {
 
       padding: initial;

}section.boxe {

    padding: 76px 0 157px;

}.block-bottom-sat {
    max-width: 800px;
    padding: 110px 80px 90px 83px;
    /* top: 0; */
    margin-top: 0;
}.left-box {
    position: relative;
    float: none;
}.right-box {
    position: relative;
    padding: 0 236px 0 0;
    margin: -122px 0 81px 0;
    left: 0;
    width: 100%;
}.box-ontbij {
    padding: 83px 0 48px;

}section.bottom-site:before, section.bottom-site:after {
    width: 26%;
    background-size: cover;
}
    .image-left, .image-right {

    float: none;
    margin: 0 auto 30px;
    display: table;
}
.footer-logo {
    margin: 20px auto 20px;
    float: none;
}footer.bottom h2 {

    display: table;

    text-align: center;
    margin: 0 auto 57px;
}footer.bottom h2:after {
 
    left: 0;

    right: 0;
    margin: auto;
}.adres-footer p, .info2 p {
    padding-left: 0;
    background-position: top center;
    padding-top: 40px;
    float: none;
    left: 0;
    text-align: center;
}.info2 {
   
    left: 0;
    margin-top: 20px;
}
section.boxe .texte-sat h2, section.boxe2 h2, section.boxe2 .block-bottom-sat h2 {
    font-size: 52px;
}header.top.small .networks {
    bottom: 30px;
}header.top .networks:before {
display: none;
    height: 143px;

    top: -378px;
}
  header.top.small {
    min-height: 500px;
}
}
@media only screen and (max-width : 767px) {
	header.top.small .networks {
    bottom: 110px;
}
	nav.main-nav .logo img.big {
    width: 100%;
}
nav.main-nav .logo img {
    width: 100%;
}header.top.small .slogan {
    top: 50%;
    transform: translateY(-50%);
}
nav.main-nav .logo {
    margin: 0 auto 0;
    display: table;
    float: none;    padding: 0px;
}
nav.main-nav a.mobile-nav {
    display: table;
    margin: -11px auto 0;
    float: none;
}
span.number {
    display: none;
}span.number-responsive {
    display: inline-block;
}section.satisfaction p, section.satisfaction2 p {
    padding: 0 0;
}div#slideshow:before {
    width: 100px;
}header.top .networks {
    left: -36px;
}div#slideshow:after {

    display: none;
}header.top .slogan h2 strong {
    left: 0;
    text-align: center;
}header.top .slogan {
left: 80px;
    display: table;
    text-align: center;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}header.top .slogan h2 {
    font-size: 34px;
    line-height: 49px;
    text-align: center;
    padding: 0 25px;
}header.top .slogan a.contact {
    margin: 32px auto 0;
    padding-right: 0;
    float: none;
}header.top .slogan a.contact:after {
    left: 0;
    width: 100px;
    right: 0;
    margin: auto;
    bottom: -45px;
}
  article.content header.page-title h1 .subtitle {

    font-size: 20px;
    line-height: 20px;


    padding-left: 0;

}article.content header.page-title h1 .subtitle:after {

    bottom: -18px;

}h2, .h2 {
    font-size: 26px;
}.block-bottom-sat {
    width: 100%;
    max-width: 100%;
    padding: 110px 0 129px 76px;
    /* top: 0; */
    margin-top: 0;
}section.boxe .texte-sat h2, section.boxe2 h2, section.boxe2 .block-bottom-sat h2 {
    font-size: 45px;
    line-height: 40px;
}.right-box {
    position: relative;
    padding: 30px 114px 0 0;
    margin: -122px 0 81px 0;
    left: 0;
    width: 100%;
}.box-ontbij a {

    top: 83px;
}section.bottom-site:before, section.bottom-site:after {
    width: 0;
    background-size: cover;
}section.realisations {

    width: 96%;

}nav.main-nav {
    padding: 0 20px 20px;
}
}
@media only screen and (max-width : 480px) {
	section.page-content article.content header.page-title h1 span {
    line-height: 35px;
    font-size: 34px;
}
div#slideshow:before {
    width: 60px;
}header.top .networks {
    left: -51px;
}header.top .slogan {
    left: 55px;
    display: table;
    text-align: center;
    right: 0;
    margin: auto;
}header.top .slogan h2 {
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    padding: 0 0;
}header.top .slogan a.contact {
    font-size: 19px;

}
   section.home-content article.content header.page-title h1 {

    line-height: 56px;
    font-size: 49px;

    padding: 22px 0 0;

}article.content header.page-title h1 .subtitle {
    font-size: 16px;
    line-height: 20px;
    padding-left: 0;
}section.boxe .texte-sat h2, section.boxe2 h2, section.boxe2 .block-bottom-sat h2 {
    font-size: 38px;
    line-height: 28px;
}section.boxe .texte-sat {
    padding: 0 20px 0 25px;
}section.boxe:before {
    right: 0;
    width: 100% !important;
    height: 55%;
    top: auto;
    bottom: 90px;
}.block-bottom-sat a {
    padding: 40px 14px 46px 137px;
}
.block-bottom-sat  a:hover {

    padding: 40px 63px 46px 108px;
}
.block-bottom-sat  a:after {

    width: 50px;

}
.box-ontbij h2 {
    font-size: 33px;
    line-height: 30px;
}.right-box {
    position: relative;
    padding: 30px 16px 0 0;
    margin: -122px 0 66px 0;
    left: 0;
    width: 100%;
}footer.bottom h2 {

    font-size: 26px;

}.block-bottom-sat {
    width: 100%;
    max-width: 100%;
    padding: 110px 0 129px 12px;
    /* top: 0; */
    margin-top: 0;
    left: 0;
}
 }

/*--------------------------------------------------
# Navigation
--------------------------------------------------*/

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}li#sdgdpr_modal_buttons-agree {
    background: #000000;
}
.sf-menu > li {
	/*float: left;*/
}
.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 {
    position: relative;
    color: #282828;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 52px 11px 0;
    font-size: 16px;
    letter-spacing: 0.03em;
        font-family: 'Segoe UI';
    transition: all 0.4s;
}
.sf-menu > li {
    display: inline-block;
    padding: 0 0px;
}.nav-wrapper {
    position: relative;
}

.sf-menu>li > a:hover::before, .sf-menu>li.sfHover > a::before, .sf-menu>li.active > a::before, .sf-menu>li.selected > a::before {
    opacity: 1;
    backface-visibility: hidden;
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.sf-menu > li:not(:first-child) {
    margin-left: 0;
}

.sf-menu > li {
	display: inline-block;
 
}
.sf-menu > li:not(:first-child) {
	margin-left: 0px;
}
.sf-menu > li:not(:first-child)::before {
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    position: absolute;
    left: -4px;
    top: 58px;
    bottom: 0;
    background: #ffffff57;
}section.satisfaction2.pages {
    padding: 0;
    height: 350px;
}section.satisfaction2.pages::after {
    display: none;
}
.sf-menu ul {
    min-width: 100%;
    margin-top: 24px;
    padding: 0;
    box-shadow: 10px 0 10px rgb(0 0 0 / 20%);
}
.sf-menu li ul a:before{
    display:none!important;
}
.is-sticky .sf-menu ul li {
}
.sf-menu ul li a {
    line-height: 32px;
    font-weight: 400;
    color: #000;
    margin: 0 !important;
    font-size: 16px;
    padding: 3px 0;
    background: #fff;
}
.is-sticky nav.main-nav .sf-menu ul {
    margin: 8px 0 0;
}.sf-menu ul li a:hover, .sf-menu ul li.sfHover > a, .sf-menu ul li.selected > a, .sf-menu ul li.active > a {
    background: #d5b895;
    color: #fff;
}
.sf-menu ul li:not(:last-child) {
    border-bottom: 1px solid rgb(42 41 41 / 20%);
}

.sf-menu li a:hover, .sf-menu li.sfHover > a, .sf-menu li.selected > a, .sf-menu li.active > a {
    color: #d5b895;
    background: url(../images/menu.png) no-repeat center;
}


.sf-menu ul li a:hover, .sf-menu ul li.sfHover > a, .sf-menu ul li.selected > a, .sf-menu ul li.active > a {
    background: #d5b895;
    color: #000;
}
.sf-arrows .sf-with-ul::after {
    content: '\f107';
    font-family: 'FontAwesome';
    font-weight: 600;
    position: absolute;
    left: 51%;
    transform: translateX(-50%);
    top: auto;
    bottom: -29px;
    margin: auto;
    font-size: 15px;
}body.pageTemplate.lang-nl.conact header.top.small .slogan {
    transform: translateY(136%);
}.is-sticky nav.main-nav .sf-arrows .sf-with-ul::after {

    bottom: -11px;

}
#NewsletterFirstNameHeader,#NewsletterLastNameHeader {
   display: none;
}
#form-nl > fieldset > ol {
    list-style-type: none;
}
/*input#subscriber-email {width: 50%;}*/

#NewsletterEmailHeader > label {display: none;}

#form-nl > fieldset > ol > li.gdpr_policy > label > a {color: #d5b895;}
/*#NewsletterForm > h2 {
    margin-left: 10%;
}*/
#form-nl > fieldset > ol {padding: 0px !important;}

#subscriber-email {width: 70%;}

#subscriber-submit {background: #d5b895;border: none;color: #fff;width: 70%;padding: 10px;margin-bottom: 30px;}
.opening {
    float: left;
}
.col-md-4 {
    width: 25%;
}