/*
Wireframe: 07
Version: 1.0
Update: 2020.03.03
*/

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

/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
@font-face {
    font-family: 'Almarai';
    src: url('../fonts/Almarai-ExtraBold.eot');
    src: url('../fonts/Almarai-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Almarai-ExtraBold.woff2') format('woff2'),
        url('../fonts/Almarai-ExtraBold.woff') format('woff'),
        url('../fonts/Almarai-ExtraBold.ttf') format('truetype'),
        url('../fonts/Almarai-ExtraBold.svg#Almarai-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Almarai';
    src: url('../fonts/Almarai-Light.eot');
    src: url('../fonts/Almarai-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Almarai-Light.woff2') format('woff2'),
        url('../fonts/Almarai-Light.woff') format('woff'),
        url('../fonts/Almarai-Light.ttf') format('truetype'),
        url('../fonts/Almarai-Light.svg#Almarai-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Old Standard TT';
    src: url('../fonts/OldStandardTT-Bold.eot');
    src: url('../fonts/OldStandardTT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OldStandardTT-Bold.woff2') format('woff2'),
        url('../fonts/OldStandardTT-Bold.woff') format('woff'),
        url('../fonts/OldStandardTT-Bold.ttf') format('truetype'),
        url('../fonts/OldStandardTT-Bold.svg#OldStandardTT-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Old Standard TT';
    src: url('../fonts/OldStandardTT-Regular.eot');
    src: url('../fonts/OldStandardTT-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OldStandardTT-Regular.woff2') format('woff2'),
        url('../fonts/OldStandardTT-Regular.woff') format('woff'),
        url('../fonts/OldStandardTT-Regular.ttf') format('truetype'),
        url('../fonts/OldStandardTT-Regular.svg#OldStandardTT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/PlayfairDisplay-Regular.eot');
    src: url('../fonts/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('../fonts/PlayfairDisplay-Regular.woff') format('woff'),
        url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype'),
        url('../fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*--------------------------------------------------
# General
--------------------------------------------------*/
body {
    background: #fff;
    color: #000041;
    font-family: 'Almarai';
    font-size: 15px;
    line-height:22px;
    font-weight:300;
}
a {
    color: #0d4dbd;
    text-decoration: underline;
    transition: all .4s;
}
a:active, a:hover, a:focus {
    color: #000041;
    text-decoration: none;
}

.image-right {
    float: right;
    margin: 0 0 20px 30px;
}
.image-left {
    float: left;
    margin: 0 30px 20px 0;
}
 
h1, h2, h3, h4, h5, h6 {
    /* font-family: 'Old Standard TT'; */
    font-weight:700;
    line-height: 1.1em;
}
h1 {
    font-size: 33px;
	color:#0d4dbd;
}
h2 {
    font-size: 24px;
    color: #0d4dbd;
    margin-top: 40px;
    margin-bottom: 10px;
}
h3 {
    font-size: 20px;
    color:#0d4dbd;
    margin-top: 40px;
    margin-bottom: 10px;
}
h4 {
    font-size: 20px;
    color: #fa3c5a;
	font-weight:400;
}
h5 {
    font-size: 19px;
	color:#0d4dbd;
	font-weight:400;
}
h6 {
    font-size: 18px;
    color: #0d4dbd;
	font-weight:400;
}
hr {
	border-color: #ccc;
}
.container{width:1120px;}
span.phone-responsive{display:none}
/* ********************/
.top-bar {
    padding: 9px 0;
    background: #f0f0f0;
}
.top-bar .left {
    float: left;
}
.top-bar .right {
    float: right;
    display: flex;
    align-items: center;
}
.top-bar .networks_linking {
    height: 25px;
}
.top-bar .networks_linking a {
    float:left;
    font-size: 25px !important;
    line-height: 25px !important;
    width: auto !important;
    border-radius: 50%;
    background: none !important;
    color: #fa3c5a !important;
    transition: none;
}
.top-bar .networks_linking a:hover {
    color: #9aafd5 !important;
}
.top-bar .networks_linking a.networks_instagram {
    margin-left: 11px;
    border-radius: 0 !important;
    width: 25px !important;
    height: 25px !important;
    font-size: 0 !important;
    background: url(../images/instagram.png) no-repeat center top !important;
}
.top-bar .networks_linking a.networks_instagram:hover {
    background: url(../images/instagram.png) no-repeat center bottom !important;
    opacity:.8;
}
.top-bar .left nav.language {
    float:left;
    margin: 0 0 0 10px;
}
.top-bar .left nav.language a {
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	background: #FA3C5A;
	color: #fff;
	border-radius: 4px;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	margin: 0 2px;
	transition: all .6s;
}
.top-bar .left nav.language a:hover, .top-bar .left nav.language a.selected {
	background: #9aafd5;
}
/* **************** */
header.top {
    position: relative;
    padding: 18px 0 28px;
}
header.top.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #fff;
	padding: 10px 0;
	box-shadow:0 0 10px #000;
    transform: translateY(-120%);
    transition: transform .6s;
}
header.top.sticky.sticky-appear {
    transform: translateY(0);
}
.has-lightbox header.top.sticky.sticky-appear {
    transform: translateY(-100%);
}
header.top .header-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    justify-content: space-between;
    padding: 0 26px;
}
header.top .header-grid .main-nav {
    padding: 10px 0 0;
}
header.top .header-grid .logo img {
    max-width: 351px;
    width: 340px;
    transition: max-width .3s;
}
header.top.sticky .header-grid .logo img {
    max-width: 220px;
}
header.top .header-right nav.main-nav {
    float: right;
}
header.top .header-grid nav.mobile-nav {
    display: none;
}
/* ************** */
section.banner {
    position: relative;
}
section.banner #Slider {
    position: relative;
    min-height: 0 !important;
    margin: 0 auto;
    max-width: 1762px;
}
section.banner #Slider:not(.slick-slider) {
    display: none;
}
section.banner #Slider::before,
section.banner #Slider::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #fff;
    z-index: 2;
}
section.banner #Slider::before {
    left: 0;
}
section.banner #Slider::after {
    right: 0;
}
section.banner #Slider .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    z-index: 10;
    background: none !important;
    width: 35px;
    height: 100px;
    color: #fff;
    font-size: 0;
    transition: background .6s;
}
section.banner #Slider .slick-arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
section.banner #Slider .slick-arrow polyline {
    stroke-width: 6px;
    transition: stroke-width .6s;
}
section.banner #Slider .slick-arrow:hover polyline {
    stroke-width: 6;
}
section.banner #Slider .slick-arrow:hover {
    background: #fa3c5a;
}
section.banner #Slider .slick-arrow.slick-prev {
    left: 15px;
}
section.banner #Slider .slick-arrow.slick-next {
    right: 5px;
}
section.banner #Slider .highslideContainer {
    position: relative;
    float: none;
    padding: 0 10px;
    opacity: 1 !important;
    display: block !important;
}
section.banner #Slider .highslideContainer .highslide {
    display: block;
    overflow: hidden;
}
section.banner #Slider .highslideContainer .highslide::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
section.banner #Slider .highslideContainer .highslide img {
    width: 100% !important;
    height: 755px;
    object-fit: cover;
    transition: transform .6s;
}
section.banner #Slider .highslideContainer .highslide:hover img {
    transform: scale(1.05);
}
section.banner #Slider .highslideContainer .highslide-caption {
    position: absolute;
    left: 29px;
    right: 29px;
    bottom: 0;
    padding: 20px;
    display: block;
    background: #0d4dbd;
    color: #fff;
    text-align: center;
    transform: translateY(100%);
    transition: transform .3s;
    pointer-events: none;
}
section.banner #Slider .highslideContainer .highslide:hover ~ .highslide-caption {
    /* transform: translateY(0); */
}
section.banner #Slider .highslideContainer .highslide-caption strong {
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
}
section.banner .holder {
    display: none;
}
section.banner #video {
    position: absolute;
    z-index: 2;
    width: 649px;
    height: 755px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    background: url(../images/s2.jpg) no-repeat center top;
}
section.banner #video .projekktor {
    margin: auto !important;
    width: 100% !important;
    height: 100% !important;
}
section.banner #video img#myPlayer1_media_image {
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    object-fit: cover;
}
section.banner #video #myPlayer1_media_html{  
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
section.banner.small {
    background: #000;
    min-height: 300px;
    margin: 0 0 -50px;
}
section.banner.small #slideshow {
    height: 300px;
}
section.banner.small #slideshow figure::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .5;
    z-index: 1;
}
section.banner.small header.page-title {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
section.banner.small header.page-title h1 {
    margin: 0;
    color: #fff;
}
section.banner.small header.page-title h1 span:first-child {
    font-size: 21px;
    line-height: 21px;
    letter-spacing: .02em;
    font-weight: 400;
    display: inline-block;
}
section.banner.small header.page-title h1 span:last-child {
    display: block;
    text-transform: uppercase;
    letter-spacing: .1em;
}
section.banner.small .box_googlemapsv2 {
    height: 300px;
    opacity: .8;
    filter: grayscale(1);
    transition: filter .8s;
}
section.banner.small:hover .box_googlemapsv2 {
    filter: grayscale(0);
}
section.banner.small .box_googlemapsv2 ~ header.page-title {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    text-align: center;
    margin: 0 auto;
}
.cta-bloc {
    position: relative;
    cursor:pointer;
    z-index: 15;
    padding: 15px 10px 10px 10px;
    margin: 0 0 0 11px;
    /*     background: url(../images/icon-tel.png) no-repeat top center; */
    transition: color .3s;
    text-decoration: none;
    color: #fff;
    font-size: 0;
    line-height: 0;
    letter-spacing: .0em;
}

a.cta {
    position: absolute;
    right: 3px;
    top: 0;
    
   background: url(../images/icon-tel.png) no-repeat top center;
    transition: none;
    
    font-size: 0;
    line-height: 0;
    width: 15px;
    height: 25px;
}
a.cta:hover {
   background-position : bottom center;
    opacity:.8;
}
a.cta span.cta1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 20px;
    display: block;
}
/* *************** */


.moretext {
  display: none;
}
a.moreless-button {
    display: table;
    margin: auto;
    background: #0d4dbd;
    text-decoration: none;
    padding: 8px 15px;
    color: #fff;
    cursor: pointer;
}

a.moreless-button {
    padding: 5px 24px;
    background: #fa3c5a;
    color: #fff;
    font-weight: 400;
    letter-spacing: .1em;
    border-radius: 4px;
    transition: background .3s, color .3s;
    font-family: 'Playfair Display';
}
a.moreless-button:hover {
    background: #0d4dbd;
    
}
main.content-wrapper {
    position: relative;
    padding: 100px 0 35px;
    
    overflow-x: hidden;
}
main.content-wrapper header.page-title {
    margin-bottom: 38px;
    text-align: center;
    background: url(../images/h1.png) no-repeat center bottom;
    padding: 0 0 66px;
}
main.content-wrapper header.page-title h1 {
    margin: 0;
}
main.content-wrapper header.page-title h1 span:first-child {
    font-size: 21px;
    line-height: 21px;
    letter-spacing: .02em;
    font-weight: 400;
    display: inline-block;
    color: #2158c0;
    text-shadow: 0 0 0 #2158c0;
}
main.content-wrapper header.page-title h1 span:last-child {
    display: block;
    text-transform: uppercase;
    letter-spacing: .1em;
}
article.content b, article.content strong {
    
    font-family: sans-serif;
}
strong.artisant {
    color: #0d4dbd;
    font-size: 17px;
    line-height: 36px;
    letter-spacing: 1px;
}
article.content p {
    margin: 0 0 15px;
    text-shadow: 0 0 0 #000041;
}
article.content ul {
    padding-left:10px;
    text-shadow: 0 0 0 #000041;
}
article.content ul li {
    padding-left:20px;
    list-style:none;
    background: url(../images/icon-list01.png) no-repeat 0 5px;
}
article.content .specialistes {
    padding: 10px 5px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: -16% auto 0;
    z-index: 1;
    position: relative;
    max-width: 850px;
}
.specialistes-content {position:relative;}
.specialistes:after{
		content: '';
		/* background: rgb(32 91 194 / 64%); */
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
	}

img.img-responsive.specialistes-img {
    max-width: 1000px;
    margin: auto;
    width: 100%;
    height: auto;
}
article.content .specialistes div {
    padding: 24px;
    background: #e3edf7e6;
    margin: 0 5px;
    box-shadow: 0 0 10px #0009;
    width: 50%;
    min-height: 238px;
}
article.content ul ul {
    list-style-type: circle;
}
article.content .table-style {
    position: relative;
}
article.content .table-style td {
    text-shadow: 0 0 0 #000041;
}
article.content .table-style th {
    background: #fa3c5a;
	color:#fff;
}
article.content .table-style th,
article.content .table-style td {
    border: 1px solid #ccc;
    padding: 10px;
}
article.content .contact-info {
    margin-top: 35px;
    font-size: 1.1em;
    line-height: 1.7em;
}
article.content .contact-info strong {
    font-size: .8em;
    text-transform: uppercase;
    display: inline-block;
    margin: 5px 0;
}
article.content .contact-info i {
    -webkit-text-stroke: 1px #fa3c5a;
    -webkit-text-fill-color: white;
}
article.content .contact-info .containerOpening {
    display: flex;
	justify-content: center;
}
article.content .contact-info .containerOpening .openingLine {
    margin: 0 20px;
}
article.content .contact-info .containerOpening .openingLine:last-child {
    display: none;
}
article.content .contact-info .containerOpening .openingLine .openingDay {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .8em;
}
article.content  #video {
    float: right;
    margin: 0 0 20px 30px;
}
article.content  #video li{background:none !important;padding:0 !important}
.links {
    display: block;
}
.links a {
    position: relative;
    display: inline-block;
    margin: 0 1% 10px;
    background: rgba(208,71,103,.5);
    color: #fff;
    text-decoration: none;
    padding: 90px 15px;
    transition: background .3s;
    width: 31%;
    height: 200px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}
.links a img {
    width: 100%;
    height: 200px;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
}

.links a:hover {
    background: rgb(154 175 213 / 50%);
}
/* *************** */
.box-wrapper {
    position: relative;
    margin: 0 0 88px;
    padding: 40px 0;
    min-height: 387px;
    background: url(../images/bg-box.jpg) no-repeat center top;
}
.box-wrapper .photo{
    position: absolute;
    top: 40px;
    right: 0;
    width: calc(50% - 13px);
    height: 435px;
    background: url(../images/photo-home.jpg) no-repeat left top;
}
.box-wrapper .photo img {
    max-width: 100%;
    opacity: 0;
}
.box-wrapper .box1 {
    float: left;
    width: 50%;
    max-width: 500px;
    margin: 72px 0 0;
    color: #000041;
    
    text-align: center;

}
.box-wrapper .box1 h2 {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 41px;
    margin: 0 0 30px;
    letter-spacing: .08em;
	transition:color .3s,letter-spacing .3s;
}
.box-wrapper .box1 h2 a{
    text-decoration: none;
    letter-spacing: .18em;
    color: #000041;
}
.box-wrapper .box1 h2 a:hover{
    color: #fa3c5a;
}
.box-wrapper .box1 .bizbookListItembox {
    margin: 50px 0 0;
}
.box-wrapper .box1 .bizbookListItemEvalbox {
    float: left;
    margin:-67px 0 0;
    display: block !important;
}
.box-wrapper .box1 .bizbookListItemDatebox {
    display: block;
    font-weight: bold;
    font-size: 15px;
    color: #000041;
}
.box-wrapper .box1 .bizbookListItemMessaxgebox {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    text-shadow: 0 0 0 #000041;
    letter-spacing: .2em;
}
.box-wrapper .box1 .bizbookListItemNamebox {
    display: none;
}
/* **************** */
section.boxes {
    padding: 95px 0;
    text-align: center;
}
section.boxes h2,
section.affaireconclue h2{
    font-size: 25px;
    text-transform: uppercase;
    line-height: 23px;
    color: #343466;
    margin: 0 0 48px;
    padding: 0 0 33px;
    background: url(../images/h2.png) no-repeat center bottom;
    letter-spacing: .1em;
}
section.boxes .boxes-grid,
.mcePxmGallery .highslide-gallery {
    display: grid;
    grid-template-columns: repeat(3, 343px);
    grid-gap: 20px;
    justify-content: space-around;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    align-items: center;
}
section.boxes .boxes-grid a,
.mcePxmGallery .highslide-gallery .highslideContainer a.highslide {
    position:relative;
    display:block;
    text-decoration:none;
    height: 100%;
}
.mcePxmGallery .highslide-gallery a {
    width: 300px;
}
section.boxes .boxes-grid a .image,
.mcePxmGallery .highslide-gallery .highslideContainer.subgallery a.highslide .folderBackground {
    position: relative !important;
    display: block;
    z-index: 1;
}
.mcePxmGallery .highslide-gallery .highslideContainer.subgallery a.highslide .folderBackground{
	max-height: 280px;
	overflow: hidden;
	width: 100%;
}
section.boxes .boxes-grid a .image img,
.mcePxmGallery .highslide-gallery .highslideContainer a.highslide img {max-width:100%;}
.mcePxmGallery .highslide-gallery .highslideContainer a.highslide img {width: 100%;height: 100%;object-fit: cover;max-height: 280px;min-height: 280px;}
section.boxes .boxes-grid a .image:after, .mcePxmGallery .highslide-gallery .highslideContainer a.highslide .folderBackground:after {
	position:absolute;
	content:'';
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(23,23,46,.3);
	transition:background .3s;
}
section.boxes .boxes-grid a:hover .image:after, .mcePxmGallery .highslide-gallery .highslideContainer a.highslide:hover .folderBackground:after {
	background:rgba(191,220,246,.71);
}
section.boxes .boxes-grid a h2,
.mcePxmGallery .highslide-gallery .highslideContainer.subgallery a.highslide .folderBackground span {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: 16px;
    line-height: 29px;
    color: #fff;
    letter-spacing: .075em;
    background: linear-gradient(rgb(153 153 153 / 30%), rgb(153 153 153 / 30%)), url(../images/h21.png) no-repeat center center;
    /* transition: background .3s , color .3s; */
    padding: 33px 0;
    text-align: center;
    line-height: 1.6rem;
    right: auto;
    bottom: auto;
    font-family: 'Almarai';
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
}
section.boxes .boxes-grid a:hover h2,
.mcePxmGallery .highslide-gallery .highslideContainer.subgallery a.highslide:hover .folderBackground span {
    color: #24295f;
    background: url(../images/h22.png) no-repeat center center;
    font-family: 'Almarai';
    width: 100%;
}
/* *************** */
section.box-wrapper1 {
    position: relative;
}
section.box-wrapper1:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 133px;
    background: url(../images/bg-box.jpg) no-repeat center top;
}
section.box-wrapper1:after {
    position: absolute;
    content: '';
    left: 0;
    top: 60px;
    width:calc(50% + 542px);
    bottom: 0;
    background: #1a1c54 url(../images/bg-box1.png) no-repeat center left fixed;
}
section.box-wrapper1 .container {
    position: relative;
    z-index: 2;
}
section.box-wrapper1 a.box1 {
    display: table;
    margin: 141px auto 86px;
    position: relative;
    z-index: 2;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 645px;
    color: #fff;
}
section.box-wrapper1 a.box1 h2 {
    font-size: 30px;
    line-height: 44px;
    text-transform: uppercase;
    margin: 0 0 5px;
    letter-spacing:.08em;
    color: #fff;
}
section.box-wrapper1 a.box1 p {
    margin: 0;
    letter-spacing: .15em;
}
section.box-wrapper1 a.box1 .plus {
    display: table;
    margin: 23px auto 0;
    padding: 5px 24px;
    background: #fa3c5a;
    color: #fff;
    font-weight: 400;
    letter-spacing: .1em;
    border-radius: 4px;
    transition: background .3s, color .3s;
    font-family: 'Playfair Display';
}
section.box-wrapper1 a.box1:hover .plus {
    background: #fff;
    color: #fa3c5a;
}
/* ******************* */
section.logos {
    padding: 67px 0 43px;
    text-align: center;
}
section.logos h2 {
    font-size: 17px;
    text-transform: uppercase;
    line-height: 16px;
    color: #3c3c6b;
    letter-spacing:.12em;
    margin: 0 0 37px;
}
section.logos .brands{
    margin: 0 auto 30px;
    max-width: 689px;
}
/* *************** */
section.footer-open {
    padding: 41px 0 0;
    background: url(../images/bg-open.jpg) no-repeat center top;
    margin-top: 125px;
}
section.footer-open .hours {
    padding: 43px 25px 42px;
    display: block;
    background: #fff;
    box-shadow: 0 0 7px rgb(0 0 0 / 10%), 0 0 7px rgb(0 0 0 / 10%);
}
section.footer-open .hours h3 {
    font-size: 23px;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    color: #3c3c6b;
    margin: 0 0 25px;
    letter-spacing: .1em;
}
section.footer-open .hours div#openingTimesBlock {
    display: grid;
    grid-template-columns: repeat(6,165px);
    justify-content: space-between;
}
section.footer-open .hours .openingLine:last-child{display:none}
section.footer-open .hours .openingLine {
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    text-shadow: 0 0 0 #000041;
    letter-spacing: .1em;
    padding: 7px;
    border: 1px solid rgba(72,78,88,.23);
    text-align: center;
}
section.footer-open .hours span.openingDay {
    display: block;
}
/* ************* */
section.footer-form {
    padding: 50px 0;
    background: #0d4dbd;
    color: #fff;
}
section.footer-form a{
    color: #fff;
}
/* ************ */
footer.bottom {
    padding: 50px 0 60px;
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    position: relative;
}
footer.bottom.footer1 {
    background: #f2f2f2;
}
footer.bottom img.logo-footer {
    margin: 0 0 30px;
}
footer.bottom .address {
    text-shadow: 0 0 0 #000041;
    letter-spacing: .09em;
}
footer.bottom .address a, footer.bottom .address .googlemaps_v2 label.modal-label {
    color: #fa3c5a;
    text-shadow: 0 0 0 #fa3c5a;
    font-weight: 300;
}
footer.bottom .address .googlemaps_v2 label.modal-label:hover {
    text-decoration:none;
}
/* *************** */
#scrollTopBtn:hover{background:#fa3c5a!important}
.footerSlideButton1{color:#b6b6b6!important}
.footerSlideButton1:hover{color:#ddd!important}
.mm-slideout{z-index:inherit!important}
#scrollTopBtn{bottom:43px!important;right:40px!important;z-index:100!important;box-shadow:0 0 3px rgba(255,255,255,.4)}
#footerSlideContainer{z-index:100!important;right:24px!important;font-size:18px!important}
#footerSlideContainer a{bottom:4px !important;z-index:100!important;color:#fa3c5a!important;font-size:18px!important;font-weight:700!important}
#footerSlideContainer a:hover{color:#aaa!important}
div.cc-cookies{width:100%;z-index:50!important}
.cc-cookies a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{background:#fa3c5a!important;margin:0 10px;color:#fff !important;margin-right:140px;}
.cc-cookies a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies-error a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset{background:#000!important}
div.cc-cookies{background:#404040;width:100%}
.formError,.formError *,#fancybox-wrap,#fancybox-wrap *{box-sizing:content-box}
div#_atssh{bottom:0}
.cookieinfo {
    z-index:10 !important;
}
#footerSlideButton {
    bottom: 7px;
}
.img-box {
    width: 100%;
    height: 100%;
}
@media only screen and (max-width : 1800px) {
section.banner #Slider .highslideContainer {
    padding: 0 2px;
}
section.banner #video {
    width: 33%;
}
section.banner #Slider .highslideContainer .highslide-caption {
    left: 2px;
    right: 2px;
}
}
@media only screen and (max-width : 1120px) {
.container {
    width: 100%;
}
header.top .header-grid {
    padding: 0;
}
header.top {
    padding: 18px 0;
}
section.banner #Slider .highslideContainer .highslide img {
    height: 600px;
}
section.banner #video {
    height: 600px;
}
main.content-wrapper {
    padding: 50px 0 35px;
}
.box-wrapper {
    margin: 0 0 88px;
}
section.boxes {
    padding: 45px 0;
}
section.box-wrapper1::after {
    width: calc(100% - 15px);
}
section.footer-open .hours div#openingTimesBlock {
    grid-template-columns: repeat(6,155px);
}
section.boxes .boxes-grid,
.mcePxmGallery .highslide-gallery {
    grid-template-columns: repeat(3, 1fr);
}
section.boxes .boxes-grid a h2,
.mcePxmGallery .highslide-gallery .highslideContainer.subgallery a.highslide .folderBackground span {
    text-transform: uppercase;
}
section.banner.small {
    margin: 0;
}
}
@media only screen and (max-width : 1023px) {
header.top .header-grid {
    grid-template-columns: auto 1fr;
}
header.top .header-grid .header-left, header.top .header-grid .header-right {
    display: none;
}
header.top .header-grid .logo img {
    max-width: 250px;
    width: 250px;
}
header.top .header-grid nav.mobile-nav {
    display: inline-block;
    text-align: right;
    font-size: 2em;
}
header.top .header-grid nav.mobile-nav a {
    display: table;
    float: right;
    padding: 10px;
    background: #fa3c5a;
    color: #fff;
}
header.top .header-grid nav.mobile-nav a:hover {
    background: #0d4dbd;
}
section.banner #Slider .highslideContainer .highslide img {
    height: 400px;
}
section.banner #video {
    height: 400px;
}
section.box-wrapper1 a.box1 {
    margin: 100px auto 50px;
}
section.footer-open .hours div#openingTimesBlock {
    grid-template-columns: repeat(6,145px);
}
}
@media only screen and (max-width : 991.98px) {
header.top .header-grid .logo img {
    max-width: 200px !important;
    width: 200px;
}
h1 {
    font-size: 28px;
}
main.content-wrapper header.page-title h1 span:last-child {
    letter-spacing: .05em;
}
.box-wrapper {
   min-height: 300px;
}
.box-wrapper a.box1 {
    margin: 40px 0 0;
}
.box-wrapper .photo {
    height: 310px;
}
section.footer-open .hours div#openingTimesBlock {
    grid-template-columns: repeat(6,1fr);
    grid-gap: 10px;
}
footer.bottom img.logo-footer {
    max-width: 250px;
}
a.cta {
    /* top: 10px; */
}
article.content #video {
    float: none;
    margin: 0 auto 30px;
    display: table;
}
section.boxes .boxes-grid a h2, .mcePxmGallery .highslide-gallery .highslideContainer.subgallery a.highslide .folderBackground span {
    white-space: break-spaces;
}
}
@media only screen and (max-width : 767.98px) {
span.phone-responsive {
    display: inline-block;
}
span.phone {
    display: none;
}
.top-bar .right {
    /* float: none; */
    /* margin: 0 auto; */
    /* max-width: 78px; */
}
section.banner #video {
    height: 300px;
    position: relative;
    width: calc(100% - 8px);
    clear: both;
    float: left;
    margin: 4px 0 30px;
}
main.content-wrapper header.page-title h1 span:last-child {
    letter-spacing: 0;
}
.box-wrapper .box1 {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.box-wrapper .box1 h2 {
    margin: 0 0 10px;
}
.box-wrapper .photo {
    height: 250px;
    width: calc(100% - 15px);
    top: 230px;
}

section.boxes h2 {
    font-size:23px;
    margin: 15px 0 27px;
    letter-spacing: 0;
}

.mcePxmGallery .highslide-gallery .highslideContainer.subgallery a.highslide .folderBackground span,
.mcePxmGallery .highslide-gallery .highslideContainer.subgallery a.highslide:hover .folderBackground span {
	background:none;
}

section.boxes .boxes-grid {
    grid-template-columns: repeat(1, 1fr);
    max-width: 343px;
    margin: 0 auto;
}
section.box-wrapper1 a.box1 {
    padding: 0 15px 0 0;
}
section.box-wrapper1 a.box1 h2 {
    font-size: 25px;
    line-height: 37px;
    letter-spacing: 0;
}
section.boxes .boxes-grid a h2 {
    white-space: break-spaces;
}
section.footer-open .hours div#openingTimesBlock {
    grid-template-columns: repeat(3,1fr);
}
.tiret {
    display: block;
    height: 0;
    color: transparent;
    text-shadow: none;
}
section.banner #Slider .highslideContainer .highslide img {
    height: 300px;
}
article.content .contact-info .containerOpening {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.links a {
    width: 47%;
}
}
@media only screen and (max-width : 520.98px) {
article.content #video {
    max-width: 100%;
}
article.content #video .projekktor {
    margin: auto !important;
    width: 290px !important;
}
article.content #video script {
    width: 100%;
}
}
@media only screen and (max-width : 480.98px) {
.links a {
    width: 97%;
}
main.content-wrapper header.page-title h1 span:first-child {
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0;
}
h1 {
    font-size: 25px;
}
article.content p {
    text-align: left !important;
}
.box-wrapper a.box1 p {
    letter-spacing: .1em;
}
.box-wrapper .photo {
    top: 270px;
}
section.boxes h2 {
    font-size: 18px;
}
section.brands h2 {
    letter-spacing: 0;
    margin: 0 0 25px;
}
section.brands .logos {
    display: block;
}
section.brands .logos img {
    display: table;
    margin: 15px auto 0;
}
section.footer-open .hours {
    padding: 30px 15px;
}
section.footer-open .hours h3 {
    font-size: 20px;
    letter-spacing: 0;
}
section.footer-open .hours div#openingTimesBlock {
    grid-template-columns: repeat(2,1fr);
}
article.content .contact-info .containerOpening {
    grid-template-columns: repeat(2,1fr);
}
article.content .contact-info p {
    text-align: center !important;
}
}

/*--------------------------------------------------
# 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%;
	transform: translateX(-50%);
	z-index: 99;
}
.sf-menu > li {
	float: left;
	display: inline-block;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
header.top .header-grid .header-left .sf-menu > li:nth-child(3), header.top .header-grid .header-left .sf-menu > li:nth-child(4), header.top .header-grid .header-right .sf-menu > li:nth-child(1), header.top .header-grid .header-right .sf-menu > li:nth-child(2) {
    display: none;
}
.sf-menu > li:nth-child(2), .sf-menu > li:nth-child(4) {
    /* padding: 0 0 0 15px; */
    /* margin:0 0 0 14px; */
}
.sf-menu > li:nth-child(2) {
    width: 165px;
    text-align: center;
}
.sf-menu a {
    padding: 13px 17px;
    text-decoration: none;
    color: #000041;
    text-shadow: 0 0 0 #000041;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 15px;
    letter-spacing: .1em;
    border: 1px solid transparent;
}
.header-left.fr .sf-menu > li:nth-child(2) > a {
    padding: 3px 10px 15px;
}
.sf-menu > li:nth-child(2):before, .sf-menu > li:nth-child(4):before {
    position: absolute;
    content: '';
    width: 1px;
    height: 17px;
    left: 0;
    top: 46%;
    transform: translateY(-50%);
    background: #e6e6e6;
}
.sf-menu > li > a {
    position: relative;
    z-index: 1;
}
.sf-menu > li > a::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -11px;
    width: 48px;
    height: 19px;
    background: #fff url(../images/hover.png) no-repeat center center;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .4s;
}
.sf-menu > li > a:hover::before,.sf-menu > li.sfHover > a::before, .sf-menu > li.selected > a::before, .sf-menu > li.active > a::before {
    opacity:1;
}
.sf-menu ul {
    background: #274cc2;
    padding: 0;
    min-width: 100%;
    text-align: left;
    margin-top: 9px;
}
.sf-menu ul li:not(:first-child){
	padding:0 !important;
	margin:0 !important;
	border-top:1px solid rgba(255,255,255,.3);
}
.sf-menu ul a {
    text-transform: none;
    color: #fff !important;
    text-shadow:none;
    padding: 5px;
    border:none;
    transition: background .4s;
    text-align: center;
    font-size: 14px;
}
.sf-menu ul a:hover,.sf-menu ul .selected a, .sf-menu ul .active a {
    background: #fa3c5a;
}
.sf-menu ul a::before{
    display:none;
}
.sf-menu > li > a:hover,.sf-menu > li.sfHover > a, .sf-menu > li.selected > a, .sf-menu > li.active > a {
	/* border:1px solid #b2b2c6; */
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul::after {
    content: '';
    position:absolute;
    width:8px;
	height:7px;
    left:50%;
	transform:translateX(-50%);
	bottom:8px;
	background:url(../images/sous-menu.png) no-repeat center;
}

/*--------------------------------------------------
## Mobile navigation
--------------------------------------------------*/
.site-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transform: translate3d(100%,0,0);
	transition: opacity 0.4s, transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
/* Close Button */
.close-button {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 1em;
	font-size: 0.75em;
	border: none;
	background: transparent;
	color: transparent;
}
.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #ccc;
	transition: background .4s;
}
.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.close-button:hover::before,
.close-button:hover::after {
	background: #fff;
}
/* Menu */
.menu-wrap {
	position: fixed;
	overflow: auto;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 300px;
	height: 100%;
	background: #000;
	box-shadow: 0 0 20px rgba(0,0,0,.8);
	padding: 40px 20px 20px;
	transform: translateX(-100vw);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu {
	transform: translateX(500px);
}
.mobile-menu > ul,
.mobile-menu .language {
	display: block;
	transform: translateX(-1000px);
}
.mobile-menu,
.mobile-menu > ul,
.mobile-menu .language {
	transition: transform 0s 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
    font-size: .75em;
    letter-spacing: 0.1em;
}
.mobile-menu ul ul {
    font-size: 1em;
	background: rgba(0,0,0,.15);
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li:first-child {
	border-top: none;
}
.mobile-menu > ul ~ ul li:first-child {
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li {
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li {
	position: relative;
	border-top: 1px solid rgba(255,255,255,.2);
}
.mobile-menu li li::before {
	content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
	position: absolute;
	color: rgba(255,255,255,.5);
	z-index: 5;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.mobile-menu a {
    text-transform: uppercase;
	padding: 5px 10px;
	display: block;
    color: #fff;
	text-decoration: none;
	font-weight: bold;
	transition: background .4s;
}
.mobile-menu a:hover, .mobile-menu .selected > a, .mobile-menu .active > a {
	background:#fa3c5a;
}
.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: bold;
}
/* 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);
}


section.affaireconclue {
    text-align: center;
    margin: 10px auto;
}
section.affaireconclue video{
    max-width: 500px;
    height: auto;
    width: 100%;
}


a.moreless-button{font-size:0px;}
a.moreless-button:before{font-size: initial;}
.lang-fr a.moreless-button:before{content:"Lire plus";}
.lang-fr a.moreless-button.actif:before {content:"Lire moins";}

.lang-nl a.moreless-button:before{content:"Lees meer";}
.lang-nl a.moreless-button.actif:before {content:"Lees minder";}

.lang-en a.moreless-button:before{content:"Read more";}
.lang-en a.moreless-button.actif:before {content:"Read less";}