/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600&display=swap');

body {
  color: black;
  font-size: 20px;
  font-family: 'Outfit', sans-serif;
  line-height: 30px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.pagelarge {
  position: relative;
  margin: 0 128px 0 40px;
}
.page {
  position: relative;
  width: 1240px;
  margin: 0 auto;
}
.pagelarge:after, .page:after {content:"";display:table;clear:both;}
.pageflex {display:flex;}

.sidepane {
    position: fixed !important;
    top: 0;
    right: 0;
    width: 88px;
    z-index: 9900;
}
.sidemenu a {display:flex;width:88px;height:88px;justify-content:center;align-items:center;font-size:14px;line-height:20px;font-weight:600;}
.sidemenu a div {display:inline-block;}
.sidemenu a span.material-icons {font-size:30px;display:block;text-align:center;}
.sidemenu a:link, .sidemenu a:visited {background:#189da3;color:white;text-decoration:none;}
.sidemenu a:active, .sidemenu a:hover {background:black;color:white;text-decoration:none;}
.banner {position:absolute;width:100%;top:40px;z-index:1200;}
.bannerflex {display:flex;align-items:center;}
.splitscreen {display:flex;}
.menuwrapper {flex:1;}
.toppane {min-height:400px;}
.leftpane {width:68%;margin:0 4% 0 0;padding:40px 0 0 0;}
.rightpane {width:28%;flex:1;padding:40px 0 0 0;}
.cp3 {padding:0 0 80px 0;}
.bottom {background:url("bottombg2.jpg") no-repeat bottom left;padding:60px 40px 0 456px;min-height:526px;color:#189da3;}
.bottompane h4, .bottompane p {margin:0;}
.bottompane .h4-headline {color:#189da3;}
.bp1 {margin:0 120px 0 0;}
.bp2 {flex:1;max-width:480px;}
.copyright {font-size:16px;line-height:24px;color:#a7d1d4;padding:0 0 40px 0;}
.copyright a:link, .copyright a:visited {color:#a7d1d4;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#189da3;text-decoration:none;}
.cr2 {flex:1;text-align:right;}

/* Sections */
section {position:relative;overflow:hidden;}
section#section1 {padding:40px 0 0 0;}
section#section4 {padding:148px 0 0 0;}
.section-content {position:relative;z-index:2;}
/* HP Reveal */
.homepage section h1, .homepage section h2 {opacity:0;transform:translateX(-48px);transition-property:opacity, transform;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.homepage section.section-reveal h1, .homepage section.section-reveal h2 {opacity:1;transform:translateX(0px);}
.homepage section .gblockstext h2 {opacity:1;transform:none;}
/* SVG */
.st0 {fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.st1 {fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:141.4644,23.5774;}
.st2 {fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:101.8375,16.9729;}
section#section0 .section-svg {
    position: absolute;
    top: 150px;
    left: -50px;
    z-index: 1200;
}
section#section0 .section-svg .line1 path {stroke:#189da3;}
section#section0 .section-svg .line2 path {stroke:#0072b6;}
section#section3 .section-svg {
    position: absolute;
    top: 20px;
    right: -32px;
    z-index: 2;
}
section#section3 .section-svg svg {transform:scaleX(-1);}
section#section3 .section-svg .line1 path {stroke:#f5ac03;}
section#section3 .section-svg .line2 path {stroke:#189da3;}

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

/* BUTTONS */
a.bigbutton {transition:all .2s ease-in-out 0s;}
a.bigbutton {display:inline-block;font-family:'Outfit', sans-serif;font-weight:600;font-size:18px;line-height:24px;padding:8px 24px;border-radius:20px;margin:12px 20px 0 0;box-sizing:border-box;transition:all 0.3s ease;min-width:200px;text-align:center;}
a.bigbutton:link, a.bigbutton:visited {box-shadow:inset 0px 0px 0px 2px #189da3;color:#189da3;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {box-shadow:inset 0px 0px 0px 2px black;color:black;text-decoration:none;}
button.bigbutton {background:none;box-shadow:inset 0px 0px 0px 2px #189da3;color:#189da3;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:20px;border:none;cursor:pointer;min-width:200px;text-align:center;}
button.bigbutton:hover {background:#012928;box-shadow:none;color:white;}

/* Documents and links */
.documents a {display:inline-block;font-family:'Outfit', sans-serif;font-weight:600;font-size:18px;line-height:24px;padding:8px 24px;border-radius:20px;margin:12px 20px 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 #189da3;color:#189da3;text-decoration:none;}
.documents a:active, .documents a:hover {box-shadow:inset 0px 0px 0px 2px black;color:black;text-decoration:none;}
.newspaper-link a {display:inline-block;font-family:'Outfit', sans-serif;font-weight:600;font-size:18px;line-height:24px;padding:8px 24px;border-radius:20px;margin:12px 20px 0 0;box-sizing:border-box;transition:all 0.3s ease;min-width:200px;text-align:center;transition:all .2s ease-in-out 0s;}
.newspaper-link a:link, .newspaper-link a:visited {box-shadow:inset 0px 0px 0px 2px #189da3;color:#189da3;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {box-shadow:inset 0px 0px 0px 2px black;color:black;text-decoration:none;}

/* MISC */
.intro {background:#189da3 url("introbg.png") no-repeat bottom left;color:white;padding:70px;}
.intro h1 {font-size:48px;line-height:54px;color:white;}
.intro a:link, .intro a:visited {color:white;}
.intro a:active, .intro a:hover {color:black;}
.intro .newspaper-link a:link, .intro .newspaper-link a:visited {box-shadow:inset 0px 0px 0px 2px white;color:white;}
.intro .newspaper-link a:active, .intro .newspaper-link a:hover {box-shadow:inset 0px 0px 0px 2px black;color:black;}
.intro .flexcontent-div {margin:0;}
.intro .fcd-images div:last-child {margin:0;}
.intro .fcw-2col .flexcontent-div {padding:0;}
.intro .fcw-2col .flexcontent-div:first-child {padding:0 40px 0 0;}
.intro .fcw-2col .flexcontent-div:first-child .fcd-images {justify-content:flex-start;}
.content .intro ul li::marker {color:white;}
a.backtotop {position:fixed;top:-60px;left:40px;width:120px;display:block;z-index:9900;opacity:0.9;text-align:center;transition:all .2s ease-in-out 0s;}
a.backtotop:link, a.backtotop:visited {background:#d55b15;color:white;text-decoration:none;}
a.backtotop:active, a.backtotop:hover {background:black;color:white;text-decoration:none;}
a.backtotop span.material-icons {font-size:48px;}
body.nomenu a.backtotop {top:0;}
/* Responsive Embed */
.video-container {text-align:center;}
.fcd-flex .video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;text-align:center;}
.fcd-flex .video-container iframe, .fcd-flex .video-container object, .fcd-flex .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Social */
.socialicons {background:url("hephaistos-logobt.png") no-repeat;font-size:0;padding:72px 0 0 0;margin:0 0 20px 0;}
.socialicons a {display:inline-block;font-size:30px;margin:0 20px 0 0;}

/* Labels */
.partners .labels {display:flex;justify-content:center;flex-wrap:wrap;}
.partners .label {display:flex;margin:10px 20px;align-items:center;}
.partners .label img {filter:grayscale(1);}
.partners .label img:hover {filter:grayscale(0);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

/* Headlines */
.h1-headline {font-family:'Outfit', sans-serif;font-weight:600;font-size:24px;line-height:24px;letter-spacing:0.2em;text-transform:uppercase;color:#b9b9b9;}
.h2-headline {font-family:'Outfit', sans-serif;font-weight:600;line-height:normal;letter-spacing:-0.025em;font-size:60px;line-height:60px;color:black;}
.h3-headline {font-family:'Outfit', sans-serif;font-weight:600;line-height:normal;letter-spacing:-0.025em;font-size:30px;line-height:30px;color:black;}
.h4-headline {font-family:'Outfit', sans-serif;font-weight:600;font-size:24px;line-height:30px;color:black;}

/* Contact */
.contact-infos {background:#189da3 url("introbg.png") no-repeat bottom left;padding:80px 10% 100px 10%;}
.contact-infos h1, .contact-infos h2 {color:white;}
.contact-infos .contact-item {position:relative;padding:0 0 0 72px;margin:36px 0 0 0;color:white;font-weight:600;line-height:36px;}
.contact-infos .contact-item span {position:absolute;top:0;left:0;font-size:36px;}
.contact-infos a:link, .contact-infos a:visited {color:white;}
.contact-infos a:active, .contact-infos a:hover {color:black;}
.contactsat-infos {color:#189da3;}

/* SVG Blocks */
.svgblockswrapper {}
.svgblocks {display:flex;flex-wrap:wrap;}
.svgblock {flex:1;margin:40px;}
.svgblock h3 {color:#189da3;}
.svgblock p {margin:10px 0 0 0;}
.svgblockicon {height:120px;position:relative;}
.svgblockicon:before {content:"";display:block;position:absolute;background:#d0e8e9;width:106px;height:106px;border-radius:50%;z-index:-1;}
.svgblockicon svg {fill:#189da3;height:120px;width:auto;}

/* Graphic Blocks */
.gblockswrapper {margin:100px 0;}
.gblocks {margin:40px 0 0 0;display:flex;justify-content:center;flex-wrap:wrap;}
.gblocks a {display:block;margin:2px;position:relative;overflow:hidden;}
.gblocks a:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    bottom: 0;
    z-index: 1000;
    opacity: 0;
    transition: all .2s ease-in-out 0s;
    background: #189da3;
}
.gblocks img {display:block;max-width:100%;height:auto;}
.gblockstext {position:absolute;z-index:1100;bottom:60px;left:0;width:calc(100% - 80px);margin:0 40px;text-align:center;padding:0 12px 12px 12px;background:#189da3;box-sizing:border-box;}
.gblockstext h2 {margin:0;color:white;}
.gblockstext h3 {font-weight:400;margin:0;color:white;}
.gblocks a.scolaires:after, .scolaires .gblockstext {background:#f5ac03;}
.gblocks a.individuels:after, .individuels .gblockstext {background:#77bac1;}
.gblocks a.collectivites:after, .collectivites .gblockstext {background:#903373;}
.gblocks a.accessoires:after, .accessoires .gblockstext {background:#138a92;}
.gblocks a:hover:after {opacity:0.8;}

/* Slider */
.slider-container {width:100%;position:relative;overflow:hidden;height:100vh;}
.rslides {position:absolute;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
.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;}
/* Caption */
.rslides li .caption {position:absolute;top:200px;left:50%;color:#189da3;z-index:1100;opacity:0;transform:translateX(-48px);transition-property:opacity, transform;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);}
section.section-reveal .rslides li .caption {opacity:1;transform:translateX(0px);}
.rslides li .caption h2 {font-size:100px;line-height:84px;max-width:500px;}
.rslides li .captionbt {padding-top:20px;display:flex;flex-wrap:wrap;flex-direction:row-reverse;}
.rslides li .captionbt div:first-child {flex:1;padding:0 0 0 40px;}
.rslides li .caption p {max-width:300px;margin:0;}
.rslides li .caption a.bigbutton {margin:0;}
/* Pager */
.rslides_tabs {position:absolute;z-index:1200;bottom:80px;left:50%;list-style:none;padding:0;margin:0;}
.rslides_tabs li {
  display: inline;
  padding: 0;
  margin: 0 5px 0 0;
}
.rslides_tabs a {
  text-indent: -9000px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(24,157,163, .3);
  display: inline-block;
  width: 16px;
  height: 16px;
}
.rslides_tabs .rslides_here a {
  background: #189da3;
}

/* Image Headers */
.topimageheader {height:400px;overflow:hidden;position:relative;}
.topimageheader .caption {position:absolute;bottom:40px;left:0;right:0;color:white;z-index:1100;text-align:center;}
.topimageheader .caption h2 {font-size:72px;line-height:80px;color:#189da3;}
.topimageheader .caption h3 {font-size:40px;line-height:40px;font-weight:400;color:#189da3;}
.topimageheader .caption hr {margin:20px auto;}
/* Catalog headers */
.topimageheader .caption .h2-headline {font-size:72px;line-height:80px;color:#189da3;margin:12px 0 20px 0;}
.topimageheader .caption h1 {font-size:40px;line-height:40px;font-weight:400;color:#189da3;}

/* Catalogue */
.catdesc {padding:40px 0 0 0;}
.darticleswrapper {margin:0 0 80px 0;}
.darticles-paging {margin:40px 0 0 0;}
/* Detail */
.darticle-header {margin:0 0 40px 0;}
.darticle-header:after {content:"";display:table;clear:both;}
.darticle-header a.bigbutton {margin:5px 0 0 0;}
article.darticle-detail h1 {float:left;}
.darticle-back {float:right;font-size:24px;}
.darticle-img {margin:0 0 40px 0;}
.darticle-gallery:after {content:"";display:table;clear:both;}
.darticle-gallery a {display:block;float:left;margin:0 40px 40px 0;}
.darticle-gallery a:first-child {display:none;}
.darticle-flex {clear:both;display:flex;width:100%;}
.darticle-left {margin:0 40px 0 0;}
.darticle-right {flex-grow:1;}
.darticle-tag {font-size:24px;line-height:30px;}
.darticle-tag strong {background:linear-gradient(180deg,white 60%, rgba(255,237,0,0.3) 40%);font-weight:normal;padding:0 6px;}

/* 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;}
.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:'Outfit', sans-serif;font-weight:600;color:#189da3;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.fd-month {background-color:#189da3;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 {margin:0 0 20px 0;}
.blog-sat .blog article {margin:0;padding:0;}
.blog-sat .blog article h3 {font-size:20px;line-height:30px;margin:0;}
.blog-sat .blog article .article-content {display:block;margin:0;}
.blog-sat .blog article .article-summary {flex:initial;}
/* Archives */
.blog-archives {background:#f5f0e9;padding:30px;margin:0 0 20px 0;}
.blog-archives-item {margin:0 0 10px 0;text-transform:capitalize;}
.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-size:48px;line-height:54px;}
.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;}
.blog-detail .fb-share-button {margin-top:4px;}
.article-gallery {display:flex;}
.article-gallery a {margin:0 10px 10px 0;}

/* GALLERY */
.gallery-wrapper {margin:100px 0 0 0;}
.gallery:after {content:"";display:table;clear:both;}
.gallery a {float:left;margin:5px;position:relative;padding:8px;background:white;border:#f1f1f1 solid 2px;}
.gallery img {display:block;}
.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;
}
.gallery a:hover:after {background:rgba(255,255,255,.2);}

/* FORM */
.contactform {margin:0 0 80px 0;}
.contactformfields label {color:#189da3;font-weight:600;padding:0 12px;}
.contactformfields input[type=text], .contactformfields input[type=email], .contactformfields input[type=date], .contactformfields select {border:#189da3 solid 2px;background:white;color:black;border-radius:20px;padding-left:20px;}
.contactformfields textarea {border:#189da3 solid 2px;background:white;color:black;border-radius:20px;}

/* TABLE */
.datatable {margin:30px 0;border:1px solid #d0e8e9;font-size:20px;line-height:24px;border-collapse:collapse;}
.datatable th {background-color:#d0e8e9;border:1px solid #d0e8e9;padding:12px 24px;color:#189da3;font-family:'Outfit', sans-serif;font-size:20px;font-weight:600;}
.datatable td {border:1px solid #d0e8e9;padding:12px 24px;}

.clearfix {clear:both;}
.Normal, .NormalDisabled, .NormalDeleted {
	color: black;
	font-size: 20px;
	line-height: 30px;
}

/* Default */
h1, h2, h3, h4, h5, h6 {color:#189da3;font-family:'Outfit', sans-serif;font-weight:600;margin:0;line-height:normal;letter-spacing:-0.03em;}
h1 {font-size:30px;line-height:30px;color:black;}
h2 {font-size:48px;line-height:54px;}
h3 {font-size:30px;line-height:30px;}
h4 {font-size:24px;line-height:30px;}
h2 a:link, h2 a:visited  {color:#189da3;text-decoration:none;}
h2 a:active, h2 a:hover {color:black;text-decoration:none;}
h3 a:link, h3 a:visited  {color:#189da3;text-decoration:underline;}
h3 a:active, h3 a:hover {color:black;text-decoration:underline;}
hr {border:0;height:4px;background:#d0e8e9;border-radius:2px;margin:20px 0;max-width:200px;}
strong {font-weight:600;}
a:link, a:visited {color:#189da3;text-decoration:underline;}
a:active, a:hover {color:black;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h4 {margin:12px 0;}
h2 {margin:12px 0 20px 0;}
h3, p {margin:20px 0;}
.darticle-content ul, .content ul {padding:0;margin:30px 0 30px 30px;}
.darticle-content ul li, .content ul li {margin:0 0 10px 0;list-style-type:disc;}
.darticle-content ul li::marker, .content ul li::marker {color:#189da3;margin:0 .5rem 0 0;}
blockquote {border-left:#189da3 solid 10px;margin:40px;padding:0 0 0 20px;max-width:800px;}
blockquote, blockquote p {font-style:normal;font-size:24px;line-height:30px;font-weight:600;color:#189da3;}
ul.twocol {columns:2;column-gap:40px;}

/* DEBUG */
.DNNEmptyPane {margin:0;padding:0 !important;}
li p {line-height:30px;}
/* DNN9 Fix */
.dnnModuleManager {
  padding: 0 !important;
}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;float:right;}
nav#dnnMenu ul {list-style:none;margin:0;padding:0;}
nav#dnnMenu ul li {
  display: block;
  height: 48px;
	float: left;
	position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0 24px;
}
nav#dnnMenu ul li.rootlevel:first-child {display:none;}
nav#dnnMenu ul li a {
  display: block;
  height: 48px;
  line-height: 48px;
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: black;
  text-decoration: none;
}
nav#dnnMenu ul li a:hover {color:#d15811;}
nav#dnnMenu ul li:hover, nav#dnnMenu ul li.rootlevel:last-child:hover {cursor:pointer;}
nav#dnnMenu ul li ul {
  visibility: hidden;
  opacity: 0;
	position: absolute;
	left: 0;
  z-index: 9900;
  transition: all 0.3s ease;
}
nav#dnnMenu ul li:hover > ul, nav#dnnMenu ul li ul:hover {visibility:visible;opacity:1;transition: all 0.3s ease;}
nav#dnnMenu ul li ul li {background:#d15811;height:40px;float:none;margin:0 0 2px 0;}
nav#dnnMenu ul li ul li:hover {background:black;}
nav#dnnMenu ul li ul li a {height:40px;line-height:40px;padding:0 20px 0 12px;color:white;}
nav#dnnMenu ul li ul li a:hover {color:white;}

/* MobileMenu */
/* Button */
.navicon {}
.navicon a {display:block;width:72px;height:72px;line-height:72px;text-align:center;text-decoration:none !important;float:right;}
.navicon a:before {font-family:'Material Icons';content:"\e5d2";font-size:40px;font-weight:normal;vertical-align:middle;color:black;}
.navicon a.collapsable:before {content:"\e5cd";}

/* Menu */
.mobilemenu {background:white;}
.mobilemenu ul {list-style:none;margin:0;padding:20px;font-family:'Outfit', sans-serif;font-weight:600;font-size:24px;text-align:center;background:white;}
.mobilemenu ul li {display:block;padding:10px 20px;border-bottom:#e1e1e1 solid 1px;}
.mobilemenu>ul>li:last-child {border-bottom:none;}
.mobilemenu ul li a {display:block;text-decoration:none;color:black;}
.mobilemenu ul li a:hover {color:#189da3;}
.mobilemenu ul li a.disabled {color:#999;}
.mobilemenu ul li span {color:#999;}
.mobilemenu ul li ul {padding:10px 0;}
.mobilemenu ul li li {padding:5px 20px;border-bottom:none;}
.mobilemenu ul li li:last-child {padding:5px 20px 0 20px;}

/* PREQUERIES */
.navicon, .mobilemenu {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1280px and less */
@media screen and (max-width:1280px) {
.pagelarge {margin:0 40px;}
.page {width:auto;margin:0 40px;}
.sidepane {top:150px;}
}
/* for 1180px and less */
@media screen and (max-width:1180px) {
.bottom {background-size:300px;padding:60px 40px 0 340px;}
.bp1 {margin:0 60px 0 0;}
.darticle-left img {max-width:100%;height:auto !important;}
nav#dnnMenu ul li.rootlevel:last-child {display:none;}
nav#dnnMenu ul li {margin:0 0 0 16px;}
}
/* 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) {
nav#dnnMenu {display:none;}
.navicon {display:block;}
.pageflex {display:block;}
.sidepane {position:relative !important;top:0;right:auto;width:auto;background:#189da3;}
.sidemenu {display:flex;justify-content:center;}
.banner {position:relative;width:auto;top:0;padding:20px 0;margin:0 40px;}
.splitscreen {display:block;}
.leftpane {width:auto;margin:0;}
.rightpane {width:auto;flex:initial;}
.bp1 {margin:0 0 20px 0;}
.bp2 {flex:initial;max-width:none;}
.cr2 {flex:initial;text-align:left;}
section#section0 .pagelarge {margin:0;}
.darticle-flex {display:block;}
.darticle-left {margin:0;}
.blog article .article-content {display:block;}
.blog article figure {margin:0 0 20px 0;}
.blog article .article-summary {flex:initial;}
.svgblock {margin:20px;}
.rslides li .caption {top:80px;}
.rslides li .caption h2 {font-size:80px;line-height:64px;max-width:none;}
.rslides li .captionbt {display:block;padding-top:0;}
.rslides li .captionbt div:first-child {flex:initial;padding:0 0 20px 0}
.rslides li .caption p {max-width:none;}
.contentpane img {max-width:100%;height:auto !important;}
}
/* for 740px and less */
@media screen and (max-width:740px) {
.bottom {padding:60px 40px 360px 40px;}
.intro {padding:40px;}
.contact-infos {padding:40px;}
.article-flex {display:block;flex-direction:row-reverse;}
.blog-detail .article-infos {width:auto;margin:0;}
.blog-detail .article-content {flex:initial;}
.rslides li .caption {left:40%;}
.rslides li .caption h2 {font-size:60px;line-height:48px;}
/* Responsive Embed */
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;text-align:center;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
}
/* for 480px and less */
@media screen and (max-width:480px) {
.pagelarge {margin:0 20px;}
.page {margin:0 20px;}
.cp3 {padding:0 0 40px 0;}
.banner {margin:0 20px;}
.intro {padding:20px;}
.contact-infos {padding:20px;}
.svgblocks {display:block;}
.svgblock {flex:initial;}
.blog article {padding:0;}
.formatdate {display:none;}
article.darticle-detail h1 {float:none;}
.darticle-back {float:none;}
.rslides li .caption h2 {font-size:48px;line-height:44px;}
.topimageheader .caption h2 {font-size:48px;line-height:44px;}
.topimageheader .caption .h2-headline {font-size:48px;line-height:44px;}
}