@font-face {
    font-family: ecconcil;
    src: url(../fonts/Flat-it-Bio-Sans-Bold.otf);
}

#dropdown1 {
	width: 185px !important;
}

body {

	color: #222;

}
.brand-logo img {
    max-width: 235px
}

body#nosotros .nav a {
	color: black !important;
	
}

body#nosotros .nav a:hover {
	color: white !important;
	
}


body#servicios .nav a {
	color: black !important;
	
}

body#servicios .nav a:hover {
	color: white !important;
	
}

a {
	color: #1c2b32;}

h1,h3,h4,h5 {
	color: #1c2b32;
}
.uppercase {
	text-transform:uppercase;

}
.nav {
	position: absolute;
	top: 15px;
	z-index: 90;
	width: 100%;

}
.sidenav-overlay {
	z-index: 80 !important;
}

.sidenav {
    
	background-color: rgba(0,0,0,0.9) !important;

}

.sidenav li>a {
    
    color: white !important; 
    border-bottom: 1px solid #222;   
}
nav {
 background-color: rgba(0,0,0,0);
  

}
 
.dropdown-content ul li:hover {
	 /*background-color: #1c2b32;*/
}

.dropdown-content {
	top: 80px !important;
	color: #1c2b32;
}

nav a {
  display: block;
  height: 100% !important;
  text-decoration: none;
}

nav ul li a .enlaces-blancos:hover {
  color: white!important;
  text-decoration: underline;
}
nav ul li a:hover {
  color: white!important;
  background-color: #1c2b32;
  
}
nav ul li  a .enlaces-negros:hover {
  color: black!important;
  text-decoration: underline;
}
/*nav ul li :hover {
  color: black!important; 
  background-color: #1c2b32;
  
}
*/


.azul-it {
	color: #607d8b;
}

.enlaces {
  padding-top: 20px;
  padding-bottom: 20px;
}

.enlaces-negros li a {
	color: black;
}


.sidenav-trigger {
	padding-top: 20px !important;
}

.extrainfo i{
	color: white;
}

.extrainfo span {
	color: white;
	padding-bottom: 30px;
	padding-left: 10px;

}

.tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent !important;
    color: #1c2b32 !important;
}
;

.icon-block {
	color: #607d8b;
}


.icon-block:hover {
	background-color: rgba(38,166,154,0.10); 
	transition: 0.4;
	cursor: pointer;
}

.ec-council {
	font-family: ecconcil;
}

@media only screen and (max-width: 600px) {
   body#nosotros .nav a {
	color: white !important;
	
   }
   body#servicios .nav a {
	color: white !important;
	
   }

}



.bg-curso{
	padding: 0px;
	margin: 0px;
	background: linear-gradient(180deg, #454A58, #232A3D, #454A58);
}

#cursos{
	margin: 0px auto ;
	width: 90%;
	height: auto;
	color:#435071;
	display: flex;
	margin-top: 20px;
	flex-direction: column;
	align-items: center;
}
#cursos h1{
	text-align: center;
	width: 100%;
	height: 20%;
	margin: 10px auto;
	font-size: 50px;
	color: white !important;

}
#list{
	margin: 20px auto;
	width: 850px;
	height: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-self: center;
}

#cursos a{
	text-decoration: none !important;
}

.cursos-blue{
	background:rgb(0 0 0 / 51%)  ;
	height: 300px;
	width: 370px;
	border-radius: 10px;
	color: white !important;
	display: flex;
	flex-direction: column;
	margin: 20px;
	transition: 0.6s;
	align-self: center;
}
.cursos-blue:hover{
	background: #36415F;
	transform: scale(1.20);
}

.cursos-blue img{
height: 50%;
width: 80%;
align-self: center;
margin: 20px;
}
.cursos-blue h2{
	color: white !important;
	font-size: 25px;
	margin: 10px;
}
.cursos-blue .precio {
	width: 100%;
  color: #36415F;
  font-size: 30px;
  margin-top: 10px;
  font-family: fantasy;
  background: #EABE3F;
}

.precio , .form{
	position: relative;
	top: -100px;
}
.cursos-blue form,
.cursos-blue .precio {
  opacity: 0;
  transition: opacity 0.3s ease; 
}

.cursos-blue:hover form,
.cursos-blue:hover .precio {
  opacity: 1;
}

.cursos-blue:hover img,
.cursos-blue:hover h2 {
  filter: blur(10px);
}

.cursos-blue {
  position: relative; 
}

.cursos-blue:hover {
  background: #36415F;
  transform: scale(1.20);
}


@media(max-width: 900px){

#list{
	flex-direction: column;
	flex-wrap: nowrap;
	height: 140vh;
	width: 100%;
	align-items: center;
	display: inline-table;
}
.cursos-blue{
	width: 300px;
}




}