.slider-holder__wrapper{
    margin-bottom: 40px ;
}


.about-aquarium::before{
    height: 100%;
}
.header__lower{width:100%;}
.footer--front-2 .footer-privacy a{color:#83888b!important;}
.contentImageItem img{margin-bottom:20px;}
.about-aquarium__img::before {
   padding-top: 30.145%;
}

.career-item{
    border-radius: 4px;
    border: 1px solid #ccd1d9;
    padding: 20px;
    margin-top: 30px;
}
                                
.career-item .intro {
    overflow: hidden;
    max-width: 75ch;
    text-overflow: ellipsis;
    white-space: nowrap;
}
                                    
.career-item .button{
    margin:25% auto;
}
#kaartTitle{line-height:140%!important;}

.promo-slider__title, .promo-primary .align-container__item, .team-item__description, .fishes-slider__item .text-box h6{text-shadow: 0px 0px 8px rgba(0, 0, 0,0.8);transition: all 0.5s ease;}
.fishes-slider__item .text-box:hover h6{text-shadow: 0px 0px 8px rgba(0, 0, 0,0);}
.fishes-slider .text-box::before{background-color:rgba(255,255,255,0);  transition: background-color 0.5s ease;
}
.fishes-slider .text-box:hover::before{background-color:rgba(122, 181, 29, 0.7); cursor:pointer;}

.menu-dropdown--front-2 .screen__button, .menu-dropdown--front-2 .screen__item.item--active::after{
    background: #7ab51d !important;
}

                .lower-menu{
                    width: 200px;
                }
                    .lower-menu form{
                        position: relative;
                        transition: all 1s;
                         width: 200px;
                        height: 30px;
                        background: white;
                        box-sizing: border-box;
                        border-radius: 25px;
                        padding: 5px;
                    }
                    
                     .lower-menu  input{
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;;
                        line-height: 30px;
                        outline: 0;
                        border: 0;
                        display: none;
                        font-size: 1em;
                        border-radius: 20px;
                        padding: 0 20px;
                    }
                    
                     .lower-menu  .fa{
                        box-sizing: border-box;
                        position: absolute;
                        top: 2.5px;
                        right: 2.5px;
                        border-radius: 50%;
                        color: #07051a;
                        text-align: center;
                        font-size: 15px;
                        transition: all 1s;
                        width: 25px;
                        height: 25px;
                        padding: 5px 0px;
                    }
                    
                     .lower-menu  form:hover,
                     .lower-menu form:valid{
                        cursor: pointer;
                    }
                    
                    .lower-menu  form:hover input,
                    .lower-menu  form:valid input{
                        display: block;
                    }
                    
                    .lower-menu form:hover .fa,
                    .lower-menu form:valid .fa{
                        background: #07051a;
                        color: white;
                    }
                    
                    
                    .lower-menu a {
                      display: none;
                      position: absolute;
                      top: 70px;
                      bottom:0;
                      left: 0;
                      right: 0;
                      color: white;
                      text-align: center; 
                      width: 100%;
                    }
                    
                    .lower-menu form:valid a {
                      display: block;
                    }
    .text-box{
        background: rgba(87,168,217,.2) !important;
    }
    
    .inzoom-container{
      overflow: scroll;
      height: 470px;
      width: 750px;
    }
    .interactive-image {
      overflow: scroll;

      max-width: 1000%;
      max-height: 1000%;
      }
      
      .zoom span i {
          font-size: 32px !important;
      }
      
      
            .landinfo{
        position: absolute;
        background-color:#1d252b;
        color: #FFF !important;
        padding: 20px;
        max-width: 200px;
        max-height: 300px;
        top:20px;
        left:20px;
      }
      .landinfo h2{
        font-size: 24px !important;
      }
      .landinfo p{
        font-size: 12px !important;
      }


      .landinfo h2, .landinfo p{
        color: #FFF !important;
      }

      area {
    cursor: pointer;
    display:block;
      }
      
      .footer--front-2 .footer__lower {
          
        background-image: url('/global/img/aw-footer.png');
         background-repeat: no-repeat;
        background-position: right bottom; 
        background-size: 100%;
        }
        
        .footer {
        background: #003255;
        }

p a{color:#3688c2!important;}
/* SCROLLBAR */
 * {
    scrollbar-width: thin;
    scrollbar-color: #3688c2 #dddddd;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 14px;
  }

  *::-webkit-scrollbar-track {
    background: #dddddd;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #3688c2;
    border-radius: 0px;
    border: 0px none #ffffff;
  }
  @media (max-width:991.98px){
    .footer--front-2 .footer__lower {
        background-size: 85%;
    }
  }
  
   .slick-prev,
        .slick-next
        {

        
            position: absolute;
            top: 50%;
        
            display: block;

            padding: 0;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
        
            cursor: pointer;
        

            border: none;
            outline: none;

        }
        .slick-prev:hover,
        .slick-prev:focus,
        .slick-next:hover,
        .slick-next:focus
        {

           outline: none;

        }

        
        .slick-prev:before,
        .slick-next:before
        {
            display: block;

            background-color:#3688c2; color:#FFF; padding:20px; font-size:40px; 


        }
        
        .slick-prev
        {
            z-index: 1;
            left: 0px!important;

        }
        [dir='rtl'] .slick-prev
        {
            right: -25px;
            left: auto;
        }
        .slick-prev:before
        {
            content: '\f053';
    font-family: FontAwesome;
        }
        [dir='rtl'] .slick-prev:before
        {
            content: '\f053';
    font-family: FontAwesome;
        }
        
        .slick-next
        {

            right: -25px;
        }
        [dir='rtl'] .slick-next
        {
            right: auto;
            left: -25px;
        }
        .slick-next:before
        {
            content: '\f054';
    font-family: FontAwesome;     }
        
[dir='rtl'] .slick-next:before
        {
            content: '\f054';
    font-family: FontAwesome;
        }
     .slick-prev, .slick-next{font-size:0;}
    
    .slick-next {
        margin-right: 21px;   
    }
    @media (max-width: 1826px) {

    .slick-next {
        margin-right: 25px;   
    }

}
/*.fishes-slider .text-box::before {*/
/*  background-color: rgba(40,47,52,.5);*/
/*}*/
.footer--front-2 .footer__lower{padding:0 0 40px 0!important;}
.footer-privacy p, .footer--front-2 .footer-privacy{margin-bottom:0;}

@media only screen and (min-width: 1200px){
    section.section {
      padding: 80px 0;
    }
}
@media only screen and (min-width: 900px){
    section.section {
      padding: 40px 0;
    }
}
 @media only screen and (max-width: 575px) {
.promo-slider__nav-holder{display:none!important;}
.team-item--style-2 .team-item__socials{
    opacity: 1 !important ;
    -webkit-transform: translateX(0px)!important;
    transform: translateX(0px)!important;
}
}

 @media only screen and (max-width: 500px) {
 h4, .heading__title, .promo-primary__title, .promo-slider__item--style-2 .promo-slider__title span:first-of-type, .promo-slider__item--style-2 .promo-slider__title span:nth-of-type(2), .blog-item__title{font-size:28px;line-height:140%;}

}

 @media only screen and (max-width: 400px) {
 h4, .heading__title , .promo-primary__title, .promo-slider__item--style-2 .promo-slider__title span:first-of-type, .promo-slider__item--style-2 .promo-slider__title span:nth-of-type(2), .blog-item__title{font-size:24px;line-height:140%;}
}

@media only screen and (max-width: 767.98px) {
    .career-item .button{margin:0;}
    #inzoom-container {height:400px;}
    #inzoom-container img.interactive-image{  
        scale: 0.6;
        margin-left: -110px;
    }
    .landinfo{z-index:99;}
    
.footer--front-2 .footer-menu__item {
  width: auto;
  display: list-item;
  text-align: center;
  margin: 4px auto;
  padding: 0 20px;
}
}


.contactInfo a{font-size:13px; line-height:200%;color:#333!important; }

/*}*/