@font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 200; src: local('Exo 2 Extra Light'), local('Exo2-ExtraLight'), url(http://fonts.gstatic.com/s/exo2/v3/2te67bJO7v3hcIhF8WOfpxTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 200; src: local('Exo 2 Extra Light'), local('Exo2-ExtraLight'), url(http://fonts.gstatic.com/s/exo2/v3/4VH1sjauXOSoJIJOdxuAC_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 400; src: local('Exo 2'), local('Exo2-Regular'), url(http://fonts.gstatic.com/s/exo2/v3/sZoRRDfBcJL9e6dHdMU_Tg.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 400; src: local('Exo 2'), local('Exo2-Regular'), url(http://fonts.gstatic.com/s/exo2/v3/-A4eIjQkAwKL411pgtQ4VA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
@font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 700; src: local('Exo 2 Bold'), local('Exo2-Bold'), url(http://fonts.gstatic.com/s/exo2/v3/j6S3lQriBGoUURQ3ejUiKBTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Exo 2'; font-style: normal; font-weight: 700; src: local('Exo 2 Bold'), local('Exo2-Bold'), url(http://fonts.gstatic.com/s/exo2/v3/AbMslUVu4Wq5jvNwOBLwLvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

/*
COLORS
PRETO: #141414
CINZA: #5E5E5E
AMARELO: #FFF200
AMARELO 2: #E2D103;
VERMELHO: #ed1f24
*/

/* GERAL */
* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; list-style:none; list-style-type:none; margin:0; padding:0; outline: 0 none !important; }
html, body { min-height:100%; padding:0; margin:0; }
body { height:100%; font-family:'Exo 2', Arial, Helvetica; font-size:10px; font-weight:400; padding:0; margin:0; color:#FFF; background:#141414; }
ul:after , li:after, div:after { content:""; clear:both; display:block; visibility:hidden; height:0px; line-height:0px; max-height:0px; }
:focus {outline:none;}
::-moz-focus-inner {border:0;}
.mobile { display:none; }
.no-mobile { display:block; }
a, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5 { font-size:2em; padding:0; margin:0; font-weight:300; }

/* HEADER */
header { position: relative; width:95%; max-width: 1400px; margin:0 auto 20px auto; }

/* NAV */
header #header-nav { clear: both; height:auto; margin:0 auto 0 auto; z-index:300; font-size: 1.8em; z-index:999; color:#666; }
header #header-nav .row { margin:0 auto; text-align: right; }
header #header-nav #header-logo { text-align: center; }
header #header-nav #header-logo img { margin:22px 0 0 0; }
header #header-nav #menu-responsivo { display: none; position:absolute; font-size: 1.8em; top:50%; right: 10px; cursor: pointer; padding: 10px; margin-top: -15px; }
header #header-nav #menu-responsivo:hover { background:#222222; }
header #header-nav ul { display:block; margin-top: 25px; }
header #header-nav ul li { display: inline-block; margin-left: 20px; }
header #header-nav ul li a { position:relative; color: #666; font-weight: 700; text-decoration: none; }
header #header-nav ul li a:hover { color: #FFF; text-decoration: none; }
header .featurette-divider { display:block; border-top: 3px solid #666; margin-top:15px; margin-bottom: 15px; }
header #header-marcas { clear:both; display: block; float: right; font-size: 0.8em; font-weight: 700; }
header #header-marcas div { display: table-cell; vertical-align: middle; padding-left: 25px; }
header #header-marcas img { max-width:120px; max-height: 55px; }

/* SITE BODY */
.site-body-in { width:95%; max-width: 1380px; margin: 0 auto; font-size: 1.4em; padding-top: 15px; padding-left: 20px; padding-right: 20px; }
.site-body-in .page-title { font-size: 2em; font-weight: 700; color: #ed1f24; }
.site-body-in .page-subtitle { font-size: 1.2em; font-weight: 700; color: #ed1f24; margin-top: 20px; }
.site-body-in .page-text { font-size: 1em; text-align: justify; padding-top:15px; }
.site-body-in .featurette-divider { display:block; border-top: 3px solid #666; margin-top:15px; margin-bottom: 15px; }
.site-body-in .link-block { display: table; margin-top: 15px; color:#FFFFFF; }
.site-body-in .link-block:nth-child(1) { margin-top: 25px; }
.site-body-in a { text-decoration: none; }

.page-fotos { margin:25px 0 20px; }
.page-fotos img { max-width: 100px; max-height: 75px; border:5px solid #141414; margin:5px; cursor: pointer; }
.page-fotos img:hover { border-color: #000; }

/* HOME - DESTAQUES */
#home-marcas { padding: 30px 0 0 0; font-size: 1em; }
#home-marcas li { padding-bottom: 40px; }
#home-marcas li:nth-child(n+2) { border-top: 1px solid #000; }
#home-marcas .marca-foto { position:relative; clear:both; width:100%; height: 150px; margin: 0 auto; }
#home-marcas .marca-foto img { max-width:240px; max-height: 150px; margin:0 auto; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform:   translate(-50%,-50%); -ms-transform:    translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform:translate(-50%,-50%); }
#home-marcas h3 { text-align: center; font-size: 1.8em; font-weight: 700; color:#FFF; line-height: 1em; letter-spacing: normal; margin:10px 0; }
#home-marcas h3 a { color: #FFF; }

.marcas-social { width:100%; text-align: center; padding: 15px 0; margin:0 auto; }
.marcas-social a { margin: 0 6px; }
.marcas-social img { max-width: 36px; }

/* BODY INTERNO */
#site-body-in { width:95%; max-width: 1400px; margin: 95px auto 20px auto; padding: 25px 0; }

.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
}
.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  transform: translateX(0);
}
.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  transition: transform 0.5s;
}

/* FOOTER */
#footer-social { clear:both; width:100%; max-width: 100%; text-align: left; padding: 0 0 0 0; margin:0 auto; }
#footer-social a { margin: 0 5px; }
#footer-social img { max-width: 25px; }

footer { width:100%; background: #000000; color: #666; margin: 35px auto 35px auto; padding:0; font-size: 1.4em; }
footer .row { width:95%; max-width: 1400px; padding:30px 0; margin: 0 auto; }
footer .social-link { margin: 0 10px 0 0; }
footer p { font-weight: 700; color:#FFF; }
footer a { color: #666; }
footer a:hover { color: #FFF; }
footer .footer-col { padding-bottom: 0; }

/* LINK TOP */
#link-top { display:none; position:fixed; right:20px; bottom:60px; z-index:999; cursor:pointer; width:64px; height:64px; background: url("http://hafhbox.com/proxy.php?url=https%3A%2F%2Fwww.etambrasil.com.br%2Fimagens%2Fbtn_topo.png") center top no-repeat; background-size:cover; }

/* BOTOES INVITTE */
.site-btn { border: 2px solid #ed1f24; background: #ed1f24; color: #FFFFFF; display:inline-block; padding:10px 12px; border-radius:5px; text-align:center; font-family: 'Exo 2'; font-size:14px; font-weight: 400; text-decoration:none; margin:10px 0; z-index: 999; cursor:pointer; }
.site-btn:hover { border:2px solid #E2D103; background: #E2D103; text-decoration:none; }

.site-btn.site-btn-default { border:2px solid #333333; background: #333333; color: #FFFFFF; }
.site-btn.site-btn-default:hover { border:2px solid #222222; background: #222222; color: #FFFFFF; }

.btn-line-v,
.btn-line-v:visited,
.btn-line-v:focus { border:2px solid #ed1f24; display:inline-block; padding:10px 12px; margin:15px 0 0 0; border-radius:5px; text-align:center; font-family: 'Exo 2'; font-size:16px; text-decoration:none; color: #ed1f24; font-weight: 700; border-color:#ed1f24;  z-index: 999; cursor:pointer; box-shadow: inset 0 0 0 0 #ed1f24; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; background:none; }
.btn-line-v:hover,
.btn-line-v:active { box-shadow: inset 0 -100px 0 0 #ed1f24; color: #131313; text-decoration:none; }

.btn-line-vd,
.btn-line-vd:visited,
.btn-line-vd:focus { border:2px solid #18b50b; display:inline-block; padding:10px 12px; margin:15px 0 0 0; border-radius:5px; text-align:center; font-family: 'Exo 2'; font-size:16px; text-decoration:none; color: #18b50b; font-weight: 700; border-color:#18b50b;  z-index: 999; cursor:pointer; box-shadow: inset 0 0 0 0 #18b50b; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; background:none; }
.btn-line-vd:hover,
.btn-line-vd:active { box-shadow: inset 0 -100px 0 0 #18b50b; color: #131313; text-decoration:none; }

.btn-line-az,
.btn-line-az:visited,
.btn-line-az:focus { border:2px solid #0a82f1; display:inline-block; padding:10px 12px; margin:15px 0 0 0; border-radius:5px; text-align:center; font-family: 'Exo 2'; font-size:16px; text-decoration:none; color: #0a82f1; font-weight: 700; border-color:#0a82f1;  z-index: 999; cursor:pointer; box-shadow: inset 0 0 0 0 #0a82f1; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; background:none; }
.btn-line-az:hover,
.btn-line-az:active { box-shadow: inset 0 -100px 0 0 #0a82f1; color: #131313; text-decoration:none; }

/* BOTOES */
.site-botao { display:inline-block; padding:10px 12px; border-radius:5px; text-align:center; font-family: 'Exo 2'; font-size:1.6em; text-decoration:none; margin:10px 0; z-index: 999; cursor:pointer; }
.site-botao:hover { text-decoration:none; }

.botao-line, .botao-line:visited, .botao-line:focus { border:2px solid #CCC; border-radius:5px; border-color:#CCC; color:#CCC; box-shadow: inset 0 0 0 0 #CCC; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; transition: all ease 0.8s; }
.botao-line:hover, .botao-line:active { box-shadow: inset 0 -100px 0 0 #CCC; color: #333; }

.botao-blue, .botao-blue:visited, .botao-blue:focus { background:#0099cc; color:#FFFFFF; }
.botao-blue:hover, .botao-blue:active {  background:#0089B7; color:#FFFFFF; }
.botao-blue.disabled, .botao-blue.disabled:visited, .botao-blue.disabled:focus { background:#999; color:#FFFFFF; }
.botao-blue.disabled:hover, .botao-blue.disabled:active {  background:#999; color:#FFFFFF; }

.botao-sky, .botao-sky:visited, .botao-sky:focus { background:#00cc99; color:#FFFFFF; font-size:15px; }
.botao-sky:hover, .botao-sky:active {  background:#00AA80; color:#FFFFFF; }

.botao-black, .botao-black:visited, .botao-black:focus { background:#333; color:#FFFFFF; font-size:15px; }
.botao-black:hover, .botao-black:active {  background:#222; color:#FFFFFF; }

/* TEXT CLASSES */
.light { font-weight:300; }
.black { font-weight: 800; }

/* GRAYSCALE */
.gray { -webkit-filter: grayscale(100%); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(100%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(100%); -o-transition: .5s ease-in-out; filter: grayscale(100%); }
.gray:hover { -webkit-filter: grayscale(0%); -webkit-transition: .5s ease-in-out; -moz-filter: grayscale(0%); -moz-transition: .5s ease-in-out; -o-filter: grayscale(0%); -o-transition: .5s ease-in-out; filter: grayscale(0%); }
.gray.active { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }

/* SKEW FULL */
.skew { position: relative; top:-50px; padding-bottom:150px;}
.skew:before { content: ''; position: absolute; left: 0; top: -50px; width: 100%; height: 100%; -webkit-transform: skewY(-2.5deg);  -moz-transform: skewY(-2.5deg);  -ms-transform: skewY(-2.5deg);  -o-transform: skewY(-2.5deg);  transform: skewY(-2.5deg); -webkit-backface-visibility: hidden; z-index:-99 }
.skew div.skew-body { position:relative; padding:0 0 0 0; margin:0 auto; max-width:1400px; }

/* SKEW TOP */
.skewTop { position: relative; top:0; padding-bottom:80px;}
.skewTop:before { content: ''; position: absolute; left: 0; top: -105px; width: 100%; height: 150px; -webkit-transform: skewY(-2.5deg);  -moz-transform: skewY(-2.5deg);  -ms-transform: skewY(-2.5deg);  -o-transform: skewY(-2.5deg);  transform: skewY(-2.5deg); -webkit-backface-visibility: hidden; z-index:-99 }
.skewTop div.skew-body { position:relative; padding:0 0 0 0; margin:0 auto; max-width:1400px; }

/* LINKS */
.link-voltar { color:#999; }
.link-voltar:hover { color:#0099cc; }
.link-padrao, .link-padrao:hover, .link-padrao:visited, .link-padrao:active { color:#cc2129; }
.link-blue { color:#0099cc; }

/* CORES */
.cor { color:#cc2129; }
.cor-cinza { color:#999; }

/* OUTRAS CLASSES */
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.strong { font-weight: 800; }

/* LINHAS DE ERRO DE FORMULARIO */
.alerta-erro-row { padding:5px 0; }
.alerta-erro-row:first-child { margin-top:10px; }
.alerta-erro-row:last-child { margin-bottom:10px; }
.alerta-erro-row div:nth-child(1) { font-weight: 700; }
.alerta-erro-row span { font-weight: normal; font-size:16px; float:right; margin:5px 0 0 0; }
.alerta-erro-row .text-danger { color:#cc2129; }

/* FORMS */
.form-site label { font-weight:400; font-size: 14px; padding: 0 0 8px 0; }
.form-site div.form-row { margin-bottom:10px; }
.form-site h3 { font-weight: 700; margin-top: 0; margin-bottom: 10px; }

.form-row.has-error label { color:#cc2129; }
.form-row.has-error input,
.form-row.has-error select,
.form-row.has-error textarea	{ border: 1px solid #cc2129; color:#cc2129; }
.form-row.required label:after { content:' *'; color:#cc2129; }

.forms { display:table; clear:both; width:100%; padding:10px; border-radius:5px; border:1px solid #222; font-size:16px;  font-weight:300; background: #222; color:#FFF; }
.forms.invalido { border:1px solid #cc2129; color:#cc2129; }
.forms:focus { border-color:#222; }
.forms.invalido:focus { border-color:#222; }
.forms.telefone { max-width: 180px; text-align: center;}

textarea { resize: vertical; }

.form-site .g-recaptcha { margin:0 auto; }

/* PLACEHOLDER */
::-webkit-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }
::-moz-placeholder {  color: #999; }
:-ms-input-placeholder {  color: #999; }

/* SHARE */
.barra-share { margin:15px 0; padding:10px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
.barra-share span#txt-share { position:relative; display: inline-block; padding:0; margin-top:-10px; font-size:14px; color:#666; }

.modal-content { background:#222222; }
.modal-header { max-width: 100%; }
.modal-header { border-color:#141414; }
.modal-header .modal-title { max-width: 90%; }
.modal-header .modal-title { color:#FFFFFF; font-family:'Exo 2'; font-size: 1.6em; font-weight: 700; }
.modal-header .close { width:30px; font-weight: normal; font-size:14px; color:#FFF; margin-top: 2px; left: -20px; }
.modal-header .close:hover { color:#FFFFFF; filter: alpha(opacity=100); opacity: 1.0; }

/* PAGINACAO */
#paginacao { display:block; margin: 20px 0 0 0; text-align:right; }
#paginacao a { background:#EEE; padding:2px 8px; border-radius:100px; color:#666; margin:0 2.5px; }
#paginacao a:hover { background:#0099cc; color:#FFF; text-decoration:none; }
#paginacao span.paginacao-on { background:#0099cc; color:#FFF; font-weight:700; padding:2px 8px; border-radius:100px; margin:0 2.5px; }

/* NOTIFICACOES  */
#ModalAlerta .modal-content { border-top-left-radius:12px; border-top-right-radius:12px; }
#ModalAlerta .modal-header { background-color:#ed1f24; border-top-left-radius:6px; border-top-right-radius:6px; }
#ModalAlerta .modal-header .modal-title { color:#FFFFFF; font-family:'Exo 2'; font-size: 1.6em; font-weight: 700; }
#ModalAlerta .modal-header .close { font-weight: normal; font-size:16px; color:#FFF; margin-top: 2px; }
#ModalAlerta .modal-header .close:hover { color:#FFFFFF; filter: alpha(opacity=100); opacity: 1.0; }
#ModalAlerta .modal-body { color:#fff; font-size:1.4em; }
#ModalAlerta .modal-body h3 { font-size:1.6em; font-weight:700; color:#333; }

#ModalSucesso .modal-header { background-color:#ed1f24; border-top-left-radius:5px; border-top-right-radius:5px; }
#ModalSucesso .modal-header .modal-title { color:#FFFFFF; font-family:'Exo 2'; font-size: 1.6em; font-weight: 700; }
#ModalSucesso .modal-header .close { font-weight: normal; font-size:16px; color:#FFF; margin-top: 2px; }
#ModalSucesso .modal-header .close:hover { color:#FFFFFF; filter: alpha(opacity=100); opacity: 1.0; }
#ModalSucesso .modal-body { color:#fff; font-size:1.4em; }
#ModalSucesso .modal-body h3 { font-size:1.6em; font-weight:700; color:#333; }

/* LOADING */
#loading{ background-color: #000; height: 100%; width: 100%; position: fixed; z-index: 999; margin-top: 0px; top: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
#loading-center{ width: 100%; height: 100%; position: relative; }
#loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; }
.object{ width: 20px; height: 20px; background-color: #FFF; float: left; margin-right: 20px; margin-top: 65px; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; }
#object_one { -webkit-animation: object_one 2s infinite; animation: object_one 2s infinite; }
#object_two { -webkit-animation: object_two 2s infinite; animation: object_two 2s infinite; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }
#object_three { -webkit-animation: object_three 2s infinite; animation: object_three 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
@-webkit-keyframes object_one { 75% { -webkit-transform: scale(0); } }
@keyframes object_one { 75% { transform: scale(0); -webkit-transform: scale(0); } }
@-webkit-keyframes object_two { 75% { -webkit-transform: scale(0); } }
@keyframes object_two { 75% { transform: scale(0); -webkit-transform:  scale(0); } }
@-webkit-keyframes object_three { 75% { -webkit-transform: scale(0); } }
@keyframes object_three { 75% { transform: scale(0); -webkit-transform: scale(0); } }

/* RESPONSIVE */
@media (max-width: 1400px) {
  .ImgCarousel { height:500px; }
}

@media (max-width: 1200px) {
	.ImgCarousel { height:450px; }
}

@media (max-width: 1100px) {
	.ImgCarousel { height:400px; }
}

@media (max-width: 992px) {
  header #header-logo { text-align: center; }
  header #header-logo img { max-height: 80px; }
  header #header-nav { position: relative; clear: both; width:100%; min-height: 95px; height:auto; overflow: visible; }
  header #header-nav #menu-responsivo { display: block; }

  header #header-nav ul { display:none; float:none; margin-top: 13px; margin-bottom: 10px; top:100%; left:0; width: 100%; padding: 0 10px; text-align: center;}
  header #header-nav ul li { position:relative; display: inline-block; margin-right: auto; padding:0 10px; text-align: center; }
  header #header-nav ul li:hover { }
  header #header-nav ul li a { display:table; width: 100%; color: #FFFFFF; text-decoration: none; font-size: 0.9em; font-weight: 400; padding-top:4px; padding-bottom: 4px; }
  header #header-nav ul li a:hover { color: #FFFFFF; text-decoration: none; }
  header #header-nav ul li a:hover:before{ display:none; }

  header .featurette-divider { display:none; margin-top:10px; margin-bottom: 10px; }
  header #header-marcas { clear:both; display: none; float: none; width:100%; font-size: 0.8em; font-weight: 700; text-align: center; }
  header #header-marcas div { display: inline-block; padding: 0 8px; }
  header #header-marcas div:nth-child(1) { display:none; }
  header #header-marcas img { max-height: 40px; max-width: 80px; }

  .ImgCarousel { height:400px; }

  #footer-social img { max-width: 32px; }
  footer * { text-align:center; }
  footer .footer-col { padding-bottom: 20px; }
}

@media (max-width: 767px) {
  #ImgCarousel-Nav #ImgCarousel-Bullets { display:block; }
  #ImgCarousel-Nav #ImgCarousel-Thumbs { display: none; }
}

@media (max-width: 480px) {
  header #header-logo { text-align: left; }
  header #header-marcas img { max-height: 40px; max-width: 70px; }
	.ImgCarousel { height:250px; }
}