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

body {
  color: #3c3c3b;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  line-height: 30px;
  letter-spacing: 0.05em;
}
body.mm-open {
  overflow: hidden;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.page {
  width: 1280px;
  position: relative;
  margin: 0 auto;
}
.pageflex, .headerflex {display:flex;}

.header {position:absolute;top:100px;z-index:9900;width:100%;animation:none;}
.header.is-sticky {
  position: fixed;
  top: 0;
  background: rgba(68,94,112,.9);
  transform: translateY(-100px);
  animation: move-down .2s forwards;
}
@-webkit-keyframes move-down {
  100% {
    transform: translateY(0)
  }
}
@keyframes move-down {
  100% {
    transform: translateY(0)
  }
}

.logopane, .navicon {margin:16px 0;}
.logopane img {display:block;height:30px;width:auto;margin:16px;transition:.2s ease-out;}
.header.is-sticky .logopane, .header.is-sticky .navicon {margin:0;}
.header.is-sticky .logopane img {height:22px;margin:20px;}
body.mm-open .logopane {display:none;}
.headerright {flex:1;display:flex;align-items:center;justify-content:flex-end;}
.menu {text-align:center;z-index:9000;width:100%;height:60px;animation:none;}
.content {padding:120px 0;}
.leftpane {width:30%;margin:0 5% 0 0;}
.contentpane2 {flex:1;}
.content2 {background:#faf8f7;}
.bottompane {padding:80px 0 120px 0;}
.bottom {background:url("btbg.jpg") center top / cover no-repeat;padding:120px 0 20px 0;color:white;}
.bottom a:link, .bottom a:visited {color:white;text-decoration:none;}
.bottom a:active, .bottom a:hover {color:#bca36e;text-decoration:none;}
.bottompane1, .bottompane2, .bottompane3 {margin:0 60px 0 0;}
.bottompane1 {min-width:200px;}
.bottompane2 {white-space:nowrap;}
/* FOOTER */
.footer {padding:80px 0 20px 0;color:#faf8f7;font-size:10px;line-height:18px;letter-spacing:.25em;text-transform:uppercase;}
.footer span.SkinObject {font-weight:normal;color:#faf8f7;font-size:10px;line-height:18px;}
.footer a.SkinObject:link, .footer a.SkinObject:visited {font-weight:normal;color:#faf8f7;text-decoration:none;font-size:10px;line-height:18px;}
.footer a.SkinObject:active, .footer a.SkinObject:hover {font-weight:normal;color:#bca36e;text-decoration:none;}

/* Text selection */
::selection {background:#bca36e;}
::-moz-selection {background:#bca36e;}

/* MISC */
.greybox {background:#faf8f7;padding:40px 60px 80px 60px;margin:100px 0 0 0 !important;}
.greybox .newspaper-link {text-align:center;}
.citation-content {text-align:center;}
.citation-content h3 {font-size:24px;line-height:1.5;color:#3c3c3b;}
.fcd-flex {align-items:center;}
.fcd-images a {display:block;position:relative;}
.fcd-images a:after {
    background: rgba(255,255,255,0);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    transition: all .2s ease-in-out 0s;
}
.fcd-images a:hover:after {background:rgba(255,255,255,.2);}
.labelswrapper {margin:40px 0 0 0;}
.labels {text-align:center;}
.labels img {margin:20px;}

/* Responsive Embed */
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* BUTTONS */
button.bigbutton {background:none;box-shadow:inset 0px 0px 0px 2px #445e70;color:#445e70;display:inline-block;font-family:'Outfit', sans-serif;font-weight:600;font-size:18px;line-height:40px;padding:0 24px;margin:12px 0 0 0;border-radius:3px;border:none;cursor:pointer;min-width:200px;text-align:center;}
button.bigbutton:hover {background:#3c3c3b;box-shadow:none;color:white;}

/* Line buttons */
.newspaper-link a {
    border: 1px solid rgba(0,0,0,.3);
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .35em;
    transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    padding: 11px 51px 10px;
    color: #3c3c3b !important;
    text-decoration: none !important;
}
.btn-corner {position:absolute;}
.btn-corner:before {
    width: 10px;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,.1);
    transition: .2s ease-out;
}
.btn-corner:after {
    width: 1px;
    height: 10px;
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,.1);
    transition: .2s ease-out;
}
.corner-top-left {top:0;left:0;}
.corner-top-left:before {top:-1px;left:-11px;}
.corner-top-left:after {top:-11px;left:-1px;}
.corner-top-right {top:0;right:0;}
.corner-top-right:before {top:-1px;left:1px;}
.corner-top-right:after {top:-11px;left:0;}
.corner-bottom-left {bottom:0;left:0;}
.corner-bottom-left:before {top:0;left:-11px;}
.corner-bottom-left:after {top:1px;left:-1px;}
.corner-bottom-right {bottom:0;right:0;}
.corner-bottom-right:before {top:0;left:1px;}
.corner-bottom-right:after {top:1px;left:0;}
.btn-line {
    position: absolute;
    transition: transform .35s ease-out;
    background-color: #445e70;
}
.line-top {
    left: -1px;
    top: -1px;
    height: 1px;
    width: calc(100% + 2px);
    transform: scaleX(0);
    transform-origin: left center;
}
.line-right {
    right: -1px;
    bottom: -1px;
    width: 1px;
    height: calc(100% + 2px);
    transform: scaleY(0);
    transform-origin: center bottom;
}
.line-bottom {
    right: -1px;
    bottom: -1px;
    height: 1px;
    width: calc(100% + 2px);
    transform: scaleX(0);
    transform-origin: right center;
}
.line-left {
    left: -1px;
    top: -1px;
    width: 1px;
    height: calc(100% + 2px);
    transform: scaleY(0);
    transform-origin: center top;
}
a:hover .line-top, a:hover .line-bottom {transform:scaleX(1);}
a:hover .line-left, a:hover .line-right {transform:scaleY(1);}
a.bigbutton {
    border: 1px solid rgba(0,0,0,.3);
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .35em;
    transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    padding: 11px 51px 10px;
    color: #3c3c3b !important;
    text-decoration: none !important;
}

/* Documents and links */
.documents a {display:inline-block;font-family:'Outfit', sans-serif;font-weight:600;font-size:18px;line-height:24px;padding:6px 24px 8px 24px;border-radius:3px;margin:12px 12px 0 0;box-sizing:border-box;transition:all 0.3s ease;min-width:200px;text-align:center;transition:all .2s ease-in-out 0s;}
.documents a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f1c1";font-size:16px;margin-right:8px;}
.documents a:link, .documents a:visited {box-shadow:inset 0px 0px 0px 2px #445e70;color:#445e70;text-decoration:none;}
.documents a:active, .documents a:hover {box-shadow:inset 0px 0px 0px 2px #3c3c3b;color:#3c3c3b;text-decoration:none;}
.middle .documents a:link, .middle .documents a:visited {box-shadow:inset 0px 0px 0px 2px white;color:white;}
.middle .documents a:active, .middle .documents a:hover {box-shadow:inset 0px 0px 0px 2px #3c3c3b;color:#3c3c3b;}
.bottom .documents a:link, .bottom .documents a:visited {box-shadow:inset 0px 0px 0px 2px white;color:white;}
.bottom .documents a:active, .bottom .documents a:hover {box-shadow:inset 0px 0px 0px 2px #bca36e;color:#bca36e;}

/* Image Headers */
.topimageheader {overflow:hidden;position:relative;height:294px;}
.topimageheader .caption {position:absolute;top:50%;width:100%;transform:translateY(-50%);color:white;text-align:center;z-index:1200;}
.topimageheader .caption h2 {font-size:60px;line-height:80px;color:white;}
.topimageheader .caption h3 {color:white;}
.tih-mask:after {
    background: rgba(0,0,0,.3);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}

/* HomeBlocks */
.gblocks {display:flex;}
.gblocks a {display:block;width:50%;height:100vh;position:relative;overflow:hidden;}
.gblocks a:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    bottom: 0;
    z-index: 1000;
    transition: all .2s ease-in-out 0s;
    mix-blend-mode: multiply;
    background: #445e70;
}
.gblocks a.part:hover:after {background:#009bcb;}
.gblocks a.pro:hover:after {background:#bca36e;}
.gblock > img {display:block;filter:grayscale(1);opacity:.2;}
.gblockstext {position:absolute;z-index:1100;top:50%;transform:translateY(-50%);width:100%;text-align:center;padding:0 30px;box-sizing:border-box;}
.gblockstext h2 {color:white;margin:0;}
.gblockstext img {margin:30px 0 0 0;}

/* SVG Blocks */
.svgblockswrapper {margin:60px 0 0 0;}
.svgblocks {display:flex;flex-wrap:wrap;}
.svgblock {flex:1 0 20%;width:20%;padding:0 10px;box-sizing:border-box;text-align:center;position:relative;overflow:hidden;}
.svgblock h4 {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:200px;margin:0;}
.svgblockicon {display:flex;align-items:center;justify-content:center;}
.svgblockicon svg {width:100px;fill:rgba(255,255,255,.3);}

/* Projects */
.darticles {display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden;}
.darticles article {max-width:400px;margin:0 0 60px 0;}
.darticles article h3 {font-size:20px;line-height:1.25;margin:0;}
.darticles article p {line-height:1.4;margin:8px 0 0 0;}
.darticles article .darticle-img {margin:0 0 20px 0;}
/* Featured */
.darticlesfeatured {padding:80px 0;}
.darticlesfeatured .darticles article {margin:0 0 40px 0;}
.darticles-footer {text-align:center;}
/* Filters */
.rocket-filters {background:#faf8f7;padding:50px 30px 25px;font-size:16px;}
.clearfilters {margin:0 0 20px 0;}
.rocket-filterbuttonclear {cursor:pointer;background:#445e70;color:white;font-weight:600;padding:4px 10px;}
.rocket-filterbuttonclear:hover {background:#bca36e;}
.rocket-filtergroup {margin:0 0 30px 0;}
.rocket-filtertitle {font-size:20px;font-weight:600;margin:0 0 12px 0;}
/* Checkboxes */
.rocket-filtercheckwrapper input[type=checkbox] {height:0;opacity:0;position:absolute;width:0;}
.rocket-filtercheckwrapper label {display:flex;justify-content:space-between;cursor:pointer;}
.rocket-filtercheckwrapper label:hover {color:#445e70;}
span.rocket-filtercheckbox-name {flex-grow:1;}
span.rocket-filtercheckbox-display {border-radius:2px;display:flex;height:18px;left:0;top:0;width:18px;min-width:18px;}
span.rocket-filtercheckbox-display:after {content:"";display:none;position:relative;}
.rocket-filtercheckwrapper label:hover span.rocket-filtercheckbox-display {background-color:#445e70;opacity:0.3;}
.rocket-filtercheckwrapper label:hover span.rocket-filtercheckbox-display:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: block;
    height: 12px;
    left: 5px;
    transform: rotate(45deg);
    width: 6px;
}
.rocket-filtercheckwrapper input[type=checkbox]:not(checked) ~ label span.rocket-filtercheckbox-display {border:1px solid #445e70;opacity:0.3;}
.rocket-filtercheckwrapper input[type=checkbox]:checked ~ label span.rocket-filtercheckbox-display {background-color:#445e70;border:1px solid #445e70;opacity:1;}
.rocket-filtercheckwrapper input[type=checkbox]:checked ~ label span.rocket-filtercheckbox-display:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: block;
    height: 12px;
    left: 5px;
    transform: rotate(45deg);
    width: 6px;
}
/* Details */
.darticle-detail {position:relative;}
a.darticle-back {font-size:16px;font-weight:600;text-decoration:none !important;}
.darticle-header {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:0 0 60px 0;}
.darticle-title {width:30%;}
.darticle-title h1 {font-size:40px;line-height:1.1;position:relative;z-index:1;margin:0 -30% 0 0;}
.darticle-title h2 {font-size:20px;line-height:1.2;padding-right:20px;margin:0;}
.darticle-title hr {height:8px;max-width:120px;margin:20px 0 25px 0;}
.darticle-detail .darticle-img {width:70%;position:relative;}
.darticle-detail .darticle-img img {display:block;max-width:100%;height:auto;}
.darticle-detail .darticle-img:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 25%;
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, 0));
  content: "";
}
.darticle-content {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.darticle-infos {width:30%;background:#faf8f7;padding:50px;box-sizing:border-box;}
.darticle-infosection {margin-bottom:50px;}
.darticle-infosection h3 {line-height:1;margin:0 0 20px 0;color:#445e70;}
.darticle-infosection h3:after {display:block;content:"";width:60px;height:3px;background:#445e70;margin:15px 0 0 0;}
.darticle-infosection p {margin:0 0 20px 0;}
.darticle-description {width:65%;}
.darticle-gallery {margin:60px 0 0 0;}
.darticle-gallery:after {content:"";display:table;clear:both;}
.darticle-gallery a {float:left;margin:0 12px 12px 0;position:relative;}
.darticle-gallery img {display:block;}
.darticle-gallery a:after {
    background: rgba(255, 255, 255, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    transition: all .2s ease-in-out 0s;
}
.darticle-gallery a:hover:after {background:rgba(255,255,255,.2);}

/* Contact Details */
.contact-wrapper {display:flex;}
.contact-infos {width:50%;margin:80px 0 0 0;}
.contact-item {display:flex;align-items:center;margin:40px 0 0 0;}
.contact-item span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #bca36e;
  color: white;
  height: 48px;
  width: 48px;
  min-width: 48px;
  border-radius: 50%;
  font-size: 24px;
  margin: 0 20px;
}
.contact-map {flex:1;margin:80px 0 0 40px;}
.contactsat-infos .contact-item {margin:0 0 18px 0;align-items:flex-start;}
.contactsat-infos .contact-item span {background:rgba(255,255,255,0.12);color:white;margin:0 20px 0 0;}
.csi-footer {margin:0 0 0 68px;}
.tel {font-size:30px;font-weight:900;letter-spacing:0;}

/* SOCIAL ICONS */
.socialicons {margin-bottom:20px;font-size:0;white-space:nowrap;}
.socialicons a {font-size:30px;margin:0 20px 20px 0;}
.socialicons a:link, .socialicons a:visited {color:white;text-decoration:none;}
.socialicons a:active, .socialicons a:hover {color:#bca36e;text-decoration:none;}

/* TABLE */
.datatable {margin:20px 0;border:1px solid #e9e9e9;font-size:16px;}
.datatable th {background-color:#eee;padding:10px;color:#3c3c3b;font-family:"Poppins", sans-serif;font-size:16px;font-weight:600;}
.datatable td {border-top:1px solid #e9e9e9;padding:6px 12px;text-align:center;}

.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {color:#3c3c3b;font-family:"Poppins", sans-serif;font-weight:600;margin:30px 0;line-height:1.2;letter-spacing:0.075em;}
h1 {font-size:48px;line-height:1.1;}
h2 {font-size:48px;line-height:1.1;}
h3 {font-size:30px;color:#bca36e;}
h4 {font-size:24px;color:#8c8c8c;font-weight:400;text-transform:uppercase;}
h5 {font-size:20px;text-transform:uppercase;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {text-decoration:none;color:#3c3c3b;}
h1 a:active, h1 a:hover, h2 a:active, h2 a:hover, h3 a:active, h3 a:hover {text-decoration:none;color:#bca36e;}
strong {font-weight:600;}
em {font-style:italic;}
a:link, a:visited {color:#445e70;text-decoration:underline;}
a:active, a:hover {color:#bca36e;text-decoration:underline;}
/* DNN7 FIX */
h1, h2, h3, h4, p {margin:30px 0;}
ul {margin:30px 0;padding:0;}
ul li {list-style-type:none;}
/* Styled lists */
.content ul {padding:0;margin:30px 0 30px 30px;}
.content ul li {margin:0 0 6px 0;list-style-type:disc;}
.content ul li::marker {margin:0 .5rem 0 0;color:#bca36e;}
blockquote {border-left:#445e70 solid 10px;margin:40px 0;padding:0 0 0 20px;}
blockquote, blockquote p {font-style:normal;font-size:20px;line-height:30px;font-weight:600;color:#445e70;}
blockquote>p {margin:0;}
ul.twocol {columns:2;column-gap:40px;}
hr {border:0;height:12px;background:#bca36e;margin:30px auto;max-width:240px;}
/* DEBUG */
.toppane .dnnActionMenu {top:50px !important;}
.DNNEmptyPane {width:auto;padding:0;}

/* MobileMenu */
/* Navicon */
.navicon {transition:all 0.3s;}
.navicon a {
  padding: 20px 13px;
  height: 22px;
  width: 36px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  box-sizing: content-box;
}
.navicon-line {
  height: 2px;
  width: 36px;
  background: white;
  opacity: 1;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}
.navicon a:hover .navicon-line {background:#bba46f;}
#navicon.collapsable .navicon-line {width:29px;margin-left:8px;background:#3c3c3b;}
#navicon.collapsable :nth-child(1).navicon-line {
  transform: rotate(45deg);
  transform-origin: left top 0px;
}
#navicon.collapsable :nth-child(2).navicon-line {width:0px;opacity:0;}
#navicon.collapsable :nth-child(3).navicon-line {
  transform: rotate(-45deg);
  transform-origin: left bottom 0px;
}
/* Flyout Menu */
.mobilemenubg {background:rgba(255,255,255,.9);position:fixed;width:100%;height:100vh;top:0;left:0;z-index:8000;transition:all .2s ease-in-out 0s;}
.mobilemenu {position:fixed;width:100%;top:50%;transform:translateY(-50%);z-index:9000;}
.mobilemenu ul {display:inline-block;list-style:none;margin:0;padding:0;font-family:"Poppins", sans-serif;font-weight:600;font-size:36px;line-height:40px;}
.mobilemenu ul li {display:block;}
.mobilemenu ul li a {display:block;padding:6px 0;text-decoration:none;color:#3c3c3b;transition:all .2s ease-in-out 0s;}
.mobilemenu ul li a:hover, .mobilemenu ul li.current a {color:#bba46f;}
.mobilemenu ul li:first-child {display:none;}
.mobilelogo {margin:0 80px 0 0;}

/* PREQUERIES */
.mobilemenubg {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1280px and less */
@media screen and (max-width:1280px) {
.page {width:auto;margin:0 40px;}
.content img, .content2 img {max-width:100%;height:auto !important;}
}
/* for 980px and less */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px),
            screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1470px) {
.pageflex {display:block;}
.header {top:0;}
.logopane {display:none;}
.leftpane {width:auto;margin:0 0 40px 0;}
.contentpane2 {flex:initial;}
.bottompane1, .bottompane2, .bottompane3 {margin:0 0 40px 0;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;margin:0 0 40px 0;}
.contact-map {flex:initial;margin:0;}
.gblocks {display:block;}
.gblocks a {width:auto;height:50vh;}
.darticle-header {display:block;}
.darticle-title {width:auto;margin:0 0 40px 0;}
.darticle-detail .darticle-img {width:auto;}
.darticle-content {display:block;}
.darticle-infos {width:auto;}
.darticle-description {width:auto;}
.darticle-title h1 {margin:0;}
.fcd-flex {display:block;}
.fcd-flex .flexcontent-text {flex:initial;margin:0 0 40px 0;}
.fcd-reverse {flex-direction:row;}
.fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 40px 0;}
.fcw-2col, .fcw-3col, .fcw-4col, .fcw-5col, .fcw-multicol {display:block;}
.fcw-2col .flexcontent-div {flex:initial;width:auto;padding:0;}
.mobilelogo {margin:0 0 40px 0;}
}
/* for 480px and less */
@media screen and (max-width:480px) {
.page {margin:0 30px;}
.content {padding:60px 0;}
.bottompane {padding:60px 0 80px 0;}
.bottompane2 {white-space:wrap;}
.bottom {padding:60px 0 20px 0;}
.gblockstext img, .mobilelogo img, .bottom img {max-width:100%;height:auto !important;}
.footer {padding:0 0 20px 0;}
.greybox {padding:40px 20px;margin:60px 0 0 0 !important;}
.darticlesfeatured {padding:60px 0;}
.darticle-infos {padding:40px 20px;}
.contactsat-infos .contact-item {display:block}
.contactsat-infos .contact-item .ci-header {display:none;}
.csi-footer {margin:0;}
h1, h2, h3, h4, h5, h6 {letter-spacing:0.025em;}
h1, h2 {font-size:40px;}
h2 {font-size:40px;}
.topimageheader .caption h2 {font-size:40px;line-height:54px;}
}
/* for less than 480px height */
@media screen and (max-height:480px) {
.gblocks {display:flex;}
.gblocks a {width:50%;height:100vh;}
}