.navbar-light .navbar-nav .nav-link {
    color: black;
    font-size: small;
}


/* .nav-link {
    font-size: large;
    color: black;
} */

.navbar-light .navbar-nav .nav-link:hover {
    text-decoration: underline;
    color: black;
}

#myVideo {
    position: relative;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    /* max-height: 690px; */
    max-height: 500px;
    /* max-width: 600px; */
    overflow: hidden;
    z-index: -100;
    /* max-width: 1230px; */
}

.section.section-video-padding {
    padding: 0px 60px 0 60px;
}

.section-padding {
    padding: 60px 60px 0 60px;
}


/* .section-video-padding {
    padding: 60px 0 0px 0;
} */

section.about {
    background: black;
    color: white;
    position: relative;
    padding: 60px 0px 60px 0;
    margin: 60px 60px 0 60px;
}

section.about .about-link {
    color: white;
    font-weight: 500;
    font-size: 14px;
}

section.about .row {
    align-items: center;
}

section.about .about-div:hover {
    cursor: pointer;
}

section.contact {
    background: #ec2124;
    color: black;
    position: relative;
    padding: 30px 0px 30px 0;
    margin: 60px 60px 0 60px;
}

section.contact .contact-link {
    color: black;
    font-weight: 500;
    font-size: 14px;
}

section.contact .row {
    align-items: center;
}


/* section.about.about-container {
    justify-content: center;
} */

section.projects {
    /* background: #E3E0DE; */
    position: relative;
    padding: 60px 0px 0px 0;
}

.projects .projects-container {
    padding: 0 60px;
}

.projects .projects-title {
    padding: 0 0 10px 0;
}

section.projects .projects-link {
    /* color: black; */
    font-weight: 500;
    font-size: 14px;
}

section.projects .projects-div a:hover {
    cursor: pointer;
}

section.projects .projects-div img:hover {
    opacity: 0.9;
}

section.services {
    /* background: #E3E0DE; */
    position: relative;
    padding: 60px 0 0px 0;
    /* margin: 60px 60px 0 60px; */
}

section.services.services-title {
    padding: 0 0 10px 0;
}

.services .services-container {
    padding: 0 60px;
}

section.services .services-link {
    /* color: black; */
    font-weight: 500;
    font-size: 14px;
}

section.services .services-div:hover {
    cursor: pointer;
}

section.contact .contact-link {
    /* color: black; */
    font-weight: 500;
    font-size: 14px;
}

section.bottom {
    position: relative;
    background: black;
    color: white;
    /* padding: 60px; */
    /* padding: 60px 60px 30px 60px; */
    /* padding: 0 0 30px 60px; */
    padding: 0 0 0 0;
}


/* .aboutbox {
    background-color: lightgrey;
    width: 1200px;
    border: 15px solid green;
    padding: 60px;
    margin: 60px;
} */


/* .navbar.navbar-row {
    padding-left: 60px;
} */

section.social-media {
    position: relative;
    padding: 60px;
}

.copyright {
    font-size: small;
    padding: 30px 60px 30px 60px;
    text-align: right;
}

.carousel-inner>.item>img {
    width: 640px;
    height: 360px;
}


/* for demo out of the box */

.demo_wrapper {
    width: 50%;
    margin: 0 auto;
}

@media only screen and (max-device-width: 800px),
screen and (max-width: 800px) {
    .demo_wrapper {
        width: 80%;
    }
}

.demo_block {
    width: 100%;
}

.slides-container {
    width: 95%;
}

.slides {
    margin-left: 40px;
}


/* Thumbnails */

.thumb-box {
    padding: 1.4em 0 1em;
    margin-left: -1%;
    width: 102%;
}

.thumb-box .thumbs {
    list-style-type: none;
}

.thumb-box .thumbs li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 0 1%;
}

.thumb-box .thumbs li img {
    width: 100%;
    opacity: .8;
    border-bottom: 4px solid transparent;
}

.thumb-box .thumbs li img.active {
    border-color: lightblue;
    opacity: 1;
}

.thumb-box .thumbs li:hover img {
    opacity: 1;
}

.equipment-heading {
    color: #ec2124;
}

.projects-div a {
    color: #ec2124;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    filter: invert(1);
}

.responsive {
    width: 100%;
    height: auto;
}

.omli-image {
    padding: 0px 45px 0 45px;
}