body {
    display: flex;
    flex-direction: column;
}

p, h1, h2, tr, th{
    color: #2d2d2d;
}

.display-4{
    color: #cfc39b;
}

ul{
    list-style-position: inside;
}

.title-div{
    -webkit-clip-path: polygon(0 0, 5% 100%, 95% 100%, 100% 0);
    clip-path: polygon(0 0, 5% 100%, 95% 100%, 100% 0);
}

.tel-block-div{
    -webkit-clip-path: polygon(0 0, 5% 100%, 95% 100%, 100% 0);
    clip-path: polygon(5% 0, 95% 0, 100% 100%, 0 100%);
}

.inactive {
    display: none;
}

.no-scroll {
    overflow: hidden;
}

h5, h6 {
    margin: 0;
}

.small-button-container {
    display: none;
    /* opacity: 0; */
}

.small-button {
    z-index: 2;
    position: fixed;
    bottom: 4vh;
    right: 4vh;
    background-color: #fafafa;
    border-radius: 50%;
    transition: 0.3s;
    visibility: hidden;
}
.up-button{
    bottom: 13vh;
}

.tel_icon img {
    height: 8vh;
    width: 8vh;
}

nav {
    max-height: 15vh;
    width: 100%;
    background-color: rgba(45, 45, 45, 0.98);
    position: fixed;
    top: 0;
    z-index: 2;
    padding: 1vh 0vh 1vh 0vh;
}

.nav_elem, a {
    color: #fafafa;
    cursor: pointer;
    display: inline-block;
}

.nav_elem:hover {
    color: #cfc39b;;
}

.nav_tel:hover {
    color: #cfc39b;;
}

.nav_menu {
    display: none;
    color: #fafafa;
    cursor: pointer;
}

.nav_menu:hover {
    color: gray;
}

.menu_button {
    width: 100%;
    margin-top: 1vh;
}

a:hover {
    text-decoration: none;
    color: #cfc39b;
}

.nav_icon img {
    height: 1.5em;
    width: auto;
}

.work_clocks:hover {
    color: #fafafa;
    cursor: default;
}

.main-block-buttons .col {
    margin-bottom: 5vh;
    margin-top: 5vh;
}

.main-block-buttons .col button {
    min-width: 40vw;
    min-height: 10vh;
    background-color: rgba(45, 45, 45, 0.98);
}

.main-block-buttons .col button:hover {
    background-color: black;
    color: #fafafa;
}

.carousel, .carousel-item {
    min-height: 70vh;
    /* height: auto; */
    background-color: #fafafa;
}

.block_field .row .col {
    background-color: #fafafa;
}

.carousel-row-elem {
    min-height: 60vh;
}

.image_container {
    height: 100%;
    width: 80%;
    max-height: 350px;
    box-shadow: 0 0 8px 8px #fafafa inset;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
}

.block_title {
    max-height: 15vh;
    padding-top: 0;
    margin: 2vh auto 2vh auto;
}

#work_type, #work_type .block_field {
    height: auto;
}

#work_type .block_field .row .col {
    margin: 1vh;
}

.carousel-control-next, .carousel-control-prev, .carousel-indicators {
    filter: invert(100%);
    -webkit-filter: invert(100%);
    padding-left: 0;
    padding-right: 0;
    width: 10vh;
}

html {
    font-size: 1rem;
}

.nav_buttons_container {
    background-color: rgba(45, 45, 45, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
}

#myMap {
    /* width: 100%; */
    height: 70vh;
    background-color: #fafafa;
}

* {
    -webkit-overflow-scrolling: touch;
  }

.map-overlay{
    position: absolute;
    width: 90%;
    height: 100%;
    padding: 0 5% 0 5%;
    background: rgba(45, 45, 45, 0.2);
    z-index: 2;
}

.map-overlay p{
    color: #2d2d2d;
}

.map-overlay-btn{
    position: absolute;
    top: 0;
    left: 5%;
    background: #2d2d2d;
    width: 90%;
    z-index: 3;
}