body { font-family: Barlow; }

h1,h2,h3,h4,h5,h6{margin:0px; padding: 0px;}
.row { margin-right:0px!important; margin-left: 0px!important;}

input.middle:focus {
    outline-width: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


/* Header */
#header{ width: 100%; top:0px; left:0px; text-align:center!important; background-color: #ffffff !important;}
.Tech-K-logo { width: 130px; height: 30px; object-fit: contain;}
.dropdown-menu{top:40px;}

.nav-item.dropdown:hover .dropdown-menu { display: block;}

.navbar { width:100%; max-width:1161px; height: 76px; position: relative; left:50%; margin-left:-580px;  /*padding-left: 18.45%; padding-right: 18.45%; */ box-shadow: 0 2px 4px 0 rgba(236, 236, 236, 0.2); background:#fff!important;}
.navbar img.header {height: 25px; object-fit: contain; width: 101px;}

.navbar ul li { margin-right: 2%;}
.navbar ul li a { font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; color:#3d433d;}
.navbar ul li a:hover {color: #3231db;}

.btn.contact, .btn.apply { width: 142px; height: 47px; border-radius: 3px; background-color: #3231db; border:none!important;}
.btn.contact:hover, .btn.apply:hover {background-color: #DA0009}
.dropdown-menu {padding: 0; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.07), 0 19px 38px 0 rgba(249, 249, 249, 0.5);}
.dropdown-menu a {height: 68px; line-height: 68px; vertical-align: middle; text-align: center;}


/* Div background */
.sliderhome{ width:100%; position:relative; height:568px; background: url(../img/bg-slider.png) no-repeat center top; background-size: cover;}
.fixed{position:fixed; top:0;z-index: 999}

.pvalor{ animation-delay:1s; width:100%; display: block; width:800px; height:200px; position:absolute; top:130px; left:50%; margin-left:-560px; z-index:888;}
.pvalor h1{ width:100%; font-family: Barlow; font-size:40px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.02; letter-spacing: normal; color: #3d433d;}
.pvalor h2{ width:100%; padding-top:20px; font-family: Barlow; font-size: 24px; font-weight:300; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; color: #868786;}


.sl-k{ position:absolute; left: 0px; bottom: 0px; width:40%; z-index:333;}
.sl-k img{ width:100%;}
.sl-persona-graphic{ position:absolute; left:3%; bottom:0px; width:13%; z-index:444; animation-delay:1s;}
.sl-persona-graphic img{ width:100%;}
.sl-planta-graphic{ position:absolute; left:16%; bottom:0px; width:10%; z-index:444; animation-delay:2s;}
.sl-planta-graphic img{ width:100%;}
.sl-city{ position:absolute; right:0%; bottom:25%; width:60%; z-index:555; animation-delay:1s;}
.sl-city img{ width:100%;}
.sl-celular{ position:absolute; right:39%; bottom:-5%; width:15%; z-index:666; animation-delay:2s;}
.sl-celular img{ width:100%;}
.sl-persona-graphic-02{ position:absolute; right:12%; bottom:10%; width:45%; z-index:555; animation-delay:1s;}
.sl-persona-graphic-02 img{ width:100%;}
.sl-escritorio{ position:absolute; right:4%; bottom:-1%; width:10%; z-index:666; animation-delay:2s;}
.sl-escritorio img{ width:100%;}

/* p Text */
p.textCompany { margin-top:32px; font-size:26px; font-family: Barlow; font-weight:400; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #da0009; width:100%; padding:0 2%; position:relative; }
p.textProducts {margin-top:48px; padding:0% 10%;  font-family: Barlow; font-size: 22px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: center; color: #868786;}

/* Row ISV */
div.products { margin-bottom: 1.3%;}

div.isv { padding:48px 48px; border-radius:4px; background-color: #fdfdfd; margin-right:33px; text-align: center; width:50%;}
.isv img:first-of-type { width:189px; height:auto; object-fit:contain; margin-bottom:16px; clear: both;}
.isv img { width: 100%; height:auto; object-fit: contain;}
.isv h1 { font-size: 20px; margin-top:25px; font-family: Barlow; font-size:18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.85; letter-spacing: normal; text-align: center; color: #3D433D;}
.isv p { width:100%; padding: 0 6%; margin:0px 0px 32px 0px; font-family: Barlow; font-size:16px; font-weight:normal; font-stretch: normal;font-style: normal; line-height: 1.65; letter-spacing: normal; text-align: center; color: #3d433d;}
.btn.isv, .btn.point { border-radius: 3px; border: solid 1px #3231DB; color: #3231DB; height: 47px; width: 140px;}
.btn.isv:hover { background-color: #1398E9; border-color: #1398E9; color: #ffffff;}

div.point { padding: 48px 48px; border-radius:4px; background-color:#fdfdfd; text-align: center; width:50%;}
.point img:first-of-type { width:84px; height:auto; object-fit:contain; margin-bottom:16px;}
.point img { width: 100%; height: auto; object-fit: contain;}
.point h1 {font-size: 20px; margin-top:25px; font-family: Barlow; font-size:18px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.85; letter-spacing: normal; text-align: center; color: #3D433D;}
.point p { width:100%; padding: 0 6%; margin:0px 0px 32px 0px; font-family: Barlow; font-size:16px; font-weight:normal; font-stretch: normal;font-style: normal; line-height: 1.65; letter-spacing: normal; text-align: center; color: #3d433d;}
.btn.point:hover { background-color: #1398E9; border-color: #1398E9; color: #ffffff;}
.btn.point:hover { background-color: #90d03f; border-color: #90d03f; color: #ffffff;}


/* Div Success Stories */
.successStories { background-color: #bac6e21a; padding: 64px 0px; position:relative;}
.successStories h1 { font-family: Barlow;  font-size:24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #3d433d;}
.successStories h2 { margin-top:16px; margin-bottom:32px; font-family: Barlow; font-size: 22px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: normal; text-align: center; color: #868786;}
.successStories h3 { font-family: Barlow;  font-size:24px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #3d433d;}

.countUp { display: flex; margin-bottom:48px;}

#clients, #users, #countries, .plus {font-size: 40px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ff0000;}

.boxPlus {display: flex; align-items: center; justify-content: center;}

.splitter {width: 1px; height: 67px; border: solid 0.5px rgba(97, 100, 105, 0.2);}

.countUp p {font-size: 20px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #465261;}

.successStories .experience:first-of-type {margin-right: 3.9%;}
.successStories .experience { border-radius:4px; box-shadow: 1px 1px 6px 0 rgba(94, 94, 94, 0.04); border: solid 1px #efefef; background-color: #fdfdfd; padding:20px 20px 20px 20px; margin-top:32px;}
.successStories .experience p {font-family: Barlow; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: normal; text-align: justify;  color: #868786; min-height:100px;}

.testimonio-person{ width: 100%; margin:32px 0px 0px 0px; padding:0px; overflow: hidden;}
.testimonio-person .foto{ width:63px; height: 63px; float:left; margin:0px 16px 0px 0px; padding:0px;}
.testimonio-person .foto img{ filter: grayscale(100%);}
.testimonio-person h1{ float:left; width: 80%; margin:8px 0px 0px 0px; padding:0px; font-size:18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color:#3231DB;}
.testimonio-person h2{ float:left; margin:0px; padding:0px; font-size:15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color:#DA0009;}


/* Div clients */
.clients {text-align: -webkit-center; padding:48px 0px;}
.clients div {}
.clients h1 {font-family: Barlow; font-size:24px; font-weight:300; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #da0009;}
.clients p { width:100%; padding:0% 30%; margin-top:16px; font-family: Barlow; font-size: 18px; font-weight:300; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; text-align: center; color: #868786;}

.ksomos{ width:28%; position: absolute; left:0px; top:0px;}
.ksomos img{ width:100%;}
.ksomos2{ width:20%; position: absolute; right:0px; bottom:0px; display: none;}
.ksomos2 img{ float: right; }


/* Div boosting your company */
.contactUs { position: relative; background-color:#B32218; height: auto; padding: 48px 0px; text-align: -webkit-center;}
.contactUs h1 {width: 485px; margin-bottom:16px; font-family: Barlow; font-size: 28px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.36; letter-spacing: normal; text-align: center; color: #ffffff;}
.contactUs h2 { color: #fff; font-size:18px; font-stretch:normal; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 1.45; margin-bottom: 25px; text-align: center;}
.contactUs .khablemos{ position: absolute; left: 0px; top: 0px; z-index:444;}

.contactUs .btn.contact{width: 142px; height: 47px; border-radius: 3px; background-color:#fff; border: none!important; color:#DA0009; position: relative; z-index:888;}
.contactUs .btn.contact:hover{ background-color:#000; color:#fff;}

.contactUs .btn.apply{ position:relative; z-index:888; width: 142px; height: 47px; border-radius: 3px; padding:0px!important; background-color:#fff; border: none!important; color:#DA0009;}
.contactUs .btn.apply:hover{ background-color:#000; color:#fff;}

/*Footer*/
.footer { position: relative; width:100%; overflow:hidden;}
.footer .links { width:30px;}
.footer .links a img:nth-child(2){ margin-top: 10px;  border:1px solid #0000;}
.footer .links a {font-family: Barlow; font-size:13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: normal; color: #3d433d;}
.footer .links a:hover { color: #DA0009; text-decoration: underline;}
.mptoop { margin-top: 16px; float: left;}

.footer .infoContact{ font-family: Barlow; font-size: 13px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.15; letter-spacing: normal; color: #3d433d; }
.footer .infoContact strong{ font-weight: 500; }
.footer .infoContact a{ padding:0px; margin: 0px; color: #DA0009; font-family: Barlow; font-size:13px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.63;}
.footer .infoContact a:hover { color: #DA0009; text-decoration: underline;}
.footer .infoContact p{ margin:0px; padding: 0px; }

.footer .socialMedia { float: right; margin-top:40px; display: inline-flex; display: inline-flex; float: left; position: relative;  z-index: 999;}
.footer .socialMedia a:nth-child(2) { margin-left: 32px; margin-right:0px; }
.footer .socialMedia .fa-instagram, .footer .socialMedia .fa-linkedin-in { color:#3D433D; font-size: 28px;}

.footer-content{ padding:32px 0px; background-color: #f5f5f5;}
.rightsReserved{  background:#ebeaeb; padding:8px 0px; width:100%; float: left;}
.rightsReserved p{ margin:0px; padding: 4px 0px 0px 0px; font-family: Barlow; font-size:10px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align:left; color: #3d433d;}

.kfooter{ position: absolute; right:0px; bottom:0px; width:13%;}
.kfooter img{ width:100%; }

/*CONTACTO*/
#contactModal .modal-header,
#postulateModal .modal-header { border-bottom: none;}
.modal-content{ position: relative; }
#contactModal h5, #postulateModal h5 {color: #1a2a39; font-family: Barlow; font-size: 30px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; text-align: center; width: 100%;}
#contactModal .modal-body h1 { color: #465261; font-family: Barlow;  font-size:18px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.45; text-align: center; margin-bottom:32px;}
#contactModal .modal-body form label, #postulateModal .modal-body form label { color: #DA0009; font-family: Barlow; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal;}
#contactModal .modal-body form button, #postulateModal .modal-body form button { background-color: #DA0009; border-color: #DA0009; border-radius: 4px; height: 50px; width: 142px;}
#contactModal .modal-body form button:disabled,
#postulateModal .modal-body form button:disabled { background-color: #d9d9d9; border-color: #d9d9d9; cursor: not-allowed;}
#contactModal .modal-body form button:hover, #postulateModal .modal-body form button:hover { background-color: #4e40ce;}
.form-control {  display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 0.8rem;}

.kcontact{ position: absolute; left:0px; bottom:0px; width:20%;}
.kcontact img{ width:100%; }

/*CULTURE*/
.title { background: #bac6e21a; padding-bottom:64px; padding-left:220px; padding-top:130px;}
.title h1 { color: #3d433d;; font-family: Barlow; font-size: 40px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.32; text-align: left;}
.title h2 {color: #868786; font-family: Barlow; font-size: 32px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 1.47; text-align: left;}

.background1 { padding:0; width:100%; left:0px; float: left; background: #bac6e21a;}
.background1 img { width:90%;}

.background2 { padding:0; width:100%; right:0px; float: right; background: #bac6e21a; text-align: right;}
.background2 img { width:90%;}

.background1Footer { padding-bottom: 102px; padding-top: 82px; width:100%; background: url(../img/bgfooter2culture.png) no-repeat center top; background-size: cover; float: left;}
.background1Footer p { color: #3d433d; font-family: Barlow; font-size:28px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal;  line-height: 1.5; padding-left: 220px; padding-right: 220px; text-align: center;}

.team { margin-bottom:64px; padding:0; width:100%; float: left;}
.values h1 { color: #3d433d; font-family: Barlow; font-size:28px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin-bottom:32px; text-align: center;}
.values h2 { color: #da0009; font-family: Barlow; font-size:24px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.02;}
.values p { color: #3d433d; font-family: Barlow; font-size:16px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.64; width:60%; padding:16px 0px; left:50%; position: relative; margin-left: -30%;}
.values img { padding-bottom:64px;}


.weDo {background-color:#B32218; padding:48px 0px; position: relative;}
.weDo h1 { color:#fff; font-family: Barlow; font-size:24px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; margin-bottom:32px; text-align: center;}
.weDo h1>a {text-decoration: none;}
.weDo p {font-family: Barlow; font-size:18px; font-weight:normal; font-style:normal; font-stretch: normal; line-height: 1.45; letter-spacing: normal; text-align: center; color:#fff;  padding-left: 295px; padding-right: 295px;}
.weDo .fa-instagram { color:#fff; font-size: 32px;}
.weDo .kpie { width:31%; position: absolute; top:0px; left:0px;}
.weDo .kpie img{ width: 100%;}

.carousel-item div{}
.carousel-item img{filter: grayscale(100%);}
.carousel-item img:hover{ filter:none; filter: grayscale(0%)}

.owl-carousel{ height:250px; overflow: hidden;}
.owl-carousel .item{}
.owl-carousel .item img{filter: grayscale(100%);} 
.owl-carousel .item img:hover{ filter:none; filter: grayscale(0%)}

/*TEAM*/
.leaders { margin-top:0%; width:100%; float: left;  background: url(../img/bg-team.png) no-repeat center top; background-size: contain;}
.leaders h1 { color: #3d433d; font-size: 30px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; padding:48px 0px 48px 0px; text-align: center;}
.leaders h2 { color: #3231db; font-family: Barlow; font-size: 20px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: center;}
.leaders h3 { color: #465261; font-family: Barlow; font-size: 15px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: normal; text-align: center;}

.leaders .row { margin-bottom: 67px;}
.invertir img {transform: scaleX(-1);}

.leaders .shape { border: solid 0.5px rgba(97, 100, 105, 0.1);  margin-bottom: 80px;}




.apply {position: relative; background-color: #B32218; height: auto; padding: 48px 0px; text-align: -webkit-center;}
.apply h1 {  color:#3d433d; font-family: Barlow; font-size:30px; font-stretch:normal; font-style: normal; font-weight: normal; letter-spacing: normal;  line-height: 1.5; margin-bottom: 16px; padding-top:0px; text-align: center;}
.apply h2 { color: #465261; font-size:22px; font-stretch:normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.45; margin-bottom: 25px; text-align: center;}

.tright{ text-align: right; }

/*JOBS*/
.background-trabajo {
  background-color: rgba(186, 198, 226, 0.1);
  background-image: url(../img/img-hero.png);
  background-image: image-set(
    url(../img/img-hero@2x.png) 2x,
    url(../img/img-hero@3x.png) 3x
  );
  background-repeat: no-repeat;
  background-position: 0px 65px;
  background-size: cover;
  height: 600px;
  padding: 0;
  width: 100%;
  font-family: Barlow; 
}

.background-trabajo h1 { color:#fff; font-size:40px; font-stretch: normal; font-style: normal; font-weight: 300; height: 108px; letter-spacing: normal; line-height: 1.23; margin-left: 232px; padding-top:120px; width:608px;}
.background-trabajo h2 { padding-top:32px; color: #fff; font-size:24px; font-stretch: normal; font-style: normal; font-weight: 300; height: 94px; letter-spacing: normal; line-height: 1.47; margin-left: 232px; margin-top: 100px; float: left; width: 603px;}

.benefits {background-color: rgba(186, 198, 226, 0.1);}
.benefits .row .row > div { text-align: center;}
.benefits .row .row > div img {margin-bottom: 40px;}

.benefits h1 { color: #3d433d; font-family: Barlow; font-size:28px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin-bottom: 69px; text-align: center; padding: 16px 0px 0px 0px;}
.benefits h2 { color: #da0009; font-family: Barlow; font-size: 24px; font-stretch: normal; font-style: normal; font-weight:400; letter-spacing: normal; line-height: normal; text-align: center;}
.benefits h3 { color: #465261; font-family: Barlow; padding-top:16px; font-size:16px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 1.64; margin-bottom:48px; text-align: justify;}

.benefits > div.row > div > div.row > div > div { border-radius: 50%; border: 1px solid #2baadf; display: inline-block; height: 89px; margin-bottom: 39px; width: 89px;}
.benefits i.fas, .benefits i.far { color: #2baadf; font-size: 32px; line-height: 2.7; border: 1px solid #000; width: 89px; height:89px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;}


.benefits .col-sm-4{ text-align: center; padding: 0 4%;}
.benefits .col-sm-4 img{ width: 120px; }

#availablePosts h1 { color: #3d433d; font-family: Barlow; font-size: 30px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin-bottom: 16px; margin-top: 60px; text-align: center;}
#availablePosts p { color: #3d433d; font-family: Barlow; font-size: 14px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin-bottom: 16px; margin-top: 8px; text-align: center;}
#availablePosts h3 { color: #DA0009; font-family: Barlow; font-size: 20px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: center; margin-bottom: 8px;}
#availablePosts a{ width: 142px; height: 47px; text-align: center; line-height: 47px; border-radius: 3px; background-color: #DA0009; border: none!important; color: #fff; position: relative; z-index: 888; margin-bottom: 32px;}
#availablePosts a:hover{background-color:#000; color:#fff; text-decoration: none;}

#availablePosts .btn.oferta{width: 142px; height: 47px; margin-bottom:48px; border-radius: 3px; background-color:#DA0009; border: none!important; color:#fff; position: relative; z-index:888;}
#availablePosts .btn.oferta:hover{ background-color:#000; color:#fff;}


#accordionJobs .card { border-bottom: 1px solid rgba(0, 0, 0, .125); border-left: none; border-right: none; border-top: none; margin-bottom: 45px;}
#accordionJobs .card-header {background: #ffffff; padding-left: 0;}
#accordionJobs .card-header a.collapsed .fa-plus:before {content: '\f067'}
#accordionJobs .card-header a .fa-plus:before {content: '\f068'}
#accordionJobs .card-header a { color: #3231db; cursor: pointer; display: block; font-family: Barlow; font-size: 24px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; padding-left: 0; text-decoration: none;}

#accordionJobs .card-header i.fas {color: rgba(0, 0, 0, .125); float: right; font-size: 24px; line-height: 1.2;}
#accordionJobs .collapse .card-body, #accordionJobs .collapsing .card-body { padding-left: 0;}
#accordionJobs .collapse .card-body button,
#accordionJobs .collapsing .card-body button { background-color:#da0009; border:none; color:#fff; font-family: Barlow; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: center;}

#accordionJobs .collapse .card-body button:hover, #accordionJobs .collapsing .card-body button:hover { background-color: #000;}

#accordionJobs .collapse .card-body h2,
#accordionJobs .collapsing .card-body h2 { color: #3231db; font-family: Barlow; font-size: 20px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.85; margin-bottom: 19px;}

#accordionJobs .collapse .card-body p, #accordionJobs .collapsing .card-body p { color: #465261; font-family: Barlow; font-size: 18px; font-stretch: normal; ont-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.83; margin-bottom: 40px;}

.carrousel_ist{ width:100%; float: left; min-height: 100px; overflow: hidden; height: auto; background:#fff;}
.carrousel_ist .item{ display: flex; justify-content:center; width:350px; height: 249px; overflow: hidden;}
.carrousel_ist .item img{ width:100%; height:100%; display: flex; justify-content:center; }

.casosexito{ width: 100%; float: left; min-height:200px; margin-top:32px; display: flex; flex-direction: row; justify-content:space-evenly; position: relative; z-index: 888;}
.casosexito .item-cexito{ width:28%; min-height:200px; border-radius:4px; box-shadow: 1px 1px 6px 0 rgba(94, 94, 94, 0.04); border: solid 1px #efefef; background-color: #fdfdfd; padding:22px 22px;}
.casosexito .item-cexito p { font-family: Barlow; min-height:100px; font-size:14px; font-weight: normal; font-stretch: normal; font-style:300; line-height:30px; letter-spacing: normal; text-align: justify;  color: #868786;}
.casosexito .testimonio-person{ width: 100%; margin:16px 0px 0px 0px; padding:0px; overflow: hidden; float: left; position:relative;}
.casosexito .testimonio-person .foto{ width:63px; height:63px; float:left; margin:5px 8px 0px 0px; padding:0px;}
.casosexito .testimonio-person .foto img{ filter: grayscale(100%);}
.casosexito .testimonio-person h1{ float:left; width:60%; margin:0px 0px 0px 0px; padding:0px; font-size:18px; font-weight: normal; font-style:300; font-stretch: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color:#3231DB;}
.casosexito .testimonio-person h2{ float:left; width:61%; margin:0px; padding:0px; font-size:13px; font-weight:400; font-style: normal; font-stretch: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color:#DA0009;}
.casosexito .testimonio-person h3{ float:left; width:61%; margin:0px; padding:0px; font-size:12px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.6; letter-spacing: normal; text-align: left; color:#4A4A4A;}
.casosexito .testimonio-person a{ background: url(../img/btn-caso-exito.svg) no-repeat; width: 52px; height:52px; display:block; position: absolute; top:10px; right:0px; z-index:999;}
.casosexito .testimonio-person a:hover{ background: url(../img/btn-caso-exito-hover.svg) no-repeat;}

.areas{}
/*
.areas > .row .row {margin-bottom: 120px;}
.areas > .row .row > div {padding: 0;}
*/

.areas h1 { color: #3d433d; font-family: Barlow; font-size: 30px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin-bottom:48px; text-align: center;}
.areas h2 {}
.areas h3 {}

.areas .row{ margin-bottom:80px;}
.areas .col-areafoto{ width:60%;}
.areas .col-areafoto img{ width:100%;}
.areas .col-areatxt{ width:40%; padding-top: 10%;}

.areas .row:nth-child(even){}
.areas .row:nth-child(odd){ display: flex; flex-direction: row-reverse;}

.areas .row:nth-child(even) h2{ width: 100%; text-align: left; margin-left: 42px; color: #3231db; font-family: Barlow; font-size: 24px; font-stretch: normal; font-style: normal; font-weight: normal;letter-spacing: normal; line-height: normal;}
.areas .row:nth-child(even) h3{ width: 346px; text-align: left; color: #868786; font-family: Barlow; font-size: 14px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 1.8; text-align: justify; margin-left: 42px; margin-top:16px;}

.areas .row:nth-child(odd) h2{ width: 100%; text-align: right; color: #3231db; font-family: Barlow; font-size: 24px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal;  float: right; margin-right: 42px;}
.areas .row:nth-child(odd) h3{ width: 346px; text-align: right; color: #868786; font-family: Barlow; font-size: 14px; font-stretch: normal; font-style: normal; font-weight: 300; letter-spacing: normal; line-height: 1.8; text-align: justify; margin-right: 42px; margin-top:16px; float: right;}

/*-------------------------------------------------------RESPONSIVE--------------------------------------------------------------*/

@media (max-width:1680px) {
  .casosexito .item-cexito p {min-height:130px;}
  .areas .row:nth-child(even) h2{ width: 346px;}
  .areas .row:nth-child(even) h3{ width: 346px;}
  .areas .row:nth-child(odd) h2{ width: 346px;}
  .areas .row:nth-child(odd) h3{ width: 346px;
}

@media (max-width: 1440px) {
  .sl-k{ position:absolute; left: 0px; bottom: 0px; width:52%;}
  .pvalor h1{ width:56%;}
  .pvalor h2{ width:50%;}
  .sl-persona-graphic{ left:4%;}
  .sl-planta-graphic{ left:18%;}
  .sl-celular{ right:35%; bottom:-5%; width:20%;}
  .sl-escritorio{ right:2%; bottom:-1%;}
  .isv img { width: 470px; height:276px;object-fit: contain;}
  .point img { width: 470px; height: 276px; object-fit: contain;}
  .clients p { width:100%; padding:0% 30%;}
  .kfooter{ position: absolute; right:0px; bottom:0px; width:19.4%;}
  .footer .socialMedia a:nth-child(2) { margin-left: 32px; margin-right:100px; }
  .title { padding-left:150px;}
  .values p { font-size:16px; width:50%; padding:16px 0px; left:50%; position: relative; margin-left: -25%;}
  .owl-carousel{ height:190px; overflow: hidden;}
  .weDo .kpie { width:19.6%;}
  .background-trabajo {height: 500px;}
  .background-trabajo h1 { margin-left: 160px;}
  .background-trabajo h2 { margin-left: 160px;}
  .leaders img { max-width: 50%;}
  .casosexito .item-cexito p {min-height:120px;}
  .carrousel_ist .item{ width: 240px; height:190px;}
  .areas .row:nth-child(even) h2{ width: 346px;}
  .areas .row:nth-child(even) h3{ width: 346px;}
  .areas .row:nth-child(odd) h2{ width: 346px;}
  .areas .row:nth-child(odd) h3{ width: 346px;
}

@media (max-width: 1280px) {
  .pvalor {top:120px;}
  .pvalor h1 { font-size:33px; width:47%; line-height:30px;}
  .pvalor h2 { font-size:20px;}
  .sliderhome { height: 488px;}
  div.point { padding: 38px 38px;}
  div.isv { padding: 38px 38px;}
  .testimonio-person h1 { width: 75%;}
  .kfooter { width: 21.9%;}
  .footer .socialMedia a:nth-child(2) { margin-right: 220px;}
  .title { padding-left:90px;}
  .values p { font-size:16px; width:60%; padding:16px 0px; left:50%; position: relative; margin-left: -30%;}
  .background1Footer p {font-size: 20px;}
  .background1Footer { padding-bottom: 102px; padding-top:48px;}
  .weDo .kpie { width: 23%;}
  .background-trabajo h1 { margin-left:80px;}
  .background-trabajo h2 { margin-left:80px;}
  .leaders img { max-width: 50%;}
  .casosexito .item-cexito p { font-size:13px; line-height:22px; min-height:100px;}
  .casosexito .item-cexito h1 { width:50%;}
  .casosexito .item-cexito h2 { font-size:10px!important; font-weight:500; width:55%;}
  .casosexito .item-cexito h3 { font-size:10px!important; width:55%; font-weight:400;}
  .casosexito .testimonio-person .foto{ margin:0px 8px 0px 0px;}
  .carrousel_ist .item{ width:214px; height:190px;}
}

@media (max-width: 1024px) {
  .sliderhome{height:398px;} 
  .navbar { width: 100%; max-width: 1000px; height: 76px; left: 50%; margin-left: -500px;}
  p.textCompany { font-size: 21px; line-height: 1.3;}
  p.textProducts { font-size: 18px;}
  .pvalor { top: 100px; margin-left: -428px;}
  .pvalor h1 {font-size: 25px; width: 38%;line-height: 30px;}
  .pvalor h2 { width: 40%; padding-top: 16px; font-size:18px; line-height: 1.2;}
  .isv h1 { margin-top: 0px; font-size: 18px; line-height: 1.5;}
  .point h1 { font-size: 18px; margin-top: 0px; font-size: 18px; line-height: 1.5;}
  .isv p { font-size: 14px;}
  .point p { font-size: 14px;}
  .successStories .experience p { font-size: 13px;}
  .testimonio-person h1 { font-size: 15px!important;}
  .testimonio-person h2 { font-size: 13px!important;}
  .testimonio-person h1 { width: 70%!important;}
  .ksomos { width: 22%;}
  .successStories h1 { font-size: 20px;}
  .successStories h2 { font-size: 18px;}
  .successStories h3 { font-size: 20px;}
  .clients p { font-size: 15px; line-height: 1.4;}
  .contactUs h1 { font-size: 20px;}
  .kfooter { width:30%;}
  .footer .socialMedia a:nth-child(2) { margin-right: 245px;}
  .title { padding-left:40px;}
  .title h1 {font-size: 32px; }
  .title h2 {font-size: 26px; }
  .values p { font-size:16px; width:70%; padding:16px 0px; left:50%; position: relative; margin-left: -35%;}
  .background1Footer {padding-bottom: 64px; padding-top: 48px; float: left;}
  .background1Footer p {font-size:16px; padding-left: 100px; padding-right: 100px;}
  .weDo p { font-size: 17px;  padding-left: 0; padding-right: 0;}
  .owl-carousel{ height:170px; overflow: hidden;}
  .weDo .kpie { width: 28%;}
  .leaders h2 {}
  .background-trabajo h1 { margin-left:30px;}
  .background-trabajo h2 { margin-left:30px;}
  .leaders img { max-width: 60%;}
  .casosexito .item-cexito h1 { width:50%;}
  .casosexito .item-cexito h2 { font-size:11px!important; font-weight:500; width:45%; line-height:12px;}
  .casosexito .item-cexito h3 { font-size:10px!important; width:50%; font-weight:400;}
  .casosexito .testimonio-person a{ top:16px; height:57px; right:0px;}
  .casosexito .testimonio-person .foto{ margin:5px 8px 0px 0px;}
  .casosexito .item-cexito p { font-size:13px; line-height:22px; min-height:140px;}
  .carrousel_ist .item{ width:171px; height:171px;}
  .areas .col-areatxt{ padding-top: 8%;}
  .areas .row:nth-child(even) h3{ width: 306px;}
  .areas .row:nth-child(odd) h3{ width: 306px;}
}

@media (max-width:980px) {
 	.carrousel_ist .item{ width:300px; height:220px;}
 	.areas .col-areafoto{ width:100%;}
	.areas .col-areatxt{ width:100%; padding-top:2%;}
	.areas .col-areatxt{ width:100%; padding-top:3%;}
	   .areas .row:nth-child(even) h2 { width: 100%; margin-left: 0px;}
	   .areas .row:nth-child(even) h3 { width: 100%; margin-left: 0px;}
	   .areas .row:nth-child(odd) h2 { width: 100%; margin-left: 0px; text-align: left; margin-right: 0px;}
	   .areas .row:nth-child(odd) h3 { width: 100%; margin-left: 0px; text-align: left; margin-right: 0px;}
}

@media (max-width:768px) {
   #navbarNav { background: #ffffff; z-index: 1;}
   #navbarNav ul.nav {justify-content: center !important;}
   .navbar { width: 100%; max-width:100%; height: 76px; left: 50%; margin-left: -50%;}
   .pvalor { width:100%; top: 100px; margin-left: -50%;}
   .pvalor h1 { font-size: 25px; width: 100%; line-height: 30px; text-align: center;}
   .pvalor h2 { width: 100%; padding-top: 16px; font-size: 16px; line-height: 1.2; text-align: center;}
   p.textCompany { font-size: 16px;}
   p.textProducts { font-size: 15px;}
   p.textProducts { margin-top: 32px;}
   .isv img { width: 100%; height: 200px;}
   .isv h1 { font-size: 15px;}
   .isv p { font-size: 14px; margin-top:16px;}
   div.isv { padding:16px 16px;}
   .point img { width: 100%; height: 200px;}
   .point h1 { font-size: 15px;}
   .point p { font-size: 14px; margin-top:16px;}
   div.point { padding:16px 16px;}
   .successStories { padding: 32px 0px;}
   .successStories h1 { font-size: 16px;}
   .successStories h2 { font-size: 15px;}
   .successStories h3 { font-size: 16px;}
   .countUp { margin-bottom:32px;}
   .successStories .experience p { font-size: 12px;}
   .testimonio-person { text-align: center;}
   .clients { padding:32px 0px;}
   .clients h1 { font-size: 18px;}
   .clients p { padding: 0% 20%; font-size:14px;}
   .contactUs { padding:32px 0px;}
   .contactUs h1 { font-size: 18px;}
   .kfooter { display: none; }
   .footer .infoContact { font-size: 11px;}
   .footer .links a { font-size: 11px;}
   .footer .socialMedia a:nth-child(2) { margin-right: 0px;}
   .contactUs .khablemos { width:31%;}
   .contactUs .khablemos img{ width: 100%;}
   .title h1 {font-size: 30px; }
   .title h2 {font-size: 22px; }
   .title { padding-bottom:32px; padding-left:20px; padding-top:32px;}
   .values p { font-size:14px; width:70%; padding:16px 0px; left:50%; position: relative; margin-left: -35%;}
   .values img{ width:60%;}
   .background1Footer p {font-size:16px; padding-left:20px; padding-right: 20px;}
   .weDo .kpie { width:37%;}
   .owl-carousel{ height:220px; overflow: hidden;}
   .leaders h2 { font-size:18px;}
   .leaders h3 { font-size:14px;}
   .benefits h1 { font-size: 22px;}
   .benefits h2 { font-size: 16px;}
   .benefits h3 {  padding-top: 16px; font-size: 14px;}
   .casosexito{ width: 100%; float: left; min-height:100px; margin-top:32px; margin-left: 16px; margin-right:16px; display: flex; flex-direction: column; justify-content:space-around;}
   .casosexito .item-cexito{  width:100%; margin-bottom: 16px;}
   .casosexito .item-cexito p { font-size:16px; line-height: 22px;  min-height:40px;}
   .casosexito .item-cexito h2 { font-size: 13px!important;}
   .casosexito .item-cexito h3 { font-size: 12px!important;}
   .casosexito .testimonio-person .foto {  margin: 0px 8px 0px 0px;}
   .casosexito .testimonio-person a {top: 10px;}
   .carrousel_ist .item{ width:256px; height:220px;}
   .areas .row{ margin-bottom:42px;}
   .areas .col-areatxt{ width:100%; padding-top:3%;}
   .areas .row:nth-child(even) h2 { width: 100%; margin-left: 0px;}
   .areas .row:nth-child(even) h3 { width: 100%; margin-left: 0px; text-align: justify;}
   .areas .row:nth-child(odd) h2 { width: 100%; margin-left: 0px; text-align: left; margin-right: 0px;}
   .areas .row:nth-child(odd) h3 { width: 100%; margin-left: 0px; text-align: justify; margin-right: 0px;}
   
}

@media (max-width: 600px) {
  .owl-carousel{ height:450px; overflow: hidden;}
  .leaders h2 { font-size:18px;}
  .leaders h3 { font-size:12px;}
  .background1 img { width: 100%;}
  .background2 img { width: 100%;}
  .background-trabajo { background-position: center center;}
  .background-trabajo h1 { margin-left: 30px; font-size: 30px; width: 100%; padding: 101px 23% 0px 0%;}
  .background-trabajo h2 { margin-left: 30px; font-size: 20px; width: 100%; padding: 0px 23% 0px 0%;}
  #accordionJobs .collapse .card-body p, #accordionJobs .collapsing .card-body p {font-size: 14px;}
  .mb-4, .my-4 { margin-bottom: 1rem!important;}
  .carrousel_ist .item{ width:215px; height:224px;}
  .leaders .col-sm-4 { margin-bottom: 32px;}
  .leaders .row {  margin-bottom: 20px;}
}

@media (max-width: 500px) {
  .navbar-brand {padding-top: 0;}
  .navbar { height:50px;}
  .Tech-K-logo { width: 100px; height:auto;}
  .navbar-toggler { padding: .25rem .45rem; font-size: 1rem;}
  .pvalor h1 { font-size:18px;}
  .pvalor { top: 78px;}
  .pvalor h2 { width: 80%; padding-top: 16px; font-size:16px; line-height: 1.2; text-align: center; left: 50%; position: relative; margin-left: -40%;}
  .sl-k { position: absolute; left: 0px; bottom: 0px; width: 100%;}
  .sliderhome { height: 385px;}
  p.textCompany { font-size: 15px;}
  .sl-persona-graphic { left: 3%; bottom: 50px; width: 25%;}
  .sl-planta-graphic { left: 14%;}
  .sl-city { bottom: 32%;}
  .sl-celular { right: 46%; bottom: -5%; width: 33%;}
  .sl-persona-graphic-02 { right: 7%; bottom: 28%; width: 55%;}
  p.textProducts {  margin-top: 16px;}
  .sl-escritorio { width: 19%;}
  p.textProducts { font-size: 12px;}
  .navbar ul li a { font-size: 14px;}
  #navbarNav { background: #ffffff; z-index: 999; width: 100%; padding:20% 0% 50% 0%;}
  .navbar ul li { margin-right: 0%; width: 100%;}
  .navbar ul li a { font-size:16px; padding: 20px 0px;}
  .btn.contact, .btn.apply { margin-top: 20px;}
  #navbarNav{ }
  .dropdown-menu { min-width: 100%;}
  .dropdown-menu ul li a { padding: 15px 0px!important;}
  .dropdown-menu ul li { padding: 15px 0px!important;}
  .dropdown-item{ padding:0px!important;}
  div.isv { padding: 8px 8px; width:100%; margin-right:0px; margin-top:16px; padding-bottom: 16px;}
  .isv h1 { font-size: 15px; padding:16px 0px 0px 0px;}
  div.point { padding: 8px 8px; width:100%; margin-right:0px; margin-top:16px; padding-bottom: 16px;}
  .point h1 { font-size: 15px; padding:16px 0px 0px 0px;}
  .successStories .experience:first-of-type {margin-right: 0%; width:90%;}
  .successStories .experience { margin-right: 0%; width: 90%; padding:16px 16px;}
  .contactUs h1 { width: 100%; margin-bottom:8px; font-size: 18px;}
  .successStories h1 { position: relative;z-index: 999; font-size:15px; width:100%; text-align: center;}
  .successStories h2 { position: relative;z-index: 999; margin-top:8px;}
  .ksomos { width: 36%;}
  .testimonio-person h1{ text-align: left; }
  .testimonio-person h2{ text-align: left; margin-top:0px;}
  .clients p { padding: 0% 5%; font-size:13px;}
  .clients div{ margin: 16px 0px; }
  .contactUs .khablemos { width:73%;}
  .footer .links a { font-size: 14px;}
  .footer .socialMedia { float: left;  margin-top:16px;}
  .footer .infoContact { font-size: 14px;}
  .footer .socialMedia a:nth-child(2) { margin-left: 16px;}
  .mptoop { margin-top: 0px;}
  .title { padding-bottom:32px; padding-left:20px; padding-top:32px;}
  .title h1 {font-size: 22px; }
  .title h2 {font-size: 16px; }
  .values p { font-size:14px; width:90%; padding:16px 0px; left:50%; position: relative; margin-left:-45%;}
  .values img{ width:50%;}
  .weDo p { font-size:15px; padding-left: 10%; padding-right: 10%;}
  .weDo .kpie { width:72%;}
  .owl-carousel{ height:400px; overflow: hidden;}
  .leaders h2 { font-size:18px;}
  .leaders h3 { font-size:12px;}
  .title {  padding-top: 95px;}
  .title h1 { font-size: 25px;}
  .title h2 { font-size: 15px;}
  .leaders .col-sm-4{ margin-bottom:32px;}
  .leaders .row { margin-bottom:32px;}
  .contactUs h2 { font-size: 14px; width: 80%; margin-bottom:16px;}
  .container-fluid { width: 100%; float: left;}
  .areas h1 { font-size: 26px; margin-bottom: 32px;}
  .areas h2 { font-size: 24px; text-align: center; margin-top: 16px;}
  .areas h3 { text-align: center; font-size:13px;}
  .areas > .row .row { margin-bottom:32px;}
  .background-trabajo { background-position: center 45px;}
  .background-trabajo h1 { margin-left: 30px;font-size: 16px;width: 84%;padding: 0px 26% 0px 0%;height: auto;margin-top: 63px;}
  .background-trabajo h2 { margin-left: 30px; font-size: 12px; width: 91%; padding: 6px 42% 0px 0%; margin-top: 4px;}
  .background-trabajo { height: 289px;}
  .background-trabajo h2 {  margin-top: -4px;}
  .benefits h1 { margin-bottom: 16px;}
  .benefits h3 { text-align: center;}
  #accordionJobs .card-header a { font-size: 16px;}
  #availablePosts h3 { font-size: 13px;}
  #accordionJobs .collapse .card-body h2, #accordionJobs .collapsing .card-body h2 { font-size: 16px; line-height: 1.2; margin-bottom: 16px; text-align: center;}
  #accordionJobs .collapse .card-body p, #accordionJobs .collapsing .card-body p { text-align: center;}
  #accordionJobs .collapse .card-body button, #accordionJobs .collapsing .card-body button { text-align: center; width: 100%; margin-bottom: 32px;}
  .ksomos{ display:none;}
  #contactModal .modal-body h1 { color: #465261; font-size: 15px; font-stretch: normal; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.45; text-align: center; margin-bottom: 16px;  width: 80%; left: 50%; margin-left: 5%;}
  .leaders img { max-width: 50%;}
  .casosexito .item-cexito p { font-size:13px; line-height: 22px; min-height:40px;}

  .weDo .kpie { width: 69%;}
  .carrousel_ist .item{ width:100%; min-height:454px;}
  #accordionJobs .card-header i.fas { font-size: 16px;}
}

@media (max-width:370px) {
  .successStories h1 { width: 100%; padding: 0 4%;}
  .successStories h3 { font-size: 16px; width: 100%; padding: 0 5%;}
  .successStories .experience {  padding: 8px 8px;}
  .testimonio-person h1{ padding: 0px; }
  .contactUs h1 { margin-bottom: 8px;font-size: 16px; padding: 0% 6%;}
  .weDo p { font-size:12px; padding-left: 4%; padding-right:4%;}
  .weDo p br{ display: none; }
  .weDo .kpie { width:79%;}
  .ksomos{ display:none;}
  .carrousel_ist .item{ width:100%; min-height:400px;}
}