@charset "utf-8";
/* #FF3400;  #482f23; */

/************* GENERAL SETS *********************/
html,body{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
}
*{
/* 	transition:all 0.3s ease-in-out; */
	position: relative;
	font-family: 'Work Sans', sans-serif;
}
strong{
	font-family: 'Work Sans', sans-serif;
	font-weight: bold;
}
.icon_search{fill:#FF3400;}

body{
	color: #282828;
	font-size: 1.1em;
	line-height: 1.3em;
	text-align: left;
	font-weight: 300;
	background-color: white;
	text-align: justify;
	position: relative;
}
img{
	position: relative;
	width:100%;
	margin: 0;
	padding: 0;
	border:none 0;
}
p{
	margin: 0;
	margin-bottom: 15px;
}
.text br{
	margin-bottom: 15px;
}
input[type=text],input[type=email],input[type=password],input[type=number], textarea{
	font-size: 15px;
	width:100%;
	box-sizing: border-box;
}
textarea{
	min-height: 150px;
	max-height: 150px;
}
input[type=text],input[type=email],input[type=password],input[type=number]{
	padding:13px 18px;
}
a{
	color:#888;
	text-decoration: none;
	transition:color 0.35s ease-in-out;
	transition:background-color 0.35s ease-in-out;
}

.button{
	background-color: #FF3400;
	border-color:#FF3400;
	border-radius: 3px;
	display: inline-block;
	border:none;
	color:white;
	margin: 0 13px;
	width:100%;
	max-width: 240px;
	/* height:25px; */
	font-size: 12px;
	transition: all 0.3s ease-in-out;
	cursor:pointer;
	border-radius: 5px;
	text-align: center;
	text-transform: uppercase;
	padding: 13px;
}
/* .button:after  {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #482f23;
    transition: all .35s;
} */

.button.hider{
	margin-left: auto;
	margin-right: auto;
}
.button span{
	  position: relative;
	  z-index: 2;
}
button:hover,.button:hover  {
	  color: #fff;
	  background-color: #181818;
}
.button:hover:after  {
	width: 100%;
}
.button:disabled,button[disabled],.button:disabled:hover,button[disabled]:hover{
	color:white;
	background-color: #888;
	opacity:.5;
	cursor:not-allowed;
}
.button:disabled:hover:after,button[disabled]:hover:after{
	width: 0;
	
}
button.empty{
	color:#ccc;
	background-color: white;
	/* border-color:#ccc; */
	border:1px solid #ccc;
}
button.empty:hover{
	color:#ededed;
}

ul{
	position: relative;
	margin: 0px;
	padding: 0px;
}
hr{
	border:none;
	border-bottom:1px solid #dedede;
	margin: 20px 0;
}
li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
label,input[type="radio"]{
	cursor: pointer;
}
h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
	font-weight: 200;
	font-weight: 600;
}
h2.warner{
	text-transform: uppercase;
	width:40%;
	padding: 10vh 5%;
	margin:5vh 25%;
	text-align: center;
}

/************* HEADER + FOOTER *********************/
#header,#footer{
	position: relative;
	padding:0 0 0 0;
	width:100%;
	margin: 0;
	z-index: 80;
}
#header{
	position: fixed;
	margin-bottom: 0;
	padding:18px 0;
	background-color: white;
	border-bottom:1px solid #482f23;
	-webkit-box-shadow: 0px 0px 8px 2px #ccc;
	 -moz-box-shadow: 0px 0px 8px 2px #ccc;
				box-shadow: 0px 0px 8px 2px #ccc;
}
#header h2{
	margin: 30px 0;
	font-size: 2.8em;
}
#header h3{
	color:#888;
	font-size: 1em;
	font-weight: 300;
}
#header .ops{
	position: relative;
	float: right;
	padding: 18px 0 0 0;
}
#header .social_media {
	margin-right: 2vw;
}

._lang_menu{
	float:right;
	margin-right: 2vw !important;
	text-transform: uppercase;
	padding: 6px 0 0 0;
}

#header .inliner li{
	margin-left: 24px;
}
#header .inliner li a,#footer .inliner.social_media li a{
	display: inline-block;
	width:28px;
}
#header .inliner li a img,#footer .inliner li a svg{
	width:100%;
}
/*------------- FOOTER --------------*/
#footer{
	padding:2% 3% 3%;
	width:94%;
	background-color:#ededed;
	color:#333;
	border-top:1px solid #888;
	z-index: 50;
	display:flex;
	align-items: stretch;
	justify-content: space-between;

}
#footer .inliner{
	box-sizing: border-box;
	padding:0 3%;
	font-size: .8em;
}

#footer .inliner.copy a{
	display: inline-block;
	margin-left: 5px;
}

#footer ul.inliner{
	width:10%;
	font-size: 1.3em;
	margin: 0 !important;
	padding: 0;
	text-align: right;
	float:none;
}
#footer .inliner.legal ul{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#footer .inliner.social_media{
	display: flex;
	flex-direction: row;
}

#footer .inliner i{
	width:10px;
	margin-right: 10px;
}
#footer h3{
	text-transform: uppercase;
	margin-bottom: 6px;
}
#footer .inliner li{
	margin-bottom: 6px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}
#footer .inliner.legal li{
	margin: 0 18px;
}
#footer .inliner.support.funding img{
	display: block;
	width:180px;
}
#footer .inliner.support li.full_li{
	font-weight: bold;
	width:100%;
	padding: 0;
}
#logo{
	display:inline-block;
	width:100%;
	max-width: 280px;
	margin: 13px 0 7px;
	text-transform: uppercase;
	padding-left: 3%;
}
#logo img{
	width:100%;
}

/*------------- MENU --------------*/
._nav{
	display: none;
}
#menu{
	position: relative;
	float: right;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 24px 0 0 0;
	text-align: center;
	margin-bottom: 20px;
	margin-right: 68px;
	z-index: 888008;
}
#menu ul{
	margin:0;
  padding:0;
  list-style:none;
  display: block;
  text-align: left;
}
#menu ul li{
	margin:0;
  padding:0;
  list-style:none;
  display: inline-block;
  text-align: left;
	margin-left: 7px;
}
#menu ul li a:hover,#menu ul li a.current{
color:#FF3400;

}
#menu ul li a{
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color:#777;
	border:none;
	font-weight: 400;
	padding: 5px 5px;
	display: block;
	font-family: inherit; /* Important for vertical align on mobile phones */
	margin: 0; /* Important for vertical align on mobile phones */
	background: none;
	cursor:pointer;
	padding-top: 3px;
	vertical-align: middle;

}
#menu ul li a svg{
	position: relative;
	top:7px;
	width:32px;
	margin-right: 5px;
}
#menu a:hover,#menu button:hover,#menu a.current,#menu button.current,#header .inliner li a:hover,#header .inliner li a.active{

}


main, #main{
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 15vh 0 0;
	margin: 0;
	/* padding-top: 20vh; */
	width:100%;
	/*max-width: 1080px; */
	margin-left: auto;
	margin-right: auto;
	z-index: 20;
	min-height: 92vh;
	background-repeat:no-repeat ;
	background-size:100% auto;
	background-position: center bottom -30vh;
	transition:all 0.3s ease-in-out;

}
main.legal, #main.legal{
	
}
main.legal .block, #main.legal .block{
	background-color: white;
	color:#333;
	max-width:700px;
	box-sizing: border-box;
	padding:5vh;
	margin:0 auto;
}
#blog{
position: relative;
width:100%;
}
#blog > li{
	display: inline-block;
	vertical-align: top;
	width:33%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	padding: 10px;
}
.news-media{
	position: relative;
	width:100%;
	max-height:32vh;
	min-height:32vh;
	overflow: hidden;
	background-color: #999;
}
#blog > li >.content{
	position: relative;
	background-color: white;
	box-sizing: border-box;
	padding: 18px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	max-height:9vh;
	min-height:9vh;
}
#blog > li h4,#blog > li h3{
	font-weight: 500;
}
#blog > li h3{
	margin: 7px auto;
}
#blog > li h4{
	color:#888;
	font-weight: 400;
}
#blog > li h3 a{
transition: all 0.3s;
}
#blog > li .news-media a img{
transition: all 0.3s;

}
#blog > li .news-media a:hover img{
	-ms-transform: scale(1.2);
	        -moz-transform: scale(1.2);
	        -webkit-transform: scale(1.2);
	        -o-transform: scale(1.2);
	        transform: scale(1.2);
}
#blog_post{
	position: relative;
	width:80%;
	margin: 0 auto;
	text-align: center;

}
.content_operations{
		position: relative;
		display: block;
		margin-top: 5vh;
		width:100%;
		text-align: center;
}
.content_operations > li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin:0 18px;
}

.blog-media{
	position: relative;
	width:25vh;
	height:25vh;
	max-height: 45vh;
	overflow: hidden;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.blog-content{
	position: relative;
	width:100%;
	box-sizing: border-box;
	padding:36px 10%;
	text-align: left;

}
.blog-content > h4{
	font-weight: 400;
	font-size: 14px;
	color:#777;
}
.blog-content > h3{
	font-weight: 500;
	font-size: 25px;
	line-height: 28px;
	margin: 13px auto 31px;
}

#blog_post .button.back,#servicos .button.servico-op,.plus .button.hider,.cookie_reset{
	position: relative;
	width:auto;
	display: inline-block;
	margin:20px auto;
	max-width: none;
	height:auto;
	padding:10px 25px;
	font-weight: 500;

}

#servicos .button.servico-op:after {
	color:white;
}
#servicos .button.servico-op:hover{
	color:white!important;
}


input._copy {
    position: absolute;
    opacity: 0;
    height: 1px;
    width: 1px;
    float: right;
}
.content_operations >li{
	display: inline-block;
}


.mapboxgl-control-container{
	display:none !important;	
}

/************* CONTENT *********************/
.cycle-pager{
	text-align: center;
}
.cycle-pager span{
	cursor:pointer;
	font-size: 1px;
	color:#f3f3f3;
}
#big_map {
    display: block;
    width: 100%;
    height: 400px;
    overflow: hidden;
    margin-bottom: 40px;
		margin-top:40px;
}

/*------------- COLUMN --------------*/
.block{
	display: block;
	padding: 0;
	margin: 0;
	min-height: 80vh;
	line-height: 1.5em;
}

/*------------- MEDIA --------------*/
.intrinsic-container {
  position: relative;
}
.intrinsic-container.video {
	height: 8vh;
	overflow: hidden;
  padding-bottom: 56.25%;
}
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 88;
  border:none;
}
h2.section_title{
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 9px;
	font-weight: 500;
	font-size: 13px;
	margin-bottom: 13px;
	border-bottom:1px solid #FF3400;
}

.cycle-pager span.cycle-pager-active, .cycle-pager span:hover {
    background-color: #FF3400;
}
#preview .cycle-pager span.cycle-pager-active,#preview .cycle-pager span.cycle-pager-active a,#preview .cycle-pager span:hover,#img-box.cycle-pager span.cycle-pager-active,#img-box .cycle-pager span.cycle-pager-active a,#img-box .cycle-pager span:hover {
    background:none;
		color:#FF3400;
}

.cycle-pager span {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #ccc;
		border:1px solid #999;
    text-align: center;
    margin-right: 6px;
		margin-left: 6px;
    margin-bottom: 2px;
		border-radius: 50%;
		box-sizing: border-box;
}

.show-nav{
	display: inline-block;
	vertical-align: top;
	width:8px;
	margin: 5px 10px 0;
}

#map{
	position: relative;
	width:100%;
	min-height: 300px;
	padding:0;
	background-color: white;
	margin:3em 0;
}
.map_marker {
display: block;
border: none;
border-radius: 50%;
cursor: pointer;
padding: 0;
}
#the_map{
		width:80%;
	height:380px;

}
#detalhes_info .text,#media{
	width:80%;
	padding:56px 10% 64px;
}
#media{
	background-color: #111;
}
#detalhes_info p{
	margin-bottom: 2px;
}
#the_detalhes li > h3{
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
}
#detalhes_info p.value{
    margin-top: 13px;
    font-size: 1.8em;
}
#detalhes_info p.value .measure{
    font-size: .7em;
}
#detalhes_info p.value sup{
    font-size: .7em;
}
#the_detalhes,#detalhes_info .text{
	background-color: white;
	width:80%;
	padding: 56px 10% 64px;
	margin: 0;
	text-align: left;
}
#the_detalhes > li{
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	text-align: left;
	width:30%;
	font-size: 15px;
	height:80px;
	color:#999;
	border-bottom:1px solid #efefef;
}
#the_detalhes > li.full{
	width:100%;
}
#the_detalhes > li > h2{
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
}
.text{
	text-align: left;
}
.cycle-prev,.cycle-next{
	position: absolute;
	top:40%;
	z-index: 8000;
}
.cycle-prev svg,.cycle-next svg{
	max-width: 30px;
	cursor:pointer;
}
.cycle-prev{
	left:0px;
}
.cycle-next{
	right:0px;
}
.inliner{
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.hider{
	cursor:pointer;
}
.hidden,.form_plus.hidden{
	display: none;
}
.address{
	font-style: normal;
}
.the_loader{
	margin: 13vh;
}

.checkbox{
	padding: 0;
	display: block;
	width:100%;
	margin: 0;
	height:18px;
	font-size: 10px;
	margin-bottom: 7px;
}
.checkbox label,.checkbox input{
	display: inline-block;
	vertical-align: top;
}
.checkbox label{
	width:85%
}
.checkbox input{
	width:13%;
	margin: 0;
}
.filter-box{
	margin-top:13px;
}

ul.posts,.post_results{
	position: relative;
	display: block;
	width:100%;
	margin: 0;
	padding: 0;

}

ul.posts > li,ul.post_results > li{
	display:inline-block;
	box-sizing: border-box;
	width:25%;
	vertical-align: top;
	padding: 0 5px;
	margin-bottom: 36px;
}
.results_feedback{
	text-align: center;
	border-bottom:1px solid #dedede;
	padding-bottom: 2vh;
	margin-bottom: 3vh;
}
.show{
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 65% 0;
	width:100%;
	height:0;
	overflow: hidden;
	max-height: 162px;
}

ul.display-alternate{
	
}
ul.display-alternate li{
	display:flex;
	flex-direction: row;
	min-height:35vh;
	box-sizing: border-box;
	width:100%;
	margin:0;
	padding:0;
}
ul.display-alternate li:nth-child(even){
	flex-direction: row-reverse;
	background-color: #ededed;
}
ul.display-alternate li h2{
	text-transform: uppercase;
}
ul.display-alternate li .display-img,ul.display-alternate li .display-content{
	box-sizing: border-box;
	padding: 3em;
	transition: all 0.3s ease-in-out;
}
ul.display-alternate li .display-img{
	width:26%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-content: center;
	align-items: center;
}

ul.display-alternate li .display-content{
	width:74%;
	padding: 5em ;
	padding-right:15%
}
ul.display-alternate li:nth-child(even) .display-content{
	padding-right:7em;
	padding-left: 15%;
}
ul.display-alternate li .display-content .display-text{
	width:100%;
	max-height: 40vh;
	overflow-y: scroll;
	padding-right: 18px;

}

ul.display-alternate li:nth-child(even) .display-content .display-text{
	color:#555;
}


#servicos{
text-align: center;
}
#servicos > li{
	position: relative;
	background-color: white;
	box-sizing: border-box;
	padding: 0;
	border: 1px solid #ccc;
	margin-bottom: 4vh;
}
#servicos > li > h3{
	margin-top: 36px;
	margin-bottom: 7px;
	font-weight: 500;
	font-size: 25px;
	color:#FF3400;
	text-transform: uppercase;
	line-height: 1em;

}
#servicos > li > h4{

	font-weight: 400;
	width:60%;
	padding: 0 20%;
	text-transform: uppercase;
	color:#777;
}
#servicos > li .servico-media{
	margin-top: 18px;
	width:100%;
	height:36vh;
	overflow: hidden;
}
#servicos > li .more .content{
	width:70%;
	padding: 2rem 15%;
}
#servicos > li .more > ul{
	margin-top: 1.5rem;
}
#servicos > li .more > ul > li{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width:21vw;
	height:21vw;
	padding: 18px;
	background-color: white;
	border: 1px solid #ccc;
	margin: 10px;
}
.s_media img{
	width:30%;
	height:auto;
}


.testimonies{

}
.testimonies > li{
	position: relative;
	background-color: white;
	box-sizing: border-box;
	/* padding: 36px; */
	border: 1px solid #ccc;
	min-height: 26vh;
	margin-bottom: 3vh;
	padding: 10%;
}
.testimonies > li > .text:before{
	position: absolute;
	top:0;
	left:-18px;
	content:'" ';
	font-size: 2em;
	color:#FF3400;
}

.testimonies > li > .text:after{
	position: absolute;
	bottom:0;
	right:-18px;
	content:' "';
	font-size: 2em;
	color:#FF3400;
}
.testimonies > li > .text > p{
	display: inline-block;
}

.testimonies > li > h3{
	margin-top: 18px;
	color:#FF3400;

}
.highs{
	margin-top: 18px;
	width:100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content:space-between;
}
.highs > div{
	flex-shrink: 1;
	width:20%;
	text-align: center;
	font-size: .8em;
	color:#aaa;
}
main.contact, #main.contact{
	display:flex;
	align-itens:center;
	align-content: center;
	flex-direction: column;
	justify-content: center;
}
#contact_form{
	padding:5vh;
	display: flex;
	color:#888;
	max-width: 640px;
	width:100%;
	box-sizing: border-box;
	margin: 0 auto;
	justify-content: space-between;
	background-color: white;
	border:none;
}
#contact_form li{
	display:flex;
	flex-direction: column;
	margin: 0 0 1em 0;
}
#contact_form form{
	width:100%;
}
#contact_form div, #contact_form #big_map{
margin: 0 0 2em 0;

}
#contact_form div.submiting{
	text-align: right;
}

#contact_form #big_map{
	margin: 0;
}

#mobile-menu{
	display: none;
}
.nav{
	display: none;
}


.cookies{
	position: relative;
  display:flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: fixed;
  box-sizing: content-box;
  background-color: rgba(255,255,255,0.9);
  width:100vw;

  padding:3vh 0;
  z-index:180000000;
	border-bottom:1px solid #482f23;
}
.cookies.hide{
    display: none;

}
.cookies p{
    margin:0;
    padding: 0;
}
.cookie_ops{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin:3vh auto;
}
.cookie_ops .button, .cookie_ops button{
    /* color:#4B384C; */
    margin:0 8px;
    padding:8px 32px;
    border:none;
    /* background-color:rgba(0,0,0,0.2); */
}
.cookie_ops .button:hover{

}
.cookies form{
    margin-top: 18px;
    display: flex;
}
a.button.cookie_reset{
    position:fixed;
    bottom:18px;

    /* background-color: #4B384C; */
    z-index:1800000000;
    border-radius: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
    padding: 8px 12px;
    margin: 0;
    font-size: 11px;

}
.cookie_warning{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100% !important;

    box-sizing: border-box;
    z-index: 88;

    padding:5vh;
    min-height: 40vh;
    text-align: center;
}
.cookie_warning > h3{
    text-align: center;
}
.cookie_warning form{
    margin-top: 18px;
    display: flex;
}
.cookie_warning form > button{
    margin: 0 13px;
    border:none;
}
a.button.cookie_reset:hover{
    color:#4B384C;
    background-color: #e9e0d7;
}
.cookies p a.mini{
    font-size: 12px;
    text-transform: uppercase;
}



.under{
	text-decoration: underline;
}

#ticket_pod{
	display: flex;
	flex-direction: row;
	align-items: stretch ;
	background-color: #efefefef;
	padding:0;
}

#ticket_pod > div{
	width:50%;
	display:inline-block;
	min-height: 40vh;
	/* height:40vh; */
	overflow: hidden;
	margin: 0;
	padding:6em 4em;
	box-sizing: border-box;
}
#ticket_pod > div > h3{
	text-transform: uppercase;
	display: block;
	margin-bottom: 5vh;
}
#ticket_pod > div > h3.ticket_reply{
	text-transform: uppercase;
	display: block;
	margin-bottom: 5vh;
	text-align: left;
	padding:2em;
	line-height: 1.2em;
	font-size: 1.5em;
	background-color: #fafafa;
}
#ticket_request{
	background-color: #efefefef;
}

#ticket_request button{
	margin: 0;
}

#ticket_instructions{
	background-color: #00A0D1;
	color:white;
}
#ticket_instructions h3{
	color:white;
}
#ticket_instructions ul li{
	margin-bottom: 1em;
}


.ticket_form{
	display: flex;
	flex-direction: column;
}

.ticket_form li{
	margin:0 0 1em 0;
}
.ticket_form li label span.conditions{
	display: block;
	margin: 0;
	padding: 0;
	font-size: .8em;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
	-moz-appearance:textfield; /* Firefox */
}

#closing{
	width:100%;

	
	color:#333;
	
}
.closing-content{
	max-width: 640px;
	margin:0 auto ;
	background-color: white;
}
.closing-text{
	padding: 3em;
}

.display-content a{
	display: inline-block;
	margin-top:10px;
}

/************* MEDIA QUERIES *********************/
@media screen and (max-width: 1280px) {
	
	ul.display-alternate li .display-content{
		width:70%;
		padding: 4em ;
		padding-right:15%
	}
	ul.display-alternate li:nth-child(even) .display-content{
		padding-right:4em;
		padding-left: 15%;
	}
	
}



/************* MEDIA QUERIES *********************/
@media screen and (max-width: 880px) {
	
	
	
	ul.display-alternate li,ul.display-alternate li:nth-child(even){
		flex-direction: column;
	}
	ul.display-alternate li .display-img,ul.display-alternate li .display-content{
		width:100%;
	}
	ul.display-alternate li .display-img{
		min-height: 40vh;
	}
	ul.display-alternate li .display-content,ul.display-alternate li:nth-child(even) .display-content{
		padding: 4em ;
	}
	ul.display-alternate li .display-content .display-text{
		width:100%;
		max-height: none;
		overflow: auto;
		padding-right: 18px;
	}
	
	main, #main{
		max-width: 840px !important;
		/* padding-top:31vh; */
	}
	#ticket_pod{
		display: flex;
		flex-direction: column;
	}
	#ticket_pod > div{
		width:100%;
		min-height: auto;
		height:auto;
		padding:3em;
	}
	.show{
		height: 180px;
		max-height: 210px;
	}
	
	#logo {
		width:180px;
		margin:13px 0 13px;
	}
	
	#menu{
		margin: 0;
		padding: 0;
	}
	#header .inliner {
		display: none;
	}
	.show {
		height:auto;
		padding:0;
	}
	
	.nav{
		display: block;
		padding: 18px;
	}
	#preview,#ficha_tecnica{
		display: block;
		width:100%;
	}
	#menu_detalhes {
		display:flex;
		flex-direction: column;
	}
	#menu ul {
		display:none;
		flex-direction: column;
	}
	#menu ul li {

	}
	#mobile-menu{

	}
	#mobile-menu > ul{
		display: flex;
		flex-direction: column;
		padding-top: 3vh;
		padding-bottom: 3vh;
	}
	#mobile-menu > ul > li{
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		padding:0;
		margin-bottom: 5px;

	}

	#mobile-menu > ul > li a{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-content: center;
		background-color: #eee;
		padding: 21px 10px;
		max-width: 90%;
		margin: 0 auto;
			box-sizing: border-box;
		border-radius:5px;
	}
	#mobile-menu > ul > li a:hover{

		background-color: #FF3400;
		color:white;
	}

	#mobile-menu > ul > li a svg{
		max-height: 28px;
	}
	#contact_form {
		padding:2vh;
		flex-direction: column-reverse;
	}
	#contact_form div, #contact_form #big_map {
		width:100%;
		margin-bottom: 18px;
	}
	#servicos > li .more > ul{
		display: flex;
		flex-direction: column;
		width:100%;
		padding: 18px;
		box-sizing: border-box;
	}
	#servicos > li .more > ul > li {
		width:100%;
		box-sizing: border-box;
		margin: 0 0 18px 0;
		height:auto;
	}
	.news-media,#blog > li > .content {
		min-height: auto;
		max-height:none;
	}
	.buildings{
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
	}
	
	#footer{
		flex-direction: column;
		font-size: 1.2em;
	}
	#footer .inliner{
		width:100%;
		text-align:center;
		margin-bottom:18px;
		padding: 18px 0;
	}
	.legal ul{
		display: flex;
		flex-direction: column;
	}
	#footer .inliner.legal li{
		margin: 3px auto;
	}
	
	.blog-media {
		height:auto;
	}
	#blog_post {
		width:100%;
		margin: 0;
	}
	ul.about {
		width:100%;
		margin: 0;
		padding:5vh;
	}
	#footer .inliner.legal ul{
		flex-direction: column;
	}
	
}
@media screen and (max-width: 780px) {

	
	main, #main{
		/* padding-top: 24vh; */
		max-width: 840px !important;
	}
	
	#contact_form{
		padding:5vh;
	}
	
	

	
}

@media screen and (max-width: 560px) {
	#closing{
		max-width:80%;
		margin:4em auto 6em;
	}
}