@media (min-width: 1280px) {

	.header .menuTop .conteudo { float: right; width: 828px;}
	.header .menu { float: right; position: absolute; right: 0; top: 43px; width: 819px; }
	.header .menu .navbar .container-fluid .navbar-collapse .navbar-nav li a {padding:15px 30px}


	.banner .carousel .carousel-inner .item .titleBanner { color: #000000; font-size: 17px; left:0; margin:0; position: absolute; top: 50px; width: 457px; opacity:0; transition:all 0.5s ease 0s; }
	.banner .carousel .carousel-inner .item .titleBanner strong{ font-family: arial; font-size: 40.5px; text-transform: uppercase; }
	.banner .carousel .carousel-inner .item .textBanner {color: #000000; font-size: 15px; left:0; position: absolute; top: 130px; width: 457px; opacity:0; transition:all 0.5s ease 0.2s;}
	.banner .carousel .carousel-inner .item .imgBanner { position: absolute; right: 0; top: 10px; opacity:0; transition:all 0.5s ease 0.4s;}

	.banner .carousel .carousel-inner .active { opacity: 1; transition:opacity 0.5s ease-in-out 0s;}
	.banner .carousel .carousel-inner .active .titleBanner { color: #000000; font-size: 17px; left: 14%; opacity: 1; position: absolute; top: 50px; width: 80%;}
	.banner .carousel .carousel-inner .active .titleBanner strong{  font-family: arial; font-size: 40.5px; opacity: 1; text-transform: uppercase;}
	.banner .carousel .carousel-inner .active .textBanner { color: #000000; font-size: 15px; left: 14%; opacity: 1; position: absolute; top: 130px; width: 80%;}
	.banner .carousel .carousel-inner .active .imgBanner { max-width: 517px; opacity: 1; position: absolute; right: 160px; top: 10px; width: 100%;}



}

@media (max-width: 1279px) {

	.banner .carousel .carousel-inner .item .titleBanner {}
	.banner .carousel .carousel-inner .item .titleBanner strong{}
	.banner .carousel .carousel-inner .item .textBanner {}
	.banner .carousel .carousel-inner .item .imgBanner {}

	.banner .carousel .carousel-inner .active {}
	.banner .carousel .carousel-inner .active .titleBanner {}
	.banner .carousel .carousel-inner .active .titleBanner strong{}
	.banner .carousel .carousel-inner .active .textBanner {}
	.banner .carousel .carousel-inner .active .imgBanner {}


}

@media (min-width: 768px) and (max-width: 960px) {
	.header .container h1 {left: 0; margin: 0 3%;}
	.header .menuTop .conteudo { float: right; width: 572px; }
	.header .menuTop .conteudo h2 {  margin: 11px 0 0 60px;}
	.header .menu {width:560px}
	.header .menu .navbar .container-fluid .navbar-collapse .navbar-nav li a {padding:15px 10px}
}

@media (max-width: 767px) {
	body { /*overflow-y:hidden*/}
	
	.header { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.71); border-bottom: 2px solid #ff7800; height: 155px; z-index: 10000; }
	.bg-topo-interno { height: 103px; overflow: hidden; position: absolute; top: 50px; width: 100%; }


	.header .container h1 {left:auto; margin: 7px auto; position: relative; top: auto; }

	.menuTop {display:none}
	.menuTopMob { background: none repeat scroll 0 0 #333333; display: block !important; height: 50px;}
	
	.menuTopMob .row{margin:0; width:100%}
	.menuTopMob .boxIcon { float: left; margin: 13px 0 12px; text-align: center; width: 25%;}
	.menuTopMob .boxIcon a { float: left; font-size: 0; height: 100%; line-height: 0; text-indent: -999em; width: 100%;}
	.menuTopMob .boxIcon .tel{ background: url("../images/icons-topo-mob.png") no-repeat scroll -62px 0 transparent; height: 25px; margin:0 auto; width: 25px;}
	.menuTopMob .boxIcon .area{ background: url("../images/icons-topo-mob.png") no-repeat scroll 0 0 transparent; height: 25px; margin:0 auto; width: 25px;}
	.menuTopMob .boxIcon .contato{ background: url("../images/icons-topo-mob.png") no-repeat scroll -124px 0 transparent; height: 25px; margin:0 auto; width: 25px;}
	.menuTopMob .boxIcon .face{ background: url("../images/icons-topo-mob.png") no-repeat scroll -185px 0 transparent; height: 25px; margin:0 auto; width: 25px;}
	.menuTopMob .boxIcon .ingles{ background: none repeat scroll 0 0 transparent; height: 25px; margin: 0 auto; text-indent: 0; width: 28px;}
	.menuTopMob .boxIcon .ingles a{ color: #FFFFFF; float: left; font-size: 15px; font-weight: bold; height: 15px; line-height: 12px; margin: 5px 0; text-indent: 0;}


 #contato .form {width:100% !Important}

	#btnBusca {display:none}

	#home .bg-topo-interno {display:block !important}

	.header .menu {height: 0; position: relative; top: 2px; width: 100%;}
	.header .menu.open {background:#fff}
	.header .menu .navbar{ background: none repeat scroll 0 0 transparent; border: medium none; box-shadow: none; margin: 0;}
	.header .menu .navbar .container-fluid{}
	.header .menu .navbar .nav {margin-top:0; margin-bottom:0}
	.header .menu .navbar .container-fluid .navbar-header{ position: absolute; right: 0; top: -69px;}
	.header .menu .navbar .container-fluid .navbar-header .navbar-toggle{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; border-radius: 0; color: #ff7800; font-family: open sans; font-size: 24px; height: 24px; line-height: 16px; margin: 0; padding: 0; top: 0; width: 25px; z-index: 10;}
	.glyphicon-align-justify { height: 24px; line-height: 18px !important; top: auto !important; width: 25px;}
	.header .menu .navbar .container-fluid .navbar-collapse{ border-bottom: 2px solid #FF7800; border-top: medium none;}

	.header .menu .navbar .container-fluid .navbar-collapse .navbar-nav{}
	.header .menu .navbar .container-fluid .navbar-collapse .navbar-nav li{ border-bottom: 1px solid #F0F0F0; float: left; width: 100%;}
	.header .menu .navbar .container-fluid .navbar-collapse .navbar-nav li a{ color: #4c4c4c; font-size: 20px; padding: 10px; text-shadow: none;}
	.header .menu .navbar .container-fluid .navbar-collapse .navbar-nav li.active{}
	.header .menu .navbar .container-fluid .navbar-collapse .navbar-nav li.active a{ background: none repeat scroll 0 0 transparent; color: #FF7800;}

	.header .menu .navbar .container-fluid .navbar-collapse .navbar-nav li a {padding:10px 20px}
	.header .menuTop .conteudo h2 {  margin: 11px 0 0 60px;}	

	.header .menu .navbar .container-fluid .navbar-collapse { background: none repeat scroll 0 0 #fff; top: 1px; }

	.header .container h1 {left:auto; margin: 12px auto; position: relative; top: auto; }
	
	#inputSearchMob { display: block !important; float: left; width: 100%;}
	.header #inputSearchMob .search {}
	.header #inputSearchMob .search #Search {}
	.header #inputSearchMob .search #Search form { height: 29px; margin: 10px 20px;}
	.header #inputSearchMob .search #Search form .Search { border: 1px solid #CCCCCC; border-radius: 4px; padding: 5px 25px 5px 6px; width: 100%;}
	.header #inputSearchMob .search #Search form .BtnSearch{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; font-size: 12px; height: 27px; position: absolute; right: 21px; text-indent: 0; top: 0; z-index: 10;}

	.banner .carousel .carousel-inner .item .esquerda { float: left; height: 354px; position: relative; width: 100%; }
	.banner .carousel .carousel-inner .item .direita { float: left; height: 354px; position: relative; width: 100%; }

	.main .nossosProdutos .boxProducts {border:none;}
	.main .nossosProdutos .boxProducts:first-of-type {border-right:1px solid #ddd;} 
	.main .nossosProdutos .boxProducts:nth-of-type(3) {border-right:1px solid #ddd} 

	.main .clientes .boxProducts {margin-bottom: 50px; text-align: center;}

	.nossosProdutos .container {padding:0}
	.nossosProdutos .row {margin:0}

	.footer .showMob {display:block !important}
	.footer .showDesk {display:none}
	.footer .faceLogo { float: left; margin-top: 20px; padding:0; width: 100% !important; }
	.footer .face { float: left; margin-top: 6px; width: 100% !important; }
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {width:100% !important}

	.footer .barraPreta .endereco { color: #fff; float: left; font-size: 13px; margin:22.5px 0; width: 100%;}
	.footer .barraPreta .face-tel { float: left; height: 15px; margin:22.5px 0; width: 100%; }

	.footer .logoRodape { margin: 10px -85px 20px 0 !important; position: relative !important;}
	.footer #accordion .panel-heading h4 a { font-size: 17px !important; }
	.footer .showMob .panel.mapa-do-site ul li { list-style:none; margin: 6px 0 !important; }
	.footer .showMob .panel ul li { list-style: disc inside none; margin: 6px 0 !important; }
	.footer .showMob .panel ul li.mais {list-style:none; font-weight:bold; }
	.footer .showMob .panel ul li.mais a{font-size:15px}

	.footer .showMob .menuRodape { border-bottom: 1px solid #282828; float: left; padding: 0; width: 100%;}
	.footer .showMob .menuRodape li { float: left; width: 100%;}
	.footer .showMob .menuRodape li a { color: #fff; float: left; font-size: 17px; padding: 10px 20px; text-transform: uppercase; width: 100%;}



	.textoAgencia .logoTexto {  background: url("../images/logo-cinza.png") repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; font-size: 0; height: 80px; left: 50%; line-height: 0; margin-bottom: 30px; margin-left: -85.5px; margin-top: 20px; position: relative; width: 171px;}

	.BlogConteudoBox .imageCrop {height:auto !important}

	.menuLateral {padding:0 15px !important}

	.megaNews .news p{ float: left; font-size: 11px; margin: 28px 0 5px; text-transform: uppercase; width: 100%;}
	.megaNews .news .input-append {float: left; margin: 0 0 28px; width: 100%; }
	.megaNews .news .input-append .formee fieldset .email-input{border-radius: 5px !important; float: left; margin-bottom:5px; margin-right: 15px; padding: 0 12px; width: 100%;}
	.megaNews .news .input-append .formee .entrar{ background: none repeat scroll 0 0 #ff7800; border: medium none; border-radius: 5px; box-shadow: none; color: #fff; float: left; height: 39px; margin-bottom: 0; text-transform: uppercase; width: 100%;}

	body .whatsapp { background: url("../images/whats.png") no-repeat; width: 46px; height: 46px; bottom: 15px; position: fixed; right: 15px; z-index: 100; background-size: 100%; }
	body .footer .barraPreta .face-tel p { font-size:12px }
}

@media (max-width: 766px) {
	.header {position:relative !important}
	.produtoBox {margin-bottom:40px}
	.produtoBox h2 { float: left; font-size: 11px !important; width: 100%; }
	#scroll_top {display:none !important}
	.styleBtn {}
	.styleBtn p {margin:0 !important}

}


@media (max-width: 760px) {
	#agencia .desk { display:none}
	#agencia .mob {display:block !important}
}

.line { background: none repeat scroll 0 0 #282828; height: 1px; left: 0; position: absolute; top: 69px; width: 100%; z-index: 10;}
.line2{ background: none repeat scroll 0 0 #333; border-top: 1px solid #282828; height: 3px; left: 0; position: absolute; top: 159px; width: 100%; z-index: 10;}

@media (max-width: 430px) {
	.line2{ display: none}
}



@media (min-width: 1024px) and (max-width:1024px) {
	.header .menu { float: right; position: absolute; right: 0; top: 43px; width: 675px;}

.megaNews .news p {width:22% !important}
	.megaNews .news .input-append { float: left !important; margin: 40px 0 !important; width: 75.7% !important; }
.megaNews .news .input-append .formee fieldset .email-input { width: 74.9%  !important;}
.megaNews .news .input-append .formee .entrar {width:auto !important}
}

@media (min-width: 768px) and (max-width:768px) {
.header .menuTop .conteudo ul {padding:0 !important}
.header .menuTop .conteudo ul li .tel { margin:7px 10px 0 0 !important; padding-right:10px !important }
.header .menuTop .conteudo ul li span.first { margin:7px 10px 0 0 !important; padding-right:10px !important }
.header .menuTop .conteudo ul li a { margin:7px 10px 0 0 !important; padding-right:10px !important }

.megaNews .news .input-append { float: left !important; margin: 40px 0 !important; width: 67.7% !important; }
.megaNews .news .input-append .formee fieldset .email-input { width: 61.9% !important;}
.megaNews .news .input-append .formee .entrar {width:auto !important}

}


.formee .control-group  { margin-bottom:15px !important}

.has-error input,.has-error textarea,.has-error select  {border-color:#b94a48 !important}
.has-error .help-inline {color:#b94a48}
.has-error  {color:#b94a48}

.error input,.error textarea,.error select  {border-color:#b94a48 !important}
.error .help-inline {color:#b94a48}
.error  {color:#b94a48}