@charset "utf-8";

body {
	position: relative;
	width: 100%;
   font-family: 'Fira Sans', sans-serif;
   font-size: 17px;
   font-weight: 400;
   word-wrap: normal;
   line-height: 32px;
	color: #000;
	letter-spacing: 1px;
}

body,
#content {
   overflow-x: hidden;
}


/* GLOBAL */

strong {
	font-weight: 600;
}


#content {
	display: block;
	position: relative;
	margin: 0 auto;
}

#arrow {
   display: none;
   position: absolute;
   width: 40px;
   height: 27px;
   bottom: 0;
   z-index: 500;
}

#arrow.scroll {
   display: block;
   position: fixed;
   right: 40px;
   bottom: 80px;
}

.cookiebanner {
   position: fixed;
   width: 100%;
	padding: 25px !important;
   bottom: 0;
	color: #000 !important;
	background: #fff !important;
	font-family: 'Fira Sans', sans-serif !important;
	font-size: 16px !important;
	line-height: 31px !important;
	letter-spacing: 1px !important;
	-webkit-box-shadow: -15px -15px 20px rgba(0,0,0,0.1);
	-moz-box-shadow: -15px -15px 20px rgba(0,0,0,0.1);
	box-shadow: -15px -15px 20px rgba(0,0,0,0.1);
	z-index: 800 !important;
   box-sizing: border-box;
}	

.cookiebanner span {
	width: 1400px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cookiebanner a {
	display: block;
	padding: 10px 20px;
	font-weight: 500 !important;
	color: #fb7d00 !important;
	background: #fff !important;
   border: 3px solid #fb7d00;
	letter-spacing: 1px !important;
}

.cookiebanner a:hover {
	font-weight: bold !important;
	color: #ff8f5a !important;
	background: #fff !important;
   border: 3px solid #ff8f5a !important;
	transition: all 0.3s ease-in !important;
}

.cookiebanner-close {
   float: right;
   font-size: 35px;
   border: 0;
   background: transparent;
   cursor: pointer;
}

section,
.page-template-legal-notice #content {
	position: relative;
   margin: 0 auto;
   padding: 180px 0;
}

section:nth-child(2n) {
   background: #fff6d1;
}

section:nth-child(2n) .wrapper {
   padding-left: 0;
   padding-right: 260px;
}

.wrapper {
	position: relative;
	width: 1030px;
   margin: 0 auto;
   padding-left: 260px;
   z-index: 2;
}

#content .wrapper ul li {
   list-style-type: square;
}

.wrapper-inner,
#header .wrapper,
.header-inner .wrapper,
.estimate .form p:nth-child(3),
.estimate .form p:nth-child(4) {
	display: flex;
	justify-content: space-between;
}

.wrapper-inner {
   flex-wrap: wrap;
}

.block {
	width: 45%;
}

.picture,
.slider {
   position: relative;
	overflow: hidden;
}

h1,
h2,
h3 {
   font-style: italic;
}

h2,
h3 {
   font-weight: 500;
}

h1 {
   position: absolute;
   width: 570px;
   right: 200px;
   bottom: 60px;
   padding: 60px 85px;
   font-size: 60px;
   font-weight: 400;
   line-height: 85px;
   color: #fff;
   border: 6px #fff solid;
   letter-spacing: 2px;
} 

h1,
.our-services h4,
.error404 .wrapper,
.error404 h1,
#footer .block:last-child {
   text-align: center;
}  

h2 {
   margin: 0 0 55px;
   font-size: 60px;
   line-height: 80px;
   color: #fb7d00;
   letter-spacing: 2px;
}

h3,
h4 {
   color: #7c7c7e;
}

h3 {
   margin: 0 0 30px;
   font-size: 35px;
   line-height: 47px;
} 

h4 {
   margin: 0 0 20px;
   font-size: 25px;
   font-weight: 400;
   font-style: italic;
   line-height: 37px;
}

p {
	margin: 0 0 20px;
}

a {
	text-decoration: none;
	font-weight: 500;
}

a:hover {
	font-weight: bold;
	transition: all 0.3s ease-in;
}

a:focus, 
button:focus, 
.heading .slider div#n2-ss-2 .n2-style-926914aa2684ab7f8e926d10e5e833be-dot:focus,
.heading .slider a:focus,
.metaslider a:focus,
.carousel-item a:focus,
.estimate .form input.keyboard-focus:focus,
.estimate .form textarea.keyboard-focus:focus {
   outline: #0066ff solid 3px !important;
   outline-offset: 10px;
}

a:focus:not(:focus-visible), 
button:focus:not(:focus-visible),
.heading .slider div#n2-ss-2 .n2-style-926914aa2684ab7f8e926d10e5e833be-dot:focus:not(:focus-visible),
.heading .slider a:focus:not(:focus-visible),
.metaslider a:focus:not(:focus-visible),
.carousel-item a:focus:not(:focus-visible) {
   outline: 0 !important;
}        


img {
	display: block;
	width: 100%;
	height: auto;
}

strong {
   font-weight: 500;
}

.cookiebanner p,
.header-inner p,
.follow-us h4,
.olPopupContent p,
.wpcf7 p:last-of-type,
#footer .block:nth-child(3) p:last-child,
#footer .contact,
#footer .mentions p {
	margin: 0;
}

.button,
.estimate .form input[type="submit"] {
   display: block;
   width: 160px;
   margin: 40px auto 0;
   padding: 12px 20px;
   color: #fb7d00;
   background: #fff;
   border: 3px solid #fb7d00;
   text-align: center;
}

.button:hover,
.estimate .form input[type="submit"]:hover {
   color: #ff8f5a;
   border-color: #ff8f5a;
}

.shape,
.shapes {
   position: absolute;
   width: 530px;
   height: 1080px;
   top: 50%;
   transform: translateY(-50%);
   z-index: 1;
}

.shape {
   right: 0;
   background: url('../images/macor-carrelage-forme.svg') no-repeat;
   opacity: 0.8;
   background-position: left center;
}

.shapes,
section.installation-sales-presentation:nth-of-type(3n) .shape,
.page-id-57 .our-realisations .shape,
.page-id-61 .our-realisations .shape,
.page-id-69 .our-realisations .shape {
   left: 0;
   background: url('../images/macor-carrelage-formes.svg') no-repeat;
   background-position: right;
   opacity: 0.9;
} 


/* HEADER */

#header {
	margin: 0 auto;
   padding: 0 0 30px;
	background: #fff;
   color: #000;
}

#header.fixed {
   position: fixed;
	top: 0;
	width: 100%;
   padding-bottom: 20px;
	box-sizing: border-box;
   z-index: 3;
}

#header.fixed,
.page-template-legal-notice #header,
.error404 #header {
	-webkit-box-shadow: 15px 15px 20px rgba(0,0,0,0.1);
   -moz-box-shadow: 15px 15px 20px rgba(0,0,0,0.1);
   box-shadow: 15px 15px 20px rgba(0,0,0,0.1);
}

#header.fixed .wrapper {
	padding: 20px 0 0;
}

#header .wrapper,
.heading .wrapper,
#footer .wrapper {
   width: 1700px;
   margin: 0 auto;
}

#header .wrapper {
   padding: 30px 0 0;
   align-items: center;
}

.header-inner {
   padding: 5px 0;
   background: #b0b0b2;
}

#header .header-inner .wrapper,
.slider h1 {
   padding: 0;
}

.header-inner a {
   font-weight: 500;
   color: #000;
}

.header-inner a:hover,
.nav ul li a:hover,
.estimate .form input[type="submit"]:hover {
	font-weight: bold;
}

.header-inner a:hover {
   color: #5d5d5f;
}

#header .logo,
#footer .logo {
   display: block;
   width: 185px;
}

#header.fixed .logo {
   width: 160px;
}

#header.fixed .logo,
.button:hover,
.realisations .picture:hover {
	transition: all 0.3s ease-in;
}

#header .logo img,
#footer .logo img {
	display: block;
	width: 100%;
	height: auto;
}

.nav {
	width: 85%;
}

.nav ul {
   height: 100%;
	display: flex;
	justify-content: space-between;
   align-items: center;
}

.nav ul li a {
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.nav ul li a:hover {
   color: #fb7d00;
   font-weight: 500;
}

#menu-menu-principal .sub-menu,
.menu-icon,
.invisible {
	display: none;
}

#menu-menu-principal .sub-menu {
  position: absolute;
  width: max-content;
  height: auto;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.7);
  z-index: 10;
}

#menu-menu-principal ul.sub-menu li a {
  display: block;
  padding: 15px 0;
}

.mobile-nav {
	width: 100%;
	text-align: center;
}

.mobile-nav .menu-primary-menu-container ul {
	display: inherit;
}

.mobile-nav ul li a,
.mobile-nav ul.sub-menu li a,
.mobile-nav ul.sub-menu li:last-child a {
   display: block;
   width: 90%;
	margin: 0 auto;
   padding: 6px 0;
   color: #000;
   border-bottom: 1px solid #5d5d5f;
}

.mobile-nav ul li a,
#footer .sub-menu a {
   font-weight: 400;
}

.mobile-nav ul.sub-menu li a {
   font-weight: 300;
}

.mobile-nav ul li a:hover,
.estimate .form input[type="submit"],
#footer .sub-menu a:hover {
   font-weight: 500;
}

.mobile-nav ul li a:hover,
.wpcf7-not-valid-tip,
.page-template-legal-notice #content .wrapper a:hover,
.realisations .breadcrumb a:hover {
	color: #fb7d00;
}

.mobile-nav ul li:last-child a {
   border: 0;
}

.menu-icon {
   width: 41px;
	height: 37px;
	background: url('../images/macor-icone-menu.png') no-repeat;
   background-size: 100%;
   border: 0;
	cursor: pointer;
}

.cross {
   display: block;
   width: 35px;
   height: 35px;
   background: url('../images/macor-croix.png') no-repeat;
   background-size: 100%;
}

/* PAGES */

.slider h1 {
   position: relative;
   right: 0;
   bottom: 0;
}

.heading {
   padding: 0 0 180px;
}

.heading .wrapper {
   overflow: hidden;
}

.heading .gradient {
   width: 100%;
   height: 100%;
   background: linear-gradient(rgba(255, 255, 255, 0), #5d5d5f);
}

.heading .wrapper,
#footer .wrapper {
   padding: 0;
}

#who-we-are {
   position: absolute;
   top: -120px;
}

.who-we-are .picture {
   width: 25%;
   float: left;
   margin: 0 55px 25px 0;
}

.who-we-are .button {
   display: inline-block;
   margin: 10px 0 40px;
}

.who-we-are .wrapper-inner {
   width: 70%;
   margin: 40px auto 0;
}

.who-we-are .logo {
   width: 155px;
   margin: 0 auto;
}

.who-we-are .logo:nth-child(2) {
   width: 200px;
}

.our-exhibition-hall .carousel {
   margin: 60px auto 0;
   overflow: visible;
}

.our-exhibition-hall .carousel .icon,
.carousel-container .icon {
   position: absolute;
   width: 118px;
   z-index: 1;
}  

.our-exhibition-hall .carousel .icon {
   bottom: -40px;
   left: -40px;
}

.our-exhibition-hall .carousel #metaslider-id-338 .flexslider .flex-control-nav li a.flex-active,
.our-exhibition-hall .carousel #metaslider-id-338 .flexslider .flex-control-nav li a:not(.flex-active) {
   border-radius: 0!important;
}

.our-exhibition-hall .carousel #metaslider-id-338 .flexslider .flex-control-nav li a.flex-active {
   background: #fb7d00 !important;
}

.our-exhibition-hall .carousel #metaslider-id-338 .flexslider .flex-control-nav li a:not(.flex-active) {
   background: #7c7c7e !important;
}

.our-exhibition-hall .carousel .ml-image-overlay:hover {
   background: rgba(47, 47, 48, 0.7) !important;
}

.our-services .icon {
   width: 150px;
   margin: 0 auto 20px;
}

.our-services h3 {
   margin-bottom: 50px;
}

.our-services .block {
   width: 24%;
   padding: 30px;
   margin: 0 auto;
   background: #fff;
   border: 4px solid #7c7c7e;
}

.our-services .block:first-child,
.our-services .block:nth-child(2),
.our-services .block:nth-child(3) {
   margin-bottom: 60px;
}

.our-services .button {
   margin-top: 35px;
}

.carousel-container .icon {
   bottom: 30px;
   left: 20px;
}

.follow-us .wrapper-inner {
   width: 395px;
   margin: 0 auto 60px;
   align-items: center;
}

.follow-us .icon {
   width: 100px;
   height: 100px;
   border-radius: 1000px;
   overflow: hidden;
   background: #7c7c7e;
}

.follow-us .icon img {
   width: 120%;
   margin: -10px auto 0 -10px;
}

.follow-us h3 {
   margin-bottom: 40px;
}

.follow-us h4 {
   font-weight: 500;
   font-style: none;
   color: #000;
}
   
.follow-us .instagram-gallery .wrapper-inner {
   width: 100% !important;
   margin-bottom: 0;
}

.follow-us .instagram-gallery .thumbnail {
   width: 28.5%;
   margin: 0 auto;
}

section.our-partners {
   padding-bottom: 160px;
}

.our-partners .logo {
   width: 300px;
   margin: 0 auto 20px;
}

.background {
   height: 660px;
   background-repeat: no-repeat;
   background-position: center;
}

.installation-sales-presentation .wrapper-inner,
.presentation .wrapper-inner {
   margin: 50px auto 0;
}

.installation-sales-presentation:nth-child(3n) .wrapper-inner {
   flex-direction: row-reverse;
}

.installation-sales-presentation .picture {
   width: 30.5%;
}

.installation-sales-presentation .picture:last-child {
   width: 63.1%;
}

.presentation .picture {
   width: 45%;
}

.estimate .intro p {
   font-size: 19px;
   line-height: 34px;
   margin-bottom: 40px;
}

.estimate .form {
   padding: 60px;
   background: #fff;
   border: 4px #7c7c7e solid;
   box-sizing: border-box;
}

.estimate .form input, 
.estimate .form textarea {
   width: 100%;
   margin: 0 0 30px;
   font-family: 'Fira Sans', sans-serif;
   font-size: 17px;
   line-height: 32px;
   letter-spacing: 1px;
   border: 0;
   border-bottom: 2px solid #7c7c7e;
   background: transparent;
   color: #000;
}

.estimate .form input[type="submit"] {
  margin-top: 20px;
  cursor: pointer;
}

.wpcf7-spinner::before,
.wpcf7-spinner {
	margin: 0;
	width: 0;
	height: 0;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output, 
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
	margin-top: 0;
	margin-bottom: 0;
	border: 0;
	text-align: center;
}

::placeholder {
	font-style: italic;
}

.our-opening-hours p {
   font-size: 20px;
   line-height: 35px;
}

#mapdiv {
	width: 90%;
	margin: 0 auto;
	height: 660px;
	-webkit-box-shadow: 10px 10px 15px rgba(0,0,0,0.1);
   -moz-box-shadow: 10px 10px 15px rgba(0,0,0,0.1);
   box-shadow: 10px 10px 15px rgba(0,0,0,0.1);
}

#map-popup {
	padding: 15px;
	font-size: 16px;
	line-height: 28px;
	color: #fff;
	background-color: rgba(47, 47, 48, 0.8);
}

#map-popup ul {
	list-style-position: inside;
}

section.realisations {
   padding-bottom: 120px;
}

.realisations .breadcrumb {
   margin: 0 0 20px;
}

.realisations .breadcrumb .wrapper-inner {
   justify-content: left;
}

.realisations .breadcrumb a,
.page-template-legal-notice #content .wrapper a {  
   color: #5d5d5f;
}

.realisations .shape,
section.realisations .wrapper {
   z-index: inherit;
}

.realisations h2 {
   margin-bottom: 75px;
}

.realisations .picture {
   width: 364px;
   margin: 0 auto 60px;
   cursor: pointer;
}

.realisations .picture:nth-child(2n) {
   margin: 60px auto 0;
   height: 364px;
}

.realisations .picture:hover {
   filter: brightness(50%);
}

.realisations .big {
   position: fixed;
   width: 100%;
   height: 100vh;
   top: 0;
   left: 0;
   background-color: rgba(47, 47, 48, 0.8);
   z-index: 200;
   overflow-y: scroll;
   scrollbar-width: thin;
}

.realisations .lightbox .cross {
   position: absolute;
   float: right;
   top: 30px;
   right: 30px;
   filter: brightness(1000%);
	cursor: pointer;
}

.realisations .lightbox {
   margin: 0 auto;
}

.realisations .lightbox img {
   margin: 5% auto 0;
}
   
section.realisations .wrapper,
.page-template-legal-notice .wrapper,
.error404 .wrapper {
   width: 1300px;
   margin: 0 auto;
   padding: 0;
}

.page-template-legal-notice h1,
.error404 h1 {
   position: relative;
   width: inherit;
   margin: 0 0 60px;
   color: #5d5d5f;
   padding: 0;
   border: 0;
   transform: none;
   left: inherit;
   right: 0;
   bottom: 0;
}

.page-template-legal-notice h1 {
   text-align: left;
}

.page-template-legal-notice h2 {
   margin: 30px 0 30px;
   font-size: 50px;
   line-height: 70px;
}

.page-template-legal-notice .shape,
.page-template-legal-notice .shapes {
   transform: none;
   z-index: -1;
}

.page-template-legal-notice .shape {
   top: 402px;
}

.page-template-legal-notice .shapes {
   top: inherit;
   bottom: 0;
}

.error404 #content {
  min-height: calc(100vh - 221px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  text-align: center;
}


/* FOOTER */

#footer {
   position: relative;
   padding: 120px 0 15px;
   background: #b0b0b2;
   z-index: 1;
}

#footer .block {
   width: max-content;
}

#footer h2 {
   margin: 0 0 30px;
   font-size: 35px;
   line-height: 47px;
   color: #5d5d5f;
}

#footer a {
   color: #000;
}

#footer a:hover {
   color: #5d5d5f;
}

#footer .phone {
   font-size: 22px;
   line-height: 37px;
   font-weight: 500;
}

#footer .icon {
   display: block;
   width: 65px;
   margin: 0 auto;
   filter: grayscale(100%);
}

#footer .icon:hover {
   filter: grayscale(100%) brightness(2500%);
}
   
#footer .mentions {
	margin: 40px auto 0;
   font-size: 15px;
   line-height: 30px;
	text-align: center;
}


/* BELOW 1700 */

@media only screen and (max-width: 1700px) {
   
   #header .wrapper, 
   .heading .wrapper, 
   #footer .wrapper {
      width: 90%;
   }
   
   #header .logo,
   #footer .logo {
      width: 170px;
   }
   
   .shape,
   .shapes {
      width: 380px;
      height: 814px;
      z-index: 0;
   }
   
   .slider div#n2-ss-2 .n-uc-1c9f3a7d719a5-inner,
   .slider div#n2-ss-2 .n-uc-kgBLOGzEs6Qe-inner,
   .slider div#n2-ss-2 .n-uc-gHezofTC329g-inner,
   .slider div#n2-ss-2 .n-uc-s0mhwcCUDDEO-inner,
   .slider div#n2-ss-2 .n-uc-edGagsjoiSRC-inner,
   .slider div#n2-ss-2 .n-uc-Zb7bRzXaowOM-inner,
   .slider div#n2-ss-2 .n-uc-bYUWTJkMkOZQ-inner,
   .slider div#n2-ss-2 .n-uc-zk9K6xWGf092-inner {
      padding: 30px 120px 40px 120px;
      margin-bottom: 60px;
   }
   
   #footer .logo {
      margin-right: 30px;
   }
}


/* BELOW 1600 */

@media only screen and (max-width: 1600px) {
   
   #header .logo,
   #footer .logo {
      width: 160px;
   }
   
   #header.fixed .logo {
      width: 150px;
   }
   
   .nav {
		display: none;
	}
	
	.menu-icon {
		display: block;
	}
   
   .cross {
      opacity: 0;
      animation: anim 0.3s linear forwards 0.1s;
      cursor: pointer;
   }

   @-moz-keyframes anim {
      0%  {opacity:0;}
      100% {opacity:1;}
   }

   @-webkit-keyframes anim { 
      0%  {opacity:0;}
      100% {opacity:1;}
   }

   @keyframes anim {
      0%  {opacity:0;}
      100% {opacity:1;}
   }
   
   section, 
   .page-template-legal-notice #content {
      padding: 160px 0;
   }
   
   .heading {
      padding-bottom: 160px;
   }
   
   section.our-partners {
      padding-bottom: 140px;
   }
   
   #footer .block:nth-child(2) {
      margin-bottom: 30px;
   }
}


/* BELOW 1400 */

@media only screen and (max-width: 1400px) {
   
   .cookiebanner span {
      width: 90%;
   }
   
   .slider div#n2-ss-2 .n2-font-b8f5e9c809e8ce0e2ce8445d94000411-hover {
      font-size: 400%;
   }
   
   .slider div#n2-ss-2 .n2-font-af4c86f3674b85801bdee07c2f679d14-hover {
      font-size: 250%;
   }
   
   .slider div#n2-ss-2 .n2-font-45dc4051865e8e3fd5e653444fa308e6-hover {
      font-size: 209%;
   }
   
   .slider div#n2-ss-2 .n2-font-7df043af9c0a5f5abe7376584068af83-hover {
      font-size: 170%;
   }
   
   .slider div#n2-ss-2 .n2-font-ffa476dc98f9d1b98e4b68c95ca901cf-hover {
      font-size: 340%;
   }
   
   .slider div#n2-ss-2 .n-uc-GWdbghV5EhrM,
   .slider div#n2-ss-2 .n-uc-0LVyEjNwDMv9,
   .slider div#n2-ss-2 .n-uc-DXqoBQEm2ZE0,
   .slider div#n2-ss-2 .n-uc-GESJv3YYdsoa,
   .slider div#n2-ss-2 .n-uc-2pzGg3xuMw78,
   .slider div#n2-ss-2 .n-uc-IlZL0bI5W6aG,
   .slider div#n2-ss-2 .n-uc-6zepNQRpyzqv
   .slider div#n2-ss-2 .n-uc-IDWZRsIPkrRd {
      --margin-top: 25px;
   }
   
   .wrapper {
      width: 60%;
   }
   
   #who-we-are {
      top: -280px;
   }
   
   .who-we-are .logo {
      width: 115px;
   }
   
   .who-we-are .logo:nth-child(2) {
      width: 160px;
   }
   
   .our-exhibition-hall .carousel .icon, 
   .carousel-container .icon {
      width: 98px;
   }
   
   .our-services .block {
      width: 34%;
   }
   
   .our-services .block:nth-child(4),
   .presentation .picture:first-child {
      margin-bottom: 60px;
   }
      
}


/* BELOW 1300 */

@media only screen and (max-width: 1300px) {
	
	section.realisations .wrapper,
   .page-template-legal-notice .wrapper,
   .error404 .wrapper,
	#footer .mentions {
		width: 90%;
	}
	
	.cookiebanner span {
		justify-content: inherit;
		flex-direction: column;
	}
	
	.cookiebanner a {
		margin-top: 20px;
	}
   
   section, 
   .page-template-legal-notice #content {
      padding: 140px 0;
   }
   
   .shape,
   .shapes {
      width: 340px;
      height: 733px;
   }
   
   .heading {
      padding-bottom: 140px;
   }
   
   section.our-partners {
      padding-bottom: 120px;
   }
}


/* BELOW 1200 */

@media only screen and (max-width: 1200px) {
   
   h1 {
      right: inherit;
      left: 50%;
      transform: translateX(-50%);
   }
   
   #who-we-are {
      top: -140px;
   }
   
   .who-we-are .picture {
      width: 35%;
   }
   
   .our-partners .logo {
     width: 250px;
   }
}


/* BELOW 1100 */

@media only screen and (max-width: 1100px) {
   
   #who-we-are {
      top: -120px;
   }
}


/* BELOW 1000 */

@media only screen and (max-width: 1000px) {
   
   .slider div#n2-ss-2 .n2-font-45dc4051865e8e3fd5e653444fa308e6-hover {
      line-height: 1.5;
   }
   
   .button, 
   .estimate .form input[type="submit"] {
      width: max-content;
   }
   
   .carousel-container .icon {
      left: 0;
   }
   
   #who-we-are {
      top: -140px;
   }
   
   .who-we-are .wrapper-inner {
      width: 80%;
   }
   
   .follow-us .instagram-gallery .thumbnail {
      width: 45%;
   }
   
   .follow-us .instagram-gallery .thumbnail:last-child {
      margin-top: 60px;
   }
}


/* BELOW 900 */

@media only screen and (max-width: 900px) {
   
   body {
      font-size: 16px;
      line-height: 31px;
   }
   
   #arrow {
      width: 35px;
      height: 20px;
   }
   
   #arrow.scroll {
      right: 30px;
      bottom: 60px;
   }
   
   .cookiebanner {
      font-size: 15px !important;
      line-height: 30px !important;
   }
   
   section, 
   .page-template-legal-notice #content {
      padding: 120px 0;
   }
   
   .menu-icon {
		width: 34px;
		height: 30px;
   }
   
   .cross {
      width: 30px;
      height: 30px;
   }
   
   .wrapper {
      width: 70%;
      padding-left: 100px;
   }
   
   section:nth-child(2n) .wrapper {
      padding-right: 100px;
   }
   
   h1 {
      width: 70%;
      padding: 50px 75px;
   }
   
   h1,  
   h2 {
      font-size: 50px;
      line-height: 70px;
   }
   
   h2 {
      margin-bottom: 45px;
   }
   
   h3 {
      margin-bottom: 20px;
   }
   
   h3,
   #footer h2 {  
      font-size: 25px;
      line-height: 37px;
   }
   
   h4 {
      margin-bottom: 15px;
      font-size: 20px;
      line-height: 32px;
   }
   
   .shape, 
   .shapes {
      width: 200px;
      height: 433px;
   }
   
   .shapes {
      opacity: 1;
   }
   
   .slider div#n2-ss-2 .n-uc-1c9f3a7d719a5-inner, 
   .slider div#n2-ss-2 .n-uc-kgBLOGzEs6Qe-inner, 
   .slider div#n2-ss-2 .n-uc-gHezofTC329g-inner, 
   .slider div#n2-ss-2 .n-uc-s0mhwcCUDDEO-inner, 
   .slider div#n2-ss-2 .n-uc-edGagsjoiSRC-inner, 
   .slider div#n2-ss-2 .n-uc-Zb7bRzXaowOM-inner, 
   .slider div#n2-ss-2 .n-uc-bYUWTJkMkOZQ-inner, 
   .slider div#n2-ss-2 .n-uc-zk9K6xWGf092-inner {
      padding: 30px;
      border-width: 5px;
   }
   
   .slider div#n2-ss-2 .n-uc-1c9f3a7d719a5-inner {
      margin-bottom: 70px;
   }
   
   .slider div#n2-ss-2 .n-uc-kgBLOGzEs6Qe-inner, 
   .slider div#n2-ss-2 .n-uc-gHezofTC329g-inner, 
   .slider div#n2-ss-2 .n-uc-s0mhwcCUDDEO-inner, 
   .slider div#n2-ss-2 .n-uc-edGagsjoiSRC-inner, 
   .slider div#n2-ss-2 .n-uc-Zb7bRzXaowOM-inner, 
   .slider div#n2-ss-2 .n-uc-bYUWTJkMkOZQ-inner, 
   .slider div#n2-ss-2 .n-uc-zk9K6xWGf092-inner {
      margin-bottom: 30px;
   }
   
   .slider div#n2-ss-2 .n2-font-b8f5e9c809e8ce0e2ce8445d94000411-hover {
      font-size: 380%;
   }
   
   .slider div#n2-ss-2 .n2-font-ffa476dc98f9d1b98e4b68c95ca901cf-hover {
      font-size: 300%;
   }
   
   .slider div#n2-ss-2 .n2-font-af4c86f3674b85801bdee07c2f679d14-hover {
      font-size: 200%;
      line-height: 2;
   }
   
   .slider div#n2-ss-2 .n2-font-45dc4051865e8e3fd5e653444fa308e6-hover {
      margin-top: 10px;
      font-size: 165%;
   }
   
   .slider div#n2-ss-2 .n2-font-7df043af9c0a5f5abe7376584068af83-hover {
      margin-top: 10px;
      font-size: 150%;
      line-height: 1.5;
   }
   
   .slider div#n2-ss-2 .n2-font-01ce957cf7423b22bd26be1a91d0b0e4-link a {
      font-size: 135%;
   }
   
   .slider div#n2-ss-2 .n-uc-15a423dca3012 {
      --margin-top: 100px !important;
   }
   
   .slider div#n2-ss-2 .n-uc-8hk5Nnq8nNIW,
   .slider div#n2-ss-2 .n-uc-XSTtDt54APfW,
   .slider div#n2-ss-2 .n-uc-uLn9ETx7xmZ9,
   .slider div#n2-ss-2 .n-uc-uLn9ETx7xmZ9,
   .slider div#n2-ss-2 .n-uc-iBbGUyA1r2KR,
   .slider div#n2-ss-2 .n-uc-x9n31LKB0CcV, 
   .slider div#n2-ss-2 .n-uc-5sZd7BOngqDw,
   .slider div#n2-ss-2 .n-uc-pzCWRJK1VTXb {
      --margin-top: 140px !important;
   }
   
   .slider .n2-ss-slider .n2-ss-item-image-content img,
   .heading .shapes {
      display: none;
   }
   
   .heading {
      padding-bottom: 120px;
   }
   
   #who-we-are {
      top: -300px;
   }
   
   .who-we-are .wrapper-inner {
      width: 85%;
   }
   
   .follow-us .wrapper-inner {
      width: 320px;
   }
   
   .follow-us .icon {
      width: 80px;
      height: 80px;
   }
   
   .follow-us .icon img {
      margin: -8px auto 0 -8px;
   }
   
   section.our-partners {
      padding-bottom: 100px;
   }
   
   .our-partners .logo {
      width: 220px;
   }
   
   .installation-sales-presentation .wrapper-inner, 
   .presentation .wrapper-inner {
      margin: 40px auto 0;
   }
   
   section.realisations .wrapper, 
   .page-template-legal-notice .wrapper {
      padding-right: 0;
   }
   
   .realisations h2 {
      margin-bottom: 65px;
   }
   
   .realisations .lightbox {
      width: 90%;
   }
   
   .realisations .lightbox img {
      margin-top: 10%;
   }
   
   .estimate .intro p {
      font-size: 18px;
      line-height: 33px;
   }
   
   .our-opening-hours p {
      font-size: 19px;
      line-height: 34px;
   }
   
   .page-template-legal-notice h2 {
      margin: 25px 0 20px;
      font-size: 40px;
      line-height: 60px;
   }
   
   #footer {
      padding-top: 100px;
   }
   
   #footer .wrapper-inner {
      flex-direction: column;
      align-items: center;
   }
   
   #footer .logo {
      margin-right: 0;
   }
   
   #footer .block {
      margin-bottom: 40px;
      text-align: center;
   }
   
   #footer .block:nth-child(2) {
      margin-bottom: 40px;
   }
   
   #footer h2 {
      margin-bottom: 15px;
   }
   
   #footer .phone {
      font-size: 20px;
      line-height: 35px;
   }
   
   #footer .icon {
      width: 50px;
   }
   
   #footer .mentions {
      margin-top: 20px;
      font-size: 14px;
      line-height: 29px;
   }
}


/* BELOW 800 */

@media only screen and (max-width: 800px) {
   
   .slider div#n2-ss-2 .n-uc-kgBLOGzEs6Qe-inner, 
   .slider div#n2-ss-2 .n-uc-gHezofTC329g-inner, 
   .slider div#n2-ss-2 .n-uc-s0mhwcCUDDEO-inner, 
   .slider div#n2-ss-2 .n-uc-edGagsjoiSRC-inner, 
   .slider div#n2-ss-2 .n-uc-Zb7bRzXaowOM-inner, 
   .slider div#n2-ss-2 .n-uc-bYUWTJkMkOZQ-inner, 
   .slider div#n2-ss-2 .n-uc-zk9K6xWGf092-inner {
      margin-bottom: -100px;
   }
}


/* BELOW 600 */

@media only screen and (max-width: 600px) {
   
   .mobile-nav #menu-menu-principal-1 {
      margin-top: 5px;
   }
   
   section, 
   .page-template-legal-notice #content {
      padding: 100px 0;
   }
   
   h1 {
      padding: 40px;
   }
   
   .wrapper {
      width: 90%;
      padding-left: 0;
   }
   
   section:nth-child(2n) .wrapper {
      padding-right: 0;
   }
   
   .shape,
   .shapes {
      top: -215px;
      transform: none;
   }
   
   .slider div#n2-ss-2 .n-uc-8hk5Nnq8nNIW-inner > .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype="col"],
   .slider div#n2-ss-2 .n-uc-XSTtDt54APfW-inner > .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype="col"],
   .slider div#n2-ss-2 .n-uc-uLn9ETx7xmZ9-inner > .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype="col"],
   .slider div#n2-ss-2 .n-uc-iBbGUyA1r2KR-inner > .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype="col"],
   .slider div#n2-ss-2 .n-uc-x9n31LKB0CcV-inner > .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype="col"],
   .slider div#n2-ss-2 .n-uc-5sZd7BOngqDw-inner > .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype="col"],
   .slider div#n2-ss-2 .n-uc-5sZd7BOngqDw-inner > .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype="col"],
   .slider div#n2-ss-2 .n-uc-pzCWRJK1VTXb-inner > .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype="col"] {
      margin: 0;
   }
   
   .slider div#n2-ss-2 .n-uc-pzCWRJK1VTXb-inner {
      padding: 0;
   }
   
   .slider div#n2-ss-2 .n-uc-kgBLOGzEs6Qe-inner, 
   .slider div#n2-ss-2 .n-uc-gHezofTC329g-inner,  
   .slider div#n2-ss-2 .n-uc-Zb7bRzXaowOM-inner {
      margin-bottom: -60px;
   }
   
   .slider div#n2-ss-2 .n2-font-b8f5e9c809e8ce0e2ce8445d94000411-hover {
      font-size: 330%;
   }
   
   .slider div#n2-ss-2 .n2-font-ffa476dc98f9d1b98e4b68c95ca901cf-hover {
      font-size: 250%;
   }
   
   .slider div#n2-ss-2 .n2-font-af4c86f3674b85801bdee07c2f679d14-hover {
      font-size: 170%;
      line-height: 1.5;
   }
   
   .slider div#n2-ss-2 .n2-font-45dc4051865e8e3fd5e653444fa308e6-hover {
      font-size: 150%;
   }
   
   .slider div#n2-ss-2 .n2-font-7df043af9c0a5f5abe7376584068af83-hover {
      font-size: 125%;
      line-height: 1.5;
   }
   
   .slider div#n2-ss-2 .n2-font-01ce957cf7423b22bd26be1a91d0b0e4-link a {
      font-size: 130%;
   }
   
   .heading {
      padding-bottom: 100px;
   }
   
   .background {
      height: 470px;
      background-size: 280%;
   }
   
   h1, 
   h2 {
      font-size: 45px;
      line-height: 65px;
   }
   
   h2,
   .page-template-legal-notice h1, 
   .error404 h1 {
      margin-bottom: 40px;
   }
   
   h3, 
   #footer h2 {
      font-size: 22px;
      line-height: 34px;
   }
   
   .who-we-are .picture {
      width: 45%;
   }
   
   .our-services .block,
   .presentation .picture {
      width: 54%;
   }
   
   .our-services .block:nth-child(5) {
      margin-bottom: 60px;
   }
   
   .follow-us .instagram-gallery .thumbnail {
      width: 90%;
   }
   
   .follow-us .instagram-gallery .thumbnail:nth-child(2),
   .realisations .picture {
      margin-top: 60px;
   }
   
   section.our-partners {
      padding-bottom: 80px;
   }
   
   .presentation .wrapper-inner {
      flex-direction: column;
   }
   
   .presentation .picture {
      margin-left: auto;
      margin-right: auto;
   }
   
   .realisations .picture:nth-child(2n) {
      margin-top: 0;
   }
   
   .realisations .lightbox img {
      margin-top: 15%;
   }
   
   .estimate .intro p {
      font-size: 17px;
      line-height: 32px;
   }
   
   .our-opening-hours p {
      font-size: 18px;
      line-height: 33px;
   }
   
   #mapdiv {
      height: 560px;
   }
   
   .page-template-legal-notice h2 {
      margin: 25px 0 20px;
      font-size: 35px;
      line-height: 55px;
   }
   
   #footer {
      padding-top: 80px;
   }
}


/* BELOW 480 */

@media only screen and (max-width: 480px) {
   
   #header .logo {
      margin-bottom: 8px;
   }
   
   #header .logo, 
   #footer .logo {
      width: 130px;
   }
   
   #header.fixed .logo {
      width: 120px;
   }
   
   section, 
   .page-template-legal-notice #content {
      padding: 90px 0;
   }
   
   h1 {
      width: 70%;
      padding: 30px;
   }
   
   h1, 
   h2 {
      font-size: 39px;
      line-height: 59px;
   }
   
   h2 {
      margin-bottom: 30px;
   }
   
   .slider div#n2-ss-2 .n-uc-kgBLOGzEs6Qe-inner,
   .slider div#n2-ss-2 .n-uc-gHezofTC329g-inner, 
   .slider div#n2-ss-2 .n-uc-s0mhwcCUDDEO-inner,
   .slider div#n2-ss-2 .n-uc-bYUWTJkMkOZQ-inner, 
   .slider div#n2-ss-2 .n-uc-zk9K6xWGf092-inner {
      margin-bottom: -110px;
   }
   
   .slider div#n2-ss-2 .n2-font-b8f5e9c809e8ce0e2ce8445d94000411-hover {
      font-size: 300%;
   }
   
   .slider div#n2-ss-2 .n2-font-ffa476dc98f9d1b98e4b68c95ca901cf-hover {
      font-size: 220%;
   }
   
   .slider div#n2-ss-2 .n2-font-01ce957cf7423b22bd26be1a91d0b0e4-link a {
      font-size: 110%;
   }
   
   .heading {
      padding-bottom: 90px;
   }
   
   .background {
      height: 390px;
   }
   
   .who-we-are .wrapper-inner {
      flex-direction: column;
   }
   
   .who-we-are .logo {
      width: 135px;
      margin-bottom: 40px;
   }
   
   .our-exhibition-hall .carousel .icon {
      bottom: -30px;
      left: -30px;
   }
   
   .our-services .block,
   .presentation .picture {
      width: 74%;
   }
   
   .realisations .lightbox img {
      margin-top: 20%;
   }
   
   .page-template-legal-notice h1 {
      width: 100%;
      text-align: center;
   }
}


/* BELOW 380 */

@media only screen and (max-width: 380px) {
   
   .slider div#n2-ss-2 .n-uc-1c9f3a7d719a5-inner, 
   .slider div#n2-ss-2 .n-uc-kgBLOGzEs6Qe-inner, 
   .slider div#n2-ss-2 .n-uc-gHezofTC329g-inner, 
   .slider div#n2-ss-2 .n-uc-s0mhwcCUDDEO-inner, 
   .slider div#n2-ss-2 .n-uc-edGagsjoiSRC-inner, 
   .slider div#n2-ss-2 .n-uc-Zb7bRzXaowOM-inner, 
   .slider div#n2-ss-2 .n-uc-bYUWTJkMkOZQ-inner, 
   .slider div#n2-ss-2 .n-uc-zk9K6xWGf092-inner {
      padding: 25px;
      border-width: 4px;
   }
   
   .slider div#n2-ss-2 .n-uc-XSTtDt54APfW-inner {
      padding: 0;
   }
   
   .realisations .lightbox img {
      margin-top: 25%;
   }
}