*{
text-decoration: none !important;
outline: 0 !important;

}
.row {
  margin: 0 !important;
  padding: 0;
}
@font-face {
 font-family: SpeedeeBold;
 src: url("../../fonts/font-trainee/Speedee_Bd.ttf"); /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: Speedee;
 src: url("../../fonts/font-trainee/Speedee_Rg.ttf"); /* TTF file for CSS3 browsers */
}
body {
  -webkit-font-smoothing: antialiased;
  max-width: 100%;
  position: relative;
  margin: 0 auto;
}
.container-in {
    max-width: 1100px;
    margin: 0 auto;
}
.container-back{
	max-width: 960px;
	margin: 0 auto;
}
.bannerContent {
    width: 100%;
    position: relative;
}
.bannerContent video{
  width: 100%;
}
.Program{
    text-align: center;
    padding: 30px 0;
}
.Program h1{
  font-size: 60px;
  font-family: 'SpeedeeBold';
  color: #DB0007;
}
.programBackground {
    padding: 70px 0;
    position: relative;
}
.programOverlay {
    background: #DB0007;
    position: absolute;
    width: 100%;
    height: 70%;
    top: 15%;
}
.programText {
    padding: 70px;
    position: relative;
    top: 35px;
}
.programText p{
    position: relative;
    color: #fff;
    font-family: 'Speedee';
    text-align: left;
    font-size: 20px;
}
.programText span {
    font-family: 'SpeedeeBold';
}
.programTeam {
    position: relative;
    width: 100%;
    padding: 0 50px 0px 0;
}
.programTeam img{
  width: 100%;
}
section.Program2 {
    padding: 0 0 80px;
}
.imgProgram2 {
    padding: 0 60px;
    width: 100%;
}
.imgProgram2 img{
  width: 100%;
}
.titleProgram2 {
    padding: 0px 60px 20px;
}
.titleProgram2 h1 {
    font-size: 52px;
    font-family: 'SpeedeeBold';
    color: #000000;
    margin: 0;
}
.contentProgram2 {
    padding: 0 60px 40px;
}
.contentProgram2 p {
    font-size: 20px;
    font-family: 'Speedee';
}
.contentProgram2 span {
    font-style: italic;
}
section.applyNow {
    padding: 0 0 50px;
}
.applyNowBody .col-md-6 {
    padding: 0!important;
    position: relative;
}
.applyNowBody .applyYellowSeeds{
    background-image: url(../../../images/seeds.svg);
    width: 100%;
    background-repeat: repeat;
    height: 100%;
    position: absolute;
}
.applyRed {
    padding: 70px;
    background: #DB0007;
    height: 620px;
}
.applyRed h1 {
    color: #fff;
    font-family: 'SpeedeeBold';
    font-size: 50px;
}
.applyRed ul.tList {
    color: #fff;
    font-family: 'Speedee';
    font-size: 21px;
    padding: 0px 15px 20px;
    margin:0;
}
.applyRed ul.cList {
    color: #fff;
    font-family: 'Speedee';
    font-size: 21px;
    padding: 0px 15px 110px;
    margin:0;
}
.applyRed h2 {
    color: #fff;
    font-family: 'SpeedeeBold';
    font-size: 30px;
}
.btnApply.yellow {
    position: relative;
    width: 60%;
    float: none;
    margin: auto;
    text-align: center;
    display: block;
    background: #ffba0e;
    border-radius: 50px;
    transition: all 0.3s;
}
.btnApply.yellow a{
    font-size: 26px;
    font-family: 'SpeedeeBold';
    color: #000;
    display: block;
    padding: 10px 20px;
}
.btnApply.yellow:hover {
    background: #ffc30d;
    transition: all 0.3s;
}
.applyYellow {
    padding: 70px;
    background: #ffba0e;
    height: 620px;
}
.applyYellow h1 {
    color: #000;
    font-family: 'SpeedeeBold';
    font-size: 50px;
    position: relative;
    z-index: 9;
}
.applyYellow ul.tList {
    color: #000;
    font-family: 'Speedee';
    font-size: 21px;
    padding: 0px 15px 20px;
    margin:0;
    position: relative;
    z-index: 9;
}
.applyYellow ul.cList {
    color: #000;
    font-family: 'Speedee';
    font-size: 21px;
    padding: 0px 15px 20px;
    margin:0;
    position: relative;
    z-index: 9;
}
.applyYellow h2 {
    color: #000;
    font-family: 'SpeedeeBold';
    font-size: 30px;
    position: relative;
    z-index: 9;
}

.btnApply.red {
    position: relative;
    width: 60%;
    float: none;
    margin: auto;
    color:#fff;
    text-align: center;
    display: block;
    background: #DB0007;
    border-radius: 50px;
    transition: all 0.3s;
}
.btnApply.red a{
    font-size: 26px;
    font-family: 'SpeedeeBold';
    color: #fff;
    display: block;
    padding: 10px 20px;
}
.btnApply.red:hover {
    background: #d10108;
    transition: all 0.3s;
}
.OfferTitle {
    text-align: center;
    margin-top: 20px;
}
.OfferTitle h1{
    font-size: 60px;
    font-family: 'SpeedeeBold';
    color: #DB0007;
    margin-bottom: 40px;
}
.Offer{
    padding: 30px 60px;
    overflow-x: hidden;
}
.Benefits h1 {
    font-size: 50px;
    font-family: 'SpeedeeBold';
}
.BenefitsSub {
    height: 3px;
    background: #ffba0b;
    width: 20%;
}
.BenefitTitle {
    padding: 30px 0;
}
.Benefits .BenefitTitle h1 {
    font-size: 16px;
    font-family: 'SpeedeeBold';
    text-align: center;
    margin-bottom: 0;
}
.BenefitsBody .col-md-3  {
    padding: 0!important;
}
.BenefitsBody button  {
    background: transparent;
    border: none;
    padding: 0;
    width: 100%;
    position: relative;
}
.BenefitsBody button.active {
    background: #ffba0b;
    position: relative;
    z-index: 9;
}
.BenefitsBody {
    padding: 40px 0;
}
.BenefitBodyItem {
    position: relative;
    background: #fff;
    transition: all 0.4s;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.85, 0.66, 0, 1.01);
    transition-delay: .3s;
}
.viewMore {
    width: 40px;
    height: 40px;
    padding: 14px;
    position: absolute;
    float: right;
    right: 0;
    background: #ffba0b;
    opacity: 0;
    transition: all 0.3s;
}
.BenefitBodyItem:hover .viewMore {
  opacity: 1;
  transition: all 0.3s;
}
.BenefitBodyItem:hover .becaModalClass.active .viewMore {
    opacity: 0;
    transition: all 0.3s;
}
.BenefitIcon {
    padding: 60px 0 0;
    width: 25%;
    float: none;
    margin: auto;
    text-align:center;
}
.BenefitIcon svg{
    width: 60px;
}
.BenefitIcon svg path {
    fill: #ffba0b;
    transition: all 0.3s;
}
.BenefitItemContent {
    background: #ffba0b;
    padding: 60px 40px;
    font-size: 12px;
    text-align: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0%;
    opacity: 0;
}
.BenefitItemContent.active  {
    opacity: 1;
    transition: all 0.4s;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.85, 0.66, 0, 1.01);
    transition-delay: .3s;
    left:100%;

    z-index: 9999!important;
}
.closeMore {
    width: 40px;
    height: 40px;
    padding: 11px;
    position: absolute;
    float: none;
    right: 0;
    background: transparent;
    top: 0;
}
.active .BenefitIcon svg path {
    fill: #ffffff;
    transition: all 0.3s;
}
.BenefitBodyItem p  {
    font-size: 12px;
    font-family: 'Speedee';
    position: relative;
    z-index: 3;
}
.BenefitBodyItem p span {
    font-family: 'SpeedeeBold';
}
.active-zindex{
  z-index: 9999;
}
.zindexbtn{
  z-index: 9998!important;
}
.zindex{
  z-index: 9999;
}
.BenefitBodyItem:hover .remuneracionModalClass.active .viewMore {
    opacity: 0;
    transition: all 0.3s;
}
.BenefitBodyItem:hover .crecimientoModalClass.active .viewMore {
    opacity: 0;
    transition: all 0.3s;
}
.BenefitBodyItem:hover .talleresModalClass.active .viewMore {
    opacity: 0;
    transition: all 0.3s;
}
#remuneracionActive {
  padding: 90px 40px!important;
}
.talleresBody {
    background: #ffba0b;
    padding: 60px 40px;
    font-size: 12px;
    text-align: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0%;
    opacity: 0;
}
.talleresBody.active {
    opacity: 1;
    transition: all 0.4s;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.85, 0.66, 0, 1.01);
    transition-delay: .3s;
    left: -100%;
    z-index: 9999!important;
}
.talleresBody .closeMore {
    right: -100%;
}
.iconTitle {
    width: 5%;
    float: none;
    margin: auto;
}
.iconTitle img{
  width: 100%;
}
.ProgramTitle {
    margin-top: 30px;
}
.applicationProcess .applicationTitle .processTitle{
    text-align: center;
    margin-top: 20px;
}
.applicationProcess .applicationTitle h1 {
    font-size: 60px;
    font-family: 'SpeedeeBold';
    color: #212529;
    margin-bottom: 40px;
}
.applicationProcessBody {
    padding: 70px;
    background: #ffba0e;
    margin: 0 0 50px;
}
.applicationSteps {
    padding: 40px 0;
}
.applicationSteps .stepIcon {
    width: 150px;
    height: 150px;
    text-align: center;
    padding: 40px;
    border-radius: 90px;
    background: #fff;
    float: none;
    margin: auto;
    position: relative;
    display: flex;
}
.applicationSteps .stepIcon img{
    width: 75%;
    float: none;
    margin: auto;
}
.stepBodyContent {
    padding: 20px 0;
    text-align: center;
}
.stepBodyContent h1 {
    font-size: 26px;
    font-family: 'SpeedeeBold';
    margin-bottom: 30px;
}
.stepBodyContent h2 {
    font-size: 16px;
    font-family: 'SpeedeeBold';
}
.stepBodyContent p {
    font-family: 'Speedee';
    font-size: 15px;
}
.completeFormTitle {
    padding: 30px 60px;
}
.completeFormTitleContent {
    margin-top: 20px;
    text-align: center;
}
.completeFormTitleContent h1{
    font-size: 60px;
    font-family: 'SpeedeeBold';
    color: #db0006;
    margin-bottom: 40px;
}
.formsBody {
    width: 100%;
    float: none;
    margin: auto;
    padding-bottom: 50px;
}
.formsBody .btnFormModal.redBtn {
    background: #db0006;
    text-align: center;
    display: block;
    border-radius: 50px;
    transition: all 0.3s;
}
.formsBody .btnFormModal.redBtn:hover {
    background: #d10108;
    transition: all 0.3s;
}
.formsBody .btnFormModal.redBtn a {
    padding: 8px;
    display: block;
}
.formsBody .btnFormModal.redBtn a p{
    font-size: 12px;
    font-family: 'Speedee';
    color: #fff;
    padding: 0;
    display: block;
    transition: all 0.3s;
    margin-bottom: 0;
    position: relative;
    top: 5px;
}
.formsBody .btnFormModal.redBtn a .btnBottom {
    font-size: 20px;
    font-family: 'SpeedeeBold';
    color: #fff;
    position: relative;
    top: 0px;
}

.formsBody .btnFormModal.yellowBtn {
    background: #ffba0b;
    text-align: center;
    display: block;
    border-radius: 50px;
    transition: all 0.3s;
}
.formsBody .btnFormModal.yellowBtn:hover {
    background: #ffc30d;
    transition: all 0.3s;
}
.formsBody .btnFormModal.yellowBtn a {
    padding: 8px;
    display: block;
}
.formsBody .btnFormModal.yellowBtn a p{
    font-size: 12px;
    font-family: 'Speedee';
    color: #000;
    padding: 0;
    display: block;
    transition: all 0.3s;
    margin-bottom: 0;
    position: relative;
    top: 5px;
}
.formsBody .btnFormModal.yellowBtn a .btnBottom {
    font-size: 20px;
    font-family: 'SpeedeeBold';
    color: #000;
    position: relative;
    top: 0px;
}
.completeForm .referral {
    text-align: center;
    padding-bottom: 60px;
}
.completeForm .referral a{
    font-size: 16px;
    font-family: 'SpeedeeBold';
    color: #000;
    border-bottom: 3px solid #ffba0b;
    transition: all 0.3s;
}
.completeForm .referral a:hover{
    color: #4b4b4b;
    border-bottom: 3px solid #ffba0b;
    transition: all 0.3s;
}
#formTrainee .btnClose {
    width: 50px;
    height: 50px;
    background: #FFBC0D;
    border-radius: 50px;
    position: absolute;
    float: right;
    right: -20px;
    text-align: center;
    top: -30px;
}
#formTrainee button.btn-close {
    position: relative;
    top: 25%;
}
#formTrainee .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 30px;
}
#formTrainee .modal-dialog {
    max-width: 940px;
    margin: 1.75rem auto;
}
#formTrainee .modal-content {
    border-radius: 20px;
    border: none;
    overflow: inherit;
}
.formBodyRows select,input {
    width: 100%;
    padding: 5px;
    border: 1px solid #e3e7ea;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: 'Speedee';
    color: #6c7075;
    cursor: pointer;
    transition: all 0.3s;
}
.formBodyRows select:hover,input:hover{
    border: 1px solid #ffbc0e;
    border-top: none;
    border-left: none;
    border-right: none;
    transition: all 0.3s;
}
.formBodyRows select:focus,input:focus{
    border: 1px solid #ffbc0e;
    border-top: none;
    border-left: none;
    border-right: none;
    transition: all 0.3s;
}
.formBodyRows textarea {
    resize: none;
    width: 100%;
    height: 230px;
    border: 1px solid #e3e7ea;
    border-radius: 5px;
    padding: 10px 35px;
    font-size: 14px;
    font-family: 'Speedee';
    color: #6c7075;
    transition: all 0.3s;
}
.formBodyRows textarea:focus{
    border: 1px solid #ffbc0e;
    transition: all 0.3s;
}
.formBodyRows textarea:hover{
    border: 1px solid #ffbc0e;
    transition: all 0.3s;
}
.formBodyRows h1 {
    font-size: 12px;
    font-family: 'Speedee';
    color: #000;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0;
}
.formBodyRows h2{
    font-size: 12px;
    font-family: 'Speedee';
    color: #000;
    margin-bottom: 0;
}
.formBodyRows h3 {
    font-size: 10px;
    font-family: 'Speedee';
    color: #55a451;
}
.formBodyRows .form-control {
    border: 1px solid #e3e7ea;
    font-size: 14px;
    font-family: 'Speedee';
    margin: 10px 0 20px;
    color: #6c7075;
}
.formBodyRows .btnEnviar {
    text-align: center;
    padding: 40px 0 20px;
}
.formBodyRows .btnEnviar button {
    padding: 8px 40px;
    border: none;
    border-radius: 50px;
    font-size: 14px;
    font-family: 'SpeedeeBold';
    color: #fff;
    background: #db0006;
    transition: all 0.3s;
}
.formBodyRows .btnEnviar button:hover{
   background: #d10108;
   transition: all 0.3s;
}

#formTopManagement .btnClose {
    width: 50px;
    height: 50px;
    background: #FFBC0D;
    border-radius: 50px;
    position: absolute;
    float: right;
    right: -20px;
    text-align: center;
    top: -30px;
}
#formTopManagement button.btn-close {
    position: relative;
    top: 25%;
}
#formTopManagement .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 30px;
}
#formTopManagement .modal-dialog {
    max-width: 940px;
    margin: 1.75rem auto;
}
#formTopManagement .modal-content {
    border-radius: 20px;
    border: none;
    overflow: inherit;
}
.programDesktop{
  display: block;
}
.programMobile{
  display: none;
}
.BenefitBodyItem .viewMore .btn-close{
    transform: rotate(45deg);
    font-size: 10px;
    text-align: center;
    position: relative;
    top: -7px;
    padding: 0;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 18px;
}
.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}
.footer-content {
    padding: 40px;
    border-top: 1px solid #cacaca;
}
.justify-center {
    display: flex;
    margin-bottom: 20px;
}
.w-12 {
    width: 3rem;
    margin-right: 15px;
}
.w-12 a img {
    width: 100%;
    height: auto;
}
.pr-2 a.font-mc-bold.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: 'SpeedeeBold';
    color: #000;
}
.px-2 a.font-mc-bold.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: 'SpeedeeBold';
    color: #000;
}
.contactDivs {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.pt-4  {
    padding: 0!important;
    margin: 0;
}
.pt-4 p {
    text-align: left;
    font-size: .875rem;
    font-family: 'Speedee';
}
.header .flex.nav-mc {
    display: flex;
}
.header .flex-shrink-0 {
    flex-shrink: 0 !important;
    width: 2.25rem;
    margin-right: 15px;
}
.header .flex-shrink-0 img{
    width :100%!important;
    height:auto!important;
}
.header .item-nav {
    margin-left: 2.5rem;
    padding: 5px 0px;
}
.header .item-nav  a{
    font-size: .875rem;
    font-family: 'Nunito', sans-serif;;
    color: #6b7280;
    transition: all 0.3s;
    text-transform:uppercase;
    position:relative;
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.header .item-nav a:hover{
    color:#000;
    transition: all 0.3s;
}
.header .py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid #eaeaea;
}
.header .item-nav a:before {
    content: "";
    position: absolute;
    left: 0.2rem;
    bottom: -6px;
    height: 3px;
    background: #ffbc0d;
    right: 100%;
    opacity: 0;
    transition: all 0.3s;
    -webkit-animation-name: scalebar;
    animation-name: scalebar;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}
.header .item-nav a:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -15px;
    top: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAiIGhlaWdodD0iOSI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoNDIuMDA4djguNTFIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSkiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGZpbGw9IiNGRkJDMEQiIGQ9Ik0wIDBoMS40MmM0LjM3LjE3OCA2LjU4NCA0LjcxOSAxMS4yMDMgNC4wMDYgMS42NjYtLjI1OCAzLjA1NC0xLjIzMiA0Ljc5NS0xLjI0NyA0LjE2Ni0uMDMzIDYuMjExIDQuNzY5IDEwLjA5OCA1LjYwMSAxLjE2Ni4yNSAyLjM5LjIxNyAzLjQ2OC0uMzMuOTQ2LS40ODEgMS42OC0xLjI3NyAyLjMxNy0yLjEwOSAxLjEtMS40MzggMi4wOC0yLjk5NyAzLjM5Ni00LjI1Ny43MTYtLjY4NCAxLjU4LTEuMzIgMi41Ni0xLjUyOEE3LjMyNCA3LjMyNCAwIDAxNDAuNDA4IDBoMS42IiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjwvc3ZnPg==) no-repeat 100% 80%;
    z-index: 30;
    right: 4%;
    opacity: 0;
    -webkit-animation-name: scaledrop;
    animation-name: scaledrop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    transition: all 0.3s;
}
.header .item-nav a:hover:before {
    content: "";
    position: absolute;
    left: 0.2rem;
    bottom: -6px;
    height: 3px;
    background: #ffbc0d;
    right: 5%;
    opacity:1;
    transition:all 0.3s;
    -webkit-animation-name: scalebar;
    animation-name: scalebar;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}
.header .item-nav a:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -15px;
    top: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAiIGhlaWdodD0iOSI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoNDIuMDA4djguNTFIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMSkiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjxwYXRoIGZpbGw9IiNGRkJDMEQiIGQ9Ik0wIDBoMS40MmM0LjM3LjE3OCA2LjU4NCA0LjcxOSAxMS4yMDMgNC4wMDYgMS42NjYtLjI1OCAzLjA1NC0xLjIzMiA0Ljc5NS0xLjI0NyA0LjE2Ni0uMDMzIDYuMjExIDQuNzY5IDEwLjA5OCA1LjYwMSAxLjE2Ni4yNSAyLjM5LjIxNyAzLjQ2OC0uMzMuOTQ2LS40ODEgMS42OC0xLjI3NyAyLjMxNy0yLjEwOSAxLjEtMS40MzggMi4wOC0yLjk5NyAzLjM5Ni00LjI1Ny43MTYtLjY4NCAxLjU4LTEuMzIgMi41Ni0xLjUyOEE3LjMyNCA3LjMyNCAwIDAxNDAuNDA4IDBoMS42IiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjwvc3ZnPg==) no-repeat 100% 100%;
    z-index: 30;
    right: 4%;
    opacity:1;
    -webkit-animation-name: scaledrop;
    animation-name: scaledrop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    transition:all 0.3s;
}
.burgerMenu {
    width: 100%;
    float: none;
    padding: 0px;
    cursor: pointer;
    position: relative;
    height: 75px;
    background: #fff;
    top: 10px;
    margin: auto;
    left: 0px;
    display:flex;
}
.burgerMenuToOpen {
    transition: all 0.3s;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    width: 50px;
    height: 50px;
}
.burgerMenuToOpen:hover{
	background-color: #f3f4f6;
}
.burgerMenuItems ul {
    list-style: none;
    padding: 0;
}
.burgerMenuItems ul li {
    padding: 10px 20px;
    background: transparent;
    transition: all 0.3s;
}
.burgerMenuItems ul li a {
    font-size: 16px;
    font-family: 'SpeedeeBold';
    color: #000;
    font-weight: bold;
    border-bottom: 5px solid transparent;
    transition: all 0.3s;
}
.burgerMenuItems ul li:hover a {
    border-bottom: 5px solid #000;
    transition: all 0.3s;
}
.burgerMenuToOpen .friesMenu{
	 display: block;
    position: relative;
    top: 5px;
}
.burgerMenuToOpen .closeMenuResponsive{
	display: none;
}
.burgerMenuToOpen.activeMenuBurger .friesMenu{
	display: none;
}
.burgerMenuToOpen.activeMenuBurger .closeMenuResponsive{
	display: block;
}
.burgerMenuToOpen.activeMenuBurger{
	background-color: #f3f4f6;
}
.logoIndex {
    width: 30px;
    float: none;
    margin: auto;
    padding: 20px 0;
}
.logoIndex img {
    width: 100%;
}
.burgerMenuItems{
    position: absolute;
    background: transparent;
    display: none;
}
.burgerMenuItems.active {
    position: fixed;
    display: block;
    background: #FDBB0D;
    width: 100%;
    padding: 50px 0 90px;
    border-bottom: none;
    top: 80px;
    height: 520px;
    z-index:9;
}
.burgerMenu .items-center .w-auto {
    width: 100%!important;
    height: auto;
}
.burgerMenu .items-center {
    flex-shrink: 0 !important;
    width: 2.5rem;
    margin-left: 28%;
}
.headerDesktop{
    display:block;
}
.headerDesktop {
    position: fixed;
    height: 70px;
    z-index: 999999;
    width: 100%;
    background: #fff;
}
.headerMobile{
    display:none;
}
.phoneNumberClass {
    display: flex;
}
label.labelForPhone {
    padding: 5px;
    background: #f3f1f1;
    border-radius: 5px;
    font-size: 14px;
    font-family: 'Speedee';
    margin: 10px 0;
    position: relative;
    top: -10px;
}
.alert {
    position: absolute;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: none;
    border-radius: 10px;
    float: none;
    font-size: 18px;
    font-family: 'SpeedeeBold';
    top: 110px;
    margin: auto;
    width: 40%;
    height: 100px;
    padding: 40px;
    text-align: center;
    background: #fff;
    right: 0;
}
/*RESPONSIVE TRAINEE*/
@media only screen and (min-width: 320px) and (max-width: 484px){
.headerMobile .selectCountry {
    position: relative;
    width: 100%;
    height: 100px;
    z-index: 9;
    background: #fff;
}
.headerMobile .selectCountry .head.countrytop {
    position: fixed;
    width: 100%;
    background: #fff;
}
.justify-center {
    justify-content: center;
}
.pt-4 p {
    text-align: center;
    font-size: .875rem;
    font-family: 'Speedee';
}
.footer-content {
    padding: 20px;
    border-top: 1px solid #cacaca;
}

.headerDesktop{
    display:none;
}

.headerMobile{
    display:block;
}
  .programDesktop{
    display: none;
  }
  .programMobile{
    display: block;
  }
  .programOverlay {
    background: #DB0007;
    position: absolute;
    width: 100%;
    height: 80%;
    top: 15%;
  }
  .iconTitle {
    width: 15%;
    float: none;
    margin: auto;
  }
  .Program h1 {
    font-size: 43px;
    font-family: 'SpeedeeBold';
    color: #DB0007;
  }
  .programTeam {
    position: relative;
    width: 100%;
    padding: 0;
  }
  .programText {
    padding: 20px;
    position: relative;
    top: 5px;
  }
  .programText p {
    position: relative;
    color: #fff;
    font-family: 'Speedee';
    text-align: left;
    font-size: 14px;
  }
  .titleProgram2 {
    padding: 0px 25px 20px;
  }
  .titleProgram2 h1 {
    font-size: 43px;
    font-family: 'SpeedeeBold';
    color: #000000;
    margin: 0;
  }
  .contentProgram2 {
    padding: 0 25px 40px;
  }
  .contentProgram2 p {
    font-size: 17px;
    font-family: 'Speedee';
  }
  .imgProgram2 {
    padding: 0 25px 30px;
    width: 100%;
  }
  .applyRed h1 {
    color: #fff;
    font-family: 'SpeedeeBold';
    font-size: 36px;
  }
  .applyRed ul.tList {
    color: #fff;
    font-family: 'Speedee';
    font-size: 16px;
    padding: 0px 15px 20px;
    margin: 0;
  }
  .applyRed ul.cList {
    color: #fff;
    font-family: 'Speedee';
    font-size: 16px;
    padding: 0px 15px 60px;
    margin: 0;
  }
  .btnApply.yellow {
    position: relative;
    width: 80%;
    float: none;
    margin: auto;
    text-align: center;
    display: block;
    background: #ffba0e;
    border-radius: 50px;
    transition: all 0.3s;
  }
  .viewMore {
    width: 40px;
    height: 40px;
    padding: 7px;
    position: absolute;
    float: right;
    right: 0;
    background: #ffba0b;
    opacity: 0;
    transition: all 0.3s;
}
  .btnApply.yellow a {
      font-size: 24px;
      font-family: 'SpeedeeBold';
      color: #000;
      display: block;
      padding: 10px 20px;
  }
  .applyRed {
    padding: 40px 25px;
    background: #DB0007;
    height: 460px;
  }
  .applyYellow {
      padding: 30px 25px;
      background: #ffba0e;
      height: 460px;
  }
  .applyYellow h1 {
      color: #000;
      font-family: 'SpeedeeBold';
      font-size: 40px;
      position: relative;
      z-index: 9;
  }
  .applyYellow ul.tList {
      color: #000;
      font-family: 'Speedee';
      font-size: 16px;
      padding: 0px 15px 20px;
      margin: 0;
      position: relative;
      z-index: 9;
  }
  .applyYellow ul.cList {
    color: #000;
    font-family: 'Speedee';
    font-size: 16px;
    padding: 0px 15px 20px;
    margin: 0;
    position: relative;
    z-index: 9;
  }
  .btnApply.red a {
      font-size: 24px;
      font-family: 'SpeedeeBold';
      color: #fff;
      display: block;
      padding: 10px 20px;
  }
  .btnApply.red {
    position: relative;
    width: 80%;
    float: none;
    margin: auto;
    text-align: center;
    display: block;
    background: #DB0007;
    border-radius: 50px;
    transition: all 0.3s;
  }
  .Offer {
    padding: 20px 25px;
  }
  .OfferTitle h1 {
      font-size: 40px;
      font-family: 'SpeedeeBold';
      color: #DB0007;
      margin-bottom: 40px;
  }
  .Benefits h1 {
      font-size: 30px;
      font-family: 'SpeedeeBold';
  }
  .BenefitsSub {
      height: 3px;
      background: #ffba0b;
      width: 60%;
  }
  .applicationProcessBody {
      padding: 30px 10px;
      background: #ffba0e;
      margin: 0 0 50px;
  }
  .applicationProcess .applicationTitle h1 {
      font-size: 40px;
      font-family: 'SpeedeeBold';
      color: #212529;
      margin-bottom: 40px;
  }
  .applicationSteps .col-md-3 {
    width: 50%;
    float: left;
  }
  .applicationSteps .stepIcon {
      width: 130px;
      height: 130px;
      text-align: center;
      padding: 40px;
      border-radius: 90px;
      background: #fff;
      float: none;
      margin: auto;
      position: relative;
      display: flex;
  }
  .stepBodyContent h1 {
      font-size: 16px;
      font-family: 'SpeedeeBold';
      margin-bottom: 10px;
  }
  .stepBodyContent h2 {
      font-size: 12px;
      font-family: 'SpeedeeBold';
      margin-bottom: 0;
  }
  .stepBodyContent p {
    font-family: 'Speedee';
    font-size: 12px;
  }
  .completeFormTitle {
      padding: 30px 25px;
  }
  .completeFormTitleContent h1 {
      font-size: 40px;
      font-family: 'SpeedeeBold';
      color: #db0006;
      margin-bottom: 0px;
  }
  .formsBody {
      width: 90%;
      float: none;
      margin: auto;
      padding-bottom: 50px;
  }
  .formsBody .btnFormModal.redBtn {
      background: #db0006;
      text-align: center;
      display: block;
      border-radius: 50px;
      transition: all 0.3s;
      margin-bottom: 20px;
  }
  .modal-content {
      position: relative;
      display: flex;
      flex-direction: column;
      width: 95%;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 0.3rem;
      outline: 0;
      float: none;
      margin: auto;
  }
  #formTopManagement .btnClose {
      right: 0px;
  }
  #formTrainee .btnClose {
      right: 0px;
  }
  .BenefitsBody .col-md-3{
    width: 50%;
    float: left;
  }
  .BenefitIcon svg {
      width: 40px;
  }
  .Benefits .BenefitTitle h1 {
    font-size: 14px;
    font-family: 'SpeedeeBold';
    text-align: center;
    margin-bottom: 0;
    color: #000;
  }
  .BenefitBodyItem p {
      font-size: 10px;
      font-family: 'Speedee';
      position: relative;
      z-index: 3;
  }
  .BenefitItemContent {
      background: #ffba0b;
      padding: 35px 24px;
      font-size: 12px;
      text-align: left;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0%;
      opacity: 0;
  }
  .talleresBody {
      background: #ffba0b;
      padding: 45px 24px;
      font-size: 12px;
      text-align: left;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0%;
      opacity: 0;
  }
  .remuneracionActiveResponsive{
      background: #ffba0b;
      padding: 45px 24px;
      font-size: 12px;
      text-align: left;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0%;
      opacity: 0;
  }
  .remuneracionActiveResponsive.active {
      opacity: 1;
      transition: all 0.4s;
      transition-property: all;
      transition-duration: 0.4s;
      transition-timing-function: cubic-bezier(0.85, 0.66, 0, 1.01);
      transition-delay: .3s;
      left: -100%;
      z-index: 9999!important;
  }
  #remuneracionActive {
    padding: 70px 20px!important;
  }
  .remuneracionActiveResponsive .closeMore {
      right: -100%;
  }
}
@media (min-width: 568px) and (max-width: 736px){

.headerDesktop{
    display:block;
}

.headerMobile{
    display:none;
}
  .programDesktop{
    display: none;
  }
  .programMobile{
    display: block;
  }
  .programOverlay {
    background: #DB0007;
    position: absolute;
    width: 100%;
    height: 80%;
    top: 15%;
  }
  .iconTitle {
    width: 15%;
    float: none;
    margin: auto;
  }
  .Program h1 {
    font-size: 43px;
    font-family: 'SpeedeeBold';
    color: #DB0007;
  }
  .programTeam {
    position: relative;
    width: 100%;
    padding: 0;
  }
  .programText {
    padding: 20px;
    position: relative;
    top: 5px;
  }
  .programText p {
    position: relative;
    color: #fff;
    font-family: 'Speedee';
    text-align: left;
    font-size: 14px;
  }
  .titleProgram2 {
    padding: 0px 25px 20px;
  }
  .titleProgram2 h1 {
    font-size: 43px;
    font-family: 'SpeedeeBold';
    color: #000000;
    margin: 0;
  }
  .contentProgram2 {
    padding: 0 25px 40px;
  }
  .contentProgram2 p {
    font-size: 17px;
    font-family: 'Speedee';
  }
  .imgProgram2 {
    padding: 0 25px 30px;
    width: 100%;
  }
  .applyRed h1 {
    color: #fff;
    font-family: 'SpeedeeBold';
    font-size: 36px;
  }
  .applyRed ul.tList {
    color: #fff;
    font-family: 'Speedee';
    font-size: 16px;
    padding: 0px 15px 20px;
    margin: 0;
  }
  .applyRed ul.cList {
    color: #fff;
    font-family: 'Speedee';
    font-size: 16px;
    padding: 0px 15px 60px;
    margin: 0;
  }
  .btnApply.yellow {
    position: relative;
    width: 80%;
    float: none;
    margin: auto;
    text-align: center;
    display: block;
    background: #ffba0e;
    border-radius: 50px;
    transition: all 0.3s;
  }
  .btnApply.yellow a {
      font-size: 24px;
      font-family: 'SpeedeeBold';
      color: #000;
      display: block;
      padding: 10px 20px;
  }
  .applyRed {
    padding: 40px 25px;
    background: #DB0007;
    height: 460px;
  }
  .applyYellow {
      padding: 30px 25px;
      background: #ffba0e;
      height: 460px;
  }
  .applyYellow h1 {
      color: #000;
      font-family: 'SpeedeeBold';
      font-size: 40px;
      position: relative;
      z-index: 9;
  }
  .applyYellow ul.tList {
      color: #000;
      font-family: 'Speedee';
      font-size: 16px;
      padding: 0px 15px 20px;
      margin: 0;
      position: relative;
      z-index: 9;
  }
  .applyYellow ul.cList {
    color: #000;
    font-family: 'Speedee';
    font-size: 16px;
    padding: 0px 15px 20px;
    margin: 0;
    position: relative;
    z-index: 9;
  }
  .btnApply.red a {
      font-size: 24px;
      font-family: 'SpeedeeBold';
      color: #fff;
      display: block;
      padding: 10px 20px;
  }
  .btnApply.red {
    position: relative;
    width: 80%;
    float: none;
    margin: auto;
    text-align: center;
    display: block;
    background: #DB0007;
    border-radius: 50px;
    transition: all 0.3s;
  }
  .Offer {
    padding: 20px 25px;
  }
  .OfferTitle h1 {
      font-size: 40px;
      font-family: 'SpeedeeBold';
      color: #DB0007;
      margin-bottom: 40px;
  }
  .Benefits h1 {
      font-size: 30px;
      font-family: 'SpeedeeBold';
  }
  .BenefitsSub {
      height: 3px;
      background: #ffba0b;
      width: 60%;
  }
  .applicationProcessBody {
      padding: 30px 10px;
      background: #ffba0e;
      margin: 0 0 50px;
  }
  .applicationProcess .applicationTitle h1 {
      font-size: 40px;
      font-family: 'SpeedeeBold';
      color: #212529;
      margin-bottom: 40px;
  }
  .applicationSteps .col-md-3 {
    width: 50%;
    float: left;
  }
  .applicationSteps .stepIcon {
      width: 130px;
      height: 130px;
      text-align: center;
      padding: 40px;
      border-radius: 90px;
      background: #fff;
      float: none;
      margin: auto;
      position: relative;
      display: flex;
  }
  .stepBodyContent h1 {
      font-size: 16px;
      font-family: 'SpeedeeBold';
      margin-bottom: 10px;
  }
  .stepBodyContent h2 {
      font-size: 12px;
      font-family: 'SpeedeeBold';
      margin-bottom: 0;
  }
  .stepBodyContent p {
    font-family: 'Speedee';
    font-size: 12px;
  }
  .completeFormTitle {
      padding: 30px 25px;
  }
  .completeFormTitleContent h1 {
      font-size: 40px;
      font-family: 'SpeedeeBold';
      color: #db0006;
      margin-bottom: 0px;
  }
  .formsBody {
      width: 90%;
      float: none;
      margin: auto;
      padding-bottom: 50px;
  }
  .formsBody .btnFormModal.redBtn {
      background: #db0006;
      text-align: center;
      display: block;
      border-radius: 50px;
      transition: all 0.3s;
      margin-bottom: 20px;
  }
  .modal-content {
      position: relative;
      display: flex;
      flex-direction: column;
      width: 95%;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 0.3rem;
      outline: 0;
      float: none;
      margin: auto;
  }
  #formTopManagement .btnClose {
      right: 0px;
  }
  #formTrainee .btnClose {
      right: 0px;
  }
  .BenefitsBody .col-md-3{
    width: 50%;
    float: left;
  }
  .BenefitIcon svg {
      width: 40px;
  }
  .Benefits .BenefitTitle h1 {
    font-size: 14px;
    font-family: 'SpeedeeBold';
    text-align: center;
    margin-bottom: 0;
  }
  .BenefitBodyItem p {
      font-size: 10px;
      font-family: 'Speedee';
      position: relative;
      z-index: 3;
  }
  .BenefitItemContent {
      background: #ffba0b;
      padding: 65px 55px;
      font-size: 12px;
      text-align: left;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0%;
      opacity: 0;
  }
  .talleresBody {
      background: #ffba0b;
      padding: 65px 55px;
      font-size: 12px;
      text-align: left;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0%;
      opacity: 0;
  }
  .remuneracionActiveResponsive{
      background: #ffba0b;
      padding: 65px 55px;
      font-size: 12px;
      text-align: left;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0%;
      opacity: 0;
  }
  .remuneracionActiveResponsive.active {
      opacity: 1;
      transition: all 0.4s;
      transition-property: all;
      transition-duration: 0.4s;
      transition-timing-function: cubic-bezier(0.85, 0.66, 0, 1.01);
      transition-delay: .3s;
      left: -100%;
      z-index: 9999!important;
  }
  #remuneracionActive {
    padding: 70px 20px!important;
  }
  .remuneracionActiveResponsive .closeMore {
      right: -100%;
  }

}
@media (min-width: 768px) and (max-width: 800px){
    
.headerDesktop{
    display:block;
}

.headerMobile{
    display:none;
}
  .Program h1 {
    font-size: 40px;
    font-family: 'SpeedeeBold';
    color: #DB0007;
  }
  .programText p {
      position: relative;
      color: #fff;
      font-family: 'Speedee';
      text-align: left;
      font-size: 13px;
  }
  .programOverlay {
      background: #DB0007;
      position: absolute;
      width: 100%;
      height: 60%;
      top: 17%;
  }
  .titleProgram2 h1 {
      font-size: 32px;
      font-family: 'SpeedeeBold';
      color: #000000;
      margin: 0;
  }
  .contentProgram2 p {
      font-size: 14px;
      font-family: 'Speedee';
  }
  .applyRed h1 {
      color: #fff;
      font-family: 'SpeedeeBold';
      font-size: 30px;
  }
  .applyRed ul.tList {
      color: #fff;
      font-family: 'Speedee';
      font-size: 12px;
      padding: 0px 15px 20px;
      margin: 0;
  }
  .applyRed h2 {
      color: #fff;
      font-family: 'SpeedeeBold';
      font-size: 20px;
  }
  .applyRed ul.cList {
      color: #fff;
      font-family: 'Speedee';
      font-size: 12px;
      padding: 0px 15px 70px;
      margin: 0;
  }
  .applyYellow h1 {
      color: #000;
      font-family: 'SpeedeeBold';
      font-size: 30px;
      position: relative;
      z-index: 9;
  }
  .applyYellow ul.tList {
      color: #000;
      font-family: 'Speedee';
      font-size: 12px;
      padding: 0px 15px 20px;
      margin: 0;
      position: relative;
      z-index: 9;
  }
  .applyYellow h2 {
      color: #000;
      font-family: 'SpeedeeBold';
      font-size: 20px;
      position: relative;
      z-index: 9;
  }
  .applyYellow ul.cList {
      color: #000;
      font-family: 'Speedee';
      font-size: 12px;
      padding: 0px 15px 20px;
      margin: 0;
      position: relative;
      z-index: 9;
  }
  .btnApply.yellow {
      position: relative;
      width: 100%;
      float: none;
      margin: auto;
      text-align: center;
      display: block;
      background: #ffba0e;
      border-radius: 50px;
      transition: all 0.3s;
  }
  .btnApply.yellow a {
      font-size: 18px;
      font-family: 'SpeedeeBold';
      color: #000;
      display: block;
      padding: 10px 20px;
  }
  .btnApply.red {
      position: relative;
      width: 100%;
      float: none;
      margin: auto;
      text-align: center;
      display: block;
      background: #DB0007;
      border-radius: 50px;
      transition: all 0.3s;
  }
  .btnApply.red a {
      font-size: 18px;
      font-family: 'SpeedeeBold';
      color: #fff;
      display: block;
      padding: 10px 20px;
  }
  .applyRed {
      padding: 70px;
      background: #DB0007;
      height: 430px;
  }
  .applyYellow {
      padding: 70px;
      background: #ffba0e;
      height: 430px;
  }
  .OfferTitle h1 {
      font-size: 40px;
      font-family: 'SpeedeeBold';
      color: #DB0007;
      margin-bottom: 40px;
  }
  .Benefits h1 {
      font-size: 30px;
      font-family: 'SpeedeeBold';
  }
  .BenefitIcon svg {
      width: 40px;
  }
  .BenefitBodyItem p {
      font-size: 10px;
      font-family: 'Speedee';
      position: relative;
      z-index: 3;
  }
  .BenefitItemContent {
      background: #ffba0b;
      padding: 40px 15px;
      font-size: 12px;
      text-align: left;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0%;
      opacity: 0;
  }
  #remuneracionActive {
      padding: 70px 15px!important;
  }
  .talleresBody {
      background: #ffba0b;
      padding: 60px 15px!important;
      font-size: 12px;
      text-align: left;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0%;
      opacity: 0;
  }
  .Benefits .BenefitTitle h1 {
      font-size: 14px;
      font-family: 'SpeedeeBold';
      text-align: center;
      margin-bottom: 0;
  }
  .applicationProcess .applicationTitle h1 {
      font-size: 40px;
      font-family: 'SpeedeeBold';
      color: #212529;
      margin-bottom: 40px;
  }
  .applicationSteps .stepIcon {
      width: 130px;
      height: 130px;
      text-align: center;
      padding: 40px;
      border-radius: 90px;
      background: #fff;
      float: none;
      margin: auto;
      position: relative;
      display: flex;
  }
  .stepBodyContent h1 {
      font-size: 18px;
      font-family: 'SpeedeeBold';
      margin-bottom: 30px;
  }
  .stepBodyContent h2 {
      font-size: 12px;
      font-family: 'SpeedeeBold';
  }
  .stepBodyContent p {
    font-family: 'Speedee';
    font-size: 11px;
  }
  .completeFormTitleContent h1 {
      font-size: 40px;
      font-family: 'SpeedeeBold';
      color: #db0006;
      margin-bottom: 40px;
  }
  .formsBody {
      width: 70%;
      float: none;
      margin: auto;
      padding-bottom: 50px;
  }
  .modal-content {
      position: relative;
      display: flex;
      flex-direction: column;
      width: 95%;
      pointer-events: auto;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 0.3rem;
      outline: 0;
      float: none;
      margin: auto;
  }
}
@media (min-width:801px) and (max-width: 1050px){
    
.headerDesktop{
    display:block;
}

.headerMobile{
    display:none;
}
  .Program h1 {
      font-size: 50px;
      font-family: 'SpeedeeBold';
      color: #DB0007;
  }
  .programText p {
      position: relative;
      color: #fff;
      font-family: 'Speedee';
      text-align: left;
      font-size: 20px;
  }
  .titleProgram2 h1 {
      font-size: 47px;
      font-family: 'SpeedeeBold';
      color: #000000;
      margin: 0;
  }
  .contentProgram2 p {
      font-size: 21px;
      font-family: 'Speedee';
  }
  .applyRed h1 {
      color: #fff;
      font-family: 'SpeedeeBold';
      font-size: 40px;
  }
  .applyRed ul.tList {
      color: #fff;
      font-family: 'Speedee';
      font-size: 18px;
      padding: 0px 15px 20px;
      margin: 0;
  }
  .applyRed h2 {
      color: #fff;
      font-family: 'SpeedeeBold';
      font-size: 24px;
  }
  .applyRed ul.cList {
      color: #fff;
      font-family: 'Speedee';
      font-size: 18px;
      padding: 0px 15px 100px;
      margin: 0;
  }
  .applyYellow h1 {
      color: #000;
      font-family: 'SpeedeeBold';
      font-size: 40px;
      position: relative;
      z-index: 9;
  }
  .applyYellow ul.tList {
      color: #000;
      font-family: 'Speedee';
      font-size: 18px;
      padding: 0px 15px 20px;
      margin: 0;
      position: relative;
      z-index: 9;
  }
  .applyYellow h2 {
      color: #000;
      font-family: 'SpeedeeBold';
      font-size: 24px;
      position: relative;
      z-index: 9;
  }
  .applyYellow ul.cList {
      color: #000;
      font-family: 'Speedee';
      font-size: 18px;
      padding: 0px 15px 20px;
      margin: 0;
      position: relative;
      z-index: 9;
  }
  .applyRed {
      padding: 70px;
      background: #DB0007;
      height: 550px;
  }
  .applyYellow {
      padding: 70px;
      background: #ffba0e;
      height: 550px;
  }
  .OfferTitle h1 {
      font-size: 50px;
      font-family: 'SpeedeeBold';
      color: #DB0007;
      margin-bottom: 40px;
  }
  .Benefits h1 {
      font-size: 40px;
      font-family: 'SpeedeeBold';
  }
  .BenefitItemContent {
      background: #ffba0b;
      padding: 35px 40px;
      font-size: 12px;
      text-align: left;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0%;
      opacity: 0;
  }
  #remuneracionActive {
      padding: 75px 40px!important;
  }
  .applicationProcess .applicationTitle h1 {
      font-size: 50px;
      font-family: 'SpeedeeBold';
      color: #212529;
      margin-bottom: 40px;
  }
  .completeFormTitleContent h1 {
      font-size: 50px;
      font-family: 'SpeedeeBold';
      color: #db0006;
      margin-bottom: 40px;
  }
  .formsBody {
      width: 70%;
      float: none;
      margin: auto;
      padding-bottom: 50px;
  }
}