@font-face {
    font-family: 'JosefinSansLight';
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansLight.eot');
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansLight.eot') format('embedded-opentype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansLight.woff2') format('woff2'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansLight.woff') format('woff'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansLight.ttf') format('truetype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansLight.svg#JosefinSansLight') format('svg');
}
@font-face {
    font-family: 'PlusJakartaSansBold';
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansBold.eot');
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansBold.eot') format('embedded-opentype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansBold.woff2') format('woff2'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansBold.woff') format('woff'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansBold.ttf') format('truetype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansBold.svg#PlusJakartaSansBold') format('svg');
}
@font-face {
    font-family: 'JosefinSansBold';
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansBold.eot');
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansBold.eot') format('embedded-opentype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansBold.woff2') format('woff2'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansBold.woff') format('woff'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansBold.ttf') format('truetype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansBold.svg#JosefinSansBold') format('svg');
}
@font-face {
    font-family: 'PlusJakartaSansLight';
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansLight.eot');
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansLight.eot') format('embedded-opentype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansLight.woff2') format('woff2'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansLight.woff') format('woff'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansLight.ttf') format('truetype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansLight.svg#PlusJakartaSansLight') format('svg');
}
@font-face {
    font-family: 'PlusJakartaSansRegular';
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansRegular.eot');
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansRegular.eot') format('embedded-opentype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansRegular.woff2') format('woff2'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansRegular.woff') format('woff'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansRegular.ttf') format('truetype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PlusJakartaSansRegular.svg#PlusJakartaSansRegular') format('svg');
}
@font-face {
    font-family: 'PoppinsRegular';
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/PoppinsRegular.eot');
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/PoppinsRegular.eot') format('embedded-opentype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PoppinsRegular.woff2') format('woff2'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PoppinsRegular.woff') format('woff'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PoppinsRegular.ttf') format('truetype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/PoppinsRegular.svg#PoppinsRegular') format('svg');
}
@font-face {
    font-family: 'JosefinSansRegular';
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansRegular.eot');
    src: url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansRegular.eot') format('embedded-opentype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansRegular.woff2') format('woff2'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansRegular.woff') format('woff'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansRegular.ttf') format('truetype'),
         url('https://www.we-group.be/smarty/wireframe26/media/fonts/JosefinSansRegular.svg#JosefinSansRegular') format('svg');
}

body {
    background:#fff;
    color: #646c78;
 font-family: 'PlusJakartaSansLight';
    font-size: 14px;
    line-height: 1.5em;
}
a {
    color: #0078ff;
    text-decoration: underline;
    transition: all .4s;    text-shadow: none;
}
a:active, a:hover, a:focus {
    color: #0078ff;
    text-decoration: none;
}

.image-right {
    float: right;
    margin: 0 0 10px 20px;
}
.image-left {
    float: left;
    margin: 0 20px 10px 0;
}

 .container{  width: 1321px!important;
    position: relative;}
h1, h2, h3, h4, h5, h6 {
line-height: 1em;
    text-transform:uppercase;
font-family: 'JosefinSansBold';
    letter-spacing: 0.1em;
    text-shadow: none;
	font-weight:normal;
}
h1 {
    font-size: 43px;
	color:#0078ff;

}
h2 {
  font-size: 20px;
	color:#07254f;
}
h3 {
 font-size: 19px;
	color:#0078ff;
}
h4 {
 font-size: 18px;
	color:#07254f;
}
h5 {
    font-size: 17px;
	color:#1d3557;
}
h6 {
 font-size: 16px;
	color:#07254f;
}
hr {
	border-color: #000;
}

header.top {
    top: 0;
    z-index: 8;
    padding: 0px 0 0px;
    height: auto;
    width: 100%;
    height:auto;
	position: absolute;


}
main.content-wrapper .home-grid figure.home-photo a.popup:hover {
    transform: scale(1.2);
}
main.content-wrapper .home-grid figure.home-photo a.popup {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 321px;
    height: 312px;
    background: url(../images/play.png) no-repeat center;
    z-index: 2;
    transition: all .4s;
}
div#sticky-wrapper {
    position: absolute;
    width: 100%;
    height: auto!important;
}
.is-sticky header.top{
background: #122239;


}
header.top .header-grid  .content-logo{
width:100%; float:left;

}



.main-nav {
    transition: all .4s;
    margin: 0 auto;
    margin-top: 20px;
    width: 100%;
    float: left;

}
.is-sticky header.top .main-nav {       }

header.top .header-grid .mobile-nav {display: none;font-size: 2em;margin-top: 42px;background: #02203194;padding: 7px;}
header.top .header-grid .mobile-nav a{ color:#fff;}
.banner {
    position: relative;
    height:763px;
   width: 100%;
   box-shadow:0px 0px 32px rgba(0,0,0,0.35);
}


.banner.small-size {
    height: 600px;
}.banner.small-size.small-size2 {
    height: 400px;
}
.contactPage .banner.small-size {
    height:600px;
}
.banner #slideshow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	margin-bottom:0px!important;
}
.banner #slideshow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	margin-bottom:0px!important;
}


.banner .NewsItemBackground {
    height: 100%;
    background: center no-repeat;
    background-size: cover;
}
.banner.small-size .box_googlemapsv2 {
height: 100%;
    filter: grayscale(100%);
    position: absolute;
    width: 100%;
    top: 0px;
}
.banner .container {
    position: relative;
	height:100%;
	pointer-events: none;
}
.banner:before{ position:absolute; right:0px; top:0px; height:100%;    width:100%;background:url(../images/bg-slide.png) top center no-repeat rgba(2,26,60,0.71); content:'';     z-index: 3;    pointer-events: none;}
.logo {
    position: relative;
float:left;
margin-top:16px;
    z-index: 5;
    pointer-events: auto;    transform-origin: left top;
    transition: all .8s;
    transition-delay: .1s;}

.is-sticky  .content-logo { display:none;
}
.content-logo  .cta {
position: relative;
    float: right;
    margin-top: 48px;
    width: 182px;
    margin-top: 43px;
    width: auto;
    z-index: 5;
    pointer-events: auto;
    color: #a8bfde;
    font-family: 'PlusJakartaSansLight';
    font-size: 14px;
    letter-spacing: 0.1em;
    padding-left: 33px;
    background: url(../images/icon-cta.png) left 8px no-repeat;
}
.content-logo  .cta a{ text-decoration:none;color:#a8bfde;}
.content-logo .titr{ position:relative;   z-index:2; display:block;}

.content-logo .tel {

    display:inline-block;


    color: #fff;
    text-shadow: none;
	position:relative;
font-size:19px;font-family: 'PlusJakartaSansBold';
letter-spacing:0.1em;




}

.content-logo   .span.tel-resp {
    display:inline-block;


    color: #fff;
    text-shadow: none;
	position:relative;
font-size:19px;font-family: 'PlusJakartaSansBold';
letter-spacing:0.1em;


}


.titrr{ display:none;}

.content-logo .cta .number-responsive{ display:none;}
span.titrs {
    display: block;
}
.content-logo .tel-r:hover{ color:#a8bfde;}
.content-logo .number:hover{color:#a8bfde;}

.logo a {
    text-decoration: none;
  
}



.banner.small-size .cta {
    bottom: 24%;
}
.banner .cta{ position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    pointer-events: auto;
    z-index: 5;
    bottom: 35.7%;
    text-align: center;}
.banner .cta h2{   color: #fff;
    font-size: 42px;
    margin: 0px;
    font-family: 'JosefinSansBold';
    position: relative;
    z-index: 2;
    letter-spacing: 0px;
    text-transform: uppercase;
text-shadow: -2px 0px 0 rgba(8, 23, 68, 0.8);
    margin: 0px 0px 20px;}


.banner .cta h6{  color: #fff;
    font-size: 25px;
    margin: 0px;
    font-family: 'PlusJakartaSansRegular';
    position: relative;
    z-index: 2;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-shadow: 0px 0px 7px rgb(0 0 0 / 50%);
    margin: 0px 0px 18px;
    font-family: 'JosefinSansRegular';}


.banner span.number-responsive { display:none;}

.banner   a{text-decoration:none; }

.banner  .cta1{
    position: relative;
    width: 211px;
margin:0 auto;
}
.banner  .cta1 .number{    position: relative;
    width: 211px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #fff;
    color: #0078ff;
    font-size: 15px;
    display: table;
    border-radius: 28px;
    box-shadow: 0px 0px 7px rgb(0 0 0 / 50%);
    font-family: 'PoppinsRegular';}
.banner  .cta1 .number:hover{ background:#0078ff; color:#fff;}

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

.bg{ width:100%; float:left;
   position: relative;    z-index: 5;}

section.boxes {
position: relative;
    z-index: 6;
    margin-top: 0px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0px;
    text-align: left;
    padding: 0px 43px;
    height: 211px;
    box-shadow: 0px 0px 40px rgb(0 0 0 / 20%);
    border-radius: 10px;
    margin-top: -77px;
    background: #fff;



}
section.boxes a{ text-decoration:none;}
section.boxes a:hover{  text-decoration:none;}
section.boxes div[class*="box"] {

    display: block;
    padding-top: 47px;
    z-index: 2;
    position: relative;
    width: 241px;
    height: 211px;


}
section.boxes div[class*="box"]:after{ position: absolute;
    right: 0;
    top: 63px;
    height: 110px;
    width: 1px;
    background: rgba(7,37,79,0.14);
    opacity: 1;
    content: '';}

.box.box05:after{ display:none!important;}
section.boxes div[class*="box"]:before{ position:absolute; left:0px; right:0px; top:-26px; bottom:-26px; z-index:-1; border-radius:10px; box-shadow:0px 0px 40px rgba(0,0,0,0.25); background:#0078ff; opacity:0; content:'';}
section.boxes div[class*="box"]:hover:before{opacity:1;}
section.boxes div[class*="box"]:hover{padding-top:29px}

section.boxes div[class*="box"] .icon{ width:71px; height:63px; margin:0 auto; position:relative;}
section.boxes .box01 .icon{ background:url(../images/icon1.png) bottom center no-repeat;}
section.boxes .box01:hover .icon{ background:url(../images/icon1-h.png) bottom center no-repeat;}

section.boxes .box02 .icon{ background:url(../images/icon2.png) bottom center no-repeat;}
section.boxes .box02:hover .icon{ background:url(../images/icon2-h.png) bottom center no-repeat;}


section.boxes .box03 .icon{ background:url(../images/icon3.png) bottom center no-repeat;}
section.boxes .box03:hover .icon{ background:url(../images/icon3-h.png) bottom center no-repeat;}


section.boxes .box04 .icon{ background:url(../images/icon4.png) bottom center no-repeat;}
section.boxes .box04:hover .icon{ background:url(../images/icon4-h.png) bottom center no-repeat;}


section.boxes .box05 .icon{ background:url(../images/icon5.png) bottom center no-repeat;}
section.boxes .box05:hover .icon{ background:url(../images/icon5-h.png) bottom center no-repeat;}


section.boxes div[class*="box"] h3{
position:relative;


text-align:center;

color:#0078ff;
    margin:15px 0 5px;
font-family: 'JosefinSansBold';
    font-size: 16px;
   
    z-index: 7;
    letter-spacing: 0em;
    text-transform:uppercase;



}
section.boxes div[class*="box"]:hover h3{ color:#fff;}
section.boxes div[class*="box"] h6{
position:relative;


text-align:center;

color:#7f8893;
    margin:0px 0 15px;
font-family: 'PlusJakartaSansLight';
    font-size: 14px;
   
    z-index: 7;
    letter-spacing: 0.02em;
    text-transform:uppercase;



}
section.boxes div[class*="box"]:hover h6{ color:#fff;}

section.boxes div[class*="box"] .plus{ position: relative;
margin:0 auto;

border-radius:50%;
box-shadow:0px 0px 13px rgba(0,0,0,0.35);
    width:43px;
height:43px;
background:url(../images/plus.png) no-repeat; display:none;}

section.boxes div[class*="box"]:hover .plus{ display:block;}


section.boxes div[class*="box"] p {
    margin: 0;
	position: relative;
    z-index: 6;
}


main.content-wrapper {
position: relative;
    padding:95px 0px 75px;

width: 100%;
    float: left;
}
.pageTemplate main.content-wrapper {
   padding: 50px 0px 50px;
}
main.content-wrapper header.page-title {
    text-align: center;
    margin-top:0px;
	position:relative;
	    width: 100%;
margin-bottom: 50px;
		
}

.pageTemplate main.content-wrapper header.page-title {  margin-bottom: 30px;}
main.content-wrapper header.page-title h1 {
	width:100%;
	display:inline-block;
    margin: 0;

  text-align: center;
}

.sub-title {
    padding: 16px 0px;
    position: relative;
    width: auto;
    display: inline-block;
    color: #121c22;
    font-family: 'JosefinSansLight';
    letter-spacing: 0.04em;
    text-shadow: none;
    margin-top: 30px;
    font-size: 22px;
    text-transform: none;
    line-height: 25px;
    border-top: 1px solid #07254f;
    border-bottom: 1px solid #07254f;
    min-height: 55px;
    text-shadow: 0px 0px 0px#000;
}
main.content-wrapper .home-grid {
display: block;

   
}
main.content-wrapper .home-grid article.content {
    line-height: 28px;
    letter-spacing: 0.08em;
    float: right;
    max-width: 50%;

}

.moretext {
  display: none;
}
a.moreless-button {
    cursor: pointer;
    position: relative;
    right: 0px;
    bottom: 0px;
    width: 140px;
    height: 49px;
    line-height: 49px;
    padding-left: 17px;
    text-align: left;
    letter-spacing: 0em;
    font-size: 15px;
    margin-top: 60px;
    color: #0078ff;font-family: 'PoppinsRegular';
    text-transform: none;
    background: #fff;
    display: block;
    text-decoration: none;
box-shadow:0px 0px 14px rgba(0,0,0,0.16);
border-radius:28px;

}a.moreless-button:before{position: absolute;
    right: 13px;
    top: 19px;
    content: '';
    width: 26px;
    height: 30px;
    background: url(../images/fleche.png) no-repeat;}
a.moreless-button:hover:before{ background:url(../images/fleche-h.png) no-repeat;}
a.moreless-button:hover{background:#0078ff; color:#fff;}
main.content-wrapper .home-grid figure.home-photo {
    
    z-index: 2;
    position: relative;
min-height:428px;
    width: 575px;    float: left;
}
main.content-wrapper .home-grid figure.home-photo  img{ box-shadow:0px 0px 16px rgba(0,0,0,0.2); border-radius:5px; max-width:100%;}
main.content-wrapper .home-grid figure.home-photo .img-home{ position:absolute; box-shadow:0px 0px 16px rgba(0,120,255,0.7); bottom:0px; right:0px;}
a.btp_class img {
position: relative;
    border-radius: 0;
width:100%;box-shadow: none!important;
   

}
a#btp_id {
    text-align: center;
    width: 100px;
    height: 83px;
    position: absolute;
    right: 0px;
    top: 0px;
    box-shadow: none!important;


}
main.content-wrapper .contact-grid {
display: grid;
    grid-template-columns: 4fr 3fr;
    grid-gap: 50px;;
  padding:0px;


}
main.content-wrapper .contact-grid header.page-title {
    text-align: center;
    margin-bottom:30px;
}
main.content-wrapper .contact-grid header.page-title::after {
    margin-left: 0;
}
article.content::after {
    content: '';
    display: block;
    clear: both;
}
article.content h1, article.content h2, article.content h3, article.content h4, article.content h5, article.content h6 {

}
article.content p {
    margin: 0 0 20px;
}
article.content ul {
    list-style: outside disc;
    margin-left: 20px;
    padding: 0;    margin: 0 auto;
    display: table;
}
article.content ul li {
list-style: none;
    background: url(../images/list-icon02.png) no-repeat 0 8px;
    padding-left: 20px;
}
article.content ul ul {
    list-style-type: circle;
}
article.content img.image-right,
article.content img.image-left {
    box-shadow: 10px -10px 0 #1c1c1c;
}
article.content .table-style {
    position: relative;
}
article.content .table-style th {
    background: #1c1c1c;
}
article.content .table-style th,
article.content .table-style td {
    border: 1px solid #666;
    padding: 2px 5px;
}
article.content .containerOpening .openingDay {
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    width: 150px;
}
article.content .containerOpening .openingDay::after {
    content: ': ';
}
article.content #AllNews {
}
article.content #AllNews figure.Item {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 30px 1fr;
    grid-template-rows: 50px 1fr 50px;
    margin-bottom: 50px;
}
article.content #AllNews figure.Item .photo {
    grid-column: 1 / 3;
    grid-row: 1 / 4;
    position: relative;
    box-shadow: 0px 0px 0px rgba(255,255,255,.05);
    transition: box-shadow .4s;
}
article.content #AllNews figure.Item:hover .photo {
    box-shadow: 20px -20px 0px rgba(255,255,255,.05);
}
article.content #AllNews figure.Item .photo.nophoto {
    background: url(../images/news-nophoto.jpg) center no-repeat;
    background-size: cover;
    opacity: .5;
    box-shadow: 0px 0px 0px rgba(255,255,255,.1);
}
article.content #AllNews figure.Item:hover .photo.nophoto {
    box-shadow: 20px -20px 0px rgba(255,255,255,.1);
}
article.content #AllNews figure.Item .photo img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    object-fit: cover;
    height: 100%;
    width: 100%;
    display: block;
}
article.content #AllNews figure.Item figcaption {
    grid-column: 2 / 4;
    grid-row: 2 / 3;
    z-index: 5;
    background: #1c1c1c;
    padding: 30px;
}
article.content #AllNews figure.Item figcaption h3 {
    margin: 0 0 15px;
}
article.content #AllNews figure.Item figcaption h3 span {

    font-size: .6em;
    line-height: 1em;
}
article.content #AllNews figure.Item figcaption h3 span:last-child {

    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 300;
}

article.content #AllNews figure.Item figcaption a.button {
    display: inline-block;

	font-size: 1em;
    font-weight: normal;
	background: rgba(0,0,0,.5);
	line-height: 1em;
	text-transform: uppercase;
    color: #fff;
    padding: 10px 30px;
    text-decoration: none;
    transition: background .4s;
}
article.content #AllNews figure.Item figcaption a.button::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20;
}
article.content #AllNews figure.Item:hover figcaption a.button {
	background: rgba(0,0,0,1);
}
main.content-wrapper .contact-grid article.content .phone-responsive {
    display: none;
}
.content.aos-init.aos-animate {

    line-height: 28px;

  }
.homeTemplate section.newsletter {
    padding: 100px 0;
    text-align: center;

}
.content {
letter-spacing: 0.08em;


}
.homeTemplate section.newsletter .container {
    background: #000;
    padding-top: 30px;
    padding-bottom: 30px;
}
.homeTemplate section.newsletter .container h3 {
    margin-top: 0;
}
.homeTemplate section.newsletter .container h3 ~ div {
    padding-left: 30px;
    padding-right: 30px;
}
.cta2{ padding: 77px 0 75px;
    width: 100%;
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    min-height: 320px;
    background: #f3f5f8;
  
 }


.cta2 .cta-content{ position:relative; width:100%; z-index:3;  color:#fff;
text-align:center;
color:##fff;   
}
.cta2 .cta-content a{  
    text-decoration: none;}



.cta2 .cta-content h2{  color: #07254f;
    font-size: 37px;
    margin: 0px;
    font-family: 'JosefinSansBold';
    position: relative;
    z-index: 2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0px 0px 10px;}
.cta2 .cta-content h3{   color: #0078ff;
    font-size: 26px;
    margin: 0px;
    font-family: 'JosefinSansBold';
    position: relative;
    z-index: 2;
    letter-spacing: 0.08em;
    text-transform: none;
    margin: 0px 0px 39px;}
.cta2 .cta-content .number{position: relative;
    width: 180px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #fff;
    color: #0078ff;
    margin: 0 auto;
    font-size: 15px;
    display: table;
    border-radius: 28px;
    box-shadow: 0px 0px 7px rgb(0 0 0 / 30%);
    font-family: 'PoppinsRegular';}
.cta2 .cta-content .number:hover{ background:#0078ff; color:#fff;}


section.realisations{         padding: 80px 0 90px;
background:url(../images/bg-r.jpg) top center no-repeat;
background-size:cover;
    width: 100%;


    text-align: center;


    width: 100%;
    float: left;
  
 } 
  section.realisations a{ text-decoration:none; color: #fff;}
  section.realisations a:hover{ text-decoration:none; color: #eaae45;}
    section.realisations h2:hover{ text-decoration:none; color: #eaae45;}
section.realisations h2 {

    color: #fff;
    font-size: 36px;
    margin: 0px;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    width: auto;
    display: inline-block;
    position: relative;



}
section.realisations .titrh2{color: #a7bcdb;
display:block;
margin-top:10px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
font-family: 'JosefinSansLight';
    text-shadow: 0px 0px 0px #a7bcdb;} 
section.realisations #Gallery {
    position: relative;
    min-height: 0 !important;

}
section.realisations #Gallery .highslideContainer {
    position: relative;
    float: none;
    padding:48px 20px 24px;
    opacity: 1 !important;


}
section.realisations #Gallery .highslideContainer .highslide {
   display: block;
position: relative;
box-shadow:0px 0px 13px rgba(0,0,0,0.35);


}
section.realisations #Gallery .highslideContainer .highslide::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
bottom: 0;
font-size: 11px;
color: #d6791e;
text-transform: uppercase;

text-decoration: underline;
letter-spacing: 2px;
opacity: 0;
margin: 0 auto;
width: 84px;
}
section.realisations #Gallery .highslideContainer .highslide:hover::after { opacity:1;}
section.realisations #Gallery .highslideContainer .highslide::before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 1;
background:rgba(20,41,77,0.7);
}
section.realisations #Gallery .highslideContainer .highslide:hover::before {background:url(../images/plus-gall.png) center center no-repeat rgba(20,41,77,0.26); border:8px solid #fff;}
section.realisations #Gallery .highslideContainer .highslide img {
    width: 100%;
    height:410px;
    object-fit: cover;
    object-position: center left;
    transition: object-position .6s;


}
section.realisations #Gallery .highslideContainer .highslide:hover img {
    object-position: center right;
}

section.realisations #Gallery .slick-track {

}
section.realisations #Gallery .highslideContainer .highslide:hover {
    margin-top: -30px;
}
section.realisations #Gallery .highslideContainer .highslide-caption {
    display: none;

}

section.brands {
	position: relative;
	background: #fff;
	padding: 50px 0;
	text-align: center;
	padding: 0px 0 50px;
}
section.brands > div > img {
	display: none;
}
section.brands .slick-slide img {
	display: inline-block;
	width: auto;
	height: 98px;
}
h3.news-item-title {
    display: none;
}

.news-item-text {
    font-size: 18px;
    text-shadow: 0 0 black;
    padding: 30px 0;
}
footer.bottom {
    position: relative;
    background: url(../images/before-footer.png) bottom center no-repeat #031125;
    padding: 60px 0px 20px;
    text-align: left;
    min-height: 497px;
    width: 100%;
    float: left;
    overflow: hidden;

}
footer.bottom .contact {
position: relative;
    width: 100%;
    font-size: 15px;
    letter-spacing: 0.06em;
    color: #fff;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: top;
    flex-wrap: wrap;
    text-align: left;


}

.wrapper1 {
    position: relative;
}
footer.bottom img{          margin: 0 auto;
    margin-bottom: 44px;
    display: table;}


footer.bottom .contact .bloc1 {
min-width:193px;



}
footer.bottom .contact .bloc2{
min-width:193px;
}

footer.bottom .contact .bloc3{
min-width:193px;
}

footer.bottom .contact .bloc4{
min-width:193px;
}
footer.bottom h2{     font-family: 'JosefinSansBold';
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0em;
    margin-bottom: 11px;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.25);
    padding-bottom: 20px;}


footer.bottom .contact .phone-responsive {
    display: none;
}

footer.bottom .contact .googlemaps_v2 label.modal-label{ text-decoration:underline;color: #eaae45;
}
footer.bottom .contact .googlemaps_v2 label.modal-label:hover{text-decoration:none;}
footer.bottom .contact a{ text-decoration:underline;color: #eaae45;

}
footer.bottom .contact a:hover{ text-decoration:none;}


a#scrollTopBtn {
bottom: 35px;
left: auto;
right: 0px;
transform: translateX(-50%);
border-radius: 0;
font-size: 1.5em;
background:#eaae45!important;
    padding: 5px 13px!important;
}
a#scrollTopBtn:hover{ background:#0078ff!important;}
#footerSlideButton {
    right: 10px!important; color:#eaae45!important;}
	@media only screen and (max-width : 1440px) {

}
	@media only screen and (max-width : 1450px) { .fullsite {
        overflow-x: hidden;
    }[data-aos=fade-right] {
    transform: translate3d(-00px,0,0)!important;}}
@media only screen and (max-width : 1321px) {
	.container{ width:100%!important; }


    .fullsite {
        overflow-x: hidden;
    }.sub-title {

    font-size: 22px;}


	
	main.content-wrapper .home-grid {
    padding-left: 0;
    padding-right: 0;
}
section.boxes div[class*="box"] {

  width: 100%;
  height: auto;
}


.logo img{
width:100%;
}
.sf-menu a {

    padding: 0px 14.7px 0px!important;}
}
@media only screen and (max-width : 1279px) { 
.sf-menu a {

    padding: 0px 8.8px 0px!important;}
}

@media only screen and (max-width : 1199px) {
.sf-menu a {
    font-size: 12px !important;
    padding: 0px 22px 0px !important;
    letter-spacing: 0px!important;
}

section.boxes { padding:0px;}	
.sub-title {
font-size: 18px;
  margin-top: 5px;}
main.content-wrapper .home-grid figure.home-photo {

    width: 453px;}
}
@media only screen and (max-width : 1179px) {.sf-menu a {
    font-size: 12px !important;
    padding: 0px 11px 0px !important;
    letter-spacing: 0px!important;
}main.content-wrapper .home-grid figure.home-photo img {

    max-width: 79%;
} }
@media only screen and (max-width : 1023px) {  


section.realisations{ min-height:auto;}


}
@media only screen and (max-width : 991.98px) {
article.content p {
    margin: 0 0 20px;
    text-align: center!important;
}
article.content h2 {
   
    text-align: center!important;
}
a.moreless-button {



    background: #fff;
    margin: 0 auto;
    margin-top: 60px;
    display: table;

}
header.top .header-grid .mobile-nav {
    text-align: center;
    float: none;
    display: table;
    margin: 0 auto;
    position: relative;
    z-index: 5;
    height: 40px;
    width: 100%;
}

.main-nav {

    display: none;
}
header.top .header-grid .content-logo {

    margin-bottom: 20px;
}
.is-sticky header.top {
    padding: 10px;
}

section.boxes div[class*="box"] h2 {

    font-size: 23px;}
		.logo {/* max-width: 296px; */}
	.logo img{ width:100%;}

h1 {
    font-size: 40px; line-height:40px;}
	section.boxes {
    grid-gap: 0px;
 

}


    main.content-wrapper .home-grid {
  display: block;
    }
    main.content-wrapper .contact-grid {
        grid-template-columns: 1fr;
		display: block;
    padding: 50px 15px;
    }
	


.bg {
   margin-top: 0;}

section.boxes div[class*="box"]:after { display:none;}
		section.boxes div[class*="box"] {
float: none !important;
margin: 0 auto !important;
  margin-bottom: 0px;
margin-bottom: 50px !important;
width: 100%;
min-height: auto;
max-width: 100%;

}



section.news #AllNews {
    display: grid;
    grid-template-columns: repeat(1, 1fr);}

section.news .box-news {
    width: 100%;
    padding: 47px 20px 20px;}


main.content-wrapper .home-grid article.content {
      margin: 0;
    z-index: 3;
    padding: 45px 0px;
    max-width: 100%;}

main.content-wrapper header.page-title {

    display: block;}
	main.content-wrapper header.page-title h1 {
    line-height: 31px;
}




footer.bottom .contact .wrapper {

    padding: 15px 0px 0px 0px;}
	footer.bottom .contact .wrapper img {
 
    margin-bottom: 55px;}
	footer.bottom .contact .wrapper {
    padding: 15px 0px 20px 0px;}

.banner .cta {text-align: center;bottom: 180px;width: 100%;}
.banner .cta1 {
  margin: 0 auto;
}
footer.bottom .contact {

    display: block; text-align:center;}
footer.bottom .bloc1 {
    display: table;
    text-align: center;
 margin:0 auto; margin-bottom:10px;}
footer.bottom .bloc2 {
      display: table;
    text-align: center;
;
    background-position: top center!important;margin:0 auto;margin-bottom:10px;}footer.bottom h2:before {
display:none}
footer.bottom .bloc3 {
       display: table;
    text-align: center;
margin:0 auto;margin-bottom:10px;}
footer.bottom .bloc4 {
    display: table;
    text-align: center;
   margin: 0 auto;margin-bottom:10px;}
footer.bottom .networks_linking a {
 
    margin: 0 auto!important;

    float: none;
    display: table;
}

section.realisations h2 {

    font-size: 33px;

    letter-spacing: 0;}
main.content-wrapper .home-grid figure.home-photo {


    position: relative;

    max-width: 570px;
    width: 100%;
float:none;
margin:0 auto;
display:table;
}	.banner, .banner.small-size {
  /* height: 700px; */
}
	.banner, .banner{
  height: 600px;
}

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


.cta2 .cta-content span.number{display:none;}
.cta2 .cta-content span.number-responsive {
    display: block;
}.cta2 .cta-content span.titr {
display:none;
}
main.content-wrapper .home-grid {

    display: block;
}

.banner .cta1 span.titr{ display:none;}

.banner span.titr {
    display: none;
}



	.banner .cta .number-responsive {
  display: inline-block;
}
.titrr {
   display:inline-block;
}
    .image-left, .image-right {
        float: none;
        margin: 20px auto;
        display: block;
        max-width: 100%;
    }
    main.content-wrapper .contact-grid article.content .phone {
        display: none;
    }
    main.content-wrapper .contact-grid article.content .phone-responsive {
        display: inline-block;
    }

    footer.bottom .contact .phone {
        display: none;
    }
    footer.bottom .contact .phone-responsive {
        display: inline-block;
    }

	section.news #AllNews {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 25px 80px;}
main.content-wrapper {
    padding: 50px 0px 0px;
}

.banner .cta {
    width: 100%;
left: 0%;
border-radius: 0px;

    font-size: 32px;
height: auto;
bottom: 19%;text-align: center;
}
.cta2 {
    padding: 55px 0 0px;}

.banner.small-size .cta {    width: 100%;
left: 0%;
border-radius: 0px;


height: auto;
bottom: 19%;text-align: center;
}


.banner .cta1 .number-responsive {
    display: inline-block;
}
.banner .cta h2 {    font-size: 16px;
    line-height: 25px;
    margin-bottom: 15px;
    height: auto;
    padding: 10px 0px;}
.banner .cta h6 {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
    height: auto;
    padding: 10px 0px 0;
    width: 100%;
    }
	.banner .cta p {

}
article.content p {
   
    text-align: left!important;
}


	.banner.small-size .cta1 {/* width: 100%; */}

.banner #slideshow .prev, .banner #slideshow .next{  top: 90%!important;}
section.realisations #Gallery .slick-slide:nth-child(odd) {
    margin-top: -30px;
}


.banner  .cta1{float: none;
margin: 0 auto;
display: table;
}
main.content-wrapper header.page-title h1  {font-size: 31px;}
.logo {

    float: none;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
}
.content-logo .cta {

    float: none;

    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: table;
}
	.content-logo .cta .number-responsive {
    display: table;
}
	.content-logo .cta .number {
    display: none;
}
header.top .header-grid .mobile-nav {

    float: none;
    display: table;
    margin: 0 auto;

}
.cta2 .cta-content h2 {

    font-size: 21px;}
section.realisations h2 {
    font-size: 21px;
    letter-spacing: 0;
}
section.boxes div[class*="box"] h6 {

    font-size: 11px;

}section.boxes div[class*="box"] h3 {

    font-size: 13px;}
}
@media only screen and (max-width : 480px) {
section.boxes div[class*="box"] h6 {

    font-size: 14px;

}
  main.content-wrapper .home-grid figure.home-photo a.popup {
    width: 229px;
    height: 222px;
  }
  main.content-wrapper .home-grid figure.home-photo {
    width: 290px;
}
section.boxes div[class*="box"] h3 {

    font-size: 16px;}
section.boxes {
    grid-template-columns: repeat(1, 1fr);}
  a#btp_id {

margin: 0 auto;
    top: -80px;
    left: 0;
    right: 0;
}
main.content-wrapper .home-grid {
    display: block;
    margin-top: 90px;
}
section.realisations .titrh2 {

    font-size: 18px;}
	.banner .cta p {

    font-size: 13px;}
.banner #slideshow .prev, .banner #slideshow .next{ display:none;}
.titrr {
   display:inline-block;
}
.banner.small-size .cta {left: 0%;border-radius: 0px;border: 5%;top: 39%;height: auto;bottom: 28%;}

	section.boxes {

    margin-top: -20px;}

	main.content-wrapper .home-grid article.content{ z-index:3;}


	article.content p {

    text-align: left!important;
}


	section.realisations #Gallery .highslideContainer .highslide img{ height:auto;}

	
    section.boxes {
        grid-template-columns: 1fr;height: auto;
    }

    main.content-wrapper .home-grid article.content {
        padding: 20px;
		width: 100%;max-width: 100%;

    }
section.boxes div[class*="box"]:after { display:none;}

	.logo img{ width:100%;}

footer.bottom .contact .wrapper {
       font-size: 14px;
    float: left;
 width:100%;}




.sub-title {
    font-size: 19px;
    letter-spacing: 0px;}

	.banner .cta {text-align: center;width: 100%;height: auto;border-radius: 0px;top: 65%;transform: translateY(-50%);}
.banner.small-size .cta {text-align: center;width: 100%;height: auto;border-radius: 0px;top: 59%;transform: translateY(-50%);}

	h1 {
    font-size: 20px;}
	.sub-title {
    font-size: 20px;
    letter-spacing: 0px;}
	h2 {
    font-size: 16px;
    line-height: 22px;
    }




footer.bottom .contact .wrapper {
    padding: 20px 0px 20px 0px;
    min-height: auto;}


.bg h2 {

  font-size: 29px;}
}
@media only screen and (max-width : 479px) {	


}

/*--------------------------------------------------
# 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;
}
.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%;
}


/*** DEMO SKIN ***/
.sf-menu {
margin-top: 0px;
    transition: margin-top .6s;
    margin: 0 auto;
    display: table;
    border-top: 1px solid rgba(255,255,255,0.4);
padding: 0px 0px;
    width: 100%;
}
.small .sf-menu {
	margin-top: 0;
}
.sf-menu ul {


}
.sf-menu a {
    position: relative;
padding: 0px 17.6px 0px;
    text-decoration: none;
    color: #fff;
    font-family: 'PlusJakartaSansLight';
    font-size: 13px;
    line-height: 69px;
    height: 69px;
    text-transform: uppercase;
    margin-top: 0px;
    text-align: center;
    letter-spacing: 0.12em;
    z-index: 6;



}
.sf-menu a:before{     top: -4px;
    left: 0px;
    right: 0px;
    height: 6px;
    content: '';
    background: #eaae45;
    opacity: 0;
    height: 6px;
    position: absolute;}
.sf-menu li:first-child { padding-left:0px; background:none;}

.sf-menu > li{
padding: 0px 1px 0px 2px;

}
 .sf-menu li.selected ,  .sf-menu li.active,  .sf-menu li:hover{ background:none;}
.sf-menu > li:last-child {

 padding-right: 0;
}
.sf-menu > li:first-child {
	border-left:none;
	background:none;
 padding-left: 0;
}

 .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;}
 .sf-menu > li a:hover,  .sf-menu > li.sfHover > a,
 .sf-menu > li.active > a, .sf-menu > li.selected > a {

	 transition:none;

}


.sf-menu ul{    width: 100%;
    background: #082537;
    margin-top: -11px;
    margin-left: 0px;
	 width: 100%;
}
.sf-menu ul li {
	border-bottom:1px solid rgba(255,255,255,0.3);

	background:none;
	border-left:none;
}
.sf-menu ul li:last-child { border-bottom:none;}

.sf-menu ul li a {
padding: 10px 10px !important;
font-size: 12px;
text-align: center;
height: auto!important;
line-height: 1em!important;
margin-top: 0px;
color: #fff !important;
max-width: 100% !important;
text-transform:uppercase;
border:none;

}
.sf-menu ul li a:before {display:none;}
.sf-menu ul li a:hover, .sf-menu ul li.sfHover > a,
.sf-menu ul li.active > a, .sf-menu ul li.selected > a {
	color: #fff!important;
	border:none;
	
			 border-radius:0px;
		    background: #eaae45;
}


.sf-arrows .sf-with-ul {
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul::after {
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 13px;
}


/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transform: translate3d(100%,0,0);
	transition: opacity 0.4s, transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}
.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #ccc;
	transition: background .4s;
}
.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
	background: #fff;
}
/* Menu */
.menu-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 300px;
	height: 100%;
	background:#022031;
	box-shadow: 0 0 20px rgba(0,0,0,.8);
	padding: 40px 20px 20px;
	transform: translateX(-100vw);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
    font-size: .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 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: #fff;
	z-index: 5;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.mobile-menu a {
    text-transform: uppercase;
	padding: 5px 10px;
	display: block;
    color: #fff;
	text-decoration: none;
	transition: background .4s;
font-size: 15px; letter-spacing: 0;
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
	background: #eaae45;
	color:#fff;
}
.mobile-menu li li a {
	padding-left: 25px;
 font-size: 14px;
}
/* Shown menu */
.show-menu .menu-wrap {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu,
.show-menu .mobile-menu ul {
	transform: translate3d(0,0,0);
	transition: transform 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .mobile-menu ul {
	transition-duration: 0.9s;
}
.show-menu .site-overlay {
	opacity: 1;
	transition: opacity 0.8s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transform: translate3d(0,0,0);
}