@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');
*,*:after,*:before {-moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}

html {font-size:62.5%;}
body {font-family: 'Poppins', sans-serif;font-display: swap;  margin: 0px;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif;font-display: swap;}

h1, .h1 { font-size:58px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#fff; margin: 0px;}
h2, .h2 { font-size:38px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#111a29; margin: 0px;}
h3, .h3 { font-size:34px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#0f486e;margin: 0px;}
h4, .h4 { font-size:24px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#0f486e;margin: 0px;} 
h5, .h5 { font-size:30px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#fff;margin: 0px;}
h6, .h6 { font-size:20px; font-weight: 700; line-height: 1.3; letter-spacing: 0px; color:#0f486e;margin: 0px;}
p {font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 400; line-height: 1.6; color: #2c2c2c; margin: 0px;}

.row-fluid [class*="span"]:first-child { margin-left: 0; }
.full [class*="span"]:first-child { margin-left: 0; }
.grayBG{background:#f8f8f8 !important;}
[class*="span"] { display: block;float: left; min-height: 1px; margin-left: 2.12%;}

.span12{width:99.99999998999999%;*width:99.94680850063828%}
.span11{width:91.489361693%;*width:91.4361702036383%}
.span10{width:82.97872339599999%;*width:82.92553190663828%}
.span9{width:74.468085099%;*width:74.4148936096383%}
.span8{width:65.95744680199999%;*width:65.90425531263828%}
.span7{width:57.446808505%;*width:57.3936170156383%}
.span6{width:48.93617020799999%;*width:48.88297871863829%}
.span5{width:40.425531911%;*width:40.3723404216383%}
.span4{width:31.914893614%;*width:31.8617021246383%}
.span3{width:23.404255317%;*width:23.3510638276383%}
.span2{width:14.89361702%;*width:14.8404255306383%}
.span1{width:6.382978723%;*width:6.329787233638298%}
/***columnas por %***/
.col-5, .col-10, .col-15, .col-20, .col-25, .col-30, .col-33, .col-35, .col-40, .col-45, .col-50, .col-55, .col-60, .col-65, .col-70, .col-75, .col-80, .col-85, .col-90, .col-95, .col-100{ float: left;    min-height: 1px;}
.col-5  { width: 5%; }.col-10 {  width: 10%; }.col-15 {  width: 15%; }.col-20 {  width: 20%; }.col-25 {  width: 25%; }.col-30 {  width: 30%; } .col-33 {  width: 33%; }.col-35 {  width: 35%; }.col-40 {  width: 40%; }.col-45 {  width: 45%; }.col-50 {  width: 50%; } .col-55 {  width: 55%; }.col-60 {  width: 60%; }.col-65 {  width: 65%; }.col-70 {  width: 70%; }.col-75 {  width: 75%; }.col-80 {  width: 80%; }.col-85 {  width: 85%; }.col-90 {  width: 90%; }.col-95 {  width: 95%; }.col-100{  width: 100%; }

main{float: left;}
.btn11{ background: url(//6058217.fs1.hubspotusercontent-na1.net/hubfs/6058217/raw_assets/public/IPP-TECLAB/img/flecha-btn-arriba.svg);background-repeat: no-repeat;background-position-x: 92%;background-position-y: center;font-size: 24px; font-weight: 700; letter-spacing: 0px; background-color: #fff; color: #0057ff; text-align: left; height: 66px; float: none; line-height: 66px; border: solid 2px #0057ff; width: 375px; border-radius: 33px;display: inline-block;padding: 0 30px;}
.btn11:hover { background: url(//6058217.fs1.hubspotusercontent-na1.net/hubfs/6058217/raw_assets/public/IPP-TECLAB/img/flecha-btn-arriba.svg);background-repeat: no-repeat;background-position-x: 90%;background-position-y: center;background-color: #fff; color: #ccc;}

.btn1{ background: url(//6058217.fs1.hubspotusercontent-na1.net/hubfs/6058217/raw_assets/public/IPP-TECLAB/img/flecha-btn-arriba.svg);background-repeat: no-repeat;background-position-x: 92%;background-position-y: center;font-size: 24px; font-weight: 700; letter-spacing: 0px; background-color: #111a29; color: #fff; text-align: left; height: 66px; float: none; line-height: 66px; width: 375px; border-radius: 33px;display: inline-block;padding: 0 30px;}
.btn1:hover { background: url(//6058217.fs1.hubspotusercontent-na1.net/hubfs/6058217/raw_assets/public/IPP-TECLAB/img/flecha-btn-arriba.svg);background-repeat: no-repeat;background-position-x: 90%;background-position-y: center;background-color: #111a29; color: #fff; border:1px #0057ff solid;}
.btn2{ font-size: 24px; font-weight: 700; letter-spacing: 0px; background-color: #e84c3c; color: #fff; text-align: center; height: 43px; float: left; line-height: 43px; width: 233px; border-radius: 23px;}
.btn2:hover { background-color: #26a79b; color: #fff;}
.btn3{ font-size: 18px; font-weight: 700; letter-spacing: 0px; background-color: #2781BB; color: #fff; text-align: center; height: 49px; float: none; line-height: 49px; width: 178px; border-radius: 23px;display: inline-block;}
.btn3:hover { background-color: #26a79b; color: #fff;}
.btn4{ background: url(//6058217.fs1.hubspotusercontent-na1.net/hubfs/6058217/raw_assets/public/IPP-TECLAB/img/descarga-malla.svg);background-repeat: no-repeat;background-position-x: 92%;background-position-y: center;background-size:8%;font-size: 18px; font-weight: 400; letter-spacing: 0px; background-color: none; color: #fff; text-align: center; height: 50px; float: left; line-height: 43px; width: 260px; border-radius: 23px;border: solid 3px;padding: 0 6% 0 0;}
.btn4:hover { background-color: #26a79b; color: #fff;}
#btn-cta { text-align: center; margin-top: -30px; padding: 0px 0px 30px 0px;  position: relative;display:none;}

img {max-width:100%;vertical-align:bottom;}
a { color:#444; text-decoration:none; transition: 0.3s; }
a:hover {color:#444;}
a:focus {outline:0;}
a:hover,a:active {outline:0;}
input:focus { outline:0;border:1px solid #04A4CC;}
:focus { outline: -webkit-focus-ring-color auto 0px !important;}
::selection { background:transparent; color:#0095eb; text-shadow:none;}
::-webkit-selection {background:transparent; color:#0095eb; text-shadow:none;}
::-moz-selection { background:transparent; color:#0095eb; text-shadow:none;}

.full{width:100%;float:left;}
.boxer{width:1200px;margin:0 auto!important;margin-left:auto!important;margin-right:auto!important;zoom:75%;}
.video{width:100%!important;border:0 solid #000!important;margin:0!important;border-radius:0!important}
.ordenador{display:block}
.movil{display:none !important; }
.tablinks2{display:none !important:}
::-webkit-input-placeholder{color:#A3A3A3}
::-moz-placeholder{color:#A3A3A3}
:-ms-input-placeholder{color:#A3A3A3}
:-moz-placeholder{color:#A3A3A3}
.div-hijo{display:table-cell;vertical-align:middle;float:none}
.div-padre{display:table}
.parallax{background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}
.center {text-align:center;}
.espacio {width:100%;height:60px;float:left;}

select {
  -webkit-appearance: none; /* Webkit */
  -moz-appearance: none; /* FF */
  -ms-appearance: none; /* Edge */
  appearance: none; /* Future */}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}
#formulario input[type="submit"]{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
option {
   background: transparent;
}
::-webkit-file-upload-button {
  background: #0095eb;
  color: #fff;
  padding: 1em;
  border:0px;
  display:none;
}

/*vinculacion template*/

.Book-description a{
border:solid 2px #0057ff !important;
  border-radius:30px;
  padding: 10px 15px;
}

#contenidistas{
 width:100%;
 min-width:380px;
 display:flex !important;
 justify-content:center;
 align-items:stretch;
 padding:0 10%;
 background:#fff;
}
.fifty{
  width:50%;
  max-width:50%;
  padding:5%;
  display:flex;
  /*flex-direction:column;*/
  align-items:center;
  justify-content:center;
  
}
#conoceTeclab{
width:100%;
 min-width:380px;
 display:flex !important;
 justify-content:center;
 align-items:start;
 padding:0 10%;
  margin-bottom:5%;
  max-height:250px;
}
.mobile_cont{
width:70%;
margin: 0px auto;
}
.percent{
  width:33.3%;
  max-width:33.3% ;
  padding:2% 3%;
  display:flex;
  flex-direction:column;
  align-items:center; 
}


.hs_cos_wrapper_widget_1675967950678{
margin-bottom: 0 !important;
}
.leftrightborder{
border-left: solid 1px #1a1a1a;
  border-right: solid 1px #1a1a1a;
}

.btn12{ background: url(//6058217.fs1.hubspotusercontent-na1.net/hubfs/6058217/raw_assets/public/IPP-TECLAB/img/arrow.png);background-repeat: no-repeat;background-position-x: 92%;background-position-y: center;font-size: 24px; font-weight: 700; letter-spacing: 0px; background-color: #111b29; color: #fff; text-align: center; height: 66px; float: none; line-height: 66px; min-width: 380px; border-radius: 33px;display: inline-block;padding: 0 30px;}
.btn12:hover { background: url(//6058217.fs1.hubspotusercontent-na1.net/hubfs/6058217/raw_assets/public/IPP-TECLAB/img/flecha-btn-arriba.svg);background-repeat: no-repeat;background-position-x: 90%;background-position-y: center;background-color: #ccc; color: #111b29;}
#sendCV{
margin:0 auto;
margin-top: -100px;
  
}
.boxer2{width:100%; display:flex; justify-content:space-evenly; align-items:center; margin:0 auto; zoom:75%;}


@media screen and (max-width : 1200px) and (min-width : 300px) {
.boxer{width:90%;margin:0 auto}
}
@media screen and (max-width : 767px) and (min-width : 300px) {
.ordenador{display:none!important}
.movil{display:block!important}
 #contenidistas{
 width:100%;
 min-width:380px;
 display:flex !important;
 justify-content:center;
 align-items:stretch;
 padding:0 10%;
 flex-direction:column;
 background:#fff;
}
  
  .mobile_cont{
width:90% !important;
    margin:0px auto;
}
  .learnEbook-section{
  flex-direction:column-reverse;
  }
  .ebook-learn-img {
  width:100%;
    max-width:100% !important;
    margin:20px auto;
}
  .Book-description{
    text-align:center;
  }
   .Book-description a{
  font-weight:bold;
  }
  #conoceTeclab{
  flex-direction:column;
    text-align:center;
    margin:5% auto;
    min-height:900px;
  }
  .percent{width:100%;  max-width:100%;  padding:12% 0;}
  .fifty{width:100%;  max-width:100%;}
  .leftrightborder{
border-top: solid 1px #1a1a1a;
  border-bottom: solid 1px #1a1a1a;
    border-left: none;
  border-right: none;
}

}
@media screen and (max-width : 990px) and (min-width : 677px) {
  .col-t-100{width: 100%;}
  .col-t-50{width: 50%;}
  .col-t-33{width: 33%;}
  .col-t-25{width: 25%;}

}

@media screen and (max-width : 767px) and (min-width : 300px) {
  .parallax { background-attachment: initial !important;} 
  .espacio {height:80px}
  .col-m-100{width: 100% !important;}
  .col-m-80{width: 80% !important;}
  .col-m-50{width: 50% !important;}
  .col-m-25{width: 25% !important;} 
  .col-m-10{width: 10% !important;}   
  
h1, .h1 { font-size:43px;}
h2, .h2 { font-size:34px; line-height: 1.4; }
h3, .h3 { font-size:32px; line-height: 1.3; }
h4, .h4 { font-size:24px; line-height: 1.3; } 
h5, .h5 { font-size:28px; line-height: 1.3; }
h6, .h6 { font-size:20px; line-height: 1.3; }
p { font-size: 18px; line-height: 1.7; }
  
.btn1{ width:278px;line-height:49px;height:49px;font-size: 17px;}
.btn2{ font-size: 24px;}
.btn3{ font-size: 18px;}
}
/* davo */

/** Módulo Cuenta Regresiva **/
#countdown {padding:40px 0 0;}
#countdown .contenedor {text-align:center;}
#countdown .contenedor h2 {text-transform:uppercase;width:fit-content;color:#FFFFFF;padding:20px 7%;margin:0 auto;margin-bottom:35px;}
#countdown .contenedor h3, #countdown .contenedor p {margin-bottom:25px;}
#countdown .contenedor h6 {font-size:75px;font-weight:700;}

/** Módulo Desplegable **/
#desplegable .titulos {margin-top:100px;}
#desplegable svg {margin-bottom:-10px;}
#desplegable .titulos h2 {color:#FFFFFF;}
#desplegable .titulos p {font-size:24px;margin: 30px 0 40px;color:#FFFFFF}
#desplegable .contenedor {margin-bottom:50px;}
#desplegable #multi-accordion .full {border:none;background-color:transparent;padding:5px 0px;margin-bottom: 20px;}
#desplegable #multi-accordion .accordion {display: block; float: left; cursor: pointer; margin:0 auto;outline: 0; transition: all ease .3s;} 
#desplegable #multi-accordion .accordion h4 {float:left;font-weight: 700;color:#6DBBCA;padding:15px 0;text-align: left;width:90%;}
#desplegable #multi-accordion .accordion p:hover {color:#C9DB2B;}
#desplegable #multi-accordion .accordion svg {float:right;transition: 0.5s;margin: 15px 0;}
#desplegable #multi-accordion .accordion.active svg {transform: rotate(90deg);}
#desplegable #multi-accordion .full .accordion {width:100%;background-color:#FFFFFF;border:solid 3px #6DBBCA;padding:0px 25px;min-height: 83px;border-radius:10px;}
#desplegable #multi-accordion .full .accordion:hover {color:#C9DB2B;}
#desplegable #multi-accordion .panel {;width:100%; float: left; transition: all 0.5s ease;max-height:0;overflow:hidden;} 
#desplegable #multi-accordion .panel .texto {margin: 5px 0px;padding:30px 25px;}
#desplegable #multi-accordion .panel p {color:#FFFFFF;} 
#desplegable #multi-accordion .panel a {margin-left:25px;color:#FFFFFF;text-decoration:none;}
#desplegable #multi-accordion .panel a:hover {}
#desplegable #multi-accordion .full .espacio-vertical {opacity:0;line-height:20px;display:block;float:left;} 

/** Módulo Convocatorias **/
#convocatorias {padding:70px 0;}
#convocatorias .titulo {margin-bottom: 45px;}
#convocatorias .contenedor:last-child {margin-left:2%;}
#convocatorias .contenedor {display:flex;}
#convocatorias .textos {margin-left:6%;}

/** Módulo Por Que IPP **/
#porque-ipp {padding:70px 0;}
#porque-ipp .icon-txt:nth-child(2) {margin-top:42px;}
#porque-ipp .icon-txt {margin-bottom:27px;}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  width: auto;
  margin-top: 40%;
  transition: 0.6s ease;
  user-select: none;
  z-index: 100;
}

/* Position the "next button" to the right */
.next {
  right: 20px;
}
/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 4px;
  background-color: #ECF0F5;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover .dot:active{
  background-color: #3DB5A6;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/*formulario*/
#formulario {padding:25px 0}
#formulario.span5 {box-shadow: rgb(0 0 0 / 16%) 0px 3px 26px;border-radius: 26px;}
#formulario h4 {background: #0057ff;color: #FFFFFF;text-align: center;text-transform: uppercase;padding: 10px 0;margin-bottom: 15px;}
#formulario p {font-weight:700;color:#0F486E;font-family: 'Poppins', sans-serif;}
#formulario h5 {color:#0F486E;font-weight:400;margin-bottom: 20px;font-size:24px; text-align:left; margin-left:40px;}
#formulario .negro h5 {color:#222222; padding: 0 6% 30px; line-height: 30px;}
#formulario .blanco h2 {color:#ffffff; padding: 30px 5% 0;}
#formulario .hr hr { color: #fff; background: #ffff; border: none; border-bottom: solid;}
#formulario .flex {display: flex; flex-wrap: wrap; flex-direction: row; align-items: center;}
#formulario .span5.flex2 {text-align:center;}
#formulario fieldset.form-columns-1 .input {margin-right:0;}
#formulario fieldset.form-columns-2 .input {margin-right:0;}
#formulario .hs-input {border-radius:8px;}
#formulario textarea {background-color: #F4F7F2; width:98%;height:100px;max-width:99%;border:0;padding: 10px 0 0 10px;  font-family: 'Poppins', sans-serif;font-weight:300; font-size:14px;color:#3F3F41;}
#formulario select {appearance: none;background-color: #FAFAFA; height: 40px; margin: 0; padding: 0 30px 0 10px; width: 100%; max-width: 100%; border: 0;  font-family: 'Poppins', sans-serif;font-weight:300; font-size:14px;color:#0057ff;}
#formulario .hs-fieldtype-select .input:after{content: url(//6058217.fs1.hubspotusercontent-na1.net/hubfs/6058217/raw_assets/public/IPP-TECLAB/img/flecha-formulario.svg);right: 5%;margin-top: -6%;position: relative;pointer-events: none;float: right;zoom: 60%;}
#formulario input {background-color: #FAFAFA;height: 40px; margin: 0; padding: 0 0 0 10px; width: 100%; max-width: 100%; border: 0;  font-family: 'Poppins', sans-serif;font-weight:300; font-size:14px;color:#0057ff;}
#formulario input[type="submit"] {margin-top:15px!important;Color: #fff;background-color:#111B29;font-size: 18px;font-weight: bold;letter-spacing: 1px;line-height: 50px;height:50px;padding:0px 30px;border-radius: 30px;text-decoration: none;margin: 0 auto;display: block;width:180px;text-align: center;transition-duration: .5s;}
#formulario input[type="submit"]:hover {background:#3F3F41;transition-duration: 0.5s;}
#formulario ul.hs-error-msgs {margin:0 !important; padding:0 !important;}
#formulario .hs-error-msgs li {color: red; font-size: 10px; display: block;line-height: 1.6;}
#formulario {float: left; z-index: 3; position: relative; }
#formulario .formulario { border-radius: 33px;padding: 40px 4% 35px; background-color: #ffffff;box-shadow: 0px 0px 30px rgb(0 0 0 / 15%);}
#formulario form {margin:0 48px;}
#formulario form fieldset { margin: 0 0 20px; max-width: 100%;}
#formulario fieldset.form-columns-2 .hs-form-field { width: 48%; float: left;}
#formulario .hs-fieldtype-select .input {margin: 0;}
#formulario form fieldset { margin: 0 0 0px; max-width: 100%;}
#formulario form .input {margin-bottom: 15px;}
#formulario label {font-size:14px;}
#formulario .hs-main-font-element {display:none;}

/** Módulo Texto con hr **/
#texto-simple {padding:40px 0;}
#texto-simple .txt-line {text-align:center;}
#texto-simple .txt-line hr {float: left;width: 100%;border: solid 0px;height: 2px;background: #E6E6E6;margin-top: 70px;}
#texto-simple .txt h2 {padding-right:55%;}

/** Módulo Tab Multiproposito (Alumnos - Prácticas - Partners **/
#tab-multi {text-align:center;}
#tab-multi .full.pantalla { padding: 0px 0px 120px 0px;}
#tab-multi .titulos {margin:60px 0 55px;padding: 0 8%;}
#tab-multi .contenido.col-30 {text-align:left;}
#tab-multi .contenido .comillas {margin-bottom:-80px;}
#tab-multi .contenido .alumno {margin:0px 0px -50px 12%;}
#tab-multi .contenido .box {background:#111a29;border-radius:30px;min-height:386px;box-shadow: 0px 0px 30px rgb(0 0 0 / 15%);text-align:left;padding: 84px 6% 40px;line-height:1.5em;}
#tab-multi .contenido p {color:#fff;}
#tab-multi .contenido {margin-right:4%;}
#tab-multi .contenido:nth-child(2) {margin-left:1%;}
#tab-multi .contenido:nth-child(4) {margin-right:0;}
#tab-multi .contenido .box h4 {margin:25px 0px 5px; color:#49e9ed;}
#tab-multi .contenido .box b {color:#fff; font-weight:400;font-size:14px;}
#tab-multi .imagenes {display: flex;flex-direction: row;justify-content: space-evenly;gap:5px;flex-wrap: wrap;}
#tab-multi .multifuncional .caja-txt .hs-embed-wrapper {max-width:100%!important;max-height:100%!important;}
.tab-multi .btn1 {margin-top:-33px;}

/** Módulo Formulario Pop Up **/
#form-pop {display:none;margin:0 10%;}

/** Módulo Contador **/
#contador2 {align-items: flex-start;
    background: url(https://5880041.fs1.hubspotusercontent-na1.net/hubfs/5880041/bg-contador2.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    min-width: 100%;
    min-height: 600px;
    padding: 60px 50px;
}
#contador2 .titulo h2 {text-transform:uppercase;text-align:center; color:#fff;}
#contador2 .counter {display: flex;flex-direction: row;justify-content:flex-start; flex-wrap:wrap; margin-top:80px;}
#contador2 .counter h2 {font-size:8em; color:#fff;}
#contador2 .counter h3 {font-size:4em; color:#fff;}
#contador2 .counter .contenedor { text-align:center; min-width: 270px;}
#contador2 .title-counter { display: flex;flex-direction:column;justify-content:flex-start; }

.titulo{ margin-top:60px;}
#contador {padding:60px 0 100px;}
#contador .titulo h2 {text-transform:uppercase;text-align:center;}
#contador .counter {display: flex;flex-direction: row;justify-content: space-between;margin:80px 0 30px 0;}
#contador .counter h2 {font-size:96px;}
#contador .counter h3 {font-size:38px; color:#111a29;}
#contador .counter .contenedor { text-align:center; min-width: 270px; }

/** Formulario popup descargable **/
#myModal2 .modal-content {width:470px;border-radius:0px;}
#myModal2 #formulario {padding:0 0 50px;}
#myModal2 #formulario label {font-size:14px;}

/** Responsive **/
/** Mobile **/
@media screen and (max-width:767px) and (min-width:300px) {
#formulario .hs-fieldtype-select .input:after { margin-top: -12%;}  
#countdown .contenedor h6 {font-size:42px;}
#countdown .contenedor h2 {width:75%;padding:10px 1%;margin-bottom:50px;}
#countdown .span2 {width:0;}
#countdown .span8 {width:90%;margin:0 5%;}
#contador2 {padding:60px 20px;}
#contador2 .counter h2 {font-size:6em; color:#fff;}
#contador2 .counter {justify-content:center;}
#contador2 .counter .contenedor {margin-bottom: 50px;}
  
#desplegable .col-50 {width:100%;}
#desplegable #multi-accordion .panel .texto {height: 400px;overflow: scroll;}
#desplegable #multi-accordion .accordion h4 {font-size:18px;}
#desplegable #multi-accordion .accordion img {margin-left:0;}
#desplegable #multi-accordion .panel a {margin: 0 15%;}
  
#convocatorias {text-align:center;}
#convocatorias .col-25 {width:100%;}
#convocatorias .contenedor:last-child {margin-left:0;margin-top: 55px;}
#convocatorias .contenedor {display:block;}
#convocatorias .btn3 {}
#convocatorias .textos {text-align:center;margin: 19px 0 26px;}
  
#texto-simple {text-align:center;}   
  
#porque-ipp .txt {margin-top:27px;padding: 0 12%;}
#porque-ipp .txt h4 {margin-bottom:20px;}
#porque-ipp .icon-txt {margin-bottom:43px;}
  
#tab-multi .titulos {margin: 0px 0 50px;padding: 0 ;}
#tab-multi .titulos h2 {margin-bottom:40px;}
#tab-multi .contenido {margin: 0 5% 60px!important;}
#tab-multi .contenido .comillas {float: left;margin-top: -80px;}
#tab-multi .contenido .alumno {margin: 0px 0px -50px -24%;}
#tab-multi .contenido .box {min-height: 462px;padding: 70px 12% 0px;}
#tab-multi .contenido .box h4 {margin: 15px 0px 5px;}  
#tab-multi .prev, #tab-multi .next {margin-top: 65%;}
#tab-multi .imagenes {gap:20px;margin-bottom:50px;}
  
#formulario.span5 {margin-left:0;}
#formulario h5 {padding:0 5%;}
    
#contador .counter {flex-direction: column;margin-top:0;}
  
}
/** Tablets **/
@media screen and (max-width:1200px) and (min-width:768px) {
#tab-multi .contenido .alumno {margin: 0px 0px -50px 22%;}
#countdown .contenedor h6 {font-size: 68px;}
#contador .counter {flex-wrap: wrap;}
#tab-multi .imagenes {flex-wrap:wrap;}  
#tab-multi .imagenes img {width:48%!important;}
}
/** Tablets horizontal **/
@media screen and (max-width:1200px) and (min-width:900px) {
  
}
/* felipe */
/* banner */
#banner{ }
#banner.generica .titulo h1{ font-size: 58px; } 
#banner.alumnos .titulo h1{ font-size: 58px; } 
#banner.remarketing .titulo h1{ font-size: 58px;} 
#banner .pantalla { background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important;}
#banner .logo-tipo{ padding: 34px 0px 100px 0px;}
#banner .logo-tipo img{ width: 186px;height: auto;}
#banner .promicion{ margin-bottom: 40px;}
#banner .promicion h4 { color:#111a29;padding: 15px 22px 15px 0px; line-height: 1; z-index: 20; position: relative;}
#banner .promicion span{ background: #4ebdcc; position: absolute; width: 33%; height: 54px; left: 0px;} 
#banner .promicion .franja {background: #4ebdcc;width: fit-content;border-radius: 0px 40px 40px 0px;display: flex;justify-content: center;flex-direction: column;float: left;}
#banner .col-100 .titulo {text-align:center;}
#banner .titulo h1{ margin-bottom: 40px; color: #fff; font-weight: 300;} 
#banner .titulo h1 strong{ font-weight: 600;}
#banner .titulo h2{ margin-bottom: 40px; color: #fff; font-weight: 300;}
#banner .titulo h2 strong{ font-weight: 600;}
#banner .titulo h3{ margin-bottom: 40px; color: #fff; font-weight: 300;}
#banner .titulo h3 strong{ font-weight: 600;}
#banner .titulo h4{ margin-bottom: 40px; color: #fff; font-weight: 300;}
#banner .titulo h4 strong{ font-weight: 600;}
#banner .titulo p{ margin-bottom: 40px; color: #fff; font-weight: 300; font-size: 24px;}
#banner .titulo p strong{ font-weight: 600;}
#banner .carateristicas {padding-right:10%;}
#banner .carateristicas .dest{ float: left; width: 50%;margin-bottom:20px;}
#banner .carateristicas .dest img{ height: auto;  width: 60px;}
#banner .carateristicas .dest p { font-family: 'Poppins', sans-serif;color: #fff; font-weight: 800; font-size: 24px; padding: 0px 10px 0px 0px; margin: 0px 15px;}

/* formulario */
#formulario { background: #fff; z-index:1000;}
#zona-formulario.fijo { position: absolute; height: 20px; margin-top: 100px;z-index:1000;}
#zona-formulario.sticky.activo { position: fixed; height: 20px; margin-top: 20px;z-index:1000;}
#zona-formulario.sticky { position: absolute; height: 20px; margin-top: 20px;z-index:1000;}
#zona1{ position: relative; background-color: white;z-index:1500;}
#zona2{ position: relative; background-color: white;z-index:1500;}
#zona3{ position: relative; z-index:1800;border-top: 3px #0057ff solid;}

/*flip box*/
.flip-box { background-color: transparent; height: 200px; border: 1px solid #f1f1f1; perspective: 1000px;}
.flip-box-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d;}
.flip-box:hover .flip-box-inner { transform: rotateY(180deg);}
.flip-box-front, .flip-box-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.flip-box-front { background-color: #bbb; color: black; background-size: cover; background-position: center; }
.flip-box-back { background-color: dodgerblue; color: white; transform: rotateY(180deg);}

/*tab*/
.tabcontent2{ display:none;}
#tab-multi .contenedor div:nth-child(3) { display:block;}
.tab{ text-align: center; width: fit-content; background: #f2f5f8; float: none; display: table; margin: 0px auto; border-radius: 40px;  overflow: hidden;zoom:80%;}
.tablinks, .tablinks2 { font-family: 'Poppins', sans-serif;background: #F2F5F8; appearance: none; border: 0px;  margin: 0px; padding: 20px 40px; font-size: 24px; font-weight: 700;float:left; color:#2c2c2c;}
.tablinks.active, .tablinks2.active, .tablinks:hover, .tablinks2:hover { display:none; background: #111a29; color: #fff; border-radius: 42px; transition: 0.3s;}
.tabcontent {
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/** cursos **/
#cursos{}
#cursos h2{ margin-bottom: 47px;} 
#cursos .tab{ margin-bottom: 57px;}
#cursos .tab .tablinks{}
#cursos .tabcontent{}
#cursos .cursos-box{}
#cursos .cursos-box .flip-box { height: 311px; border-left: 8px solid #fff; border-right: 8px solid #fff; margin-bottom: 16px;}
#cursos .cursos-box .flip-box-inner{}
#cursos .cursos-box .flip-box-front{}
#cursos .cursos-box .opasiti{ background: rgb(6 39 62 / 74%); width: 100%; height: 100%; padding-top: 30px;}
#cursos .cursos-box .flip-box-front .titulo { background-color: #4EBDCC; color: #fff; font-size: 18px; line-height: 33px; }
#cursos .cursos-box .flip-box-front .carrera{font-size: 24px; color: #fff; font-weight: 700; margin-top: 70px;padding:0 6%;}
#cursos .cursos-box .flip-box-back{}
#cursos .cursos-box .flip-box-back .texto{font-size: 18px; color: #fff; line-height: 1.5; padding: 33px 30px;}
#cursos .cursos-list{ margin-top: 76px;}
#cursos .cursos-list .col-50 {font-size: 18px;font-weight: 500;line-height: 31px; margin-bottom: 31px; padding-left: 13%;}
#cursos .cursos-list .col-50 img { margin-right: 13px;}
.tab-multi {margin:80px 0;}
/*color primera nivel */
#cursos .flip-box-front.Titulo-Tecnico .titulo{    background-color: #4EBDCC;}
#cursos .flip-box-back.Titulo-Tecnico{    background-color: #4EBDCC;}
/*color segunda nivel */
#cursos .flip-box-front.Titulo-Profesional .titulo{    background-color: #ACB738;}
#cursos .flip-box-back.Titulo-Profesional{    background-color: #ACB738;}
/**color tercer nivel **/
#cursos .flip-box-front.Continuidad-de-Estudios .titulo{    background-color: #E84C3C;}
#cursos .flip-box-back.Continuidad-de-Estudios .texto{    background-color: #E84C3C;}

/**certificado**/
#certificado { text-align: center;  }
#certificado .pantalla{ padding-bottom: 80px;}
#certificado .span8{}
#certificado  img { position: relative; margin-top: -180px;}
#certificado  h3{ font-size: 38px; font-weight: 600; line-height: 1.5;color: #fff;}
#certificado .texto{ padding:25px 0px;}
#certificado .texto p { font-size: 20px; line-height: 1.5; color: #fff;}

.modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;  background-color: rgb(0 0 0 / 80%);}
.modal-content { position: relative; background-color: #fefefe; margin: auto;  padding: 0;  width: 50%; max-width: 1200px; display: grid; border-radius: 20px;}
.close {color: black;position: relative; top: 8px; left: 94%; font-size: 35px; font-weight: bold; float: right; width: 53px;}
.close:hover, .close:focus {color: #999; text-decoration: none; cursor: pointer;}

@media screen and (max-width : 767px) and (min-width : 300px) {
#banner .promicion .franja {
    width: 100%;
    float: left;
    margin-left: -6%;
}
#banner .promicion h4 { padding: 10px 5%;  width: 86%; border-radius: 0px 40px 40px 0px;  z-index: 20; position: absolute; left: 0px; height: auto; margin-top: 0px;color:#0056f3;} 
#zona-formulario.sticky.activo { position: relative;  height: auto;  margin-top: 20px;z-index:1000;}
#zona-formulario.sticky { position: relative;  height: auto; margin-top: 20px;z-index:1000;}  
#banner .logo-tipo { padding: 34px 0px 77px 0px;}  
#banner.remarketing{text-align: left;}
#banner.alumnos{text-align: left;}
#banner.generica{text-align: center;}
#banner .full.movil {padding-top:20!important;}
  
#banner.generica .titulo h1{ margin-bottom: 10px; font-size: 35px;} 
#banner.generica .titulo h2{ margin-bottom: 35px; font-size: 30px;}
#banner.generica .titulo h3{ margin-bottom: 35px; font-size: 33px;}
#banner.generica .titulo h4{ margin-bottom: 35px; font-size: 33px;}
#banner.generica .titulo p { margin-bottom: 35px; font-size: 18px;}

#banner.alumnos .titulo h1{ margin-bottom: 10px; font-size: 35px;} 
#banner.alumnos .titulo h2{ margin-bottom: 35px; font-size: 30px;}
#banner.alumnos .titulo h3{ margin-bottom: 35px; font-size: 33px;}
#banner.alumnos .titulo h4{ margin-bottom: 35px; font-size: 33px;}
#banner.alumnos .titulo p { margin-bottom: 35px; font-size: 18px;}

#banner.remarketing .titulo h1{ margin-bottom: 10px; font-size: 35px;} 
#banner.remarketing .titulo h2{ margin-bottom: 35px; font-size: 30px;}
#banner.remarketing .titulo h3{ margin-bottom: 35px; font-size: 33px;}
#banner.remarketing .titulo h4{ margin-bottom: 35px; font-size: 33px;}
#banner.remarketing .titulo p { margin-bottom: 35px; font-size: 18px;}
#zona-formulario.fijo { position: relative; height: auto; margin-top: 20px;z-index:1000;}  
#cursos .tab { width: 100%; margin-bottom: 0px;}  
.tab-multi {margin:20px 0;}
  
#certificado svg { margin-top: -3px; }
#texto-simple .txt h2 { padding:0 5%;text-align:center;}
.mySlides1{ min-height: 377px;}

.tab { background: transparent;border-radius: 0px;}
.tablinks.active, .tablinks2.active, .tablinks:hover, .tablinks2:hover { border-radius: 0px;}  
.tablinks, .tablinks2 { float: left; width: 100%; border-radius: 0px; display:none;}
.tablinks span, .tablinks2 span {
   /* background: url(https://6058217.fs1.hubspotusercontent-na1.net/hubfs/6058217/raw_assets/public/IPP-TECLAB/img/flecha-btn-arriba.svg); */
    background: url(//6058217.fs1.hubspotusercontent-na1.net/hubfs/6058217/raw_assets/public/IPP-TECLAB/img/flecha-formulario.svg);
    width: 35px;
    height: 33px;
    float: right;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.3s;  
}
.tablinks.active span, .tablinks2.active span {
    background: url(https://6058217.fs1.hubspotusercontent-na1.net/hubfs/6058217/raw_assets/public/IPP-TECLAB/img/flecha-btn-arriba.svg);
    background-position: center;
    background-repeat: no-repeat;
} 
  
.slideshow-container { margin-bottom: 22px; }
.tablinks, .tablinks2 { margin-bottom: 22px; display:none;}
.tablinks.active, .tablinks2.active, .tablinks:hover, .tablinks2:hover {margin-bottom:50px;}
.tab-multi .btn1 {margin:20px 0;}
.slideshow-container  .col-m-100.flip-box:first-child{ display:block;}
.slideshow-container  .col-m-100.flip-box{display:none;} 
 
#Tab1 .slideshow-container .mySlides6:nth-child(3){display:none;}
#Tab1 .slideshow-container .mySlides6{display:none;}
#Tab1 {display:none;} 
#banner .carateristicas .dest p { color: #fff; font-weight: 800; font-size: 15px; padding: 0px 0px 0px 5px; border-right: solid 0px #fff; margin: 0px 0px; margin-bottom: 20px;text-align: left;}
#banner .carateristicas .dest { float: left; width: 50%;}  
#contador .counter h2 { font-size: 75px; color: #be5ea0;} 
  
#texto-simple .txt-line h2 { padding-right: 0%;}  
}
/** Tablets **/
@media screen and (max-width:1200px) and (min-width:768px) {
#banner.remarketing .titulo h1 {font-size: 45px;}
#banner.generica .titulo h1 {font-size: 65px;}
#banner.alumnos .titulo h1 {font-size: 50px;}
#certificado {margin-top: 0;z-index:0;}
.tablinks, .tablinks2 {padding: 20px 25px; display:none;}
#banner .promicion h4 { padding: 10px 0% 10px 5%; width: 440px; border-radius: 0px 40px 40px 0px;  z-index: 20; position: absolute; left: 0px;  height: auto; margin-top: -41px;}  
}
/** Tablets horizontal **/
@media screen and (max-width:1200px) and (min-width:900px) {
  
}
@media screen and (max-width:1200px) and (min-width:300px) {
#banner .promicion span {
    display: none;
  }
}


/* mas info */
.mas-info{ position: relative; margin-top: -115px; margin-bottom: 60px; z-index:1500;}
.mas-info a { background-color: #0057ff; min-width: 150px; height: 53px; display: inline-block; border-radius: 25px; padding:10px 20px;}
.mas-info h6{ font-size: 24px; font-weight: 700;line-height: 1.3; color: #fff;}
.flex-row{display:flex;flex-wrap:wrap;}
/* footer */
#footer{ background-color: #111a29;  padding: 80px 0px; font-size: 24px; position: relative;}
#footer p{ color:#fff; font-size:18px;}
#footer a{ color: #49e8d7;}
#footer a:hover{ color: #fff;}
.border-R{border-right:solid 1px #969aa1;}
.centercont{display: flex; align-items: center; font-weight: 600; justify-content: center; flex-direction: column;}
.flex-row{display:flex; align-items:strech;}

@media screen and (max-width : 767px) and (min-width : 300px) {
#footer .col-m-100 {padding-bottom: 40px;}
#footer .btn5 {background-color: transparent;position: fixed;bottom: 20px;right: 20px;z-index: 100;}
  .border-R {border-right:none;}
}
.contenedorJess{
  position:relative;
  margin: auto;
  width: 100%;
  height: auto;
}
.filaJess{
  position: relative;
  margin: auto;
  width: 100%;
  height: auto;
}
.colJess{
  width: 50%;
  border: 1px solid black;
  float: left;
}