@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root{
    --height-of-loader: 4px;
    --adw-color: #F15830;
    --color-border-header:#ececec;
    --color-negro: #000000;
    --color-text-gris:#86868B;
    --color-text-whrite: #6E6E73;
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    font-family: 'Alexandria', sans-serif;
    font-size: 15px;

    background: #fff;
    transition: all .1s;
    will-change: background;
}

body.is-hidden{
    overflow: hidden;
}

a{
    text-decoration: none;
    color: gray;
}

ul,ol{
    list-style: none;
}

img{
    max-width: 100%;
    vertical-align: middle;
    border-style: none;
}

a,button,input[type='submit']{
    outline: none;
    cursor: pointer;
}

label.error{
    color: var(--adw-color);
    font-size: 13px;
    font-weight: 300;
    margin-top: 9px;
    display: inline-block;
}

input.error{
    border-bottom: 3px solid var(--adw-color);
}

.alert{
    padding: 10px 20px;
    border-radius: 3px;
    background-color: gray;
    margin-bottom: 40px;
}

.alert-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.alert-info i{
    font-size: 20px;
}

.alert-info p{
    width: calc(100% - 25px);
    font-size: 14px;
    color: #a9a9a9;
}

.alert-success{
    background-color: #3a3a3a;
}

.alert-success .alert-info p,
.alert-success .alert-info i{
    color: #a9a9a9;
}

.alert-danger{
    background-color: #3a3a3a;
}

.alert-danger .alert-info p,
.alert-danger .alert-info i{
    color: #a9a9a9;
}

.burger{
    display: none;
}



.link-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 300;
}

#loader{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    background-color: #fff;
    z-index: 100000000;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
}

.loader{
    left:50%;
    position:absolute;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    width: 300px;
}

.loader__img{
    width: 70%;
    max-width: 70%;
    height: auto;
    object-fit: cover;
    vertical-align: middle;
    position: relative;
}

.loader__linea{
    display: block;
    width: 100%;
    height: var(--height-of-loader);
    border-radius: 30px;
    background-color: rgba(0,0,0,0.1);
    position: relative;
    margin-top: 20px;
}

.loader__linea::before{
    content: "";
    position: absolute;
    background: var(--adw-color);
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-radius: 30px;
    animation: moving 2s ease-in-out infinite;
}

@keyframes moving {
    50% {
      width: 100%;
    }
  
    100% {
      width: 0;
      right: 0;
      left: unset;
    }
}

.container{
    width: 1122px;
    padding: 0 15px;
    margin: 0 auto;
}

.min-content {
    width: 900px ;
    max-width: 900px ;
    margin: auto;
}

.uppercase{
    text-transform: uppercase;
}

.w-100{
    width: 100%;
}

@media screen and (min-width: 1px){
    .container{
        width: auto;
        max-width: 1122px !important;
    }

    .min-content{
        width: auto;
        max-width: 900px !important;
    }
}

@media screen and (max-width: 1023px){
    .container{
        max-width: 714px !important;
    }
}

/* HEADER */
.header{
    width: 100%;
    position: relative;
    padding: 10px 0;
    height: 80px;
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

.header .container{
    height: 100%;
}

.header.is-fixed{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000000;
}

.header__wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.header__logo-img{
    width: 140px;
    height: auto;
}

.header__menu ul{
    display: flex;
}

.header__menu ul li{
    margin: 0 15px;
}

.header__menu ul li:last-child{
    margin-right: 0;
}

.header__menu ul li:first-child{
    margin-left: 0;
}

.header__menu ul li a{
    color: var(--color-negro);
    font-size: 16px;
    font-weight: 400;
}

.header__menu ul li a:hover{
    color: var(--adw-color);
}

/* HOME */
.wrapper{
    position: relative;
}

.home-banner{
    padding: 40px 0;
    background-color: #fff;
}

.home-banner__content{
    max-height: 600px;
}

.home-banner__item{
    position: relative;
    overflow: hidden;
    transition: all .4s ease-in-out;
    cursor: pointer;
}

.home-banner__item:hover{
    border-radius: 40px;
}

.home-banner__item:hover  .home-banner__item-service{
    transform: translateY(0);
    opacity: 1;
}

.home-banner__item:hover .home-banner__item-btn svg{
    transform: rotate(45deg);
}

.home-banner__item-info{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 40px;

    
}

.home-banner__row{
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.home-banner__item-term{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.home-banner__item-service{
    background-color: #FFFFFF;
    padding: 6px 18px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 25px;
    display: inline-block;
    margin-bottom: 10px;
    transform: translateY(0);
    transition: all .4s ease-in-out;
    opacity: 1;
}

.home-banner__item-service:last-child{
    margin-bottom: 0;
}

.home-banner__item-title{
    padding: 10px 30px;
    border-radius: 50px;
    background-color: #fff;
    font-size: 24px;
    font-weight: 500;
    max-height: 76px;
}

.home-banner__item-btn{
    width: 52px;
    height: 52px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}

.home-banner__item-btn svg{
    width: 22px;
    transition: all .4s ease-in-out;
}

.slick-prev,.slick-next{
    right: 40px;
    z-index: 1000;
    top: auto;
    bottom: 12px;
    left: auto;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: transparent;
    border: 3px solid  transparent;
}

.slick-prev{
    right: 100px;
}

.slick-next{
    right: 40px;
}

.slick-prev::before,
.slick-next::before{
    content: '';
    width: 40px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    opacity: 1;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.slick-prev::after,
.slick-next::after{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.slick-prev::after{
    border-left: 3px solid #fff;
    border-bottom:3px solid #fff ;
    left: 18px;
}

.slick-next::after{
    border-top: 3px solid #fff;
    border-right:3px solid #fff ;
    right: 12px;
}

/* HOME SERVICIOS */

.miga-pan{
    padding-top: 70px;
}

.miga-pan.bg-black{
    background-color: #000;
}


.miga-pan.bg-black .volver_btn{
    margin-top:0;
    font-size:16px;
}
.miga-pan__title{
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text-gris);
}

.miga-pan.bg-black .volver_btn svg{
    width: 17px;
    height: 17px;
}

.home-services{
    padding-top: 80px;
    position: relative;
}

.home-services__row{
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #e7e7e7;
}

.home-services__left{
    width: 550px;
    height: 70vh;
    position: sticky;
    top: 140px;
}

.home-services__right{
    width: calc(100% - 550px);
    padding-left: 60px;
}

.home-services__subtitle{
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 400;
    color: var(--adw-color);
}

.home-services__title{
    font-size: 52px;
    font-weight: 500;
    line-height: 59px;
}


.home-services__list-item{
    padding: 100px 0;
}

.home-services__list-item:last-child{
    padding-bottom: 150px;
    padding-top: 150px;
}



.home-services__list-item ul{
    margin-bottom: 50px;
}

.home-services__list-item ul li{
   font-size: 20px;
   font-weight: 400;
   color: var(--color-text-whrite);
   margin-bottom: 20px;
   position: relative;
   padding-left: 32px;
}

.home-services__list-item ul li::before{
    content: '\f058';
    font-family: 'Font Awesome 6 Free';
    color: var(--adw-color);
    left: 0;
    top: 2px;
    position: absolute;
}



.home-services__list-item ul li:last-child{
    margin-bottom: 0;
}

.home-services__service-name{
    font-weight: 800;
    font-size: 56px;
}


.js_service_3 .home-services__service-name{
    color: var(--adw-color);
}


/* HOME ABOUT */
.home-about{
    padding: 100px 0;
    background-color: #fff;
}

.home-about__wrapper{
    text-align: center;
}

.home-about__title{
    font-size: 44px;
    line-height: 55px;
    font-weight: 500;
    margin-bottom: 50px;
}

.btn{
    font-size: 20px;
    font-weight: 400;
    color: #000;
    padding-bottom: 10px;
    position: relative;

}

.btn::before,
.btn::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
}

.btn::before{
    width: 100%;
    background-color: #D6D6D6;
}

.btn::after{
    
    width: 0;
    height: 4px;
    transition: all .4s ease-in-out;
    background-color: #000;
}

.btn:hover::after{
    width: 100%;
}

.body-whrite .home-services__title,
.body-whrite .home-services__subtitle,
.body-whrite .home-services__service-name,
.body-whrite .home-services__list-item ul li,
.body-whrite .home-services__list-item ul li::before{
    color: #fff;
}

/* HOME CLIENTES */

.home-clientes{
    background-color: #fff;
    padding-bottom: 100px;
}

.home-clientes__wrapper{
    background-color: #000;
    padding: 60px;
    border-radius: 30px;
}

.home-clientes__title{
    color: #fff;
    font-size: 44px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 50px;
}

.home-clientes__grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 4rem;
}

.home-clientes__grid-item{
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-clientes__grid-item{
    width: auto;
}

/* FOOTER */
footer{
    background-color: #000;
}

.footer-data{
    padding: 70px 0;
}

.footer-data__wrapper{
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 5rem;
}

.footer-data__logo{
    min-width: 300px;
}

.footer-data__logo img{
    width: 180px;
}

.footer-data__contact{
    display: flex;
    justify-content: flex-end;
}

.footer-data__contact-list{
    margin-right: 70px;
}

.footer-data__contact p{
    font-size: 20px;
    font-weight: 300;
    color: var(--color-text-gris);
    margin-bottom: 20px;
}

.footer-data__contact p a{
    color: var(--color-text-gris);
}

.footer-data__contact p a:hover{
    color: var(--adw-color);
}

.footer-link{
    padding: 50px 0;
    border-top: 1px solid #424245;
    border-bottom: 1px solid #424245;
    position: relative;
}

.footer-link::before{
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--adw-color);
    transition: all .4s ease-in-out;
    z-index: 1;
}

.footer-link:hover::before{
    width: 100%;
}

.footer-link:hover .footer-link__subtitle{
    color: #fff;
}

.footer-link__icono{
    transform: rotate(-45deg);
    transition: all .4s ease-in;
    width: 120px;
}

.footer-link:hover .footer-link__icono{
    transform: rotate(0);
}

.footer-link .container{
    z-index: 10;
    position: relative;
}

.footer-link__wrapper a{
    color: var(--color-text-gris);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-link__subtitle{
    color: var(--color-text-gris);
    font-size: 30px;
    font-weight: 300;
}

.footer-link__title{
    color: #fff;
    font-size: 92px;
    font-weight: 400;
}



.footer__copy{
    padding: 30px 0;
}

.copy-contact{
    border-top: 1px solid #424245;
}

.footer__copy p{
    font-size: 14px;
    font-weight: 300;
    color: var(--color-text-gris);
    text-align: center;
}

/* PROYECTOS */
.projects{
    position: relative;
    padding: 70px 0;
}

.projects__wrapper{
    display: flex;
    justify-content: space-between;
}

.projects__filter{
    width: 200px;
    display: flex;
    flex-direction: column;
    height: 100vh;
    position: sticky;
    top: 120px;
}

.projects__filter a{
    color: var(--color-text-gris);
    font-size: 16px;
    position: relative;
    margin-bottom: 20px;
    transition: all .4s ease-in-out;
}

.projects__filter a::before{
    content: '';
    position: absolute;
    width: 0;
    visibility: hidden;
    opacity: 0;
    height: 2px;
    background-color: var(--adw-color);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .4s ease-in-out;
}

.projects__filter a.active{
    color: var(--adw-color);
    padding-left: 40px;
}

.projects__filter a.active::before{
    width: 30px;
    visibility: visible;
    opacity: 1;
}


.projects__list{
    width: calc(100% - 200px);
    padding-left: 70px;
}

.projects__title{
    font-size: 62px;
    font-weight: 400;
    margin-bottom: 60px;
}

.projects__title-line{
    color: var(--adw-color);
    font-weight: 500;
}
  
/* =================== mm columns ============================= */


.projects__grid{
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 3rem;
}

/* =================== end mm columns ============================= */

.project__imagen{
    margin-bottom: 15px;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.project__imagen img{
    max-width: 100%;
    height: auto;
}

.project__term{
    display: flex;
    margin-bottom: 10px;
}

.project__term span{
    margin-right: 15px;
    color: var(--color-text-gris);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
}
.project__title{
    font-size: 25px;
    font-weight: 400;
    color: #000;
}

.project__title a{
    color: #000;
}

.project__btn,
.volver_btn{
    font-size: 20px;
    font-weight: 300;
    margin-top: 30px;
    position: relative;
    display: inline-flex;
    padding-bottom: 10px;
    align-items: center;
}
.project__btn{
    margin-top: 12px;
}

.project__btn svg,
.volver_btn svg{
    width: 20px;
    height: 20px;
    transition: all .3s ease-in-out;
}

.project__btn svg{
    margin-left: 15px;
}

.volver_btn svg{
    margin-right: 15px;
}


.project__btn svg path,
.volver_btn svg path{
    fill: var(--color-text-gris);
}

.project__btn::after,
.project__btn::before,
.volver_btn::after,
.volver_btn::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
}

.project__btn::before,
.volver_btn::before{
    width: 100%;
    background-color: transparent;
}

.project__btn::after,
.volver_btn::after{
    width: 0;
    height: 2px;
    transition: all .4s ease-in-out;
    background-color: #000;
}

.volver_btn::after{
    background-color: #ffff;
    height: 2px;
}

.project__btn:hover::after,
.volver_btn:hover::after{
    width: 100%;
}

.project__btn:hover{
    color: #000;
}

.volver_btn:hover{
    color: #fff;
}

.project__btn:hover svg{
    transform: rotate(45deg);
}

.volver_btn:hover svg{
    transform: rotate(-45deg);
}

.project__btn:hover svg path{
    fill: #000;
}

.volver_btn:hover svg path{
    fill: #fff;
}

.projects__grid-item:hover .project__imagen{
    border-radius: 30px;
}

.projects__grid-item:hover .project__btn::after{
    width: 100%;
}

.projects__grid-item:hover .project__btn svg path{
    fill: #000;
}

.projects__grid-item:hover .project__btn svg{
    transform: rotate(45deg);
}

.projects__grid-item:hover .project__btn{
    color: #000;
}

/* PAGINA SERVICIOS */

.services{
    position: relative;
}

.services__item{
    padding: 80px 0;
}

.services__item-text ul li{
    position: relative;
    padding-left: 40px;
}

.services__item-text{
    max-width: 100%;
}

.services__item-text ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem 4rem;
}

.services__item-text ul li::before{
    content: '\f058';
    font-family: 'Font Awesome 6 Free';
    color: var(--adw-color);
    left: 0;
    top: 2px;
    font-size: 22px;
    position: absolute;
}

.text-whrite .services__item-text ul li::before,
.jsServicie3 .services__item-text ul li::before{
    color: #fff;
}

.services__item-text ul li h3{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 20px;
}

.text-black .services__item-text ul li h3,
.text-whrite .services__item-text ul li h3,
.jsServicie2 .services__item-text ul li h3,
.jsServicie3 .services__item-text ul li h3{
    color: #fff;
}


.services__item-text ul li p{
    color: var(--color-text-gris);
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
}

.text-whrite .services__item-text ul li p,
.jsServicie3 .services__item-text ul li p{
    color: #fff;
}

.services__item-title{
    font-size: 7.6rem;
    font-weight: 800;
    margin-top: 60px;
}

.text-black .services__item-title,
.jsServicie2 .services__item-title{
    color: #fff;
}
.text-whrite .services__item-title,
.jsServicie3 .services__item-title{
    color: #fff;
}

.jsServicie2{
    background-color: #000;
}


.jsServicie3{
    background-color: var(--adw-color);
}


/* PAGINA NOSOTROS */
.about-intro{
    position: relative;
    background-color: #000;
    padding: 100px 0;
}

.about-intro__wrapper img{
    width: 240px;
    height: auto;
}

.about-intro__wrapper h2{
    font-size: 2.625rem;
    color: #fff;
    font-weight: 400;
    margin-top: 50px;
}

.about-intro__wrapper p{
    font-size: 1.2rem;
    color: var(--color-text-gris);
    font-weight: 300;
    margin-top: 30px;
    line-height: 27px;
}

.about{
    padding: 80px 0;
}

.about__wrapper{
    display: flex;
    justify-content: space-between;
}

.about__left{
    width: 560px;
    position: sticky;
    height: 80vh;
    top: 128px;
}

.about__timeline{
    width: calc(100% - 560px);
    margin-left: 100px;
}

.about__left-subtitle{
    font-size: 1.25rem;
    margin-bottom: 20px;
    color: var(--adw-color);
    font-weight: 400;
}

.about__left-title{
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 38px;
}

.about__timeline{
    position: relative;
    min-height: 80vh;
}

.about__timeline-nav li{
    padding-left: 70px;
    padding-bottom: 12.5rem;
    position: relative;
}

.about__timeline-nav li:last-child{
    padding-bottom: 5rem;
}

.about__timeline-nav li:last-child::before{
    display: none;
}

.about__timeline-nav li:last-child::after{
    display: none;
}

.about__timeline-nav li::before{
    width: 3px;
    height: 0;
    content: '';
    background-color: var(--adw-color);
    position: absolute;
    left: 0;
    top:0;
    transition: all .4s ease-in-out;
}

.about__timeline-nav li:last-child{
    margin-bottom: 0;
}

.about__timeline-nav li::after{
    width: 3px;
    height: 100%;
    content: '';
    border-left: 3px dotted var(--color-text-gris);
    position: absolute;
    left: 0;
    top:0;
    transition: all .4s ease-in-out;
    z-index: -1;
}

.about__timeline-nav li.in-view{
    transform: none;
    opacity: 1;
    visibility: visible;
}

.about__timeline-nav li.in-view::before{
    height: 100%;
}

.about__timeline-text{
    padding-top: 20px;
}

.about__timeline-text{
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    transform: translate3d(0, 150px, 0);
}

.in-view .about__timeline-text{
    transform: none;
    visibility: visible;
    opacity: 1;
}

.about__timeline-text h3{
    font-size: 1.5rem;
    margin-bottom: 20px;
    font-weight: 500;
}

.about__timeline-text p{
    font-size: 1.125rem;
    font-weight: 300;
    color: var(--color-text-gris);
    max-width: 250px;
}


.about__timeline-num{
    position: absolute;
    left: -26px;
    top: 0;
    background-color: #fff;
    width: 50px;
    height: 50px;
    border: 3px solid var(--adw-color);
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 1.5rem;
    font-weight: 300;
    transition: all .3s ease-in-out;
}

.in-view .about__timeline-num{
    background-color: var(--adw-color);
    color: #fff;
}

/* PAGINA CONTACT */
.contact{
    position: relative;
    padding: 6.25rem 0;
    background-color: #101010;
}

.contact__wrapper{
    max-width: 700px;
    margin: 0 auto;
}

.contact__subtitle{
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 20px;
    color: var(--adw-color);
}

.contact__title{
    font-size: 50px;
    color: #fff;
    font-weight: 400;
}

.contact__content-form{
    margin-top: 80px;
}

.form__group{
    margin-bottom: 20px;
}

.form__group:last-child{
    margin-bottom: 0;
}

.form__input{
    width: 100%;
    box-sizing: border-box;
    display: block;
    background-color: transparent;
    outline: 0;
    border: transparent;
    border-bottom: 3px solid #363636;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 300;
    color: var(--color-text-gris);
}

.form__input:focus{
    border-bottom: 3px solid var(--color-text-gris);
}

.form__btn{
    padding-top: 50px;
    display: flex;
    justify-content: center;
}

.contact__btn{
    cursor: pointer;
    outline: 0;
    background-color: #242424;
    border-radius: 50px;
    border: transparent;
    padding: 22px ;
    color: var(--color-text-gris);
    font-size: 20px ;
    display: flex;
    align-items: center;
}

.contact__btn svg{
    width: 25px;
    height: 25px;
    margin-left: 20px;
    transition: all .3s ease-in-out;
}

.contact__btn svg path{
    fill: var(--color-text-gris);
}

.contact__btn:hover svg{
    transform: rotate(45deg);
}

.contact__btn:hover{
    background-color: var(--adw-color);
    color: #fff;
}

.contact__btn:hover svg path{
    fill: #fff;
}

/* SINGLE PROYECTOS */
.single-project__intro{
    padding: 80px 0;
    background-color: #000;
}

.single-project__title{
    font-size: 50px;
    font-weight: 500;
    color: #fff;
    margin-bottom:50px;
}

.single-project__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.5rem;
}

.single-project__term{
    margin-bottom:20px;
}
.single-project__term span{
    color: var(--color-text-gris);
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
    text-transform: uppercase;
}

.single-project__term span:last-child{
    margin-right: 0;
}

.single-project__text p{
    font-size: 17px;
    line-height: 27px;
    font-weight: 300;
    color: var(--color-text-gris);
}

.single-project__galeria{
    padding: 40px 0;
}

.single-project__galeria-item{
    margin: 10px 0;
    text-align:center;
}

.single-project__galeria-item img{
    max-width: 100%;
    height: auto;
}

.postid-936{
    background: #000 !important;
}

.postid-936 .single-project__text p,
.postid-936 .single-project__term span{
    color: #fff !important;
}

/* MEDIA QUERY */

@media (max-width: 1199.98px) {

}

@media (max-width: 1399.98px) {

}

@media (max-width: 991.98px) {
    .burger{
        display: block;
        border: none;
        background-color: transparent;
        color: #000;
        font-size: 1.5625rem;
        z-index: 10000;
    }

    .header__logo-img{
        width: 120px;
    }

    .header__menu{
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        padding: 13rem 6rem 7.5rem;
        background-color: #000;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        pointer-events:none;
        z-index: 9999;
        transition: all .5s ease-in-out;
    }

    .header__menu.open{
        opacity: 1;
        visibility: visible;
        pointer-events:auto;
    }

    .header__logo{
        z-index: 10000;
    }
    .header__menu ul{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        counter-reset: count 0;
    }

    .header__menu ul li{
        margin: 0;
        margin-bottom: 2.5rem;
        transition: .6s ease;
        opacity: 0;
        transform:translateY(100%);
    }

    .header__menu.open ul li{
        opacity: 1;
        transform:translateY(0);
    }

    .header__menu ul li a{
        font-size: 2.375rem;
        color: #fff;
    }

    .header.is-open .header__logo-img rect,
    .header.is-open .header__logo-img path{
        fill: #fff;
    }

    .home-banner__item-info{
        padding: 20px;
    }

    .home-banner__item-title{
        font-size: 20px;
        padding: 12px 30px;
    }

    .home-banner__item-btn{
        width: 56px;
        height: 56px;
    }

    .home-banner__item-btn svg{
        width: 20px;
    }

    .slick-prev, .slick-next{
        bottom:-10px
    }

    .home-services__row{
        flex-direction: column;
    }

    .home-services__left {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
    }
    .home-services__right{
        width: 100%;
        padding-left: 0;
    }

    .home-services__list-item{
        padding: 60px 0;
    }


    .footer-data__wrapper{
        grid-template-columns: 1fr;
    }

    .footer-data__contact{
        justify-content: space-between;
    }

    .footer-link__subtitle{
        font-size: 20px;
    }
    .footer-link__title{
        font-size: 60px;
    }

    .footer-link__icono{
        width: 100px;
    }

    .projects__wrapper{
        flex-direction: column;
    }

    .projects__filter{
        height: auto;
        top: 0;
        width: 100%;
        position: relative;
        margin-bottom: 50px;
        flex-direction: row;
        justify-content: flex-start;
    }

    .projects__filter a::before{
        width: 100%;
    }

    .projects__filter a{
        margin-bottom: 0;
        margin: 0 20px;
        padding-bottom: 12px;
    }

    .projects__filter a.active{
        padding-left: 0;
    }

    .projects__filter a.active::before{
        width: 100%;
        top: auto;
        bottom: 0;
    }

    .projects__list{
        width: 100%;
        padding-left: 0;
    }

    .projects__title{
        font-size: 54px;
    }

    .services__item{
        min-height: auto;
    }

    .services__item-title{
        font-size: 5rem;
    }

    .about-intro__wrapper h2{
        font-size: 2rem;
    }

    .about__left{
        width: 60%;
    }

    .about__timeline{
        width: 40%;
    }

    .single-project__content{
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .home-banner__item-service{
        opacity: 1;
        transform: none;
        font-size: 13px;
    }

    .home-banner__item:hover{
        border-radius: 2px;
    }

}


@media (max-width: 767.98px) { 

    .slick-prev, .slick-next{
        display: none !important;
    }

    .home-banner{
        padding-bottom: 0;
    }

    .home-services__title{
        font-size: 35px;
        line-height: 40px;
    }

    .home-services__service-name{
        font-size: 40px;
    }

    .home-services__list-item{
        padding: 0;
        padding-top: 100px;
    }
    .home-services__list-item:last-child{
        padding-bottom: 100px;
    }

    .footer-data{
        padding: 50px 0;
    }
    .footer-data__contact{
        flex-direction: column;
    }

    .footer-data__contact-list{
        margin: 0;
    }

    .footer-data__contact-redes{
        margin-top: 60px;
    }

    .footer-link__subtitle{
        font-size: 18px;
    }

    .footer-link__title{
        font-size: 36px;
    }

    .home-clientes__grid{
        grid-template-columns: repeat(2,1fr);
    }

    .home-clientes__wrapper{
        padding: 50px 30px;
    }

    .footer-link__icono{
        width: 80px;
    }

    .home-banner__item{
        height: 300px;
    }

    .slick-slide img{
        height: 100%;
        object-fit: cover;
    }

    .home-banner__item:hover{
        border-radius: 20px;
    }

    .projects__filter{
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .projects__filter a{
        margin-bottom:20px
    }

    .projects__title{
        font-size: 32px;
        margin-bottom: 40px;
    }

    .projects__grid{
        grid-template-columns: 1fr;
    }

    .projects{
        padding: 50px 0;
    }

    .services__item-title{
        font-size: 3rem;
    }

    .about__wrapper{
        flex-direction: column;
    }

    .about__left{
        height: auto;
        width: 100%;
        margin-bottom: 50px;
        position: relative;
        top: 0;
    }
    .about__timeline{
        width: 100%;
        padding-left: 50px;
        margin-left: 0;
    }

    .about__timeline-nav li{
        padding-bottom: 8rem;
    }

    .about__timeline-nav li::before{
        width: 4px;
        left: -1px;
    }

    .contact__title{
        font-size: 35px;
    }

    .home-banner__row{
        flex-direction: column;
        align-items: flex-start;
    }

    .home-banner__item-title{
        font-size: 20px;
        padding: 12px 20px;
    }

    .home-banner__item-btn{
        margin-left: 0;
        margin-top: 20px;
        display: none;
    }

    .home-banner__item-service{
        opacity: 1;
        transform: none;
        font-size: 13px;
    }

    .home-services__list-item ul li{
        font-size: 18px;
    }

    .home-about__title{
        font-size: 35px;
        line-height: 43px;
    }

    .home-clientes__title{
        font-size: 36px;
    }

    .single-project__term span{
        margin-bottom: 10px;
    }
    .single-project__content{
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }
    
    .single-project__title{
        font-size: 45px;
        margin-bottom: 5px;
    }
    
    .services__item-text ul {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 575.98px) {
    
}