 /* Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600|Unica+One');
/* Font Awesome 5 : FAR font-weight:400, FAS font-weight:900 */

body {
  margin: 0;
  padding: 0;
  color: #282828;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  line-height: 30px;
}
img {
  border: 0;
  vertical-align: middle;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.page {
  background: white;
  position: relative;
  z-index: 2;
}
.page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.leftcontent {position:fixed;width:320px;height:100vh;background:#292c30;z-index:9000;}
.langpane {position:absolute;top:15px;left:15px;z-index:9000;}
.language-object {}
.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:"Unica One", Arial, Helvetica, sans-serif;font-size:18px;color:#f5474b;text-decoration:none;text-transform:uppercase;}
.language-object a:active, .language-object a:hover, a.langsel {background:#f5474b;color:white !important;text-decoration:none;}
.logopane {text-align:center;padding:0 20px;}
.logopane img {margin:100px 0;max-width:100%;height:auto;}
.menu {}
.pagecontent {padding:0 0 0 320px;}
.headerpane {position:fixed;width:calc(100% - 320px);height:98px;z-index:9100;}
.toppane {}
.content {padding:50px 0 0 0;}
.contentpane {padding:0 80px 50px 80px;}
.contentpane0 {width:68%;margin:0 4% 0 0;}
.rightpane {flex:1;}
.contentpane2 {}
.content2 {display:flex;}
.contentpane3 {width:50%;padding:70px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#eee;}
.contentpane4 {flex:1;padding:70px;}
.contentpane5 {}
.bottom {background:#313539;color:white;padding:40px 60px;}
.bottom .h4-headline {color:white;}
.bottom a:link, .bottom a:visited {color:white;text-decoration:none;}
.bottom a:active, .bottom a:hover {color:white;text-decoration:underline;}
.bottompane1 {color:white;min-height:128px;margin:0 80px 0 0;}
.bottompane2 {flex:1;font-size:16px;line-height:24px;}
.copyright {color:white;font-size:12px;line-height:18px;padding:20px 0;}
.copyright a:link, .copyright a:visited {color:white;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:white;text-decoration:none;}

/* Text selection */
::selection {background:#f5474b;}
::-moz-selection {background:#f5474b;}

/* BUTTONS */
a.bigbutton:link, a.bigbutton:visited {background:#f5474b;display:inline-block;font-family:"Unica One", Arial, Helvetica, sans-serif;font-size:18px;color:white;text-transform:uppercase;letter-spacing:1px;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:#f5474b;display:inline-block;font-family:"Unica One", Arial, Helvetica, sans-serif;font-size:18px;color:white;text-transform:uppercase;letter-spacing:1px;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;}

/* HEADLINES */
.h1-headline {font-family:'Open Sans', sans-serif;font-weight:400;font-size:14px;color:#787878;letter-spacing:3px;text-transform:uppercase;}
.h2-headline, .h3-headline, .h4-headline {font-family:"Unica One", Arial, Helvetica, sans-serif;font-weight:300;text-transform:uppercase;font-size:44px;line-height:60px;color:#f5474b;}
.h3-headline {color:#282828;}
.h4-headline {font-size:30px;line-height:36px;}

/* MISC */
.video-container {text-align:center;}

/* Documents and links */
.documents {margin:20px 0 0 0;}
.documents div {margin:0 0 6px 0;}
.documents a {}
.documents a:link, .documents a:visited {background:#f5474b;display:inline-block;font-family:"Unica One", Arial, Helvetica, sans-serif;font-size:18px;color:white;text-transform:uppercase;letter-spacing:1px;text-decoration:none;padding:0 20px;line-height:54px;text-align:center;}
.documents a:active, .documents a:hover {background:#333333;color:white;text-decoration:none;}
.documents a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f1c1";margin:0 6px 0 0;}
.newspaper-link {text-align:center;}

/* Graphic Blocks */
.gblockswrapper {}
.gblocks {display:flex;flex-wrap:wrap;}
.gblocks a, .gblock {display:block;flex:1 1 25%;overflow:hidden;background:#24292d;
-webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;}
.gblocks a:nth-child(even), .gblock:nth-child(even) {background:#2b3136;}
.gblocks a:hover {background:#f5474b;text-decoration:none;}
.gblocks a:hover .gblockstext h3 {color:white;}
.gblock img {display:block;width:100%;height:auto;}
.gblockstext {padding:30px;display:flex;flex-direction:column-reverse;}
.gblockstext h2 {font-size:36px;line-height:40px;margin:10px 0;color:white;}
.gblockstext h3 {font-size:18px;line-height:18px;margin:0;color:#f5474b;}

/* Slider */
.slider-container {width:100%;position:relative;overflow:hidden;min-height:320px;height:100vh;}
.rslides {position:fixed;list-style:none;overflow:hidden;width:calc(100% - 300px);height:100%;padding:0;margin:0;} /* Fixed Hero */
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;height:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rs-mask .rslides li:after {
    background: rgba(0,0,0,.2);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1000;
}
/* Caption */
.rslides li .caption {position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;z-index:1100;margin-top:-50px;}
.rslides li .caption h2 {font-size:72px;line-height:72px;color:white;margin:0;}
.rslides li .caption h3 {font-size:36px;line-height:36px;color:white;margin:0;}
.rslides li .caption hr {background:white;}
/* Pager */
.rslides_tabs {position:absolute;z-index:9000;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-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;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
  background: rgba(255,255,255, .2);
  display: inline-block;
  width: 12px;
  height: 12px;
}
.rslides_tabs .rslides_here a {
  background: white;
  background: rgba(255,255,255, .8);
}

/* Image Headers */
.topimageheader {height:600px;overflow:hidden;position:relative;}
.topimageheader .caption {position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:white;text-align:center;z-index:1200;}
.topimageheader .caption h2 {font-size:72px;line-height:72px;color:white;margin:0;}
.topimageheader .caption h3 {font-size:36px;line-height:36px;color:white;margin:0;}
.topimageheader .caption hr {background:white;}
.tih-mask:after {
    background: rgba(0,0,0,.2);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}

/* Citation */
.citation-window {min-height:400px;background:#f5474b;color:white;display:flex;align-items:center;}
.citation-content {margin:0 auto;padding:40px 30px;text-align:center;}
.citation-content h2 {color:white;margin:20px;}
.citation-content hr {background:white;}
.citation-text {font-size:20px;line-height:30px;letter-spacing:1px;padding:0 80px;}
.citation-extra {font-weight:700;text-transform:uppercase;margin:20px 0 0 0;}
.citation-link {margin:20px 0 0 0;}

/* Gallery */
.gallery-wrapper {}
.gallery {}
.gallery:after {content:"";display:table;clear:both;}
.gallery a {display:block;float:left;margin:0 20px 20px 0;}

/* NEWS */
.blogwrapper {}
.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:"Unica One", Arial, Helvetica, sans-serif;font-weight:300;color:#f5474b;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.fd-month {background-color:#f5474b;color:white;font-size:12px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;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: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ccc;
}
/* Sat */
.blog-sat .h4-headline {display:none;}
.blog-sat .blog {margin:20px 0 0 0;}
.blog-sat .blog article {margin:0;padding:0;}
.blog-sat .blog article figure {width:240px;margin:0 0 20px 0;}
.blog-sat .blog article figure img {max-width:100%;height:auto;}
.blog-sat .blog article .article-content {display:block;margin:0;}
.blog-sat .blog article .article-content h3 {font-size:36px;line-height:40px;margin:0 0 10px 0;}
.blogsatlink {margin:20px 0 0 0;}
/* Archives */
.blog-archives {background:#f5f0e9;padding:30px;margin:40px 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:"Unica One", Arial, Helvetica, sans-serif;font-weight:300;font-size:44px;line-height:60px;color:#f5474b;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;}

/* SOCIAL ICONS */
.socialicons {margin:40px 0 0 0;text-align:center;font-size:0;}
.socialicons a {
  display: inline-block;
  font-size: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  text-decoration: none !important;
  margin: 0 5px;
  background: #3b4045;
  color: white !important;
}
.si-colored a.facebookicon:hover {background:#3c5b9b !important;}
.si-colored a.twittericon:hover {background:#2daae1 !important;}
.si-colored a.linkedinicon:hover {background:#0173b2 !important;}
.si-colored a.googleplusicon:hover {background:#db4937 !important;}
.si-colored a.youtubeicon:hover {background:#fe3432 !important;}
.si-colored a.pinteresticon:hover {background:#cb2027 !important;}
.si-colored a.instagramicon:hover {background:#ee80a7 !important;}
.si-colored a.flickricon:hover {background:#ff0084 !important;}
.si-colored a.viadeoicon:hover {background:#f49a1f !important;}
.si-colored a.vimeoicon:hover {background:#41b2dc !important;}
.si-colored a.tripadvisoricon:hover {background:#669000 !important;}
.si-colored a.rssicon:hover {background:#f08421 !important;}

/* CONTACT DETAILS MAP */
.contact-wrapper {display:flex;}
.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: #f5474b;
  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:0 0 40px 40px;}

/* Contact Form */
.contactformfields input[type=text], .contactformfields input[type=email] {background:white !important;}
.contactformfields textarea {background:white !important;}
.cff-cb input ~ label:before {background:white !important;}
.cff-cb input ~ label:hover:before {background:#ccc !important;}
.cff-cb input:checked ~ label:before {background:#2196F3 !important;}

/* 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;}

/* TABLE */
.datatable {margin:20px 0;border:2px solid #eee;font-size:18px;border-collapse:collapse;}
.datatable th {border:2px solid #eee;background-color:#1d1d1d;padding:12px 36px;text-align:right;color:white;font-family:'Open Sans', sans-serif;font-weight:600;font-size:18px;text-transform:uppercase;font-style:normal;}
.datatable td {border:2px solid #eee;padding:12px 36px;text-align:left;}

.Normal, .NormalDisabled, .NormalDeleted {font-size:18px;line-height:30px;}
.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {font-family:"Unica One", Arial, Helvetica, sans-serif;font-weight:300;margin:0;line-height:normal;text-transform:uppercase;color:#f5474b;}
h1 {font-size:24px;color:#787878;}
h2 {font-size:60px;line-height:64px;}
h3 {font-size:44px;line-height:50px;color:#282828;}
h4 {font-size:30px;line-height:36px;}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {text-decoration:none;color:#787878;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {text-decoration:none;color:#f5474b;}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {text-decoration:none;color:#282828;}
strong {font-weight:600;}
a:link, a:visited {color:#f5474b;text-decoration:none;}
a:active, a:hover {color:#f5474b;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4 {margin:20px 0;}
p {margin:12px 0;}
ul {margin:12px 0;padding:0;}
.content ul {padding:0;margin:20px 0 20px 15px;}
.content ul li {list-style-type:none;position:relative;padding:0 0 0 24px;margin:0 0 10px 0;}
.content ul li:before {font-family:'Font Awesome 5 Free';font-weight:900;font-size:10px;content:'\f111';color:#f5474b;position:absolute;top:0;left:0;}
ul.multicolumn {
  -webkit-columns: 3;
  -moz-columns: 3;
  columns: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
hr {border:0;height:2px;background:#f5474b;margin:30px auto;max-width:170px;clear:none;}
blockquote {border-left:#c6c6c6 solid 10px;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:#8a8a8a;}

/* DEBUG */
.DNNEmptyPane {width:auto;margin:0 !important;padding:0 !important;}
/* DNN9 Fix */
.dnnModuleManager {
    padding: 0 !important;
}

/* LOGIN */
.LoginPanel {border:#eee solid 2px;border-radius:24px;padding:40px;}
.LoginPanel input {border:none;height:40px;padding-left:10px;background:#eee;color:#3c3c3b;font:inherit;width:320px !important;}
.dnnPrimaryAction {}
a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited {background:#12aec5;color:white;display:inline-block;font-weight:600;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;}
a.dnnPrimaryAction:active, a.dnnPrimaryAction:hover {background:#3c3c3b;color:white;text-decoration:none;}
.dnnSecondaryAction {}
a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited {background:#eee;color:#3c3c3b;display:inline-block;font-weight:600;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;}
a.dnnSecondaryAction:active, a.dnnSecondaryAction:hover {background:#3c3c3b;color:white;text-decoration:none;}
.dnnLoginRememberMe {display:none;}
/* FORGOT PASSWORD */
.dnnSendPassword {border:#eee solid 2px;border-radius:24px;padding:40px;}
.dnnSendPassword input {border:none;height:40px;padding-left:10px;background:#eee;color:#3c3c3b;font:inherit;}
.dnnSendPassword .dnnFormItem {margin:40px 0;}
/* Fix */
.dnnFormHelpContent {display:none;}
.dnnFormItem .password-strength-container input {width:auto !important;margin-bottom:0 !important;}
.password-strength-container .meter {height:auto !important;}
.dnnLoginActions ul li, .dnnRegistrationForm ul li, .dnnSendPassword ul li {display:inline-block;margin:0 3px;padding:0 0 0 24px;}
.dnnLoginActions ul li:before, .dnnRegistrationForm ul li:before, .dnnSendPassword ul li:before {content:'';}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;}
nav#dnnMenu ul {list-style:none;margin:0;padding:0;}
nav#dnnMenu ul li {
  display: block;
  height: 56px;
	position: relative;
  border-top: #313539 solid 1px;
}
nav#dnnMenu ul li a {
  display: block;
  padding: 0 15px;
  height: 56px;
  line-height: 56px;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  text-align: center;
  font-family: "Unica One", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 2px;
}
nav#dnnMenu ul li:last-child {border-bottom:#313539 solid 1px;}
nav#dnnMenu ul li a:hover {color:#f5474b;}

/* MobileMenu */
/* Button */
.navicon {display:none;}
.navicon:after {content:"";display:table;clear:both;}
.navicon a {display:block;height:50px;line-height:50px;text-align:center;text-decoration:none !important;float:right;margin-right:15px;}
.navicon a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f0c9";font-size:28px;color:white;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for less than 1280px */
@media screen and (max-width:1280px) {
.gblocks a {flex: 1 1 50%;}
.bottom img {max-width:100%;height:auto !important;}
.blog article .article-content {display:block;}
.blog article figure {margin:0 0 20px 0;}
.blog article .article-summary {flex:initial;}
}
/* for 1024px and less - Only portrait for retina display */
@media all and (max-width:1024px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 3072px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 2048px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1536px) and (orientation: portrait) {
.menu {display:none;}
.navicon {display:block;}
.leftcontent {position:relative;width:auto;height:auto;}
.logopane img {margin:0;}
.pagecontent {padding:0;}
.leftpane {padding:0 0 40px 0;}
.rslides {position:absolute;width:100%;}
.rslides li .caption {margin-top:0;}
.rslides li .caption h2 {font-size:60px;line-height:60px;}
.topimageheader .caption h2 {font-size:60px;line-height:60px;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;}
.contact-map {margin:0 0 40px 0;}
.blog article .article-content {display:block;}
.blog article figure {margin:0 0 20px 0;}
.blog article .article-summary {flex:initial;}
nav#dnnMenu ul {padding:20px 0 0 0;}
/* 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 less than 780px */
@media screen and (max-width:780px) {
.pagecontent img {max-width:100%;height:auto !important;}
.pageflex {display:block;}
.contentpane {padding:0 40px 50px 40px;}
.contentpane0 {width:auto;margin:0 0 40px 0;}
.rightpane {flex:initial;}
.content2 {display:block;}
.contentpane3 {width:auto;padding:40px;}
.contentpane4 {flex:initial;padding:40px;}
.bottom {padding:40px;}
.bottompane1 {margin:0 0 40px 0;}
.bottompane2 {flex:initial;}
.gblocks {display:block;}
.gblocks a {flex:initial;}
.blog article {padding:0;}
.formatdate {display:none;}
}
/* for less than 480px */
@media screen and (max-width:480px) {
.article-flex {display:block;}
.blog-detail .article-infos {width:auto;margin:40px 0 0 0;}
.blog-detail .article-content {flex:initial;}
}

