/* ==========================================================================

CUSTOM ILEX
========================================================================== */

@media screen and (min-device-width: 1025px) and (max-device-width: 1399px) { 
    .glitch {
        font-size: 45px !important;

    }
}

.col-sm-3, .col-sm-2 {

    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 11px;
}

@import url('https://fonts.googleapis.com/css?family=Orbitron');

.page-template-ilex {
    font-family: 'Orbitron', sans-serif;
    overflow: hidden;
    background-color: #000 !important;
}   

.wrap {
    background-size: cover !important;
    height: 24vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .wrap-fixo {
    background: black url(https://i.pinimg.com/originals/19/25/54/192554a04afec08850b57cbb4a16cb6c.gif) center center no-repeat;
    background-size: cover;
    height: 24vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .glitch {
    font-family: 'Orbitron', sans-serif;
    font-weight: 600;
    color: white;
    font-size: 70px;
    position: relative;
    margin: 0 auto;
    text-shadow: 0px -5px 10px white, 0px 0px 5px rgba(255, 255, 255, 0), 0px 0px 10px rgba(255, 255, 255, 0), 0px 0px 15px rgba(255, 255, 255, 0), 0px 0px 20px rgba(255, 255, 255, 0);
    -webkit-animation: noise-anim-2 3s infinite linear alternate-reverse, shift 4s ease-in-out infinite alternate, blur 8s ease-in-out infinite alternate;
            animation: noise-anim-2 3s infinite linear alternate-reverse, shift 4s ease-in-out infinite alternate, blur 8s ease-in-out infinite alternate;
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
  }
  @-webkit-keyframes blur {
    0%,40%, 50%, 60%, 90%, 95%, 100% {
      text-shadow: 0px -5px 10px white, 0px 0px 5px rgba(255, 255, 255, 0), 0px 0px 10px rgba(255, 255, 255, 0), 2px 1px 15px rgba(100, 240, 255, 0), 0px 0px 20px rgba(255, 255, 255, 0);
    }
    45%, 75% {
      text-shadow: 0px -5px 10px white, 0px 0px 5px white, 0px 0px 10px white, 2px 1px 15px #64f0ff, 0px 0px 20px white;
    }
    97.5% {
      text-shadow: 0px -5px 10px rgba(255, 255, 255, 0), 0px 0px 5px rgba(255, 255, 255, 0), 0px 0px 10px rgba(255, 255, 255, 0), 2px 1px 4px #ff6464, 0px 0px 20px rgba(255, 255, 255, 0);
    }
  }
  @keyframes blur {
    0%,40%, 50%, 60%, 90%, 95%, 100% {
      text-shadow: 0px -5px 10px white, 0px 0px 5px rgba(255, 255, 255, 0), 0px 0px 10px rgba(255, 255, 255, 0), 2px 1px 15px rgba(100, 240, 255, 0), 0px 0px 20px rgba(255, 255, 255, 0);
    }
    45%, 75% {
      text-shadow: 0px -5px 10px white, 0px 0px 5px white, 0px 0px 10px white, 2px 1px 15px #64f0ff, 0px 0px 20px white;
    }
    97.5% {
      text-shadow: 0px -5px 10px rgba(255, 255, 255, 0), 0px 0px 5px rgba(255, 255, 255, 0), 0px 0px 10px rgba(255, 255, 255, 0), 2px 1px 4px #ff6464, 0px 0px 20px rgba(255, 255, 255, 0);
    }
  }
  .glitch:after {
    content: attr(data-text);
    position: absolute;
    left: 3px;
    text-shadow: -1px 0 red;
    top: 0;
    color: transparent;
    background: transparent;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    -webkit-animation: noise-anim-2 3s infinite linear alternate-reverse, shift 4s ease-in-out infinite alternate;
            animation: noise-anim-2 3s infinite linear alternate-reverse, shift 4s ease-in-out infinite alternate;
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    z-index: -2;
    opacity: .7;
  }
  
  .glitch:before {
    content: attr(data-text);
    position: absolute;
    left: 1px;
    text-shadow: -3px 0 cyan;
    top: 0;
    color: transparent;
    background: transparent;
    overflow: hidden;
    clip: rect(0, 900px, 0, 0);
    -webkit-animation: noise-anim-2 3s infinite linear alternate-reverse, shift 4s ease-in-out infinite alternate;
            animation: noise-anim-2 3s infinite linear alternate-reverse, shift 4s ease-in-out infinite alternate;
    -webkit-transform: skewX(0deg);
    transform: skewX(0deg);
    z-index: -1;
    opacity: .8;
  }
  
  @-webkit-keyframes noise-anim {
    0% {
      clip: rect(65px, 9999px, 11px, 0);
    }
    5% {
      clip: rect(39px, 9999px, 93px, 0);
    }
    10% {
      clip: rect(96px, 9999px, 21px, 0);
    }
    15% {
      clip: rect(97px, 9999px, 27px, 0);
    }
    20% {
      clip: rect(85px, 9999px, 24px, 0);
    }
    25% {
      clip: rect(90px, 9999px, 19px, 0);
    }
    30% {
      clip: rect(47px, 9999px, 12px, 0);
    }
    35% {
      clip: rect(21px, 9999px, 97px, 0);
    }
    40% {
      clip: rect(79px, 9999px, 49px, 0);
    }
    45% {
      clip: rect(96px, 9999px, 55px, 0);
    }
    50% {
      clip: rect(9px, 9999px, 1px, 0);
    }
    55% {
      clip: rect(91px, 9999px, 76px, 0);
    }
    60% {
      clip: rect(69px, 9999px, 22px, 0);
    }
    65% {
      clip: rect(79px, 9999px, 12px, 0);
    }
    70% {
      clip: rect(4px, 9999px, 10px, 0);
    }
    75% {
      clip: rect(5px, 9999px, 82px, 0);
    }
    80% {
      clip: rect(53px, 9999px, 15px, 0);
    }
    85% {
      clip: rect(59px, 9999px, 32px, 0);
    }
    90% {
      clip: rect(63px, 9999px, 29px, 0);
    }
    95% {
      clip: rect(93px, 9999px, 84px, 0);
    }
    100% {
      clip: rect(67px, 9999px, 94px, 0);
    }
  }
  
  @keyframes noise-anim {
    0% {
      clip: rect(65px, 9999px, 11px, 0);
    }
    5% {
      clip: rect(39px, 9999px, 93px, 0);
    }
    10% {
      clip: rect(96px, 9999px, 21px, 0);
    }
    15% {
      clip: rect(97px, 9999px, 27px, 0);
    }
    20% {
      clip: rect(85px, 9999px, 24px, 0);
    }
    25% {
      clip: rect(90px, 9999px, 19px, 0);
    }
    30% {
      clip: rect(47px, 9999px, 12px, 0);
    }
    35% {
      clip: rect(21px, 9999px, 97px, 0);
    }
    40% {
      clip: rect(79px, 9999px, 49px, 0);
    }
    45% {
      clip: rect(96px, 9999px, 55px, 0);
    }
    50% {
      clip: rect(9px, 9999px, 1px, 0);
    }
    55% {
      clip: rect(91px, 9999px, 76px, 0);
    }
    60% {
      clip: rect(69px, 9999px, 22px, 0);
    }
    65% {
      clip: rect(79px, 9999px, 12px, 0);
    }
    70% {
      clip: rect(4px, 9999px, 10px, 0);
    }
    75% {
      clip: rect(5px, 9999px, 82px, 0);
    }
    80% {
      clip: rect(53px, 9999px, 15px, 0);
    }
    85% {
      clip: rect(59px, 9999px, 32px, 0);
    }
    90% {
      clip: rect(63px, 9999px, 29px, 0);
    }
    95% {
      clip: rect(93px, 9999px, 84px, 0);
    }
    100% {
      clip: rect(67px, 9999px, 94px, 0);
    }
  }
  @-webkit-keyframes noise-anim-2 {
    0% {
      clip: rect(77px, 9999px, 4px, 0);
    }
    5% {
      clip: rect(21px, 9999px, 49px, 0);
    }
    10% {
      clip: rect(85px, 9999px, 59px, 0);
    }
    15% {
      clip: rect(50px, 9999px, 80px, 0);
    }
    20% {
      clip: rect(62px, 9999px, 47px, 0);
    }
    25% {
      clip: rect(5px, 9999px, 100px, 0);
    }
    30% {
      clip: rect(72px, 9999px, 89px, 0);
    }
    35% {
      clip: rect(89px, 9999px, 18px, 0);
    }
    40% {
      clip: rect(96px, 9999px, 55px, 0);
    }
    45% {
      clip: rect(46px, 9999px, 22px, 0);
    }
    50% {
      clip: rect(11px, 9999px, 14px, 0);
    }
    55% {
      clip: rect(37px, 9999px, 49px, 0);
    }
    60% {
      clip: rect(21px, 9999px, 24px, 0);
    }
    65% {
      clip: rect(67px, 9999px, 90px, 0);
    }
    70% {
      clip: rect(68px, 9999px, 80px, 0);
    }
    75% {
      clip: rect(14px, 9999px, 39px, 0);
    }
    80% {
      clip: rect(1px, 9999px, 42px, 0);
    }
    85% {
      clip: rect(10px, 9999px, 34px, 0);
    }
    90% {
      clip: rect(13px, 9999px, 5px, 0);
    }
    95% {
      clip: rect(70px, 9999px, 68px, 0);
    }
    100% {
      clip: rect(27px, 9999px, 54px, 0);
    }
  }
  @keyframes noise-anim-2 {
    0% {
      clip: rect(77px, 9999px, 4px, 0);
    }
    5% {
      clip: rect(21px, 9999px, 49px, 0);
    }
    10% {
      clip: rect(85px, 9999px, 59px, 0);
    }
    15% {
      clip: rect(50px, 9999px, 80px, 0);
    }
    20% {
      clip: rect(62px, 9999px, 47px, 0);
    }
    25% {
      clip: rect(5px, 9999px, 100px, 0);
    }
    30% {
      clip: rect(72px, 9999px, 89px, 0);
    }
    35% {
      clip: rect(89px, 9999px, 18px, 0);
    }
    40% {
      clip: rect(96px, 9999px, 55px, 0);
    }
    45% {
      clip: rect(46px, 9999px, 22px, 0);
    }
    50% {
      clip: rect(11px, 9999px, 14px, 0);
    }
    55% {
      clip: rect(37px, 9999px, 49px, 0);
    }
    60% {
      clip: rect(21px, 9999px, 24px, 0);
    }
    65% {
      clip: rect(67px, 9999px, 90px, 0);
    }
    70% {
      clip: rect(68px, 9999px, 80px, 0);
    }
    75% {
      clip: rect(14px, 9999px, 39px, 0);
    }
    80% {
      clip: rect(1px, 9999px, 42px, 0);
    }
    85% {
      clip: rect(10px, 9999px, 34px, 0);
    }
    90% {
      clip: rect(13px, 9999px, 5px, 0);
    }
    95% {
      clip: rect(70px, 9999px, 68px, 0);
    }
    100% {
      clip: rect(27px, 9999px, 54px, 0);
    }
  }
  @-webkit-keyframes shift {
    0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {
      -webkit-transform: skewX(0deg);
      transform: skewX(0deg);
    }
    41% {
      -webkit-transform: skewX(10deg);
      transform: skewX(10deg);
    }
    42% {
      -webkit-transform: skewX(-10deg);
      transform: skewX(-10deg);
    }
    59% {
      -webkit-transform: skewX(40deg) skewY(10deg);
      transform: skewX(40deg) skewY(10deg);
    }
    60% {
      -webkit-transform: skewX(-40deg) skewY(-10deg);
      transform: skewX(-40deg) skewY(-10deg);
    }
    63% {
      -webkit-transform: skewX(10deg) skewY(-5deg);
      transform: skewX(10deg) skewY(-5deg);
    }
    70% {
      -webkit-transform: skewX(-50deg) skewY(-20deg);
      transform: skewX(-50deg) skewY(-20deg);
    }
    71% {
      -webkit-transform: skewX(10deg) skewY(-10deg);
      transform: skewX(10deg) skewY(-10deg);
    }
  }
  @keyframes shift {
    0%,40%, 44%, 58%, 61%, 65%,69%,73%,100% {
      -webkit-transform: skewX(0deg);
      transform: skewX(0deg);
    }
    41% {
      -webkit-transform: skewX(10deg);
      transform: skewX(10deg);
    }
    42% {
      -webkit-transform: skewX(-10deg);
      transform: skewX(-10deg);
    }
    59% {
      -webkit-transform: skewX(40deg) skewY(10deg);
      transform: skewX(40deg) skewY(10deg);
    }
    60% {
      -webkit-transform: skewX(-40deg) skewY(-10deg);
      transform: skewX(-40deg) skewY(-10deg);
    }
    63% {
      -webkit-transform: skewX(10deg) skewY(-5deg);
      transform: skewX(10deg) skewY(-5deg);
    }
    70% {
      -webkit-transform: skewX(-50deg) skewY(-20deg);
      transform: skewX(-50deg) skewY(-20deg);
    }
    71% {
      -webkit-transform: skewX(10deg) skewY(-10deg);
      transform: skewX(10deg) skewY(-10deg);
    }
  }
  




/* ==========================================================================

TIPOGRAFIA
========================================================================== */


@import url('https://fonts.googleapis.com/css?family=Exo:400,400i,600,600i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Kalam:400,700');



h1, h2, h3, h4, h5 {font-family: 'Exo', sans-serif !important;}
h6 {font-family: 'Kalam', cursive !important;}
html, body, p, a, span {font-family: 'Exo', sans-serif !important;}

.tamanho-10 {font-size: 10px!important}
.tamanho-11 {font-size: 11px!important}
.tamanho-12 {font-size: 12px!important}
.tamanho-13 {font-size: 13px!important}
.tamanho-14 {font-size: 14px!important}
.tamanho-15 {font-size: 15px!important}
.tamanho-16 {font-size: 16px!important}
.tamanho-17 {font-size: 17px!important}
.tamanho-18 {font-size: 18px!important}
.tamanho-19 {font-size: 19px!important}
.tamanho-20 {font-size: 20px!important}
.tamanho-21 {font-size: 21px!important}
.tamanho-22 {font-size: 22px!important}
.tamanho-23 {font-size: 23px!important}
.tamanho-24 {font-size: 24px!important}
.tamanho-25 {font-size: 25px}
.tamanho-26 {font-size: 26px}
.tamanho-27 {font-size: 27px}
.tamanho-28 {font-size: 28px}
.tamanho-29 {font-size: 29px}
.tamanho-30 {font-size: 30px}
.tamanho-35 {font-size: 35px}
.tamanho-40 {font-size: 40px}
.tamanho-45 {font-size: 45px}
.tamanho-50 {font-size: 50px}
.tamanho-55 {font-size: 55px}
.tamanho-60 {font-size: 60px}
.tamanho-65 {font-size: 65px}
.tamanho-70 {font-size: 70px}
.tamanho-75 {font-size: 75px}
.tamanho-80 {font-size: 80px!important;}
.tamanho-85 {font-size: 85px}
.tamanho-90 {font-size: 90px}
.tamanho-95 {font-size: 95px}
.tamanho-100 {font-size: 100px}
.tamanho-105 {font-size: 105px}
.tamanho-110 {font-size: 110px}
.tamanho-115 {font-size: 115px}
.tamanho-120 {font-size: 120px}
.tamanho-125 {font-size: 125px}
.tamanho-130 {font-size: 130px}
.tamanho-135 {font-size: 135px}
.tamanho-140 {font-size: 140px}
.tamanho-145 {font-size: 145px}
.tamanho-150 {font-size: 150px}






/* ESTILOS DE FONTES */


/* GROSSURA DA FONTE */

.strong-300 {font-weight: 300;}
.strong-400 {font-weight: 400;}
.strong-500 {font-weight: 500;}
.strong-600 {font-weight: 600;}
.strong-700 {font-weight: 700;}
.strong-800 {font-weight: 800;}
.strong-900 {font-weight: 900;}




/* FONTE INCLINADA */

.italic{font-style: italic;}


/* ESPAÇAMENTO ENTRE LINHAS */

.linha-30{line-height: 30px !important}
.linha-15{line-height: 15px !important}
.letra-4{letter-spacing: 4px !important}




/* ==========================================================================

EFEITOS
========================================================================== */


.sombra-hover:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
   transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}


.sombra-hover-1 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23) !important;
}


.sombra-hover-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}



.sombra {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}


.sombra-2 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}



.sombra-3 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}


.sombra-4 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}





.sombra-hover-efeito:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
animation: pulse 1s;
z-index: 99999;
}


.sombra-hover-efeito-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}


.sombra-hover-efeito-2:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
animation: pulse 1s;
z-index: 99999;
}


/* ==========================================================================

BORDER RADIUS

========================================================================== */

.sem-borda-redonda{
border-radius: 0px!important;
}


.borda-redonda-10{
    border-radius: 10px !important;
}

.borda-redonda-20{
    border-radius: 20px !important;
}

.borda-redonda-30{
    border-radius: 30px !important;
}

.borda-redonda-40{
    border-radius: 40px !important;
}

.borda-redonda{
    border-radius: 100% !important;
}





/* ==========================================================================

BORDA
========================================================================== */

.sem-borda{
    border: 0px !important;
}

.borda{
    border: 1px solid;
}

.borda-2{
    border: 2px solid;
}

.borda-3{
    border: 3px solid;
}

.borda-4{
    border: 4px solid;
}

.borda-5{
    border: 5px solid;
}



/* ====  BORDA ESQUERDA ====== */


.borda-esquerda{
    border-left: 1px solid;
}

.borda-esquerda-2{
    border-left: 2px solid;
}


.borda-esquerda-3{
    border-left: 3px solid;
}


.borda-esquerda-4{
    border-left: 4px solid;
}


.borda-esquerda-5{
    border-left: 5px solid;
}


/* ====  BORDA DIREITA ====== */

.borda-direita{
    border-right: 1px solid;
}

.borda-direita-2{
    border-right: 2px solid;
}


.borda-direita-3{
    border-right: 3px solid;
}


.borda-direita-4{
    border-right: 4px solid;
}


.borda-direita-5{
    border-right: 5px solid;
}




/* ====  BORDA TOPO ====== */

.borda-cima{
    border-top: 1px solid;
}

.borda-cima-2{
    border-top: 2px solid;
}


.borda-cima-3{
    border-top: 3px solid;
}


.borda-cima-4{
    border-top: 4px solid;
}


.borda-cima-5{
    border-top: 5px solid;
}

.borda-cima-6{
  border-top: 6px solid;

}

.borda-cima-7{
border-top: 7px solid;

}


.borda-cima-8{
 border-top: 8px solid;
  }


  .borda-cima-9{
 border-top: 9px solid;
  }

  .borda-cima-10{
 border-top: 10px solid;
  }



/* ====  BORDA BOTTOM ====== */

.borda-baixo{
    border-bottom: 1px solid;
}

.borda-baixo-2{
    border-bottom: 2px solid;
}


.borda-baixo-3{
    border-bottom: 3px solid;
}


.borda-baixo-4{
    border-bottom: 4px solid;
}


.borda-baixo-5{
    border-bottom: 5px solid;
}



/* ====  BORDA COR====== */





        .borda-cor-primaria{
            border-color: #0b3d70 !important; 
        }

        .borda-cor-secundaria{
            border-color: #f9e224 !important; 
        }


        .borda-cor-terciaria{
            border-color: #666666 !important;   
        }


        .borda-preto {
        border-color: #000000 !important;
        }

        .borda-prata{
        border-color: #c0c0c0 !important; 
        }

        .borda-cinza{
        border-color: #808080  !important;
        }

        .borda-cinza-escuro{
        border-color: #696969 !important;
        }


        .borda-cinza-claro{
         border-color:  #dddddd !important;
        }


        .borda-branco{
        border-color: #ffffff !important;
        }

        .borda-vermelho{
            border-color: #ff0000 !important;
        }

        .borda-roxo {
            border-color: #800080 !important;

        }

        .borda-verde  {
            border-color: #008000 !important;

        }

        .borda-verde-escuro {
            border-color: #006400 !important;
        }


        .borda-azul {
            border-color: #0000ff !important;

        }

        .borda-azul-escuro  {
            border-color: #00008b !important;

        }

        .bg-azul-clarinho {
            background-color: #dff1ff !important; 
        }

        .borda-amarelo  {
            border-color: #ffff00 !important;

        }

        .borda-marrom {
            border-color: #8b4513 !important;

        }

        .borda-laranja {
            border-color: #ffa500 !important;

        }

        .borda-rosa{
           border-color: #ff1493 !important;
}






/* ==========================================================================

CORES

========================================================================== */


    /* COR DOS TEXTOS

    ========================================================================== */


        /* Cores do cliente */


        .cor-primaria{
            color: #ee3946 !important; 
        }

        .cor-secundaria{
            color: #f9e224   !important;   
        }


        .cor-terciaria{
            color: #422e2d !important;   
        }


        /* Cores Adicionais */


        .preto {
        color: #000000 !important;
        }

        .prata{
        color: #c0c0c0 !important; 
        }

        .cinza{
        color: #808080  !important;
        }

        .cinza-escuro{
        color: #696969 !important;
        }

        .branco{
        color: #ffffff !important;
        }

        .vermelho{
            color: #ff0000 !important;
        }

        .roxo {
            color: #800080 !important;

        }

        .verde  {
            color: #008000 !important;

        }

        .verde-escuro {
            color: #006400 !important;
        }


        .azul {
            color: #0000ff !important;

        }

        .azul-escuro  {
            color: #00008b !important;

        }

        .amarelo  {
            color: #ffff00 !important;

        }

        .marrom {
            color: #8b4513 !important;

        }

        .laranja {
            color: #ffa500 !important;

        }

        .rosa{
            color: #ff1493 !important;
        }

        .marrom{color: #826564 !important;}

    /* CORES DE BACKGROUND

    ========================================================================== */


        /* Cores do cliente */

        .bg-primaria{
            background-color: #ee3946 !important;  
        }

        .bg-secundaria{
            background-color: #f9e224 !important;  
        }


        .bg-terciaria{
            background-color: #422e2d !important;  
        }

        /* Cores Adicionais */

        .bg-preto {
        background-color: #000000 !important;
        }

        .bg-prata{
        background-color: #c0c0c0 !important; 
        }

        .bg-cinza{
        background-color: #808080  !important;
        }

        .bg-cinza-escuro{
        background-color: #696969 !important;
        }

        .bg-cinza-claro{
         background-color:  #dddddd !important;
        }

        .bg-branco{
        background-color: #ffffff !important;
        }

        .bg-vermelho{
            background-color: #ff0000 !important;
        }

        .bg-roxo  {
            background-color: #800080 !important;

        }

        .bg-verde {
            background-color: #008000 !important;

        }

        .bg-verde-escuro  {
            background-color: #006400 !important;
        }


        .bg-azul  {
            background-color: #0000ff !important;

        }

        .bg-azul-escuro {
            background-color: #00008b !important;

        }

        .bg-amarelo {
            background-color: #ffff00 !important;

        }

        .bg-marrom  {
            background-color: #5a4645 !important;

        }

        .bg-laranja {
            background-color: #ffa500 !important;

        }

        .bg-rosa{
            background-color: #ff1493 !important;
        }

       .bg-transparente{
            background-color: #fff0 !important;
        }


/***************************************/
/*          BACKGROUND COLOR HOVER     */
/**************************************/

        .bg-primaria-hover:hover{
            background-color: #0b3d70 !important; 
        }

        .bg-secundaria-hover:hover{
            background-color: #a7cd3a !important;  
        }


        .bg-terciaria-hover:hover{
            background-color: #666666 !important;  
        }

        /* Cores Adicionais */

        .bg-preto-hover:hover {
        background-color: #000000 !important;
        }

        .bg-prata-hover:hover{
        background-color: #c0c0c0 !important; 
        }

        .bg-cinza-hover:hover{
        background-color: #808080  !important;
        }

        .bg-cinza-escuro-hover:hover{
        background-color: #696969 !important;
        }

        .bg-branco-hover:hover{
        background-color: #ffffff !important;
        }

        .bg-vermelho-hover:hover{
            background-color: #ff0000 !important;
        }

        .bg-roxo-hover:hover {
            background-color: #800080 !important;

        }

        .bg-verde-hover:hover {
            background-color: #008000 !important;

        }

        .bg-verde-escuro-hover:hover  {
            background-color: #006400 !important;
        }


        .bg-azul-hover:hover  {
            background-color: #0000ff !important;

        }

        .bg-azul-escuro-hover:hover {
            background-color: #00008b !important;

        }

        .bg-azul-clarinho {
            background-color: #dff1ff !important; 
        }

        .bg-amarelo-hover:hover {
            background-color: #ffff00 !important;

        }

        .bg-marrom-hover:hover  {
            background-color: #8b4513 !important;

        }

        .bg-laranja-hover:hover {
            background-color: #ffa500 !important;

        }

        .bg-rosa-hover:hover{
            background-color: #ff1493 !important;
        }

       .bg-transparente-hover:hover{
            background-color: #fff0 !important;
        }
 

 /***************************************/
/*          FONTE COR HOVER     */
/**************************************/


        .primaria-hover:hover{
            color: #0b3d70 !important; 
        }

        .secundaria-hover:hover{
            color: #a7cd3a !important;  
        }


        .terciaria-hover:hover{
            color: #666666 !important;  
        }

        /* Cores Adicionais */

        .preto-hover:hover {
        color: #000000 !important;
        }

        .prata-hover:hover{
        color: #c0c0c0 !important; 
        }

        .cinza-hover:hover{
        color: #808080  !important;
        }

        .cinza-escuro-hover:hover{
        color: #696969 !important;
        }

        .branco-hover:hover{
        color: #ffffff !important;
        }

        .vermelho-hover:hover{
         color: #ff0000 !important;
        }

        .roxo-hover:hover {
         color: #800080 !important;

        }

        .verde-hover:hover {
        color: #008000 !important;

        }

        .verde-escuro-hover:hover  {
        color: #006400 !important;
        }


        .azul-hover:hover  {
         color: #0000ff !important;

        }

        .azul-escuro-hover:hover {
         color: #00008b !important;

        }

        .amarelo-hover:hover {
         color: #ffff00 !important;

        }

        .marrom-hover:hover  {
         color: #8b4513 !important;

        }

        .laranja-hover:hover {
         color: #ffa500 !important;

        }

        .rosa-hover:hover{
         color: #ff1493 !important;
        }

       .transparente-hover:hover{
        color: #fff0 !important;
        }

/***********************************/
/*          TERMINA CORES         */
/**********************************/





/***********************************/
/*          IMAGEM                 */
/**********************************/


.nao-repetir-imagem{
background-repeat: no-repeat;
}

.imagem-contain{
background-size: contain;
}

.imagem-cover{
background-size: cover;
}

/***********************************/
/*          TERMINA CORES         */
/**********************************/

.velocidade-hover{
    transition: all 0.5s cubic-bezier(.25,.8,.25,1);

}


/***********************************/
/*          POSIÇÃO         */
/**********************************/

.posicao-absoluta{
    position: absolute!important;
}

.posicao-relativa{
    position: relative!important;
}

.z-index{
  z-index: 9999!important;  
}