/* 
------------------------------ STRUCTURE ------------------------------
*/
html,
body {
	font-family: 'Exo 2', sans-serif;
	margin:0;
	padding:0;
	height:100%;
	font-size: 18pt;
}
input, textarea{
	font-family: 'Exo 2', sans-serif;
	font-size: 14pt;
}
#wrapper {
	background: #FFF;
	position:relative;
	min-height:100%;
	width: 100%;
	z-index: 3;
}
a{
	text-decoration: none;
}
#bannervideo{
	top: 0;
	width: 100%; 
	height: 100%;
	position: fixed;
}
/* 
------------------------------ CLASSES ------------------------------
*/
.social{
	max-width: 19%;
	width: auto !important;
	margin: 3%;
	display: inline-block;
	text-align: center;
}
.telefones{
	max-width: 19%;
	width: auto !important;
	margin: 3%;
	display: inline-block;
	text-align: center;
}
.icones{
	width: 19%;
	margin: 3%;
	display: inline-block;
	text-align: center;
}
.icones img{
	max-width: 100%;
}
.galeria{
	width: 25%;
	margin: 3%;
	display: inline-block;
	text-align: center;
}
.galeria img{
	max-width: 100%;
	box-shadow: 0 2px 10px 0 rgb(188, 188, 188);
    transition: border .4s;
}
.guia, .guia a{
	color: #FFF;
	font-size: 12pt;
}
.ib_top{
	display: inline-block;
	vertical-align: top;
}
.transition{
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.title{
	width: 100%;
	text-align: center;
	letter-spacing: 10px;
	padding: 0;
	font-family: 'Exo 2', sans-serif;
	font-size: 20pt;
	left:0; right: 0; margin: 0 auto;

}
h2{padding: 0; margin: 0; font-weight: normal;}
.clear{
	clear:both;

}
.centralizar{
	width: 90%;
	left: 0; right: 0; margin: auto;
}
.center50{
	width: 50%; 
	left: 0; right: 0; margin: auto;
}
.boxes2{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: left;
	padding: 2% 0;
	margin:0 0 8% 0;
	height: auto;
}
#servico .boxes4, #book .boxes4{
	width: 22%;
	margin: 0 1.5%;
}
.boxes4{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	text-align: center;
	padding: 2% 0;
	margin: 0;
	height: auto;
}
.boxes2 iframe{
	width: 80%; 
	height: 100%;
	border: 4px dashed #222;
}
.boxes2 img, .boxes4 img{
	max-width: 100%;	
	height: 100%;
}
.boxes2 div.content_square, .boxes4 div.content_square{
	display: block;
}
.boxes2 figure, .boxes4 figure{
	border: 5px solid #F7A30A;
	background-image: url(../img/fundo_preto.png);
	position: absolute;
	width: 100%;
	height: 100%;
}
.boxes4 .square{
	width: 100%;
	clear: both;
	left: 0; right: 0;
	margin: auto;
}.boxes2 .square{
	width: 80%;
	clear: both;
	left: 0; right: 0;
	margin: auto;
}
.boxes2 .square:after, .boxes4 .square:after{
	content: "";
	display: block;
	padding-bottom: 70%;
}

.boxes3{
	width: 33%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	float: left;
}
.vejamais, .vejamais a{
	color: #FFF;
	display: block;
	font-size: 50pt;
	width: 100%;
	padding: 3% 0 0 0;
	text-align: center;
	font-family: 'Exo 2', sans-serif;
}
/* 
------------------------------ BANNER ------------------------------
*/
.square {
  position: relative;
  width: 80%;
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
 .square#banner{float: right;}

.square:after{
	content: "";
	display: block;
	padding-bottom: 62.5%;
}
.content_square{
	height:100%;
	width: 100%;
	position: absolute;
}
/* 
------------------------------ MENU ------------------------------
*/
#logo a{
	//color: #C0C0C0;
	color: #EEE;
	vertical-align: top;
}
#logo{
	color: #C0C0C0;
	font-size: 20pt;
	text-align: center;
	padding: 10% 0 5% 0;
	width: 100%;
}
#logo img#whatsimg{
	display: inline;
	width:20px;
}
#logo p{
	display: inline;
}
#logo img{
	width: 80%;	
}
nav.menudesktop #icon_menu_mobile, nav.menumobile #icon_menu_mobile{
	display: none;
}		
nav{
    scrollbar-face-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
	overflow-y: auto;	
	position: fixed;
	height: 100%;
	width: 14.5%;
	color: #FFF;
	background: #622331;
}
::-webkit-scrollbar {
    width: 5px;
	height: 5px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #FFFFFF;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

nav img{
	width: 100%;
}
nav ul{
	width: 90%;
	padding: 2.5% 5%;
	margin: 0;
	//border-top: 2px dashed #FFFFFF;
	//border-bottom: 2px dashed #FFFFFF;
}
nav ul li, nav ul li a{
    list-style: none;
    list-style-type: none;
    font-family: 'Exo 2', sans-serif;
    padding: 6% 0;
    cursor: pointer;
    text-align: center;
    margin: 0;
    color: #EEE;
    font-size: 18pt;
    margin: 10px;
    color: #EEE;
    border-style: solid;
    border-color: #fdfdfd;
}
}
nav a{
	color: #FFF;
}
/*
------------------------------ CONTEUDO ------------------------------
*/
#content {
	background: transparent;
	margin: 0; padding: 0;
}
#content section{
	position: relative;
	width: 85.35%;
	padding: 1% 0%;
	float: right;
	z-index: 0;
}
::-webkit-input-placeholder{
	color: #FFF;
}
:-moz-placeholder{
	color: #FFF;
}
::-moz-placeholder{
	color: #FFF;
}
:-ms-input-placeholder {  
	color: #FFF;
}

/***** SECTION *****/
section{
	background-attachment: fixed;
}
section figcaption{
	color: #FFF;
}
section .boxes2 div{
	display: table;
	height: 100%;
	width: 100%;
}
section .boxes2 div p, section .boxes2 div ul{
	display: table-cell;
	list-style: none;
	vertical-align: middle;
}
/***** FIGURE *****/
figure, figcaption{
	margin: 0;
	padding: 0;
}
figcaption{
	display: table;
	position: relative; 
	z-index: 1;
	
	padding: 0 2.5%;
	width: 95%; 
		
	left: 0;
	right: 0;
	top: 0px;
	bottom: 0px;
	margin: auto;
	
	font-family: 'Exo 2', sans-serif; 
	color: #F7A30A; 
	font-size: 18pt; 
	text-align: center;
	line-height: 75px; 
}
/***** banner *****/
#banner{
	background: #fffdd0;
	background-size: cover;
	position: relative;
	width: 100%;
	color: salmon;
	font-weight: bold;
	padding: 0 !important;
}
#banner .square{
	width: 100%;
}
#banner .square:after{
	padding-bottom: 58%;
}
#sobre{
	color: #FFFFFF;
	text-align: justify;
	background: #622331;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
	font-size: 14pt;
}
/***** ONE *****/
#one{
	background: #622331;
	background-attachment: scroll;
	background-size: 100% 100%;
	position: relative;
	height: 100%;
	color: #FFFFFF;
	border-bottom: 2px solid #fff;
}

#one .title{
	color: #FFFFFF;
}
/***** BOOKS *****/
#book{
	background-size: cover;
	background-image: url(../img/5.jpg);
	right: 0;
	position: absolute;
	min-height: 100%;
	color: #FFF;
}
#book figcaption{
	font-size: 16pt;
}
/***** CONTATO *****/
.contatoContent{
	background-size: cover;
	background-image: url(../img/7black.jpg) !important;
	color: #FFF;
}
#orcamento{
	background-size: cover;
	background-image: url(../img/7.jpg) !important;
	color: #FFF;
}
#contato{
	background: transparent;
	color: #FFF;
}
#orcamento .boxes2,
#contato .boxes2{
	width: 44%;
	margin: 0 3% !important;
}

#orcamento textarea
#contato textarea{
	height: 75px;
}
#orcamento input, #orcamento textarea, #orcamento,
#contato input, #contato textarea{
    width: 100%;
    padding: 2px;
    margin: 0;
    background: transparent;
    background-size: cover;
    text-align: left;
    border: 0;
    box-shadow: 0px 1px 1px 1px #f9f9f9;
    color: #FFFFFF;
    /* resize: none; */
    /* background: transparent; */
    /* border: none; */
}
#contato{
    width: 100%;
    padding: 2px;
    margin: 0;
    background: transparent;
    background-size: cover;
    text-align: left;
    border: 0;
    color: #FFFFFF;
    /* resize: none; */
    /* background: transparent; */
    /* border: none; */
}

#orcamento input[type='submit'],
#orcamento input[type='reset'],
#contato input[type='submit'],
#contato input[type='reset']{
	width: 101%;
	text-align: center;
	background: #FFFFFF;
	color:#FFF;
}
#orcamento input[type='radio'],
#orcamento input[type='checkbox'],
#contato input[type='radio'],
#contato input[type='checkbox']{
	box-shadow: 0 0 0 !important;
	width: auto !important;
	margin: 2px 10px !important;
}

#orcamento::after{
	opacity: 0.7;
	background: black;
}
#orcamento::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: -1;
	left: 0;
}
#one p, #banner p{
	z-index: 1;
	padding: 0;
	margin: 0;
}
#contato .boxes2, #servico .boxes2{
	margin: 0 auto;
}
#menu-mobile{
	display: none;
}
.rodape_galeria {
    height: 200px;
}