/* NOVO FOOTER - CB v2.0
===================================================================================================*/



footer *{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
footer{
  width: 100%;
  font-family: 'Nunito', sans-serif;
  background: #fff;
}
footer .container{
  width: 102.500em;
  margin:0 auto;
}
footer .container:before,
footer .container:after{
    content:" ";
    display:table
}
footer .container:after{
    clear:both
}
footer .row:before,footer .row:after{
  content:" ";
  display:table
}
footer .row:after{
  clear:both
}
footer .newsletter{
  width: 100%;
  padding: 15px 0;
  background-color: #dee9f1;
}
footer .newsletter .news-group{
  float: left;
  padding-left: 70px;
  background: url(https://www.casasbahia-imagens.com.br/App_Themes/CasasBahia/img/footer/icon-newsletter.jpg) no-repeat #dee9f1 0 5px;
}
footer .newsletter .news-group label{
  position: relative;
  float: left;
  top: 4px;
  margin-right: 30px;

  font-size: 16px;
  font-weight: 300;
  line-height: 1.12;
  letter-spacing: -0.3px;
  color: #333333;
}
footer .newsletter .news-group input[type="text"]{
  width: 533px;
  padding: 12px;
  float: left;
  border-radius: 5px;
  background-color: #ffffff;
  border: solid 1px #d6e5f2;
  margin-right: 10px;
}
footer .newsletter .news-group button{
  width: 127px;
  height: 42px;
  border-radius: 5px;
  background-color: #006bb0;
  border: none;

  font-size: 14px;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
footer .newsletter .news-group button:hover{
  background-color: #0078c5;
}
footer .support{
  width: 100%;
  background: #EDEDED;
}
footer .support h3{
  font: Bold 12px/16px Nunito;
  color: #0033C6;
}
footer .support span{
  font: Bold 16px/38px Nunito;
  color: #283A87;
  float: left;
}

footer .support .whats span:nth-child(2n+1){
  margin: 0 0 0 25px;
}


footer .support span small{
  position: relative;
}
footer .support p {
 
}


footer .support .telemarketing,
footer .support .service,
footer .support .service.regiao,
footer .support .physical-store{
  float: left;
  padding: 16px 0;
}


footer .support .telemarketing{
  margin: 0 107px 0 0;
  
}
footer .support .service{
  margin: 0 86px 0 0;
  
}

footer .support .service a{
  font: Bold 16px/38px Nunito;
  color: #283A87;
  background: url(../img/footer/ico-whats.svg) no-repeat right 9px;
  padding: 0 22px 0 0;
  display: block;
}


footer .support .service.regiao{
  margin: 0 120px 0 0;
  
}
footer .support .physical-store{
  margin: 0;

}

footer .support .telemarketing h3{
  
}
footer .support .service h3{
  
}
footer .support .physical-store h3{
  
}
footer .support .chat{
  margin: 0 0 0 30px;
}

footer .support span.chat a{
  font: Bold 16px/38px Nunito;
  color: #283A87;
  background: url(../img/footer/icon-chat.svg) no-repeat left 12px;
  padding: 0 0 0 20px;
  display: block;
}

footer .general{
  background-color: #F5F5F5;
  text-align: left;
  
}
footer .general > .container > .row{
  padding: 25px 0 38px 0;
}
footer .general > .container > .row h3{
  color: #0033C6;
  text-transform: uppercase;
  font: Bold 14px/25px Nunito;
}
footer .general > .container > .row span{
  font: Bold 14px/25px Nunito;
}

footer .general > .container > .row > div{
  width: 230px;
  float: left;

} 

footer .general > .container > .row > div:nth-child(1){

}
footer .general > .container > .row > div:nth-child(2){
  margin: 0 0 0 105px;
}
footer .general > .container > .row > div:nth-child(2) h3{
  margin: 0 0 0 15px;

}
footer .general > .container > .row > div:nth-child(3){
  margin: 0 0 0 130px;
}
footer .general > .container > .row > div:nth-child(3) h3{
  margin: 0 0 0 15px;

}

footer .general > .container > .row > div:last-child{
  margin:0 0 0 30px;
}
footer .general > .container > .row > div:last-child h3{
  margin: 0 0 0 15px;
}

footer .general ul li{
  color: #575757;
  padding: 5px 0 0;
  font: 14px/25px Nunito;  
  position: relative;
}

footer .general ul li a{
  color: #575757;
  font:14px/25px Nunito;
  padding: 0 0 0 14px;
}
footer .general ul li a:hover{

}

footer .general ul li a::before {
  position: absolute;
  content: "\2022";
  font-size: 7px;
  color: #575757;
  left: 0;
  top: 3px;
  font-weight: 800;
}
footer .more-information{
  background-color: #fff;
  padding: 23px 0 0;
}
footer .more-information h3{ 
  color: #555555;
  text-transform: uppercase;
  font: Bold 14px/30px Nunito;
}
footer .more-information > a,
footer .more-information > img{
  float: left;
  margin-right: 10px;
}
footer hr{
  width: 100%;
  display: block;
  margin: 30px 0;
  float: left;
  border-width: 0;
  height: 1px;
  background: #F5F5F5;
}
footer .follow-us{
  float: left;
  margin-right: 125px;
}
footer .follow-us h3{
}

footer .follow-us a{
  text-indent: -9999px;
  float: left;
  width: 30px;
  height: 30px;
  margin:4px 16px 0 0;
  border-radius: 4px;
}
footer .follow-us a:last-child{
  margin-right: 0;
}
.icon-facebook{
  background: url(../img/footer/icon-facebook.svg) no-repeat #575757 9px 6px;
}
.icon-facebook:hover{
 
}
.icon-twitter{
  background: url(../img/footer/icon-twitter.svg) no-repeat #575757 7px 8px;
}
.icon-twitter:hover{
 
}
.icon-instagram{
  background: url(../img/footer/icon-instagram.svg) no-repeat #575757 7px 6px;
}
.icon-instagram:hover{
 
}
.icon-pinterest{
  background: url(../img/footer/icon-youtube.svg) no-repeat #575757 7px 9px;
}
.icon-pinterest:hover{
 
}
.icon-youtube{
  background: url(../img/footer/icon-youtube.svg) no-repeat #575757 7px 9px;
}
.icon-youtube:hover{
  
}
.icon-google-plus{
  background: url(../img/footer/icon-facebook.svg) no-repeat #575757 9px 6px;
}
.icon-google-plus:hover{
  
}
footer .payment-methods{
  float: left;
}
footer .payment-methods h3,
footer .download-app h3,
footer .security h3{

}
footer .payment-methods h3 > span{

}
footer .payment-methods > div,
footer .download-app > div,
footer .security > div{
  margin-right: 50px;
  float: left;

}
footer .payment-methods > div:last-child{
  margin-right: 0;
}
footer .payment-methods > div > span{
  color: #555555;
  font: Bold 12px/25px Nunito;
  display: block;  
}

footer .download-app{
  float: left;
  margin-right: 145px;
  margin-top: 32px;
}
footer .download-app > a{
  height:40px ;
  float: left;
  text-indent: -9999px;
}
footer .ios{
  width:135px;
  margin-right: 8px;
  background: url(../img/footer/app-store.svg) no-repeat;
}
footer .android{
  width:135px ;
  background: url(../img/footer/google-play.svg) no-repeat;
}

.download-app h3{
  float: left;
  margin: 10px 12px 0 0;
}
footer .security{
  float: left;
  margin-top: 42px;
}
footer .security a:nth-child(1) img{
  width: 60px;
}
footer .security a:nth-child(2){
  margin: 0 30px;
}
footer .security a:nth-child(2),
footer .security a:nth-child(3){
  top: 40px;
  position: relative;
}
footer .other-information{
  padding: 20px 0;
  
}
footer .other-information p{
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #a1a1a1;
}
/* Medias */
@media (max-width:1279px) {

  footer .support, footer .general, footer .more-information{
    display: none;
  }


  /*
  footer .container{
    width: 81.667em;
  }
  footer .support .telemarketing,
  footer .support .service,
  footer .support .physical-store{
    width: 120px;
  }
  footer .support .chat{
    width: 200px;
    margin-top: 10px;
  }
  footer .general > .container > .row > div{
    width: 190px;
    margin: 0 30px 0 0;
  }
  footer .follow-us{
    margin-right: 30px;
  }
  footer .payment-methods > div,
  footer .download-app > div,
  footer .security > div{
    margin-right: 30px;
  }
  footer .download-app {
    margin-right: 50px;
  }
*/

}

/* Icone Pagamento e outras formas */

footer .payment-methods a, footer .payment-methods .credit-card span[class*="ico"]{
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  margin:0 8px 0 0;
  border-radius: 4px;
  float: left;  
}

footer .payment-methods a:last-child{
  margin-right: 0;
}
.icon-cb{
  background: url(../img/footer/icon-cb.svg) no-repeat;
}

.icon-pf{
  background: url(../img/footer/icon-pf.svg) no-repeat;
}

.icon-ex{
  background: url(../img/footer/icon-ex.svg) no-repeat;
}

.icon-visa{
  background: url(../img/footer/icon-visa.svg) no-repeat;
}

.icon-mastercard{
  background: url(../img/footer/icon-mastercard.svg) no-repeat;
}

.icon-american{
  background: url(../img/footer/icon-american-express.svg) no-repeat;
}

.icon-diners{
  background: url(../img/footer/icon-diners-club.svg) no-repeat;
}

.icon-elo{
  background: url(../img/footer/icon-elo.svg) no-repeat;
}

.icon-hipercard{
  background: url(../img/footer/icon-hipercard.svg) no-repeat;
}

.icon-banescard{
  background: url(../img/footer/icon-banes-card.svg) no-repeat;
}

.icon-jcb{
  background: url(../img/footer/icon-jcb.png?1) no-repeat 3px 6px;
  border:1px solid #cccccc;
}


.payment-methods .other-methods span[class*="ico"]{
  text-indent: -9999px;
  margin:0 8px 0 0;
  border-radius: 4px;
  float: left;  
}


.icon-banqi{
  background: url(../img/footer/icon-banqi.svg) no-repeat;
  width: 30px;
  height: 30px;
}

.icon-boleto{
  background: url(../img/footer/icon-boleto.svg) no-repeat;
  width: 49px;
  height: 30px;
}

.icon-visa-checkout{
  background: url(../img/footer/icon-visa-checkout.svg) no-repeat;
  width: 87px;
  height: 30px;
}

.icon-masterpass{
  background: url(../img/footer/icon-masterpass.svg) no-repeat;
  width: 91px;
  height: 30px;
}

.icon-masterpass{
  background: url(../img/footer/icon-masterpass.svg) no-repeat;
  width: 91px;
  height: 30px;
}

.icon-multi{
  background: url(../img/footer/icon-multi-beneficios.png) no-repeat;
  width: 30px;
  height: 30px;
}

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

.glossary a {
  text-align: center;
  display: inline-block;
  padding: 2px;
}

.glossary a:after {
  content: '|';
  margin-left: 10px;
}

.glossary a:last-child:after {
  content: ''
}


footer .brands {
  width: 100%;
  float: left;
  margin: 32px 0 30px 0;
}
footer .brands ul{
  display: inline-block;
  vertical-align: top;
  width: 9.77%;
}
footer .brands ul li{
  padding: 5px
}