body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #333333;
    padding-top: 80px;
    height: 100%;
}

.container-fluid {
    max-width: 1420px;
}

h1 {
    font-size: 36px;
    color: #0094ff;
    font-weight: 700;
    text-transform: uppercase;
}

h2 {
    font-size: 30px;
    font-weight: 700;
}

h3 {
    font-size: 30px;
    font-weight: 300;
}

h4 {
    font-weight: 800;
}

h5 {
    font-size: 14px;
}

.logo {
    margin: 5px 0px;
    max-width: 100px;
}

.padding-top {
    margin-top: 50px;
}

.padding-bottom {
    margin-bottom: 50px;
}

footer img {
    padding-bottom: 10px;
}

.grupos a {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    display: block;
    padding: 30px 0;
    border-radius: 5px;
    background: linear-gradient(90deg, #0094ff 0%, #0094ff 100%);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    margin-bottom: 15px;
}

    .grupos a:hover {
        text-decoration: none;
        background: #203864;
    }

.box-produto h5 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px;
}

.btn-catalogo {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    background: #0094ff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

    .btn-catalogo:hover {
        color: #fff;
        background: #203864;
        text-decoration: none;
    }

.navbar {
    padding: 0 1rem;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .5);
    font-weight: 700;
    font-size: .85rem;
    text-transform: uppercase;
    padding: 19px 10px;
}

    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.active,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .show > .nav-link {
        color: #203864;
        border-bottom: solid 2px #203864;
    }

.navbar-expand-lg .navbar-nav {
    margin-top: 10px;
}

.dropdown-menu {
    margin-top: -15px !important;
}

    .dropdown-menu a {
        font-size: .75rem;
        font-weight: 500 !important;
        text-transform: uppercase;
    }

.atendimento a {
    position: fixed;
    z-index: 999;
    bottom: 30px;
    right: 30px;
    color: #fff;
    background-color: #89c951;
    text-align: center;
    border-radius: 50px;
    box-shadow: 0 4px 6px rgba(65, 132, 144, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
    display: inline-block;
    padding: 2px 6px;
    transition: box-shadow 0.2s;
}

.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.bg-title {
    background-color: #203864;
    color: #fff;
}

.padding-title {
    padding-top: 45px;
    padding-bottom: 15px;
}

.grupo h4 {
    font-size: 20px;
    font-weight: 700;
    color: #203864;
    padding: 10px;
    text-transform: uppercase;
    border-bottom: solid 1px #153457;
    margin-top: 0px;
}

ul.lista {
    margin-bottom: 30px;
}

    ul.lista li {
        border-bottom: solid 1px #ebebeb;
        line-height: 1.5em;
    }

        ul.lista li a {
            display: block;
            font-size: 15px;
            font-weight: 500;
            padding: 10px 10px;
            color: #153457;
            display: block;
        }

            ul.lista li a:hover {
                text-decoration: none;
                background-color: #ebebeb;
            }

        ul.lista li.active a {
            text-decoration: none;
            background-color: #ebebeb;
        }

.produto {
    transition: box-shadow .3s;
    padding: 10px;
    border: solid 1px #fff;
    min-height: 350px;
}

    .produto:hover {
        border: solid 1px #ebebeb;
    }

    .produto a:hover {
        text-decoration: none;
    }

    .produto a img {
        border-bottom: solid 2px #999;
        margin-bottom: 10px;
    }

.altura-produto {
    min-height: 60px;
}

.altura-catalogo {
    min-height: 80px;
}

.produto a {
    color: #666;
    font-weight: 500;
}

.produtos {
    background-color: #f1f1f1;
    min-height: 470px;
}

    .produtos h3 {
        margin-top: 60px;
    }

ul.list-social {
    padding-left: 85px;
    margin-top: 15px;
}

    ul.list-social li a {
        display: inline-block;
        padding-right: 0px !important;
        padding-left: 0px;
    }

.fa-inverse {
    color: #363636 !important;
}

.fa-stack-1x {
    color: #363636 !important;
    background-color: #d8d9d8;
    border-radius: 50%;
}

    .fa-stack-1x:hover {
        color: #fff !important;
        background-color: #203864;
        border-radius: 50%;
    }

.displaynone {
    display: none;
}

ul.list-header {
    text-align: center;
}

    ul.list-header li a {
        color: #fff;
        font-size: 11px;
    }

p {
    line-height: 1.6em;
    font-size: 16px;
}

ol {
    padding-left: 25px;
}

    ol li,
    ul li {
        line-height: 2em;
        font-size: 16px;
    }

.navbar-default {
    background-color: #fff;
}

ul.nav li a {
    padding: 38px 15px !important;
    color: #666666 !important;
    font-weight: 400;
    font-size: 16px;
}

    ul.nav li a.active {
        color: #272b97 !important;
    }

    ul.nav li a:hover {
        color: #999 !important;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s;
    }

.navbar-default .navbar-toggle .icon-bar {
    background-color: #203864 !important;
}

.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #fff !important;
}

.form-group-lg .form-control {
    height: 60px;
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
    height: 60px;
    background-color: #0094ff;
    border: solid 1px #0094ff;
    font-weight: 700;
}

    input[type=button].btn-block:hover,
    input[type=reset].btn-block:hover,
    input[type=submit].btn-block:hover {
        ;
        background-color: #203864;
        border: solid 1px #203864;
    }

.destaques {
    background-color: #ebebeb;
    margin-bottom: 30px;
    padding: 70px 0px 40px 0px;
}

    .destaques a {
        font-size: 18px;
        color: #333333;
        text-decoration: none;
    }

        .destaques a:hover {
            color: #203864;
        }

    .destaques img {
        padding-bottom: 10px;
    }

.retire {
    color: #fff;
    background-color: #0094ff;
    padding: 30px 60px;
}

.news {
    color: #fff;
    background-color: #203864;
    padding: 30px 60px;
}

.btn-cadastrar {
    color: #fff;
    padding: 0px 15px;
    height: 50px !important;
    border-radius: 0px;
    background-color: #333333;
}

    .btn-cadastrar:hover {
        color: #fff;
        background-color: #666;
    }

.copyright {
    color: #cccccc;
    opacity: 0.8;
    padding: 20px 0 20px 0;
    font-size: 10px;
}

ul.list-interno {
    margin-top: -10px !important;
    padding-top: 0px !important;
}

    ul.list-interno li:first-child {
        margin-left: 5px;
    }

    ul.list-interno li a {
        font-size: 85%;
        text-decoration: underline;
    }

    ul.list-interno li:first-child:after {
        content: '';
        padding-left: 10px;
    }

a.btn-retire {
    color: #fff;
    text-transform: uppercase;
    padding: 15px 20px;
    border: solid 1px #fff;
    border-radius: 5px;
}

    a.btn-retire:hover {
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        padding: 15px 20px;
        border: solid 1px #fff;
        background: linear-gradient(90deg, #0094ff 0%, #203864 100%);
    }

.navbar-light {
    border-bottom: solid 1px #ebebeb !important;
}

footer {
    padding-top: 100px;
    background-color: #203864;
    border-top: solid 1px #fff;
    font-size: 14px;
    font-weight: 300;
}

    footer h5 {
        color: #ccc;
        font-size: 12px;
        font-weight: 700;
    }

    footer ul li.fone {
        font-size: 22px !important;
        font-weight: 800;
    }

    footer,
    footer a {
        color: #fff;
    }

    footer ul.social li.list-inline-item:not(:last-child) {
        margin-right: 0.8rem !important;
    }

    footer ul.social li a .fa-stack-1x {
        color: #203864 !important;
        background-color: #fff;
        height: 36px;
        width: 36px;
        border-radius: 50%;
    }

    footer ul.social li a:hover .fa-stack-1x {
        color: #203864 !important;
        background-color: #ccc;
        height: 36px;
        width: 36px;
        border-radius: 50%;
    }

    footer ul.social li .fa {
        color: #203864 !important;
        font-size: 24px;
        padding-top: 4px;
    }

        footer ul li {
            font-size: 15px !important;
            line-height: 2em;
            font-weight: 500;
        }

        footer ul li a:hover {
            color: #ccc;
        }

    footer a:hover {
        color: #ccc;
    }

    footer ul.footer-menu {
        padding-left: 0;
    }

        footer ul.footer-menu li {
            list-style: none;
            line-height: 2.5em;
        }

            footer ul.footer-menu li::before {
                content: '- ';
            }

@media(max-width:991px) {
    body {
        padding-top: 75px;
    }

    .padding-bottom {
        margin-bottom: 35px;
    }

    .padding-top {
        margin-top: 35px;
    }

    .grupos a {
        font-size: 18px;
        padding: 15px 0;
        margin-bottom: 15px;
    }

    .retire {
        padding: 25px 15px;
        min-height: 200px;
    }

    .news {
        padding: 25px 15px;
        min-height: 200px;
    }

    .dropdown-menu {
        margin-top: 0px !important;
    }

    .logo {
        margin-top: 10px;
        max-width: 100px;
    }

    footer img {
        padding-bottom: 10px;
        padding-top: 30px;
    }

    .navbar-light .navbar-toggler {
        border-color: rgba(0,0,0,.5);
    }

    .navbar-toggle {
        border-radius: 0;
        margin-top: 15px;
        border-color: #203864 !important;
        margin-right: 0px;
    }

    .navbar-light .navbar-toggle:focus,
    .navbar-light .navbar-toggle:hover {
        background-color: #203864;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap=' round' stroke-miterlimit=' 10' stroke-width=' 2' d=' M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
    }

    

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #fff !important;
    }

    ul.navbar-nav {
        margin-top: 0px;
        margin-bottom: 0px;
    }

        ul.navbar-nav li a {
            padding: 10px 10px !important;
            margin: 0px !important;
            display: block;
            border-bottom: solid 1px #ebebeb !important;
        }

            ul.navbar-nav li a:hover {
                background-color: #203864;
                color: #fff;
            }

        ul.navbar-nav li.active a {
            background-color: #fafafa;
            color: #203864;
            font-weight: 400;
        }

    .destaques {
        background-color: #ebebeb;
        margin-bottom: 30px;
        padding: 40px 0px 20px 0px;
    }

    .categoria {
        margin: 0px 0 0px 0;
    }

    ul.filtro-box li {
        border-bottom: 1px solid #ccc;
    }

        ul.filtro-box li a {
            color: #444;
            display: block;
            font-size: 18px;
            line-height: 1.5em;
            font-weight: 700;
            padding: 10px 10px;
        }

            ul.filtro-box li a:hover {
                color: #1b6db0;
                background-color: #ebebeb;
                text-decoration: none;
            }

            ul.filtro-box li a.active {
                color: #1b6db0;
                background-color: #ebebeb;
                text-decoration: none;
            }

        ul.filtro-box li:last-child {
            border-bottom: none;
        }

    footer {
        padding-top: 40px;
        padding-bottom: 0px;
        margin-top: 0px;
    }

    .padding-footer {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    footer h3 {
        margin-top: 5px;
    }

    .copyright {
        padding: 10px 0;
        font-size: 10px;
        margin-top: 20px;
    }
}