body{margin: 0px; background-color: #240800; background-image: URL('img/bgTransp.png'); font-family: 'Ubuntu', sans-serif; font-size: 16px;}
/* font-family: 'Berkshire Swash', cursive; */

a, a:link, a:hover, a:active, a:visited{color: #240800; text-decoration: none}
.header, .containHome, .containCamera, .containFotos, .containMaps, .footer{padding: 10px calc((100% - 1150px) / 2); min-width: 1150px;}
.header{height: 90px; background: #FFF; position: fixed; top: 0; left: 0; z-index: 1000; text-align: center; transition: 0.5s}
.headerMove{height: 50px; background: rgba(255, 255, 255, 0.95); transition: 0.5s}
.header img{height: 100%; margin: 0px 5px;}
.capa{width: 100%; min-width: 1150px; margin-bottom: 25px}
.capa img{width: 100%; height: auto}

.containHome{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px}
.itemHome{width: 550px; height: 350px; overflow: hidden; margin: 25px 5px; position: relative}
.itemHome2{width: 1150px; height: 510px; overflow: hidden; margin: 25px 5px 0px 5px; position: relative}
.itemHome img, .itemHome2 img, .itemNossaHistoria img{width: 100%;}
.barra{background: rgba(255, 255, 255, 0.7); width: 100%; height: 70px; line-height: 70px; color: #3B0F03; text-align: center; font-size: 40px; position: absolute; bottom: 25px; font-family: 'Berkshire Swash', cursive;}
.barra2{background: rgba(255, 255, 255, 0.7); width: 100%; height: 75px; color: #3B0F03; text-align: center; font-size: 40px; position: absolute; bottom: 45px; font-family: 'Berkshire Swash', cursive;}
.horarioCafeColonial{font-family: 'Ubuntu', sans-serif;; font-size: 15px}

.titulo{width: 100%; height: 55px; line-height: 55px; color: #FFF4E1; text-align: center; font-size: 40px; font-family: 'Berkshire Swash', cursive; margin: 10px 0px;}
.itemNossaHistoria{width: 550px; height: 350px; overflow: hidden; margin: 0px 5px; position: relative}
.nossaHistoria{background: #FFF4E1; border-radius: 1px; padding: 15px; color: #3B0F03; margin: 0px 5px; font-size: 15px; width: 520px}

.containCamera{display: flex; flex-wrap: wrap; justify-content: center; margin: 0px;}

.footer{background: #3B0F03; color: #FFF4E1; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 25px;}
.icons{height: 40px; background-repeat: no-repeat; margin: 15px 5px; padding-left: 50px; line-height: 40px}
.icons a, .icons a:hover, .icon a:visited, .icon a:link, .icon a:active{color: #FFF4E1}
.icon-pointer{background-image: URL('img/icon-pointer.png');}
.icon-precos{background-image: URL('img/icon-precos.png');}
.icon-relogio{background-image: URL('img/icon-relogio.png');}
.icon-fone{background-image: URL('img/icon-fone.png');}
.icon-face{background-image: URL('img/icon-face.png'); color: #FFF4E1}
.icon-insta{background-image: URL('img/icon-insta.png');}
.right{text-align: center; width: 100%; margin: 10px}

.medias, .forms{margin: 0px 5px}
.lin{width: 375px; margin-top: 5px;}
.label{float: left; width: 100px; line-height: 30px; height: 30px}
.input input, .input textarea{padding: 5px;width: 275px; outline: none; font-family: 'Ubuntu', sans-serif; font-size: 13px; background: #FFF4E1; border: 0px;}
.input input{height: 30px; }
.input textarea{height: 100px; resize: none; }
.btEnviar{border: none; outline: none; background: #F5DEB3; color: #240800; border-radius: 1px; width: 275px; margin-top: 10px; padding: 10px; font-weight: bold; cursor: pointer; font-family: 'Ubuntu', sans-serif; font-size: 13px; transition: 0.3s}
.btEnviar:hover{background: #CFB178; transition: 0.3s}

/*FOTOS*/
.containFotos{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 120px 0px 0px 0px}
#boxTemp{width: 100%; height: 100%; position: fixed; z-index: 1001; display: flex; justify-content: center; align-items: center; top: 0; left: 0; background: rgba(0, 0, 0, 0.9)}
.foto{width: 136.8px; height: 136.8px; margin: 3px; cursor: pointer}
.foto img{width: 137px; height: 137px; object-fit: cover;}
.fotoAmpliada{height: calc(100% - 70px); margin: 0 auto; width: 100%; text-align: center}
.fotoAmpliada img{max-height: 100%; max-width: 100%}
.fechar{background: URL('img/fechar.png'); background-size: 20px; width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer}
.avancar{background: URL('img/avancar.png'); background-size: 50px; width: 50px; height: 50px; position: absolute; top: 50%; right: 10px; cursor: pointer; margin-top: -25px}
.voltar{background: URL('img/voltar.png'); background-size: 50px; width: 50px; height: 50px; position: absolute; top: 50%; left: 10px; cursor: pointer; margin-top: -25px}

/*MAPS*/
.containMaps iframe{width: 100%; height: 500px;}

/* DATA-ANIME*/
[data-anime]{opacity: 0; transition: 0.3s}
[data-anime='left']{transform: translate3d(-50px, 0, 0)}
[data-anime='right']{transform: translate3d(50px, 0, 0)}
[data-anime='top']{transform: translate3d(0, -50px, 0)}
[data-anime].animate{opacity: 1; transform: translate3d(0, 0, 0)}