html,body,div,span,applet,object,iframe,table,caption,tbody,tfoot,thead,tr,th,td,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{vertical-align:baseline;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:100%;outline:0;margin:0;border:0;padding:0}:focus{outline:0}body{background:#fff;line-height:1;color:#000}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{font-weight:400;text-align:left}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
* {
margin: 0px;
padding: 0px;
}
::selection {
background: none;
}
::-moz-selection {
background: none;
}
span::selection {
background: #000;
color: #fff;
}
span::-moz-selection {
background: #000;
color: #fff;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@font-face {
font-family: 'djb_baby_bumpregular';
src: url('../fonts/djb_baby_bump.eot');
src: url('../fonts/djb_baby_bump.eot?#iefix') format('embedded-opentype'),
url('../fonts/djb_baby_bump.woff2') format('woff2'),
url('../fonts/djb_baby_bump.woff') format('woff'),
url('../fonts/djb_baby_bump.ttf') format('truetype'),
url('../fonts/djb_baby_bump.svg#djb_baby_bumpregular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: absolute;
float: left;
margin: 0px;
padding: 0px;
font-size: 18px;
background: #111;
font-family: 'Muli', sans-serif;
}
body.interna {
overflow-y: auto;
}
.title-principal {
position: fixed;
top: 0px;
left: 0px;
opacity: 0;
height: 1px;
}
section {
width: 100%;
display: block;
float: left;
z-index: 99;
}
section#inicial {
display: block;
left: 0px;
bottom: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 99;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
section#inicial.ativo {
height: 75%;
}
/*section#inicial.ativo:before {
width: 100%;
height: 10px;
position: absolute;
left: 0px;
top: -10px;
z-index: 9999;
opacity: 1;
content: '';
background: #bb9538;
background: -moz-linear-gradient(top, #bb9538 0%, #ffea5d 27%, #e3c227 64%, #ac9216 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bb9538), color-stop(27%,#ffea5d), color-stop(64%,#e3c227), color-stop(100%,#ac9216));
background: -webkit-linear-gradient(top, #bb9538 0%,#ffea5d 27%,#e3c227 64%,#ac9216 100%);
background: -o-linear-gradient(top, #bb9538 0%,#ffea5d 27%,#e3c227 64%,#ac9216 100%);
background: -ms-linear-gradient(top, #bb9538 0%,#ffea5d 27%,#e3c227 64%,#ac9216 100%);
background: linear-gradient(to bottom, #bb9538 0%,#ffea5d 27%,#e3c227 64%,#ac9216 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb9538', endColorstr='#ac9216',GradientType=0 );
}*/
.container {
width: 1000px;
margin: 0 auto;
display: block;
clear: both;
position: relative;
}
.ini-0 {
display: block;
position: relative;
right: 0px;
top: 0px;
height: 0;
width: 100%;
overflow: hidden;
opacity: 0;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
background-color: #111;
}
.ini-0.ativo {
opacity: 1;
height: 560px;
}
.container-inicial {
position: relative;
width: 100%;
height: 100%;
}
.ini-1 {
display: block;
position: absolute;
right: 0px;
top: 0px;
height: 100%;
width: 100%;
overflow: hidden;
opacity: 0;
background: url('../img/ab1.png') center center no-repeat;
background-size: cover;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
.ini-1.ativo {
width: 60%;
}
.ini-1:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
right: 0px;
top: 0px;
z-index: 99;
background: url('../img/img-overlay.png');
}
/*-------- IMAGEM 2 -------------*/
.ini-2 {
display: block;
position: absolute;
left: 0px;
top: 0px;
height: 50%;
width: 0px;
overflow: hidden;
background: url('../img/ab2.png') center center no-repeat;
background-size: cover;
z-index: 999;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.ini-2.ativo {
width: 40%;
}
.ini-2.ativo-height {
height: 33.3%;
}
.ini-2:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 99;
background: url('../img/img-overlay.png');
}
/*-------- IMAGEM 3 -------------*/
.ini-3 {
display: block;
position: absolute;
left: 0px;
top: 50%;
height: 50%;
width: 0px;
overflow: hidden;
background: url('../img/ab3.png') center center no-repeat;
background-size: cover;
z-index: 999;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.ini-3.ativo {
width: 40%;
}
.ini-3.ativo-height {
height: 33.3%;
top: 33.3%;
}
.ini-3:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 99;
background: url('../img/img-overlay.png');
}
/*-------- IMAGEM 4 -------------*/
.ini-4 {
display: block;
position: absolute;
left: 0px;
bottom: -25%;
height: 25%;
width: 0px;
overflow: hidden;
background: url('../img/ab4.png') center center no-repeat;
background-size: 100% auto;
z-index: 999;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.ini-4.ativo {
width: 40%;
}
.ini-4.ativo-height {
bottom: 0%;
height: 33.5%;
}
.ini-4:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 99;
background: url('../img/img-overlay.png');
}
/*-------- IMAGEM 4 -------------*/
/*.ini-5 {
display: block;
position: absolute;
left: 0px;
bottom: -25%;
height: 25%;
width: 0px;
overflow: hidden;
background: url('../img/ab5.png') center -35px no-repeat;
background-size: 100% auto;
z-index: 999;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.ini-5.ativo {
width: 40%;
}
.ini-5.ativo-height {
bottom: 0px;
}
.ini-5:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 99;
background: url('../img/img-overlay.png');
}*/
/**-----------------------------------**/
section#inicial div.h-b {
background-size: 100% auto !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
section#inicial div.h-b a.hover-button {
display: block;
}
/*section#inicial div.h-b:hover{
background-size: 130% auto !important;
}*/
.loading {
display: block;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999;
background: url('../img/load.GIF') center center no-repeat;
}
.social {
display: block;
position: absolute;
right: 0px;
bottom: 18px;
height: 24px;
width: 140px;
}
.social a {
position: relative;
display: block;
float: right;
margin-left: 5px;
width: 30px;
height: 24px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social a.face {
background: url('../img/face.png') center 3px no-repeat;
}
.social a.face:hover {
background: #111 url('../img/face.png') center -47px no-repeat;
}
.social a.inst {
background: url('../img/insta.png') center 3px no-repeat;
}
.social a.inst:hover {
background: #111 url('../img/insta.png') center -47px no-repeat;
}
.social a.you {
background: url('../img/you.png') center 6px no-repeat;
}
.social a.you:hover {
background: #111 url('../img/you.png') center -48px no-repeat;
}
.social a.blog {
background: url('../img/blog.png') center 3px no-repeat;
}
.social a.blog:hover {
background: #111 url('../img/blog.png') center -47px no-repeat;
}
#menu.ativo .social {
bottom: 14px;
}
#menu {
width: 100%;
height: 100px;
float: left;
position: relative;
background: #111;
margin-top: 30px;
z-index: 9999;
display: block;
top: -300px;
-webkit-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
/*#menu ul:after {
content: '';
position: absolute;
left: 120px;
top: -120px;
width: 64px;
height: 64px;
z-index: 999;
background: url('../img/selo.png') 0px 0px no-repeat;
}*/
.icon-seal {
width: 41px;
height: 64px;
display: block;
position: absolute;
left: 0px;
top: -30px;
z-index: 999;
background: url('../img/selo.png') 0px 0px no-repeat;
}
.icon-seal span {
position: relative;
float: left;
width: 100px;
height: auto;
color: #fff !important;
left: 120px;
top: 17px;
text-transform: uppercase;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.icon-seal:hover span {
opacity: 1;
}
#menu.desce {
top: 0px;
}
#menu.ativo {
top: 0px;
left: 0px;
height: 105px;
margin-top: 0px;
position: fixed;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#menu.ativo .end-box {
display: none;
}
#menu.ativo ul {
margin-top: 54px;
}
#menu.ativo:before {
top: 13px;
}
/*#menu.ativo ul li:first-child a {
top: 13px;
}*/
/*#menu.ativo ul li:first-child a {
top: -0px;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}*/
#menu ul li:first-child a {
top: -0px;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
#menu.ativo ul li:first-child {
top: -55px;
z-index: 999;
}
/*#menu.ativo ul li:first-child:before {
width: 140px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}*/
#menu:before {
content: '';
width: 100%;
height: 30px;
position: absolute;
left: 0px;
top: 75px;
background: #c9c9c9;
/*background: url('../img/gold.png') left 46px;
background-attachment: fixed;*/
/*background: rgba(206,159,51,1);
background: -moz-linear-gradient(left, rgba(206,159,51,1) 0%, rgba(214,185,23,1) 29%, rgba(219,187,24,1) 51%, rgba(232,200,16,1) 71%, rgba(249,225,88,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(206,159,51,1)), color-stop(29%, rgba(214,185,23,1)), color-stop(51%, rgba(219,187,24,1)), color-stop(71%, rgba(232,200,16,1)), color-stop(100%, rgba(249,225,88,1)));
background: -webkit-linear-gradient(left, rgba(206,159,51,1) 0%, rgba(214,185,23,1) 29%, rgba(219,187,24,1) 51%, rgba(232,200,16,1) 71%, rgba(249,225,88,1) 100%);
background: -o-linear-gradient(left, rgba(206,159,51,1) 0%, rgba(214,185,23,1) 29%, rgba(219,187,24,1) 51%, rgba(232,200,16,1) 71%, rgba(249,225,88,1) 100%);
background: -ms-linear-gradient(left, rgba(206,159,51,1) 0%, rgba(214,185,23,1) 29%, rgba(219,187,24,1) 51%, rgba(232,200,16,1) 71%, rgba(249,225,88,1) 100%);
background: linear-gradient(to right, rgba(206,159,51,1) 0%, rgba(214,185,23,1) 29%, rgba(219,187,24,1) 51%, rgba(232,200,16,1) 71%, rgba(249,225,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce9f33', endColorstr='#f9e158', GradientType=1 );*/
/*background: rgba(179,137,58,1);
background: -moz-linear-gradient(top, rgba(179,137,58,1) 0%, rgba(232,202,127,1) 29%, rgba(224,187,76,1) 49%, rgba(197,144,70,1) 71%, rgba(138,63,17,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,137,58,1)), color-stop(29%, rgba(232,202,127,1)), color-stop(49%, rgba(224,187,76,1)), color-stop(71%, rgba(197,144,70,1)), color-stop(100%, rgba(138,63,17,1)));
background: -webkit-linear-gradient(top, rgba(179,137,58,1) 0%, rgba(232,202,127,1) 29%, rgba(224,187,76,1) 49%, rgba(197,144,70,1) 71%, rgba(138,63,17,1) 100%);
background: -o-linear-gradient(top, rgba(179,137,58,1) 0%, rgba(232,202,127,1) 29%, rgba(224,187,76,1) 49%, rgba(197,144,70,1) 71%, rgba(138,63,17,1) 100%);
background: -ms-linear-gradient(top, rgba(179,137,58,1) 0%, rgba(232,202,127,1) 29%, rgba(224,187,76,1) 49%, rgba(197,144,70,1) 71%, rgba(138,63,17,1) 100%);
background: linear-gradient(to bottom, rgba(179,137,58,1) 0%, rgba(232,202,127,1) 29%, rgba(224,187,76,1) 49%, rgba(197,144,70,1) 71%, rgba(138,63,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3893a', endColorstr='#8a3f11', GradientType=0);*/
}
#menu.textura:before {
background: url('../img/gold.png') left 46px;
background-attachment: fixed;
}
#menu ul {
display: block;
position: relative;
width: 1000px;
margin: 0 auto;
margin-top: 120px;
}
#menu ul li {
float: left;
display: block;
width: auto;
list-style: none;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#menu ul li:first-child {
top: -120px;
z-index: 99;
}
#menu ul li:first-child:before {
content: '';
display: block;
position: absolute;
/*left: -15px;*/
left: -9px;
top: 10px;
width: 170px;
height: 170px;
background: #111;
z-index: 9;
-webkit-border-bottom-right-radius: 100%;
-webkit-border-bottom-left-radius: 100%;
-moz-border-radius-bottomright: 100%;
-moz-border-radius-bottomleft: 100%;
border-bottom-right-radius: 100%;
border-bottom-left-radius: 100%;
/* -webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg);*/
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#menu ul li:nth-child(3) {
margin-left: 30px;
}
/*#menu ul li:first-child:hover:before {
-webkit-transform: rotate(110deg);
-moz-transform: rotate(110deg);
-o-transform: rotate(110deg);
transform: rotate(110deg);
}
#menu.ativo ul li:first-child:hover:before {
--webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}*/
#menu ul li:first-child a {
background: none;
padding: 10px 20px 10px 20px;
border-top: none;
}
#menu ul li:first-child:hover a {
}
#menu ul li a {
color: #fff;
padding: 25px 15px 15px 15px;
display: block;
float: left;
z-index: 999;
top: 0px;
position: relative;
text-align: center;
text-decoration: none;
font-size: 14px;
font-weight: normal;
font-family: 'Julius Sans One', sans-serif;
text-transform: uppercase;
background: url('../img/film.png') center 100px no-repeat;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#menu ul li.hover:before {
content: '';
width: 100%;
height: 0px;
display: block;
position: absolute;
left: 0px;
top: -20px;
background: #c9c9c9;
/*background: url('../img/gold.png') left 46px;
background-attachment: fixed;*/
/*background: rgba(179,137,58,1);
background: -moz-linear-gradient(top, rgba(179,137,58,1) 0%, rgba(232,202,127,1) 29%, rgba(224,187,76,1) 49%, rgba(197,144,70,1) 71%, rgba(138,63,17,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,137,58,1)), color-stop(29%, rgba(232,202,127,1)), color-stop(49%, rgba(224,187,76,1)), color-stop(71%, rgba(197,144,70,1)), color-stop(100%, rgba(138,63,17,1)));
background: -webkit-linear-gradient(top, rgba(179,137,58,1) 0%, rgba(232,202,127,1) 29%, rgba(224,187,76,1) 49%, rgba(197,144,70,1) 71%, rgba(138,63,17,1) 100%);
background: -o-linear-gradient(top, rgba(179,137,58,1) 0%, rgba(232,202,127,1) 29%, rgba(224,187,76,1) 49%, rgba(197,144,70,1) 71%, rgba(138,63,17,1) 100%);
background: -ms-linear-gradient(top, rgba(179,137,58,1) 0%, rgba(232,202,127,1) 29%, rgba(224,187,76,1) 49%, rgba(197,144,70,1) 71%, rgba(138,63,17,1) 100%);
background: linear-gradient(to bottom, rgba(179,137,58,1) 0%, rgba(232,202,127,1) 29%, rgba(224,187,76,1) 49%, rgba(197,144,70,1) 71%, rgba(138,63,17,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3893a', endColorstr='#8a3f11', GradientType=0);*/
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#menu.textura ul li.hover:before {
background: url('../img/gold.png') left 46px;
background-attachment: fixed;
}
#menu ul li:after {
position: absolute;
left: 4%;
top: 20px;
content: '';
background: #111;
width: 92%;
height: 0px;
z-index: 99;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#menu ul li:first-child:after {
display: none;
}
#menu ul li.hover:hover:before {
height: 50px;
}
#menu ul li:hover:after {
opacity: 1;
top: -15px;
height: 39px;
}
#menu ul li.hover:hover a {
top: -25px;
color: #fff;
/*font-weight: bold;*/
background: url('../img/film.png') center bottom no-repeat;
}
#menu ul li.ativo:after {
opacity: 1;
top: -15px;
height: 39px;
}
#menu ul li.ativo:before {
height: 50px;
}
#menu ul li.ativo a {
top: -25px;
color: #fff;
background: url('../img/film.png') center bottom no-repeat;
}
.hover-button {
width: 100%;
height: 100%;
position: absolute;
background: rgba(0,0,0, 0.3);
left: 0px;
top: 0px;
z-index: 999;
display: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hover-button span {
display: block;
position: absolute;
left: 0px;
top: 40%;
width: 100%;
font-size: 24px;
text-align: center;
font-family: 'Cinzel';
color: #fff;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hover-button:before {
content: '';
display: block;
margin: 0 auto;
top: 46%;
position: relative;
width: 300px;
height: 1px;
background: #c9c9c9;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hover-button p {
display: block;
position: absolute;
left: 0px;
bottom: 48%;
width: 100%;
font-size: 16px;
text-align: center;
font-family: 'Muli', sans-serif;
color: #c9c9c9;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hover-button:hover {
background: rgba(0,0,0, 0.8);
}
.hover-button:hover p, .hover-button:hover span, .hover-button:hover:before {
opacity: 1;
}
.min.hover-button span {
top: 30%;
}
.min.hover-button:before{
top: 55%;
}
.min.hover-button p {
bottom: 26%;
}
.end-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 999;
display: block;
}
.end-box span {
color: #fff;
font-size: 13px;
float: right;
text-align: right;
width: auto;
clear: both;
margin-bottom: 8px;
}
.end-box span b {
font-size: 12px;
font-weight: normal;
display: block;
float: right;
width: 20px;
height: 20px;
position: relative;
}
.end-box span.tel b {
left: 10px;
top: -5px;
background: url('../img/tele.png') center center no-repeat;
}
.end-box span.mail b {
left: 10px;
top: -4px;
background: url('../img/mail.png') center center no-repeat;
}
.end-box span.end b {
left: 10px;
top: -4px;
background: url('../img/mark.png') center center no-repeat;
}
.title-page {
display: block;
float: left;
width: 100%;
font-size: 32px;
margin-top: 60px;
color: #fff;
font-family: 'Cinzel';
}
.box-txt {
display: block;
width: 100%;
height: auto;
color: #fff;
font-size: 14px;
margin-top: 40px;
line-height: 20px;
float: left;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}
.box-txt.umalinha {
-webkit-column-count: 1; /* Chrome, Safari, Opera */
-moz-column-count: 1; /* Firefox */
column-count: 1;
}
.text-full {
font-size: 14px;
display: block;
float: left;
width: 100%;
color: #fff;
font-style: italic;
text-align: center;
margin-top: 40px;
}
.carrosel {
display: block;
float: left;
width: 100%;
margin-top: 50px;
margin-bottom: 80px;
}
.carrosel a {
cursor: pointer;
}
.bord {
display: block;
width: 100%;
height: 1px;
float: left;
background: #fff;
margin: 50px 0px 0px 0px;
}
.carrosel .item {
overflow: hidden;
cursor: pointer;
height: 240px;
}
.carrosel .item p {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0, 0);
left: 0px;
top: 0px;
z-index: 999;
opacity: 0;
display: none;
/*NOME NOIVOS */
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.carrosel .item p span {
display: block;
width: 100%;
left: 0px;
top: 40%;
font-size: 18px;
color: #c4a50a;
text-align: center;
position: absolute;
}
.carrosel .item p:before {
content: '';
width: 200px;
height: 1px;
display: block;
position: absolute;
left: 91px;
top: 51%;
background: #c4a50a;
}
.carrosel .item p span + span {
display: block;
width: 100%;
left: 0px;
top: 55%;
color: #fff;
}
.carrosel .item:hover p {
opacity: 1;
background: rgba(0,0,0, 0.8);
}
.carrosel img {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.carrosel .item:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.entre-bt {
display: block;
width: 240px;
height: 50px;
margin: 0 auto;
line-height: 50px;
text-align: center;
position: relative;
top: 50px;
clear: both;
background: #222;
color: #fff;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.entre-bt:hover {
font-weight: normal;
background: #000;
color: #d5cecb;
}
.entre-bt-ass {
display: block;
width: 240px;
height: 50px;
margin: 0 auto;
line-height: 50px;
text-align: center;
position: relative;
top: 150px;
clear: both;
color: #fff;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.owl-controls {
display: block;
position: absolute;
left: 0px;
top: 40%;
width: 100%;
opacity: 1;
}
.owl-controls .owl-nav {
margin: 0 auto;
display: block;
position: relative;
width: 1000px;
}
.owl-controls .owl-nav .owl-prev {
width: 54px;
height: 54px;
position: absolute;
left: 0px;
top: 0px;
background: rgba(0,0,0, 0.8) url('../images/prev.png') center center no-repeat;
text-indent: -9999px;
display: block;
overflow: hidden;
}
.owl-controls .owl-nav .owl-next {
width: 54px;
height: 54px;
position: absolute;
right: 0px;
top: 0px;
background: rgba(0,0,0, 0.8) url('../images/next.png') center center no-repeat;
text-indent: -9999px;
display: block;
overflow: hidden;
}
/*---------------------------*/
section#interna {
display: block;
float: left;
width: 100%;
height: auto;
margin-top: 100px;
padding-bottom: 200px;
position: relative;
}
section#interna.ativo {
z-index: 999999;
}
.banner-top {
width: 100%;
height: 400px;
float: left;
overflow: hidden;
position: relative;
background-position: center -250px !important;
background-size: 100% auto !important;
/*background-attachment: fixed !important;*/
}
.banner-top.video {
height: 560px;
}
.banner-top.video-home {
height: 560px;
}
.banner-top.im {
background-position: center top !important;
background-size: 102% auto !important;
}
.banner-top.vid {
width: 1000px;
float: none;
margin: 0 auto;
height: 600px;
}
.banner-top iframe {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.ytp-thumbnail-overlay.ativo {
background-position: center -150px !important;
}
.banner-top.debu {
background-position: center -80px !important;
}
.banner-top.gest-bg {
background-position: center -100px !important;
}
.banner-top.event {
background-position: center 0px !important;
}
.banner-top .scroll-down {
width: 100%;
height: 560px;
background: rgba(0,0,0, 0.8) url('../img/down.png') no-repeat;
background-position: center 50%;
left: 0px;
top: 0px;
position: absolute;
z-index: 999;
/* -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;*/
-webkit-animation: scroll 1s infinite; /* Chrome, Safari, Opera */
-ms-animation: scroll 1s infinite; /* Chrome, Safari, Opera */
animation: scroll 1s infinite;
}
.banner-top.vid .scroll-down {
height: 600px;
}
@-webkit-keyframes scroll {
0% {background-position: center 50%;}
50% {background-position: center 60%;}
100% {background-position: center 50%;}
}
@keyframes scroll {
0% {background-position: center 50%;}
50% {background-position: center 60%;}
100% {background-position: center 50%;}
}
.form-contato {
width: 50%;
float: left;
display: block;
margin-top: 40px;
margin-bottom: 200px;
}
.form-contato h2 {
display: block;
float: left;
width: 100%;
font-size: 32px;
margin-top: 0px;
color: #fff;
font-family: 'Cinzel';
}
.form-contato label {
display: block;
float: left;
width: 100%;
}
.form-contato input {
display: block;
float: left;
width: 98%;
height: 40px;
background: #fff;
color: #666;
padding: 10px 0px 10px 2%;
margin-bottom: 15px;
font-size: 16px;
border: none;
font-family: 'Muli', sans-serif;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-contato textarea {
display: block;
float: left;
width: 98%;
height: 40px;
background: #fff;
color: #666;
padding: 10px 0px 10px 2%;
min-height: 156px;
margin-bottom: 15px;
font-size: 16px;
font-family: 'Muli', sans-serif;
border: none;
resize:none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-contato input:hover, .form-contato textarea:hover, .form-contato input:focus, .form-contato textarea:focus {
background: #222;
color: #fff;
}
.map-contato {
width: 50%;
float: left;
display: block;
margin-top: 40px;
}
.map-contato h2 {
display: block;
float: left;
width: 100%;
font-size: 32px;
margin-top: 0px;
color: #fff;
font-family: 'Cinzel';
}
.map-contato span, .form-contato span {
margin-bottom: 40px;
float: left;
width: 100%;
display: block;
font-size: 14px;
margin-top: 10px;
color: #fff;
}
.map {
display: block;
float: left;
width: 100%;
height: 400px;
position: relative;
}
.map iframe {
position: absolute;
left: 0px;
top: 0px;
width: 96%;
height: 100%;
}
#envia-form .button {
display: block;
width: 240px;
height: 50px;
float: left;
line-height: 50px;
text-align: center;
position: relative;
margin-top: 20px;
clear: both;
background: #222;
color: #fff;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
border: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#envia-form .button:hover {
font-weight: normal;
background: #000;
color: #d5cecb;
}
.form-contato label.error {
width: 100%;
float: left;
font-size: 14px;
color: #fff;
top: -10px;
position: relative;
}
#success {
display: block;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
text-align: center;
color: #fff;
height: 30px;
line-height: 30px;
background: #518b2b;
}
.menu-on {
display: none;
}
@media only screen and (max-width: 1480px) {
section#inicial.ativo {
height: 65%;
}
}
#menu ul li.quem-bt {
display: none;
}
@media only screen and (max-width: 1700px) {
.banner-top.im {
background-size: 123% auto !important;
}
}
@media only screen and (max-width: 1000px) {
.banner-top.debu {
background-position: center 0px !important;
}
.banner-top.gest-bg {
background-position: center -0px !important;
}
.banner-top.event {
background-position: center 0px !important;
}
section#interna {
margin-top: 5px;
background: #111;
}
#menu ul li:after {
display: none;
}
.menu-on {
display: block;
position: absolute;
right: 10px;
top: 0px;
height: 48px;
z-index: 9999;
cursor: pointer;
width: 48px;
background: url('../img/hamb.png') 0px -48px no-repeat;
}
.menu-on.off {
background: #fff url('../img/hamb.png') 0px 0px no-repeat;
}
section#inicial {
position: relative;
float: left;
width: 100%;
}
.hover-button:before {
top: 40%;
}
.hover-button span {
top: 32%;
}
.hover-button p {
bottom: 45%;
}
section#inicial .ini-2, section#inicial .ini-3, section#inicial .ini-4 {
width: 100% !important;
height: 50% !important;
position: relative !important;
left: 0px !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
float: left !important;
}
section#inicial .ini-1 {
width: 100% !important;
height: 100% !important;
position: relative !important;
left: 0px !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
float: left !important;
}
section#inicial div.h-b {
background-size: cover !important;
}
.banner-top {
height: 200px;
background-position: center -30px !important;
background-size: 150% auto !important;
}
.banner-top .scroll-down {
height: 200px;
}
.title-page {
text-align: center;
}
.box-txt {
text-align: center;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
body {
overflow-y: auto;
}
#menu {
height: 160px;
/*overflow: hidden;*/
z-index: 9;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#menu ul {
width: 100%;
float: left;
margin: 0px;
}
#menu:before {
display: none;
}
#menu ul li {
width: 100%;
background: #fff;
border-bottom: 1px solid #000;
}
#menu ul li:hover {
top: 0px;
}
#menu ul li:first-child {
top: 0px;
background: none;
}
#menu ul li:first-child:hover {
background: none;
}
#menu ul li:first-child a {
top: -10px;
padding: 10px 0px 10px 0px;
}
#menu ul li.hover:hover a {
top: 0px;
color: #000;
}
#menu ul li.hover:before {
display: none;
}
#menu ul li:nth-child(3) {
margin-left: 0px;
}
#menu ul li:first-child:before {
display: none;
}
#menu ul li a {
width: 100%;
color: #000;
padding: 15px 0px 15px 0px;
font-weight: bold;
border-top: none;
}
#menu ul li:hover a {
background: #000;
color: #d5cecb;
border-top: none;
}
#menu ul li.hover:hover a {
border-top: none;
}
#menu ul li:first-child:hover a {
background: none;
}
.end-box {
width: 0px;
overflow: hidden;
}
.social {
background: #fff;
width: 50px;
height: 150px;
left: 0px;
top: 0px;
z-index: 9999;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social a {
margin-right: 10px;
margin-left: 0px;
margin-top: 11px;
}
.ini-5 {
background: url('../img/ab5.png') center 0px no-repeat;
}
.hover-button p, .hover-button span, .hover-button:before {
opacity: 1;
}
.hover-button {
background: rgba(0,0,0, 0.6);
}
#menu ul li.ativo {
background: #111;
}
#menu ul li.ativo a {
top: 0px;
color: #fff;
}
.container {
width: 95%;
float: left;
margin: 0px;
margin-left: 2.5%;
}
.owl-controls .owl-nav {
width: 100%;
}
section#inicial .ini-1 {
background-position: right top !important;
}
section#inicial .ini-2 {
background-position: left top !important;
}
.icon-seal {
display: none;
}
.map-contato {
width: 100%;
}
.map-contato h2 {
width: 100%;
text-align: center;
}
.form-contato {
width: 100%;
}
.map-contato h2 {
width: 100%;
text-align: center;
}
.form-contato h2 {
width: 100%;
text-align: center;
}
.map-contato span, .form-contato span {
text-align: center;
}
.map iframe {
width: 100%;
}
#envia-form .button {
width: 100%;
}
#menu ul li.quem-bt {
display: block;
}
.fullslider {
display: none !important;
}
.close-bt {
display: none !important;
}
.banner-top.vid {
width: 100%;
height: 400px;
}
.banner-top.video-home {
height: 240px;
}
.banner-top.video-home #video-top {
object-fit: cover;
}
.ini-0.ativo {
height: 240px;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
}
.close-bt {
position: fixed;
right: 15px;
top: 15px;
width: 50px;
height: 50px;
cursor: pointer;
background: rgba(0,0,0, 0.5) url('../img/close.png') center center no-repeat;
z-index: 999999;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.close-bt:hover {
background: rgba(0,0,0, 0.8) url('../img/close.png') center center no-repeat;
}
.rsContent img.vertical-img {
width: 50% !important;
height: auto !important;
margin-top: 0px !important;
margin-left: auto !important;
margin-right: auto !important;
display: block;
}
.not-box {
float: left;
width: 100%;
height: auto
padding: 16px;
}
.not-box .title-page {
/*font-size: 20px;*/
margin-bottom: 32px;
margin-top: 0;
color: #fff;
}
.not-box .title-page a:visited, .not-box .title-page a {
color: #fff;
text-decoration: none;
}
.not-box ul li {
width: calc(50% - 24px);
display: inline-block;
height: 264px;
overflow: hidden;
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid white;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.not-box ul li:nth-child(1n){
margin-right: 16px;
}
.not-box ul li a, .not-box ul li p {
font-size: 12px;
line-height: 1.5;
color: white;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.not-box ul li:hover a,.not-box ul li:hover p , .not-box ul li:hover h3 {
color: #eab410;
}
.not-box ul li:hover {
border-bottom: 1px solid #eab410;
}
.not-box ul li h3 {
font-size: 16px;
font-weight: bold;
margin-bottom: 8px;
color: white;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.not-box ul li small {
width: 100%;
font-size: 12px;
margin-bottom: 8px;
float: left;
font-style: italic;
}
.not-box ul li figure {
width: 100%;
height: 150px;
float: left;
background-size: cover;
background-position: center center;
visibility: visible !important;
margin-bottom: 16px;
}
@media only screen and (max-width: 800px) {
.not-box ul li {
width: 100%;
}
.banner-top.video {
height: 200px;
}
}