@font-face {
    font-family: 'JF Flat';
    src: url('fonts/JFFlat-Regular.eot');
    src: url('fonts/JFFlat-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/JFFlat-Regular.woff2') format('woff2'),
        url('fonts/JFFlat-Regular.woff') format('woff'),
        url('fonts/JFFlat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{
    font-family: 'JF Flat';
    letter-spacing: 1px;
}
.header-logo a{
    color:a08685;
    font-size: xx-large;
    font-family: unset;
}
html section.section-dark{
    background-color: #f7f7f7 !important;
    border-color: #f7f7f7 !important;
}
#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a{   
     color: rgb(9, 9, 9);
    font-size: x-large;
    font-weight: bold;
    background: #99e2b4;

}

#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a:hover{
    background: #99e2b4;
}
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul > li:hover > a {
    color: rgb(56, 148, 53) !important;
}
   
html .bg-color-dark, html .bg-dark {
    background-color: #c5e1d4 !important;
}
      .carousel {
        height: 100vh;
            width: 100%;
        }
    
    
    ul.slides {
        display: block;
        position: relative;
        height: 600px;
        margin: 0;
        padding: 0;
        overflow: hidden;
        list-style: none;
    }
    
    .slides * {
        user-select: none;
        -ms-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -webkit-touch-callout: none;
    }
    
    ul.slides input {
        display: none; 
    }
    
    
    .slide-container { 
        display: block; 
    }
    
    .slide-image {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 0;
        transition: all .7s ease-in-out;
    }   
    
    .slide-image img {
        width: auto;
        min-width: 100%;
        height: 100%;
    }
    
    .carousel-controls {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        font-size: 100px;
        line-height: 600px;
        color: #fff;
    }
    
    .carousel-controls label {
        display: none;
        position: absolute;
        padding: 0 20px;
        opacity: 0;
        transition: opacity .2s;
        cursor: pointer;
    }
    
    .slide-image:hover + .carousel-controls label{
        opacity: 0.5;
    }
    
    .carousel-controls label:hover {
        opacity: 1;
    }
    
    .carousel-controls .prev-slide {
        width: 49%;
        text-align: left;
        left: 0;
    }
    
    .carousel-controls .next-slide {
        width: 49%;
        text-align: right;
        right: 0;
    }
    
    .carousel-dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 20px;
        z-index: 999;
        text-align: center;
    }
    
    .carousel-dots .carousel-dot {
        display: inline-block;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #fff;
        opacity: 0.5;
        margin: 10px;
    }
    
    input:checked + .slide-container .slide-image {
        opacity: 1;
        transform: scale(1);
        transition: opacity 1s ease-in-out;
    }
    
    input:checked + .slide-container .carousel-controls label {
         display: block; 
    }
    
    input#img-1:checked ~ .carousel-dots label#img-dot-1,
    input#img-2:checked ~ .carousel-dots label#img-dot-2,
    input#img-3:checked ~ .carousel-dots label#img-dot-3,
    input#img-4:checked ~ .carousel-dots label#img-dot-4,
    input#img-5:checked ~ .carousel-dots label#img-dot-5,
    input#img-6:checked ~ .carousel-dots label#img-dot-6 {
        opacity: 1;
    }
    
    
    input:checked + .slide-container .nav label { display: block; }
    .carousel-caption{
        font-size: xxx-large;
        margin: auto;
        margin-bottom: 20%;
        background-color: #00000052;

    }
    html section.section-dark h5{
        color: black;
        font-family: 'JF Flat';
    }
    .mb-3,.my-3 {
        margin-bottom: 5rem !important;
    }
    .mb-1, .my-1 {
        margin-bottom: 7.25rem !important;
        padding-top: 5%;
    }
    .owl-carousel.carousel-center-active-item-2 .owl-item.active > div * {
        color: #FFF !important;
        text-align: center;
    }
    .owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
        background-image: linear-gradient(150deg, #4a5863 0%, #22495c 30%, #5091c5 70%, #8cacc5 100%) !important;
    }
    #footer a:not(.btn):not(.no-footer-css){
        color: black;
        font-size:x-large;
        margin: 20px;
    }
    #footer a:not(.btn):not(.no-footer-css):hover{
        color: green;
        font-size:x-large;
    }
    .appear-animation-visible,.html section.section-dark p{
        font-size: large;
        color:black;
        font-family: 'JF Flat';
    }


. mb-5 p {
    color: green;
}

.sticky-header-active .header-logo img {
	height: 65px!important;
}

div.row div h2, div.row div h5 {
    margin-bottom: 18px!important;
}