@font-face {
  font-family: Calibri;
  src: url('../fonts/Calibri-BoldItalic.eot') format("embedded-opentype"), url('../fonts/Calibri-BoldItalic.woff') format("woff"), url('../fonts/Calibri-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Calibri;
  src: url('../fonts/Calibri-Italic.eot') format("embedded-opentype"), url('../fonts/Calibri-Italic.woff') format("woff"), url('../fonts/Calibri-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: Calibri;
  src: url('../fonts/Calibri-Light.eot') format("embedded-opentype"), url('../fonts/Calibri-Light.woff') format("woff"), url('../fonts/Calibri-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Calibri;
  src: url('../fonts/Calibri.eot') format("embedded-opentype"), url('../fonts/Calibri.woff') format("woff"), url('../fonts/Calibri.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Calibri;
  src: url('../fonts/Calibri-Bold.eot') format("embedded-opentype"), url('../fonts/Calibri-Bold.woff') format("woff"), url('../fonts/Calibri-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

.mask {
  background-color: #0000;
}

.logohero {
  width: 200px;
  height: 280px;
}

.herotextslider {
  background-color: #0000;
  height: 150px;
  margin-bottom: 15px;
  position: static;
  top: 20%;
  left: 0;
  right: 0;
}

.herotextblock {
  width: 500px;
}

.navlink {
  color: #fff;
  text-transform: uppercase;
  margin-top: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Calibri, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.navlink:hover {
  border-bottom: 3px solid #008fd3;
  border-radius: 0;
}

.navlink:visited {
  color: #fff;
}

.navlink.w--current {
  color: #008fd3;
  font-weight: 300;
}

.herotitle {
  color: #fff;
  width: 400px;
  font-family: Calibri, sans-serif;
  font-size: 60px;
  font-weight: 700;
}

.container {
  justify-content: space-between;
  align-items: stretch;
  height: 60px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.herosubtitle {
  color: #ededed;
  text-transform: uppercase;
  background-color: #2e54a1;
  border-radius: 5px;
  margin-bottom: 0;
  padding-top: 1px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 400;
}

.herosubtitle.textslide1 {
  background-color: #2e54a1;
  width: 310px;
}

.herosubtitle.textslide4 {
  width: 369px;
}

.herosubtitle.textslide3 {
  width: 340px;
}

.herosubtitle.textslide2 {
  width: 342.5px;
}

.fb-linkblock {
  cursor: pointer;
  background-image: url('../images/facebook-logo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  margin-top: 15px;
  margin-left: 30px;
  transition: transform .3s ease-in-out;
}

.fb-linkblock:hover {
  transform: scale(1.1);
}

.herocolumnlogo {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
  display: flex;
}

.herosectioncontent {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.heromenu {
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  display: flex;
  position: static;
}

.nav-menu {
  align-items: stretch;
  height: 60px;
  display: block;
}

.slidernonavbar {
  height: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.slidernonavbar.herotext {
  padding-top: 0;
  position: absolute;
  top: 0;
}

.bluebutton {
  float: none;
  clear: none;
  color: #fff;
  text-align: center;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #1d3364;
  border: 3px solid #008fd3;
  border-radius: 5px;
  padding-top: 11px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Calibri, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  transition: transform .4s ease-in-out, background-color .4s ease-in-out;
  position: static;
  top: 60vh;
  left: 0;
  right: 0;
}

.bluebutton:hover {
  background-color: #008fd3;
  border-style: solid;
  transform: scale(1.05);
}

.bluebutton.plateduc {
  padding-left: 30px;
  padding-right: 30px;
  transition-duration: .4s, .4s;
}

.herocolumntext {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: 50px;
  display: flex;
}

.herotextslide {
  background-color: #0000;
  position: relative;
}

.slidernoarrow {
  height: 0;
}

.herocontent {
  width: 80%;
  height: 100%;
  margin-top: -60px;
}

.herosectionslider {
  z-index: 0;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
}

.heroimageslider {
  width: 100vw;
  height: 100vh;
}

.heroslider {
  background-image: linear-gradient(#1d336480, #1d336480), url('../images/HeaderCapacitacionOPT-HQ.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.heroslider.adslide2 {
  background-image: linear-gradient(#1d336480, #1d336480), url('../images/HeaderCoachingOPT-HQ.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.heroslider.adslide3 {
  background-image: linear-gradient(#1d336480, #1d336480), url('../images/HeaderPlataformasOPT-HQ.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.heroslider.adslide4 {
  background-image: linear-gradient(#1d336480, #1d336480), url('../images/HeaderProyectosOPT-HQ.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.spacersection {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.quotessection {
  z-index: 5;
  background-color: #1d3364;
  position: relative;
  overflow: hidden;
}

.quotesslider {
  background-color: #122141;
  height: 70px;
}

.quotes {
  color: #ededed;
  text-align: center;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
}

.navbarimage {
  height: 35px;
}

.nav-menu-2 {
  display: block;
}

.navbar {
  background-color: #122141;
  justify-content: space-between;
  align-items: stretch;
  width: 100vw;
  transition: opacity .2s;
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
}

.navbarlogo {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  height: 60px;
  margin-right: 90px;
  display: flex;
}

.descriptiontext {
  color: #000;
  text-align: center;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
}

.descriptiontext.nosotrosobjetivo {
  text-align: left;
}

.descriptiontext.nosotrossomos {
  text-align: right;
}

.descriptiontext.infocontacto {
  text-align: left;
  width: 80%;
  font-size: 20px;
  line-height: 28px;
}

.descriptiontext.contacto {
  text-align: left;
  margin-bottom: 50px;
}

.descriptiontext.errorform {
  color: #fff;
}

.nosotroscontainergeneral {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 110px;
  padding-bottom: 110px;
  display: flex;
}

.nosotrossection {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.containervalores {
  justify-content: center;
  display: flex;
}

.valorestext {
  color: #fff;
  margin-bottom: 0;
  margin-left: 25px;
  margin-right: 25px;
  font-size: 18px;
}

.verticalbar {
  color: #2e54a1;
  background-color: #2e54a1;
  border: 3px solid #2e54a1;
  border-radius: 10px;
  width: 5px;
  height: 280px;
  margin-left: 60px;
  margin-right: 60px;
}

.valoricon {
  width: 45px;
  height: 45px;
}

.sectiontitle {
  color: #2e54a1;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 70px;
  font-family: Calibri, sans-serif;
  font-size: 45px;
  font-weight: 700;
}

.subtitleinabox {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 90%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Calibri, sans-serif;
  font-size: 24px;
}

.nosotrosdescription {
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-bottom: 85px;
  padding-top: 0;
  display: flex;
}

.valorescolumn1 {
  padding-top: 45px;
  padding-bottom: 45px;
  padding-right: 25px;
}

.valorescolumn2 {
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 25px;
}

.sectionsubtitle {
  color: #008fd3;
  margin-top: 0;
  font-family: Calibri, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 44px;
}

.sectionsubtitle.somos {
  text-align: right;
  line-height: 44px;
}

.sectionsubtitle.objetivo {
  color: #008fd3;
  line-height: 44px;
}

.sectionsubtitle.cap1 {
  color: #2e54a1;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
}

.sectionsubtitle.cap2 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 55px;
  font-size: 32px;
  font-weight: 700;
  line-height: 30px;
}

.sectionsubtitle.cap2.alt2 {
  margin-bottom: 40px;
  font-size: 23px;
  line-height: 30px;
}

.sectionsubtitle.cap2.alt1 {
  margin-bottom: 0;
}

.valoresright {
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 1px;
  display: flex;
}

.fondovalores {
  background-image: url('../images/ValoresOPT-HQ.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.subtitlebox {
  background-color: #2e54a1;
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: flex;
}

.valorescolumns {
  width: 100%;
}

.valoresleft {
  justify-content: flex-end;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.containerareascapacitacion {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 100px;
  display: flex;
}

.fondotiposcapacitacion {
  background-color: #ededed;
}

.servicioscontainergeneral {
  padding-top: 110px;
  padding-bottom: 110px;
}

.tiposcapacitacionrow {
  width: 100%;
  margin-top: 80px;
}

.iconocapacitacion {
  width: 110px;
  height: 110px;
  margin-bottom: 35px;
}

.iconocapacitacion.alt {
  width: 125px;
  height: 125px;
  margin-bottom: 5px;
}

.serviciossection {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.capacitacioncolumn {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.capacitacioncolumn.left {
  justify-content: flex-end;
  padding-right: 50px;
}

.capacitacioncolumn.right {
  justify-content: flex-start;
  padding-left: 50px;
}

.tiposcapacitacionwrapper {
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 400px;
  display: flex;
}

.containertiposcapacitacion {
  justify-content: center;
  align-items: flex-start;
  padding-top: 110px;
  padding-bottom: 110px;
  display: flex;
}

.tipocapacitacion {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.areacapbox {
  color: #fff;
  text-align: center;
  text-transform: none;
  background-color: #2e54a1;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 170px;
  margin-bottom: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
  transition: background-color .4s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: relative;
}

.fondocapacitacion {
  background-image: url('../images/AreasCapacitacion-HQ.jpg');
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
}

.areacapicon {
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity .4s cubic-bezier(.455, .03, .515, .955);
  display: block;
  position: absolute;
}

.areacaptext {
  z-index: 2;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
  line-height: 24px;
  display: flex;
  position: absolute;
}

.clientesnombre {
  opacity: 0;
  color: #fff;
  text-align: center;
  background-color: #1d3364d9;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 190px;
  margin-bottom: 0;
  padding: 10px;
  font-size: 18px;
  transition: opacity .4s ease-in-out;
  display: flex;
  position: absolute;
}

.clientesnombre:hover {
  opacity: 1;
  color: #fff;
  background-color: #1d3364d9;
}

.containerclienteslogos {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
}

.clientesrow {
  width: 100%;
  margin: 0 0 60px;
}

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

.clientes.left {
  justify-content: center;
  padding-left: 100px;
  padding-right: 50px;
}

.clientes.right {
  justify-content: center;
  padding-left: 50px;
  padding-right: 100px;
}

.clientessection {
  background-color: #ededed;
  position: relative;
  overflow: hidden;
}

.clienteslogo {
  width: 170px;
  height: 170px;
  position: static;
}

.clientescontainergeneral {
  padding-top: 110px;
  padding-bottom: 45px;
}

.textobarraplateduc {
  color: #fff;
  width: 30%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 10%;
  font-size: 24px;
}

.recursoautor {
  color: #000;
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  font-style: italic;
}

.barraplateduc {
  background-color: #2e54a1;
  background-image: linear-gradient(#1d3364e6, #1d3364e6), url('../images/BannerPlataformaEducativa-HQ.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  width: 100%;
}

.containerlistarecursos {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.recursoscontainergeneral {
  padding-top: 110px;
}

.recursotitulo {
  color: #000;
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
}

.containerbarraplateduc {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.inforecurso {
  margin-left: 30px;
}

.elementolistarecursos {
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.listarecursos {
  width: 85%;
  margin-top: 80px;
}

.recursossection {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.galfila1 {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
}

.lightboxlink {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 33.3%;
  height: 100%;
  transition: border-color .4s ease-in-out, border-width .4s ease-in-out;
}

.lightboxlink:hover {
  border: 3px solid #008fd3;
}

.lightboxlink.g7 {
  background-image: url('../images/G7.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
  width: 50%;
}

.lightboxlink.g5 {
  background-image: url('../images/G5.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
  width: 100%;
  height: 50%;
}

.lightboxlink.g11 {
  background-image: url('../images/G11.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
}

.lightboxlink.g10 {
  background-image: url('../images/G10.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
}

.lightboxlink.g12 {
  background-image: url('../images/G12.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  height: 33.3%;
}

.lightboxlink.g2 {
  background-image: url('../images/G2.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.lightboxlink.g14 {
  background-image: url('../images/G14.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
  width: 100%;
  height: 33.3%;
}

.lightboxlink.g3 {
  background-image: url('../images/G3.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.lightboxlink.g8 {
  background-image: url('../images/G8.jpg');
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: cover;
  width: 50%;
}

.lightboxlink.g1 {
  background-image: url('../images/G1.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
}

.lightboxlink.g4 {
  background-image: url('../images/G4.jpg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%, 50%;
  background-repeat: repeat, no-repeat;
  background-size: cover, cover;
  width: 60%;
}

.lightboxlink.g15 {
  background-image: url('../images/G15.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 60%;
}

.lightboxlink.g13 {
  background-image: url('../images/G13.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  height: 33.3%;
}

.lightboxlink.g6 {
  background-image: url('../images/G6.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  width: 100%;
  height: 50%;
}

.lightboxlink.g9 {
  background-image: url('../images/G9.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
}

.galfila3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 180px;
  display: flex;
}

.galfila5column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: 100%;
  display: flex;
}

.galeriasection {
  background-color: #ededed;
  position: relative;
  overflow: hidden;
}

.galfila2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 350px;
  display: flex;
}

.galfila4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 220px;
  display: flex;
}

.grupothumbnails {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 60px;
  display: flex;
}

.galfila5 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 450px;
  display: flex;
}

.galeriacontainergeneral {
  flex-direction: column;
  align-items: center;
  padding-top: 110px;
  padding-bottom: 125px;
  display: flex;
}

.galfila2column {
  flex-direction: column;
  width: 40%;
  height: 100%;
  display: flex;
}

.gmapscolumn {
  height: 100%;
  padding-left: 0;
  padding-right: 0;
}

.telefonoscolumn {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  height: 100%;
  text-decoration: none;
  display: block;
}

.form2fieldlinecolumn {
  padding-left: 0;
  padding-right: 0;
}

.form2fieldlinecolumn.right {
  padding-left: 10px;
}

.form2fieldlinecolumn.left {
  padding-right: 10px;
}

.datocontacto {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 30px;
  text-decoration: none;
  display: flex;
}

.mappreview {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.contactosection {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.form2fieldslinerow {
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.contactoicon {
  background-image: url('../images/Mantenimiento.svg'), linear-gradient(#2e54a1, #2e54a1);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  border-radius: 30px;
  width: 50px;
  height: 50px;
  margin-right: 25px;
  display: block;
}

.contactoicon.direccion {
  background-image: url('../images/Ubicacion-01.svg'), linear-gradient(#2e54a1, #2e54a1);
}

.contactoicon.correo {
  background-image: url('../images/CorreoElectronico-01.svg'), linear-gradient(#2e54a1, #2e54a1);
}

.contactoicon.telefono {
  background-image: url('../images/Teléfono.svg'), linear-gradient(#2e54a1, #2e54a1);
  background-size: contain, auto;
  width: 50px;
  height: 50px;
}

.success-message {
  background-color: #ededed;
  border-radius: 5px;
}

.contactoformblock {
  width: 90%;
  max-width: 900px;
  margin-top: 10px;
}

.errorbox {
  color: #fff;
  background-color: #fc4141;
}

.bluebutton-2 {
  float: none;
  clear: none;
  color: #fff;
  text-align: center;
  letter-spacing: .8px;
  text-transform: uppercase;
  background-color: #1d3364;
  border: 3px solid #008fd3;
  border-radius: 5px;
  padding-top: 11px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Calibri, sans-serif;
  font-size: 16px;
  font-weight: 300;
  transition: transform .4s ease-in-out, background-color .4s ease-in-out;
  position: static;
  top: 60vh;
  left: 0;
  right: 0;
}

.bluebutton-2:hover {
  background-color: #008fd3;
  border-style: solid;
  transform: scale(1.05);
}

.bluebutton-2.formboton {
  margin-top: 30px;
}

.contactorow {
  width: 100%;
  height: 400px;
  margin-top: 25px;
  margin-bottom: 100px;
}

.contactodescriptioncolumn {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 30px 20px 0 50px;
  display: flex;
}

.contactform {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.formlabel {
  color: #2e54a1;
  width: 100%;
  font-size: 18px;
}

.contactocontainergeneral {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 110px;
  padding-bottom: 110px;
  padding-right: 0;
  display: flex;
}

.formfield {
  color: #000;
  cursor: text;
  background-color: #ededed;
  border-style: none;
  border-radius: 5px;
  margin-bottom: 20px;
  font-size: 16px;
  transition: border-color .4s ease-in-out, border-width .4s ease-in-out, border .4s ease-in-out;
}

.formfield:focus {
  border: 3px solid #2e54a1;
}

.gmapsembed {
  width: 100%;
  height: 100%;
}

.logoacr {
  height: 70%;
  margin-bottom: 15px;
}

.footercorpmc {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 200px;
  height: 200px;
  display: flex;
}

.footersection {
  z-index: 1;
  background-color: #122141;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 260px;
  padding: 0 50px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

.linkblock-footerwow {
  margin-bottom: 20px;
}

.logocorpmanzocast {
  height: 75px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.logowow {
  height: 50px;
  margin-bottom: 0;
}

.footeracr {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 350px;
  height: 200px;
  margin-left: 60px;
  margin-right: 60px;
  display: flex;
}

.footerwow {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 200px;
  height: 200px;
  display: flex;
}

.footertext {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}

.footertext.right {
  text-align: right;
}

.footertext.left {
  text-align: left;
  font-size: 14px;
}

.form-utilities {
  display: none;
}

@media screen and (max-width: 991px) {
  .logohero {
    width: 165px;
  }

  .navlink {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: relative;
  }

  .navlink:hover {
    border-bottom-style: none;
  }

  .container {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100vw;
  }

  .menu-icon {
    height: 50px;
    margin-top: 5px;
  }

  .fb-linkblock {
    margin-top: 22px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .herocolumnlogo {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .heromenu {
    justify-content: center;
    align-items: center;
    height: 60px;
  }

  .nav-menu {
    z-index: 0;
    background-color: #0000;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    width: 100vw;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
  }

  .menu-button {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .image-2 {
    height: 50px;
  }

  .menu-button-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 60px;
    padding-top: 5px;
    padding-bottom: 0;
    display: flex;
  }

  .menu-button-2.w--open {
    background-color: #0000;
  }

  .nav-menu-2 {
    text-align: center;
    background-color: #122141;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 340px;
    padding-bottom: 30px;
    padding-left: 20%;
    padding-right: 20%;
    display: flex;
    top: 60px;
    left: 0%;
    right: 0%;
  }

  .navbarlogo {
    margin-right: 550px;
  }

  .descriptiontext.contacto {
    text-align: center;
  }

  .sectionsubtitle.cap2 {
    margin-bottom: 40px;
  }

  .servicioscontainergeneral {
    padding-left: 15px;
    padding-right: 15px;
  }

  .capacitacioncolumn.left {
    padding-right: 25px;
  }

  .capacitacioncolumn.right {
    padding-left: 25px;
  }

  .tiposcapacitacionwrapper {
    width: 90%;
    height: auto;
    padding-bottom: 60px;
  }

  .containertiposcapacitacion {
    flex-direction: column;
    align-items: center;
    padding-bottom: 50px;
  }

  .tipocapacitacion {
    width: 40%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .clienteslogo {
    max-width: none;
  }

  .textobarraplateduc {
    width: 250px;
    margin-right: 18%;
  }

  .galeriacontainergeneral {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gmapscolumn {
    height: 250px;
  }

  .contactorow {
    height: 650px;
    margin-bottom: 50px;
  }

  .contactodescriptioncolumn {
    height: 400px;
    padding-left: 110px;
    padding-right: 110px;
  }

  .contactocontainergeneral {
    padding-bottom: 80px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .footercorpmc {
    width: 250px;
  }

  .logocorpmanzocast {
    height: 60px;
  }

  .logowow {
    height: 40px;
  }

  .footerwow {
    width: 250px;
  }

  .footertext, .footertext.left {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .logohero {
    width: 100px;
  }

  .herotextslider {
    height: 125px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .navlink {
    align-items: center;
    margin-top: 11px;
    padding-left: 10px;
  }

  .herotitle {
    width: 300px;
    margin-top: 0;
    font-size: 45px;
  }

  .container {
    background-color: #0000;
    justify-content: flex-end;
  }

  .herosubtitle.textslide1 {
    width: 240px;
    font-size: 12px;
  }

  .herosubtitle.textslide4 {
    width: 283px;
    font-size: 12px;
  }

  .herosubtitle.textslide3 {
    width: 260px;
    font-size: 12px;
  }

  .herosubtitle.textslide2 {
    width: 265px;
    font-size: 12px;
  }

  .fb-linkblock {
    margin-top: 18px;
    margin-right: 15px;
    position: relative;
    inset: 0% 0% auto auto;
  }

  .heromenu {
    display: none;
  }

  .nav-menu {
    z-index: 999;
    background-color: #122141;
    width: 100%;
    height: 310px;
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    overflow: scroll;
  }

  .bluebutton {
    font-size: 14px;
  }

  .herocolumntext {
    padding-left: 0;
  }

  .menu-button {
    z-index: 3;
    display: block;
    position: absolute;
  }

  .menu-button.w--open {
    z-index: 3;
    position: absolute;
  }

  .herocontent {
    width: 95%;
    margin-top: 0;
  }

  .quotesslider {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100px;
  }

  .container-2 {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .quotes {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .menu-button-2 {
    position: absolute;
  }

  .menu-button-2.w--open {
    z-index: 999;
  }

  .nav-menu-2 {
    z-index: 999;
    height: 80vh;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 0;
    overflow: scroll;
  }

  .navbar {
    justify-content: center;
    align-items: center;
  }

  .navbarlogo {
    margin-right: 78vw;
  }

  .descriptiontext {
    font-size: 14px;
  }

  .descriptiontext.nosotrosobjetivo, .descriptiontext.nosotrossomos {
    text-align: center;
  }

  .descriptiontext.infocontacto {
    text-align: center;
    font-size: 18px;
  }

  .descriptiontext.contacto {
    margin-bottom: 35px;
  }

  .nosotroscontainergeneral {
    padding: 80px 10px;
  }

  .verticalbar {
    display: none;
  }

  .sectiontitle {
    margin-bottom: 60px;
    font-size: 35px;
  }

  .subtitleinabox {
    font-size: 20px;
  }

  .nosotrosdescription {
    flex-direction: column;
    margin-bottom: 35px;
  }

  .valorescolumn1 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 580px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 25px;
    display: flex;
  }

  .nosotrostextblock {
    margin-bottom: 40px;
  }

  .valorescolumn2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 580px;
    margin-top: -20px;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 25px;
    display: flex;
  }

  .sectionsubtitle {
    font-size: 24px;
  }

  .sectionsubtitle.somos, .sectionsubtitle.objetivo {
    text-align: center;
    font-size: 24px;
  }

  .sectionsubtitle.cap1 {
    font-size: 18px;
  }

  .sectionsubtitle.cap2 {
    margin-bottom: 30px;
    font-size: 28px;
  }

  .sectionsubtitle.cap2.alt2 {
    margin-bottom: 15px;
  }

  .valoresright {
    width: 315px;
    margin-top: 0;
    padding-left: 0;
  }

  .valoresleft {
    width: 315px;
    margin-bottom: 0;
  }

  .containerareascapacitacion {
    padding-top: 40px;
    padding-bottom: 85px;
  }

  .servicioscontainergeneral {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .tiposcapacitacionrow {
    margin-top: 45px;
  }

  .capacitacioncolumn.left {
    padding-right: 10px;
  }

  .capacitacioncolumn.right {
    padding-left: 10px;
  }

  .containertiposcapacitacion {
    padding-top: 80px;
    padding-bottom: 20px;
  }

  .tipocapacitacion {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .areacapbox {
    width: 130px;
    height: 130px;
  }

  .areacaptext {
    font-size: 14px;
  }

  .containerclienteslogos {
    padding-bottom: 55px;
  }

  .clientesrow {
    margin-bottom: 0;
  }

  .clientes {
    padding-bottom: 25px;
  }

  .clientes.left {
    padding-left: 50px;
  }

  .clientes.right {
    padding-right: 50px;
  }

  .clientescontainergeneral {
    padding-top: 80px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .textobarraplateduc {
    text-align: center;
    margin-bottom: 30px;
    margin-right: 0;
  }

  .recursoautor {
    text-align: center;
    font-size: 14px;
  }

  .containerlistarecursos {
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .recursoscontainergeneral {
    padding-top: 80px;
  }

  .recursotitulo {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
  }

  .containerbarraplateduc {
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .inforecurso {
    margin-left: 0;
  }

  .elementolistarecursos {
    flex-direction: column;
    justify-content: center;
  }

  .listarecursos {
    width: 100%;
    margin-top: 50px;
  }

  .galfila1 {
    height: 180px;
  }

  .galfila3 {
    height: 160px;
  }

  .galfila2 {
    height: 300px;
  }

  .galfila4 {
    height: 180px;
  }

  .grupothumbnails {
    margin-top: 70px;
  }

  .galfila5 {
    height: 350px;
  }

  .galeriacontainergeneral {
    padding: 80px 15px 100px;
  }

  .gmapscolumn {
    justify-content: center;
    align-items: center;
    height: 200px;
    margin-bottom: 25px;
    display: flex;
  }

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

  .form2fieldlinecolumn.right {
    padding-left: 0;
  }

  .form2fieldlinecolumn.left {
    padding-right: 0;
  }

  .datocontacto {
    flex-direction: column;
  }

  .mappreview {
    width: 90%;
  }

  .contactoform {
    margin-bottom: 0;
  }

  .contactoicon.direccion, .contactoicon.correo, .contactoicon.telefono {
    margin-bottom: 15px;
    margin-right: 0;
  }

  .bluebutton-2 {
    font-size: 14px;
  }

  .contactorow {
    height: auto;
    margin-bottom: 25px;
  }

  .contactodescriptioncolumn {
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .contactocontainergeneral {
    padding-top: 80px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .logoacr {
    height: 100px;
    margin-bottom: 0;
    margin-right: 30px;
  }

  .footercorpmc {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: auto;
  }

  .footersection {
    flex-direction: column;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .linkblock-footerwow {
    margin-bottom: 0;
    margin-right: 30px;
  }

  .logocorpmanzocast {
    height: 50px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 30px;
  }

  .logowow {
    height: 35px;
  }

  .footeracr {
    flex-direction: row;
    justify-content: center;
    height: auto;
    margin-bottom: 35px;
    padding-left: 10px;
  }

  .footerwow {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 400px;
    height: auto;
    margin-bottom: 35px;
  }

  .footertext, .footertext.right, .footertext.left {
    text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .mask {
    width: 100%;
  }

  .logohero {
    height: auto;
  }

  .herotextslider {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 25px;
    display: flex;
  }

  .herotextblock {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .herotitle {
    text-align: center;
    width: 100%;
  }

  .herosubtitle.textslide1 {
    padding-right: 10px;
  }

  .herocolumnlogo {
    align-items: flex-end;
    height: 45%;
  }

  .herocolumntext {
    justify-content: flex-start;
    align-items: center;
    height: 55%;
    padding-top: 30px;
    padding-left: 10px;
  }

  .herotextslide {
    width: 100%;
  }

  .herocontent {
    width: 95vw;
  }

  .image-2 {
    width: 50px;
  }

  .menu-button-2 {
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-menu-2 {
    height: auto;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .navbarlogo {
    margin-right: 68vw;
  }

  .descriptiontext.infocontacto {
    width: 100%;
  }

  .nosotroscontainergeneral {
    padding-left: 15px;
    padding-right: 15px;
  }

  .valorestext {
    font-size: 16px;
  }

  .nosotrosdescription {
    width: 100%;
  }

  .valorescolumn1 {
    height: auto;
    padding-top: 20px;
  }

  .valorescolumn2 {
    height: auto;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .sectionsubtitle {
    text-align: center;
    margin-bottom: 15px;
  }

  .sectionsubtitle.cap2.alt2 {
    margin-bottom: 30px;
  }

  .valoresright {
    width: 290px;
    padding-left: 20px;
  }

  .valoresleft {
    width: 290px;
    margin-right: 20px;
  }

  .containerareascapacitacion {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .tiposcapacitacionrow {
    margin-top: 0;
  }

  .capacitacioncolumn {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .capacitacioncolumn.left {
    justify-content: center;
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .capacitacioncolumn.right {
    justify-content: center;
  }

  .tiposcapacitacionwrapper {
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
  }

  .tipocapacitacion {
    width: 80%;
    margin-bottom: 60px;
  }

  .galfila1 {
    height: 150px;
  }

  .galfila3 {
    height: 140px;
  }

  .galfila2 {
    height: 250px;
  }

  .galfila4 {
    height: 150px;
  }

  .galfila5 {
    height: 300px;
  }

  .mappreview, .contactoformblock {
    width: 100%;
  }

  .contactorow {
    margin-bottom: 35px;
  }

  .contactodescriptioncolumn {
    padding-left: 0;
    padding-right: 0;
  }
}


@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri-BoldItalic.eot') format('embedded-opentype'), url('../fonts/Calibri-BoldItalic.woff') format('woff'), url('../fonts/Calibri-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri-Italic.eot') format('embedded-opentype'), url('../fonts/Calibri-Italic.woff') format('woff'), url('../fonts/Calibri-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri-Light.eot') format('embedded-opentype'), url('../fonts/Calibri-Light.woff') format('woff'), url('../fonts/Calibri-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri.eot') format('embedded-opentype'), url('../fonts/Calibri.woff') format('woff'), url('../fonts/Calibri.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri-Bold.eot') format('embedded-opentype'), url('../fonts/Calibri-Bold.woff') format('woff'), url('../fonts/Calibri-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}