/* CSS Document */
#m_como, #m_eventos, #m_cont{position:relative;top:-85px;}

/*BANNER*/
.content_banner{
	width:100%;
	height:814px;
	position:relative;
	z-index:999
}
.banner{
	width:100%;
	height:814px;
	position:relative;
	background-size:cover !important;
/*
	bottom:0;
*/
}
.banner .fotorama__nav-wrap{
	 position: absolute;
	bottom: 33px;
	z-index: 99;
 }

.item_banner{
	width:100%;
	height: 290px;
  position: relative;
  text-align: center;
  margin-top: 194px;
}

.txt_banner{
	width:auto;
	height:auto;
	position:absolute;
	z-index:99;
    bottom: 10%;
    right: 5%;
	color:#fff;
	border-left:3px solid #c09b55;
	padding:10px 0 10px 35px
}
.txt_banner h1{
	font-family:Roboto-Bold;
	font-size:42px;
	text-align:left;
	line-height: 36px;
	color:#fff
}
.txt_banner h2{
	text-transform:none !important;
	font-family:Roboto-Light;
	font-size:36px;
	margin-top:16px;
	text-align:left;
	color:#fff;
    line-height: 30px;
}
.right{left: inherit; right:5%}
.right h1, .right h2{text-align:right}
.img_banner{
	width:50%;
	height:100%;
	position:absolute;
	right:0;
	opacity:0;
	filter:alpha(opacity=0);
}
.img_banner img{
	position:absolute;
	bottom:14px;
	right:0;
}

.timer_banner{
	width:106px;
	height:19px;
	position:fixed;
	top: 492px;
  	left:6px;
}
.timer_banner li{
	width:18px;
	height:18px;
	background:#b4b4b4;
	-webkit-border-radius: 29px;
	-moz-border-radius: 29px;
	border-radius: 29px;
	margin-left:8px;
	float:left;
}
.timer_banner li:hover{cursor:pointer;}
.timer_banner .active_timer{
	background:#4599bc;
}
/*FIM BANNER*/


/*sobre*/
#briefing{
	background:url(../img/bg_briefingc4ca.jpg?1) no-repeat center;
	width:100%;
	height:1001px;
	background-size:cover !important;
	position:fixed;
	z-index:1;
    top: 148px
}
.left_br{
	width:43%;
	float:left;
	text-align:right;
	margin:100px 0
}
.left_br h2{
	text-transform:none !important;
	color:#fff;
    margin: 0;
	font-family:Roboto-Light;
	font-size:32px
}
.right_br{
	width:43%;
	float:right;
	text-align:left;
	margin:115px 0 0 0
}
.right_br h3{
	color:#fff;
	font-family:Roboto-Light;
    line-height: 31px;
	font-size:20px
}

/*Servicos*/
#servico_m{
	width:92%;
	margin:0 auto
}

.content_serv{
	width:23.7%;
	height:auto;
	float:left;
	margin:45px 8px
}
@media screen and (max-width: 1338px){
.content_serv{width:23%}
}
.content_img_serv{
	width:100%;
	float:left;
	clear:both;
	overflow:hidden;
	position:relative
}
.effect_img{
	background:url(../img/effect_serv.jpg) center no-repeat;
	width:72px;
	height:230px;
	position:absolute;
	left:0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition-duration: 0.2s
}
.effect_img img{
	position:absolute;
    left: 13%;
	top:45%
}
.img_serv{
	width:100%;
	height:230px;
	float:left;
	background-size:cover !important;
	background-position:left !important;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition-duration: 0.2s
}
.content_img_text{
	width:98%;
	float:right;
	margin-top:20px
}
.content_img_text h2{
    margin-top: 0;
	color:#fff;
	text-transform:uppercase;
	font-size:15px
}
.content_img_text p{
	font-family:Roboto-Light;
	font-size:14px;
	line-height:23px;
	color:#9a9ea3
}
.content_img_text span{color:#a68e56;}
.content_serv:hover .effect_img{
	left:-30%;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition-duration: 0.2s
}
.content_serv:hover .img_serv{
	background-position:center !important;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition-duration: 0.2s
}

/*CLIENTES*/
#clientes{margin-bottom: 80px}
#clientes h2{
	font-family:Roboto-Thin;
	font-size:40px;
	text-align:center;
	text-transform:uppercase;
	margin:50px 0 24px 0;
	color:#968251
}
#clientes .mapa_mundo{
	background:url(../img/mapa_mundo.png) no-repeat center;
	width:815px;
	height:389px;
    position: relative;
    margin: 0 auto
}
#clientes .bt_default{
	margin:0 auto;
	    margin-top: 58px;
}
.blt_mapa{
	background:url(../img/blt_mapa.png) center no-repeat;
	width:22px;
	height:22px;
	position:absolute;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition-duration: 0.2s
}
.blt_mapa:hover{
	cursor:pointer
}
.bg_cliente{
	background:url(../img/bg_mapa.png) no-repeat;
	width:244px;
	height:120px;
	padding-right:19px;
	position:relative;
    left: 30px;
	display: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition-duration: 0.2s
}
.img_cliente{
    width: 90%;
	background-repeat:no-repeat !important;
    margin: 0 auto;
    height: 120px;
    background-size: 67% auto !important;
    
}
.blt_mapa:hover .bg_cliente{
	display:block;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition-duration: 0.2s
	
}
#c1{
	left:134px;
	top:154px
}
#c2{
    left: 340px;
    top: 79px
}
#c3{
    left: 354px;
    top: 58px
}
#c4{
    left: 153px;
    top: 96px;
}
#c5{
    left: 225px;
    top: 278px;

}
#c6{
	left: 119px;
    top: 130px;
}
#c7{
	left: 204px;
    top: 280px;
}
#c8{
	    left: 95px;
    top: 49px;
}
/**/
.txt_contato{
	width:260px;
	float:left
}
#contato{
	width:100%;
	height:582px;
	padding-top: 120px
}
.contato_left{
	background:#3eaf00;
	width:40%;
	height:582px;
	float:left;
}
.form_adjust{
    width: 67%;
    float: left;
    margin: 72px 0 0 65px
}
.contato_right{
	width:60%;	
	height:582px;
	float:right;
}
.content_busca_mapa {
    position: absolute;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 52px;
    padding-top: 18px;
}
#txtEnderecoPartida {
    float: left;
    width: 841px;
    height: 36px;
    display: block;
    border: 3px solid #20b3f7;
    color: #333;
    font-weight: 400;
    font-size: 16px;
}
#btnEnviar {
    border: 0;
    text-decoration: none;
    background: #20b3f7;
    line-height: 17px;
    float: right;
    height: 36px;
    padding: 0px 18px;
    color: #fff;
    font-size: 15px;
    -webkit-appearance: none;
}
.redes{
	width:100%;
	float:left;
	margin-top:43px
}
.footer_facebook, .footer_instagram{
	width:58px;
	height:60px;
	display:block;
	float:left;
	margin-right:30px
	
}
.footer_facebook{background:url(../img/footer/facebook.html) no-repeat}
.footer_instagram{background:url(../img/footer/instagram.html) no-repeat}

#form_dhtml input[type="email"], #form_dhtml input[type="text"], .fr-default input[type="email"], .fr-default input[type="text"],  .fr-default textarea, .fr-default select {
	margin-bottom: 22px;
	border:none;
	background: #fff;
	width: 45%;
	height:37px;
	float:left;
	border-bottom: 1px solid #cccccc;
    margin-right: 34px;
	outline: none !important
}
#mensagem{
	width:93%;
	height:55px;
	color:#7f7f7f;
}
label{
	font-size: 11px;
    color: #fff;
    float: left;
    margin: 8px;
	cursor:pointer;
}

input[type="checkbox"]{
	padding-left:5px;
    padding-right:5px;
    -webkit-appearance:button;
    background-color:#fff;
    white-space: nowrap;
    overflow:hidden;
    width:15px;
    height:15px;
}
input[type="checkbox"]:checked{
    float: left;
    -webkit-appearance:button;
    background:url(../img/checked.html);
	border:none;
    white-space: nowrap;
    overflow:hidden;
    width:15px;
    height:15px;
}
.container .grid_6 {
	width: 110%;
}

#fr-orcamento{margin: 19px 0 0 5px;}
#fr-orcamento .bt_default:hover{
	background:url(../img/ico_mail_open.png) right no-repeat #3d3d3d;
	background-position: 79px 8px;
	cursor:pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition-duration: 0.2s
}
.fr-default input[type="email"]:hover,.fr-default input[type="email"]:focus,  #fr-orcamento input[type="text"]:hover, #fr-orcamento input[type="text"]:focus, #fr-orcamento input[type="password"]:hover, #fr-orcamento input[type="password"]:focus, #fr-orcamento textarea:hover, #fr-orcamento textarea:focus, #fr-orcamento select:hover, #fr-orcamento select:focus {
	border-bottom:1px solid #ea2e3a;
	outline: none !important

}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
display: inline;
float: left;
margin-right: 10px;
outline: none !important;
}
.robotic {
display: none;
}
.end{
	width:300px;
	height:100px;
	float:left;
	margin-top:-16px;
}
@media screen and (max-width:920px){
	.content_serv {width: 94%}
	.content_img_text {width: 97%}
	.content_img_text h2 {font-size: 29px}
	.content_img_text p {font-size: 23px;line-height: 29px}
}
#fr-orcamento  ::-webkit-input-placeholder { /* WebKit browsers */
color: #7f7f7f;
}
#fr-orcamento :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #7f7f7f;
}
#fr-orcamento ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #7f7f7f;
}
#fr-orcamento :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #7f7f7f;
}

@media screen and (max-width: 920px){
	#servico_m{width:78%}
	#content_servicos p{width:62%;}
	#contato {    height: 1550px;}
	#clientes .mapa_mundo {width: 97%;background-size: 100% auto}

	
	
	
.contato_left {
    width: 100%;
}
.fr-default input[type="email"], .fr-default input[type="text"], .fr-default #mensagem, .fr-default select, .fr-default .bt_default{width:100% !important;height: 45px; font-size:26px}
#content_servicos .bt_facebook{    margin-top: 34px;}
.txt_contato{
	width:100%
}
.fr-default .bt_default{
	margin-right:0px;
	height: 60px;
    background-position: 60% 29px
}
.form_adjust{
	width: 100%;
    float: left;
    top: -356px;
    margin: 72px 0 0 0;
	position: relative
}
#change_mobile{
	position: relative;
    text-align: center;
    top: 932px
}
#change_mobile p{font-size: 23px !important;}
.footer_facebook {
    margin-left: 32%
}
#rodape{
	text-align:center;
	
}
#rodape p{float:inherit !important; font-size: 17px !important; margin: 6px 0px 0px 0px !important}


}