/* --------------------------------------------------------------------------
 * BODY
 * -------------------------------------------------------------------------- */

    body {
        font-size: 20px;
        text-align: center;
        background: #0E5588;
        color: #202020;
        font-family: 'Jaldi', sans-serif;
    }
    
    @media screen and (max-width: 800px) {
        
        body { 
            font-size: 17px;
        }
    }
    
    @media screen and (max-width: 600px) {
        
        body { 
            font-size: 17px;
        }
    }
    
    @media screen and (max-width: 350px) {
        
        body { 
            font-size: 16px;
        }
    }

    
/* --------------------------------------------------------------------------
 * CAPTIONS LAYOUT
 * -------------------------------------------------------------------------- */
    
    h1 {
        color: #0E5588;
        font-size: 175%;
        font-weight: bold;
        margin-bottom: 1em;
        text-align: center;
    }
    
    h2 {
        margin: 1.75em 0px 1.25em 0px;
        font-weight: 400;
        font-size: 1.5em;
        color: #1e73be;
    }
        
    h3 {
        margin: 2em 0px 1.25em 0px;
        font-size: 1em;
        font-weight: 400;
        color: #1e73be;
    }
    
    
    @media screen and (max-width: 600px) {
        
        h1 {
            font-size: 2.2em;
        }

        h2 {
            font-size: 1.4em;
        }

        h3 {
            font-size: 1em;
        }

    }
    

    
/* --------------------------------------------------------------------------
 * HR
 * -------------------------------------------------------------------------- */

    hr {
        height: 2px;
        color: red;
        background: #D5ACB1;
        border: 0px;
        margin: 5em 0px 4em 0px;
    }
    
    
/* --------------------------------------------------------------------------
 * BASE TABLE
 * -------------------------------------------------------------------------- */

    .base-table  {
        max-width: 100%;
        width: 100%;
        border-collapse: collapse;
        margin: 2em 0px;
    }

    .base-table tr  {
        border: none;
    }

    .base-table th  {
        border-top: 1px solid #84929F;
        border-bottom: 1px solid #84929F;
        padding: 10px 10px;
    }
    
    .base-table th:first-child {
        padding-left: 0px;
    }
    .base-table th:last-child {
        padding-right: 0px;
    }

    .base-table td  {
        border-top: 1px solid #84929F;
        border-bottom: 1px solid #84929F;
        padding: 10px 10px;
    }
    
    .base-table td:first-child {
        padding-left: 0px;
    }
    .base-table td:last-child {
        padding-right: 0px;
    }

    
/* --------------------------------------------------------------------------
 * MAIN LAYOUT
 * -------------------------------------------------------------------------- */
        
    #main {
        overflow: hidden;
        background: #FFFFFF;
        padding-top: 80px;
    }
        
    .body-no-hp  #main {
        background: #F0F3EE;
    }

    .content-frame {
        text-align: left;
        max-width: 1280px;
        margin: 0px auto;
        box-sizing: border-box;
    }    
    
    
    .content-frame img {
        max-width: 100%;
        height: auto;
    }
    
  
    .content-text-frame {
        padding: 40px 65px;
        box-sizing: border-box;
    }    
    
    @media (max-width: 1024px) {
            .content-text-frame {
                padding: 40px 60px;
                box-sizing: border-box;
            }    
    }
    
   
    
    @media (max-width: 800px) {
            .content-text-frame {
                padding: 40px 3%;
                box-sizing: border-box;
            }    
    }
    
  

/* --------------------------------------------------------------------------
 * HEADER
 * -------------------------------------------------------------------------- */

    #header-strip {
       min-height: 80px; 
       position: fixed;
       z-index: 1;
       padding: 0px;
           
    }
    
    .body-hp #header-strip {
        background: rgba(255, 255, 255, 0.9);  
    }
    
    .body-no-hp #header-strip {
        background: rgba(255, 255, 255, 0.9);  
    }
    
    @media (max-width: 640px) {
        
        .body-hp #header-strip {
            background: rgba(255, 255, 255, 0.95);  
        }
        .body-no-hp #header-strip {
            background: rgba(255, 255, 255, 0.95);  
        }
    }
    
    #header {
        min-height: 80px;
        padding: 0px 0px;
        color: #FFFFFF;
        width: 100%;
        position: relative;
    }

    #header-top-strip {
        height: 80px;
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }
    
    #header-right-box {
        display: flex;
        align-items: center;
    }

    #menu {
        margin-right: 20px;
        box-sizing: border-box;
    }
    
    
    #header-bottom-strip {
        /*display: flex;*/
        display: none;
        width: 100%;
        justify-content: space-between;
        /*padding-top: 20px;*/
        /*bottom: 10px;*/
    }
    
    #logo {
        display: flex;
        align-items: center;
        padding: 0px 0px 0px 30px;
    }
    
    #logo a {
        color: #fbc800;
        text-decoration: none;
    }
    
    #logo img { 
        display: block;
    }
    
    
    @media (max-width: 991px) {
          
        #menu {
            display: none;
        }
        
        #logo {
            padding: 0px 0px 0px 0px;
        }
    
    }
    

/* --------------------------------------------------------------------------
 * HEADER MENU
 * -------------------------------------------------------------------------- */

    #menu {
        text-transform: uppercase;
        padding-left: 30px;
        font-size: 100%;
        font-weight: bold;
    }

    #menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        display: flex;
    }

    #menu li {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    
    #menu a {
        color: #0E5588; 
        text-decoration: none;
        display: block;
        height: 80px;
        padding: 45px 15px 0px 15px;
        box-sizing: border-box;
    }
    
    #menu a.selected {
        color: #487629;
    }
    
    #menu a:hover {
        color: #FFFFFF;
        background: #0E5588;
    }
    
    #menu a.selected:hover {
        color: #FFFFFF;
        background: #0E5588;
    }
    
 

/*    #menu li:not(:last-child) a:after {
        content: "";
        padding-left: 5px;
        padding-right: 5px;
    }
*/

    
    @media (max-width: 991px) {

        #menu {
            padding-bottom: 1em;
            padding-left: 0px;
        }

    }
    
    
/* --------------------------------------------------------------------------
 * HEADER MENU ROLLOVER
 * -------------------------------------------------------------------------- */

    #menu ul {
        /*position: relative;*/
        margin: 0;
        list-style:none;
    }

    #menu li {
        display: inline-block;
        /*position: relative;*/
    }
    
    #menu > ul  > li > ul {
        border-top: 2px solid #0E5588;
        background: #FFFFFF; 
        position: absolute;
        display: none;
        /*display: flex;*/
        justify-content: space-between;
        margin: 0;
        left: 0px;
        width: 100%;
        padding: 30px 40px;
        text-transform: none;
        font-size: 100%;
    }
    
    #menu > ul  > li:hover > ul {
        display: flex;
    }
    
    #menu > ul  > li > ul ul {
        display: block;
    }
    
    
    #menu > ul  > li > ul li {
        display: block;
    }
    
    #menu > ul  > li > ul a {
         padding: 8px 0px;
         height: auto;
    }
    
    #menu > ul  > li > ul a:hover {
         background: none;
         color: #487629;
    }
    
    #menu > ul  > li > ul > li > a {
         border-bottom: 2px solid #487629;
         color: #487629 ;
         text-transform: uppercase;
    }
    
    #menu > ul  > li > ul > li >  ul {
         padding-top: 15px;
    }
        
    #menu > ul  > li > ul > li >  ul a {
        padding: 2px 0px;
        font-size: 95%;
        font-weight: normal;
        color: #404040;
         
    }
    
/* --------------------------------------------------------------------------
 * HEADER MENU MOBILE
 * -------------------------------------------------------------------------- */


        
    #menu-mobile-part {
        display: none;
    }
    
    @media (max-width: 991px) {
        
        #menu-mobile-part {
            display: block;
        }
        
        #header-bottom-strip {
            display: flex;
        }
    }
    

    #menu-mobile {
        text-transform: uppercase;
        padding-bottom: 1.5em;
        font-weight: bold;
    }

    #menu-mobile ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        display: flex;
    }

    #menu-mobile li {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    
    #menu-mobile a {
        color: #0f5587; 
        text-decoration: none;
        display: block;
        padding: 5px 0px;
    }
    
    #menu-mobile a:hover {
        color: #487629;
    }
    
    #menu-mobile a.opened {
        color: #487629;
    }
    
    #menu-mobile a.selected {
        color: #487629;
    }

    
    #menu-mobile ul.menu-divider-level-2 {
       margin-left: 30px;
    }
    
    #menu-mobile ul.menu-divider-level-2  ul {
       margin-left: 30px;
    }
    
/* --------------------------------------------------------------------------
 * SEARCH BOX
 * -------------------------------------------------------------------------- */
    

    #search-form {
        display: inline-flex;
        justify-content: flex-end;
    }

    @media (max-width: 991px) {

        #search-form {
            display: none;
        }

    }

    .menu-search-button {
        width: 80px;
        height: 80px;
        padding: 0px;

        background-image: url('../img/searchG.svg');
        background-position: center 40px;
        background-repeat: no-repeat;
        background-color: transparent;
        cursor: pointer;
        outline: none !important;
        border: none;
        vertical-align: middle;
    }

    .menu-search-input {
        height: 80px;
        background-color: transparent;
        border: 0;
        outline: none;
        color: #487629;
        border: none;
        padding: 30px 0px 0px 0px;
        vertical-align: middle;
        margin-right: 10px;
        width: 250px;
        
        
    }
    
    #menu-search-input {
        display: none;
    }
    
    
    .menu-search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #487629;
        opacity: 1; /* Firefox */
    }

    .menu-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #487629;
    }

    .menu-search-input::-ms-input-placeholder { /* Microsoft Edge */
        color: #487629;
    }

    #search-box {
        margin-right: 0px;
        box-sizing: border-box;
        height: 80px;
        box-sizing: border-box;
    }
    
    .search-box-opened #menu-search-button {
        background-color: #487629;
        background-image: url('../img/searchW.svg');
        background-position: center 30px;
    }
    
    
    
    #search-box.search-box-opened {
       padding-left: 20px;
       background: #DAE4D4;
    }

    #menu-search-input.expanded {
        /*width: 250px;*/
        width: 50%;
        position: absolute;
        background: #dae4d4;
        padding-left: 20px;
        right: 80px;
    }

    #menu-toggle-button {
        outline: none;
        border-color: rgba(0, 0, 0, 0.3);
        border-radius: 0;
        border-radius: 6px;
    }
    
    #search-form-mobile {
        padding-bottom: 0px;
        border-bottom: 2px solid #487629;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.5em;
        margin-top: -20px;
    }
    
    #search-form-mobile .menu-search-input {
        width: 100%;
    }

    @media (max-width: 1280px) {
        
        
        #menu-search-input.expanded {
            width: 60%;;
        }
     

        
    }
    
    @media (max-width: 1105px) {
        
        #menu ul li {
            font-size: 85%;
        }

    }

    @media (max-width: 991px) {

        #menu ul li {
            font-size: 100%;
        }

        #menu li:not(:last-child) a:after {
            content : "";
        }

    }
    
/* --------------------------------------------------------------------------
 * BREADCRUMB
 * -------------------------------------------------------------------------- */    

    #breadcrumb-box {
        padding: 12px 65px 12px 65px;
        font-size: 100%;
        color: #808080;
    }
    
    #breadcrumb-box ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
    
    #breadcrumb-box li {
        list-style: none;
        padding: 0px;
        margin: 0px 12px 0px 0px;
        display: inline-block;
    }
    
    #breadcrumb-box li a {
        display: block;
        color: #808080;
    }
    
    #breadcrumb-box li:last-child a {
        color: #477723;
    }
    
    #breadcrumb-box li:not(:last-child) a {
        padding-right: 27px;
        background: url('../img/arrow-grey.svg') no-repeat right 53%;
        background: url('../img/arrow-grey.svg') no-repeat right 1px top 53%;
        background-size: 15px;
    }
    
    @media screen and (max-width: 1024px) {
        
        #breadcrumb-box {
            padding: 1em 20px 12px 60px;
        }
    }

    @media screen and (max-width: 800px) {
        
        #breadcrumb-box {
            padding: 1em 10px 12px 3%;
        }
    }


/* --------------------------------------------------------------------------
 * FOOTER
 * -------------------------------------------------------------------------- */
    
    #footer {
        clear: both;
        padding: 30px 50px 20px 50px;
        background: #0E5588;
        color: #87AAC4;
        text-align: center;
        font-size: 95%;
    }
 
    #footer img {
        opacity: 0.5;
        margin: 0px 2px;
    }
 
    #footer a {
        color: #87AAC4;
        text-decoration: none;
    }

    #footer a:hover { 
        color: #87AAC4;
        text-decoration: underline;
    }
    
    #footer p {
        margin-bottom: 1em;
    }
    
    #footer p:last-child {
        margin-bottom: 0px;
    }
    
    @media screen and (max-width: 768px) {
        
        #footer {
            padding: 40px 5%;
        }

    }

    
/* --------------------------------------------------------------------------
 * MOBILE
 * -------------------------------------------------------------------------- */
       
    
    @media screen and (max-width: 988px) {
        
        #header-strip {
            min-height: 80px; 
        }
        
        #main {
            padding-top: 80px;
        }
    
        #header {
            min-height: 80px;
            padding: 0 15px;
        }
        
        #logo {
            height: 60px;
        }
        
        #menu {
          /*  display: none;*/
        }
        
        #logo {
            font-size: 7vw;
        }
    }

    @media screen and (max-width: 400px) {
        #logo {
             width: 70%;
        }

        #logo a img{
            width: 90%;
        }
    }
    
/* --------------------------------------------------------------------------
 * LINKS
 * -------------------------------------------------------------------------- */

    body a {
        color: #487629;
    }
    
            
    body a:hover {
        color: #477729;
    }
    
            
/* --------------------------------------------------------------------------
 * SLIDESHOW
 * -------------------------------------------------------------------------- */


    #slideshow-strip {
        background: #a0978c;
        margin-top: 0px;
        position: relative;
    }

    #slideshow {
        margin: -80px auto 0px auto;
    }
    
    .carousel-image-container {
        height: 580px;
        background-position: bottom;
        background-size: cover;
    }
    
    #slideshow .carousel-item .carousel-image-container a {
        display: block;
        height: 580px;
    }

    .slideshow-text {
        color: #B3B3B3;
        text-shadow: 1px 1px 1px #1f0e29;
        position: absolute;
        text-align: center;
        width: 100%;
        font-size: 130%;
        line-height: 150%;
    }
    
    .slideshow-text-inner {
        max-width: 1280px;
        box-sizing: border-box;
        padding-top: 65px;
        padding-left: 70px;
        padding-right: 340px;
        margin: 0px auto;
        text-align: left;
        font-weight: 300;
    }
    
    .slideshow-text-inner h2 {
        color: inherit;
        font-size: 75%;
        font-weight: 300;
        margin: 0px 0px 1.25em 0px;
        text-transform: none;
    }
    

    #slideshow .carousel-item img {
        margin: 0px -100%;
    }
    
    .slideshow-wattermark {
        position:absolute;
        z-index: 100;
        left:0px; 
        top:0px; 
        width:100%;
        height: 600px;
        display: flex; 
        justify-content: center; 
        align-items: center;
    }
    
    .slideshow-wattermark img {
        height: 300px;
    }
    
    @media screen and (min-width: 1600px) {
        
        .carousel-image-container {
            background-position: 50% 90%;
        }
    }
    
    @media screen and (max-width: 800px) {
        
        .slideshow-text-inner {
            padding: 65px 15% 0px 70px; 
        }
    }
    @media screen and (max-width: 640px) {
        
        .slideshow-text-inner {
            padding: 5% 5% 0px 5%; 
            font-size: 85%;
            line-height: 145%;
        }
        
        .slideshow-text-inner h2 {
            font-size: 90%;
            line-height: 120%;
        }
    }
    
    @media screen and (max-width: 600px) {

        #slideshow-strip {
            margin-top: 0px;
        }
        
        #slideshow .carousel-item .carousel-image-container {
            height: 300px
        }
        
        #slideshow .carousel-item .carousel-image-container a {
            display: block;
            height: 300px;
        }
        
        #slideshow .carousel-indicators {
            bottom: -10px;
        }
        
        #slideshow .carousel-control-prev-icon {
            display: none;
        }
        #slideshow .carousel-control-next-icon {
            display: none;
        }

        #slideshow .carousel-item .slideshow-wattermark {
            height: 0px;
            top: 60px;
            height: 250px;
        }
        
        #slideshow .carousel-item .slideshow-wattermark img {
                width: 85%;
                height: auto;
        }
        
    }

/* --------------------------------------------------------------------------
 * PAGINATOR
 * -------------------------------------------------------------------------- */ 


    .paginator {
        margin: 0px;
        padding: 4em 0px 4em 0px;
        color: #487629;
        text-align: center;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .paginator span {
        text-align: center;
        display: inline-block;
        padding: 0.25em 0.25em;
        line-height: 100%;
    }
    
    .paginator .previous-page  {
        
    }
    
    .paginator .first-page:after {
        content: "...";
        text-align: center;
        display: inline-block;
        padding: 0.25em 0.25em;
        line-height: 100%;
    }
    
    .paginator .last-page:before {
        content: "...";
        text-align: center;
        display: inline-block;
        padding: 0.25em 0.25em;
        line-height: 100%;
    }

    .paginator .current-page  {
        font-weight: bold;
        color: #FFFFFF;
    }
    
  
    .paginator span a {
        color: #487629;
        background: transparent;
        margin: 0 0.25em;
        display: inline-block;
        padding: 0.5em 0.75em;
    }
    
    
    
    .paginator span.previous-page a {
        
    }
    
      
    .paginator span.previous-page img {
        margin: 0px 0.3em 0px 0px;
    }
    
    
    .paginator span.next-page a {
        
    }
    
    .paginator span.next-page img {
        margin: 0px 0px 0px 0.3em;
    }
    
   .paginator span.current-page a {
        background: #487629;
        color: #FFFFFF;
        border-radius: 5px;
    }
    
    .paginator span.disabled {
        opacity: 0.5;
    }
    
    .paginator span.previous-page.disabled a {
     
    }
    
    .paginator span.next-page.disabled a {
     
    }
    
  
  
    .paginator span a:hover {
        text-decoration: none;
    }
    
    .paginator span .label {
       padding: 0px;
       margin: 0px;
    }
    
   @media screen and (max-width: 600px) {
 
       .paginator .label {
           /* display: none; */
       }

        
    }
    
        

/* --------------------------------------------------------------------------
 * IMAGES
 * -------------------------------------------------------------------------- */
 
    .image-center {
        margin: 1em auto;
        max-width: 100%;
    }

    .image-left {
        float: left;
        margin: 0px 0px 20px 20px;
        max-width: 60%;
    }
    
    
    .image-right {
        float: right;
        margin: 0px 0px 20px 20px;
        max-width: 60%;
    }
    
    @media screen and (max-width: 600px) {
 
       .image-left {
           width: 100%;
           max-width: 100%;
           margin: 1em auto;
           float: none;
       }
        
 
       .image-right {
           width: 100%;
           max-width: 100%;
           margin: 1em auto;
           float: none;
       }
        
    }
    
/* --------------------------------------------------------------------------
 * TABLE
 * -------------------------------------------------------------------------- */
 
    @media screen and (max-width: 600px) { 
    
      .mobile-table td {
        display: block;
      }
      
    }