/* 1. Painel
--------------*/
#painel .carousel img {height: calc(100vh - 170px); object-fit: cover;}
#painel .carousel .carousel-caption {top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .35); padding: 2rem;}
#painel .carousel .carousel-caption h1 {font-size: 36px; font-weight: 900; text-align: center; text-transform: uppercase; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); line-height: 1.5; margin: 0;}

/* 2. Call to Newspapper
--------------------------*/
#call-to-services {background: linear-gradient(180deg, #FF5D00, #7D4524); color: #FFF;}
#call-to-services h1 {font-weight: 900;}
#call-to-services .fas {font-size: 50px;}
#call-to-services .btn {font-size: 18px;}

/* 3. Call to Advertisement
-----------------------------*/
#call-to-advertisement {background: linear-gradient(180deg, #F4B201, #FFD360);}
#call-to-advertisement h1 {font-weight: 900;}
#call-to-advertisement .fas {font-size: 50px; transform: rotate(340deg);}
#call-to-advertisement .btn {font-size: 18px;}

/* 4. Call to Newspapper
--------------------------*/
#call-to-newspaper {background: linear-gradient(180deg, #00933c, #005222); color: #FFF;}
#call-to-newspaper h1 {font-weight: 900;}
#call-to-newspaper .far {font-size: 50px;}
#call-to-newspaper .btn {font-size: 18px;}

/* 5. Erro
------------*/
#erro .titulo {text-transform: uppercase; font-weight: 900; letter-spacing: 1px;}

/* 6. Contato
---------------*/
#contato h3 {font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;}
#contato p {font-weight: 300;}
#contato .titulo {font-weight: 900; text-align: center; text-transform: uppercase; letter-spacing: 1px;}
#contato .subtitulo {font-size: 16px; font-weight: 300; font-style: italic; text-align: center;}
#contato .social a {font-size: 26px;}
#contato .social a:not(:last-child) {margin: 0 0.5rem 0 0;}

/* 7. Sobre Nós
-----------------*/
#sobre .titulo {font-weight: 900; text-transform: uppercase; letter-spacing: 1px;}
#sobre .subtitulo {font-size: 16px; font-weight: 300; font-style: italic;}
#sobre p {font-weight: 300; text-align: justify;}
#sobre img {height: 418px; object-fit: cover; border-radius: 10px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);}

/* 8. Serviços
----------------*/
#servicos h2:not(.subtitulo) {font-weight: 600; text-transform: uppercase;}
#servicos p {text-align: justify;}
#servicos img {height: 375px; object-fit: cover;}
#servicos .titulo, #servicos .subtitulo {text-align: center;}
#servicos .titulo {font-weight: 900; text-transform: uppercase; letter-spacing: 1px;}
#servicos .subtitulo {font-size: 16px; font-weight: 300; font-style: italic;}
#servicos .container-fluid .row:nth-child(odd) {background: #FFF;}
#servicos .container-fluid .row:nth-child(even):not(.transparent) {background: #00933C; color: #FFF;}

/* 9. Blog
------------*/
#blog .titulo-geral {font-weight: 900; text-transform: uppercase; border-bottom: 1px solid #D2D2D2; padding: 0 0 0.5rem 0; margin: 0 0 1rem 0;}

/* 10. Noticia
----------------*/
#noticia .imagem {margin: 15px 0;}
#noticia .imagem img {margin: 0; border: 1px solid #9B938C;}
#noticia .imagem p {text-align: center; font-size: 13px; font-style: italic; font-weight: 300; text-transform: inherit; margin: 5px 0 0 0;}
#noticia .tipo {text-align: left; margin: 10px 0 5px 0; top: 0; left: 0; padding: 3px 8px; text-transform: uppercase; font-weight: 600; font-size: 12px; z-index: 2; background: #2F3195; color: #fff; max-width: 100%;}
#noticia .titulo {font-size: 30px; font-weight: 600; letter-spacing: .5px; color: #222222; margin: 10px 0 10px 0;}
#noticia .subtitulo {font-size: 14px; text-align: left; margin: 0 0 10px 0;}
#noticia .detalhes {font-size: 11px; font-weight: 400; color: #958C85; margin: 15px 0 0 0; padding: 3px 0; border: 0.7px dashed #958C85; border-right: 0; border-left: 0; text-align: right;}
#noticia .texto {text-align: justify;}
#noticia .more {margin: 2rem 0 5px 0; padding: .85rem 0 0 0; border-top: 1px solid #DACFCF;}
#noticia .more a:not(.btn) {width: 30px; height: 30px; margin: 5px 5px 5px 0; border-radius: 100%; color: #FFF; font-size: 20px; text-align: center; line-height: 30px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
#noticia .more a:not(.btn):hover {transform: scale(1.2);}
#noticia .more .social {width: auto; height: auto; position: relative; display: flex; display: -ms-flex; justify-content: flex-start; align-items: center; flex-flow: wrap; -ms-flex-flow: wrap;}
#noticia .more .social .face {background: #007BFF;}
#noticia .more .social .twitter {font-size: 18px; line-height: 32px; background: #00ACEE;}
#noticia .more .social .whats {background: #50B154; transform: rotate(5deg);}
#noticia .more .social .whats:hover {transform: rotate(5deg) scale(1.2);}
#noticia .more .social .linkedin {background: #0274b3;}

/*/ Mais Notícias /*/
#noticia .maisnoticias {padding: 10px 15px;}
#noticia .maisnoticias .titulo {font-size: 15px; font-weight: 600; text-transform: uppercase; color: #00933C; padding: 0 0 3px 0; border-bottom: 1px solid #C0C0C0;}
#noticia .maisnoticias .noticia {margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #E8E3E3; position: relative;}
#noticia .maisnoticias .noticia::before {content: ''; position: absolute; background: #00933C; z-index: -1; bottom: 0; left: 0; right: 0; height: 80%;}
#noticia .maisnoticias .noticia img {width: 80%; height: 190px; object-fit: cover; margin: 0 auto 10px auto;}
#noticia .maisnoticias .noticia h1 {font-size: 18px; font-weight: 600; text-align: center; color: #FFF; margin: 8px 0 0 0; padding: 0 10px;}
#noticia .maisnoticias .noticia p {font-size: 12px; text-align: center; color: #FFF; line-height: normal; margin: 5px 0; padding: 0 10px;}
#noticia .maisnoticias .noticia.imageless {padding: 10px 0;}
#noticia .maisnoticias .noticia.imageless::before {height: 100%;}
#noticia .maisnoticias .noticia.imageless h1 {margin: 0;}
#noticia .maisnoticias .noticia.imageless.colored::before {background: #F2B201;}
#noticia .maisnoticias .noticia.imageless.colored h1, #noticia .maisnoticias .noticia.imageless.colored p {color: #404040;}
#noticia .maisnoticias .noticia:last-child {margin: 0;}

#noticia .imageholder {border: 1px solid #C0C0C0; border-radius: 5px; overflow: hidden; margin: 15px 0 0 0; cursor: pointer;}
#noticia .imageholder img {width: 100%; height: 115px; object-fit: cover; margin: 0; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
#noticia .imageholder:hover img {transform: scale(1.1);}
#noticia .title {font-size: 15px; text-align: center; text-transform: initial;}
#noticia .subtitle {font-size: 13px; text-align: center; text-transform: initial; color: #888;}
#noticia .maisfotos {background: #2F3195; border: 2px solid #2F3195; color: #FFF; font-weight: 600; text-transform: uppercase; padding: 2px 8px; margin-top: 15px;}
#noticia .maisfotos:hover {background: #383AA5; border-color: #383AA5;}

/* 11. Imóveis
----------------*/
#imoveis .inline {border-bottom: 1px solid #D2D2D2; padding: 0 0 1rem 0;}
#imoveis .titulo-geral {font-weight: 900; text-transform: uppercase;}

/* 12. Imóvel
---------------*/
#imovel .cabecalho {margin: 0 0 1.5rem 0;}
#imovel .cabecalho .info .titulo {font-weight: 600; margin: 0 0 0.25rem 0;}
#imovel .cabecalho .info h2 {font-size: 16px; font-weight: 300; margin: 0;}
#imovel .cabecalho .social a {width: 35px; height: 35px; font-size: 23px; background: #000; border-radius: 100%; color: #FFF;}
#imovel .cabecalho .social a:not(:last-child) {margin: 0 0.5rem 0 0;}
#imovel .cabecalho .social a:hover {opacity: .7;}
#imovel .main-picture {border: 1px solid #EEE; border-radius: 5px; padding: 0.5rem; margin: 0 0 1.5rem 0;}
#imovel .main-picture .item {cursor: pointer;}
#imovel .main-picture .main {width: 100%; height: auto; max-height: 350px; margin: 0 0 0.5rem 0;}
#imovel .main-picture .owl-carousel img {height: 75px; object-fit: cover; border-radius: 5px;}
#imovel .description {font-weight: 300;}
#imovel .description h3 {font-weight: 600; text-transform: uppercase;}
#imovel .box {background: linear-gradient(180deg, #00933c, #005222); border-radius: 10px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .8); padding: 1rem; margin: 0 0 1.5rem 0;}
#imovel .box h2 {font-weight: 600; text-align: center; text-transform: uppercase; color: #FFF; margin: 0 0 1rem 0;}
#imovel .imoveis h1 {font-size: 20px; font-weight: 600; text-transform: uppercase; margin: 0;}
#imovel .imoveis .imovel .picture {height: 100px;}

/* 13. Anuncie
----------------*/
#anuncie .titulo, #anuncie .subtitulo {text-align: center;}
#anuncie .titulo {font-weight: 900; text-transform: uppercase; letter-spacing: 1px;}
#anuncie .subtitulo {font-size: 16px; font-weight: 300; font-style: italic;}