/* #region ::. Geral .:: */

html, body {
    width: 100% !important;
}

body {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #f3f3f3;
}

.dl-horizontal dt {
    white-space: normal;
}

input,
select,
textarea {
    max-width: 280px;
}

.nav-link, .nav-link:hover {
    text-decoration: none;
}

a {
    color: #53baff;
    text-decoration: underline;
}

    a:hover {
        color: #53baff;
        text-decoration: underline;
    }

.navbar {
    padding: 0px;
}

.submenu-topo {
    text-transform: uppercase;
}

.content {
    background-color: #fff;
    max-width: 1100px;
    font-size: 10pt;
    padding-top: 20px;
}

.content-title {
    height: 50px;
    line-height: 50px;
    background-color: #ececec;
    color: #0099ff;
    font-weight: bold;
    font-size: 14pt;
    padding-top: 0px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.box-modulo-container {
    padding: 10px;
}

.box-modulo {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.32);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.32);
    height: 320px;
    padding-top: 20px;
}

.box-modulo-icone {
    margin: auto;
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.box-modulo-title {
    color: #0099ff;
    font-weight: bold;
    font-size: 12pt;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.box-modulo-content {
    font-size: 10pt;
    color: #494949;
    text-align: justify;
    padding: 15px;
    padding-top: 0px;
}

.faixa-separadora {
    margin-top: 20px;
    background-color: #007bff;
    color: #fff;
}

.outras-funcionalidades-rodape {
    background-color: #494949;
    color: #fff;
    padding-bottom: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.outras-funcionalidades {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
    margin-top: 30px;
}

@media (min-width: 992px) {
    .menu-topo .nav-link {
        padding-left: 10px !important;
        /*padding-right: 15px !important;*/
    }

        .menu-topo .nav-link:after {
            content: "|";
            margin-left: 20px;
        }

    .menu-topo .nav-item:last-child .nav-link:after {
        content: " ";
    }

    .submenu-topo .nav-link {
        padding-top: 12px;
    }

        .submenu-topo .nav-link i {
            vertical-align: middle;
            padding-bottom: 3px;
            margin-right: 10px;
        }
}

@media (max-width: 993px) {
    .navbar-brand {
        margin-left: 10px;
    }

    .navbar-toggler {
        margin-right: 10px;
    }

    .menu-topo .nav-item {
        padding-left: 10px;
        padding-right: 10px;
    }

    .menu-topo .nav-link:after {
        content: " ";
        margin-bottom: 0px;
    }

    .menu-topo .nav-item:last-child .nav-link:after {
        content: " ";
    }

    .menu-topo .nav-link {
        border-bottom: 1px solid #fff;
    }

    .menu-topo .nav-item:last-child .nav-link {
        border-bottom: none;
    }

    .menu-topo .navbar-nav {
        background-color: #494949;
    }

    .menu-topo .nav-link {
        color: #fff !important;
    }

    .submenu-topo ul {
        flex-direction: row;
    }

    .submenu-topo .nav-link {
        font-size: 0px;
    }

    .submenu-topo i {
        font-size: 30px;
    }
}

@media (max-width: 700px) {
    .content-title {
        text-align: center;
    }
}

.banner-content {
    overflow: hidden;
}

.banner-inner-img {
    background-repeat: no-repeat;
    background-position: center top;
    height: 700px;
    max-width: 1100px;
}

.banner-inner-content {
    position: absolute;
    overflow: hidden;
}

.local {
    background-color: #494949;
    height: 30px;
    line-height: 30px;
    font-size: 10pt;
}

    .local .container {
        max-width: 1100px;
    }

@media (max-width: 359px) {
    .local {
        font-size: 8pt;
    }
}

/* #endregion */



/* #region ::. Index .:: */

.bg-home {
    background-image: url(/images/bg-home-1.png);
}

.slogan {
    background-image: url(/Images/slogan.png);
    background-repeat: no-repeat;
    background-position: right 90px;
    height: 500px;
    margin-right: 32px;
}

.menu-home {
    background-color: rgba(255, 255, 255, 0.6);
    max-width: 1100px;
}

    .menu-home span {
        display: block;
    }

        .menu-home span:first-child {
            height: 110px;
        }

        .menu-home span:last-child {
            height: 50px;
        }

@media (max-width: 1199px) {
    .slogan {
        margin-right: -58px;
    }
}

@media (max-width: 992px) {
    .banner-index {
        overflow: hidden;
    }

    .bg-home {
        background-size: cover;
        height: 450px;
    }

    .banner-index > .container {
        max-width: none;
    }

    .banner-index .col-sm-12:first-child {
        height: 290px;
    }

    .banner-index .col-sm-12:last-child {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .slogan {
        background-image: url(/Images/slogan_m.png);
        background-position: right 10px;
        margin: 0px;
        height: 160px;
        background-size: auto 140px;
    }

    .menu-home {
        background-color: #fff;
    }

        .menu-home .nav-item {
            margin-top: 30px;
            border-bottom: 1px solid #494949;
        }

            .menu-home .nav-item:last-child {
                border-bottom: none;
            }
}

@media (max-width: 359px) {
    .slogan {
        background-position: right 20px;
        background-size: auto 125px;
    }
}


/* #endregion */


/* #region ::. Construção & Engenharia .::*/

.bg-construcao {
    background-image: url(/images/bg-construcao.png);
    background-repeat: no-repeat;
    height: 500px;
    background-position: right bottom;
}

.logo-construcao {
    background-image: url(/images/logo-construcao.png);
    background-repeat: no-repeat;
    background-position: right center;
    height: 500px;
    margin-right: 32px;
}

@media (max-width: 1199px) {
    .logo-construcao {
        margin-right: -58px;
    }
}

@media (max-width: 992px) {
    .bg-construcao {
        height: 350px;
        background-position: right center;
        background-size: auto 100%;
    }

    .logo-construcao {
        background-position: right center;
        margin: 0px;
        height: 350px;
        background-size: auto 100px;
    }

    .banner-construcao > .container {
        max-width: none;
    }
}


@media (max-width: 700px) {
    .bg-construcao {
        height: 350px;
        background-position: center center;
        background-size: auto 100%;
    }

    .banner-construcao .col-sm-12:first-child {
        height: 350px;
    }

    .banner-construcao .col-sm-12:last-child {
        background-color: #fff;
    }

    .logo-construcao {
        background-position: right center;
        background-size: auto 90px;
        height: 100px;
    }

    .content:first-child {
        margin-top: 100px;
    }
}

@media (max-width: 500px) {
    .logo-construcao {
        background-position: center center;
    }
}

@media (max-width: 340px) {
    .bg-construcao {
        height: 250px;
        background-position: center center;
        background-size: auto 100%;
    }

    .banner-construcao .col-sm-12:first-child {
        height: 250px;
    }

    .logo-construcao {
        background-position: right 10px;
        background-size: auto 80px;
    }
}

/* #endregion */


/* #region ::. Indústria .::*/

.bg-industria {
    background-image: url(/images/bg_industria.jpg);
    background-repeat: no-repeat;
    height: 500px;
    background-position: right -200px bottom;
}

.logo-industria {
    background-image: url(/images/logo-construcao.png);
    background-repeat: no-repeat;
    background-position: right center;
    height: 500px;
    margin-right: 32px;
}

@media (max-width: 1199px) {
    .logo-industria {
        margin-right: -58px;
    }
}

@media (max-width: 992px) {
    .bg-industria {
        height: 350px;
        background-position: right -100px center;
        background-size: auto 100%;
    }

    .logo-industria {
        background-position: right center;
        margin: 0px;
        height: 350px;
        background-size: auto 100px;
    }

    .banner-industria > .container {
        max-width: none;
    }
}


@media (max-width: 700px) {
    .bg-industria {
        height: 350px;
        background-position: center center;
        background-size: auto 100%;
    }

    .banner-industria .col-sm-12:first-child {
        height: 350px;
    }

    .banner-industria .col-sm-12:last-child {
        background-color: #fff;
    }

    .logo-industria {
        background-position: right center;
        background-size: auto 90px;
        height: 100px;
    }

    .content:first-child {
        margin-top: 100px;
    }
}

@media (max-width: 500px) {
    .logo-industria {
        background-position: center center;
    }
}

@media (max-width: 340px) {
    .bg-industria {
        height: 250px;
        background-position: center center;
        background-size: auto 100%;
    }

    .banner-industria .col-sm-12:first-child {
        height: 250px;
    }

    .logo-industria {
        background-position: right 10px;
        background-size: auto 80px;
    }
}

/* #endregion */