body {
  font-family: "Inter", sans-serif;
  padding: 0;
  margin: 0;
  color: #064370;
}

h1 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
}

h2 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 25px;
}

h3, .comments-area h4 {
  font-family: "Inter", sans-serif;
  font-size: 20px;
}

h4 {
  font-family: "Inter", sans-serif;
  font-size: 17px;
}

h5 {
  font-family: "Inter", sans-serif;
  font-size: 1rem;
}

p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 200;
  margin: 0;
}

b,
strong {
  font-weight: 500;
}

blockquote {
  line-height: 1.2em !important;
  font-size: 1.9rem;
  font-weight: 700;
}
blockquote p {
  line-height: 1.2em !important;
  font-size: 1.9rem;
  font-weight: 700;
}

/* LINKS */
a {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #00365D;
  text-decoration: none;
}

a:hover {
  color: #268ACB;
  text-decoration: none;
}

a:active {
  color: #010e17;
}

/* BUTTONS */
.btnRed {
  background: #EB3537;
  color: #ffffff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 20px 80px;
  border: none;
  display: inline-block;
}

.btnRed:hover {
  background: #C62A2C;
  color: #ffffff;
}

.btnRed:active {
  background: #B02021;
  color: #ffffff;
}

/* TEXT */
.textBlue {
  color: #00365D;
}

.textLightBlue {
  color: #d1d1d1;
}

.textRed {
  color: #E8373D;
}

/* MARGIN */
.MarginTop80 {
  margin-top: 80px;
}

.MarginBottom20 {
  margin-bottom: 20px;
}

.MarginBottom60 {
  margin-bottom: 60px;
}

.MarginBottom120 {
  margin-bottom: 120px;
}

/* NAV */
nav {
  position: absolute;
}

.menuIcon {
  z-index: 9999;
}

nav .menuList {
  z-index: 8000;
}

.navbar-brand {
  padding: 26px 26px 10px 26px;
  background-color: #FFF;
  position: absolute;
  top: 0;
  z-index: 1;
}

.logoLottie {
  width: 180px;
  height: 65px;
}

.menu {
  background: #EB3537;
  padding: 40px 60px;
  position: absolute;
  top: 0;
  right: 0;
  position: fixed;
}

.menu:hover {
  background: #D93234;
}

.menu:active {
  background: #B02021;
}

/* FOOTER */
figure.footer {
  position: relative;
  overflow: hidden;
  margin: 0;
  /*margin-top: 80px;*/
  height: 300px;
}

figure.footer img.back-footer {
  display: block;
  width: 100%;
}

.footer figcaption {
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0;
  top: 80px;
}

.footer a.link {
  color: #ffffff;
  font-weight: 500;
  text-decoration: none;
}

.footer a.link:hover {
  color: #268ACB;
}

.footer a.link:active {
  color: #010e17;
}

.footer a.top {
  margin-left: 20px;
}

.footer a.top:hover {
  opacity: 0.7;
}

.footer a.top:active {
  opacity: 0.5;
}

.footer .info {
  margin-top: 40px;
}

.footerMarginTop {
  margin-top: 80px !important;
}

.header-for-sections {
  background: url("../img/back-footer.png");
  background-position: 125% 0;
  background-repeat: no-repeat;
  height: 400px;
}

/* The Image container */
.img-hover-zoom {
  /*height: 300px;*/
  /* Modify this according to your need */
  overflow: hidden;
  /* Removing this will break the effects */
}

/* Slow-motion Zoom Container */
.img-hover-zoom--slowmo img {
  transform-origin: 50% 65%;
  transition: transform 3s, filter 3s ease-in-out;
}

/* The Transformation */
.img-hover-zoom--slowmo:hover img {
  transform: scale(1.1);
}

/* INDEX */
figure.header {
  position: relative;
  overflow: hidden;
  margin-top: 80px;
  margin-bottom: 80px;
  z-index: 0;
}

figure.header img.back {
  display: block;
  width: 100%;
  height: auto;
}

figure.header img.back_2 {
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  height: 120vh;
}

.header figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 120px;
}

.header h1 {
  color: #ffffff;
  font-weight: 300;
  font-size: 4.5rem;
  margin-bottom: 20px;
}

.header h2 {
  color: #ffffff;
}

.h2_Buscamos {
  margin-top: 140px;
}

.header p {
  color: #ffffff;
  margin-bottom: 40px;
}

.servicio {
  margin-bottom: 40px;
  color: #00365D;
}

.numServicio {
  color: #E8373D;
  font-weight: 600;
}

.titleServicio {
  font-weight: 600;
}

.ayudamos {
  margin: 60px 0;
}

/* HEADER SECTIONS */
figure.header-sections {
  position: relative;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  z-index: 0;
  height: 300px;
}

figure.header-sections img.back-sections {
  display: block;
  width: 100%;
}

.header-sections figcaption {
  position: absolute;
  bottom: 0;
  left: 40px;
  right: 0;
  top: 170px;
}

img.header-title-sections {
  width: 300px;
}

/* ALIANZAS */
.imgPositionTop {
  margin-top: -200px;
  margin-bottom: 40px;
}

figure.norma035 {
  position: relative;
  overflow: hidden;
  margin-top: 60px;
  margin-bottom: 0px;
  z-index: 0;
}

figure.norma035 img.back-norma035 {
  display: block;
  width: 100%;
}

figure.norma035 figcaption {
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 45%;
}

/* Back red */
figure.norma035Red {
  position: relative;
  overflow: hidden;
  margin-top: 0px;
  margin-bottom: 60px;
  z-index: 0;
}

figure.norma035Red img.back-norma035Red {
  display: block;
  width: 100%;
}

figure.norma035Red figcaption {
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 60px;
}

.alingNorma035 {
  text-align: right;
}

.norma035Img {
  width: 300px;
}

.Norma035 {
  background: url("../img/Zies-Norma035-2.png");
}

.textMarginLeft {
  margin-left: 20px;
}

/* CONTACTO */
#map {
  width: 100%;
  height: 600px;
}

/*.contentForm{
  background: url('../img/backContacto.png');
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 300px;
}*/
.contactoForm {
  color: #00365D;
  /*padding-bottom: 280px;*/
}

.contactoForm label {
  color: #00365D;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 200;
}

.form-control {
  border: none;
  border-bottom: 1px solid #00365D;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.confirmacion {
  margin: 180px 0 200px 0;
}

/* Checkbox */
.checkbox {
  /*display: inline-flex;*/
  cursor: pointer;
  position: relative;
  margin-bottom: 10px;
}

.checkbox > span {
  color: #064370;
  padding: 0.5rem 0.25rem;
}

.checkbox > input {
  height: 22px;
  width: 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  transition-duration: 0.3s;
  background-color: #CDD6DD;
  cursor: pointer;
}

.checkbox > input:checked {
  background-color: #E8373D;
}

.checkbox > input:checked + span::before {
  display: block;
  text-align: center;
  color: #41B883;
  position: absolute;
  left: 0.7rem;
  top: 0.4rem;
}

.checkbox > input:active {
  background: #B02021;
}

.checkbox > label {
  margin-left: 6px;
  margin-top: 4px;
}

/* MARCOS DE TRABAJO */
.cobit {
  margin-top: 60px;
}

.itil {
  margin-top: 80px;
}

.pmi {
  margin-top: 40px;
}

.floatLeft {
  float: left !important;
}

.floatRight {
  float: right !important;
}

/* CASOS DE TRABAJO */
.iconCasos {
  width: 48px;
}

/* RESPONSIVE */
@media only screen and (min-width: 1900px) and (max-width: 4000px) {
  footer {
    background-position: 125% 0;
  }
}
@media screen and (max-width: 480px) {
  .logoLottie {
    width: 150px;
    height: 54px;
    /*margin-top: 10px;*/
  }

  .navbar-brand {
    background-color: #fff;
    padding: 8px 120px 7px 20px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .menu {
    padding: 24px 30px;
    top: 0;
  }

  /* FOOTER */
  figure.footer img.back-footer {
    width: 200%;
    height: 300px;
    position: relative;
    left: -40%;
  }

  /* HEADER INDEX */
  figure.header img.back {
    display: block;
    width: 400%;
    position: relative;
    left: -660px;
    height: auto;
  }

  figure.header img.back_2 {
    display: none;
  }

  .h2_Buscamos {
    margin-top: 80px;
  }

  .hide {
    display: none;
  }

  .footer a.top {
    margin-left: 5px;
  }

  /* HEADER SECTIONS */
  figure.header-sections {
    margin-bottom: 30px;
    height: auto;
  }

  figure.header-sections img.back-sections {
    width: 200%;
    position: relative;
    left: -40%;
  }

  img.header-title-sections {
    position: relative;
    left: 0px;
    top: -50px;
    width: 200px;
  }

  /* ALIANZAS */
  .imgPositionTop {
    margin-top: 0;
    margin: 40px 0;
  }

  .MarginBottom20 {
    margin-bottom: 0px;
  }

  /* Norma035 */
  figure.norma035 {
    height: auto;
  }

  figure.norma035 img.back-norma035 {
    position: relative;
    left: -200%;
    width: 400%;
  }

  figure.norma035 figcaption {
    top: 40%;
  }

  /* BackRed */
  figure.norma035Red {
    height: auto;
  }

  figure.norma035Red img.back-norma035Red {
    position: relative;
    left: -200%;
    width: 600%;
  }

  figure.norma035Red figcaption {
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 30px;
  }

  .alingNorma035 {
    text-align: left;
  }

  .norma035Img {
    width: 240px;
  }

  #map {
    width: 100%;
    height: 400px;
  }

  .confirmacion {
    margin: 60px 0 200px 0;
  }

  .cobit {
    margin-top: 20px;
  }

  .togaf {
    margin-top: 20px;
  }

  .itil {
    margin-top: 20px;
  }

  .pmi {
    margin-top: 20px;
  }

  .bian {
    margin-top: 20px;
  }

  .floatLeft {
    float: right;
  }

  .floatRight {
    float: left;
  }
}
.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #EB3537;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  overflow: hidden;
}
.cd-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.cd-primary-nav p.servicios {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.cd-primary-nav ul.menuMain {
  list-style: none;
  width: 100%;
  padding: 0;
  position: relative;
  top: 40px;
}
.cd-primary-nav ul.menuMain li {
  padding-bottom: 0px;
}
.cd-primary-nav ul.menuMain li.menu-item-has-children > a {
  background: url(../img/triangle.png) no-repeat right center;
  background-size: 9px;
  padding-right: 13px;
}
.cd-primary-nav ul.menuMain li a {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
.cd-primary-nav ul.menuMain li a:hover {
  color: white;
  text-shadow: rgba(68, 2, 2, 0.7) 0px 4px 12px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-primary-nav ul.menuMain li a:active {
  color: #8f1011;
  text-shadow: rgba(68, 2, 2, 0) 0px 4px 12px;
}
.cd-primary-nav ul.sub-menu {
  list-style: none;
}
.cd-primary-nav ul.sub-menu li a {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
.cd-primary-nav ul.sub-menu li a::before {
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  left: -15px;
  content: "";
  height: 1px;
  width: 5px;
  top: 50%;
}
.cd-primary-nav ul.sub-menu li a:active {
  color: #8f1011;
  text-shadow: rgba(68, 2, 2, 0) 0px 4px 12px;
}
.cd-primary-nav ul.sub-menu li a:hover {
  color: white;
  text-shadow: rgba(68, 2, 2, 0.7) 0px 4px 12px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.menuDirection {
  border-left: solid #fff 1px;
  padding-left: 30px;
  position: relative;
  top: 580px;
}
.menuDirection a {
  color: #ffffff;
  text-decoration: none;
}
.menuDirection a:active {
  color: #8f1011;
}
.menuDirection a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.menuDirection p {
  color: #ffffff;
}
.menuDirection span {
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  .cd-primary-nav {
    padding: 20px 0;
  }
  .cd-primary-nav ul.menuMain {
    top: 40px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    font-size: 30px;
    font-size: 1.875rem;
  }
  .cd-primary-nav .cd-label {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .cd-primary-nav ul.menuMain {
    top: 30px;
  }
  .cd-primary-nav ul.menuMain li {
    padding-bottom: 8px;
    padding-top: 8px;
  }
  .cd-primary-nav ul.menuMain li a {
    font-size: 14px;
  }

  .menuLogo {
    margin-top: 10px;
  }

  .menuDirection {
    position: relative;
    top: 40px;
    padding-left: 20px;
  }
  .menuDirection p {
    font-size: 14px;
  }
}
.headerTop {
  background-color: #00365D;
  transition: 0.3s ease-out;
  padding: 101px 15px 40px;
}
.headerTop h1 {
  padding-top: 25px;
  line-height: 1em;
  font-weight: 500;
  font-size: 50px;
  color: #fff;
  margin: 0;
}
.headerTop h2 {
  position: absolute;
  color: #52b0ed;
  font-weight: 500;
  line-height: 1em;
  font-size: 21px;
  margin: 0;
  top: 0;
}
.headerTop img {
  width: 220px;
}
.headerTop .content {
  position: relative;
}

@media (min-width: 481px) {
  .headerTop {
    padding: 121px 30px 40px;
    position: relative;
  }
}
@media (min-width: 768px) {
  .headerTop {
    position: relative;
    width: 85%;
    left: 15%;
  }
  .headerTop img {
    width: 270px;
  }
}
@media (min-width: 992px) {
  .headerTop {
    padding: 160px 70px 40px;
    position: relative;
    margin-top: 0;
    width: calc(100% - 232px);
    left: 232px;
  }
  .headerTop h1 {
    font-size: 90px;
  }
  .headerTop h2 {
    font-size: 44px;
  }
  .headerTop img {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  .headerTop {
    width: 80%;
    left: 20%;
  }
}
@media (min-width: 1400px) {
  .headerTop {
    width: 83%;
    left: 17%;
  }
}
.footer #scrollToTopBtn {
  display: inline-block;
  margin-top: 15px;
}

.footerBack {
  background-color: #00365D;
  transition: 0.3s ease-out;
  padding: 60px 15px 60px;
  position: relative;
  margin-top: 80px;
  color: #fff;
}

@media (min-width: 768px) {
  .footerBack {
    width: 85%;
    left: 15%;
  }
}
@media (min-width: 992px) {
  .footerBack {
    margin-top: 0;
    width: 80%;
    left: 20%;
  }
}
@media (min-width: 1400px) {
  .footerBack {
    width: 84%;
    left: 16%;
  }
}
.PostRelacionados {
  padding-top: 100px;
  max-width: 440px;
  margin: 0 auto;
  width: 80%;
}

@media (min-width: 768px) {
  .PostRelacionados {
    position: relative;
    max-width: 640px;
    margin: 0;
    left: 10%;
  }
}
@media (min-width: 992px) {
  .PostRelacionados {
    left: 22.5%;
  }
}
#page {
  overflow: hidden;
}

img {
  height: auto;
}

.homeIntro, .postHeader {
  padding-bottom: 100px;
  color: #00365D;
  padding-top: 90px;
}
@media (min-width: 768px) {
  .homeIntro, .postHeader {
    height: 500px;
  }
}
@media (min-width: 992px) {
  .homeIntro, .postHeader {
    height: 510px;
  }
}
.homeIntro b, .postHeader b,
.homeIntro strong,
.postHeader strong {
  font-weight: 700;
  color: #E8373D;
}
.homeIntro p, .postHeader p {
  line-height: 1.2em;
  font-weight: 700;
  font-size: 32px;
}

.postArticle {
  padding-bottom: 30px;
}
.postArticle a {
  display: block;
}
.postArticle .articleInfo {
  padding-top: 20px;
  color: #064370;
  font-weight: 700;
  font-size: 15px;
}
.postArticle .articleInfo .leerArt {
  transition: 0.3s ease-out;
  background-color: #E8373D;
  border-radius: 15px;
  text-align: center;
  line-height: 28px;
  font-size: 24px;
  display: block;
  color: #fff;
  height: 30px;
  width: 30px;
}
.postArticle .articleInfo .leerArt:hover {
  background-color: #00365D;
}
.postArticle .autorPost {
  font-style: italic;
  color: #064370;
  font-weight: 700;
  font-size: 15px;
}
.postArticle .thumbIMg img {
  max-width: 100%;
  display: block;
  height: auto;
  width: 100%;
}
.postArticle .titlepost h3, .postArticle .titlepost .comments-area h4, .comments-area .postArticle .titlepost h4 {
  color: #064370;
  font-weight: 700;
  font-size: 20px;
}

.searchContainer {
  padding-bottom: 20px;
  text-align: right;
}

.search-form label {
  display: inline-block;
  margin-bottom: 0.5rem;
  width: calc(100% - 45px);
}
@media (min-width: 768px) {
  .search-form label {
    width: 340px;
  }
}
.search-form .screen-reader-text {
  display: none;
}
.search-form .search-field {
  border: solid 1px #ccc;
  padding: 0 10px;
  color: #888;
  outline: none;
  height: 35px;
}
.search-form .search-submit {
  background: url(../img/icon-search.png) no-repeat center center rgba(0, 0, 0, 0);
  border: solid 1px rgba(0, 0, 0, 0);
  display: inline-block;
  background-size: 40px;
  vertical-align: top;
  color: transparent;
  font-size: 0;
  height: 32px;
  width: 40px;
}

.fecha {
  padding-right: 10px;
}

.tiempoLectura {
  color: #52b0ed;
}

.entry-content {
  max-width: 1100px;
  margin: 0 auto;
  width: 80%;
}
@media (min-width: 992px) {
  .entry-content {
    width: 55%;
  }
}
.entry-content p {
  line-height: 1.5em;
  margin: 0 0 1.5em;
}
.entry-content p.has-drop-cap:first-letter {
  font-size: 3.5em !important;
  font-weight: 700;
}
.entry-content ol li,
.entry-content ul li {
  margin-bottom: 1.2em;
  font-weight: 200;
}
.entry-content ol li:last-child,
.entry-content ul li:last-child {
  margin-bottom: 0;
}

.has-drop-cap:not(:focus):first-letter {
  font-size: 3.5em !important;
  font-weight: 700;
  float: none;
}

.heateor_sss_sharing_container {
  padding-bottom: 30px;
}

.heateor_sss_sharing_ul li {
  padding-right: 20px;
}

.comments-area {
  padding-top: 40px;
  max-width: 1100px;
  margin: 0 auto;
  width: 80%;
}
@media (min-width: 992px) {
  .comments-area {
    width: 55%;
  }
}
.comments-area h3, .comments-area h4 {
  color: #00365D;
  font-weight: 700;
  font-size: 18px;
}
.comments-area h4 {
  font-size: 16px;
}

.comment-form input[type=text], .comment-form input[type=email] {
  border: none;
  border-bottom: solid 1px #333;
  background-color: #FFF;
  display: block;
  width: 90%;
}
.comment-form input[type=submit] {
  text-transform: uppercase;
  text-decoration: none;
  background: #E8373D;
  color: #ffffff;
  max-width: 300px;
  padding: 20px;
  border: none;
  width: 100%;
}
.comment-form label {
  display: block;
}
.comment-form p {
  margin-bottom: 20px;
}
.comment-form textarea {
  border: none;
  border-bottom: solid 1px #00365D;
  outline: none;
  height: 30px;
  width: 90%;
}
.comment-form textarea:focus {
  outline: solid 1px #eee;
}
.comment-form .comment-form-cookies-consent label {
  display: initial;
}
.comment-form .comment-form-url {
  display: none;
}

.comment-list .comment {
  border-bottom: solid 1px #DDD;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.comment-list .comment:last-child {
  margin-bottom: 0;
}

.commentListBlock {
  padding-top: 50px;
}

.postHeader h1 {
  line-height: 1.2em;
  font-weight: 700;
  font-size: 32px;
}

.tmbMainPost {
  padding-top: 15px;
}
.tmbMainPost img {
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .tmbMainPost img {
    position: absolute;
    top: -120px;
  }
}
@media (min-width: 992px) {
  .tmbMainPost img {
    position: absolute;
    top: -210px;
  }
}

/*# sourceMappingURL=main.css.map */