/* CSS DESENVOLVIDO POR STUDIO DIIP - diip.com.br  */

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*===========================  CLASSES PADRÕES =========================== */

.margin-left-0{ margin-left:0 !important;}
.margin-0{margin:0 !important;}
.margin-right-0{margin-right:0 !important;}
.margin-top-0{margin-top:0 !important;}
.margin-bottom-0{margin-bottom:0 !important;}
.clear{ clear:both}
.left{ float:left}
.right{ float:right}
.center{ margin:0 auto;}
.text-right{ text-align:right;}
.text-left{ text-align:left;}
.text-center{ text-align:center;}
.relative { position:relative }
.absolute { position:absolute }
.fixed{ position:fixed}
.display-none{ display:none}
.display-block{ display:block}
.inline-block{ display:inline-block}

/*===========================   FIM CLASSES PADRÕES =========================== */

@font-face {
    font-family: 'azo_sanslight';
    src: url('rui_abreu_-_azosans-light-webfont.woff2') format('woff2'),
         url('rui_abreu_-_azosans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'azo_sanslight_italic';
    src: url('rui_abreu_-_azosans-lightitalic-webfont.woff2') format('woff2'),
         url('rui_abreu_-_azosans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'azo_sansregular';
    src: url('rui_abreu_-_azosans-regular-webfont.woff2') format('woff2'),
         url('rui_abreu_-_azosans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'azo_sansitalic';
    src: url('rui_abreu_-_azosans-italic-webfont.woff2') format('woff2'),
         url('rui_abreu_-_azosans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'azo_sansbold';
    src: url('rui_abreu_-_azosans-bold-webfont.woff2') format('woff2'),
         url('rui_abreu_-_azosans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'azo_sansbold_italic';
    src: url('rui_abreu_-_azosans-bolditalic-webfont.woff2') format('woff2'),
         url('rui_abreu_-_azosans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bauerbodni_btroman';
    src: url('ufonts.com_bauerbodni-bt-roman-webfont.woff2') format('woff2'),
         url('ufonts.com_bauerbodni-bt-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bauerbodni_btitalic';
    src: url('ufonts.com_bauerbodni-bt-italic-webfont.woff2') format('woff2'),
         url('ufonts.com_bauerbodni-bt-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*===========================  CLASSES PADRÕES AJUSTÁVEIS =========================== */

body{ font-family: 'azo_sanslight'; font-weight:normal; font-size:17px; margin:0; padding:0; background-color:#EEEAE0; color:#3A3740; min-width:1060px }

a,a:focus{ color:#333; text-decoration:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
a:hover{ color:#666; text-decoration:none; -o-transition:.6s; -ms-transition:.6s; -moz-transition:.6s; -webkit-transition:.6s; transition:.6s; }

.size{ width:1040px; margin:0 auto; }

#topo{ clear:both; background:#EEEAE0; width:100%; height:100px; border-bottom:2px solid #D8BDB4; padding:25px 2% 0 2%; position:relative; }
#marca{ background:url(../images/marca.png) no-repeat center; background-size:233px 50px; display:block; text-indent:-99999px; width:233px; height:50px; float:left; margin:0 0 0 0; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
#rodape{ clear:both; height:310px; position:relative; }
#meio{ clear:both; }

ul.menu{ width:806px; list-style:none; position:absolute; left:50%; margin:0 0 0 -403px; padding:9px 0 0 0 }
ul.menu li a{ color:#373435; padding:0; margin:0 10px 0 10px; text-decoration:none; display:block; text-transform:uppercase; font-size:1.1em; line-height:1.5em; position:relative; }
ul.menu li a:after { content:''; width:100%; height:1px; display:block; background:#373435; position:absolute; left:-100%; bottom:0; opacity:0;
-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
ul.menu li a:hover:after { left:0; opacity:1;
-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
ul.menu li { display:inline-block; text-align:center; padding:0; margin:0; }
.menu-active:after { left:0 !important; opacity:1 !important; }

/* FORM */

input[type=checkbox]{ display:inline-block; vertical-align: top;}
.vanadium-advice{ display:none; }
.vanadium-invalid{ border-color:#f2bd45 !important; }

/* FIM FORM */

/*===========================   FIM CLASSES PADRÕES AJUSTÁVEIS =========================== */
/*===========================  CLASSES PERSONALIZADAS PARA O SITE =========================== */

.bt-facebook { background:url(../images/bt-facebook.png) no-repeat center; }
.bt-instagram { background:url(../images/bt-instagram.png) no-repeat center; }
#topo .redes { float:right; list-style:none; margin:9px 0 0 0; }
#topo .redes li { width:30px; height:31px; float:left; margin:0 0 0 10px; }
#topo .redes li a { width:30px; height:31px; display:block; }

.home-meio #empresa { background:url(../images/home-img01.jpg) no-repeat center top; width:100%; height:699px; overflow-x:hidden; }
.home-meio #empresa .size { position:relative; }
.home-meio #empresa .size:after { content:''; position:absolute; background:url(../images/home-marca01.png) no-repeat; height:699px; width:351px; top:0; right:-100px; }
.home-meio #empresa .col01 { width:480px; float:left; margin:100px 0 0 320px }
.home-meio #empresa cite { display:block; color:#fff; font-family: 'bauerbodni_btitalic'; font-size:1.6em; clear:both; padding:0 80px 0 0; margin:0 0 15px 0; position:relative; }
.home-meio #empresa cite:before { content:''; background:url(../images/icon-aspas.png) no-repeat center top; width:47px; height:31px; display:block; position:absolute; top:-40px; left:0; }
.home-meio #empresa cite:after { content:''; background:url(../images/icon-aspas-02.png) no-repeat center top; width:47px; height:20px; display:block; position:absolute; bottom:9px; right:135px; background-size:auto 20px; }
.home-meio #empresa span { color:#fff; font-family: 'azo_sansregular'; font-size:1.1em; margin:0 0 33px 0; display:block; }
.home-meio #empresa span strong { font-family: 'azo_sansbold'; font-weight:normal; }
.home-meio #empresa h1 { color:#D8BDB4; font-size:3.1em; margin:50px 0 0 0 }

#clientes { width:100%; height:auto; padding:55px 0 55px 0; }
#clientes ul { list-style:none; width:80%; height:160px; max-width:1470px; overflow:hidden; margin:0 auto; }
 #clientes li { float:left; width:9.5%; height:52px; text-align:center; margin:0 0.8% 30px 0.8%; }
.helper { display: inline-block; height: 100%; vertical-align: middle; }
#clientes li img { vertical-align:middle; max-width:100%; max-height:100%; }

#atalhos ul { list-style:none; max-width:1920px; margin:0 auto; }
#atalhos ul li { width:24%; height:675px; background:#fff; float:left; margin:0 0.5% 10px 0.5%; overflow:hidden; border:12px solid #fff; position:relative; }

.imagem-atalhos { position:relative; width:100%; height:675px; }

.imagem-atalhos:before { content:''; background:url(../images/mask-img01.png) no-repeat center top; position:absolute; top:0; left:0; display:block; z-index:11; width:442px; height:653px; opacity:1; }
.imagem-atalhos:after { content:''; background:url(../images/mask-img02.png) no-repeat center top; position:absolute; top:0; left:50%; margin:0 0 0 -221px; display:block; z-index:11; width:442px; height:653px; opacity:0; -o-transition:.6s; -ms-transition:.6s; -moz-transition:.6s; -webkit-transition:.6s; transition:.6s; }
.imagem-atalhos img {
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(#greyscale);
  filter: gray; }
#atalhos ul li a:hover img { 
  -webkit-filter: none;
  filter: none; }
#atalhos ul li a:hover .imagem-atalhos:before { opacity:0; }
#atalhos ul li a:hover .imagem-atalhos:after { opacity:1; -o-transition:.4s; -ms-transition:.4s; -moz-transition:.4s; -webkit-transition:.4s; transition:.4s; }

.texto-atalhos { position:absolute; left:8%; bottom:4%; color:#EEEAE1; width:70%; z-index:12; }
.texto-atalhos h1 { font-size:2.2em; line-height:0.9em; margin:0 0 15px 0; }
.texto-atalhos h1 strong { font-family: 'azo_sansbold'; font-weight:normal; }
.texto-atalhos p { font-family: 'azo_sansregular'; font-size:1.2em; line-height:1.4em; }

#rodape .menu { position:relative; padding:35px 0 35px 0; }
#rodape .contato-01, #rodape .contato-02, #rodape .contato-03 { font-family: 'azo_sansregular'; font-size:0.9em; float:left; line-height:31px; margin:0 0 0 0; }
#rodape .contato-01  strong, #rodape .contato-02 strong, #rodape .contato-03 strong { font-family: 'azo_sansbold'; font-weight:normal; }
#rodape .contato-01, #rodape .contato-02 { margin:0 25px 0 0 }
#rodape .redes { list-style:none; float:right }
#rodape .redes li { width:30px; height:31px; float:left; margin:0 0 0 10px; }
#rodape .redes li:last-shield { margin:0 0 0 0; }
#rodape .redes li a { width:30px; height:31px; display:block; }

#direitos-reservados { position:absolute; bottom:0; clear:both; background:url(../images/rodape-bg.jpg) no-repeat bottom center; width:100%; height:151px; text-align:center; padding:110px 0 0 0; font-family:Arial, sans-serif; font-size:0.8em; }


.conteudo-banner{ position:absolute; width:290px; z-index:10; display:block; right:130px; bottom:60px; }
.conteudo-banner p { font-size:1.2em; margin:25px 0 0 0; line-height:1.5em; }

.banner-title{ z-index:99; text-align:center; text-align:left; width:100%; color:#D8BDB4; background:url(../images/banner-box01.png) no-repeat right bottom; background-size:auto 850px; min-height:700px; max-height:1100px; height:100%; position:relative; bottom:0; }

.banner-title h1{ text-align:left; font-size:2.3em; font-weight:normal; text-transform:uppercase; }
.banner-title h2{ font-family: 'azo_sansmedium'; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:0.8em; position:relative; }

.banner-title a{ color:#D8BDB4; }
.banner-title h3{ margin-bottom:50px; }

.banner-title2{ z-index:99; text-align:center; width:100%; color:#fff; min-height:700px; max-height:1100px; position:relative; }
.banner-title2 a, .banner-title2 h1 { font-size:6em; text-transform:uppercase; top:38vh; position:relative; color:#fff; }


.a-twl-meio #empresa { background:url(../images/atwl-bg.jpg) no-repeat center top; width:100%; height:1320px;background-size: cover }
.a-twl-meio #empresa .col01 { width:480px; float:left; color:#fff; }
.a-twl-meio #empresa .size { background:url(../images/atwl-bg01.png) no-repeat; background-position:160px 0; height:1320px;background-size: contain }
.a-twl-meio #empresa .col01 h1 { color:#D8BDB4; font-size:3.1em; margin:140px 0 30px 0; }
.a-twl-meio #empresa .col01 p { margin:0 0 15px 0; line-height:1.3em }

#empresa02 { background:#fff; padding:78px 0 75px 0; }
#empresa02 .col01 { width:31%; float:left; margin:0 30px 0 0; font-size:0.85em; }
#empresa02 .col02 { width:31%; float:right; margin:0 0 0 0; font-size:0.85em; }
#empresa02 .col01 h1, #empresa02 .col02 h1 { font-size:2.2em; margin:0 0 15px 0; }
#empresa02 .col02 ul { list-style:none; }
#empresa02 .col02 ul li { margin:0 0 5px 0; }
#empresa02 .col02 ul strong { font-family: 'azo_sansbold'; }

#store-projects { background:#fff; border-bottom:2px solid #D8BDB4; height:auto; padding:45px 0 45px 0; }
#store-projects h1 { float:left; color:#D8BDB4; font-size:3.1em; text-transform:uppercase; width:30%; text-align:right; line-height:1em; margin:0 40px 0 10% }
#store-projects .col01 { float:left; width:55%; font-size:0.85em }
#store-projects .col01 p { padding:0 0 0 0 }
#store-projects .col01 ul { list-style:none; margin:20px 0 0 0 }
#store-projects .col01 h2 { font-family: 'azo_sansbold'; margin:0 0 5px 0 }
#store-projects .col01 ul li { line-height:1.5em }

#store-lista { padding:50px 0 50px 0; border-bottom:2px solid #D8BDB4; }
#store-lista ul { list-style:none; }
.lista-col { width:30.3333%; float:left; margin:0 1.5% 0 1.5%; }
#store-lista ul li { line-height:1.1em; margin:0 0 10px 0 }
#store-lista ul li a:hover { border-bottom:1px solid #b79488; color:#b79488 }

#store-chamadas { padding:30px 0 40px 0 }
#store-chamadas ul { list-style:none }
#store-chamadas ul li { width:45%; margin:30px 2.5% 30px 2.5%; float:left; height:480px }
#store-chamadas .chamada-capa { background:#fff; display:block; overflow:hidden; width:100%; max-width:476px; height:255px; border:12px solid #fff }
#store-chamadas .chamada-capa img { min-width:476px; height:auto; }
#store-chamadas ul > li > a > h1 { font-size:1.7em; line-height:1.1em; font-weight:normal; margin:8px 0 8px 0; padding:0 12px 0 12px }
#store-chamadas ul li h2 { font-size:1em; line-height:1.1em; font-weight:normal; margin:0 0 16px 0; padding:0 12px 0 12px }
#store-chamadas .chamada-texto { font-size:0.85em; margin:0 0 20px 0; padding:0 12px 0 12px; display:block; max-height:119px; overflow:hidden }
#store-chamadas .chamada-bt { font-family: 'azo_sansbold'; font-size:0.9em; text-transform:uppercase; margin:0 0 15px 12px; padding:2px 0 2px 0; display:inline-block; position:relative; }
#store-chamadas ul li a .chamada-bt:after { content:''; position:absolute; bottom:1px; left:-100%; width:100%; height:1px; background:#98766a; opacity:0; 
-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
#store-chamadas ul li a:hover .chamada-bt:after { left:0; opacity:1;
-o-transition:.6s; -ms-transition:.6s; -moz-transition:.6s; -webkit-transition:.6s; transition:.6s; }
#store-chamadas ul li a:hover { color:#98766a; }

#house-projects { background:#fff; border-bottom:2px solid #D8BDB4; height:auto; padding:45px 0 45px 0; min-height:700px; }
#house-projects h1 { float:left; color:#D8BDB4; font-size:3.1em; text-transform:uppercase; width:30%; text-align:right; line-height:1em; margin:0 40px 0 10%; }
#house-projects .col01 { float:left; width:55%; font-size:0.85em; }
#house-projects .col01 p { padding:0 0 0 0; }
#house-projects .col01 ul { list-style:none; margin:20px 0 0 0; }
#house-projects .col01 h2 { font-family: 'azo_sansbold'; margin:0 0 5px 0; }
#house-projects .col01 ul li { line-height:1.5em; }

#house-lista { padding:50px 0 50px 0; border-bottom:2px solid #D8BDB4; }
#house-lista ul { list-style:none; }
.lista-col { width:30.3333%; float:left; margin:0 1.5% 0 1.5%; }
#house-lista ul li { line-height:1.1em; margin:0 0 10px 0 }

#house-chamadas { padding:30px 0 40px 0; }
#house-chamadas ul { list-style:none; }
#house-chamadas ul li { width:45%; margin:30px 2.5% 30px 2.5%; float:left; }
#house-chamadas .chamada-capa { background:#fff; display:block; overflow:hidden; width:100%; max-width:476px; height:100%; max-height:255px; border:12px solid #fff; }
#house-chamadas .chamada-capa img { min-width:476px; height:auto; }
#house-chamadas ul > li > h1 { font-size:1.7em; line-height:1.1em; font-weight:normal; margin:8px 0 8px 0; padding:0 12px 0 12px }
#house-chamadas ul li h2 { font-size:1em; line-height:1.1em; font-weight:normal; margin:0 0 16px 0; padding:0 12px 0 12px }
#house-chamadas .chamada-texto { font-size:0.85em; height:119px; overflow:hidden; margin:0 0 20px 0; padding:0 12px 0 12px; display:block; }
#house-chamadas .chamada-bt { font-family: 'azo_sansbold'; font-size:0.9em; text-transform:uppercase; margin:0 0 15px 0; padding:0 12px 0 12px; display:block; }

.clientes-meio .col01, .clientes-meio .col02 { float:left; width:50%; height:auto }

/*.clientes-meio .col01 { background:url(../images/clientes-bg.png) left top no-repeat; height:897px; padding:95px 0 0 0 }
.clientes-meio .col01 ul { list-style:none; width:350px }
.clientes-meio .col01 ul li { height:80px; margin:5px 0 5px 0; text-align:center }
*/
.clientes-meio { padding:45px 0 0 0 }
.clientes-meio .col02{ padding-top:150px; }
.clientes-meio  h1 { font-size:3em; text-transform:uppercase; margin:0 0 40px 0 }
.clientes-meio  p { font-size:1.35em; margin:0 0 80px 0; padding:0 16% 0 0; }
.clientes-meio cite { display:block; font-family: 'bauerbodni_btitalic'; font-size:1.6em; clear:both; margin:0 0 25px 0; position:relative; padding:0 20% 0 0; }
.clientes-meio cite:before { content:''; background:url(../images/icon-aspas02.png) no-repeat center top; width:47px; height:31px; display:block; position:absolute; top:-40px; left:0; }
.clientes-meio cite:after { content:''; background:url(../images/icon-aspas03.png) no-repeat center top; width:47px; height:20px; display:block; position:absolute; bottom:9px; left:70%; background-size:auto 20px; }
.clientes-meio span { display:inline-block; clear:both; font-family: 'azo_sansregular'; font-size:1.1em; }
.clientes-meio span strong { font-family: 'azo_sansbold'; }

.clientes-meio #atalhos { margin:20px 0 0 0 }

.blog-meio { padding:35px 0 0 0; border-bottom:3px solid #fff }
#title-blog { float:left; clear:both; font-family: 'azo_sansbold'; font-weight:normal; font-size:2.2em; display:inline-block; width:100%; margin:0 0 35px 0; }
.blog-meio .col01 { width:65%; float:left; }
.blog-meio .col02 { width:30%; float:right; }
.blog-meio .col01 ul { list-style:none; }
.blog-meio .col01 ul li { border-bottom:2px solid #D8BDB4; padding:0 0 20px 0; margin:0 0 20px 0; }
.blog-meio .col01 ul li:last-child { border:none; }
.blog-meio .col01 ul > li > h1 { text-transform:uppercase; margin:0 0 10px 0; }
.blog-meio .col01 ul .blog-texto { font-size:0.8em; margin:0 0 20px 0; }
.blog-meio .col01 ul .blog-img { max-width:100%; min-height:200px; max-height:400px; overflow:hidden; }
.blog-meio .col01 ul .blog-img img { width:100%; height:auto; }

.blog-meio .col02 ul { list-style:none; }
#blog-pesquisa { position:relative; width:100%; }
#blog-pesquisa label { font-family: 'azo_sansbold'; font-size:0.92em; font-weight:normal; text-transform:uppercase; display:block; margin:0 0 5px 0; }
#blog-pesquisa input[type=search] { width:100%; height:39px; background:none; border:2px solid #fff; padding:0 15px 0 15px; color:#3A3740; line-height:39px; font-family: 'azo_sansregular'; }
#blog-pesquisa input[type=submit] { width:39px; height:39px; background:url(../images/pesquisa-icon.png) no-repeat center top; position:absolute; right:0; bottom:0; text-indent:-99999px; border:none; }

#blog-categorias, #blog-arquivos { width:100%; margin:35px 0 0 0 }
#blog-categorias h1, #blog-arquivos h1 { font-family: 'azo_sansbold'; font-size:0.92em; font-weight:normal; text-transform:uppercase; margin:0 0 10px 0; }
#blog-categorias li, #blog-arquivos li { font-size:0.85em; text-transform:uppercase; line-height:1.6em; }

#blog-categorias li a:hover, #blog-arquivos li a:hover { border-bottom:1px solid #333 }

.contato-meio { padding:50px 0 0 0; }
.contato-meio form { width:60%; float:left; }
.contato-meio form input[type=text], .contato-meio form input[type=email], .contato-meio form input[type=tel] { width:100%; height:39px; background:none; border:2px solid #fff; margin:0 0 10px 0; padding:0 15px 0 15px; color:#3A3740; line-height:39px; font-family: 'azo_sansregular'; }
.contato-meio form textarea { width:100%; height:250px; background:none; border:2px solid #fff; margin:0 0 0 0; padding:10px 15px 10px 15px; resize:none; color:#3A3740; line-height:1em; font-family: 'azo_sansregular'; }
.contato-meio form .submit { float:right; background:none; border:none; border-bottom:1px solid #EEEAE0; margin:5px 0 0 0; padding:5px 0 1px 0; line-height:1em; text-transform:uppercase; font-family: 'azo_sansregular';  }
.contato-meio form .submit:hover { border-bottom:1px solid #3A3740; }

::-webkit-input-placeholder {
	opacity:1 !important; text-transform:uppercase; color:#3A3740;
}

:-moz-placeholder { /* Firefox 18- */
   opacity:1 !important; text-transform:uppercase; color:#3A3740;
}

::-moz-placeholder {  /* Firefox 19+ */
   opacity:1 !important; text-transform:uppercase; color:#3A3740;
}

:-ms-input-placeholder {  
   opacity:1 !important; text-transform:uppercase; color:#3A3740;
}

.contato-meio .local { width:40%; float:right; padding:0 0 0 5%; font-size:1em; margin:0 0 50px 0 }
.contato-meio .local h1 { font-family: 'azo_sansregular'; font-weight:normal; margin:0 0 4px 0 }
.contato-meio .local address { font-size:1.13em; line-height:1.2em }
.contato-meio .local a { font-size:1.13em; line-height:1.2em }

.contato-meio #tabs { clear:both; margin:45px 0 0 0 }
.contato-meio #tabs div { padding:0 0 0 0; margin:0 0 0 0 }
.contato-meio #tabs ul li a { padding:5px 0 5px 0; margin:0 45px 20px 0; text-transform:uppercase; font-size:1.2em; font-family: 'azo_sansregular'; font-weight:normal; }
.contato-meio #tabs ul li a strong { font-family: 'azo_sansbold'; }

#body-contato #rodape { height:200px }
#body-contato #rodape .menu { display:none !important; }
#body-contato #rodape .contato-rodape { display:none !important }
#body-contato #rodape .redes { display:none !important }

.store-interno-meio { padding:45px 1% 0 1% }

.store-interno-meio .col01 { float:left; width:30%; margin:0 0 50px 0 }
.store-interno-meio .col01 h1 { font-size:1.6em; margin:5px 0 0 0 }
.store-interno-meio .col01 .local { font-family: 'azo_sansregular'; font-weight:normal; font-size:0.75em; display:block; clear:both; }
.store-interno-meio .col01 .projeto { font-family: 'azo_sansregular'; font-weight:normal; font-size:0.75em; display:block; clear:both; }

.store-interno-meio .col02 { float:right; width:70%; margin:0 0 50px 0; }
.store-interno-meio .col02 h1 { margin:0 0 10px 0; }
.store-interno-meio .col02 .container-texto { font-size:0.8em; }

.store-interno-meio .size02 { width:1020px; min-width:400px; margin:0 auto; }
.store-interno-meio .galeria { list-style:none; clear:both; padding:0 0 0 0 }
.store-interno-meio .galeria a { width:49.5%; height:340px; margin:0 0.25% 5px 0.25%; float:left; overflow:hidden; }
.store-interno-meio .galeria a img { min-width:100%; max-width:550px; height:auto; float:left; margin:0 0 0 0 }

.container-post { padding:0 0 30px 0; min-width:400px; width:100%; }
.container-post02 { border-top:2px solid #D8BDB4; padding:35px 0 30px 0;  }


.ls-carousel .ls-nav-prev {
	background:url(../images/arrow-left.png) no-repeat left; width:101px; height:147px; position:absolute; z-index: 10000; top:50%; margin-top:-84px; left:0; -o-transition:.3s !important; -ms-transition:.3s !important; -moz-transition:.3s  !important; -webkit-transition:.3s !important; transition:.3s  !important }

.ls-carousel .ls-nav-prev:hover {
	background-position: -10px 0; -o-transition:.3s !important; -ms-transition:.3s !important; -moz-transition:.3s  !important; -webkit-transition:.3s  !important; transition:.3s  !important
}

.ls-carousel .ls-nav-next {
	background:url(../images/arrow-right.png) no-repeat right; width:101px; height:147px; position:absolute; z-index: 10000; top:50%; right:0; margin-top:-84px;	-o-transition:.3s !important; -ms-transition:.3s !important; -moz-transition:.3s  !important; -webkit-transition:.3s  !important; transition:.3s  !important
}

.ls-carousel .ls-nav-next:hover {
	background-position: 10px 0; -o-transition:.3s !important; -ms-transition:.3s !important; -moz-transition:.3s  !important; -webkit-transition:.3s  !important; transition:.3s  !important;
}

.ls-bottom-nav-wrapper { visibility: hidden !important; }

.yes-mobile { display:none  }
.no-mobile { display:block  }

.feedback, .feedback-negativo { padding:0 0 0 5%; text-transform:uppercase; font-size:1.2em }

/*===========================  FIM CLASSES PERSONALIZADAS PARA O SITE =========================== */
/*============= MEDIA QUERIES */

@media screen and (max-width: 1620px) {
	.home-meio #atalhos ul { max-width:950px; }
	.home-meio #atalhos ul li { width:465px; }
	
	#clientes { padding:30px 0 0 0; }
	#clientes ul { list-style:none; width:80%; height:auto; max-width:1470px; overflow:hidden; margin:0 auto; }
	#clientes li { float:left; width:18%; height:52px; text-align:center; margin:0 0.8% 40px 0.8%; }
	.helper { display: inline-block; height: 100%; vertical-align: middle; }
	#clientes li img { vertical-align:middle; max-width:100%; max-height:100%; }
	
	.clientes-meio #atalhos ul { max-width:950px; }
	.clientes-meio #atalhos ul li { width:465px; }
}

@media screen and (min-width: 1061px) { .link{ display:block !important; } }
@media screen and (min-width: 1060px) { #bt-menu{ display:none; } 
}

@media screen and (min-width: 1060px)  and (max-width: 1313px) {

ul.menu{     width: 806px;
    list-style: none;
    position: absolute;
    left: 50%;
    margin: 0 0 0 -280px;
    padding: 16px 0 0 0;
    font-size: 14px !important; }

  }
@media screen and (max-width: 1060px) {
	.yes-mobile { display:block  }
	.no-mobile { display:none  }
	
	body { min-width:530px; width:100%; overflow-x:auto; }
	.size { min-width:480px; width:100%; margin:0 auto; padding:0 5% 0 5% }
	
	#bt-menu { background:url(../images/menu-bt.png) no-repeat center top; width:35px; height:35px; text-indent:-99999px; display:block; float:left; margin:6px 0 0 0 } 
	
	#marca{ background:url(../images/marca.png) no-repeat center; background-size:233px 50px; display:block; text-indent:-99999px; width:233px; height:50px; float:none; margin:0 0 0 -116.5px; position:absolute; left:50%; }
	
	#topo .link{ padding:0 !important; margin:0 auto; position:absolute; width:100%; height:auto; top:100px; left:0; display:none; z-index:999; background:url(../images/menu-bg-m.png) repeat; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
	
	#topo .redes { float:right; list-style:none; margin:8px 0 0 0; }
	
	ul.menu{ width:100%; position:relative; left:0; top:0; margin:0 auto 0 auto; padding:0 0 0 0; }
	ul.menu li a{ color:#D8BDB4; padding:0; margin:0; text-decoration:none; display:block; font-size:1.1em; width:100%; height:80px; line-height:80px; position:relative; border-bottom:1px solid #5a5755 }
	ul.menu li a:after { content:''; width:100%; height:1px; display:block; background:#D8BDB4; position:absolute; left:-100%; bottom:-1px; opacity:0; z-index:99;
	-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
	ul.menu li a:hover:after { left:0; opacity:1; z-index:99;
	-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
	ul.menu li { display:inline-block; text-align:center; padding:0; margin:0; width:100%; }
	.menu-active:after { left:0 !important; opacity:1 !important; }
	
	.home-meio #empresa { background:url(../images/home-img01-m.jpg) repeat-x center top; width:100%; height:699px; overflow-x:hidden; }
	.home-meio #empresa .size:after { content:''; position:absolute; background:url(../images/home-marca01-m.png) no-repeat; height:699px; width:351px; top:0; right:-80px; }
	.home-meio #empresa .col01 { max-width:480px; float:none; margin:0 auto 0 auto }
	.home-meio #empresa cite { display:block; font-size:1.6em; padding:0 180px 0 0; margin:90px 0 15px 0; position:relative; float:left }
	.home-meio #empresa h1 { margin:0 0 0 0; padding:10px 0 0 0; float:left }
	
	.home-meio #empresa cite:after { right:175px; }
	
	#clientes { width:100%; height:auto; padding:55px 0 55px 0 }
	#clientes ul { list-style:none; width:80%; height:auto; max-width:1470px; overflow:hidden; margin:0 auto; }
	#clientes li { float:left; width:31%; height:100px; text-align:center; margin:0 0.8% 0 0.8%; }
	
	#atalhos ul { list-style:none; max-width:480px; margin:0 auto; padding:0 5% 0 5% }
	#atalhos ul li { width:100%; max-width:480px; height:500px; background:#fff; float:none; margin:0 auto 20px auto; overflow:hidden; border:12px solid #fff; position:relative; }
	
	
	.store-interno-meio .col02 { float:right; width:100%; margin:0 0 50px 0; }
.store-interno-meio .col01 { float:left; width:100%; margin:0 0 10px 0 }


	.imagem-atalhos { position:relative; width:100%; height:675px; }
	
	.imagem-atalhos:before { content:''; background:url(../images/mask-img01.png) no-repeat center bottom; position:absolute; top:0; left:0; display:block; z-index:11; width:442px; height:500px; opacity:1 }
	.imagem-atalhos:after { content:''; background:url(../images/mask-img02.png) no-repeat center bottom; position:absolute; top:0; left:50%; margin:0 0 0 -221px; display:block; z-index:11; width:442px; height:675px; opacity:0 }

	.texto-atalhos p { display:none }
	
	#rodape{ height:410px; padding:40px 0 0 0 }
	#rodape .link { height:0 !important; overflow:hidden }
	#rodape .menu { height:0 !important; overflow:hidden }
	#rodape #bt-menu { display:none }
	#rodape .contato-01, #rodape .contato-02, #rodape .contato-03 { font-family: 'azo_sansregular'; font-size:1.2em; float:none; line-height:31px; width:100%; text-align:center; display:inline-block; margin:10px 0 0 0 }
	#rodape .contato-01 .rodape-telefone, #rodape .contato-02 .rodape-telefone,#rodape .contato-03 .rodape-telefone { width:100%; display:inline-block; text-align:center; font-size:1.3em; line-height:1.3em; margin:0 0 10px 0; }
	#rodape .redes { list-style:none; float:none; width:100px; margin:15px auto 0 auto; }
	#rodape .redes li { width:30px; height:31px; float:left; margin:0 10px 0 10px; }
	#rodape .redes li:last-shield { margin:0 0 0 0; }
	#rodape .redes li a { width:30px; height:31px; display:block; }
	
	.a-twl-meio #empresa { background:url(../images/atwl-bg-m.jpg) repeat-x center top; width:100%; height:1350px;background-size: cover }
	.a-twl-meio #empresa .col01 { min-width:480px; float:none; color:#fff; display:inline-block; margin:0 auto }
	.a-twl-meio #empresa .size { background:url(../images/atwl-bg01.png) no-repeat; background-position:180px 0; height:1350px;background-size: contain }
	.a-twl-meio #empresa .col01 h1 { color:#D8BDB4; font-size:3.1em; margin:60px 0 30px 0; }
	.a-twl-meio #empresa .col01 p { margin:0 0 15px 0; line-height:1.4em; font-size:1.08em }
	
	#empresa02 { background:#fff; padding:60px 0 45px 0; font-size:20px }
	#empresa02 .col01 { width:100%; float:none; margin:0 auto 30px auto; font-size:0.85em; }
	#empresa02 .col02 { width:100%; float:none; margin:0 auto 0 auto; font-size:0.85em; }
	#empresa02 .col01 h1, #empresa02 .col02 h1 { font-size:2.2em; margin:0 0 15px 0; }
	#empresa02 .col02 ul { list-style:none; }
	#empresa02 .col02 ul li { margin:0 0 5px 0; }
	
	#store-projects { background:#fff; border-bottom:2px solid #D8BDB4; height:auto; padding:45px 0 45px 0; font-size:21px; line-height:25px }
	#store-projects h1 { float:none; color:#D8BDB4; font-size:3.1em; text-transform:uppercase; width:200px; text-align:left; line-height:1em; margin:0 0 0 0; }
	#store-projects .col01 { float:left; width:100%; font-size:0.85em; margin:20px 0 0 0 }
	#store-projects .col01 p { padding:0 0% 0 0 }
	#store-projects .col01 ul { list-style:none; margin:20px 0 0 0 }
	#store-projects .col01 h2 { font-family: 'azo_sansbold'; margin:0 0 5px 0; font-weight:normal; font-size:1.1em; line-height:1.3em }
	#store-projects .col01 ul li { line-height:1.5em; margin:0 0 10px 0 }
	
	#store-lista { padding:70px 0 50px 0; border-bottom:2px solid #D8BDB4; font-size:20px; line-height:24px }
	#store-lista ul { list-style:none; }
	.lista-col { width:100%; float:none; margin:0 auto 0 auto; text-align:center }
	#store-lista ul li { line-height:39px; font-size:1.2em; margin:0 0 0 0 }
	
	#store-chamadas { padding:30px 0 40px 0; border-bottom:2px solid #D8BDB4 }
	#store-chamadas ul { list-style:none }
	#store-chamadas ul li { width:100%; max-width:476px; margin:30px auto 30px auto; float:none; height:auto !important }
	#store-chamadas .chamada-capa { background:#fff; display:block; overflow:hidden; width:100%; max-width:476px; height:100%; max-height:255px; border:12px solid #fff }
	#store-chamadas .chamada-capa img { min-width:476px; height:auto; }
	#store-chamadas ul > li > h1 { font-size:1.7em; line-height:1.1em; font-weight:normal; margin:8px 0 8px 0; padding:0 12px 0 12px }
	#store-chamadas ul li h2 { font-size:1em; line-height:1.1em; font-weight:normal; margin:0 0 16px 0; padding:0 12px 0 12px }
	#store-chamadas .chamada-texto { font-size:0.85em; height:auto; max-height:69px; overflow:hidden; margin:0 0 20px 0; padding:0 12px 0 12px; display:block }
	
	#house-projects { background:#fff; border-bottom:2px solid #D8BDB4; height:auto; padding:45px 0 45px 0; font-size:21px; line-height:25px }
	#house-projects h1 { float:none; color:#D8BDB4; font-size:3.1em; text-transform:uppercase; width:200px; text-align:right; line-height:1em; margin:0 0 0 0; }
	#house-projects .col01 { float:left; width:100%; font-size:0.85em; margin:20px 0 0 0 }
	#house-projects .col01 p { padding:0 0% 0 0 }
	#house-projects .col01 ul { list-style:none; margin:20px 0 0 0 }
	#house-projects .col01 h2 { font-family: 'azo_sansbold'; margin:0 0 5px 0; font-weight:normal; font-size:1.1em; line-height:1.3em; }
	#house-projects .col01 ul li { line-height:1.5em; margin:0 0 10px 0 }

	.clientes-meio .col01, .clientes-meio .col02 { float:none; width:100%; height:auto; padding:0 }

/*	.clientes-meio .col01 { background:url(../images/clientes-bg.png) center top no-repeat; height:897px; padding:135px 0 0 0 }
	.clientes-meio .col01 ul { list-style:none; width:350px; margin:0 auto 0 auto }
	.clientes-meio .col01 ul li { height:80px; margin:5px 0 5px 0; text-align:center }
	
	.clientes-meio .col02 { padding:45px 0 0 0 }
	.clientes-meio .col02 h1 { font-size:3em; text-transform:uppercase; margin:0 0 40px 0 }
	.clientes-meio .col02 p { font-size:1.35em; margin:0 0 80px 0; padding:0 0 0 0; }
	.clientes-meio .col02 cite { display:block; font-family: 'bauerbodni_btitalic'; font-size:1.6em; clear:both; margin:0 0 25px 0; position:relative; padding:0 0 0 0; }
	.clientes-meio cite:before { content:''; background:url(../images/icon-aspas02.png) no-repeat center top; width:47px; height:31px; display:block; position:absolute; top:-40px; left:0; }
	.clientes-meio .col02 span { display:inline-block; clear:both; font-family: 'azo_sansregular'; font-size:1.1em; }
	.clientes-meio .col02 span strong { font-family: 'azo_sansbold'; }
	*/
	.clientes-meio #atalhos { margin:20px 0 0 0 }
	
	.contato-meio { padding:50px 0 0 0; }
	.contato-meio form { width:100%; float:none; clear:both; display:inline-block; margin:0 0 30px 0 }
	.contato-meio form input[type=text], .contato-meio form input[type=mail], .contato-meio form input[type=tel] { width:100%; height:39px; background:none; border:2px solid #fff; margin:0 0 10px 0; padding:0 15px 0 15px; color:#3A3740; line-height:39px; font-family: 'azo_sansregular'; }
	.contato-meio form textarea { width:100%; height:250px; background:none; border:2px solid #fff; margin:0 0 0 0; padding:10px 15px 10px 15px; resize:none; color:#3A3740; line-height:1em; font-family: 'azo_sansregular'; }
	.contato-meio form .submit { float:right; background:none; border:none; margin:5px 0 0 0; padding:5px 0 5px 0; line-height:1em; text-transform:uppercase; font-family: 'azo_sansregular'; }
	
	.contato-meio .local { width:100%; float:none; padding:0 0 0 5%; font-size:1.1em; margin:50px 0 10px 0; clear:both; display:block }
	.contato-meio #tabs ul li {width:100%; display: block; text-align: center;}
	.contato-meio #tabs ul li a{padding-left: 0} 
	


  .blog-meio { padding:35px 0 0 0; border-bottom:3px solid #fff }
	#title-blog { float:left; clear:both; font-family: 'azo_sansbold'; font-weight:normal; font-size:2.2em; display:inline-block; width:100%; margin:0 0 35px 0; padding:0 0 0 5% }
	.blog-meio .size { padding:0 0 0 0; }
	.blog-meio .col01 { width:100%; float:none; margin:25px 0 0 0; padding:0 5% 0 5%; font-size:1.4em; line-height:1.4em }
	.blog-meio .col02 { width:100%; float:none; margin:0 0 25px 0; padding:0 0 25px 0; border-bottom:2px solid #D8BDB4 }
	.blog-meio .col01 ul { list-style:none; }
	.blog-meio .col01 ul li { border-bottom:2px solid #D8BDB4; padding:0 0 20px 0; margin:0 0 20px 0; }
	.blog-meio .col01 ul li:last-child { border:none; }
	.blog-meio .col01 ul > li > h1 { text-transform:uppercase; margin:0 0 10px 0; }
	.blog-meio .col01 ul .blog-texto { font-size:0.8em; margin:0 0 20px 0; }
	.blog-meio .col01 ul .blog-img { max-width:100%; min-height:200px; max-height:400px; overflow:hidden; }
	.blog-meio .col01 ul .blog-img img { width:100%; height:auto; }
	
	.blog-meio .col02 ul { list-style:none; }
	.blog-meio .col02 form { padding:0 5% 0 5%; }
	#blog-pesquisa { position:relative; width:100%; padding:0 5% 0 5%; }
	#blog-pesquisa label { font-family: 'azo_sansbold'; font-size:0.92em; font-weight:normal; text-transform:uppercase; display:block; margin:0 0 5px 0; }
	#blog-pesquisa input[type=search] { width:100%; height:39px; background:none; border:2px solid #fff; padding:0 15px 0 15px; color:#3A3740; line-height:39px; font-family: 'azo_sansregular'; }
	#blog-pesquisa input[type=submit] { width:39px; height:39px; background:url(../images/pesquisa-icon.png) no-repeat center top; position:absolute; right:5%; bottom:0; text-indent:-99999px; border:none; }
	
	#blog-categorias, #blog-arquivos { width:100%; margin:35px 0 0 0 }
	#blog-categorias h1, #blog-arquivos h1 { font-family: 'azo_sansbold'; font-size:0.92em; font-weight:normal; text-transform:uppercase; margin:0 0 10px 0; }
	#blog-categorias li, #blog-arquivos li { font-size:0.85em; text-transform:uppercase; line-height:1.6em; }
	
	.form-select label { text-transform:uppercase; margin:15px 0 5px 0; display:inline-block; width:100%; font-family: 'azo_sansbold'; font-size:0.92em; font-weight:normal; }
	.select { width:100%; }
	
	.conteudo-banner{ position:absolute; width:290px; z-index:10; display:block; right:130px; bottom:60px; }
	.conteudo-banner p { font-size:1.2em; margin:25px 0 0 0; line-height:1.5em; }
	
	.banner-title{ z-index:99; text-align:center; text-align:left; width:100%; color:#D8BDB4; background:url(../images/banner-box01.png) no-repeat right bottom; background-size:auto 850px; min-height:700px; max-height:1100px; height:100%; position:relative; bottom:0; }
	
	.banner-title h1{ text-align:left; font-size:2.3em; font-weight:normal; text-transform:uppercase; }
	.banner-title h2{ font-family: 'azo_sansmedium'; text-align:left; text-transform:uppercase; letter-spacing:2px; font-size:0.8em; position:relative; }
	
	.banner-title a{ color:#D8BDB4; }
	.banner-title h3{ margin-bottom:50px; }
	
	.banner-title2{ z-index:99; text-align:center; width:100%; color:#fff; min-height:700px; max-height:1100px; position:relative; }
	.banner-title2 a, .banner-title2 h1 { font-size:4em; text-transform:uppercase; top:38vh; position:relative; color:#fff; }
	
	.store-interno-meio .size02 { min-width:400px; max-width:95%; margin:0 auto; }
	.store-interno-meio .galeria { list-style:none; clear:both; padding:0 0 0 0 }
	.store-interno-meio .galeria a { width:100%; height:auto; margin:0 auto 5px auto; float:none; overflow:hidden; display:inline-block; }
	.store-interno-meio .galeria a img { width:100%; height:auto; float:left; margin:0 0 0 0 }
	
	.ls-nav-next, .ls-nav-prev { display:none !important }



}
	
/* RETINA */ 
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi)  {
	/*#marca{ background:url(../images/marca@2x.png) no-repeat center;  }*/
}
	
/*============= FIM MEDIA QUERIES */