/*  *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *
*   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *
*   *   *   *   *   *   G E N E R A L E S   *   *   *   *   *   *   *   *   *
*   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *
*   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   */

:root {
    --blanco: #fff;
    --naranja: #FF782B;
    --rojo: #D9191E;
    --vino: #5e2129;
    --gris: #e9e9e9;
    --semi-black: rgba(0, 0, 0, 0.3);
    --medium-black: rgba(0, 0, 0, 0.5);
    --semi-white: rgba(255, 255, 255, 0.3);
    --medium-white: rgba(255, 255, 255, 0.5);
    --box-shadown: 0px 0px 37px 0px;
}
a {

    text-decoration: auto;
}
/*-----------------------------
  loading_overlay
-----------------------------*/
.loading {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #eee;
}
.loading img {
    position: fixed;
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
    margin-left: -41px;
    margin-top: -41px;
}

.loaded_page #particles-js {
    z-index: 12;
  }
  
  .loaded_page .loading_overlay {
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.6s !important;
    -moz-transition: opacity 0.6s !important;
    -o-transition: opacity 0.6s !important;
    -ms-transition: opacity 0.6s !important;
    transition: opacity 0.6s !important;
  }
  .dashed-line {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
    max-width: 250px;
    padding: 0.1rem 0;
  }
  
  .loading_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    position: fixed;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .loading_overlay .loader_logo {
    position: relative;
  }
  .loading_overlay .loader_logo .logo {
    width: 900px;
    height: auto;
    -webkit-animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important;
    -moz-animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important;
    -o-animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important;
    -ms-animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important;
    animation: text-focus-in 1.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both !important;
  }

  
  /* Preloader */
  
  #preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1031;
  }
  
  #status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 60%;
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
  }
img {
    width: 100%;
    max-width: 100%;
}

.border-orange {
    border: 1px solid var(--naranja);
}

.border-red {
    border: 1px solid var(--rojo);
}

.big-title {
    font-weight: bold;
    font-size: calc(21.02326px + 4.43023vw);
}

.big-subtitle {
    font-weight: bold;
    font-size: calc(21.02326px + 1.93023vw);
}

.box-shawdown-semi-black {
    box-shadow: 0px 0px 37px 0px var(--semi-black);
}

.box-shawdown-medium-white {
    box-shadow: 0px 0px 37px 0px var(--medium-white);
}

.box-shawdown-semi-black-hover:hover {
    box-shadow: 0px 0px 37px 0px var(--semi-black);
}

.box-bg-orange-text-white-hover {
    transition: ease-in .2s;
    -webkit-transition: ease-in .2s;
    -moz-transition: ease-in .2s;
    -ms-transition: ease-in .2s;
    -o-transition: ease-in .2s;
}

.box-bg-orange-text-white-hover:hover {
    background-color: var(--naranja);
    color: var(--blanco);
    box-shadow: var(--box-shadown) var(--naranja);
    transition: ease-out .2s;
    -webkit-transition: ease-out .2s;
    -moz-transition: ease-out .2s;
    -ms-transition: ease-out .2s;
    -o-transition: ease-out .2s;
}

.box-bg-red-text-white-hover {
    transition: ease-out 0.2s;
    -webkit-transition: ease-out 0.2s;
    -moz-transition: ease-out 0.2s;
    -ms-transition: ease-out 0.2s;
    -o-transition: ease-out 0.2s;
}

.box-bg-red-text-white-hover:hover {
    background-color: var(--rojo);
    color: var(--blanco);
    box-shadow: var(--box-shadown) var(--rojo);
    transition: ease-in 0.2s;
    -webkit-transition: ease-in 0.2s;
    -moz-transition: ease-in 0.2s;
    -ms-transition: ease-in 0.2s;
    -o-transition: ease-in 0.2s;
}

.title-white-bg-orange {
    background-color: var(--naranja);
    color: var(--blanco);
}

.text-white-bg-red {
    background-color: var(--rojo);
    color: var(--blanco);
}

.text-black-bg-white {
    color: #000;
    background-color: var(--blanco);
}

.separated {
    width: 100%;
    height: 100px;
}

.bg-title-white {
    background-color: var(--blanco);
}






.description-box {
    font-size: calc(0px + 1.43023vw);
}
.description-box p {
    text-align: justify;
    margin-right: 2%;

}

.text-description-small {
    font-size: calc(16.02326px + 0.43023vw);
}

.text-orange {
    color: var(--naranja);
}
.text-3selec {
    color: #ffffff !important;
    background: var(--naranja);
    margin-right: 65%;
    border-radius: 13px;
    width: 35vh;
    height: 9vh;
    padding-top: 9px;
    padding-left: 5px;
}
.text-rojo {
    color: rgb(255, 128, 0) !important;
    /* background: black; */
    border-radius: 27px;
}
.cambioxcalibur{
    visibility: visible;
    animation-duration: 2s;
    padding: 1rem;
    /* padding-left: 1rem; */
    margin-left: 25rem;
    animation-name: fadeInLeft;
}
.tarjet-rigth div{
    color: #fff;
}
.separation {
    margin-top: 10rem;
}


/* .-rotate-45 {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
} */

.overlay-black {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.p-a {
    position: absolute;
}

.p-r {
    position: relative;
}


/* Zoom Hover*/

.zoom-1:hover {
    zoom: 1;
}

.zoom-1-0-5 {
    transition: ease-in 1s;
    -webkit-transition: ease-in 1s;
    -moz-transition: ease-in 1s;
    -ms-transition: ease-in 1s;
    -o-transition: ease-in 1s;
}

.zoom-1-0-5:hover {
    zoom: 1.05;
    transition: ease-out 1s;
    -webkit-transition: ease-out 1s;
    -moz-transition: ease-out 1s;
    -ms-transition: ease-out 1s;
    -o-transition: ease-out 1s;
}

.zoom-2:hover {
    zoom: 2;
}


/*  *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *
*   *   *   *   *   A   N   I   M   A   C   I   O   N   *   *   *   *   *
*   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   */


/* animacion escribiendo... */

.antes-de-escribir .dentro {
    color: #fff;
    border-radius:30px ;
    position: relative;
    background: var(--naranja);
    padding: 0.5rem 0;
    text-align: center;
}

.escribiendo .dentro span {
    position: absolute;
    right: 0;
    width: 0;
    padding: 0.5rem 0;
    top: 0;
    background: var(--naranja);
    border-left: 10px solid var(--vino);
    animation: escribir 5s steps(31) infinite alternate;
    -webkit-animation: escribir 5s steps(31) infinite alternate;
}

@keyframes escribir {
    from {
        width: 100%
    }
    to {
        width: 0
    }
}


/* animacion rotar carta */

.card-box {
    position: relative;
    perspective: 1000px;
}

.card-none-display {
    transition: all 0.5s linear;
}


/* .card-box {
    height: 200px;
    animation: biggrande 1s 3;
    -webkit-animation: biggrande 1s 3;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
} */


/* @keyframes biggrande {
    from {
        height: 0;
    }
    to {
        height: 100%;
    }
} */


/* .card-box:hover .card-carta {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
} */


/* .card-carta {
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    height: calc(100% - 16px);
} */

.card-cara {
    position: relative;
    /*     position: absolute;
    backface-visibility: hidden; */
    background-color: var(--blanco);
    width: 100%;
    height: 100%;
}
.tile-2{
    color: #fff  !important;
}
.tile-2:hover{
    color: #FF782B  !important;
}
.card{
    background-color: rgb(255, 255, 255) ;
}
.card-body .card-title{
    font-size: 2rem !important;
    text-align: center;
    color: rgb(0, 0, 0);
}
.card-title:hover{
    color: #ffffff;
}
.card-cruz {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    z-index: -1;
}


/*  *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *
*   *   *   *   /   A   N   I   M   A   C   I   O   N   /   *   *   *   *
*   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   */


/*  *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *
*   *   *   *   *   *   F U E N T E S   *   *   *   *   *   *   *   *   *   *
*   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   */


/*  *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *
*   *   *   *   *   *   M   E   N   U   *   *   *   *   *   *   *   *   *   *
*   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   *   */

.navbar.fixed-top {
    background-color: #fff;
}



.x-header-default .row div:last-child {
    position: relative;
}

.x-header-default .row div:last-child::before {
    background: transparent;
    content: "";
    position: absolute;
    width: 66px;
    height: 100%;
    z-index: -1;
    right: 0;
}

.btn-menu {
    background-color: var(--naranja);
    color: var(--blanco);
    margin-top: 0.765rem;
}
#menu-titular{
    background-color: transparent;
    color: var(--blanco);
}
.logo {
  
    margin-right: auto;
    text-align: center;
}

.logo-offcanvas img {
    display: none;
}

.logo img {
    width: 50%;
}

.x-header-mobil {
    display: none;
}

.back-fondo-menu {
    background-color: #000;
}

.back-fondo-menu::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    top: 0;
    background-position: 50% 50%;
    background-image: url(../images/footer/footer-bg.png);
    z-index: -1;
}

.offcanvas-body {
    padding: 6rem;
    position: relative;
}

.container-position {
    margin-top: -270px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 50%;
    height: 100%;
}

.container-position .row {
    height: auto;
}

.menu-content {
    /* height: calc(100vh - 420px); */
    padding: 2rem 0.5rem;
}

.menu {
    padding-left: 0;
    list-style: none;
}

.menu li {
    display: flex;
}

.menu li a {
    width: 100%;
    padding: 0.5rem 2.5rem;
    text-decoration: none;
    font-size: calc(12px + 1.138vw);
}

.menu li a:hover {
    color: var(--rojo);
    background-color: var(--blanco);
}

.line-top {
    border-top: 1px solid var(--blanco);
}

.social-menu a {
    color: var(--blanco);
    padding: 1rem;
    margin-right: 1rem;
    width: auto;
    display: inline-block;
}

.social-menu a:last-child {
    margin-right: 0;
}

.social-menu a:hover {
    color: var(--blanco);
    background-color: var(--naranja);
}


/*  *   *   *   *   *   *   H   O   M   E   *   *   *   *   *   *   *   *   */
.tarjet-rigth div{
    text-align: justify;
    position: relative;
    z-index: 99;
}
.tarjet-left div {
    text-align: justify;
    position: relative;
    z-index: 99;
}
.tarjet-left{
    position: relative;
}
.tarjet-left::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;

}
.tarjet-rigth{
    position: relative;
}
.tarjet-rigth::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;

}
.section-home {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 100;
    line-height: 0;
}

.title-text-header {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2rem;
    padding-left: 5rem;
}
.about .container .row img{
    width: 90% !important;
    padding-left: 0px;
    height: 100vh;
}
.text-about{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.subtexto{
    font-size: 6vh !important;
    color: #ff5e00 !important;
    padding-top: 7px ;
}
.texto-title h2 {
    text-transform: uppercase;
    margin-left: 3rem;
}

.title-tarjet h2 {
    font-size: calc(21.02326px + 2.83023vw);
}

.title-text-header h1 {
    font-size: calc(0px + 4.43023vw);
    color: var(--blanco);
    padding-right: 60vh;
}

.info-servivces div {
    padding: 1rem;
}

.xcalibur__video-container {
    overflow: hidden;
}

.xcalibur__video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    font-family: "object-fit:cover";
    left: 0;
    right: 0;
}


/* W    E   L   C   O   M   E */
.sin-trancision{
    transform: translate3d(0px, 55px, 0px) !important;
    line-height: 1.3 !important;
}
.section-welcome {
    background-color: #f9f9f9;
    width: 100%;
    height: 100%;
    padding: 4rem 0;
    position: relative;
    z-index: 100;
    margin-bottom: 50px;
}
.section-welcome .container{
   max-width: 100vw;
}
.info-services {
    width: 100%;
    height: 110vh;
 /*    padding: 6rem 0; */
    background-color: #e9e9e9;
    position: relative;
    z-index: 100;
}
.info-services .container{
    margin-left: 0;
    justify-content: center;
    margin-right: 0;
    justify-items: center;
    width: 100%;
    max-width: 100%;
    height: 100vh;
}
.tarjet-left div:last-child{
    color: #e9e9e9;
}
.tarjet-left div{
    color: #e9e9e9;
}
.tarjet-left{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.tarjet-rigth{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.flex{
    text-align: center;
    display: flex;
    justify-content: space-around;
}
.movi-title{
    display: flex;
    justify-content: space-around;
}

/* O U R S E R V I C E S */
.cambios-left{
   background-color: #000 !important;
   color: #ff5e00 !important;
   font-size: 2rem !important;
   width: 20rem !important;
}
.cambios-right{
    width: 20rem !important;
    font-size: 2rem !important;
}
.selecion-our div h1 span{
    color: #FF782B;
    font-size: 32px;
    font-weight: 700;
}
.selecion-our div h1{
    margin-bottom: 8%;
    color: #000;
    font-size: 26px;
}
.titulo-our h1{
    font-weight: 900;
    color: #ff5e00;
    font-size: 60px;
    margin-bottom: 100px;
}
.section-ourservices{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    background-color: #fdf4f4;
    width: 100%;
    height: 100vh;
   /*  padding: 26rem 0;  */
    position: relative;
    z-index: 100;
}
.texto-aog{
    color: #ffff;
}
.titulo-aog{
    color: #fff;
    padding: 10px;
    border-radius: 48px;
    background: #FF782B;
}

/* A O G */
.section-aog {
    background-image: url(../images/home/planelanding.jpg);
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    background-color: #ffffff;
    width: 100%;
    height: 110vh;
    position: relative;
    z-index: 100;
}
/* S    E   R   V   I   C   E   S */

.margin-texto{
    margin-top: 10%;
}
.section-services {
    background-color: black;
    padding: 6rem 0;
    height: 100%;
    position: relative;
    z-index: 100;
}

.section-title {
    color: #fff;
    margin-bottom: 2rem;
}

.wrapper {
    width: 100%;
    padding-top: 20px;
    text-align: center;
}


.swiper {
    width: 100%;
    height: 100%;
    margin-bottom: 2rem;
}
.swiper-button-next, .swiper-button-prev {
    top: 60vh !important ;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    color: aliceblue !important;
    right: 10vh !important;
    left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    color: aliceblue !important;
    left: 10vh !important;
    right: auto;
}
@media (max-width: 1366px) {
    .swiper-button-next, .swiper-button-prev {
        top: 80vh !important;
    }
    
}
.swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-wrapper {
    margin-bottom: 2rem;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mySwiper .swiper-slide .card {
    background: #000;
    width: 398px;
    height: calc(100% - 50px);
}

.mySwiper .swiper-slide .card img {
    height: 311px;
    border-radius: 100%;
}
.card-text:last-child {
    margin-bottom: 0;
    text-align: justify;
}

.mySwiper .swiper-slide .card .card-body {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0px !important;
}

.mySwiper .card:hover {
    box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.3);
}


/*  *   *   *   J    O   B   S  *   *   *    */

.section-jobs {
    width: 100%;
    height: auto;
    padding: 6rem 0;
    position: relative;
    z-index: 100;
    background-color: var(--blanco);
}

.img-box {
    overflow: hidden;
}

.img-fluid {
    position: absolute;
    left: 0;
    height: 100%;
    object-fit: cover;
}

.col.card-box {
    height: 200px;
}

.btn.btn-outline-success {
    background-color: transparent;
    color: green;
}

.btn-more {
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid var(--vino);
    background-color: var(--naranja);
    color: var(--blanco);
    z-index: 1;
}

.btn-more:hover {
    background-color: var(--vino);
    color: var(--blanco);
    border: 1px solid var(--naranja);
}

.card-carta {
    position: relative;
}

.card-none-display {
    display: none;
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
}


/*  *   *   *   C   E   R   T   I   F   I   C   A   T   I   O   N   *   *   *   */

.section-certification {
    padding: 6rem 0;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(../images/hangar.webp);
    background-size: cover;
    background-position: 50% 50%;
    height: 100vh;
    background-attachment: fixed;
    position: relative;
    z-index: 99;
}
.flex2{
    margin-top: 10% !important;
}
.box-content {
    display: flex;
    z-index: 99;
    padding: 3rem;
    bottom: 0;
    margin-top: -100px;
    flex-direction: column;
    justify-content: space-around;
}

.box-content:first-child {
    left: 0;
}
@media screen and (max-width: 480px){
    .box-content:first-child {
        bottom: 65px !important;
    }
}

.box-content:last-child {
    right: 0;
}

.box-content span {
    background-color: var(--blanco);
    color: #000;
}

.box-title {
    width: auto;
}

.centart{
    text-align: center !important;
}
/*  *   *   A   B   O   U   T   *   *   *   */

.section-about,
.section-one-after-about {
    width: 100%;
    position: relative;
    z-index: 100;
}

.section-one-about {
    padding: 6rem 0;
    width: 100%;
    height: 100%;
}

.sect-img img {
    width: 100%;
}

.section-solutions {
    padding: 6rem 0;
    width: 100%;
    height: auto;
    background-color: var(--gris);
    position: relative;
    z-index: 200;
}

.section-certifite {
    padding: 10rem 0;
    width: 100%;
    height: auto;
    position: relative;
}

.item-certificate-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    padding: 2rem;
}

.item-certificate-right {
    position: absolute;
    right: 0;
    width: 60%;
    bottom: 0;
    height: 60%;
    padding: 2rem;
}
.item-card-01{
    bottom: 85px;
}


/*  *   *   *   *   C   A   R   E   E   R   S   *   *   *   *   */
.margin-top-c{
    margin-top: 40%;
}
.section-one-carrers {
    width: 100%;
    height: 100%;
    padding:23vh 0 6rem;
}

.section-one-carrers .des-sect {
    margin-top: 10vh;
    background-color: var(--blanco);
    position: relative;
    z-index: 99;
}

.item-apply-job {
    width: 100%;
    height: 320px;
    position: relative;
}

.img-big-item {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.img-big-item::before {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    z-index: 99;
}

.img-big-item img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.text-box-footer {
    margin-top: 1rem;
}

.title-small {
    color: var(--naranja);
}

.title-small span {
    font-weight: bold;
    color: var(--rojo);
}

.text-box-footer {
    position: relative;
    height: 100px;
}

.btn-apply-item {
    background-color: var(--blanco);
    border: 2px solid var(--naranja);
    padding: 1rem 0.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    color: var(--rojo);
    text-decoration: none;
    transition: ease-in 0.5s;
    -webkit-transition: ease-in 0.5s;
    -moz-transition: ease-in 0.5s;
    -ms-transition: ease-in 0.5s;
    -o-transition: ease-in 0.5s;
}

.btn-apply-item:hover {
    background-color: var(--naranja);
    color: var(--blanco);
    border-color: var(--rojo);
    transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    -moz-transition: ease-out 0.5s;
    -ms-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
}

.careers {
    height: calc(100vh - 120px);
}

.careers .swiper-slide {
    align-items: flex-start;
}


/*  *   *   *   T   I   M   E   L   I   N   E   *   *   */

.section-one-timeline {
    width: 100%;
    height: 100%;
    padding: 6rem 0;
}

.timeline {
    border-left: 2px solid var(--naranja);
    position: relative;
}

.item-timeline {
    position: relative;
    padding: 2rem;
}

.timeline .pointer {
    position: absolute;
    height: 20px;
    width: 20px;
    content: "";
    top: -10px;
    left: -10px;
    background-color: var(--rojo);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}


/*  *   *   *   *   E   N   G   I   N   E   E   R   I   N   G   *   *   *   *   */

.section-one-engineering,
.section-one-certifications-approvals,
.section-one-pamaapfa,
.section-one-services {
    width: 100%;
    height: 100%;
}

.section-one-engineering .container .row:last-child {
    padding-top: 4rem;
    padding-bottom: 7rem;
}

.section-one-certifications-approvals .container .row:last-child {
    padding-top: 4rem;
    padding-bottom: 7rem;
}

.section-one-services .container .row:last-child {
    padding-top: 4rem;
    padding-bottom: 7rem;
}

.section-one-pamaapfa {
    margin-top: 4rem;
    padding-bottom: 7rem;
}

.card-rotation {
    width: 100%;
    height: 100%;
    position: relative;
}

.card-rotation-200 {
    width: 100%;
    height: 100%;
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
}

.card-rotation .card-body {
    position: relative
}

.card-rotation .card-body,
.card-rotation-200 .card-body {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.content-rotation {
    position: relative;
}

.engineering-rotation,
.content-rotation {
    display: flex;
   /*  flex-flow: row wrap; */
   margin-left: 10%;
}

.engineering-rotation>div,
.content-rotation>div {
    padding: 0.5rem;
}


/* .engineering-rotation>div:first-child {
    position: absolute;
    left: 80px;
}

.engineering-rotation>div {
    position: absolute;
    right: 0;
    top: 55px;
}

.engineering-rotation>div:last-child {
    position: absolute;
    bottom: 80px;
    left: calc(50% - 247px);
    top: auto;
} */


/* .content-rotation .col .rotation-45 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
} */

.rotation-0 {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}


/* .certification-rotation>div:first-child {
    position: absolute;
    left: 0;
}

.certification-rotation>div {
    position: absolute;
    right: 80px;
    top: 40px;
}

.certification-rotation>div:last-child {
    position: absolute;
    bottom: 60px;
    top: auto;
    left: calc(50% - 334px);
} */

.services-rotation {
    display: flex;
    flex-wrap: wrap;
    top: 0px;
}

.services-rotation .card-rotation-200 {
    width: 100%;
    height: 100%;
}

.pma-rotation {
    display: flex;
    flex-wrap: wrap;
}


/* .pma-rotation .card-rotation-200 {
    width: 180px;
    height: 180px;
    margin: 1rem 1rem;
} */

.img-info img {
    width: 630px;
    height: 580px;
    object-fit: cover;
}


/* .services-rotation>div {
    position: relative;
} */


/* .services-rotation>div:nth-child(1) {
    left: 80px;
}

.services-rotation>:nth-child(2) {
    right: 0;
} */


/*  *   *   *   C   O   N   T   A   C   T    U  S   *   *   *   */

.contact-info {
    width: 100%;
    height: 100%;
    padding: 6rem 0;
}

.list-group-flush a {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.social {
    position: fixed;
    right: -1%;
    bottom: 6%;
    color: #000;
    z-index: 99;
    display: flex;
    flex-direction: column;
    background-color: #000;
    align-items: center;
    padding: 1rem 0;
}

.social a {
    color: var(--blanco);
    margin-bottom: 1rem;
}

.social a:last-child {
    margin-bottom: 0;
}

.social a:hover {
    color: var(--naranja);
}


/*  *   *   *   *   F   O   O   T   E   R   *   *   *   *   */

.footer {
    padding: 6rem 0 0;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #000;
    z-index: 100;
}

.footer::before {
    content: "";
    background-repeat: no-repeat;
  /*   background-image: url(../images/footer/footer-bg.png); */
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0;
}

.footer .container {
    z-index: 200;
    background-color: #000;
}
.btn-contact {
    width: 100px;
    height: 100px;
    background: transparent;
    position: absolute;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none;
    color: var(--blanco);
    font-size: 10px;
    justify-content: center;
    z-index: 99;
}

.btn-girar-blanco {
    width: 100px;
    height: 100px;
    background: transparent;
    border: 1px solid var(--blanco);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-animation: 3s rotate linear infinite;
    animation: 3s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.btn-contact:hover {
    color: var(--naranja);
}

.btn-contact::before {
    width: 100px;
    height: 100px;
    background: transparent;
    content: "";
    border: 1px solid var(--naranja);
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    left: 3px;
    bottom: -6px;
    -webkit-animation: 3s rotate linear infinite;
    animation: 3s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.btn-contact::after {
    width: 100px;
    height: 100px;
    background: transparent;
    content: "";
    border: 1px solid var(--rojo);
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    left: 8px;
    top: -3px;
    -webkit-animation: 3s rotate linear infinite;
    animation: 3s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}


/* .line-left::before {
    position: absolute;
    background-color: var(--naranja);
    content: "";
    left: -28px;
    color: var(--rojo);
    width: 19px;
    height: 5px;
    border: 1px solid var(--naranja);
    top: 50%;
    bottom: 50%;
} */

.info-company h5 {
    font-weight: lighter;
}

.list-item-links {
    padding-left: 0;
}

.list-item-links li {
    list-style: none;
    color: var(--blanco);
}

.list-item-links li a {
    color: var(--blanco);
    text-decoration: none;
}

.list-item-links li a:hover {
    color: var(--naranja);
}

.copi-box {
    margin-top: 5rem;
}

.copi-box {
    text-align: center;
    color: var(--naranja);
    border-top: 1px solid var(--blanco);
}

.copi-section {
    margin-top: 1rem;
}


/* animation rotar */

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.girar {
    -webkit-animation: 3s rotate linear infinite;
    animation: 3s rotate linear infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.girar-reversa {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}


@media (max-width: 820px) {
    .font-titlulo{
        font-size: 6vh;
    }
    .certification-rotation {
        display: flex;
        flex-flow: nowrap ;
    }
    .engineering-rotation {
        display: flex;
        flex-flow: initial !important;
    }
    .mb-6{
        margin-bottom: -30%!important;
    }
    .box-content {
        display: flex;
        z-index: 99;
        padding: 1rem;
        bottom: 0;
        margin-top: -100px;
        flex-direction: column;
        justify-content: space-around;
    }
    .titulo-our h1 {
        font-weight: 900;
        color: #ff5e00;
        font-size: 60px;
        margin-top: 3vh;
        margin-bottom: 100px;
    }
    .pc-swiper{
        display: none;
    }
    .mobuile-swilper{
        padding: 23vh 0 10rem;
        display: block;
    }
}
@media (min-width: 821px){
    .engineering-rotation, .content-rotation {
        display: flex;
        flex-flow: row wrap;
        margin-left: 0;
    }
    .certification-rotation {
        display: flex;
        flex-flow: initial ;
    }
    .engineering-rotation {
        display: flex;
        flex-flow: initial ;
    }
    .h2-t-2{
        margin-top: 30% !important;
    }
    .mobuile-swilper{
        display: none;
    }
    #swipper{
        display: none;
    }
}
.section-swipper{
    background-color: #000;
    height: 350%;
}
.card2 img{
border-radius: 100%;
}
.h2-t{
    margin-top: 20%;
}
.h2-e{
    margin-top: 45vh;
}
.m-p{
    height: 52vh;
    position: absolute;
    top: 0%;
    right: 0;
    width: 100%;
    padding: 0;
    left: 0;
}
@media (max-width: 500px) {
    .polityica{
        margin-top: 1px;
        width: 90vw !important;
    }
    .copi-section{
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .certification-rotation {
        display: flex !important;
        flex-flow: row wrap !important; ;
    }
    .engineering-rotation {
        display: flex;
        flex-flow: row wrap !important ;
    }
    .box-content {
        display: flex;
        z-index: 99;
        padding: 1rem;
        bottom: 0;
        margin-top: -100px;
        flex-direction: column;
        justify-content: space-around;
    }
    .titulo-our h1 {
        font-weight: 900;
        color: #ff5e00;
        font-size: 6vh;
        margin-top: 10vh;
        margin-bottom: 12%;
    }
    .selecion-our div h1 {
        margin-bottom: 8%;
        color: #000;
        font-size: 23px;
    }
    .display{
        display: none;
    }
}
@media (min-width: 501px) {
.display-2{
    display: none;
}
}

/*  A M E D I A*/
@media (max-width: 768px){
    .margin-carre {
        margin-top: 0  !important;
    }
    .engineering-rotation, .content-rotation {
        display: flex;
        /* flex-flow: row wrap; */
        margin-left: 0;
    }
    .h2-e{
        margin-top: 20vh;
    }
    .m-p{
        height: 20vh;
    }
    .img-c{
     height: 20vh !important;   
    }
    .services-mo{
        display: none;
    }
   
.title-text-header h1 {
    font-size: 2rem !important;
}
.texto-title h2 {
    text-transform: uppercase;
    margin-left: 0;
    text-align: center;
    margin-top: 50px;
}
.info-services {
    width: 100%;
    height: 210vh;
    /* padding: 6rem 0; */
    background-color: #e9e9e9;
    position: relative;
    z-index: 100;
}
.section-welcome {
    background-color: #f9f9f9;
    width: 100%;
    height: 100%;
   /*  padding: 4rem 0; */
    position: relative;
    z-index: 100;
}
.about .container .row img {
    width: 100% !important;
    padding-left: 0px;
    height: 50vh;
}
.description-box {
    font-size: calc(11px + 1.43023vw);
}
.box-content:first-child {
    bottom: 100px !important;
}

}
@media screen and (max-width: 1024px){
    .title-text-header h1{
        padding-right: 0;
        font-size: 3rem;
    }
}

/* 
EMPLOYER
*/
.section-one-carrers .container .row img{
    height: 52vh;
    position: absolute;
    top: 0%;
    right: 0;
    width: 100%;
    padding: 0;
    left: 0;
}

/* .diferente{
    margin-top: 2rem !important;
} */
.transicion{
    transition: margin-top 4s, color 1s !important;
}
.margin{
    border-color: #aaaaaa;
    border-width: 1px;
    border-style: solid;
    margin-bottom:10%
}
.copi-section{
    display: flex;
    justify-content: center;
}
.margin-carre{
    margin-top: 30vh  ;
}
.polityica{
    margin-top: 1px;
    width: 50vw;
}
.redes-sociales{
    font-size: 32px;
    margin-right: 3vh;
    color: white;
}