@font-face {
    font-family: "Lato-Regular";
    src: url(../res/Lato-Regular.woff2);
}
@font-face {
    font-family: "Lato-Bold";
    src: url(../res/Lato-Bold.woff2);
}

body{
    background-color:#fff;
}

.header-section{
    width:100%;
    height:auto;
    font-size:0;
}
.navbar-general{
    position:relative;
    width:100%;
    height:75px;
    background-color:#fff;
}
.navbar-inner{
    display:flex;
    align-items:center;
    width:100%;
    height:auto;
    padding:15px;
    margin-left:auto;
    margin-right:auto;
}
.navbar-logo{
    width:auto;
    height:35px;
}
.navbar-logo img{
    width:auto;
    height:100%;
}
.navbar-desktop-links,
.navbar-mobile-button{
    width:auto;
    height:45px;
    margin-left:auto;
    margin-right:0;
}
.navbar-desktop-list{
    display:block;
    list-style:none;
    padding:0;
    margin:0;
}
.navbar-desktop-list li{
    display:inline-block;
    padding:0;
    margin:0;
}
.navbar-desktop-list li:not(:last-child){
    margin-right:35px;
}
.navbar-desktop-list a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:auto;
    height:45px;
    text-decoration:none;
    padding-left:15px;
    padding-right:15px;
    color:#000;
    background-color:#fff;
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.125rem;
    border-radius:7px;
}
.navbar-desktop-list a:hover{
    background-color:#f5f7f3;
}
.navbar-desktop-list a.active{
    color:#fff;
    background-color:#81c12d;
}
.navbar-toggler{
    width:50px;
    height:45px;
    background-color:#fff;
    border-radius:7px;
}
span.navbar-toggler-icon{
    width:33px;
    height:20px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler:hover,
.navbar-toggler.active{
    background-color:#503524;
}
.navbar-toggler:hover .navbar-toggler-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler.active .navbar-toggler-icon{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M8 8 L24 24 M24 8 L8 24'/%3E%3C/svg%3E");
}
.navbar-collapse{
    position:absolute;
    top:75px;
    left:0;
    width:100%;
    z-index:100;
}
.navbar-collapse-content{
    width:100%;
    height:auto;
    padding:0 15px 35px 15px;
    background-color:#fff;
}
.navbar-collapse-line-div{
    width:100%;
    height:auto;
    margin-bottom:35px;
    border-bottom:solid 1px #b7b7b7;
}
.navbar-collapse-list{
    display:block;
    list-style:none;
    padding:0;
    margin:0;
}
.navbar-collapse-list li{
    display:block;
    padding:0;
    margin:0;
}
.navbar-collapse-list li:not(:last-child){
    margin-bottom:35px;
}
.navbar-collapse-list a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:auto;
    padding:10px 25px 10px 25px;
    border-radius:15px;
    border:solid 1px #b7b7b7;
    color:#000;
    background-color:#fff;
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.125rem;
    text-align:center;
    text-decoration:none;
}
.navbar-collapse-list a:hover{
    background-color:#f5f7f3;
}
.navbar-collapse-list a.active{
    color:#fff;
    background-color:#81c12d;
}

@media(min-width:1441px){
    .navbar-inner{
        max-width:1440px;
    }
}
@media(min-width:1281px) and (max-width:1440px){
    .navbar-inner{
        max-width:1280px;
    }
}
@media(min-width:992px) and (max-width:1280px){
    .navbar-inner{
        max-width:991px;
    }
}
@media(min-width:992px){
    .navbar-mobile-button{
        display:none;
    }
}
@media(max-width:991px){
    .navbar-desktop-links{
        display:none;
    }
}
@media(min-width:451px){
    .navbar-inner{
        padding:15px 25px 15px 25px;
    }
    .navbar-logo{
        height:45px;
    }
    .navbar-collapse-content{
        padding:0 25px 35px 25px;
    }
}
@media(max-width:350px){
    .navbar-logo{
        height:10vw;
    }
    .navbar-collapse-list a{
        font-size:5vw;
    }
}

.heading-block{
    width:fit-content;
    height:auto;
    padding:2px 15px 2px 15px;
    margin-bottom:50px;
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.125rem;
    border-radius:15px;
}
.heading-block.green{
    color:#81c12d;
    background-color:rgba(129, 193, 45, 0.15);
    border:solid 1px #81c12d;
}
.heading-block.brown{
    color:#4f3524;
    background-color:rgba(79, 53, 36, 0.15);
    border:solid 1px #4f3524;
}
@media(max-width:350px){
    .heading-block{
        font-size:5.25vw;
    }
}

.footer-section{
    width:100%;
    height:auto;
    font-size:0;
    background-color:#503524;
}
.footer-inner-container{
    width:100%;
    height:auto;
    padding-top:50px;
    padding-bottom:50px;
    margin-left:auto;
    margin-right:auto;
}
.footer-logo-container{
    width:100%;
    height:auto;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:50px;
}
.footer-logo-company-div{
    display:inline-flex;
    vertical-align:top;
    align-items:center;
    justify-content:center;
    width:100px;
    height:100px;
    margin-right:50px;
    text-align:center;
    background-color:#fff;
    border-radius:7px;
}
.footer-logo-company-div img{
    width:100%;
    height:auto;
    object-fit:contain;
}
.footer-logo-rose-div{
    display:inline-flex;
    vertical-align:top;
    align-items:center;
    justify-content:center;
    width:150px;
    height:100px;
    text-align:center;
    background-color:#fff;
    border-radius:7px;
}
.footer-logo-rose-div img{
    width:100%;
    height:auto;
    object-fit:contain;
}
.footer-flex-div{
    width:100%;
    height:auto;
    color:#fff;
}
.footer-inner-left{
    width:100%;
    height:auto;
    padding-left:15px;
    padding-right:15px;
}
.footer-inner-right{
    width:100%;
    height:auto;
    padding-left:15px;
    padding-right:15px;
}
.footer-heading{
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.5625rem;
    margin-bottom:25px;
}
.footer-links-list{
    display:block;
    padding:0;
    margin:0;
    list-style:none;
}
.footer-links-list li{
    display:block;
    width:fit-content;
    padding:0;
}
.footer-links-list li:not(:last-child){
    margin-bottom:25px;
}
.footer-link{
    display:flex;
    align-items:center;
    width:fit-content;
    text-decoration:none;
    color:#fff;
    font-size:0;
}
.footer-link:hover{
    opacity:0.7;
}
.footer-link-icon{
    width:20px;
    height:20px;
    margin-right:10px;
    background-image:url(../res/circle-arrow-right-white.png);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}
.footer-link-text{
    display:block;
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
}
.footer-contact-details-div{
    display:flex;
    align-items:center;
    margin-bottom:25px;
}
.footer-contact-details-icon{
    margin-right:10px;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}
.footer-contact-details-icon.telephone{
    width:23.5px;
    height:25px;
    background-image:url(../res/telephone-icon-white.png);
}
.footer-contact-details-icon.email{
    width:25px;
    height:17.75px;
    background-image:url(../res/email-icon-white.png);
}
.footer-contact-details-heading{
    display:inline-block;
    margin-right:5px;
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
}
.footer-contact-details-info{
    display:inline-block;
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
}
.footer-contact-spacer-div{
    width:100%;
    height:25px;
}
.footer-address-details-div{
    display:flex;
    align-items:flex-start;
}
.footer-address-details-icon{
    width:25px;
    height:28px;
    margin-top:4px;
    margin-right:10px;
    background-image:url(../res/location-icon-white.png);
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
}
.footer-address-details-div p{
    display:inline-block;
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
    line-height:2.1875rem;
    margin:0;
}
.footer-copyright-div{
    width:100%;
    height:auto;
    padding:15px;
    color:#fff;
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1rem;
    text-align:center;
}
@media(min-width:1441px){
    .footer-inner-container{
        max-width:1440px;
    }
}
@media(min-width:1281px) and (max-width:1440px){
    .footer-inner-container{
        max-width:1280px;
    }
}
@media(min-width:992px) and (max-width:1280px){
    .footer-inner-container{
        max-width:991px;
    }
}
@media(min-width:768px){
    .footer-flex-div{
        display:flex;
    }
    .footer-inner-left{
        width:50%;
        padding-right:25px;
        border-right:solid 1px #fff;
    }
    .footer-inner-right{
        width:50%;
        padding-left:25px;
    }
}
@media(max-width:767px){
    .footer-inner-left{
        margin-bottom:50px;
    }
}
@media(min-width:451px) and (max-width:767px){
    .footer-inner-left{
        padding-right:25px;
    }
    .footer-inner-right{
        padding-left:25px;
    }
}
@media(min-width:451px){
    .footer-logo-container{
        padding-left:25px;
        padding-right:25px;
    }
    .footer-inner-left{
        padding-left:25px;
    }
    .footer-inner-right{
        padding-right:25px;
    }
    .footer-copyright-div{
        padding:15px 25px 15px 25px;
    }
}
@media(max-width:350px){
    .footer-logo-container{
        margin-bottom:25px;
    }
    .footer-logo-company-div{
        width:28vw;
        height:28vw;
        margin-right:10vw;
        margin-bottom:25px;
    }
    .footer-logo-rose-div{
        width:44vw;
        height:28vw;
    }
    .footer-heading{
        font-size:7.25vw;
    }
    .footer-link-icon{
        width:5.5vw;
        height:5.5vw;
    }
    .footer-link-text{
        font-size:5.75vw;
    }
    .footer-contact-details-icon.telephone{
        width:6vw;
        height:7.25vw;
    }
    .footer-contact-details-icon.email{
        width:6.5vw;
        height:5vw;
    }
    .footer-contact-details-heading,
    .footer-contact-details-info,
    .footer-address-details-div p{
        font-size:5.75vw;
    }
    .footer-address-details-icon{
        width:6vw;
        height:7vw;
    }
    .footer-copyright-div{
        font-size:4.5vw;
    }
}