 /* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
/* Figtree Light 300, Regular 400, Medium 500, SemiBold 600, Bold 700, ExtraBold 800, Black 900 */
@import url("https://use.typekit.net/jja8vgw.css");
/* Roc Grotesk Regular 400, ExtraBold 700 / Roc Grotesk Condensed Bold 600, ExtraBold 700 */

html {scroll-padding-top:200px;} /* Anchor links padding */
body {
  margin: 0;
  padding: 0;
  color: black;
  font-size: 20px;
  font-family: "Figtree", sans-serif;
  line-height: 30px;
  font-weight: 400;
}
.RocGrotesk {
  font-family: "roc-grotesk", sans-serif;
}
.RocGroteskCondensed {
  font-family: "roc-grotesk-condensed", sans-serif;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
  max-width: 1920px;
  margin: 0 auto;
}
.pagelarge {margin:0 50px;}
.page {width:1180px;margin:0 auto;}
.page:after {content:"";display:table;clear:both;}
.pageflex, .pageflex2 {display:flex;}
.content .pageflex {align-items:center;}

.header {position:absolute;top:20px;width:100%;z-index:9000;animation:none;}
.header.is-sticky {
  position: fixed;
  top: 0;
  max-width: inherit;
  background: #115740;
  transform: translateY(-100px);
  animation: move-down .2s forwards;
}
@keyframes move-down {
  100% {
    transform: translateY(0);
  }
}
.logopane {float:left;}
.header.is-sticky .logopane img {height:48px;margin:10px 0;}
.menu {float:right;}
.toppane {min-height:200px;background:#00805c;}
.precontentpane {position:absolute;top:-128px;left:50%;;transform:translateX(-50%);z-index:1100;}
.content {padding:80px 0 120px 0;position:relative;}
.contentpane {padding:0 0 80px 0;}
.leftpane, .rightpane {flex:1 0 50%;width:50%;padding:0 4%;box-sizing:border-box;}
.contentgreen {background:#00805c;color:white;}
.contentgreen h2, .contentgreen h3 {color:white;}
.contentgreen h4 {color:#bbfd58;}
.content .contentgreen ul li::marker {color:white;}
.contentgreen a:link, .contentgreen a:visited, .contentgreen a:active, .contentgreen a:hover {color:#bbfd58;}
.contentpane2 {padding:80px 0;}
.contentpane3 {padding:100px 0;}
.contentpane4 {padding:80px 0;}
.contentpane5 {padding:100px 0 0 0;}
.leftpane2 {margin:0 8% 0 0;flex:1;}
.rightpane2 {width:300px;}
.bottom {background:#115740;color:white;padding:100px 0 60px;}
.bottom .h1-headline {color:white;margin:0 0 20px 0;}
.bottom a:link, .bottom a:visited {color:white;text-decoration:underline;}
.bottom a:active, .bottom a:hover {color:#bbfd58;text-decoration:underline;}
.bottomflex {display:flex;justify-content:space-between;}
.footer {background:white;padding:30px 0;}
.footerpane {float:left;}
.copyright {float:right;color:#115740;font-size:16px;line-height:18px;}
.copyright span {white-space:pre;}
.copyright span.sep {padding:0 10px;}
.copyright a:link, .copyright a:visited {color:#115740;text-decoration:none;}
.copyright a:active, .copyright a:hover {color:#00805c;text-decoration:none;}

/* BUTTONS */
a.bigbutton {display:inline-block;font-family: "roc-grotesk-condensed", sans-serif;font-weight:600;font-size:24px;line-height:30px;text-transform:uppercase;transition:all 0.3s ease;position:relative;padding-left:44px;}
a.bigbutton:link, a.bigbutton:visited {color:#115740;text-decoration:none;margin:12px 20px 0 -20px;}
a.bigbutton:active, a.bigbutton:hover {color:#115740;text-decoration:none;margin:12px 20px 0 -10px;}
a.bigbutton:before {display:inline-block;content:url("arrow.svg");position:absolute;top:0;left:0;}
.bottom a.bigbutton:link, .bottom a.bigbutton:visited, .bottom a.bigbutton:active, .bottom a.bigbutton:hover {color:white;}
button.bigbutton {display:inline-block;font-family: "roc-grotesk-condensed", sans-serif;background:none;color:#115740;margin:12px 20px 0 -20px;font-weight:600;font-size:24px;line-height:30px;text-transform:uppercase;transition:all 0.3s ease;border:none;cursor:pointer;position:relative;padding-left:44px;}
button.bigbutton:hover {color:#115740;margin:12px 20px 0 -10px;}
button.bigbutton:before {display:inline-block;content:url("arrow.svg");position:absolute;top:0;left:0;}
.contentgreen button.bigbutton {color:white;}

/* Documents and links */
.documents, .newspaper-link {display:flex;flex-direction:column;align-items:flex-start;}
.documents a {display:inline-block;font-family: "roc-grotesk-condensed", sans-serif;font-weight:600;font-size:24px;line-height:24px;text-transform:uppercase;margin:12px 20px 0 0;transition:all 0.3s ease;position:relative;padding-left:30px;}
.documents a:before {display:inline-block;content:url("download.svg");position:absolute;top:0;left:0;}
.documents a:link, .documents a:visited {color:#115740;text-decoration:none;}
.documents a:active, .documents a:hover {color:#00805c;text-decoration:none;}
.contentgreen .documents a:active, .contentgreen .documents a:hover {color:white;}
.newspaper-link a {display:inline-block;font-family: "roc-grotesk-condensed", sans-serif;font-weight:600;font-size:24px;line-height:24px;text-transform:uppercase;transition:all 0.3s ease;position:relative;padding-left:44px;}
.newspaper-link a:link, .newspaper-link a:visited {color:#115740;text-decoration:none;margin:12px 20px 0 -20px;}
.newspaper-link a:active, .newspaper-link a:hover {color:#115740;text-decoration:none;margin:12px 20px 0 -10px;}
.newspaper-link a:before {display:inline-block;content:url("arrow.svg");position:absolute;top:0;left:0;}
.contentgreen .newspaper-link a:link, .contentgreen .newspaper-link a:visited, .contentgreen .newspaper-link a:active, .contentgreen .newspaper-link a:hover {color:white;}

/* HEADLINES */
.h1-headline {font-family:"Figtree", sans-serif;font-weight:900;font-size:18px;line-height:0.9;letter-spacing:0.2em;text-transform:uppercase;color:#115740;}
.h2-headline {font-family:"roc-grotesk-condensed", sans-serif;font-weight:700;font-size:60px;line-height:0.9;text-transform:uppercase;color:#00805c;}
.h3-headline {font-family:"roc-grotesk-condensed", sans-serif;font-weight:600;font-size:36px;line-height:0.9;color:#115740;}
.h4-headline {font-family:"roc-grotesk-condensed", sans-serif;font-weight:800;font-size:36px;line-height:0.9;text-transform:uppercase;color:#00805c;display:table;background:#bbfd58;padding:8px 12px 3px 12px;border-radius:22px;margin:0 auto;}

/* MISC */
::selection {background:#bbfd58;}
.masktop {
  mask: url("topsep.svg"), linear-gradient(#000 0 0);
  mask-position: top;
  mask-size: 1920px auto;
  mask-repeat: no-repeat;
  mask-composite: exclude;
}
.maskbt {
  position: relative;
  mask: url("btsep.svg"), linear-gradient(#000 0 0);
  mask-position: bottom;
  mask-size: 1920px auto;
  mask-repeat: no-repeat;
  mask-composite: exclude;
}
.maskbt:after {content:"";position:absolute;height:1px;width:100%;bottom:0;background:white;z-index:2;}
.greenmasktop {
  background: #00805c;
  height: 22px;
  mask: url("topsep.svg"), linear-gradient(#000 0 0);
  mask-position: top;
  mask-size: 1920px auto;
  mask-repeat: no-repeat;
  mask-composite: exclude;
}
.greenmaskbt {
  background: #00805c;
  height: 29px;
  mask: url("btsep.svg"), linear-gradient(#000 0 0);
  mask-position: bottom;
  mask-size: 1920px auto;
  mask-repeat: no-repeat;
  mask-composite: exclude;
}
.featured-perail {position:relative;}
.featured-igp {position:absolute;top:0;right:0;}
.fcd-flex {align-items:center;}
.flexcontent-media {position:relative;}
.fcw-2col {align-items:center;}
.intro .fcd-flex.fcd-reverse .flexcontent-text {flex:auto;margin:0;max-width:50%;box-sizing:border-box;padding:0 6% 0 4%;}
.intro .fcd-flex .flexcontent-media {max-width:50%;}
.intro .fcd-flex .flexcontent-media img {max-width:100%;height:auto !important;}
.homeintro {margin:120px 0 0 0;}
.igp .fcd-flex .fcd-images div {margin:0;}
.igp .fcd-flex .fcd-images div:last-child {position:absolute;right:0;bottom:72px;}
.kezako .fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 0 60px;}
.kezako .fcd-flex .fcd-images div:first-child img {
  mask: url("mask.svg");
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}
.instagramfeed {max-width:1440px;margin:0 auto;}
/* Steps */
.step .flexcontent-text {padding:20px 0 0 80px;position:relative;}
.step .flexcontent-text:before {position:absolute;top:-10px;left:0;font-size:85px;line-height:1;font-weight:900;color:white;opacity:.1;}
.step-01 .flexcontent-text:before {content:"01";}
.step-02 .flexcontent-text:before {content:"02";}
.step-03 .flexcontent-text:before {content:"03";}
.step-04 .flexcontent-text:before {content:"04";}
.step-05 .flexcontent-text:before {content:"05";}
/* Recettes */
.flexcontent-accordion {margin:60px 0 0 0;}
.fca-header h3 {margin:0;}
.fca-header h3:after {content:'+';color:#bbfd58;margin-left:20px;}
.flexcontent-active .fca-header h3:after {content:'-';}
.fca-content {padding:20px 0 0 0;}
.fca-content p {margin:20px 0 0 0;}
.fca-content ul {margin:20px 0 0 30px;}

.video-container {text-align:center;}
/* Home video */
.fcm-only .video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.fcm-only .video-container iframe, .fcm-only .video-container object, .fcm-only .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Home Hero */
/* Height is calculated on JS */
.slider-container {width:100%;position:relative;overflow:hidden;min-height:320px;}
.rslides {position:absolute;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
.rslides li {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;}
.rslides li:after {
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}
/* Caption */
.rslides li .caption {position:absolute;top:50%;width:100%;transform:translateY(-50%);color:white;text-align:center;z-index:1200;}
.rslides li .caption-headline {font-family:"roc-grotesk", sans-serif;font-weight:400;font-size:60px;color:white;line-height:1;}
.rslides li .caption-headline strong {display:block;font-weight:700;font-size:84px;text-transform:uppercase;}
/* Pager */
.rslides_tabs {position:absolute;z-index:9000;bottom:90px;right:90px;list-style:none;padding:0;margin:0;}
.rslides_tabs li {
  display: inline;
  padding: 0;
  margin: 0 0 0 10px;
}
.rslides_tabs a {
  text-indent: -9000px;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(255,255,255, .2);
  display: inline-block;
  width: 10px;
  height: 10px;
}
.rslides_tabs .rslides_here a {
  background: #bbfd58;
}

/* Headers */
.topimageheader {position:relative;overflow:hidden;height:480px;}
.topimageheader .caption {position:absolute;top:50%;width:100%;transform:translateY(-50%);color:white;text-align:center;z-index:1200;}
.topimageheader .caption-headline {font-family:"roc-grotesk", sans-serif;font-weight:400;font-size:60px;color:white;line-height:1;}
.topimageheader .caption-headline strong {display:block;font-weight:700;font-size:84px;text-transform:uppercase;}
.tih-mask:after {
  background: rgba(0,0,0,.25);
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  z-index: 1100;
}

/* Graphic Blocks */
.gblockswrapper {margin:0 0 60px 0;}
.gblockswrapper h2 {margin:15px 0 30px 0;}
.gblocks {display:flex;justify-content:center;flex-wrap:wrap;}
.gblocks a {display:block;margin:7px;position:relative;overflow:hidden;border-radius:20px;}
.gblocks a:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    bottom: 0;
    z-index: 1000;
    transition: all .2s ease-in-out 0s;
    background: rgba(0, 0, 0, 0.4);
}
.gblocks a.nomask:after {opacity:0;}
.gblocks img {display:block;max-width:100%;height:auto;}
.gblockstext {position:absolute;z-index:1100;top:40px;left:0;margin:0 40px;}
.gblockstext h3 {font-family:"Figtree", sans-serif;font-weight:900;font-size:40px;line-height:40px;margin:60px 0 30px 0;color:white;text-transform:uppercase;}
.gblockstext p {color:white;}
.gbt-header {font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:0.12em;color:white;}
.gbt-header:after {display:inline-block;content:url("bullet-arrow.svg");margin-left:8px;vertical-align:middle;}
.gblocks a:hover:after {
    height: 100%;
    opacity: 0.9;
    background: #115740;
}
.gblocks a:hover img {filter:grayscale(100%);}

/* Citation */
.citation-content {margin:0 auto;padding:0 0 40px 0;text-align:center;}
.citation-content h2 {color:white;}
.citation-content hr {background:white;margin:30px auto;}
.citation-text {font-size:20px;line-height:30px;letter-spacing:1px;padding:0 80px;}
.citation-link {margin:20px 0 0 0;}
.citation-link a.bigbutton:link, .citation-link a.bigbutton:visited {background:white;color:#00805c;}
.citation-link a.bigbutton:active, .citation-link a.bigbutton:hover {background:#115740;color:white;}

/* NEWS */
.blogwrapper {max-width:1180px;margin:0 auto;}
.blogheader {margin:0 0 40px 0;}
.blogtools {float:right;}
.blog article {margin:0 0 40px 0;position:relative;padding:0 0 0 120px;}
.blog article h2 {font-size:50px;font-weight:600;text-transform:none;margin:0 0 20px 0;}
.formatdate {position:absolute;top:0;left:0;width:90px;text-transform:uppercase;text-align:center;}
.formatdate span {display:block;}
.fd-day {background-color:white;height:72px;line-height:72px;font-size:60px;font-family:"roc-grotesk-condensed", sans-serif;font-weight:700;color:#00805c;border-radius:3px 3px 0 0;}
.fd-month {background-color:#00805c;color:white;font-size:16px;font-weight:600;border-radius:0 0 6px 6px;}
.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:16px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;color:#ccc;}
.pagination-link.is-current {background-color:#00805c;border-color:#00805c;}
/* Sat */
.blog-sat {margin:80px 0 0 0;}
.blogsatflex {display:flex;align-items:center;}
.blog-sat-header {margin:0 40px 0 0;min-width:260px;}
.blog-sat-header .h2-headline {margin:15px 0 30px 0;}
.blog-sat .blog {flex:1;display:flex;}
.blog-sat .blog article {margin:0 40px 0 0;padding:0;}
.blog-sat .blog article h3 {font-size:40px;margin:0;}
.blog-sat .blog article .article-content {display:block;}
.blog-sat .blog article figure {display:block;margin:0 0 20px 0;}
.blog-sat .blog article figure a {display:block;position:relative;overflow:hidden;}
.blog-sat .blog article figure 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: #115740;
}
.blog-sat .blog article figure a:hover:after {opacity:0.9;}
.blogsatmore {
  display: flex;
  align-items: center;
  justify-content: space-around;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  transform: translateY(10%);
  transform-style: preserve-3d;
  transition: all .5s ease-in-out;
  z-index: 1200;
}
.blogsatmore .h1-headline {color:white;}
.blog-sat .blog article figure a:hover .blogsatmore {
  opacity: 1;
  transform: translateY(0px);
  transform-style: preserve-3d;
}
.blog-sat .blog article .article-summary {flex:initial;}
.article-date {font-size:16px;font-weight:900;letter-spacing:0.1em;text-transform:uppercase;color:#ccc;}
.blog-sat .bloglist {flex:1;}
/* Archives */
.blog-archives {font-family:"Figtree", sans-serif;font-size:18px;font-weight:900;letter-spacing:0.2em;}
.rocket-monthdates, .rocket-monthdates0 {text-transform:uppercase;}
.blog-archives-item {margin:0 0 10px 0;}
.blog-archives-item:hover {color:#bbfd58;}
.blog-archives-item .count {float:right;color:#115740;font-size:16px;}
.blog-archives-item .count span {margin-left:4px;font-size:24px;}
/* Details */
.article-flex {display:flex;flex-direction:row-reverse;}
.blog-detail {max-width:1180px;margin:0 auto;}
.blog-detail article h1 {font-family:"roc-grotesk-condensed", sans-serif;font-size:60px;font-weight:700;letter-spacing:0;color:#00805c;}
.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 */
.socialiconswrapper {text-align:center;margin:0 30px;}
.socialicons {margin:20px 0;font-size:0;}
.socialicons a {
  display: inline-block;
  font-size: 36px;
  margin: 0 15px;
  line-height: 36px;
}
.socialicons a:link, .socialicons a:visited {color:#115740;text-decoration:none;}
.socialicons a:active, .socialicons a:hover {color:#00805c;text-decoration:none;}
.bottompane3 .socialicons a {font-size:24px;margin:0 8px;line-height:24px;}
.bottompane3 .socialicons a:link, .bottompane3 .socialicons a:visited {color:white;}
.bottompane3 .socialicons a:active, .bottompane3 .socialicons a:hover {color:#bbfd58;}

/* Contact */
.contact-wrapper {max-width:1180px;margin:80px auto 0;}
.contact-infos {text-align:center;}
.contact-item {margin:40px 0 0 0;}
.ci-header {font-family:"Figtree", sans-serif;font-weight:900;font-size:18px;line-height:0.9;letter-spacing:0.2em;text-transform:uppercase;color:#115740;}
.ci-content {margin:10px 0 0 0;}
.contactsat-infos {background:url("/Portals/0/igpperail-logo.svg") no-repeat;padding:0 0 0 130px;}
.contactformfields input, .contactformfields textarea {border-radius:6px;}

/* LABELS */
.labelswrapper {font-size:0;margin:80px auto 0;}
.labels {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:40px;}
.labels img {max-width:300px !important;}

/* 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:"Figtree", sans-serif;font-weight:400;font-size:18px;text-transform:uppercase;font-style:normal;}
.datatable td {border:2px solid #eee;padding:12px 36px;text-align:left;}

.documentswrapper {max-width:1180px;margin:80px auto 0;}
.Normal, .NormalDisabled, .NormalDeleted {font-size:20px;line-height:30px;}
.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {font-family:"roc-grotesk-condensed", sans-serif;font-weight:700;margin:0;line-height:0.9;text-transform:uppercase;color:#115740;}
h1 {font-family:"Figtree", sans-serif;font-size:18px;font-weight:900;letter-spacing:0.2em;}
h2 {font-size:60px;color:#00805c;}
h3 {font-size:50px;font-weight:600;text-transform:none;}
h4 {font-size:30px;font-weight:600;text-transform:none;}
h2 a:link, h2 a:visited {text-decoration:none;color:#00805c;}
h2 a:active, h2 a:hover {text-decoration:none;color:#115740;}
h3 a:link, h3 a:visited {text-decoration:none;color:black;}
h3 a:active, h3 a:hover {text-decoration:none;color:#00805c;}
strong {font-weight:600;}
a:link, a:visited {color:#00805c;text-decoration:none;}
a:active, a:hover {color:#00805c;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4 {margin:15px 0;}
p {margin:20px 0;}
ul {margin:20px 0;padding:0;}
.content ul {padding:0;margin:20px 0 20px 30px;}
.content ul li {margin:0;list-style-type:disc;}
.content ul li::marker {margin:0 .5rem 0 0;color:#00805c;}
ul.multicolumn {columns:3;column-gap:20px;}
hr {border:0;height:2px;background:#00805c;margin:30px 0;max-width:40px;clear:none;}
blockquote {margin:60px 30px;padding:0 0 0 20px;border-left:#115740 solid 8px;max-width:640px;}
blockquote, blockquote p {font-weight:600;font-style:normal;font-size:24px;line-height:30px;color:#115740;}

/* DEBUG */
.DNNEmptyPane {padding:0 !important;margin:0 !important;}
/* DNN Fix */
.dnnModuleManager {padding:0 !important;}
ul.dnnActions {margin:0;padding-top:18px;}
ul.dnnActions li {list-style-type:none !important;margin:0 5px 0 0;}
body:not(.dnnEditState) .DNNEmptyPane {width:auto;}

/* LOGIN */
.LoginPanel {border:#eee solid 2px;border-radius:24px;padding:40px;width:auto;float:none;max-width:500px;}
.dnnFormItem input[type="text"], .dnnFormItem select, .dnnFormItem textarea, .dnnFormItem input[type="email"], .dnnFormItem input[type="search"], .dnnFormItem input[type="password"] {font-size:18px;border:0;box-shadow:none;height:40px;padding-left:10px;background:#f7f7f7;color:black;font:inherit;width:320px !important;}
.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnFormItem input[type="submit"], .dnnPrimaryAction, .dnnSecondaryAction, .dnnTertiaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span {border:0;}
a.dnnPrimaryAction:link, a.dnnPrimaryAction:visited {background:#00805c;color:white;display:inline-block;font-weight:600;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;box-shadow:none;text-shadow:none;}
a.dnnPrimaryAction:active, a.dnnPrimaryAction:hover {background:#115740;color:white;text-decoration:none;}
a.dnnSecondaryAction:link, a.dnnSecondaryAction:visited {background:#eee;color:black;display:inline-block;font-weight:600;text-decoration:none;padding:10px 30px 12px 30px;text-align:center;border-radius:24px;box-shadow:none;text-shadow:none;}
a.dnnSecondaryAction:active, a.dnnSecondaryAction:hover {background:#115740;color:white;text-decoration:none;}
.dnnLoginRememberMe {display:none;}
/* FORGOT PASSWORD */
.dnnSendPassword {border:#eee solid 2px;border-radius:24px;padding:40px;max-width:1180px;margin:0 auto;}
.dnnSendPassword input {border:none;height:40px;padding-left:10px;background:#eee;color:#3c3c3b;font:inherit;}
.dnnSendPassword .dnnFormItem {margin:40px 0;}
/* Fix */
.LoginPanel .dnnLabel, .dnnSendPassword .dnnLabel {display:block;float:none;width:auto;padding-right:0;margin-right:0;text-align:left;}
.LoginPanel a.dnnFormHelp, .LoginPanel .dnnFormHelpContent, .dnnSendPassword a.dnnFormHelp, .dnnSendPassword .dnnFormHelpContent {display:none;}
.dnnFormItem .password-strength-container input {width:auto !important;margin-bottom:0 !important;}
.password-strength-container .meter {height:auto !important;}
#dnn_ctr437_Login_Login_DNN_lblLogin {display:none;}
.dnnFormItem > label.dnnFormLabel, .dnnFormItem > span.dnnFormLabel {margin:0;width:auto;}

/* MainMenu */
nav#dnnMenu {white-space:nowrap;}
nav#dnnMenu ul {list-style:none;margin:0 0 0 40px;padding:0;}
nav#dnnMenu ul li {
  display: block;
	float: left;
	position: relative;
  box-sizing: border-box;
  margin: 0 36px 0 0;
}
nav#dnnMenu ul li a {
  display: block;
  height: 68px;
  line-height: 68px;
  font-family: "Figtree", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
}
nav#dnnMenu ul li.rootlevel:first-child {display:none;}
nav#dnnMenu ul li.rootlevel:last-child {margin:0;}
nav#dnnMenu ul li a:hover {color:#bbfd58;}

/* MobileMenu */
/* Button */
.navicon {text-align:center;}
.navicon a {
  display: inline-block;
  width: 24px;
  height: 20px;
  position: relative;
  text-indent: -9999px;
  margin: 20px 0;
}
.navicon a::after {
  content: '';
  width: 24px;
  height: 4px;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0px 0 white,
              0 8px 0 white,
              0 16px 0 white;
}
/* Menu */
.mobilemenu {position:absolute;top:180px;width:100%;z-index:9900;}
.mobilemenu ul {list-style:none;margin:0;padding:0 0 20px 0;font-family:"Figtree", sans-serif;font-size:24px;font-weight:600;text-align:center;background:#00805c;}
.mobilemenu ul li {display:block;border-bottom:rgba(0,0,0,.1) solid 1px;}
.mobilemenu ul li:last-child {border-bottom:none;}
.mobilemenu ul li a {display:block;padding:10px 20px;text-decoration:none;color:white;}
.mobilemenu ul li a:hover {color:#bbfd58;}
.mobilemenu ul li a.disabled {color:rgba(0,0,0,.2);}
.mobilemenu ul li ul {padding:0;border-top:rgba(0,0,0,.1) solid 1px;}

/* PREQUERIES */
.navicon, .mobilemenu {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1280px and less */
@media screen and (max-width:1280px) {
nav#dnnMenu ul {margin:0 0 0 18px;}
nav#dnnMenu ul li {margin:0 18px 0 0;}
}
/* for 1180px and less */
@media screen and (max-width:1180px) {
.pagelarge {margin:0 30px;}
.page {width:auto;margin:0 30px;}
.blogsatflex {display:block;}
.blog-sat-header {margin:0 0 40px 0;position:relative;}
.blog-sat-header .h2-headline {margin:15px 0;}
.blogsatlink {position:absolute;bottom:0;right:0;}
.blog-sat .blog {flex:initial;}
nav#dnnMenu ul {margin:0;}
}
/* 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) {
#dnnMenu {display:none;}
.navicon {display:block;}
.pageflex, .pageflex2 {display:block;}
.logopane {float:none;text-align:center;}
.contentpane {padding:0 30px 80px 30px;}
.contentpane .page {margin:0;}
.leftpane, .rightpane {flex:initial;width:auto;padding:0;}
.leftpane2 {margin:0 0 40px 0;flex:initial;}
.rightpane2 {width:auto;}
.contentpane3 {padding:100px 30px;}
.contentpane3 .page {margin:0;}
.bottomflex {display:block;}
.bottompane1, .bottompane2 {margin:0 0 30px 0;}
.footerpane {float:none;}
.copyright {float:none;}
.blog article .article-content {display:block;}
.blog article figure {margin:0 0 20px 0;}
.blog article .article-summary {flex:initial;}
.article-flex {display:block;}
.blog-detail .article-infos {width:auto;margin:0 0 40px 0;}
.blog-detail .article-content {flex:initial;}
.intro .fcd-flex.fcd-reverse .flexcontent-text {flex:initial;max-width:none;padding:0;margin:0 0 40px 0;}
.intro .fcd-flex .flexcontent-media {max-width:none;}
.kezako .fcd-flex.fcd-reverse .flexcontent-text {margin:0 0 40px 0;}
/* FlexContent */
.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, .fcw-3col .flexcontent-div, .fcw-4col .flexcontent-div, .fcw-5col .flexcontent-div {flex:initial;width:auto;padding:0;}
.fcd-images div {margin:0 0 40px 0;}
.content img, .footer img {max-width:100%;height:auto !important;}
.content .precontentpane img {max-width:none;}
}
/* for 640px and less */
@media screen and (max-width:640px) {
.blogsatlink {position:relative;}
.blog-sat .blog {display:block;}
.blog-sat .blog article {margin:0 0 40px 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 480px and less */
@media screen and (max-width:480px) {
.content {padding:60px 0;}
.contentpane {padding:0 30px 60px 30px;}
.contentpane2 {padding:60px 0;}
.contentpane3 {padding:60px 30px;}
.contentpane4 {padding:60px 0;}
.contentpane5 {padding:60px 0 0 0;}
.bottom {padding:60px 0;}
.homeintro {margin:100px 0 0 0;}
.igp .fcd-flex .fcd-images div:last-child {bottom:36px;width:120px;}
.step .flexcontent-text {padding:30px 0 0 0;}
.rslides li .caption-headline {font-size:54px;}
.rslides li .caption-headline strong {font-size:60px;}
.topimageheader .caption {margin-top:60px;}
.topimageheader .caption-headline {font-size:54px;}
.topimageheader .caption-headline strong {font-size:60px;}
.gblocks a {margin:7px 0;}
.gblockstext {margin:0 20px;}
.gblockstext h3 {hyphens:auto;}
.contactsat-infos {padding:120px 0 0 0;}
.content .precontentpane img {max-width:360px;}
h2 {hyphens:auto;hyphenate-limit-chars:12;}
}