:root {
  --color1: #FB5202 !important;
  --color2: #19166C !important;
  --color3: #222222 !important;
  --color4: #1A1A2D !important;
  --color5: #959595 !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;
  line-height: calc(0.25rem * 1.5);
}
.font_8 {
  font-size: 0.5rem;
  line-height: calc(0.5rem * 1.5);
}
.font_12 {
  font-size: 0.75rem;
  line-height: calc(0.75rem * 1.5);
}
.font_14 {
  font-size: 0.875rem;
  line-height: calc(0.875rem * 1.5);
}
.font_16 {
  font-size: 1rem;
  line-height: calc(1rem * 1.5);
}
.font_18 {
  font-size: 1.125rem;
  line-height: calc(1.125rem * 1.5);
}
.font_20 {
  font-size: 1.25rem;
  line-height: calc(1.25rem * 1.5);
}
.font_24 {
  font-size: 1.5rem;
  line-height: calc(1.5rem * 1.5);
}
.font_28 {
  font-size: 1.75rem;
  line-height: calc(1.75rem * 1.5);
}
.font_32 {
  font-size: 2rem;
  line-height: calc(2rem * 1.5);
}
.font_36 {
  font-size: 2.2rem;
  line-height: calc(2.2rem * 1.5);
}
.font_40 {
  font-size: 2.5rem;
  line-height: calc(2.5rem * 1.5);
}
.font_44 {
  font-size: 2.75rem;
  line-height: calc(2.75rem * 1.5);
}
.font_48 {
  font-size: 3rem;
  line-height: calc(3rem * 1.5);
}

/* Font =========================================== */


@font-face {
  font-family: 'Chivo';
  src: url('../fonts/Chivo-ExtraBold.woff2') format('woff2'),
      url('../fonts/Chivo-ExtraBold.woff') format('woff');
  font-weight: 800;
}
@font-face {
  font-family: 'Chivo';
  src: url('../fonts/Chivo-Bold.woff2') format('woff2'),
      url('../fonts/Chivo-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Chivo';
  src: url('../fonts/Chivo-SemiBold.woff2') format('woff2'),
      url('../fonts/Chivo-SemiBold.woff') format('woff');
  font-weight: 600;
}
@font-face {
  font-family: 'Chivo';
  src: url('../fonts/Chivo-Regular.woff2') format('woff2'),
      url('../fonts/Chivo-Regular.woff') format('woff');
  font-weight: 500;
}
@font-face {
  font-family: 'Chivo';
  src: url('../fonts/Chivo-Medium.woff2') format('woff2'),
      url('../fonts/Chivo-Medium.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Chivo';
  src: url('../fonts/Chivo-Light.woff2') format('woff2'),
      url('../fonts/Chivo-Light.woff') format('woff');
  font-weight: 300;
}

/* Default ========================================= */

.color1 {
  color: var(--color1);
}
.color2 {
  color: var(--color2);
}
.color3 {
  color: var(--color3);
}
.color4 {
  color: var(--color4);
}
.color5 {
  color: var(--color5);
}
.bgcolor1 {
  background: var(--color1);
}
.bgcolor2 {
  background: var(--color2);
}
.bgcolor3 {
  background: var(--color3);
}
.bgcolor4 {
  background: var(--color4);
}
.bgcolor5 {
  background: var(--color5);
}
.bgblack {
  background: var(--black);
}
.bgblack-02 {
  background: var(--black-09);
}
.opacity-0 {
  opacity: 0;
}

/* ---------------- */
.home {
  height: 600px;
  background: #8a8a8a;
}
.navbar-brand {
  padding-top: 1.7rem !important;
  padding-bottom: 1.7rem !important;
}
.header-button a {
  color: var(--color1);
}
.header-button a:hover {
  color: var(--white);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:active > .nothover {
  color: var(--white) !important;
}
.footer-text,
a {
  /* color: var(--white-05); */
  color: #B2B1CE;
}
.footer-text li a:hover {
  color: var(--color1)!important;
}
.margin-efect a:hover {    
  margin-left: 4px;
  text-decoration: underline 1px var(--color1);
}
.social-icons > li {
  padding: 0 4px;
}

/* Btn ----------- */

.btn-principal  {
  background-color: var(--color1);
  border-radius: 2px;
  color: var(--white);
  font-size: 400;
  letter-spacing: 0.04rem;
  cursor: pointer;
  display: inline-block;
  text-transform:none !important;
  text-decoration: none;
  transition: all 250ms;
  border: 0;
  font-size: 14.5px !important;
}

.btn-principal:hover {
  box-shadow: rgba(231, 97, 7, 0.725) 0 -25px 18px -14px inset,rgba(231, 97, 7,.25) 0 1px 2px,rgba(231, 97, 7,.25) 0 2px 4px,rgba(231, 97, 7,.25) 0 4px 8px,rgba(231, 97, 7,.25) 0 8px 16px,rgba(231, 97, 7,.25) 0 16px 32px;
  transform: scale(1.05);
  color: var(--white);
}
.img-contato {
  max-width: 35px;
  max-height: 35px;
  margin-bottom: 15px;
}
@media (max-width: 600px){
  .cover-background{
    background-position: 18% !important;
  }

}