:root {
  --color1: #0f75bc !important;
  --color2: #fcb040 !important;
  --color3: #094266 !important;
  --color4: !important;
  --color5: #ecf6fd !important;
  --color6: #f19204 !important;

  /* White ========================================= */
  --white-005: rgba(255, 255, 255, 0.05);
  --white-01: rgba(255, 255, 255, 0.1);
  --white-02: rgba(255, 255, 255, 0.2);
  --white-03: rgba(255, 255, 255, 0.3);
  --white-04: rgba(255, 255, 255, 0.4);
  --white-05: rgba(255, 255, 255, 0.5);
  --white-06: rgba(255, 255, 255, 0.6);
  --white-07: rgba(255, 255, 255, 0.7);
  --white-08: rgba(255, 255, 255, 0.8);
  --white-09: rgba(255, 255, 255, 0.9);
  --white: #ffffff;

  /* Black ======================================== */
  --black-005: rgba(0, 0, 0, 0.05);
  --black-01: rgba(0, 0, 0, 0.1);
  --black-02: rgba(0, 0, 0, 0.2);
  --black-03: rgba(0, 0, 0, 0.3);
  --black-04: rgba(0, 0, 0, 0.4);
  --black-05: rgba(0, 0, 0, 0.5);
  --black-06: rgba(0, 0, 0, 0.6);
  --black-07: rgba(0, 0, 0, 0.7);
  --black-08: rgba(0, 0, 0, 0.8);
  --black-09: rgba(0, 0, 0, 0.9);
  --black: #0c0c0c !important;
}

/* White ========================================== */
.white-005 {
  color: var(--white-005);
}
.white-01 {
  color: var(--white-01);
}
.white-02 {
  color: var(--white-02);
}
.white-03 {
  color: var(--white-03);
}
.white-04 {
  color: var(--white-04);
}
.white-05 {
  color: var(--white-05);
}
.white-06 {
  color: var(--white-06);
}
.white-07 {
  color: var(--white-07);
}
.white-08 {
  color: var(--white-08);
}
.white-09 {
  color: var(--white-09);
}
.white {
  color: var(--white);
}

/* Black ========================================== */
.black-005 {
  color: var(--black-005);
}
.black-01 {
  color: var(--black-01);
}
.black-02 {
  color: var(--black-02);
}
.black-03 {
  color: var(--black-03);
}
.black-04 {
  color: var(--black-04);
}
.black-05 {
  color: var(--black-05);
}
.black-06 {
  color: var(--black-06);
}
.black-07 {
  color: var(--black-07);
}
.black-08 {
  color: var(--black-08);
}
.black-09 {
  color: var(--black-09);
}
.black {
  color: var(--black);
}

/* Fonts 4pt / 8pt ================================== */
/* Rem = Tamanho da font / 16 */

.font_4 {
  font-size: 0.25rem !important;
  line-height: calc(0.25rem * 1.5);
}
.font_8 {
  font-size: 0.5rem !important;
  line-height: calc(0.5rem * 1.5);
}
.font_12 {
  font-size: 0.75rem !important;
  line-height: calc(0.75rem * 1.5);
}
.font_14 {
  font-size: 0.875rem !important;
  line-height: calc(0.875rem * 1.5);
}
.font_16 {
  font-size: 1rem !important;
  line-height: calc(1rem * 1.5);
}
.font_18 {
  font-size: 1.125rem !important;
  line-height: calc(1.125rem * 1.5);
}
.font_20 {
  font-size: 1.25rem !important;
  line-height: calc(1.25rem * 1.5);
}
.font_24 {
  font-size: 1.5rem !important;
  line-height: calc(1.5rem * 1.5);
}
.font_28 {
  font-size: 1.75rem !important;
  line-height: calc(1.75rem * 1.5);
}
.font_32 {
  font-size: 2rem !important;
  line-height: calc(2rem * 1.5);
}
.font_36 {
  font-size: 2.2rem !important;
  line-height: calc(2.2rem * 1.5);
}
.font_40 {
  font-size: 2.5rem !important;
  line-height: calc(2.5rem * 1.5);
}
.font_44 {
  font-size: 2.75rem !important;
  line-height: calc(2.75rem * 1.5);
}
.font_48 {
  font-size: 3rem !important;
  line-height: calc(3rem * 1.5);
}

/* Font =========================================== */

/* Default ========================================= */

.color1 {
  color: var(--color1);
  text-shadow: none;
}
.color2 {
  color: var(--color2);
}
.color3 {
  color: var(--color3);
}
.color4 {
  color: var(--color4);
}
.color5 {
  color: var(--color5);
}
.color-shadow {
  color: var(--color2);
  /* text-shadow: 3px 5px var(--color1); */
  text-shadow: 3px 3px 0px var(--white), 5px 5px 0px var(--color1);
}
.color-shadow-2 {
  color: var(--color2);
  /* text-shadow: 3px 5px var(--color1); */
  text-shadow: 3px 3px 0px var(--color1), 5px 5px 0px var(--white);
}
.white-int {
  color: var(--white);
  text-shadow: none;
}
.bgcolor1 {
  background: var(--color1);
}
.bg-gradient-color1 {
  /* background: linear-gradient(
    190deg,
    rgba(15, 117, 188, 1) 0%,
    rgba(7, 86, 142, 1) 60%
  ); */
  background: linear-gradient(
    0deg,
    rgba(18, 104, 165, 1) 0%,
    rgba(12, 84, 135, 1) 68%
  );
  /* background: #1268a5; */
}
.bgcolor2 {
  background: var(--color2);
}
.bgcolor3 {
  background: var(--color3);
}
.bgcolor4 {
  background: var(--color4);
}
.bgcolor5 {
  background: var(--color5);
}
.bgcolor6 {
  background: var(--color6);
  opacity: 0.4;
}
.bgwhite-08 {
  background: var(--white-08);
}
.bgblack {
  background: var(--black);
}
.bgblack-02 {
  background: var(--black-09);
}
.opacity-0 {
  opacity: 0;
}

/* ---------------- */
.home {
  background: #aaaaaa;
  height: 600px;
}
.social-icon a,
.social-icons a,
.top-bar-contact-list a,
.copyright a,
.link-footer a {
  color: var(--white-07);
}
.social-icon a:hover,
.top-bar-contact-list a:hover,
.social-icons a:hover,
.copyright a:hover,
.link-footer a:hover {
  color: var(--color2);
}
.footer-text {
  color: var(--white-07);
}
.link-form a:hover {
  color: var(--color1);
}
.btn-principal {
  color: var(--white);
  background: var(--color1);
}
.btn-principal:hover {
  color: var(--white);
  opacity: 0.8;
}
.btn-principal-stroke {
  color: var(--color1);
  background-color: rgba(15, 117, 188, 0.08);
  border: 0.14rem solid var(--color1);
}
.btn-principal-stroke:hover {
  color: var(--white);
  background: var(--color1);
  border: 0.14rem solid var(--color1);
}
.btn-principal-stroke-2 {
  color: var(--white);
  background-color: rgb(255, 255, 255, 0.2);
  border: 0.14rem solid var(--white);
}
.btn-principal-stroke-2:hover {
  color: var(--color1);
  background: var(--white);
  border: 0.14rem solid var(--white);
}
.list-style-02 a {
  color: var(--color1);
}
.list-style-02 a:hover,
.list-style-07 a:hover {
  color: var(--color1);
  opacity: 0.7;
  text-decoration: underline;
}
.title-internet {
  font-size: 100px;
  line-height: 40px;
}
.title-extra-small-2 {
  font-size: 30px;
  line-height: 32px;
}
.cdi-tv span {
  display: block;
  line-height: 22px;
}
@media (max-width: 600px) {
  .title-internet {
    font-size: 80px;
    line-height: 40px;
  }
  .title-extra-small-2 {
    font-size: 2.3rem;
    line-height: 3rem;
  }
  .title-large-responsive {
    margin-bottom: 30px !important;
  }
  .absolute-middle-center {
    left: 50% !important;
  }
  .cdi-tv span {
    text-align: center;
  }
}
.card-animation-inverse {
  transition: all 0.35s;
}
.card-animation:hover {
  margin-top: -10px;
  padding-bottom: 10px;
  transition: all 0.35s;
  background: #ecf4fa !important;
}
.card-animation-recomendado:hover {
  margin-top: -10px;
  padding-bottom: 10px;
}
.recomendado {
  /* background: #072c4b; */
  background: #0b5284;
  color: var(--white);
  display: block;
  width: 100%;
  padding: 5px 0;
  font-weight: 500;
}
/* Apps */
.tab-style-01 .nav-tabs {
  /* display: table !important; */
  /* width: 100% !important; */
}
.nav-2 {
  display: block !important;
}
.nav-2 > li.nav-item {
  display: block;
  line-height: 30px;
  padding: 0 !important;
  text-align: left;
}
.tab-style-01 .nav-tabs > li.nav-item > a.nav-link.active + .tab-border,
.tab-style-01 .nav-tabs > li.active .tab-border {
  opacity: 1;
  width: 100%;
  visibility: visible;
}
.tab-style-01 .nav-tabs > li.nav-item .tab-border {
  width: 0;
  height: 2px;
  display: block;
  margin-top: 5px;
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.5s;
}

.btn.btn-perso {
  font-size: 12px;
  padding: 16px 22px;
}