.navbar-nav .nav-item .nav-link, .navbar-nav .nav-item .nav-link:visited {
	
	color: #fff;
}

.navbar-nav .nav-item .nav-link:hover {

	color: #eee;
}

.navbar-nav .nav-item .nav-link:active {

	color: #ddd;
}
.blur-box {
    background-color: #555;
    box-shadow: 0 0 5px 10px #555;
}
.bg-orange{
	background-color: rgb(81, 72, 72) !important;
	background-color: rgb(0 0 0 / 59%) !important;
	background-image: url("../img/footer.jpg");
	background-repeat: no-repeat, repeat;
	
	background-blend-mode: color;
	background-size: cover;

}
.bg-orange-footer{
	background-color: rgb(0 0 0 / 59%) !important;
	background-image: url("../img/footer.jpg");
	background-repeat: no-repeat, repeat;
	
	background-blend-mode: color;
	background-size: cover;
	box-shadow: 0px -2px 14px 8px rgb(0 0 0);
}


a.left.carousel-control{
	background-image: linear-gradient(to right,rgba(255, 255, 255, 0) 0,rgba(0,0,0,.0001) 100%);
}

a.right.carousel-control{
	background-image: linear-gradient(to right,rgba(255, 255, 255, 0) 0,rgba(0,0,0,.0001) 100%);
}

ol.carousel-indicators{
	padding: 5px;
	width: 30%;
	left: 65%;
	border-radius: 6px;
	background-color: rgba(0,0,0,0.5);
	bottom:-35px;
}

.left.carousel-control{
	left:-60px;
}

.right.carousel-control{
	margin-right: -60px;
}

.circle{
	border-radius: 50%;
}

footer.py-5.bg{
	background-color: rgba(0, 51, 102, 1) !important;
}

#oblique{
	padding-left: 5;
	min-width: 90px ;
  	background: linear-gradient(to right top, rgb(240, 240, 240) 0%, rgb(240, 240, 240) 49.99%,#000000
  		50%,#000000 51%, rgb(240, 240, 240) 51.01%, rgb(240, 240, 240) 100%);
}    

.navbar  img{
	padding: 10px;
	width: 100%;
	filter: brightness(0) invert(1);
	margin: 10px;

}
.container a{
	size: 20px;
	max-width: 130px;
}

.container .col_2{
	padding: 0px;
	width: 50%!important;
}

#flex{
	display: flex;
}


#mainNav {

	font-size: 15px; /* Big font size */

	transition: 0.5s; /* Add a transition effect (when scrolling - and font size is decreased) */
  }

  


  .list_buttons{
	  display: flex
  }

  .button{
	  margin: auto;
	  padding: 10px;
	  min-width: 27%;
	  margin-bottom: 10px;
  }
  .list_buttons a{
	display: flex;
	flex-flow: column;

	padding: 10px;
	border-radius: 10px;
	color: white;
	background-color: rgb(0 0 0 / 59%) !important;
	background-image: url("../img/footer.jpg");
	background-repeat: no-repeat, repeat;
	
	background-blend-mode: color;
	background-size: cover;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0);
	transition: 2s;
  }
  .list_buttons a:hover{
	background-color: rgb(100 100 100 / 19%) !important;
	transform: scale(1.2);
	box-shadow: 0px 10px 10px 0px rgb(0 0 0);
  }
  .button_2{
	background-color: rgb(0 0 0 / 59%) !important;
	background-image: url("../img/footer\ -\ Copia.jpg")!important;
	background-repeat: no-repeat, repeat;
	
	background-blend-mode: color;
	background-size: cover;

  }
  .button_3{
	background-color: rgb(0 0 0 / 59%) !important;
	background-image: url("../img/footer\ -\ Copia_2.jpg")!important;
	background-repeat: no-repeat, repeat;
	
	background-blend-mode: color;
	background-size: cover;

  }
  .list_buttons img{
	  margin: auto;

	  filter: brightness(0) invert(1);
  }

 .col img{
	object-fit: cover;
 }

 .floating {   
    /* animation-name: floating; 
    animation-duration: 3s; 
    animation-iteration-count: infinite; 
    animation-timing-function: ease-in-out;  */
    width: 100%;
    
    color: white;
} 
.floating img{
	width: 100%;
}
.logo_footer img{
	margin: 30px;
	width: 20%;
	filter: brightness(0) invert(0);
}
 
@keyframes floating { 
    0% { transform: translate(0,  0px); } 
    50%  { transform: translate(0, 15px); } 
    100%   { transform: translate(0, -0px); }     
} 

  @media only screen and (max-width: 600px){

	.text-center{
		margin-top: 160px!important;
	}
	

	.list_buttons {
		display: flex;
		flex-direction: column;
		margin: 0px;
		padding: 0px;
	}
	.list_buttons .button{
		max-width: 80%!important;
		margin: auto;
		margin-bottom: 25px;
	}
	.logo_footer img{
		margin: 10px;
		width: 30%;
		filter: brightness(0) invert(0);
	}
}