@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,300;0,400;0,500;0,600;0,800;0,900;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@font-face { font-family: "HKNova-Medium"; src: url("HKNova-Medium.otf"); }
@font-face { font-family: "PlayfairDisplay-Bold"; src: url("PlayfairDisplay-Bold.otf"); }
/*=============================================================================
GENERAL
=============================================================================*/
.font-raleway { font-family: "Raleway"; }
.font-mont { font-family: "Montserrat"; }
.font-poppins { font-family: 'Poppins', sans-serif; }
.font-playfair { font-family: "PlayfairDisplay-Bold"; }
html, body {
  width: 100%;
  height: 100%;
}
:root {
  --color-black-landing: #2D1601;
  --color-black: #000000;
  --color-blue-light: #00BBFF;
  --color-blue-dark: #050f1d;
  --color-gray-dark: #1A1923;
  --color-orange: #FD7F16;
  --color-white: #FFF;
  --color-gray: #616265;
  --color-pink: #F00090;
  --color-yellow: #DDF000;
  --color-purple: #9E00FF;
}
/*=============================================================================
GENERAL
=============================================================================*/
body { color: #000; overflow-x: hidden; font-family: "Montserrat"; }
*::-moz-selection { background: lightblue; color: initial; text-shadow: none; }
*::selection { background: lightblue; color: initial; text-shadow: none; }
*, *:active, *:focus, *:hover, *.active {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}
.pointer{ cursor: pointer; }
.link-no-decoration,
.link-no-decoration:hover,
.link-no-decoration:focus,
.link-no-decoration:visited {
  text-decoration: none;
  color: inherit;
}
.fgray-dark { background-color: var(--color-gray-dark); }
.bg-default { background-color: #eee; border: 1px solid #ddd; }
.bg-default-02 { background-color: #ddd; border: 1px solid #ccc; }
.bg-blue-light { background-color: var(--color-blue-light); }
.bg-pink { background-color: var(--color-pink); }
.bg-purple { background-color: var(--color-purple); }
.bg-orange { background-color: var(--color-orange); }
.bg-yellow { background-color: var(--color-yellow); }
.text-blue-light, .text-blue-light:hover { color: var(--color-blue-light); }
.text-black { color: #000 !important; }
.text-orange, .text-orange:hover { color: var(--color-orange); }
.text-yellow, .text-yellow:hover { color: var(--color-yellow); }
.text-purple, .text-purple:hover { color: var(--color-purple); }
.text-pink, .text-pink:hover { color: var(--color-pink); }
.bg-cover-index {
  background-image: url("http://placehold.it/1920x1080");
}
.help-block { display: block; }
.has-error [data-fv-for="sectors[]"] { display: block !important; }
.has-error .form-control { border-color: #FFF; }
.has-error .help-block { color: #FFF; }
.has-success .form-control, .has-success button.dropdown-toggle { border-color: #28a745; }
.btn-no-style {
  border: none;
  background: transparent;
}
.p-absolute {
  position: absolute !important;
}
/*=============================================================================
THANKS PAGE
=============================================================================*/
.thanks-page { height: 70vh; }
/*=============================================================================
NAVBAR
=============================================================================*/
.bg-white-rgba{
  background: rgba(255, 255, 255, 0.9);
}
.bg-white{
  background-color: white;
}
.navbar {
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  z-index: 1001;
  position: relative;
}
/* colores items menu */
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link {
  color: #333;
}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #333;
  border-color: #333;
}
/* colores items menu */
/* separación items menu */
.navbar-nav > .nav-item {
  padding-left: 3px;
  padding-right: 3px;
}
/* separación items menu */
.navbar-brand { position: relative; }
.navbar-brand img { width: 135px; }
/* .navbar-brand img { width: 150px; } */
.white-logo, .normal-logo {
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.white-logo { opacity: 1; visibility: visible; }
.normal-logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
.navbar-brand.open .normal-logo { opacity: 1; visibility: visible; }
.navbar-brand.open .white-logo { opacity: 0; visibility: hidden; }
.navbar .divider {
  padding: 5px 7px;
}
.navbar .divider div {
  width: 2px;
  height: 18px;
  background: var(--color-gray);
}

.navbar .nav-item button {
  color: var(--color-black-landing);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.navbar .nav-item, .navbar .nav-item {
  border-bottom: 2px solid transparent;
}
/*.navbar .nav-item:hover, .navbar .nav-item.active {
  border-bottom: 2px solid var(--color-orange);
}*/

.navbar .nav-item:hover button, .navbar .nav-item.active button {
  /*color: var(--color-orange) !important;*/
}

.navbar .menu-burguer {
  background: var(--color-orange) !important;
  width: 24px;
  height: 2px;
  margin-bottom: 6px;
  display: block;
}
.navbar .menu-burguer.white-burguer {
  background-color: #FFF !important;
}
.navbar .menu-burguer:last-child {
  margin-bottom: 0;
}

.navbar .nav-item.menu-toggler-container {
  border: none !important;
}

.navbar-nav {
    -ms-flex-direction: inherit !important;
    -webkit-box-orient: inherit !important;
    -webkit-box-direction: inherit !important;
            flex-direction: inherit !important;
}
.navbar.navbar-to-top {
  position: fixed !important;
  background-color: rgba(255,255,255,0.8) !important;
  z-index: 1001;
}
.navbar.navbar-to-top .navbar-brand .white-logo {
  width: 90px;
  visibility: hidden !important;
  opacity: 0;
}
.navbar.navbar-to-top .navbar-brand .normal-logo {
  width: 90px;
  visibility: visible !important;
  opacity: 1;
}
.navbar.navbar-to-top .btn-no-style { color: var(--color-black) !important; }
/*=============================================================================
MENU
=============================================================================*/
.full-menu {
  background-color: #FFF;
  position: absolute;
  top: -2000px;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
}
.full-menu.open {
  top: 0;
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}
.menu-title { font-size: 80px; }
.menu-item { text-align: center; }
/*Efecto hover en el título del servicio*/
.menu-item, .menu-item > a { color: #000; font-size: 30px; }
.menu-item.active > a,
.menu-item > a:hover { color: var(--color-orange); text-decoration: unset; }
/*Efecto hover en el título del servicio*/
.mni-container > .mni-subcont { position: relative; }
.mni-container > .mni-subcont > .mnu-separator {
  width: 1px;
  height: 14px;
  position: absolute;
  background-color: #000;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*Efecto hover en el subtítulo del servicio*/
.menu-item-sub > a,
.submenu-title > p > a,
.submenu-item > a { color: #000; }
.menu-item-sub > a:hover,
.submenu-title-container:hover > .submenu-title p > a,
.submenu-title > p:hover > a,
.submenu-title > p > a:hover,
.submenu-item > a:hover,
.submenu-item.active > a,
.submenu-title.active > p > a { color: var(--color-orange); text-decoration: unset; }
/*Efecto hover en el subtítulo del servicio*/
/*Efecto hover en la barra naranja del servicio*/
.submenu-title > .submenu-bar {
  width: 60px;
  height: 2.5px;
  background-color: var(--color-orange);
  /*margin: 0 auto;*/
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  left: 50%;
  position: relative;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.submenu-title-container:hover > .submenu-title > .submenu-bar,
.submenu-title:hover > .submenu-bar,
.submenu-title.active > .submenu-bar { opacity: 1; visibility: visible; }
/*Efecto hover en la barra naranja del servicio*/
.submenu-title-container > .submenu-item:not(:last-child) { margin-bottom: 10px; }
.navbar .switch-color .nav-item button { color: #000; }
.menu-social-icons {
  width: 100%;
  position: absolute;
  left: 15px;
  bottom: 2rem;
}
.accordion-menu { width: 220px; max-width: 100%; margin: 0 auto; }
.accordion-menu * { background-color: transparent; border: 0; }
.accordion-menu .card-header { padding: 0; }
.accordion-menu .card-header button[aria-expanded="true"] { color: var(--color-orange); }
.accordion-menu .card-header > h2 > button {
  color: #000;
  padding: .25rem 1.25rem;
  font-weight: bolder;
}
.accordion-menu .card-header > h2 > button:hover {
  color: var(--color-orange);
  text-decoration: unset;
}
.accordion-menu .card-header { position: relative; }
.accordion-menu .card-header svg {
  font-size: 1rem;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.accordion-menu .card-header svg.fa-caret-down { display: block; }
.accordion-menu .card-header svg.fa-caret-up { display: none; }
.accordion-menu .card-header button[aria-expanded="true"] svg.fa-caret-down {
  display: none;
}
.accordion-menu .card-header button[aria-expanded="true"] svg.fa-caret-up {
  display: block;
}
#open-serv-moble > a { position: relative; }
/*#open-serv-moble > a > svg {
  position: absolute;
  top: 50%;
  right: 1px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}*/
#open-serv-moble svg { display: none; }
.menu-container-scroll {
  min-height: 300px;
  height: calc( 100vh - 116px - 74px );
  overflow: auto;
}
.menu-separator { padding: 0 3rem; }

/*=============================================================================
HOME PORTFOLIO
=============================================================================*/
.portfolio-container {
  -webkit-transition: background-image 0.2s ease-in-out;
  -o-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;
  position: relative;
  background-position: center;
  background-size: center;
}

.portfolio-client-container, .portfolio-client-container2 {
  position: relative;
  display: none !important;
}
.portfolio-client-container.active, .portfolio-client-container2.active { display: block !important; }

.portfolio-container .decoration, .portfolio-container .square-decoration { position: absolute; z-index: 999; opacity: 0.9; }

.portfolio-container .item2 { bottom: -15%; left: 10%; }

.circle-gradient-red-yellow {
  position: absolute;
  z-index: 99 !important;
  top: -60px;
  left: 30%;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: rgb(254,213,93);
  background: -o-linear-gradient(bottom, rgba(254,213,93,1) 0%, rgba(241,13,140,1) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(254,213,93,1)), to(rgba(241,13,140,1)));
  background: linear-gradient(0deg, rgba(254,213,93,1) 0%, rgba(241,13,140,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fed55d",endColorstr="#f10d8c",GradientType=1);
}

.portfolio-client-container .decoration, .portfolio-client-container2 .decoration { position: absolute; z-index: 999; opacity: 0.6; }

.portfolio-client-container .item1, .portfolio-client-container2 .item1 { top: -15%; left: 8%; }
.portfolio-client-container .item2, .portfolio-client-container2 .item2 { top: -20%; right: -15%; left: inherit; }
.portfolio-client-container .item3, .portfolio-client-container2 .item3 { top: 20%; left: 15%; }
.portfolio-client-container .item4, .portfolio-client-container2 .item4 { top: 25%; right: -15%; }


.owl-carousel-portfolio {
  width: 119%;
}

.portfolio-new{
    width: 100%;
}

.owl-carousel-portfolio .owl-item {
  border-radius: 20px;
  padding: 5px;
  opacity: 0;
}

.owl-carousel-portfolio .active:first-child, .owl-carousel-portfolio :not(.active) + .active {
  opacity: 1 !important;
}

.owl-carousel-portfolio .owl-item img {
  border-radius: 0px;
  width: 250%;
  -webkit-box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.1) !important;
          box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.1) !important;
}

.owl-carousel-portfolio .owl-item .img-mobile {
  margin-left: 85%;
  border-radius: 0px;
  width: 100%;
  -webkit-box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.1) !important;
          box-shadow:0px 8px 8px 0px rgba(0, 0, 0, 0.1) !important;
}

.portfolio-new .owl-item {
  opacity: 1;
  padding: 5px;
}

.owl-carousel-portfolio .owl-item .clients_bottom {
  border-radius: 0px;
  width: 20%;
}
.owl-carousel-portfolio-nav {
  width: auto;
}
.owl-carousel-portfolio-nav .owl-prev,
.owl-carousel-portfolio-nav .owl-carousel-portfolio-dots,
.owl-carousel-portfolio-nav .owl-next {
  display: block;
  background: transparent !important;
  border: none;
  color: var(--color-white);
}

:root {
  --owl-margin: 15px;
  --owl-margin-1200: 10px;
  --owl-margin-991: 15px;
  --owl-margin-576: 15px;
}

.owl-carousel-portfolio-nav .owl-prev {
  margin-right: var(--owl-margin);
}

.owl-carousel-portfolio-nav .owl-next {
  margin-left: var(--owl-margin);
}

.owl-carousel-portfolio-nav .owl-prev,
.owl-carousel-portfolio-nav .owl-next {
  font-size: 40px;
}

.owl-carousel-portfolio-nav .owl-carousel-portfolio-dots .owl-dot {
  border: 1px solid var(--color-white);
  border-radius: 100%;
  padding: 0;
  width: 12px !important;
  height: 12px;
  display: inline-block;
  margin-top: 10px;
  margin-right: var(--owl-margin);
  background: transparent;
}
.owl-carousel-portfolio-nav .owl-carousel-portfolio-dots .owl-dot.active {
  background: var(--color-white);
}
.owl-carousel-portfolio-nav .owl-carousel-portfolio-dots .owl-dot:last-child {
  margin-right: 0;
}
.icon-acordeon{
  width: 20px;
  display: ;
  position: absolute;
  right: 82px;
  top: 70px;
}
@media( max-width: 1200px ) {
  .owl-carousel-portfolio-nav .owl-prev { margin-right: var(--owl-margin-1200); }
  .owl-carousel-portfolio-nav .owl-next { margin-left: var(--owl-margin-1200); }
  .owl-carousel-portfolio-nav .owl-carousel-portfolio-dots .owl-dot { margin-right: var(--owl-margin-1200); }
  .square-decoration { width: 200px; }
  .text_title{
  font-size: 40px;

  }

  .text_paragraph{
  font-size: 12px;
  }

  .sec_img .img_uno {
    background-position: center;
    background-size: cover;
  }

  .sec_img  .img_dos {
    top: 45%;
  }


  .sec_img  .img_dos img{
    width: 200px;
  }

}
@media( max-width: 991px ) {
  .owl-carousel-portfolio-nav .owl-prev { margin-right: var(--owl-margin-991); }
  .owl-carousel-portfolio-nav .owl-next { margin-left: var(--owl-margin-991); }
  .owl-carousel-portfolio-nav .owl-carousel-portfolio-dots .owl-dot { margin-right: var(--owl-margin-991); }
  .c12-sm {
    display: block !important;
    width: 100%;
  }
  .square-decoration { width: 175px; }
  .space-contact{margin-top: 5rem !important;}


}
@media( max-width: 767px ) {
  .space-contact{margin-top: 2rem !important;}
  .owl-carousel-portfolio {
    padding: 0 15px;
  }
  .owl-carousel-portfolio {
    width: 100%;
  }

  .div-mobile{
    top: 4%;
  }

  .owl-carousel-portfolio-nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .portfolio-container {
    background-image: none !important;
    background-color: var(--color-blue-dark);
  }

  .owl-carousel-portfolio .owl-item .img-mobile { margin-left: 145%; }

  .portfolio-client-container .item1, .portfolio-client-container2 .item1 { top: -15%; left: 3%; }
  .portfolio-client-container .item2, .portfolio-client-container2 .item2 { top: -20%; left: 30%; }
  .portfolio-client-container .item3, .portfolio-client-container2 .item3 { top: 15%; left: 10%; }
  .portfolio-client-container .item4, .portfolio-client-container2 .item4 { top: 20%; left: 35%; }

  .circle-gradient-red-yellow { width: 100px; height: 100px; }

  .square-decoration { width: 150px; }

  .token-decoration { width: 35px; }
}
@media( max-width: 576px ) {
  .pru11{padding-top: 10% !important;}
  .space-contact{margin-top: 3rem !important;}
  .banner-social-icons-contact{left: 15.6rem !important; right: unset;}
  .owl-carousel-portfolio-nav .owl-prev { margin-right: var(--owl-margin-576); }
  .owl-carousel-portfolio-nav .owl-next { margin-left: var(--owl-margin-576); }
  .owl-carousel-portfolio-nav .owl-carousel-portfolio-dots .owl-dot { margin-right: var(--owl-margin-576); }
  .owl-carousel-portfolio .owl-item .img-mobile { margin-left: 50%; width: 115%;}
  .div-mobile { top: 4%; }
  /*.text-contac{left: 8% !important;}*/
}

.circle-sec2{
  position: relative;
  width: 100px;
  height: 100px;
  top: -86px;
  left: -20px;
  border-radius: 100%;
  background:  linear-gradient(0deg, #01AEFF -0.03%, #3DBE74 99.98%);

}
/*=============================================================================
SUBGENERAL
=============================================================================*/



:root {
  --btn-padding: 5px 15px;
  --btn-padding-1200: 5px 10px;
  --btn-padding-991: 5px;
  --btn-padding-576: 5px;
}

.btn-transparent-white {
  border: 1px solid var(--color-white);
  color: var(--color-white);
  border-radius: 0;
  padding: 5px 15px;
}

.btn-transparent-white:hover {
  color: #000;
  background-color: #FFF;
}

@media( max-width: 1200px ) {
  .btn-transparent-white { padding: var(--btn-padding-1200); }
  .context-blog {
    top: 35% !important;
    margin-left: 0% !important;
    padding: 47px 9px 0 17px !important;
    font-size: 14px !important;
}
}
@media( max-width: 991px ) {
  .btn-transparent-white { padding: var(--btn-padding-991); }

  .context-blog{
  top: 24% !important;
  margin-left: 0 !important;
  padding:0 95px;
  font-size: 16px;
}

.view_pro_blog {
    margin-top: 1% !important;
    margin-left: 70% !important;
}

}
@media( max-width: 576px ) {
  .btn-transparent-white { padding: var(--btn-padding-576); }

  .context-blog {
    padding: 0 13px !important;
    /*font-size: 10px !important;*/
  }
  .txt-our-blog h1{
    font-size: 16px;
  }
    .txt-our-blog p{
    font-size: 12px;
  }

  .view_pro_blog{
    margin-left: 0 !important;
    text-align: center;
  }
}

.btn-circle {
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
  overflow: hidden;
  width: 60px;
  height: 60px;
  position: relative;
}
.btn-circle img {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
}
.btn-circle.btn-circle-white {
  border-color: var(--color-white);
}
.title-tag {
  padding: 5px 0px;
}
.title-tag.pink {
  background: var(--color-pink);
}
.tittle-underline-letter {
  width: 40px;
  height: 2px;
  background: var(--color-orange);
  margin-top: 10px;
}

@media( max-width: 1200px ) {}
@media( max-width: 991px ) {}
@media( max-width: 767px ) {
  .view_pro_blog2{
    margin-left: 35% !important;
  }
  .tittle-underline-letter {
    width: 25px;
    margin-top: 5px;
  }
  .title-tag { width: 100%; }
}
@media( max-width: 576px ) {}

#clients-carousel .decoration { position: absolute; z-index: 999; opacity: 0.5; }


.fs-9 {
  font-size: 9px !important;
}
.fs-10 {
  font-size: 10px !important;
}
.fs-11 {
  font-size: 11px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-13 {
  font-size: 13px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-18 {
  font-size: 18px !important;
}
.fs-20 {
  font-size: 20px !important;
}
.fs-22 {
  font-size: 22px !important;
}
.fs-24 {
  font-size: 24px !important;
}
.fs-25{
  font-size: 25px !important;
}
.fs-26 {
  font-size: 26px !important;
}
.fs-28 {
  font-size: 28px !important;
}
.fs-32 {
  font-size: 32px !important;
}
.fs-36 {
  font-size: 36px !important;
}
.fs-42 {
  font-size: 42px !important;
}
.fs-54 {
  font-size: 54px !important;
}
.fs-72 {
  font-size: 72px !important;
}

@media( max-width: 1200px ) {
  .fs-lg-9 {
    font-size: 9px !important;
  }
  .fs-lg-10 {
    font-size: 10px !important;
  }
  .fs-lg-11 {
    font-size: 11px !important;
  }
  .fs-lg-12 {
    font-size: 12px !important;
  }
  .fs-lg-13 {
    font-size: 13px !important;
  }
  .fs-lg-14 {
    font-size: 14px !important;
  }
  .fs-lg-15 {
    font-size: 15px !important;
  }
  .fs-lg-16 {
    font-size: 16px !important;
  }
  .fs-lg-18 {
    font-size: 18px !important;
  }
  .fs-lg-19 {
    font-size: 19px !important;
  }
  .fs-lg-20 {
    font-size: 20px !important;
  }
  .fs-lg-22 {
    font-size: 22px !important;
  }
  .fs-lg-28 {
    font-size: 28px !important;
  }
  .fs-lg-36 {
    font-size: 36px !important;
  }
  .fs-lg-54 {
    font-size: 54px !important;
  }
  .fs-lg-72 {
    font-size: 72px !important;
  }

}


@media( max-width: 1007px ) {
  .menu-separator { padding: 0 0.5rem; }
  /*#clients-carousel .carousel-control-prev { left: 28%; top: 83% !important; }*/
  /*#clients-carousel .carousel-control-next { right: 28%;  top: 83% !important; }*/

}

@media( max-width: 991px ) {
  .fs-md-9 {
    font-size: 9px !important;
  }
  .fs-md-10 {
    font-size: 10px !important;
  }
  .fs-md-11 {
    font-size: 11px !important;
  }
  .fs-md-12 {
    font-size: 12px !important;
  }
  .fs-md-13 {
    font-size: 13px !important;
  }
  .fs-md-14 {
    font-size: 14px !important;
  }
  .fs-md-15 {
    font-size: 15px !important;
  }
  .fs-md-16 {
    font-size: 16px !important;
  }
  .fs-md-18 {
    font-size: 18px !important;
  }
  .fs-md-20 {
    font-size: 20px !important;
  }
  .fs-md-22 {
    font-size: 22px !important;
  }
  .fs-md-28 {
    font-size: 28px !important;
  }
  .fs-md-36 {
    font-size: 36px !important;
  }
  .fs-md-54 {
    font-size: 54px !important;
  }
  .fs-md-72 {
    font-size: 72px !important;
  }
}

@media( max-width: 767px ) {
  .fs-smd-9 {
    font-size: 9px !important;
  }
  .fs-smd-10 {
    font-size: 10px !important;
  }
  .fs-smd-11 {
    font-size: 11px !important;
  }
  .fs-smd-12 {
    font-size: 12px !important;
  }
  .fs-smd-13 {
    font-size: 13px !important;
  }
  .fs-smd-14 {
    font-size: 14px !important;
  }
  .fs-smd-15 {
    font-size: 15px !important;
  }
  .fs-smd-16 {
    font-size: 16px !important;
  }
  .fs-smd-18 {
    font-size: 18px !important;
  }
  .fs-smd-20 {
    font-size: 20px !important;
  }
  .fs-smd-22 {
    font-size: 22px !important;
  }
  .fs-smd-28 {
    font-size: 28px !important;
  }
  .fs-smd-36 {
    font-size: 36px !important;
  }
  .fs-smd-54 {
    font-size: 54px !important;
  }
  .fs-smd-72 {
    font-size: 72px !important;
  }
}

@media( max-width: 539px ) {
  .fs-xs-9 {
    font-size: 9px !important;
  }
  .fs-xs-10 {
    font-size: 10px !important;
  }
  .fs-xs-11 {
    font-size: 11px !important;
  }
  .fs-xs-12 {
    font-size: 12px !important;
  }
  .fs-xs-13 {
    font-size: 13px !important;
  }
  .fs-xs-14 {
    font-size: 14px !important;
  }
  .fs-xs-15 {
    font-size: 15px !important;
  }
  .fs-xs-16 {
    font-size: 16px !important;
  }
  .fs-xs-18 {
    font-size: 18px !important;
  }
  .fs-xs-20 {
    font-size: 20px !important;
  }
  .fs-xs-22 {
    font-size: 22px !important;
  }
  .fs-xs-28 {
    font-size: 28px !important;
  }
  .fs-xs-36 {
    font-size: 36px !important;
  }
  .fs-xs-54 {
    font-size: 54px !important;
  }
  .fs-xs-72 {
    font-size: 72px !important;
  }
}

@media( max-width: 576px ) {
  /*.banner-text-values{top: 54% !important;}*/
  .menu-title { font-size: 28px; }
  .menu-item, .menu-item > a { font-size: 18px; }
  .circle-footer { width: 50px; height: 50px; top: -50px; }
  .navbar .nav-item.menu-toggler-container { margin-left: 20px; }

  #carouselClientsIndicators{ height: 100% !important; }
  /*#carouselClientsIndicators img, #carouselClientsIndicators .carousel-inner, #carouselClientsIndicators .carousel-item{ height: 100% !important; }*/
  #clients-carousel .carousel-control-prev { left: 28% !important; top: 90% !important; }
  #clients-carousel .carousel-control-next { right: 28% !important;  top: 90% !important; }
}
/*
  @media( max-width: 1920px ) {}
  @media( max-width: 1600px ) {}
  @media( max-width: 1440px ) {}
  @media( max-width: 1366px ) {}
  @media( max-width: 1280px ) {}
  @media( max-width: 1024px ) {}
  @media( max-width: 736px ) {}
  @media( max-width: 667px ) {}
  @media( max-width: 640px ) {}
  @media( max-width: 568px ) {}
*/







/*=============================================================================
HOME PORTFOLIO
=============================================================================*/
.portfolio-container {
  -webkit-transition: background-image 0.2s ease-in-out;
  -o-transition: background-image 0.2s ease-in-out;
  transition: background-image 0.2s ease-in-out;

}
  .fs-xs-9 {
    font-size: 9px !important;
  }
  .fs-xs-10 {
    font-size: 10px !important;
  }
  .fs-xs-11 {
    font-size: 11px !important;
  }
  .fs-xs-12 {
    font-size: 12px !important;
  }
  .fs-xs-13 {
    font-size: 13px !important;
  }
  .fs-xs-14 {
    font-size: 14px !important;
  }
  .fs-xs-15 {
    font-size: 15px !important;
  }
  .fs-xs-16 {
    font-size: 16px !important;
  }
  .fs-xs-18 {
    font-size: 18px !important;
  }
  .fs-xs-20 {
    font-size: 20px !important;
  }
  .fs-xs-22 {
    font-size: 22px !important;
  }
  .fs-xs-28 {
    font-size: 28px !important;
  }
  .fs-xs-36 {
    font-size: 36px !important;
  }
  .fs-xs-54 {
    font-size: 54px !important;
  }
  .fs-xs-72 {
    font-size: 72px !important;
  }

/*=============================================================================
HOME
=============================================================================*/
/*=============================================================================
LANDING
=============================================================================*/
.textCases{
    top: 155px;
    left: 165px;
}

.mr470{
    margin-right: 495px;
}
.carouselExito{
    justify-content: normal !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
    display: block !important;
    left: -40px !important;
    bottom: 65px !important;
}

.caruselPrim{
    position: absolute;
    top: 17%;
    left: 7%;
}

.posiTitle{
    padding-top: 90px;
    padding-left: 140px;
}

.flex-caption {
  position: absolute;
  top: 32%;
  left: 5%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.img-banner{
  max-width: 900px;
}

.flex-caption h1{
  font-size: 40px;
  color: #fff;
}

.ver .btn{
  color: #fff;
  margin:0 7px;
  padding: 0;
  font-size: 45px;
}

.ver{
  margin-left: 140px;
}

.redes {
  position: absolute;
  top: 100px;
  right: 1%;
  z-index: 50;
}

.redes .text-orange { color: #FFF; }

.redes a{
   margin:0 10px;
}

.flex-caption p{
  color: white;
}

.flex-caption a{
  color: white;
  text-decoration: none;
}


.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}

.icon-project{
  vertical-align: middle;
  font-size: 2em;
}
#sec-big{
  position: absolute;
  top: 71%;
  left: 6%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 93%;
}
.sec-big{
	height: 300px;
  padding-left: 0px;
  padding-right: 0px;
}
.services-container {
	width: 100%;
	max-width: 768px;
	min-width: 320px;
	margin: 0 auto;
	height: auto;
  display: flex;
  overflow-x: auto;
}
.service-card {
  scroll-snap-align: center;
	min-width: 315px;
	max-width: 450px;
	height: auto;
	margin: 0 5px 0 10px;
}
.overlay-text {
  position:absolute;
  top: 38%;
  padding:0.5rem
}
.padding-m-top {
  padding-top: 5rem;
}
.padding-m {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.top-secbig{
  width: auto;
  height: 73px;
  align-content: center;
  display: grid;
}
.secbig-text{
  height: 227px;
  align-content: center;
  display: grid;
}
.secbig-text p{
  padding-left: 5px;
  padding-right: 5px;
}
.top-secbig1{
  background: #1299FF;
}
.top-secbig2{
  background: #AA16E1;
}
.top-secbig3{
  background: #BBDD19;
}
.top-secbig4{
  background: #EB3A78;
}
.top-secbig5{
  background: #FEC55E;
}
.sec-big1{
	background-image: url('../images/landing/Progra_600x300.png');
  background-position: center;
  background-position-y: 72px;
  background-size: 480px;
  background-repeat: no-repeat;
}

.sec-big2{
	background-image: url('../images/landing/SD_600x300.png');
	background-position: center;
  background-position-y: 60px;
  background-size: 480px;
  background-repeat: no-repeat;
}
.sec-big3{
	background-image: url('../images/landing/Agile_600x300.png');
	background-position: center;
  background-position-y: 60px;
  background-size: 480px;
  background-repeat: no-repeat;
}
.sec-big4{
	background-image: url('../images/landing/Diseno_600x300.png');
  background-position: right;
  background-position-y: 72px;
  background-size: 480px;
  background-repeat: no-repeat;
}
.sec-big5{
	background-image: url('../images/landing/Ecomm_600x300.png');
	background-position: center;
  background-position-y: 60px;
  background-size: 480px;
  background-repeat: no-repeat;
}
.img-pre-hover{
	margin-top: 150px;
}
.row-sect2-1{
  /* background: linear-gradient(137.17deg, #109AFF 0%, #AA16E1 99.88%); */
  background-image: url('../images/landing/1920x330.svg');
  background-position-x: left;
  margin-top: -24px;
  background-repeat: no-repeat;
  background-size: cover;
}

.row-sectcontact-1{
  margin-top: -24px;
}
.pt-custom{
  padding-top: 4rem;
}
.p-sect-1{
  border-left: solid 3px white;
}
.plus-sect2{
  color: #FD7E14;
  font-size: 40px;
}
.fw-bolder{
  font-weight: 600;
}
.h-35{
  height: 70%;
}
.h-65{
  height: 58%;
}

.alto{
  height: 42%;
}tu

.altura-section{
  min-height: 530px !important;
}

.align-center{
  align-content: center;
}
.d-grid{
  display: grid;
}
.redes2{
  position: relative;
  top: 85px;
  right: 1%;
  z-index: 50;
  text-align: right;

}

.imagen_personas{
  max-height: 85% !important;
  margin-left: 70px;
}

.box-carrusel{
  margin-top: 55px;
}

.fsOur-36{ font-size: 36px; }
.fsOur-24{ font-size: 24px; }

.sizeImage{
    width: 370;
}

@media(max-width:1300px){
  .pt-custom{ padding-top: 7rem !important; }
  .fsOur-36{ font-size: 30px; }
  .fsOur-24{ font-size: 19px; }
  .textCases{left: 180px !important;}
  /*.caruselPrim{padding-left: 155px !important;}*/
}

@media(max-width:637px){
  .txt-cac-2{
    font-size: 14px;
  }
  /* .pt-responsive{
    margin-top: 236px !important;
  } */
  .line-div-footer-responsive{
    background:#FFFFFF;
    height: 1px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .row-sectcontact-1{
    margin-top: 0px;
  }

  .sec-big1, .sec-big2, .sec-big3, .sec-big4, .sec-big5{
    background-size: 100%;
    background-position-y: 0px;
  }
}
/*------------------------------- vertical carousel indicators ------------------------------*/
#home-carousel .carousel-indicators{
    position:absolute;
    top:50%;
    bottom:0;
    margin:unset;
    height:20px;
    right:-26px;
    left: auto;
    width:auto;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}
#home-carousel .carousel-indicators li{
    display:block; margin-bottom:5px; border:1px solid #00a199;

}
#home-carousel .carousel-indicators li.active{
    margin-bottom: 5px;

}

#home-carousel .carousel-indicators li {
    display: inline-block;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}


#home-carousel .carousel-indicators-numbers li {
    text-indent: 0;
    margin: 0 2px;
    height: 10px;
    border: none;
    border-radius: 100%;
    line-height: 30px;
    color: #fff;

    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.banner-1 {
  height: 100%;
  min-height: 600px;
  background-size: cover;
  background-position: center;
}

/*Carrusel Insta*/
  #carouselInsta .carousel-indicators,
  #instagram-carousel-2 .carousel-indicators { margin-bottom: 7px; }
  #instagram-carousel{
    background-color: white;
  }

  #instagram-carousel .carousel-indicators,
  #instagram-carousel-2 .carousel-indicators {
    vertical-align: center;
  }

  #instagram-carousel .carousel-indicators li,
  #instagram-carousel-2 .carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100%;
    top:50%;
    background-color: transparent !important;
    opacity: 1 !important;
    border: 1px solid black;
    margin-left: 0.5em;
    margin-right: 0.5em;
    position:absolute;
  }

  #instagram-carousel .carousel-control-next-i, .carousel-control-prev-i {
    position: absolute;
    bottom: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 15%;
    color: black;
    -webkit-transition: opacity .15s ease;
    -o-transition: opacity .15s ease;
    transition: opacity .15s ease;
  }

  #instagram-carousel .carousel-control-next-i {
    left: 79%;
  }
  #instagram-carousel-2 .carousel-indicators .active,
  #instagram-carousel .carousel-indicators .active {
    background-color: black !important;
  }

  .ht_insta{
    text-decoration: underline;
    -webkit-text-decoration-color: #FD7E14;
            text-decoration-color: #FD7E14;
  }

  .dots-insta {
    position: absolute;
    top: 38%;
    left: -2%;
    max-height: 150px;
  }

  #instagram-carousel .parallaxParent-insta {
    overflow: hidden;
    position: relative;
    height: 200px;
  }

  #instagram-carousel .parallaxParent-insta h1{
    top:12%;
    left:50%;
    position:absolute;
    color:black;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }


  #instagram-carousel .parallaxParent-insta [class*='item'] {
    position: absolute;
  }

  #instagram-carousel .parallaxParent-insta .item1 { top: 24%; left: 25%; }
  #instagram-carousel .parallaxParent-insta .item2 { top: 26%; left: 68%; }
  #instagram-carousel .parallaxParent-insta .item3 { top: 70%; left: 23%; }
  #instagram-carousel .parallaxParent-insta .item4 { top: 72%; left: 67%; }

  #instagram-carousel .parallaxParent-insta-responsive {
    overflow: hidden;
    position: relative;
    /*height: 200px;*/
    top: 30px;
  }

  #instagram-carousel .parallaxParent-insta-responsive h1{
    top:12%;
    left:50%;
    position:absolute;
    color:black;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }


  #instagram-carousel .parallaxParent-insta-responsive [class*='item'] {
    position: absolute;
  }

  #instagram-carousel .parallaxParent-insta-responsive .item1 { top: 15%; left: 5%; }
  #instagram-carousel .parallaxParent-insta-responsive .item2 { top: 17%; left: 78%; }
  #instagram-carousel .parallaxParent-insta-responsive .item3 { top: 60%; left: 3%; }
  #instagram-carousel .parallaxParent-insta-responsive .item4 { top: 62%; left: 77%; }

  .title-phrase{
    font-size: 54px;
    /*padding-bottom: 45px;*/
  }

  .title-frase-banner { font-size: 54px; }

  .carousel-label {
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height:70%;
  }

  .carousel-agile-mana{
    width: 88%;
    height:80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .phrase-dots {
    position: absolute;
    top: -40px;
    left: 65%;
    z-index: 10;
  }

  .img-ux-puntitos-verdes {
    width: 250px;
   position: absolute;
   top: -123px;
   left: 41%;
   z-index: 10;
  }

   .img-port-puntitos-verdes {
    width: 250px;
    position: absolute;
    top: -123px;
    left: 5%;
    z-index: 10;
  }

  .img-multi-puntitos-verdes{
    width: 250px;
   position: absolute;
   top: -123px;
   right: 1%;
   z-index: 10;
  }

  .img-social-puntitos-azules{
    width: 250px;
   position: absolute;
   top: -123px;
   left: 41%;
   z-index: 10;
  }

  .phrase-dots2 {
    position: absolute;
    top: 70%;
    left: 17%;
    z-index: 10;
  }

  .phrase-ourblog {
    position: absolute;
    top: 159%;
    left: -3%;
    z-index: 10;
  }

  .phrase-vistablog {
    position: absolute;
    top: 20%;
    left: -26%;
    z-index: 10;
  }

  .phrase-vistablog2 {
    position: absolute;
    top: 70%;
    right: -26%;
    z-index: 10;
  }

  .phrase-nosotros1 {
    position: absolute;
    top: 530%;
    right: -5%;
    z-index: 10;
  }

  .phrase-nosotros2 {
    position: absolute;
    top: 15%;
    left: -5%;
    z-index: 10;
  }

  .phrase-ourblog2 {
    position: absolute;
    top: 253%;
    right: -3%;
    z-index: 10;
  }

  .phrase-agile-puntos {
    position: absolute;
    top: 85%;
    left: 17%;
    z-index: 10;
  }

  .bg-serv-phr{
    height: 80vh;
    min-height: 200px;
    position: relative;
    background-image: url("../images/agile-making/1920x1080estopermiteunamayor.jpg");
  }

  .circle-srv-ph{
    position: absolute;
    width: 100px;
    height: 100px;
    top: 18%;
    left: 17%;
    border-radius: 100%;
    background: rgba(240,0,56,1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,0,56,1)), color-stop(100%, rgba(253,125,20,1)));
    background: -o-linear-gradient(top, rgba(240,0,56,1) 0%, rgba(253,125,20,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(240,0,56,1)), to(rgba(253,125,20,1)));
    background: linear-gradient(to bottom, rgba(240,0,56,1) 0%, rgba(253,125,20,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00038', endColorstr='#fd7d14', GradientType=0 );
  }

  .particle-1-phrase { top: -30px; left: 22%; }
  .particle-2-phrase { bottom: -10px; left: 22%; }
  .particle-3-phrase { right: 22%; top: -10px; }
  .particle-4-phrase { bottom: -30px; right: 25%; }
  .particle-5-phrase { width:25px; top: 18px; left: 22%; }
  .particle-6-phrase { width:25px; right: 22%; bottom: 18px; }

  .particle-1-phrase1 { top: 74%; left: -5%; }
  .particle-2-phrase2 { bottom: 111px; left: -5%; }
  .particle-3-phrase3 { right: 66%; top: 88px; }
  .particle-4-phrase4 { bottom: 86px; right: 17%; }

  .comillas { font-size: 55px; line-height: 1; }

    .comillas-agile { font-size: 55px; line-height: 1; }  
/*Carrusel Insta*/

/*=============================================================================
HOME CLIENTS
=============================================================================*/

#clients_text{
  z-index: 999999;
}

.circle-clients-1 {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  left: 5%;
  border-radius: 100%;
  background: rgba(158,0,255,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158,0,255,1)), color-stop(100%, rgba(0,187,255,1)));
  background: -o-linear-gradient(top, rgba(158,0,255,1) 0%, rgba(0,187,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(158,0,255,1)), to(rgba(0,187,255,1)));
  background: linear-gradient(to bottom, rgba(158,0,255,1) 0%, rgba(0,187,255,1) 100%);
  z-index: 1;
}

.circle-clients-2 {
  position: absolute;
  width: 110px;
  height: 110px;
  top: 120px;
  right: -25px;
  background: linear-gradient(0deg, #E2003A -0.01%, #EF7E14 99.96%);
  transform: rotate(-180deg);
  z-index: 999;
  border-radius: 100px 100px 100px 100px;
}

#clients-carousel, .conainer-clients-car {
  background-color: #02094C;
  /*margin-bottom: 200px;*/
}
.bgh-clients { height: 100%; }
.img_clients{
  width: auto;
  max-width: 100%;
  height: 100%;
}
#clients-carousel .carousel-control-next, #clients-carousel .carousel-control-prev {
  top: auto;
  bottom: -45px;
  width: 13%;
  z-index: 999;
}
#clients-carousel .carousel-indicators { bottom: -60px; }

#clients-carousel .carousel-control-prev {
    left: 33%;
}
#clients-carousel .carousel-control-next {
    right: 33%;
}

#clients-carousel .carousel-indicators li {
  width: 10px !important;
  height: 10px !important;
  border-radius: 100%;
  background-color: #040e1b !important;
  opacity: 1 !important;
  border: 1px solid #ffffff;
}

#clients-carousel .carousel-indicators .active {
  background-color: #ffffff !important;
}
.c_clients{
  border-bottom: 3px solid #FD7E14;
  padding-bottom: 2px;
}
.c_clients_yellow{
  border-bottom: 3px solid #D0E300;
  padding-bottom: 2px;
}
.underline_orange{
  text-decoration: underline;
  text-decoration-color: #FD7E14;
}
#right-clients p{
  font-size: 3.5em;
  /*letter-spacing: 3px;*/
}

.dnone{
  display: none;
}

#clients-carousel .decoration { position: absolute; z-index: 999;}

#clients-carousel .item1 { top: 6%; left: 30%; }
#clients-carousel .item2 { top: 10%; left: 71%; }
#clients-carousel .item3 { top: 34%; left: 26%; }
#clients-carousel .item4 { top: 41%; left: 66%; }

/*=============================================================================
Slider Servicios
=============================================================================*/
.img-centro {
  width: 500px !important;
  position: absolute;
  top: 50%;
  right: 30%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* Slide servicios home */

.sistemas { background-color: #00BBFF; }
.dise { background-color: #9E00FF; }
.ecomm { background-color: #F00090; }
.ddigital { background-color: #DDF000; }
.agile { background-color: #FD7E14; }
.figure-mar { margin: 0 !important; }

.col-img{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.ml-10{
  margin-left: 17%;
  margin-top: 14% !important;
}

.span-underl { border-bottom: 2px solid white; }
.span-underl-black { border-color: #000; }

a.txt-white:hover { text-decoration: unset; }
.txt-white, a.txt-white:hover {
  color: var(--color-white);
}

.txt-green{
  color: #DDF000;
}

.txt-orange{
  color: #FD7E14;
}

.txt-blue{
  color: #00BBFF;
}

.txt-pink{
  color: #F00090;
}

.txt-purple{
  color: #9E00FF;
}

.txt-black{
  color: black;
}
.txt-pink2{
  color: #FF40c9;
}

.name-sve{
  width: 60%;
  background-color: #DDF000;
  text-align: center;
}

.name-sve-d{
  width: 60%;
  background-color: #FD7E14;
  text-align: center;
}

.name-sve-e{
  width: 60%;
  background-color: #00BBFF;
  text-align: center;
}

.name-sve-dd{
  width: 60%;
  background-color: #F00090;
  text-align: center;
}

.name-sve-agile{
  width: 60%;
  background-color: #9E00FF;
  text-align: center;
}

.cont-cacs{
  width: 60%;
}

.cac{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.punto{
  width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 10px;
}
.punto-black { background-color: #000 !important; }

.txt-cac{
  color: var(--color-white);
  padding-left: 10px;
  font-size: 20px;
}

.txt-cac-2{
  color: var(--color-white);
  font-size: 19px;
  margin-right: 50px;
}

.frase{
  width: 100%;
  position: absolute;
  bottom: 5%;
  text-align: center;
  z-index: 199;
  left: 0;
}

.pointer{
    cursor: pointer;
}

.altura-cubrir{
  min-height: 200%;
}

.altura-cubrir-azul{
  min-height: 650px;
}

#contenedor{
  height: 700px;
}

.txt-frase { font-size: 50px; position: relative; z-index: 49; }
.txt-frase-2 { font-size: 55px; }
.txt-frase-3 { font-size: 35px; }

@media( max-width: 1300px ) {
  .txt-frase { font-size: 50px;}
  .flex-caption{ top: 32% !important; }
  .txt-cac-2{ font-size: 18px !important; }
}

.ver-mas{
  position: absolute;
  bottom: 5%;
  right: 5%;
}

.particula-naranja{
  position: absolute;
  right: 15%;
  top: 55%;
}

@media(max-width:820px){
  .box-mobile{
    padding-bottom: 100vh !important;
    /*padding-bottom: 5.5rem !important;*/
  }
}

@media(max-width:768px){
  .box-mobile{
    padding-bottom: 100vh !important;
    /*padding-bottom: 5.5rem !important;*/
  }
}

@media(max-width:600px){
  .box-mobile{
    /*padding-bottom: 7.5rem !important;*/
    padding-bottom: 100vh !important;
  }
}

@media( max-width: 428px ){
  .particula-naranja {
    position: absolute;
    right: 15%;
    top: 23% !important;
  }

  .indicadores{
    margin-top: 5.5rem !important;
  }

}

@media( max-width: 414px ){
  .pad-bot{
    padding-bottom: 3.5rem!important;
  }

  .indicadores{
    margin-top: 5.5rem !important;
  }

  .imagen_personas{
    max-height: 55% !important;
    max-width: 55% !important;
    margin-left: -5px !important;
  }

  .box-carrusel{
    margin-top: 75px;
  }

  .box-mobile{
    /*padding-bottom: 25.5rem !important;*/
    padding-bottom: 100vh !important;
  }

  .particula-naranja {
    top: 24%;
  }
}

@media( max-width: 375px ){
  .box-mobile {
    /*padding-bottom: 20.5rem !important;*/
    padding-bottom: 100vh !important;
  }

  .imagen_personas{
    max-height: 55% !important;
    max-width: 55% !important;
    margin-left: auto !important;
  }
  
  .indicadores{
    margin-top: 2.5rem !important;
  }

  .box-carrusel{
    margin-top: 50px;
  }

  .pad-bot{
    padding-bottom: 3.5rem!important;
  }

  .particula-naranja {
    position: absolute;
    right: 15%;
    top: 20% !important;
  }

}

@media( max-width: 320px ) {
  .particula-naranja{
    position: absolute;
    right: 15%;
    top: 35%;
  }
  
  .altura-cubrir{
    min-height: 600px;
  }

  .altura-cubrir-azul{
    min-height: 520px;
  }

  .parrafo-home{
    margin-top: 7px;
  }

  .caja-azul-movil{
    margin-top: 530px;
  }

  .fondo-blue-movil{
    height: 100vh;
  }

  .imagen_personas{
    max-height: 55% !important;
    max-width: 55% !important;
    margin-left: 0.5rem !important;
  }

  .indicadores{
    margin-top: -0.5rem !important;
  }

  .box-carrusel{
    margin-top: 25px;
  }

  .pad-bot{
    padding-bottom: -0.5rem!important;
  }

}
/*=============================================================================
Carousel Nuestr@s emplead@s
=============================================================================*/
.bg-our-devs {
  height: 100vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/programacion/1920x1080nuestrosprogramadores.jpg");
}
.bg-our-designers {
  height: 100vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/agile-making/1920x1080nuestrosagilecoaches.jpg");
}
.bg-our-designers-design{
  height: 100vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/agile-making/1920x1080nuestrasdiseñadoras.jpg");
}
.bg-ecommerce {
  height: 100vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/ecommerce/1920x1080nuestroequipovtex.jpg");
}
.bg-port {
  height: 100vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/portafolio/1920x1080bannerportafolio.jpg");
}

.bg-seccion-bd {
  height: 100vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("https://via.placeholder.com/1920x1080?text=HORUS");
}

.bg-seccion-bd-2 {
  height: 100vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("https://via.placeholder.com/1920x1080?text=HORUS-DASH");
}

.bg-seccion2-bd {
  height: 100vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("https://via.placeholder.com/650x577?text=HORUS-LOGIN");
}

.bg-our-agile-coach {
  height: 100vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/agile-making/1920x1080nuestrosagilecoaches.jpg");
}

.bg-contact-1 {
  height: 100vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/contact/552x650.jpg");
  background-position: center center;
  background-size: cover;
}

.bg-contact-2 {
  height: 100vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/contact/748x650.jpg");
}

.custom-bg-contact{
  padding: 0 !important;
}

.img-full{
  width: 100%;
  height: auto;
}
.img-fluid{
  max-width: 250% !important;
}
.img-fluid-original{
  max-width: 100% !important;
}

.owl-carousel.oc-employees .owl-item img {
  width: 90% !important;
  max-width: 100%;
  display: block !important;
  margin: 0 auto;
}
.owl-black-indicators .owl-carousel-portfolio-nav .owl-prev,
.owl-black-indicators .owl-carousel-portfolio-nav .owl-carousel-portfolio-dots,
.owl-black-indicators .owl-carousel-portfolio-nav .owl-next {
  --owl-black: #000 !important;
  color: var(--owl-black);
}
.owl-black-indicators .owl-carousel-portfolio-nav .owl-carousel-portfolio-dots .owl-dot.active {
  background: var(--owl-black);
}
.owl-black-indicators .owl-carousel-portfolio-nav .owl-carousel-portfolio-dots .owl-dot {
  border-color: var(--owl-black);
}


.owl-white-indicators .owl-carousel-portfolio-nav .owl-prev,
.owl-white-indicators .owl-carousel-portfolio-nav .owl-carousel-portfolio-dots,
.owl-white-indicators .owl-carousel-portfolio-nav .owl-next {
  --owl-white: #FFF !important;
  color: var(--owl-white);
}
.owl-white-indicators .owl-carousel-portfolio-nav .owl-carousel-portfolio-dots .owl-dot.active {
  background: var(--owl-white);
}
.owl-white-indicators .owl-carousel-portfolio-nav .owl-carousel-portfolio-dots .owl-dot {
  border-color: var(--owl-white);
}



.owl-carousel.oc-employees .owl-stage > .owl-item { margin-top: 80px; }
.owl-carousel.oc-employees .owl-stage > .owl-item:nth-of-type(2n+1) {
  margin-top: 0;
}
.employees-dots {
  position: absolute;
  top: 10px;
  left: -70px;
  z-index: 10;
}
#employees-container .our-emp-title {
  position: relative;
  z-index: 20;
}
.our-emp-title .title-underline .line { background-color: #000; }
.bg-our-designers .our-emp-title .title-underline .line { background-color: #FFF; }
.bg-our-designers .our-emp-title { color: #FFF; }
@media(max-width:991px){
  .secbig-text{
    height: 175px;
  }
}
@media(max-width:637px){
  .txt-cac-2{
    font-size: 14px;
    margin-right: 0px !important;
  }
  .top-secbig{
    height: 50px;
  }
  .icon-acordeon{
    top: 37px;
  }
  .secbig-text{
    height: 150px;
  }
}
/*=============================================================================
PROGRAMACION
=============================================================================*/
.bg-dev {
  height: 100vh;
  min-height: 300px;
  position: relative;
  background-image: url("../images/programacion/1920x1080bannerprogramacion.jpg");
}
.bg-ecomm {
  height: 100vh;
  min-height: 300px;
  position: relative;
  background-image: url("../images/ecommerce/1920x1080introduccionecommerce.jpg");
}
.bg-service-design {
  height: 100vh;
  min-height: 300px;
  position: relative;
  background-image: url("../images/service-design/1920x1080bannerservicedesign.jpg");
}
.bg-digital-design-main {
  height: 100vh;
  min-height: 300px;
  position: relative;
  background-image: url("../images/digital-design/1-Banner-Principal--1920x1080-.jpg");
}

.bg-ourblog {
  height: 100vh;
  min-height: 300px;
  position: relative;
  background-image: url("../images/blog/1horus1920x1080.jpg");
}

.bg-nosotros {
  height: 100vh;
  min-height: 300px;
  position: relative;
  background-color: var(--color-orange);
}

.bg-contact-main {
  height: 100vh;
  min-height: 300px;
  position: relative;
  background-image: url("../images/contact/1920X1080bannercontacto.jpg");
}

.bg-ourblog2 {
  width: 100vh;
  min-height: 300px;
  height: auto;
  position: relative;
}


.containerBlog{
  width: 100%;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: auto;
  margin-left: auto;
}

.bg-agile-making {
  height: 100vh;
  min-height: 300px;
  position: relative;
  background-image: url("../images/agile-making/1920x1080introduccionagile.jpg");
}

.bg-portafolio-projects {
  height: 100vh;
  min-height: 300px;
  position: relative;
  background-color: #FFF;
}

.bg-pp-main { height: 100vh !important; }

.bg-portafolio-projects1 {
  height: 100vh;
  min-height: 300px;
  position: relative;
}

#bg-port-1 {
  background-image: url("../images/portafolio/horus960x960.jpg");
}
#bg-port-2 {
  background-image: url("../images/portafolio/flexi960x960.jpg");
}
#bg-port-3 {
  background-image: url("../images/portafolio/appamc960x960.jpg");
}
#bg-port-4 {
  background-image: url("../images/portafolio/multifarmacias960x960.jpg");
}
#bg-port-5 {
  background-image: url("../images/portafolio/h4l960x960.jpg");
}
#bg-port-6 {
  background-image: url("../images/portafolio/ff960x960.jpg");
}
#bg-port-7 {
 background-image: url("../images/portafolio/royalcanin1920x1080.jpg");
}

.bg-portafolio {
  background-position: center;
  background-size: cover;
  height: 100vh;
  min-height: 300px;
  position: relative;
  cursor: pointer;
}

.bg-portafolio:hover > .capa-projec {
  opacity: 1;
  visibility: visible;
}

.capa .view_pro {}

.capa-projec{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -0.5px;
  -webkit-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  background: rgba(0, 139, 255, 0.9);
  text-align: center;
  opacity: 0;
  visibility: hidden;
}

.bg-port-horus:hover > .capa-projec {
  opacity: 1;
  visibility: visible;
}

.capa {
  width: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.capa-mid{margin-top: 15%;}
.capa-sec2{margin-top: 50%;}


.capa h1{
  font-size: 85px;
  font-weight: normal;
}

.capa-mid .view_pro{
  margin-top: 7%;
  margin-right: -55%;
}

.capa-sec2 .view_pro{
  margin-top: 45%;
  margin-right: -45%;
}

.next-proje{
  font-size: 70px;
  vertical-align: -28px !important;
  padding-left: 10px;
}

.next-proje-blog{
  font-size: 50px;
  vertical-align: -18px !important;
  padding-left: 10px;
}

.image-horus{
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}

.bg-port-purell{
  height: 100vh;
  min-height: 300px;
  position: relative;
  background-image: url("../images/portafolio/greymoon658x621.jpg");
  cursor: pointer;
}
.bg-port-purell:hover > .capa-projec {
  opacity: 1;
  visibility: visible;
}

.bg-port-onest{
  height: 50vh;
  width: 100%;
  min-height: 250px;
  position: relative;
  background-image: url("../images/portafolio/onest642x325.jpg");
  cursor: pointer;
}

.bg-port-onest:hover > .capa-projec {
  opacity: 1;
  visibility: visible;
}

.bg-port-tenis{
  height: 50vh;
  width: 100%;
  min-height: 250px;
  position: relative;
  background-image: url("../images/portafolio/mintrose642x325.jpg");
  cursor: pointer;
}

.bg-port-tenis:hover > .capa-projec {
  opacity: 1;
  visibility: visible;
}

.bg-port-calentadores{
  height: 50vh;
  width: 100%;
  min-height: 250px;
  position: relative;
  cursor: pointer;
}

.bg-port-calentadores:hover > .capa-projec {
  opacity: 1;
  visibility: visible;
}

.bg-hola{
    height: 50vh;
  width: 100%;
  min-height: 250px;
  position: relative;
}

.bg-port-cozu{
  height: 50vh;
  width: 100%;
  min-height: 250px;
  position: relative;
  cursor: pointer;
}

.bg-port-cozu:hover > .capa-projec {
  opacity: 1;
  visibility: visible;
}

.banner-text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.banner-text-values {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 46%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.banner-text-contact {
  /*position: relative;
  top: 15%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);*/
}

/*.text-contac{left: 25%; }*/

.banner-text-agile{
  width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

/*.phrase2-top {top: 65%; padding-bottom: 20px;}*/

.banner-title { position: relative; display: inline-block; }
.banner-title2 { position: relative; display: inline-block; }
.banner-text > .banner-title { font-size: 80px; }
.banner-text-values > .banner-title2 { font-size: 55px; }
.banner-text-contact > .banner-title-contact { font-size: 45px; }
.banner-text-agile > .banner-title { font-size: 80px; }
.banner-paragraph, .banner-page-name > h1 { font-size: 18px; }
.banner-page-name, .banner-social-icons, .banner-social-icons-blog, .banner-social-icons-agile, .banner-social-icons-bd {
  position: absolute;
  right: 2rem;
  bottom: 2.5rem;
  z-index: 199;
}
.banner-social-icons-contact{
  position: absolute;
  right: 2rem;
  bottom: 0.5rem;
  z-index: 199;
}
.contact-social-icons .banner-social-icons-contact {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  -webkit-transform: unset !important;
      -ms-transform: unset !important;
          transform: unset !important;
}
.banner-social-icons * { color: #FFF; }
.banner-social-icons-blog * { color: #FFF; }
.banner-social-icons-agile * { color: #FFF; }
.banner-social-icons-bd * { color: #FD7E14; }
.banner-social-icons-contact * { color: #FD7E14; }
.banner-social-icons, .banner-social-icons-agile, .banner-social-icons-blog, .banner-social-icons-bd { left: 3.6rem; right: unset; }
.banner-social-icons-contact{left: 9.6rem; right: unset;}
.title-underline { position: relative; }
.title-underline-white { position: relative; }
.title-underline .line {
  width: 60%;
  height: 3px;
  background-color: var(--color-orange);
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.title-underline-white .line-white {
  width: 60%;
  height: 3px;
  background-color: var(--color-white);
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tu-normal .line { width: 100%; height: 2px; }
.tu-white .line { background-color: #FFF !important; }
.particles { position: absolute; }
.particle-1 { top: -30px; left: 5%; }
.particle-2 { bottom: -30px; left: -5%; }
.particle-3 { right: -20px; top: -30px; }
.particle-4 { bottom: -30px; right: -5%; }
.particle-team-1 { left: -10%; }
.particle-team-4 { right: -80px; }
/*.section-full { height: 100vh; }*/
.mision-vision-section,
.section-valores { height: 100vh; }
/*SECCION CMS Y LMS*/
.sec-cms-lms { height: 100%; }
.shutdown-ico {
  width: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*[class*="p-cmslms-"] { width: 25px; height: 15px; }*/
.p-cmslms-1 { top: -20px; left: -15px; }
.p-cmslms-2 { bottom: -30px; left: -15px; }
.p-cmslms-3 { right: -20px; top: 0; }
.p-cmslms-4 { bottom: -30px; right: -5%; }

.p-apps-web-1 { top: -20px; left: -15px; }
.p-apps-web-2 { bottom: -30px; left: -15px; }
.p-apps-web-3 { right: 0; top: 30px; }
.p-apps-web-4 { bottom: -30px; right: 100px; }

.p-employees-1 { top: -3px; left: -15px; }
.p-employees-2 { bottom: -7px; left: -15px; }
.p-employees-3 { right: 30px; top: 10px; }
.p-employees-4 { bottom: -10px; right: -5%; }

.p-magicquagrant-1 { top: -3px; left: -15px; }
.p-magicquagrant-2 { bottom: -7px; left: -15px; }
.p-magicquagrant-3 { right: 30px; top: 10px; }
.p-magicquagrant-4 { bottom: -10px; right: -5%; }

.section-our-products{
 background: white !important;
 padding: 40px 0 !important;
 padding-top: 0 !important;
 padding-bottom: 0 !important;
}
.circle-gradient-red-yellow-development{
  z-index: 99 !important;
  position: absolute;
  margin-left: 30px;
  top: 20%;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: rgb(254,213,93);
  background: -o-linear-gradient(bottom, rgba(254,213,93,1) 0%, rgba(241,13,140,1) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(254,213,93,1)), to(rgba(241,13,140,1)));
  background: linear-gradient(0deg, rgba(254,213,93,1) 0%, rgba(241,13,140,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fed55d",endColorstr="#f10d8c",GradientType=1);

}

.circle-port-our-project{
  z-index: 99 !important;
  position: absolute;
  left: 30%;
  top: -8%;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: rgb(254,213,93);
  background: -o-linear-gradient(bottom, rgba(254,213,93,1) 0%, rgba(241,13,140,1) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(254,213,93,1)), to(rgba(241,13,140,1)));
  background: linear-gradient(0deg, rgba(254,213,93,1) 0%, rgba(241,13,140,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fed55d",endColorstr="#f10d8c",GradientType=1);

}

.circle-gradient-red-yellow-development-privacy{
  z-index: 1 !important;
  position: absolute;
  margin-left: -150px;
  top: 35%;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: rgb(254,213,93);
  background: -o-linear-gradient(bottom, rgba(254,213,93,1) 0%, rgba(241,13,140,1) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(254,213,93,1)), to(rgba(241,13,140,1)));
  background: linear-gradient(0deg, rgba(254,213,93,1) 0%, rgba(241,13,140,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fed55d",endColorstr="#f10d8c",GradientType=1);

}

.privacy-text{
  z-index: 999 !important;
  text-align: initial !important;
}

.text-Z{
  z-index: 999 !important;
}

.privacy-footer{
  text-decoration: none;
  color: white;
}

.privacy-footer:hover{
  color: white;
}

.mt-130{
    margin-top: 130px;
}

.magic-quadrant-decoration {
  left: 0 !important;
  top: -50px !important;
  margin-left: 0;
}
.bg-magic-quadrant {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
/*Cod axel*/
.subr{
    border-bottom: 2px solid var(--color-orange);
}
.mr100{
    margin-right: 91px;
}
.pb4{
    padding-bottom:25px !important;
}
.text_dev { position: relative; z-index: 5; }

.text_title{
  font-size: 54px;
  /*padding-right: 40px;*/
  margin: 30px 55px;
}

.text_paragraph{
  font-size: 14px;
  padding-right: 157px;
  margin: 30px 55px;
}

.sec_img .img_dos{
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateX(-30%);
      -ms-transform: translateX(-30%);
          transform: translateX(-30%);
}
.carousel-control-next{
    display: flex;
    margin-left: 30px;
    right: auto;
}
.mb-110{
    margin-bottom: 110px;
}

@media only screen and (min-width: 1500px){
    .sec-big1, .sec-big2, .sec-big3, .sec-big4, .sec-big5{
        background-size: cover;
    }
    .mr470, .txt-frase-3{
        margin-left: 150px;
    }
    .sizeImage{
        width: 450;
    }
    .txt-frase{
        font-size: 65px;
        margin-left: 100px;
    }
    .txt-cac-2, .ml100{
        margin-left: 100px;
    }
    .carousel-mt{
        margin-top: 100px;
    }
    .posiTitle{
        padding-top: 140px;
    }
}

@media only screen and (min-width: 3000px){
    .sec-big{
        height: 500px;
    }
    .sizeImage{
        width: 850;
    }
    .carouselExito{
        bottom: 365px !important;
    }
     .mr470{
        margin-right: 895px;
    }
}
/*Cod axel*/

/*Cod jorge*/
.bg-container { height: calc( 100vh - 74px ); overflow: hidden; }
/*.bg-container.bg-mh { max-height: 750px; }*/
.bg-cover {
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transition: .8s;
  -o-transition: .8s;
  transition: .8s;
}
.bg-click {
  width: 41.666667%;
  height: 100%;
  position: absolute;
  z-index: 999;
  display: none;
  background-color: transparent;
}
.bg-logo img { width: 230px; height: 60px; }
/*.owl-logo-img { width: 333.75px; height: 76.2833px; }*/
.bg-click.active { display: block; }
.bg-mousemove { position: absolute; background-color: rgba(255,255,255,0); z-index: -1; }
.zi1 { z-index: 999; }
[data-parent] { cursor: default; }
.bg-cover:hover .bg-item:nth-child(1),
.bg-focus .bg-item:nth-child(1) { top: 25%; }
.bg-item.hidden, .bg-img.hidden { visibility: hidden; opacity: 0; }
.bg-cover.hidden {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 0;
  flex: 0 0 0;
  max-width: 0;
  padding: 0;
  min-height: 0;
}
.bg-cover.active {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  max-width: 35%;
}
.bg-item {
  margin-right: -15px;
  margin-left: -15px;
  text-align: center;
  padding: 0.5rem 1rem;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.bg-item:nth-child(1) {
  position: relative;
  top: 30%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bg-item:last-child {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.bg-item:nth-child(2) { -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; }
.bg-cover.bg-focus .bg-item:nth-child(2) { visibility: hidden; opacity: 0; }
.bg-cover.bg-focus .bg-img,
.bg-img-hover {
  width: calc( 100% + 28px );
  height: calc( 100% + 28px );
  margin: -10px;
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -o-filter: blur(8px);
  -ms-filter: blur(8px);
  filter: blur(8px);
}
/*Cod jorge*/
.bgc-works{
  background-image:url("../images/programacion/px1920x700.jpg");
}
.bgc-nodox{
  background-image:url("../images/programacion/nodox1920x700.jpg");
}
.bgc-econnect{
  background-image:url("../images/programacion/econcection1920x700.jpg");
}
.bgc-wissen{
  background-image:url("../images/programacion/wissen1920x700.jpg");
}

.btn-green{
  background: #DDF000;
  border-radius: 0px;
  padding-left: 15px;
  padding-right: 15px;
  width: 186px;
}
.btn-green:hover{
  background: #98A500;
}
.btn-pink{
  background: #F00090;
  border-radius: 0px;
  padding-left: 15px;
  padding-right: 15px;
  color: white;
  width: 186px;
}
.btn-pink:hover{
  background: #AD0068;
  color: white;
}
.btn-yellow{
  background: #FFD250;
  border-radius: 0px;
  padding-left: 15px;
  padding-right: 15px;
  width: 186px;
}
.btn-yellow:hover{
  background: #D79F00;
}
.btn-blue{
  background: #00BBFF;
  border-radius: 0px;
  padding-left: 15px;
  padding-right: 15px;
  color: white;
  width: 186px;
}
.btn-blue:hover{
  background: #028BBD;
  color: white;
}
@media(max-width: 1490px){
  .txt-agile-banner{
    font-size: 65px;

  }
  .txt-cac-2-agile{
    font-size: 22px;
  }
}
@media(max-width: 1300px){
  .txt-agile-banner{
    font-size: 62px;

  }
  .txt-cac-2-agile{
    font-size: 20px;
  }
}
@media (max-width: 1199.98px) {
.pru11{padding-top: 10% !important;}
.banner-social-icons-contact{left: 4.6rem !important;}
}
@media(max-width: 991px){
  .banner-text-values{top:  50% !important;}
  .circle-gradient-red-yellow-development{
    width: 70px;
    height: 70px;
  }

  .phrase-ourblog {display: none;}
  .phrase-ourblog2 {display: none;}

  .circle-port-our-project{width: 70px; height: 70px; top: -5%;}

.des2-project-port{padding:0 50px !important;}

/*.capa{ margin-top: 17%; }*/
.capa-mid{ margin-top: 11%; }

.capa-mid .view_pro{ margin-top: 3%; }
.banner-social-icons-contact{left: 16.6rem !important; right: unset;}
.pru11{padding-top: 2% !important; padding-left: 10% !important;}

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

  .banner-text-values{
    top: 50%;
  }

  .pru11{padding-top: 14% !important;  padding-left: 0% !important;}

  .custom-bg-blog{
   background-image: none !important;
   height: auto !important;
   min-height: initial !important;
   padding: 0 !important;
  }

  .img-ourblog1{height: 265px !important;}

  .capa-sec2{margin-top: 32%;}

  /*.capa{ margin-top: 20%; }*/

  .capa-sec2 .view_pro{ margin-top: 16%; }
  .cap-exc .view_pro{ margin-top: 16%; }

  .capa-sec2 h1{font-size: 65px;}

  .cap-exc h1{font-size: 65px;}

  .capa-mart{margin-top: 33%;}

  .circle-gradient-red-yellow-development{
    width: 50px;
    height: 50px;
  }
  .circle-port-our-project{left: 5%;}
  .bg-container { height: auto; }
  .bg-container.bg-mh { max-height: 1300px; }
  .bg-cover { height: 300px; }
  .bg-cover:hover .bg-item:nth-child(1),
  .bg-focus .bg-item:nth-child(1) { top: 30%; }
  .bg-item:nth-child(1) {
    width: 100%;
    height: 40%;
    top: auto;
    bottom: 0;
    position: absolute;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
  }
  .bg-cover:hover .bg-item:nth-child(1) { top: auto; }
  .bg-item:nth-child(2) { display: none; }

  .pr-img-2 {display: none;}

  .port-seccion{ font-size: 12px; }
}

@media(max-width: 480px){

  .img-ourblog1{height: 174px !important;}

  /*.capa{ margin-top: 20%; }*/

  .circle-gradient-red-yellow-development{
    margin-left: 15px;
  }
  .circle-port-our-project{display: none;}
  .port-seccion{ font-size: 12px; }

}
@media(max-width: 380px){
  .padding-m-top {
    padding-top: 1rem;
  }
  .padding-m {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
/*=============================================================================
FOOTER
=============================================================================*/
.line-div-footer{
  background:#FFFFFF;
  height: 34vh;
  width: 1px;
  margin-left: auto;
  margin-right: auto;
}
.socal-icons a { text-decoration: none; }
.socal-icons a svg {
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
.socal-icons a:hover > svg {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.circle-footer, .circle-cms-lms, .circle-our-devs, .circle-our-designers, .circle-saas {
  position: absolute;
  width: 100px;
  height: 100px;
  top: -120px;
  right: 10%;
  border-radius: 100%;
  background: rgba(220,240,0,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(220,240,0,1)), color-stop(100%, rgba(0,187,255,1)));
  background: -o-linear-gradient(top, rgba(220,240,0,1) 0%, rgba(0,187,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(220,240,0,1)), to(rgba(0,187,255,1)));
  background: linear-gradient(to bottom, rgba(220,240,0,1) 0%, rgba(0,187,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcf000', endColorstr='#00bbff', GradientType=0 );
}
/* For home */
.circle-cms-lms {
  top: 1rem;
  z-index: 1;
  background: rgba(157,0,255,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(157,0,255,1)), color-stop(100%, rgba(0,187,255,1)));
  background: -o-linear-gradient(top, rgba(157,0,255,1) 0%, rgba(0,187,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(157,0,255,1)), to(rgba(0,187,255,1)));
  background: linear-gradient(to bottom, rgba(157,0,255,1) 0%, rgba(0,187,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00ff', endColorstr='#00bbff', GradientType=0 );
}
.circle-our-devs {
  top: 1rem;
  background: rgba(240,0,56,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,0,56,1)), color-stop(100%, rgba(253,125,20,1)));
  background: -o-linear-gradient(top, rgba(240,0,56,1) 0%, rgba(253,125,20,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240,0,56,1)), to(rgba(253,125,20,1)));
  background: linear-gradient(to bottom, rgba(240,0,56,1) 0%, rgba(253,125,20,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00038', endColorstr='#fd7d14', GradientType=0 );
}
.circle-our-designers {
  top: 1rem;
  background: rgba(157,0,255,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(157,0,255,1)), color-stop(100%, rgba(0,187,255,1)));
  background: -o-linear-gradient(top, rgba(157,0,255,1) 0%, rgba(0,187,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(157,0,255,1)), to(rgba(0,187,255,1)));
  background: linear-gradient(to bottom, rgba(157,0,255,1) 0%, rgba(0,187,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d00ff', endColorstr='#00bbff', GradientType=0 );
}
.circle-saas {
  top: 30px;
  right: unset;
  left: 25%;
  z-index: 0;
  background: rgba(240,0,56,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,0,56,1)), color-stop(100%, rgba(253,125,20,1)));
  background: -o-linear-gradient(top, rgba(240,0,56,1) 0%, rgba(253,125,20,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240,0,56,1)), to(rgba(253,125,20,1)));
  background: linear-gradient(to bottom, rgba(240,0,56,1) 0%, rgba(253,125,20,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00038', endColorstr='#fd7d14', GradientType=0 );
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.footer-dropdown .dropdown-menu {
  background-color: var(--color-gray-dark);
  border-color: var(--color-orange);
}
.footer-dropdown .dropdown-menu .dropdown-item { color: #FFF; }
.footer-dropdown .dropdown-menu .dropdown-item:hover {
  background-color: var(--color-orange);
}
.dropdown-menu-center {
  left: -50% !important;
  /*right: auto !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, 0) !important;
  -o-transform: translate(-50%, 0) !important;
  transform: translate(-50%, 0) !important;*/
}
/*=============================================================================
Banner ¿Quienes forman parte de RAK?
=============================================================================*/
.sec_us{
  width: 100%;
  height: 625px;
  background: url(https://via.placeholder.com/1300x655);
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 625px;
  background: rgb(255, 210, 80, .5);
}

.contenido{
  margin-top: 60px;
}

.contenido h1{
  font-size: 54px;
  margin: 60px 10px;
  padding: 0;
}

.contenido .pasion{
  margin: 20px 20px;
  padding-right: 140px;
  font-size: 32px;
}

.contenido .desa{
  padding: 0;
  margin: 0;
  padding-left: 100px;
}

.contenido .job{
  padding-left: 160px;
  color: purple;
}

.imagenes{
  left: 110px;
  margin: 0;
  padding-top: 40px;
}

.uno{
  position: absolute;
  margin: 0;
}

.dos{
  position: absolute;
  top: 45%;
  left: -20%;
}

.equipo{
  position: relative;
  bottom: 25px;
  right: 0;
}

.equipo p{
  font-size: 17px;
}

.equipo .btn{
  margin: 0;
  padding-left: 10px;
  font-size: 50px;
}
/*=============================================================================
BLOG
=============================================================================*/
.blog-play-container { height: auto !important; }
.bg-widget-cover.bg-mh {
  background-image: url("http://placehold.it/1920x500.png?text=1920x500.jpg");
  height: 500px;
}
.bg-widget-cover, .bg-cover-image {
  background-position: center;
  background-size: cover;
}
.play-container { position: relative; height: 100%; }
.play-container:hover .play-ico { opacity: 1; cursor: pointer; }
.play-container:hover { cursor: pointer; }
.play-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  z-index: 1;
  opacity: 0.5;
}
.img-blog {
  min-height: 800px;
  background-image: url("../img/Blog/header.jpg");
  background-position: center;
  background-size: cover;
}
.container-blog {
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 100px;
  padding-bottom: 100px;
  width: 100%;
}
.i-text {
  background: #e2dede;
  border: none;
  border-radius: 10px;
  color: #757575;
  text-align: center;
  font-size: 12px;
  padding: 10px 40px;
  margin-right: 10px;
}
.bolder { font-weight: bolder !important; }
.hr-blog {
  max-width: 15%;
  border: 1px solid #e2dede;
  -webkit-box-shadow: 0px 2px 3px #e2e2e2;
          box-shadow: 0px 2px 3px #e2e2e2;
}
.text-intblog { width: 100%; position: absolute; bottom: 10px; }
.btn-blog {
  width: 100%;
  background: black;
  border: none;
  font-weight: 100;
  font-family: sans-serif;
  color: #fff;
}
.btn-blog2 {
  background: black;
  border: none;
  font-weight: 100;
  font-family: sans-serif;
  color: #fff;
}
.btn-blog3 {
  background: black;
  border: 1PX solid #FFF;
  font-weight: 100;
  font-family: sans-serif;
  color: #fff;
  padding: 6px 50px;
  font-size: 16px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn-blog3:hover { color: #000; background-color: #FFF; text-decoration: none; }
.text-initblogf { position: absolute; top: 30%; left: 30%; }
.img-finalblog {
  background-image: url("../img/Blog/footer.jpg");
  background-position: center;
  background-size: cover;
}
.custom-dropdown > li > .dropdown-menu, .dropdown-child { background-color: #333; }
.dropdown-child > a { color: #FFF; }
.custom-dropdown > li > .dropdown-menu > .nav-link:hover,
.custom-dropdown > li > .dropdown-menu > .dropdown-item:hover,
.dropdown-child > a:hover { background-color: #222; }
.dropdown-child > a:hover { color: #FFF; }

/*=============================================================================
PARALLAX
=============================================================================*/
.parallaxParent {
  z-index: 100;
  opacity: 0.5;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.parallaxParent [class*='item'] {
  position: absolute;
}

.parallaxParent .item1 { top: 15%; left: 7.5%; }
.parallaxParent .item2 { top: 17%; left: 30%; }
.parallaxParent .item3 { top: 60%; left: 5%; }
.parallaxParent .item4 { top: 65%; left: 27%; }

/*=============================================================================
Sección service design
=============================================================================*/
.section-service-sesign-container{
  height: 100%;
}
.section-service-sesign{
  background-image: url("../images/service-design/1120x730servicedesign.jpg");
  min-height: 300px;

}
.section-service-sesign-text{
  background: white;
}

.section-design-thinking{
  background-image: url("../images/service-design/1120x730designthinking.jpg");
  min-height: 300px;
  background-repeat: no-repeat;
}
.text-service-design{
  font-size: 18px;
}
.circle-service-design{
  position: absolute;
  width: 100px;
  height: 150px;
  top: 30px;
  right: 0;
  background:  linear-gradient(0deg, #01AEFF -0.03%, #3EBE74 99.98%);

  border-radius: 100px 0 0 100px;
}
.circle-gradient-red-yellow-design-thinking{
  z-index: 99 !important;
  position: absolute;
  left: 30%;
  top: -3%;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: rgb(254,213,93);
  background: -o-linear-gradient(bottom, rgba(254,213,93,1) 0%, rgba(241,13,140,1) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(254,213,93,1)), to(rgba(241,13,140,1)));
  background: linear-gradient(0deg, rgba(254,213,93,1) 0%, rgba(241,13,140,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fed55d",endColorstr="#f10d8c",GradientType=1);

}
@media(max-width: 1350px){
  .text-service-design{
    font-size: 15px;
  }
}
@media(max-width: 990px){
  .circle-gradient-red-yellow-design-thinking{
    left: 44%;
    top: -3%;
  }
}
@media(max-width: 767px){
  .circle-service-design{
    display: none;
  }
  .circle-gradient-red-yellow-design-thinking{
    left: 54%;
    top: -3%;
    width: 60px;
    height: 60px;
  }
}
@media(max-width: 525px){
  .circle-service-design{
    width: 30px;
    height: 80px;
  }
  .port-seccion{ font-size: 9px; }
}

/*=============================================================================
ECOMMERCE
=============================================================================*/
/*magic quadrant*/
.ecomm-dots-1 {
  top: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.ecomm-dots-2 {
  bottom: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.img-experiences-saas {
  width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.exp-title { position: relative; z-index: 1; }
/*Sección vtex*/
.section-vtex-container { height: 100%; min-height: 700px; }

.section-vtex{
   background-image: url("../images/ecommerce/1450X700fondotiendas.jpg");
   min-height: 300px;
   background-repeat: no-repeat;
   background-size: cover;
}
.section-vtex-text { background: white; }
.vtex-text-info { position: relative; z-index: 999; }
.img-vtex { height: 80px; }
.text-vtex { color: #eb1b66; font-size: 1.3rem; }

.circle-vtex {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 8%;
  left: 5%;
  border-radius: 100%;
  background: rgba(158,0,255,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(158,0,255,1)), color-stop(100%, rgba(0,187,255,1)));
  background: -o-linear-gradient(top, rgba(158,0,255,1) 0%, rgba(0,187,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(158,0,255,1)), to(rgba(0,187,255,1)));
  background: linear-gradient(to bottom, rgba(158,0,255,1) 0%, rgba(0,187,255,1) 100%);
  z-index: 999;
}
.bgc-ecomm{
  background: url('../images/ecommerce/ecommerce1920x700.jpg');

}
.bgc-tienda{
  background: url('../images/ecommerce/tiendafisica1920x700.jpg');

}
.bgc-b2b{
  background: url('../images/ecommerce/b2b1920x700.jpg');

}
@media(max-width: 767px){
  .circle-vtex{
    display: none;
  }
}

/*=============================================================================
DIGITAL-DESIGN
=============================================================================*/

/*IDENTIDAD CORPORATIVA*/
.img-iden-corpo{
  width: 700px;
  position: absolute;
  top: 50%;
  left: 65%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.sec-iden-corp {
  height: 100%;
}

.circle-ident-corp{
  position: absolute;
  width: 50px;
  height: 100px;
  top: 30px;
  right: 0;
  background: rgba(221,240,0,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,240,0,1)), color-stop(100%, rgba(254,78,125,1)));
  background: -o-linear-gradient(top, rgba(221,240,0,1) 0%, rgba(254,78,125,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(221,240,0,1)), to(rgba(254,78,125,1)));
  background: linear-gradient(to bottom, rgba(221,240,0,1) 0%, rgba(254,78,125,1) 100%);
  z-index: 1;
  border-radius: 100px 0 0 100px;
}

.circle-ident-corp2{
  position: absolute;
  width: 50px;
  height: 100px;
  bottom: 6%;
  left: 0px;
background: -o-linear-gradient(top, #F00090 0%, #FFE15A  100%);
background: -webkit-gradient(linear, left top, left bottom, from(#F00090), to(#FFE15A));
background: linear-gradient(180deg, #F00090 0%, #FFE15A  100%);
  z-index: 1;
  border-radius: 0px 100px 100px 0px;
}
/*UX-UI*/

.img-ux-ui{
  width: 700px;
  position: absolute;
  top: 50%;
  left: 34%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.sec-ux-ui { height: 100%; }

/*MULTIMEDIA*/

.img-multi{
  width: 700px;
  position: absolute;
  top: 50%;
  left: 65%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.sec-multi { height: 100%; }


.circle-multi{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 5%;
  left: 30%;
  border-radius: 100%;
  background: rgba(240,0,56,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,0,56,1)), color-stop(100%, rgba(253,125,20,1)));
  background: -o-linear-gradient(top, rgba(240,0,56,1) 0%, rgba(253,125,20,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240,0,56,1)), to(rgba(253,125,20,1)));
  background: linear-gradient(to bottom, rgba(240,0,56,1) 0%, rgba(253,125,20,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00038', endColorstr='#fd7d14', GradientType=0 );
  z-index: 1;
  }

/*SOCIAL MEDIA*/

.img-social-media{
  width: 700px;
  position: absolute;
  top: 50%;
  left: 34%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.sec-social-media { height: 100%; }

.circle-social-media{
  position: absolute;
  width: 100px;
  height: 100px;
  bottom: 4%;
  left: 6%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #9E00FF 0%, #00BBFF 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#9E00FF), to(#00BBFF));
  background: linear-gradient(180deg, #9E00FF 0%, #00BBFF 100%);
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  }


/*MEDIA*/

@media (max-width: 575.98px) {
    .circle-multi{
  top: 20%;
  left: 62%;
  }
 }
@media (min-width: 576px) and (max-width: 767.98px) {
.circle-ident-corp{
  width: 70px;
  height: 120px;
  top: 60px;
  }
.circle-ident-corp2{
  width: 70px;
  height: 120px;

  }

    .circle-multi{
  top: 21%;
  left: 33%;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
.circle-ident-corp{
  width: 70px;
  height: 120px;
  top: 60px;
  }
.circle-ident-corp2{
  width: 70px;
  height: 120px;
  bottom: 100px;
  }
  .circle-multi{
  top: 21%;
  left: 42%;
  z-index: 1;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .circle-multi{
  top: 13%;
  left: 27%;
  }
    .img-iden-corpo{
    width: 550px;
  }
  .img-ux-ui{
   width: 550px;
  }
}

  @media (min-width: 992px) and (max-width: 1100px) {
  .img-our-product{width: 800px;}
  .text-our-product2{font-size: 14px !important; }
  .circle-our-product2{width: 100px !important; height: 100px !important; top: 70%;}
  /*.phrase2-top {top: 40%;}*/
}

@media (min-width: 1099px) and (max-width: 1199.98px) {
  .img-our-product{width: 900px;}
  .text-our-product2{font-size: 14px !important; }
  .circle-our-product2{width: 100px !important; height: 100px !important; top: 40% !important;}
}

@media (min-width: 1200px) and (max-width: 1380px ) {
  .img-iden-corpo{
    width: 600px;
    left: 69%;
  }
  .img-ux-ui{
   width: 600px;
  }
  .img-our-product{width: 980px;}
  .text-our-product2{font-size: 18px !important; }
  .circle-our-product2{width: 100px !important; height: 100px !important; top: 40% !important;}
}

@media (min-width: 1381px) and (max-width: 1478px ) {
  .img-our-product{width: 1100px;}
  .text-our-product2{font-size: 18px !important; }
  .circle-our-product2{width: 130px; height: 130px; top: 37% !important;}
}

@media (min-width: 1479px) and (max-width: 1630px ) {
  .img-our-product{width: 113 0px;}
  .text-our-product2{font-size: 20px !important; }
  .circle-our-product2{width: 130px !important; height: 130px !important; top: 40% !important;}
  .title-frase-banner{font-size: 74px;}
}

@media (min-width: 1631px) and (max-width: 1743px ) {
  .img-iden-corpo{
    width: 700px;
  }
  .img-ux-ui{
   width: 700px;
  }
  .img-our-product{width: 1300px;}
  .text-our-product2{font-size: 20px !important; }
  .circle-our-product2{width: 150px !important; height: 150px !important; top: 40% !important;}
  .title-frase-banner{font-size: 74px;}
}

@media (min-width: 1744px) and (max-width: 2008px ) {
  .img-our-product{width: 1300px;}
  .text-our-product2{font-size: 22px !important; }
  .circle-our-product2{width: 150px !important; height: 150px !important; top: 40% !important;}
  .title-frase-banner{font-size: 74px;}
}

@media (min-width: 2009px) and (max-width: 2270px) {
  .img-our-product{width: 1600px;}
  .text-our-product2{font-size: 24px !important; }
  .circle-our-product2{width: 150px !important; height: 150px !important; top: 40% !important;}
  .title-frase-banner{font-size: 74px;}
}

@media (min-width: 2271px) and (max-width: 2757px) {
  .img-iden-corpo{
  width: 900px;
  }
  .img-ux-ui{
  width: 900px;
  }
  .circle-multi{
  top: 27%;
  left: 28%;
  }
  .img-our-product{width: 1800px;}
  .text-our-product2{font-size: 29px !important; }
  .circle-our-product2{width: 200px !important; height: 200px !important;}
  .title-frase-banner{font-size: 88px;}
}

/*.custom-responsive-full { height: auto !important; }*/

@media(min-width: 992px) {
    .h-lg-100 { height: 100% !important; }
    /*.custom-responsive-full { height: 100vh !important; }*/
}

/*=============================================================================
AGILE MANAGEMENT
=============================================================================*/

/*FRASE 2*/

.pxOurDif{
    padding-left:7rem !important;
    padding-right:7rem !important;
}

@media only screen and (min-width: 1500px){
    .pxOurDif{
        align-content: center;
        display: grid;
    }
}

.circle-frase-banner{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 3%;
  right: 25%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #FE4E7D 0%, #DDF000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FE4E7D), to(#DDF000));
  background: linear-gradient(180deg, #FE4E7D 0%, #DDF000 100%);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index: 1;
}

.circle-port-project{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 3%;
  left: 40%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #FE4E7D 0%, #DDF000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FE4E7D), to(#DDF000));
  background: linear-gradient(180deg, #FE4E7D 0%, #DDF000 100%);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index: 1;
  }

  .circle-port-ourblog{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0%;
  right: 5%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #FE4E7D 0%, #DDF000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FE4E7D), to(#DDF000));
  background: linear-gradient(180deg, #FE4E7D 0%, #DDF000 100%);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index: 1;
  }

  .circle-vista-ourblog{
  position: absolute;
  width: 100px;
  height: 100px;
  top: -14%;
  right: -5%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #9E00FF 0%, #00BBFF 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#9E00FF), to(#00BBFF));
  background: linear-gradient(180deg, #9E00FF 0%, #00BBFF 100%);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index: 1;
  }

  .circle-vista-contact-main{
  position: absolute;
  width: 100px;
  height: 100px;
  top: -8%;
  right: 50%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #DDF000 0%, #00BBFF 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#DDF000), to(#00BBFF));
  background: linear-gradient(180deg, #DDF000 0%, #00BBFF 100%);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  z-index: 1;
  }

  .circle-vista-nosotros{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 5%;
  right: 20%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #FFE15A 0%, #F00090 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE15A), to(#F00090));
  background: linear-gradient(180deg, #FFE15A 0%, #F00090 100%);
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  z-index: 1;
  }


  .circle-vista-nosotros2{
  position: absolute;
  width: 100px;
  height: 100px;
  bottom: -2%;
  left: 30%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #DDF000 0%, #00BBFF 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#DDF000), to(#00BBFF));
  background: linear-gradient(180deg, #DDF000 0%, #00BBFF 100%);
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  z-index: 1;
  }
/*NUESTRO PRODUCTO*/
.our-products-section-1 { height: 20%; }
.our-products-section-2 { height: 80%; }

.soluciones-section-1 { height: 30%; }
.soluciones-section-2 { height: 70%; }

.img-our-product{
  position: absolute;
  top: 50%;
  /*right: -40%;*/
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.text-our-product2 { font-size: 15px; }

.circle-our-product2{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 40%;
  left: 10%;
  border-radius: 100%;
  background: rgba(240,0,56,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,0,56,1)), color-stop(100%, rgba(253,125,20,1)));
  background: -o-linear-gradient(top, rgba(240,0,56,1) 0%, rgba(253,125,20,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(240,0,56,1)), to(rgba(253,125,20,1)));
  background: linear-gradient(to bottom, rgba(240,0,56,1) 0%, rgba(253,125,20,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00038', endColorstr='#fd7d14', GradientType=0 );
  z-index: 1;
}

.circle-logos-kan{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 4%;
  right: 0%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #9E00FF 0%, #00BBFF 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#9E00FF), to(#00BBFF));
  background: linear-gradient(180deg, #9E00FF 0%, #00BBFF 100%);
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  }

  .circle-main-port{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 18%;
  right: 10%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #9E00FF 0%, #00BBFF 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#9E00FF), to(#00BBFF));
  background: linear-gradient(180deg, #9E00FF 0%, #00BBFF 100%);
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  }

  .circle-main-ourblog{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 275%;
  left: -3%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #9E00FF 0%, #00BBFF 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#9E00FF), to(#00BBFF));
  background: linear-gradient(180deg, #9E00FF 0%, #00BBFF 100%);
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  }

  .circle-main-ourblog2{
  position: absolute;
  width: 100px;
  height: 100px;
  top: 350%;
  right: -3%;
  border-radius: 100%;
  background: -o-linear-gradient(top, #FFE15A 0%, #F00090 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE15A), to(#F00090));
  background: linear-gradient(180deg, #FFE15A 0%, #F00090 100%);
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  }

/*=============================================================================
PORTAFOLIO
=============================================================================*/

.port-seccion{
  padding: 10px 0;
}

.project1{
  height: 100vh;
  min-height: 300px;
  position: relative;
  cursor: pointer;
}

#bg-port-pr1{
  background-image: url("../images/portafolio/bautechintranet433x396.jpg");
}

.project1:hover > .capa-projec {
  opacity: 1;
  visibility: visible;
}

.project2{
  height: 100vh;
  min-height: 300px;
  position: relative;
  cursor: pointer;
}

#bg-port-pr2{
  background-image: url("../images/portafolio/grupoorign433x396.jpg");
}

.project2:hover > .capa-projec {
  opacity: 1;
  visibility: visible;
}

.project3{
  height: 100vh;
  min-height: 300px;
  position: relative;
  cursor: pointer;
}

#bg-port-pr3{
  background-image: url("../images/portafolio/jraire433x396.jpg");
}

.project3:hover > .capa-projec {
  opacity: 1;
  visibility: visible;
}

.item-pro1{
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / span 2;
}

.item-pro2{
  -ms-grid-column: 2;
  grid-column: 2/ 2;
}

.item-pro3{
  -ms-grid-column: 2;
  grid-column: 2/ 2;
}

.part-port{
}

.text-bd{
  padding: 0 134px;
}

.des2-project-port{padding:0 110px;}

.lng-rak{color: var(--color-orange) !important;}

/*=============================================================================
OUR-BLOG
=============================================================================*/

.img-our-first-blog{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.img-our-first-blog figure{
  position: relative;
}

.img-our-first-blog figure .txt-our-blog{
  position: absolute;
  top: 35%;
  left: 15%;
}


.context-blog{
  top: 28%;
  margin-left: -15%;
  padding:63px 95px;
  font-size: 16px;
}

.pagination > li > a{
  border: none;
  color: black;
}

.pagination > li > a:hover,
 .pagination > li > span:hover,
 .pagination > li > a:focus,
 .pagination > li > span:focus {
background: white;
color: orange;
}

 .pagination > .active > a,
 .pagination > .active > span,
 .pagination > .active > a:hover,
 .pagination > .active > span:hover,
 .pagination > .active > a:focus,
 .pagination > .active > span:focus{
  background: white;
  color: orange;
}

 .pagination > .disabled > span,
 .pagination > .disabled > span:hover,
 .pagination > .disabled > span:focus,
 .pagination > .disabled > a,
 .pagination > .disabled > a:hover,
 .pagination > .disabled > a:focus{
  border: none;
 }

.page-item.active .page-link {
    z-index: 3;
    color: orange;
    background-color: white;
    border:none;
}

.context-blog a{
  text-decoration: none;
  color: black;
}



.view_pro_blog{
  margin-top: 10%;
  margin-left: 55%;
}

.view_pro_blog2{
  margin-top: 10%;
  margin-left: 65%;
}

.txt-blog-space h4{
  margin-top: 20px;
  font-size: 18px;
}

.txt-blog-space p{
  margin-top: 20px;
}

.txt-blog-space a{
  text-decoration: none;
  color: black;
}

.cont-space2{
  margin-top: 5rem;
  margin-bottom: 7rem;
}

.blog-content {

}

.pru11{
padding-top: 20px;
}


/*=============================================================================
NOSOTROS
=============================================================================*/
.p-team{padding: 1rem 0 1rem 0; height: 160px;}
.name-team{height: 50px;}
.p-teamEnr{padding-top: 10px;}
.fotos-team{
  padding: 30px 0 10px 0;
}

.cont-img{
  margin-left: -120px;
}

.gallery-extra { height: 50vh; }

.bg-gallery1 {
  height: 50vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/Nosotros/a768x540.jpg");
}

.bg-gallery2 {
  height: 50vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/Nosotros/b1150x540.jpg");
}

.bg-gallery3 {
  height: 50vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/Nosotros/c480x540.jpg");
}

.bg-gallery4 {
  height: 50vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/Nosotros/d480x541.jpg");
}

.bg-gallery5 {
  height: 50vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/Nosotros/e960x541.jpg");
}

.bg-gallery6 {
  height: 50vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/Nosotros/f768x540.jpg");
}

.bg-gallery7 {
  height: 50vh;
  min-height: var(--emp-cont-mh);
  position: relative;
  background-image: url("../images/Nosotros/g1150x540.jpg");
}

/*=============================================================================
CONTACT
=============================================================================*/
.contact-container [class*='item'] { opacity: 0.8; z-index: 2; }
.contact-container .item1 { position: absolute; top: 63%; left: 22%; }
 .item1-1 {
  position: absolute;
  top: -100px;
  right: 0;
}
.contact-container .item2 { position: absolute; top: -65%; left: -15%; }
.contact-container .item3 { position: absolute; top: -47%; right: -20%; }
.contact-container .item4 { position: absolute; bottom: -70%; left: -20%; }
.contact-container .item5 { position: absolute; bottom: -107%; right: -30%; }

.center-underline {
  position: absolute;
  bottom: -15px;
  left: -15px;
}

.contact-container ::-webkit-input-placeholder { color: var(--color-white); opacity: 1; }

.contact-container ::-moz-placeholder { color: var(--color-white); opacity: 1; }

.contact-container :-ms-input-placeholder { color: var(--color-white); opacity: 1; }

.contact-container ::-ms-input-placeholder { color: var(--color-white); opacity: 1; }

.contact-container ::placeholder { color: var(--color-white); opacity: 1; }
.contact-container :-ms-input-placeholder { color: var(--color-white); }
.contact-container ::-ms-input-placeholder { color: var(--color-white); }

.contact-container input
, .contact-container select
, .contact-container textarea {
  border: none;
  border-radius: 0;
  border-bottom: 2px solid var(--color-white);
  background: transparent;
  color: var(--color-white);
}

.contact-container input:active
, .contact-container input:focus
, .contact-container select:active
, .contact-container select:focus
, .contact-container textarea:active
, .contact-container textarea:focus
{
  background: transparent;
  border-color: var(--color-orange);
  color: var(--color-white);
}

.contact-background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #EB3A78;
  mix-blend-mode: color;
  z-index: 0;
}

.contact-background1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(253,125,20,1);
  z-index: 0;
}

.error_fist_name{
  color: rgba(253,125,20,1);
}
.error_last_name{
  color: rgba(253,125,20,1);
}
.error_email{
  color: rgba(253,125,20,1);
}
.error_telefono{
  color: rgba(253,125,20,1);
}
.error_services{
  color: rgba(253,125,20,1);
}
.error_comment{
  color: rgba(253,125,20,1);
}

@media(max-width: 539px) {
  .contact-container .item1 { position: absolute; bottom: 0%; right: -2%; width: 150px; }
  .contact-container .item2 { position: absolute; top: -65%; left: -10%; width: 15px; }
  .contact-container .item3 { position: absolute; top: -47%; right: -15%; width: 15px; }
  .contact-container .item4 { position: absolute; bottom: -70%; left: -15%; width: 15px; }
  .contact-container .item5 { position: absolute; bottom: -107%; right: 20%; width: 15px; }
}
/*=============================================================================
FULL SECTIONS
=============================================================================*/
.full-section { min-height: 568px; height: 100vh; }
@media(max-width:637px){.full-section { min-height: 665px !important;}}
/*.full-section > div:first-child { padding-top: 62px; }*/
.full-section #home-carousel,
.full-section #home-carousel .carousel-inner,
.full-section #home-carousel .carousel-item,
.full-section #services-carousel,
.full-section #services-carousel .carousel-inner,
.full-section #services-carousel .carousel-item { height: 100%; }
#home-carousel p.txt-frase {
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.slide-indicator-number {
  font-size: 180px;
  color: white;
  right: 60px;
  position: absolute;
  bottom: 0;
  line-height: 0.8;
  font-family: Montserrat;
}
.home-rak-team .img-small { margin-top: -200px !important; }
.home-rak-team-banner {
  position: relative;
  z-index: 50;
  background-size: cover;
  background-position: center;
}
.home-instagram-section-title { font-size: 60px }
#services-carousel .carousel,
#services-carousel .carousel-inner,
#services-carousel .carousel-item { height: 100%; }
/*=============================================================================
MEDIA
=============================================================================*/
/* 1920 x 1080 */
@media( max-width: 1920px ) {
  .img-puntos{
    position: absolute;
    right: 0%;
    top: 5%;
    height: 200px;
  }
  .img-puntos-left{
    position: absolute;
    left: 0%;
    top: 5%;
    height: 200px;
  }
}

@media( max-width: 1684px ) {
  .img-our-product { right: -5%; }
}

@media( max-width: 1684px ) {
  .img-our-product { right: 0; }
}

/* 1600 x 900*/
@media( max-width: 1600px ) {
  .img-puntos{
    position: absolute;
    right: 0%;
    top: 5%;
    height: 200px;
  }

  .img-puntos-left{
    position: absolute;
    left: 0%;
    top: 5%;
    height: 200px;
  }

}

/* 1440 x 900 */
@media( max-width: 1572px ) {
  .menu-separator { padding: 0 1rem; }
  .img-puntos{
    position: absolute;
    right: 0%;
    top: 5%;
    height: 200px;
  }

  .img-puntos-left{
    position: absolute;
    left: 0%;
    top: 5%;
    height: 200px;
  }


}
@media( max-width: 1500px ) {
  /* .flex-caption, .redes { left: 0 } */
}
@media( max-width: 1440px ) {
  .img-centro { right: 26%; }
  .img-puntos{
    position: absolute;
    right: 0%;
    top: 5%;
    height: 190px;
  }

  .img-puntos-left{
    position: absolute;
    left: 0%;
    top: 5%;
    height: 190px;
  }

  .slide-indicator-number { font-size: 120px; bottom: 120px; }
  #home-carousel p.txt-frase {
    text-align: right !important;
    padding-right: 60px;
  }
  /*.sec_img .img_dos {
    transform: translateX(-30%);
  }*/
  .soluciones-section-1 { height: 30%; }
  .soluciones-section-2 { height: 70%; }

  .txt-cac-valores.txt-cac { font-size: 18px; }
  .sec_dev_sites_mobile .txt-cac,
  .vtex-mq-text.txt-cac,
  .text-service-design { font-size: 16px; }
}
@media( max-width: 1356px ) {
  .exp-title, .saas-title { font-size: 50px; }
  .multi-title { font-size: 44px; }
  .name-sve, .cont-cacs { width: 65%; }
  .txt-cac-valores { font-size: initial; }
}


/* 1280 x 800 */
@media( max-width: 1280px ) {
  .flex-caption {
    position: absolute;
    top: 33%;
    left: 10%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .menu-title { font-size: 50px; }
  .menu-item, .menu-item > a { font-size: 23px; }
  .img-puntos{
    position: absolute;
    right: 0%;
    top: 5%;
    height: 190px;
  }

  .img-puntos-left{
    position: absolute;
    left: 0%;
    top: 5%;
    height: 190px;
  }
  #right-clients p{ font-size: 2.5em; letter-spacing: 2px;
  }

  .txt-frase  { font-size: 58px; }
  .txt-frase-2 { font-size: 45px; }
  .txt-frase-3 { font-size: 25px; }
  .txt-cac { font-size: 18px; }
  .name-sve, .cont-cacs { width: 70%; }
  .txt-cac-valores { font-size: 14px; }
  .img-our-product {
    right: -90px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }

}
@media( max-width: 1200px ) {
  .name-sve, .cont-cacs { width: 65%; }
}
@media( max-width: 1130px ) {
  .img-our-product { right: -150px; }
}
@media( max-width: 1007px ) {
  .menu-separator { padding: 0 0.5rem; }
  .img-centro { right: 20%; }

  .img-puntos{
    position: absolute;
    right: 0%;
    top: 5%;
    height: 180px;
  }

  .img-puntos-left{
    position: absolute;
    left: 0%;
    top: 5%;
    height: 180px;
  }



}

/* 990 x 1000 */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .contenido h1{
    font-size: 40px;
  }
  .contenido .pasion{
  font-size: 24px;
  }

  .imagenes .uno img{
    width: `400px;
    height: 358px;
  }

  .imagenes .dos img{
    width: 265px;
    height: 250px;
  }

  .title-phrase{ font-size: 40px; }

}
@media( max-width: 991px ) {
  .txt-blog-space p{font-size: 14px;}
  .txt-blog-space h4{font-size: 17px;}
  .menu-title { font-size: 40px; }
  .menu-item > a { display: block; width: 100%; position: relative; }
  .menu-item, .menu-item > a { font-size: 25px; }
  .mni-container > .mni-subcont:not(:last-child) { margin-bottom: 15px; }
  .mni-container > .mni-subcont > .mnu-separator { display: none; }
  .menu-social-icons * { font-size: 25px !important; }
  .menu-social-icons { bottom: 0; padding-bottom: 15px; }
  .full-menu { padding-top: 0 !important; overflow-y: auto; overflow-x: hidden; }
  .full-menu .row:not(:last-child) {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
  }
  #open-serv-moble.active svg.fa-caret-down { display: none; }
  #open-serv-moble.active svg.fa-caret-up { display: inline-block; }
  #open-serv-moble svg.fa-caret-down { display: inline-block; }
  #open-serv-moble svg.fa-caret-up { display: none; }
  #servicios { display: none !important; }
  .menu-container-scroll {
    /*min-height: 300px;*/
    min-height: var(--mnu-mheight);
    height: calc( 100vh - 68.5px - 71px );
    overflow: auto;
  }
  .navbar .navbar-brand img,
  .navbar.navbar-to-top .navbar-brand .white-logo,
  .navbar.navbar-to-top .navbar-brand .normal-logo { width: 75px; }
  .img-centro {
    right: 10%;
    -webkit-transform: translate(25%,-50%);
    -ms-transform: translate(25%,-50%);
    transform: translate(25%,-50%);
  }

  .img-puntos{
    position: absolute;
    right: 0%;
    top: 5%;
    height: 160px;
  }

  .img-puntos-left{
    display: none;
    position: absolute;
    left: 0%;
    top: 5%;
    height: 160px;
  }
  .title-phrase { font-size: 30px; }
  .title-frase-banner { font-size: 42px; }
  .agile-puntos { width: 122px; top: 89%; }
  .banner-text > .banner-title { font-size: 60px; }
  .banner-text-values > .banner-title2 { font-size: 30px; }
  .banner-text-contact > .banner-title-contact { font-size: 40px; }
  .banner-text-agile > .banner-title { font-size: 60px; }
  .banner-paragraph, .banner-page-name > h1 { font-size: 15px; }
  .sec-cms-lms { height: 50%; }
  .secc-exp-saas-1 { height: 60%; }
  .secc-exp-saas-2 { height: 40%; }
  .shutdown-ico { display: none !important; }
  .text_dev .text_title{
    font-size: 1.625rem;
    margin: 40px 0px;
    /*padding: 0;*/
  }

  .text_dev .text_paragraph{
    font-size: 11px;
    margin: 30px 0px;
    padding-right: 0;
  }

  .sec_img .img_dos{
    left: unset;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .sec_img  .img_dos img{
    width: 240px;
  }

  .employees-dots { width: 150px; }
  .img-social-puntitos-azules{ width: 200px; }
  .img-multi-puntitos-verdes { width: 200px; }
  .img-ux-puntitos-verdes { width: 200px; }
  .img-port-puntitos-verdes { width: 200px; top: -13%;}
  .exp-title, .saas-title { font-size: 30px; }
  .exp-title-digital{ font-size: 56px; }
  .text-digital { font-size: 30px; }
  /*.banner-1 { display: none; }*/
  #home-carousel .txt-frase { font-size: 50px; }
  #home-carousel .txt-cac-2 { font-size: 20px; }
  #home-carousel p.txt-frase {
    bottom: 90px;
    text-align: center !important;
    padding-right: 0;
  }
  .flex-caption { left: 0; }
  .slide-indicator-number { font-size: 90px; bottom: 0; right: 50px; }
  .img-centro { width: 400px !important; }
  .sec_img { background-image: unset; }
  /*.sec_img { background-position: -500px; }*/
  .section-vtex {
    height: 40% !important;
    min-height: 40%;
    background-position: center center;
    background-size: cover;
  }
  .section-vtex-text { height: 60% !important; }
  .bg-vtex-banner-filter {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
  }
  .bg-magic-quadrant { height: 20% !important; min-height: 20%; }
  /*.vtex-mq-sec-1 { height: 40% !important; }
  .vtex-mq-sec-2 { height: 40% !important; }*/
  #clients-carousel .carousel-control-prev { left: 20%; }
  #clients-carousel .carousel-control-next { right: 20%; }
  .bg-portafolio { height: 500px; }
  .bg-portafolio-projects { height: 500px; }
  .bg-contact-1, .bg-contact-2 { height: 50%; }
  .agile-purpose.h-100 { height: auto !important; }
  .text-our-product2 { font-size: 20px; }
  .bg-gallery-cover { height: 400px; }
}

.message-container {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}


/* 767 x 414 */
@media (min-width: 768px) and (max-width: 991.98px) {

  .sec_us{
    height: 430px;
  }
  .contenido h1{
    font-size: 28px;
    margin: 40px 10px;
  }

  .contenido .pasion{
  font-size: 20px;
  margin: 0;
  }

  .imagenes {
    left: 40px;
  }

  .imagenes .uno img{
    width: 280px;
    height: 292px;
  }

  .imagenes .dos img{
    width: 195px;
    height: 170px;
  }

  .contenido .desa{
    padding-left: 40px;
  }

  .contenido .job{
    padding-left: 100px;
  }

  .contenido .desa{
  font-size: 14px;
  }

  .contenido .job{
    font-size: 14px;
    padding-left: 70px;
  }
   .exp-title-digital{ font-size: 30px; }
  .text-digital { font-size: 18px; }

  .circle-port-project {left: 36%;}

  .circle-port-ourblog {
    width: 75px;
    height: 75px;
    right: 5%;
  }

}
@media( max-width: 768px ) {
  /*html, body { overflow-x: hidden; }*/
  .bg-portafolio > .capa-projec {
    width: 80%;
    height: 80%;
    padding: 15px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    opacity: 1;
    visibility: visible;
  }
  .capa {
    width: 100%;
    top: 50%;
    left: auto;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .home-rak-team .img-small { margin-left: -80px !important; }
}
@media( max-width: 767px ) {
  html { overflow-x: initial; }
  .txt-blog-space h4{font-size: 14px;}
  .baner-social-icons-agile { color: #000 !important; }
  .menu-title { font-size: 30px; }
  .menu-item, .menu-item > a { font-size: 20px; }
  .socal-icons a svg { font-size: 1rem; }
  .flag-office { width: 80px; }
  .menu-social-icons { background-color: #FFF; }
  .menu-social-icons { background-color: #000; }
  .txt_agile_m { color: #000 !important; }
  .circle-footer { width: 80px; height: 80px; top: -80px; }
  .circle-cms-lms,
  .circle-our-devs,
  .circle-our-designers { width: 80px; height: 80px; }
  .flex-caption, .redes { left: unset; }
  .flex-caption {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  /*.banner-1 { height: 550px; min-height: 550px; }*/
  .img-centro {
    position: absolute;
    top: 27%;
    left: 45%;
  }
  #right-clients p{ font-size: 2em; letter-spacing: 1px; }
  .sistemas, .dise, .ecomm, .ddigital, .agile { text-align: center; }
  .frase p, .frase p > span { font-size: 33px; }
  .sistemas > p.h1,
  .dise > p.h1,
  .ecomm > p.h1,
  .ddigital > p.h1,
  .agile > p.h1 { margin-top: 70px !important; }
  .txt-white {
    margin-left: auto;
  }
  [class*="name-sve-"], .name-sve {
    width: 400px;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }
  .cont-cacs {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    text-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cac {
    width: 100%;
    display: block;
  }
  .cac .punto { display: none; }
  .dot-mobile { font-size: 20px; }
  .img-mobile { width: 250px; }
  .frase { top: 1rem; }
  .banner-page-name, .banner-social-icons, .banner-social-icons-bd, .banner-social-icons-agile, .banner-social-icons-contact, .banner-social-icons-blog { width: 100%; text-align: center; }
  .banner-text > .banner-title { font-size: 30px; }
  .banner-text-values > .banner-title2 { font-size: 25px; }
  .banner-text-contact > .banner-title-contact { font-size: 30px; }
  .banner-text-agile > .banner-title { font-size: 50px; }
  /*.title-phrase { font-size:35px; }*/
  .title-frase-banner {font-size: 25px;}
  .banner-page-name > h1 { font-size: 30px; }
  .banner-social-icons * { font-size: 25px !important; }
  .banner-social-icons-blog * { font-size: 17px !important; }
  .banner-social-icons-agile * { font-size: 25px !important; color: #000 !important; }
  .banner-social-icons-bd * { font-size: 25px !important; color: #FD7E14 !important; }
  .banner-social-icons-contact * { font-size: 25px !important; color: #FD7E14 !important; }
  .banner-social-icons, .banner-social-icons-agile, .banner-social-icons-bd {
    bottom: 0;
    left: 50%;
    padding: .25rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .banner-social-icons-contact{
    bottom: 6px;
    left: 50% !important;
    padding: .25rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .banner-social-icons-blog{
    top: 84%;
    left: 50%;
    padding: .25rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .bpn-sdes {
    top: 33%;
    bottom: unset;
    left: 50%;
    right: unset;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .bpn-dev {
    top: 35%;
    bottom: unset;
    left: 50%;
    right: unset;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .bpn-ecommerce {
    top: 38%;
    bottom: unset;
    left: 50%;
    right: unset;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .ban-digital{
    top: 28%;
    bottom: unset;
    left: 50%;
    right: unset;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .ban-agile-mana{
    top: 28%;
    bottom: unset;
    left: 50%;
    right: unset;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .ban-img-project, .bg-port-calentadores, .bg-port-cozu, .project2,
  .project3, .bg-port-onest, .bg-port-tenis {display: none;}

  .circle-port-project {left: 70%; top: 50%;}

  .bpn-ecommerce { top: 30%; }
  .sec_img .img_dos{
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }
  .p-apps-web-4 { bottom: -60px; }
  .owl-carousel.oc-employees .owl-stage > .owl-item { margin-top: 40px; }
  .employees-dots { width: 100px; }
  .img-social-puntitos-azules{ width: 100px; top: -55px;  }
  .img-multi-puntitos-verdes { width: 100px; top: -41px;  }
  .img-ux-puntitos-verdes { width: 100px; top: -41px; }
  .img-port-puntitos-verdes { width: 120px; top: -25%;}

  .circle-port-ourblog {
    width: 70px;
    height: 70px;
    right: 30px;
  }
  .ml-10 { margin-left: 0; margin-top: 40px !important; }
  .txt-frase { font-size: 65px; }
  .txt-frase-2 { font-size: 45px; }

  #home-carousel .carousel-indicators { right: -63px; }

  #home-carousel .txt-frase { font-size: 40px; }
  #home-carousel .txt-cac-2 { font-size: 18px; }
  .txt-cac { font-size: 18px; }
  .link-view-more-mobile {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
  }

  .img-portfolio-client-logo { width: 100px; }
  .owl-carousel-portfolio-nav { display: none !important; }
  .slide-indicator-number { font-size: 50px; right: 15px; }
  #carouselClientsIndicators .carousel-indicators { display: none; }
  #carouselClientsIndicators .carousel-control-prev, #carouselClientsIndicators .carousel-control-next { top: 0 !important; }
  #carouselClientsIndicators .carousel-control-prev { left: 0 !important; }
  #carouselClientsIndicators .carousel-control-next { right: 0 !important; }
  .equipo {
    position: relative;
    left: auto !important;
    right: auto;
    bottom: auto;
  }
  .img-bigger { width: 50%; }
  .home-instagram-section-title { font-size: 40px; }
  .dots-insta { left: -100px; }
  .sec_img { height: 300px !important; background-position: center; }
  .section-service-sesign, .section-service-sesign-text { height: 50% !important; }
  .carousel-label { width: calc( 100% - 30px ); }
  .comillas { font-size: 35px; }
  .bg-magic-quadrant { height: 10% !important; }
  .vtex-mq-sec-1 { height: 90% !important; }
  .vtex-mq-sec-2 { height: 0 !important; display: none !important; }
  .magic-quadrant-graph { height: 250px; }
  .bgh-clients { height: auto; min-height: auto; background-image: none !important; }
  .section-valores, .section-valores .h-100 { height: auto !important; }
  .section-valores .banner-text-values {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }
  .nosotros-gallery { height: auto; }
  .bg-portafolio { height: 400px; }
  .bg-portafolio-projects { height: 400px; }
  .home-clientes-aliados.h-100,
  .home-clientes-aliados.h-100 .h-100 { height: auto !important; }
  .our-products-section-1 { height: 10%; }
  .our-products-section-2 { height: 90%; }
  .soluciones-section-1 { height: 10%; }
  .soluciones-section-2 { height: 90%; }
  /*.section-our-products { height: 1300px; }*/
  .img_clients { width: auto; height: 200px; }
  .banner-text-agile {
    top: auto;
    left: auto;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
  }
  .align-items-center-mobile {
    -ms-flex-align: center !important;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
  footer * { font-size: 12px; }
  .footer-menu { width: 33.33333333%; float: left; text-align: left; }
  .nosotros-gallery > .row.h-100, .gallery-extra { height: auto !important; }
  .bg-gallery-cover { height: 300px; }
  .navbar.navbar-to-top { background-color: #FFF !important; }
  .menu-space { padding-top: 71px; }
  .py-3 .menu-space, .pt-3 .menu-space { padding-top: 56px; }

  .bgh-clients { padding-top: 80px; padding-bottom: 80px; }
  #clients-carousel { height: auto !important; }
}

/* 576 x 320 */
@media (max-width: 575.98px) {

  .circle-port-ourblog {
  width: 50px;
  height: 50px;
  right: 30px;
  top: 70%;
  }

}

  /*.capa{ margin-top: 35%; }*/


  .sec_us{
    height: 450px;
  }

  .contenido h1{
    font-size: 20px;
    margin: 40px 10px;
  }

  .circle-port-project {
    left: 10%;
    bottom: -50px;
    top: auto;
  }


  .contenido .pasion{
  font-size: 14px;
  margin: 0;
  padding-right: 20px;
  margin-bottom: 10px;
  }

  .imagenes {
  left: 40px;
  }

  .imagenes .uno img{
    width: 140px;
    height: 160px;
  }

  .dos{
    top: 35%;
  }

  .imagenes .dos img{
    width: 100px;
    height: 110px;
  }

  .contenido .desa{
    padding-left: 40px;
  }

  .contenido .job{
    padding-left: 0;
  }

  .contenido .desa{
    font-size: 10px;
  }

  .contenido .job{
    font-size: 10px;
    padding-left: 70px;
  }

  .equipo p{
    font-size: 10px;
  }

@media (min-width: 577px) and (max-width: 767.98px) {
  .sec_us{
    height: 430px;
  }

  .contenido h1{
    font-size: 23px;
    margin: 40px 10px;
  }

  .contenido .pasion{
  font-size: 16px;
  margin: 0;
  padding-right: 60px;
  margin-bottom: 10px;
  }

  .imagenes {
  left: 90px;
  }

  .imagenes .uno img{
    width: 220px;
    height: 232px;
  }

  .imagenes .dos img{
    width: 140px;
    height: 150px;
  }

  .contenido .desa{
    padding-left: 40px;
  }

  .contenido .job{
    padding-left: 100px;
  }

  .contenido .desa{
    font-size: 12px;
  }

  .contenido .job{
    font-size: 12px;
    padding-left: 70px;
  }

  .equipo p{
    font-size: 12px;
  }
   .exp-title-digital{ font-size: 30px; }
  .text-digital { font-size: 18px; }
}
@media( max-width: 576px ) {
  .menu-title { font-size: 28px; }
  .menu-item, .menu-item > a { font-size: 18px; }
  .circle-footer { width: 50px; height: 50px; top: -50px; }
  .circle-cms-lms,
  .circle-our-devs,
  .circle-our-designers { width: 50px; height: 50px; }
  .navbar .nav-item.menu-toggler-container { margin-left: 20px; }
  .banner-text > .banner-title { font-size: 30px; }
  .banner-text-values > .banner-title2 { font-size: 20px; }
  .banner-text-contact > .banner-title-contact { font-size: 20px; }
  .banner-text-agile > .banner-title { font-size: 30px; }
  .title-phrase { font-size: 25px !important; }
  .title-frase-banner { font-size: 23px; }
  .comillas-agile {font-size: 40px;}
  .circle-frase-banner {width: 85px; height: 85px;}
  .bpn-sdes { top: 30%; }
  .ban-digital { top: 23%; }
  .ban-agile-mana { top: 25%; }
  .bpn-ecommerce { top: 27%; }
  .banner-page-name > h1 { font-size: 20px; }
  .lms-cms-text { font-size: 13px; position: relative; z-index: 2; }
  .text_dev .text_title, .our-prods-title, .our-emp-title { font-size: 20px; }
  .employees-dots { top: -30px; }
  .exp-title-digital{ font-size: 30px; }
  .text-digital { font-size: 18px; }
  .txt-frase { font-size: 32px; padding-top: 55px;}
  .txt-frase-2 { font-size: 35px; }
  .txt-frase-3 { font-size: 15px; }
  .txt-cac { font-size: 16px; }
  #home-carousel .txt-frase { font-size: 25px; }
  #home-carousel .txt-cac-2 { font-size: 16px; }
  .img-mobile { width: 200px; }
  .home-instagram-section-title { font-size: 28px; }
  .sec_dev_sites_mobile .txt-cac { font-size: 14px !important; }
  .section-service-sesign,
  .section-design-thinking { height: 20% !important; }
  .section-service-sesign-text { height: 80% !important; }
  .section-design-thinking.sdt-2 { display: none !important; }
  .section-design-thinking-text.sdtt-2 { height: 100% !important; }
  .vtex-mq-sec-1 .txt-cac { font-size: 13px; }
  .magic-quadrant-graph { height: 220px; }
  .portfolio-description { font-size: 14px; }
  .txt-cac-valores { font-size: 13px; }
  .bg-portafolio { height: 300px; }
  .bg-portafolio-projects { height: 300px; }
  .img_clients { height: 300px; }
  .bg-gallery-cover { height: auto; background-image: unset; }
  .form-group { margin-bottom: 5px; }
  .navbar .navbar-brand img,
  .navbar.navbar-to-top .navbar-brand .white-logo,
  .navbar.navbar-to-top .navbar-brand .normal-logo { width: 60px; }
  .navbar-to-top .btn-no-style { font-size: 12px; }
  .menu-space { padding-top: 61px; }
  .bgh-clients { padding-top: 50px; padding-bottom: 50px; }
}

@media( max-width: 414px ) {
  .bgh-clients { padding-top: 40px; padding-bottom: 40px; }
}

@media( max-width: 375px ) {
  .section-design-thinking { height: 20% !important; }
  .section-design-thinking-text { height: 80% !important; }
  .vtex-img-info { width: 50px; }
  .vtex-text-info { font-size: 13px; }
  .vtex-mq-sec-1 .txt-cac { font-size: 16px; }
  .magic-quadrant-graph { display: none !important; }
  .bpn-dev { top: 32%; }
  .bpn-sdes { top: 24%; }
  .team-img { width: 70%; }
  .img_clients { height: 250px; }
  .bgh-clients { padding-top: 35px; padding-bottom: 35px; }
  /*.img_clients { max-width: 100%; height: auto; }*/
  .form-control { height: 30px; padding: 0 .75rem; }
  .footer-menu { width: 50%; }
  .title-phrase-agile { font-size: 20px !important; }
  .secc-exp-saas h2 { font-size: 20px; }
}

@media( max-width: 357px ) {

  /*.capa{ margin-top: 55%; }*/

  .ban-digital{ top: 14%; }
  .ban-agile-mana{ top: 20%; }
  .bpn-ecommerce { top: 17%; }
  .txt-frase { font-size: 30px; }
  .txt-frase-2 { font-size: 25px; }
  .txt-frase-3 { font-size: 15px; }
  .exp-title-digital{ font-size: 28px; }
  .text-digital { font-size: 13px; }
  .img-mobile { width: 150px; }
  .sec_img { display: none; }

  .section-design-thinking { display: none; }
  .section-design-thinking-text { height: 100% !important; }
  .text-service-design { font-size: 13px; }
}

@media( max-width: 320px ){
  .txt-frase{
    padding-top: 35px;
  }
}

.carousel-indicators{
    position: relative !important;
}

.carousel-indicators li{
    width: 15px !important;
    height: 10px !important;
    background-color: #D9D9D9;
    opacity: 1;
    margin-right: 0px;
    margin-left: 7px;
}

.carousel-indicators .active{
    background-color: #FD7E14;
}

.carousel-indicators #indicatorsExito{
    width: 10px !important;
    height: 10px !important;
    background-color: #D9D9D9;
    opacity: 1;
    margin-right: 7px;
    margin-left: 7px;
    margin-top: -13px;
}

.carousel-indicators #indicatorsExito.active{
    background-color: #FD7E14;
}



/*@media (min-width: 358px) and (max-width: 430px) { .ban-digital{ top: 39%; } }*/
/*@media (min-width: 431px) and (max-width: 558px) { .ban-digital{ top: 42%; } }*/
/*@media (min-width: 559px) and (max-width: 575px) { .ban-digital{ top: 44%; } }*/

/*@media (min-width: 358px) and (max-width: 430px) { .ban-agile-mana{ top: 41%; } }
@media (min-width: 431px) and (max-width: 558px) { .ban-agile-mana{ top: 42%; } }
@media (min-width: 559px) and (max-width: 575px) { .ban-agile-mana{ top: 44%; } }*/

@media( min-width: 1600px ) {
    .caruselPrim{left: 11%;}
    .textCases{left: 30px;}
}



/*

  @media( max-width: 1600px ) {}
  @media( max-width: 1440px ) {}
  @media( max-width: 1366px ) {}
  @media( max-width: 1280px ) {}
  @media( max-width: 1024px ) {}
  @media( max-width: 736px ) {}
  @media( max-width: 667px ) {}
  @media( max-width: 640px ) {}
  @media( max-width: 568px ) {}
*/