/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

/*.navCustom ul li a{
  color:#FFF !important;
}

.navCustom ul li a:hover{
  color:#FFF !important;
}*/

.tp-bullet .selected{
  background-color: #FF0000 !important;
}

.icons-box{
  color: #FF0000 !important;
}

.tiny_bullet_slider .tp-bullet .selected:before{
  background-color: #FF0000 !important;
}

.slider-text p {
  color: #FFF;
  font-size: 18px;
  margin-top: 40px;
  font-family: Roboto Condensed;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#promotionTitle{
  font-size: 50px !important;
}

@media only screen and (max-width: 991px) {
  #promotionTitle{
    font-size: 32px !important;
  }
    #logo .logo img{
      height: 70px !important;
      margin-top: 5px !important;
    }
    .formMobile{
      border-left:0 !important;
      padding-left: 0 !important;
    }
    .mobileShow{
      display: block !important;
    }
    .welcomeMobile{
      opacity: 1 !important;
      width:100% !important;
    }
    .welcomeMobileImagem img{
      width:100% !important;
    }
    .welcomeMobileTexto{
      margin-top: 20px !important;
    }
    .iconBoxMobile{
      float:left !important;
      width: 50%!important;

    }
}