/* Mosaik 2022 styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400&display=swap');

body {background:#202020;color:white;font-family:'Poppins', sans-serif;}
p, .article-summary {color:#ccc;text-align:justify;}
.content {padding:100px 0 0 0;}
.contentpane {padding:0 0 120px 0;}
.contentpane2 {background:#202020;}
.bottom {background:#202020;padding:80px 60px 40px 60px;}
.bottom a:active, .bottom a:hover {color:#d8b45b;text-decoration:none;}
.bottom .h4-headline {margin:0 0 20px 0;}
.bottompane2 {font-size:18px;line-height:30px;}
.footer {background:#202020;padding:0 0 20px 0;}
.copyright {color:#87837e;font-size:14px;}
.copyright a:link, .copyright a:visited {color:#87837e;}
.copyright a:active, .copyright a:hover {color:white;}
::selection {background:#d8b45b;}
::-moz-selection {background:#d8b45b;}
.header {background:#202020;position:absolute;z-index:1200;}
.header.is-sticky {background:rgba(0, 0, 0, 0.9);}
.header .pageflex {align-items:center;}
.logopane img {margin:12px 0;}
a.bigbutton:link, a.bigbutton:visited {background:none;box-shadow:inset 0px 0px 0px 1px white;color:white;font-family:'Poppins', sans-serif;font-weight:700;text-transform:none;}
a.bigbutton:active, a.bigbutton:hover {background:none;box-shadow:inset 0px 0px 0px 1px #d8b45b;color:#d8b45b;}
a.bigbutton.videobutton:before {display:none;}
button.bigbutton {background:#d8b45b;color:white;font-family:'Poppins', sans-serif;font-weight:700;text-transform:none;}
button.bigbutton:hover {background:black;color:white;}
.documents {margin:40px 0 0 0;text-align:center;}
.documents a {display:inline-block;box-sizing:border-box;line-height:54px;padding:0 24px;font-weight:700;letter-spacing:1px;}
.documents a:link, .documents a:visited {color:white;box-shadow:inset 0px 0px 0px 1px white;text-decoration:none;}
.documents a:active, .documents a:hover {color:#d8b45b;box-shadow:inset 0px 0px 0px 1px #d8b45b;text-decoration:none;}
.documents a:before {font-size:18px;color:inherit;margin:0 6px 0 0;}
.newspaper-link {margin:40px 0 0 0;text-align:center;}
.newspaper-link a {display:inline-block;box-sizing:border-box;line-height:54px;padding:0 24px;font-weight:700;letter-spacing:1px;}
.newspaper-link a:link, .newspaper-link a:visited {color:white;box-shadow:inset 0px 0px 0px 1px white;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {color:#d8b45b;box-shadow:inset 0px 0px 0px 1px #d8b45b;text-decoration:none;}
.newspaper-link a:before {content:'\f105';font-size:18px;color:inherit;margin:0 6px 0 0;}
.flexcontent-media.fcm-only {margin:80px 0 0 0;}
h1, h2, h3, h4, h5, h6 {font-family:'Poppins', sans-serif;font-weight:700;color:white;text-transform:none;}
h1 {font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;}
h2 {font-size:44px;line-height:48px;margin:20px 0 60px 0;}
h3 {font-size:30px;line-height:36px;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color:white;}
h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {color:#d8b45b;}
.h2-headline, .h3-headline, .h4-headline {font-family:'Poppins', sans-serif;font-weight:700;color:#d8b45b;}
hr {background:#d8b45b;}
strong {font-weight:700;}
a:link, a:visited {color:white;text-decoration:underline;}
a:active, a:hover {color:#d8b45b;text-decoration:underline;}
blockquote {border-left:#d8b45b solid 2px;padding:0 0 0 20px;}
blockquote, blockquote p {font-family:'Poppins', sans-serif;font-style:italic;font-size:18px;line-height:30px;font-weight:400;color:#ccc;}
.content ul li:before, .content2 ul li:before {color:#d8b45b;}
ul.megamenu a {height:88px;line-height:88px;font-family:'Poppins', sans-serif;font-weight:400;font-size:14px;color:white;letter-spacing:0.4em;}
ul.megamenu li.level0:hover a, ul.megamenu li.level0 a:hover, .megahover {color:#d8b45b;}
ul.megamenu .current a {color:white;}
ul.megamenu li.menufirst {display:none;}
.navicon {background:#202020;}
.navicon a:before {color:white;}
.mobilemenu ul {font-family:'Poppins', sans-serif;font-weight:400;letter-spacing:0.4em;font-size:18px;background:#202020;}
.mobilemenu ul li {border-top:#333 solid 1px;}
.mobilemenu ul li a {color:white;}
.mobilemenu ul li a:hover {color:#d8b45b;}
.socialicons {margin:20px 0;}
.socialicons a {-webkit-border-radius:50%;border-radius:50%;font-size:24px;}
.socialicons a span {vertical-align:middle;}
.socialicons a:link, .socialicons a:visited {background:white !important;color:#161616;}
.socialicons a:active, .socialicons a:hover {background:#d8b45b !important;color:#161616;}
.contact-item span {background:#d8b45b;}
.contactform {max-width:1070px;margin:0 auto;}
.topimageheader {height:400px;}
.topimageheader .caption {padding-top:88px;}
.topimageheader .caption h2 {font-size:64px;line-height:68px;letter-spacing:0.1em;margin:0 0 20px 0;}
.topimageheader .caption h3 {font-size:30px;line-height:36px;color:white;letter-spacing:0;}
.tih-mask:after {background:rgba(0, 0, 0, 0.35);}
/* Grids */
.grid-wrapper {padding:0;}
.grid-refs {max-width:none;}
.grid-item {padding:0;}
.refsoverlay {
  background: rgba(0,0,0,0.35);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.refsoverlay h3, .refsoverlay h4 {margin:0 40px;}
.refsoverlay h4 {color:#d8b45b;line-height:30px;}
.refsoverlay p {font-size:16px;line-height:24px;color:white;margin:20px 40px;}
.refsoverlay span.watchvideo {color:white;}
.refsoverlay span.watchvideo i.far {margin:0 6px 0 0;}
.grid-item:hover .refsoverlay {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0);
  transform: translateY(0px);
}
.projets, .trombino {margin:80px auto 0 auto;max-width:1480px;}
.projets .grid-sizer {width:50%;}
.projets .grid-item {width:50%;height:480px;}
.trombino .grid-sizer {width:25%;}
.trombino .grid-item {width:25%;padding:20px;}
.trombino .grid-item2 {height:540px;}
.grid-item.gilles:hover .refsimg {background-image:url('/Portals/22/gilles-rollover.jpg') !important;}
.grid-item.marion:hover .refsimg {background-image:url('/Portals/22/marion-rollover.jpg') !important;}
.grid-item.baptiste:hover .refsimg {background-image:url('/Portals/22/baptiste-rollover.jpg') !important;}
.grid-item.ilian:hover .refsimg {background-image:url('/Portals/22/ilian-rollover.jpg') !important;}
/* Blog */
.blog article h2 {font-family:'Poppins', sans-serif;font-weight:700;}
.fd-day {font-family:'Poppins', sans-serif;font-weight:700;color:#282828;}
.fd-month {background-color:#d8b45b;color:#282828;}
.blog-detail article h1 {font-family:'Poppins', sans-serif;font-weight:700;color:white;}
.blog-archives {background:#282828;}
.blog-archives-item .count {color:#87837e;}
.blog-archives-item:hover {color:#d8b45b;}
.blog-sat .blog article figure {margin:0 30px 0 0;}
.blog-sat .blog article .article-content h3 {font-size:30px;line-height:36px;}
.bloginfo {color:#87837e;}
/* Home Video */
.homevideo {position:relative;height:100vh;}
#video-bg {
  position: absolute;
	left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  z-index: 3;
}
.video-caption {
	position: absolute;
	z-index: 5;
	bottom: 80px;
  width: 100%;
  text-align: center;
}
.video-caption h2 {font-size:44px;line-height:48px;color:white;padding:0 40px;}
.video-caption h3 {font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:white;padding:0 40px;}
.video-caption a.bigbutton {margin:20px 0 0 0;}
.video-caption a.bigbutton:before {display:none;}
.video-caption a.bigbutton i.far {font-size:24px;margin:0 8px 0 0;vertical-align:middle;}
/* Timeline */
.svgblockswrapper {max-width:1070px;margin:80px auto 2em auto;}
.svgblock {padding:2em 2em 1em 2em;position:relative;border-left:2px solid #d8b45b;margin:0 0 0 3em;}
.svgblock h3 {
    position: absolute;
    left: 1em;
    top: 0.2em;
    color: #d8b45b;
    margin: 0;
}
.svgblock:after {
	width: 20px;
	height: 20px;
	display: block;
	top: 0.8em;
	position: absolute;
	left: -11px;
	border-radius: 10px;
	background: #202020;
	color: #d8b45b;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 20px;
  content: '\f144';
  text-align: center;
  line-height: 20px;
}
.svgblock:last-child {border-image:linear-gradient(to bottom, #d8b45b, transparent) 1 100%;}
/* Form */
.contactformfields input[type=text], .contactformfields input[type=email], .contactformfields input[type=date], .contactformfields select {background:#333;color:white;}
.contactformfields textarea {background:#333;color:white;}
.contactformfields input[type=text]:focus, .contactformfields input[type=email]:focus, .contactformfields input[type=date]:focus, .contactformfields textarea:focus {background:#444;}
/* Fix */
.toppane .rocketactionmenu {top:100px !important;}

/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px) and (orientation: portrait) {
.header {position:relative;}
.trombino .grid-sizer {width:50%;}
.trombino .grid-item {width:50%;}
.projets .grid-sizer {width:100%;}
.projets .grid-item {width:100%;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
p, .article-summary {text-align:left;}
.content {padding:60px 0 0 0;}
.contentpane {padding:0 0 60px 0;}
.bottom {padding:40px;}
.refsoverlay {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0);
  transform: translateY(0px);
  opacity: 1;
}
.refsoverlay p {display:none;}
.trombino .grid-sizer {width:100%;}
.trombino .grid-item {width:100%;}
.svgblock {padding:2em 0 1em 2em;margin:0;}
.svgblock p {margin:2em 0 0 0;}
}