/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100..900&display=swap');
@font-face {
  font-family: 'diamond_girlmedium';
  src: url("Fonts/diamond_girl-webfont.eot");
  src: url("Fonts/diamond_girl-webfont.eot?#iefix") format("embedded-opentype"),
       url("Fonts/diamond_girl-webfont.woff2") format("woff2"),
       url("Fonts/diamond_girl-webfont.woff") format("woff"),
       url("Fonts/diamond_girl-webfont.ttf") format("truetype"),
       url("Fonts/diamond_girl-webfont.svg#diamond_girlmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  color: #007aa4;
  font-size: 18px;
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  line-height: 30px;
}
.pagemaster {
  width: 100%;
  position: absolute;
	top: 0;
	left: 0;
  z-index: 1;
  /*overflow: hidden;*/
}
.page {
  position: relative;
  margin: 0 5%;
}
.pageflex {
  display: flex;
}
.banner {position:relative;}
.headerpane {position:absolute;top:10px;right:45px;z-index:1200;}
.headerpane:after {content:"";display:table;clear:both;}
.header {display:flex;align-items:center;padding:0 40px;}
.headerleft {display:flex;align-items:center;}
.logopane img {margin:20px 0;}
.menu {display:flex;align-items:center;}
.content {padding:80px 5%;}
.contentflex {display:flex;}
.contentpane {padding:0 0 60px 0;}
.leftpane {width:35%;margin:0 5% 0 0;}
.contentpane2 {flex:1;}
.contentpane3 {width:70%;margin:0 5% 0 0;}
.rightpane {flex:1;}
/* FOOTER */
.bottom {background:#007aa4;color:white;padding:40px;border-radius:15px;}
.bottom h4 {color:white;margin:20px 0 0 0;}
.bottom p {margin:0;}
.bottompane {margin:0 0 20px 0;}
.bottommenu {margin:0 0 12px 0;}
.bottommenu:after {content:"";display:table;clear:both;}
.copyright {font-size:14px;line-height:18px;}
.copyright:after {content:"";display:table;clear:both;}
.footermenu {float:right;}
.footermenu a {margin:0 0 0 36px;}
.footermenu a:link, .footermenu a:visited {color:white;text-decoration:none;}
.footermenu a:active, .footermenu a:hover {color:#00afda;text-decoration:none;}
.footer {font-size:14px;line-height:18px;padding:10px 40px;}
.footer a {text-decoration:none !important;}

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

/* BUTTONS */
a.bigbutton {display:inline-block;padding:10px 25px;font-family:"Work Sans", sans-serif;font-weight:700;font-size:18px;text-align:center;line-height:100%;border-radius:7px;letter-spacing:.05rem;}
a.bigbutton:link, a.bigbutton:visited {background:#007aa4;color:white;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {background:#83cee5;color:white;text-decoration:none;}
a.bigbutton i.fas {margin-right:6px;vertical-align:middle;}
button.bigbutton {display:inline-block;padding:10px 25px;font-family:"Work Sans", sans-serif;font-weight:700;font-size:18px;text-align:center;line-height:100%;border-radius:7px;letter-spacing:.05rem;cursor:pointer;border:none;background:#007aa4;color:white;}
button.bigbutton:hover {background:#83cee5;}
 
/* Documents and links */
.documents {margin:30px 0 0 0;}
.documents a:link, .documents a:visited {font-size:16px;font-weight:600;background:#eaeaea;color:#333;text-decoration:none;padding:8px 16px;border-radius:3px;}
.documents a:active, .documents a:hover {background:#007aa4;color:white;}
.documents a:before {font-family:'Font Awesome 5 Free';font-weight:700;content:"\f1c1";margin-right:8px;}
.newspaper-link {margin:30px 0 0 0;}
.newspaper-link a:link, .newspaper-link a:visited {font-size:16px;font-weight:600;background:#eaeaea;color:#333;text-decoration:none;padding:8px 16px;border-radius:3px;}
.newspaper-link a:active, .newspaper-link a:hover {background:#007aa4;color:white;}
.newspaper-link a:before {font-family:'Font Awesome 5 Free';font-weight:700;content:"\f35d";margin-right:8px;}

/* MISC */
.nowrap {white-space:nowrap;}
.contentpane .flexcontent-div {margin:0 0 80px 0 !important;}
.fcw-2col {display:grid !important;grid-template-columns:33.3% 66.6%;}
.fcw-2col .flexcontent-div {flex:initial !important;width:auto !important;padding:0 12% 0 0 !important;}
.fcw-2col .flexcontent-div:last-child {padding:0 !important;}
.about-content {max-width:480px;}
.flexslider {max-width:1170px;margin:0 auto 40px;}
.flex-caption {display:none;}
.flex-control-paging li a {background:rgba(0,122,144,0.5) !important;}
.flex-control-paging li a:hover {background:rgba(0,122,144,0.7) !important;}
.flex-control-paging li a.flex-active {background:rgba(0,122,144,0.9) !important;}
ul.slides {margin:0 !important;}
.h1-headline {font-family:"Work Sans", sans-serif;font-weight:700;font-size:54px;line-height:54px;color:#007aa4;}
.h1-headline strong {color:#00afda;font-weight:700;}
.small {font-size:16px;line-height:24px;font-weight:400;}

/* Catalogue */
.darticles-header {margin:0 0 40px 0;}
.darticles-paging {margin:40px 0 0 0;}
/* List */
.darticles-items {display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-gap:3rem 2rem;}
.darticles-item {text-align:center;}
.darticles-item h2 {font-family:"Work Sans", sans-serif;font-weight:700;font-size:24px;line-height:24px;margin:20px auto 10px;}
.dai-img {position:relative;}
.dai-img img {width:100%;height:auto;}
.dai-desc {padding:0 5%;}
.dai-comp {font-family:'diamond_girlmedium';font-size:24px;line-height:24px;margin:10px 0 0 0;}
.dai-ref {font-size:14px;color:#00afda;}
.dai-spec {position:absolute;top:10px;left:10px;}
.dai-spec div {margin:0 0 10px 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 20px 0;}
.darticle-gallery:after {content:"";display:table;clear:both;}
.darticle-gallery a {display:block;float:left;margin:0 20px 20px 0;}
.darticle-gallery a:first-child {display:none;}
.darticle-tag {font-family:'diamond_girlmedium';font-size:36px;line-height:40px;text-align:center;margin:20px 0 0 0;}
.darticle-flex {clear:both;display:flex;width:100%;}
.darticle-left {margin:0 40px 0 0;}
.darticle-right {flex-grow:1;}
.darticle-summary {background:#daf0f7;padding:20px;margin:0 0 20px 0;}
.darticle-description {margin:0 0 30px 0;}
.darticle-section {margin:0 0 40px 0;}
.otherinfo {margin:0 0 10px 0;}
.extrainfo:before {content:"\2022";margin:0 6px 0 0;}
.darticle-labels {display:flex;margin:0 0 20px 0;}
.darticle-labels div {display:flex;align-items:center;justify-content:center;margin:0 10px 0 0;}
.dai-labels {justify-content:center;margin:0;}
/* Featured */
.featured .darticles-items {grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));grid-gap:3rem 2rem;}
/* Breadcrumb */
.breadcrumb {margin-bottom:20px;}
.breadcrumb ul {list-style:none;display:inline-table;}
.breadcrumb ul li {display:inline;}
.breadcrumb ul li:after {content:'\f054';font-family:"Font Awesome 5 Free";font-weight:700;font-size:14px;}
.breadcrumb ul li span {display:inline-block;font-size:16px;line-height:24px;padding:0 10px;text-decoration:none;}
.breadcrumb ul li:last-child:after {content:'';}
/* Filters */
.filter {background:#daf0f7;font-size:18px;line-height:24px;font-weight:600;padding:20px;margin-bottom:40px;}
.filter:after {content:"";display:table;clear:both;}
.filter span {display:block;float:left;margin:0 20px 0 0;font-weight:500;}
.filter ul {list-style:none;}
.filter ul li {list-style:none;float:left;}
.filter a {display:block;margin:0 20px 0 0;text-decoration:none !important;}

/* Search */
.searchinput {position:relative;display:inline-block;}
.searchinput input {
    height: 48px;
    width: 240px;
    margin: 0;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 16px;
    text-overflow: ellipsis;
    color:#007aa4;
    outline: none;
    border: none;
    border-radius: 30px;
    background:#f9f7f6;
    transition: all 0.4s ease;
}
.searchinput input::placeholder {color:rgba(0,122,164,0.3);}
.searchinput span {
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    background: none;
    cursor: pointer;
    z-index: 20;
}

/* Slider */
.slider-container {width:100%;position:relative;overflow:hidden;height:500px;}
.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;bottom:80px;left:120px;color:white;z-index:1200;text-align:right;}
.rslides li .caption h2 {font-family:"Work Sans", sans-serif;font-weight:700;font-size:72px;line-height:80px;margin:0;color:white;}
.rslides li .caption p {font-family:'diamond_girlmedium';font-size:48px;line-height:54px;margin:0;}
/* 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:200px;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:60px;line-height:80px;color:white;letter-spacing:1px;margin:0;}
.topimageheader .caption h3 {font-size:24px;line-height:38px;color:#eee;letter-spacing:1px;margin:0;}
.tih-mask:after {
    background: rgba(0,0,0,.5);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}

/* CONTACT DETAILS */
.contact-item {position:relative;padding:0 0 0 62px;margin:0 0 40px 0;}
.ci-header span {
  display: block;
  background: #00afda;
  height: 42px;
  width: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  color: white;
  font-size: 21px;
  position: absolute;
  top: 0;
  left: 0;
}


/* BLOG */
.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-weight:700;color:#007aa4;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.fd-month {background-color:#007aa4;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;
}
/* 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;}

/* TABLE */
.datatable {margin:30px 0;border:1px solid #daf0f7;font-size:16px;line-height:18px;border-collapse:collapse;}
.datatable th {background:#daf0f7;border:1px solid #daf0f7;padding:12px;color:#007aa4;font-family:"Work Sans", sans-serif;font-size:16px;font-weight:600;}
.datatable td {border:1px solid #daf0f7;padding:12px;text-align:center;}
.valuetable, .fwtable {width:100%;}
.valuetable td:first-child {background:#daf0f7;text-align:right;white-space:nowrap;}
.valuetable td:last-child {width:100%;text-align:left;}
.old {text-decoration:line-through;}
.fwtable td {text-align:left;}

/* POPUP */
.popup-container {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  opacity: 0;
  transform: translateY(5%);
  visibility: hidden;
  z-index: 9800;
}
.popup {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 35rem;
  padding: 3rem;
  gap: 1rem;
  background-color: #e6f3fc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  transition: all 0.25s;
  position: relative;
  box-sizing: border-box;
}
.popup h3, .popup p {margin:0;}
.popup .bigbutton {
	margin-top: 1rem;
}
.popup .close {
    position: absolute;
    color: #007aa4;
    background-color: transparent;
    font-size: 1.25rem;
    right: 0;
    top: 0;
    margin: 1rem 1.5rem;
	z-index: 9900;
}
.popup-container.active {
  opacity: 1;
  transform: translateY(0%);
  visibility: visible;
}

.clearfix {clear:both;}

/* DNN Default */
h1, h2, h3, h4, h5, h6 {color:#007aa4;font-family:"Work Sans", sans-serif;font-weight:700;margin:0;line-height:normal;}
h1 {font-size:54px;line-height:54px;}
h1 strong {color:#00afda;font-weight:700;}
h2 {font-family:'diamond_girlmedium';font-size:48px;line-height:54px;font-weight:normal;}
h3 {font-size:36px;line-height:40px;}
h4 {font-size:30px;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {text-decoration:none;color:#007aa4;}
h1 a:active, h1 a:hover, h2 a:active, h2 a:hover {text-decoration:none;color:#83cee5;}
strong {font-weight:600;} 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:600;vertical-align:baseline;}
a:link, a:visited { color:#007aa4; text-decoration:underline;}
a:active, a:hover { color:#83cee5;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4, p {margin:20px 0;}
ul {margin:20px 0;padding:0;}
/* NEW */
.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:#007aa4;margin:0 .5rem 0 0;}
/* Fix */
.DNNEmptyPane {padding:0;}
.breadcrumb ul {margin:0;}
.breadcrumb ul li {margin:0;list-style-type:none;}
.filter ul {margin:0;}
.filter ul li {margin:0;list-style-type:none;}
hr {border:0;height:10px;background:#f3efed;margin:20px 0;}
blockquote {border-left:#007aa4 solid 10px;margin:40px;padding:0 0 0 20px;max-width:800px;}
blockquote, blockquote p {font-style:normal;font-size:18px;line-height:30px;font-weight:600;color:#007aa4;}
ul.twocol {columns:2;column-gap:40px;}

/* PREQUERIES */
#pm-menu, #pm-togglebtn, #pm-searchbtn {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* 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) {
#megamenu {display:none;}
#pm-menu, #pm-togglebtn, #pm-searchbtn {display:block;}
.pagemaster {min-width:0;}
.page {width:auto;margin:0 30px;}
.pageflex {display:block;}
.searchpane {display:none;}
.header {padding:0;display:block;}
.menu {flex:1;justify-content:flex-end;}
.contentflex {display:block;}
.content {padding:40px 0;}
.leftpane {width:auto;margin:0 0 40px 0;}
.contentpane2 {flex:initial;}
.contentpane3 {width:auto;margin:0 0 40px 0;}
.rightpane {flex:initial;}
.bottom {line-height:24px;padding:10px 20px;text-align:center;}
.footermenu {float:none;}
.footermenu a {margin:0 10px;}
.footer {padding:0 20px;text-align:center;}
.contentpane .flexcontent-div {margin:0 0 40px 0 !important;}
.fcw-2col {display:block !important;}
.fcw-2col .flexcontent-div {padding:0 !important;}
.rslides li .caption {bottom:40px;left:40px;text-align:left;}
.darticle-flex {display:block;}
.darticle-left {margin:0 0 40px 0;}
.content img {max-width:100%;height:auto;}
/* 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%;}
}