/*--------------------------------------------------
# General
--------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

@font-face {
    font-family: 'Surimi';
    src: url('../fonts/SurimiBlack.eot');
    src: url('../fonts/SurimiBlack.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SurimiBlack.woff2') format('woff2'),
        url('../fonts/SurimiBlack.woff') format('woff'),
        url('../fonts/SurimiBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



body {
    background: #0f0f0f;
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

a {
    color: #53dd31;
    text-decoration: underline;
}

a:active,
a:hover,
a:focus {
    color: #53dd31;
    text-decoration: none;
}

.image-right {
    float: right;
    margin: 8px 0 20px 30px;
    max-width: 100%;
    box-shadow: 10px -10px 0 #53dd31;
}

.image-left {
    float: left;
    margin: 0 30px 20px 0;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.2em;
font-family: 'Surimi';
    text-transform: uppercase;

}

h1 {
    font-size: 45px;
    color: #ffffff;
}

h2 {
    font-size: 28px;
    color: #53dd31;
}

h3 {
    font-size: 25px;
    color: #ffffff;
}

h4 {
    font-size: 22px;
    color: #53dd31;
}

h5 {
    font-size: 19px;
    color: #ffffff;
}

h6 {
    font-size: 17px;
    color: #53dd31;
}

hr {
    border-color: #53dd31;
}
.fullsite {
    overflow: hidden;
}


/******************************************************/
header.top {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 139px;

}
.top-bar {
    height: 58px;
    position: relative;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
header.top.sticky.sticky-appear:before {
    display: none;
}
.max-container {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1537px;
}
header.top .top-wrapper {
    display: grid;
    grid-template-columns: 197px auto;
    justify-content: space-between;
}
header.top nav#navigation {
    margin: 46px 0 0;
}
header.top.sticky.sticky-appear .top-wrapper, header.top.sticky.sticky-appear nav#navigation {
    display: table;
	margin:0 auto 0;
}
header.top.sticky.sticky-appear {
    transform: translateY(0);
    box-shadow: 0 0 30px #53dd31;
    background: #0f0f0f;
}
header.top.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transform: translateY(-320%);
    transition: transform .6s;
    box-shadow: none;
    height: auto;
	    border: none;
    padding: 15px 0;
}
.topic-info {
    position: relative;
    margin: 0 0px 0 0;
    display: table;
}
.topic {
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 15px 0 0 0;
}
.topic-info-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0;
    color: #fff;
    font-weight: 400;
    padding: 16px 0 0;
    font-size: 15px;
}
.top-mail {
    position: relative;
    padding: 0 0 0 35px;
}
.top-mail:after {
    position: absolute;
    left: 0;
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #53dd31;
    top: 1px;
    font-size: 16px;
    right: auto;
}

.top-tel {
    position: relative;
    background: url(/smarty/wireframe30/media/images/tel.svg) no-repeat left top 2px;
    padding: 0 0 0 26px;
    letter-spacing: 0;
}
.topic-info-wrapper span.top-title {
    position: relative;
    color: #6c6b6b;
    display: block;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
}
div#Language a {
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}
.vCard .box-light iframe {
    height: 235px;
}
div#Language:before {
    position: absolute;
    content: "";
    left: -15px;
    top: -23px;
    bottom: -23px;
    width: 1px;
    background: rgb(255 255 255 / 20%);
}
div#Language {
    position: relative;
}
div#Language a:hover, div#Language a.selected {
    text-decoration: none;
    color: #000;
}
.top-mail a {
    color: #fff;
    text-decoration: none;
}
.top-mail a:hover {
    text-decoration: underline;
}
.top-adr {
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 auto 0;
    display: table;
}
.top-adr:after {
    position: absolute;
    left: 0;
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #53dd31;
    top: 0;
    font-size: 16px;
    right: auto;
}
.topic-info-wrapper .top-right {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 40px;
}
header.top.sticky .topic-info-wrapper, header.top.sticky .topic-info:before, header.top.sticky .topic-info:after {
    display: none;
}
header.top.sticky .topic-info{
    padding: 0;
    margin: 0 auto 0;
    display: table;
	
	}
header.top .sticky-nav {
    padding: 0;
}
header.top.sticky .sticky-nav {
    padding: 0px 0 0;
}
.top-adr-1:before {
    position: absolute;
    content: "";
    left: 0;
   top: -13px;
    bottom: -16px;
    width: 1px;
    background: rgb(255 255 255 / 20%);
}
.top-adr-1:after {
    position: absolute;
    content: "";
    right: 0;
    top: -13px;
    bottom: -16px;
    width: 1px;
    background: rgb(255 255 255 / 20%);
}
.top-adr-1 {
    position: relative;
    max-width: 355px;
}
.top-tel-1:before {
    position: absolute;
    content: "";
    left: 0;
   top: -13px;
    bottom: -16px;
    width: 1px;
    background: rgb(255 255 255 / 20%);
}
.top-tel-1:after {
    position: absolute;
    content: "";
    right: 0;
    top: -13px;
    bottom: -16px;
    width: 1px;
    background: rgb(255 255 255 / 20%);
}
.top-tel-1 {
    position: relative;
    margin: 0 auto 0;
    display: table;
    padding: 0 64px;
}
.top-mail-1:before {
    position: absolute;
    content: "";
    left: 0;
   top: -13px;
    bottom: -16px;
    width: 1px;
    background: rgb(255 255 255 / 20%);
}
.top-mail-1:after {
    position: absolute;
    content: "";
    right: 0;
    top: -13px;
    bottom: -16px;
    width: 1px;
    background: rgb(255 255 255 / 20%);
}
.top-mail-1 {
    position: relative;
    margin: 0 0 0 auto;
    padding: 0 60px 0;
}
/*************************/
header.top .logo {
    position: relative;
    float: left;
    padding-top: 18px;
    z-index: 1;
}
header.top.sticky .logo {
      display: none;
}
header.top .cta {
    position: relative;
    display: inline-block;
    transition: all .4s;
    cursor: default;
    background: url(../images/icon-tel.png) left 4px no-repeat;
    padding-left: 48px;
    line-height: 10px;
    padding-top: 10px;
}header.top .cta:after {
    position: absolute;
    content: "";
    left: -20px;
    top: 8px;
    background: rgb(117 117 117 / 50%);
    height: 30px;
    border: 1px dashed;
}header.top .cta strong {
    position: relative;
    display: inherit;
    font-size: 16px;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    color: #282828;
    line-height: 38px;
    margin-top: -20px;
}
header.top .cta h4,
header.top .cta p {
	margin: 0;
	padding: 0;
}
header.top .cta h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #111;
    line-height: 28px;
    text-transform: none;
    font-weight: 700;    padding-left: 46px;
}
nav.mobile-nav {
    position: relative;
    float: right;
    display: none;
    float: none;
    text-align: center;
}
nav.mobile-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 28px;
    padding: 8px 10px;
    display: block;
}
section.banner {
    position: relative;
    height: 687px;
}
section.banner .max-container {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1271px;
}
section.banner.small {
    height: 550px;
}
section.banner div#slideshow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
section.banner div#slideshow:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgb(0 0 0 / 10%);
    z-index: 2;
}
section.banner .box-overlay {
    position: absolute;
    text-align: left;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
}
section.banner .slogan h2 {
    text-transform: none;
    font-size: 48px;
    line-height: 1.1em;
    font-weight: 400;

    color: #ffffff;
    position: relative;
	text-shadow: 7px 0 6px rgb(0 0 0 / 40%);
    margin: 0;
}
section.banner .slogan h3 {
    font-size: 75px;
    line-height: 1em;
    position: relative;
    font-family: 'Surimi';
  
    text-shadow: 7px 0 6px rgb(0 0 0 / 40%);
    padding: 50px 0 0;
}
section.banner .slogan h3:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 119px;
    height: 6px;
    background: #53dd31;
}
section.banner span.color {
    color: #53dd31;
}
.banner .slogan p {
    margin: 0;
}
section.banner  .slogan.cta-contact a.contact {
    display: none;
}
section.banner a.contact {
    position: relative;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1;
    text-shadow: none;
    padding: 20px 19px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #53dd31;
    box-shadow: none;
    margin-top: 45px;
    pointer-events: all;
    transition: all .6s;
    z-index: 1;
}

section.banner a.contact:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #000000;
	border-radius: 0px;
    transition: all 0.6s;
    z-index: -1;
}
section.banner a.contact:hover:before {
    width: 100%;
}
.diy-slideshow .prev {
  
    transition: all 0.4s !important;
}
.diy-slideshow .next, .diy-slideshow .prev {
    font-size: 0px !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    height: 69px !important;
    width: 62px !important;
    right: 0!important;
    padding: 0 !important;
    border-radius: 0 !important;
    left: auto !important;
    transform: none !important;
    top: auto !important;
    bottom: 0;
}
.diy-slideshow .prev {
    background: url(/smarty/wireframe30/media/images/prev.svg) no-repeat !important;
    right: 60px !important;
}
.diy-slideshow .prev:hover {
    background: url(/smarty/wireframe30/media/images/prev-h.svg) no-repeat !important;
}
.diy-slideshow .next {
    background: url(/smarty/wireframe30/media/images/next.svg) no-repeat !important;
    width: 60px !important;
}
.diy-slideshow .next:hover {
    background: url(/smarty/wireframe30/media/images/next-h.svg) no-repeat !important;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-5-18 16:39:21
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
.networks_linking a {
      background: #53dd31 !important;
}
.fa {
color: #fff !important;}
@-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);
  }
}

/******* animation *************/
.animate.clip_ttb {
    clip-path: inset(0 0 100% 0);
    transition: clip-path 800ms ease-out;
}
.animate.clip_rtl {
    clip-path: inset(0 0 0 100%);
    transition: clip-path 800ms ease-out;
}
.animate.clip_rtl.play {
    clip-path: inset(-1px -1px -1px -1px);
}
.animate.clip_ltr {
    clip-path: inset(0 100% 0 0);
    transition: clip-path 800ms ease-out;
}
.animate.delay-1500 {
    transition-delay: 1250ms;
}
.animate.delay-500 {
    transition-delay: 500ms;
}
.animate.delay-250 {
    transition-delay: 250ms;
}
.animate.clip_ttb.play {
    clip-path: inset(-1px -1px -1px -1px);
}
.animate.clip_rtl.play {
    clip-path: inset(-1px -1px -1px -1px);
}
.animate.clip_ltr.play {
    clip-path: inset(-1px -1px -1px -1px);
}
/*************************/
/*------------------boxs-----------------------*/

section.services {
    position: relative;
}

.section-boxe h2 {
    position: relative;
    font-size: 46px;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    color: #333029;
    font-weight: 700;
    margin: 0 0 106px;
    padding: 10px 0 0;
}

.section-boxe h2:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    background: #008080;
    height: 2px;
    margin: auto;
    width: 106px;
}

.section-boxe .autoplay {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

.section-boxe {
    background: url(../images/bg.jpg) no-repeat center;
    padding: 89px 192px 90px;
    position: relative;
    background-size: cover;
    z-index: 1;
}

.section-boxe:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    background: #f6f2eb;
    height: 337px;
    z-index: -1;
}

.section-boxe h3 {
    position: relative;
    font-size: 24px;
    color: #333029;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    margin-bottom: 27px;
    margin-top: 8px;
}

.section-boxe p {
    color: #84827c;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: 400;
}

.section-boxe .btn-box {
    position: absolute;
    display: table;
    text-transform: uppercase;
    letter-spacing: 0;
    background: url(../images/link2.png) no-repeat center;
    left: 0px;
    right: 0;
    bottom: -12px;
    font-weight: 400;
    margin: 0 auto;
    width: 108px;
    height: 54px;
}

section.services a:hover .btn-box {
    background: url(../images/link2-h.png) no-repeat;
}

.section-boxe .box {
    position: relative;
    background: #fff;
    margin: 0;
    border: 12px solid transparent;
    padding: 0 15px;
}

section.services .box:hover {
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}

section.services .photo {
    position: relative;
    width: 100%;
    height: 238px;
    margin-top: -46px;
}

section.services .photo img {
    width: 100%;
    position: relative;
    height: 100%;
    object-fit: cover;
}

section.services .photo:after {
    position: absolute;
    content: "";
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
    background: rgb(51 48 41 / 80%) url(../images/zoom.png) no-repeat center;
    opacity: 0;
    z-index: 1;
}

section.services .box:hover .photo:after {
    opacity: 1;
}

section.services .box .content-box {
    background: #fff;
    text-align: left;
    height: 100%;
    color: #ffffff;
    padding: 24px 10px 76px 25px;
}

section.services a {
    text-decoration: none;
    border-bottom: none;
    padding: 0;
}

/*******************home-wrapper****************************/
.home-wrapper {
    position: relative;
    padding: 137px 0 175px;
    background: #000;
}
.home-wrapper-grid {
    display: grid;
    grid-template-columns: 560px auto;
    grid-gap: 66px;
}
main.content-wrapper {
    position: relative;
}
body.pageTemplate main.content-wrapper {
    position: relative;
    padding: 50px 0;
}
body.pageTemplate main.content-wrapper h1 span {
    color: #fff;
    font-size: 50px;
    line-height: 1.2em;
}
header.page-title {
    position: relative;
    margin: 0 0 42px;
    padding: 58px 0 34px;
}
.fr-view.pageTemplate header.page-title {
    padding: 0 0 30px;
}
.homeTemplate header.page-title:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(/smarty/wireframe30/media/images/ico-title.png);
    width: 201px;
    height: 69px;
}
header.page-title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 6px;
    width: 71px;
    background: #53dd31;
}
.home-wrapper-grid .text-home {
    padding: 0;
}
header.page-title h1 {
    margin: 0;
}

body.homeTemplate header.page-title h1 {
    position: relative;
    font-size: 20px;
    line-height: 1.2em;
    color: #ffffff;
    display: block;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

body.homeTemplate header.page-title h1 span.sub-title {
    position: relative;
    font-size: 75px;
    line-height: 1.2em;
    color: #53dd31;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Surimi';
}
.pageTemplate header.page-title:before {
    margin: 0 0 15px;
}
a#btp_id img {
    display: none;
}
a#btp_id {
    position: relative;
    width: 115px;
    height: 95px;
    background-image: url(/smarty/wireframe30/media/images/logo-btp.svg);
    background-position: center;
    background-repeat: no-repeat;
    display: table;
}
/**************************************************/
.image-home {
    position: relative;
    width: 100%;
}
.image-home img {
    width: 100%;
    HEIGHT: 100%;
    max-width: 100%;
    object-fit: cover;
}
img {
    vertical-align: middle;
}

/********************table******************/

article.content ul {
    list-style: outside disc;
    margin-left: 37px;
    padding: 0;
}

article.content ul li {
    position: relative;
    padding-left: 1px;
}

article.content ul ul {
    list-style-type: circle;
}

article.content .table-style {
    position: relative;
}

table.table-style tr td p {
    margin: 0;
}

article.content .table-style td:last-child {}

article.content .table-style h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 6px;
}

article.content .table-style th {
    background: #53dd31;
    color: #fff;
}

article.content .table-style th, article.content .table-style td {
    border: 1px solid #53dd31;
    padding: 2px 5px;
}
article.content .contact-info-grid .container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}

article.content .contact-info-grid .container>div {
    margin: 0 20px;
}

article.content .contact-info-grid .phone-responsive {
    display: none;
}

article.content .contact-info-grid i {
    -webkit-text-stroke: 1px #222;
    -webkit-text-fill-color: #f2f2f2;
    margin-right: 5px;
    font-size: 1.4em;
}

article.content .contact-info-grid {
    font-size: 1.3em;
    padding: 30px 0;
    margin-bottom: 9px;
    background: #f2f2f2;
    margin-top: -58px;
}

article.content img {
    max-width: 100%;
    height: auto;
}

#imageSlider.diy-slideshow figure img {
    object-fit: contain;
}

article.content .contact-grid .maps .box_googlemapsv2 {
    height: 100%;
}

article.content .contact-grid .form {
    padding: 50px;
}
.moretext {
    display: none;
}

a.moreless-button {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1;
    text-shadow: none;
    padding: 16px 40px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #53dd31;
    box-shadow: none;
    margin-top: 38px;
    pointer-events: all;
    transition: all .6s;
    z-index: 1;
    cursor: pointer;
}
a.moreless-button:hover {
    color: #000;

}

a.moreless-button:hover:before {
    width: 100%;
}
a.moreless-button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #fff;
    transition: all 0.6s;
    z-index: -1;
}
/***block-photo***/

body.pageTemplate.lang-nl article.content video {
    position: relative;
    float: right;
    margin: 0 12px 0 23px;
}

/***newsletter***/

section.newsletter h4 {
    position: relative;
    text-transform: none;
    color: #d9222e;
    font-size: 45px;
    font-weight: 500;
    float: left;
    line-height: 24px;
}

article.content .contact-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background: #f2f2f2;
    margin-top: 30px;
}
/*------------------------------------------*/
section.spacer {
    background: url(/smarty/wireframe30/media/images/img-spacer.jpg) center no-repeat fixed;
    background-size: cover;
    padding: 119px 0 95px;
}

.box-spacer {
    position: relative;
    background: rgb(0 0 0 / 80%);
    padding: 109px 31px;
    text-align: center;

}.text-spacer {
    color: #fff;
    padding: 0px 19%;
}.text-spacer h2 {
    font-size: 60px;
    color: #fff;
    margin: 0 auto 49px;
    position: relative;
    line-height: 70px;
    padding: 0;
    font-weight: bold;
    text-align: center;
    padding-top: 37px;
}
.text-spacer h2 span {
    color: #219fd8;
}.text-spacer h2:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    width: 83px;
    height: 6px;
    background: #53dd31;
}
.text-spacer .leesmeer {
    position: relative;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    line-height: 1;
    text-shadow: none;
    padding: 19px 40px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: transparent;
    box-shadow: none;
    margin-top: 30px;
    pointer-events: all;
    transition: all .6s;
    z-index: 1;
    cursor: pointer;
    border: 2px solid #53dd31;
}
.text-spacer .leesmeer:hover {
    color: #fff;
}
.text-spacer .leesmeer:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #53dd31;
    transition: all 0.6s;
    z-index: -1;
}
.text-spacer .leesmeer:hover:before {
    width: 100%;
}
section.spacer a {
    color: #fff;
    text-decoration: none;
}
body.pageTemplate.lang-nl section.spacer {
    height: 480px;
    background: url(/smarty/wireframe30/media/images/img-spacer.jpg) center fixed no-repeat;
    padding: 0;
}
/**********************************************************************************************************/
section.box1 {
    position: relative;
    padding: 96px 0 111px;
    margin: 0;
}
section.box1 a {
    text-decoration: none;
}
section.box1:hover a {
    text-decoration: none;
  
}
section.box1 .row {
    margin: 0;
}
section.box1 .row>div{
	padding:0;}
section .box h2 {
    font-size: 60px;
    color: #ffff;
    margin: 0 auto 64px;
    position: relative;
        line-height: 1.1em;
    padding: 0;
    font-weight: bold;
    text-align: left;
    padding-bottom: 67px;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    padding-top: 51px;
}
section .box h2:before {
    position: absolute;
    content: "";
    left: 0;
    margin: auto;
    top: 0;
    width: 83px;
    height: 6px;
    background: #53dd31;
}

section .box h2 span {
    color: #1c9cdd;
}
section.box1 .photo {
    position: relative;
    height: 100%;
}
section.box1 .photo img {
    height: 100%;
	width: 100%;
    object-fit: cover;
}
section.box1 .photo:before {
    content: "";
    position: absolute;
    width: 226px;
    height: 248px;
    top: -47px;
    right: -50px;
    border-radius: 0;
    z-index: -1;
    border: 2px solid #53dd31;
}

section.box1 .box {
    position: relative;
  
}

.box1-grid {
    display: grid;
    grid-template-columns: auto 461px;
    grid-gap: 82px;
	    align-items: center;
}
.block-img {
    position: relative;
}

img.block-img1 {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: 50px;
}

section.box1 p {
     color: #1c1a17;
}

/*******************************************************************************/
section.box2 {
    position: relative;
}.bg-boxes {
    position: relative;
    padding: 0 0 94px;
}
section.box2 .box2-grid {
    display: grid;
    grid-template-columns: 461px auto;
    grid-gap: 82px;
	 align-items: center;
}
section.box2 a {
    text-decoration: none;
}
section.box2:hover a {
    text-decoration: none;

}section.box2 .photo {
    position: relative;
    height: 100%;
}
section.box2 .photo img {
    height: 100%;
	width: 100%;
    object-fit: cover;
}
section.box2 .row {
    margin: 0;
}
section.box2 .row>div{
	padding:0;}
	
section.box2 .photo::after {
    content: "";
    position: absolute;
    width: 226px;
    height: 248px;
    top: -47px;
    left: -50px;
    border-radius: 0;
    z-index: -1;
    border: 2px solid #53dd31;
}

section.box2 .box {
    position: relative;
}
section.box2 p {
    color: #fff;
}
section .box .leesmeer {
position: relative;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    line-height: 1;
    text-shadow: none;
    padding: 19px 40px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: transparent;
    box-shadow: none;
    margin-top: 30px;
    pointer-events: all;
    transition: all .6s;
    z-index: 1;
    cursor: pointer;
    border: 2px solid #53dd31;
}
section .box .leesmeer:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: #53dd31;
    transition: all 0.6s;
    z-index: -1;
}
section .box:hover .leesmeer {
    color: #fff;
}
section .box:hover .leesmeer:before {
    width: 100%;
}
section.box1 p {
    color: #fff;
}

/*************/
article.content #AllNews {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

article.content #AllNews figure.Item {
    position: relative;
}article.content #AllNews figure.Item .photo.nophoto {
    background: url(../images/news-nophoto.jpg) center no-repeat;
    background-size: cover;
}article.content #AllNews figure.Item:hover .photo img {
    transform: translate(-10px, 10px);
}
article.content #AllNews figure.Item .photo img {
    position: relative;
    z-index: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block;
    transition: transform .4s;
}article.content #AllNews figure.Item:hover figcaption span.button {
    background: #53dd31;
	color: #fff;
}

article.content #AllNews figure.Item figcaption span.button {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0.1em;
    background: #fff;
    line-height: 1em;
    text-transform: uppercase;
    color: #000;
    padding: 10px 30px;
    transition: background .4s;
    position: absolute;
    bottom: 0;
}article.content #AllNews figure.Item > a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
	border-bottom: 0;
}article.content #AllNews figure.Item:hover .photo h3 {
    background: #53dd31;
    transform: translate(-10px, 10px);
}
article.content #AllNews figure.Item .photo {
    position: relative;
    height: 250px;
    margin-bottom: 20px;    width: 100%;
    border: 1px solid #53dd31;
}

article.content #AllNews figure.Item .photo h3 {
    z-index: 10;
    position: absolute;
    left: 5px;
    right: 5px;
    top: auto;
    bottom: 5px;
    background: rgba(0,0,0,.8);
    color: #fff;
    margin: 0;
    text-align: center;
    text-transform: none;
    font-size: 25px;
    line-height: 1.5em;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    transition: background .4s, transform .4s;
    padding: 8px 0;
}
article.content #AllNews figure.Item:hover figcaption span.button {
    background: #53dd31;
}
article.content #AllNews figcaption {
    padding: 0 0 50px;
}


.fa-level-up:before {
    content: "\f148" !important;
}
img.img-responsive.image-right.img-news.img-border {
  height: 260px;
      width: 350px;
      object-fit: cover;
}
/*-----------------realisations---------------*/
section.realisations {
    position: relative;
    padding: 55px 0 90px;
}
section.realisations  .slick-initialized .slick-slide > div {
    margin: 0px 6px;
}
section.realisations .block-title {
    position: relative;
    margin: 0 auto 64px;
    display: table;
    text-align: center;
    padding: 0 0;
}
section.realisations h4 {
    color: #d7ba6f;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.07em;
    line-height: 30px;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0;
}
section.realisations h2 {
    font-size: 60px;
    color: #ffff;
    margin: 0 auto 5px;
    position: relative;
    line-height: 1.1em;
    padding: 0;
    font-weight: bold;
    text-align: left;
    padding-top: 51px;
}
section.realisations h2:before {
    position: absolute;
    content: "";
    left: 0;
    margin: auto;
    top: 0;
    width: 83px;
    height: 6px;
    background: #53dd31;
    right: 0;
}
section.realisations #Gallery {
    position: relative;
    min-height: 0 !important;
    margin: 0;
}
section.realisations #Gallery .highslideContainer {
    padding: 0;
    opacity: 1 !important;
}
section.realisations #Gallery .highslideContainer .highslide {
    display: block;
    position: relative;
    border-bottom: none;
    overflow: hidden;
    outline: none;
    background: no-repeat;
    padding: 0 !important;
}
section.realisations #Gallery .highslideContainer .highslide::before {
    content: "";
    position: absolute;
    bottom: 53px;
    left: 43px;
    right: 43px;
    top: 53px;
    margin: auto;
    z-index: 1;
    background: rgb(83 221 49 / 80%) url(/smarty/wireframe30/media/images/link.svg) no-repeat center;
    transition: all .8s;
    opacity: 0;
    transform: translate(0%, 0%) !important;
}
section.realisations #Gallery .highslideContainer .highslide:hover img {
    transform: scale(1.1);
}
section.realisations #Gallery .highslideContainer .highslide img {
    position: relative;
    width: 100%;
    height: 568px;
    object-fit: cover;
    object-position: center left;
    transition: all .4s;
    overflow: hidden;
    opacity: 1 !important;
}
section.realisations #Gallery .highslideContainer .highslide:hover::before {
     opacity:1;
}
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;
    display: none !important;
}
section.realisations .slick-prev {
    left: -94px;
    background: url(../images/prev-g.png) no-repeat;
    width: 66px;
    height: 62px;
}

section.realisations .slick-prev:hover {
    background: url(../images/prev.png) no-repeat;
}

section.realisations .slick-next {
    right: -94px;
    background: url(../images/next-g.png) no-repeat;
    width: 66px;
    height: 62px;
}
section.realisations .slick-next:hover {
    background: url(../images/next.png) no-repeat;
}
.box-light {
    background: #ededed;
    color: #414244;
    padding: 15px 15px 10px;
    margin: 0 0 20px;
}
.col-md-8.col-md-push-4 h3 {
    margin-top: 0;
}
.vCard .box-light h5 {
    margin: 0 0 3px;
    color: #282828;
}
.vCard .box-light {
    margin-top: 11px;
}
/*<!---------- spacer ----------->*/
section.box-offerte {
    position: relative;
    background: url(../images/bg-photo.jpg) no-repeat center fixed;
    height: 400px;
    background-size: cover;
}

/*<!---------- footer ----------->*/
footer.bottom {
    position: relative;
    color: #fff;
    padding: 104px 0 90px;
    background: url(../images/bg-footer.jpg) no-repeat bottom;
    border-top: 4px solid #53dd31;
	background-size: cover;
}
footer.bottom .block-footer-grid {
    position: relative;
    display: grid;
    grid-template-columns: auto auto auto auto;
    align-items: center;
    justify-content: space-between;
}
footer.bottom h2 {
    position: relative;
    font-size: 33px;
    line-height: 1.1em;
    color: #ffffff;
    margin: 0 0 21px;
    padding: 0;
    display: table;
    padding-right: 81px;
}
footer.bottom h2:before {
    position: absolute;
    content: "";
    right: 0;
    margin: auto;
    height: 4px;
    width: 67px;
    background: #53dd31;
    top: 18px;
}
footer.bottom .btp-prem {
    position: relative;
    margin: 20px auto 0;
    display: table;
}
.logo-footer {
    margin-top: -6px;
}
footer.bottom .adress {
    display: inline-block;
}

span.number-responsive {
    display: none;
}
footer.bottom .col-sm-8 {
    padding-left: 30px;
}
footer.bottom .name {
    font-weight: 700;
}
.block-left {
    display: inline-block;
}

.logo-footer img {
    max-width: 100%;
    height: auto;
}
.googlemaps_v2 label.modal-label, footer.bottom a {
    color: #53dd31;
    opacity: 1;
    font-weight: 400 !important;
    text-decoration: underline;
}
.googlemaps_v2 label.modal-label:hover, footer.bottom a:hover {
    color: #53dd31;
    text-decoration: none;
}footer.bottom section.address span.number-responsive {
	display: none;
}
footer.bottom .adr1 {
    float: left;
}
footer.bottom .adr2 {
    float: right;
}
footer.bottom .adrs {
    padding-left: 30px;
	   position: relative;
}
footer.bottom .adrs:after {
    position: absolute;
    left: 0;
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #53dd31;
    top: 1px;
    font-size: 18px;
    right: auto;
}
footer.bottom .adr2 .mail:after {
    position: absolute;
    left: 0;
    content: "\f095";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    color: #53dd31;
    top: 1px;
    font-size: 18px;
    transform: rotate(95deg);
    z-index: -1;
}
footer.bottom .adr2 .mail {
    position: relative;
    padding-left: 32px;
  z-index: 1;
}
footer.bottom .info .tels {
    text-align: left;
    display: inline-table;
}
footer.bottom .social {
    margin: 30px auto 0;
    display: table;
}
footer.bottom .networks_linking a.networks_facebook:hover {
    background: #53dd31 !important;
    color: #fff !important;
  transform: scale(1.1);
}
/***********open box***************/
iframe {
    width: 100%;
    height: 100%;
}

span.number-responsive {
    display: none;
}

div#footerSlideContainer a {
    color: #716f6f;
}

nav.language {
    padding-top: 8px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

footer.bottom .footer-grid .footer-left .address .phone-responsive {
    display: none;
}

footer.bottom .footer-grid .footer-right h2 {}

footer.bottom .footer-grid .footer-right h2:after {}

footer.bottom .footer-grid .footer-left .networks {}

footer.bottom .footer-grid .footer-left .networks a {
    width: auto;
    background: none;
    color: #ccc;
    margin-right: 10px;
}

footer.bottom .footer-grid .footer-left .networks a.networks_facebook:hover {
    color: #3b5998;
}

footer.bottom .footer-grid .footer-left .networks a.networks_twitter:hover {
    color: #1da1f2;
}

footer.bottom .footer-grid .footer-left .networks a.networks_instagram:hover {
    color: #c32aa3;
}

footer.bottom .footer-grid .footer-left .networks a.networks_pinterest:hover {
    color: #bd081c;
}

footer.bottom .footer-grid .footer-left .networks a.networks_linkedin:hover {
    color: #007bb5;
}

footer.bottom .footer-grid .footer-left .networks a.networks_tripadvisor:hover {
    color: #00af87;
}

footer.bottom .footer-grid .footer-left .networks a.networks_youtube:hover {
    color: #008080;
}

div#ContainerBlockSocial {
    display: inline-flex;
}

.social #ContainerBlockSocial.addthis_toolbox .at300b>span {
    display: none
}

.social a.addthis_button_facebook.at300b::before {
    content: "\f09a"
}

.social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share::before {
    content: "\f0d5"
}

.social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone #___plusone_0,
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone iframe {
    position: absolute;
    left: 0;
    right: 0;
    top: 3px;
}

footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share {
    position: relative;
}

div#___plusone_0 {
    position: relative;
}

footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share #___plusone_0,
footer.bottom .social #ContainerBlockSocial.addthis_toolbox .at300b.addthis_32x32_style.addthis_button_google_plusone_share iframe {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 3px !important;
    opacity: 1;
}

iframe#I0_1585433012274 {}

span.number {
    display: inline-block;
}

footer.bottom .social a.addthis_button_facebook.at300b {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: url(../images1/icon-facebook.png) center no-repeat;
    color: transparent;
    width: 37px;
    height: 36px;
    text-decoration: none;
    transition: color .4s;
    float: none;
    text-align: center;
}

footer.bottom .social a.addthis_button_facebook.at300b::before {
    font-family: 'FontAwesome';
    speak: none;
    font-size: 24px;
    line-height: 36px;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
    color: #5275cf;
    text-align: center;
}

footer.bottom .social a.addthis_button_facebook.at300b {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background: #fff;
    color: transparent;
    width: 28px;
    height: 28px;
    text-decoration: none;
    transition: color .4s;
    float: none;
    text-align: center;
}

footer.bottom .social a.addthis_button_facebook.at300b:hover {
    background: #262420;
}
a#scrollTopBtn {
    right: 13px;
    bottom: 30px;
    background: #282828;
    box-shadow: 0 0 25px #53dd31;
}
a#scrollTopBtn:hover {
    background: #53dd31 !important;
    color: #fff !important;
    box-shadow: 0 0 20px #282828!important;
}
div#footerSlideContainer {
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    text-align: right !important;
    padding: 5px;
    background: none !important;
}

div#footerSlideContainer #footerSlideButton {
    position: relative;
    color: #999;
}

.cookieinfo a.cookieinfo-close {
    text-transform: uppercase;
    font-size: .9em;
    padding: 5px 15px !important;
}

footer.bottom .logo {
    position: relative;
    padding-top: 0;
}



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

/*--------------------------------------------------
## Superfish
--------------------------------------------------*/

.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: 50%;
    z-index: 99;
    transform: translateX(-50%);
}
.sf-menu>li {
    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 li {
    position: relative;
}

.sf-menu {
    position: relative;
}

ul.sf-menu {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
}
.sf-menu>li>a {
    position: relative;
}
.sf-menu a {
    border-bottom: none;
    padding: 6px 14px;
    font-size: 15px;
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 700;
    background: transparent;
    outline: none;
    text-align: center;
}

li#menu_8 a {
    padding: 6px  36px !important;
    background: transparent;
    color: #ffffff;
    text-transform: uppercase;
    margin-left: 60px;
    border: 2px solid #53dd31;
}
.sf-menu li#menu_8 a:hover, .sf-menu li#menu_8.sfHover a, .sf-menu li#menu_8.selected a, .sf-menu li#menu_8.active a{
background: #53dd31;
}
.sf-menu > li#menu_8 > a::before {
opacity:0;
}
.sf-menu li a:hover, .sf-menu li.sfHover a, .sf-menu li.selected a, .sf-menu li.active a {
  
}
.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 > a::before {
    content: '';
    display: block;
    width: 50%;
    position: absolute;
    bottom: -4px;
    background: #53dd31;
    opacity: 0;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: 0.6s;
    FONT-VARIANT: JIS04;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    height: 5px;
}
.sf-menu ul {
    background: rgb(255 255 255 / 87%)!important;
    padding: 0px 30px !important;
    text-align: center;
    margin-top: 11px !important;
    border-bottom: none !important;
    color: #53dd31 !important;
}
header.top.sticky.sticky-appear .sf-menu>li>a::before {
    bottom: 0;
}
header.top.sticky .sf-menu ul {
    margin-top: 10px !important;
}
.sf-menu ul li:not(:first-child) {
    margin-top: 0;
}

.sf-menu ul a {
    padding: 10px 0 !important;
    color: #333333!important;
    line-height: 20px;
    font-size: 18px !important;
    font-weight: 600;
    background: none !important;
}
.sf-menu ul li a:hover, .sf-menu ul li.sfHover a, .sf-menu ul li.selected a, .sf-menu ul li.active a {
    color: #53dd31!important;
}
.sf-menu ul li:not(:last-child) {
    border-bottom: 1px solid rgb(51 51 51 / 40%);
}
/*.sf-menu > li:not(:first-child):after {
    content: "";
    position: absolute;
    left: -3px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 8px;
    background: #012149;
    width: 8px;
    border-radius: 50px;
}*/
/*** arrows (for all except IE7) **/

/* 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;
    margin: auto;
    top: 36px;
    font-size: 15px;
    color: #53dd31;
    font-size: 17px;
    left: 50%;
}
.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;
}

/*--------------------------------------------------
## 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:hover::before,
.close-button:hover::after {
    background: #008080;
}

.close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-button::before,
.close-button::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #ccc;
    transition: background .4s;
}

.close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 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 #53dd31;
    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;
    font-size: 16px;
    display: block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    transition: background .4s;
    border-bottom: none;
    letter-spacing: 0;
}

.mobile-menu a:hover, .mobile-menu .selected>a, .mobile-menu .active>a {
    background: #53dd31;
    color: #fff;
}

.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);
}
.btn-gdpr {
    color: #fff !important;
    background: #53dd31 !important;
}
.btn-gdpr:hover {
    color: #fff !important;
    background: #000!important;
}
/***********Reponsive***********/
@media only screen and (max-width: 1500px) {
li#menu_8 a {
    padding: 6px  20px !important;
    margin-left: 20px;
}
.sf-menu a {
    padding: 6px 9px !important;
}	
}
@media only screen and (max-width: 1350px) {
nav.mobile-nav {
    display: table !important;
    margin: 28px 0 0;
}
header.top.sticky.sticky-appear nav.mobile-nav {
    margin: 0 auto 0;
}
.sf-menu {
    display: none !important;
}


header.top nav#navigation {
  margin: auto;
}
}
@media only screen and (max-width: 1199.98px) {

section.banner {
    height: 600px;
}
section.banner .box-overlay {
    margin: 0;
    width: auto;
    left: 10px;
    right: 10px;
    text-align: center;
}
section.banner .slogan h3:before {
    right: 0;
    margin: auto;
}
section.banner div#slideshow:before {
    clip-path: none;
    width: 100%;
}
.home-wrapper {
    padding: 100px 0 100px;
}
.home-wrapper-grid {
    grid-template-columns: 100%;
    grid-gap: 50px;
}
.text-spacer {
    padding: 0px 10%;
}
header.page-title {
    margin: 0 auto 45px;
    display: table;
    text-align: center !important;
}
body.pageTemplate main.content-wrapper h1 {
    margin: 0 auto 0;
    padding: 0 0 20px;
    position: relative;
}
body.pageTemplate main.content-wrapper h1:after {
	    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
}
.homeTemplate header.page-title:before, header.page-title:after, header.page-title:before{
    right: 0;
    margin: auto;
}
.home-wrapper-grid .img2 {
    margin-top: 0;
}
.image-home {
    grid-template-columns: auto auto;
}
.image-home img {
    HEIGHT: 400px;
}
section .box h2 {
    font-size: 40px;
}
article.content #AllNews figure.Item .photo h3 {
    font-size: 20px;
 
}
/*************************/
footer.bottom .block-footer-grid {
    grid-template-columns: 100%;
    grid-gap: 40px;
}
footer.bottom {
    text-align: center;
}
footer.bottom .adrs, footer.bottom .adr2 .mail {
    padding: 40px 0 0;
}
footer.bottom .adrs:after, footer.bottom .adr2 .mail:after {
    right: 0;
}
footer.bottom h2 {
    display: table;
    margin: 0 auto 21px;
}
a#btp_id {
    margin: 0 auto 0;
}
}

@media only screen and (max-width: 991px) {
		.top-bar {
   display: none;
}

	.diy-slideshow .prev::before, .diy-slideshow .next::before {
	display: none;
}
section.banner {
	height: 550px;
}

.image-home:before {
    width: 137px;
    height: 146px;
    background-size: contain;
}
body.pageTemplate main.content-wrapper h1 span {

    font-size: 40px;

}
.box1-grid, section.box2 .box2-grid {
    grid-template-columns: 100%;
    grid-gap: 80px;
}
section.box1 .photo img, section.box2 .photo img {
    height: 400px;
}
section.box1 .photo:before {
    top: -10px;
    right: -10px;
}
section.box2 .photo::after {
    top: -10px;
    left: -10px;
}
section.box1 .photo {
    order: 1;
}
section.box1 .box {
    order: 2;
}
.bg-boxes {
    padding: 0 0 34px;
}
article.content #AllNews {
    grid-template-columns: 100%;
}
span.number {
	display: none;
}
span.number-responsive {
	display: inline-block;
}
.vCard .box-light span.number-responsive a {
    color: #282828;
}

}
@media only screen and (max-width: 767.98px) {
  .image-home{
  display:none;
  }
  section.box2 .photo {
      display:none;
  }
  section.box1 .photo  {
      display:none;
  }
	section.banner .slogan h3 {
    font-size: 45px;
}
section.banner .slogan h2 {
    font-size: 35px;
}
	header.top .top-wrapper {
    grid-gap: initial;
}
.diy-slideshow .next, .diy-slideshow .prev {
    display: none !important;
}
section.realisations #Gallery {
    margin: 0;
}
.image-right, .image-left {
	float: none;
	margin: 0 auto 30px;
	display: table;
	max-width: 100%;
}
.text-spacer {
    padding: 0;
}
h1 {
    font-size: 27px;
}

h2 {
    font-size: 23px;
}

h3 {
    font-size: 19px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 16px;
}
}



@media only screen and (max-width: 480.98px) {
section.banner .slogan h2 {
    font-size: 25px;
}
section.banner a.contact {
    font-size: 16px;
}
body.homeTemplate header.page-title h1 span.sub-title {
    font-size: 55px;
    padding: 10px 0 0;
}
body.pageTemplate main.content-wrapper h1 span {

    font-size: 30px;
 
}
.box-spacer {
    padding: 80px 10px;
}
.text-spacer h2 {
    font-size: 50px;
   line-height: 1.2em;
    margin: 0 auto 30px;

}
section .box h2 {
	    font-size: 30px;
    margin: 0 auto 30px;
    padding-bottom: 30px;
    padding-top: 30px;
}
  section.banner .box-overlay {
    max-width: 100%;
}

}

/*****hamburger*********/
.hamburger {
    display: flex;
    align-self: center;
    flex-direction: column;
    justify-content: space-between;
    width: 37px;
    height: 21px;
    cursor: pointer;
}
.hamburger div {
    height: 3px;
    background: #fff;
    width: 100%;
    transition: all 400ms ease-in-out;
}
.hamburger .meat {

  transition: all 200ms ease-in-out;
}
.hamburger .bottom-bun {

}
.hamburger:hover div {
  width: 100%;
}
.hamburger:hover .top-bun {
	    -webkit-animation: burger-hover 1s infinite ease-in-out alternate;
          animation: burger-hover 1s infinite ease-in-out alternate;
 
}
.hamburger:hover .meat {
  -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 200ms;
}
.hamburger:hover .bottom-bun {

 -webkit-animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;
          animation: burger-hover 1s infinite ease-in-out alternate forwards 400ms;		
}

@-webkit-keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}

@keyframes burger-hover {
  0% {
    width: 100%;
  }
  50% {
    width: 50%;
  }
  100% {
    width: 100%;
  }
}