@import 'https://fonts.googleapis.com/css?family=Open+Sans';

@font-face {
  font-family: 'Krinkes';
  src: url('../fonts/KrinkesDecor.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bodoni';
  src: url('../fonts/Bodoni72.ttc') );
  font-weight: normal;
  font-style: normal;
}

* {
	font-family:Bodoni;
}

html, body {
	height:100%;	
}

#topo {
	width:100%;
	min-height:100%;
	background-image: linear-gradient(rgba(0,0,0,0.90), rgba(0,0,0,0.70)), url(../img/bg-home.jpg);
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.90), rgba(0,0,0,0.70)), url(../img/bg-home.jpg);
	background-attachment:fixed;
	background-size:100%;
	background-position:center;
	transition:linear 5s;
}

#topo:hover{
	width:100%;
	height:100%;
	background-image: linear-gradient(rgba(0,0,0,0.90), rgba(0,0,0,0.70)), url(../img/bg-home.jpg);
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.90), rgba(0,0,0,0.70)), url(../img/bg-home.jpg);
	background-attachment:fixed;
	background-size:120%;
	background-position:center;
}

#topo2 {
	width:100%;
	min-height:100%;
	background-image: linear-gradient(rgba(52,79,62,0.9), rgba(52,79,62,0.9)), url(../img/bg-construcao.jpg);
	background-image: -webkit-linear-gradient(rgba(52,79,62,0.9), rgba(52,79,62,0.9)), url(../img/bg-construcao.jpg);
	background-attachment:fixed;
	background-size:100%;
	background-position:center;
	transition:linear 5s;
}

#topo2:hover{
	background-size: 100%;
}

#topo3 {
	width:100%;
	min-height:100%;
	background-image: linear-gradient(rgba(0,0,0,0.90), rgba(0,0,0,0.70)), url(../img/bg-home2.jpg);
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.90), rgba(0,0,0,0.70)), url(../img/bg-home2.jpg);
	background-attachment:fixed;
	background-size:120%;
	background-position:center;
        background-repeat: no-repeat;
	transition:linear 5s;
}

#topo3:hover{
	background-size:100%;
}

#topo4 {
	width:100%;
	min-height:100%;
	/* background-image: url(../img/fachada.jpg); */
	/* background-image: -webkit-linear-gradient(rgba(0,0,0,0.50), rgba(0,0,0,0.20)), url(../img/fachada.jpg); */
	background-image: linear-gradient(rgba(0,0,0,0.50), rgba(0,0,0,0.20)), url(../img/fachada.jpg);
	background-attachment:fixed;
	background-size:120%;
	background-position:center;
	transition:linear 5s;
background-repeat: no-repeat;
}

@media (max-width: 768px) {
	#topo4 {
		background-size:280% !important;
	}
}

#topo4:hover{
	background-size:100%;
}


#topo-cardapio{
	width:100%;
	min-height:300px;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.4)), url(../img/bg-cardapio.jpg);
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.4)), url(../img/bg-cardapio.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-position:center top;
}

#cardapio {
	width:100%;
	height:auto;
	background-image: url(../img/bg-home-cardapio.jpg);
	background-size:cover;
	background-position:top;
	padding:60px 0 60px;
}

#topo-reservas{
	width:100%;
	min-height:300px;
	background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(../img/bg-reservas.jpg);
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url(../img/bg-reservas.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-position:center;
}

#topo-eventos{
	width:100%;
	min-height:90%;
	background-color:#8D7E5D;
}

#topo-contato{
	width:100%;
	min-height:90%;
	background-color:#344f3e;
}

#topo-oboteco{
	width:100%;
	min-height:300px;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(../img/bg-home2.jpg);
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(../img/bg-home2.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-position:center;
}

#topo-fotos{
	width:100%;
	min-height:300px;
	background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url(../img/bg-home.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-position:center;
}


.navbar-nav {
    width: 100%;
    text-align: center;
}

.navbar-nav > li {
      float: none;
      display: inline-block;
	  letter-spacing:5px;
	  font-size:10px;
}

.logo-home {
	margin-top:200px;	
}

.logo-contato {
	margin:20px auto 40px;
	width:20%;
}


.logo-pages {
	margin-top:80px;
	width:100%;	
}

.down {
	margin-top:250px;
}

.down a{
	color:rgba(255,255,255,.4);
	transition:linear .5s;
}

.down a:hover {
	margin-top:200px;
	color:rgba(255,255,255,1);	
}


h1 {
	font-size:65px;	
}
h1 span{
	font-size:165px;	
}
h2 {
	font-size:50px;	
}
h3 {
	font-size:25px;
}
h3 span {
	font-size:31px;
	line-height:2px;
}
h4 {
	font-size:37px;
	font-family:Krinkes;
}
h5 {
	font-size: 18px;	
}
h5 span{
	font-size: 22px;	
	line-height:30px;
}

h6 {
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	line-height:25px;
}
h6 strong{
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	border-bottom: 1px solid #fff;
}

.krinkes {
	font-family:Krinkes;
}

.color_white{
	color:#fff;	
}

.owl-item img{
	width:100%;
	border: 3px solid #fff;
	overflow: hidden;	
	float: none;
}

.border-left {
	border-left: 1px solid #B7B7B7;
	padding-left:20px;
}

.left-box,.right-box {
	padding: 10% 0 10%;	
}
.left-box {
	background-color:#a69778;
	transition:.4s linear;
}
a .left-box:hover {
	background-color:#877859;
	color:#fff;
}
.right-box {
	background-color:#776746;
	transition:.4s linear;	
}
a .right-box:hover {
	background-color:#564A32;
	color:#fff;
}
.rede-social {
	background-image:url(../img/redes-sociais.jpg);
	background-size:cover;
	padding: 60px 0 60px 0;
}
.fa-6x {
	font-size:130px !important;	
}
a .fa {
	color:rgba(255,255,255,0.60);
	margin:0 5px 0 5px;
}
a .fa:hover {
	color:rgba(255,255,255,1);
}
.bg-360 {
	background-image:url(../img/bg-360.jpg);
	background-size:cover;
	padding: 60px 0 60px;
	background-position:center;
	background-attachment:fixed;
}
.bg-contato {
	background-image: linear-gradient(rgba(0,0,0,0.40), rgba(0,0,0,0.40)), url(../img/bg-contato.jpg);
	background-size:cover;
	padding: 100px 0 80px;
	background-position:top top;
	background-attachment:fixed;
}
.btn-primary{
	margin-top:40px;	
}

hr {
	margin:80px auto 40px auto;
	width:30%;	
}

.reset-toph{
	margin-top: 0;
}

.dourado{
	color:#a69778;
	margin-top: 40px;
}

.cinza {
	color:#737373;	
}

.bg-dourado{
	background-color: #a69778 !important;
	margin-bottom: 80px !important;
}

.bg-verde{
	background-color:#344f3e !important;
	margin-bottom: 80px !important;
}

.bg-black {
	background-color:#252323;
}

.bg-white {
	background-color:#fff;
}

.title {
	margin-top: 80px !important;	
}

.cardapio {
	margin-bottom:180px;	
}

.cardapio h3{
	color:#555;
}

.cardapio p{
	color:#b7b7b7;
}

.titlo-cardapio{
	font-size:18px;
	color:#a59778 !important;	
}

.input-lg {
	margin-bottom: 20px;	
	background-color:#344f3e;
	border: 1px solid #fff;
} 

.input-lg:focus {
	background-color:#516F5C;
	outline:none;
} 

#topo-eventos .input-lg {
	margin-bottom: 20px;	
	background-color:#a59778;
	border: 1px solid #fff;
} 

#topo-eventos .input-lg:focus {
	background-color:#C0B59C;
	outline:none;
} 


.form-contato {
	margin: 60px auto;	
}

.footer {
	background-color:#3b3b3b;
	padding: 40px 0 40px;
}

.footer ul a h6{
	line-height:17px;
}


.footer ul a{
	list-style:none;
}

.footer ul a:hover h6{
	text-decoration:underline;
}

.footer img{
	width:100%;
}

div.splash-world-cup
{
display:none;
position:fixed;
z-index:10001;
width:100%;
height:100%;
text-align:center;
}
div.splash-world-cup > img
{
display:inline;
width:auto;
height:90%;
border:none;
position:relative;
z-index:2;
top:50%;
transform:translateY(-50%);
animation-name:showworldcupsplash;
animation-duration:500ms;
}

@media screen and (orientation:portrait)
{
	div.splash-world-cup > img
	{
		height:auto;
		width:90%;
	}
}

body.splash div.splash-world-cup
{
display:block;
}

div.splash-world-cup::before
{
content:"";
position:absolute;
z-index:1;
left:0;
top:0;
width:100%;
height:100%;
background-color:#444;
opacity:.7;
}
div.splash-world-cup::after
{
content:"[continuar]";
position:absolute;
right:1em;
bottom:1em;
z-index:2;
color:black;
font-family:arial;
font-size:11px;
}

@keyframes showworldcupsplash
{
	from
	{
		opacity:0;
		transform:translateY(-50%) scale(.5);
	}
}