/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700);

body {
  color: #575757;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  line-height: 24px;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.page {
  width: 1020px;
  margin: 0 auto;
}
.page:after {content:"";display:table;clear:both;}
.page section {background:#f7f7f9;margin:0 0 30px 0;}
.page section:after {content:"";display:table;clear:both;}
.content section:first-child {background:white;margin:0;}
.content section:last-child {margin:0;}
.header {position:relative;width:100%;background:white;min-height:130px;z-index:1100;}
.headercontent {position:absolute;top:0;left:0;width:100%;z-index:1200;}
.toppane {}
.topright {float:right;background:#313131;height:54px;line-height:54px;min-width:600px;}
.topright:after {content:"";display:table;clear:both;}
.topright a:link, .topright a:visited {color:white;text-decoration:none;}
.tr-right {float:right;}
.tr-right:after {content:"";display:table;clear:both;}
.langpane {float:right;font-size:14px;text-transform:uppercase;font-weight:700;padding:0 4px 0 12px;}
.langpane a:link, .langpane a:visited, .langpane a:active {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: 0 8px;
  margin: 0 8px 0 0;
  line-height: 24px;
}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {background:#eaeaea;color:#535352;text-decoration:none;}
.socialpane {float:right;height:54px;border-right:#464646 solid 1px;}
.headerpane {float:left;white-space:nowrap;}
.logopane {float:left;background:white;}
.logopane img {margin:20px 16px;}
.content {position:relative;z-index:1400;background:white;margin:-50px 0 0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.contentpane {padding:36px;}
.contentpane h3 {font-weight:600;text-transform:none;}
.leftpane {width:50%;float:left;}
.rightpane {width:50%;float:left;padding:40px 32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.leftpane2 {width:40%;float:left;padding:50px 32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.rightpane2 {width:60%;float:left;padding:50px 32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.leftpane3 {width:50%;float:left;padding:50px 32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.rightpane3 {width:50%;float:left;padding:50px 32px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.bottompane {background:#313131;clear:both;padding:20px 0;}

/* FOOTER */
.footer {color:#848484;font-size:11px;line-height:14px;text-transform:uppercase;padding:30px 0;position:relative;text-align:center;}
.footer span.SkinObject {font-weight:normal;color:#848484;font-size:11px;}
.footer a.SkinObject:link, .footer a.SkinObject:visited, .footer a.SkinObject:active {font-weight:normal;color:#848484;text-decoration:none;font-size:11px;}
.footer a.SkinObject:hover {font-weight:normal;color:#333;text-decoration:none;}

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

/* BUTTONS */
a.bigbutton:link, a.bigbutton:visited {background:#f5474b;color:white;display:inline-block;font-size:16px;font-weight:700;line-height:54px;text-transform:uppercase;text-decoration:none;padding:0 20px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
a.bigbutton:active, a.bigbutton:hover {background:#333;color:white;}
button.bigbutton {background:#f5474b;color:white;display:inline-block;font-size:16px;font-weight:700;line-height:54px;text-transform:uppercase;text-decoration:none;padding:0 20px;border:none;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
button.bigbutton:hover {background:#333;color:white;}
button.bigbutton:before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00c";font-size:16px;margin-right:8px;}

/* MISC */
a.backtotop {position:absolute;bottom:20px;right:4%;}
a.backtotop:link, a.backtotop:visited {background:#333;font-size:24px;line-height:normal;font-weight:normal;padding:15px 20px;}
a.backtotop:active, a.backtotop:hover {background:#f5474b;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.h3-headline {font-family:'Open Sans', sans-serif;font-size:22px;color:#575757;font-weight:700;text-transform:uppercase;}
.video-container {text-align:center;}
.rtpadding {padding:50px 32px;}

/* Image Header */
.topimageheader {height:400px;overflow:hidden;position:relative;}
.topimageheader .caption {position:absolute;bottom:100px;left:0;width:100%;color:white;z-index:1200;}
.topimageheader .caption .page {padding:0 220px 0 30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.topimageheader .caption h2 {font-size:32px;line-height:normal;color:white;text-shadow:1px 2px 0px rgba(0, 0, 0, 0.12);}
.topimageheader .caption h3 {font-size:24px;line-height:normal;color:#d6d6d6;font-weight:400;margin:5px 0 0 0;text-transform:none;}
.tih-mask:after {
    background: rgba(0,0,0,.6);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}

/* Contact Infos */
.contact-infos {}
.contact-infos .h3-headline {margin:0 0 16px 50px;}
.contact-infos .contact-item {position:relative;padding:0 0 0 50px;margin:0 0 50px 0;}
.contact-infos .contact-item span {position:absolute;top:0;left:0;font-size:24px;color:#f5474b;}
.contactsat-infos {color:white;}
.contactsat-infos:after {content:"";display:table;clear:both;}
.contactsat-infos .contact-item {float:left;border-right:#464646 solid 1px;padding:0 20px;}
.contactsat-infos .contact-item:last-child  {border-right:none;}
.contactsat-infos .contact-item span {color:#848484;}

/* Social Icons */
.socialicons {padding:10px 12px 0 20px;line-height:normal;}
.socialicons a {margin:0 8px 0 0;font-size:24px;}
/* Colored */
.si-colored a.facebookicon, a.facebookicon:hover {color:#3c5b9b;}
.si-colored a.twittericon, a.twittericon:hover {color:#2daae1;}
.si-colored a.linkedinicon, a.linkedinicon:hover {color:#0173b2;}
.si-colored a.googleplusicon, a.googleplusicon:hover {color:#db4937;}
.si-colored a.youtubeicon, a.youtubeicon:hover {color:#fe3432;}
.si-colored a.pinteresticon, a.pinteresticon:hover {color:#cb2027;}
.si-colored a.flickricon, a.flickricon:hover {color:#ff0084;}
.si-colored a.viadeoicon, a.viadeoicon:hover {color:#f49a1f;}
.si-colored a.vimeoicon, a.vimeoicon:hover {color:#41b2dc;}
.si-colored a.tripadvisoricon, a.tripadvisoricon:hover {color:#669000;}
.si-colored a.rssicon, a.rssicon:hover {color:#f08421;}

/* Cycle Articles */
.cycle-slideshow {max-width:640px;}
.cycle-nav {z-index:1500;position:absolute;top:36px;right:36px;font-size:32px;color:#f5474b;}
.cycle-nav span {margin:0 0 0 6px;}
.cycle-nav > * {cursor:pointer;}

/* Citation - Used for section headers*/
.citation {background:#f5474b;padding:25px 0 27px 0;position:relative;}
.citation h2 {font-size:32px;color:white;text-shadow:1px 2px 0px rgba(0, 0, 0, 0.12);margin:0 30px;}
.citation h3 {display:none;}
.citation:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1200;
  left: 30px;
  bottom: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-color: #f5474b transparent transparent transparent;
}

/* Gallery */
.gallery-wrapper {}
.gallery-wrapper h2 {display:none;}
.gallery {}
.gallery:after {content:"";display:table;clear:both;}
.gallery a {display:block;float:left;width:25%;}
.gallery a img {max-width:100%;height:auto;}

/* Graphic Blocks */
.gblockswrapper {}
.gblock {position:relative;padding:0 0 0 120px;min-height:75px;margin:0 0 30px 0;}
.gblock img {display:block;position:absolute;top:0;left:0;}
.gblocktext {}
.gblocktext h3 {}
.gblocktext h4 {}

/* TABLE */
.datatable {margin:20px 0;border:1px solid #e9e9e9;font-size:14px;}
.datatable th {background-color:#eee;padding:10px;color:#333;font-family:'Raleway', sans-serif;font-size:14px;font-weight:700;}
.datatable td {border-top:1px solid #e9e9e9;padding:6px 12px;}

.clearfix {clear:both;}

/* DNN Default */
.ControlPanel, .PagingTable { background:#d9d9d9; border:1px #667 solid; padding:2px; margin:0 auto; width:960px;}
.ControlPanel table td {padding:2px;}
.Head {color:#333;font-size:20px;font-family:Tahoma, Arial, Helvetica;font-weight:normal;}
.SubHead {color:#036;font-size:11px;font-family:Tahoma, Arial, Helvetica;font-weight:700;}
.SubSubHead {color:#000;font-size:11px;font-family:Tahoma, Arial, Helvetica;font-weight:700;}
.Normal, .NormalDisabled { color:#333;font-size:12px; font-family:Segoe UI, Arial, Helvetica;}
.NormalDisabled {color:#333;}
.NormalBold { color:#333;font-size:12px;font-family:Segoe UI, Arial, Helvetica;font-weight:700;}
.NormalRed {color:#F00; font-size:12px;font-family:Segoe UI, Arial, Helvetica;font-weight:700;}
.NormalTextBox {font-size:12px;font-family:Segoe UI, Arial, Helvetica;font-weight:normal;}
.DataGrid_AlternatingItem {background-color:#FFF;color:#F00;font-size:10px;font-family:Tahoma, Arial, Helvetica;font-weight:normal;}
.DataGrid_Container {background-color:Transparent;}
.DataGrid_Footer {background-color:#FFF;}
.DataGrid_Header {background-color:Transparent;color:#000;font-size:10px;font-family:Tahoma, Arial, Helvetica;font-weight:700;text-align:center;}
.DataGrid_Item {background-color:Transparent;color:#000;font-size:10px;font-family:Tahoma, Arial, Helvetica;font-weight:normal;}
.DataGrid_SelectedItem {background-color:#c0c0c0;color:#00F;font-size:10px;font-family:Tahoma, Arial, Helvetica;font-weight:normal;}
.CommandButton {font-size:11px;font-family:Tahoma, Arial, Helvetica;font-weight:normal;}
A.CommandButton:link, A.CommandButton:visited { color:#3969b7; text-decoration:underline; font-weight:700;}
A.CommandButton:hover { color:#83A3D8; text-decoration:underline;}
A.CommandButton:active { color:#000; text-decoration:underline;}
.StandardButton {padding:0 5px;background:#DDD;color:#000;font-size:11px;font-family:Verdana, sans-serif;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {color:#575757;font-family:'Open Sans', sans-serif;font-weight:700;margin:0;line-height:normal;text-transform:uppercase;}
h1 {font-size:24px;line-height:30px;color:#f5474b;}
h2 {font-size:24px;line-height:30px;}
h3 {font-size:18px;line-height:22px;}
h4 {font-size:18px;line-height:22px;color:#f5474b;}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {text-decoration:none;color:#575757;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {text-decoration:none;color:#575757;}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {text-decoration:none;color:#575757;}
h1 sup {color:#487eb9;text-transform:uppercase;font-size:16px;padding-left:5px;}
hr {border:0;height:2px;background:#f5474b;margin:30px auto;max-width:200px;}
strong {font-weight:700;} em {font-style:italic;}
tfoot, thead {color:#036;font-size:12px;font-family:Tahoma, Arial, Helvetica;}
th {color:#036;font-size:12px;font-family:Tahoma, Arial, Helvetica;font-weight:700;vertical-align:baseline;}
a:link, a:visited {color:#487eb9;text-decoration:none;}
a:active, a:hover {color:#487eb9;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
p {margin:20px 0;}
ul {margin:20px 0;padding:0;}
ul li {list-style-type:none;}
/* Styled lists */
.contentpane ul, .rightpane ul, .rightpane2 ul {padding:0;margin:20px 0 20px 15px;}
.contentpane ul li, .rightpane ul li, .rightpane2 ul li {list-style-type:none;position:relative;padding-left:30px;margin:0 0 10px 0;}
.contentpane ul li:before, .rightpane ul li:before, .rightpane2 ul li:before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00c";font-size:24px;color:#ddd;position:absolute;top:0;left:0;}
.contentleft ul {}
.contentleft ul li {padding:8px 0;border-bottom:#ddd solid 1px;}
.contentleft ul li:last-child {border-bottom:0;}
/* Documents and links */
.documents {}
.documents a {display:inline-block;font-size:16px;font-weight:700;line-height:54px;text-transform:uppercase;padding:0 20px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.documents a:before {font-family:"Font Awesome 5 Free";font-weight:400;content:"\f1c1";font-size:16px;margin-right:8px;}
.documents a:link, .documents a:visited {background:#f5474b;color:white;text-decoration:none;}
.documents a:active, .documents a:hover {background:#333;color:white;}
.newspaper-link {}
.newspaper-link a {display:inline-block;font-size:16px;font-weight:700;line-height:54px;text-transform:uppercase;padding:0 20px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.newspaper-link a:before {font-family:"Font Awesome 5 Free";font-weight:900;content:"\f05a";font-size:16px;margin-right:8px;}
.newspaper-link a:link, .newspaper-links a:visited {background:#f5474b;color:white;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {background:#333;color:white;}

blockquote {margin:40px 0;padding:8px 30px 12px 30px;border-left:none;}
blockquote, blockquote p {font-style:italic;font-size:24px;line-height:30px;color:#575757;background:#f5f5f5;text-align:center;}

/* DNN FIX */
.dnnTreePages ul {margin:0;}
.dnnActions a {text-decoration:none;}
a.dnnPrimaryAction {color:white;}
ul#ControlNav li a {text-decoration:none;}
ul.dnn_mact {margin:0;}
.DNNEmptyPane {padding:0 !important;margin:0 !important;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1020px and less - Only portrait for retina display */
@media all and (max-width:1020px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 3060px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 2040px) and (orientation: portrait) {
.page {width:auto;}
.topright {min-width:0;}
a.backtotop {bottom:0;right:0;}
img {max-width:100% !important;height:auto !important;}
}
/* for 900px and less */
@media screen and (max-width:900px) {
.headercontent {position:relative;top:0;left:0;width:100%;z-index:1200;}
.topright {float:none;}
.logopane {float:none;text-align:center;}
.content {margin:0;}
.leftpane {width:auto;float:none;}
.rightpane {width:auto;float:none;padding:30px 32px;}
.leftpane2 {width:auto;float:none;padding:50px 32px 0 32px;}
.rightpane2 {width:auto;float:none;padding:30px 32px;}
.leftpane3 {width:auto;float:none;}
.rightpane3 {width:auto;float:none;padding:0 32px 50px 32px;}
.topimageheader .caption {top:30px;}
.topimageheader .caption .page {padding:0 30px;}
.gallery a {width:50%;}
.gallery a img {width:100% !important;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.topright {height:auto;}
.tr-right {float:none;border-bottom:#464646 solid 1px;}
.headerpane {float:none;}
.content {margin:0;}
.footer {padding:20px 60px;}
.cycle-slideshow h3 {padding:0 76px 0 0;}
.topimageheader {height:auto;}
.topimageheader .caption {position:relative;top:0;}
.topimageheader .caption .page {padding:30px;}
/* 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 380px and less */
@media screen and (max-width:380px) {
.gallery a {width:100%;text-align:center;}
.gallery a img {width:auto !important;}
}