 /* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600|Montserrat:400,700);
/* Font Awesome 5 : FAR font-weight:400, FAS font-weight:900 */

body {
  background: white;
  color: #333;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  line-height: 30px;
}
.pagemaster {
  background: white;
  width: 100%;
  position: relative;
  z-index: 1;
}
.pagelarge {
  position: relative;
  padding: 0 30px;
}
.page {
  position: relative;
  padding: 0 2%;
}
.page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.header {position:absolute;top:1px;left:0;width:100%;z-index:1300;background:rgba(255, 255, 255, 0);transition:all 0.5s;}
.header.is-sticky {position:fixed;top:0;background:rgba(255, 255, 255, 0.9);box-shadow:0px 1px 3px rgba(0,0,0,0.12);overflow:visible;}
.langpane {position:absolute;top:20px;left:0;}
.language-object:after {content:"";display:table;clear:both;}
.language-object a {display:block;float:left;width:30px;line-height:24px;margin:0 10px 0 0;text-align:center;}
.language-object a:link, .language-object a:visited {font-family:'Montserrat', sans-serif;font-size:18px;color:#eca909;font-weight:700;text-decoration:none;text-transform:uppercase;}
.language-object a:active, .language-object a:hover, a.langsel {background:#eca909;color:white !important;text-decoration:none;}
.logopane {float:left;}
.logopane img {margin:30px 0;transition:all 0.3s;}
.is-sticky .logopane img {margin:5px 0;height:55px;width:auto;}
.toppane {min-height:240px !important;}
.content {max-width:1250px;margin:0 auto;padding:0 0 100px 0;}
.contentpane {padding:60px 0 0 0;}
.contentflex {display:flex;}
.leftpane {width:64%;margin:0 4% 0 0;padding:60px 0 0 0;}
.rightpane {flex:1;padding:60px 0 0 0;}
.contentpane2 {background:#f2f2f2;}
.bottom {background:#f2f2f2;padding:40px 60px;}
.bottompane1 {min-height:128px;margin:0 80px 0 0;}
.bottompane2 {margin:0 80px 0 0;}
.bottommenu {flex:1;text-align:right;}
.bottommenu a {font-size:14px;display:inline-block;margin:0 0 0 24px;}
.bottommenu a:link, .bottommenu a:visited {color:rgba(0, 0, 0, 0.35);text-decoration:none;}
.bottommenu a:active, .bottommenu a:hover {color:rgba(0, 0, 0, 1);text-decoration:none;}
.bottommenu a.current {color:#333;}
.footer {background:white;padding:30px 0;}
.copyright {color:#ccc;font-size:12px;}
.copyright span {white-space:pre;}
.copyright a:link, .copyright a:visited {color:#ccc;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#333;text-decoration:none;}

/* BUTTONS */
a.bigbutton {transition:all .3s ease;border-radius:2px;}
a.bigbutton:link, a.bigbutton:visited {background:#eca909;display:inline-block;font-family:'Montserrat', sans-serif;font-weight:700;font-size:18px;color:white;text-decoration:none;padding:0 20px;line-height:54px;text-align:center;}
a.bigbutton:active, a.bigbutton:hover {background:#333333;color:white;text-decoration:none;}
a.bigbutton:before {font-family:'Font Awesome 5 Free';font-weight:900;content:'\f105';margin:0 6px 0 0;}
button.bigbutton {background:#eca909;display:inline-block;font-family:'Montserrat', sans-serif;font-weight:700;font-size:18px;color:white;text-decoration:none;padding:0 20px;line-height:54px;text-align:center;border:none;cursor:pointer;font-style:normal;}
button.bigbutton:hover {background:#333333;color:white;}
a.backtotop {position:fixed;bottom:0;right:75px;width:48px;border-radius:4px 4px 0 0;opacity:0.9;transition:all .2s ease-in-out 0s;padding:0;z-index:9900;display:none;}
a.backtotop i {font-size:16px;}
a.backtotop:before {display:none;}

/* HEADLINES */
.h1-headline {font-family:'Open Sans', sans-serif;font-weight:400;font-size:24px;line-height:38px;letter-spacing:1px;}
.h2-headline {font-family:'Montserrat', sans-serif;font-weight:700;font-size:60px;line-height:1.5;}
.h3-headline {font-family:'Open Sans', sans-serif;font-weight:400;font-size:24px;line-height:30px;}
.h4-headline {font-family:'Montserrat', sans-serif;font-weight:700;font-size:17px;font-weight:400;line-height:1.5;letter-spacing:2px;}

/* Documents and links */
.documents a {transition:all 0.3s ease;}
.documents a:link, .documents a:visited {color:#eca909;display:inline-block;font-family:'Montserrat', sans-serif;font-weight:700;font-size:18px;text-decoration:none;}
.documents a:active, .documents a:hover {color:#333;text-decoration:none;}
.documents a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:'\f1c1';margin-right:12px;}
.newspaper-link a {transition:all 0.3s ease;}
.newspaper-link a:link, .newspaper-link a:visited {color:#eca909;display:inline-block;font-family:'Montserrat', sans-serif;font-weight:700;font-size:18px;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {color:#333;text-decoration:none;}
.newspaper-link a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:'\f055';margin-right:12px;}

/* MISC */
::selection {background:#eca909;}
.megahr {background:#eca909;height:16px;margin:0 auto;width:100%;max-width:40%;}
.fcd-flex .fcd-images {margin:20px 0 0 0;}
.video-container {text-align:center;}

/* Graphic Blocks */
.gblockswrapper .h1-headline {text-align:center;color:white;}
.gblocks {text-align:center;}
.gblocks:after {content:"";display:table;clear:both;}
.gblocks a {display:block;width:33.33%;width:calc(0px + 33.33%);position:relative;float:left;overflow:hidden;}
.gblocks a:after {background:rgba(0,0,0,.3);position:absolute;width:100%;height:100%;content:"";left:0;top:0;z-index:1000;}
.gblocks img {display:block;width:100%;height:auto;transform:scale(1);}
.gblockstext {position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center;z-index:1100;}
.gblockstext h2 {font-size:36px;margin:0 40px;color:white;}
.gblockstext h3 {font-size:32px;line-height:36px;margin:0 40px;color:#eee;}
.gblocks a:hover img {opacity:1;transform:scale(1.12);transition:opacity 1s,transform 1s;}

/* References */
.grid-wrapper {padding:100px 0;}
.grid-wrapper h2 {text-align:center;}
.grid-refs {max-width:1280px;margin:0 auto;}
.grid-refs:after {content:"";display:block;clear:both;}
.grid-sizer {width:33.33%;}
.grid-item {float:left;width:33.33%;height:320px;cursor:pointer;padding:15px;box-sizing:border-box;}
.grid-item * {transition:.4s;}
.grid-item1 {width:66.66%;}
.grid-item2 {height:640px;}
.grid-item3 {width:66.66%;height:640px;}
.refsimg {width:100%;height:100%;background-size:cover;background-position:center center;position:relative;overflow:hidden;}
.refsoverlay {
  display: flex;
  align-items: center;
  justify-content: space-around;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(236, 169, 9, 0.75);
  transform: translateX(-100%);
  transition: all .3s ease-in-out;
}
.refsoverlay h4 {color:white;}
.refsoverlay a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.refstext {position:absolute;bottom:0;left:0;right:0;padding:30px 25px 20px 25px;background:white;z-index:1200;color:#666;transition:all .3s ease;}
.refstext h3 {
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 28px;
  font-size: 20px;
  color: #eca909;
  margin: 0 0 6px 0;
}
.refstext p {font-size:16px;line-height:24px;margin:6px 0;}
.grid-item:hover .refsoverlay {opacity:1;transform:translateX(0px);}
.grid-item:hover .refstext {transform: translateY(100%);}

/* Gallery */
.gallery:after {content:"";display:table;clear:both;}
.gallery a {display:block;float:left;width:25%;overflow:hidden;}
.gallery a img {width:100%;height:auto;transform:scale(1);}
.gallery a:hover img {transform:scale(1.12);transition:opacity 1s,transform 1s;}

/* Citation */
.citation-window {min-height:400px;background:#eca909;color:white;display:flex;align-items:center;}
.citation-content {margin:0 auto;padding:60px 0;text-align:center;}
.citation-content h2 {color:white;margin:0 20px 20px 20px;}
.citation-content hr {background:white;}
.citation-text {font-size:20px;line-height:30px;letter-spacing:1px;padding:0 80px;}
.citation-extra {font-weight:600;text-transform:uppercase;margin:20px 0 0 0;}
.citation-link {margin:20px 0 0 0;}

/* Slider */
.slider-container {width:100%;position:relative;overflow:hidden;height:100vh;}
.rslides {position:fixed;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;} /* Fixed Hero */
.rslides li {position:absolute;display:none;width:100%;height:100%;left:0;top:0;}
.rslides li:after {
    background: rgba(0,0,0,.3);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1000;
}
.rslides li:first-child {position:relative;display:block;float:left;}
/* Caption */
.rslides li .caption {position:absolute;top:50%;width:100%;transform:translateY(-50%);color:white;text-align:center;z-index:1100;}
.rslides li .caption h2 {font-size:80px;line-height:80px;color:white;text-transform:uppercase;margin:0;}
.rslides li .caption h3 {color:white;}
	
/* Pager */
.rslides_tabs {position:absolute;z-index:9000;bottom:20px;left:50%;transform:translateX(-50%);list-style:none;padding:0;margin:0;}
.rslides_tabs li {
  display: inline;
  padding: 0;
  margin: 0 2px;
}
.rslides_tabs a {
  text-indent: -9000px;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(255,255,255, .2);
  display: inline-block;
  width: 12px;
  height: 12px;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255, .8);
}

/* Image Headers */
.topimageheader {height:400px;overflow:hidden;position:relative;}
.topimageheader .caption {position:absolute;top:50%;width:100%;transform:translateY(-50%);color:white;text-align:center;z-index:1100;}
.topimageheader .caption h2 {font-size:80px;line-height:80px;color:white;text-transform:uppercase;margin:0;}
.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: 1000;
}

/* NEWS */
.blogheader {margin:0 0 40px 0;}
.blogtools {float:right;}
.blog article {margin:0 0 40px 0;position:relative;padding:0 0 0 100px;}
.blog article h2 {font-size:36px;line-height:36px;margin:0 0 20px 0;}
.formatdate {position:absolute;top:0;left:0;width:72px;text-transform:uppercase;text-align:center;}
.formatdate span {display:block;}
.fd-day {background-color:white;height:60px;line-height:60px;font-size:40px;font-family:'Montserrat', sans-serif;font-weight:700;color:#eca909;border-radius:3px 3px 0 0;}
.fd-month {background-color:#eca909;color:white;font-size:12px;border-radius:0 0 3px 3px;}
.blog article .article-content {display:flex;margin:10px 0 0 0;}
.blog article figure {margin:0 30px 0 0;}
.blog article .article-summary {flex:1;}
.bloginfo {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ccc;
}
/* Sat */
.blog-sat {max-width:1250px;margin:0 auto;padding:100px 4%;}
.blog-sat .h4-headline {font-size:24px;line-height:30px;margin:0;}
.blog-sat .blog {margin:20px 0 0 0;}
.blog-sat .blog article {display:flex;margin:0;padding:0;}
.blog-sat .blog article figure {width:240px;margin:0 30px 0 0;}
.blog-sat .blog article figure img {max-width:100%;height:auto;}
.blog-sat .blog article .article-content {flex:1;display:block;margin:0;}
.blog-sat .blog article .article-content h3 {font-size:30px;line-height:36px;margin:0 0 10px 0;}
.blogsatlink {margin:30px 0 0 0;}
/* Archives */
.blog-archives {background:#f5f0e9;padding:30px;margin:20px 0 0 0;}
.blog-archives-item {margin:0 0 10px 0;}
.blog-archives-item .count {float:right;color:#999;font-size:14px;}
.blog-archives-item .count span {margin-left:4px;font-size:24px;}
/* Details */
.article-flex {display:flex;flex-direction:row-reverse;}
.blog-detail article h1 {font-family:'Montserrat', sans-serif;font-weight:700;font-size:44px;line-height:60px;color:#eca909;letter-spacing:0;}
.blog-detail article figure {margin:0 0 40px 0;}
.blog-detail img {max-width:100%;height:auto !important;}
.blog-detail .article-infos {width:240px;margin:0 40px 0 0;}
.blog-detail .article-infos > div {margin:0 0 20px 0;}
.blog-detail .article-content {flex:1;}
.sharrre {margin-top:4px;}
.sharrre a {display:inline-block;font-size:24px;line-height:24px;margin:0 10px 0 0;}
.article-gallery {display:flex;}
.article-gallery a {margin:0 10px 10px 0;}

/* CONTACT DETAILS MAP */
.contact-wrapper {display:flex;max-width:1070px;margin:0 auto;}
.contact-infos {width:50%;margin:0 0 40px 0;}
.contact-item {position:relative;padding:0 0 0 62px;margin:0 0 40px 0;}
.ci-header span {
  display: block;
  background: #eca909;
  height: 42px;
  width: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  color: white;
  font-size: 21px;
  position: absolute;
  top: 0;
  left: 0;
}
.contact-map {flex:1;margin:20px 0 40px 40px;}
.csi-content {margin:20px 0 0 0;}
.contactsat-infos {font-size:16px;line-height:24px;}
.contactsat-infos .csi-content {margin:0;}

/* LABELS */
.labelswrapper {font-size:0;}
.labels {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;}
.labels img {display:inline-block;margin:0 20px 30px 20px;}

/* SOCIAL ICONS */
.socialicons {margin:20px 0 0 0;font-size:0;}
.socialicons a {
  display: inline-block;
  font-size: 24px;
  margin: 0 6px 0 0;
  line-height: 42px;
  width: 42px;
  text-align: center;
  border-radius: 3px;
}
.socialicons a span {vertical-align:middle;}
.socialicons a:link, .socialicons a:visited {background:white;color:#333;text-decoration:none;}
.socialicons a:active, .socialicons a:hover {background:#eca909;color:#333;text-decoration:none;}

/* TABLE */
.datatable {margin:40px 0;border:1px solid #e9e9e9;font-size:18px;border-collapse:collapse;}
.datatable th {border:1px solid #e9e9e9;background:#f2f2f2;padding:10px;color:#333;font-family:'Open Sans', sans-serif;font-size:18px;font-weight:600;}
.datatable td {border:1px solid #e9e9e9;padding:6px 12px;}

.Normal, .NormalDisabled, .NormalDeleted {font-size:18px;line-height:30px;}
.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {font-family:'Montserrat', sans-serif;font-weight:700;margin:0;line-height:normal;color:#333;}
h1 {font-size:24px;line-height:38px;font-family:'Open Sans', sans-serif;font-weight:400;letter-spacing:1px;}
h2 {font-size:60px;line-height:1.5;}
h3 {font-size:24px;line-height:30px;font-family:'Open Sans', sans-serif;font-weight:400;}
h4 {font-size:17px;font-weight:400;line-height:1.5;letter-spacing:2px;}
h2 a:link, h2 a:visited {text-decoration:none;color:#eca909;}
h2 a:active, h2 a:hover {text-decoration:none;color:#333;}
h3 a:link, h3 a:visited {text-decoration:none;color:#333;}
h3 a:active, h3 a:hover {text-decoration:none;color:#eca909;}
strong {font-weight:600;}
a:link, a:visited {color:#eca909;text-decoration:none;}
a:active, a:hover {color:#eca909;text-decoration:underline;}
h1, h2, h3, h4 {margin:20px 0;}
p {margin:20px 0;}
ul {margin:20px 0;padding:0;}
li p {line-height:30px;}
.content ul, .contentright ul {margin:20px 0 20px 30px;}
.content ul li, .contentright ul li {list-style-type:disc;margin:0 0 10px 0;}
.content ul li:last-child, .contentright ul li:last-child {margin:0;}
.content ul li::marker, .contentright ul li::marker {color:#eca909;}
hr {border:0;height:2px;background:#eca909;margin:40px auto;max-width:300px;clear:none;}
blockquote {border-left:#eca909 solid 8px;margin:40px;padding:0 0 0 20px;max-width:800px;}
blockquote, blockquote p {font-size:18px;line-height:30px;font-weight:600;font-style:normal;color:#eca909;}

/* DEBUG */
.DNNEmptyPane {width:auto;margin:0 !important;padding:0 !important;}
.dnnModuleManager {padding:0 !important;}
.toppane .rocketactionmenu {top:120px;}
.toppane a.rocketconfigbutton {margin-top:240px;}

/* MobileMenu */
/* Navicon */
.navicon {
  float: right;
  margin: 101px 0 0 0;
  display: flex;
  align-items: center;
	transition: all 0.3s;
}
.navicon a {
  padding: 0 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:#eca909;}
#navicon.collapsable .navicon-line {width:29px;}
#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;}
.is-sticky .navicon {margin:21px 0 0 0;}
/* Flyout Menu */
.mobilemenubg {background:#eca909;position:fixed;width:100%;height:100vh;top:0;left:0;z-index:1200;}
.mobilemenu {position:fixed;top:50%;width:100%;transform:translateY(-50%);z-index:1400;text-align:center;}
.mobilemenu ul {display:inline-block;list-style:none;margin:0;padding:0;font-family:'Montserrat', sans-serif;font-weight:700;font-size:48px;line-height:48px;letter-spacing:-1px;}
.mobilemenu ul li {display:block;}
.mobilemenu ul li a {display:block;padding:12px 40px;text-decoration:none;color:rgba(255, 255, 255, 0.5);}
.mobilemenu ul li a:hover {color:white;}
.mobilemenu ul li.current a {color:white;}

/* PREQUERIES */
.mobilemenubg, .mobilemenu {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 780px and less - Only portrait for retina display */
@media all and (max-width:780px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2340px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1560px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1170px) and (orientation: portrait) {
.pagelarge {padding:0;}
.page {padding:0 8%;}
.pageflex {display:block;}
.header {top:0;background:rgba(255, 255, 255, 0.9);}
.langpane {left:20px;}
.logopane img {margin:5px 0;height:55px;width:auto;}
.contentflex {display:block;}
.leftpane {width:auto;margin:0 0 60px 0;}
.rightpane {flex:initial;}
.bottom {padding:40px 8%;}
.bottompane1, .bottompane2 {margin:0 0 40px 0;}
.bottommenu {flex:initial;}
.footer {text-align:center;}
.copyright {float:none;}
.footerpane {float:none;}
.content img {max-width:100%;height:auto !important;}
h2 {font-size:40px;line-height:1.2;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;}
.contact-map {margin:0 0 40px 0;}
.gblocks a {width:auto;float:none;max-height:400px;}
.grid-sizer {width:50%;}
.grid-item {width:50%;}
.grid-item1 {width:100%;}
.grid-item3 {width:100%;}
.gallery a {width:50%;}
.citation-text {padding:0 8%;}
.rslides li .caption h2 {font-size:60px;line-height:60px;margin:0 8%;}
.rslides li .caption h3 {margin:0 8%;}
.topimageheader .caption h2 {font-size:60px;line-height:60px;margin:0 8%;}
.topimageheader .caption h3 {margin:0 8%;}
.blog article {padding:0;}
.formatdate {position:relative;margin:0 0 20px 0;}
.article-flex {display:block;flex-direction:row-reverse;}
.blog-detail .article-infos {width:auto;margin:0;}
.blog-detail .article-content {flex:initial;}
.blog-sat {padding:60px 8%;}
.blog-sat .blog article {display:block;}
.blog-sat .blog article figure {margin:0 0 20px 0;}
.blog-sat .blog article .article-content {flex:initial;}
.navicon {margin:21px 0 0 0;}
.mobilemenu ul {display:block;font-size:36px;line-height:36px;}
.mobilemenu ul li a {padding:12px 8%;}
a.backtotop {display:none !important;}
/* 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%;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.grid-sizer {width:100%;}
.grid-item {width:100%;}
}