/* Default */
:root { 
   --font-14: 14px;
   --font-16: 16px;
   --font-17: 17px;
   --font-18: 18px;
   --font-20: 20px;
   --font-21: 21px;
   --font-25: 25px;
   --font-30: 30px;
   --font-31: 31px;
   --font-32: 32px;
   --font-36: 36px;
}

/* 87.5% of default */
:root .font-small { 
   --font-14: 12px;
   --font-16: 13px;
   --font-17: 15px;
   --font-18: 16px;
   --font-20: 17px;
   --font-21: 19px;
   --font-25: 21px;
   --font-30: 26px;
   --font-31: 27px;
   --font-32: 28px;
   --font-36: 31px;
}

* { margin: 0; padding: 0; outline: none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { background-color: #edefee; height: 100%; font-family: 'berlingske_sans_roundlight', sans-serif; color: #2c4244; }
h1 { font-family: 'berlingske_sans_roundlight', sans-serif; font-weight: normal; font-size: 28px; }
h2 { font-family: 'berlingske_sans_roundregular', sans-serif; font-weight: normal; font-size: 24px; }
h3 { font-family: 'berlingske_sans_roundregular', sans-serif; font-weight: normal; font-size: 20px; }
h4 { font-family: 'berlingske_sans_roundmedium', sans-serif; font-weight: normal; font-size: 18px; }
h5 { font-family: 'berlingske_sans_roundmedium', sans-serif; font-weight: normal; font-size: 16px; }

body.no-scroll { overflow: hidden; padding-right: 18px; }

p { color: #808d8e; font-family: 'berlingske_sans_roundregular', sans-serif; line-height: 1.3em; margin-bottom: 0.75em; }
ul { color: #344545; font-family: 'berlingske_sans_roundregular', sans-serif; }
ul li { line-height: 1.3em; }

.tooltip .tooltip-inner { max-width: 400px !important; }

.black-text p,
.black-text ul { color: #000000; }

.no-float { float: none!important; }

a[disabled],
a.aspNetDisabled { pointer-events: none; cursor: pointer; }

/** standard-page-content is defined in mainStyles-c2019-tool.css **/

p a,
.standard-page-content li a { color: inherit; text-decoration: none; border-bottom: 1px solid #3286b9; }

sup { display: inline-block; font-size: 75%; /*vertical-align: super;*/ margin-left: 1px; margin-right: 1px; transform: translateY(-0.4em); }
sub { display: inline-block; font-size: 75%; /*vertical-align: sub;*/ margin-left: 1px; margin-right: 1px; transform: translateY(0.3em); }

input[type="text"] { font-family: 'berlingske_sans_roundmedium', sans-serif; font-weight: normal; border-radius: 0; }
input[type="password"] { font-family: 'berlingske_sans_roundmedium', sans-serif; font-weight: normal; border-radius: 0; }
input[type="submit"] { -webkit-appearance: none; border-radius: 0; }

input[type="text"].standard,
input[type="password"].standard { border: 1px solid #cad400; padding: 5px; margin-left: 20px; margin-right: 20px; }

input[type="submit"].standard { border: 1px solid #828689; padding: 5px 20px; margin-left: 20px; color: #828689; background-color: #FFF; }

.notes-saved { background-color: #58a618 !important; }

.notes-errors { background-color: #CC0000 !important; }

h2.title { font-size: 26px; margin: 20px 0px 30px 0px; }
h3.page-section-title { font-weight: bold; }

span.notes-list-sub-heading { font-size: 16px; display: block; padding-left: 20px; height: auto !important; }

span.notes-list-pre-heading { font-size: 16px; display: block; padding-left: 0px; height: auto !important; color: #b0b3b5; line-height: 1.2em; }

.margin-20 { margin: 20px 0; }
.margin-40 { margin: 40px 0; }

video { width: 100%; }

.radio-button { position: relative; }
.radio-button input[type=radio] { position: absolute; left: -20px; opacity: 0; }
.radio-button-icon { position: absolute; left: 0px; top: 4px; width: 12px; height: 12px; display: inline-block; background-image: url("/_assets/radio-button-off.png"); background-size: cover; }
.radio-button label { padding-left: 16px; font-family: berlingske_sans_roundmedium, sans-serif; font-size: 12px; }
.radio-button input[type=radio]:checked + .radio-button-icon { background-image: url("/_assets/radio-button-on.png"); }
.radio-button.x16 .radio-button-icon { width: 16px; height: 16px; top: 0; }
.radio-button.x16 label { font-size: 14px; padding-left: 22px; }

button.submit-a-question { background-image: url("/_assets/speech-icon.png"); position: fixed; right: 10px; bottom: 10px; background-color: #bed400; width: 80px; height: 80px; border-radius: 80px; box-shadow: 0 0 3px 0px #999999; background-size: 53px 43px; background-position: center; background-repeat: no-repeat; cursor: pointer; z-index: 10; transition: .2s ease-out; }
button.submit-a-question:hover { background-color: #999999; }

div.submit-a-question { }
div.submit-a-question h3 { color: #5482ab; margin-bottom: 0.5em; }
div.submit-a-question h4 { font-size: 16px; }
div.submit-a-question .form-input { }
div.submit-a-question .form-errors { margin-bottom: 10px; }
div.submit-a-question .question { height: 100px; margin: 16px 0 10px 0; }
div.submit-a-question .email { margin-bottom: 10px; }

button { cursor: pointer; transition: all 0.2s; }

.bg-cover { background-size: cover; background-position: center; background-repeat: no-repeat; }


/* Header intro for Tool */

.header-intro p { line-height: 1.4em; }

h2.related-header { font-size: 18px; margin-bottom: 20px; margin: 30px 0 20px 10px; }

.breadcrumbs { padding: 0; background-color: inherit; position: relative; z-index: 1; margin: 20px 0; }
.breadcrumbs .breadcrumbs-container { padding: 0 10px; }
.breadcrumbs .breadcrumbs-container .breadcrumb,
.breadcrumbs .breadcrumbs-container .current-page-breadcrumb { font-size: 14px; text-decoration: none; font-family: 'berlingske_sans_roundmedium', sans-serif; color: #4d5357; display: inline-block; padding: 0 0 2px 0; }

.breadcrumbs .breadcrumbs-container .breadcrumb:not(.not-border-highlight),
.breadcrumbs .breadcrumbs-container .current-page-breadcrumb:not(.not-border-highlight) { border-bottom: 2px solid transparent; }

.breadcrumbs .breadcrumbs-container .current-page-breadcrumb { font-style: italic; display: inline-block; }
.breadcrumbs .breadcrumbs-container .current-page-breadcrumb:after { content: ''; border-bottom: 2px solid #bed600; display: block; /*width: 50px;*/ margin-top: 2px; }

.page-banner .breadcrumbs .breadcrumbs-container { padding-left: 0; padding-right: 0; }

div.breadcrumbs span.separator { display: inline-block; color: #4b2942; content: '//'; margin: 0 8px; font-family: 'berlingske_sans_roundmedium', sans-serif; font-weight: bold; font-size: 12px; }

div.breadcrumbs a.breadcrumb:not(.not-border-highlight):hover { border-bottom: 2px solid #cad400; }
div.breadcrumbs a.breadcrumb.not-border-highlight:hover { text-decoration: underline; text-decoration-color: #cad400; }

.main-page-image { margin-bottom: 30px; max-width: 590px; }

.wrapper table { padding: 0px; width: 100% !important; height: auto !important; background-color: #EEE; border: 0px; margin: 20px 0px; }
.wrapper table tr { }
.wrapper table tr td { font-size: 13px; line-height: 14px; background-color: #fff; padding: 6px; text-align: left; vertical-align: top; color: #4d5357; border: 2px solid #ebedec; font-family: 'berlingske_sans_roundregular', sans-serif; }
.wrapper table tr td a { color: #4d5357; }

.wrapper table tr th { font-size: 13px; line-height: 1.1em; background-color: #333333; color: #ffffff; padding: 6px; text-align: left; vertical-align: top; border: 2px solid #666666; font-family: 'berlingske_sans_roundregular', sans-serif; }

.wrapper table ul { margin-bottom: 10px; }

ul.alpha-list { list-style: lower-alpha !important; }
ul.alpha-list-upper { list-style: upper-alpha !important; }

ol.numeric-list { list-style: decimal !important; }
ol.alpha-list { list-style: lower-alpha !important; }
ol.roman-list { list-style: lower-roman !important; }

.on-print { display: none; }

ul.share-icons { list-style: none; display: block; font-size: 0; white-space: nowrap; margin: 0!important; line-height: 1em!important; }
ul.share-icons li { display: inline-block; margin-right: 5px; }

ul.share-icons li .share-icon { display: block; width:32px; height: 32px; text-decoration: none; font-size: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.2s; }

ul.share-icons li .share-icon.twitter { background-image: url("/_assets2019/social-sharing-icons/twitter-64.png?v=x"); }
ul.share-icons li .share-icon.facebook { background-image: url("/_assets2019/social-sharing-icons/facebook-64.png"); }
ul.share-icons li .share-icon.youtube { background-image: url("/_assets2019/social-sharing-icons/youtube-64.png"); }
ul.share-icons li .share-icon.linkedin { background-image: url("/_assets2019/social-sharing-icons/linkedin-64.png"); }
ul.share-icons li .share-icon.email { background-image: url("/_assets2019/social-sharing-icons/email-64.png"); }
ul.share-icons li .share-icon.print { background-image: url("/_assets2019/social-sharing-icons/print-64.png"); }
ul.share-icons li .share-icon.download { background-image: url("/_assets2019/social-sharing-icons/download-64.png"); }

ul.share-icons li .share-icon.twitter:hover { background-image: url("/_assets2019/social-sharing-icons/twitter-selected-64.png?v=x"); }
ul.share-icons li .share-icon.facebook:hover { background-image: url("/_assets2019/social-sharing-icons/facebook-selected-64.png"); }
ul.share-icons li .share-icon.youtube:hover { background-image: url("/_assets2019/social-sharing-icons/youtube-selected-64.png"); }
ul.share-icons li .share-icon.linkedin:hover { background-image: url("/_assets2019/social-sharing-icons/linkedin-selected-64.png"); }
ul.share-icons li .share-icon.email:hover { background-image: url("/_assets2019/social-sharing-icons/email-selected-64.png"); }
ul.share-icons li .share-icon.print:hover { background-image: url("/_assets2019/social-sharing-icons/print-selected-64.png"); }
ul.share-icons li .share-icon.download:hover { background-image: url("/_assets2019/social-sharing-icons/download-selected-64.png"); }


.my-fis-options .panel-form-error p { color: #cad400; margin-bottom: 8px; font-size: 14px; }

.logged-in-as h3 { margin-bottom: 0px !important; }
.logged-in-as a.password { color: #FFF; text-decoration: none; border-bottom: 1px solid #cad400; font-size: 13px; margin-top: 11px; display: inline-block; }

.btn-standard { padding: 0.75em 1em; font-size: 13px; text-decoration: none; font-weight: normal; display: inline-block; color: #4d5357; background-color: #cccccc; cursor: pointer; border: 1px solid #cccccc; transition: all 0.2s; font-family: berlingske_sans_roundregular, sans-serif; display: inline-flex; flex-direction: row; align-items: center; gap: 10px; }
.btn-hl-green { background-color: #bed600; border-color: #bed600; }
.btn-purple { background-color: #4b2942; color: #ffffff; border-color: #4b2942; }

.btn-standard.btn-hl-green:hover { background-color: #ffffff; }
.btn-purple:hover { background-color: #ffffff; color: #000000; }

.btn-hl-green.btn-hollow { background-color: transparent; }
.btn-hl-green.btn-hollow:hover { background-color: #bed600; }

.btn-standard.btn-email:before { content: ""; display: inline-block; width: 22px; height: 11px; background-image: url("/_assets/icon-email-dark.png"); background-size: contain; background-position: center; background-repeat: no-repeat;  }


.dk-select-multi ul.dk-select-options li.dk-option[data-value='all'] { margin-bottom: 10px; }



.btn-generate-report,
.btn-generate-report-2 { text-align: left; padding-right: 50px; white-space: nowrap; font-family: berlingske_sans_roundmedium, sans-serif; color: #000000; font-size: 15px; }

.btn-generate-report-2 { background-image: url("/_assets/icon-circle-arrow-dark.png"); background-size: 20px 20px; background-position: calc(100% - 10px) center; background-repeat: no-repeat; }

input.error, textarea.error { box-shadow: 0 0 0 1px #C93241!important; border-color: #c93241!important; }

a.cover,
button.cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; cursor: pointer; z-index: 10; transition: all 0.2s; }

button.cover { background: transparent; }

a.cover.dimmer:hover { background-color: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); }

div.form-errors { margin: 16px 0; }

div.form-errors ul { list-style-type: disc; list-style-position: outside; font-size: 14px; color: #c93241; margin-left: 20px; }
div.form-errors ul li { margin-bottom: 5px; font-size: 14px; }

div.form-errors ul li,
div.form-errors ul p,
div.form-errors ul a { font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; }

div.form-errors ul p:last-child { margin-bottom: 0; }

div.login-form div.form-errors ul { list-style-position: outside; margin-left: 20px; }

/* SPINNER - loading.io */

.lds-ring { display: inline-block; position: fixed; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; width: 64px; height: 64px; z-index: 100001; }
.lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border: 6px solid var(--hl-light-green); border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: var(--hl-light-green) transparent transparent transparent; }
.lds-ring div:nth-child(1) { animation-delay: -0.45s; }
.lds-ring div:nth-child(2) { animation-delay: -0.3s; }
.lds-ring div:nth-child(3) { animation-delay: -0.15s; }

@keyframes lds-ring {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}

.centered { text-align: center; }

.mt-0 { margin-top: 0!important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }

.mb-0 { margin-bottom: 0!important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }

.pt-0 { padding-top: 0 !important; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-20 { padding-bottom: 20px !important; }

.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }

/** HOME PAGE **/

/* These were inline on the homepage (Default.aspx) - Hopefully putting them here won't break something. */

.homepage-videos { background-color: rgb(77,83,87); margin-bottom: 25px; padding-bottom: 40px; }
.homepage-videos span.title { font-size: 22px; color: #ffffff; display: block; border-bottom: 1px dashed #ffffff; padding: 50px 0px 15px 0px; margin: 0 10px 38px 10px; font-family: 'berlingske_sans_roundregular', sans-serif; }
.homepage-videos .link-container { width: 280px; /*height: 360px;*/ background-color: rgb(77, 83, 87); color: #ffffff; margin: 0px 10px; max-width: 280px; position: relative; padding-bottom: 60px; }
.homepage-videos .link-image { background-size: cover; height: 158px; }
.homepage-videos .link-title { display: block; font-size: 17px; text-align: left; font-family: 'berlingske_sans_roundmedium', sans-serif; color: #ffffff; padding-top: 16px; padding-bottom: 10px; }
.homepage-videos .link-title:after { content: ''; width: 40px; border-bottom: 2px solid #ffffff; display: block; margin-top: 5px; }
.homepage-videos .link-container p { font-size: 13px; text-align: left; font-family: 'berlingske_sans_roundmedium', sans-serif; color: #ffffff; }

.homepage-videos-carousel-controls { padding-top: 5px; }
.homepage-videos-nav { text-align: center; margin-top: 20px; position: relative; }
.homepage-videos-nav-dots { display: inline-block; margin: 5px 10px 0px 10px; }

.homepage-videos ul.slick-dots { display: block; list-style: none; width: 100%; text-align: center; }
.homepage-videos ul.slick-dots li { display: inline-block; position: relative; width: 10px; height: 10px; cursor: pointer; border: 1px solid #ffffff; background-color: transparent; margin: 0px 5px; }
.homepage-videos ul.slick-dots li.slick-active { background-color: #ffffff; }
.homepage-videos ul.slick-dots li button { font-size: 0; }

a.homepage-videos-prev { display: inline-block; width: 12px; height: 22px; background-image: url(/_assets/btn-arrow-white-left.png); background-size: cover; }
a.homepage-videos-next { display: inline-block; width: 12px; height: 22px; background-image: url(/_assets/btn-arrow-white.png); background-size: cover; }

.homepage-infographics { background-color: rgb(237,238,238); margin-bottom: 0; padding-bottom: 40px; }
.homepage-infographics span.title { font-size: 22px; color: rgb(77, 83, 87); display: block; border-bottom: 1px dashed rgb(77, 83, 87); ; padding: 30px 0px 15px 0px; margin: 0 10px 38px 10px; font-family: 'berlingske_sans_roundregular', sans-serif; }
.homepage-infographics .link-container { width: 280px; /*height: 360px;*/ background-color: rgb(237,238,238); color: rgb(77, 83, 87);; margin: 0px 10px; max-width: 280px; position: relative; padding-bottom: 60px; }
.homepage-infographics .link-image { background-size: cover; height: 158px; }
.homepage-infographics .link-title { display: block; font-size: 17px; text-align: left; font-family: 'berlingske_sans_roundmedium', sans-serif; color: rgb(77, 83, 87); padding-top: 16px; padding-bottom: 10px; }
.homepage-infographics .link-title:after { content: ''; width: 40px; border-bottom: 2px solid rgb(77, 83, 87); display: block; margin-top: 5px; }
.homepage-infographics .link-container p { font-size: 13px; text-align: left; font-family: 'berlingske_sans_roundmedium', sans-serif; color: rgb(77, 83, 87); }

.homepage-infographics-carousel-controls { padding-top: 5px; }
.homepage-infographics-nav { text-align: center; margin-top: 20px; position: relative; }
.homepage-infographics-nav-dots { display: inline-block; margin: 5px 10px 0px 10px; }

.homepage-infographics-nav-dots ul.slick-dots { display: block; list-style: none; width: 100%; text-align: center; }
.homepage-infographics-nav-dots ul.slick-dots li { display: inline-block; position: relative; width: 10px; height: 10px; cursor: pointer; border: 1px solid rgb(77, 83, 87); background-color: transparent; margin: 0px 5px; }
.homepage-infographics-nav-dots ul.slick-dots li.slick-active { background-color: rgb(77, 83, 87); }
.homepage-infographics-nav-dots ul.slick-dots li button { font-size: 0; }

a.homepage-infographics-prev { display: inline-block; width: 12px; height: 22px; background-image: url(/_assets/icon-arrow-left-dark-grey.png); background-size: cover; }
a.homepage-infographics-next { display: inline-block; width: 12px; height: 22px; background-image: url(/_assets/icon-arrow-right-dark-grey.png); background-size: cover; }

.link-container a.plus-btn { bottom: 0; left: 0%; margin-left: 0px; } /* Put the button in the bottom middle */

.key-contact-container li.social-list img { width: 32px!important; height: 32px!important; }

/*.link-container .link-copy { max-height: 152px; text-overflow: ellipsis; overflow-y: hidden; }

.link-copy.link-copy-ellipses { max-height: 132px; }

.link-copy + .link-copy-ellipses {display: none;}
.link-copy.link-copy-ellipses + .link-copy-ellipses { display: block; }*/

a.link-title { text-decoration: none; }

a.carousel-play-pause { position: absolute; left: 10px; top: 0px; border: 1px solid #bed600; width: 32px; height: 32px; display: inline-block; vertical-align: middle; padding-top: 7px; color: white; text-decoration: none; text-align: center; transition: all 0.2s ease-in; }
a.carousel-play-pause:hover { background-color:#bed600; }

.homepage-infographics-nav a.carousel-play-pause { color: #4d5357; }

/* jquery-ui dialog */

div.dialog { display: none; }

@media (max-width: 650px) {
   .homepage-videos ul.slick-dots li,
   .homepage-infographics ul.slick-dots l1 { width: 8px; margin: 0px 4px; }
}

/** GENERAL **/

.btn.btn-generate-report { background-color: #5482ab; border: 1px solid #5482ab; color: #ffffff; padding: 14px 70px 14px 20px; font-size: 18px; font-family: berlingske_sans_roundregular, sans-serif; position: relative; cursor: pointer; transition: all 0.2s; text-align: left; vertical-align: middle; }
.btn.btn-generate-report:after { content: ""; position:absolute; right: 20px; top: 18px; display: block; width: 20px; height: 20px; background-size: cover; background-image: url("/_assets/icon-download-arrow-white.png"); background-repeat: no-repeat; }

.col-1.no-padding,
.no-padding { padding: 0px!important; }

.float-right { float: right; }

.btn.btn-generate-report:hover { background-color: #ffffff; color: #000000; }
.btn.btn-generate-report:hover:after { background-image: url("/_assets/icon-download-arrow-dark.png"); }


.btn.btn-download-report { background-color: #bed400; border: 1px solid #bed400; color: #000000; padding: 14px 20px; font-size: 16px; font-family: berlingske_sans_roundregular, sans-serif; cursor: pointer; transition: all 0.2s; }
   .btn.btn-download-report:hover { background-color: #e0e0e0; }

   iframe#xifKeepAlive { position: fixed; left: 0; top: 0; z-index: -100; width: 50px; height: 50px; border: 0; background-color: transparent; opacity: 0; visibility: hidden; }

.tour-video-popup { width: 836px; /*height: 460px;*/ /*background-color: #ffffff;*/ /*padding: 58px 24px 24px 24px;*/ position: fixed; left: 50%; top: 50%; margin-left: -418px; margin-top: -360px; z-index: 100; max-height: 460px; }

.tour-video-holder { position: relative; height: 400px; width: 100%; margin-bottom: 20px; }
.tour-video-holder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.tour-video-container { position: relative; padding: 45px 45px 35px 45px; background-color: #ffffff; }

/*.take-tour.thumbnail-container { padding-right: 10px!important; }*/

.selection-row.take-a-tour { margin-top: 17px; }
.selection-row.just-browse { margin-top: 16px; }
.selection-row.manage-subscriptions { margin-top: 20px; }
.inner-cell.take-tour.know-more { padding-bottom: 47px; }

.take-tour.thumbnail-container .thumbnail { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; cursor: pointer; }

.take-tour.thumbnail-container .thumbnail img { width: 100%; }

.take-tour.thumbnail-container .gradient { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 25px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.32+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.32) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.32) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.32) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#52000000',GradientType=0 ); /* IE6-9 */ }

.take-tour.thumbnail-container .play-button { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url(/_assets/icon-play3.png); background-position: center; background-repeat: no-repeat; background-size: 50px 50px; }

.take-tour.thumbnail-container a:hover + a { border-color: #4d5357 !important; color: #000 !important; background-color: #ffffff !important; }

/* Thumbnails for specific tools */
/* data-tour-topic is set within the master pages where they include the Welcome Popup user control */

.take-tour.thumbnail-container a .thumbnail img { background: url('/_assets/tour-videos/thumbnail.png'); background-size: 100%; background-repeat: no-repeat; }
.take-tour.thumbnail-container a .thumbnail img:after { content: 'Apple'; width: 100%; height: 100%; background-image: url(/_assets/icon-play3.png); background-position: center; background-repeat: no-repeat; background-size: 50px 50px; }

.take-tour.thumbnail-container a[data-tour-topic="MIFID II"] .thumbnail { background: url('/_assets/tour-videos/thumbnail-mifid-ii.png'); background-size: 100%; background-repeat: no-repeat; }
.take-tour.thumbnail-container a[data-tour-topic="PSD2"] .thumbnail { background: url('/_assets/tour-videos/thumbnail-psd2.png'); background-size: 100%; background-repeat: no-repeat; }
.take-tour.thumbnail-container a[data-tour-topic="Blockchain"] .thumbnail { background: url('/_assets/tour-videos/thumbnail-blockchain.png'); background-size: 100%; background-repeat: no-repeat; }

/*.take-tour-label { position: absolute; bottom: 0; left: 0; font-size: 15px; }*/

.wrapper { max-width: 1200px; width: 100%; margin: 0 auto; }
.divider { background: #000000; }
.col-row { font-size: 0; position: relative; }

.checkbox-row.inline { display: inline-block; }
.checkbox-row.inline .checkbox-label { width: auto; margin-right: 20px; }

.col-1, .col-2, .col-3, .col-3x2, .col-4, .col-5, .col-5x2, .col-5x3, .col-5x4 { font-size: 16px; display: inline-block; vertical-align: top; padding: 10px; position: relative; }

.col-1 { width: 100%; }
.col-2 { width: 50%; }
.col-3 { width: 33.3%; }
.col-3x2 { width: 66.6% }

.col-4 { width: 25%;}

.col-5 { width: 20%; }
.col-5x2 { width: 40%; }
.col-5x3 { width: 60%; }
.col-5x4 { width: 80%; }
.col-5x5 { width: 100%; }

.col-3.left { padding-left: 0; padding-right: 10px; }
.col-3.mid { padding-left: 5px; padding-right: 5px; }
.col-3.right { padding-left: 10px; padding-right: 0; }

.col-15 { width: 15%; }
.col-20 { width: 20%; }
.col-30 { width: 30%; }
.col-40 { width: 40%; }
.col-50 { width: 50%; }
.col-55 { width: 50%; }

.col-15, .col-20, .col-30, .col-40, .col-50, .col-55 { font-size: 16px; display: inline-block; vertical-align: middle; position: relative; padding: 0; }

.col-20.left, .col-30.left, col-40.left, col-50.left { padding-right: 10px; }
.col-20.mid, .col-30.mid, col-40.mid, col-50.mid { padding-left: 5px; padding-right: 5px; }
.col-20.right, .col-30.right, col-40.right, col-50.right { padding-left: 10px; }

.col-row.no-tb-padding .col-1,
.col-row.no-tb-padding .col-2 { padding-top: 0; padding-bottom: 0; }


.main-close { width: 60px; height: 60px; background-color: #fff; position: absolute; right: 0; top: 0; display: block; z-index: 55; }
.main-close:before { content: ''; width: 21px; height: 21px; position: absolute; left: 50%; margin-left: -10.5px; top: 50%; margin-top: -10.5px; background-image: url(/_assets/icon-close.png); background-size: cover; }

a.page-close { width: 32px; height: 32px; background-image: url(/_assets/icon-close-big.png); background-size: cover; display: block; position: absolute; right: 30px; top: 40px; margin-bottom: 15px; cursor: pointer; }
a.page-close.top { top: 0; }

a.page-close-big { position: absolute; top: 15px; right: 15px; cursor: pointer; width: 42px; height: 42px; background-size: 42px; background-image: url(/_assets/icon-close.png); }

a.plus-btn,
button.plus-btn { border-color: #bed600; padding: 7px; margin-top: 1em; position: absolute; bottom: 28px; left: 28px; cursor: pointer; }

button.plus-btn.white-border { border-color: #ffffff; }

a.plus-btn.no-border { border: none; }

a.plus-btn.white:after,
a.plus-btn:after,
button.plus-btn.white:after,
button.plus-btn:after { content: ''; width: 17px; height: 17px; background-size: cover; background-image: url("/_assets/icon-plus-white-thin.png"); display: block; }

button.plus-btn { background-color: transparent; }

a.plus-btn.white.active:after,
a.plus-btn.active:after,
button.plus-btn.white.active:after,
button.plus-btn.active:after { background-image: url(/_assets/icon-minus-white.png); }

a.plus-btn.dark-grey:after,
button.plus-btn.dark-grey:after { background-image: url(/_assets/icon-plus.png); }

a.plus-btn.dark-grey:hover:after,
button.plus-btn.dark-grey:hover:after { background-image: url(/_assets/icon-plus-white.png); }

a.plus-btn.dark-grey.active:after,
button.plus-btn.dark-grey.active:after { background-image: url(/_assets/icon-minus.png); }

a.plus-btn.dark-grey.active:hover:after,
button.plus-btn.dark-grey.active:hover:after { background-image: url(/_assets/icon-minus-white.png); }

a.plus-btn:hover,
button.plus-btn:hover { background-color: #bed600; }

a.plus-btn.open-case-study { bottom: 18px; }

.cover-link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999em; overflow: hidden; z-index: 2; }

.share-container { text-align: center; background: #FFF; position: absolute; top: 68px; left: 5px; padding: 10px 0px; width: 190px; z-index: 55; box-shadow: 3px 3px 10px 0px rgba(111, 111, 111, 0.41); display: none; }
.share-container:before { content: ''; position: absolute; left: 10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFF; top: -10px; }
a.share-btn { opacity: 1; transition: opacity 0.2s ease-in-out; display: inline-block; padding: 0px 9px 0px 9px; cursor: pointer; }
a.share-btn:hover { opacity: 0.5; }

a.share-btn img { height: 22px; }

.width-30em { width: 30em; }
.width-20em { width: 20em; }


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder,
input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder,
input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder,
input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder { color: #ffffff; }

input.placeholder-white::-webkit-input-placeholder,
textarea.placeholder-white::-webkit-input-placeholder,
select.placeholder-white::-webkit-input-placeholder,
input.placeholder-white:-moz-placeholder,
textarea.placeholder-white:-moz-placeholder,
select.placeholder-white:-moz-placeholder,
input.placeholder-white::-moz-placeholder,
textarea.placeholder-white::-moz-placeholder,
select.placeholder-white::-moz-placeholder,
input.placeholder-white:-ms-input-placeholder,
textarea.placeholder-white:-ms-input-placeholder,
select.placeholder-white:-ms-input-placeholder { color: #f0f0f0!important; }

.dk-select.see-through { background-color: transparent; }
.dk-select.see-through .dk-selected { background-color: transparent; }

.dk-select.light .dk-selected { color: #ffffff; }
.dk-select.light .dk-selected:before { background-image: url("/_assets/icon-chevron-down-white.png"); }

.dk-option.hide { display: none; }

.no-top-padding { padding-top: 0 !important; }
.no-bottom-padding { padding-bottom: 0 !important; }

/** MY TOOLKITS **/

.article-holder.toolkit-category { position: relative; }

.article-holder.toolkit-category .article-panel { border-top-width: 17px; border-top-style: solid; }

.article-holder.toolkit-category.active:after { content: ''; position: absolute; display: block; width: 54px; height: 27px;  background-image: url("/_assets/arrow-up-grey.png"); background-size: cover; background-repeat: no-repeat; bottom: -20px; left: 50%; margin-left: -27px; }

.article-holder.toolkit-category .toolkit-category-icon {position: absolute; right: 25px; bottom: 25px; }
.article-holder.toolkit-category .toolkit-category-icon img { width: 60px; height: 60px; }

.toolkit-slideout { background-color: #dbdddd; display: none; padding: 10px 0px; }

label.checkbox2 { position: relative; padding-left: 22px; vertical-align: top; font-size: 14px; font-family: berlingske_sans_roundmedium, sans-serif; line-height: 1.2em; display: inline-block; }
label.checkbox2 input { position:absolute; visibility: hidden; opacity: 0; }
label.checkbox2:before { content: ""; position: absolute; top: 2px; left: 0; width: 14px; height: 14px; background-image: url("/_assets/checkbox-unticked.png"); background-size: cover; background-repeat: no-repeat; }
label.checkbox2.checked:before { background-image: url("/_assets/checkbox-ticked.png"); }

label.checkbox2.disabled { opacity: 0.35; }

label.checkbox3 { position: relative; padding-left: 25px; font-size: initial; color: initial; }
label.checkbox3 input[type=checkbox] { position: absolute; visibility: hidden; opacity: 0; }

label.checkbox3:not(.checkbox-right):before { content: ""; position: absolute; top: 2px; left: 0; width: 18px; height: 18px; background-color: #dbd5db; background-position: center; background-size: cover; background-repeat: no-repeat; }
label.checkbox3.checked:not(.checkbox-right):before { background-image: url("/_assets/icon-tick.gif"); }

label.checkbox3.checkbox-right { }
label.checkbox3.checkbox-right:after { content: ""; position: absolute; top: 2px; right: 0; width: 18px; height: 18px; background-color: #dbd5db; background-position: center; background-size: cover; background-repeat: no-repeat; }
label.checkbox3.checked.checkbox-right:after { background-image: url("/_assets/icon-tick.gif"); }

/*.toolkit-slideout .article-panel .article-text { padding-bottom: 25px; }*/


.key-contacts-container { margin-top: 40px;  }

.key-contacts-wrapper { background-color: #dddddd; padding: 6px; }
.page-content .key-contacts-wrapper h4 { font-size: 13px; margin-bottom: 10px; font-family: berlingske_sans_roundmedium, sans-serif; color: #4d5357; }

.key-contacts-wrapper .key-contact-container { margin-bottom: 10px; width: 100%; }
.key-contacts-wrapper .key-contact-image-container { width: 45%; display: inline-block; }
.key-contacts-wrapper .key-contact-image { height: 90px; width: 100%; background-size: contain; background-repeat: no-repeat; }
.key-contacts-wrapper .key-contact-details { width: 55%; display: inline-block; padding-left: 10px; vertical-align: top; }
.key-contacts-wrapper .key-contact-name p { font-size: 12px; line-height: 1.2em; color: #4d5357; font-family: berlingske_sans_roundmedium, sans-serif; margin-bottom: 0; }
.key-contacts-wrapper .key-contact-name a { font-size: 11px; line-height: 1.2em; text-decoration: none; border-bottom: 2px solid #58a618; color: #4d5357; font-family: berlingske_sans_roundmedium, sans-serif; }
.key-contacts-wrapper .key-contact-name { margin-bottom: 10px; overflow-wrap: break-word; }

.key-contacts-wrapper .key-contact-email { display: block; }

.key-contacts-wrapper .key-contact-info p { font-size: 12px; color: #4d5357; line-height: 1.1em; margin-bottom: 3px; font-family: berlingske_sans_roundregular, sans-serif; }



/** DEFINITIONS **/

a.definition { position: relative; border-bottom-color: #da3a3a; border-bottom-style: dashed; border-bottom-width: 1px; cursor: pointer; white-space: nowrap; }

/*a.definition .definition-popup { display: none; position: absolute; bottom: 30px; left: 50%; width: 300px; margin-left: -150px; text-align: center; box-shadow: 0px 0px 5px 0px #888; cursor: default; z-index: 93; }
a.definition .definition-popup-inner { padding: 10px; background: #ffffff; position: relative; z-index: 5; }
a.definition .definition-popup-inner p:last-child { margin-bottom: 0px; }
a.definition .definition-popup:after { content: ''; position: absolute; left: 50%; bottom: -7px; width: 15px; height: 15px; margin-left: -10px; transform: rotate(45deg); background: #FFF; box-shadow: 0px 0px 5px 0px #888; z-index: 1; }*/

.definition-popup { display: none; position: absolute; z-index: 10001; text-align: center; box-shadow: 0px 0px 5px 0px #888; cursor: default; background-color: #ffffff; max-width: 300px; }
.definition-popup .definition-popup-inner { padding: 10px; background: #ffffff; position: relative; z-index: 5; }
.definition-popup .definition-popup-inner p { color: #000000; font-size: 12px; }
.definition-popup .definition-popup-inner p:last-child { margin-bottom: 0px; }
.definition-popup:after { content: ''; position: absolute; left: 50%; bottom: -7px; width: 15px; height: 15px; margin-left: -10px; transform: rotate(45deg); background: #FFF; box-shadow: 0px 0px 5px 0px #888; z-index: 1; }

/** HEADER **/
header { background-color: #fff; position: relative; }
.header-bg { position: absolute; left: 50%; top: 0; right: 0; height: 100%; background-image: url(/_assets/bg-header.jpg); background-position: left top; background-repeat: no-repeat; background-size: 1400px auto; }

.header-bg-psd2tk 	{background-image: url('/_uploads/headers/PSD-training-header.jpg'); }
.header-bg-cca-tool {background-image: url('/_uploads/headers/CCA-header-image.jpg'); }


/** HEADER RIGHT **/
.header-right { float: right; position: relative; z-index: 20; margin-top: 50px; margin-right: 45px; }
.know-more-container { text-align: right; padding-right: 15px; border-right: 1px solid #fff; clear: both; position: relative; }
.know-more-container p { color: #fff; font-size: 19px; font-family: Georgia, Times New Roman, serif; margin-bottom: 0; font-style: italic; line-height: 1em; margin-right: 5px; }
.know-more-container p span { color: #fff; font-size: 16px; }
.know-more-container img { position: absolute; top: 5px; left: 100%; margin-left: 15px; }

.btn-register { border: 1px solid #cad400; display: inline-block; float: right; margin-bottom: 22px; color: #fff; text-decoration: none; padding: 0.75em; font-size: 13px; font-weight: bold; }
.btn-register a { color: #FFF; text-decoration: none; }
.btn-register img { vertical-align: middle; margin-left: 10px; }

.login-pipe { display: inline-block; margin: 0px 9px; width: 2px; height: 15px; position: relative; top: 3px; background: #FFF; }

/** LOGO CONTAINER **/
.logo-container { position: relative; z-index: 30; margin-top: 45px; margin-bottom: 45px; display: inline-block; font-size: 0; vertical-align: top; }
.logo-container img { display: inline-block; margin-right: 38px; vertical-align: top; width: 115px; height: auto; }
.logo-container h1 { display: inline-block; font-size: 38px; color: #4d5357; vertical-align: top; }
.logo-container h1 span.title-georgia { font-family: Georgia, Times New Roman, serif; font-size: 54px; letter-spacing: -0.049em; }
.logo-container h1 span.title-berlingske { font-family: 'berlingske_sans_roundlight', sans-serif; font-size: 50px; letter-spacing: -0.0165em; padding-left: 3px; }
.logo-container h1 span.sub-title { display: block; font-size: 18px; color: #95989a; vertical-align: top; padding-left: 1px; margin-top: 12px; line-height: 1.3em; font-family: 'berlingske_sans_roundregular', sans-serif; letter-spacing: -0.001em; }
.logo-right { display: inline-block; position: relative; top: -7px; }

/** SEARCH **/
.search-and-select { margin-top: 32px; margin-left: 1px; }
.search-container { width: 182px; border: 1px solid #cad400; height: 40px; position: relative; display: inline-block; vertical-align: top; }

.search-container input[type="text"] { width: 100%; left: 0; top: 0; right: 0; bottom: 0; position: absolute; font-size: 14px; color: #344545; background-color: transparent; padding-left: 22px; padding-right: 40px; height: 100%; }
.search-container input[type="text"]::-webkit-input-placeholder { color: #344545; }
.search-container input[type="text"]:-moz-placeholder { color: #344545; }
.search-container input[type="text"]::-moz-placeholder { color: #344545; }
.search-container input[type="text"]:-ms-input-placeholder { color: #344545; }

.search-container input[type="submit"] { width: 18px; height: 19px; background-image: url(/_assets/icon-search.png); background-size: cover; position: absolute; right: 16px; top: 50%; margin-top: -9px; display: block; background-color: transparent; cursor: pointer; background-repeat: no-repeat; }

.search-no-results { margin: 50px 0; }
.search-no-results h2 { font-size: 20px; font-weight: bold; }

/** TOPIC **/
.topic-container { width: 182px; display: inline-block; vertical-align: top; margin-left: 6px; }

/** FILTER **/
.filter-bar { background-color: #f6f6f6; box-shadow: 0 3px 5px rgba(0,0,0,0.2); padding: 12px 0; z-index: 20; }
ul.filter-search { list-style: none; font-family: Georgia, Times New Roman, serif; font-size: 17px; display: inline-block; }
ul.filter-search li { display: inline-block; padding: 4px 15px 0 15px; color: #354546; }
ul.filter-search li a { color: inherit; text-decoration: none; display: inline-block; border-bottom: 3px solid #000; padding-bottom: 4px; }
ul.filter-search li.green-light a { border-color: #58a618; }
ul.filter-search li.green-dark a { border-color: #2c5e4f; }
ul.filter-search li.blue a { border-color: #5482ab; }
ul.filter-search li.purple a { border-color: #4b2942; }
ul.filter-search li:hover { color: #fff; transition: all 0.2s ease-in-out; }
ul.filter-search li.green-light:hover, ul.filter-search li.green-light.active { background-color: #58a618; color: #ffffff; }
ul.filter-search li.green-dark:hover, ul.filter-search li.green-dark.active { background-color: #2c5e4f; color: #ffffff; }
ul.filter-search li.blue:hover, ul.filter-search li.blue.active { background-color: #5482ab; color: #ffffff; }
ul.filter-search li.purple:hover, ul.filter-search li.purple.active { background-color: #4b2942; color: #ffffff; }

ul.filter-search li.home a { border: none; padding-bottom: 0px; vertical-align: text-top; }

.filter-bar.is_stuck { z-index: 92; }

.my-fis-options { display: inline-block; float: right; margin-top: 4px; position: relative; }
.my-fis-options p { font-size: 15px; display: inline-block; font-family: Georgia, Times New Roman, serif; color: #4d5357; margin-right: 18px; margin-bottom: 0; }
.my-fis-options ul { list-style: none; display: inline-block; vertical-align: middle; }
.my-fis-options ul li { display: inline-block; vertical-align: middle; margin-left: 10px; height: 30px; cursor: pointer; }
.my-fis-options ul li span { position: relative; display: inline-block; height: 30px; }
.my-fis-options ul li span:after { width: 0; height: 0; display: none; border-style: solid; z-index: 500; border-width: 0 20px 20px 20px; border-color: transparent transparent #4d5357 transparent; content: ''; position: absolute; left: 50%; margin-left: -20px; bottom: -22px; }
.my-fis-options ul li span p { position: absolute; font-family: 'berlingske_sans_roundregular', sans-serif; color: #4d5357; top: -15px; right: -15px; background-color: #bed600; margin: 0; display: inline-block; font-size: 11px; width: 20px; height: 20px; border-radius: 20px; text-align: center; line-height: 20px; vertical-align: middle; }
.my-fis-options ul li img { vertical-align: text-bottom; display: inline-block; }
.my-fis-options ul li.active .my-fis-dropdown { display: block; }
.my-fis-options ul li.active span:after { display: block; }

.my-fis-options ul li[data-id="3"] { display: none !important; }

.my-fis-options .hamburger { display: none; }

/** MY FIS DROPDOWN **/
.my-fis-dropdown { padding: 40px 50px; position: absolute; width: 572px; background-color: #4d5357; top: 45px; right: 0; margin-right: -80px; z-index: 60; display: none; }

.my-fis-dropdown.active { display: block; }

.my-fis-dropdown span:after { display: none !important; }
.my-fis-dropdown h3 { display: inline-block; font-family: Georgia, Times New Roman, serif; font-size: 17px; font-style: italic; color: #fff; margin-bottom: 22px; }
.my-fis-dropdown input[type="text"] { border: 1px solid #cad400; width: 100%; background-color: transparent; text-align: center; padding: 10px 20px; font-size: 13px; color: #fff; line-height: 1.3em; }
.my-fis-dropdown input[type="text"] placeholder { color: #fff; }
.my-fis-dropdown input[type="text"]::-webkit-input-placeholder { color: #fff; }
.my-fis-dropdown input[type="text"]:-moz-placeholder { color: #fff; }
.my-fis-dropdown input[type="text"]::-moz-placeholder { color: #fff; }
.my-fis-dropdown input[type="text"]:-ms-input-placeholder { color: #fff; }

.my-fis-dropdown input[type="password"] { border: 1px solid #cad400; width: 100%; background-color: transparent; text-align: center; padding: 10px 20px; font-size: 13px; color: #fff; line-height: 1.3em; }
.my-fis-dropdown input[type="password"] placeholder { color: #fff; }
.my-fis-dropdown input[type="password"]::-webkit-input-placeholder { color: #fff; }
.my-fis-dropdown input[type="password"]:-moz-placeholder { color: #fff; }
.my-fis-dropdown input[type="password"]::-moz-placeholder { color: #fff; }
.my-fis-dropdown input[type="password"]:-ms-input-placeholder { color: #fff; }

.my-fis-dropdown input[type="submit"],
.my-fis-dropdown input[type="button"] { width: 100%; background-color: #fff; text-align: center; color: #4d5357; padding: 10px 0; font-size: 13px; line-height: 1.3em; border: 1px solid #fff; font-family: 'berlingske_sans_roundregular', sans-serif; cursor: pointer; }

.my-fis-dropdown input[type="submit"].btn-filter { float: right; width: 111px; padding: 8px 0px; }
.my-fis-dropdown textarea { height: 130px; border: 1px solid #cad400; width: 100%; background-color: transparent; padding: 10px 20px; font-size: 13px; color: #fff; line-height: 1.3em; }
.my-fis-col { display: inline-block; vertical-align: top; }
.form-row { display: block; font-size: 0; }
.my-fis-dropdown a { text-decoration: none; border: none; }

.form-panel-text p { color: #ffffff; }

a.register-here { font-size: 13px; float: right; color: #fff; display: inline-block; text-decoration: none; border-bottom: 1px solid #cad400; }

.advanced-search a.toggle { font-size: 13px; /*color:#4d5357;*/ margin-top: 8px; display: inline-block; text-decoration: none; border-bottom: 1px solid #828689; color: #828689; }
.my-fis-dropdown.fis-advanced-search { display: block; top: auto; bottom: auto; right: auto; left: 0px; width: 580px; margin-top: 25px; z-index: 50; }
.my-fis-dropdown.fis-advanced-search input[type="submit"].btn-filter { float: right; width: 65px; padding: 5px 0px; margin-top: -6px; }
.my-fis-dropdown.fis-advanced-search .btn-filter { display: inline-block; background-color: #FFF; font-size: 13px; text-align: center; color: #4d5357; float: right; width: 65px; padding: 7px 0px; margin-top: -6px; }
.my-fis-dropdown.fis-advanced-search:before { content: ''; width: 0; height: 0; position: absolute; top: -15px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #4d5357; left: 190px; }

.my-fis-dropdown.fis-advanced-search .my-fis-select { width: 49%; margin-bottom: 10px; }

.my-fis-dropdown.fis-advanced-search .my-fis-select.my-fis-datepicker { display: block; width: 100%; }
.my-fis-dropdown.fis-advanced-search .my-fis-select.my-fis-datepicker .datepicker-col { width: 49%; margin-right: 2%; display: inline-block; }
.my-fis-dropdown.fis-advanced-search .my-fis-select.my-fis-datepicker .datepicker-col.last { margin-right: 0px; }
.my-fis-dropdown.fis-advanced-search .my-fis-select.my-fis-datepicker input.datepicker { padding: 5px 5px; width: 140px; text-align: left; }
.my-fis-dropdown.fis-advanced-search .my-fis-select.my-fis-datepicker span.date-label { font-size: 14px; color: #FFF; font-family: 'berlingske_sans_roundmedium', sans-serif; width: 95px; display: inline-block; vertical-align: middle; }


/** MY FIS LOGIN **/
.my-fis-login .my-fis-col { width: 39%; margin-right: 3%; }
.my-fis-login .my-fis-col.my-fis-login-btn { width: 16%; margin-right: 0; }

.my-fis-col.remember-me { padding-top: 10px; }
.my-fis-col.remember-me input { vertical-align: top; margin-top: 3px; }
.my-fis-col.remember-me label { font-size: 13px; color: #FFF; display: inline-block; padding-left: 8px; }

.my-fis-forgot-password { margin-top: 10px; }
.my-fis-forgot-password a { color: white; font-style: italic; font-size: 10pt; border-bottom: 1px solid #cad400; }

a.forgot-password { color: #333333; border-bottom: 1px solid #cad400; float: right; font-size: 10pt; text-decoration: none; }

/** MY FIS TAILOR **/
.my-fis-select { width: 32%; margin-right: 2%; }
.my-fis-select.last { margin-right: 0; }
.my-fis-select .dk-selected { background-color: transparent !important; color: #fff; }
.my-fis-select .dk-select-open-down .dk-select-options { padding: 10px; }
.my-fis-select .dk-option { padding-left: 0; padding-right: 0; display: block; }
.my-fis-select .dk-selected:before { background-image: url(/_assets/icon-select-arrow-smaller.png); width: 13px; height: 7px; top: 18px; }

.my-fis-select .dk-select-open-down ul li:first-child { display: none; }

/** MY FIS CONTACT **/
.contact-listing { font-size: 0; margin-bottom: 15px; }
.contact-listing img { width: 20%; }
.contact-listing-text { width: 77%; display: inline-block; vertical-align: top; margin-left: 3%; }
.contact-listing-text a { color: inherit; text-decoration: none; border: none; }
.contact-listing-text h4 { color: #fff; border-bottom: 1px solid #cad400; display: inline-block; margin-bottom: 5px; font-size: 16px; }
.contact-listing-text p { color: #fff; font-family: 'berlingske_sans_roundregular', sans-serif; display: block; font-size: 14px; line-height: 1.4em; }
.contact-listing-text p a:hover { color: #cad400; }
.contact-listing-text p.contact-email { margin-top: 8px; }

/** MY FIS CONTACT FORM **/
.contact-form { font-size: 0; }
.contact-form-row { margin-bottom: 15px; }
.fis-contact-form-cell { width: 48%; display: inline-block; margin-right: 4%; }
.fis-contact-form-cell.last { margin-right: 0; }
.fis-contact-form-cell label { font-size: 13px; color: #fff; display: block; margin-bottom: 5px; }
.fis-contact-form-cell input[type="text"] { text-align: left; }
.fis-contact-form-cell-submit { width: 120px; }
.fis-contact-form-textarea { width: 100%; margin: 0; }

/** MY FIS TEXT LISTING **/
.my-fis-dropdown-text-listing h4 { color: #bed600; font-size: 13px; margin-bottom: 15px; }
.my-fis-dropdown-text-listing p { font-size: 22px; color: #fff; font-family: 'berlingske_sans_roundregular', sans-serif; margin-bottom: 10px; }
.my-fis-dropdown-text-listing p.reply-count { font-size: 13px; }
.my-fis-dropdown-text-listing p.reply-count img { vertical-align: text-bottom; margin-right: 4px; }
.my-fis-dropdown-text-listing hr { border-top: 2px solid #979a9d; width: 50px; margin: 15px 0; text-align: left; }

/** NOTES **/

.news-notes-field,
.notes-field { width: 100%; height: 320px; resize: none; padding: 40px; font-size: 16px; }
 
/** READING LIST **/
.read-listing { position: relative; }
.read-listing a { text-decoration: none; color: inherit; }
.read-listing h5 { font-size: 11px; color: #fff; }
.read-listing h5 span { color: #bed600; font-family: Georgia, Times New Roman, serif; margin-bottom: 5px; height: auto !important; line-height: 1em; }
.read-listing h6 { font-size: 11px; color: #ffffff; margin-bottom: 0px; font-weight: normal; }
.read-listing a.close-btn { position: absolute; width: 21px; height: 21px; background-size: cover; background-image: url(/_assets/icon-close.png); display: block; right: -21px; top: 35%; margin-top: -10px; }
.read-listing hr { margin: 2px 0 15px 0 !important; }

/** SOCIAL LIST IN HEADER **/

.filter-bar ul.social-list { display: inline-block; list-style: none; margin-top: -4px; }
.filter-bar ul.social-list li { display: inline-block; vertical-align: top; margin: 0px 10px 0px 0px; }
.filter-bar ul.social-list li a img { height: 38px; width: 38px; }

/** FOOTER **/
footer { background-color: #fff; padding: 75px 0; }
ul.social-list { display: inline-block; list-style: none; }
ul.social-list li { display: inline-block; vertical-align: top; margin-right: 18px; }

ul.footer-nav { list-style: none; font-family: 'berlingske_sans_roundmedium', sans-serif; font-size: 17px; display: inline-block; margin-right: 40px; vertical-align: top; margin-top: 10px; }
ul.footer-nav li { margin: 0 10px 0px 0px; display: inline; font-size: 14px; }
ul.footer-nav li a { color: #2c5e4f; text-decoration: none; padding-bottom: 2px; }
ul.footer-nav li a:hover { border-bottom: 1px solid #bed600; }
p.copyright-text { font-size: 10px; color: #95989a; font-family: Georgia, Times New Roman, serif; display: inline-block; width: 100%; float: right; margin-top: 20px; }

.alert-holder { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.60); z-index: 99999; }
.alert {
   position: fixed;
   top: 50%;
   left: 50%;
   margin-left: -160px;
   width: 320px;
   background: #fff;
   border-top: 10px solid #bff355;
   padding: 15px;
   font-size: 14px;
   box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
}
.alert-text {
   font-family: Roobert, sans-serif;
   font-size: 14px;
   font-weight: 300;
   color: var(--hl-dark-green);
   margin-bottom: 20px;
}

.alert p {
   color: inherit;
   line-height: 1.3em;
   font: inherit;
}

.alert p:last-child { 
   margin-bottom: 0px;
}

.alert .btn-border {
   font-family: Roobert, sans-serif;
   font-weight: 400;
   font-size: 14px;
   color: var(--hl-dark-green);
   border-color: var(--hl-dark-green);
   padding: 0.5em 2em;
   margin-right: 10px;
}

.alert .btn-border:hover,
.alert.error .btn-border:hover {
   background-color: var(--hl-light-green);
   color: var(--hl-dark-green);
}

.alert.error {
   border-top: 10px solid #F00;
}

.alert.error .alert-text {
   font-size: 14pt;
   font-weight: 500;
   min-height: 40px;
   line-height: 1.2;
}
.alert.error .btn-border { background-color: var(--hl-dark-green); color: #fff; margin: 0 auto; }

.alert.warning { border-top: 10px solid orange; }

.organisation-welcome p { font-size: 32px; color: #4d5357; vertical-align: middle; margin-bottom: 0; }
.organisation-welcome .organisation-logo { float: right; }


@-webkit-keyframes rotating /* Safari and Chrome */ {
   from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
   to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes rotating {
   from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
   to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

.wrapper table.button-ticker tr td { border: none; }


.grey-bg { background-color: #edf0ee; }

.split-page { font-size: 0; }

.split-page .page-left,
.split-page .page-right { display: inline-block; vertical-align: top; }

.split-page .page-left { padding-right: 40px; }
.split-page .page-left.wide-gap { padding-right: 80px; }

.split-page-8020 .page-left { width: 80%; }
.split-page-8020 .page-right { width: 20%; }

.split-page-7525 .page-left { width: 75%; }
.split-page-7525 .page-right { width: 25%; }

.split-page-7030 .page-left { width: 70%; }
.split-page-7030 .page-right { width: 30%; }

.split-page-4060 .page-left { width: 40%; }
.split-page-4060 .page-right { width: 60%; }
.split-page-6040 .page-left { width: 60%; }
.split-page-6040 .page-right { width: 40%; }

.split-page-6535 .page-left { width: 65%; }
.split-page-6535 .page-right { width: 35%; }

.split-page-3565 .page-left { width: 35%; }
.split-page-3565 .page-right { width: 65%; }

.page-left h3,
.page-right h3 { margin-bottom: 0.75em; }


.insight-container p,
.page-left p,
.page-right p { font-size: 16px; font-family: berlingske_sans_roundregular, sans-serif; line-height: 1.4em; margin-bottom: 0.75em; color: #4d5357; }

.insight-container ul,
.insight-container ol,
.insight-container ul li,
.insight-container ol li,
.page-left ul,
.page-left ol,
.page-right ul,
.page-left ol { font-size: 16px; color: #4d5357; line-height: 1.4em; }

.insight-container ol,
.page-left ol,
.page-right ol { margin-left: 30px; }

.insight-container ol,
.page-left ol,
.page-right ol,
.insight-container ul,
.page-left ul,
.page-right ul { margin-top: 1em; margin-bottom: 1em; }



.page-copy ul,
.page-copy ol { margin: 1em 0 1em 1em;}


h3.date {font-size: 18px; margin-bottom: 30px; margin-top: -20px; }


.section-intro { padding-right: 20%; }
.section-intro p { font-size: 15px; margin-bottom: 15px; line-height: 1.3em; font-family: berlingske_sans_roundregular, sans-serif; color: #000000; }

.page-options { background-color: #f5f5f5; padding: 30px; position: relative; }
.page-options a.page-close { top: 22px; right: 22px; height: 26px; width: 26px; }

.page-options button.page-section-selector.hl-green { border-color: #bed600; color: #ffffff; }
.page-options button.page-section-selector.hl-green.active { background-color: #bed600; color: #2D4345; }

button.write-notes .icon-pencil { display: inline-block; width: 7px; height: 22px; background-image: url("/_assets/icon-pencil-white.png"); background-position: center; background-size: cover; background-repeat: no-repeat; margin-right: 10px; vertical-align: middle; }

.split-page .page-left.grey-bg { padding: 30px; position: relative; }

.split-page .page-left .bottom-border { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; padding: 0 30px; }
.split-page .page-left .bottom-border:after { content: ''; width: 100%; height: 1px; background-color: #b1b0b0; display: block; }

.light-font { font-family: berlingske_sans_roundlight, sans-serif; font-size: 13px; }
.regular-font { font-family: berlingske_sans_roundregular, sans-serif; font-size: 13px; }
.medium-font { font-family: berlingske_sans_roundmedium, sans-serif; font-size: 13px; }

.image img { width: 100%; }

/** PREFERENCES **/

#editPanel, #savingPreferencesPanel, #savedPreferencesPanel { padding-left: 20px; }

#savingPreferences { background: rgba(255, 255, 255, 0.0); text-align: center; height: 340px; position: relative; }
#savingPreferences .refresh { position: absolute; top: 50px; left: 50%; margin-left: -75px; -webkit-animation: rotating 2.2s linear infinite; -moz-animation: rotating 2.2s linear infinite; -ms-animation: rotating 2.2s linear infinite; -o-animation: rotating 2.2s linear infinite; animation: rotating 2.2s linear infinite; }
#savingPreferences h2 { position: absolute; bottom: 50px; width: 100%; font-size: 38px; color: #58a618; font-weight: 100; font-family: 'berlingske_sans_roundlight', sans-serif; line-height: 1.2em; }

#savedPreferences h2 { font-size: 38px; color: #58a618; font-weight: 100; font-family: 'berlingske_sans_roundlight', sans-serif; margin-bottom: 40px; }

/** ARTICLE LISTING **/

.no-access-to-article { padding: 10px 0px 30px 0px; }

.article-holder { position: relative; }
.article-holder:hover .article-hover { visibility: visible; opacity: 1; overflow-y: auto; overflow-x: hidden; }

.article-panel,
.article-note-panel { border-top: 17px solid #aaaaaa; height: 100%; position: relative; background: #ffffff; }

.article-panel .article-image { padding-top: 55%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
.article-panel .article-image img { max-width: 100%; }
.article-panel .article-text { padding: 25px 25px 58px 25px; }
.article-panel.article-cta .article-text { padding-bottom: 93px; }

.article-panel .article-image .video-play-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("/_assets/icon-video-play-overlay.png"); background-size: 100px 100px; background-position: center; background-repeat: no-repeat; }


.article-panel h2,
.article-note-panel h2 { font-size: 21px !important; display: block; margin-bottom: 1em; position: relative; line-height: 1.2em !important; font-family: 'berlingske_sans_roundregular', sans-serif !important; }

.article-panel h2:after,
.article-note-panel h2:after { content: ""; width: 50px; border-bottom: 2px solid #e4e4e4; display: block; top: 100%; left: 0; margin-top: 1em; }

.article-panel h2.no-divider:after { content: none; }

.article-panel a,
.article-note-panel a { text-decoration: none; color: inherit; }

.article-panel .article-text p,
.article-note-panel .article-note-text p { font-size: 14px; font-family: Georgia, Times New Roman, serif; color: #868f90; }

.article-panel .plus-btn,
.article-panel .document-btn { border-color: #bed600; padding: 7px; position: absolute; bottom: 25px; left: 25px; margin: 0; }

.article-panel .plus-btn:hover,
.article-panel .document-btn:hover { background-color: #bed600; }

.article-panel .plus-btn:after,
.article-note-panel .plus-btn:after { width: 17px; height: 17px; content: ''; background-image: url(/_assets/icon-plus.png); background-size: cover; display: block; }

.purple .article-panel .plus-btn:after { background-image: url(/_assets/icon-plus-white.png); }

.article-panel .document-btn:after { width: 17px; height: 17px; content: ''; background-size: cover; display: block; }

.article-panel.article-cta .plus-btn,
.article-panel.article-cta .article-pin,
.article-panel.article-cta .article-notes { bottom: 60px; }

.article-panel .article-text .article-date,
.article-notet-panel .article-note-text .article-date { font-size: 13px; margin-bottom: 0.8em; font-family: Georgia, Times New Roman, serif; color: #868f90; }

.article-panel .article-text .article-topic,
.article-note-panel .article-note-text .article-topic { font-size: 13px; margin-bottom: 0.1em; font-family: Georgia, Times New Roman, serif; }

.article-panel .article-text .article-sub-topic,
.article-note-panel .article-note-text .article-sub-topic { font-size: 14px; margin-top: 5px; color: #4d5357; font-family: 'berlingske_sans_roundregular', sans-serif; }

.article-panel .article-text h3 { font-family: 'berlingske_sans_roundlight', sans-serif; font-weight: normal; margin-top: 0 !important; margin-bottom: 0 !important; }

.article-panel.green-light,
.article-note-panel.green-light { border-color: #58a618; }

.article-panel.green-light h2,
.article-panel.green-light .article-text .article-topic,
.article-note-panel.green-light h2,
.article-note-panel.green-light .article-note-text .article-topic { color: #58a618; }

.article-panel.green-light .btn-border { border-color: #58a618; }
.article-panel.green-light .btn-border.filled { background-color: #58a618; }

.article-panel.green-dark { border-color: #2c5e4f; }
.article-panel.green-dark h2, .article-panel.green-dark .article-text .article-topic { color: #2c5e4f; }
.article-panel.green-dark .btn-border { border-color: #2c5e4f; }
.article-panel.green-dark .btn-border.filled { background-color: #2c5e4f; }

.article-panel.blue { border-color: #5482ab; }
.article-panel.blue h2, .article-panel.blue .article-text .article-topic { color: #5482ab; }
.article-panel.blue .btn-border { border-color: #5482ab; }
.article-panel.blue .btn-border.filled { background-color: #5482ab; }

.article-panel.purple { border-color: #4b2942; }
.article-panel.purple h2, .article-panel.purple .article-text .article-topic { color: #4b2942; }
.article-panel.purple .btn-border { border-color: #4b2942; }
.article-panel.purple .btn-border.filled { background-color: #4b2942; }


.article-panel .article-text .article-partner { padding-top: 7px; }
.article-panel .article-text .article-partner-title { font-family: 'berlingske_sans_roundregular'; font-size: 12px; }
.article-panel .article-text .article-partner-image { width: 45px; height: 45px; background-size: cover; background-position: center; border: 1px solid #aab1b7; float: left; margin-right: 15px; }

.article-panel.article-condensed h2 { margin-bottom: 0; }
.article-panel.article-condensed h2:after { display: none; }

.article-panel.article-basic { background: none; border-top: 0px; border-bottom: 1px solid #c2c7c7; }
.article-panel.article-basic h2 { margin-bottom: 0; font-size: 18px; }
.article-panel.article-basic h2:after { display: none; }
.article-panel.article-basic .article-text { padding: 10px 25px 20px; }

.article-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; background-color: rgba(255,255,255,0.95); padding: 35px; visibility: hidden; opacity: 0; -moz-transition: visibility 0s, opacity 0.2s linear; -webkit-transition: visibility 0s, opacity 0.2s linear; transition: visibility 0s, opacity 0.2s linear; }
.article-tags { margin-top: 35px; font-size: 0; }
.article-tags h3 { color: #4d5357; font-family: 'berlingske_sans_roundmedium', sans-serif; font-size: 16px; margin-bottom: 1em; }
.article-tags .tag { background: #a7a8aa; display: inline-block; color: #ffffff; font-size: 13px; padding: 8px 12px; margin: 0px 5px 5px 0; white-space: nowrap; text-decoration: none; }

.article-panel .article-pin { font-size: 28px; color: #c9cbcc; position: absolute; bottom: 25px; right: 20px; z-index: 5; cursor: pointer; }
.article-panel .article-pin.pinned { color: #4d5357; }

.article-panel .article-pin span.icon-pin:before { margin: 0; }

/*.article-panel .lp-pin { font-size: 28px; color: #c9cbcc; position: absolute; bottom: 12px; right: 0; z-index: 5; cursor: pointer; }
.psd-article-holder.article-holder-status .lp-pin {bottom:100%; margin-bottom:15px; }
.article-panel .lp-pin.pinned, .psd-article-holder.blue .article-panel .lp-pin.pinned {color: #9e578b;}*/ /*{color:#4b2942;} Old colour was same as PSD purple box, so pin could not be seen. */

.purple .article-panel .article-pin.pinned { color: #9e578b; }

.article-panel .article-cta { /*position:absolute;bottom:0px; left:0px;*/ width: 100%; }
.article-panel .article-cta.bottom { position: absolute; left: 0px; bottom: 0px; padding: 12px 25px; }




.article-notes { font-size: 30px; color: #4d5357; position: absolute; bottom: 25px; right: 45px; z-index: 5; cursor: pointer; margin: 0; }

.article-pin .remove { display: none; }
.article-pin.pinned .remove { display: block; }
.article-pin.pinned .add { display: none; }

.article-panel.quick-view-pin { height: auto; display: inline-block; border: none; }
.article-panel.quick-view-pin .article-pin { position: relative; bottom: 0px; }


.article-panel.featured-panel { border-top-color: #717578; }
.article-panel.featured-panel.green-light { border-top-color: #7bba5d; }
.article-panel.featured-panel.green-light .featured-panel-top { background: #58a618; }
.article-panel.featured-panel.blue { border-top-color: #789cba; }
.article-panel.featured-panel.blue .featured-panel-top { background: #5482ab; }
.article-panel.featured-panel.purple { border-top-color: #6e5467; }
.article-panel.featured-panel.purple .featured-panel-top { background: #4b2942; }
.article-panel.featured-panel .featured-panel-inner { padding: 25px; }
.article-panel.featured-panel .featured-panel-top { background: #4d5357; position: relative; }
.article-panel.featured-panel .featured-panel-top.has-video { background-image: url(/_assets/icon-play.png); background-size: 128px; background-position: center; background-repeat: no-repeat; }

.article-panel.featured-panel .featured-panel-inner.featured-panel-top p { color: #ffffff; }
.article-panel.featured-panel .featured-panel-inner.featured-panel-top h2 { color: #ffffff; }
.article-panel.featured-panel .featured-panel-inner.featured-panel-top h2:after { border-color: rgba(255,255,255,0.5); }
.article-panel.featured-panel .featured-article { font-size: 13px; margin-bottom: 0.8em; font-family: Georgia, Times New Roman, serif; color: #868f90; }
.article-panel.featured-panel .featured-panel-inner.featured-panel-bottom h2 { margin-bottom: 0; }
.article-panel.featured-panel .featured-panel-bottom .embed-container { margin-bottom: 0; }

.article-panel.featured-panel .featured-panel-inner.featured-panel-bottom h2:after { display: none; }

.divider-title { font-size: 22px; padding-bottom: 0.5em; border-bottom: 1px dotted #4d5357; }

.divider { padding-top: 32%; max-height: 450px; position: relative; }
.divider-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.divider-inner .banner-table { display: table; height: 100%; width: 100%; table-layout: fixed; }
.divider-inner .banner-text-cell { display: table-cell; vertical-align: middle; }
.divider-inner .banner-text-holder { width: 40%; position: relative; z-index: 5; }

.banner-carousel .slick-dots { list-style: none; padding-left: 10px; width: 1200px; margin: 0 auto; position: absolute; left: 50%; margin-left: -600px; bottom: 40px; }
.banner-carousel .slick-dots li { display: inline-block; margin-right: 5px; }
.banner-carousel .slick-dots li button { cursor: pointer; font-size: 0; text-indent: -999px; width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.5); border: 1px solid #797979; border-radius: 20px; }
.banner-carousel .slick-dots li.slick-active button { background-color: #FFF; border: 1px solid #000; }

.divider-inner .banner-image-holder { position: absolute; top: 0; left: 50%; right: 0; bottom: 0; margin-left: -330px; background-position: right center; background-repeat: no-repeat; }
.divider-inner .banner-image-holder:before { display: none; }

.divider-inner .wrapper { height: 100%; }
.divider .btn-border { border-color: #bed600; color: #ffffff; padding: 1em 2em; margin-top: 1em; }
.divider .btn-border:hover { background-color: #bed600; }

.banner-text-holder .banner-text-header { font-size: 42px; color: #ffffff; display: block; padding-bottom: 0.5em; position: relative; margin-bottom: 0.65em; }
.banner-text-holder .banner-text-header:after { content: ""; display: block; width: 75px; border-bottom: 2px solid #ffffff; position: absolute; top: 100%; left: 0; }
.banner-text-holder .banner-text p { color: #ffffff; font-family: Georgia, Times New Roman, serif; font-size: 16px; }

.panel-spacer-10-20 { padding: 10px 0px 20px 0px; }

.panel-spacer { padding: 20px 0; }
.panel-spacer.panel-spacer-no-top { padding-top: 0; }
.panel-spacer.panel-spacer-no-bottom { padding-bottom: 0; }

.empty-divider hr { margin: 0; }
hr.dashed { border-top: 1px dashed #5d6a6b; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 30px; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.next-page { display: block; text-align: center; font-size: 16px; text-decoration: none; padding: 15px; margin-top: 15px; background: #e6e6e6; color: #796775; font-family: 'berlingske_sans_roundmedium', sans-serif !important; transition: .5s all ease-in-out; }
.next-page:hover { background: #e0e0e0; }

.no-articles p { font-size: 16px; }

h4.no-articles { font-size: 20px; margin: 30px 0; color: #333333; font-family: berlingske_sans_roundregular, sans-serif; }

/** ARTICLE POPUP **/

.article-popup p { color: #4d5357; font-size: 16px; }

.article-popup .selection-row a.btn { margin-right: 20px; }

.article-popup { width: 836px; max-width: 100%; background-color: #fff; padding: 24px; position: fixed; left: 50%; margin-left: -418px; top: 50%; margin-top: -330px; font-size: 0; z-index: 100; /*max-height:525px;*/ /*overflow: auto;*/ }
.article-popup-left { display: inline-block; width: 40%; vertical-align: top; padding-right: 40px; }
.article-popup h2 { font-size: 27px; line-height: 1.2em; margin-bottom: 25px; }
.article-popup p.date { font-family: Georgia, Times New Roman, serif; font-size: 11px; color: #727578; }
.article-popup-left p { color: #4d5357; font-size: 14px; }
.article-popup-left .btn-border { width: 78px; text-align: center; padding-left: 0; padding-right: 0; margin-right: 7px; }
.partner-author { vertical-align: middle; }
.partner-author p { vertical-align: middle; display: inline-block; margin-bottom: 0; font-family: 'berlingske_sans_roundmedium', sans-serif; }
.partner-author p span { display: block; font-family: 'berlingske_sans_roundlight', sans-serif; }
.partner-author img { border: 1px solid #aab1b7; vertical-align: middle; display: inline-block; margin-right: 15px; }
.article-popup-right { display: inline-block; width: 60%; vertical-align: top; height: 230px; overflow: hidden; position: relative; }
.article-popup-right:after { width: 100%; position: absolute; bottom: 0; height: 120px; content: ''; background: #000; }
.article-popup-right p { font-size: 13px; font-family: Georgia, Times New Roman, serif; }
.article-popup-right p.intro { font-size: 17px; font-family: 'berlingske_sans_roundmedium', sans-serif; }
.article-popup-right.no-height { height: auto; }

.article-popup a.close,
.tour-video-popup a.close,
.video-popup a.close { position: absolute; width: 21px; height: 21px; background-size: cover; background-image: url(/_assets/icon-close.png); display: block; right: 20px; top: 20px; }

.popup-background { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.60); z-index: 100000; display: none; }

.article-popup .btn-border.filled { border-color: inherit; }
.article-popup .article-tags { margin-top: 0px; margin-bottom: 20px; }
.article-popup .partner-author { margin-bottom: 20px; }

.popup-background .video-popup { position: fixed; top: 50%; margin-top: -330px; height: 660px; left: 50%; margin-left: -450px; width: 900px; background-color: white; padding: 50px; }
.popup-background .video-popup video { width: 100%; }

/** WELCOME POPUP **/
.article-popup.welcome { width: 600px; /*margin-left:-300px; margin-top:-300px;*/ padding: 58px 45px 45px 45px; }

.article-popup.welcome .selection-row,
.tour-video-popup .selection-row { display: table; width: 100%; margin-bottom: 10px; }

.article-popup.welcome .selection-row .inner-cell,
.tour-video-popup .selection-row .inner-cell { display: table-cell; vertical-align: middle; width: 50%; }

.article-popup.welcome .selection-row .inner-cell.left-col { padding-right: 55px; }
.article-popup.welcome .selection-row .inner-cell span { font-size: 15px; font-family: 'berlingske_sans_roundregular', sans-serif; display: block; width: 100%; line-height: 1.3em; }

.article-popup.welcome .selection-row .inner-cell a.btn,
.tour-video-popup .selection-row .inner-cell a.btn { margin: 0; width: 100%; font-size: 15px; font-family: 'berlingske_sans_roundlight', sans-serif; font-weight: 600; }

.article-popup.welcome .selection-row .inner-cell a.btn:after,
.tour-video-popup .selection-row .inner-cell a.btn:after { transition: .2s; }

.article-popup.welcome .selection-row .inner-cell a.btn.grey,
.tour-video-popup .selection-row .inner-cell a.btn.grey { background-color: #d9dbdb; border-color: #d9dbdb; }

.article-popup.welcome .selection-row .inner-cell a.btn.blue,
.tour-video-popup .selection-row .inner-cell a.btn.blue { border-color: #5482ab; }

.article-popup.welcome .selection-row .inner-cell a.btn.grey:after,
.tour-video-popup .selection-row .inner-cell a.btn.grey:after { background-image: url('/_assets/icon-arrow-right-dark.png'); }

.article-popup.welcome .selection-row .inner-cell a.btn.white:after,
.tour-video-popup .selection-row .inner-cell a.btn.white:after { background-image: url('/_assets/icon-arrow-right-dark.png'); }

.article-popup.welcome .spacer { height: 50px; width: 100%; display: block; }
.article-popup.welcome .spacer.narrow { height: 20px; }

.article-popup.welcome .selection-row .inner-cell a.btn:hover,
.tour-video-popup .selection-row .inner-cell a.btn:hover { background-color: #FFF; }

.article-popup.welcome .selection-row .inner-cell a.btn.grey:hover,
.tour-video-popup .selection-row .inner-cell a.btn.grey:hover { border-color: #4d5357; color: #000; }

.article-popup.welcome .selection-row .inner-cell a.btn.white:hover,
.tour-video-popup .selection-row .inner-cell a.btn.white:hover { background-color: #d9dbdb; border-color: #d9dbdb; }

.article-popup.welcome .selection-row .inner-cell a.btn.blue:hover,
.tour-video-popup .selection-row .inner-cell a.btn.blue:hover { border-color: #5482ab; }

.article-popup.welcome .selection-row .inner-cell a.btn.blue:hover:after,
.tour-video-popup .selection-row .inner-cell a.btn.blue:hover:after { background-image: url('/_assets/icon-arrow-right-dark.png'); }

.terms-popup { width: 800px; margin-left: -400px; margin-top: -300px; padding: 30px 30px 20px 30px; background-color: #ffffff; position: fixed; left: 50%; top: 50%; z-index: 100; max-width: 100%; }

.terms-popup .terms-container { padding: 10px 0 10px 10px; margin: 0 0 10px 0; border: 1px solid #cccccc; background-color: #efefef; z-index: 101; }

.terms-popup .terms { padding: 20px; margin: 0 0 10px 0; background-color: transparent; max-height: 460px; overflow-y: scroll; z-index: 102; }

.terms-popup .terms { font-size: 14px; color: black; }
.terms-popup .terms h1 { font-size: 24px; font-weight: bold; }
.terms-popup .terms h2 { font-size: 20px; font-weight: bold; }
.terms-popup .terms h3 { font-size: 16px; font-weight: bold; }

.terms-popup .terms ol { margin-top: 15px; margin-bottom: 0px; font-size: inherit; }
.terms-popup .terms ol li { margin-bottom: 15px; font-size: inherit; line-height: 1.3em; }
.terms-popup .terms p { margin-bottom: 15px; font-size: inherit; line-height: 1.3em; }

/*** UPDATE FORM ***/

.update-form { margin: 20px 0; padding: 10px; background-color: #fff; }
.update-form-row { margin: 10px 0 0 0; display: block; }
.update-form-row label { width: 11%; font-size: 16px; display: inline-block; font-weight: bold; margin: 0 0 0 10px; }
.update-form-row input[type="text"] { width: 85%; font-size: 17px; display: inline-block; border: 1px solid #dcdfe1; padding: 2px 5px; font-weight: normal; }

.update-form-row a { margin: 5px 0 0 0px; display: inline-block; font-size: 16px; font-family: 'berlingske_sans_roundmedium', sans-serif; text-decoration: none; border: 1px solid #58a618; background-color: #58a618; color: #FFFFFF; padding: 10px 20px; }

.update-form #updateFormThanks p:last-child { margin-bottom: 0px; }

/** REGISTER **/
.register-col { width: 318px; display: inline-block; vertical-align: top; margin-top: 30px; }
.register-col .panel { width: 100%; margin: 0; margin-bottom: 25px; }
.register-col .panel:last-child { margin-bottom: 0; }
.register-col .panel-text { padding: 20px 30px 15px 30px; position: relative; }
.checkbox { margin-right: 7px; display: inline-block; margin-top: 2px; -webkit-appearance: none; width: 19px; height: 19px; background-color: #dbd5db; vertical-align: top; cursor: pointer; }
.checkbox.checked.partial { background-image: url(/_assets/icon-tick-partial.png); }
.checkbox.checked { background-image: url(/_assets/icon-tick.gif); background-size: 100%; }
.checkbox input { display: none; }
.checkbox-label { display: inline-block; padding-left: 7px; color: #2c4244; font-size: 15px; line-height: 1.3em; width: 85%; vertical-align: top; }
label.checkbox-label { /*cursor:pointer;*/ }
.checkbox-label span { font-family: 'berlingske_sans_roundmedium', sans-serif; }
.checkbox-row { margin-bottom: 15px; }
.panel { background-color: #fff; display: inline-block; vertical-align: top; margin: 11px; max-width: 100%; }
.panel h3 { font-size: 15px; font-family: 'berlingske_sans_roundregular', sans-serif; color: #fff; padding: 13px 16px; background-color: #4d5357; }

label.required:after { content: '*'; color: #FF0000; position: absolute; font-size: 18px; margin-left: 6px; }


.register-container label { display: block; margin-bottom: 5px; font-size: 14px; font-family: berlingske_sans_roundlight; }

.register-container input[type=text],
.register-container input[type=password] { width: 100%; font-size: 14px; color: #344545; background-color: transparent; padding: 10px 15px; border: 1px solid #bed600; font-family: 'berlingske_sans_roundlight', sans-serif; }


.register-col-form { width: 737px; max-width: 100%; background-color: #fff; padding: 35px; margin-left: 30px; font-size: 0; }
.register-col-form-col .form-row { margin-bottom: 17px; }
.register-col-form-col { width: 50%; display: inline-block; vertical-align: top; }
.register-col-form-col label { font-size: 13px; color: #354546; margin-bottom: 10px; display: block; }
.register-col-form-col input[type="text"], .register-col-form-col input[type="password"] { width: 100%; font-size: 14px; color: #344545; background-color: transparent; padding: 10px 15px; border: 1px solid #dcdfe1; font-family: 'berlingske_sans_roundlight', sans-serif; }
.register-col-form-col .form-row .btn-border.arrow { margin-right: 20px; padding-right: 5em; }
.register-col-contact-col { padding-left: 5%; }

.register-col-contact-col .contact-listing { margin: 25px 0; }
.register-col-contact-col .contact-listing img { width: 30%; }
.register-col-contact-col .contact-listing .contact-listing-text { width: 64%; margin-left: 6%; }
.register-col-contact-col .contact-listing .contact-listing-text h4 { color: #4d5357; font-size: 15px; padding-bottom: 4px; }
.register-col-contact-col .contact-listing .contact-listing-text p { font-size: 13px; margin-bottom: 0; }

.register-container { padding: 0px; }
.register-container .intro h1 { font-size: 42px; margin-bottom: 0.5em; }
.intro .register-container h2 { font-size: 24px; margin-bottom: 15px; margin-top: 30px; }
.register-container p { font-size: 15px; color: #354546; }

.register-container .toolkits-text { margin-bottom: 30px; }
.register-container .tool-header { margin-bottom: 20px; }
.register-container .tool-header h1 { font-size: 22px; font-weight: bold; color: #354546; }
.register-container .tool-header p { }

.register-container .child-subscriptions { margin-left: 40px;}
.register-container .child-subscriptions .checkbox-row { margin-bottom: 0px; }

.tag-preference { font-size: 16px; margin-top: 0; }
.tag-preference h1 { font-family: Georgia, Times New Roman, serif; color: #4d5357; font-size: 20px; font-style: italic; border-bottom: 1px dashed #4d5357; display: block; padding-bottom: 0.5em; margin-bottom: 45px; }
.tag-preference h2 { font-family: 'berlingske_sans_roundregular', sans-serif; color: #4d5357; margin: 0 0 0.75em; font-size: 20px; }
.tag-preference h3 { font-family: 'berlingske_sans_roundmedium', sans-serif; color: #4d5357; margin: 1.5em 0 0.75em; }
.tag-preference .btn-border { border-color: #cad400; }
.selectable-tag { background: #ffffff; display: inline-block; color: #4d5357; font-size: 14px; padding: 7px 9px; margin: 0px 5px 5px 0; white-space: nowrap; border: 1px solid #cccccc; font-family: 'berlingske_sans_roundmedium', sans-serif; cursor: pointer; }
.selectable-tag:hover { background: #f7f7f7; }
.selectable-tag.active { background: #4d5357; border: 1px solid #4d5357; color: #ffffff; }

.selectable-tag[disabled] { background: #dadada; color: #a5a5a5; text-shadow: 1px 1px 0px #e0e0e0; cursor: default; }

/** ARTICLE PAGE **/
.col-1.small-padded { padding: 5px; }
.col-2.small-padded { padding: 5px; }
.col-3.small-padded { padding: 5px; }
.col-4.small-padded { padding: 5px; }

.small-padded-lr { padding: 0px 5px; }

a.get-in-touch { border-color: #cad400 !important; }

.page-content { padding-right: 376px; }
.page-content .article-main { padding-right: 224px; }
.page-content .article-date { font-size: 14px; margin-bottom: 0.8em; font-family: Georgia, Times New Roman, serif; color: #868f90; }
.page-content h1 { font-size: 42px; margin-bottom: 1em; line-height: 1.3em; }
.page-content h2 { font-size: 16px; font-family: Georgia, Times New Roman, serif; font-weight: bold; margin-bottom: 15px; margin-top: 15px; line-height: 1.3em; }
.page-content h3 { font-size: 16px; font-family: Georgia, Times New Roman, serif; font-weight: bold; margin-bottom: 15px; margin-top: 15px; line-height: 1.3em; }
.page-content p { font-size: 16px; margin-bottom: 1em; color: #4d5357; font-family: Georgia, Times New Roman, serif; }
.page-content p a { }
.article-main p a { font-size: 16px; margin-bottom: 1em; color: #4d5357 !important; font-family: Georgia, Times New Roman, serif; text-decoration: none; border-bottom: 2px solid #bed600; transition: ease-in 0.25s; }
.article-main p.intro a {font-size: 19px; font-family: 'berlingske_sans_roundregular', sans-serif; }
.article-main p a:hover { border-bottom: 2px solid #4d5357; cursor: pointer; }





.page-content.full-width { padding-right: 0px; }


.page-content p.intro { font-size: 19px; font-family: 'berlingske_sans_roundregular', sans-serif; color: #4d5357; margin-bottom: 2em; }

.page-content ul,
.page-content ol { font-size: 16px; margin-bottom: 1.3em; color: #4d5357; font-family: Georgia, Times New Roman, serif; margin-left: 15px; }

.page-content ul li,
.page-content ol li { line-height: 1.3em; margin-bottom: 5px; }

.page-content ul li a,
.page-content ol li a { color: #4d5357; }

.page-content .main-close { top: 30px; }

.sticky-sidebar-page { position: relative; }

.sticky-sidebar { width: 400px; background: #dcdedd; min-height: 100%; position: absolute; top: 0; right: 0; }
.sticky-sidebar .sticky-sidebar-alt-colour { background-color: #ffffff; }
.sticky-sidebar hr.dashed { border-color: #a6a9ab; margin: 35px 0; opacity: 0.8; }
.sticky-sidebar h3 { font-size: 16px; font-family: 'berlingske_sans_roundmedium', sans-serif; margin-bottom: 1.5em; color: #fff !important; }
.sticky-sidebar .btn-border.btn-icon { padding: 0.5em; }
.sticky-sidebar .btn-border.btn-icon i { font-size: 28px; vertical-align: middle; }

.sticky-sidebar-page.blue h1 { color: #658eb3; }
.sticky-sidebar-page.blue .sticky-sidebar { background-color: #658eb3; }
.sticky-sidebar-page.blue .sticky-sidebar .sidebar-panel .btn-border.filled { border-color: #5482ab; background-color: #5482ab; }
.sticky-sidebar-page.blue .sticky-sidebar .sticky-sidebar-alt-colour, .sticky-sidebar-page.blue .sticky-sidebar .article-tags .tag { background-color: #5482ab; }
.sticky-sidebar-page.blue .sticky-sidebar .sticky-sidebar-alt-colour .article-tags .tag { background-color: #658eb3; }
.sticky-sidebar-page.blue .sticky-sidebar .sticky-sidebar-alt-colour .sidebar-panel .btn-border.filled { border-color: #658eb3; background-color: #658eb3; }

.sticky-sidebar-page.blue .sticky-sidebar .sticky-sidebar-alt2-colour { background-color: #cce1ee; }
.sticky-sidebar-page.blue .sticky-sidebar .sticky-sidebar-alt2-colour .sidebar-panel .btn-border { border-color: #658eb3; color: #658eb3; }
.sticky-sidebar-page.blue .sticky-sidebar .sticky-sidebar-alt2-colour .sidebar-panel .btn-border.filled { background-color: #658eb3; color: #ffffff; }

.sticky-sidebar-page.purple h1 { color: #5d3e55; }
.sticky-sidebar-page.purple .sticky-sidebar { background-color: #5d3e55; }
.sticky-sidebar-page.purple .sticky-sidebar .sticky-sidebar-alt-colour, .sticky-sidebar-page.purple .sticky-sidebar .article-tags .tag { background-color: #4b2942; }
.sticky-sidebar-page.purple .sticky-sidebar .sticky-sidebar-alt-colour .article-tags .tag { background-color: #5d3e55; }
.sticky-sidebar-page.purple .sticky-sidebar .sidebar-panel .btn-border.filled { border-color: #4b2942; background-color: #4b2942; }
.sticky-sidebar-page.purple .sticky-sidebar .sticky-sidebar-alt-colour .sidebar-panel .btn-border.filled { border-color: #5d3e55; background-color: #5d3e55; }

.sticky-sidebar-page.purple .sticky-sidebar .sticky-sidebar-alt2-colour { background-color: #c3b3c2; }
.sticky-sidebar-page.purple .sticky-sidebar .sticky-sidebar-alt2-colour .sidebar-panel .btn-border { border-color: #5d3e55; color: #5d3e55; }
.sticky-sidebar-page.purple .sticky-sidebar .sticky-sidebar-alt2-colour .sidebar-panel .btn-border.filled { background-color: #5d3e55; color: #ffffff; }

.sticky-sidebar-page.green-light h1 { color: #68af2f; }
.sticky-sidebar-page.green-light .sticky-sidebar { background-color: #68af2f; }
.sticky-sidebar-page.green-light .sticky-sidebar .sticky-sidebar-alt-colour, .sticky-sidebar-page.green-light .sticky-sidebar .article-tags .tag { background-color: #58a618; }
.sticky-sidebar-page.green-light .sticky-sidebar .sticky-sidebar-alt-colour .article-tags .tag { background-color: #68af2f; }
.sticky-sidebar-page.green-light .sticky-sidebar .sidebar-panel .btn-border.filled { border-color: #58a618; background-color: #58a618; }
.sticky-sidebar-page.green-light .sticky-sidebar .sticky-sidebar-alt-colour .sidebar-panel .btn-border.filled { border-color: #68af2f; background-color: #68af2f; }

.sticky-sidebar-page.green-light .sticky-sidebar .sticky-sidebar-alt2-colour { background-color: #d9e9c5; }
.sticky-sidebar-page.green-light .sticky-sidebar .sticky-sidebar-alt2-colour .sidebar-panel .btn-border { border-color: #58a618; color: #58a618; }
.sticky-sidebar-page.green-light .sticky-sidebar .sticky-sidebar-alt2-colour .sidebar-panel .btn-border.filled { background-color: #58a618; color: #ffffff; }

.sticky-sidebar-page.green-dark h1 { color: #416e60; }
.sticky-sidebar-page.green-dark .sticky-sidebar { background-color: #416e60; }
.sticky-sidebar-page.green-dark .sticky-sidebar .sticky-sidebar-alt-colour, .sticky-sidebar-page.green-dark .sticky-sidebar .article-tags .tag { background-color: #2c5e4f; }
.sticky-sidebar-page.green-dark .sticky-sidebar .sticky-sidebar-alt-colour .article-tags .tag { background-color: #416e60; }
.sticky-sidebar-page.green-dark .sticky-sidebar .sidebar-panel .btn-border.filled { border-color: #2c5e4f; background-color: #2c5e4f; }
.sticky-sidebar-page.green-dark .sticky-sidebar .sticky-sidebar-alt-colour .sidebar-panel .btn-border.filled { border-color: #416e60; background-color: #416e60; }

.sticky-sidebar-page.dark-grey h1 { color: #4d5357; }
.sticky-sidebar-page.dark-grey .sticky-sidebar { background-color: #6a7073; }
.sticky-sidebar-page.dark-grey .sticky-sidebar .sticky-sidebar-alt-colour, .sticky-sidebar-page.green-dark .sticky-sidebar .article-tags .tag { background-color: #4d5357; }
.sticky-sidebar-page.dark-grey .sticky-sidebar .sticky-sidebar-alt-colour .article-tags .tag { background-color: #6a7073; }
.sticky-sidebar-page.dark-grey .sticky-sidebar .sidebar-panel .btn-border.filled { background-color: #4d5357 !important; color: #ffffff !important; }
.sticky-sidebar-page.dark-grey .sticky-sidebar .sticky-sidebar-alt-colour .sidebar-panel .btn-border.filled { border-color: #416e60; background-color: #416e60; }
.sticky-sidebar-page.dark-grey .sticky-sidebar .sidebar-panel .btn-border.btn-contact { border-color: #FFF !important; color: #4d5357; background-color: #FFF; }
.sticky-sidebar-page.dark-grey .sticky-sidebar .sidebar-panel .btn-border { border-color: #4d5357; color: #ffffff; }

.sticky-sidebar-page.dark-grey .sticky-sidebar .sticky-sidebar-alt2-colour { background-color: #cdd1d1; }
.sticky-sidebar-page.dark-grey .sticky-sidebar .sticky-sidebar-alt2-colour .sidebar-panel .btn-border { border-color: #354647; color: #354647; }
.sticky-sidebar-page.dark-grey .sticky-sidebar .sticky-sidebar-alt2-colour .sidebar-panel .btn-border.filled { background-color: #354647; color: #ffffff; }


.xsticky-sidebar-page.dark-grey .sticky-sidebar .sidebar-panel .btn-border.filled.article-pin:hover { background-color: #6a7073; /*#dcdedd*/ !important; color: #4d5357 !important; border-color: #4d5357 !important; }
.xsticky-sidebar-page.dark-grey .sticky-sidebar .sidebar-panel .btn-border:hover { border-color: #6a7073; /*#dcdedd;*/ color: #FFE !important; background-color: #4d5357 !important; }

.sticky-sidebar-page.light-grey h1 { color: #7d868c; }
/*.sticky-sidebar-page.dark-grey .sticky-sidebar {background-color:#7d868c;}*/
.sticky-sidebar-page.light-grey .sticky-sidebar .sticky-sidebar-alt-colour, .sticky-sidebar-page.green-dark .sticky-sidebar .article-tags .tag { background-color: #7d868c; }
.sticky-sidebar-page.light-grey .sticky-sidebar .sidebar-panel .btn-border.filled { background-color: #7d868c !important; color: #ffffff !important; }
.sticky-sidebar-page.light-grey .sticky-sidebar .sticky-sidebar-alt-colour .sidebar-panel .btn-border.filled { border-color: #6ba895; background-color: #6ba895; }
.sticky-sidebar-page.light-grey .sticky-sidebar .sidebar-panel .btn-border.btn-contact { border-color: #FFF !important; color: #7d868c; background-color: #FFF; }
.sticky-sidebar-page.light-grey .sticky-sidebar .sidebar-panel .btn-border { border-color: #7d868c; color: #7d868c; }

.sticky-sidebar-page.light-grey .sticky-sidebar .sidebar-panel .btn-border.filled.article-pin:hover { background-color: #dcdedd !important; color: #7d868c !important; border-color: #7d868c !important; }
.sticky-sidebar-page.light-grey .sticky-sidebar .sidebar-panel .btn-border:hover { border-color: #dcdedd; color: #FFE !important; background-color: #7d868c !important; }


.sticky-sidebar .sidebar-panel { padding: 40px 55px; color: #ffffff; }
.sticky-sidebar .sidebar-panel p { color: #ffffff; }
.sticky-sidebar .sidebar-panel .btn-border { border-color: #ffffff; color: #ffffff; }

.sticky-sidebar .sidebar-panel .article-panel { margin-top: 20px; }
.sticky-sidebar .sidebar-panel .article-panel p { color: #4d5357; }

.sticky-sidebar .sidebar-panel .btn-border:hover { background-color: #fff !important; color: #4d5357 !important; }

.sticky-sidebar .article-contact-details { margin-top: 20px; }
.sticky-sidebar .article-contact-details p { font-family: 'berlingske_sans_roundregular'; line-height: 1.3em; }
.sticky-sidebar .article-contact-details p.contact-name a { font-family: 'berlingske_sans_roundmedium'; line-height: 1.3em; margin-bottom: 0.3em; font-size: 16px; border-bottom: 2px solid #bed600; display: inline-block; padding-bottom: 3px; padding-right: 2px; }
.sticky-sidebar .article-contact-details p.contact-name a:hover { border-color: #fff; }

p.contact-name { margin-bottom: 0.3em !important; }

img.article-author-image { max-width: 290px; }

.sidebar-panel img.article-author-image { max-width: 105px; }


.horizontal-button-bar { margin: 0px 0px 20px 0px; text-align: center; }
.horizontal-button-bar a.section-selector { display: inline-block; margin: 0px; }
.horizontal-button-bar a:not(:first-child) { margin-left: 20px; }

h3.notes-info { font-size: 15px; margin: 15px 0; color: #333333; }

a.page-section-selector,
button.page-section-selector { font-family: 'berlingske_sans_roundmedium', sans-serif; font-size: 12px; display: block; border: 1px solid #bec5c2; padding: 12px; text-decoration: none; color: #6a797c; margin-top: 0px; margin-bottom: 10px; transition: background-color 0.2s ease-in-out; text-align: center; cursor: pointer; }

button.page-section-selector { width: 100%; background-color: transparent; }

a.page-section-selector:hover,
button.page-section-selector:hover { background-color: #4d5357; color: #ffffff; }

a.page-section-selector.active,
button.page-section-selector.active { background-color: #4d5357; border-color: #4d5357; color: #ffffff; }

.section-container h2.page-section-title { font-size: 24px; position: relative; margin-bottom: 30px; line-height: 1.2em; }
.section-container h2.page-section-title:after { content: ""; width: 50px; border-bottom: 2px solid #a6a9ab; display: block; top: 100%; left: 0; margin-top: 0.5em; }

.section-container { /*display: none;*/ }
.section-container.active { /*display: block;*/ }

.section-container ul,
.section-container ol { margin: 10px 0 10px 30px; }

.section-container p,
.section-container ul li,
.section-container ol li { font-size: 13px; font-family: berlingske_sans_roundregular, sans-serif; color: #333333; line-height: 1.2em; }

.section-container p { margin-bottom: 0.75em; }

.section-container ul li,
.section-container ol li { margin: 2px 0; }

.section-container h2 { font-size: 18px; margin-bottom: 0.75em; line-height: 1.3em; }
.section-container h3 { font-size: 16px; margin-bottom: 0.75em; line-height: 1.3em; }
.section-container h3 { font-size: 15px; margin-bottom: 0.75em; line-height: 1.3em; }

.page-section { display: none; }
.page-section.active { display: block; }

.page-section-intro,
.page-section-intro p,
.page-section-intro li { margin-bottom: 20px; font-size: 16px; line-height: 1.3em; }

.page-section-header-image { margin-bottom: 20px; font-size: 0; }

.page-section-header-image img { width: 100%; }

.pp h1	{font-size:30px;}
.pp h2	{font-size:26px;}
.pp h3	{font-size:22px;}
.pp h4	{font-size:20px;}
.pp h5	{font-size:18px;}
.pp h6	{font-size:16px;}

.pp p		{line-height:1.4em;}

.pp ul		{list-style:disc; margin-left: 1em;}
.pp ul li	{list-style:disc; margin-bottom: 0.5em; line-height:1.4em;}

.pp ol		{list-style:disc; margin-left: 1em;}
.pp ol li	{list-style:disc; margin-bottom: 0.5em; line-height:1.4em;}

.pp ol li a,
.pp ul li a,
.pp p a		{color:inherit; text-decoration: none; border-bottom:1px solid #bed600}


/*div.section { display: none; }
div.section.active { display: block; }*/

/** PREFRENCES PAGE ***/

.pop-up-page h1 { font-family: Georgia, Times New Roman, serif; color: #4d5357; font-size: 24px; font-style: italic; border-bottom: 1px dashed #4d5357; display: block; padding-bottom: 0.5em; margin-bottom: 35px; }
.pop-up-page h1 span { color: #A6A9AB; font-size: 32px; display: inline-block; margin-right: 10px; }
.pop-up-page h1 i { font-size: 32px; float: right; }
.pop-up-page h1 a { color: #4d5357; }
.pop-up-page .tag-preference { width: 55%; float: left; }
.pop-up-page .btn-border { border-color: #4d5357; background: #4d5357; color: #ffffff; padding: 0.7em 2em; margin-right: 15px; }
.pop-up-page .subscription-col { width: 100%; max-width: 320px; float: right; }
.pop-up-page .subscription-col .panel { margin: 11px 0; }
.pop-up-page .subscription-col .panel-text { padding: 20px 30px 15px 30px; position: relative; background: #edefee; }
.pop-up-page .subscription-col .panel-text .checkbox { background-color: #ffffff; }
.pop-up-page h2 { font-family: 'berlingske_sans_roundregular', sans-serif; color: #4d5357; margin: 0 0 0.75em; font-size: 20px; }
.pop-up-page .status-icon, .preferences-page .status-icon { font-size: 18px; color: #7d7b7b; display: inline-block; margin-top: 2px; }
.pop-up-page .alert-message { background: #4d5357; color: #fff; padding: 0.75em 1em; font-size: 14px; display: inline-block; }

/** READING LIST **/
.reading-list-header h1 { font-size: 25px; font-family: Georgia, Times New Roman, serif; font-style: italic; margin-bottom: 0; }
.reading-list-header { padding-bottom: 0; }
.sticky-sidebar .sidebar-panel.sidebar-panel-related h4 { color: #4d5357; font-family: 'berlingske_sans_roundregular', sans-serif; margin-bottom: 20px; }
.sticky-sidebar .sidebar-panel.sidebar-panel-related p { color: #868f90; }
.sticky-sidebar .article-panel h3 { margin-bottom: 0; color: #4b2942; font-family: 'berlingske_sans_roundlight', sans-serif; }
.page-content .related-articles h3 { font-family: 'berlingske_sans_roundlight', sans-serif; font-size: 16px; }

/* CAROUSEL NAV */
.carousel-nav { position: relative; margin-left: 18px; margin-top: 8px; display: inline-block; width: auto; }
.carousel-nav .slick-arrow { font-size: 0; background-color: transparent; width: 9px; height: 16px; background-size: cover; top: 8px; cursor: pointer; }
.carousel-nav .slick-next { background-image: url(/_assets/grey-chevron-right.png); position: absolute; right: -18px; }
.carousel-nav .slick-prev { background-image: url(/_assets/grey-chevron-left.png); position: absolute; left: -18px; }
.carousel-nav .slick-dots li { display: inline-block; margin: 0 2px; }
.carousel-nav .slick-dots li button { width: 10px; height: 10px; background-color: transparent; border: 1px solid #2c4244; font-size: 0; cursor: pointer; }
.carousel-nav .slick-dots li.slick-active button { background-color: #2c4244; }

/*.carousel-nav-2 .slick-dots li	{display:inline-block; margin: 0 2px;}
.carousel-nav-2 .slick-dots li button					{width:10px; height: 10px; background-color: transparent; border:1px solid #2c4244; font-size:0; cursor:pointer;}
.carousel-nav-2 .slick-dots li.slick-active button	{background-color: #2c4244; }*/


.recent-developments .slick-arrow { position: absolute; top: 164px; width: 11px; height: 20px; background-color: rgba(0, 0, 0, 0); background-size: cover; }
.recent-developments .slick-article-next { right: -20px; background-image: url("/_assets/icon-arrow-right-dark-grey.png"); }
.recent-developments .slick-article-prev { left: -20px; background-image: url("/_assets/icon-arrow-left-dark-grey.png"); }

/** BUTTON **/
.btn-white { background-color: #fff; text-align: center; color: #4d5357; padding: 10px 0; font-size: 13px; line-height: 1.3em; border: 1px solid #fff; display: inline-block; text-decoration: none; padding-left: 20px; padding-right: 20px; }
.btn-border { font-size: 12px; padding: 1em 1.5em; text-align: center; display: inline-block; border: 1px solid #4d5357; font-family: 'berlingske_sans_roundmedium', sans-serif; text-decoration: none; color: #4d5357; transition: all 0.2s ease-in; cursor: pointer; margin-bottom: 10px; position: relative; line-height: normal; }
.btn-border.block { display: block; width: 100%; }
.btn-border.filled { background-color: #4d5357; color: #ffffff; }
.btn-border.btn-margin-bottom { margin-bottom: 15px; }
.btn-stacked-group .btn-border { margin-bottom: 10px; }
.btn-border.arrow { position: relative; text-align: left; padding-left: 1.5em; }
.btn-border.arrow:after { width: 10px; height: 18px; position: absolute; right: 15px; top: 50%; margin-top: -9px; content: ''; background-image: url(/_assets/btn-arrow.png); background-size: cover; }

.btn-border.filled:hover { background-color: transparent !important; color: #4d5357 !important; }
.btn-border.filled.purple:hover { color: #ffffff !important; }

.btn-border.left { text-align: left; padding-left: 15px; }

.btn-border.half-white { background-color: rgba(255, 255, 255, 0.5); color: white; }
.btn-border.hl-green { background-color: #bed600; border-color: #bed600; color: #000000; }
.btn-border.hl-green:hover { color: #000000; }

.btn-border.light-grey { background-color: #dddddd; border-color: #dddddd; color: #000000; }

.btn-border.hl-green.hollow { background-color: transparent; }
.btn-border.hl-green.hollow:hover { background-color: #bed600; }

.btn-row .btn-border { margin-right: 8px; }

.btn-border.hl-green.white-text { color: #ffffff; }
.btn-border.hl-green.white-text:hover { color: #000000; }


.btn-border.hl-purple { background-color: #4b2942; border-color: #4b2942; color: #ffffff; }
.btn-border.hl-purple.hollow { background-color: transparent; }
.btn-border.hl-purple.hollow:hover { background-color: #4b2942; }
.btn-border.hl-purple.white-text { color: #ffffff; }
.btn-border.hl-purple.white-text:hover { color: #ffffff; }





.btn { font-family: berlingske_sans_roundregular, sans-serif; font-size: 14px; color: #333333; background-color: transparent; text-decoration: none; transition: all 0.2s; cursor: pointer; border-radius: 0; }
.btn.btn-user-management { border: 1px solid #BFF355; padding: 8px 14px; font-size: 12px; vertical-align: middle; margin-bottom: 0px; line-height:normal; font-family: sans-serif;}
.btn.btn-user-management:hover { background-color: #BFF355; }

.action-buttons { font-size: 0px; }
.article-main .btn-border { margin-right: 10px; }

.form-row-legal .dk-select-options li:first-child { display: none; }

.share.btn-border { font-size: 12px; }

div.bottom-buttons { margin-top: 30px; }

.btn-border.right { float: right; }

.btn-arrow { padding-right: 30px; padding-left: 15px; position: relative;}
.btn-arrow:after { content: ""; position: absolute; top: 50%; margin-top: -9px; right: 15px; width: 10px; height: 18px; background-image: url("/_assets/btn-arrow.png"); background-size: cover; background-repeat: no-repeat; }

.btn-arrow.white-arrow:after  { background-image: url("/_assets/btn-arrow-white.png"); }
.btn-arrow.blue-arrow:after { background-image: url("/_assets/btn-arrow-blue.png"); }

.btn-arrow.dark-arrow:after,
.btn.dark-arrow:after { background-image: url("/_assets/btn-arrow-dark-green.png"); }


.wide-button { text-align: left; padding-right: 40px; min-width: 150px; margin: 0; }

.btn.hl-green.dark-arrow:hover,
.btn.light-grey.dark-arrow:hover { background-color: #ffffff; }

.btn-border.btn-icon-download:after {
   content: "";
   position: absolute;
   width: 16px;
   height: 16px;
   background-image: url("/_assets/icon-download-white.png");
   background-size: cover;
   background-repeat: no-repeat;
   right: 15px;
   top: 9px;
}

.btn-border.btn-icon-box-plus:after {
   content: "";
   position: absolute;
   width: 20px;
   height: 20px;
   background-image: url("/_assets/icon-box-plus-grey.png");
   background-size: cover;
   background-repeat: no-repeat;
   right: 13px;
   top: 7px;
}

.btn-border.btn-icon-box-plus:hover:after {
   background-image: url("/_assets/icon-box-plus-white.png");
}

.btn-back { background-color: #bed600; border-color: #bed600; padding: 12px 20px 12px 30px; position: relative; margin: 0; }

.btn-back:after {
   content: '';
   display: block;
   position: absolute;
   left: 10px;
   top: 50%;
   width: 9px;
   height: 16px;
   margin-top: -8px;
   background-image: url("/_assets/icon-arrow-left-dark-grey.png");
   background-size: cover;
   background-repeat:no-repeat;
}

.btn-back:hover:after {
   background-image: url("/_assets/btn-arrow-white-left.png");
}

div.load-more { margin: 20px 0 0 0; text-align: center; }

div.load-more input[type=button] { margin-bottom: 0; }

/** HOMEPAGE VIDEO AND INFOGRAPHIC CAROUSELS AND LIGHTBOX **/


/** COLOURS **/

/** LIGHT GREEN **/
.green-light.panel h3,
.article-popup.green-light .btn-border.filled { background-color: #58a618; }

.sticky-sidebar-page .article-panel.green-light h2,
.sticky-sidebar-page .article-panel.green-light h3,
.sticky-sidebar-page.green-light .page-content h2,
.sticky-sidebar-page.green-light .page-content h3,
.sticky-sidebar .sidebar-panel .btn-border.green-light,
.green-light .checkbox-label span,
.article-popup.green-light .article-popup-left h2,
.sticky-sidebar-page .related-articles .article-panel.green-light h2 { color: #58a618; }

.sticky-sidebar-page.green-light .page-content ol li a,
.sticky-sidebar-page.green-light .page-content ul li a,
.sticky-sidebar .sidebar-panel .btn-border.green-light,
.article-popup.green-light .article-popup-left .btn-border { border-color: #58a618; }

.sticky-sidebar-page.green-light .page-content p a,
.sticky-sidebar .sidebar-panel .btn-border.green-light.filled { color: #fff; }

.sticky-sidebar-page.green-light a.filled,
.article-panel.green-light .btn-border:hover { background-color: #58a618; color: #fff; }

.sticky-sidebar-page.green-light a.btn.btn-border,
.sticky-sidebar-page.green-light a.filled { border-color: #58a618; }

/** BLUE **/
.blue.panel h3,
.article-popup.blue .btn-border.filled { background-color: #5482ab; }

.sticky-sidebar-page .article-panel.blue h2,
.sticky-sidebar-page .article-panel.blue h3,
.sticky-sidebar-page.blue .page-content h2,
.sticky-sidebar-page.blue .page-content h3,
.sticky-sidebar .sidebar-panel .btn-border.blue,
.blue .checkbox-label span,
.article-popup.blue .article-popup-left h2,
.sticky-sidebar-page .related-articles .article-panel.blue h2 { color: #5482ab; }

.sticky-sidebar-page.blue .page-content ol li a,
.sticky-sidebar-page.blue .page-content ul li a,
.sticky-sidebar .sidebar-panel .btn-border.blue,
.article-popup.blue .article-popup-left .btn-border { border-color: #5482ab; }

.sticky-sidebar-page.blue .page-content p a,
.sticky-sidebar .sidebar-panel .btn-border.blue.filled { color: #fff; }

.sticky-sidebar-page.blue a.filled,
.article-panel.blue .btn-border:hover { background-color: #5482ab; color: #fff; }

.sticky-sidebar-page.blue a.btn.btn-border,
.sticky-sidebar-page.blue a.filled { border-color: #5482ab; }

/** PURPLE **/
.purple.panel h3,
.article-popup.purple .btn-border.filled { background-color: #4b2942; }

.sticky-sidebar-page .article-panel.purple h2,
.sticky-sidebar-page .article-panel.purple h3,
.sticky-sidebar-page.purple .page-content h2,
.sticky-sidebar-page.purple .page-content h3,
.sticky-sidebar .sidebar-panel .btn-border.purple,
.purple .checkbox-label span,
.article-popup.purple .article-popup-left h2,
.sticky-sidebar-page .related-articles .article-panel.purple h2 { color: #4b2942; }

.sticky-sidebar-page.purple .page-content ol li a,
.sticky-sidebar-page.purple .page-content ul li a,
.sticky-sidebar .sidebar-panel .btn-border.purple,
.article-popup.purple .article-popup-left .btn-border { border-color: #4b2942; }

.sticky-sidebar-page.purple .page-content p a,
.sticky-sidebar .sidebar-panel .btn-border.purple.filled { color: #fff; }

.sticky-sidebar-page.purple a.filled,
.article-panel.purple .btn-border:hover { background-color: #4b2942; color: #fff; }

.sticky-sidebar-page.purple a.btn.btn-border,
.sticky-sidebar-page.purple a.filled { border-color: #4b2942; }

/** DARK GREEN **/
.green-dark.panel h3,
.article-popup.green-dark .btn-border.filled { background-color: #2c5e4f; }

.sticky-sidebar-page .article-panel.green-dark h2,
.sticky-sidebar-page .article-panel.green-dark h3,
.sticky-sidebar-page.green-dark .page-content h2,
.sticky-sidebar-page.green-dark .page-content h3,
.sticky-sidebar .sidebar-panel .btn-border.green-dark,
.green-dark .checkbox-label span,
.article-popup.green-dark .article-popup-left h2,
.sticky-sidebar-page .related-articles .article-panel.green-dark h2 { color: #2c5e4f; }

.sticky-sidebar-page.green-dark .page-content ol li a,
.sticky-sidebar-page.green-dark .page-content ul li a,
.sticky-sidebar .sidebar-panel .btn-border.green-dark,
.article-popup.green-dark .article-popup-left .btn-border { border-color: #2c5e4f; }

.sticky-sidebar-page.green-dark .page-content p a,
.sticky-sidebar .sidebar-panel .btn-border.green-dark.filled { color: #fff; }

.sticky-sidebar-page.green-dark a.filled,
.article-panel.green-dark .btn-border:hover { background-color: #2c5e4f; color: #fff; }

.sticky-sidebar-page.green-dark a.btn.btn-border,
.sticky-sidebar-page.green-dark a.filled { border-color: #2c5e4f; }

/** generic close button **/
a.generic-x, a.generic-x-small { background-image: url(/_assets/icon-close-big.png); background-size: cover; display: block; position: absolute; }

a.generic-x { width: 32px; height: 32px; right: 30px; top: 40px; margin-bottom: 15px; }
a.generic-x-small { width: 16px; height: 16px; top: 10px; right: 10px; }

/** Beta Version **/
.beta { font-family: Georgia, Times New Roman, serif; font-size: 17px; color: #717578; padding: 4px 15px 0 15px; margin-top: -9px; }
.beta a { text-decoration: none; display: inline-block; border-bottom: 2px solid #717578; padding-bottom: 0px; color: inherit; margin-bottom: 3px; }
.beta:hover { background-color: #717578; color: #ffffff; transition: all 0.2s ease-in-out; }


/** Hide Old Nov **/
.my-fis-options {display: none;}



ul.filter-search li.green-light,
ul.filter-search li.purple,
ul.filter-search li.blue {display: none;}

/* FEEDBACK SURVEY POPUP */
.survey-popup-container			{width:90%; max-width: 552px; padding: 40px; background-color: #ffffff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center}
.survey-popup-container h3		{font-size:24px; line-height: 1.3em; font-family: berlingske_sans_roundregular, sans-serif; color: #5c82a8}

.feedback-stars 					{display: flex; justify-content: center; margin: 50px 0}
.feedback-stars li 					{width:50px; margin: 0 8px; cursor: pointer}
.feedback-stars li svg .st0 { fill: #e5e5e5; transform: scale(0.9) translate(1px, 1px); }
.feedback-stars li.active svg .st0	{fill:#bed600}

/* When hovering with mouse */
.feedback-stars.selecting li.selecting svg .st0 { fill: #bed600; /*stroke-width: 1px;*/}

.feedback-popup-model { display: none; }

.survey-popup-container .buttons	{display: flex; justify-content: space-around}
.feedback-button-submit .btn,
.survey-popup-container .btn		{font-size:16px; font-family: berlingske_sans_roundmedium, sans-serif; width:190px; text-align: center; padding:14px 15px 15px 15px; transition: 0.2s ease-out; line-height: normal}
.feedback-button-submit .btn:hover,
.survey-popup-container .btn:hover	{background-color:#333333 !important; color:#ffffff !important; border-color:#333333 !important}

.survey-popup-container .btn.blue.border	{color:#5c82a8; border:1px solid #5c82a8;}
.feedback-button-submit .btn.green.solid,
.survey-popup-container .btn.green.solid	{color:#333333; border:1px solid #bed600; background-color: #bed600;}

.survey-popup-container .close { width: 40px; height: 40px; background-image: url(/_assets/icon-close-blue.svg); background-size: cover; position: absolute; right: -15px; top: -15px; background-color: transparent; padding: 0; border: 0; }

/* FEEDBACK PAGE */
.feedback-container	{background-color: #f0f0f0; padding: 30px 0;}

.block-header		{background-color: #5c82a8; padding: 13px 20px; margin-bottom: 15px;}
.block-header h2	{font-size:21px; color:#ffffff; font-family: berlingske_sans_roundregular, sans-serif; position: relative;}
.block-header h2 a.close { position: absolute; width: 21px; height: 21px; top: 0; right: 0; background-image: url("/_assets/icon-close-white.png"); background-size: cover; background-position: center; background-repeat: no-repeat;}

.feedback-three-col			{display: flex}
.feedback-three-col p.intro	{color:#5c82a8; font-size: 17px; margin-bottom: 20px;}

/* CHOOSE PRODUCT */
.choose-product-col					{flex-basis: 25%}
.choose-product-col	.dk-selected	{border-color:#5c82a8; background-color: transparent}
.choose-product-col .dk-option-selected,
.choose-product-col .dk-select-options .dk-option-highlight {color: #5c82a8;}

/* RATING QUESTIONS */
.star-ratings-col			{flex-basis: 50%; padding-left: 35px; padding-right: 45px;}
.star-ratings-col p.intro	{margin-bottom: 15px;}
.feedback-question			{display: flex; border-bottom: 1px dotted #5c82a8; align-items: center; justify-content: space-between}
.feedback-question p		{font-size:16px; color:#333333; font-family: berlingske_sans_roundmedium, sans-serif; margin: 0}
.feedback-question ul		{list-style: none; margin:10px 0}
.feedback-question li		{width:27px; margin-right: 0; margin-left: 9px;}

/* ANY OTHER QUESTIONS */
.any-other-feedback-col				{flex-basis: 25%}
.any-other-feedback-col textarea	{height: calc(100% - 40px); background-color:transparent; width:100%; border:1px solid #5c82a8; resize: none; padding: 10px;}
.feedback-button-submit				{display: flex; justify-content: flex-end; margin-top: 50px;}

/*****/

@media (max-width: 1340px) {

   /** MY FIS **/
   .my-fis-dropdown { margin-right: -40px; }
}

@media (max-width: 1279px) {
   /** STICKY SIDEBAR **/
   .sticky-sidebar { position: relative; height: auto !important; width: 100%; font-size: 0; }
   .sticky-sidebar .col-row { padding-left: 0; padding-right: 0; }
   .page-content { padding-right: 0; }
   .sticky-sidebar-alt-colour { width: 50%; vertical-align: top; display: inline-block; }
   .sidebar-panel-right { width: 50%; vertical-align: top; display: inline-block; }

   .register-container { padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 1215px) {

   /** MY FIS **/
   .my-fis-dropdown { margin-right: -20px; }
   .my-fis-options { margin-right: 10px; }

   /** DIVIDER **/
   .divider-inner .banner-text-holder { width: 50%; }
   .divider-inner .wrapper { padding-left: 20px; }
}

@media (max-width: 1150px) {
   /** FOOTER **/
   footer { padding: 35px 0; }
   footer ul.social-list { display: block; text-align: center; margin-bottom: 30px; }
   ul.footer-nav { margin: 0; display: block; text-align: center; }
   ul.footer-nav li { margin-bottom: 10px; font-size: 16px; display: inline-block; }
   p.copyright-text { text-align: center; margin-top: 30px; float: none; width: 80%; margin-left: auto; margin-right: auto; display: block; }
   .banner-carousel .slick-dots { left: 20px; margin-left: 0px; bottom: 30px; width: auto; }
}

@media (max-width: 1085px) {
   /** REGISTER **/
   .register-col { width: 30%; }
   .register-col-form { width: 67%; margin-left: 3%; }
   .register-col-form .btn-border { width: 100%; margin-bottom: 15px; }

   .register-col-contact-col .contact-listing .contact-listing-text { width: 100%; margin-left: 0; margin-top: 10px; }
}

@media (max-width: 930px) {
   /** HEADER **/
   .header-bg { background-size: 1080px auto; left: 55%; }

   /** FILTER **/
   .filter-bar { padding-top: 0; }
   ul.filter-search { display: block; text-align: center; }
   .filter-bar .col-row,
   .filter-bar .col-1 { padding: 0; }

   /** MY FIS **/
   .my-fis-dropdown { text-align: left; right: 50%; margin-right: 0; margin-right: -286px; }
   .my-fis-options { text-align: center; display: block; float: none; background-color: #ededee; margin-top: 0; margin-right: 0; margin-bottom: 15px; padding: 15px 0 10px 0; }

   /** GENERAL **/
   .col-4 { width: 50%; }

   /** POPUP **/
   .article-popup { width: 90%; margin-left: -45%; left: 50%; padding: 30px; }
   .article-popup-left { width: 50%; }
   .article-popup-right { width: 50%; }

   /** DIVIDER **/
   .divider { padding-top: 42%; }

   /** STICKY SIDEBAR **/
   .sticky-sidebar .sidebar-panel { padding: 30px; }
}

@media (max-width: 850px) {

   /** HEADER **/
   .header-bg { left: 68%; background-size: 690px auto; }
   .header-right { float: none; margin: 0; margin-bottom: 25px; margin-left: 113px; }
   .know-more-container { text-align: left; border-left: 1px solid #cad400; border-right: none; margin-left: 45px; padding-left: 15px; }
   .know-more-container p { color: #919b9d; }
   .know-more-container p span { color: #354546; }
   .know-more-container img { margin-left: 0; left: -43px; }

   /** REGISTER **/
   .register-col .panel-text { padding-left: 20px; padding-right: 20px; }

   .btn-register { float: none; color: #354546; }
   .btn-register a { color: #354546; }
   .btn-register img { display: none; }

   .login-pipe { color: #354546; }

   .pop-up-page .subscription-col { max-width: 100%; padding-top: 30px; margin-top: 30px; border-top: 1px solid #ccc; }
   .pop-up-page .subscription-col .panel { width: 100%; display: block; }
   .pop-up-page .tag-preference { width: 100%; float: none; }

   .tour-video-popup { top: 8%; height: 86%; left: 8%; width: 86%; margin-left: 0px; margin-top: 0px; }
	
   /* FEEDBACK PAGE */
	.feedback-three-col		{flex-wrap: wrap; flex-direction: column;}
	.choose-product-col		{flex-basis: 100%}
	.star-ratings-col		{padding-right: 0; padding-left: 0; padding: 30px 0}
	.any-other-feedback-col	{flex-basis: 100%;}
	.any-other-feedback-col textarea	{height: 150px;}
	.star-ratings-col		{flex-basis: 100%;}
	.feedback-button-submit	{margin-top: 30px;}
	
}

@media (max-width: 768px) {
   /** GENERAL **/
   .col-4 { width: 50%; }
   .col-3 { width: 50%; }

   /** DIVIDER **/
   .divider-inner .banner-text-holder { width: 60%; }

   /** ARTICLE PAGE **/
   .page-content .article-main { padding-right: 0; }
   .sticky-sidebar-page h1 { width: 80%; font-size: 35px; }

   /** REGISTER **/
   .register-col { width: 100% !important; }
   .register-col-form { margin-left: 0; margin-top: 0; }

   .main-page-image { max-width: 100%; }
}

@media (max-width: 767px) {
   .my-fis-options .hamburger { display: block; position: absolute; top: 18px; right: 15px; }

   /** FILTER **/
   ul.filter-search { margin: auto; text-align: center; background-color: #f6f6f6; position: absolute; top: 55px; right: 0; z-index: 90; box-shadow: -2px 2px 5px rgba(0,0,0,0.2); overflow: hidden; padding: 10px 30px; display: none; }
   ul.filter-search li { margin-bottom: 13px; display: block; text-align: right; white-space: nowrap; }

   ul.filter-search.active { /*height: initial; padding: 10px 30px;*/ display: block; }

   .my-fis-options { margin-bottom: 0; }
   .filter-bar { padding-bottom: 0; }

   .article-popup { left: 8%; margin-left: 0px; width: 86%; top: 8%; margin-top: 0px; height: 86%; max-height: 86%; }

   .article-popup .iframe-holder { height: 100%; }
   .article-popup .iframe-holder video { height: 100%; }
}

@media (max-width: 700px) {
   /** DIVIDER **/
   .divider { padding-top: 62%; }
}

@media (max-width: 650px) {

   /** GENERAL **/
   .col-row { padding-left: 15px; padding-right: 15px; }

   /** HEADER **/
   .header-bg { background-size: 780px auto; left: 50%; }
   .header-right { margin-left: 0; }

   .search-and-select { margin-top: 10px; }

   /** LOGO **/
   .logo-container { display: block; margin-top: 15px; margin-bottom: 30px; position: relative; z-index: 30; }
   .logo-right { display: block; margin-top: 60px; }
   .logo-container h1 { width: 100%; }

   .search-container { width: 100% !important; margin-bottom: 10px; margin-top: 20px; }
   .topic-container { width: 100%; margin-left: 0; }


   /** MY FIS **/
   .my-fis-dropdown { width: 100%; text-align: left; padding-left: 25px; padding-right: 25px; right: 0; margin-right: 0; }
   .my-fis-dropdown-text-listing p.reply-count { display: block; }
   .read-listing { width: 90%; }

   .my-fis-options { text-align: left; }

   /** POPUP **/
   .article-popup-left { width: 100%; padding-right: 0; margin-bottom: 25px; }
   .article-popup-right { width: 100%; height: 200px; }

   /** DIVIDER **/
   .divider { padding-top: 0; max-height: none; }
   .banner-text-cell { display: none; }
   .banner-text-cell.banner-text-holder { display: block; }
   .divider-inner { position: static; top: auto; left: auto; }
   .divider-inner .banner-text-holder { width: 100%; }
   .divider-inner .banner-table { display: block; }
   .divider-inner .banner-image-holder { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-left: 0; padding-top: 100%; background-position: center; }
   .banner-text-holder .banner-text-header { padding-top: 1em; }
   .divider-inner .banner-image-holder:before { height: 100px; position: absolute; width: 100%; content: ''; top: 0; left: 0; display: block; }

   /** STICKY SIDEBAR **/
   .sticky-sidebar-alt-colour { width: 100%; display: block; }
   .sidebar-panel-right { width: 100%; display: block; }

   /** REGISTER **/
   .register-col-form-col { width: 100%; }
   .register-col-contact-col { padding-left: 0; }
   .register-col-contact-col .contact-listing .contact-listing-text { width: 64%; margin-left: 6%; }
   .register-col .panel:last-child { margin-bottom: 25px; }

   /** FOOTER **/
   ul.footer-nav li { display: block; }

   .my-fis-dropdown.fis-advanced-search { width: 100%; }
   .my-fis-dropdown.fis-advanced-search:before { left: 20px; }


   .filter-bar.is_stuck { /*padding-bottom:15px;*/ }
   .filter-bar.is_stuck ul.filter-search { /*display:block;*/ }
   .filter-bar.is_stuck .my-fis-options { /*margin-bottom:15px;*/ }

   .submenu-hide .filter-bar.is_stuck .filter-search { display: none; }
   .submenu-hide .filter-bar.is_stuck { padding-bottom: 0; }
   .submenu-hide .filter-bar.is_stuck .my-fis-options { margin-bottom: 0; }

   .organisation-welcome .organisation-logo { float: none; margin-bottom: 15px; }

   .banner-carousel .slick-dots { bottom: 65px; }
   .article-panel.featured-panel .featured-panel-top.has-video { background-size: 96px; }

   .article-popup.welcome { left: 2%; margin-left: 0px; width: 96%; top: 1%; margin-top: 0px; height: 98%; max-height: 98%; padding: 58px 25px 25px 25px; }
   .article-popup.welcome .selection-row { display: block; margin-bottom: 20px; }
   .article-popup.welcome .selection-row:last-child { margin-bottom: 0px; }
   .article-popup.welcome .selection-row .inner-cell { display: block; width: 100%; }
   .article-popup.welcome .selection-row .inner-cell.right-col { padding-top: 8px; }
   .article-popup.welcome .selection-row .inner-cell span { font-size: 13px; }
   .article-popup.welcome .selection-row .inner-cell a.btn { padding: 12px 12px; font-size: 13px; }
   .article-popup.welcome h2 { font-size: 25px; margin-bottom: 18px; padding-right: 35px; }

   .filter-bar ul.social-list li { margin: 0px 5px 0px 0px; }
   .filter-bar ul.social-list li a img { height: 35px; width: 35px; }

   .inner-cell.take-tour.know-more { padding-bottom: 0px; }
}

@media (max-width: 580px) {

   .banner-carousel .slick-dots { bottom: 140px; }
   .my-fis-dropdown.fis-advanced-search .my-fis-select.my-fis-datepicker .datepicker-col { width: 100%; margin-bottom: 10px; }
   .my-fis-dropdown.fis-advanced-search .my-fis-select.my-fis-datepicker input.datepicker { width: 49%; }
   .my-fis-dropdown.fis-advanced-search .my-fis-select.my-fis-datepicker span.date-label { width: 51%; }

   .filter-bar ul.social-list li { margin: 0px 3px 0px 0px; }
   .filter-bar ul.social-list li a img { height: 30px; width: 30px; }
	
	/* FEEDBACK POPUP */
	.survey-popup-container .buttons	{flex-direction: column; width:100%}
	.survey-popup-container .buttons .btn	{margin-bottom: 10px; width: 100%;}
	.survey-popup-container					{padding-left:15px; padding-right: 15px;}
	.feedback-stars li						{width:20%; margin: 0 5px;}
	

	
}

@media (max-width: 450px) {

   /** GENERAL **/
   .col-4 { width: 100%; }
   .col-3 { width: 100%; }

   /** LOGO **/
   .logo-container h1 { width: 100%; }

   /** MY FIS **/
   .my-fis-login .my-fis-col { width: 100%; margin-right: 0; margin-bottom: 15px; }
   .my-fis-login .my-fis-col.my-fis-login-btn { width: 100%; }

   .my-fis-select { width: 100%; margin-bottom: 15px; }

   .banner-carousel .slick-dots { bottom: 140px; }

   .logo-container h1 span.title-georgia { font-size: 52px; }
   .logo-container h1 span.title-berlingske { font-size: 48px; padding-left: 2px; }

   .header-bg { left: 57%; }
   .logo-container h1 span.sub-title { font-size: 17px; }
   .article-popup.welcome .spacer { height: 0px; }
   .article-popup.welcome { padding: 25px 25px 25px 25px; }
	
	/* FEEDBACK PAGE */
	.feedback-question p	{font-size:14px; padding-right: 5px}
	.feedback-question li	{margin-left: 5px; width:20px;}
	
	
}

@media (max-width: 360px) {
   .logo-container h1 span.title-georgia { font-size: 50px; }
   .logo-container h1 span.title-berlingske { font-size: 46px; }
   .header-bg { background-size: 650px auto; left: 58%; }
}

@media (max-width: 320px) {
   .logo-container h1 span.title-georgia { font-size: 46px; }
   .logo-container h1 span.title-berlingske { font-size: 42px; padding-left: 1px; }
}

.article-popup-right:after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }

.divider-inner .banner-image-holder:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }

/*** Slidy switch checkbox element ***/

.switch,
.switch * { -webkit-tap-highlight-color: transparent; user-select: none; }

.switch { margin-top: 7px; }

.switch label { cursor: pointer; font-size: 14px; color: #4e5357; font-family: berlingske_sans_roundmedium, sans-serif; }
.switch label input[type=checkbox] { opacity: 0; width: 0; height: 0; position: absolute; pointer-events: none; }

.switch label input[type=checkbox]:checked + .lever:before,
.switch label input[type=checkbox]:checked + .lever:after { left: 19px; }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,

input[type=checkbox]:not(:disabled) ~ .lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before { transform: scale(2.4); background-color: rgba(0,0,0,0.08); }

.switch input[type=checkbox][disabled] + .lever { cursor: default; background-color: rgba(0,0,0,0.12); }

.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after { background-color: #949494; }

.switch label .lever { content: ""; display: inline-block; position: relative; width: 45px; height: 28px; border: 4px solid #999da0; background-color: #e7e7e8; border-radius: 15px; transition: background 0.3s ease; vertical-align: middle; margin: 0 5px; }

.switch label .lever:before,
.switch label .lever:after { background-color: #4a2841; content: ""; position: absolute; display: inline-block; width: 16px; height: 16px; border-radius: 16px; left: 2px; top: 2px; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; }

/*** KEY CONTACTS - WIDE ***/

.key-contacts-list-wide { background-color: #f3f0f1; padding: 30px; }

.key-contacts-list-wide .carousel-container { position: relative; }

.key-contacts-list-wide .carousel-container .title { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; padding: 0 10px; gap: 10px; }

.key-contacts-list-wide .carousel-container .title h2 { font-size: 24px; font-family: berlingske_sans_roundregular, sans-serif; color: #4a2841; margin: 0; flex-basis: 100%; }

.key-contacts-list-wide .carousel-container .contacts { white-space: nowrap; /*position: absolute; top: 0; right: 15px;*/ }
.key-contacts-list-wide .carousel-container .contacts a { white-space: nowrap; margin: 0 10px 0 0; }
.key-contacts-list-wide .carousel-container .contacts a:last-child { margin-right: 0; }

.key-contacts-list-wide .key-contact-panel { padding: 0 10px; font-size: 0; }
.key-contacts-list-wide .key-contact-panel-content { background-color: transparent; position: relative; padding-bottom: 40px; }
.key-contacts-list-wide .key-contact-panel-content a.plus-btn { left: 0; bottom: 0; margin: 0; padding: 4px; }

.key-contacts-list-wide .key-contact-panel-content img { width: 100%; max-width: 216px; margin-bottom: 15px; }
.key-contacts-list-wide .key-contact-panel-content .profile-image { width: 100%; height: 100%; margin-bottom: 15px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.key-contacts-list-wide .key-contact-panel-content a.name { text-decoration: none; border-bottom: 2px solid transparent; transition: all 0.2s; display: inline-block; margin-bottom: 4px; }
.key-contacts-list-wide .key-contact-panel-content a.name:hover { border-bottom: 2px solid #bed600; }

.key-contacts-list-wide .key-contact-panel-content a.name,
.key-contacts-list-wide .key-contact-panel-content p.name { font-size: 16px; font-family: berlingske_sans_roundmedium, sans-serif; font-weight: normal; color: #4a2841; margin-bottom: 4px; line-height: 1.3em; }

.key-contacts-list-wide .key-contact-panel-content hr { width: 100%; height: 1px; border: 0; background-color: #4b2942; margin: 10px 0; }
/*.key-contacts-list-wide .key-contact-panel-content p.position,
.key-contacts-list-wide .key-contact-panel-content p.location,
.key-contacts-list-wide .key-contact-panel-content p.email,*/
.key-contacts-list-wide .key-contact-panel-content p /*.telephone*/ { font-size: 15px; font-family: berlingske_sans_roundmedium, sans-serif; /*font-weight: bold;*/ color: #5d6163; margin-bottom: 1px; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.key-contacts-list-wide .key-contact-panel-content p.telephone { margin-top: 10px; }

.key-contacts-list-wide.double-layer .key-contact-image { display: inline-block; width: 30%; }
.key-contacts-list-wide.double-layer .key-contact-details { display: inline-block; width: 70%; padding-left: 20px; }

.key-contacts-list-wide.double-layer .key-contact-panel-content .profile-image { margin: 0; height: 96px;}
.key-contacts-list-wide.double-layer .key-contact-panel-content p { white-space: normal; }

.key-contacts-list-wide .contacts { font-size: 0; }
.key-contacts-list-wide .contacts a { margin-left: 10px; }

.key-contacts-list-wide .contacts a.btn-contact-us,
.key-contacts-list-side .btn-contact-us { padding-left: 40px; background-image: url("/_assets/icon-email-white.png"); background-size: 22px 15px; background-position: 1em center; background-repeat: no-repeat; }

.key-contacts-list-wide .contacts a.btn-contact-us:hover,
.key-contacts-list-side .btn-contact-us:hover { background-image: url("/_assets/icon-email-dark.png"); }

   /*** KEY CONTACTS - SIDE ***/
   .key-contacts-list-side { }

.key-contacts-list-side h2 { font-size: 21px; color: rgb(51,51,51); font-family: berlingske_sans_roundlight, sans-serif; margin-bottom: 20px; }
.key-contacts-list-side .key-contact-panel { padding: 10px 0; }
.key-contacts-list-side .key-contact-panel .key-contact-panel-content { position: relative; }
.key-contacts-list-side .key-contact-panel-contact { font-size: 0; }
.key-contacts-list-side .key-contact-panel-image { width: 25%; padding-top: 25%; display: inline-block; background-size: cover; background-position: center; background-repeat: no-repeat; vertical-align: top; }
.key-contacts-list-side .key-contact-panel-info { width: 75%; display: inline-block; padding-left: 20px; font-size: 13px; font-family: berlingske_sans_roundlight, sans-serif; }
.key-contacts-list-side .key-contact-panel-info p { font-family: inherit; font-size: inherit; margin-bottom: 3px; line-height: 1.2em; color: inherit; }
.key-contacts-list-side .key-contact-panel-info p.name { font-family: berlingske_sans_roundmedium, sans-serif; }

.key-contacts-list-side .style-2 { background-color: rgb(204,204,204); padding: 20px; }

.key-contacts-list-side .style-2 .key-contact-panel { margin-bottom: 30px; }
.key-contacts-list-side .style-2 .key-contact-panel-image { width: 35%; padding-top: 35%; }
.key-contacts-list-side .style-2 .key-contact-panel-info { display: block; padding-left: 0; margin-top: 16px; font-size: 12px; color: rgb(51,51,51); }
.key-contacts-list-side .style-2 .key-contact-panel-info p { margin-bottom: 1px; }
.key-contacts-list-side .style-2 .key-contact-panel-info p.email { margin-top: auto; }

.key-contacts-list-side .image-over-details .key-contact-panel-image { display: block; width: 100%; max-width: 135px; padding-top: 135px; margin-bottom: 10px; }
.key-contacts-list-side .image-over-details .key-contact-panel-info { padding-left: 0; width: 100%; }

.key-contacts-list-side .see-more-container { margin-top: 20px; }
.key-contacts-list-side .see-more-container .see-more { display: inline-block; text-decoration: none; border: 1px solid #5482ab; background-color: #5482ab; font-family: berlingske_sans_roundregular, sans-serif; font-size: 14px; padding: 10px 50px 10px 10px; color: #ffffff; transition: all 0.2s; position: relative; }
.key-contacts-list-side .see-more-container .see-more:after { content: ""; position: absolute; display: block; width: 11px; height: 22px; right: 10px; top: 50%; margin-top: -11px; background-image: url("/_assets/btn-arrow-white.png"); background-size: cover; background-repeat: no-repeat; background-position: center;  }
.key-contacts-list-side .see-more-container .see-more:hover { background-color: #ffffff; color: #5482ab; }
.key-contacts-list-side .see-more-container .see-more:hover:after { background-image: url("/_assets/btn-arrow-blue.png"); }

/*** SLICK DOTS ***/
.slick-dots-white-circles ul.slick-dots { list-style: none; margin-top: 15px; text-align: center; }
.slick-dots-white-circles ul.slick-dots li { display: inline-block; font-size: 0px; margin: 0; }
.slick-dots-white-circles ul.slick-dots li button { font-size: 0; background-color: transparent; display: block; width: 12px; height: 12px; background-image: url("/_assets/carousel-dot-white-circle.png"); background-size: cover; background-repeat: no-repeat; margin: 0 4px; }
.slick-dots-white-circles ul.slick-dots li.slick-active button { background-image: url("/_assets/carousel-dot-white-disc.png"); }

.slick-dots-black-circles ul.slick-dots { list-style: none; margin-top: 15px; text-align: center; }
.slick-dots-black-circles ul.slick-dots li { display: inline-block; font-size: 0px; margin: 0; }
.slick-dots-black-circles ul.slick-dots li button { font-size: 0; background-color: transparent; display: block; width: 12px; height: 12px; background-image: url("/_assets/carousel-dot-black-circle.png"); background-size: cover; background-repeat: no-repeat; margin: 0 4px; }
.slick-dots-black-circles ul.slick-dots li.slick-active button { background-image: url("/_assets/carousel-dot-black-disc.png"); }


/*----COOKIE BAR--------------------------------------*/
.cookieBar { width: 100%; background: url(/_assets/bg_cookiebar.png); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cookieBar p { color: #ffffff; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; text-align: center; display: inline-block; }
.cookieBar .acceptBtn { border: 0px; background: #000; font-weight: bold; display: inline-block; margin-top: 6px; margin-left: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px 10px; text-decoration: none; color: #FFF; text-transform: uppercase; }