@import "../fonts/gothan.css";
@import "animation.css";

body,html{
    height: 100%;
    min-height: 100%;
    padding: 0;margin: 0;
    -webkit-overflow-scrolling : touch !important;
    overflow: auto !important;
}

/*
input,
textarea {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}*/

body{
    padding-top: 20px;
    font-weight: normal;
    font-style: normal;
    background-color: #999999; /* 5D2810FF */
    font-family: 'Gotham',sans-serif;
}

.navbar{
    padding-bottom: 20px;
}
.navbar > .container{
    width: 1000px;
    max-width: 100% !important;
}
.navbar,
.navbar-light.bg-light{
    background-color:#999999;
}
.navbar .navbar-brand > img{
    width: 260px;
    max-width: 100%;
}

.navbar .navbar-nav .nav-item .nav-link{
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Gotham',sans-serif;
}
.navbar .navbar-nav .nav-item .nav-link:hover{
    color: #fff;
    text-transform: uppercase;
}
.navbar {
    --bs-navbar-toggler-border-color: rgba(222,240,246,0.15);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28222, 240, 246,1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

@media(max-width: 992px){
    body{
        padding-top: 70px;
    }
    .navbar{
        position: fixed;
        width: 100%;
        z-index: 999;
        left: 0;top:0;
        padding-bottom:0px;
    }
    .navbar .navbar-brand > img{width: 200px !important;}
}
@media(max-width: 768px){
    .navbar .navbar-brand > img{width: 180px !important;}
}

/*------------------- section banner ------------- */
.section-banner{
    display: block;
    width: 100%;
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.section-banner.bg-banner-home{
    background-image: url("../img/banner-principal.png");
}

.bg-banner-home > .container{
    width: 1000px;
    max-width: 100% !important;
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 600px;
}
.bg-banner-home h1{
    color:#57240e;
    display: block;
    font-style: normal;
}
.bg-banner-home h1 > span{
    display: inline;
    color: #57240e;
    font-size: 1.5em;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    /*background-color: #fcd9ca;*/
}

@media (max-width: 992px) {
    .bg-banner-home > .container{
        min-height: 400px;
    }
    .section-banner.bg-banner-home{
        background-image: url("../img/banner-principal-mb.jpg");
    }
    .bg-banner-home > .container{
        min-height: 0;
        padding-bottom: 40%;
    }

}
@media (max-width: 768px) {
  .bg-banner-home h1 > span{
      font-size: 1.3em;
      min-height: 350px;
  }
  .section-banner.bg-banner-home{
        background-image: url("../img/banner-principal-mb.jpg");
  }
}

.page-home .lista-projetos{
    float: left;
    display: block;
    width: 100%;
}
.page-home .lista-projetos h1{
    color: #DEF0F6FF;
    text-transform: uppercase;
    padding-top: 25px;
    padding-bottom: 15px;
}
.page-home  .lista-projetos h1 > span{
    font-weight: 300;
}
.page-home  .lista-projetos h1 > b{
    font-weight: 500;
}

.page-home .btn-ver-todos{
 font-weight: 600;
  color: rgb(34,43,75);
  padding: 10px;
  width: 260px;
  min-height: 40px;
  text-transform: uppercase;
  background-color: #DEF0F6FF;
}
.lista-projetos .term-search{
    padding-top: 25px;
    padding-bottom: 25px;
    color: #DEF0F6FF;
}
.lista-projetos .term-search small{
    color: #DEF0F6FF;
}
.lista-projetos.projetos-vencedores h1{
    position: relative;
}
.lista-projetos.projetos-vencedores h1:before{
     position: absolute;
     content: " ";
     width: 75%;
     border: 2px solid rgba(222, 240, 246,1);
     bottom:0px;
     right: 12.5%;
}
.lista-projetos.projetos-vencedores h1:after{
    position: absolute;
    content: " ";
    width: 75%;
    /*border: 2px solid rgba(154, 141, 124, 0.75);*/
    border: 2px solid rgba(222, 240, 246,1);
    top:0px;
    right: 12.5%;
}
.lista-projetos.projetos-vencedores > .container{
    width: 1000px;
    max-width: 100%;
}
.lista-projetos.projetos-vencedores h1 span{
    font-size: 0.9em;
    font-weight: 400;
}

.lista-projetos hr{
    border-top-color:#DEF0F6FF;
}

/*------------------- home-destaque ------------- */
section.home-destaque{
    clear: both;
}
section.home-destaque .container{
    padding-top:50px;
    padding-bottom: 50px;
}
section.home-destaque .texto p{
   color:#DEF0F6FF;
   font-weight: 500;
   font-size: 1.6em;
}
@media(max-width:768px){
    .home-destaque .texto{
       padding-top: 50px;
    }
}

/*------------------- home-clubreconhece ------------- */
section.acao-clube-reconhece{
    width: 100%;
    clear: both;
    background-color:#999999;
}
section.acao-clube-reconhece > .container{
    padding-top: 50px;
    padding-bottom: 50px;
}
section.acao-clube-reconhece p{
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 1.8em;
    font-family: Montserrat, sans-serif;
}

@media(max-width: 768px){
    section.acao-clube-reconhece p{
        color: #fff;
        font-size: 1.3em;
    }
}
/*------------------- home-premiação ------------- */
section.premiacao{
    width: 100%;
    display: block;
    clear: both;
    float: left;
    background-color:transparent;
    padding-bottom: 40px;
}
section.premiacao .border-1,
section.premiacao .container{
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
}
section.premiacao .border-1{
    display: block;
    padding: 3px;
    background-color:#999999;
}
section.premiacao .border-1 > .container{
    padding-top: 25px;
    padding-bottom: 25px;
    max-width: 100%;
}

section.premiacao .divider{
    border-to:0px;
    border-bottom: 4px solid #fff;
}
section.premiacao h2.title{
    color: #fff;
    font-size: 2.8em;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
}
section.premiacao h2.title > span{
    font-weight: 500;
    font-family: Montserrat, sans-serif;
}

section.premiacao h3.title{
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
}
section.premiacao h3.title > span{
    font-weight: 500;
    font-size: 28px;
    font-family: Montserrat, sans-serif;
}

section.premiacao .primeiro-lugar{
    padding-top: 25px;
}
section.premiacao .primeiro-lugar .col-texto{
   position: relative;
}
section.premiacao .segundo-lugar{
    padding-top: 25px;
    padding-bottom: 25px;
}
section.premiacao .primeiro-lugar p{
    color: #fff;
    font-weight: 600;
    font-size: 1.8em;
    position: absolute;
    width: 140%;
    right: 25px;top: 0;
    font-family: Montserrat, sans-serif;
}
section.premiacao .info p{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
}
section.premiacao .info p > strong{
    color: #fff;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
}
section.premiacao .info p > small{
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
}
section.premiacao .regras{
    display: flex;
    padding: 30px;
    min-height: 60px;
    border-radius: 25px;
    background-color: #6a6969;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
section.premiacao .regras p{
    color: white;
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
}

@media(max-width: 768px){
    section.premiacao .segundo-lugar h3{
        width: 80%;
        margin: 0 auto;
    }
    section.premiacao h2.title{
        font-size: 2em;
    }

    section.premiacao h3.title{
        font-size: 30px;
    }
    section.premiacao h3.title > span{
        font-size: 24px;
    }
}
@media (max-width: 992px) {
    section.premiacao .primeiro-lugar p{
        position: relative;
        width: 100%;
        right: auto;top: auto;
    }
}
@media (max-width: 1000px) {
    section.premiacao > .container{
    }
    section.premiacao > .container {
        min-height:500px;
    }
}

/*------------------- section-raking ---------------*/
.section-ranking {
    width: 100%;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #999999;
    /* background-image: url("../img/ranking-fundo.jpg"); */
}
.section-ranking > .container{
    min-height: 700px;
    width: 1000px;
    max-width: 100%;
}
.section-ranking .ranking-header{
    display: block;
    padding-top: 30px;
    padding-bottom:30px;
    margin-bottom: 20px;
}
.section-ranking .ranking-header h2{
    color: #fff;
    font-size: 3em;
    font-weight: 700;
    font-family: Montserrat, sans-serif;
}

.section-ranking .ranking-header .img-fluid{
    width: 400px;
    max-width: 100%;
    margin-left:auto;
}
table.ranking tr th,
table.ranking tr td{
    border: 1px solid #000000;
}
table.ranking thead tr th,
table.ranking thead tr td{
    text-align: center;
    color: #000;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #bbbaba;
    font-family: Montserrat, sans-serif;
}

table.ranking tbody tr th,
table.ranking tbody tr td{
    text-align: center;
    color: #000;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
}

table.ranking tbody tr:nth-child(even) th,
table.ranking tbody tr:nth-child(even) td{
  background-color: #a6a6a6;
}
table.ranking tbody tr:nth-child(odd) th,
table.ranking tbody tr:nth-child(odd) td{
 background-color: #fff;
}

@media(max-width: 768px){
    .section-ranking .ranking-header h2{
        font-size: 2em;
    }
    .section-ranking .ranking-header .img-fluid{
        width: 300px;
        max-width: 100%;
    }
    table.ranking thead tr th,
    table.ranking thead tr td{
        font-size: .9em;
    }
    table.ranking tbody tr th,
    table.ranking tbody tr td{
        font-size: .9em;
    }
}

@media(max-width: 570px){
    .section-ranking .ranking-header h2{
        font-size: 2em;
        text-align: center;
        margin-bottom: 25px;
    }
    .section-ranking .ranking-header .img-fluid{
        width: 270px;
        max-width: 90%;
        margin: 0 auto;
    }
}

/*------------------- home-form ------------------- */
section.form-bottom{
    width: 100%;
    clear: both;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
section.form-bottom{
    background-image: url("../img/bg-footer.jpg");
}
section.form-bottom > .container{
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 660px;
}
section.form-bottom .col-form-box{
    position: relative;
    padding: 30px;
    min-height: 350px;
    border-radius: 25px;
    background-color: #bbbaba;
}
section.form-bottom h3{
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
    font-family: Montserrat, sans-serif;
}
section.form-bottom  .form-floating label{
    color: #000;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: transparent;
}
section.form-bottom .form-control {
    padding-top: 8px;
    padding-bottom: 8px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgba(255, 255, 255,.95);
    background-clip: padding-box;
    border: 1px solid #ffffff;
    border-radius: 8px;
    transition: border-color 0.15s ease-in-out;
    color: #000;
    font-weight: 500;
}
section.form-bottom .form-control:focus {
    font-family: Arial, Helvetica, sans-serif;
    color: #0b0b0b;
    background-color: #fff !important;
    border-color: #000;
    outline: 0;
    box-shadow:none;
}
section.form-bottom .form-control::-moz-placeholder {
    font-size: 14px;
    color: #000;
    opacity: 1;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}
section.form-bottom .form-control::placeholder {
    color: #4a4a4a;
    opacity: 1;
    font-size: 14px;
    text-transform: uppercase;
    overflow: visible;
    font-family: Arial, Helvetica, sans-serif;
}
section.form-bottom .col-form-button{
    min-height: 50px;
}
section.form-bottom .form-check-label{
    color: #000;
    font-size: 13px;
    font-family: Montserrat, sans-serif;
}
/*
section.form-bottom .form-floating > .form-control:focus ~ label::after,
section.form-bottom .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
section.form-bottom .form-floating > .form-control-plaintext ~ label::after,
section.form-bottom .form-floating > .form-select ~ label::after {
    position: absolute;
    inset: 1rem 0.375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: transparent;
    border-radius: 0;
}
.form-floating span{
    width: 200px;
    max-width: 100%;
    display: block;
    padding: 0px 5px 5px 5px;
    position: absolute;
    right: 0;top:0;
    background-color: #722323;
    line-height: 100%;
}
.form-floating span > small{
    color: #fff;
    font-size: 12px;
    line-height: 100%;
}
*/
.col-form-box{
    position: relative;
}
.col-form-box #statusContainer{
    display: none;
    padding: 25px;
    position: absolute;
    z-index: 10;
    left: 0;top: 0;
    width: 100%;height: 100%;
    background-color: #fff;
    border: 2px solid #3e3e3e;
}
.col-form-box #statusContainer > .alert{
    width: 100%;
}
section.form-bottom small.error{
    font-size: 13px;
    color: #050505;
}

@media (max-width: 992px) {
    section.form-bottom .col-form-button{
        min-height: 80px;
    }
}
/*------------------- card projeto ------------- */
.card-projeto{
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 110%;
    margin: 0 auto;
    margin-bottom:5px;
    width: 380px;
    max-width: 100%;
}
.card-projeto > a{
    position: absolute;
    display: block;
    cursor: pointer;
    width: 100%; height: 100%;
    z-index: 15;
}
.card-projeto > .img-bg{
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 0;
   top: 50%;left: 50%;
   transform: translate(-50%,-50%);
   transition: all 0.200s ease;
}
.card-projeto > .img-bg{
   background-color: #a1a0a0;
   background-repeat: no-repeat;
   background-position: center center;
   -moz-background-size: cover;
   -webkit-background-size: cover;
   background-size: cover;
}
.card-projeto > .card-title{
    position: absolute;
    min-height: 140px;
    display: block;
    padding: 25px;width: 100%;
    left: 0; bottom:0%;z-index: 10;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.card-projeto > .card-title > span{
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Gotham',sans-serif;
}
.card-projeto:hover > .img-bg{
    width: 110%;
    height: 110%;
}

@media (max-width: 768px) {
    .card-projeto{
        padding-bottom: 100%;
        max-width: 100%;
    }
    .card-projeto > .card-title{
        min-height: 100px;
    }
}

@media (max-width: 570px) {
    .card-projeto{
        padding-bottom: 60%;
        max-width: 100%;
    }
    .card-projeto > .card-title{
        min-height: 80px;
    }
}

/*------------------- Projetos  ------------- */
.page-projetos .section-banner{
    position: relative;
}
.page-projetos .section-banner > .banner-content{
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    max-width: 100%;
    justify-content: center;
    align-items: center;
}
.banner-content h1{
    color: #fff;
    line-height: 120%;
    font-weight: 500;
    text-transform: uppercase;
}
.banner-content .info{
    padding-top: 25px;
    padding-bottom: 25px;
}
.banner-content .info > a,
.banner-content .info > span,
.banner-content .info > div{
    color: #fff;
    font-weight: 500;
}
.banner-content .info > a{ text-decoration: none; }
.banner-content .info > a:hover{
    text-decoration: underline;
}
.banner-content .info > div{ display: inline-block; padding-left: 10px;padding-right: 10px}

@media (max-width: 768px) {
    .banner-content h1{
        font-size: 1.5em;
    }
    .banner-content .info{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .banner-content .info > a,
    .banner-content .info > span,
    .banner-content .info > div{
        font-size: 14px;
    }
    .page-projetos .section-banner{
        padding-bottom: 0px;
        min-height: 200px;
    }
}
/*------------------- Projetos > .arquiteto -- */
.arquiteto{
    display: block;
    width: 100%;
    float: left;
}
.arquiteto > .container{
     padding-top: 25px;
     padding-bottom: 25px;
}
.arquiteto .info-arquiteto{
    padding-left: 25px;
}
.arquiteto .info-arquiteto h2{
    color: #DEF0F6FF;
    font-weight: 500;
}
.arquiteto .info-arquiteto .description p{
  color:#fff;
}
.arquiteto .data-local span,
.arquiteto .data-local b{
    color:#fff;
}
.arquiteto .data-local b{
    font-weight: 600;
    text-transform: uppercase;
}
.arquiteto .btn-voto{
    position: relative;
    width: 300px;
    height: 60px;
    max-width: 100%;
    padding-left: 60px;
    padding-right: 10px;
    outline: 0;
    border: 0px solid transparent;
    background-color:#DEF0F6FF;
    background-image:url("../img/icon-voto.png");
    background-repeat:no-repeat;
    background-position: 15px center;
}
.arquiteto .btn-voto > span{
    color:#f0e0cc;
    display: block;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}

.arquiteto .social-links > a{
    width: 35px;
    height:35px;
    border: 1px solid #DEF0F6FF;
}
.projeto-galeria{
    display: block;
    width: 100%;
    float: left;
}
.owl-galeria .item{
    position: relative;
    cursor: pointer;
}
.owl-galeria .item .svg-icon{
    position: absolute;
    width: 30px;height: 30px;
    top: 0px;right: 0px;
    z-index: 10;
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.300s ease;
 }
.owl-galeria .item:hover .svg-icon{
    opacity: 1;
}
.owl-galeria .item .img-bg{
    z-index: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}
.projeto-pagination{
    display: block;
    width: 100%;
    float: left;
}

.projeto-pagination > .container{
    padding-top: 25px;
    padding-bottom: 25px;
}

.projeto-pagination .card-page{
    width: 35%;
}
.projeto-pagination .center-icon{
    width: 80px;
    height: 80px;
}

.projeto-pagination .u-image{
    display: block;
    width: 100px;
    height:100px;
    border-radius: 50%;
}

.projeto-pagination .user-name{
    color:#DEF0F6FF;
    font-size: 22px;
    font-weight: 500;
}
.projeto-pagination .page-info{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

@media(max-width: 992px){
    .projeto-pagination .u-image{
        width: 80px;
        height:80px;
    }
}
@media (max-width: 768px) {
    .owl-galeria .item .svg-icon{
        opacity: 1;
    }
}
@media (max-width: 570px) {
    .projeto-pagination .card-page{
        width: 48%;
    }
    .projeto-pagination .u-image{
        width: 60px;
        height:60px;
    }
    .projeto-pagination .user-name{
        color: #DEF0F6FF;
        font-size: 16px;
        font-weight: 500;
    }
    .projeto-pagination .page-info{
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
    }
}
.pagination{
    justify-content: center;
    align-items: center;
}
.pagination .page-item,
.pagination .page-item .page-link{
    color: #2a2a2a;
}
.pagination .active>.page-link,
.pagination .page-link.active{
    color:#fff;
    border-color: #333d7c;
    background-color: #333d7c;
}
/*------------------- Pág. Sobre ------------- */
.sobre{
    display: block;
    width: 100%;
    float: left;
    border-top: 1px solid rgb(93,99,116);

}
.sobre > .container{
    padding-top: 40px;
    padding-bottom:40px;
}
.sobre .sobre-txt {
  display: block;
  width: 680px;
  max-width: 100% !important;
}
.sobre .sobre-txt {
    color: #fff;
}
.sobre .sobre-txt h2{
    color: #DEF0F6FF;
}
.sobre .sobre-txt p{
    font-size: 17px;
    color: #fff;
}
.bg-banner-sobre h1{
    font-size: 1.7em;
}
@media (max-width: 1199px) {
    .banner-content h1{
        color: #fff;
        font-size: 1.4em;
    }
    .section-banner.bg-banner-sobre{
        padding-bottom: 0px;
        min-height: 250px;
    }
}
@media(max-width: 992px){
    .banner-content h1{
        padding-top: 15px;
    }
    .section-banner.bg-banner-sobre{
        padding-bottom: 0px;
        min-height: 220px;
    }
}
@media(max-width: 768px){
    .section-banner.bg-banner-sobre{
        padding-bottom: 0px;
        min-height: 220px;
    }
}

/*------------------- PopUp Inline  ----------- */
.mfp-bg{
 /*background-color: transparent;*/
}
.pop-up-inline{
    position: relative;
    background: rgba(151,139,124,.9);
    padding: 28px 20px 20px 20px;
    width: auto;
    max-width: 550px;
    margin: 20px auto;
}
.pop-up-inline .close-btn{
    position: absolute;
    cursor: pointer;
    right: 5px;top: 5px;
    width: 30px;height: 30px;
    background:transparent url("../img/cancel.png") no-repeat center center;
}
.pop-up-inline .pop-up-content{
    margin-left: auto;
    margin-right: auto;
    min-height: 380px;
}
.pop-up-inline h2,
.pop-up-inline h1{
    color: #fff;
}


/*------------------- Footer  ---------------- */
footer > .container{
    min-height: 150px;
}
footer p{
    color: #fff;
}
@media (max-width: 570px) {
    footer > .container{
        min-height: 80px;
    }
}