/* INICIO */
#inicio {padding: 40px 0px;}
#inicio #conteudo #postagemrecente {border-bottom: solid 1px #FFF;}
#inicio #conteudo #postagemrecente .conteudo {background: #fff;}
#inicio #conteudo #postagemrecente .conteudo .box {padding: 20px;}
#inicio #conteudo #postagemrecente .conteudo .box .foto {position: relative;}
#inicio #conteudo #postagemrecente .conteudo .box .foto::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.4) inset; display: none;}
#inicio #conteudo #postagemrecente .conteudo .box .foto:hover::before{display: block;  animation-name: fadeIn; animation-duration: 0.4s;}
#inicio #conteudo #postagemrecente .conteudo .box .foto img {width: 100%; max-height: 480px; object-fit: cover;}
#inicio #conteudo #postagemrecente .conteudo .box .local {text-align: center; background: #fff; padding: 20px 5px; display: flex; flex-flow: wrap; flex-direction: row; justify-content: center; align-items: center;}
#inicio #conteudo #postagemrecente .conteudo .box .local h1 a {font-family: 'Raleway'; font-size: 20px; text-transform: uppercase; border: solid 1px #1b1b1b; padding: 10px 20px; color: #1b1b1b; text-decoration: none;}
#inicio #conteudo #postagemrecente .conteudo .box .local h1 a:hover {background: black; transition: 0.4s; color: white;}
#inicio #conteudo #postagemrecente .conteudo .box .descricao .titulo {text-align: center; font-size: 30px; font-weight: 600; font-family: 'Raleway'; margin-bottom: 40px;}
#inicio #conteudo #postagemrecente .conteudo .box .descricao .conteudo {text-align: justify; font-size: 18px; font-style: italic; font-family: inherit; color: #000;}
#inicio #conteudo #postagemrecente .conteudo footer {background: #c3c3c3; width: 100%; padding: 20px 40px; display: flex; flex-flow: wrap; flex-direction: row; justify-content: space-between; align-items: center;}
#inicio #conteudo #postagemrecente .conteudo footer .data {border: solid 1px #FFF; color: #FFF; padding: 2px 10px; font-family: 'Raleway';}
#inicio #conteudo #postagemrecente .conteudo footer .sociais {margin: 0;}
#inicio #conteudo #postagemrecente .conteudo footer .sociais svg {color: #FFF; margin: 0 3px; font-size: 23px; transition: 0.4s;}
#inicio #conteudo #postagemrecente .conteudo footer .sociais svg:hover {transform: scale(1.4);}
#inicio #conteudo #postagemrecente .conteudo footer .leiamais {border: solid 1px #FFF; color: #FFF; padding: 2px 10px; font-family: 'Raleway'; display: flex; flex-flow: wrap; flex-direction: row; justify-content: center; align-items: center;}
#inicio #conteudo #postagemrecente .conteudo footer .leiamais:hover {background: black; border-color: black; transition: 0.4s; color: white;}
#inicio #conteudo #postagemrecente .conteudo footer .leiamais a {color: #FFF; text-decoration: none;}
#inicio #conteudo #postagemrecente .conteudo footer .leiamais .fa {font-size: 23px; margin: 0 0 0 10px;}

#inicio #conteudo .pagination {margin: 15px 0 0 0; display: flex; display: -ms-flex; justify-content: center;}
#inicio #conteudo .pagination .page-item {box-shadow: 0 1px 3px 0 #f1f1f1; border-radius: 0 0 0 5px;}
#inicio #conteudo .pagination .page-item:last-child {border-radius: 0 0 5px 0;}
#inicio #conteudo .pagination .page-link {background-color: #c3c3c3; border: 1px solid #FFF; font-weight: 300; font-size: 17px; color: #FFF; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; position: relative; z-index: 1;}
#inicio #conteudo .pagination .page-link::before {content: ''; width: 0; height: 100%; position: absolute; bottom: 0; left: 0; background: #000; z-index: -1; transition: width .4s ease-in-out;}
#inicio #conteudo .pagination .page-link:hover {color: #FFF;}
#inicio #conteudo .pagination .page-link:hover::before {width: 100%;}
#inicio #conteudo .pagination .active .page-link {background: #c3c3c3; border: 1px outset #FFF; color: #FFF;}
#inicio #conteudo .pagination .disabled {cursor: not-allowed;}
#inicio #conteudo .pagination .disabled .page-link {opacity: .8;}
/* INICIO */

/* DESTINOS */
#destinos #conteudo .categoria {background: #fff; margin: 40px 0; padding: 20px 20px; border-bottom: solid 1px rgba(128, 128, 128, 0.52);}
#destinos #conteudo .categoria .titulo {font-size: 27px; font-family: 'Raleway'; margin: 0;}
#destinos #conteudo .categoria .titulo b {color: #000;}

#destinos #conteudo #sobre {border-bottom: solid 1px rgba(128, 128, 128, 0.52);}
#destinos #conteudo #sobre .conteudo {background: #fff;}
#destinos #conteudo #sobre .conteudo .box {padding: 20px;}
#destinos #conteudo #sobre .conteudo .box .foto {position: relative;}
#destinos #conteudo #sobre .conteudo .box .foto::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.4) inset; display: none;}
#destinos #conteudo #sobre .conteudo .box .foto:hover::before{display: block;  animation-name: fadeIn; animation-duration: 0.4s;}
#destinos #conteudo #sobre .conteudo .box .foto img {width: 100%; max-height: 480px; object-fit: cover;}
#destinos #conteudo #sobre .conteudo .box .local {text-align: center; background: #fff; padding: 20px 5px; display: flex; flex-flow: wrap; flex-direction: row; justify-content: center; align-items: center;}
#destinos #conteudo #sobre .conteudo .box .local h1 a {font-family: 'Raleway'; font-size: 20px; text-transform: uppercase; border: solid 1px #1b1b1b; padding: 10px 20px; color: #1b1b1b; text-decoration: none;}
#destinos #conteudo #sobre .conteudo .box .local h1 a:hover {background: black; transition: 0.4s; color: white;}
#destinos #conteudo #sobre .conteudo .box .descricao .titulo {text-align: center; font-size: 30px; font-weight: 600; font-family: 'Raleway'; margin-bottom: 40px;}
#destinos #conteudo #sobre .conteudo .box .descricao .conteudo {text-align: justify; font-size: 20px; font-family: 'Raleway';}
#destinos #conteudo #sobre .conteudo footer {background: #eee; width: 100%; padding: 20px 40px; display: flex; flex-flow: wrap; flex-direction: row; justify-content: space-between; align-items: center;}
#destinos #conteudo #sobre .conteudo footer .data {border: solid 1px #adadad; color: #adadad; padding: 2px 10px; font-family: 'Raleway';}
#destinos #conteudo #sobre .conteudo footer .sociais svg {color: #adadad; margin: 0 3px; font-size: 23px}
#destinos #conteudo #sobre .conteudo footer .sociais svg:hover {transform: scale(1.4); transition: 0.4s;}
#destinos #conteudo #sobre .conteudo footer .leiamais {border: solid 1px #adadad; color: #adadad; padding: 2px 10px; font-family: 'Raleway'; display: flex; flex-flow: wrap; flex-direction: row; justify-content: center; align-items: center;}
#destinos #conteudo #sobre .conteudo footer .leiamais:hover {background: black; border-color: black; transition: 0.4s; color: white;}
#destinos #conteudo #sobre .conteudo footer .leiamais a {color: #adadad; text-decoration: none;}
#destinos #conteudo #sobre .conteudo footer .leiamais .fa {font-size: 23px; margin: 0 0 0 10px;}
/* DESTINOS */

/* NOTICIA */
#noticia {margin: 40px;}
#noticia #conteudo .boxnoticia {background: #fff;}
#noticia #conteudo .boxnoticia .imagem img {width: 100%; max-height: 480px; object-fit: cover;}
#noticia #conteudo .boxnoticia .informacoes {padding: 20px;}
#noticia #conteudo .boxnoticia .informacoes .local {text-align: center; background: #fff; padding: 20px 5px; display: flex; flex-flow: wrap; flex-direction: row; justify-content: center; align-items: center;}
#noticia #conteudo .boxnoticia .informacoes .local h1 a {font-family: 'Raleway'; font-size: 20px; text-transform: uppercase; border: solid 1px #1b1b1b; padding: 10px 20px; color: #1b1b1b; text-decoration: none;}
#noticia #conteudo .boxnoticia .informacoes .local h1 a:hover {background: black; transition: 0.4s; color: white;}
#noticia #conteudo .boxnoticia .informacoes .titulo {text-align: center; font-size: 30px; font-weight: 600; font-family: 'Raleway'; margin-bottom: 40px;}
#noticia #conteudo .boxnoticia .informacoes .conteudo {text-align: justify; font-size: 20px; font-family: 'Raleway';}
#noticia #conteudo .boxnoticia .informacoes .conteudo .imglegenda img{width: 100%; max-height: 480px; object-fit: cover;}
#noticia #conteudo .boxnoticia .informacoes .conteudo .imglegenda p {font-size: 18px; text-align: center; color: #9e9e9e; margin: 0;}
#noticia #conteudo .boxnoticia .informacoes .conteudo .leiamais h3 {font-family: 'Raleway'; font-size: 20px; color: #000; font-weight: bolder;}
#noticia #conteudo .boxnoticia .informacoes .conteudo .leiamais a {color: #000; text-decoration: none; font-family: 'Raleway';}
#noticia #conteudo .boxnoticia .informacoes .conteudo .leiamais a:hover {font-weight: bolder;}
#noticia #conteudo .boxnoticia .informacoes .conteudo p img {width: 100%; height: auto; max-height: 400px; object-fit: contain;}
#noticia #conteudo footer {background: #eee; width: 100%; padding: 20px 40px; display: flex; display: -ms-flex; display: -webkit-flex; flex-flow: wrap; -ms-flex-flow: wrap; -webkit-flex-flow: wrap; flex-direction: row; justify-content: space-between; align-items: center;}
#noticia #conteudo footer .data {border: solid 1px #adadad; color: #adadad; padding: 2px 10px; font-family: 'Raleway';}
#noticia #conteudo footer .sociais svg {color: #adadad; margin: 0 3px; font-size: 23px; transition: 0.4s;}
#noticia #conteudo footer .sociais svg:hover {transform: scale(1.4);}
/* NOTICIA */

/* CONTATO */
#contato {margin: 40px 0;}
#contato #conteudo .informacao {background: #fff; margin: 40px 0; padding: 20px 20px; border-bottom: solid 1px rgba(128, 128, 128, 0.52);}
#contato #conteudo .informacao .titulo {font-size: 27px; font-family: 'Raleway'; margin: 0; text-align: center;}
#contato #conteudo .boxcontato {background: #fff; padding: 20px; border-bottom: solid 1px rgba(128, 128, 128, 0.52);}
#contato #conteudo .boxcontato .form-group input, #contato #conteudo .boxcontato .form-group textarea {margin: 5px 0; box-shadow: 1px 1px 3px gray; border-top: none; border-left: none; font-family: 'Raleway'}
#contato #conteudo .boxcontato .form-group .btn-contato {font-family: 'Raleway'; padding: 6px 15px; border-radius: 5px; background: #000; color: #fff; border: solid 1px transparent;}
#contato #conteudo .boxcontato .form-group .btn-contato:hover {background: transparent; color: #000; transition: all 0.4s ease-in-out; border-color: #000;}
#contato #conteudo .maiscontato {background: #fff; margin: 40px 0; padding: 20px 20px; border-bottom: solid 1px rgba(128, 128, 128, 0.52);}
#contato #conteudo .maiscontato .titulo {font-size: 27px; font-family: 'Raleway'; margin: 0; text-align: center;}
#contato #conteudo .maiscontato .info {font-family: 'Raleway'; font-size: 20px; padding: 20px 0;}
#contato #conteudo .maiscontato .info p {margin: 0; font-family: 'Raleway'; font-size: 18px; word-break: break-all;}
#contato #conteudo .maiscontato .info a {text-decoration: none; font-weight: bolder; color: #666; font-size: 18px;}
#contato #conteudo .maiscontato .info a:hover {color: black; transform: scale(1.2); transition: all 0.4s ease-in-out;}

#contato #conteudo .maiscontato .descricao {margin: 20px 0; padding: 0 20px;}
#contato #conteudo .maiscontato .descricao img {width: 227px; height: 227px; object-fit: cover; border-radius: 100%; margin: 10px 0;}
#contato #conteudo .maiscontato .descricao p {text-align: center; font-size: 20px; line-height: 1.5; font-family: 'Raleway';}
#contato #conteudo .maiscontato .descricao ul {display: inline-flex; flex-flow: wrap; justify-content: center; align-items: center; margin: 0; padding: 0; width: 100%;}
#contato #conteudo .maiscontato .descricao ul li {list-style: none;}
#contato #conteudo .maiscontato .descricao .icons img {width: 40px; height: 40px; object-fit: cover; border-radius: 100%; margin: 0 2px;}
#contato #conteudo .maiscontato .descricao .icons img:hover {transform:scale(1.1111); ;transition: 0.4s;}
/* CONTATO */

/* BUSCA */
#busca {padding: 40px 0;}
#busca .header {background: #FFF; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2); padding: 1rem; margin: 0 0 2rem 0;}
#busca .header h1 {font-size: 22px; font-weight: 500; text-transform: uppercase; margin: 0;}
#busca .box {background: #FFF; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .2); flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column;}
#busca .box .picture {position: relative;}
#busca .box .picture img {width: 100%; height: 185px; object-fit: cover; object-position: center;}
#busca .box .picture span {position: absolute; top: 0; left: 0; padding: .4rem; background: #000; border-radius: 0 5px 5px 0; color: #FFF; font-size: 12px; font-weight: 600; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
#busca .box .description {padding: 0.7rem;}
#busca .box .description h1, #busca .box .description p {color: #212529;}
#busca .box .description h1 {font-size: 24px;}
#busca .box .description p {text-align: justify; margin: 0;}
#busca .box:hover {text-decoration: none;}
/* BUSCA */