/* FFDAB9  228B22*/
html {
    scroll-behavior: smooth;
}
textarea{
    resize: none;
}
a.text-peach:hover{
    text-decoration: none;
    color: #FFDAB9;
}
a.text-green:hover{
    text-decoration: none;
    color: #228B22;
}
.bg-peach{
    background: #FFDAB9;
}
.text-peach{
   color: #FFDAB9;
}
.bg-green{
    background: #228B22;
}
.text-green{
   color: #228B22;
}
.un, .ung {
    display: inline-block;
}
.cursor-pointer {
    cursor: pointer;
}
.un:after {
    content: '';
    width: 0px;
    height: 1px;
    display: block;
    background: #FFDAB9;
    transition: 300ms;
}
.ung:after {
    content: '';
    width: 0px;
    height: 1px;
    display: block;
    background: #228B22;
    transition: 300ms;
}
.un:hover:after, .ung:hover:after {
    width: 100%;
}
main{
    margin-top: 89px;
}
.carousel-item{
    height:850px;
}
.carousel-item img{
    height:850px;
    object-fit: cover;
}
#map {
    height: 500px;
}
.back-to-top {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
}
.back-to-top:hover i{
    color: #FFDAB9;
}
.back-to-top i {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 15px;
    border-radius: 2px;
    text-align: center;
    background-color: #228B22;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.navbar .navbar-toggler{
    border: 1px solid #228B22;
}
.navbar .navbar-toggler:not(.collapsed) .fa-bars:before {
    content: "\f00d";
    color: #228B22;
}
.navbar .navbar-toggler:not(.collapsed) .right-nav{
    display:none;
}
.navbar-nav .nav-link{
    float: right;
}
.navbar{
    transition: all 0.5s;
}
.scrollUp{
    transform: translateY(-89px);
}
.hideme{
    opacity:0.1;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
	background-image: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0.1));
}
.carousel-caption h1, .carousel-caption h4{
    text-shadow: 1px 2px 2px #000000;
}
@media (max-width: 1200px) {
    .carousel-item, .carousel-item img{
        height:650px;
    }
}
@media (max-width: 992px) {
    .carousel-item, .carousel-item img{
        height:550px;
    }
}
@media (max-width: 767px) {
    .carousel-item, .carousel-item img{
        height:450px;
    }
}
@media (max-width: 500px) {
    .carousel-item, .carousel-item img{
        height:400px;
    }
}