@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
body { font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif; font-weight: 600; }
img { max-width: 100%; }
header { position: fixed; top: 0; width: 100%; z-index: 1; background: #FFF; }
.top { height: 5rem; }
#contatos { background-color: #3FAEC4; color: #FFF; padding: .3rem 0; }
#contatos a, #contato a { color: #FFF; }
#contatos a:hover, #contato a:hover, #banner a:hover { color: #FFF; text-decoration: none; opacity: .8; }
#principal { padding: 1.2rem 0 1rem; }
#principal .logo img { width: 12rem; cursor:pointer; }
#principal aside { display: inline-flex; width: 100%; justify-content: space-between; }
#principal .top-link { padding: .5rem 0; cursor: pointer; }
.whatsapp { cursor:pointer; }
.whatsapp:hover, .top-link:hover, .banner-seta:hover { cursor:pointer; opacity: .8; }
#banner .geladeiras { background:url(../_img/geladeiras.jpg) center center; }
#banner .maquinas-de-lavar { background:url(../_img/maquinas-de-lavar.jpg) center center; }
#banner .ar-condicionado { background:url(../_img/ar-condicionado.jpg) center center; }
#banner .refrigeracao-comercial { background:url(../_img/refrigeracao-comercial.jpg) center center; }
#banner .imagem { background-size: cover !important; width: 100%; height: 37rem; }
#banner .slick-prev, #banner .slick-next { display: none !important; } 
#banner .slick-dots { position: absolute; display: inline-flex; width: 100%; justify-content: center; margin-top: -5rem; color: #FFF; font-size: 2.5rem; } 
#banner .slick-dots li { width: 2.1rem; cursor:pointer; list-style: circle; } 
#banner .slick-dots li.slick-active { list-style: disc; } 
#banner .slick-dots li button { display: none; } 
.banner-seta { position: absolute; margin-top: -21rem; font-size: 2.5rem; cursor: pointer; }
.banner-seta.voltar { color: #FFF; left:3rem; }
.banner-seta.avancar { color: #FFF; right:3rem; }
#banner .texto { height: 20rem; }
#banner .assistencia-tecnica { color:#FFF; font-weight: 700; padding-left: .5rem; margin-top:17rem; }
#banner .produto { color:#FFF; font-size: 4rem; font-weight: 900; line-height: .93; }
.secao { padding: 4.3rem 0 2.1rem; }
.secao .titulo { font-size: 2rem; font-weight: 900;  }
.secao .linha { background-color: #3FAEC4; height: .3rem; margin-top: 1.1rem; }
.secao .texto, .secao .itens-assistencia { margin-top:2rem; }
#servicos-manutencao .itens-assistencia { display: inline-flex; justify-content: space-between; text-align: center; color: #3FAEC4; font-size: 1.2rem; padding-top: 2rem; }
#servicos-manutencao .itens-assistencia img { width: 75%; }
#servicos-manutencao a { color: #3FAEC4; text-decoration: none; }
#servicos-manutencao a:hover { opacity: .8; }
#formas-de-pagamento { background-color: #AB0101; text-align: center; padding: 4rem 0 4rem; margin-top: 0; }
#formas-de-pagamento img { width: 16rem; max-width: 75%; }
#contato { background-color: #6AC9DB; color: #FFF; padding-bottom: 4rem; }
#marcas-atendidas { background-color: #EFEFEF; padding-bottom: 2.5rem; }
#marcas-atendidas img { padding: 1.6rem; }
#marcas-atendidas .lista-marcas-atendidas { margin-top: 2rem; }
#contato .captcha-enviar { text-align: right; }
#contato .captcha-enviar button { width: 100%; }
#contato .captcha-enviar .soma { padding-top: .3rem; }
#contato .titulo { font-size: 1.2rem; margin-bottom: .5rem; }
#contato .texto { margin-top: 0rem; }
#contato .item { margin-bottom: 2rem;  }
#contato .form-group input, #contato .form-group textarea { width: 100%; border: 0; background-color: #FFF; border-radius: 0; padding:.7rem 1.2rem; }
#contato .form-group button { width: 100%; border: 0; background-color: #FFF; border-radius: 0; padding:.7rem 1.2rem; color:#495057; }
#contato .form-group textarea { height: 7rem; }
footer { background-color: #3FAEC4; color: #FFF; padding: .3rem 0; text-align: center; }
#modalMSG .modal-title img { width: 10rem; }
#modalMSG .mensagem { text-align: center; margin-bottom: 1.5rem; }
#whatsapp { background-color: #0DC042; color:#FFF; font-weight: bold; font-size: 1.6rem; position:fixed; right: 3rem; bottom:2rem; padding:.4rem 1rem .2rem 2rem; -webkit-border-radius: 255px; -moz-border-radius: 255px; border-radius: 255px; animation-name: whatsapp; animation-duration: 3s; animation-iteration-count: infinite; }
#whatsapp img { width: 3.4rem; }

@keyframes whatsapp {
    0%   { bottom: 2rem; }
    50%  { bottom: 2.3rem; }
    100% { bottom: 2rem; }
}

/* LG */ 
@media (min-width: 1401px) {
	.grande { display:block; }
	.mobile { display:none; }
}

/* LG */ 
@media (min-width: 1200px) and  (max-width: 1400px) {
	.grande { display:block; }
	.mobile { display:none; }
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
	.grande { display:block; }
	.mobile { display:none; }
}


/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	.grande { display:none; }
	.mobile { display:block; }

    .secao .titulo { text-align: center; }
    #contatos, #contato { text-align: center; }
    #banner .assistencia-tecnica { text-align: center; }
    #banner .produto { font-size: 2.1rem; text-align: center; }
    #banner .slick-dots { margin-left: 1rem; }
    #principal .menu { text-align: right; padding-right: 2rem; font-size: 1.2rem; }
    #servicos-manutencao .itens-assistencia { display: block; }
    #contato .nome, #contato .email { margin-bottom:1rem; }
    #contato .enviar { margin-top:1rem; }
    #servicos-manutencao .itens-assistencia img { width: 12rem; }
    #servicos-manutencao .item { margin-bottom: 2rem; font-size: 1.6rem; line-height: 2; }
}

/* XS */
@media (max-width: 767px) {
	.grande { display:none; }
	.mobile { display:block; }

    .secao .titulo { text-align: center; }
    #contatos, #contato { text-align: center; }
    #banner .assistencia-tecnica { text-align: center; }
    #banner .produto { font-size: 2.1rem; text-align: center; }
    #banner .slick-dots { margin-left: 1rem; }
    #principal .menu { text-align: right; padding-right: 2rem; font-size: 1.2rem; }
    #servicos-manutencao .itens-assistencia { display: block; }
    #contato .nome, #contato .email { margin-bottom:1rem; }
    #contato .enviar { margin-top:1rem; }
    #servicos-manutencao .itens-assistencia img { width: 12rem; }
    #servicos-manutencao .item { margin-bottom: 2rem; font-size: 1.6rem; line-height: 2; }
    #principal aside { display: none; }
    .top { height: 8rem; }
}

/* XS Portrait */
@media (max-width: 480px) {
	.grande { display:none; }
	.mobile { display:block; }
}

/* XS Portrait */
@media (max-width: 320px) {
	.grande { display:none; }
	.mobile { display:block; }
}