/* Should you need to overwrite any of our SCSS or LESS or SASS code need to add any custom code, We highly recommend that you add your code into this file, so whenever theme update is available and you update the theme, You will not lose your hard work :) */
.footer-card a:hover{
	color: #e22d2d !important;
}

.info-add a:hover{
	color: #e22d2d !important;
}
.media-body a:hover{
	color: #e22d2d !important;
}

.list-style3 li> a:hover{
	color: #e22d2d !important;
}

.quform-submit-inner .butn:hover span{
	color: #555555 !important;
}

.quform-submit-inner .butn:hover:after{
	background-color:#dcd4b7 !important;
	color: #555555 !important;
}

#formContact div button.butn:hover:after{
	background-color: #e22d2d !important;	
}

#formContact div button.butn:hover{
	color: #555555 !important;	
}

#formUpdateInfo div button.butn:hover:after{
	background-color: #e22d2d !important;	
}

#formUpdateInfo div button.butn:hover{
	color: #555555 !important;	
}

.btn-validar:hover:after{
	background-color: #e22d2d !important;	
}

.btn-validar:hover{
	color: #555555 !important;	
}

#btnCancel:hover:after{
	background-color: #e22d2d !important;	
}

#btnCancel:hover{
	color: #555555 !important;	
}

@media (pointer:none), (pointer:coarse) {
		.navbar-default{
			-webkit-box-shadow: 0 0 0px rgb(0 0 0 / 20%) !important;
			-ms-box-shadow: 0 0 0px rgba(0, 0, 0, 0.2) !important;
			box-shadow: 0 0 0px rgb(0 0 0 / 20%) !important;	
			border-bottom:none !important;
		}
	}

/******************************************************/
/********** CUSTOM CODE - INDEX PAGE                  */

.font-text-primary{
	color: #bbbbbb !important;
	font-size: 24px !important;
	font-weight: 800 !important;
}

.video_btn{
	border-radius: 0% !important;
}

.video_btn.small{
	width: 200px !important;
	font-weight: 500;
	letter-spacing: 0.8px;
}

.video_btn_new{
	border-radius: 0% !important;
}

.video_btn_new.small{
	width: 200px !important;
	font-weight: 500;
	letter-spacing: 0.8px;
}

.typ-course{
	border-radius: 5px;
}

.card-style1 .card-body{
	position:relative; 
	padding: 20px 24px 10px !important;
	display: grid;
	gap: 10px;
}

.owl-item{
	width: 375px !important;
}
		
.text-prv-title{
	color: white !important;
	font-weight: 800 !important;
	line-height: 55px;
}

.bk-icon-play{
	background-color: #29386b !important;
}
		
.line-style-text{
	width: 30px !important; 
	color: #29386b !important; 
	border: 2px solid yellow;
}

.icon-play-style{
	color: #bbbbbb !important;
}

.bg-step-section{
	background-color: #eee !important;
}

.text-step-title-section{
	color: #29386b !important;
	padding-bottom: 12px !important;
}
		
.section-heading::before{
	background: #29386b !important;
}

.texto-informacion-curso{
	color: #848484;
}

.tex-des-pas{
	color: #29386b;
	font-size: 12px;
	text-align: center;
	font-weight: 800;
}

.tex-num-pas{
	color: #29386b;
	font-size: 20px;
	font-weight: 800;
}
		
@media screen and (min-width: 1200px){
	.display-xl-4 {
		font-size: 3.6rem !important;
	}	
}		
		
.btn-acceder-curso{
	/*cursor: pointer; */
	color: #555 !important; 
	font-weight: 800; 
	font-size: 14px;
}

.btn-acceder-curso:hover{
	/*cursor: pointer; */
	color: #000 !important; 
}

.footer-card a:hover {
	color: #000 !important;
}
		
.video-js .vjs-big-play-button{
	background-color: #000 !important;
}
		
.video-js .vjs-control-bar, .video-js .vjs-menu-button .vjs-menu-content{
	background-color: #29386b !important;
}
		
.vjs-control-bar{
	font-size: 13px !important; 
	color: #FFF !important;
}

.video_btn, .icon-play-style{
	color: #FFF !important;
}
		
.video_btn:hover{
	background-color: #e22d2d !important;
	color: #FFF !important;
}
		
.video_btn:hover i {
	color: #FFF !important;
}
		
.btn-acceder-space{
	margin-left: 30px !important;
	background-color: #e22d2d !important;
	color: #FFF !important;
}
		
.btn-acceder-space:hover{
	background-color: #8b8b8c !important;
	color: #FFF !important;
}

.text-subtitle{
	padding-bottom: 20px !important; 
	text-align: center; 
	color: #29386b;
}
		
.dotted-color{
	background: #29386b !important;
}
		
.text-subtitle-cursos{
	padding-bottom: 20px !important; 
	text-align: center; 
	color: #29386b;
}
		
.section-index-step{
	padding-top: 30px !important; 
	padding-bottom: 60px !important;
}
		
.section-heading-mb{
	margin-bottom: 12px !important
}

.typ-course-tag{
			background-color: #29386b !important; 
			font-weight: 800 !important; 
			font-size: 12px !important; 
			border-radius: 4px !important; 
			padding-left: 10px !important;;
		}
		
		.tag-valor{
			background-color: #eee !important; 
			font-weight: 800 !important; 
			font-size: 14px !important; 
			border-radius: 4px !important; 
			padding-left: 10px !important; 
			color: #29386b !important;
		}
		
				
		.text-nombre-curso{
			font-size: 1.125rem !important; 
			line-height: 26px;
		}
		
		.text-nombre-curso a{
			color: #e22d2d !important;
		}
		
		.text-instructor{
			font-size: 13px !important; 
			color: #29386b !important; 
		}
		
		.text-idioma{
			padding: 10px 0px !important;
			font-size: 12px !important; 
			color: #848484 !important;
		}
		
		.video-js, .vjs-tech, .vjs-poster{
			border-radius: .28rem !important;
		}
		
		.vjs-control-bar{
			border-bottom-right-radius: .28rem !important;
			border-bottom-left-radius: .28rem !important;
		}
		
		.modal-body{
			padding: 1.3rem !important;
			/*border: 1px solid #ccc;*/
		}
		
		.cover_card{
			background-color: #000000 !important;
		}
		
		#id-video-promocional:hover{
			opacity: 0.8 !important;
		}
		
		.btn-bottom-detalle{
			background-color: #29386b;
			color: #FFF;
			font-size: 13px;
		}
		
		.btn-bottom-detalle:hover{
			background-color: #8b8b8c;
		}
		
		.footer-card a:hover{
			color: #FFF !important; 
		}
		
		.btn-bottom-acceder{
			background-color: #e22d2d;
			color: #FFF;
			font-size: 13px;
		}
		
		.btn-bottom-acceder:hover{
			background-color: #29386b;
		}
		
		.text-descripcion-corta{
			font-size: 0.813rem;
			color: #848484;
			line-height: 1.125rem;
		}
		
		.text-descripcion-corta-modal{
			font-size: 0.9rem;
			color: #444;
			line-height: 1.3rem;
			text-align: justify;
		}
		
		.detalle-opciones-texto-modal{
			font-size: 13px;
			padding: 0px 0px 3px 8px;
			color: #444;
		}
		
		.text-mas-informacion{
			color: #29386b;
			font-size: 14px;
		}
		
		.text-mas-informacion:hover{
			color: #8b8b8c !important;
		}
		
		.btn-close{
			opacity: 1 !important;
			background-color: #eee;
		}
		
		.card-style1{
			box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.14);
			-webkit-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.14);
			-moz-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.14);
		}

.img-empresa{
			max-height: 105px !important;
		}
		.pd-img-empresa{
			padding: 0px 15px !important;
		}
		.section-index-step-empresas{
			padding-top: 30px !important;
			padding-bottom: 30px !important;
		}

/******************************************************/
/********** CUSTOM CODE - FOOTER                  */

.url-cursum-link:hover{
	text-decoration: underline;
}

.share-post li a:hover{
	background-color: #e22d2d !important;
	color: #fff !important;
}

/******************************************************/
/********** HEADER MENU: 			;                 */

.menu_area-light .navbar-nav > li .btn-acceder-login{
	background-color: #FFF !important;
	color: #29386b !important;
}
		
.menu_area-light.scrollHeader .navbar-nav > li .btn-acceder-login {
	background-color: #29386b !important;
	color: #FFF !important;
}


/******************************************************/
/********** contactenos_landing PAGE                  */

.form-group textarea {
    border: 2px solid #f0f0f0;
	border-radius: 4px;
	display: block;
	font-size: 12px;
	padding: 10px;
	width: 100%;
}
.form-group.success textarea {
    border-color: #09c372;
}

.form-group.error textarea {
    border-color: #ff3860;
}
.form-group textarea:focus {
    outline: 0;
}
.error{
	color: red;
	font-size: 12px;
}
.float-whats{
	display: flex;
	align-items: center;
	justify-content: center;
}