/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

.bandera {
    width: 60px;
    float: left;
    margin: 10px;
    text-align: center;}



.contactenos  {
  position: fixed;
  bottom: 40px;
  left: 85%;
  z-index:200;
}

.color-2 {
		color: #ff8001!important;
}

.color-2 a {
	text-decoration: none !important;
	color: #dbc397;
}

.color-2 a:hover { color: #fff; }


.profe-contacto {  margin-right: 10px;
	
}


.banner-titulo {
	padding: 80px 5px 0px 10px;
	font-size: 32px;
	font-weight: 500;
	color: #fff;
}

.banner-texto {
		padding: 5px 5px 25px 10px;
	font-size: 19px;
	font-weight: 500;
	color: #e8b04d!important;
}


.taller-home { 
	padding: 50px 0;
}

.taller-home h3 {
	color: #052856;
		padding: 0px 0px 20px 0;
	font-size: 34px;
	font-size: 34px;
	font-weight: 700;
}

.taller-home li {
	color: #444;
	font-size: 16px!important;
	padding: 0 0 15px 10px;
	font-size: 22px;
	font-weight: 500;
}

.taller-home li  i {
	color: #ff8001;
	font-weight: 600;
	margin-right: 5px;
}


.footer-redes {
	float: right;
	border-top: 1px solid #ddd;
	padding: 10px 0;
	text-align: right;
	width: 100%;
	font-size: 14px;

}


.lista-asistencia li {
	margin-bottom: 5px;
	font-size: 15px;

}

.pie-modal {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 5px 0;
	padding: 15px 10px!important;
line-height: 14px;
	font-size: 13px;
}

.pie-modal .titulo {
	font-size: 16px;
	font-weight: 700;
	color: #002458;
	margin-bottom: 10px;
}








.titulo-clase {
	background: #002458;
	padding: 10px 5px;
	font-size: 40px;
	font-weight: 500;
	color: #fff;
}


.titulo-clase span {
	font-size: 25px;
	font-weight: 500;
	color: #ff8001;
}



.home-logo {
	border: 1px solid #c7973f;
	border-radius: 16px;
	padding-bottom: 60px;
}


.home-clases-banner {
	text-align: center;
	color:  #fff;
}

.home-clases-banner h3 {
	text-align: center;
	color:  #fff;
	font-weight: 400;
	font-size: 32px;
}


.home-clases-banner h3 span {
	
	font-weight: 500;
	font-size: 22px;
}

.footer-lista-01 {
	list-style: none;
	font-size: 14px;
	color: #000;
}

.footer-lista-01 li {
	margin-bottom: 5px;
}

.footer-lista-01 i {
color: #c7973f;
}





.opening-table .heading-block span {
	font-size: 14px;
	font-weight: 400;
}

.opening-table {
	padding: 30px;
	background-color: #eff0ef;
	border-radius: 4px;
	border: 1px solid #EEE;
}

.opening-table-2-header {
	padding: 10px 20px;
	background-color: #403d5a;
	border-radius: 4px 4px 0 0;
	border: 0px solid #EEE;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}

.opening-table-2 {
	padding: 0 20px 0px 20px;
	background-color: #eff0ef;
	border-radius: 0 0 4px 4px;
	border: 1px solid #EEE;
	margin-bottom: 20px;
}

.icon-contacto {
    font-size: 17px;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 5px 0px 5px 0px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}






@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
   }

.contactenos  {
  position: fixed;
  bottom: 10px;
  left: 10%;
  z-index:200;
}


.taller-home { 
	padding: 20px 0 0 0;
}

.taller-home h3 {
	color: #052856;
		padding: 0px 0px 20px 0;
	font-size: 34px;
	font-size: 34px;
	font-weight: 700;
}

.taller-home li {
	color: #444;
	font-size: 16px!important;
	padding: 0 0 15px 10px;
	font-size: 22px;
	font-weight: 500;
}

.taller-home li  i {
	color: #ff8001;
	font-weight: 600;
	margin-right: 5px;
}

.banner-titulo {
	padding: 30px 5px 0px 10px;
	font-size: 24px;
	font-weight: 500;
	color: #fff;
}

.banner-texto {
		padding: 5px 5px 5px 10px;
	font-size: 15px;
	font-weight: 500;
	color: #e8b04d!important;
}


.lead {
    font-size: 1rem;
    font-weight: 300; 
}

  .home-clases-banner h3 {
	text-align: center;
	color:  #fff;
	font-weight: 400;
	font-size: 30px;
}


.home-clases-banner h3 span {
	
	font-weight: 500;
	font-size: 20px;
}

.titulo-clase span {
    font-size: 12px;
    line-height: 13px!important;
    font-weight: 500;
    letter-spacing: 0;
}

..portfolio-desc h3 a {
    font-size: 17px;
}




  
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }