@import url('reset.css');
@import url('banner-slider.css');
@import url('menu-mobile.css');
@import url('animation.css');

*{

}
section{
    /* overflow-x: hidden; */
}
body{
	overflow-x: hidden;
}

.cat {
    width: fit-content;
    /* height: 143px; */
    margin-bottom: -5px;
}
.cat img:hover{
    -webkit-filter: brightness(100%);
    -ms-filter: brightness(100%);
    -moz-filter: brightness(100%);
    -o-filter: brightness(100%);
    filter: brightness(100%);
}
.cat img {
     height: 143px; 
    -webkit-filter: brightness(80%);
    -ms-filter: brightness(80%);
    -moz-filter: brightness(80%);
    -o-filter: brightness(80%);
    filter: brightness(80%);
}
.topoEmail {
    height: auto;
    padding: 20px 0px;
    padding-left: 27px;
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Gotham-Book';
    text-align: center;
}
.topoEmail a{
    color: #3d3d3d;
}
.topoEmail.rodape {
    width: 180px;
    margin: auto;
    padding-top: 34px;
    position: absolute;
    margin-left: 223px;
}
@media screen and (min-width: 1366px){
  .conteiner-menu{
    width: 1200px;
    margin: auto;
  }
}
a.whatsFlu {
    width: calc(230px - 100px);
    display: inline-block;
    height: auto;
    color: #fff;
    background: #3d4882;
    position: fixed;
    right: -150px;
    bottom: 18vh;
    z-index: 1;
    font-family: 'Gotham-Book';
    font-size: 14px;
    line-height: 14px;
    padding: 25px 15px 35px 80px;
    border-bottom-left-radius: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.whatsFlu:hover {
    right: 0px;
}
a.whatsFlu:hover:after {
    right: 25px;
}
a.whatsFlu:after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 23px);
    left: 15px;
    cursor: pointer;
    z-index: 1;
    background: url(../images/assets/sprite.png) -289px -3px no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.orcamentoFlu {
    width: calc(230px - 100px);
    display: inline-block;
    height: auto;
    color: #fff;
    background: #3d4882;
    position: fixed;
    right: -155px;
    bottom: 30vh;
    z-index: 1;
    font-family: 'Gotham-Bold';
    font-size: 15px;
    line-height: 17px;
    padding: 25px 0px 25px 110px;
    border-bottom-left-radius: 15px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.orcamentoFlu:hover:after {
    left: 20px;
}
a.orcamentoFlu:after {
    content: "";
    width: 60px;
    height: 54px;
    position: absolute;
    top: calc(50% - 25px);
    left: 5px;
    cursor: pointer;
    z-index: 1;
    background: url(../images/assets/sprite.png) -299px -123px no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.orcamentoFlu:hover {
    right: 0px;
    box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.3), 10px 10px 10px -10px rgba(0, 0, 0, 0.6);
}
div#boxAddProduto.active {
  z-index: 1001;
  height: 100vh;
  opacity: 1;
}
div#boxAddProduto {
  background-color: rgba(170, 170, 170, 0.3);
  display: inline-block;
  height: 0%;
  width: 100vw;
  z-index: -1;
  position: fixed;
  top: 0px;
  left: 0px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#boxIdentificacao {
    height: 0;
    overflow: hidden;
}
header.blur, 
footer.blur, 
section.blur, 
.zoomContainer.blur {
    -webkit-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
/*     -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); */
}
header, 
footer, 
section {
    -webkit-transition: all 0.8s ease-in-out!important;
    -moz-transition: all 0.8s ease-in-out!important;
    -o-transition: all 0.8s ease-in-out!important;
    transition: all 0.8s ease-in-out!important;
    -webkit-transition-delay: 0s!important;
    -o-transition-delay: 0s!important;
    transition-delay: 0s!important;
}

body{
    width: 100%;
    overflow-x: hidden;

}
ul.breadcrumb{
  width: auto;
  height: auto;
  display: inline-block;
  float: right;
  position: absolute;
  z-index: 10;
  right: 0px;
}
ul.breadcrumb li{
  width: auto;
  float: left;
  color: #3d3d3d;
  font-family: 'Gotham-Book';
  line-height: 24px;
  font-size: 13px;
  padding: 10px 4px;
  height: 30px;
}
ul.breadcrumb a:hover{
    color: #364586;
}
ul.breadcrumb a{
  width: auto;
  font-size: 13px;
  line-height: 23px;
  color: #3d3d3d;
  float: left;
  font-family: 'Gotham-Book';
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
ul.breadcrumb li:first-of-type a:before{
  content: "";
  position: absolute;
  left: 5px;
  top: 3px;
  width: 30px;
  height: 25px;
  background: url(../images/assets/sprite.png) -197px -15px no-repeat;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}
ul.breadcrumb li:first-of-type a{
  padding: 0px;
  width: 30px;
  height: 25px;
  display: block;
  margin-top: -5px;
  position: relative;
  text-indent: -999000px;
}
div.paginacao{
/*     width: auto;
    margin: 40px auto 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;


    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;


    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center; */

    display: block;
    min-height: 40px;
    text-align: center;
    float: left;
    width: 100%;
    margin: 20px 0px;
}
section.videos .paginacao span.prev {
    margin-right: 10px;
}
section.videos .paginacao span.next {
    margin-left: 10px;
}
div.paginacao span:hover a,
div.paginacao span.ativo a{
    border-bottom: 2px solid #164072;
    color: #164072;
}
div.paginacao a{
    color: #3d4882;
    font-family: 'Gotham-Bold';
    font-size: 13px;
    width: 20px;
    text-align: center;
    line-height: 15px;
    margin: 5px;
    padding: 5px;
    border-bottom: 2px solid transparent;
    -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;
}


div.paginacao span:hover,
div.paginacao span.active{
    border-bottom: 2px solid #6d6e71;
    color: #164072;
}

div.paginacao span{
    color: #3d4882;
    font-family: 'Gotham-Bold';
    font-size: 20px;
    width: 20px;
    text-align: center;
    line-height: 15px;
    /* margin: 5px; */
    /* padding: 5px; */
    border: 0px!important;
    -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;
    cursor: pointer;
}

div.paginacao span.next{
  margin-left: 20px;
}
div.paginacao span.prev{
  margin-right: 20px;
}

form#perfil div.linha.senha_cad.clear{
  clear: left;
}
/*COMEÇO HEADER*/

header{
  width: 100%;
  height: auto;
  position: relative;
  display: block;
    float: left;
    z-index: 101;
    background: #ffffff;
}
header .conteudo{
  width: 980px;
  height: auto;
  display: block;
  margin: 0 auto; 
  /*border: 1px solid red;*/
} 

header div.top{
  /* background: #f9f9f9; */
  width: 100%;
  height: auto;
  display: inline-block;
  float: left;
  border-bottom: 1px solid #ebebeb;
}
header .top .telefone:after{
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 20px;
  left: 25px;
  background: url(../images/assets/sprite.png) -201px -40px no-repeat;
}
header .top .telefone{
  width: 144px;
  height: auto;
  padding: 20px 0px;
  padding-left: 65px;
  display: block;
  color: #3d3d3d;
  font-size: 16px;
  line-height: 16px;
  font-family: 'Gotham-Book';
  float: right;
  text-align: left;
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  position: relative;
}
header .top .telefone a:hover{
  color: #6d6e71;
}

header .top .telefone a{
  color: #3d3d3d;
}
header .top .formbusca{
  width: 340px;
  height: 57px;
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
}

header .top .formbusca input{
  font-size: 13px;
  color: #d9dde0;
  line-height: 25px;
  height: auto;
  float: left;
  font-family: 'Gotham-Book';
  border: 0px;
  padding-left: 20px;
  outline: none;
  width: calc(100% - 128px);
  background: #fafbfd;
  border: 1px solid #d9dde0;
  border-radius: 2px;
  position: relative;
  margin-top: 14px;
  margin-left: 55px;
  margin-bottom: -1px;
}
header .top .formbusca button:hover:after{
    /*font-size: 17px;*/
  /* -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); */
  -webkit-filter: invert(100%) brightness(0%);
  -o-filter: invert(100%) brightness(0%);
  filter: invert(100%) brightness(0%);
}
header .top .formbusca button i{
      -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header .top .formbusca button:after{
  content: "";
  width: 20px;
  height: 26px;
  background: url(../images/assets/sprite.png) -178px -14px no-repeat;
  position: absolute;
  top: 13px;
  left: 0px;
  cursor: pointer;
  z-index: 1;
}
header .top .formbusca button{
  z-index: 1;
  width: 30px;
  height: 100%;
  display: block;
  font-size: 20px;
  color: #f3646a;
  line-height: 36px;
  float: left;
  font-family: 'montserratbold';
  outline: none;
  border: 0px;
  cursor: pointer;
  padding: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: absolute;
  right: 50px;
  background: transparent;
}


header .top .menu-social{
  width: auto;
  height: 57px;
  display: block;
  font-size: 15px;
  line-height: 36px;
  float: left;
  font-family: 'montserratbold';
  float: left;
  border-right: 1px solid #ebebeb;
  padding-right: 20px;
  margin-left: -20px;
}

header .top .menu-social a{
    width: 25px;
    height: 40px;
    display: block;
    font-size: 17px;
    color: #636685;
    line-height: 36px;
    float: left;
    padding: 12px 8px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

header .top .menu-social a:hover{
  color: #3d3d3d;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

header .top div.entrar{
    width: 190px;
    min-height: 47px;
    display: block;
    float: right;
    font-family: 'montserratsemi_bold';
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /*overflow: hidden;*/

}



header .top div.entrar:hover{
  max-height: 500px;
}
header .top div.entrar a{
  letter-spacing: 2px;
}
header .top div.entrar a,
header .top div.logado a{
    width: 100%;
    height: 42px;
    display: block;
    font-size: 14px;
    color: #fff;
    background: #f1592a;
    line-height: 36px;
    float: right;
    padding-top: 5px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'montserratsemi_bold';
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

header .top div.entrar.active a
header .top div.logado.desk:hover a{
    background: #172f50;
    color: #fff;
}
header .top div.logado a.user:after {
  content: "";
    width: 12px;
    height: 6px;
    right: 10px;
    top: 20px;
    display: inline-block;
    position: absolute;
    background: url(../images/icon/seta-menu-logado.png) no-repeat center top;
    background-size: initial;
    overflow: hidden;
}
header .top div.logado.active  a.user{
  background: #172f50;
  
}
header .top div.logado.desk:hover a.user:after,
header .top div.logado.active a.user:after{
  background: url(../images/icon/seta-menu-logado.png) no-repeat center bottom;
  
}
header .top div.logado a.user{
    font-size: 12px;
    position: relative;
    background: #172f50;
    text-align: left;
    z-index: 100;
}
header .top div.logado {
  /*overflow: hidden!important;*/
    width: 190px;
    min-height: 47px;
    display: block;
    float: right;
    position: relative;
    z-index: 90;
    font-family: 'montserratsemi_bold';
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header .top div.logado div.sub{
  max-height: 0px;
    overflow: hidden;
    width: 100%;
    z-index: 100;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header .top div.logado div.sub a:hover{
    background: #f1592a;
}
header .top div.logado div.sub a:last-of-type{
  border-bottom: 0px;
}
header .top div.logado div.sub a{
  border-bottom: 1px solid rgba(255, 255, 255, 0.26);
    height: 35px;
    padding: 0px 0 0 20px;
    font-size: 12px;
    text-align: left;
    width: 100%;
    float: left;
    background: #213E66;
}
header .top div.logado img.user {
    float: left;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 100%;
    overflow: hidden;
    margin: 8px 10px 10px;
}
header .top div.logado.desk:hover div.sub,
header .top div.logado.active div.sub{
  max-height: 500px!important;
}
header .top div.entrar.active{
  overflow: initial;
}
header .top div.entrar.desk:hover div.login,
header .top div.entrar.active div.login{
  max-height: 500px;
  opacity: 1;
}
header .top div.entrar div.login{
  width: 300px;
  max-height: 0;
  opacity: 0;
  position: relative;
    z-index: 100;
  border: 1px solid #bdbdbd;
  display: block;
  float: right;
  background: #fff;
  overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header .top div.entrar div.login a.face:hover{
  background-color: #1F3B50
}
header .top div.entrar div.login a.face:after{
  content: "";
  width: calc(100% + 50px);
  height: 1px;
  position: absolute;
  bottom: -15px;
  left: -24px;
  background-color: rgba(189, 189, 189, 0.4);

}
header .top div.entrar div.login a.face{
    background-color: #00528a;
    color: #fff;
    width: calc(100% - 50px);
    padding: 2px;
    margin: 15px auto;
    float: none;
    height: 38px;
    text-transform: inherit;
  position: relative;
}
header .top div.entrar div.login form.esqueci-senha{
  max-height: 0px;
}
header .top div.entrar div.login.active form.esqueci-senha{
  max-height: 200px;
}
header .top div.entrar div.login.active form.login{
  max-height: 0px;
}
header .top div.entrar div.login form{
  width: 100%;
  max-height: 200px;
  padding-top: 5px;
  display: block;
  overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header .top div.entrar div.login input.email{
  background: url(../images/icon/login-user.png) 15px center no-repeat;
}
header .top div.entrar div.login input.senha{
  background: url(../images/icon/login-senha.png) 15px center no-repeat;
}
header .top div.entrar div.login input{
  font-size: 11px;
    color: #959595;
    float: none;
    line-height: 36px;
    height: 36px;
    display: block;
    padding: 0px 40px;
    font-family: 'montserratregular';
    letter-spacing: 2px;
    border: 2px solid rgba(189, 189, 189, 0.49);
    outline: none;
    margin: 15px auto!important;
    width: calc(100% - 130px);
}


header .top div.entrar div.login button.entrar,
header .top div.entrar div.login button.recuperar{    
  width: 100%;
    height: 42px;
    display: block;
    font-size: 14px;
    color: #fff;
    background: #f1592a;
    line-height: 36px;
    float: none;
    margin: 0 auto;
    padding-top: 0px;
    border: 0px;
    outline: none;
    width: calc(100% - 50px);
    text-align: center;
    text-transform: uppercase;
    font-family: 'montserratsemi_bold';
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
header .top div.entrar div.login button.entrar:hover,
header .top div.entrar div.login button.recuperar:hover{
    background: #172f50;
    color: #fff;
}

header .top div.entrar div.login span.esqueci-senha{
  font-family: 'roboto_light';
    font-size: 10px;
    color: #172f50;
    width: 100%;
    text-align: center;
    float: none;
    display: block;
    line-height: 30px;
    cursor: pointer;
}

header .top div.entrar div.login span.linha{
    font-family: 'Gotham-Book';
    font-size: 9px;
    color: #959595;
    width: 50%;
    text-transform: uppercase;
    text-align: center;
    float: none;
    display: block;
    line-height: 30px;
    cursor: pointer;
    margin: 0 auto;
    position: relative;
}
header .top div.entrar div.login span.linha:after {
  content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 14px;
    left: 150px;
    background-color: rgba(189, 189, 189, 0.4);
}
header .top div.entrar div.login span.linha:before {
  content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 14px;
    left: -150px;
    background-color: rgba(189, 189, 189, 0.4);
}
header .top div.entrar div.login a.crie_face:hover{
  background-color: #172f50;
  color: #fff;
}
header .top div.entrar div.login a.crie_face{
  font-family: 'roboto_medium';
  font-size: 12px;
    background-color: #00528a;
    color: #fff;
    width: calc(100% - 50px);
    padding: 2px 0px;
    margin: 5px auto 15px;
    float: none;
    height: 38px;
    text-transform: inherit;
    position: relative;
}
header .top div.entrar div.login a.crie:hover{
    background-color: #f1592a;
}
header .top div.entrar div.login a.crie{
  font-family: 'montserratsemi_bold';
    font-size: 11px;
    background-color: #172f50;
    color: #fff;
    text-transform: uppercase;
    width: calc(100% - 50px);
    padding: 5px 0px;
    margin: 5px auto;
    float: none;
    height: 38px;
    display: block;
    text-align: center;
    position: relative;
}

header .logo,footer .logo{
  width: 185px;
  height: 60px;
  display: block;
  float: left;
  position: relative;
  top: 15px;
  left: 50px;
  /* margin-top: 20px; */
}
header .logo a,footer .logo a {
  width: 100%;
  height: 100%;
  display: block;
  margin-top: 0px;
}
header .logo.active span.bg-logo,
header .logo:hover span.bg-logo,
footer .logo.active span.bg-logo,
footer .logo:hover span.bg-logo{
    max-width: 100%;
    min-height: 60px;
    /* border: 2px solid #172f50; */
    border-radius: 0px;
    opacity: 1;
    margin-left: -10px;
}
header .logo.active span.icon-logo,
header .logo:hover span.icon-logo,
footer .logo.active span.icon-logo,
footer .logo:hover span.icon-logo{
  opacity: 1;
  -webkit-transform: translate3d(0px,30px,0px) scale(1);
  -moz-transform: translate3d(0px,30px,0px) scale(1);
  -ms-transform: translate3d(0px,30px,0px) scale(1);
  -o-transform: translate3d(0px,30px,0px) scale(1);
  transform: translate3d(0px,30px,0px) scale(1);
  transition-delay: 0.4s;
    /*transform: scale(1);*/
}

header .logo.active span.bg-logo,
header .logo:hover span.bg-logo,
footer .logo.active span.bg-logo,
footer .logo:hover span.bg-logo{
  opacity: 1;
  -webkit-transform: translate3d(8px,0px,0px) scale(1.0);
  -moz-transform: translate3d(8px,0px,0px) scale(1.0);
  -ms-transform: translate3d(8px,0px,0px) scale(1.0);
  -o-transform: translate3d(8px,0px,0px) scale(1.0);
  transform: translate3d(8px,0px,0px) scale(1.0);
  transition-delay: 0.4s;
    /*transform: scale(1);*/
}
header .logo span.icon-logo,
footer .logo span.icon-logo{
  max-width: 50px;
  min-height: 50px;
  display: block;
  margin: 0;
  opacity: 0;
  background: url(../images/icon/icon-logo.svg) -12px top no-repeat;
    background-size: 100%;
  -webkit-transform: translate3d(-70px,30px,0px) scale(1.2);
  -moz-transform: translate3d(-70px,30px,0px) scale(1.2);
  -ms-transform: translate3d(-70px,30px,0px) scale(1.2);
  -o-transform: translate3d(-70px,30px,0px) scale(1.2);
  transform: translate3d(-70px,30px,0px) scale(1.2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /*transform: scale(1.2);*/
    z-index: 50;

}
header .logo span.bg-logo,
footer .logo span.bg-logo{
  background: url(../images/icon/bg-logo.svg) 5px 0px no-repeat;
  background-size: 100% auto;
  background-position: center;
  display: block;
  /* max-width: 50px; */
  /* max-height: 60px; */
  margin: 0px auto 0px;
  border: 0px solid #172f50;
  opacity: 0;
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 2;

}

@-webkit-keyframes aparece {
    0% {    
      opacity: 0;
  }
    100% {    
      opacity: 1; 
  }
}
@-moz-keyframes aparece {
    0% {    
      opacity: 0;
  }
    100% {    
      opacity: 1; 
  }
}
@-o-keyframes aparece {
    0% {    
      opacity: 0;
  }
    100% {    
      opacity: 1; 
  }
}
@keyframes aparece {
    0% {    
      opacity: 0;
  }
    100% {    
      opacity: 1; 
  }
}
@-webkit-keyframes sobe {
    0% {    
    transform: translate3d(0px,0px,0px);
  }
    100% {    
    transform: translate3d(0px,-30px,0px);
  }
}
@-moz-keyframes sobe {
    0% {    
    transform: translate3d(0px,0px,0px);
  }
    100% {    
    transform: translate3d(0px,-30px,0px);
  }
}
@-o-keyframes sobe {
    0% {    
    transform: translate3d(0px,0px,0px);
  }
    100% {    
    transform: translate3d(0px,-30px,0px);
  }
}
@keyframes sobe {
    0% {    
    transform: translate3d(0px,0px,0px);
  }
    100% {    
    transform: translate3d(0px,-30px,0px);
  }
}


nav.menu{
  width: auto;
  height: 100px;
  display: block;
  float: right;
}
nav.menu ul {
  width: auto;
  height: 50px;
  margin: 0 auto;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  margin-left: 0px;
  margin-right: -10px;
}
nav.menu ul:first-of-type li:first-of-type a img{
  margin-top: 10px;
}
nav.menu ul:first-of-type li:first-of-type a{
  padding: 0px;
  background: url('../images/assets/sprite.png') -197px -15px no-repeat;
  width: 30px;
  height: 25px;
  display: block;
  margin-top: -5px;
}
nav.menu ul li{
  display: block;
  width: auto;
  height: auto;
}
nav.menu ul li a:hover,
nav.menu ul li a.active{
  color: #6d6e71;
}
nav.menu ul li a{
  font-family: 'Gotham-Book';
  font-size: 13px;
  line-height: 36px;
  color: #3d3d3d;
  float: left;
  padding: 6px 12px 10px 12px;
  position: relative;
  margin-left: 10px;
}





header div.carrinho {
  width: 185px;
  height: auto;
  float: right;
  display: block;
  margin-top: 0px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid #3e3d81;
  margin-top: 15px;
  margin-right: 60px;
}

/* header div.carrinho.desk:hover a.ver-orcamento:after,
header div.carrinho.active a.ver-orcamento:after{
    background: url(../images/icon/seta-carrinho.png) left bottom no-repeat;

}
header div.carrinho a.ver-orcamento:after{
    content: "";
    width: 8px;
    height: 8px;
    background: url(../images/icon/seta-carrinho.png) left top no-repeat;
    background-size: 8px;
    display: block;
    top: 15px;
    right: 20px;
    position: absolute;
  
}
header div.carrinho.desk:hover a.ver-orcamento:before,
header div.carrinho.active a.ver-orcamento:before{
    opacity: 1;
}
header div.carrinho a.ver-orcamento:before{
    content: "";
    width: 43px;
    height: 23px;
    position: absolute;
    top: 22px;
    display: block;
    right: -3px;
    background: url(../images/icon/seta-lista-carrinho.png) left top no-repeat;
    background-size: contain;
    z-index: 80;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  
} */
header div.carrinho a.ver-orcamento{
  font-family: 'Gotham-Book';
  font-size: 13px;
  line-height: 24px;
  color: #3d3d3d;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-align: center;
  display: block;
  position: relative;
}
/* header div.carrinho:hover {
  background: #02325b;
}
header div.carrinho:hover a{
  color: #fff;
} */
header div.carrinho.desk a.ver-orcamento:hover,
div.carrinho.active a.ver-orcamento{
    background: #02325b;
    color: #fff;

}
header div.carrinho a.ver-orcamento.desk:hover span.num,
div.carrinho.active a.ver-orcamento span.num{
    background: #172f50;

}
header div.carrinho a.ver-orcamento span.num{
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    position: absolute;
    background: #f1592a;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: -5px;
    left: 15px;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;


    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;

}

/*header div.lista-carrinho:after{
    content: "";
    width: 43px;
    height: 23px;
    position: absolute;
    top: -22px;
    display: block;
    right: -4px;
    background: url(../images/icon/seta-lista-carrinho.png) left top no-repeat;
    background-size: contain;
  
}*/
header div.lista-carrinho{
    display: block;
    position: relative;
    /* z-index: 10; */
    margin-top: 7px;
    width: 300px;
    max-height: 0px;
    background: #fff;
    /* border: 1px solid #bdbdbd; */
    z-index: -1;
    opacity: 0;
    float: right;
    overflow: hidden;
    /* margin-right: 5px; */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header div.carrinho.desk:hover div.lista-carrinho,
header div.carrinho.active div.lista-carrinho{
    min-height: 100px;
    max-height: 700px;
    opacity: 1;
    z-index: 10;
    border: 1px solid #bdbdbd;
}

header div.carrinho div.lista-carrinho span.top{
    font-family: 'montserratsemi_bold';
    font-size: 11px;
    color: #bdbdbd;
    height: 28px;
    text-transform: uppercase;
    border-bottom: 1px solid #bdbdbd;
    letter-spacing: 2px;
    display: block;
    padding: 10px 0 0 25px;
    width: calc(100% - 25px);
}

header div.carrinho div.lista-carrinho .listaProdutos.verCarrinho::-webkit-scrollbar-track{
/*     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
    opacity: 0; */
}
header div.carrinho div.lista-carrinho .listaProdutos.verCarrinho::-webkit-scrollbar{
    width: 8px;
}
header div.carrinho div.lista-carrinho .listaProdutos.verCarrinho::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: rgb(23, 47, 80);
}

header div.carrinho div.lista-carrinho .listaProdutos.verCarrinho{
    width: 100%;
    max-height: 300px;
    min-height: 95px;
    overflow-y: auto;
}

header div.carrinho div.lista-carrinho span.bottom b{
  color: #172f50;
}
header div.carrinho div.lista-carrinho span.bottom{
    font-family: 'montserratsemi_bold';
    font-size: 14px;
    color: #bdbdbd;
    height: 28px;
    text-transform: uppercase;
    /*border-top: 1px solid #bdbdbd;*/
    letter-spacing: 2px;
    display: block;
    padding: 10px 0 0 25px;
    width: calc(100% - 25px);
    float: left;
}

header div.carrinho div.lista-carrinho a.ver-tudo,
header div.carrinho div.lista-carrinho a.fechar-pedido{
    font-family: 'montserratsemi_bold';
    font-size: 14px;
    color: #fff;
    background: #f1592a;
    height: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    padding: 10px;
    width: calc(40% - 20px);
    float: left;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header div.carrinho div.lista-carrinho a.ver-tudo:hover,
header div.carrinho div.lista-carrinho a.fechar-pedido:hover{
    color: #fff;
    background: #172f50;
}
header div.carrinho div.lista-carrinho a.fechar-pedido{
    width: calc(100% - 20px);
    /* width: calc(60% - 20px); */
}

header div.carrinho.desk:hover div.lista-carrinho .linha,
header div.carrinho.active div.lista-carrinho .linha{
  opacity: 1;
  -webkit-transform: translate3d(0px,0px,0px);
  -moz-transform: translate3d(0px,0px,0px);
  -ms-transform: translate3d(0px,0px,0px);
  -o-transform: translate3d(0px,0px,0px);
  transform: translate3d(0px,0px,0px);
}

header div.carrinho div.lista-carrinho .linha{
  width: 100%;
  display: block;
  float: left;
  position: relative;
    border-bottom: 1px solid #bdbdbd;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  
  opacity: 0;
  -webkit-transform: translate3d(-350px,0px,0px);
  -moz-transform: translate3d(-350px,0px,0px);
  -ms-transform: translate3d(-350px,0px,0px);
  -o-transform: translate3d(-350px,0px,0px);
  transform: translate3d(-350px,0px,0px);
}


header div.carrinho.desk:hover div.lista-carrinho .linha:nth-child(2),
header div.carrinho.active div.lista-carrinho .linha:nth-child(2){
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

header div.carrinho.desk:hover div.lista-carrinho .linha:nth-child(3),
header div.carrinho.active div.lista-carrinho .linha:nth-child(3){
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

header div.carrinho.desk:hover div.lista-carrinho .linha:nth-child(4),
header div.carrinho.active div.lista-carrinho .linha:nth-child(4){
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

header div.carrinho.desk:hover div.lista-carrinho .linha:nth-child(5),
header div.carrinho.active div.lista-carrinho .linha:nth-child(5){
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

header div.carrinho.active div.lista-carrinho .linha div.produ{
  width: 80px;
  height: 100%;
  float: left;
  display: block;
}
header div.carrinho div.lista-carrinho .linha div.produ img{
  float: left;
  display: block;
  width: 80px;
  height: auto;
  padding-top: 10px;
}
header div.carrinho div.lista-carrinho .linha div.cont{
  width: calc(100% - 120px);
  height: 100%;
  float: left;
  display: block;
}
header div.carrinho div.lista-carrinho .linha h1.nome-prod{
    font-family: 'montserratregular';
    font-size: 11px;
    line-height: 12px;
    color: #959595;
    width: calc(100% - 40px);
    float: left;
    height: auto;
    padding: 20px 20px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
header div.carrinho div.lista-carrinho .linha span.valor{
    font-family: 'montserratbold';
    font-size: 11px;
    color: #172f50;
    width:calc(100% - 40px);
    float: left;
    display: block;
    height: auto;
    padding: 5px 20px 5px;
}
header div.carrinho div.lista-carrinho .linha span.uni{
    font-family: 'montserratbold';
    font-size: 11px;
    color: #878787;
    width:calc(100% - 40px);
    float: left;
    display: block;
    height: auto;
    padding: 0px 20px 0px;
}


header div.carrinho div.lista-carrinho .linha a.edit,
header div.carrinho div.lista-carrinho .linha a.del  {
    width: 30px;
    display: block;
    float: left;
    position: absolute;
    color: #172f50;
    font-size: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header div.carrinho div.lista-carrinho .linha a.edit:hover,
header div.carrinho div.lista-carrinho .linha a.del:hover  {
    color: #e82930;
}
header div.carrinho div.lista-carrinho .linha a.edit {
    top: 20px;
    right: 40px;

}
header div.carrinho div.lista-carrinho .linha a.del {
    top: 20px;
    right: 10px;
}
header div.carrinho div.lista-carrinho .linha p.semProd{
    font-family: 'montserratsemi_bold';
    font-size: 16px;
    line-height: 24px;
    color: #164072;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    width: calc(100% - 27px);
    padding: 7px 7px 7px 20px;

}
header div.carrinho div.lista-carrinho .linha a.contCam {
    color: #fff;
    outline: none;
    border: 0px;
    display: block;
    width: calc(100% - 130px);
    height: auto;
    line-height: 13px;
    padding: 15px 30px;
    font-family: 'montserratregular';
    letter-spacing: 1px;
    font-size: 11px;
    margin: 5px auto;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: url(../images/icon/icon-addCar.png) 20px center no-repeat #00af92;
}
header div.carrinho div.lista-carrinho .linha a.contCam:hover {
    background: url(../images/icon/icon-addCar.png) 20px center no-repeat #172f50;
}

div.menu-bottom{
  width: 100%;
  height: 58px;
  display: block;
  float: left;
  background: #364586;
  position: relative;
}

div.menu-bottom ul{
  width: 980px;
  min-height: 50px;
  height: auto;
  margin: 0 auto;
  position: relative;


  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;


  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;


  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: initial;
  z-index: 1;
}
div.menu-bottom ul li {
    display: block;
    width: auto;
    height: auto;
    z-index: 1;
    /* min-width: 155px; */
    /* position: relative; */
}
div.menu-bottom ul li:hover {
    z-index: 3;
}
div.menu-bottom ul:first-of-type li:first-of-type a{
  /* padding-left: 0px; */
}
div.menu-bottom ul:last-of-type li:last-of-type a{
  /* padding-right: 0px; */
}
div.menu-bottom ul li:hover a span.seta {
    opacity: 1;
}
div.menu-bottom ul li a span.seta:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0px;
  left: calc(50% - 8px);
  cursor: pointer;
  z-index: 1;
  background: url('../images/assets/sprite.png') -170px -40px no-repeat;
}
div.menu-bottom ul li a span.seta {
    width: calc(100% - 0px);
    left: 0px;
    bottom: -3px;
    height: 12px;
    margin: 0px auto 0px;
    display: block;
    text-align: center;
    position: absolute;
    opacity: 0;
    z-index: 2;
/*     -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg); */
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /* background: url('../images/icon/seta-sub-menu.png') center top no-repeat; */
}
div.menu-bottom ul li:hover ul.sub:after {
  max-height: 400px;
  min-height: 400px;
  opacity: 1;
}
div.menu-bottom ul li ul.sub:after {
  /* content: ""; */
  width: 100%;
  max-height: 0px; 
  left: -50%;
  background: #fff;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0px;
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 2px solid #173f70;
  border-top: 0px;

}
div.menu-bottom ul li:hover ul.sub {
  max-height: 400px;
  min-height: 399px;
  opacity: 1;
  -webkit-box-shadow: : 0px 0px 70px -30px #000;
  box-shadow: : 0px 0px 70px -30px #000;
  border-top: 0px;
  /* overflow: initial!important; */
  z-index: 2;
    
}
footer div.menu-bottom ul li ul.sub {
  bottom: 50px!important;
  top: initial!important;  
  z-index: -1;
}
footer div.menu-bottom ul li ul.sub .dir{
  border-top: 2px solid #173f70;
  margin-top: -2px;
  border-bottom: 0px;
}
footer div.menu-bottom ul li:hover ul.sub:after {
  max-height: 400px;
  min-height: 399px;
  opacity: 1;
  border-top: 2px solid #173f70;
  top: -2px;
}
footer div.menu-bottom ul li:hover ul.sub {
  border-bottom: 0px;
  border-top: 2px solid #364586;
  bottom: 50px!important;
  top: initial!important;
}
div.menu-bottom ul li ul.sub{
  width: calc(100vw - 0px);
  display: block;
  opacity: 0;
  max-height: 0px;
  min-height: 0px;
  overflow: hidden;
  position: absolute;
  /* left: calc(0% - 470px); */
  left: 0px;
  background: #fff;
  top: 58px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 2px solid #173f70;

  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
  background: #fafbfd;
}


div.menu-bottom ul li:hover ul.sub.final{
  padding: 30px 0px 60px;
  max-height: 900px;
}
div.menu-bottom ul li ul.sub.final div.box{
  border: 1px solid #e0e1e3;
  width: calc(100% / 4 - 41px);
  float: left;
  padding: 0px 20px 20px;
  height: 200px;
  overflow: hidden;
  position: relative;
  margin-left: -1px;
  margin-bottom: -1px;
}

div.menu-bottom ul li ul.sub.final div.box ul.lista li{
    width: calc(100% - 40px);
}
div.menu-bottom ul li ul.sub.final div.box ul.lista{
    height: calc(100% - 50px);
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
}

div.menu-bottom ul li ul.sub.final div.box:first-child ul.lista{
  height: calc(100% - 45px);
}
div.menu-bottom ul li ul.sub.final div.box:first-child{
  height: 422px;
}

div.menu-bottom ul li ul.sub div.top{
  width: 100%;
  height: 80px;
  display: block;
  border: 0px;
}

div.menu-bottom ul li ul.sub div.top span.cat {
font-family: 'montserratsemi_bold';
    font-size: 12px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 20px 15px 40px;
    width: calc(100% - 60px);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    float: left;
    letter-spacing: 2px;
    -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

div.menu-bottom ul li ul.sub .esq, 
div.menu-bottom ul li ul.sub .dir {
    width: 50%;
    float: left;
    display: block;
    position: relative;
    height: 400px;
}
div.menu-bottom ul li ul.sub span.titulo{
    color: #3d3d3d;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Gotham-Bold';
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}
div.menu-bottom ul li ul.sub .dir {
    width: calc(50vw - 30px);
    position: absolute;
    right: 0%;
    background: #fff;
    border-bottom: 2px solid #173f70;
}
div.menu-bottom ul li ul.sub ul.lista {
    width: 100%;
    display: block;
    margin: 15px 0px 0px;
    height: calc(100% - 60px);
}


div.menu-bottom ul li ul.sub  ul.lista li {
  padding: 5px 20px;
  float: left;
  width: calc(50% - 40px);
  color: #173f70!important;
}
div.menu-bottom ul li ul.sub  ul.lista li a:after {
  content: ">";
  min-width: 17px;
  min-height: 100%;
  position: absolute;
  bottom: calc(50% - 7px);
  left: 7px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-size: 100% auto;
}
div.menu-bottom ul li ul.sub  ul.lista li a:hover:after {
    left: 4px;
}
div.menu-bottom ul li ul.sub  ul.lista li a:hover {
  color: #000;
  background: transparent!important;
  font-weight: bold;
}
div.menu-bottom ul li ul.sub  ul.lista li a {
  background: none!important;
  padding: 0px 0px;
  font-family: 'Gotham-Book';
  width: 100%;
  font-size: 13px;
  line-height: 15px;
  height: auto;
  color: #3d3d3d;
  text-transform: none;
  margin: 0px;
  letter-spacing: 0px;
  padding-left: 22px;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transform: translate3d(-20px,0px,0px);
  -moz-transform: translate3d(-20px,0px,0px);
  -ms-transform: translate3d(-20px,0px,0px);
  -o-transform: translate3d(-20px,0px,0px);
  transform: translate3d(-20px,0px,0px);
}


div.menu-bottom ul li ul.sub.cat{
  width: 100%!important;
}
div.menu-bottom ul li:hover ul.sub.cat{
  width: 100%!important;
    max-height: 900px;
    min-height: 285px;
    /*padding-bottom: 100px;*/
    opacity: 1;
}
div.menu-bottom ul li ul.sub.cat ul.lista{
    width: calc(25% - 91px);
    float: left;
    height: 140px;
    /*overflow: hidden;*/
    padding: 10px 45px;
    border-right: 1px solid #bdbdbd;
    margin: 20px 0px;
    position: relative;
}
div.menu-bottom ul li ul.sub.cat div.box{
    width: calc(25% - 91px);
    float: left;
    height: 140px;
    /*overflow: hidden;*/
    padding: 10px 45px;
    border-right: 1px solid #bdbdbd;
    margin: 20px 0px;
    position: relative;
}
div.menu-bottom ul li ul.sub.cat div.lista{
    width: 100%;
    float: left;
    height: 90px;
    overflow: hidden;
    padding: 0px;
    border-right: 0px!important;
    margin: 0px;
    position: relative;
}
div.menu-bottom ul li ul.sub.cat a.sub_top:hover,
div.menu-bottom ul li ul.sub.cat a.sub_bottom:hover {
    text-decoration: underline!important;
    color: #4e4d4d;
    padding-left: 5px;
    background: transparent!important;
}
div.menu-bottom ul li ul.sub.cat a.sub_top:before,
div.menu-bottom ul li ul.sub.cat a.sub_bottom:before,
div.menu-bottom ul li ul.sub.cat div.lista a:before{
    content: none;
}
div.menu-bottom ul li ul.sub.cat a.sub_top {
    text-transform: uppercase;
    color: #172f50;
    font-family: 'montserratsemi_bold';
    font-size: 14px;
    line-height: 30px;
    display: block;
    background: transparent!important;
    padding: 0px;
    width: 100%;
}
div.menu-bottom ul li ul.sub.cat a.sub_bottom {
    text-transform: uppercase;
    color: #f1592a;
    font-family: 'montserratbold';
    font-size: 14px;
    line-height: 30px;
    display: block;
    background: transparent!important;
    padding: 0px;
    width: 100%;
}
div.menu-bottom ul li ul.sub.cat div.lista a:before {
    text-decoration: underline!important;
    padding-left: 5px;
}
div.menu-bottom ul li ul.sub.cat div.lista a:hover {
    text-decoration: underline!important;
    padding-left: 5px;
    background: transparent!important;
}
div.menu-bottom ul li ul.sub.cat div.lista a {
    background: none!important;
    padding: 0px;
    font-family: 'montserratregular';
    width: 90%;
    font-size: 13px;
    line-height: 20px;
    height: auto;
    color: #a1a0a0;
    text-transform: none;
    margin: 0px;
    letter-spacing: 0px;
}
div.menu-bottom ul li ul.sub.cat:after{
    /*content: "";*/
    height: 1px;
    width: calc(100% - 60px);
    left: 30px;
    bottom: 51.5%;
    background: #bdbdbd;
    position: absolute;
}


div.menu-bottom ul li ul.sub.cat li.borda{
    display: block;
  width: 100%;
    height: auto;
    float: left;
}
div.menu-bottom ul li ul.sub.cat li.borda:nth-child(1n){
  border-bottom: 1px solid #bdbdbd;
    display: block;
  width: 100%;
    height: auto;
    float: left;
}
div.menu-bottom ul li ul.sub.cat li.borda:last-of-type{
    border: 0px;
}
div.menu-bottom ul li ul.sub.cat li ul.lista:nth-child(4n){
    border-right: 0px;
}
div.menu-bottom ul li ul.sub.cat li div.box:nth-child(4n){
  border-right: 0px;
}
div.menu-bottom ul li ul.sub.cat ul.lista li{
  width: 100%;
  display: block;
  padding: 0px;
  margin: 0px;
}
div.menu-bottom ul li ul.sub.cat ul.lista li:first-of-type a{
  text-transform: uppercase;
  color: #172f50;
    font-family: 'montserratsemi_bold';
    font-size: 14px;
    line-height: 36px;
    display: block;
}
div.menu-bottom ul li ul.sub.cat ul.lista li:last-of-type {
    position: absolute;
    bottom: -10px;
}
div.menu-bottom ul li ul.sub.cat ul.lista li:last-of-type a{
  text-transform: uppercase;
  color: #f1592a;
    font-family: 'montserratbold';
    font-size: 13px;
    line-height: 24px;
    display: block;
}
div.menu-bottom ul li ul.sub.cat ul.lista li {
  width: 100%;
  display: block;
  padding: 0px;
  margin: 0px;
}
div.menu-bottom ul li ul.sub.cat ul.lista li a:after {
  display: none;
}
div.menu-bottom ul li ul.sub.cat ul.lista li a:hover {
  text-decoration: underline!important;
    color: #4e4d4d;
    padding-left: 5px;
}
div.menu-bottom ul li ul.sub.cat ul.lista li a {
    background: none;
    padding: initial;
    font-family: 'montserratregular';
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    height: auto;
    color: #a1a0a0;
    text-transform: none;
    margin: 0px;
    letter-spacing: 0px;
}

div.menu-bottom ul li:hover ul.sub .dir .produ {
  background-position: left center;
  background-size: auto 101%;
  height: 100%;
}
div.menu-bottom ul li ul.sub .dir .produ {
    width: 100%;
    height: 100%;
    display: block;
    background-size: auto 100%;
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;

}

div.menu-bottom ul li ul.sub div.top span.cat img.icon {
    float: left;
    margin-right: 20px;
    height: 38px;
    width: auto;
}

div.menu-bottom ul li:hover a,
div.menu-bottom ul li.is-active:hover a {
  /*background: #f1592a;*/
  /* background: rgb(65, 93, 132)!important; */

}
div.menu-bottom ul li:last-of-type a:before {
  /* opacity: 0; */
}


div.menu-bottom ul li a:before {
  content: "";
  width: 12px;
  height: 9px;
  display: block;
  left: calc(100% - 30px);
  position: absolute;
  top: 47%;
  margin-left: 11px;
  z-index: 1;
  background: url(../images/assets/sprite.png) -85px -176px no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.menu-bottom ul li:hover a:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
div.menu-bottom ul li a {
  width: auto;
  min-width: 130px;
  font-family: 'Gotham-Book';
  font-size: 15px;
  line-height: 15px;
  color: #fff;
  height: 50px;
  /* float: left; */
  padding: 5px 25px 0px;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  /* display: block; */
  text-align: center;

  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;


  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;

  /* letter-spacing: 2px; */
  /* border-bottom: 4px solid #ed1c24; */
  /* border-right: 1px solid rgba(255, 255, 255, 0.3)!important; */
}
div.menu-bottom ul li:last-of-type a{
  /* padding-right: 0px; */
}

div.menu-bottom ul li a:hover:after,
div.menu-bottom ul li.is-active a:hover:after {
    content: none;
}
div.menu-bottom ul li a:after {
    width: 17px;
    height: 8px;
    /* background: url(../images/icon/seta-menu-bottom.png) left top no-repeat; */
    display: block;
    bottom: 0px;
    right: calc(50% - 10px);
    position: absolute;
}
div.menu-bottom ul li:nth-child(2) a:after {
  background-position: -17px top;
}
div.menu-bottom ul li:nth-child(3) a:after {
  background-position: -34px top;
}
div.menu-bottom ul li:nth-child(4) a:after {
  background-position: -51px top;
}
div.menu-bottom ul li:nth-child(5) a:after {
  background-position: -68px top;
}

div.menu-bottom ul li:nth-child(6) a:after {
  background-position: -85px top;
}
div.menu-bottom ul li:nth-child(7) a:after {
  background-position: -102px top;
}
div.menu-bottom ul li:nth-child(8) a:after {
  background-position: -119px top;
}
div.menu-bottom ul li:nth-child(8) a{
  /* border-right: 0px!important; */
}
div.menu-bottom ul li.cat a:after{
    content: none;
}
div.menu-bottom ul li.cat a:before{
    content: "";
    width: 8px;
    height: 8px;
    background: url(../images/icon/seta-header-menu-bottom.png) left top no-repeat;
    background-size: 8px;
    display: block;
    top: 22px;
    right: 15px;
    position: absolute;
}
div.menu-bottom ul li.cat:hover a:before{
    background: url(../images/icon/seta-header-menu-bottom.png) left bottom no-repeat;

}

ul.lista li a:before{
    content: none!important;
}
/*FIM HEADER*/

/*COMEÇO LISTA DE PRODUTOS*/
a.carrinho-flutuante span{
    font-family: 'montserratsemi_bold';
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    position: absolute;
    background: #f1592a;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 0px;
    right: 10px;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
a.carrinho-flutuante{
    position: fixed;
    top: 90%;
    right: 10px;
    z-index: 1000;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: url(../images/icon/carrinho-flutuante.png) center center no-repeat #172f50;
}

ul.lista-produtos .owl-prev{
    width: 56px;
    height: 56px;
    border-radius: 50px;
    display: block;
    text-decoration: none;
    z-index: 2;
    position: absolute;
    cursor: pointer;
    text-indent: -9999px;
    top: 100px;
    left: 0px;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    background: url(../images/assets/seta-banner.png) no-repeat 0px 0px !important;
}
ul.lista-produtos .owl-next{
    width: 56px;
    height: 56px;
    border-radius: 50px;
    display: block;
    text-decoration: none;
    z-index: 2;
    position: absolute;
    cursor: pointer;
    text-indent: -9999px;
    top: 100px;
    right: 0px;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    background: url(../images/assets/seta-banner.png) no-repeat -56px 0px !important;
}

ul.lista-produtos li{
    width: calc(25% - 5px);
    display: block;
    float: left;
    border-top:10px solid; 
    position: relative;
    /* overflow: hidden; */
    border-right: 0px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-right: 3px;
    min-height: 310px;
    max-height: 310px;
    border: 0px;
}
ul.lista-produtos li.indisponivel {
    opacity: 0.6;
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
ul.lista-produtos li.indisponivel a {
    cursor: default;
}
ul.lista-produtos li.indisponivel:hover .prod-img img {
    -webkit-transform: scale(0.9)!important;
    -moz-transform: scale(0.9)!important;
    -ms-transform: scale(0.9)!important;
    -o-transform: scale(0.9)!important;
    transform: scale(0.9)!important;
}
ul.lista-produtos li:nth-child(4n){
	width: 25%;
    border-right: 0px!important;
}


ul.lista-produtos li:hover .prod-img img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

ul.lista-produtos .prod-img{
    width: 90%;
    height: 240px;
    margin: 0 auto;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;

    /*border: 1px solid red;*/

    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    
    overflow: hidden!important;

    background-repeat: no-repeat;
    background-position: center;
    
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
ul.lista-produtos .prod-img img{
	width: auto;
	margin: 0 auto;
	display: block;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}


ul.lista-produtos .addCar:before{
    content: "";
    width: 80%;
    height: 1px;
    position: absolute;
    top: 0%;
    left: 10%;
    background: #bdbdbd;
    z-index: 1;

}
ul.lista-produtos .addCar{
    width: auto;
    height: auto;
    padding: 5px;
    display: block;
    position: relative;
    margin: 0 auto;
}
ul.lista-produtos .addCar span{
    width: 27px;
    height: 27px;
    padding: 5px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    border: 2px solid #172f50;
    position: relative;
    z-index: 2;
    text-indent: -9999px;
    background: url(../images/assets/add-car.png) 3px 5px no-repeat #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);

}
ul.lista-produtos li:hover .addCar span{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	border: 2px solid #f1592a;
	background: url(../images/assets/add-car.png) 3px -27px no-repeat #fff;
	
}

ul.lista-produtos li:hover .bottom-sub{
  min-height: 50px;
  max-height: 250px;
}

ul.lista-produtos li .bottom-sub p{
  padding: 30px;
  width: calc(100% - 60px);
  overflow: scroll;
  max-height: 100px;
}
ul.lista-produtos li .bottom-sub{
  width: calc(100% - 10px);
  margin: 0 10px;
  min-height: 0px;
  max-height: 0px;
  background: #2fb8f2;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  display: block;
  z-index: 10;
  position: relative;
  font-family: 'DINRoundPro-Medi';
  color: #f5e6c5;
}
ul.lista-produtos li:hover .bottom{
  background: #129fdb;
}
ul.lista-produtos li:hover .bottom .more{
    background: url(../images/assets/bg-lista-perguntas.png) center bottom no-repeat #f57300;
}
ul.lista-produtos li .bottom:before{
  content: "";
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #f57300;
  z-index: 1;
}
ul.lista-produtos li .bottom .more{
    width: 40px;
    height: 23px;
    position: absolute;
    top: calc(25%);
    right: 0px;
    z-index: 1;
    background: url(../images/assets/bg-lista-perguntas.png) center top no-repeat #f57300;
}
ul.lista-produtos li .bottom{
    position: relative;
    display: inline-block;
    text-align: center;
    width: calc(100% - 55px);
    background: #2c4090;
    color: #f5e6c5;
 
    margin: 0 10px;
    height: 40px;
    padding: 5px 40px 5px 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;


    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;


    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
ul.lista-produtos .produ-nome{
  overflow: hidden;
  font-family: 'nickname_demoregular';
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  padding: 0px;
  max-height: 40px;
  display: block;
  overflow: hidden;
  width: 100%;
  font-size: 20px;
  line-height: 20px;
}





/*FIM LISTA DE PRODUTOS*/




/*COMEÇO FOOTER*/

footer{
	width: 100%;
	height: auto;
	position: relative;
	display: block;
    float: left;
    z-index: 10;
    background: #ffffff;
}
footer .conteudo{
  width: 980px;
  height: auto;
  display: block;
  margin: 0 auto; 
  /*border: 1px solid red;*/
} 
footer .conteudo .esq,
footer .conteudo .dir{
  width: 50%;
  height: auto;
  float: left;
  display: block;
}
footer .conteudo .esq p {
  display: inline-block;
  /* margin-left: 50px; */
}

footer .logo.active span.bg-logo{
  margin-top: 10px;
}

footer div.menu-bottom ul li a{
    border-bottom: 0px;
}
footer div.menu-bottom ul li ul.sub{
    bottom: 55px!important;
    top: auto!important;
}

footer div.menu-bottom ul li ul.sub div.top {
    position: absolute;
    bottom: 0px;
}
footer .conteudo .dir span.conheca{
  font-size: 13px;
  line-height: 16px;
  font-family: 'montserratregular';
  color: #fff;
  float: right;
  display: inline-block;
  padding-top: 10px;
  width: 100%;
  text-align: right;
  margin-right: 40px;
  margin-top: 25px;
}
footer .conteudo .dir .selos{
  float: right;
  margin: 0px 13px;
  min-height: 80px;
  text-align: center;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;


  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;


  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}

footer div.menu-bottom ul li:hover ul.sub.cat{
	 padding-bottom: 100px;
}
footer div.menu-bottom ul li ul.sub.cat:after {
    bottom: 60%;
}
footer .baixo {
  width: 100%;
  display: block;
  background: #00427a;
  height: auto;
  float: left;
}
footer div.top {
  background: #fff;
  width: 100%;
  height: auto;
  display: inline-block;
  float: left;
  padding: 0px;
  /* border-bottom: 1px solid #bdbdbd; */
}
footer .conteudo .esq {
    padding-top: 15px;
}
footer .top .tel {
  border-right: 1px solid #f5e6c5;
}

footer .top .esq p a{
  color: #fff;
}
footer .top .esq p a.tel{
  padding: 0 10px;
  padding-left: 0px;
}
footer .top .esq p a.tel:last-child{
  border-right: 0px solid #f5e6c5;
  padding-left: 6px;
}
footer .top .esq p a:hover {
  color: #cb2128;
}
footer .top .esq p {
  width: 100%;
  height: auto;
  display: block;
  text-align: left;
  color: #fff;
  padding-top: 10px;
  font-size: 14px;
  line-height: 20px;
  font-family: 'montserratsemi_bold';
  /* letter-spacing: 1px; */
  float: left;
  margin-bottom: 25px;
  padding-left: 30px;
}
footer .top .ende {
  position: relative;
}
footer .top .ende:before {
  content: "";
  width: 20px;
  height: 25px;
  display: block;
  position: absolute;
  top: 10px;
  left: 0px;
  background: url('../images/assets/sprite.png') -126px -14px no-repeat;
}
footer .top .menu-social {
    width: auto;
    height: 48px;
    display: block;
    font-size: 15px;
    color: #f1592a;
    line-height: 36px;
    float: left;
    font-family: 'montserratbold';
    float: left;
    /* border-left: 1px solid #bdbdbd; */
}
footer .top .telefone:after{
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 20px;
  left: 25px;
  background: url(../images/assets/sprite.png) -201px -40px no-repeat;
}
footer .top .telefone{
  width: 144px;
  height: auto;
  padding: 20px 0px;
  padding-left: 65px;
  display: block;
  color: #3d3d3d;
  font-size: 16px;
  line-height: 16px;
  font-family: 'Gotham-Book';
  float: right;
  text-align: left;
  /* border-right: 1px solid #ebebeb; */
  /* border-left: 1px solid #ebebeb; */
  position: relative;
  margin-top: 12px;
  margin-right: 30px;
}
footer .top .telefone a:hover{
  color: #6d6e71;
}

footer .top .telefone a{
  color: #3d3d3d;
}
header .top .formbusca{
  width: 340px;
  height: 57px;
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
}
footer .conteudo._baixo {
    /* background: red; */
    display: block;
    width: 100vw;
    height: 50px;
    overflow: hidden;
    padding-bottom: 1px;
    border: 1px solid #ececec;
}
footer .top .menu-social a {
    width: 30px;
    height: 40px;
    display: block;
    font-size: 15px;
    color: #163f71;
    line-height: 36px;
    float: left;
    padding: 8px 4px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

footer .top .menu-social a:hover {
    color: #f1592a;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}


footer .logo-ag {
  position: relative;
  width: 70px;
  height: 50px;
  display: block;
  float: right;
  margin-right: -20px;
  margin-top: 15px;
}

footer .logo-ag a:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
footer .logo-ag a {
  width: 100%;
  height: 37px;
  background-image: url(../images/logo-red-blue.svg);
  background-size: auto 70px;
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  margin: -10px auto 0;
  text-decoration: none;
  text-indent: -9999px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  filter: invert(100%);
  opacity: 0.3;
}
footer .logo-ag span {
    font-family: 'Gotham-Book';
    font-size: 12px;
    float: left;
    position: absolute;
    left: -60px;
    top: 2px;
    color: #3d3d3d;
}
footer .logo-ag ._top {
    display: none;
}
footer p.ende {
    color: #3d3d3d;
    font-family: 'Gotham-Book';
    font-size: 13px;
    display: inline-block;
    float: left;
    margin-top: 19px;
    margin-left: 70px;
    padding-left: 20px;
    position: relative;
}
footer p.ende:before{
  content: "";
  width: 20px;
  height: 25px;
  display: block;
  position: absolute;
  top: -4px;
  left: -14px;
  background: url(../images/assets/sprite.png) -125px -12px no-repeat;
}
footer p.ende a{
  color: #3d3d3d;
  font-family: 'Gotham-Book';
  font-size: 13px;
}

footer div.seg img{
	display: block;
	float: left;
	width: auto;
	height: auto;
}
footer div.card span{
    display: inline-block;
    width: 100%;
    height: auto;
    color: #616060;
    font-size: 10px;
    line-height: 20px;
    font-family: 'montserratregular';
}
footer div.card img{
	display: block;
	float: left;
	width: auto;
	height: auto;
}
footer .logo {
  height: 80px;
  margin-top: 0px;
  width: 140px;
}
footer .logo a{
  height: 100%;
}
footer nav.menu{
  height: 80px;
  margin-top: -5px;
  margin-right: -30px;
}
footer nav.menu ul{
  margin-top: 20px;
}
footer ._baixo .menu-social {
  width: auto;
  height: 50px;
  display: block;
  font-size: 15px;
  color: #f1592a;
  line-height: 36px;
  float: left;
  font-family: 'montserratbold';
  float: left;
  /* border-left: 1px solid #bdbdbd; */
  margin-left: -15px;
}
footer ._baixo .menu-social a {
  width: 30px;
  height: 40px;
  display: block;
  font-size: 17px;
  color: #636685;
  line-height: 36px;
  float: left;
  padding: 8px 7px 0;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
footer ._baixo .menu-social a:hover {
    color: #3d3d3d;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
/*FIM FOOTER*/

/*MODAL EXCLUIR CONTA*/
.ui-dialog-buttonset button.ui-button.ui-corner-all.ui-widget {
    background: #f1592a;
    color: #fff;
    outline: none;
    border: 0px;
    display: block;
    width: calc(50% - 10px);
    height: 35px;
    line-height: 15px;
    float: right;
    padding: 10px;
    margin-right: 0px;
    font-family: 'montserratregular';
    font-size: 12px;
    cursor: pointer;
    margin-top: 0px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#jSuccess{
    font-family: 'Gotham-Book';
    font-size: 13px!important;
    line-height: 15px!important;
    z-index: 1;
}
#jError{
    font-family: 'Gotham-Book';
    font-size: 13px!important;
    line-height: 15px!important;
    z-index: 1;
}
#jOverlay{
    /* background: rgba(170, 170, 170, 0.6)!important;
    opacity: 1!important;
    z-index: 1001; */
}
.ui-dialog-buttonset button.ui-button.ui-corner-all.ui-widget:last-of-type {
    margin-right: 10px;
}
.ui-dialog-buttonset button.ui-button.ui-corner-all.ui-widget:hover {
    background: #172f50;
}
.ui-dialog-buttonset {
    width: 100%;
    height: auto;
    padding-top: 5px;
}
.ui-dialog .ui-dialog-titlebar-close{
    display: none;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    background: #43546b;
    color: #fff;
    padding: 10px;
    margin: -4px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: montserratbold;
    font-size: 12px;
    padding: 6px;
    text-transform: uppercase;
}
div#dialog-confirm {
    font-family: 'Gotham-Book';
    font-size: 15px;
    line-height: 15px;
    color: #43546b;
    display: block;
    margin-bottom: 20px;
    width: 100%;
    height: 40px!important;
    padding-top: 30px;
}
/*MODAL EXCLUIR CONTA*/



/* BOX FORMULARIO */

div.boxFormulario.active {
    z-index: 1001;
    height: 100vh;
    opacity: 1;
}
div.boxFormulario {
    background-color: transparent;
    display: inline-block;
    height: 0%;
    width: 100vw;
    z-index: -1;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div.boxFormulario:before {
    content: "";
    width: 100%;
    left: 0px;
    height: 100%;
    z-index: -1;
    display: inline-block;
    top: 0px;
    position: absolute;
    opacity: 0.8;
    background: #364586;
}
div.boxFormulario div.fecha {
    width: 100vw;
    height: 100vh;
    display: inline-block;
    cursor: pointer;
    z-index: 9950;
}
div.boxFormulario.active div.cont {
  opacity: 1;
  /* min-height: 500px; */
  max-height: 100vh;
  overflow-y: auto;
}


div.boxFormulario div.cont {
  opacity: 0;
  width: 700px;
  min-height: 0px;
  max-height: 0px;
  position: fixed;
  top: 15%;
  left: calc(50% - 700px / 2);
  background: #fff;
  z-index: 10000;
  border-radius: 0px;
  /* overflow: hidden; */
  border: 1px solid #bdbdbd;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  /* overflow-y: auto; */
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
div.boxFormulario.relatorio div.cont {
  width: 800px;
  left: calc(50% - 400px);
}
div.boxFormulario i.fecha {
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
    background: #fff;
    z-index: 10005;
    display: block;
    color: #716e6e;
    float: right;
    position: absolute;
    text-align: center;
    font-size: 29px;
    border-radius: 20px;
    cursor: pointer;
}
div.boxFormulario .cont span.titulo {
  width: calc(100% - 0px);
  display: block;
  padding: 0px 0px;
  font-size: 25px;
  text-transform: uppercase;
  line-height: 30px;
  /* letter-spacing: 1px; */
  font-family: 'Gotham-Medium';
  color: #3d3d3d;
  -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;
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 70px 0px 50px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
div.boxFormulario .cont span.titulo span.sub {
    width: calc(100% - 0px);
    display: block;
    padding: 0px 0px;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 0px;
    font-family: 'DINRoundPro-Light';
    color: #717171;
    -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;
    position: relative;
    z-index: 2;
    text-align: center;
    text-transform: initial;
    font-weight: 100;
    margin-top: 10px;
}
div.boxFormulario .cont span.titulo strong {
    font-weight: 900;
}
div.boxFormulario div.cont .baixo {
  width: calc(100% - 200px);
  height: auto;
  display: inline-block;
  float: left;
  padding: 30px 100px;
  padding-top: 0px;
  /* padding-bottom: 0px; */
}


div.boxFormulario div.cont .lista {
    width: calc(100% - 60px);
    max-height: 250px;
    display: inline-block;
    float: left;
    padding: 30px;
    padding-top: 0px;
    overflow-y: auto;
}

div.boxFormulario div.cont .lista div.l span a.down:hover {
    background: #fff;
    color: #052738;
}
div.boxFormulario div.cont .lista div.l span a.down {
  background: #052738;
  font-family: "lato";
  display: block;
  padding: 2px 20px;
  line-height: 24px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  max-width: 100px;
  text-align: center;
  display: block;
  float: right;
  margin-right: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.boxFormulario div.cont .lista div.l span{
  font-family: 'open_sansregular';
  font-size: 14px;
  line-height: 23px;
  text-transform: inherit;
  color: #fff;
  padding: 10px 10px 10px 0px;
  float: left;
  min-height: 10px;
  display: block;
  text-align: left;
}
div.boxFormulario div.cont .lista div.l:hover,
div.boxFormulario div.cont .lista div.l:hover:nth-child(2n+1) {
    background: #4c4b4b;
}
div.boxFormulario div.cont .lista div.l{
  background: #727272;
  width: 100%;
  display: block;
  float: left;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.boxFormulario div.cont .lista div.l.f,
div.boxFormulario div.cont .lista div.l.f:hover{
  background: transparent!important;
}
div.boxFormulario div.cont .lista div.l:nth-child(2n+1) {
  background: #919191;
}
div.boxFormulario div.cont .lista div.l span:nth-child(1) {
    width: calc(10% - 20px);
    padding-left: 10px;
    text-align: center;
}
div.boxFormulario div.cont .lista div.l span:nth-child(2) {
    width: calc(40% - 20px);
    padding-left: 10px;
}
div.boxFormulario div.cont .lista div.l span:nth-child(3) {
    width: calc(20% - 20px);
    padding-left: 10px;
}
div.boxFormulario div.cont .lista div.l span:nth-child(4) {
    width: calc(30% - 20px);
    padding-left: 10px;
}
div.boxFormulario div.cont .lista div.h span{
  color: #4b4b4b;
  text-transform: uppercase;
}
div.boxFormulario div.cont .baixo span.rela b.icon{
  margin-top: -20px;
  position: relative;
  display: block;
  float: right;
  font-size: 50px;

}
div.boxFormulario div.cont .baixo span.rela {
    float: left;
    width: 200px;
    font-family: 'latobold';
    font-size: 30px;
    line-height: 30px;
    padding-top: 20px;
    color: #052738;
    position: relative;
}
div.boxFormulario div.cont .baixo span.logado b.icon{
  margin-top: -20px;
  position: relative;
  display: block;
  float: right;
  font-size: 50px;

}


div.boxFormulario div.cont .baixo span.logado b.icon{
  margin-top: -4px;
  position: relative;
  display: block;
  float: left;
  font-size: 35px;
  width: 40px;
  color: #052738;

}
div.boxFormulario div.cont .baixo span.logado {
  float: right;
  width: 200px;
  font-family: 'open_sansregular';
  font-size: 14px;
  line-height: 14px;
  padding-top: 20px;
  color: #1a1a1a;
  position: relative;
}
div.boxFormulario div.cont .baixo .linha {
    width: calc(100% / 2 - 0px);
    float: left;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    max-height: 50px;
}
div.boxFormulario div.cont .baixo .linha.full{
    width: calc(100% / 1 - 0px);
    max-height: 200px;
}
div.boxFormulario div.cont form#formForm {
    width: calc(100% - 60px);
    font-family: robotoblack;
    font-size: 30px;
    margin-bottom: 5px;
    display: inline-block;
    color: #132b4c;
    padding: 40px 30px 0px;
    text-align: center;
}
div.boxFormulario div.cont .baixo .linha div.box-select {
    width: 100%;
    display: inline-block;
    position: relative;
}
div.boxFormulario div.cont .baixo .linha div.box-select i {
    content: "";
    width: 13px;
    height: 18px;
    display: block;
    right: 18px;
    top: calc(50% - 14px);
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div.boxFormulario div.cont .baixo button#botao_contato{
    background: transparent;
    display: inline-block;
    color: #393939;
    font-family: 'Gotham-Book';
    font-size: 13px;
    line-height: 13px;
    border: 1px solid #3d3d3d;
    text-transform: uppercase;
    text-align: center;
    width: 150px;
    padding: 12px;
    z-index: 1;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    outline: 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;
    border-radius: 3px;
    margin: 10px calc(100% / 2 - 150px / 2);
}
div.boxFormulario div.cont .baixo button#botao_contato:hover {
    color: #fff;
    background: #364586;
}


div.boxFormulario div.cont .baixo .linha div.box-select label {
  outline: none;
  width: calc(100% - 50px);
  float: left;
  border: 1px solid #3d3d3d;
  resize: none;
  max-height: 70px;
  margin-bottom: 10px;
  margin-right: 20px;
  font-family: 'Gotham-Book';
  color: #3d3d3d;
  font-size: 13px;
  line-height: 14px;
  padding: 10px;
  padding-left: 30px;
  border-radius: 3px;
}
div.boxFormulario div.cont .baixo .linha div.box-select select {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    cursor: pointer;
    border-radius: 3px;
}
div.boxFormulario div.cont .baixo .linha b.icon {
    float: left;
    width: 40px;
    color: #052738;
    margin-top: 8px;
}
div.boxFormulario div.cont .baixo .linha input {
  color: #3d3d3d;
  font-size: 13px;
  line-height: 13px;
  padding: 10px;
  outline: none;
  width: calc(100% - 50px);
  float: left;
  border: 0px;
  border: 1px solid #3d3d3d;
  resize: none;
  max-height: 70px;
  margin-bottom: 10px;
  margin-right: 20px;
  font-family: 'Gotham-Book';
  padding-left: 30px;
  border-radius: 3px;
}
div.boxFormulario div.cont .baixo .linha textarea{
  color: #3d3d3d;
  font-size: 13px;
  line-height: 13px;
  padding: 10px;
  outline: none;
  width: calc(100% - 50px);
  float: left;
  border: 0px;
  border: 1px solid #3d3d3d;
  resize: none;
  max-height: 70px;
  margin-bottom: 10px;
  margin-right: 20px;
  font-family: 'Gotham-Book';
  padding-left: 30px;
  outline: none;
  resize: none;
  height: 125px;
}
div.boxFormulario div.cont .baixo form.orcamento {
    display: inline-block;
    width: 100%;
    height: auto;
}
div.boxFormulario div.cont .baixo button.confirmar {
  font-family: 'latobold';
  width: 150px;
  height: auto;
  display: inline-block;
  color: #fff;
  line-height: 36px;
  padding: 0px 35px;
  text-align: center;
  border-radius: 5px;
  margin: 6px auto 0px;
  font-size: 16px;
  float: none;
  cursor: pointer;
  background-image: url(../images/assets/login.png);
  background-repeat: no-repeat;
  background-position: calc(0% + 5px) center;
  background-color: #052738;
  border: 1px solid transparent;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-right: 0px;
}
div.boxFormulario div.cont .baixo button.confirmar:hover {
    color: #052738;
    /* background: url(../images/assets/login.png) calc(0% + 5px) center no-repeat #fff; */
    /* border: 1px solid #2b2b2b; */
    background-image: url(../images/assets/login.png);
    background-repeat: no-repeat;
    background-position: calc(0% + 5px) center;
    background-color: #2b2b2b;
}
/* FIM BOX FORMULARIO */


/*RESPONSIVO*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 0px) 
and (max-width : 414px) {
    a.orcamentoFlu,
    a.whatsFlu{
      /*display: none*/
    }
    ul.lista-produtos li{
        width: 70%;
        margin: 0 auto;
        float: none;
        border-right: 0px!important;
    }
    section#banner #banner_principal div.banners_textos{
        width: 80%!important;
        margin: 0 calc(100% - 370px)!important;
    }
    footer ._baixo .menu-social{
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;


      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;


      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      margin: 0 auto;
    }
    footer .logo-ag {
      width: 68px;
      margin: 7px calc(100% / 2 - 72px) 0px;
      margin-right: 0;
    }
    footer .conteudo._baixo{
        border: 0 !important; 
    }
    footer .top .esq p {
      width: calc(100% - 20%);
      margin: 0px 10% 25px;
      float: none;
      text-align: center;
      line-height: 20px;
      display: block;
      padding: 0px;
    }
    
    header div.carrinho a.ver-orcamento:after{
      left: calc(50vw - 126px);
    }
  .mobile.mob-sub-menu ul li ul.sub.is-active ul.lista li {
    width: 100%;
  }
  div.menu-bottom ul li ul.sub ul.lista li a{
    padding-left: 0px!important;
    -webkit-transform: translate3d(0px,0px,0px);
    -moz-transform: translate3d(0px,0px,0px);
    -ms-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px);
    transform: translate3d(0px,0px,0px);
  }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 415px) 
and (max-width : 768px) {
    header div.carrinho{
      margin: 0px;
    }
    header .logo.active span.bg-logo, 
    header .logo:hover span.bg-logo{
      min-height: 90px;
    }
    section.home .boxOrcamento,
    section.home div.box-face{
      width: 450px;
      margin: 0 calc(100% / 2 - 450px / 2) 10px;
    }
    footer p.ende{
      width: calc(100% - 400px);
      margin-bottom: 30px;
      margin-left: 50px;
    }
    section#banner #banner_principal div.banners_textos{
        width: 330px!important;
        margin: 0 calc(65% - 270px)!important;
    }
    a.orcamentoFlu, a.whatsFlu {
      /*display: none;*/
    }


}

@media only screen 
and (min-width : 760px) 
and (max-width : 1024px) {

}
@media only screen 
and (min-width : 0px) 
and (max-width : 768px) {
    section#banner .top{
      width: 90%!important;
      margin: 0 5%;
    }
    .mobile.mob-top-menu {
        display: block;
    }

    footer .conteudo{
      width: calc(100% - 0px)!important;
      display: block;
      padding: 0px 0px;
      height: auto;
      display: inline-block;
    }

    footer div.seguranca{
        margin-top: 10px!important;
    }
    footer div.card{
        min-width: 50px!important;
        margin-top: 10px!important;
        width: 140px;
        float: left;
        margin-left: 10px;
    }

    footer .logo-ag a{
            margin: 10px auto 0;
    }
    footer .logo-ag span{
        position: relative;
        left: -60px;
        top: 20px;
    }
    
    footer .top .telefone{
      width: 230px;
      text-align: center;
      padding: 20px;
      margin: 0px calc(100% / 2 - 155px);
    }
    footer div.menu-bottom,
    section.home div.facebook{
        display: none!important;
    }

    section.home .conteudo .top{
        padding: 0 15px;
        width: calc(100% - 30px)!important;
    }
	.mobile.mob-sub-menu.is-active ul{
    max-height: 450px;
    opacity: 1;
    margin-top: 0px;
    padding-top: 0px;
    padding: 0px 10px;
    width: calc(100% - 20px)!important;
    overflow: scroll!important;
    display: block!important;
	}
  div.menu-bottom ul li a:before{
    opacity: 0;
  }
	.mobile.mob-sub-menu{
		display: block;
	}
	div.menu-bottom ul.menu{
		display: none;
	}
    .mobile.mob-sub-menu .hamburger:after {
      content: "CATEGORIAS";
      font-family: 'Gotham-Book';
      font-size: 10px;
      line-height: 53px;
      letter-spacing: 4px;
      color: #fff;
      text-transform: uppercase;
      position: relative;
      position: relative;
      left: -80vw;
      width: 70vw;
      margin-left: 20px;
      padding-left: 10px;
      top: -37px;
      /* background: red; */
      display: inline-block;
      text-align: center;
    }
	.mobile.mob-sub-menu .hamburger{
      width: 38px;
      margin: 0px;
      margin-top: 9px;
      float: right;
      position: relative;
	}
	.mobile.mob-sub-menu span.line {
        background: #fff!important;
        float: left;
        display: inline-block;
        width: 34px;
        height: 3px;
        margin: 2px 0;
        position: relative;
	}
	.owl-carousel .owl-controls {
	    width: 100%!important;
	    height: 70%!important;
	    top: 40%!important;
	}
	html{
		width: 100vw!important;
		height: auto!important;
		display: inline-block;
		overflow-x: hidden!important;
	}
    section .conteudo{
        width: 100%!important;
    }
	header .conteudo {
	    width: 100%;
	    height: auto;
	    display: block;
	    margin: 0 auto;
	}
	header .top .telefone,header .top .menu-social,a.btn-busca,
	nav.menu{
		display: none!important;
	}


  header .logo, footer .logo {
    width: 140px;
    height: 90px;
    display: block;
    float: left;
    margin-left: 20px;
    top: 0;
    left: 0;
  }
  header .logo a span.icon-logo, footer .logo a span.icon-logo {
      padding-top: 15px;
  }
  a.box-flutuante{
    display: none;
  }


  footer div.top{
    height: auto;
    border-top: 2px solid #173f70;
  }
  footer .conteudo._baixo {
    width: calc(100% - 60px)!important;
    display: block;
    padding: 0px 30px;
    height: auto;
    display: inline-block;
    border-bottom: 0px;
  }


  footer .logo {
    width: 130px;
    height: 70px;
    display: block;
    float: none;
    margin-left: 20px;
    margin: 10px auto 0px;
  }
  div.menu-bottom ul li ul.sub:after{
    opacity: 0!important;
  }

}


.erroConteudo{
    float:left;width:100%;height:150px;text-align:center;padding-top:150px;font-family:'Gotham-Book';color:#717171;
}

.semResultados{
    color: #717171;
    font-family: 'Gotham-Book';
    font-size: 14px; 
    text-align: left;
    padding: 5px;
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 10px 0px; 
}

.boxLinha{
    float: left;
    width: 100%;
}




div.produOpt.active{
    opacity: 1;
    min-height: 360px;
    max-height: 600px;
    /* border-radius: 30px; */
}
div.produOpt .prod-inf {
    display: inline-block;
    height: auto;
    width: 100%;
}
div.produOpt .linha {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}
div.produOpt .linha:nth-child(2n+1) {
    /* background: #efefef; */
    padding-top: 5px;
    border-top: 1px solid rgba(23, 47, 81, 0.4);
    margin-top: 15px;
}
div.produOpt{
    opacity: 0;
    width: 900px;
    min-height: 0px;
    max-height: 0px;
    position: fixed;
    top: 25%;
    left: calc(50% - 450px);
    background: #fff;
    z-index: 10000;
    border: 1px solid #bdbdbd;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
div.produOpt span.fecha:hover{
    /* border: 2px solid #f1592a; */
    color: #f1592a;
    /* -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); */
}
div.produOpt span.fecha{
    position: absolute;
    top: 10px;
    right: 10px;
    background: #fff;
    color: #164072;
    padding: 15px 0px;
    padding-top: 0px;
    /* border-radius: 60px; */
    cursor: pointer;
    width: 35px;
    height: 20px;
    text-align: center;
    /* border: 2px solid #f1592a; */
    font-family: 'montserratsemi_bold';
    font-size: 17px;
    line-height: 36px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div.produOpt .prod-inf h1 {
font-family: 'montserratsemi_bold';
    font-size: 16px;
    line-height: 36px;
    color: #f1592a;
    width: calc(100% - 40px);
    display: inline-block;
    padding: 20px;
    text-transform: uppercase;
    padding-bottom: 0px;
    margin-bottom: 20px;
}
div.produOpt .prod-inf span.info {
    font-family: 'montserratsemi_bold';
    font-size: 20px;
    line-height: 20px;
    color: #164072;
    width: calc(100% - 40px);
    display: inline-block;
    padding: 20px;
    padding-top: 0px;
}
div.produOpt .produ {
    width: 55%;
}
div.produOpt .cont {
    width: calc(42% - 20px);
    padding: 0 20px 0px 0px;
}
div.produOpt .produ, div.produOpt .cont {
    /* width: 50%; */
    display: block;
    float: left;
    position: relative;
    text-align: center;
    height: 270px;
}
div.produOpt .produ:after {
    content: "";
    position: absolute;
    border: 1px solid #c7c6c6;
    width: 80%;
    height: 100%;
    left: 10%;
}
div.produOpt .produ img{
    /* width: 60%; */
    height: 100%;
}

div.produOpt h2.unit-prod {
    font-family: 'montserratregular';
    font-size: 15px;
    line-height: 36px;
    color: #a6a4a4;
    display: inline-block;
    width: calc(100% - 20px);
    padding: 0px 10px;
    text-align: center;
}
div.produOpt h2.unit-prod span{
    color: #164072;
}
div.produOpt .cont img.prod {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
}
div.produOpt .cont .centro {
    position: relative;
    display: inline-block;
    padding: 0px;
    float: left;
    width: calc(100% - 0px);
    margin: 5px 0px 0 0px;
    /* border-radius: 20px; */
    overflow: hidden;
}
div.produOpt .cont .modelo {
    position: relative;
    width: calc(100% - 112px);
    padding: 0px;
    float: left;
    overflow: hidden;
    margin: 5px 20px 0 0px;
    display: block;
    height: 30px;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #bdbdbd;
    background: url('../images/icon/bg-select.png') calc(100% - 5px) center no-repeat #fff;
}
div.produOpt .cont .modelo label {
    float: left;
    font-family: 'montserratregular';
    font-size: 14px;
    line-height: 30px;
    color: #a6a4a4;
    text-align: center;
    display: inline-block;
    width: 100%;
}
div.produOpt .cont .modelo select {
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}
div.produOpt .cont .espec {
    position: relative;
    display: inline-block;
    width: calc(100% - 0px);
    margin: 10px 0px 0 0px;
    float: left;
    border: 1px solid #eee;
}
div.produOpt .cont .espec p{
    width: calc(100% - 102px);
    display: block;
    text-align: left;
    font-family: 'montserratregular';
    font-size: 14px;
    line-height: 24px;
    color: #a6a4a4;
    padding: 8px 90px 5px 10px;
    padding-bottom: 5px;
    position: relative;
    border: 1px solid #c7c6c6;
    border-top: 0px;
}
div.produOpt .cont .espec p:nth-child(2n+1) {
    background: #efefef;
}
div.produOpt .cont .espec p.active:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(255, 255, 0, 0.08);
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}
div.produOpt .cont .espec p span{
    color: #164072;
    display: block;
    text-align: center;
    float: right;
    position: absolute;
    top: 5px;
    right: 0px;
    width: auto;
    padding-right: 10px;
}
div.produOpt .cont .espec p span.valQuant {
    /* width: 50px!important; */
    display: block;
    float: left;
    /* text-align: left; */
    margin-right: 30px;
}

div.produOpt .cont .espec p span.tipo {
    /* width: 20px!important; */
    display: block;
    float: left;
    /* margin-right: 20px; */
    text-align: left;
}

div.produOpt .cont .espec h2.resu {
    font-family: 'montserratregular';
    font-size: 15px;
    line-height: 40px;
    color: #fff;
    display: inline-block;
    width: calc(100% - 20px);
    padding: 0px 10px;
    text-align: center;
    background: #164072;
    text-transform: uppercase;
}
div.produOpt a.verCar:hover {
    background: url(../images/icon/icon-addCar.png) 40px center no-repeat #F3592B;
}
div.produOpt a.verCar {
    color: #fff;
    outline: none;
    border: 0px;
    display: inline-block;
    width: calc(100% - 0px);
    float: left;
    height: auto;
    line-height: 13px;
    padding: 15px 0px 15px;
    font-family: 'montserratregular';
    letter-spacing: 1px;
    font-size: 11px;
    margin: 10px 0px 0px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: url(../images/icon/icon-addCar.png) 40px center no-repeat #164072;
}

div.produOpt .cont span.more:hover, 
div.produOpt .cont span.minus:hover {
    background: #00af92;
}
div.produOpt .cont span.more, 
div.produOpt .cont span.minus {
    width: 50px;
    background: #f1592a;
    display: block;
    height: 40px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
div.produOpt .cont span.more{
    float: right;
}
div.produOpt .cont span.minus{
    float: left;
}
div.produOpt .cont input.quant {
    width: calc(100% - 131px);
    height: calc(40px - 4px );
    color: #164072;
    text-align: center;
    padding-right: 30px;
    font-family: 'montserratregular';
    border: 1px solid #c7c6c6;
    border-right: 0px;
    border-left: 0px;
    float: left;
}
div.produOpt .cont span.dec {
    color: #164072;
    position: absolute;
    right: 60px;
    width: 35px;
    height: 40px;
    z-index: 1;
    font-family: 'montserratregular';
    font-size: 15px;
    line-height: 40px;
}

.produOpt.active:after {
    content: "";
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: -1;
    top: 0px;
    left: 0px;
}

.produOpt:after {
    content: "";
    width: 100vw;
    height: 0vh;
    position: fixed;
    z-index: 1;
    top: -10px;
    left: 0px;
    -webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;

-webkit-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}

/*FIM PRODUTO */



/*ENTRE EM CONTATO */
div.entre-em-contato.active{
  opacity: 1;
  height: 100vh;
  -webkit-transform: translate3d(0px,0vh,0px);
  -moz-transform: translate3d(0px,0vh,0px);
  -ms-transform: translate3d(0px,0vh,0px);
  -o-transform: translate3d(0px,0vh,0px);
  transform: translate3d(0px,0vh,0px);
}
div.entre-em-contato-bg.active{
  opacity: 1;
  z-index: 1001;
}
div.entre-em-contato-bg{
  width: 100vw;
  height: 100vh;
  display: block;
  background: rgba(44, 66, 144, 0.6);
  position: fixed;
  left: 0px;
  top: 0px;
  opacity: 0;
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;


  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;

  z-index: -1;
}
div.entre-em-contato{
  width: 100vw;
  height: 0vh;
  display: block;
  
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1002;
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;


  -webkit-transform: translate3d(0px,-200vh,0px);
  -moz-transform: translate3d(0px,-200vh,0px);
  -ms-transform: translate3d(0px,-200vh,0px);
  -o-transform: translate3d(0px,-200vh,0px);
  transform: translate3d(0px,-200vh,0px);
}
div.entre-em-contato span.titulo{
  font-family: 'nickname_demoregular';
  font-size: 44px;
  line-height: 44px;
  text-transform: uppercase;
  color: #2C4092;
  display: inline-block;
  float: left;
  width: 100%;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 50px;
}
div.entre-em-contato span.fecha:hover{
  background: #2C4092;
  color: #ee6c15;
}
div.entre-em-contato span.fecha{
  width: 40px;
  height: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  border-radius: 50%;
  text-align: center;
  background: #ee6c15;
  font-size: 30px;
  font-family: 'nickname_demoregular';
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

form#entre-em-contato{
    width: calc(980px - 200px);
    display: inline-block;
    margin: 10% calc(50% - 490px);
    background: #fff;
    padding: 80px 100px 50px;
    position: relative;
}
form#entre-em-contato h1{
    font-family: 'montserratsemi_bold';
    font-size: 16px;
    line-height: 16px;
    color: #a1a1a1;
    display: inline-block;
    float: left;
    text-align: left;
    width: 100%;
    text-transform: uppercase;
    margin: 40px 0px 5px;
}

form#entre-em-contato div.linha{
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

form#entre-em-contato div.linha.tipo_cad {
    width: calc(25% - 20px)!important;
    margin-right: 20px;
}
form#entre-em-contato div.linha.ap_cad {
    width: calc(25% - 20px)!important;
    float: left;
    margin-right: 20px;
}

form#entre-em-contato div.linha.nome_cad input{
    width: calc(100% - 45px)!important;
}
form#entre-em-contato div.linha.nome_cad {
    width: 50%!important;
    float: left;
}

form#entre-em-contato div.linha.email_cad {
    width: calc(50% - 0px)!important;
    float: left;
}


form#entre-em-contato div.linha.tel_cad {
    width: 50%!important;
    float: left;
    /* margin-right: 10px; */
}

/* form#entre-em-contato div.linha.tel_cad input:first-child{
    width: calc(25% - 20px)!important;
    float: left;
    margin-right: 10px;
}
form#entre-em-contato div.linha.tel_cad input:last-child{
    width: calc(60% - 20px)!important;
    float: left;
    margin-right: 10px;
} */

form#entre-em-contato div.linha.assunto_cad {
    width: 100%;
    float: left;
    /* margin-right: 20px; */
}

form#entre-em-contato div.linha.n_pedido_cad.ativo {
    opacity: 1;
    display: block;
}
form#entre-em-contato div.linha.n_pedido_cad {
    width: 20%!important;
    float: left;
    display: none;
    opacity: 0;
}

form#entre-em-contato div.linha.msn_cad {
    width: 100%!important;
    float: left;
    clear: left;
}
form#entre-em-contato div.linha.msn_cad textarea{
    width: calc(100% - 30px);
    font-family: 'nickname_demoregular';
    font-size: 18px;
    line-height: 18px;
    height: 120px;
    display: block;
    outline: none;
    resize: none;
    color: #2c4090;
    border: 2px dashed #2c4090;
    outline: none;
    padding: 15px 15px;
}

form#entre-em-contato div.linha.cep_cad input:first-child{
    width: calc(40% - 10px);
    margin-right: 10px;
    float: left;
}
form#entre-em-contato div.linha.cep_cad input:last-child{
    width: calc(31% - 0px);
    margin-right: 0px;
    float: left;
}

form#entre-em-contato div.linha.tel_cad input{
    margin-right: 0px;
    width: calc(100% - 45px)!important;
}

form#entre-em-contato button:hover{
    background: #172f50;
}
form#entre-em-contato button{
    background: #ee6c15;
    color: #f5e6c5;
    outline: none;
    border: 0px;
    display: block;
    width: 250px;
    height: 46px;
    line-height: 26px;
    float: left;
    padding: 10px 25px;
    font-family: 'nickname_demoregular';
    font-size: 24px;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: calc(50% - 125px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

form#entre-em-contato div.linha span{
    font-family: 'Gotham-Book';
    font-size: 13px;
    line-height: 14px;
    color: #2c4090;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}
form#entre-em-contato div.linha div.box-select{
    width: 100%;
    display: inline-block;
    position: relative;
}

form#entre-em-contato div.linha div.box-input{
    width: 100%;
    display: inline-block;
    position: relative;
}

form#entre-em-contato div.linha div.box-input input{
    width: calc(100% - 30px);
    font-family: 'nickname_demoregular';
    font-size: 18px;
    height: 18px;
    display: block;
    line-height: 10px;
    color: #2c4090;
    border: 2px dashed #2c4090;
    outline: none;
    padding: 15px 15px;
}
input::placeholder,
textarea::placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder{
    color: #3d3d3d!important;
}
input::placeholder,
textarea::placeholder{
    color: #3d3d3d!important;
}
form#entre-em-contato div.linha div.box-input input[type=radio]{
    float: left;
    width: 12px;
    display: block;
    margin: -1px 10px 0 0;
    border: 1px solid #2c4090;
}

form#entre-em-contato div.linha div.box-input label{
    width: 100%;
    font-family: 'montserratregular';
    font-size: 13px;
    height: 18px;
    display: block;
    line-height: 14px;
    color: #2c4090;
    outline: none;
    padding-top: 10px;
}

form#entre-em-contato div.linha div.box-select i {
    position: absolute;
    bottom: 8px;
    right: 10px;
    color: #2c4090;
}
form#entre-em-contato div.linha div.box-select label {
    width: calc(100% - 40px);
    font-family: 'montserratregular';
    font-size: 13px;
    text-transform: uppercase;
    height: auto;
    display: block;
    line-height: 10px;
    color: #2c4090;
    border: 1px solid #2c4090;
    outline: none;
    padding: 10px 25px 10px 15px;
}
form#entre-em-contato div.linha div.box-select select {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 10px;
    opacity: 0;
}


a.box-flutuante{
  display: none;
}

/*FIM ENTRE EM CONTATO */


@media screen and (max-width: 1633px){
  div.menu-bottom ul li a{
    min-width: 80px !important;
  }
}


@media only screen 
and (min-width : 0px) 
and (max-width : 768px) {
    div.boxFormulario.active div.cont{
        opacity: 1;
        min-height: 100%!important;
        max-height: 100%!important;
        top: 0px;
        border-radius: 0px!important;
        width: 100%;
        margin: 0px;
        left: 0px;
        overflow-y: auto;
    }
    div.boxFormulario div.cont .baixo {
      width: calc(100% - 40px);
      padding: 30px 20px;
    }
    body{
      padding-bottom: 10px;
    }
    a.flutuanteBox{
      width: calc(100vw - 22px);
      right: 0px;
      bottom: 0px;
      border-radius: 0px;
    }
    section.produto div.top-info{
      padding: 5px 20px;
      width: calc(100% - 40px);
    }
    footer ._baixo .menu-social{
      height: auto;
    }
     div.produOpt a.verCar{
        /* width: calc(50% - 64px); */
        background: url(../images/icon/icon-addCar.png) 20px center no-repeat #164072;
    }
    div.produOpt{
        width: 100vw!important;
        height: 100vh!important;
        margin: 0px!important;
        top: 0px;
        left: 0px;
    }
    div.produOpt.active{
        width: 100vw!important;
        margin: 0px!important;
        min-height: calc(100vh + -60px)!important;
        top: 0px;
        left: 0px;
        border-radius: 0px!important;
        border: 0px;
        overflow-y: scroll;
        padding-bottom: 60px;
    }

    img#zoom{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        max-width: 100%;
        max-height: 100%;
    }
    section.produto .conteudo {
        width: calc(100% - 40px)!important;
        padding: 0 20px;
    }

    section.produto .conteudo div.esq{
        width: 100%;
        margin-bottom: 50px;
    }
    section.produto .conteudo div.dir{
        width: 100%;
    }
    section.produto .conteudo div.prod-inf div.social-comp{
        float: left;
        clear: left;
        margin: 10px 10px 0px 0px;
    }
    section.produto .conteudo div.prod-inf div.social{
        float: left;
         margin: 10px 10px 0px 0px;
    }
    div.baixo ul.slider-combos .owl-controls, div.baixo ul.lista-produtos .owl-controls{
        left: 0%;
        top: inherit!important;
        bottom: -80%;
    }
    div.baixo ul.slider-combos .owl-buttons .owl-prev, div.baixo ul.lista-produtos .owl-buttons .owl-prev,
    div.baixo ul.slider-combos .owl-buttons .owl-next, div.baixo ul.lista-produtos .owl-buttons .owl-next{
       top: -230px!important;
    }
    ul.lista-img-produ.owl-carousel.owl-theme .owl-page {
        width: 85px!important;
        display: block!important;
        margin-bottom: 6px;
    }
    .zoomWindow {
        left: -3px!important;
        width: calc(100% - 5px)!important;
        height: 100%!important;
    }
    div.produOpt .cont span.dec{
        /* right: 25px; */
    }
    div.produOpt .produ{
        /* width: 40%; */
        text-align: center;
    }
    div.produOpt .cont{
        /* width: 60%; */
        /* margin-top: 30px; */
    }
    /* div.produOpt .cont .espec{
        width: calc(100% - 112px);
    } */
    div.produOpt h2.unit-prod{
        display: none;
    }
    div.menu-bottom ul li a span.seta{
        display: none;
    }

 


    header .top .formbusca{
      display: none;
    }
    header .top a.revendedor{
      margin: 0px;
      font-size: 10px;
      margin-right: 10px;
    }

    footer .conteudo .esq{
      width: 40%;
    }
    footer .conteudo .dir{
      width: 60%;
    }


    form#entre-em-contato{
      width: calc(100vw - 40px);
      height: calc(100vh - 100px);
      margin: 0px;
      padding: 80px 20px 100px;
      overflow-y: scroll;
    }
    footer .conteudo .dir .selos{
      margin: 0px 5px;
    }

}


@media only screen 
and (min-width : 0px) 
and (max-width : 416px) {
 section.home .marcas h3,section.home .blogCont span.til,section.home .produ h2{
    font-size: 17px !important;
  }
  ul.breadcrumb{
    position: relative;
  }
  .cat img {
    height: 96px;
  }
  section.home .marcas .box{
    height: 122px !important;
  }
  section.home .boxOrcamento{
    height: 80px;
  }
	section.home .boxOrcamento a.cot strong {
    font-size: 22px !important;
    margin-left: 40%;
	}
	section.home .blogCont{
		 margin-bottom: 0;
	}
	.conteiner-menu {
    padding: 0 !important;
	}
  section.home .produ .list-produ .box{
    width: calc(100% - 100px)!important;
    margin: 0px auto !important;
  }
	.topoEmail.rodape {
    width: auto;
    margin: auto;
    padding-top: 34px;
    position: relative;
    margin-left: 0;
    text-align: center;
	}
  a.ver-orcamento {
    margin-bottom: 10px;
  }
  header .logo.active span.bg-logo, 
  header .logo:hover span.bg-logo{
    min-height: 62px;
  }
  header .logo, footer .logo{
    height: 70px;
  }
  section.home .boxOrcamento{
    width: 100%!important;
    margin-bottom: 10px;
  }
  .topoEmail {
    height: auto;
    padding: 0;
    padding-left: 0;
  }
  footer p.ende {
    color: #3d3d3d;
    font-family: 'Gotham-Book';
    font-size: 13px;
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-left: 40px;
    padding-left: 20px;
    position: relative;
  }
    footer .top .esq p {
      padding-left: 50px;
      text-align: left;
      width: calc(100% - 30%);
      margin: 0px 12% 10px;
    }
    footer .conteudo .dir .selos{
      margin: 0px 10px; 
    }
    header .top .telefone,
    header .top .formbusca{
      display: none!important;
    }
    header div.carrinho {
      width: 100vw;
      margin: 0px;
      border: 0px;
    }
    header div.carrinho a.ver-orcamento{
      background: #3e3d81;
      color: #fff;
      padding: 6px 0px;
    }
    div.produOpt .produ:after{
        content: none;
    }
    div.produOpt .produ img {
        width: 80%;
        margin: 0 10%;
    }
    div.produOpt .prod-inf h1{
        padding-right: 80px!important;
        width: calc(100% - 80px);
        line-height: 24px;
        padding-bottom: 20px;       
    }
    div.produOpt .produ, div.produOpt .cont{
        width: 100%;
    }
    div.produOpt .cont{
        /* padding-left: 20px; */
        width: calc(100% - 0px);
        margin-top: 0px;
    }
    div.produOpt .cont .centro, div.produOpt .cont .modelo{
        width: calc(100% - 100px);
        margin: 5px auto;
        padding-left: 0px;
        float: left;
        margin-left: 50px;
    }
    div.produOpt h2.unit-prod{
        display: none;
    }
    .zoomWindow {
        left: -3px!important;
        width: calc(100% - 5px)!important;
        height: 100%!important;
    }
    div.produOpt .cont .espec {
        width: calc(100% - 100px);
        margin: 5px auto 0 50px;
        padding-left: 0px;
    }

    div.produOpt a.verCar{
        width: calc(100% - 80px);
        float: none!important;
        margin: 20px 40px!important;
        background: url(../images/icon/icon-addCar.png) 20px center no-repeat #164072;
    }
    div.menu-bottom ul li a span.seta{
        display: none;
    }
    form#entre-em-contato div.linha.nome_cad, 
    form#entre-em-contato div.linha.email_cad, 
    form#entre-em-contato div.linha.tel_cad{
      width: 100%!important;
    }
    form#entre-em-contato div.linha.nome_cad input,
    form#entre-em-contato div.linha div.box-input input {
        width: calc(100% - 30px)!important;
    }
    footer .top .telefone{
      width: 230px;
      text-align: center;
      padding: 20px;
      margin: 0px calc(100% / 2 - 155px);
    }
    footer .conteudo .esq{
      width: 100%;
    }
    footer .conteudo .dir{
      width: calc(100% - 20px);
      padding: 0px 10px;
    }
    footer .conteudo .dir .selos img {
        height: 56px;
        display: block;
    }
     
}

#btnColocarCarrinho{
/*     margin-bottom: 20px;
    margin-right: 20px; */
}


/*carrinho*/
div.box span.valTotal span.valorTotal{
    float: left!important;
    width: 100%!important;
    text-align: right!important;
    margin-top: 5px!important;
}
div.box span.valTotal span.valorCheio{
    font-size: 12px!important;
    width: 100%!important;
    float: left!important;
    margin-top: 5px!important;
    color: red!important;
    text-decoration: line-through!important;
    text-align: right!important;
}

#addCarrinho .valTotal{
    /* float: left;  */
    width: auto;
}

#addCarrinho .valTotal .valorTotal{
    float: right;
    width: auto;
    position: relative;
    text-align: right;
    /* margin-right: 15px; */
    padding-right: 0px;
}

#addCarrinho .valTotal .valorCheio{
    float: right;
    width: auto;  
    position: relative;
    font-size: 10px;
    color: red!important;
    text-decoration: line-through!important;
    text-align: right!important;
    margin-right: 10px;
}

.criarContaLogin{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    color: #164072;
    font-family: 'montserratsemi_bold';
}

.avalia .zero{
  color: #DEDCD7!important;
}