body {background-color: #d6d6d6; font-size: 18px}

a:link {
  color: #016916f4;
  text-decoration: none;
}
a:visited {
  color: #096e1df4; 
  text-decoration: none;
}
a:hover {
  color: #4204bf;
  text-decoration: underline;
}
a:active {
  color: #bf0404;
  text-decoration: underline;
}

.navbar {
  background-color: #959494;
}
.navbar .navbar-brand,
.navbar .navbar-text {
  color: #2c2c2c;
  font-size: 20px;
  font-weight: bold;
}

/*.navbar .navbar-brand:hover { color:#FFC72C; } */
.navbar { 
color: #3d3d3d !important; 
}

.navbar-nav .nav-item.active .nav-link{
color: #ffffff;
background-color: #757373;    
}

.navbar-nav .nav-item .nav-link {
color: #252525;
}

.navbar-nav .nav-item:hover .nav-link {
  color: #ffffff;
}

.navbar {
padding-top: 0;
padding-bottom: 0;
}

.custom-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(61, 61, 61, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
border-color: #3d3d3d;
} 

.col-md-3-5 { width: 29,16667%; }

.myButton {
  /*box-shadow:inset 0px 1px 0px 0px #cf866c;*/
  /*background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);*/
  background-color:#0f5e01;
  border-radius:3px;
  border:1px solid #0f5e01;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  padding:6px 20px;
  text-decoration:none;
  text-shadow:0px 1px 0px #854629;
  font-weight: bold;
}
.myButton:hover {
  /*background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);*/
  background-color:#757373;
  color: #FFC72C;
  text-decoration:none;
}
.myButton:active {
  position:relative;
  top:1px;
}

hr.custom1 {
        position: relative;
        top: 5px;
        border: none;
        height: 2px;
        background: #b8b8b8;
        margin-bottom: 15px;
    }


/*.tales {
  width: 100%;
}*/
.carousel-inner{
  width:100%;
  height:150px !important;
  background-color: grey;
  items: 5;
}

.carousel-item{
  position: absolute;
  margin: 0;
  color: white;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}