/* ESTILO GERAL */

@font-face {
font-family: 'SBA';
font-style: normal;
font-weight: normal;
src: local('SBA'), url('SBA.woff') format('woff');
}

html {
  scroll-behavior: smooth;
}

body{
  font-family: "SBA", Arial, sans-serif;
  color: #FFF;
  background-color: #121628;
}

/* TOPO ----------------------------------------------------------------*/

.degrade{
  background: url('../img/degradetopo.png');
  height: 50px;
}

header{
  width: 100%;
  background-color: #121628;
  padding: 10px 0;
}

.icones img{
 padding: 15px;
}

@media (max-width: 1199px) {
  .icones{
    margin-top: 25px;
  }
}

/* MENU ----------------------------------------------------------------*/

.menu{
  background-image: radial-gradient(circle at 0px 27px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 32px, white 33px);
  margin-top: 60px;
  padding-left: 50px;
}

@media (max-width: 1199px) {
  .menu{
    border-radius: 0px;
    background-color: #FFF;
    padding-left: 15px;
  }
}

.navbar-toggler {
  border-color: #FFF;
  background-color: #121628;
  padding: 10px;
  margin: 20px auto;
}

.navbar-toggler:hover{
  border-color: #FFF;
}

.navbar-custom .navbar-toggle .icon-bar {
  background-color: #121212;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(31, 59, 113, 1);
  text-transform: uppercase;
  font-weight: bolder;
  font-style: italic;
  font-size: 0.85rem;
}

.navbar-dark .navbar-nav .nav-link:visited {
  color: rgba(31, 59, 113, 1);
  text-transform: uppercase;
  font-weight: bolder;
  font-style: italic;
  font-size: 0.85rem;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(117, 183, 216, 1);
}



/* QUEM SOMOS ----------------------------------------------------------*/

.quemsomos{
  padding: 50px 15px;
  background: url('../img/quemsomos-bg.png') no-repeat;
  background-size: cover;
}

.quemsomos p{
  color: #1f3b71;
  font-size: 1rem;
  padding: 10px;
}

@media (max-width: 1199px) {
  .quemsomos p{
    padding: 10px;
  }
}

/* SERVIÇOS ------------------------------------------------------------*/

.servicos{
  padding: 50px 15px;
  background: url('../img/servicos-bg.png') no-repeat;
  background-size: cover;
}

.itemservicos{
  margin-top: 20px;
  margin-bottom: 20px;
}

.servicos p{
  color: #666666;
  font-size: 1rem;
  padding: 10px;
}

.servico{
  padding: 50px 15px;
}

.servico p{
  font-size: 0.9rem;
  padding-top: 10px;
}

.descricao{
  min-height: 270px;
}

@media (max-width: 1199px) {
  .descricao{
    min-height: 50px;
  }
}

.video{
  margin-top: 10px;
}

#video{
  padding-top: 20px;
}

/* PARCEIROS -----------------------------------------------------------*/

.parceiros{
  padding: 50px 15px;
  background: url('../img/parceiros-bg.png') no-repeat;
  background-size: cover;
}

.parceiros p{
  color: #121628;
  font-size: 0.85rem;
  padding: 10px;
}

.marca{
  margin-top: 25px;
}

/* TRABALHE CONOSCO ----------------------------------------------------*/

.trabalhe{
  padding: 50px 15px;
  background: url('../img/servicos-bg.png') no-repeat;
  background-size: cover;
}

.trabalhe-btn{
  background-color: #121628;
  color: #FFF;
  padding: 10px 15px;
  border-style: solid;
  border-color: #FFF;
  border-radius: 20px;
}

/* CONTATO -------------------------------------------------------------*/

.contato{
  padding: 50px 15px;
  background: url('../img/parceiros-bg.png') no-repeat;
  background-size: cover;
}

.contato p{
  color: #121628;
}

.infocontato{
  margin-top: 50px;
}

.iconecontato{
  margin-bottom: 20px;
}

/* FOOTER --------------------------------------------------------------*/

.footer{
  background-color: #121628;
  padding: 10px 0;
}

.footer p{
  font-size: 1rem;
  color: #FFF;
  padding: 10px;
}

.whatsapp {
  position:fixed;
  bottom:60px;
  right:0%;
  z-index:100;
}

.scroll-top {
  position:fixed;
  bottom: 0px;
  right:1%;
  z-index:100;
  width: 50px;
  padding: 5px;
  background-color: #1f3b71;
  font-size:24px;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
}

.scroll-top a:hover {
  background-color: #1f3b71;
}