@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700&display=swap');
@font-face {
    font-family: 'Amsterdam Four';
    src: url('../fonts/Amsterdam_Four/Amsterdam_Four.eot');
    src: local('Amsterdam_Four'), local('../fonts/Amsterdam_Four/Amsterdam_Four'),
        url('../fonts/Amsterdam_Four/Amsterdam_Four.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Amsterdam_Four/Amsterdam_Four.woff2') format('woff2'),
        url('../fonts/Amsterdam_Four/Amsterdam_Four.woff') format('woff'),
        url('../fonts/Amsterdam_Four/Amsterdam_Four.ttf') format('truetype'),
        url('../fonts/Amsterdam_Four/Amsterdam_Four.svg#Amsterdam_Four') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
:root{
    --primary-color:#443323;
    --secondary-color:#98be57;
    --tertiary-color:#553c3c;
    --text-color:#7c845c;
    --primary-font:"Amsterdam Four",sans-serif;
    --secondary-font:"Abril Fatface",sans-serif;
    --tertiary-font:"Mulish",sans-serif;
    --swiper-theme-color:#fff;
    --zeta-font:var(--tertiary-font);
    --zeta-font-size:1rem;
}

body.loading{
    overflow: hidden;
}

h1{
    font-family:var(--secondary-font);
    font-weight:normal;
    text-transform:capitalize;
}

h6{
    font-family:var(--primary-font);
    font-size:1.5rem;
}

p{
    color:var(--text-color);
}

p > a{
    color:var(--secondary-color);
    text-decoration:none;
    transition:color 0.3s ease-in;
}

p > a:hover,
p > a:focus,
p > a:active{
    color:var(--primary-color);
}

figure{
    margin:0;
}

nav{
    background-color:transparent;
    box-shadow:none;
    transition:all 0.3s ease-in-out;
}

nav.active{
    background-color:#fff;
    box-shadow:0 0 15px rgb(124,132,92,0.3);
}

nav.active > .nav-wrapper > .badge > p{
    color:var(--primary-color);
}

nav.active > .nav-wrapper > .modules > ul > li > a{
    color:var(--tertiary-color);
}


nav > .nav-wrapper > .badge{
    text-decoration:none;
}

nav > .nav-wrapper > .badge > h6{
    color:var(--secondary-color);
}

nav > .nav-wrapper > .badge > p{
    margin:0 0 0 1rem;
    font-family:var(--secondary-font);
    font-size:1.25rem;
    color:var(--primary-color);
}

nav > .nav-wrapper > .modules > ul > li > a{
    font-size:1.1rem;
    font-weight:600;
    color:#fff;
    position:relative;
    overflow: hidden;
}

nav > .nav-wrapper > .modules > ul > li > a > span{
    margin-left:0.5rem;
}

nav > .nav-wrapper > .modules > ul > li > a::after{
    display:block;
    content:"";
    width:100%;
    height:3px;
    border-radius:3px;
    background-color:var(--secondary-color);
    position:absolute;
    top:1.5rem;
    left:-100%;
    transition:left 0.3s ease-in-out;
}

nav > .nav-wrapper > .modules > ul > li > a:hover,
nav > .nav-wrapper > .modules > ul > li > a:focus,
nav > .nav-wrapper > .modules > ul > li > a:active{
    background-color:transparent;
    color:var(--secondary-color);
}

nav > .nav-wrapper > .modules > ul > li > a:hover::after,
nav > .nav-wrapper > .modules > ul > li > a:focus::after,
nav > .nav-wrapper > .modules > ul > li > a:active::after{
    left:0;
}

section h6,
.window h6{
    color:var(--secondary-color);
}

section h2,
.window h2{
    margin-bottom:1rem;
    font-family:var(--secondary-font);
    font-weight:500;
    color:var(--primary-color);
}

form input,
form select,
form textarea{
    background-color:#fff;
    transition:border-color 0.3s ease-in;
}

form input.error,
form select.error{
    border-color:var(--secondary-color);
}

form input:focus,
form select:focus,
form textarea:focus{
    border-color:var(--secondary-color);
}

.radio{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    margin:0.35rem;
    background-color:#fff;
    border-radius:50%;
    border:2px dashed rgb(124,132,92,0.3);
    cursor:pointer;
}

.radio.active{
    background-color:var(--primary-color);
}

.radio.active label{
    color:#fff;
}

.radio label{
    margin:0;
}

.radio input[type="radio"]{
    display:none;
}

.radio:first-child{
    margin-left:0;
}

.radio:last-child{
    margin-right:0;
}

.bg-dark{
    background-color:var(--primary-color);
}

.bg-globe{
    background-image: url(../img/shape-2.png);
    background-repeat:no-repeat;
    background-position-x:left;
    background-position-y:top;
    background-size: contain;
}

.bg-leaf{
    background-image: url(../img/shape.png);
    background-repeat:no-repeat;
    background-position-x:left;
    background-position-y:top;
    background-size: contain;
}

.bg-dark h2{
    color:#fff;
}

.bg-dark p{
    color:#fff;
}

.align-r{
    text-align:right;
    justify-content:right;
}

.align-c{
    text-align:center;
    justify-content:center;
}

.background{
    width:inherit;
    height:inherit;
    overflow: hidden;
}

.section-white-shape{
    position:relative;
}

.section-white-shape > img.white-shape{
    position: absolute;
    top:0;
    left:0;
    z-index:3;
}

.background > img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}

.button{
    padding:0.5rem 1.5rem;
    width:auto;
    height:60px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color:transparent;
    border:0;
    font-family:var(--tertiary-color);
    font-weight:600;
    text-decoration:none;
    border-radius:30px;
    transition:all 0.3s ease-in-out;
}

.button > span{
    margin-left:0.5rem;
    font-size:1.5rem;
}

.button.primary{
    background-color:var(--primary-color);
    color:#fff;
    border:2px solid var(--primary-color);
}

.button.primary:hover,
.button.primary:focus,
.button.primary:active{
    color:var(--primary-color);
    background-color: transparent;
}

.button.secondary{
    background-color:var(--secondary-color);
    color:#fff;
    border:2px solid var(--secondary-color);
}

.button.secondary:hover,
.button.secondary:focus,
.button.secondary:active{
    color:var(--secondary-color);
    background-color: transparent;
}

.button.tertiary{
    background-color:var(--tertiary-color);
    color:#fff;
    border:2px solid var(--tertiary-color);
}

.button.tertiary:hover,
.button.tertiary:focus,
.button.tertiary:active{
    color:var(--tertiary-color);
    background-color: transparent;
}

.owl-carousel button{
    width:auto;
}

.owl-theme .owl-dots .owl-dot span{
    width:15px;
    height:15px;
    border-radius:50%;
    background-color:transparent;
    transition:all 0.3s ease-in;
}

.owl-theme button span{
    border:5px solid var(--secondary-color);
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
    background-color:var(--secondary-color);
}

#preloader{
    position:fixed;
    height:100vh;
    background-color:var(--tertiary-color);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
    visibility:visible;
    opacity:1;
    transition:all 0.5s ease-in-out;
}

#preloader.ready{
    visibility:hidden;
    opacity:0;
}

#preloader h6{
    color:var(--secondary-color);
    font-size:2rem;
    margin-bottom:1.5rem;
}

#preloader h2{
    color:#fff;
    font-family:var(--secondary-font);
    font-weight:400;
}

#map{
    height:500px;
}

.posts-box .post-box{
    box-shadow:0 0 15px rgb(124,132,92,0.3);
}

.posts-box .post-box .background{
    height:300px;
    border-radius:8px 8px 0 0;
}

.posts-box .post-box .body{
    position:relative;
    height:180px;
    border-radius:8px;
}

.posts-box .post-box .body .inner{
    display:block;
    position:absolute;
    top:0;
    left:0;
    height:inherit;
    z-index:2;
    padding:1rem;
    text-decoration:none;
    border-radius:inherit;
}

.posts-box .post-box .body .inner h5{
    font-family:var(--secondary-font);
    font-weight:400;
    color:var(--tertiary-color);
    transition:color 0.3s ease-in;
    margin:0;
}

.posts-box .post-box .body .inner p{
    transition:color 0.3s ease-in;
    margin-bottom:0.5rem;
}

.posts-box .post-box .body::after{
    display:block;
    content:"";
    position:absolute;
    top:180px;
    left:0;
    width:inherit;
    height:inherit;
    z-index:1;
    background-color:var(--primary-color);
    border-radius:inherit;
    transition:top 0.3s ease-in-out;
}

.posts-box .post-box:hover .body::after,
.posts-box .post-box:focus .body::after,
.posts-box .post-box:active .body::after{
    top:-10px;
}

.posts-box .post-box:hover .body .inner h5,
.posts-box .post-box:focus .body .inner h5,
.posts-box .post-box:active .body .inner h5{
    color:#fff;
}

.posts-box .post-box:hover .body .inner p,
.posts-box .post-box:focus .body .inner p,
.posts-box .post-box:active .body .inner p{
    color:#fff;
}

.filter-w{
    filter:brightness(0) invert(1);
}

footer h4{
    margin-bottom:2rem;
    font-family:var(--secondary-font);
    font-weight:500;
    color:var(--primary-color);
}

footer h5{
    color:var(--primary-color);
}

footer h5 span{
    color:var(--secondary-color);
}

footer ul{
    list-style-type:none;
    padding:0;
    margin:0;
}

footer ul li a{
    display:block;
    padding:0.5rem 0;
    color:var(--text-color);
    text-decoration:none;
    transition:color 0.3s ease-in;
}

footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active{
    color:var(--primary-color);
}

footer ul li a span{
    margin-right:0.25rem;
    transition:color 0.3s ease-in;
}

footer ul li a:hover span,
footer ul li a:focus span,
footer ul li a:active span{
    color:var(--secondary-color);
}

footer hr{
    margin:2rem 0 4rem 0;
    background-color:transparent;
    border-bottom:2px dashed rgb(124,132,92,0.8);
}

footer > .row:last-child p{
    margin-bottom:0;
}

footer > .row:last-child h6{
    color:var(--secondary-color);
}

footer > .row:last-child h3{
    margin-bottom:0;
    margin-top:1rem;
    font-family:var(--secondary-font);
    font-weight:500;
    color:var(--primary-color);
}

footer .box{
    margin-bottom:1rem;
}

footer .box .background{
    width:100%;
    height:100px;
    border-radius:8px;
}

footer .box p{
    margin-top:0.25rem;
    margin-bottom:0;
}

footer .box a{
    color:var(--primary-color);
    font-size:1.1rem;
    font-weight:500;
    text-decoration:none;
    transition:color 0.3s ease-in;
}

footer .box a:hover,
footer .box a:focus,
footer .box a:active{
    color:var(--secondary-color);
}

@media(max-width:991px){
    footer > .row:last-child h3{
        margin-bottom:2rem;
    }
}

@media(max-width:767px){
    footer > .row:last-child .align-r{
        text-align:center;
        justify-content:center;
        margin-top:1rem;
    }
}