@font-face {
	font-family: 'icomoon';
	src:url('../font/icomoon/icomoon.eot?-40bcsc');
	src:url('../font/icomoon/icomoon.eot?#iefix-40bcsc') format('embedded-opentype'),
		url('../font/icomoon/icomoon.ttf?-40bcsc') format('truetype'),
		url('../font/icomoon/icomoon.woff?-40bcsc') format('woff'),
		url('../font/icomoon/icomoon.svg?-40bcsc#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	font-size: 40px;
	font-weight: bolder;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-headphones:before {
	content: "\e602";
}
.icon-music:before {
	content: "\e600";
}
.icon-study:before {
	content: "\e601";
}


body{
	font-family: 'Open Sans', sans-serif;
}

nav, nav-wrapper{	
	background-color: rgba(0,0,0,0.8);
}

nav ul a, .material-icons{
	color: #fff;
}

nav ul a:hover{
	background-color: rgba(255,255,255,0.8);	
	color: #000;
}

.promo i {  
  color: #000;
  font-size: 4rem;
  display: block;
}

.nav-wrapper{
	padding: 0px 5%;
}

.banner{
	background-size: cover;
	color: #fff;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 600px;
	top: -64px;
	margin-bottom: -64px;
	z-index: -1;
	text-align: center;
}

.banner video {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
}

.parallax-container {
	height: 500px;
	position: relative;
  	overflow: hidden
}

.enlace-principal{
	color: #000;
}

.shadow-effect{
	transition: all 0.6s ease;
}

.shadow-effect:hover{
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3), 0 2px 10px 0 rgba(0, 0, 0, 0.3);
}

.card .card-action a{
	color: rgb(235,95,45);
}
.input-field .prefix.active{
	color: #000;
}

input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
	border-bottom: 1px solid rgb(235,95,45);
  	box-shadow: 0 1px 0 0 rgb(235,95,45);
}
input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label{
	color: rgb(235,95,45);
}

.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

blockquote {
	  border-left: 5px solid rgb(235,95,45);
}

footer.page-footer {
	background-color: rgba(0,0,0,0.9);
}

.news-title {
    font-weight: bolder;
}

.news-date {
	display: block;
	font-size: 10px;
}

.dropdown-content li > a {
    color: #fff;
}

.send_btn {
	background-color: #039be5;
}

.send_btn > input {
    background-color: transparent;
	border: none;
    font-style: normal;
    font-weight: bolder;
}

.dropdown-content li a {
    height: 64px;
    padding: 20px;
}

.course_image {
    height: 300px;
}

.docente_description {
    height: 180px!important;
}

.material-placeholder {
    text-align: center;
}

.tabs .tab a {
	color: #03a9f4;
}

.tabs .indicator {
	background-color: #03a9f4;
}

.tabs .tab a:hover{
	color: #01579b;
}

.pensum {
    padding: 0 5%;
}

li.pensum-item {
    list-style: initial;
}

@media (max-width: 900px) {
  .banner {
    height: 300px;
  }
}

@media (max-width: 500px) {
  .banner {
    height: 200px;
  }
}