/*!
 * Start Bootstrap - Grayscale v5.0.9 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */

#mainNav {
    min-height: 20px;
    background-color: #002147
}

    #mainNav .navbar-toggler {
        font-size: 100%;
        padding: 0;
        color: #64a19d;
        border: 1px solid #64a19d
    }

        #mainNav .navbar-toggler:focus {
            outline: 0;
            color: #002147;
        }

    #mainNav .navbar-brand {
        color: #161616;
        font-weight: 700;
        padding: .9rem 0
    }

    #mainNav .navbar-nav .nav-item:hover {
        color: fade(white,80%);
        outline: 0;
        background-color: transparent
    }

    #mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
        outline: 0;
        color: #002147
    }

@media (min-width:992px) {
    #mainNav {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
        background-color: #002147;
        transition: background-color .3s ease-in-out
    }

        #mainNav .navbar-brand {
            padding: .5rem 0;
            color: rgba(255,255,255,.5)
        }

        #mainNav .nav-link {
            transition: none;
            /*padding: 2rem 1.5rem;*/
            color: rgba(255,255,255,.5)
        }

            #mainNav .nav-link:hover {
                color: rgba(255,255,255,.75)
            }

            #mainNav .nav-link:active {
                color: #fff
            }

        #mainNav.navbar-shrink {
            background-color: #fff
        }

            #mainNav.navbar-shrink .navbar-brand {
                color: #161616
            }

            #mainNav.navbar-shrink .nav-link {
                color: #161616;
                padding: 1.5rem 1.5rem 1.25rem;
                border-bottom: .25rem solid transparent
            }

                /*#mainNav.navbar-shrink .nav-link:hover {
                    color: #64a19d
                }*/

                #mainNav.navbar-shrink .nav-link:active {
                    color: #467370
                }

                #mainNav.navbar-shrink .nav-link.active {
                    color: #64a19d;
                    outline: 0;
                    border-bottom: .25rem solid #64a19d
                }
}

.masthead {
    /*position: relative;*/
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 15rem 0;
    background: linear-gradient(to bottom,rgba(0,0,0, .4) 0,rgba(0,0,0,.4) 100%),url(../img/surety-bond/header.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    .masthead h1 {
        font-family: 'Varela Round';
        font-size: 2.5rem;
        line-height: 2.5rem;
        letter-spacing: .8rem;
        background: -webkit-linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,0));
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text
    }

    .masthead h2 {
        max-width: 20rem;
        font-size: 2rem
    }

@media (min-width:768px) {
    .masthead h1 {
        font-size: 4rem;
        line-height: 4rem
    }
}

@media (min-width:992px) {
    .masthead {
        height: 100vh;
        padding: 0
    }

        .masthead h1 {
            font-size: 6.5rem;
            line-height: 6.5rem;
            letter-spacing: .8rem
        }

        .masthead h2 {
            max-width: 30rem;
            font-size: 2.25rem
        }
}

.btn {
    box-shadow: 0 .1875rem .1875rem 0 rgba(0,0,0,.1) !important;
    padding: 1.25rem 2rem;
    font-family: 'Varela Round';
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: .15rem;
    border: 0
}

.btn-primary {
    background-color: #64a19d
}

    .btn-primary:hover {
        background-color: #4f837f
    }

    .btn-primary:focus {
        background-color: #4f837f;
        color: #fff
    }

    .btn-primary:active {
        background-color: #467370 !important
    }

.about-section {
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 15rem 14.50px 14.50px 14.50px;
    background: linear-gradient(to bottom,rgba(0,0,0, .4) 0,rgba(0,0,0,.4) 100%),url(../img/about-us/header.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    .about-section p {
        margin-bottom: 5rem
    }

@media (min-width:1050px) {

    .about-section {
        padding: 15rem 0 0 0;
        margin-right: 0;
        margin-left: 0;
    }

        .about-section p {
            margin-bottom: 5rem
        }
}

.hmo-section {
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 15rem 14.50px 14.50px 14.50px;
    background: linear-gradient(to bottom,rgba(0,0,0, .2) 0,rgba(0,0,0,.2) 100%),url(../img/hmo/header.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    .hmo-section p {
        margin-bottom: 5rem
    }

.hmo-spcl-section {
    margin-right: 30px;
    margin-left: 30px;
}

@media (min-width:1050px) {

    .hmo-section {
        padding: 15rem 0 0 0;
        margin-right: 0;
        margin-left: 0;
    }

        .hmo-section p {
            margin-bottom: 5rem
        }

    .hmo-spcl-section {
        margin-left: 0;
        margin-right: 0;
    }
}


.home-section {
    width: 100%;
    height: auto;
    min-height: 70rem;
    padding: 10rem 30px;
    background: linear-gradient(to bottom, rgba(255,255,255,.0001) 90%,rgb(255, 255, 255,1)),url('../img/home/03 - 19.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    .home-section p {
        margin-bottom: 5rem
    }


@media (min-width:1050px) {
    .home-section {
        width: 100%;
        height: auto;
        min-height: 50rem;
        padding-top: 15rem;
        background: linear-gradient(to bottom, rgba(255,255,255,.0001) 90%,rgb(255, 255, 255,1)),url('../img/home/03 - 19.png');
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover
    }

        .home-section p {
            margin-bottom: 5rem
        }
}

.client-section {
    padding: 0;
}

    .client-section .featured-text {
        padding: 30px;
        border-top: .5rem solid rgba(112, 112, 112, 1);
        background-color: #002147;
    }

    .client-section .contact-text {
        padding: 2rem;
        border-top: .5rem solid rgba(112, 112, 112, 1);
        background-color: #fff;
    }

    .client-section .sec-margin-right {
        margin-right: 0;
    }

    .client-section .sec-margin-left {
        margin-left: 0;
    }

    .client-section .container-fluid {
        padding: 0;
    }

@media (min-width:1050px) {
    .client-section {
        padding: 68.50px 0 0 0;
    }

        .client-section .client-spcl-section {
            margin: 0px;
        }

        .client-section .sec-margin-right {
            margin-right: 68.50px;
        }

        .client-section .sec-margin-left {
            margin-left: 68.50px;
        }

        .client-section .featured-text {
            padding: 30px;
            border-top: .5rem solid rgba(112, 112, 112, 1);
            background-color: #002147;
        }

        .client-section .project-text {
            padding: 3rem;
            font-size: 90%
        }

        .client-section .project-text {
            padding: 5rem
        }

            .client-section .project-text hr {
                border-color: #64a19d;
                border-width: .25rem;
                width: 30%
            }
}

.logistics-section {
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 0 3rem 0 2rem;
    background: linear-gradient(to right, rgb(0, 0, 0,.3), rgba(0,0,0,.3) 100%),url(../img/home/logistics.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    .logistics-section p {
        margin-bottom: 5rem;
        font-size: 1rem;
    }

    .logistics-section h5 {
        font-size: 1.5rem;
    }

    .logistics-section .container {
        margin: 0;
        padding: 10rem 30px 0rem 30px;
        border-left: 2px solid white;
        height: 35rem;
    }

@media (min-width:1050px) {
    .logistics-section {
        padding: 0 88.50px 0 88.50px !important;
    }

        .logistics-section p {
            margin-bottom: 5rem;
            padding-right: 1rem;
        }

        .logistics-section h5 {
            font-size: 1.25rem;
        }

        .logistics-section .container {
            margin: 0;
            padding: 88.50px 30px;
            border-left: 2px solid white;
            height: 35rem;
        }
}

.corpinsurance-section {
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 13rem 3rem 0 2rem;
    background: linear-gradient(to right, rgb(0, 0, 0,.4), rgba(0,0,0,.4) 100%),url(../img/home/corporate.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    .corpinsurance-section p {
        margin-bottom: 5rem;
        font-size: 1rem;
    }

    .corpinsurance-section h5 {
        font-size: 1.5rem;
    }

    .corpinsurance-section .container {
        margin: 0;
        padding: 1rem 30px 3rem 30px;
        border-left: 2px solid white;
        height: auto;
    }



@media (min-width:1050px) {
    .corpinsurance-section {
        padding: 0 88.50px 0 88.50px !important;
        background: linear-gradient(to right, rgb(0, 0, 0,.3), rgba(0,0,0,.3) 100%),url(../img/home/corporate.png);
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }

        .corpinsurance-section p {
            margin-bottom: 5rem;
            padding-right: 1rem;
        }

        .corpinsurance-section h5 {
            font-size: 1.25rem;
        }

        .corpinsurance-section .container {
            margin: 0;
            padding: 14.50px 30px;
            border-left: 2px solid white;
            height: 35rem;
        }
}

.corp-section {
    width: 100%;
    height: auto;
    min-height: 60rem;
    padding: 10rem 3rem 5rem 2rem;
    background: url(../img/license/header.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    .corp-section p {
        margin-bottom: 5rem;
        font-size: 1rem;
    }

    .corp-section h5 {
        font-size: 1.5rem;
    }

@media (min-width:1050px) {
    .corp-section {
        padding: 5rem 0 15rem 0;
    }

        .corp-section p {
            margin-bottom: 5rem;
            padding-right: 1rem;
        }

        .corp-section h5 {
            font-size: 1.25rem;
        }
}

.log-section {
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 10rem 3rem 5rem 2rem;
    background: linear-gradient(to right, rgb(0, 0, 0,.3), rgba(0,0,0,.0001) 100%),url(../img/home/logistics.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

@media (min-width:1050px) {
    .log-section {
        padding: 5rem 0 15rem 0;
    }
}

.engineering-section {
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 10rem 3rem 5rem 2rem;
    background: linear-gradient(to right, rgb(0, 0, 0,.3), rgba(0,0,0,.0001) 100%),url(../img/home/engg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    .engineering-section p {
        margin-bottom: 5rem;
    }

@media (min-width:1050px) {
    .engineering-section {
        padding: 5rem 0 15rem 0;
    }

        .engineering-section p {
            margin-bottom: 5rem;
            padding-right: 1rem;
        }

        .engineering-section h5 {
            font-size: 1.25rem;
        }
}

.log-section {
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 10rem 3rem 5rem 2rem;
    background: linear-gradient(to right, rgb(0, 0, 0,.3), rgba(0,0,0,.0001) 100%),url(../img/home/logistics.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    .log-section p {
        margin-bottom: 5rem;
    }

@media (min-width:1050px) {
    .log-section {
        padding: 5rem 0 15rem 0;
    }

        .log-section p {
            margin-bottom: 5rem;
            padding-right: 1rem;
        }
}


.engg-section {
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 0 3rem 0 2rem !important;
    background: linear-gradient(to right, rgb(0, 0, 0,.4), rgba(0,0,0,.4) 100%),url(../img/home/engg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

    .engg-section p {
        margin-bottom: 5rem;
        font-size: 1rem;
    }

    .engg-section .container {
        margin: 0;
        padding: 5rem 30px 3rem 30px;
        border-left: 2px solid white;
        height: 35rem;
    }


@media (min-width:1050px) {
    .engg-section {
        padding: 0 88.50px 0 88.50px !important;
        background: linear-gradient(to right, rgb(0, 0, 0,.3), rgba(0,0,0,.0001) 100%),url(../img/home/engg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }

        .engg-section p {
            padding-right: 1.1rem;
            margin-bottom: 5rem;
        }

        .engg-section h5 {
            font-size: 1.25rem;
        }

        .engg-section .container {
            margin: 0;
            padding: 88.50px 30px;
            border-left: 2px solid white;
            height: 35rem;
        }
}

.license1-section {
    width: 100%;
    height: auto;
    min-height: 210rem;
}

    .license1-section p {
        margin-bottom: 5rem;
    }

    .license1-section .container {
        padding: 30px;
        border-left: 2px solid white;
        height: 25rem;
    }


@media (min-width:1050px) {
    .license1-section {
        padding: 0 88.50px 0 88.50px !important;
        min-height: 30rem;
    }

        .license1-section p {
            padding-right: 1.1rem;
            margin-bottom: 5rem;
        }

        .license1-section .container {
            padding: 20px 30px;
            border-left: 2px solid white;
            height: 25rem;
        }
}

.license2-section {
    width: 100%;
    height: auto;
    min-height: 30rem;
}

    .license2-section p {
        margin-bottom: 5rem;
    }

    .license2-section .container {
        border-left: 2px solid white;
        height: 25rem;
    }


@media (min-width:1050px) {
    .license2-section {
        padding: 0 88.50px 0 88.50px !important;
    }

        .license2-section p {
            padding-right: 1.1rem;
            margin-bottom: 5rem;
        }

        .license2-section .container {
            padding: 20px 30px;
            border-left: 2px solid white;
            height: 25rem;
        }
}


.surety-section {
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 0rem 3rem 3rem 2rem !important;
    background: linear-gradient(to right, rgb(0, 0, 0,.4), rgba(0,0,0,.4) 100%),url(../img/home/surety.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    .surety-section p {
        margin-bottom: 5rem;
        font-size: 1rem;
    }

    .surety-section .container {
        margin: 0;
        padding: 5rem 30px 0rem 30px;
        border-left: 2px solid white;
        height: 35rem;
    }


@media (min-width:1050px) {
    .surety-section {
        padding: 0 88.50px 0 88.50px !important;
        background: linear-gradient(to right, rgb(0, 0, 0,.3), rgba(0,0,0,.0001) 100%),url(../img/home/surety.png);
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }

        .surety-section p {
            padding-right: 1.1rem;
            margin-bottom: 5rem;
        }

        .surety-section h5 {
            font-size: 1.25rem;
        }

        .surety-section .container {
            margin: 0;
            padding: 88.50px 30px;
            border-left: 2px solid white;
            height: 25rem;
        }
}


.talk-section {
    width: 100%;
    height: auto;
    min-height: 35rem;
    padding: 10rem 14.50px 14.50px 14.50px;
    background: url('../img/projects/Mask Group 55.png');
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

    .talk-section p {
        margin-bottom: 5rem
    }

@media (min-width:1050px) {

    .talk-section {
        padding: 15rem 0 0 0;
        margin-right: 0;
        margin-left: 0;
        background: url('../img/projects/Mask Group 55.png');
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }

        .talk-section p {
            margin-bottom: 5rem
        }
}


.bridge-section {
    width: 100%;
    height: auto;
    min-height: 45rem;
    padding: 15rem 14.50px 14.50px 14.50px;
    background: url('../img/projects/bridge hero image.png');
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

    .bridge-section p {
        margin-bottom: 5rem
    }

@media (min-width:1050px) {

    .bridge-section {
        padding: 15rem 0 0 0;
        margin-right: 0;
        margin-left: 0;
        background-position: center;
    }

        .bridge-section p {
            margin-bottom: 5rem
        }
}

.slope-section {
    width: 100%;
    height: auto;
    min-height: 40rem;
    padding: 15rem 14.50px 14.50px 14.50px;
    background: url('../img/projects/Mask Group 61.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

    .slope-section p {
        margin-bottom: 5rem
    }

@media (min-width:1050px) {

    .slope-section {
        padding: 15rem 0 0 0;
        margin-right: 0;
        margin-left: 0;
        background-size: cover;
    }

        .slope-section p {
            margin-bottom: 5rem
        }
}

.flood-section {
    width: 100%;
    height: auto;
    min-height: 40rem;
    padding: 15rem 14.50px 14.50px 14.50px;
    background: url('../img/projects/flood hero image.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

    .flood-section p {
        margin-bottom: 5rem
    }

@media (min-width:1050px) {

    .flood-section {
        padding: 15rem 0 0 0;
        margin-right: 0;
        margin-left: 0;
    }

        .flood-section p {
            margin-bottom: 5rem
        }
}

.bldg-section {
    width: 100%;
    height: auto;
    min-height: 40rem;
    padding: 15rem 14.50px 14.50px 14.50px;
    background: url('../img/projects/Mask Group 64.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

    .bldg-section p {
        margin-bottom: 5rem
    }

@media (min-width:1050px) {

    .bldg-section {
        padding: 15rem 0 0 0;
        margin-right: 0;
        margin-left: 0;
    }

        .bldg-section p {
            margin-bottom: 5rem
        }
}

.road-img {
    width: 100%;
    height: auto;
    min-height: 19rem;
    padding: 0px;
    background: url('../img/projects/05 - 18.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: contain;
    margin-top: 50px;
}

.slope-img {
    width: 100%;
    height: auto;
    min-height: 45rem;
    padding: 0px;
    background: url('../img/projects/01 -22.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.flood-img {
    width: 100%;
    height: auto;
    min-height: 20rem;
    padding: 14.50px 14.50px 14.50px;
    background: url('../img/projects/Mask Group 63.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: auto;
    margin-top: 50px;
}

.bridge-img {
    width: 100%;
    height: auto;
    min-height: 20rem;
    padding: 14.50px 14.50px 14.50px;
    background: url('../img/projects/01 - 23.png');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: auto;
    margin-top: 50px;
}

.bldg-img {
    width: 100%;
    height: auto;
    min-height: 20rem;
    padding: 14.50px 14.50px 14.50px 14.50px;
    background: url('../img/projects/ISS_5146_00980.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    margin-top: 50px;
}

@media (min-width:1050px) {
    .slope-img {
        width: 100%;
        height: auto;
        min-height: 45rem;
        padding: 0px 14.50px 14.50px 14.50px;
        background: linear-gradient(to right, rgba(255,255,255,.0001) 50%,rgb(255, 255, 255,1)),url('../img/projects/01 -22.png');
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        margin-top: 0px;
    }

    .flood-img {
        width: 100%;
        height: auto;
        min-height: 45rem;
        padding: 0px 14.50px 14.50px 14.50px;
        background: linear-gradient(to right, rgba(255,255,255,.0001) 50%,rgb(255, 255, 255,1)),url('../img/projects/Mask Group 63.png');
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }

    .bridge-img {
        width: 100%;
        height: auto;
        min-height: 40rem;
        padding: 0px 14.50px 14.50px 14.50px;
        background: linear-gradient(to right, rgba(255,255,255,.0001) 50%,rgb(255, 255, 255,1)),url('../img/projects/01 - 23.png');
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
    }

    .bldg-img {
        width: 100%;
        height: auto;
        min-height: 45rem;
        padding: 0px 14.50px 14.50px 14.50px;
        background: linear-gradient(to right, rgba(255,255,255,.0001) 50%,rgb(255, 255, 255,1)),url('../img/projects/ISS_5146_00980.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
        margin-top: 50px;
    }

    .road-img {
        width: 100%;
        height: auto;
        min-height: 45rem;
        padding: 0px 14.50px 14.50px 14.50px;
        background: linear-gradient(to right, rgba(255,255,255,.0001) 50%,rgb(255, 255, 255,1)),url('../img/projects/05 - 18.png');
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
}

#footerLogoDivMobile {
    display: block;
}

#footerLogoDivDesktop {
    display: none;
}

.cards-section-mobile {
    display: flex;
    margin-top: -500px;
}

.cards-section-desktop {
    display: none;
}

.icon-section-desktop {
    display: none;
}

.icon-section-mobile {
    display: flex;
}

.client-section-desktop {
    display: none;
}

.client-section-mobile {
    display: block;
}

.company-section-desktop {
    display: none;
}

.company-section-mobile {
    display: block;
}

.license1-section-desktop {
    display: none;
}

.license1-section-mobile {
    display: block;
}

.places-section-desktop {
    display: none;
}

.places-section-mobile {
    display: block;
}

.about-us-desktop {
    display: none;
}

.about-us-mobile {
    display: block;
}

.modal-desktop {
    display: none;
}

.modal-mobile {
    display: block;
}

.contact-section-mobile {
    display: block;
}

.contact-section-desktop {
    display: none;
}

.proj-modal-desktop {
    display: none;
}

.proj-modal-mobile {
    display: block;
}

.table-desktop {
    display: none;
}

.table-mobile {
    display: block;
}

#arrowNavDesktop {
    display: none;
}

#arrowNavMobile {
    display: block;
}

.project-nav-mobile {
    display: block;
}

.project-nav-desktop {
    display: none;
}

@media (min-width:1050px) {
    .project-nav-mobile {
        display: none;
    }

    .project-nav-desktop {
        display: block;
    }

    .about-us-desktop {
        display: flex;
    }

    .about-us-mobile {
        display: none;
    }

    #footerLogoDivMobile {
        display: none;
    }

    #footerLogoDivDesktop {
        display: block;
    }

    .cards-section-mobile {
        display: none;
    }

    .cards-section-desktop {
        display: flex;
        margin-top: -150px;
    }

    .icon-section-desktop {
        display: flex;
    }

    .icon-section-mobile {
        display: none;
    }

    .client-section-desktop {
        display: flex;
    }

    .client-section-mobile {
        display: none;
    }

    .company-section-desktop {
        display: flex;
    }

    .company-section-mobile {
        display: none;
    }

    .license1-section-desktop {
        display: flex;
    }

    .license1-section-mobile {
        display: none;
    }

    .places-section-desktop {
        display: flex;
    }

    .places-section-mobile {
        display: none;
    }

    .modal-desktop {
        display: flex;
    }

    .modal-mobile {
        display: none;
    }

    .contact-section-mobile {
        display: none;
    }

    .contact-section-desktop {
        display: flex;
    }

    #arrowNavDesktop {
        display: block;
    }

    #arrowNavMobile {
        display: none;
    }

    .proj-modal-desktop {
        display: flex;
    }

    .proj-modal-mobile {
        display: none;
    }

    .table-desktop {
        display: block;
    }

    .table-mobile {
        display: none;
    }
}

.contactus-section {
    width: 100%;
    height: auto;
    min-height: 45rem;
    padding: 5rem 30px;
    background: url(../img/contact-us/header.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    /*.contactus-section p {
        margin-bottom: 5rem
    }*/

    .contactus-section .sec-margin-right {
        margin-right: 0;
    }

    .contactus-section .sec-margin-left {
        margin-left: 0;
    }

@media (min-width:1050px) {
    .contactus-section {
        width: 100%;
        height: auto;
        min-height: 45rem;
        padding: 5rem 88.50px;
        background: url(../img/contact-us/header.png);
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover
    }

        /*.contactus-section p {
            margin-bottom: 5rem
        }*/

        .contactus-section .sec-margin-right {
            margin-right: 88.50px;
        }

        .contactus-section .sec-margin-left {
            margin-left: 88.50px;
        }
}


.projects-section {
    padding: 88.50px 0;
}

    .projects-section .featured-text {
        padding: 2rem;
        background-color: #003365;
    }

    .projects-section .contact-text {
        padding: 2rem;
        background-color: #fff;
    }

@media (min-width:1050px) {
    .projects-section .featured-text {
        padding: 2rem;
        background-color: #002147;
    }

    .projects-section {
        padding: 88.50px 0;
    }
}

.proj-spcl-section {
    padding-right: 0;
}

@media (min-width:1050px) {
    .proj-spcl-section {
        padding-right: 50px !important;
    }

    .projects-section .project-text {
        padding: 3rem;
        font-size: 90%
    }

    .projects-section .project-text {
        padding: 5rem
    }

        .projects-section .project-text hr {
            border-color: #64a19d;
            border-width: .25rem;
            width: 30%
        }
}

.aboutus-section {
    padding: 0px 30px;
    /*margin-top:-250px;*/
}

    .aboutus-section .featured-text {
        padding: 30px;
        background-color: #003365;
    }

    .aboutus-section .contact-text {
        padding: 2rem;
        background-color: #003365;
    }

    .aboutus-section .sec-margin-right {
        margin-right: 0;
    }

    .aboutus-section .sec-margin-left {
        margin-left: 0;
    }

    .aboutus-section .container-fluid {
        padding: 0;
    }

@media (max-width:1050px) {
    .aboutus-section .aboutus-spcl-section {
        margin-top: -88.50px;
        margin-left: 30px;
        margin-right: 30px;
        padding-right: 88.50px;
    }
}

@media (max-width:1000px) {
    .aboutus-section .aboutus-spcl-section {
        margin-top: -88.50px;
        margin-left: 30px;
        margin-right: 30px;
        padding-right: 0px;
    }
}



@media (min-width:1050px) {
    .aboutus-section {
        padding: 88.50px 0;
    }

        .aboutus-section .aboutus-spcl-section {
            margin: 0px;
        }

        .aboutus-section .sec-margin-right {
            margin-right: 88.50px;
        }

        .aboutus-section .sec-margin-left {
            margin-left: 88.50px;
        }

        .aboutus-section .featured-text {
            padding-top: 70px;
            padding-bottom: 77px;
            padding-left: 50px;
            background-color: #003365;
        }

        .aboutus-section .project-text {
            padding: 3rem;
            font-size: 90%
        }

        .aboutus-section .project-text {
            padding: 5rem
        }

            .aboutus-section .project-text hr {
                border-color: #64a19d;
                border-width: .25rem;
                width: 30%
            }
}

.projs-section {
    padding: 50px 30px;
    /*margin-top:-250px;*/
}

    .projs-section .featured-text {
        margin-top: 200px;
        background-color: #003365;
    }

    .projs-section .contact-text {
        padding: 2rem;
        background-color: #003365;
    }

    .projs-section .sec-margin-right {
        margin-right: 0;
    }

    .projs-section .sec-margin-left {
        margin-left: 0;
    }

    .projs-section .container-fluid {
        padding: 0;
    }

@media (max-width:1050px) {
    .projs-section .projs-spcl-section {
        margin-top: -88.50px;
        margin-left: 30px;
        margin-right: 30px;
        padding-right: 88.50px;
    }
}

@media (max-width:1000px) {
    .projs-section .projs-spcl-section {
        margin-top: -88.50px;
        margin-left: 30px;
        margin-right: 30px;
        padding-right: 0px;
    }
}



@media (min-width:1050px) {
    .projs-section {
        padding: 50px 0;
    }

        .projs-section .projs-spcl-section {
            margin: 0px;
        }

        .projs-section .sec-margin-right {
            margin-right: 88.50px;
        }

        .projs-section .sec-margin-left {
            margin-left: 88.50px;
        }

        .projs-section .featured-text {
            padding-top: 70px;
            padding-bottom: 77px;
            padding-left: 50px;
            background-color: #003365;
        }

        .projs-section .project-text {
            padding: 3rem;
            font-size: 90%
        }

        .projs-section .project-text {
            padding: 5rem
        }

            .projs-section .project-text hr {
                border-color: #64a19d;
                border-width: .25rem;
                width: 30%
            }
}

.slopes-section {
    padding: 50px 0 0 0;
    /*margin-top:-250px;*/
}

    .slopes-section .featured-text {
        margin-top: 50px;
        padding-left: 30px;
        padding-right: 30px;
        background-color: #003365;
    }

    .slopes-section .contact-text {
        padding: 2rem;
        background-color: #003365;
    }

    .slopes-section .sec-margin-right {
        margin-right: 0;
    }

    .slopes-section .sec-margin-left {
        margin-left: 0;
    }

    .slopes-section .container-fluid {
        padding: 0;
    }

@media (max-width:1050px) {
    .slopes-section .projs-spcl-section {
        margin-top: -88.50px;
        margin-left: 30px;
        margin-right: 30px;
        padding-right: 88.50px;
    }
}

@media (max-width:1000px) {
    .slopes-section .projs-spcl-section {
        margin-top: -88.50px;
        margin-left: 30px;
        margin-right: 30px;
        padding-right: 0px;
    }
}



@media (min-width:1050px) {
    .slopes-section {
        padding: 50px 0;
    }

        .slopes-section .projs-spcl-section {
            margin: 0px;
        }

        .slopes-section .sec-margin-right {
            margin-right: 88.50px;
        }

        .slopes-section .sec-margin-left {
            margin-left: 88.50px;
        }

        .slopes-section .featured-text {
            padding-top: 250px;
            padding-bottom: 77px;
            padding-left: 50px;
            padding-right: 50px;
            background-color: #003365;
        }

        .slopes-section .project-text {
            padding: 3rem;
            font-size: 90%
        }

        .slopes-section .project-text {
            padding: 5rem
        }

            .slopes-section .project-text hr {
                border-color: #64a19d;
                border-width: .25rem;
                width: 30%
            }
}

.img-card {
    height: 120px;
    padding-bottom: 20px;
    width: 100%;
}

.cards-section {
    padding: 88.50px 30px;
}

    .cards-section .featured-text {
        padding: 30px;
        background-color: #003365;
    }

    .cards-section .contact-text {
        padding: 2rem;
        background-color: #003365;
    }

    .cards-section .sec-margin-right {
        margin-right: 0;
    }

    .cards-section .sec-margin-left {
        margin-left: 0;
    }

    .cards-section .container-fluid {
        padding: 0;
    }

@media (max-width:1050px) {
    .cards-section .cards-spcl-section {
        margin-top: -88.50px;
        margin-left: 30px;
        margin-right: 30px;
        padding-right: 88.50px;
    }
}

@media (max-width:1000px) {
    .cards-section .cards-spcl-section {
        margin-top: -88.50px;
        margin-left: 30px;
        margin-right: 30px;
        padding-right: 0px;
    }
}



@media (min-width:1050px) {

    .cards-section {
        padding: 88.50px 0;
    }

        .cards-section .cards-spcl-section {
            margin: 0px;
        }

        .cards-section .sec-margin-right {
            margin-right: 88.50px;
        }

        .cards-section .sec-margin-left {
            margin-left: 88.50px;
        }

        .cards-section .featured-text {
            padding-top: 70px;
            padding-bottom: 77px;
            padding-left: 50px;
            background-color: #003365;
        }

        .cards-section .project-text {
            padding: 3rem;
            font-size: 90%
        }

        .cards-section .project-text {
            padding: 5rem
        }

            .cards-section .project-text hr {
                border-color: #64a19d;
                border-width: .25rem;
                width: 30%
            }
}



.map-section {
    padding: 88.50px 0 0 0;
}

    .map-section .featured-text {
        padding: 2rem;
        border-top: .5rem solid rgba(112, 112, 112, 1);
        background-color: #002147;
    }

    .map-section .contact-text {
        padding: 2rem;
        border-top: .5rem solid rgba(112, 112, 112, 1);
        background-color: #fff;
    }

    .map-section .sec-margin-right {
        margin-right: 0px;
    }

@media (min-width:1050px) {

    .map-section {
        padding: 88.50px 0 88.50px 0;
    }

        .map-section .featured-text {
            padding: 2rem;
            border-top: .5rem solid rgba(112, 112, 112, 1);
            background-color: #002147;
        }

        .map-section .sec-margin-right {
            margin-right: 88.50px;
        }
}

.map-section .project-text {
    padding: 3rem;
    font-size: 90%
}

@media (min-width:992px) {
    .map-section .project-text {
        padding: 5rem
    }

        .map-section .project-text hr {
            border-color: #64a19d;
            border-width: .25rem;
            width: 30%
        }
}

.signup-section {
    width: 100%;
    height: auto;
    min-height: 40rem;
    padding: 8em 5rem 5rem 5rem;
    background: url(../img/about-us/inquire.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover
}

    .signup-section .form-inline input {
        box-shadow: 0 .1875rem .1875rem 0 rgba(0,0,0,.1) !important;
        padding: 1.25rem 2rem;
        height: auto;
        font-family: 'Varela Round';
        font-size: 80%;
        text-transform: uppercase;
        letter-spacing: .15rem;
        border: 0
    }

.contact-section {
    padding: 100px 30px 0 30px;
}

    .contact-section .card {
        border-radius: 10px;
    }

    .contact-section .card-body {
        padding: 0;
    }

    .contact-section .card h4 {
        font-size: .8rem;
        font-family: 'Varela Round';
        text-transform: uppercase;
        letter-spacing: .15rem
    }

    .contact-section .card hr {
        border-color: #64a19d;
        border-width: .25rem;
        width: 3rem
    }

    .contact-section .social {
        margin-top: 5rem
    }

        .contact-section .social a {
            text-align: center;
            height: 3rem;
            width: 3rem;
            background: rgba(255,255,255,.1);
            border-radius: 100%;
            line-height: 3rem;
            color: rgba(255,255,255,.3)
        }

            .contact-section .social a:hover {
                color: rgba(255,255,255,.5)
            }

            .contact-section .social a:active {
                color: #fff
            }

.icon-section {
    padding: 0px 30px 100px 30px;
}

    .icon-section .card {
        border-radius: 10px;
    }

    .icon-section .card-body {
        padding: 0;
    }

    .icon-section .card h4 {
        font-size: .8rem;
        text-transform: uppercase;
        letter-spacing: .15rem
    }

    .icon-section .card hr {
        border-color: #64a19d;
        border-width: .25rem;
        width: 3rem
    }

    .icon-section .social {
        margin-top: 5rem
    }

        .icon-section .social a {
            text-align: center;
            height: 3rem;
            width: 3rem;
            background: rgba(255,255,255,.1);
            border-radius: 100%;
            line-height: 3rem;
            color: rgba(255,255,255,.3)
        }

            .icon-section .social a:hover {
                color: rgba(255,255,255,.5)
            }

            .icon-section .social a:active {
                color: #fff
            }

@media (min-width:1050px) {
    .icon-section .card {
        border-radius: 10px;
    }

    .icon-section .card-body {
        padding: 0;
    }

    .icon-section .card h4 {
        font-size: .8rem;
        text-transform: uppercase;
        letter-spacing: .15rem
    }

    .icon-section .card hr {
        border-color: #64a19d;
        border-width: .25rem;
        width: 3rem
    }

    .icon-section .social {
        margin-top: 5rem
    }

        .icon-section .social a {
            text-align: center;
            height: 3rem;
            width: 3rem;
            background: rgba(255,255,255,.1);
            border-radius: 100%;
            line-height: 3rem;
            color: rgba(255,255,255,.3)
        }

            .icon-section .social a:hover {
                color: rgba(255,255,255,.5)
            }

            .icon-section .social a:active {
                color: #fff
            }
}

.cert-section {
    padding: 100px 30px 100px 30px;
}

    .cert-section .card {
        border-radius: 10px;
    }

    .cert-section .card-body {
        padding: 0;
    }

    .cert-section .card h4 {
        font-size: .8rem;
        text-transform: uppercase;
        letter-spacing: .15rem
    }

    .cert-section .card hr {
        border-color: #64a19d;
        border-width: .25rem;
        width: 3rem
    }

    .cert-section .social {
        margin-top: 5rem
    }

        .cert-section .social a {
            text-align: center;
            height: 3rem;
            width: 3rem;
            background: rgba(255,255,255,.1);
            border-radius: 100%;
            line-height: 3rem;
            color: rgba(255,255,255,.3)
        }

            .cert-section .social a:hover {
                color: rgba(255,255,255,.5)
            }

            .cert-section .social a:active {
                color: #fff
            }

@media (min-width:1050px) {
    .cert-section .card {
        border-radius: 10px;
    }

    .cert-section .card-body {
        padding: 0;
    }

    .cert-section .card h4 {
        font-size: .8rem;
        text-transform: uppercase;
        letter-spacing: .15rem
    }

    .cert-section .card hr {
        border-color: #64a19d;
        border-width: .25rem;
        width: 3rem
    }

    .cert-section .social {
        margin-top: 5rem
    }

        .cert-section .social a {
            text-align: center;
            height: 3rem;
            width: 3rem;
            background: rgba(255,255,255,.1);
            border-radius: 100%;
            line-height: 3rem;
            color: rgba(255,255,255,.3)
        }

            .cert-section .social a:hover {
                color: rgba(255,255,255,.5)
            }

            .cert-section .social a:active {
                color: #fff
            }
}


.contact2-section {
    padding: 30px !important;
}

@media (min-width:1050px) {
    .contact2-section {
        padding: 88.50px;
    }

    .contact-section {
        padding: 5rem 255px 0px 255px;
    }

    .icon-section {
        padding: 100px 200px 100px 200px;
    }
}

a {
    color: #64a19d
}

    a:focus, a:hover {
        text-decoration: none;
        color: #3c6360
    }

.bg-black {
    background-color: #161616 !important
}

.bg-primary {
    background-color: #64a19d !important
}

.text-primary {
    color: #64a19d !important
}

footer {
    padding: 3rem 0 1rem 0
}

@media (max-width:500px) {
    .footer-div {
        border: none !important;
    }
}

@media (max-width:800px) {
    .footer-div {
        border: none !important;
    }
}

.security-right-section {
    display: block !important;
}

.security-left-section {
    display: none;
}

@media (max-width:1000px) {
    .header-text {
        display: none;
    }
}

.header-card {
    margin-bottom: 10px;
}

@media (min-width:1050px) {
    .security-right-section {
        display: none !important;
    }

    .security-left-section {
        display: block;
    }

    .header-text {
        display: block;
    }

    .header-card {
        margin-bottom: 0;
    }
}

#inquire-div {
    text-align: center;
    margin-bottom: 0 !important;
    padding: 30px;
    margin-top: 250px;
    width: 100% !important;
}

@media (min-width:1050px) {

    #inquire-div {
        margin-top: 400px;
        margin-bottom: 0 !important;
        padding: 30px;
        margin-left: 25%;
        width: 50% !important;
    }
}

.inquire-form-desktop {
    display: none;
}

.inquire-form-mobile {
    display: block;
}

#mainDiv {
    padding: 30px 30px;
}

@media (min-width:1050px) {
    .inquire-form-desktop {
        display: flex;
    }

    .inquire-form-mobile {
        display: none;
    }

    #inquire-form {
        padding-left: 88.50px !important;
        padding-right: 88.50px !important;
    }

    #mainDiv {
        padding: 88.50px 0 88.50px 0;
    }
}

.certificates-div {
    margin-top: -100px;
    padding-left: 12px;
}

.spcl-cert {
    margin-left: -25px;
}

.index-card {
    padding: 0.75rem 0.75rem 4rem 0.75rem !important;
    height: 220px;
}

@media (min-width:1050px) {
    .index-card {
        padding: 0.75rem 0.75rem 4rem 0.75rem !important;
        height: 270px;
    }
}

.proj-card {
    padding: 0 0 24rem 0 !important;
    height: 270px;
}