:root {
  --tim-blue-color: #122AC2;
  --tim-dark-blue-color: #021136;
  --tim-electro-blue-color: #082EEF;
  --tim-dodger-blue-color: #1A7AF4;
  --tim-red-color: #eb0028;
  --tim-gray-color: #585858;
  --b-pulse-color: rgba(0, 0, 0, .2);
  --wa-green-color: #2DBE80;
  --hero-bg-color: linear-gradient(90deg, #F4F5FC 49%, #FFFFFF 50%);
  --title-text-color: #ffffff;
  --subtitle-text-color: #ffffff;
  --tim-blue-gradient: linear-gradient(90deg, #004691 0%, #003681 100%);
  --tim-electro-blue-gradient: linear-gradient(90deg, #082EEF 0%, #003681 100%);

}
body, html { font-family: TIMSans, 'Open Sans', Helvetica, sans-serif !important; }

/*                              /
  xs < 768px   container none
  s  < 992px   container 750px
  m  < 1200px  container 970px
  l >= 1200px  container 1170px
/                              */

 @-webkit-keyframes b-pulse { 0% { box-shadow: 0 0 0 0 var(--b-pulse-color); } }
 @keyframes b-pulse { 0% { box-shadow: 0 0 0 0 var(--b-pulse-color); } }

.btn-ma { margin: 0 auto; }
.btn-mw300 { max-width: 300px; }
.btn-mw350 { max-width: 350px; }
.btn-mw400 { max-width: 400px; }
.btn.btn-block, .btn.btn-block:active, .btn.btn-block:focus, .btn.btn-block:hover, .btn.btn-block:active:hover { color: white; outline: none; }
.btn.btn-block:hover, .btn.btn-block:focus { -webkit-animation: b-pulse 1s; animation: b-pulse 1s; box-shadow: 0 0 0 1em rgba(255, 255, 255, 0); }

.btn.btn-submit { margin-top: 10px; background-color: var(--tim-red-color); }
.btn.btn-discover { background-color: var(--tim-electro-blue-color); }
.btn.btn-whatsapp { background-color: var(--wa-green-color); }
.btn.btn-email { background-color: var(--tim-dodger-blue-color); }
.btn.btn-callme { background-color: var(--tim-blue-color); }

.clickable { cursor: pointer; }

.logo-row { position: relative; background-color: var(--tim-blue-color); }
.logo-row img { height: 26px; margin: 10px auto; }
.logo-row .herobox { position: absolute; top: 46px; left: 0; width: 100%; height: 540px; z-index: -10; background: var(--hero-bg-color); overflow: hidden; }
.logo-row .herobox .art { width: 100%; height: 540px; background-image: url(hero-mobile.jpg); background-position: left top; background-repeat: no-repeat; background-size: cover; }
.logo-row .herobox .fader { position: absolute; bottom: -2px; left: 0; width: 100%; height: 40px; background-image: url(../stock/img/white-fader.png); background-size: 1px 40px; background-repeat: repeat-x; }
.in-wrapper { margin: 0 auto; max-width: 500px; }
.in-wrapper-full { margin: 0 auto; max-width: 750px; }

.capital-row .col-phasing { height: 12px; }
.capital-row .pricevault { position: relative; width: 100%; }
.capital-row .pricevault .pricebox { position: absolute; padding: 0; top: 95px; z-index: 10; min-width: 100px; }
.capital-row .pricevault .pricebox.on-left { left: 0; text-align: left; }
.capital-row .pricevault .pricebox.on-left .rounded { position: relative; float: left; }
.capital-row .pricevault .pricebox.on-center { left: 0; right: 0; margin-left: auto; margin-right: auto; display: flex; justify-content: center; }
.capital-row .pricevault .pricebox.on-right { right: 0; text-align: right; }
.capital-row .pricevault .pricebox.on-right .rounded { position: relative; float: right; }
.capital-row .pricevault .pricebox .rounded div { overflow: hidden; }
.capital-row .pricevault .pricebox .rounded .up.blue { background-image: url(../stock/img/price-box-ta.svg); color: #575757; background-size: 135px 90px; }
.capital-row .pricevault .pricebox .rounded .down.blue { background-image: url(../stock/img/price-box-ba.svg); background-size: 135px 41px; }
.capital-row .pricevault .pricebox .rounded .up.red { background-image: url(../stock/img/price-box-tr.svg); color: var(--tim-red-color); background-size: 135px 90px; }
.capital-row .pricevault .pricebox .rounded .down.red { background-image: url(../stock/img/price-box-br.svg); background-size: 135px 41px; }
.capital-row .pricevault .pricebox .rounded .trailer { text-align: center;  font-size: 16px; height: 30px; display: flex; justify-content: center; align-items: flex-end; }
.capital-row .pricevault .pricebox .rounded .footnote { color:  white; text-align: center; text-transform: uppercase; line-height: 50px; }
.capital-row .pricevault .pricebox .rounded .pricing { display: flex; margin-top: -2px; }
.capital-row .pricevault .pricebox .rounded .pricing .lefted { width: 70px; }
.capital-row .pricevault .pricebox .rounded .pricing .lefted .tens { height: 60px; line-height: 60px; font-size: 50px; font-weight: 700; text-align: right; }
.capital-row .pricevault .pricebox .rounded .pricing .righted { width: 65px; }
.capital-row .pricevault .pricebox .rounded .pricing .righted div { text-align: left; }
.capital-row .pricevault .pricebox .rounded .pricing .righted .tenth { height: 35px; line-height: 45px; font-size: 26px; font-weight: 700; }
.capital-row .pricevault .pricebox .rounded .pricing .righted .units { font-weight: 300; }
.capital-row .pricevault .pricebox .up { display: block; width: 135px; height: 90px; }
.capital-row .pricevault .pricebox .down { display: block; width: 135px; height: 41px; padding: 0 4px; }
.capital-row .pricevault .pricebox .down .footnote { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.capital-row .title  { text-align: center; padding: 0 10px; }
.capital-row .title sup img  { margin-left: 2px; height: 18px; }
.capital-row .title h1  { font-weight: 700; margin-top: 0; font-size: 25px; color: var(--title-text-color); }
.capital-row .title h3  { font-size: 17px; margin-top: 10px; color: var(--subtitle-text-color); }

.blackie h1,
.blackie h3 { text-shadow: #000000 2px 2px 4px; }

.glow .capital-row h1,
.glow .capital-row h3 { text-shadow: 0 0 12px white; }
.glow .moduler { box-shadow: 0 0 18px white; }

.modulapper { width: 100%; max-width: 375px; min-height: 420px; display: flex; flex-direction: row; margin-top: 240px; }
.modulapper.on-left { float: left; }
.modulapper.on-center { margin: 0 auto; }
.modulapper.on-right { float: right; }
.modulapper .slice { width: 28px; position: relative; }
.modulapper .slice .tim-symbol-logo { position: absolute; top: 22px; left: 0; width: 74px; }
.modulapper .moduler { flex-grow: 2; border-radius: 15px; background: var(--tim-blue-color); padding: 0 18px; }
.modulapper .moduler h3 { color: white; text-align: right; font-size: 22px; }
.modulapper .moduler h3.timing { margin-top: 0; }
.modulapper .moduler h3.timing .icon { height: 23px; margin-left: 8px; vertical-align: top; display: none; }
.modulapper .moduler form { margin-top: 20px; }
.modulapper .moduler label { color: white; font-weight: 400; }
.modulapper .moduler .invalid-explanation { margin-bottom: 0; }


.feature-row.first { margin-top: 20px; }
.feature-row .bullet { background: #f1f1f1; text-align: center; color: black; border-radius: 8px; padding: 8px 12px; margin-top: 6px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.feature-row .bullet img { height: 32px; margin: 6px 12px; }

.new-title-wrapper h3 { margin-top: 1em; }
hr {margin-top: 2em; }

.splide__col { padding: 0; }
.splide__desc { color: white; left: 0; bottom: 0; height: 70px; line-height: 1; position: absolute; background: #ff0000; width: 100%; padding: 0 10px; display: flex; align-items: center; margin: 0; z-index: 5; }
.splide__slide { box-sizing: border-box; border:  solid 1px #f4f4fe; cursor: pointer; }
.splide__slide:after { content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity .1s ease-out; width: 100%; z-index: 2; }
.splide__slide { background-color: transparent; background-size: contain; background-position: top center; background-repeat: no-repeat; z-index: 1; }
.splide__slide.slide_01 { background-image: url(1.jpg); }
.splide__slide.slide_02 { background-image: url(2.jpg); }
.splide__slide.slide_03 { background-image: url(3.jpg); }
.splide__slide.slide_04 { background-image: url(4.jpg); }
.splide__slide.slide_05 { background-image: url(5.jpg); }
.splide__slide.slide_06 { background-image: url(6.jpg); }
.splide__slide.slide_07 { background-image: url(7.jpg); }
.splide__pagination { bottom: -2.5em; }
.splide__pagination__page.is-active { background: #000; transform: scale(1.1); }
.splide-wrapper { margin-top: 2em; }

.discover-wrapper { margin-top: 4em; }

.share-row { margin-top: 1em; }
i.ta { background-size: cover; background-repeat: no-repeat; display: inline-block; height: 1.2em; width: 1.2em; vertical-align: text-top; margin-right: .3em; }
i.ta.ta-whatsapp { background-image : url(../stock/img/icon-whatsapp-white.svg); }
i.ta.ta-email { background-image : url(../stock/img/icon-email-white.svg); }


.faq-row:first-of-type { margin-top: 15px; }
.faq-row .bullet { background: #f1f1f1; text-align: left; color: black; border-radius: 8px; padding: 8px 12px; margin-top: 6px; }
.faq-row .question { font-weight: 600; padding: 1rem 0; cursor: pointer; }
.faq-row .answer { font-size: 90%; padding: 0 1rem 1rem; display: none; }
.faq-row .answer button { color: white; background-color: black; margin: 1.5rem auto 0; max-width: 350px;  }

.arrow { width: 1.35rem; height: 1.25rem; display: inline-block; position: relative; margin: 0 1rem; }
.arrow span { top: 0.6rem; position: absolute; width: 0.9rem; height: 0.25rem; background-color: black; display: inline-block; transition: all 0.2s ease; }
.arrow.light span { background-color: white; }
.arrow span:first-of-type { left: 0; transform: rotate(45deg); }
.arrow span:last-of-type { right: 0; transform: rotate(-45deg); }
.arrow.active span:first-of-type { transform: rotate(-45deg); }
.arrow.active span:last-of-type { transform: rotate(45deg); }

.arrow.cross span:last-of-type { left: 0; }
.arrow.cross.closer { position: absolute; top: 10px; right: 0;transform: scale(2); cursor: pointer; z-index: 150; }

.phone-boot-wrapper { margin-top: 1.5em; width: 100%; display: flex; align-items: center; justify-content: center; padding: 0 20px; }
.phone-boot-wrapper img { width: 35%; max-width: 75px; }
.phone-boot-wrapper h4 { margin-left: 10px; }

.disclaimer-content { margin-top: 1em; padding: 0 .5em; text-align: center; font-weight: 300; font-size: 65%; color: #666; }
.moduler .disclaimer-content { margin: 1em auto 2em; color: #fff; font-size: 60%; max-width: 299px; padding: 0; }
.moduler .disclaimer-content a { color: inherit !important; }

.privacy-row { background: var(--tim-blue-color); background-image: url(../stock/img/bg-electro-slider.webp); background-size: 1920px 1070px; background-position: center top; background-repeat: no-repeat; color: white; font-size: xx-small; font-weight: 300; padding: 1em .5em; }
.privacy-row img { height: 45px; }
.privacy-row a,
.privacy-row a:link,
.privacy-row a:visited,
.privacy-row a:hover,
.privacy-row a:active { color: white !important; text-decoration: none !important; }

#stage-thanks { position: fixed; top: 0; left: 0; width: 100vw; padding-top: 12px; color: var(--tim-blue-color); background-color: white; border-bottom: var(--tim-blue-color); z-index: 50; display: none; }

.overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 100; display: none; }
.overlay.dark { background-color: rgba(0, 70, 145, .95); }
.overlay.light { background-color: rgba(255, 255, 255, .9); }
.overlay-01 { z-index: 101; }
.overlay-02 { z-index: 102; }
.overlay-03 { z-index: 102; }
.overlay-04 { z-index: 150; }
.overlay .closer { display: none; }
.overlay.closeable .closer { display: block; }
.overlay .outer { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.overlay .inner { position: relative; box-sizing: border-box; border-radius: 4px; width: 90%; max-width: 500px; min-height: 200px; max-height: 95vh; padding: .5em; }
.overlay .inner .scrollable { max-width: 500px; max-height: 90vh; overflow: scroll; }
.overlay .inner.light { background-color: white; }
.overlay .container { width: auto; }
.overlay .content-wrapper .content { padding: 1em 1em 1.5em; }
.overlay h4 { margin-top: 1em; }
.overlay .alert { text-align: center; }
.overlay.dark .alert { color: white; }
.overlay.dark a,
.overlay.dark a:link,
.overlay.dark a:visited,
.overlay.dark a:hover,
.overlay.dark a:active { color: white; }
.overlay.dark a { color: white; text-decoration: underline; }
.overlay .modulapper { min-height: 0; }
.overlay .modulapper .moduler { padding-bottom: 18px; position: relative; }
.overlay .modulapper .moduler h3 { text-align: center; }
.overlay .modulapper .btn-submit { margin-top: 12px; }

@media (min-width: 410px) {
  .modulapper .slice .tim-symbol-logo { width:  74px; left: -11px; }
}

@media (min-width: 500px) {

  .logo-row .herobox { height: 650px; top: 0 }
  .logo-row .herobox .art { height: 650px; }
}

@media (min-width: 768px) {

  .logo-row img { height: 45px; margin: 15px auto; }
  .logo-row .herobox { top: 75px; height: 650px; }
  .logo-row .herobox .art { height: 650px; background-image: url(hero-desktop.jpg); }
  .in-wrapper { width: 100%; margin: 0 auto; max-width: none; }

  .capital-row { margin-top: 10px; }
  .capital-row .col-phasing { height: auto; }
  .capital-row .pricevault .pricebox { position: static; text-align: right; padding-right: 5px; }
  .capital-row .pricevault .pricebox.on-center { display: block; }
  .capital-row .pricevault .pricebox.on-left .rounded,
  .capital-row .pricevault .pricebox.on-center .rounded,
  .capital-row .pricevault .pricebox.on-right .rounded { float: right; }
  .capital-row .title  { text-align: left; padding-left: 15px; }
  .capital-row .title sup img  { height: 22px; }
  .capital-row .title h1  { font-size: 34px; margin-top: 15px; }
  .capital-row .title h3  { font-size: 22px; }

  .modulapper { margin-top: 20px; }

  .feature-row.first { margin-top: 80px; margin-bottom: 8px; }
  .feature-row .bullet { text-align: left; flex-direction: row; justify-content: flex-start; }
  .feature-row .col-sm-12, .feature-row .col-sm-4 { padding: 0 6px; }

  .splide__col { padding: 0 10px; }
}

@media (min-width: 1200px) {

  .logo-row .herobox .art { background-image: url(hero-wide.jpg); background-size: contain; background-position: center top; }
  .modulapper { margin: 20px auto 0 !important; }
  .privacy-row { background-size: cover; }
}