@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');


body {
    font-family: 'Lato', sans-serif;
}

a {
    color: #808080;
    transition: all 0.3s ease;
}

    a:hover {
        text-decoration: none;
        color: orange;
    }

.fundo-laranja {
    background-color: #000;
}

header {
    /*background-color: rgba(0, 0, 0, 0.14);*/
}

.navbar-principal {
    margin-top: 10px;
    padding: 0;
    /*border: solid 1px #e8e8e8;
    border-radius: 20px;*/
    overflow: hidden;
    /*background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 71%, rgba(237,237,237,0.5) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(71%, rgba(255,255,255,0.9)), color-stop(100%, rgba(237,237,237,0.86)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 71%, rgba(237,237,237,0.5) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 71%, rgba(237,237,237,0.5) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 71%, rgba(237,237,237,0.5) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 71%, rgba(237,237,237,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );*/
}

    .navbar-principal a {
        letter-spacing: .5px;
        padding: 12px 15px;
        /* text-transform: uppercase; */
        display: inline-block;
        font-weight: 500;
        transition: all 0.3s ease;
        text-transform: uppercase;
        font-size: 14px;
    }

        .navbar-principal a:hover {
            background-color: rgba(237,237,237,0.5);
            text-decoration: none;
            /*border-color: rgba(255, 255, 255, 0.9);*/
            color: #0057ab;
        }

    .navbar-principal .navbar-brand {
        /*color: rgba(255,255,255,.9);*/
        border: none;
    }

    .navbar-principal .navbar-toggler {
        background-color: rgba(255, 255, 255, 1);
        border-color: orange;
    }





.leilao-proximo {
    margin-top: 20px;
    display: block;
    -webkit-box-shadow: 0 3px 3px 0 #ececec;
    box-shadow: 0 3px 3px 0 #ececec;
    font-size: 16px;
    color: #484848;
    min-height: 75px;
}

    .leilao-proximo:hover {
        color: #484848;
        -webkit-box-shadow: 0 3px 3px 0 #a9a9a9;
        box-shadow: 0 3px 3px 0 #a9a9a9;
    }



    .leilao-proximo .leilao-imagem {
        width: 100%;
        padding-bottom: 75%;
        background-position: center top;
        background-size: cover;
    }

    .leilao-proximo h3 {
        font-size: 24px;
        font-weight: 300;
        color: #323232;
        overflow: hidden;
        padding: 5px 5px 10px 10px;
        margin: 0;
    }

    .leilao-proximo time, .leilao-proximo .informacoes {
        padding: 5px 10px;
        display: block;
        color: #4e4e4e;
        margin-right: 10px;
        font-size: 14px;
    }

        .leilao-proximo time i, .leilao-proximo .informacoes i {
            background: #73cf42;
            padding: 4px 16px;
            color: #fff;
            font-weight: 600;
            border-radius: 3px;
        }

    .leilao-proximo p {
        /*border-bottom: solid #e8e8e8 1px;*/
        padding: 5px 10px 15px 10px;
        margin-bottom: 0;
        /*height: 85px;*/
        overflow: hidden;
    }

    .leilao-proximo .row div {
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 500;
        padding-bottom: 5px;
    }

    .leilao-proximo .row .col-9 i {
        margin-left: 8px;
        margin-right: 5px;
        color: orange;
    }

    .leilao-proximo .row .col-12 i {
        margin-left: 8px;
        color: orange;
    }

    .leilao-proximo .row .col-3 {
        color: red;
        font-weight: 300;
    }

.logo img {
    max-width: 100%;
    margin-top: 5px;
}

.proximo-lotes {
    margin-top: 20px;
}


    .proximo-lotes a {
        display: block;
        overflow: hidden;
        margin-bottom: 22px;
        padding: 0;
        border: solid 1px #e8e8e8;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        .proximo-lotes a:last-child {
            margin-bottom: 20px;
        }

        .proximo-lotes a:hover {
            border-color: orange;
        }

        .proximo-lotes a .imagem {
            display: block;
            width: 100%;
            height: 80px;
            background-position: center;
            background-size: cover;
        }

        .proximo-lotes a .dados {
            display: inline-block;
            float: left;
            height: 80px;
            font-weight: 500;
            color: #323232;
        }

            .proximo-lotes a .dados strong {
                color: #ffc000;
            }

.leilao-pagina .folder {
    cursor: pointer;
}

.leilao-pagina h4 {
    font-size: 20px;
    text-align: center;
}

    .leilao-pagina h4 i {
        margin-right: 5px;
    }

.leilao-pagina .informacoes {
    display: block;
    /* border-bottom: solid 1px #e5e5e5; */
    position: relative;
    background-color: rgba(255, 155, 0, 0.08);
    margin-bottom: 10px;
}

    .leilao-pagina .informacoes .btn {
        display: block;
        margin: 10px;
        width: 100%;
    }

    .leilao-pagina .informacoes .titulo-informacao {
        display: inline-block;
        padding: 3px;
        border-bottom: solid 2px orange;
        position: relative;
        margin-bottom: -1px;
        color: #fff;
        background-color: #9d252a;
        font-weight: 700;
        letter-spacing: .5px;
        font-size: 13px;
    }

        .leilao-pagina .informacoes .titulo-informacao i {
            margin: 3px;
            color: orange;
        }

    .leilao-pagina .informacoes .informacao {
        display: inline-block;
        padding-left: 3px;
        font-weight: bold;
        color: #000;
    }



.leilao-lote {
    /*border: solid 1px #fff;*/
    margin-bottom: 15px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.24);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.24);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.24);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    .leilao-lote:hover {
        color: #d1232e;
        /*border-color: #0081c2;*/
        -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.41);
        -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.41);
        box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.41);
    }

    .leilao-lote .imagem-lista-lote {
        width: 100%;
        padding-bottom: 60%;
        background-position: center;
        background-size: cover;
        /*-webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;*/
    }

    .leilao-lote h4 {
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2;
        margin: 0;
        color: #323232;
        /*text-transform: uppercase;*/
        height: 50px;
        overflow: hidden;
    }

    .leilao-lote strong {
        font-size: 20px;
        font-weight: 700;
        color: #d1232e;
        display: block;
        margin-bottom: 10px;
    }


    .leilao-lote:hover h4 {
        color: #d1232e;
    }


.nav-bread {
    margin-top: 15px;
    overflow: hidden;
}

.breadcrumb {
    padding: 5px;
    border-radius: 0;
    background-color: #fff;
    margin: 0;
    border-bottom: solid 1px rgba(232, 232, 232, 0.4);
}

    .breadcrumb li {
        padding: 0px 10px 0px 5px;
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .breadcrumb a {
        color: silver;
    }

.breadcrumb-item.active {
    color: orange;
    font-weight: bold;
}


.breadcrumb-item + .breadcrumb-item::before {
    content: "»";
    color: silver;
    padding-left: 0;
}


.boxes {
    padding: 20px;
    border-radius: 5px;
}

    .boxes h4 {
        text-transform: uppercase;
        font-size: 25px;
        font-family: 'Lato', sans-serif;
        margin-bottom: 15px;
    }


.box-social {
}

    .box-social h4 {
    }

    .box-social a {
        display: block;
        width: 100%;
        padding-bottom: 100%;
        position: relative;
    }

        .box-social a i {
            text-align: center;
            position: absolute;
            top: 50%;
            width: 100%;
            transform: translateY(-50%);
            font-size: 35px;
            color: #fff;
        }


    .box-social .instagram {
        background: linear-gradient( #400080, transparent), linear-gradient( 200deg, #d047d1, #ff0000, #ffff00);
    }

    .box-social .facebook {
        background-color: #337ab7;
    }

    .box-social .youtube {
        background-image: -ms-linear-gradient(top, #E30000 0%, #C90000 100%);
        background-image: -moz-linear-gradient(top, #E30000 0%, #C90000 100%);
        background-image: -o-linear-gradient(top, #E30000 0%, #C90000 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E30000), color-stop(100, #C90000));
        background-image: -webkit-linear-gradient(top, #E30000 0%, #C90000 100%);
        background-image: linear-gradient(to bottom, #E30000 0%, #C90000 100%);
    }


.box-novidades {
    /*background-color: #0081c2;*/
}


    .box-novidades h4 {
        color: #888888;
    }

.galeria-home .row .col-7 {
    padding-left: 0;
}

.galeria-home {
    /* color: #fff; */
    display: block;
    /* border: solid 1px #64B5F6; */
    border-radius: 5px;
    margin-bottom: 10px;
    background-color: rgba(232, 232, 232, 0.1);
}


    .galeria-home:hover {
        color: #484848;
        -webkit-box-shadow: 0 2px 2px 0 #dbdbdb;
        box-shadow: 0 2px 2px 0 #dbdbdb;
    }

    .galeria-home .imagem {
        width: 100%;
        padding-bottom: 80%;
        background-position: center;
        background-size: cover;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        .galeria-home .imagem.imagem-wide {
            padding-bottom: 65%;
        }

    .galeria-home .dados {
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .7px;
    }

        .galeria-home .dados strong {
            color: #43A047;
            font-size: 18px;
            font-weight: 400;
            height: 105px;
            display: block;
            overflow: hidden;
        }

        .galeria-home .dados p {
            color: orange;
        }


.galeria-interna .titulo {
    color: orange;
    padding: 5px;
    font-size: 25px;
    font-weight: 300;
    height: 85px;
    overflow: hidden;
}

.galeria-interna .data {
    color: #78909C;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
}

img {
    max-width: 100%;
}


/* jQuery Countdown styles 2.0.0. */
.lote-auditorio .is-countdown {
    width: 205px !important;
}

.is-countdown {
    margin-top: 10px;
    /* border: 1px solid #28a745; */
    /* background-color: #000000; */
    display: inline-block;
    /* margin-bottom: 10px; */
    width: 100%;
    /* height: 45px; */
    color: #28a745;
    padding: 5px;
}


.countdown-rtl {
    direction: rtl;
}

.countdown-holding span {
    color: #888;
}

.countdown-row {
    clear: both;
    /*width: 100%;*/
    padding: 0px 2px;
    text-align: center;
}

.countdown-show1 .countdown-section {
    width: 98%;
    padding: 10px;
}

.countdown-show2 .countdown-section {
    width: 48%;
    padding: 10px;
}

.countdown-show3 .countdown-section {
    width: 31%;
    padding: 10px;
}

.countdown-show4 .countdown-section {
    /*width: 20%;*/
    padding: 5px 15px;
    text-align: center;
}

.countdown-show5 .countdown-section {
    width: 19.5%;
    padding: 10px;
}

.countdown-show6 .countdown-section {
    width: 16.25%;
    padding: 10px;
}

.countdown-show7 .countdown-section {
    width: 14%;
    padding: 10px;
}

.countdown-section {
    border: solid 1px orange;
    border-radius: 10px;
    margin: 3px;
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
}

.countdown-amount {
    font-size: 200%;
}

.countdown-period {
    display: block;
}

.countdown-descr {
    display: block;
    width: 100%;
}

.is-countdown .countdown-row:before {
    content: 'Encerra em:';
    color: silver;
    display: block;
    font-size: 13px;
    font-weight: normal;
}

#lanceAtual {
    color: #d70000;
    display: block;
    font-size: 35px;
    font-weight: bold;
}

    #lanceAtual:before {
        content: 'Lance atual:';
        color: silver;
        display: block;
        font-size: 13px;
        font-weight: normal;
    }

#apelidoVencedor {
    color: rgba(0,0,0,0.7);
    display: block;
    font-size: 13px;
    font-weight: bold;
}



.countdown-curto {
    margin: 0;
}

    .countdown-curto .countdown-row {
        padding: 0;
    }

        .countdown-curto .countdown-row:before {
            color: red;
        }

    .countdown-curto .countdown-period {
        display: none;
    }

.linha-lancar {
    margin-top: 10px;
}

    .linha-lancar .progress {
        margin-top: 10px;
        /*display: none;*/
    }

    .linha-lancar select, .linha-lancar input {
        display: inline-block;
    }

    .linha-lancar select {
        width: 50%;
        text-align: right;
        background-color: #fff;
    }

        .linha-lancar select option {
            text-align: right;
        }

    .linha-lancar input {
        width: 35%;
    }


#alertas {
    margin-top: 5px;
}

.borda-cinza {
    border: solid 1px #e8e8e8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.obrigatorio:after {
    content: '*';
    color: red;
    font-weight: bold;
}

.cadastro .col-form-label {
    text-align: right;
}

.display-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1;
}

.display-5 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-6 {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.2;
}

.embed-responsive-16by3::before {
    padding-top: 18.75%;
}

.contato .fa-fw {
    width: 2em;
    padding: 6px;
    color: orange;
}

.fundo-azul {
    background: #002342;
    overflow: hidden;
    padding: 10px;
}

footer {
    border-top: solid 1px #e8e8e8;
    background-image: url('../imagens/grama.png');
    background-size: cover;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
}

    footer .fundo-branco {
        padding-top: 30px;
        background-color: rgba(255, 255, 255, 0.75);
    }

    footer h3 {
        text-transform: uppercase;
        font-size: 20px;
    }

    footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-left: 10px;
    }

        footer ul li {
        }

            footer ul li a {
                color: #000;
                padding: 6px;
            }

    footer section {
        margin-top: 25px;
        background-color: rgba(255, 255, 255, 0.20);
    }


.leilao-lista {
    border: solid 1px #fff;
    margin-bottom: 15px;
    color: #616161;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: solid 1px #e8e8e8;
    color: #000;
}

    .leilao-lista:hover {
        border: solid 1px orange;
    }


    .leilao-lista .leilao-pagina .informacoes .titulo-informacao {
        border-bottom-color: #0081c2;
    }

    .leilao-lista .leilao-pagina .informacoes {
        border-bottom-color: rgba(0, 129, 194, 0.62);
        display: block;
        /*display: inline-block;*/
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        transform: translateY(-50%);
        overflow: hidden;
    }

    .leilao-lista .leilao-pagina .display-5 {
        margin-bottom: 15px;
    }

    .leilao-lista .dia {
        font-size: 43px;
        font-weight: bold;
        background-color: orange;
        color: #fff;
        text-align: center;
    }


    .leilao-lista .mes {
        font-size: 15px;
        font-weight: bold;
        background-color: #FB8C00;
        color: #fff;
        text-align: center;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .leilao-lista .hora {
        font-size: 35px;
        color: #616161;
        border: solid 2px orange;
        text-align: center;
        border-top: none;
        font-weight: 300;
    }

.leiloes-home .leilao-pagina .display-6 {
    height: 50px;
    margin-bottom: 15px;
    overflow: hidden;
}

.parceiros-home {
    list-style: none;
    text-align: center;
    margin: 0;
}

    .parceiros-home li {
        display: inline-block;
        margin: 7px;
        padding: 0;
    }

        .parceiros-home li a img {
            /* opacity: 0.5;
            filter: alpha(opacity=50);*/
            max-width: 150px;
            transition: all 0.5s ease;
        }

        .parceiros-home li a:hover img {
            opacity: 1;
            filter: alpha(opacity=100); /* For IE8 and earlier */
        }

.bloco-5pad {
    display: block;
    width: 100% !important;
    margin: 5px 0 !important;
}

.pad10 {
    padding: 10px;
}

.widget-aovivo {
    background-color: #fe5d4b;
    color: #fff;
    border-radius: 4px;
    font-size: 30px;
    padding: 30px;
    text-align: center;
    position: relative;
    display: block;
    font-weight: 300;
}

    .widget-aovivo span {
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.46);
        position: relative;
        z-index: 2;
        transition: all 0.6s ease;
    }

    .widget-aovivo:hover span {
        text-shadow: 4px 4px 16px rgba(0, 0, 0, 0.8);
        color: #fff;
    }

    .widget-aovivo:before {
        color: rgba(255, 255, 255, 0.1);
        content: "\f144";
        font-family: FontAwesome;
        font-size: 120px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1;
    }

.menu-curto {
    display: block;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
}

    .menu-curto li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        .menu-curto li a {
            display: block;
            margin: 10px;
            padding: 5px 20px;
            border: solid 1px orange;
            border-radius: 10px;
            font-weight: bold;
        }

            .menu-curto li a:hover {
                color: #000;
                background-color: #fff2db;
            }

.icone-mais {
    border: solid 1px;
    border-radius: 50%;
    padding: 4.5px 6px;
}

.login-home {
    margin-top: 20px;
    padding: 20px;
    background-color: rgba(255, 102, 0, 0.8);
    border-radius: 20px;
    background-image: url('../imagens/textura-laranja.jpg');
    background-size: cover;
    background-position: center;
}

    .login-home h3 {
        color: #fff;
        text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
        text-align: center;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: 1px;
        font-size: 30px;
    }

    .login-home .input-group-text {
        background-color: rgba(255, 255, 255, 0.4);
        border: none;
        color: #fff;
        text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.9);
    }

    .login-home .form-control {
        background-color: rgba(255, 255, 255, 1);
        border: none;
    }


    .login-home .btn i {
        margin-left: 5px;
    }

    .login-home a {
        color: #fff !important;
    }

    .login-home .esqueceu {
        text-shadow: 0.5px 0.5px 1px rgba(0, 0, 0, 0.7);
    }

        .login-home .esqueceu:hover {
            text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
        }


.titulo-geral {
    color: #888;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding: 40px 0;
}

span.valerror[style*="inline"] {
    display: block !Important;
    background-color: white;
    font-size: .9em;
    color: red;
    font-weight: bold;
    font-size: 25px;
    padding-right: 10px;
    padding-left: 5px;
}


#columns {
    column-width: 320px;
    column-gap: 15px;
    width: 95%;
    max-width: 1100px;
    margin: 10px auto;
}

div#columns figure {
    background: #fefefe;
    border: 2px solid #fcfcfc;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    margin: 0 2px 15px;
    padding: 15px;
    padding-bottom: 10px;
    transition: opacity .4s ease-in-out;
    display: inline-block;
    column-break-inside: avoid;
    cursor: pointer;
}

    div#columns figure img {
        width: 100%;
        height: auto;
        /*border-bottom: 1px solid #ccc;*/
        padding-bottom: 10px;
        margin-bottom: 5px;
    }

    div#columns figure figcaption {
        font-size: .9rem;
        color: #444;
        line-height: 1.5;
    }

div#columns small {
    font-size: 1rem;
    float: right;
    text-transform: uppercase;
    color: #aaa;
}

    div#columns small a {
        color: #666;
        text-decoration: none;
        transition: .4s color;
    }

.descricaomostra .table-responsive table {
    margin-bottom: 20px;
}

    .descricaomostra .table-responsive table tr:first-child {
        background-color: #f6f6f6;
        border-bottom: solid 1px #e8e8e8;
    }

    .descricaomostra .table-responsive table tr td, .descricaomostra .table-responsive table tr th {
        padding: 5px;
    }

.descricaomostra {
}

.descricaomostra {
}

div#columns:hover figure:not(:hover) {
    opacity: 0.4;
}

@media screen and (max-width: 750px) {
    #columns {
        column-gap: 0px;
    }

        #columns figure {
            width: 100%;
        }
}


@media (max-width: 1200px) {
    .navbar-principal a {
        letter-spacing: 1px;
        padding: 11px;
    }
}

@media (max-width: 540px) {

    .menu-curto li {
        width: 100%;
    }

    .leilao-lista .hora {
        font-size: 20px;
    }

    .navbar-principal {
        background-color: rgba(253, 182, 51, 0.1);
    }
}