@import url("https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family='Montserrat'&display=swap");
body {
  background: #FFFFFF;
  color: #000000; }

p,
span {
  font-family: ''Montserrat'', sans-serif;
  font-size: 18px; }

h1,
h2,
h3,
h4,
h5,
ul,
li,
button {
  font-family: 'Montserrat', sans-serif; }

h1 {
  font-size: 5.6rem;
  color: #011E41;
  line-height: 1; }

h2 {
  text-align: center;
  text-transform: uppercase;
  color: #011E41; }

.btn-azul {
  background: #2E7286;
  color: #ffffff;
  border-radius: 0px; }

.btn-azul:hover {
  color: #fff;
  background-color: #2E7286;
 }

 .btn-azulint {
  background: #1D61BC;
  color: #ffffff;
  border-radius: 0px; }

.btn-azul:hover {
  color: #fff;
  background-color: #2E7286;
 }

 .btn-morado {
  background: #862E71;
  color: #ffffff;
  border-radius: 0px; }

.btn-morado:hover {
  color: #fff;
  background-color: #00B2E3;
 }

 .btn-amarillo {
  background: #FBBB44;
  color: #484444;
  border-radius: 0px; }

.btn-amarillo:hover {
  color: #fff;
  background-color: #862E71;
 }

.btn-light {
  color: #011E41;
  border-radius: 0px; 
  background-color: rgb(255, 255, 255, .8);
}

.btn-light:hover {
  background-color: rgb(255, 255, 255, 1);
}
.btn-contorno {
  color: #FFF;
  border: solid 1px #FFF;
  border-radius: 0px;
}

.btn-contorno:hover {
  background-color: rgb(255, 255, 255, 1);
}

p.txt-small {
  color: #011E41;
  font-size: 23px;
  line-height: 1em;
  font-family: 'Montserrat', sans-serif;
  text-align: center; }

.vl {
  border-left: 3px solid #00B2E3;
  height: 50px;
  left: 50%;
  position: absolute; }

hr {
  width: 60%;
  border: 1px solid #3D6680;
  margin: auto;
  margin-top: 5rem; }

@media (min-width: 1700px) {
  .container {
    max-width: 1620px; } }

#menu img {
  width: 220px; }

#menu a.nav-link {
  font-size: 16px;
  color: #000000; }

#menu a.active {
  color: #00B2E3 !important; }

#menu .navbar {
  margin-top: 1rem; }

#home-banner .btn-azul {
  margin-right: 2rem; }

@media (max-width: 991px) {
  #home-banner {
    text-align: center; }
    #home-banner h1 {
      font-size: 3.6rem; }
    #home-banner .btn-azul {
      margin-right: 0rem;
      margin: .5rem auto; }
    #home-banner .btn-light {
      margin: .5rem auto; }
    #home-banner img {
      width: 100%;
      margin-top: 1rem; } }

#section-banner h1 {
  font-size: 5.3rem; }

#section-banner img {
  width: 120%; }

@media (max-width: 991px) {
  #section-banner {
    text-align: center; }
    #section-banner h1 {
      font-size: 3.6rem; }
    #section-banner .btn-azul {
      margin-right: 0rem;
      margin: .5rem auto; }
    #section-banner img {
      width: 100%;
      margin-top: 1rem; } }

#servicios-especializados .servicios-icon {
  margin: 1rem 0; }

#servicios-especializados img {
  width: 85px;
  height: 85px; }

#servicios-especializados .btn-azul {
  margin: .5rem auto; }

#soluciones-medida {
  text-align: center; }
  #soluciones-medida img {
    width: 100%; }

#question-tipo-servicio {
  background: #011E41;
  padding: 5rem auto; }
  #question-tipo-servicio h2 {
    color: #00B2E3;
    text-transform: none; }

#clientes img {
  width: 100%;
  padding: 0rem 2rem; }

#certificaciones h5{
  min-height: 45px;
  font-weight: 700;
  font-size: .9em;
}
#certificaciones p{
  padding: 20px 25px 0;
  text-align: center;
  font-size: 14px;
}
#certificaciones .certwrapper{
  height: 130px;
}
#certificaciones .imgtall {
  width: 60%;
  margin: auto auto;
}
#certificaciones .imgwide {
  width: 100%;
  margin: auto auto;
}
.negrita{
  font-weight: 700;
}
.sinsentido{
  margin-left: 20px;
}
.enlacesinsentido{
  color: #ffffff;
  text-decoration: inherit;
}
.enlacesinsentido:hover{
  color: #ffffff;
  text-decoration: underline;
}
.imgconsultoria img{
  width: 100%;
}
.divideriktans{
  width: 100%;
  border-bottom: 1px solid #222;
  margin-bottom: 20px;
}

#ubicaciones {
  background: #E2E2E2; }

#footer {
  background: #1F416B;
  color: #ffffff; }
  #footer h2 {
    color: #ffffff;
    padding: 8rem; }
  #footer a {
    color: #68c1dc; }
  #footer img {
    width: 200px;
    margin-top: 2rem; }

#retos {
  text-align: center; }
  #retos img {
    width: 100%;
    margin-top: 1rem; }

#ser-soluciones img {
  margin-top: 1rem; }

#trabajar-joffroy img {
  width: 80%;
  border-radius: 100%;
  margin-top: 1rem; }

@media (max-width: 991px) {
  #trabajar-joffroy {
    text-align: center; }
    #trabajar-joffroy img {
      width: 110px; } }

#mision img {
  width: 130px;
  height: 130px; }

#valores img {
  width: 90px;
  height: 90px; }

.counter {
  font-size: 3.5em;
  font-family: 'Montserrat', sans-serif;
  font-weight: 900;
  color: #00B2E3; }

p.tit {
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 20px; }

img.valores {
  width: 60px;
  height: 60px; }

input,
textarea,
select {
  margin: 5px 0 !important;
  border: solid 2px #00B2E3 !important;
  border-radius: 0px !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px !important; }

.contacto {
  text-align: right; }

/***Tabs Ubicaciones***/
.tab {
  overflow: hidden;
  text-align: center;
  color: #011E41;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px; }

.tab button {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  background: #e2e2e200; }

.tab button:hover {
  color: #00B2E3 !important; }

.tab button.active {
  text-decoration: underline;
  color: #00B2E3 !important; }

.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
  max-width: 900px;
  margin: auto; }

/****Tab Ubicaciones******/
img.circulo {
  width: 80%;
  border-radius: 100%; }

/***Slide testimoniales****/
.testimonial-item.equal-height.style-6 {
  margin: 10px; }

.cell-right {
  margin-left: 55px;
  padding-bottom: 20px; }

.testimonial-name {
  font-weight: 700;
  color: #011E41;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  text-transform: uppercase; }

.testimonial-job {
  font-weight: 400;
  color: #9A9A9A;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1; }

.testimonial-content.quote {
  padding: 17px 55px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #000000; }

.et_right_sidebar #main-content .container:before {
  display: none; }

#main-content .container {
  padding-top: 10px; }

i.fa.fa-quote-left {
  padding: 0px 10px;
  color: #999; }

.owl-buttons {
  display: none; }

.qui {
  position: absolute;
  margin: -2px 0px 0px 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 55px;
  font-weight: 900;
  color: #011E41; }

/******Testimoniales***/
/* ul.dropdown-menu.show {
  margin-left: 50%; } */

/*****MEnu espacio*/
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1.2rem;
  padding-left: 1.2rem; }

/*****Acordeon*/
.accordion:hover .accordion-item:hover .accordion-item-content,
.accordion .accordion-item--default .accordion-item-content {
  height: auto; }

.accordion-item-content,
.accordion:hover .accordion-item-content {
  height: 0;
  overflow: hidden;
  transition: height 0.25s; }

.accordion {
  padding: 0;
  margin: 0 auto; }

.accordion .accordion-item {
  padding: 1rem; }

.accordion h1 {
  margin: 0; }

/******Forms****/
/***Forms***/
fieldset {
  width: 100% !important;
  max-width: 900px !important; }

input, textarea, select {
  margin: -8px 0 !important;
  width: 100% !important; }

input.hs-button.primary.large {
  background: #011E41;
  color: #ffffff;
  border: solid 3px #00B2E3;
  border-radius: 0px;
  margin-top: 1rem !important;
  width: 100px !important; }

input[type="checkbox"] {
  width: 3rem !important;
  margin-left: -2rem !important; }

ul.inputs-list.multi-container {
  list-style: none; }
.negrita{
  font-weight: 800 !important;
}
.solucioncaja img{
  width: 90% !important;
}
.solucioncaja{
  margin-bottom: 30px;
}
.solucioncaja a{
  color: #011E41 !important;
  text-decoration: inherit !important;
}
.solucioncaja a p{
  background-color: #011E41;
  width: 90%;
  margin: auto auto;
  padding: 10px;
  font-weight: 700;
  color: #ffffff;
}
.solucioncaja a:hover p{
  background-color: #00B2E3 !important;
  color: #ffffff;
}
.solucioncaja a:hover img{
  background-color: rgb(104, 193, 220, .5) !important;
}
.subfooterjoffroy{
  background-color: #00B2E3;
  color: #fff;
}
.subfooterjoffroy a{
  color: #fff;
}
#footer a{
  color: #ffffff;
  text-decoration: inherit;
}
#footer a:hover{
  color: #00B2E3;
}
#footer li{
  font-size: 17px;
}
.bannernosotros{
  background-image: url(../img/nosotros-banner.png);
}
.bannerhome{
  background-image: url(../img/home-banner.svg);
}
.bannercontacto{
  background-image: url(../img/Asesorate.svg);
}
.bannerjoffroy{
  background-size: contain;
  height: 600px;
}
.container-fluid h1{
  padding-left: 50px;
}
.container-fluid p{
  padding-left: 30px;
  padding-right: 30px;
}
.container-fluid button{
  margin-left: 30px;
  margin-right: 30px;
}

/* servicios index */
#img-desfa {
  padding: 0px 0 0;
}
#img-desfa .ins-item-47 {
  flex: 0 0 50%;

  margin: 0 auto;
}
#img-desfa .ins-item-47.left {
  padding: 30px 45px 30px 25px;
}
#img-desfa .ins-item-47.right {
  padding: 0px;
}
#img-desfa .ins-item-33 {
  flex: 0 0 33.3333333%;

  margin: 0 auto;
}
#img-desfa .ins-item-33.left {
  padding: 30px 45px 30px 25px;
}
#img-desfa .ins-item-33.right {
  padding: 0px;
}

#img-desfa .ins-item-53 {
  flex: 0 0 50%;
  max-width: 50%;
  background-repeat: no-repeat;
}
#img-desfa .ins-item-53 img {
  width: 100%;
}
#img-desfa .txt-cont {
  margin: 0 auto;
  max-width: 100%;
  align-self: center;
}
#img-desfa .txt-cont.pl {
  margin: 0 auto;
  padding-left: 0px;
}
#img-desfa .txt-cont.pr {
  margin: 0 auto;
  padding-right: 120px;
}
#img-desfa h2 {
  color: #2f61b0;
  font-size: 44px;
  text-align: center;
  padding: 15px 0px;
  font-weight: 500;
}

#img-desfa .sub-title {
  color: #29243c;
  font-weight: 400;
  position: relative;
  font-size: 42px;
  margin-bottom: 30px;
}

#img-desfa p b {
  font-family: Playfair;
}

#img-desfa .ins-item-47 p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 0px;
}
#img-desfa .ins-item-47 ol {
  margin-bottom: 40px;
}
#img-desfa .ins-item-47 ol li {
  font-size: 20px;
  line-height: 2;
}
/* .flex-d-col {
  flex-direction: column;
} */
#img-desfa .btn-cont a {
  background-color: transparent;
  color: #2f61b0;
  font-weight: 500;
  font-size: 1rem;
  line-height: 2rem;
  padding: 1rem 4rem;
  border-radius: 46px;
  border: #2f61b0 1px solid;
  transition: all 0.3s;
  position: relative;
  display: inline-block;
}
#img-desfa .btn-cont a:hover {
  background-color: #2f61b0;
  color: rgba(255, 255, 255, 1);
  border: #2f61b0 1px solid;
  transition: all 0.3s;
  text-decoration: none;
}
.topcajaikt{
  width: 100%;
  padding: 40px 0;
}
.cajabottomikt{
  padding: 20px 30px 0;
}
.azultranshead{
  background-color: rgb(31, 65, 107, .5);
  padding-right: 50px;
  padding-left: 50px;
}
@media (max-width: 1024px) {
  #img-desfa .txt-cont.pl {
    margin: 0 auto;
    padding-left: 0px;
  }
  #img-desfa .txt-cont.pr {
    margin: 0 auto;
    padding-right: 0px;
  }
}
@media (max-width: 768px) {
  #img-desfa .ins-item-47 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
  }
  #img-desfa .ins-item-33 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
  }

  #img-desfa .ins-item-53 {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .order-mobile-first {
    order: -1;
  }
}
@media (max-width: 767px) {
  #img-desfa .btn-cont a {
    padding: 1rem 3rem;
  }
  #img-desfa .sub-title {
    font-size: 30px;
  }
}

.paddingsec{
  padding-top: 60px;
  padding-bottom: 60px;
}
.paddingcta{
  padding-top: 35px;
  padding-bottom: 35px;
}
.headh1{
  font-size: 35px;
  font-weight: 600;
  color: #2E7185;
}
.headh2{
  font-size: 35px;
  font-weight: 600;
  color: #ffffff;
  text-transform: inherit;
}
.chicoh1{
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  text-transform: inherit;
  padding: 15px 0;
}
.fondoazul{
  background-color: #1F416B;
}
.textoazulint{
  color: #174B90;
}
.fondoazulint{
  background-color: #174B90;
}
.fondoaqua{
  background-color: #2E7185;
}
.textoaqua{
  color: #2E7185;
}
.fondoamarillo{
  background-color: #FBBB44;
}
.textoamarillo{
  color: #FBBB44;
}
.textomorado{
  color: #862E71;
}
.fondomorado{
  background-color: #862E71;
}
.textoblanco{
  color: #ffffff;
}
.fondoblanco{
  background-color: #ffffff;
}
.iconoventaja{
  width: 40%;
  margin: auto;
}
.iconoventaja img{
  width: 100%;
  margin-bottom: 15px;
}
.titulomitad{
  padding: 30px 0px;
  font-weight: 700;
}
.btnmitad{
  margin-bottom: 40px;
}
.fotomitad{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 350px;
  padding-right: 45px;
}
.nomargin{
  margin-left: 0px !important;
  padding-left: 0px !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
}
.partneriktans{
  width: 80%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
.partneriktans img{
  width: 100%;
}
.menuinterno{
  padding: 10px 0;
}
.menuinterno a{
  color: #ffffff;
  font-weight: 700 !important;
  text-decoration: inherit;
}
.menuinterno a:hover{
  border-bottom: 2px solid #ffffff;
}
.solucioncentro{
  padding: 0px 30px;
}
.imgfull img{
  width: 100%;
}
.cajaaqua{
  border: solid 1px #E2E2E2;
  padding: 20px;
  border-top: 10px solid #2E7185;
  border-bottom: solid 2px rgba(102,102,102,0.5);
  margin-bottom: 30px;
}
.cajaamarilla{
  border: solid 1px #E2E2E2;
  padding: 20px;
  border-top: 10px solid #FBBB44;
  border-bottom: solid 2px rgba(102,102,102,0.5);
  margin-bottom: 30px;
}
.cajamorada{
  border: solid 1px #E2E2E2;
  padding: 20px;
  border-top: 10px solid #862E71;
  border-bottom: solid 2px rgba(102,102,102,0.5);
  margin-bottom: 30px;
}
.cajaazulint{
  border: solid 1px #E2E2E2;
  padding: 20px;
  border-top: 10px solid #174B90;
  border-bottom: solid 2px rgba(102,102,102,0.5);
  margin-bottom: 30px;
}
.enlacemenuinterno{
  color: #ffffff;
  font-weight: 600;
  text-decoration: inherit;
}
.enlacemenuinterno:hover{
  color: #ffffff;
  border-bottom: solid 2px #ffffff;
}
.icononosotros{
  padding-top: 50px;
  width: 40%;
  margin: auto;
}
.icononosotros img{
  width: 100%;
}
.nombreikt img{
  width: 100%;
}
.bordeazulabajo{
  border-bottom: #1F416B 15px solid;
}
.bordebottomblanco{
  width: 80%;
  padding-bottom: 10px;
  border-bottom: solid 2px #ffffff;
}
.imgqlik img{
  width: 40%;
}
.imgcontacto img{
  width: 100%;
}
.fondogris{
  background-color: #EBEBF1;
}
@media (max-width: 420px) {
  .headh2{
    text-align: center;
  }
}

@media (min-width: 420px) {
  #certificaciones .certwrapper{
    height: 240px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  #certificaciones .certwrapper{
    height: 180px;
  }
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  .cajatopikt{
    min-height: 80px;
  }
  .textomitad{
    min-height: 280px;
  }
  .cajaaqua{
    min-height: 370px;
  }
  .cajaamarilla{
    min-height: 370px;
  }
  .cajamorada{
    min-height: 370px;
  }
  .cajaazulint{
    min-height: 370px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .textomitad{
    min-height: 220px;
  }
  .cajatopikt{
    min-height: inherit;
  }
  .headh2{
    text-align: left;
  }
  .cajaaqua{
    min-height: 424px;
  }
  .cajaamarilla{
    min-height: 424px;
  }
  .cajamorada{
    min-height: 424px;
  }
  .cajaazulint{
    min-height: 424px;
  }
  #certificaciones .certwrapper{
    height: 130px;
  }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .textomitad{
    min-height: 190px;
  }
  .cajaaqua{
    min-height: 370px;
  }
  .cajaamarilla{
    min-height: 370px;
  }
  .cajamorada{
    min-height: 370px;
  }
  .cajaazulint{
    min-height: 370px;
  }
}
@media (min-width: 1400px) {
  .cajaaqua{
    min-height: 316px;
  }
  .cajaamarilla{
    min-height: 316px;
  }
  .cajamorada{
    min-height: 316px;
  }
  .cajaazulint{
    min-height: 316px;
  }
}
@media (min-width: 1700px) {
  
}