/************ELEMENTOS HTML****************/

@font-face {
  font-family: 'cooper_hewittmedium';
  src: url('fonts/font/cooperhewitt-medium-webfont.woff2') format('woff2'),
  url('fonts/font/cooperhewitt-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

body, html{
  font-family: 'cooper_hewittmedium', sans-serif;
  width: 100% !important;
  height: 100% !important;
}

header{
  width: 100%;
}

h1, h2,h3,h4,h5,h6{
  font-family: 'cooper_hewittmedium', sans-serif;
  font-weight: 500;
}

/************BACKGROUNDS****************/

.bg-black{
  background-color: #020202 !important;
}

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

.bg-fade{
  background-color: rgba(255,255,255,0.8);
  border-radius: 5px;
}

/************NAVBAR****************/

#topnav .navigation-menu > li > a{
  color: white !important;
}

#topnav .nav-sticky{
  background: rgba(125,125,125,0.5) !important;
}

#topnav .navigation-menu > li.active > a{
  color: #7029cf !important; /* #ff0013 */
}

#topnav .navigation-menu > li > a:hover{
  color: #7029cf !important;
}

/************BOTOES****************/

.btn-light{
  width: 50%;
  background-color: transparent !important;
  border: 2px solid white !important;
  border-radius: 10px !important;
  color: white !important;
}

.btn-light:hover{
  color: #260044 !important;
  background-color: white !important;
}

.btn-topo{
  background-color: transparent !important;
  border-color: white !important;
  border-width: 2px !important;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) !important;
  display: inline-block !important;
  color: white !important;
}

.btn-topo:hover{
  color: #7029cf !important;
  background-color: transparent !important;
  border-color: #7029cf !important;
}

.btn-classic{
  background-color: transparent !important;
  border-color: #00ff1e !important;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) !important;
  display: inline-block !important;
  color: #00ff1e !important;
}

.btn-classic:hover{
  color: #ff0013 !important;
  border-color: #ff0013 !important;
}

.btn-inicio{
  width: 150px !important;
  background-color: #15232e !important;
  border-color: white !important;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3) !important;
  color: white;
}

.btn-inicio:hover{
  color: #15232e !important;
  background-color: #fefbeb !important;
  border-color: #15232e !important;
}

.btn-vermelho{

  background-color: #ff0013 !important;
  color: white;
  border-radius: 6px;
}

.btn-vermelho:hover{
  background-color: black !important;
  color: #ff0013;
  border: 1px solid #ff0013 !important;
}

/************LINKS****************/

a.nav-link{
  color: #15232e !important;
}

.links-azul{
  color: #15232e !important;
}

.rodape:hover{
  color: #ff0013 !important;
}

/************TEXTO****************/

.text-verde{
  color: #00ff1e !important;
}

.text-vermelho{
  color: #ff0013 !important;
}

.text-muted{
  color: #40454c !important;
}

.text-cinza{
  color: #9fa7b1 !important;
}

.pricing-rates.business-rate:hover .title{
  color: #00ff1e !important;
}

.pricing-rates.business-rate:hover{
  color: #ff0013 !important;
}

.text-black{
  color: rgb(22,28,45) !important;
}

/***************BORDAS******************/


/************ANIMAÇÕES****************/

.pulse {
  animation: pulse 3s infinite;
  margin: 0 auto;
  display: table;
  margin-top: 50px;
  animation-direction: alternate;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

#preloader{
  width: 100% !important;
  height: 100% !important;
  background-color: black !important;
  background-image: none !important;
}

#preloader #status .spinner .double-bounce1{
  background-color: #00ff1e !important;
}

#preloader #status .spinner .double-bounce2{
  background-color: #ff0013 !important;
}

/************CARROSSEL****************/

.flickity-prev-next-button{
  background-color: #0a387b !important;
  border-color: #0063b8 !important;
}

.flex-control-nav.flex-control-paging{
  display: none !important;
}

.carousel {
  background: transparent;
}

.carousel-cell {
  width: 66%;
  height: 350px;
  margin-right: 10px;
  background: transparent;
  border-radius: 5px;
  counter-increment: gallery-cell;
}

.flickity-button{
  color: white !important;
  background-color: transparent !important;
}

.flickity-page-dots{
  display: none !important;
}


/***************FONTES**************/

.f-20{
  font-size: 20px !important;
}

.f-25{
  font-size: 25px !important;
}

.f-10{
  font-size: 10px !important;
}

.f-15{
  font-size: 15px !important;
}

.f-50{
  font-size: 50px !important;
}

/***************NAVPILLS**************/

.nav-link{
  max-width: 94px !important;
  min-width: 94px;
  padding: 10px;
  border-color: #020202;
}

.nav-tabs .nav-link.active{
  border-color: #020202;
  background-color: #020202;
  color: #00ff1e !important;
  font-weight: 600;
}

.nav-tabs .nav-link{
  border-color: #020202;
}

.nav-link:hover{
  color: #ff0013 !important;
  border-color: #020202 !important;
}

.contato-nav{
  background-color: black !important;
}

/***************MARK**************/

.mark-verde{
  background-color: #00ff1e;
  color: white;
}

/***************BORDER**************/

.border-3{
  border-width: 3px !important;
}

.news{
  background-color: transparent;
  color: white;
  border-color: #ff0013;
  border-radius: 6px;
}

.news:focus{
  border-color: #00ff1e;
}



/*************** Página de criação de conta - free ************/
.gradient-background-create-account {
  background: #7029cf;
  background: -moz-linear-gradient(180deg, rgba(65,5,131,1) 0%, rgba(159,3,239,1) 35%, rgba(33,200,217,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(65,5,131,1) 0%, rgba(159,3,239,1) 35%, rgba(33,200,217,1) 100%);
  background: linear-gradient(180deg, rgba(65,5,131,1) 0%, rgba(159,3,239,1) 35%, rgba(33,200,217,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7029cf",endColorstr="#29cabb",GradientType=1);
}

.gradient-background-create-account > h4 {
  color: #ccc;
}

button[class*=geral-button]:hover {
  color: #ccc !important;
}