.nav-pills
{
    --bs-nav-pills-link-active-bg: #f8b532;
}
    
/* Components */

body
{
    font-family: "Raleway", sans-serif!important;
}

h1
{

}

h2
{
    font-family: "Crimson Text", serif;
    color: #494949;
    font-size: 46px;
}

h4
{
    font-weight: 400;
    color: #b0b0b0;
}

p
{
	font-size: 24px;
}

h2 span
{
    color: #f8b532;
}

.marginLeft
{
    margin-left: 4.5rem;
}

/* Header */

.logotipo
{
    width: 250px;
}

.logotipoSimbol
{
	width: 40px;
}

.topbar
{
    background-color: #3d4247;
    padding: 12px 0px 0px 0px;
}

.iconTopbar
{
    width: 35px;
    height: 35px;
}

#menu
{
    background-color: #3d4247!important;
    overflow-y: scroll
}

#menu::-webkit-scrollbar {
    display: none;
}

#menu img
{
    width: 20px;
    height: 20px;
}

.search
{
    margin-left: 10px;
    color: #f8b532;
	background: #f8b532;
	border-radius: 5px;    
    padding: 10px;
    padding-top: 9px !important;
}

.search img
{
    width: 18px;
    height: 18px;
}

nav
{
    
}

nav ul
{
    padding: 8px 0px 8px 0px;
    margin: 0px;
    border-radius: 5px;
    display: inline;
}

nav ul li 
{
    display: inline;
}

nav ul li a
{
    background-color: #494949;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 30px;
    margin: 0px;
    border-radius: 5px;
    transition: 0.3s;
    font-size: 14px;
}

nav ul li a:hover
{
    background-color: #f8b532;
    border-radius: 5px;
}

.helpIcon
{
    position: fixed;
    right: 0px;
    bottom: 0px;
    background-color: #49cd92;
    padding: 10px;
    border-radius: 5px;
	z-index: 99999999;
}

.helpIcon a
{
    color: #ffffff;
    text-decoration: none;
}

.helpIcon img
{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.helpIcon:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 0px;
	bottom: -6px;
	border: 6px solid;
	border-color: #49cd92 #49cd92 transparent transparent;
}

.helpOffcanvas
{
    background-image: url("../img/mandala2.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 300px;
}

.menuHeader
{
    background-color: #3d4247!important;
    border: 1px solid #3d4247!important;
    padding: 6px 25px!important;
}

.menuHeader:hover
{
    background-color: #f8b532!important;
    border: 1px solid #f8b532!important;
}

/* Logged header */

.logOut
{
    display: block;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #f8b532;
    color: #f8b532;
    text-decoration: none;
    padding: 8px 0px;
    transition: 0.3s;
}

.logOut:hover
{
    background-color: #f8b532;
    color: #494949;
}

.closeBtn
{
    color: #f8b532;
    border: none;
    background-color: transparent;
}

.ProfileImg
{
    width: 50%;
    border-radius: 15%;
    border: 6px solid #b3b3b3;
    min-height: 180px;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: cover!important;
	position: relative;
}

.ProfileEdit
{
	position: absolute;
    right: -10px;
    bottom: -10px;
    background: #ffc108;
    padding: 3px 1px 5px 8px;
    border-radius: 7px;
	cursor: pointer;
}

.ProfileOptions h4
{
    color: #ffffff!important;
    margin-bottom: 0px!important;
}

.ProfileOptions h6
{
    color: #f8b532!important;
    font-size: 15px;
    font-weight: 400;
}

.ProfileOptions p
{
    font-size: 16px;
    color: #494949;
}

.headerLog p
{
    font-size: 13px;
    margin-bottom: 0px;
    color: #666666;
    padding: 9px 12px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #e7e7e7;
    border-right: 1px solid #bfbfbf;
}

.headerLog a
{
    text-decoration: none;
}

/* Footer */

.logotipoFooter
{
	width: 200px;
}

footer
{
	background-color: #212529;
	padding: 50px;
	color: #fff;
	font-weight: 300;
}

footer p
{
	font-size: 12px;
	font-weight: 300;
}

footer p svg
{
	margin-right: 10px;
}

.menuFooter ul
{
    padding: 0px;
    list-style: none;
}

.menuFooter ul li
{
	padding: 5px 0px;
	text-align: center;
}

.menuFooter ul li a
{
    color: #ffffff;
    padding: 5px;
    text-decoration: none;
    font-size: 14px;
}

.menuFooter ul li a:hover
{
	transition: 0.3s;
	color: #F8DF00;
}

.DonarFooterContent
{
    text-align: right!important;
}


.footerDivider
{
    margin-top: 20px;
    padding-top: 60px;
    border-top: 1px solid #494949;
}

.footerDivider ul
{
    padding: 0px;
    list-style: none;
    text-align: center;
}

.footerDivider ul li
{
    display: inline;
}

.footerDivider ul li a, .footerDivider a
{
    color: #f8b532;
    padding: 5px;
}

.save
{
    position: absolute;
    background: #4fdc9d;
    left: 0;
    padding: 12px 30px;
    top: 25px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 22px;
    font-weight: 600;
    color: #deffef;
}

.new
{
    position: absolute;
    background: #4fdc9d;
    left: 0;
    padding: 6px 12px;
    top: 25px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    color: #000000;
}

.promoYear
{
    background-color: #f4f4f4;
    position: relative;
    background-image: url(../img/promos.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: color-burn;
}

/* Sections */

#stage
{
    height: 100vh;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%), url("../img/stage.jpg");
    background-repeat: no-repeat, no-repeat;
    background-size: contain, cover;
    background-position: left, right;
}

#stageLog
{
	padding: 0px 0px 90px 0px;
	background-image: url(../img/loto.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

#stage h2
{
    font-family: "Crimson Text", serif;
    color: #494949;
    font-size: 64px;
}

#stage p
{
    font-size: 26px;
    color: #494949;
    margin-bottom: 40px;
}

#stage .started
{
    font-size: 22px;;
    background-color: #f8b532;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 30px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
    transition: 0.3s;
}

#stage .started:hover
{
    background-color: #494949;
}

#stage .login
{
    border-radius: 5px;
    border: 1px solid #494949;
    color: #494949;
    padding: 5px 20px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 18px;
}

#stage .login:hover
{
    background-color: #494949;
    color: #ffffff;
}

.stageInfo
{
    height: 88vh;
}

#sectionStage
{

}

#sectionStage h2
{
    margin-top: 50px;
    font-weight: 700;
    font-family: "Raleway", sans-serif!important;
    font-size: 46px;
}

#login
{
	background-color: #ececec;
}

#login p a
{
	color: #494949;
	transition: 0.3s;
}

#login p a:hover
{
	color: #f8b532;
}

#login form
{
	border: 1px solid #d6d6d6;
    border-radius: 20px;
    padding: 30px;
    background-color: #ffffff;
}

.faqs
{
	padding: 100px 0px 100px 0px;
	background-color: #f4f4f4;
}

.faqs h3
{
	text-align: right;
	font-weight: 700;
	font-family: "Raleway", sans-serif !important;
	font-size: 46px;
	color: #494949;
	margin-bottom: 50px;
}

.faqs h2
{
	font-family: "Raleway", sans-serif !important;
}

.accordion
{
	--bs-accordion-active-color: #494949;
	--bs-accordion-active-bg: #dfdfdf;
}

/* Pricing */

.single-pricing
{
    background:#ffeecc;
    padding:40px 20px;
    border-radius: 20px;
    position:relative;
    z-index:2;
    border:1px solid #eee;
    box-shadow: 0 10px 40px -10px rgba(0,64,128,.09);
    transition:0.3s;
}
@media only screen and (max-width:480px) { 
.single-pricing {margin-bottom:30px;}
}
.single-pricing:hover{
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
z-index:100;
transform: translate(0, -10px);
}
.price-label {
    color: #fff;
    background: #ffaa17;
    font-size: 16px;
    width: 100px;
    margin-bottom: 15px;
    display: block;
    -webkit-clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
    clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0% 100%, 0 50%, 0% 0%);
    margin-left: -20px;
    position: absolute;
}
.price-head h3 {
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: capitalize;
    font-size: 26px;
    color: #000000;
}

.price {
    font-weight: 500;
    font-size: 50px;
    margin-bottom: 5px;
}

.price span
{
    font-size: 20px;
}

.single-pricing h5 {
    font-size: 14px;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.single-pricing ul
{
    list-style: none;
    margin-bottom: 20px;
    margin-top: 30px;
    padding: 0px;
}

.single-pricing ul li
{
    line-height: 35px;
}

.single-pricing-white
{
    background-color: #f4f4f4;
    position: relative;
    background-image: url(../img/promos.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: color-burn;
}

.comparativePrice svg
{
    width: 18px;
    height: 18px;
    color: #f8b532;
}

.comparativePrice .table
{
    --bs-table-bg: transparent;
}

.comparativeSave
{
    position: absolute;
    background: #4fdc9d;
    left: 0;
    padding: 6px 10px;
    top: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #deffef;
}

.offers
{
	background-color: #f8b532;
}

.offers h3
{
	color: #ffffff;
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 20px;
}

.offers p
{
	color: #ffffff;
}

.offersText
{
	padding: 80px 0px;
}

.cover
{
	height: 100%;
	width: 100%;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}

.registro
{
	text-align: center;
	padding: 90px 0px;
}

.registro h3
{
	color: #494949;
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 70px;
}

.registro h5
{
	color: #646464;
	font-weight: 300;
}

.registro h6
{
	color: #494949;
	font-weight: 900;
	font-size: 20px;
}

.registro p
{
	color: #646464;
	font-size: 24px;
}

.icon
{
	width: 80px;
	margin-bottom: 30px;
}

.membership
{
	background-color: #f0f5fa;
	text-align: center;
	padding: 90px 0px;
    
    background-image: url("../img/membership.jpg");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.membership p
{
    margin-top: -10px;
}

.membership h3
{
	color: #1f4868;
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 70px;
}

.membership b
{
    font-size: 52px;
    color: #f8b532;
}

.membership h5
{
	color: #646464;
	font-weight: 300;
}

.membership ul
{
	list-style: none;
	text-align: left;
	padding: 0px;
}

.membership ul li
{
	margin-bottom: 45px;
	font-size: 24px;
	line-height: 22px;
}

.bullet
{
    margin-top: -15px;
	margin-right: 15px;
    width: 26px;
}

.factura
{
	background-color: #ffffff;
	text-align: left;
	padding: 90px 0px;
}

.factura h3
{
	color: #494949;
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 60px;
}

.factura h5
{
	color: #646464;
	font-weight: 300;
}

.factura p
{
	color: #646464;
	font-size: 26px;
    margin-bottom: 0px;
}

.factura h4
{
    color: #f8b532;
    font-size: 38px;
    font-weight: 700;
}

.whatis
{
    padding: 90px 0px;
    
    background: rgb(176, 243, 244);
    background: linear-gradient(325deg, rgba(199, 254, 255, 1) 0%, rgba(255, 222, 152, 1) 100%);
    
    /*background-image: url(../img/whatis.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;*/
}

.whatis h3
{
    text-align: right;
    color: #f9b532;
	font-size: 52px;
	font-weight: 700;
    margin-bottom: 60px;
}


.whatis p
{
    color: #646464;
    font-size: 22px;
    margin-bottom: 40px;
}


.founder
{
    background-color: #ffffff;
    padding: 90px 0px;
}

.founder h3
{
    text-align: left;
    color: #494949;
	font-size: 52px;
	font-weight: 700;
}

.founder .video
{
    margin-top: 60px;
}

.instructors
{
    background-color: #f4f4f4;
	padding: 90px 0px;
}

.instructors h3
{
	color: #494949;
	font-size: 52px;
	font-weight: 700;
}

.instructors p
{
    color: #646464;
    font-size: 24px;
    margin-bottom: 60px;
}

.instructors h6 a
{
    text-decoration: none !important;
    color: #494949;
    border-radius: 5px;
    border: 1px solid;
    padding: 8px 12px;
    font-size: 18px;
    transition: 0.2s;
}

.instructors h6 a:hover
{
    color: #f8b532;
}

.allInstructors, .allCourses
{
    padding: 100px 0px 100px 0px;
}

.allInstructors h3
{
    color: #494949;
    font-size: 34px;
    margin-bottom: 50px;
    font-weight: 700;
}

.allInstructors p
{
    color: #646464;
    font-size: 20px;
    margin-bottom: 60px;
}

.allInstructors h6 a
{
    text-decoration: none !important;
    color: #494949;
    border-radius: 5px;
    border: 1px solid;
    padding: 8px 12px;
    font-size: 18px;
    transition: 0.2s;
}

.allInstructors h6 a:hover
{
    color: #f8b532;
}

.instructor
{
    width: 100%;
    height: 250px;
    border-radius: 20px;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    position: relative;
    box-shadow: inset 0px -80px 60px -18px #000000a8;
}

.instructor p
{
    position: absolute;
    bottom: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
}

.teacherName
{
    font-size: 13px!important;
    color: #ffffff!important;
    margin-bottom: 10px!important;
    font-weight: 600;
}

.teacherBtn
{
    display: block;
    color: #ffd800;
    font-size: 11px;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 400;
}

.candidates-profile-bg
{
  background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url("https://images.pexels.com/photos/1029604/pexels-photo-1029604.jpeg");
  background-size: cover;
  position: relative;
  background-position: center center;
}

.InstructorCover
{
    padding: 80px 0px 150px 0px;
}

.candidates-profile-details .instructor
{
    max-width: 180px!important;
    max-height: 180px!important;
}

.candidates-profile-details .location
{
    color: #ffffff;
    font-size: 10px;
}

.candidates-profile-details .location svg
{
    width: 14px;
    height: 14px;
    margin-top: -4px;
}

.candidates-profile-details p
{
    font-size: 12px;
    font-weight: 500;
    color: #f9b532;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.InstructorSocial ul
{
    padding: 0px;
    list-style: none;
    text-align: center;
}

.InstructorSocial ul li
{
    display: inline;
}

.InstructorSocial ul li a
{
    color: #ffffff;
    padding: 5px;
    text-shadow: 0px 0px 5px #000;
}

.courses
{
    background-color: #ffffff;
	padding: 110px 0px;
}

.courses .card-body, .allCourses .card-body
{
    min-height: 120px;
}

.courses h3
{
	color: #494949;
	font-size: 52px;
	font-weight: 700;
}

.allCourses h3
{
    color: #494949;
    font-size: 34px;
    margin-bottom: 50px;
    font-weight: 700;
}

.allCourses .card h6
{
    text-align: left;
}

.courses p, .allCourses p
{
    color: #646464;
    font-size: 24px;
    margin-bottom: 60px;
}

.courses h6 a, .allCourses h6 a
{
    text-decoration: none !important;
    color: #494949;
    border-radius: 5px;
    border: 1px solid;
    padding: 8px 12px;
    font-size: 18px;
    transition: 0.2s;
    font-weight: 500;
}

.courses h6 a:hover, .allCourses h6 a:hover
{
    color: #f8b532;
}

.courses .card, .allCourses .card
{
    border-radius: 20px!important;
}

.courses .card-body p, .allCourses .card-body p
{
    font-size: 15px;
	font-weight: 700;
    color: #494949;
    text-align: left;
	margin-bottom: 30px!important;
}

.miniTeacher
{
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 10px;
    background-position: center;
    background-size: cover;
    border-radius: 15px;
}

.courses .card-text a, .allCourses .card-text a
{
    font-size: 11px;
    color: #494949;
    text-decoration: none;
}

.courses .text-body-secondary, .allCourses .text-body-secondary
{
    font-size: 11px;
}

.courses h6
{
    font-weight: 700;
}

.courses .btnCard, .allCourses .btnCard
{
    border: none;
    font-size: 14px;
    color: #494949;
    background-color: transparent;
}

.courses .btnCard:hover, .allCourses .btnCard:hover,
{
    color: #f8b532;
}

.text-body-secondary svg
{
	width: 16px;
	height: 16px;
	margin-right: 3px;
}

.course
{
	height: 200px;
	width: 100%;
	background-size: cover!important;
	background-position: center!important;
	background-repeat: no-repeat!important;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	position: relative;
    
    box-shadow: inset 0px -80px 60px -18px #000000a8;
}

.course p
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	font-size: 10px!important;
	color: #ffffff;
	font-weight: 400;
    margin-right: 15px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.allAbout2
{
    padding: 100px 0px;
    background-image: url(../img/promos.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: color-burn;
}

.allAbout
{
    padding: 50px 0px 100px 0px;
}

.allAbout h3, .allAbout2 h3
{
    color: #494949;
    font-size: 34px;
    margin-bottom: 50px;
    font-weight: 700;
}

.allAbout h5, .allAbout2 h5
{
	font-size: 60px;
	font-weight: 800;
	color: #f8b532;
}

.testimonial
{
	padding: 90px 0px 0px 0px;
}

.testimonial .carousel-indicators [data-bs-target]
{
    background-color: #494949!important;
}

.yellow
{
	color: #f8b532;
}

.yellow svg
{
    width: 18px!important;
    height: 18px!important;
}

.newsletter
{
	background-color: #f8b532;
	text-align: center;
	padding: 110px 0px;
}

.newsletter h3
{
	color: #ffffff;
	font-size: 52px;
	font-weight: 700;
	margin-bottom: 40px;
}

.newsletter form
{
	text-align: left!important;
}

.newsletter form label
{
	color: #ffffff;
}

.newsletter input[type="button"]
{
	margin-top: 0px;
}

.allBlog
{
	padding: 100px 0px;
}

.featuredPost
{
	background-position: center!important;
	background-size: cover!important;
	background-repeat: no-repeat!important;

	color: #fff;

	box-shadow: inset 0px 0px 100px 0px #000000!important;
	text-shadow: 0px 0px 20px #000000b0 !important;
}

.featuredPost a
{
	text-decoration: none;
	color: #ffffff;
	transition: 0.3s;
	font-size: 13px;
	text-align: right
}

.featuredPost a:hover
{
	color: #f8b532;
}

.allPosts
{
	background-position: center!important;
	background-size: cover!important;
	background-repeat: no-repeat!important;

	width: 361px;
	height: 100%;
}

.post-link
{
	text-decoration: none!important;
	color: #f8b532;
	transition: 0.3s;
}

.post-link:hover
{
	color: #494949;
}

.pagination
{
	--bs-pagination-active-bg: #f8b532;
	--bs-pagination-active-border-color: #f8b532;
	--bs-pagination-color: #f8b532;
}

.allEvents
{
	padding: 100px 0px;
}

.allEvents .card
{
	border-radius: 20px!important;
}

.eventCard
{
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	height: 200px;
	width: 100%;
	background-repeat: no-repeat!important;
	background-position: center!important;
	background-size: cover!important;
}

.EventLink
{
	color: #f8b532;
	text-decoration: none;
	font-size: 13px;
	border: none;
	background-color: transparent;
}

input[type="email"]::placeholder
{
    color: #a6bace;
}

input[type="email"]
{
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    color: #a6bace;
    font-weight: 400!important;
    text-align: left;
    
    background-color: #f0f5fa;
    border: 2px solid #dbe2e8!important;
    
    border: none;
    border-radius: 8px;
    padding-left: 15px;
    width: 100%;
    height: 55px;
    

}

input[type="button"]
{
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 500;
    background: #494949;
    color: #ffffff;
    
    margin-top: 20px;
    border: none;
    border-radius: 8px;
    padding: 12px 40px 12px 40px;
	width: 100%;
}

input[type="button"]:hover
{
    background: rgb(255, 255, 255);
	color: #494949;
    transition: 0.4s;
}

.cardFull
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.cardFull h3
{
    margin: 0px auto 20px auto;
    height: 180px;
    font-size: 30px;
}

.cardFull label
{
    position: absolute;
    bottom: 10px;
    text-align: center;
    left: 0px;
    right: 0px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
}

.cardFull .card-footer
{
    border-top: 1px solid #ffffff!important;
    padding: 10px 0px 0px 0px;
}

.cardFull .card-footer a
{
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}

.cardFull .text-body-secondary
{
    color: #ffffff!important;
    font-size: 11px;
}

.cardFull .text-body-secondary svg
{
    margin-right: 5px;
}

/* Promo */

.promo
{
    position: absolute;
    background-color: #5c9cb6;
    background: linear-gradient(90deg, rgb(56 171 218) 0%, rgb(49 200 130) 100%);
    text-align: center;
    padding: 10px 0px;
    margin-bottom: 0px;
    color: #fff;
    z-index: 99999;
    width: 100%;
}

.promo p
{
    margin: 0px;
    font-size: 18px;
}

/* Class */
.classProfile
{
    background-color: #212529;
}

.classCover
{
    margin-top: 60px;
    padding: 0px 0px 0px 0px;
}

.ClassVideo
{
    width: 80%;
    height: 500px;
}

.allInfo
{
    padding: 0px 0px 100px 0px;
}

.allInfo h3
{
    color: #494949;
    font-size: 34px;
    margin-bottom: 10px;
    font-weight: 700;
}

.allInfo a
{
    text-decoration: none;
    color: #494949;
    font-size: 18px;
}

.allInfo .miniTeacher
{
    width: 30px;
    height: 30px;
    border-radius: 20px;
}

.allInfo p
{
    color: #646464;
    font-size: 24px;
    margin-bottom: 0px;
}

.borderClassDetail
{
    border: 1px solid #494949;
    padding: 5px 10px;
    border-radius: 5px;
}

.iconClass
{
    width: 30px;
    height: 30px;
    margin-right: 2px;
    margin-top: -10px;
}


/* Films */

.linkCardFull
{
    color: #ffffff;
    text-decoration: none;
}

/* Course */

.courseProfile
{
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: cover!important;
}

.courseCover
{
    padding: 100px 0px;
}

.courseCover h3
{
    color: #ffffff;
    font-size: 50px;
    margin-bottom: 0px;
    font-weight: 700;
}

.courseCover p
{
    color: #646464;
    font-size: 24px;
    margin-bottom: 0px;
}

.courseCover a
{
    text-decoration: none;
    font-size: 20px;
}

.courseCover .borderClassDetail
{
    color: #ffffff;
    border: 1px solid #ffffff;
}

.courseCover .miniTeacher
{
    width: 30px;
    height: 30px;
    border-radius: 20px;
}

.InfoCourse
{
    padding: 100px 0px;
}

.InfoCourse h3
{
    color: #494949;
    font-size: 34px;
    margin-bottom: 50px;
    font-weight: 700;
}

.InfoCourse p
{
    color: #646464;
    font-size: 24px;
    margin-bottom: 0px;
}

.InfoCourse .accordion-header
{
    margin-bottom: 0px;
}

.InfoCourse ol
{
    margin-bottom: 0px;
}

.InfoCourse ol > li::marker
{
    font-weight: bold;
    color: #f8b532;
}

.carousel-item
{
    min-height: 300px;
}

.arrowsTestimonial
{
    width: 20px;
}

.arrowsStage
{
    width: 12px;
}

.carousel-control-next, .carousel-control-prev
{
    width: auto!important;
}

.sub-carousel-item
{
    width: 90%!important;
    margin: 0 auto;
}

.sub-carousel-item-main
{
    width: 90% !important;
    margin: 0 auto;
    height: 90vh;
    display: flex;
    align-items: center;
}

.sub-carousel-item a
{
    text-decoration: none;
}

.Sample
{
    width: 60px;
    height: 30px;
    border-radius: 6px;
    background: #666666;
}

/* Media Query */
/* XXL */
@media (min-width: 1401px)
{

}

/* XL */
@media (min-width: 1201px) and (max-width:1400px)
{

}

/* LG */
@media (min-width: 993px) and (max-width:1200px)
{

}

/* MD */
@media (min-width: 768px) and (max-width:992px)
{
    .marginLeft
    {
        margin-left: 0rem;
    }
    
    .logotipo
    {
        width: 180px;
    }
    
    #stage
    {
        background: url("../img/stageSmall.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    #stage h2
    {
        font-size: 58px;
    }
        
    .diffimg
    {
        border-top-left-radius: 15px!important;
        border-bottom-left-radius: 15px!important;
    }
    
    .factura p
    {
        font-size: 20px;
    }
}

/* MS */
@media (min-width: 577px) and (max-width: 767px)
{
    .marginLeft
    {
        margin-left: 0rem;
    }
    
    .logotipo
    {
        width: 180px;
    }
    
    #stage
    {
        background: url("../img/stageSmall.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    #stage h2
    {
        font-size: 54px;
    }
    
    .bullet
    {
        float: none!important;
        margin-top: -15px;
    }
    
    .btn-toolbar, .btn-toolbar form
    {
        width: 100%;
    }
    
    .carousel-item
    {
        min-height: 450px;
    }

    .sub-carousel-item
    {
        width: 85%!important;
        margin: 0 auto;
    }
        
    .diffimg
    {
        border-top-left-radius: 15px!important;
        border-bottom-left-radius: 15px!important;
    }
    
    .promo
    {
        padding: 8px 0px;
    }

    .promo p
    {
        font-size: 14px;
    }
}

/* XS */
@media (max-width: 576px)
{
    #stage
    {
        background: url("../img/stageSmall.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    .marginLeft
    {
        margin-left: 0rem;
    }
    
    .logotipo
    {
        width: 150px;
    }
    
    #stage h2
    {
        font-size: 50px;
    }
    
    .stageInfo
    {
        height: 100vh;
    }
    
    .bullet
    {
        float: none!important;
        margin-top: -15px;
    }
    
    .btn-toolbar, .btn-toolbar form
    {
        width: 100%;
    }
    
    .carousel-item
    {
        min-height: 450px;
    }

    .sub-carousel-item
    {
        width: 85%!important;
        margin: 0 auto;
    }
    
    .diffimg
    {
        border-top-left-radius: 15px!important;
        border-bottom-left-radius: 15px!important;
    }
    
    .promo
    {
        padding: 8px 0px;
    }

    .promo p
    {
        font-size: 14px;
    }

}