@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,300;1,900&display=swap');

 body{
    font-family: 'Raleway', sans-serif; 
    color: #626060;
}

p{
  font-size: 17px;
  margin: 0 0 10px;
  line-height: 1.6em;
}
h1,h2,h3,h4,h5{
  margin: 0 0 10px;
  line-height: 1.3;
}
strong,b{font-weight: 900;}
h2{font-size: 40px;font-weight: 900;}
h3{font-size: 23px; font-weight: 700;}

img{max-width: 100%;}

section h2{font-size: 40px; font-weight: 500; margin-bottom: 20px; color: #000}
section h2 b{font-weight: 800;}
section .titu{ margin-bottom: 50px; }


.pulsar {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes pulse{
0%,100%{transform:scale(.9);opacity:.9;}
50%{transform:scale(1);opacity:1;}
}
@-webkit-keyframes pulse{
0%,100%{-webkit-transform:scale(.95);opacity:.7}
50%{-webkit-transform:scale(1);opacity:1}
}

@-webkit-keyframes icon-bubble {
    0% {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        opacity: 1;
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0.8;
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.55;
    }
    75% {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 0;
    }
}


.bt-comprar{
  color: #FFF;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.2rem 0;
  background-color:#b31313;
  font-weight: 800;
  font-size: 20px;
  margin: 30px 0px;
  position: relative;
  width: 100%;
  border-radius: 30px;

}
.bt-comprar:hover{
  text-decoration: none;
  color: #FFF;
  background-color: #882323;
}
.bt-comprar a{
  color: #FFF;
}
.bt-comprar span{
  position: relative;
  z-index: 1;
  right: 19px;
}
.bt-comprar i{
    font-size: 30px;
    box-shadow: 0 0 16px -4px rgba(0, 0, 0, .71);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    right: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;

}
.blur {
    position: absolute;
    top: 6px;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background-color:#b31313;
    opacity: 0.68;
    -webkit-filter: blur(15px);
    filter: blur(15px);
}

.gray{
  opacity: .68;
filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}


/*Tabelas*/

#tabelas{
  padding: 50px 0;
  background: #9d0000;
  position: relative;
  color: #FFF;
}

#tabelas .col-lg-3{
  padding: 0;
}

#tabelas h2{
  color: #FFF;
}
#tabelas h2 b{
  color: #420404;
}


box-contador {
    margin: 0 0 30px;
    }

.days {
    display:none !important;
    }

.hours {
    text-align: center;
    }

.minutes {
    text-align: center;
    }

.seconds {
    text-align: center;
    }

#clockdiv {
  display: block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 50px;
  }

#clockdiv > div {
    padding: 0px;
    background: rgba(255, 255, 255, 0);
    display: inline-block;
}

#clockdiv div > span {
    display: inline-block;
    font-size: 54px;
    color: #420404;
    font-weight: 700;
    font-family: sans-serif;
    width: 80px;
    line-height: 1em;
    }

.smalltext {
    font-size: 9px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    }

.doispontos {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    vertical-align: top;
    line-height: 2em;
    text-align: center;
    margin-right: -8px;
}

/*tabs*/

.tabela{
  background-color: #FFF;
  padding: 25px 15px;
  color: #000;
  position: relative;
  overflow: hidden;
  width: 90%;
  max-width: 100%;
  box-shadow: 0px 3px 10px rgba(0,0,0,0.10);
  transition: all .5s;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}



.tabela:before{
  content: '';
  position: absolute;
  background-color: #420404;
  right: -3px;
  width: 75%;
  height: 60px;
  top: 0;
  border-radius: 0 7px 0 60px;
}
.maisvd:before{
  content: '';
  position: absolute;
  background-color: orange;
  right: -3px;
  width: 80%;
  height: 60px;
  top: 0;
  border-radius: 0 7px 0 60px;
}

.header-tab{
  display: flex;
  justify-content: space-between;
  font-size: 22px;
  font-weight: 700;
}
.header-tab span{
  color: #FFF;
  z-index: 1;
  margin-right: 30px;
  display: block;
  position: relative;
  top: -4px;
  font-size: 14px;
}
.header2{
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
.produto img{
  width: 100%;
  margin: 30px auto 0;
}

.tabela p{
  font-size: 15px !important;
  margin-bottom: 0;
}
.tabela b{
  font-weight: 600;
  position: relative;
}
.tabela hr{
  margin: 5px 0;
}
.strike:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/stroke.png) no-repeat;
  background-size: contain;
  opacity: 0.5;
}

.valor{
  margin: 40px 0;
}
.valor b{
  font-weight: 800;
}

.cifrao{
  font-size: 20px;
}
.real{
  font-size: 50px;
}
.centavos{
  font-size: 20px;
}

#wave-7{
  position: absolute;
  z-index: 1;
  top: 0;
  background-color: #9d0000;
}
#wave-7 path{
  fill: #FFF;
}

/* ======== Segurança ==========*/

#seguranca{
  padding: 190px 0;
  position: relative;

}
#seguranca h2{
  font-weight: 300;
  color: #000;
}
#seguranca b{
  color: #9d0000;
  position: relative;
  z-index: 3;
}
#seguranca h2{
  position: relative;
  z-index: 3;
}
#seguranca h3{
  font-size: 17px !important;
  position: relative;
  z-index: 3;
}
#seguranca p{
  font-weight: normal;
  font-size: 15px !important;
  text-align: center;
  line-height: 1.4em !important;
  margin: 0;
  letter-spacing: 0.01em;
}
#tabelas ul li {
    display: inline-block;
    margin-bottom: 0;
    background: 0 0;
    border: 2px solid #fff;
    vertical-align: middle;
    margin: 0px 3px 0;
    padding: 6px 0 2px;
    width: 75px;
    text-align: center;
    border-radius: 5px;
}

/* ======== Garantia ==========*/

.garantia{
  padding: 50px 0 30px;
 background: linear-gradient(to bottom, #9d0000, #9d0000);
  color: #FFF;
}
.garantia h2{
  color: #FFF;
}
.garantia b{
  color: #FFF;
}
.garantia img{
    position: absolute;
    left: 0;
    bottom: -69px;
}

/*=========PERGUNTAS FREQUENTES==========*/

.perguntas-frequentes{
  padding: 70px 0px;
  position: relative;
}

.perguntas{
  margin-bottom: 30px;
  border: 1px solid #d3ccb6;
  border-radius: 10px;
}
.pergunta{
  background:transparent;
  background-color: transparent;
  padding: 11px 15px;
  color:#9d0000;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 15px;
  box-shadow: -3px 3px 15px 0 rgba(0, 0, 0, .06);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pergunta i{
  -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
.resposta{
  padding: 15px;
  background:#F9F6F633;
  position: relative;
  bottom: 6px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: none;
}
.resposta p{
  font-size: 14px !important;
}

/*Duvidas*/
#suporte{
  padding: 50px;
}
#suporte h2{
  text-transform: uppercase;
}
#suporte h2 b{
  color: #9d0000;
}

/*--- // FOOTER // ---*/
footer{
  background: #000000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #2b2929, #000); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #2b2929, #000);/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  padding: 58px 58px 58px 58px;
  position: relative;
}

footer a, footer p{
  color: rgba(255,255,255,0.36);
  font-size: 14px !important;
  display: block;
  font-weight: 300;
  margin-bottom: 3px;
}
.linha{
  background-color: #6ec1e4;
  display: block;
  margin: 7px 0;
  width: 100%;
  height: 1px;

}
footer h4{
  color: #FFF;
  font-weight: 600;
  margin-bottom: 25px;
}
.rodape{
  background-color: rgba(43,43,43,0.98);
  font-size: 14px !important;
  padding: 10px 0;
  color: #FFF;
}
.zap {
    display: block;
    z-index: 100;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 80px;
}

footer b {
  color: #FFF;
  font-size: 30px;
  font-weight: 800;
  margin: 0;
}
footer b span{
  color: #df0e0f;
}

@media (max-width: 768px){

#header .text-right,#header .text-left{
display: none;
}
#frasco-funciona {
    position: relative;
    left: 0;
    top: 0;
    text-align: center;
}
#frasco-funciona img {
    width: 34%;
}
#video .py-5 {
    text-align: center;
    height: 900px;
}
.spiner {
    position: absolute;
    top: 36%;
    left: 15%;
}
.foto {
  text-align: center;
}
.tabela{
  margin-bottom: 80px;
}
.garantia img {
    position: relative;
    left: 0;
    bottom: 6px;
}
#seguranca {
    padding: 190px 0 35px;
}
}

@media (max-width: 576px){

  #header{
    height: 700px;
  }
  #funciona img{
    margin: 0 auto;
  }
  #img1,#img2 {
    position: relative;
    bottom: 0;
    left: 0;
}
#funciona {
padding: 151px 0;
}
.order{
  order: 2;
}
#frasco-funciona {
    position: relative;
    left: 0;
    top: 87px;
    text-align: center;
}
#frasco-funciona img {
    width: 59%;
}
.spiner {
    position: absolute;
    top: 39%;
    left: 5%;
}
}

@media (max-width: 480px){

#menu {
    padding: 20px 20px;
}
#funciona {
    padding: 195px 0 101px;
}
#video h3 {
    color: transparent;
    -webkit-text-stroke: 1.5px #FFF;
    text-shadow: none;
    font-size: 30px !important;
    display: block;
}
#video h2 {
    font-size: 46px !important;
    color: #FFF;
    font-weight: 800;
}
#beneficios h2 b {
    font-size: 33px;
    display: block;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 1.5px yellow;
}
#beneficios h2 {
    font-size: 37px !important;
}
}

@media (max-width: 576px){

#header h2 {
    font-size: 26px;
    color: #FFF;
}
#header {
    height: 611px;
}
#img-header{
  width: 80%;
}
#funciona {
    padding: 98px 0 101px;
}
section h2 {
    font-size: 27px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000;
}
.spiner {
    position: absolute;
    top: 47%;
    left: 14%;
    width: 71%;
}
#wave-2 {
    position: relative;
    top: 1px;
    width: 100%;
    z-index: 2;
}
}