/* arreglos para seo */

.parralaxh1 {
    color: white;
    font-size: 62px;
    font-family: urbanist, sans-serif;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    display: block;
  }
  
  .parrafoh5{
    text-transform: uppercase;
    font-size: 1.25rem;
    margin-top: 0!important;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    display: block;
    font-family: work sans, sans-serif;
      color: #302ca7;
  }
  
  .subtitulo_raya_naranja{
    font-size: 56px;
    font-family: urbanist, sans-serif;
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    display: block;
  }
  
  .subtitulo_raya_naranja.underlineLeftOrange::before{
   
    content: url(../images/underlineLeftOrange.svg);
    position: absolute;
    bottom: 0px;
    left: 0px;
  }
  
  .ph2{
    font-size: 28px;
    margin-top: 0;
      margin-bottom: .5rem;
      font-weight: 500;
      line-height: 1.2;
      margin-inline-start: 0px;
      margin-inline-end: 0px;
      display: block;
  }
  
  
  /* idiomas virgin */
  
  .dropdown-item{
    padding: 6px 0px!important;
    font-size: 15px!important;
    cursor: pointer!important;
  }
  
  .dropdown-menu.show{
    padding: 0px 29px 0px 11px!important;
    border-radius: 50px;
  }
  
  /* fin idiomas virgin */
  
  .loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #048023; /* Dark Green */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spinloader 2s linear infinite;
  }
  
  .loader img {
    height: 120px;
    width: 120px;
    animation: spinlogo 2s linear infinite;
  }
  @keyframes spinloader {
    0% {
       transform: rotate(0deg);
    }
    100% {
       transform: rotate(360deg);
    }
  }
  @keyframes spinlogo {
    0% {
       transform: rotate(360deg);
    }
    100% {
       transform: rotate(0deg);
    }
  }
  
  .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
      border-bottom: 1px solid #302ca7;
  } 
  
  section.top {
    height: 100vh;
    background: url(../images/bg_01.png) top right no-repeat;
    max-height: 768px;
  }
  
  @media (min-width: 768px) and (max-width: 1440px) {
    section.top {
      padding-top: 140px;
    }
  }
  
  
  /* vir */
  section.top.contact {
    
    background: none!important;
    max-height: 768px;
  }
  
  .col-form-contacto{
    padding:80px;
  }
  
  .col-form-contacto input[type="text"], .col-form-contacto input[type="email"]{
    background: rgba(48, 44, 167, 0.1);
    border-radius: 84px;
    padding: 12px 24px;
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #302CA7;
    border-width: 0px;
  }
  
  .col-form-contacto textarea{
    padding: 12px 24px;
    height: 127px;
    background: rgba(48, 44, 167, 0.1);
    border-radius: 30px;
    color: #302CA7;
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    border-width: 0px;
    width: 100%!important;
  }
  
    .col-form-contacto input::placeholder,
    .col-form-contacto input:-ms-input-placeholder,
    .col-form-contacto input::-ms-input-placeholder 
    {
        color: #302CA7!important;
        opacity: 1; /* Firefox */
    }
  
    .col-form-contacto .col-boton-enviar{
        text-align: right!important;
    }
  
    .hide_desktop{
        display: none;
    }
  
    .hide_mobile{
        display: block;
    }
  
    .col-form-contacto .wrapper-input{
        width:100%;
    }
  
    .parrafo_somos{
      padding-right: 51%;
    }
  
    .parrafo_dedicamos{
      padding-right:20%
    }
  
    .accent3 {
      color: #a259fe;
      display: inline!important;
    }
  
    .dinline{
      display: inline!important;
    }
  
    .fs16{
      font-size: 16px!important;
    }
  
    .rayita_azul{
      text-decoration: none; 
      position: relative; 
    }
  
    .rayita_azul:after{
      position: absolute;
      content: '';
      height: 4px;
      bottom: -6px;
      margin: 0 auto;
      left: 0;
      width: 20%;
      background: #302CA7;
    }
  
    .queusamos::after{
      width: 80%;
      bottom:-11px
    }
  
    .titulo_proyectos{
      margin: 0px 0px 80px 0px!important;
      padding-bottom: 0px!important;
    }
  
    .titulo_proyectos.rayita_azul:after{
      right:0;
      bottom: -17px;
      width: 6%;
    }
  
  .testimonios_home{
    max-width: 1050px!important;
  }
  
  .autor_testimonio{
    font-weight: 700!important;
    font-family: 'Work Sans';
    font-size: 20px;
    line-height: 28px;
  }
  
    @media screen and (max-width:768px){
        section.top.contact {
            margin-top: 130px;
        }
  
        .col-form-contacto{
            padding:0px;
        }
  
        .hide_desktop{
            display: block;
        }
    
        .hide_mobile{
            display: none;
        }
  
        .col-form-contacto article.form-control{
            align-items: flex-start!important;
        }
  
        .col-form-contacto .wrapper-input{
            width:98%;
        }
  
        .parrafo_somos{
          padding-right: 40%;
          padding-top: 40px;
        }
    }
  
  
  /* fin vir */
  
  /*Internas*/
  
  .top.internal {
    background-image: none;
    max-height: 660px;
    background-color: #f9f9f9;
    
  }
  
  section.top.internal .row {
    margin-left: auto;
   /* padding-top: 140px;*/
    margin-top: auto;
  }
  
  /* fin internas */
  
  
  
  .btn .btn-warning {
    background: #ff6c38;
    border-color: #ff6c38;
  }
  
  .btn-home { 
    background: #ff6c38;
    border-color: #ff6c38;
    color: white;
  }
  
  .btn-home:hover { 
    background: #302CA7 !important;
    border-color: #302CA7 !important;
    color:white !important;
  }
  
  
  
  
  
  .btn:hover {
    background: #302CA7 !important;
    border-color: #302CA7 !important;
    color:white !important;
    
  }
  
  
  .hero img {
    width: 100%;
    max-width: 480px;
  }
  
  h1 {
    font-size: 60px;
    font-family: "Urbanist", sans-serif;
  }
  
  .pattern01 {
    /*background: url(../images/adorno_01.png) center left no-repeat;
   background-size: 240px auto;*/
    position: relative;
    padding:40px 0px 0px 40px;
  }
  
  .pattern01::before {
    position: absolute;
    top: -40px;
    left: -100px;
    content: "";
    background: url(../images/adorno_01.svg) 100% no-repeat;
    height: 310px;
    width: 250px;
    background-size: 90%;
    background-position-x: left;
  }
  
  
  
  
  .hero h1 {
    font-family: "Urbanist", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 58px;
    line-height: 66px;
    color: #302ca7;
  }
  
  .hero h2 {
    color: #302ca7;
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 38px;
  
  }
  
  .thin {
    font-weight: 300;
  }
  
  .hero h2 strong {
    font-weight: 700;
  }
  
  .project .brand {
  
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  text-transform: uppercase;
  position: relative;
  
  }
  
  .project .brand::before{
    content: url(../images/underLine_Brand.svg);
    bottom:-10px;
    position:absolute;
  
  }
  
  .skillsGroup li{
    min-width: 5px;
    width: 10%;
    height: 40px;
    max-height: 100px;
    display: inline-block;
    background-color: #D9D9D9;
    max-width: 15px;
  }
  
  .skillsGroup li.active{
    background-color: #A259FE;
  
  }
  
  .skillsGroup ul{
    margin: 10px 0px;
    padding: 0px 0px 10px;
  }
  
  
  
  header.pro {
    background: transparent !important;
    position: absolute;
    width: 100%;
    padding: 24px 0px !important;
    z-index: 1;
    top: 0px;
  }
  
  header.index a.languageSwitch {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
    text-decoration: none;
    color: white;
  }
  
  h3 {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    line-height: 64px;
    color: #302ca7;
  }
  
  
  
  
  h4 {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 105%;
    color: #302ca7;
  }
  
  p.special {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: #302ca7;
  }
  
  body {
    font-family: "Work Sans", sans-serif;
    color: #302ca7;
  }
  
  section.top .row {
    margin-top: 170px;
    margin-left: 20px;
  }
  
  .hero .col1 {
    padding: 40px 0px 0px 40px; 
  }
  
  
  
  .btn-warning {
    background: #ff6c38;
    border-color: #ff6c38;
    color: white;
  }
  
  .section-3 {
    height: 100vh;
    position: relative;
    max-height: 640px;
  }
  
  .section-3::before {
    content: url(../images/bg_02.png);
    position: absolute;
    top: -10%;
    right: 0;
  }
  
  /*tags*/
  
  span.solidBlueTag {
    background: #302ca7;
    border-radius: 0px;
    padding: 3px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
  }
  
  span.solidSkyBlueTag {
    background: #1dc5f2;
    border-radius: 0px;
    padding: 3px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
  }
  span.solidGreenTag {
    background: #09cf82;
    border-radius: 0px;
    padding: 3px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
  }
  span.solidLilaTag {
    background: #a259fe;
    border-radius: 0px;
    padding: 3px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
  }
  
  span.lineBlueTag {
    border: solid 1px #302ca7;
    border-radius: 0px;
    padding: 2px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: #302ca7;
    font-size: 14px;
  }
  
  span.lineSkyBlueTag {
    border: solid 1px #1dc5f2;
    border-radius: 0px;
    padding: 2px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: #1dc5f2;
    font-size: 14px;
  }
  span.linedGreenTag {
    border: solid 1px #09cf82;
    border-radius: 0px;
    padding: 2px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: #09cf82;
    font-size: 14px;
  }
  span.lineLilaTag {
    border: solid 1px #a259fe;
    border-radius: 0px;
    padding: 2px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: #a259fe;
    font-size: 14px;
  }
  
  
  
  
  .btn.lineLila {
      border: solid 1px #a259fe;
      border-radius: 45px;
      color: #a259fe;
      background:white;
  }
  
  .accent1 {
    color: #1dc5f2;
  }
  .accent2 {
    color: #ff6c38;
  }
  
  
  
  .uppercase {
    text-transform: uppercase;
  }
  
  .top.hero {
    position: relative;
  }
  
  .hero .col2::before {
    content: url(../images/adorno_02.png);
    position: absolute;
    bottom: -70px;
    right: -70px;
    z-index: -1;
    transform: scale(0.7);
  }
  
  img.laptopPlaceholder {
    width: 100%;
    position: relative;
    z-index: 2;
  }
  
  .hero .col2 img {
    /*margin-top: -10vh;*/
  }
  
  footer {
    background: #302ca7;
  }
  
  .border-none {
    border: none !important;
  }
  
  .titulo_empresas{
    text-decoration: underline;
    line-height: 25px;
  }
  
  input.pro {
    background: rgba(48, 44, 167, 0.1);
    border-radius: 84px;
    border: none;
    padding: 8px 15px;
  }
  section.bg-parallax {
    height: 100vh;
    max-height: 768px;
  }
  
  section.bg-parallax h1 {
    color: white;
    font-size: 62px;
  }
  
  .bg-parallax {
    background: url(../images/bg-parallax.jpg) center center no-repeat;
    background-size: cover;
  }
  
  .testimonials a.vermas {
    position: absolute;
    bottom: 24px;
    margin: 0 auto;
    display: block;
    z-index: 1;
    border: 1px solid #ffffff;
    border-radius: 59px;
    padding: 12px 24px;
    color: white;
  }
  
  .underline {
    padding-bottom: 12px;
    position: relative;
  }
  
  .underlineLeftOrange {
    padding-bottom: 36px;
    position: relative;
  }
  
  .subtitle-underline{
      padding-bottom: 4px;
      border-bottom: 2px solid #777;
      display: inline-block;
  }
  
  h2.underline::before,
  h3.underline::before,
  h4.underline::before {
    content: url(../images/underLine.svg);
    position: absolute;
    bottom: 0px;
    transform: scale(0.5);
  }
  
  h1.underlineLeftOrange::before,
  h2.underlineLeftOrange::before,
  h3.underlineLeftOrange::before,
  h4.underlineLeftOrange::before {
    content: url(../images/underlineLeftOrange.svg);
    position: absolute;
    bottom: 0px;
    left: 0px;
  }
  
  .testimonials .col2 {
    position: relative;
  }
  
  .testimonials span {
    font-weight: 400;
    font-size: 20px;
  }
  
  .us {
    background: url(../images/us3.png) top center no-repeat;
    background-size: cover;
    height: 90vh;
    padding: 60px 40px 30px;
    max-height: 768px;
  }
  
  section.us.internal{
    background-size: cover;
    height: 75vh;
    padding: 30px;
    max-height: 660px;
  
  }
  
  .modal-backdrop.show{
    z-index: 3;
  }
  
  
  /*Language dropdown menu*/
  
  .dropdown-menu.show {
    display: block;
    top: 30px;
    left: auto;
    right: 0px;
    min-width: auto;
    padding:0px;
  }
  
  .dropdown-item{
    padding:6px 16px;
  }
  
  
  /*Language dropdown menu*/
  
  
  .modal{
    background: #a259fe5e;
  }
  
  .offcanvas{display: none;}
  
  
  .offcanvas-top{
    z-index: 5;
    background: #302ca7;
  }
  
  .card-body{
    padding: 20px 0px;
  }
  
  .card a {
      color: inherit;
      text-decoration: none;
  }
  
  
  
  h5.card-title{
    font-weight: bold;
  }
  
  .socialIconGroup{
    margin: 10px 0px;
  }
  
  .socialIconGroup a{
    margin-left: 3px;
    margin-right: 3px;
    text-decoration: none;
  }
  
  
  h3.teamMember{
    font-size: 24px;
      font-weight: bold;
      line-height: 28px;
      text-decoration: none;
      margin:12px 0px;
  }
  
  h4.teamMember{
    text-transform:uppercase
  } 
  a.teamMember{
    text-decoration: none;
  }
  
  
  .teamMemberModal  span{
  display: block;
  }
  
  
  .teamMembers{
  
  }
  
  .teamMembers img{
    max-width: 200px;
    cursor:pointer;
  
  }
  
  /*Base Size */
  
  .projectSubTitle{
    font-size: 20px;
    color:#777777;
  }
  
  
  
  /*Base colors*/
  
  
  .color-grey {
    color: #777777 !important;
  }
  
  .color-lila {
    color: #a259fe !important;
  }
  .bg-grey{}
  .bg-black{
    background:#000
  }
  .bg-lila{ 
    background:#a259fe ;
  }
  
  /*Base colors*/
  
  .btn {text-transform: uppercase;}
  
  .btn-accent {
    background: #ff6c38;
  }
  
  .btn-outline {
    background: transparent;
    transition: ease 0.3s;
  }
  
  /*
  .btn-outline:focus{
   
  }*/
  
  .btn-outline:hover {
    text-shadow: 1px 0px 4px #ffffff80;
    box-shadow: 1px 0px 6px 1px #ffffff85;
  }
  
  .patternBotton {
    background: url(../images/lilaPattern.svg) right center no-repeat;
    background-size: 30%;
    background-color: white;
      box-shadow: 0px 0px 20px #00000040;
          
  }
  
  .patternBotton .row{
      padding: 40px 0px;
      }
  
  .btn-accent:hover {
    background: #e44d17;
  }
  
  
  .testimonials span {
    display: block;
  }
  
  .testimonials h3 {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 900;
    font-size: clamp(2.5rem, 4vw, 48px);
    line-height: 58px;
    text-transform: uppercase;
  }
  
  .italic {
    font-style: italic;
  }
  
  .btn {
    border-radius: 500px;
  }
  
  /* Responsive style sstart here */
  
  @media screen and (max-width: 1133px) {
  /*  .pattern01::before {
      transform: scale(0.7);
      top: -190px;
      left: -150px;*/
    }
  
  
  
  
    .hero .col2::before {
      content: url(../images/adorno_02_responsive.png);
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: -1;
    }
  
  /*Headings */
    
      h1 {
        font-size: 56px;
      }
  
      h2.subtitle{
        font-size: 28px;
      }
  
      h4{
        font-size: 38px;
      }
    
    
  
    .section-3::before {
       content: url(../images/bg_02.png);
       position: absolute;
       top: -10%;
       right: 0;
    }
  
    .hero .col2::before {
       content: url(../images/adorno_02.png);
       position: absolute;
       bottom: -70px;
       right: 0px;
       z-index: -1;
       transform: scale(0.8);
    }
  
    section.top .row {
       margin-top: auto !important;
       margin-left: auto !important;
    }
  
  
  
  .parallaxProjects{
    position: relative;
    min-height: 680px;
    overflow: hidden;
    
  }
  
  
    /* Internal Projects Deskptop*/
  
    .redTextureBg{
      background:url(../proyectos/cceau/parallaxBg.png);
      background-attachment: fixed;
      background-size: cover;
      box-shadow: inset 0 0 8px 0px #00000024;
    }
  
  
    .parallaxNublit {
      background: url(../proyectos/nublit/parallaxBg.png);
      background-attachment: fixed;
      background-size: cover;
      box-shadow: inset 0 0 8px 0px #00000024;
    }
  
    .parallaxAsters {
      background: url(../proyectos/asters/parallaxBg.png);
      background-attachment: fixed;
      background-size: cover;
      box-shadow: inset 0 0 8px 0px #00000024;
    }
  
  
    .parallaxD24 {
      background: url(../proyectos/d24/parallaxBg.png);
      background-attachment: fixed;
      background-size: cover;
      box-shadow: inset 0 0 8px 0px #00000024;
    }
  
  
    .parallaxBhu{
       background: url(../proyectos/bhu/parallaxBg.png);
      background-attachment: fixed;
      background-size: cover;
      box-shadow: inset 0 0 8px 0px #00000024;
    }
  
  
    .parallaxProjects img {
      position: absolute;
      max-width: 640px;
      bottom:-1px;
      left: 0px;
      right: 0px;
    }
  
  
    .delfosBgAnimated {
      background: linear-gradient(63deg, #f7b16c, #fd756c, #fded6c);
      background-size: 600% 600%;
  
      -webkit-animation: AnimationName 8s ease infinite;
      -moz-animation: AnimationName 8s ease infinite;
      -o-animation: AnimationName 8s ease infinite;
      animation: AnimationName 8s ease infinite;
  }
  
  @-webkit-keyframes AnimationName {
      0%{background-position:0% 53%}
      50%{background-position:100% 48%}
      100%{background-position:0% 53%}
  }
  @-moz-keyframes AnimationName {
      0%{background-position:0% 53%}
      50%{background-position:100% 48%}
      100%{background-position:0% 53%}
  }
  @-o-keyframes AnimationName {
      0%{background-position:0% 53%}
      50%{background-position:100% 48%}
      100%{background-position:0% 53%}
  }
  @keyframes AnimationName {
      0%{background-position:0% 53%}
      50%{background-position:100% 48%}
      100%{background-position:0% 53%}
  }
  
  
  
  .nublitBgUi {
    background-image: url(../proyectos/nublit/bg-pattern-linearGradient.png);
    background-repeat: repeat-x;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
  }
  
  .nublitBgUi img{
      max-width:280px
  }
  
  
  .smoothShadow{
    box-shadow: 1px 2px 7px #8f8f8fa6;
  }
  
  /* Tipography */
  
  span.xltext{
    font-style: normal;
    font-weight: 500;
    font-size: 277.419px;
    line-height: 329px;
  }
  
  span.fontName{
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 57px;
  }
  
  span.variants{
  
  }
    
  .card{
    transition: ease 0.3s;
  }
  
  .card:hover {
      transform: scale(1.03);
  }
  
  
  /* Internal Projects Deskptop*/
  
  
  
  
  @media screen and (max-width: 992px) {
  
  
    .hero h1{
      font-size: 48px !important;
      line-height: 52px !important;
  
    }
    
    /*Responsive Menu */
  
  .navbar-nav .nav-link.active{
      color: #09CF82;
      }
      
  .offcanvas-body .btn-close {
      background: url(../images/icon/close.svg) no-repeat;
      left: 10px;
      
  }
  
  
  
  .navbar-toggler:focus{
      box-shadow:none;
  }
  
    .hero h2 {
      font-size: 24px;
      line-height: 30px;
      
    }
  
  
    .pattern01 {
      position: relative;
      padding: 10px 0px 0px 10px;
  }
  
  
  /*Bottom CTA */
  
  
  .patternBotton {
      background: url(../images/lilaPatternMobile.svg) right center no-repeat;
      background-size: contain;
      background-color: white;
      box-shadow: 0px 0px 20px #00000040;
      padding: 0px 0px 20px 30px;
  }
  
  .patternBotton .row{
      padding: 0px;
      }
  
  
  /*Fin Bottom CTA*/
  
  
  
  .hero .col1 {
    padding: 10px 0px 0px 10px;
  }
  
  
  /*Typography */
  
  
  
  h1{    
    font-size: 48px;
    line-height: 54px;
  }
  /*
  h2{
  
  }
  h3{}*/
  h4{
    font-size: 30px;
    line-height: 38px;
  }
  
  
  h5{
    font-size: 18px;
  }
  
  .hero h3{
    font-size: 28px !important;
      line-height: 30px;
  }
  
    
  
  
  
    section.top {
       background-position-x: 10vw;
       background-position-y: -30vh;
    }
  
    .dropdown-menu.show {
      display: block;
      top: 30px;
      left: 0px;
      right: 0px;
      max-width: 80px;
      margin: 0 auto;
      text-align: center;
  }
  
  .parallaxProjects{
    min-height: 480px;
  }
  
    .parallaxProjects img{
      min-height: auto !important;
    }
  
  
    section.bg-parallax h1 {
      color: white;
      font-size: 56px !important;
    }
    
  
  
  
    .languageSwitch{
      position: absolute;
      bottom: 50px;
      width: 92%;
    }
  
    .top.internal{
      padding-top:145px;
      margin-bottom: 0;
      padding-bottom: 30px;
    }
  
    
    .offcanvas{
      display: block;
      height: 100% !important;
    }
   
  .btn-close{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5;
    /*background: url(../images/icon/close.svg) no-repeat;*/
  }
  
  .btn-close .home {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5;
    background: url(../images/icon/close.svg) no-repeat;
  }
  
  
  /*tags*/
  
  span.solidBlueTag {
    background: #302ca7;
    border-radius: 0px;
    padding: 6px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
  }
  
  span.solidSkyBlueTag {
    background: #1dc5f2;
    border-radius: 0px;
    padding: 6px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: white;
    font-size: 12px;
  }
  span.solidGreenTag {
    background: #09cf82;
    border-radius: 0px;
    padding: 6px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: white;
    font-size: 12px;
  }
  
  span.solidLilaTag {
    background: #a259fe;
    border-radius: 0px;
    padding: 6px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: white;
    font-size: 12px;
  }
  
  span.lineBlueTag {
    border: solid 1px #302ca7;
    border-radius: 0px;
    padding: 6px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: #302ca7;
    font-size: 12px;
  }
  
  span.lineSkyBlueTag {
    border: solid 1px #1dc5f2;
    border-radius: 0px;
    padding: 6px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: #1dc5f2;
    font-size: 12px;
  }
  span.linedGreenTag {
    border: solid 1px #09cf82;
    border-radius: 0px;
    padding: 6px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: #09cf82;
    font-size: 12px;
  }
  span.lineLilaTag {
    border: solid 1px #a259fe;
    border-radius: 0px;
    padding: 6px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: #a259fe;
    font-size: 12px;
  }
  
  
  
  .btn.lineLilaTag {
    border: solid 1px #a259fe;
    border-radius: 0px;
    padding: 6px 12px;
    display: inline-block;
    margin: 5px 0px;
    text-transform: uppercase;
    color: #a259fe;
    font-size: 12px;
  }
  
  
  
  /*Lang switcher*/
  
  .lang-switcher{
    position: absolute;
    bottom: 40px;
    margin: 0 auto;
    width: 100%;
    }
  
  
  /*
    @media screen and (min-width:640px) {
      .hero .col2 img {
        margin-top: 60px;
      }
    }
  */
    .hero .col2::before{display: none;}
  
  
    section.top{
      max-height: inherit !important;
      margin-bottom: 50px;
      height:100%;
     
    }
  
    .hero .col1 {
       padding-left: 0px;
    }
  
    
  
  
  .section-3{
  
    height: 100%;
    position: relative;
    max-height: 100%;
  }
  
  
  .section-3::before {
    content: url(../images/bg_02_responsive.svg);
    position: absolute;
    top: -10%;
    right: 0;
  }
  
    
  
    .pattern01::before {
  /**/
    background: url(/images/adorno_01_responsive.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    left: -40px;
    width: 200px;
    top: -50px;
    }
  
    .navbar-toggler-icon {
       color: white;
    }
  
  .nav-link:hover{
    color: #09cf82;
  }
  
    .navbar-toggler {
       border: none;
    }
    .navbar-toggler-icon {
       background: url(../images/icon/hambmenu.svg) center no-repeat;
    }
  
    .navbar-collapse {
       color: white;
       background-color: #302ca7;
       padding: 24px;
       margin-left: -30px;
       margin-right: -30px;
       position: absolute;
       left: 0;
       right: 0px;
       top:-30px;
    }
  
  
    .nav-link active{
      color:white;
      font-weight: bold;
    }
  
    .nav-link {
       color: white;
    }
  }
  
  
  /*Animtion Classes*/
  
  .Animatecontainer {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .box {
    cursor: move;
    border: 2px solid red;
    height: 100px;
    width: 100px;
    position: absolute;
  }
  
  @media screen and (max-width:640px) {
      
      /*Bottom CTA */
  
  
          .patternBotton {
              background: url(../images/lilaPatternMobile.svg) right center no-repeat;
              background-size: contain;
              background-color: white;
              box-shadow: 0px 0px 20px #00000040;
              padding: 0px 0px 20px 30px;
          }
       
      
      h3{
          font-size:48px;
      }
  
          /*Fin Bottom CTA*/
  
   
      
  }
  
  
  
  @media screen and (max-width:556px) {
    .parallaxProjects{
      min-height: 380px;
    }
    
  }
  
  
  
  /*Carrousell Custom*/
  
  .carousel-control-next-icon{
      background-image:url(../images/next.svg);
  }
  
  .carousel-control-prev-icon{
      background-image:url(../images/prev.svg);
  }
  
  
  /* Arreglos virgin mobile */
  
  .hide_desktop{
    display: none;
  }
  
  .div_res_contacto::after {
    content: url(../images/adorno_02.png);
    position: absolute;
    right: -70px;
    z-index: -1;
    transform: scale(0.7);
  }
  
  @media screen and (max-width:1000px){
    .w-75.ipad{
      padding-top: 135px;
    }
  }
  
  @media screen and (max-width:600px){
  
    .carousel-control-next, .carousel-control-prev{
      display: none!important;
    }
    
    .mb20{
        margin-bottom: 20px;
    }
  
    .testimonials .ps-5{
        padding-left:10px!important
    }
  
    .patternBotton .justify-content-center.text-center{
        text-align: left!important;
        justify-content: left!important;
        margin-left:20px;
        max-width: 300px!important;
    }
  
    .patternBotton .row, #project_mobile .row{
        --bs-gutter-x:0!important
    }
  
    #project_mobile .py-5{
      padding-top:0px!important;
      padding-bottom: 0px!important;
    }
  
    .textoBannercitoProjects{
      padding:1.5rem 3.5rem 0 0!important;
      margin-bottom: 10px;
    }
  
    .intro_project{
      margin-top:20px;
      margin-bottom: 20px;
    }
  
    .img_bottom03{
      max-width: 300px!important;
    }
  
    .contenido_servicios{
      padding-left: 0px!important;
      padding-top: 20px!important;
    }
  
    .hide_desktop{
        display: block;
    }
  
    section.top.contact{
      margin-top:0px!important;
    }
  
    section.banner_conocenos, section.us.internal{
      height: 37vh!important;
    }
  
    .div_res_contacto::before {
      position: absolute;
      top: -40px;
      left: -100px;
      content: "";
      background: url(../images/adorno_01.svg) 100% no-repeat;
      height: 310px;
      width: 250px;
      background-size: 90%;
      background-position-x: left;
    }
  
    .div_res_contacto{
      padding-left: 50px;
      padding-top: 50px;
    }
  
  }
  
  /* footer domus global */
  
  @media screen and (max-width:576px) {
    footer .domusglobal{
      padding:0px 60px
    }
  
    footer .domusglobal .col-logo-footer,
    footer .domusglobal .col-empresas-footer
    {
      margin-bottom: 40px;
    }
  }
  
  
  .borde_inferior{
    border-bottom: 1px solid #FFF;
    margin-bottom: 10px;
  }
  
  .titulo_empresas{
    color: #FFF;
    font-size: 18px;
  }
  
  .empresas p{
    margin-bottom: 0px!important;
  }
  
  .empresas p a{
    color: #fff !important;
    text-decoration: none;
  }
  
  .empresas p a:hover{
    color: #fff !important;
    text-decoration: underline;
  }
  
  .logo{
    max-height: 70px;
  }
  
  .logo_footer{
    max-height: 70px;
  }