.appointment-hero-bg {

    background-color: #182232!important;

    background-repeat: no-repeat;

    background-image: url(../images/brand/banner.png);

    background-size: cover;

    background-position: 50% 50%;

    background-blend-mode: overlay !important;

}

.bgBlueLight{
  background: #f3f7fd;
}
.bg-summit-parasoft {

    background-repeat: no-repeat;

    background-image: url(../images/bg-parasoft-summit.png);

    background-size: cover;

    background-position: 50% 50%;

}

.bg-techTalent {
  background-color: rgba(0, 0, 0, 0.69) !important;
  background-repeat: no-repeat;
  background-image: url(../images/tech-talent.png);
  background-size: cover;
  background-blend-mode: overlay !important;
  background-attachment: fixed;
}
.bg-smartq {
  background-color: rgba(0, 0, 0, 0.69) !important;
  background-repeat: no-repeat;
  background-image: url(../images/bg-smart-quality.png);
  background-size: auto;
  background-blend-mode: overlay !important;
  background-attachment: fixed;
}

.bg-summit-parasoft2 {

    background-repeat: no-repeat;

    background-image: url(../images/bg-parasoft-2.png);

    background-size: cover;

    background-position: 50% 50%;

}

.btn-line-w{

    border-color: white !important;

    color:white !important;

    background-color: transparent;

    transition: .5s all ease;

}

.btn-line-w:hover{

    border-color: #086ad8 !important;

    color:#086ad8 !important;

    background-color: white;

}

.bg-blue-gra{

    background: linear-gradient(to right, #0c3df4 0%, #02b5ff 100%) !important;

    padding: 65px 65px;

    position: relative;

    border-radius: 10px;

    overflow: hidden;

    z-index: 5;

}

.shapbg{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 0;

    opacity: 30%;

    pointer-events: none;

}

.num {

    /*color: #fff;*/

    font-size: 32px;

    font-weight: bold;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: 15px;

    min-width: 70px;

    text-align: center;

}

.ser_shap_l {

    position: absolute;

    left: 0;

    bottom: 10%;

    z-index: -1;

    -webkit-transition: all 5s ease;

    -o-transition: all 5s ease;

    transition: all 5s ease;

}

.ser_shap_r {

    position: absolute;

    right: 0;

    top: 25%;

}

.p-relative{

    position: relative;

}

.bg-testi{

    background-image: url(../images/bg-partners.jpg);

    background-color: rgb(0 0 0 / 80%);

    background-size: cover;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-blend-mode: overlay;

    background-attachment: fixed;

}

.bg-novedades{

    background-image: url(../images/bg-novedades.jpg);

    background-color: rgb(0 0 0 / 80%);

    background-size: cover;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-blend-mode: overlay;

    background-attachment: fixed;

}

.testimonial-slider--info {

margin-bottom: 0px !important;

}

.quots{

    background-image: url(../images/comillas.png);

    background-position: 92% 90%;

    background-size: 15%;

    background-repeat: no-repeat;

}

.carousel-indicators {

    margin-bottom: 0.5rem;

}

/*Mapa interactivo*/

#mapa {

    position: relative;

    width: 100%;

  }

  

  #mapa img {

    width: 100%;

  }

  

  .punto {

    position: absolute;

    width: 20px;

    height: 20px;

    background-color: red;

    border-radius: 50%;

    cursor: pointer;

    transform: translate(-50%, -50%);

    opacity: 0.8;

    transition: opacity 0.2s;

  }

  

  .punto:hover {

    opacity: 1;

  }

  

  .tooltip {

    position: absolute;

    top: 50%;

    left: 120%;

    transform: translate(-50%, -50%);

    background-color: white;

    border: 1px solid black;

    padding: 10px;

    border-radius: 5px;

    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);

    display: none;

  }

  

  .punto:hover .tooltip {

    display: block;

  }

/*Organigrama*/  

/*.organigrama * {

    margin: 0px;

    padding: 0px;

  }*/



  .organigrama {

    display: flex;

    justify-content: center;

}

  

  .organigrama ul {

      padding-top: 20px;

    position: relative;

  }

  

  .organigrama li {

      float: left;

    text-align: center;

      list-style-type: none;

      padding: 20px 5px 0px 5px;

    position: relative;

  }

  

  .organigrama li::before, .organigrama li::after {

      content: '';

      position: absolute;

    top: 0px;

    right: 50%;

      border-top: 2px solid rgb(0, 170, 255);

      width: 50%;

    height: 20px;

  }

  

  .organigrama li::after{

      right: auto;

    left: 50%;

      border-left: 2px solid rgb(0, 170, 255);

  }

  

  .organigrama li:only-child::before, .organigrama li:only-child::after {

      display: none;

  }

  

  .organigrama li:only-child {

    padding-top: 0;

  }

  

  .organigrama li:first-child::before, .organigrama li:last-child::after{

      border: 0 none;

  }

  

  .organigrama li:last-child::before{

      border-right: 2px solid rgb(0, 170, 255);

      -webkit-border-radius: 0 5px 0 0;

      -moz-border-radius: 0 5px 0 0;

      border-radius: 0 5px 0 0;

  }

  

  .organigrama li:first-child::after{

      border-radius: 5px 0 0 0;

      -webkit-border-radius: 5px 0 0 0;

      -moz-border-radius: 5px 0 0 0;

  }

  

  .organigrama ul ul::before {

      content: '';

      position: absolute;

    top: 0;

    left: 50%;

      border-left: 2px solid rgb(0, 170, 255);

      width: 0;

    height: 20px;

  }

  

  .organigrama li a {

      border: 2px solid rgb(0, 170, 255);

      padding: 1em 0.75em;

      text-decoration: none;

      color: #333;

    background-color: rgba(255,255,255,0.5);

      font-family: arial, verdana, tahoma;

      font-size: 0.85em;

      display: inline-block;

      border-radius: 5px;

      -webkit-border-radius: 5px;

      -moz-border-radius: 5px;

    -webkit-transition: all 500ms;

    -moz-transition: all 500ms;

    transition: all 500ms;

  }

  

  .organigrama li a:hover {

      border: 1px solid #fff;

      color: #ddd;

    background-color: rgba(3, 140, 253, 0.7);

      display: inline-block;

  }

  

  .organigrama > ul > li > a {

    font-size: 1em;

    font-weight: bold;

  }

  

 /* .organigrama > ul > li > ul > li > a {

    width: 8em;

  }*/



  .organigrama .grid-item {

    max-width: 140px;

    display: block;

    margin: 0 auto;

    background: #f8f9fa;

    padding: 15px;

    border-radius: 5px;

    border: 1px solid #e1e1e1;

    box-shadow: 0px 0px 30px rgba(0,0,0,.15);

}

h6.name {

    font-size: 14px;

    line-height: 16px;

}

.position {

    font-size: 12px;

    line-height: 14px;

    margin-top: 5px;

}

.team-image img {

    width: 80%;

}

.content-wrap {

    background: #f7f7f9;

    padding: 35px 28px 30px 30px;

}

.ht-gradation.style-01 .item:last-child .line {

    display: block;

    left: 0px;

}

h6.heading{

    color:#1b1f2e;

    line-height: 1.35;

    font-weight: 600;

    font-size: 22px;

}

.ht-gradation.style-01 .circle {

    position: relative;

    z-index: 1;

    width: 48px;

    height: 48px;

    line-height: 60px;

    text-align: center;

    border: 2px solid #e8e8e8;

    border-radius: 50%;

    font-size: 24px;

    background-color: #3367d8;

    color: white;

    margin-bottom: 0;

    -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

    box-shadow: 3px 0 20px rgb(0 0 0 / 20%);

    border: 10px solid white;

    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

    width: 80px;

    height: 80px;

    font-weight: 700;

}

.work-process-line {

    margin-bottom: -64px;

    text-align: center;

}

.ht-gradation.style-01 .item:hover .circle {

    color: #ffffff;

    background: #4eb15e;

}

.cta-bg-image_one {

  background-color: #02174a;

}

.ht-team-member-style-one .ht-team-member {

  max-width: 310px;

  margin: auto;

  margin-bottom: 60px;

  /* background: #f8f8f8; */

  text-align: center;

  /* padding: 25px 10px; */

  border-radius: 10px;

}

.faq-wrapper .card-header h5 button[aria-expanded=true] {

  background: #3367d8;

}

.section-sub-title {

  color: #3367d8;

}

.testimonial-slider--info .author-info {

  margin-top: 20px;

}

.bgImgTeam{

  background-color: rgba(255, 255, 255, 0.95)!important;

  background-repeat: no-repeat;

  background-image: url(../images/bg-equipo.jpg);

  background-size: cover;

  background-position: 50% 50%;

  background-blend-mode: overlay !important;

  background-attachment: fixed;

}

.bg-solucion{

  background-color: rgba(0, 0, 0, 0.69)!important;

  background-repeat: no-repeat;

  background-image: url(../images/cl-banner2.jpg);

  background-size: cover; 

  background-blend-mode: overlay !important;

  background-attachment: fixed;

}

.bg-ci{

  background-color: rgba(0, 0, 0, 0.69)!important;

  background-repeat: no-repeat;

  background-image: url(../images/bgci.jpg);

  background-size: cover; 

  background-blend-mode: overlay !important;

  background-attachment: fixed;

}

.bg-virtualice {

  background-color: #122a4e!important;

  background-repeat: no-repeat;

  background-image: url(../images/bg-virtualice.jpg);

  background-size: cover;

  background-blend-mode: overlay;

  background-attachment: fixed;

}

.bg-virtualize {

  background-color: rgba(0, 0, 0, 0.69)!important;

  background-repeat: no-repeat;

  background-image: url(../images/bg-virtualice.jpg);

  background-size: cover;

  background-blend-mode: overlay;

  background-attachment: fixed;

}

.txt-shadow{

  text-shadow: 0px 0px 20px black;

}

.bg-cd{

  background-color: rgba(0, 0, 0, 0.69)!important;

  background-repeat: no-repeat;

  background-image: url(../images/bg-cd.jpg);

  background-size: cover; 

  background-blend-mode: overlay !important;

  background-attachment: fixed;

}

.ht-btn.ht-btn-md {
  font-size: 1.5em;
}

.bg-contact{

  background-color: rgba(0, 0, 0, 0.69)!important;

  background-repeat: no-repeat;

  background-image: url(../images/HANDDEAL.jpg);

  background-size: cover; 

  background-blend-mode: overlay !important;

  background-attachment: fixed;

}

.bg-asoc{

  background-color: rgba(0, 0, 0, 0.69)!important;

  background-repeat: no-repeat;

  background-image: url(../images/bg-asoc.jpg);

  background-size: cover; 

  background-blend-mode: overlay !important;

  background-attachment: fixed;

}

.bg-qa{

  background-color: rgba(0, 0, 0, 0.69)!important;

  background-repeat: no-repeat;

  background-image: url(../images/bg-qa.jpg);

  background-size: cover; 

  background-blend-mode: overlay !important;

  background-attachment: fixed;

}

.bg-aspm{

  background-color: rgba(0, 0, 0, 0.69)!important;

  background-repeat: no-repeat;

  background-image: url(../images/bg-aspm.jpg);

  background-size: cover; 

  background-blend-mode: overlay !important;

  background-attachment: fixed;

}

.banner-space2 {

  padding-top: 90px;

  padding-bottom: 90px;

}

.pb-20 {

  padding-bottom: 20px;

}



.pb-25 {

  padding-bottom: 25px;

}



.pb-30 {

  padding-bottom: 30px;

}

.faq-two-wrapper .card-header h5 button {

  font-size: 20px; 

  font-weight: 500; 

}

.conact-us-wrap-one .heading::before { 

  background-color: #87b7eb;

}

.faq-two-wrapper .card-header h5 button[aria-expanded=true] span i {

  color: #87b7eb;

}

.text-color-secondary {

  color: #81abeb;

}

.subtitulos{ 

  font-size: 18px; 

}

.faq-two-wrapper .card-header h5 button {

  font-size: 18px; 

  color: #106fae;

}

.projects-wrap.style-04 .projects-image-box {  

  padding: 74px 14px 0px;

  margin-bottom: 0px;

}

.projects-wrap.style-04 .content {

  padding: 0px 6px 94px;

  padding-bottom: 50px;

}  

h6.texto-continuous {

  font-weight: 400;

  line-height: inherit;

} 

.ht-box-images.style-01 .image-box-wrap {

  margin-top: 12px;

}

.content.text-partner:hover {

  color: black;

}

.content.text-partner {

  color: black;

}

.header__navigation li {

  text-transform: uppercase;

}

.valList li {

  padding-bottom: 10px;

} 

.section-space--mlr_25 {

  margin-left: 25px;

  margin-right: 25px;

} 

.foto-organigrama{

    border-radius: 50%;

    width: 90%;

} 

.ht-box-images.style-06 .image-box-wrap {

  -webkit-box-shadow: 0 0 40px 5px rgba(51, 51, 51, 0.1);

  box-shadow: 0 0 40px 5px rgba(51, 51, 51, 0.1);

  background: #fff;

  border-radius: 5px;

  padding: 50px 35px 60px;

  overflow: hidden;

  position: relative;

  margin-top: 30px;

}

.iconSolu{

  min-width: 80px !important;;

  margin-right: 10px !important;

  color: #333333 !important;

}

.iconSolu .svg-icon {

  width: 65px;

  height: 65px;

  color: #333333 !important;

}

.testimonial-slider__author .author-info {

  align-items: flex-start !important;

  flex-direction: column !important;

}

.fsz16 {

  font-size: 16px;

  line-height: 1.5em;

}

.processing-contact-us-bg {

  background-color: #00103a;

}

.bBblu{

  border-bottom: 6px solid #3367d8 !important;

}

.ht-box-images.style-01 .circle-arrow a {

  background: #152b73;

}

.ht-box-images.style-01 .circle-arrow {

  bottom: -12px;

}

.bg-theme-default {

  background: #2944a5;

}

.text-color-primary {

  color: #2944a5;

}

h5 {

  font-size: 20px;

}

.post-feature.blog-thumbnail {

  text-align: center;

}

.post-excerpt p{

  font-size: 16px;

}



.ser_shap_l {

  position: absolute;

  left: -80px;

  bottom: 0;

  z-index: -1;

  -webkit-transition: all 5s ease;

  -o-transition: all 5s ease;

  transition: all 5s ease;

}

.business-solution-form-wrap {

  max-width: 450px;

}

.text-grin{

  color:#8ad32f;

}

.testimonial-slider__text {

  font-size: 14px;

}

#closeModal {
  background: #e2e2e2;
  border-radius: 50px;
  height: 2.5rem;
  font-size: 1.5rem;
  color: #ababab;
  width: 2.5rem;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

#closeModal:hover{
  background: #3367d7;
  color: #ffffff;
}

.form-event{
  padding: 50px;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.57);
}
.bg-event{
  background-image: url(../images/bg-evento-techno.png);
  background-size: cover;
}
.bg-qaia{
  background: url(../images/shape-box.png), url(../images/bg-8.png);
  background-size: 250px, cover;
  background-repeat: no-repeat;
  background-position-x: 85%, center;
  background-position-y: 15%, bottom;
}
/*Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {}



/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {}



/*Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {}



/*X-Large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {}



/* XX-Large devices (larger desktops, 1400px and up)*/

@media (min-width: 1400px) {}

/*----------------------------------------*/

/* X-Small devices (portrait phones, less than 576px)*/

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



/* Small devices (landscape phones, less than 768px)*/

@media (max-width: 767.98px) {
  img.ser_shap_l {
    display: none;
}

.bg-qaia {
    background: none;
}

}



/*Medium devices (tablets, less than 992px)*/

@media (max-width: 991.98px) {

}



/*Large devices (desktops, less than 1200px)*/

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



/* X-Large devices (large desktops, less than 1400px)*/

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