div.frontend_container{
    /*padding-bottom: 50px;*/
    min-height: calc(100vh - 282px);
    background-color: #f9f9f9;


}
body{
font-family: 'Montserrat', sans-serif;
    color: #232157;
    background-image: url("/media/bg/heaxagon_bg.jpg");
    background-repeat: repeat;
}
h1{
    font-size: 20px;
    color: #BA8C5D;
}
h2{
    font-size: 18px;
    font-weight: bold;
    color: #BA8C5D;

}
p{
    font-size: 14px;
    color: #232157 !important;
}
.navbar{
    background-color: #ffffff;
    border-bottom: #232157;
    border-bottom-width: medium;
    border-bottom-style: solid;
}
.page-footer{
    background-color:  #232157 !important;
    color: white;
}
.page-footer p{

    color: white !important;
}
.main_content{
    padding-top: 50px;

}
a.nav-link  {
    color: #232157 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
a:hover {
    color: #BA8C5D !important;
}
/****** Vertical menu ***********/
.vertical-menu {
    width: 100%; /* Set a width if you like */
}
@media only screen and (min-width: 1024px) {
    .vertical-menu {
        width: 300px; /* Set a width if you like */
    }
}

.vertical-menu a {
    background-color:  #232157;
    color: #BA8C5D;
    display: block;
    padding: 57px 12px;
    text-decoration: none;
    border-bottom: #ccc;
    border-bottom-style: solid;
    border-bottom-width: thin;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;

}

.vertical-menu a:hover {
    color: #ccc !important;
}

.vertical-menu a.active {
    background-color: #4CAF50; /* Add a green color to the "active/current" link */
    color: white;
}
a.footer-link{
    color: white !important;
}
a.footer-link:hover{
    text-decoration: none;
    color: #BA8C5D;
}
.footer-copyright .list-unstyled {
    padding-left: 23%;
    list-style: none;
    font-size: 14px;
}
/* DROPDOWN CONTENT */
.mnbshow:hover {
    cursor: pointer;
}
#reports h5 {
    font-size: 1rem;
    color: #BA8C5D;
}
#reports .mnbcontent p, #reports .mnbcontent ul li {
    font-size: 14px;
}
.textcolor {
    color: #BA8C5D;
}
.show {
    cursor: pointer;
}
#main_page_photo{
    background: url('https://mnbingatlan.hu/media/bg/main_photo2.jpg') !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/********* Image Gallery ***************/
.modal button.close {
    right: 0;
    outline: 0;

}

#gallery-lightbox img {
    height: 350px;
    object-fit: cover;
    cursor: pointer;
}

#gallery-lightbox img:hover {
    opacity: 0.9;
    transition: 0.5s ease-out;
}
.sidebar {
    height: 100%;
    width: 160px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    padding-top: 16px;
    padding-left: 20px;

}