﻿/* WHATSAPP DUPLO */ @media screen and (min-width:1200px){ 
.whats{ background-color: 
#45c355; 
height: 70px; 
width: 200px; 
position: fixed; 
z-index: 9999; 
float: right; 
right: -159px; 
border-radius: 5px; 
margin-top: 13em; 
font-weight: bold; 
color: #fff !important; 
padding-top: 10px; } 

.tex{ padding-left: 47px !important; 
text-decoration: none; 
color: #fff; 
margin-top: 15px; 
visibility: hidden; 
text-align: center; } 

.tex > span { 
padding-left: 47px !important; } 

.whats:hover{ height: 70px; 
width: 230px; 
right: 0px; 
text-decoration: none; 
color: #fff; 
font-weight: bold; 
-webkit-transition: 0.5s ease-in; 
-moz-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; 
transition: 0.5s ease-in; } 

.whats:hover .tex{ 
visibility: visible; 
text-align: center; } 

i.fa.fa-whatsapp.fa-2x { 
margin-top: 12px !important; 
margin-left: 12px !important; 
position: absolute; } 

#fale{ font-size: 20px; } 
} 
@media screen and (max-width:1200px){ 
.whats{ 
display: none!important; } 

.tex{ display: none !important; } 

.whats:hover{ 
display: none!important; } 

#countdown-wrapper{ 
display: none !important; } 

#chatwhats.chatwhatsUnico { 
height: 63px; 
overflow: hidden; 
text-indent: -5000px; } 

#chatwhats { 
background: #27ae60 url(https://www.ecompletocdn.com.br/mobilecarro/img/fale-whatsapp-branco.svg) no-repeat center .5rem; 
bottom: 0; 
color: #fff; 
display: -webkit-box; 
display: -moz-box; 
display: -ms-flexbox; 
display: -webkit-flex; 
display: flex; 
font-size: 0.9em; 
font-weight: 100; 
height: 90px; 
-webkit-box-pack: justify; 
-moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; 
justify-content: center; 
left: 0; 
margin: 0; 
opacity: 0.97; 
padding: .1rem 0; 
position: fixed; 
text-align: center; 
width: 100%;
z-index: 20; }
 } 
 
 @media screen and (min-width:1200px){ 
 .whats{ 
 background-color: #45c355; 
 height: 70px; 
 width: 200px; 
 position: fixed; 
 z-index: 9999; 
 float: right; 
 right: -159px; 
 border-radius: 5px; 
 margin-top: 13em; 
 font-weight: bold; 
 color: #fff !important; 
 padding-top: 10px; } 
 
 .tex{ padding-left: 47px !important; 
 text-decoration: none; 
 color: #fff; 
 margin-top: 15px; 
 visibility: hidden; 
 text-align: center; } 
 
 .tex > span { 
 padding-left: 47px !important; 
 } 
 
 .whats:hover{ 
 height: 70px; 
 width: 230px; 
 right: 0px; 
 text-decoration: none; 
 color: #fff; 
 font-weight: bold; 
 -webkit-transition: 0.5s ease-in; 
 -moz-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; 
 transition: 0.5s ease-in; } 
 
 .whats:hover .tex{ 
 visibility: visible; 
 text-align: center; } 
 i.fa.fa-whatsapp.fa-2x { 
 margin-top: 12px !important; 
 margin-left: 12px !important; 
 position: absolute; } #fale{ 
 font-size: 20px; } 
 } 
 @media screen and (max-width:1200px){ 
 .whats{ display: none!important; } 
 
 .tex{ display: none !important; } 
 
 .whats:hover{ 
 display: none!important; } 
 
 #countdown-wrapper{ 
 display: none !important; } 
 
 #chatwhats.chatwhatsUnico { 
 height: 63px; 
 overflow: hidden; 
 text-indent: -5000px; } 
 
 #chatwhats {
 background: #27ae60 url(https://www.ecompletocdn.com.br/mobilecarro/img/fale-whatsapp-branco.svg) no-repeat center .5rem; 
 bottom: 0; 
 color: #fff; 
 display: -webkit-box; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: -webkit-flex;
 display: flex; 
 font-size: 0.9em; 
 font-weight: 100; 
 height: 70px; 
 -webkit-box-pack: justify; 
 -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; 
 justify-content: center; 
 left: 0; 
 margin: 0; 
 opacity: 0.97; 
 padding: .1rem 0; 
 position: fixed; 
 text-align: center; 
 width: 100%; 
 z-index: 20; } } 

#pop{ display:none; 
position:fixed; 
padding:10px; 
max-width:300px; 
width:100%; 
height: 317px; 
border:6px solid #f14b05; 
border-radius: 11px;
background: rgba(255,255,255,0.92); text-align: center; z-index: 99999 !important; color: #000 !important; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Reveal */ .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #ccc; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; } /* FIM DO WHATS */