/* START VARIABLES */
:root {
   --ci-color-primary: rgb(255, 0, 0);
   --ci-color-secondary: rgb(0, 255, 0);
   --ci-color-background: rgb(0, 0, 0);
   --ci-color-headline: rgb(227, 227, 227);
   --ci-color-subline: rgb(227, 227, 227);
   --ci-color-text-light: rgb(227, 227, 227);
   --ci-color-text-medium: #9e9e9e;
   --ci-color-text-dark: #656565;
}

/* VARIABLES END */
/* START FONTS */
@font-face {
   font-family: 'Berlingske_Serif';
   src: url('../fonts/BerlingskeSerif-Rg.eot');
   src: url('../fonts/BerlingskeSerif-Rg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BerlingskeSerif-Rg.woff2')      format('woff2'), 
        url('../fonts/BerlingskeSerif-Rg.woff')       format('woff');
   font-display: swap;
   font-weight:   400;
   font-style: normal;
   }
@font-face {
   font-family: 'Open_Sans';
   src: url('../fonts/open-sans-v40-latin-regular.eot');
   src: url('../fonts/open-sans-v40-latin-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/open-sans-v40-latin-regular.woff2')      format('woff2'),
        url('../fonts/open-sans-v40-latin-regular.woff')       format('woff');
   font-display: swap;
   font-weight:   400;
   font-style: normal;
   }
/* FONTS END */
/* START KEYFRAME ANIMATIONS */
@-webkit-keyframes fadeIn {
   from {
      opacity: 0;
      filter: blur(1rem);
   }

   to {
      opacity: 1;
      filter: blur(0);
   }
}

@-moz-keyframes fadeIn {
   from {
      opacity: 0;
      filter: blur(1rem);
   }

   to {
      opacity: 1;
      filter: blur(0);
   }
}

@-o-keyframes fadeIn {
   from {
      opacity: 0;
      filter: blur(1rem);
   }

   to {
      opacity: 1;
      filter: blur(0);
   }
}

@keyframes fadeIn {
   from {
      opacity: 0;
      filter: blur(1rem);
   }

   to {
      opacity: 1;
      filter: blur(0);
   }
}

.fadeIn {
   animation: fadeIn ease 3s;
   animation-iteration-count: 1;
   animation-fill-mode: forwards;
}

/* KEYFRAME ANIMATIONS END */

html,
body {
   position: relative;
   background-color: var(--ci-color-background);
   min-height: 100vh;
   width: 100%;
   margin: 0;
   padding: 0;
   font-family: 'Open_Sans', sans-serif;
   font-weight: 300;
   font-size: 16px;
   line-height: inherit;
   color: var(--ci-color-text-dark);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   /*    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 4;
    -ms-hyphenate-limit-chars: 10 3 4;
    hyphenate-limit-chars: 10 3 4;
    */
   scroll-behavior: smooth;
   /*	scroll-padding-top: 1rem; */
   overflow-x: hidden;
   box-sizing: border-box;
}
html.modal_open,
.modal_open body 
   {
   overflow: hidden !important;
   }

   
   
h1,
h2,
h3,
h4,
h5 {
   font-family: 'Berlingske_Serif', serif;
}

header #logo {
   position: fixed;
   top: 3rem;
   right: 3rem;
   width: 150px;
   height: 50px;
   z-index: 100;
   background-image: url('../images/dpre_advisers_white.png');
   background-size: contain;
   background-repeat: no-repeat;
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   header #logo {
      position: absolute;
      top: 1rem;
      right: 1rem;
      width: 100px;
      height: 40px;
   }
}
html.modal_open header #logo {
   position: fixed;
}



#fullpage {
   margin: 0;
   padding: 0;
   width: 100%;
   height: auto !important;
   overflow: hidden;
}

#fullpage>section {
   width: 100%;
   min-height: 100vh;
   position: relative;
   overflow: hidden;

}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   #fullpage {}

   .fp-overflow {
      max-height: none;
   }

   .fp-table {
      justify-content: flex-start;
   }
}



#fullpage>section img.bgimage,
#fullpage>section video.bgvideo,
.mobile #fullpage>section video.mobilebgvideo {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   opacity: 0;
   transition-property: opacity;
   transition-duration: 3s;
   transition-delay: 1s;
   filter: blur(1rem);
   z-index: 1;
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   #fullpage>section img.bgimage {
      position: relative;
      width: 100%;
      height: 35vh;
      object-position: left;
   }

   #fullpage>section video.bgvideo {
      position: relative;
      width: 100%;
      height: 35vh;
      object-position: center;

   }

   #fullpage>section:nth-of-type(1) video.bgvideo {
      position: relative;
      width: 100%;
      height: 65vh;
      object-position: center;

   }
}

@media screen and (max-width: 480px) {
   #fullpage>section:nth-of-type(1) video.bgvideo {
      height: 30vh;
      object-position: left;

   }
}

#fullpage>section img.bgimage.active,
#fullpage>section video.bgvideo.active {
   opacity: 1;
   filter: blur(0);
}

#fullpage>section video.show_on_mobile {
   display: none;
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {

   #fullpage>section video.show_on_desktop {
      display: none;
   }

   #fullpage>section video.show_on_mobile {
      display: inherit;
   }
}

#fullpage>section img.bgimage~.caption {
   display: none;
}

#fullpage>section img.bgimage.opa30 {
   opacity: .3;
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   #fullpage>section img.bgimage.opa30 {
      opacity: 1;
   }
}

/*
.mobile #fullpage>section img.bgimage~.caption {
   display: inherit;
   position: absolute;
   top: calc(65vw - 1rem);
   left: 1rem;
   z-index: 10;
   color: var(--ci-color-text-light);
   margin-bottom: -2rem;
   font-size: .9rem;
   opacity: .8;
}
*/
#fullpage>section div.section_content {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: flex;
   align-items: center;
   align-content: center;
   justify-content: center;
   z-index: 10;
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   #fullpage>section div.section_content {
      position: relative;
      flex-wrap: wrap;
      padding: 1rem;
      justify-content: flex-start;
      margin: 0 auto;
      max-width: 767px;

   }
}

#fullpage>section div.section_content.center {
   padding-left: 1rem;
   padding-right: 20vw;
   padding-bottom: 10vh;
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   #fullpage>section div.section_content.center {
      padding: 1rem 1rem 5rem 1rem;
   }

}

#fullpage>section div.section_content.right {
   padding-left: 51vw;
   padding-right: 13vw;
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   #fullpage>section div.section_content.right {
      padding-left: 1rem;
      padding-right: 1rem;
   }
}

#fullpage>section div.section_content.two_column .column_left {
   width: 50%;
   padding: 0 6vw 0 14vw;
}

#fullpage>section div.section_content.two_column .column_right {
   width: 50%;
   padding: 0 14vw 0 4vw;
}

@media screen and (max-width: 1279px) {
   #fullpage>section div.section_content {
      flex-wrap: wrap;
   }

   #fullpage>section div.section_content.two_column .column_right {
      padding: 0 4vw;
   }
}

@media screen and (max-width: 1024px) {

   #fullpage>section div.section_content.two_column .column_right {
      padding: 0 1rem;
   }
}

#fullpage>section:nth-of-type(2) div.section_content {
   align-items: start;
   height: 60vh;
   margin: auto;
}

@media screen and (max-width: 1024px) {
   #fullpage>section div.section_content {
      flex-wrap: wrap;
   }

   #fullpage>section div.section_content.two_column .column_left,
   #fullpage>section div.section_content.two_column .column_right {
      padding: 0 1rem;
   }

   #fullpage>section div.section_content.two_column .column_right p {
      line-height: 1.1rem;
   }
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {

   #fullpage>section div.section_content.two_column .column_left,
   #fullpage>section div.section_content.two_column .column_right {
      width: 100%;
      padding: 0;
   }

   #fullpage>section:nth-of-type(2) div.section_content {
      align-items: start;
      height: auto;
      margin: auto;
      overflow: hidden;
   }
}

#fullpage>section div.section_content.two_column p {
   color: var(--ci-color-text-medium);
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   #fullpage>section div.section_content.two_column p {
      color: var(--ci-color-text-dark);
   }

}

#fullpage>section div.section_content h1 {
   font-size: 3rem;
   line-height: 3.5rem;
   font-weight: 400;
   margin-top: 0;
}

@media screen and (max-width: 1279px),
screen and (max-height: 850px) {
   #fullpage>section div.section_content h1 {
      font-size: 2.25rem;
      line-height: 2.75rem;
   }
}

@media screen and (max-width: 1279px),
screen and (max-height: 767px) {
   #fullpage>section div.section_content h1 {
      font-size: 1.75rem;
      line-height: 2rem;
   }
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   #fullpage>section div.section_content h1 {
      font-size: 1.75rem;
      line-height: 2rem;
   }
}

@media screen and (max-width: 480px) {
   #fullpage>section div.section_content h1 {
      margin-top: 1rem;
      margin-bottom: 2rem;
      font-size: 1.5rem;
      line-height: 1.75rem;
   }
}


#fullpage>section div.section_content h2 {
   margin-top: 0;
   margin-bottom: 0;
}

@media screen and (max-width: 1279px),
screen and (max-height: 850px) {

   #fullpage>section div.section_content h2 {
      font-size: 1.5rem;
      line-height: 2rem;
   }
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   #fullpage>section div.section_content h2 {
      font-size: 1.25rem;
      line-height: 1.75rem;
   }
}

@media screen and (max-width: 480px) {
   #fullpage>section div.section_content h2 {
      font-size: 1.25rem;
      line-height: 1.5rem;
      margin-bottom: .5rem;
   }
}

#fullpage>section div.section_content h1 strong,
#fullpage>section div.section_content h2 strong,
#fullpage>section div.section_content h3 strong {
   color: var(--ci-color-text-light);
}

#fullpage>section div.section_content p {
   margin-top: 0;
   margin-bottom: 4rem;
   font-size: 1rem;
   line-height: 1.5rem;
}

@media screen and (max-width: 1279px),
screen and (max-height: 850px) {
   #fullpage>section div.section_content p {
      margin-top: 0;
      margin-bottom: 2rem;
      font-size: .9rem;
      line-height: 1.3rem;
   }
}

#fullpage>section div.section_content ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   list-style-position: inside;
   text-indent: 0;
   padding-left: 0;
   color: var(--ci-color-text-medium);
   line-height: 1.75rem;
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   #fullpage>section div.section_content ul {
      color: var(--ci-color-text-dark);
      font-size: .9rem;
      line-height: 1.4rem;
   }
}

#fullpage>section div.section_content ul li {}

#fullpage>section div.section_content .fx_in {
   transition-property: all;
   transition-duration: .5s;
   transition-delay: 0s;
   filter: blur(1rem);
   opacity: 0;
   transform: translateY(10vh);
}

#fullpage>section.trans_active div.section_content .fx_in.hidden_on_load,
#fullpage>section.active div.section_content .fx_in.hidden_on_load,
.mobile #fullpage>section div.section_content .fx_in.hidden_on_load {
   filter: blur(1rem);
   opacity: 0;
   transform: translateY(10vh);
}

#fullpage>section.trans_active div.section_content .fx_in,
#fullpage>section.active div.section_content .fx_in,
.mobile #fullpage>section div.section_content .fx_in {
   filter: blur(0);
   opacity: 1;
   transform: translateY(0);
}

#fullpage>section div.section_content .fx_in.fx_index {
   --index_delay: calc(var(--index) * .1s);
   transition-duration: calc(var(--index_delay) + .25s);
   transition-delay: var(--index_delay);
}

#fullpage>section div.section_content .fx_in.fx_index_slow {
   --index_delay: calc(var(--index) * .2s);
   transition-duration: calc(var(--index_delay) + .25s);
   transition-delay: var(--index_delay);
}

#fullpage>section div.section_content .fx_in.fx_index_superslow {
   --index_delay: calc(var(--index) * .3s);
   transition-duration: calc(var(--index_delay) + .5s);
   transition-delay: var(--index_delay);
}



footer {
   display: inline-block;
   position: fixed;
   bottom: 3rem;
   right: 3rem;
   z-index: 100;
   color: var(--ci-color-text-dark);
   transition-property: all;
   transition-duration: 1s;
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   footer {
      position: relative;
      bottom: 2rem;
      right: 0;
      left: 1rem;
      width: auto;
   }
}
html.modal_open footer {
   position: fixed;
}

footer.invert {
   color: var(--ci-color-text-light);
}

footer a {
   text-decoration: none;
   transition-property: all;
   transition-duration: 1s;
   text-shadow: 0 0 3px rgba(0, 0, 0, 0.404);
   padding-top:1rem;
}

footer a,
footer.invert a:hover {
   color: var(--ci-color-text-medium);
}

footer a:hover,
footer.invert a {
   color: var(--ci-color-text-light);
}


.modals {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   pointer-events: none;
   background: rgba(0, 0, 0, 0);
   z-index: 20;
   filter: blur(10rem);
   transition-property: all;
   transition-duration: 1s;
   opacity: 0;
   overflow-y: hidden;
   overflow-x: hidden;
   height: 100vh;
   height:  -webkit-fill-available;
   width: calc(100vw + 25px);
   -webkit-backdrop-filter: blur(0);
   backdrop-filter: blur(0);
}

.modals.active {
   pointer-events: all;
   background: rgba(0, 0, 0, 1);
   -webkit-backdrop-filter: blur(1rem);
   backdrop-filter: blur(1rem);
   filter: blur(0);
   opacity: 1;
}

.modals .modal {
   overflow-y: auto;
   overflow-x: hidden;
   max-height: 100vh;
   position: absolute;
   top: 7rem;
   right: 0;
   bottom: 5rem;
   left: 0;
   margin: 0 auto;
   width: 100%;
   color: var(--ci-color-text-light);
   transform: translateY(50%);
   transition-property: all;
   transition-duration: 1s;
   filter: blur(1rem);
   pointer-events: none;
   opacity: 0;
   --padding-lr:calc((100vw - 767px) / 2);
   padding:0 var(--padding-lr);
   }
.modals.active .modal.active {
   padding-top: 6rem;
   padding-bottom: 1rem;
   transform: translateY(0);
   filter: blur(0);
   pointer-events: all;
   opacity: 1;
   }
@media screen and (max-width: 767px)
   {
   .modals .modal {
   padding:0 2rem 0 1rem;
   top: 4rem;
   right: 0;
   bottom:4rem;
   left: 0;
   }
   .modals.active .modal.active {
   padding-bottom: 10rem;
   }

   }


.modals .modal h2 {
   margin-top: 3rem;
}

.modals .modal p {
   color: var(--ci-color-text-medium);
   line-height: 1.55rem;
}

.modals .close_modal {
   position: fixed;
   top: 3.3rem;
   left: 3.3rem;
   font-size: 2rem;
   cursor: pointer;
   color: var(--ci-color-text-light);
   transition-property: all;
   transition-duration: 1s;
   transform: rotate(360deg);
}

@media screen and (max-width: 767px),
screen and (max-height: 720px) {
   .modals .close_modal {
      position: fixed;
      top:  .55rem;
      left: 1rem;
   }
}

.modals.active .close_modal {
   transform: rotate(0deg);
}

.modals .close_modal:hover {
   color: var(--ci-color-text-light);
}

.modals .modal a {
   color: var(--ci-color-text-medium);
   text-decoration: none;
   transition-property: all;
   transition-duration: 1s;
}

.modals .modal a:hover {
   color: var(--ci-color-text-light);
}


.modals .modal b,
.modals .modal strong {
   font-weight: 600;
   color: var(--ci-color-text-light)
}

.fp-watermark {
   display: none;
}