:root {
  --base-font-size: 18px;
  --transition-duration: 0.3s;
  --transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  --play-icon-background: rgba(25, 41, 56, 0.94);
  --play-icon-color: #fff;
  --lightbox-background: rgba(255, 255, 255, 0.94);
  --lightbox-z-index: 1337;
  --caption-background: hsla(0, 0%, 100%, 0.94);
  --caption-color: #192938;
  --counter-background: transparent;
  --counter-color: #fff;
  --button-background: transparent;
  --button-color: #fff;
  --loader-color: #003A65;
  --slide-max-height: 70vh;
  --slide-max-width: 85vw;
  --slide-max-width-video: 65vw;
}
.tobii-play {
  border: 0;
  box-shadow: none;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.tobii-play:hover {
    cursor: pointer;
}

.tobii-play img {
  display: block;
}
.tobii-play__icon {
  align-items: center;
  /* background-color: var(--play-icon-background); */
  bottom: 0px;
  color: var(--play-icon-color);
  display: flex;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: 10px;
}
.tobii-play__noicon {
  position: absolute;
  display: none;
}
.tobii-play__icon svg {
  fill: none;
}
.tobii-is-open {
  /* overflow-y: hidden; */
}
.tobii {
  background-color: var(--lightbox-background);
  bottom: 0;
  box-sizing: border-box;
  contain: strict;
  font-size: var(--base-font-size);
  left: 0;
  line-height: 1.5;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--lightbox-z-index);
}
.tobii[aria-hidden="true"] {
  display: none;
}
.tobii *,
.tobii :after,
.tobii :before {
  box-sizing: inherit;
}
.tobii__slider {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  will-change: transform;
}
.tobii__slider[aria-hidden="true"] {
  display: none;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .tobii__slider--animate:not(.tobii__slider--is-dragging) {
    transition-duration: var(--transition-duration);
    transition-property: transform;
    transition-timing-function: var(--transition-timing-function);
  }
}
.tobii__slider--is-draggable [data-type] {
  cursor: grab;
}
.tobii__slider--is-dragging [data-type] {
  cursor: grabbing;
}
.tobii__slide {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.tobii__slide:not(.tobii__slide--is-active) {
  visibility: hidden;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .tobii__slide:not(.tobii__slide--is-active) {
    transition-duration: var(--transition-duration);
    transition-property: visibility;
    transition-timing-function: var(--transition-timing-function);
  }
}
.tobii__slide [data-type] {
  max-height: var(--slide-max-height);
  max-width: var(--slide-max-width);
  overflow: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.tobii__slide iframe,
.tobii__slide video {
  display: block !important;
}
.tobii__slide figure {
  margin: 0;
  position: relative;
}
.tobii__slide figure > img {
  display: block;
  height: auto;
  max-height: var(--slide-max-height);
  max-width: var(--slide-max-width);
  width: auto;
  object-fit: cover;
}
.tobii__slide figure > figcaption {
  left: 2.2em;
  top: 2.2em;
  line-height: 44px;
  font-family: Derailed-ExtraBold, Raleway-ExtraBold, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  color: #003A65 !important;
  position:fixed;
  display: flex;
  /* white-space: pre-wrap; */
  width: 100%;


    /* position: fixed;
    display: block;
    left: 2.88889em;
    top: 2.88889em;
    z-index: 100060;
    margin-top: -14px;
    margin-left: -14px;
    line-height: 44px;
    font-family: Derailed-ExtraBold, Raleway-ExtraBold, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    color: #003A65 !important; */
}
.tobii__title{
  position: fixed;
    display: block;
    left: 2.88889em;
    top: 2.88889em;
    z-index: 100060;
    margin-top: -14px;
    margin-left: -14px;
    line-height: 20px;
    font-family: Derailed-ExtraBold, Raleway-ExtraBold, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    color: #003A65 !important;
    max-width: 80%;
}
.tobii__slide [data-type="html"] video {
  cursor: auto;
  max-height: var(--slide-max-height);
  max-width: var(--slide-max-width);
}
.tobii__slide [data-type="iframe"] {
  -webkit-overflow-scrolling: touch;
  transform: translateZ(0);
}
.tobii__slide [data-type="iframe"] iframe {
  height: var(--slide-max-height);
  width: var(--slide-max-width);
}
.tobii__btn {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  font: inherit;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: absolute;
  touch-action: manipulation;
  will-change: opacity;
  z-index: 1;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .tobii__btn {
    transition-duration: var(--transition-duration);
    transition-property: opacity, transform;
    transition-timing-function: var(--transition-timing-function);
    will-change: opacity, transform;
  }
}
.tobii__btn svg {
  fill: none;
  /* height: 3.33333em; */
  pointer-events: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  /* stroke-width: 1; */
  /* stroke: currentColor;
  width: 3.33333em; */
}

.slidebtn, .tobii__btn--next, .tobii__btn--previous {
  position: absolute;
  background-color: #8ED8F8;
  color: #003A65;
  font-size: 2.825rem;
  padding-bottom: 20px;
  align-items: center;
  justify-content: center;
  height: 55px;
  width: 55px;
  border-radius: 5.46px;
  /* content: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.2915 17.2464L25.16 22.1141C25.6141 22.573 25.6141 23.3152 25.1551 23.7741L23.7732 25.1558C23.319 25.6147 22.5768 25.6147 22.1178 25.1558L17.2493 20.2881C17.0295 20.0684 16.9074 19.7706 16.9074 19.4581V18.6623C15.1837 20.0098 13.0156 20.8105 10.657 20.8105C5.04623 20.8105 0.5 16.2651 0.5 10.6553C0.5 5.04545 5.04623 0.5 10.657 0.5C16.2678 0.5 20.814 5.04545 20.814 10.6553C20.814 13.0134 20.0131 15.1812 18.6654 16.9046H19.4613C19.7739 16.9046 20.0717 17.0267 20.2915 17.2464ZM4.66667 10.9167C4.66667 14.3737 7.46452 17.1667 10.9167 17.1667C14.3737 17.1667 17.1667 14.3688 17.1667 10.9167C17.1667 7.45964 14.3688 4.66667 10.9167 4.66667C7.45964 4.66667 4.66667 7.46452 4.66667 10.9167Z" fill="white"/></svg>'); */
}

.slidebtn:hover, .tobii__btn--next:hover, .tobii__btn--previous:hover {
  background-color: #003A65;
  text-decoration: none;
  color: #fff;
}

/* .svg-arrow {
    fill: #003A65!important;
  }
.svg-btn {
    fill: #8ED8F8!important;
  } */

  /* .tobii__btn--next:hover .svg-btn, .tobii__btn--previous:hover .svg-btn {
      fill: #003A65!important;
  }
  
  .tobii__btn--next:hover .svg-arrow, .tobii__btn--previous:hover .svg-arrow {
    fill: #ffffff!important;
  } */
  

.tobii__btn--next,
.tobii__btn--previous {
  top: 50%;
  transform: translateY(-50%);
}
.tobii__btn--previous {
  left: 0.88889em;
}
.tobii__btn--next {
  right: 0.88889em;
}

/* .tobii__btn--next:hover {
  right: 1.88889em;
  fill: #003A65!important;
} */

.tobii__btn--close {
  display: flex;
  align-items: center;
  right: 2.88889em;
  top: 2.88889em;
  margin-top: -14px;
  color: #0073BC;
  font-size: 1.125rem;
  font-weight: 600;
  font-family: 'Derailed', sans-serif;
}

.tobii__btn--close:hover {
  text-decoration: underline!important;
}

.tobii__btn:disabled,
.tobii__btn[aria-hidden="true"] {
  display: none;
}
.tobii__counter {

    position: fixed;
    bottom: 60px;
    text-align: center;
    width: 100%;
    z-index: 10060;
    color: #003A65;
    font-size: 1rem;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.tobii__counter[aria-hidden="true"] {
  display: none;
}
.tobii__loader {
  display: inline-block;
  height: 5.55556em;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 5.55556em;
}
.tobii__loader:before {
  animation: spin 1s infinite;
  border-radius: 100%;
  border: 0.22222em solid #949ba3;
  border-top: 0.22222em solid var(--loader-color);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}


/* Image Classes */



.container .gallery a {
  width: 24.6%;
  height: 220px;
  border: 6px solid #fff;
  margin-bottom: 10px;
}

/* 
.container .gallery a:hover {
  opacity: 0.5;
} */

.container .gallery a img {
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
  height: 220px;
  object-fit: cover;
}

.align-center {
  text-align: center;
}

a.xxlarge {
  width: 57.8%!important;
}

a.xlarge {
  width: 41.1%!important;
}

a.large {
  width: 32.8%!important;
}

a.medium {
  width: 24.6%!important;
}

a.small {
  width: 16.4%!important;
}


/* Mobile & Tablet (< 1024px) */
@media (max-width: 1023px) {

  .tobii__title{
    font-size: 0.938rem;
    max-width: 65%;
  }
  .tobii__counter{
    font-size: 0.875rem;
  }

  .tobii__btn--previous{
    left: 0.38889em;
    width: 40px;
    height: 40px;
    font-size: 2.125rem;
  }
  .tobii__btn--next{
    right: 0.38889em;
    width: 40px;
    height: 40px;
    font-size: 2.125rem;
  }
  .tobii__btn--close {
    font-size: 0.938rem;
    margin-top: -14px;
  }

  .tobii__btn--close span {
    margin-top: 2px;
  }

.container .gallery a {

 
  /* Grid Eigth */
  width: 49.6%;
  }

  a.xxlarge {
    width: 100%!important;
  }

  a.xlarge {
    width: 32.8%!important;
  }

  a.large {
    width: 66.5%!important;
  }
  
  a.medium {
    width: 49.6%!important;
  }
  
  a.small {
    width: 32.8%!important;
  }

  /* Grid Seven */
  .seven a {
    width: 38.5%!important;
    }

 .seven a.xlarge {
    width: 60.8%!important;
  }

 .seven a.large {
    width: 49.6%!important;
  }
  
 .seven a.small {
    width: 20.8%!important;
  }



  /* Grid Six */
  .six a {
    width: 38.5%!important;
    }

 .six a.xlarge {
    width: 60.8%!important;
  }

 .six a.large {
    width: 49.6%!important;
  }
  
 .six a.small {
    width: 21.8%!important;
  }




  /* Grid Five */
  .five a {
    width: 38.5%!important;
    }

 .five a.xlarge {
    width: 60.8%!important;
  }

 .five a.xlarge:nth-child(3), .five a.xlarge:nth-child(4) {
  width: 49.6%!important;
}

 .five a.xxlarge {
    width: 100%!important;
  }
  
 .five a.small {
  width: 38.5%!important;
  }


  /* Grid Four */
 .four a.xlarge {
    width: 38.5%!important;
  }

 .four a.xxlarge {
    width: 60.8%!important;
  }


  /* Grid Three */

  .three a {
    width: 60.8%!important;
  }

  .three a.large {
    width: 38.5%!important;
  }

 .three a.xlarge {
    width: 100%!important;
  }


}

/* Mobile & Tablet (< 1024px) */
@media (max-width: 407px) {

    .tobii__title{
      font-size: 0.938rem;
      max-width: 65%;
    }
    .tobii__counter{
      font-size: 0.875rem;
    }
  
    .tobii__btn--previous{
      left: 0.38889em;
      width: 40px;
      height: 40px;
      font-size: 2.125rem;
    }
    .tobii__btn--next{
      right: 0.38889em;
      width: 40px;
      height: 40px;
      font-size: 2.125rem;
    }
    .tobii__btn--close {
      font-size: 0.938rem;
      margin-top: -14px;
    }
  
    .tobii__btn--close span {
      margin-top: 2px;
    }
  
  .container .gallery a {
  
    border: 3px solid #fff;
    margin-bottom: 3px;
   
    /* Grid Eigth */
    width: 48.6%;
    }
  
    a.xxlarge {
      width: 100%!important;
    }
  
    a.xlarge {
      width: 32.8%!important;
    }
  
    a.large {
      width: 66.5%!important;
    }
    
    a.medium {
      width: 49.6%!important;
    }
    
    a.small {
      width: 31.8%!important;
    }
  
    /* Grid Seven */
    .seven a {
      width: 37.5%!important;
      }
  
   .seven a.xlarge {
      width: 60.8%!important;
    }
  
   .seven a.large {
      width: 48.6%!important;
    }
    
   .seven a.small {
      width: 20.8%!important;
    }
  
  
  
    /* Grid Six */
    .six a {
      width: 38.5%!important;
      }
  
   .six a.xlarge {
      width: 59.8%!important;
    }
  
   .six a.large {
      width: 48.6%!important;
    }
    
   .six a.small {
      width: 21.8%!important;
    }
  
  
  
  
    /* Grid Five */
    .five a {
      width: 38.5%!important;
      }
  
   .five a.xlarge {
      width: 60.8%!important;
    }
  
   .five a.xlarge:nth-child(3), .five a.xlarge:nth-child(4) {
    width: 48.6%!important;
  }
  
   .five a.xxlarge {
      width: 100%!important;
    }
    
   .five a.small {
    width: 37.5%!important;
    }
  
  
    /* Grid Four */
   .four a.xlarge {
      width: 38.5%!important;
    }
  
   .four a.xxlarge {
      width: 59.8%!important;
    }
  
  
    /* Grid Three */
  
    .three a {
      width: 60.8%!important;
    }
  
    .three a.large {
      width: 37.5%!important;
    }
  
   .three a.xlarge {
      width: 100%!important;
    }
  
  
  }

.overlay {
  width: 100%;
  height: 105%;
  background: rgba(0, 0, 255, 0);
  transition: background 0.3s ease-in-out;
  align-content: center;
}

a:hover .overlay {
  background: #051435ba;
}

a:hover .overlay::after {
  margin-left: 45%;
  content: url('data:image/svg+xml;utf8,<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.2915 17.2464L25.16 22.1141C25.6141 22.573 25.6141 23.3152 25.1551 23.7741L23.7732 25.1558C23.319 25.6147 22.5768 25.6147 22.1178 25.1558L17.2493 20.2881C17.0295 20.0684 16.9074 19.7706 16.9074 19.4581V18.6623C15.1837 20.0098 13.0156 20.8105 10.657 20.8105C5.04623 20.8105 0.5 16.2651 0.5 10.6553C0.5 5.04545 5.04623 0.5 10.657 0.5C16.2678 0.5 20.814 5.04545 20.814 10.6553C20.814 13.0134 20.0131 15.1812 18.6654 16.9046H19.4613C19.7739 16.9046 20.0717 17.0267 20.2915 17.2464ZM4.66667 10.9167C4.66667 14.3737 7.46452 17.1667 10.9167 17.1667C14.3737 17.1667 17.1667 14.3688 17.1667 10.9167C17.1667 7.45964 14.3688 4.66667 10.9167 4.66667C7.45964 4.66667 4.66667 7.46452 4.66667 10.9167Z" fill="white"/></svg>');
}