body {
	font-family: Helvetica, Arial;
	background: #F8F8F8;
}
h5 {

    font-weight: bold;
    color: #384248;

}
a {
	color: #3187b8;
}

h1 {
    font-weight: normal;
    color: #c6222b;
    font-size: 2.0rem;
}

.frontAnimation::after {
  content: '|' !important;
  margin-left: 5px !important;
  opacity: 1px !important;
  animation: pisca .9s infinite !important;
}


@keyframes pisca {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.red {
  color: #c6222b !important;
}



.breadcrumbs {
  font-size: 14px;
  font-weight: normal;
  font-family: Helvetica, Arial;
}

.breadcrumbs span {
    font-size: 19px;
    font-weight: bold;
}

#currentpage a { background-color:#2a3033; }

 .navbar {
        -webkit-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.12);
      -moz-box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.12);
      box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.12);
      background: rgb(78,78,78);
      background: -webkit-linear-gradient(rgba(78,78,78,1) 0%, rgba(43,50,53,1) 100%);
      background: -o-linear-gradient(rgba(78,78,78,1) 0%, rgba(43,50,53,1) 100%);
      background: linear-gradient(rgba(78,78,78,1) 0%, rgba(43,50,53,1) 100%);
      padding: 0;
      }

      .nav-item.active,
      .nav-item:active {
        background: #2a3033;
      }

      .nav-item {
        border-right: solid 1px #4e5356;        
        height: 73px;
        

      }

      .nav-link {
        border-right: solid 1px #242829;
        height: 73px;
        padding-top: 27px;
        color: #FFF !important;
      }

      .navbar ul li:first-child {
        border-left: solid 1px #4e5356; 
       }      


     a.navbar-brand {
      padding: 21px 10px 21px 0px;
      margin-right: 0px !important;
      border-right: solid 1px #242829;
     }

      @media (max-width: 999px) { 
       
       .navbar-brand {
        border-right: 0px !important;
       } 

       .navbar ul li:first-child {
        border-left: 0px; 
       } 

       .nav-item {
        border-right: none;
        text-align: center;        
      }

      .nav-link {
        border-right: none;
      }

      .mobile-center {
        text-align: center;
      }

      h3.mobile  {
        font-size: 1.35rem !important;
      }
      .hub-icons-mobile {
        height: 76px!important;
      }

     }

     .slogan {
      font-size: 40px;
    font-weight: normal;
    color: #c6222b;
     }


     .navbar-toggler {
      border: 0px;
     }

     .form-control {
      background-color: #F8F8F8;
     }

     .btn-primary {
      background-color: #3187b8;
      border-color: #3187b8;

     }

     .btn-primary:hover {
      background-color: #266f99;
      border-color: #266f99;

     }

     .btn-primary:active {
      background-color: #266f99;
      border-color: #266f99;

     }

     

     .myButton {
  box-shadow:inset 1px 1px 0px 0px #d8e85c;
  background:linear-gradient(to bottom, #aad13e 5%, #93c432 100%);
  background-color:#aad13e;
  border:1px solid #81a527;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
  padding:10px 22px;
  text-decoration:none;
  text-shadow: -1px -1px 0px #92b879;
}
.myButton:hover {
  background:linear-gradient(to bottom, #93c432 5%, #aad13e 100%);
  background-color:#93c432;
  color: #FFF;
  text-decoration: none;
}
.myButton:active {
  position:relative;
  top:1px;
}


.myButton2 {
  box-shadow:inset 1px 1px 0px 0px #79ebfa;
  background:linear-gradient(to bottom, #50d3ff 5%, #39c5f3 100%);
  background-color:#50d3ff;
  border:1px solid #98bdd7;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
 padding:10px 65px;
  text-decoration:none;
  text-shadow:1px 1px 0px #92b879;
}
.myButton2:hover {
  background:linear-gradient(to bottom, #39c5f3 5%, #50d3ff 100%);
  background-color:#39c5f3;
  color: #FFF;
  text-decoration: none;
}
.myButton2:active {
  position:relative;
  top:1px;
}

.border-default{
  border-bottom: solid 1px #999999;
  border-top: solid 1px #FFF;

}

.border-only-bottom{
  border-bottom: solid 1px #999999;
  }



  .myButton-orange {
	box-shadow:inset 1px 1px 0px 0px #fed400;
	background:linear-gradient(to bottom, #faa701 5%, #fa7d00 100%);
	background-color:#faa701;
	border:1px solid #f78a04;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:-1px -1px 0px #ba7104;
}
.myButton-orange:hover {
	background:linear-gradient(to bottom, #fa7d00 5%, #faa701 100%);
	background-color:#fa7d00;
	color: #FFF;
	text-decoration: none;
}
.myButton-orange:active {
	position:relative;
	top:0px;
}




.myButton-green {
	box-shadow:inset 01px 1px 0px 0px #9fc728;
	background:linear-gradient(to bottom, #84a425 5%, #5a711c 100%);
	background-color:#84a425;
	border:1px solid #5a721c;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:-2px -2px 0px #5d731a;
}
.myButton-green:hover {
	background:linear-gradient(to bottom, #5a711c 5%, #84a425 100%);
	background-color:#5a711c;
	color: #FFF;
	text-decoration: none;
}
.myButton-green:active {
	position:relative;
	top:0px;
}



.myButton-blue {
	box-shadow:inset 1px 1px 0px 0px #6290d0;
	background:linear-gradient(to bottom, #4b74c6 5%, #3c5b98 100%);
	background-color:#4b74c6;
	border:1px solid #315299;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:-1px -1px 0px #263f75;
}
.myButton-blue:hover {
	background:linear-gradient(to bottom, #3c5b98 5%, #4b74c6 100%);
	background-color:#3c5b98;
	color: #FFF;
	text-decoration: none;
}
.myButton-blue:active {
	position:relative;
	top:0px;
}