@charset "utf-8";
/* CSS Document */


html, body, #wrap 
{
height: 100%;
margin:0;
background:#fff;


font-family: 'Fira Sans', sans-serif;

font-size: 16px;

color: #825e41;

font-weight: 300;

}

body > #wrap 
{
height: auto; 
min-height: 100%;

}

#cookie-msg
{
	position:fixed;
	width:90%; border: 1px solid #fff; background:#825e41; padding:20px; font-size:10px; opacity:0.9;
	bottom:0;
	left:5%;
	color:#fff;
	text-align:center;
}

#main 
{
	position:relative;
	padding-bottom:249px;
	z-index:2;
}  /* deve ser a mesma altura do rodapé */

#header
{
}

.quote
{
	width:60%;
	font-size:24px;
	float:right;
	position:relative;
}

#footer {
    clear: both;
    color: #fff;
    font-size: 12px;
    height: 249px;
    margin-top: -249px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 4;
    background: #825e41;
}

.input
{
	width:96%; padding:2%;
	border:1px solid #969696;
	color:#969696;
}

.submit-btn
{
	padding:15px 20px; color:#FFF; font-weight:300;
	background:#825e41;	border:0; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; font-size:12px; cursor:pointer; border:1px solid #FFF; width:100px;
}

.submit-btn:hover
{
	background:#333  no-repeat center center;
}


#banner
{
	position:relative;
	width:100%;
	z-index:99;
}

.div_border_top
{
	width:80%;
	left:10%;
	position:relative;
	border-top:4px solid #825e41;
}

.barra_top
{
	position:relative;
	width:100%;
	z-index:999;
	height:130px;-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; 
	background:#FFF;
	
}

.barra_imagem
{
  width:100%;
  padding-top:30px; padding-bottom:30px;
}

.text_imagem
{
    position: relative;
    color: #825e41;
    text-align: right;
    font-size: 27px;
    text-transform: uppercase;
    width: 100%;
    right: 0;
    z-index: 9999;
	margin-top:30px;
	margin-bottom:30px;
}
  

.info
{
width: 1300px;
left: 50%;
margin-left:-650px;
position: relative;
}

.info2
{
width: 100%;
position: relative;
}


.info3
{
width: 60%;
left: 20%;
position: relative;
margin-top: -150px;
}

.info4
{
width: 90%;
left: 5%;
position: relative;
}
.info5
{
width: 50%;
left: 40%;
position: relative;
text-align:center;
}

.caixamenu
{
    position: absolute;
    visibility: visible;
    z-index: 99;
	right: 150px;
top: 45px;-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


.caixamenu2
{
	display:none;
}


.logo
{
	position:absolute;
	top:36px;
	z-index:99;
	margin-left:0;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.logo_img
{
	height:auto;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	
}

a:link {
	color: #333;
	text-decoration:none;
			-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;	
}
a:visited {
	color: #333;
	text-decoration:none;
}
a:hover {
	color: #333;
	text-decoration:none;
}
a:active {
	color: #333;
	text-decoration:none;
}


a.footer:link {
	color: #fff;
	text-decoration:none;
			-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	font-weight:500;
}
a.footer:visited {
	color: #fff;
	text-decoration:none;
	

}
a.footer:hover {
	color: #fff;
	text-decoration:none;	

}
a.footer:active {
	color: #fff;
	text-decoration:none;	

}



a.BT:link {
	text-decoration:none;
			-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	
	padding:15px 25px; color:#FFF;  font-weight:300;
	background:#825e41;	border:0; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; font-size:12px; cursor:pointer; border:1px solid #FFF;	
}
a.BT:visited {
	text-decoration:none;
			-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	
	padding:15px 25px; color:#FFF;  font-weight:300;
	background:#825e41;	border:0; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; font-size:12px; cursor:pointer;border:1px solid #FFF;	
}
a.BT:hover {
	text-decoration:none;
			-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	
	padding:15px 25px; color:#825e41; font-weight:300;
	background:#fff;	border:0; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; font-size:12px; cursor:pointer;border:1px solid #825e41;	
}
a.BT:active {
	text-decoration:none;
			-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	
	padding:15px 25px; color:#FFF;  font-weight:300;
	background:#825e41;	border:0; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; font-size:12px; cursor:pointer;border:1px solid #FFF;	
}


#nav_serivos_home ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_serivos_home ul li { display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:14px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; color:#fff}
#nav_serivos_home ul li.text { width:100%; background:#825e41;}
#nav_serivos_home ul li.img { width:25%; background:#825e41; }

#nav_clientes ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_clientes ul li { display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; color:#8d8d8d; width:20%; text-align:center;}

#nav_footer ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_footer ul li { display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:14px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;  width:25%; text-align:left; color:#FFF;}

#nav_contacts ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_contacts ul li { display: inline-block; vertical-align:top; margin-right:0%; text-align:left; font-size:14px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;  width:50%; text-align:left;}



#nav_footer2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_footer2 ul li.left { display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;  width:50%; text-align:left; color:#FFF;}
#nav_footer2 ul li.right { display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;  width:50%; text-align:right; color:#FFF;}


#nav_porf ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_porf ul li { height:250px; width:33.3%; margin:0%; margin-bottom:0; align-items: center;display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px;  color:#8d8d8d;}





#nav_portf_home ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_portf_home ul li.big { border:2px solid #FFF; align-items: center;display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px;  color:#8d8d8d; width:100%; height:600px;}
#nav_portf_home ul li.small { align-items: center;display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px;  color:#8d8d8d; width:100%; height:300px;}

#nav_portf_home2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_portf_home2 ul li {border:2px solid #FFF; display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px;  color:#8d8d8d; width:100%; height:300px}


#nav_portf_home ul li.big:hover .staff-text {
	padding-bottom: 30px;
	visibility: visible;
	opacity: 1;
}

#nav_portf_home2 ul li:hover .staff-text2 {
	padding-bottom: 30px;
	visibility: visible;
	opacity: 1;
}


#nav_porf ul li:hover .staff-text3 {
	padding-bottom: 30px;
	visibility: visible;
	opacity: 1;
}

.staff-text {
    width: 99%;
    height: 600px;
    padding: 5%;
        padding-bottom: 5%;
    padding-bottom: 40px;
    background-color: rgba(0,0,0, .7);
    position: absolute;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: .3s all;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
}

.staff-text2 {
width: 100%;
height: 50%;
padding: 40px;
    padding-bottom: 40px;
background-color: rgba(255,255,255, .9);
position: absolute;
z-index: 1;
visibility: hidden;
opacity: 0;
left: 0;
transition: .3s all;
font-size: 24px;
color: #333;
font-weight:800;
}

.staff-text3 {
    width: 33.3%;
    height: 250px;
    padding: 40px;
        padding-bottom: 40px;
    padding-bottom: 40px;
    background-color: rgba(0,0,0, .7);
    position: absolute;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: .3s all;
    font-size: 24px;
    color: #fff;
    font-weight: 800;
}

.title
{
	text-transform:uppercase;
	font-size:48px; font-weight:300
}
.title2
{
	font-size:26px;
	font-weight:700;
	text-transform:uppercase
}
.somosmug-img-wrapper {
	width: 95%;
	margin-left: 2.5%;
	position: relative;
	margin-top: 5%;
}

.somosmug-img-wrapper li{
	width: 49.5%;
	position: relative;
	display: inline-block;
}

.align-fix {
	margin-left: 0.45%;
}

.somosmug-img-wrapper li img{
	width: 100%;
} 
 .nav-mobile-wrapper {
display:none;
}
 
 
.menu-mobile {
	display: none;
}

@media screen and (max-width: 1400px) {


.info
{
width: 90%;
left: 5%;
margin-left:0;
position: relative;
}

}


@media screen and (max-width: 900px) {

.caixamenu
{
-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	display:none;
}


.caixamenu2
{
display: block;
position: absolute;
visibility: visible;
z-index: 99;
left: 0;
top: 45px;
}


.nav-mobile-wrapper {
position: absolute;
left: 0;
top: 88px;
width: 288px;
visibility: hidden;
opacity: 0;
transition: .35s;
z-index: 999999999;
padding: 20px 25px;
background-color: #825e41;
display: block;
}

.expanded {
	visibility: visible!important;
	opacity: 1!important;
}

.nav-mobile {
width: 100%;
position: relative;
display: block;
margin: 0;
padding: 8px;
list-style: none;
}

.nav-mobile li a {
width: 100%;
display: block;
font-size: 21px;
color: #fff;
font-weight: 700;
padding: 16px 0;
position: relative;
text-transform: uppercase;
transition: all .3s;

}

.menu-mobile {
	display: block;
    font-size: 24px;
    color: #825e41;
    padding: 20px;
	z-index:999999;
	position:relative
	


}
.social-btns
{
	display:none;
}
.logo
{
	right:0;
}
.quote {

    width: 100%;
    font-size: 18px;
    float: right;
    position: relative;
    margin-bottom: 50px;

}

#nav_clientes ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_clientes ul li { display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; color:#8d8d8d; width:50%; text-align:center;}

#nav_portf_home ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_portf_home ul li.big { border:2px solid #FFF; align-items: center;display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px;  color:#8d8d8d; width:100%; height:200px;}
#nav_portf_home ul li.small { align-items: center;display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px;  color:#8d8d8d; width:100%; height:400px;}

#nav_portf_home2 ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_portf_home2 ul li {border:2px solid #FFF; display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px;  color:#8d8d8d; width:100%; height:200px}

.staff-text {
width: 100%;
height: 200px;
padding: 40px;
    padding-bottom: 40px;
background-color: rgba(255,255,255, .9);
position: absolute;
z-index: 1;
visibility: hidden;
opacity: 0;
transition: .3s all;
font-size: 24px;
color: #333;
font-weight:800;
}


.staff-text2 {
width: 100%;
height: 200px;
padding: 40px;
    padding-bottom: 40px;
background-color: rgba(255,255,255, .9);
position: absolute;
z-index: 1;
visibility: hidden;
opacity: 0;
left: 0;
transition: .3s all;
font-size: 24px;
color: #333;
font-weight:800;
}

.staff-text3 {
width: 100%;
height: 200px;
padding: 40px;
    padding-bottom: 40px;
background-color: rgba(255,255,255, .9);
position: absolute;
z-index: 1;
visibility: hidden;
opacity: 0;
transition: .3s all;
font-size: 24px;
color: #333;
font-weight:800;
}

#nav_footer ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_footer ul li { display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:14px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;  width:50%; text-align:left; color:#FFF;}

#footer {

    clear: both;
    color: #fff;
    font-size: 12px;
    height: 290px;
    margin-top: -290px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 4;
    background: #825e41;

}


#nav_porf ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_porf ul li { height:200px; width:98%; margin:1%; margin-bottom:0; align-items: center;display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:12px;  color:#8d8d8d;}




#nav_serivos_home ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_serivos_home ul li { display: inline-block; vertical-align:middle; margin-right:0%; text-align:left; font-size:14px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; color:#fff}
#nav_serivos_home ul li.text { width:100%; background:#825e41;}
#nav_serivos_home ul li.img { width:100%; background:#825e41;}


.info3
{
width: 80%;
left: 10%;
position: relative;
margin-top: 0px;
}

.title
{
	text-transform:uppercase;
	font-size:32px; font-weight:300
}

.info5
{
width: 80%;
left: 10%;
position: relative;
text-align:center;
}
#nav_contacts ul { margin: 0;padding: 0;list-style-type: none; position:relative; font-size:0;}
#nav_contacts ul li { display: inline-block; vertical-align:top; margin-right:0%; text-align:left; font-size:14px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;  width:100%; text-align:left;}



}