/*atualizado v1*/

    body{ padding: 0; margin: 0; background: #005eb1 !important; }
    @import url('https://fonts.googleapis.com/css?family=Nunito');
    .imagem-fuida { width:; height: auto; display: block; margin: 0 auto;}
    .hotsite { position: relative; overflow: hidden; background: #f0f0f0; box-sizing: border-box; padding-bottom: 20px;}
    .hotsite-container { content: ""; display: table; clear: both; min-width: 1000px; max-width: 1280px; width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box;}
    .hotsite-row { position: relative;  }
    .hotsite h1{ font-weight: bold !important;}
    .hotsite h2{ margin:0px; font-weight: bold !important;}
    [class^="div-"] { float: left; margin: 0%; box-sizing: border-box; position: relative; }

    .hotsite-area-1 { background: #062fb2; padding: 10px 0px; }
    .hotsite-area-1 .div-100 { width: 100%; padding: 0px 0px; }
    .texto-legal-pai { width: 100%; padding: 10px 0px; background: #041e74; color: #fff; position: relative; text-align: center; font-size: 10pt; font-weight: 100; font-family: 'arial',sans-serif; }

    .hotsite-area-2{ background: url(https://www.casasbahia-imagens.com.br/criacao/03-hotsite/2020/07-jul/16/bg-tv.png) top center repeat-y; padding: 20px 0px;}
    .hotsite-area-2 .div-100 { width: 100%; padding: 0px 0px; }

    .hotsite-area-3 .div-0 { width: 100%; padding: 30px 0px 15px 0px; text-align: center;}
    .hotsite-area-3 .div-100 { width: 100%; padding: 15px 0px 30px 0px; text-align: center; font-size: 28pt; line-height: 28pt; font-family: 'Nunito',sans-serif; color: #062fb2; }
    .hotsite-area-3 .div-100 span{ font-size: 28px; font-weight: 900;  }
    .hotsite-area-3 .div-3 { width: 32.4%; padding:0 0 0 0; margin: 5px; border-radius: 5px;}
    .hotsite-area-3 .div-3 img{border-radius: 5px; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.25); }

    .hotsite-area-4 .div-0 { width: 100%; padding: 30px 0px 15px 0px; text-align: center;}
    .hotsite-area-4 .div-100 { width: 100%; padding: 15px 0px 30px 0px; text-align: center; font-size: 28pt; line-height: 28pt; font-family: 'Nunito',sans-serif;color: #062fb2;}
    .hotsite-area-4 .div-100 span{ font-size: 28px; font-weight: 900;  }
    .hotsite-area-4 .div-4 { width: 25%; padding:0 0 0 0; }
    .hotsite-area-4 .div-4 img{border-radius: 50%; -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.25); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.25);}

    .hotsite-area-5 .div-100 { width: 100%; padding: 60px 0px 30px 0px; text-align: center; font-size: 28pt; line-height: 28pt; font-family: 'Nunito',sans-serif;color: #062fb2; font-weight: 100 !important; }


    .efeito-scale{ transform: scale(1); position: relative;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
    .efeito-scale:hover{ transform: scale(1.05);-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

    .efeito-opacity{ opacity: 1; position: relative;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
    .efeito-opacity:hover{ opacity: 0.7; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

    .efeito-scale2{ transform: scale(1); position: relative;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
    .efeito-scale2:hover{ transform: scale(0.98);-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

    .efeito-scale3{ transform: scale(1); position: relative;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
    .efeito-scale3:hover{ transform: scale(1.01);-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

    .voltar-aotopo { width: 100%; max-width: 265px; background: #f70700; padding: 18px 20px 17px 20px; border-radius: 5px; border: none; margin: 0 auto; text-align: center !important; font-size: 17pt; color: #ffffff; font-weight: 900; transition: all 0.2s ease-in-out; font-family: 'Nunito',sans-serif; opacity: 1 }
    

    .deski{display: block !important; visibility: visible !important; }
    .mobil{display: none !important; visibility: none !important;}
    .clear{clear: both;}

@media all and (max-width: 950px) {
    .hotsite-container { min-width: 0 !important; margin: 0 auto;}
    .imagem-fuida { width: 100%; }

    .hotsite-area-3 .div-0 .imagem-fuida, .hotsite-area-4 .div-0 .imagem-fuida { width: 10% !important; height: auto; display: block; margin: 0 auto;}

    .hotsite-area-1 .div-3 { width: 100%; }

    .hotsite-area-2 { padding: 0px; }
    .hotsite-area-2 .div-100 { width: 100%; padding: 0px; }

    .hotsite-area-3 .div-100 { font-size: 27px; padding: 15px 50px; line-height: 28px;}
    .hotsite-area-3 .div-100 span{ font-size: 22px; }
    .hotsite-area-4 .div-100 { font-size: 27px; padding: 15px 50px; line-height: 28px;}
    .hotsite-area-4 .div-100 span{ font-size: 22px; }
    .hotsite-area-5 .div-100 { font-size: 22px; padding: 20px 50px;}
    .hotsite-area-5 .div-100 span{ font-size: 22px; }

    .hotsite-area-3 .div-3 { width: 100%; padding: 5px 10px;}
    .hotsite-area-3 .div-3 img{ border-radius: 20px;}

    .hotsite-area-4 .div-4 { width: 50%; padding:10px; }

    .hotsite-area-5 .div-2 { width: 100%; padding:10px; }       

    .efeito-scale{ transform: scale(1);}
    .efeito-scale:hover{ transform: scale(1)}

    .efeito-opacity{ opacity: 1;}
    .efeito-opacity:hover{ opacity: 1;}

    .efeito-scale2{ transform: scale(1);}
    .efeito-scale2:hover{ transform: scale(1);}

    .efeito-scale3{ transform: scale(1);}
    .efeito-scale3:hover{ transform: scale(1);}

    .deski{display: none !important; visibility: none !important; }
    .mobil{display: block !important; visibility: visible !important;}

}