body {font-family: 'Titillium Web', sans-serif; color: #FFF; background-color: #000;}

.site-size {max-width: 1080px; margin: 0 auto;}

a {color: #00E160; text-decoration: none; transition:color .2s ease-out, background .2s ease-in; }
a:hover {color: #2DFF86;}

.videoWrapper {
  position: relative;
  margin: 0 0 2.5rem 0;
  padding-bottom: 56.25%; /* 16:99 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.menu-head {padding: 1.5rem 3rem; background: #111; position: fixed; width: 100%;}
.menu-head .container {max-width: 100%;}
.menu-head img {height: 37px; margin-top: 1px;}
.menu-head a {float: right; font-weight: 700; color: #000; text-decoration: none; background: #00E160; padding: 5px 25px; font-size: 19px;}
.menu-head a:hover {background: #FFF;}

.box_slide {background: #000; padding: 6rem 0 4rem 0; background-size: cover; background-position-x: 70%; text-align: center}
.box_slide img {width: 110px;}
.box_slide h3 {font-weight: 700; font-size: 2.5rem; margin: 2rem 0 1.3rem; letter-spacing: -1px;}
.box_slide p {font-size: 1.3rem; margin: 0 0 2rem 0;}
.box_slide a {font-weight: 700; color: #000; text-decoration: none; background: #00E160; padding: 15px; text-align: center; font-size: 30px; letter-spacing: -1px; display: table; width: 100%;}
.box_slide a:hover {background: #FFF;}
.box_slide span {color: #00E160;}
.box_slide strong {background: #00E160; color: #000; display: inline-block;}

.box_oque {background: url('../imagens/banner_oque1.jpg') top center no-repeat #FFF; padding: 50px 0 75px 0; color: #222;}
.box_oque h1 {font-weight: 700; font-size: 49px; margin: 25px 0; letter-spacing: -1px; color: #222;}
.box_oque p {font-size: 21px; margin: 0 0 25px 0;}
.box_oque p:last-child {margin: 0;}

.box_frase {background: url('../imagens/setinha-dw.png') top center no-repeat #FFF; padding: 50px 0 50px 0; color: #000;}
.box_frase.wht {background: url('../imagens/setinha-br.png') top center no-repeat #00E160;}
.box_frase h1 {text-align: center; font-weight: 700; letter-spacing: -1px; margin: 0;}

.box_comp {background: url('../imagens/bg12.jpg') bottom center no-repeat #000; padding: 70px 0;}
.box_comp h1 {font-size: 80px; text-align: center; font-weight: 700; margin: 0 0 70px 0; line-height: 80px; top: 20%; padding-right: 40px;}
.box_comp .no-mg {margin: 0;}
.box_comp ul {margin: 0; padding: 0; list-style: none;}
.box_comp ul li {margin-bottom: 15px; padding: 15px; width: 100%; display: table; border: 1px solid #FFF; }
.box_comp ul li h3 {margin: 22px 0 0 0; color: #00E160; font-weight: 700; line-height: 28px; letter-spacing: -1px; font-size: 30px;}
.box_comp ul li img {float: left; width: 150px; margin-right: 15px;}

.box_bonus {padding: 70px 0 80px; background: #0F0F0F;}
.box_bonus h2 {font-weight: 700; text-align: center; font-size: 70px; letter-spacing: -2px; color: #00E160;}
.box_bonus h3 {font-weight: 700; text-align: center; font-size: 30px; margin-bottom: 60px;}
.box_bonus h1 {font-weight: 700; padding-left: 10px;}
.box_bonus p {line-height: 37px; font-size: 22px; margin: 0; padding-left: 10px;}
.box_bonus img {width: 100%; border-bottom: 5px solid #00E160;}
.box_bonus .line-bns {border-bottom: 1px dotted #777; padding-bottom: 40px; margin-bottom: 40px;}
.box_bonus .last-bd {border: 0; padding-bottom: 0; margin-bottom: 0;}
.box_bonus .rgt p, .box_bonus .rgt h1 {padding: 0;}
.box_bonus .bns-cel {display: none;}
.box_bonus .bns-cel-no {display: block;}

.box_planos {padding: 70px 0; background: #0F0F0F;}
.box_planos .plan1 {padding: 40px; border: 1px solid #FFF; margin-right: 10px;}
.box_planos .plan2 {padding: 40px; border: 1px solid #00E160; margin-left: 10px;
  background: rgb(0,225,96);
  background: linear-gradient(0deg, rgba(0,225,96,0.29733900396095936) 0%, rgba(15,15,15,1) 100%);
}
.box_planos h1 {text-align: center; font-weight: 700; color: #00E160; letter-spacing: -1px; font-size: 50px;}
.box_planos h3 {text-align: center; font-size: 40px; margin: 0;}
.box_planos h3 span {font-size: 25px;}
.box_planos p {text-align: center; margin: 0; font-size: 23px;}
.box_planos ul {margin: 2rem 0 0 0; padding: 0; list-style: none;}
.box_planos ul li {font-size: 19px; line-height: 21px; padding: 13px 0 13px 37px; text-align: center; border-bottom: 1px dotted #777;}
.box_planos ul li img {margin: 0 1rem 0 0;}
.box_planos .plan2 ul .li-lib {color: #00E160; font-weight: bold;}
.box_planos a {padding: 15px; display: table; width: 100%; font-weight: 700; margin: 30px 0 0 0; background: #FFF; color: #000; text-align: center; font-size: 40px; letter-spacing: -1px;}
.box_planos a:hover {background: #00E160;}
.box_planos .bt2 {background: #00E160;}
.box_planos .bt2:hover {background: #FFF;}
.box_planos .li-plus {background: none; border: 0; text-align: center; font-size: 50px; color: #00E160; padding: 20px 0 10px; font-weight: 700;}

.box_7dias {padding: 0 0 70px; background: #0F0F0F;}
.box_7dias .site-size {max-width: 700px;}
.box_7dias img {float: left; margin-right: 40px; margin-top: 10px;}
.box_7dias h1 {font-weight: 700; letter-spacing: -1px; margin: 0 0 10px 0; font-size: 35px; line-height: 35px;}
.box_7dias p {font-size: 16px; margin: 0;}
.box_7dias .caixa-grt {margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #FFF;}
.box_7dias .box-whats {text-align: center;}
.box_7dias .box-whats h2 {font-weight: 700; letter-spacing: -1px; margin: 0 0 20px 0; color: #00E160; font-size: 35px; line-height: 35px;}
.box_7dias .box-whats p {font-size: 23px;}
.box_7dias .box-whats a {display: table; margin: 30px auto 0; font-weight: 700; color: #000; font-size: 25px; padding: 15px 20px 15px 60px; background: url('../imagens/whats.png') 20px no-repeat #00E160;}
.box_7dias .box-whats a:hover {background-color: #FFF;}

.footer {background: rgb(0,225,96);
background: linear-gradient(0deg, rgba(0,225,96,0.29733900396095936) 0%, rgba(15,15,15,1) 100%);
padding: 30px 0; text-align: center;}
.footer img {display: table; margin: 0 auto; width: 130px;}
.footer h3 {font-size: 21px; margin: 15px 0 0 0;}
.footer .mg1 {margin: 10px 0 0 0; text-align: left;}




@media (pointer: coarse) {
  body {text-align: center;}

  .box_slide, .box_oque, .box_frase, .box_comp, .box_bonus, .box_planos, .box_7dias {padding: 35px 10px;}

  .videoWrapper {margin: 1rem -1.4rem 2rem;}

  .menu-head {padding: 20px;}
  .menu-head img {float: left; height: 33px; margin-top: 7px;}

  .box_slide {background-size: cover; padding-top: 115px;}
  .box_slide img {display: none;}
  .box_slide h3 {margin-top: 0; margin-bottom: 20px; font-size: 30px;}
  .box_slide p {font-size: 19px;}


  .box_oque {background: url('../imagens/banner_oque-cel.jpg') top center no-repeat #FFF; background-size: contain; padding-top: 100px; background-position-x: 70px;}
  .box_oque h1 {font-size: 33px;}
  .box_oque p {font-size: 19px;}

  .box_frase h1 {font-size: 25px;}

  .box_comp {background-size: contain; padding-top: 45px;}
  .box_comp .cont-pai {height: auto;}
  .box_comp h1 {font-size: 45px; line-height: 45px; padding: 0; margin-bottom: 45px; margin-top: 10px;}
  .box_comp ul li {padding-left: 15px; padding-right: 0;}
  .box_comp ul li h3 {text-align: left; font-size: 20px; margin-top: 6px;}
  .box_comp ul li img {width: 65px;}
  .box_comp .pi4 {width: 100%;}

  .box_bonus h1 {margin: 20px 0;}
  .box_bonus .bns-cel {display: block;}
  .box_bonus .bns-cel-no {display: none;}
  .box_bonus p {font-size: 18px; line-height: 26px;}
  .box_bonus h3 {font-size: 23px;}

  .box_planos .plan1, .box_planos .plan2 {margin: 0;}
  .box_planos .plan2 {padding: 2rem 1.2rem;}
  .box_planos .plan1 {margin-bottom: 25px;}
  .box_planos a {font-size: 25px; margin: 2rem 0;}
  .box_planos ul {margin: 0;}
  .box_planos ul li {text-align: left; padding: 1rem 0; text-align: center;}
  .box_planos h3 {font-size: 33px;}
  .box_planos p {font-size: 18px;}

  .box_7dias img {float: none; margin: 0 0 30px 0;}
  .box_7dias h1 {font-size: 30px;}
  .box_7dias p {font-size: 15px;}
  .box_7dias h1 {color: #00E160;}
  .box_7dias .box-whats a {line-height: 24px; font-size: 22px;}
  .box_7dias .box-whats p {font-size: 20px;}

  .footer {padding: 0 0 35px 0;}
  .footer .mg1, .footer h3 {text-align: center; font-size: 14px;}
  .footer img {margin: 20px auto;}
}