/*==============================================*/
/*              CLASES GENERALES                */
/*==============================================*/
@font-face {
  font-family: "playFairDisplayBold";
  src: url("../fonts/PlayfairDisplay-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "playFairDisplayBoldItalic";
  src: url("../fonts/PlayfairDisplay-BoldItalic.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "playFairDisplayItalic";
  src: url("../fonts/PlayfairDisplay-Italic.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "playFairDisplayRegular";
  src: url("../fonts/PlayfairDisplay-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "quickSandLight";
  src: url("../fonts/Quicksand-Light.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "quickSandRegular";
  src: url("../fonts/Quicksand-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "quickSandBold";
  src: url("../fonts/Quicksand-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "quickSandRegular";
  font-size: 14px;
  overflow-x: hidden;
}

.noVisible {
  visibility: hidden;
  position: absolute;
  margin-top: -100000px;
}

.dividerLeft {
  float: left;
  height: 2px;
  background-color: #000000 !important;
  width: 60%;
  margin-left: -200px !important;
  margin-top: 100px;
}

.dividerRight {
  float: right;
  height: 2px;
  background-color: #000000 !important;
  width: 60%;
  margin-right: -100px;
  margin-top: 20px;
}

.dividerRightB {
  float: right;
  height: 2px;
  background-color: #ffffff !important;
  width: 100%;
  margin-right: -55%;
  margin-top: -20px;
}

.dividerRightN {
  float: right;
  height: 2px;
  background-color: #000000 !important;
  width: 150%;
  margin-right: -120%;
  margin-top: -20px;
}

.dividerRightContenidos {
  float: right;
  height: 2px;
  background-color: #000000 !important;
  width: 100%;
  margin-right: -90%;
  margin-top: 10px;
}

.dividerCenter {
  height: 2px;
  background-color: #000000 !important;
  margin-top: 10px;
  transition: 0.5s ease-in-out;
}

.dividerTextCenter {
  height: 2px;
  background-color: #000000 !important;
  margin-top: 10px;
  transition: 0.5s ease-in-out;
}

.dividerTextRight {
  height: 2px;
  background-color: #000000 !important;
  margin-top: -10px;
  transition: 0.5s ease-in-out;
}

.dividerTextRE {
  width: 55%;
  margin-left: 40%;
}

.dividerTextRC {
  width: 10%;
  margin-left: 90%;
}

.dividerTextLeft {
  height: 2px;
  background-color: #000000 !important;
  margin-top: -10px;
  transition: 0.5s ease-in-out;
}

.dividerTextLE {
  width: 57%;
  margin-left: 4%;
}

.dividerTextLC {
  width: 10%;
  margin-left: 0%;
}

.dividerContraido {
  width: 50%;
  margin-left: 25%;
  margin-right: 25%;
}

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

.dividerContraidoR {
  width: 10%;
  margin-left: 0%;
  margin-right: 0%;
}

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

.dividerContraidoL {
  width: 10%;
  margin-left: 90%;
  margin-right: 0%;
}

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

.contenedorContacto {
  padding: 40px;
}

.titleContacto {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
  width: 50%;
}
.titleContacto h2 {
  font-family: "playFairDisplayBold";
  font-size: 48px !important;
  text-align: center;
}
.titleContacto p {
  font-family: "quickSandRegular";
  font-size: 16px !important;
  text-align: center;
}

.imgModuloContacto {
  width: 80%;
}

.formulario {
  width: 70%;
  margin-left: 15%;
  margin-top: 100px;
}
.formulario .form-group .form-control {
  border: solid rgba(59, 59, 59, 0.7) !important !important;
  border-width: 1px !important;
  border-radius: 0px !important;
}
.formulario input {
  border: none !important;
  background-color: #e9e9e9 !important;
  color: #303030 !important;
}
.formulario input:focus {
  box-shadow: none !important;
}
.formulario textarea {
  border: none !important;
  background-color: #e9e9e9 !important;
  color: #303030 !important;
}
.formulario textarea:focus {
  box-shadow: none !important;
}
.formulario .txtFormulario {
  font-family: "quickSandBold";
  font-size: 16px !important;
  margin-bottom: 5px;
}
.formulario .dividerForm {
  position: absolute;
  height: 2px;
  background-color: #000000 !important;
  margin-top: 45px;
  transition: 0.35s ease-in-out;
}
.formulario .btnEnviar {
  border-style: none;
  background-color: transparent;
  margin-top: 20px;
}
.formulario .btnEnviar span i {
  transition: 0.35s ease-in-out;
  opacity: 0;
  -moz-transform: translateX(10px);
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.formulario .btnEnviar:hover i {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.width0 {
  width: 0% !important;
}

.width30 {
  width: 28% !important;
}

@media screen and (max-width: 1536px) {
  .formulario {
    width: 70%;
    margin-left: 15%;
    margin-top: 100px;
  }
  .formulario .form-group .form-control {
    border: solid rgba(59, 59, 59, 0.7) !important !important;
    border-width: 1px !important;
    border-radius: 0px !important;
  }
  .formulario input {
    border: none !important;
    background-color: #e9e9e9 !important;
    color: #303030 !important;
  }
  .formulario input:focus {
    box-shadow: none !important;
  }
  .formulario textarea {
    border: none !important;
    background-color: #e9e9e9 !important;
    color: #303030 !important;
  }
  .formulario textarea:focus {
    box-shadow: none !important;
  }
  .formulario .txtFormulario {
    font-family: "quickSandBold";
    font-size: 16px !important;
    margin-bottom: 5px;
  }
  .formulario .dividerForm {
    position: absolute;
    height: 2px;
    background-color: #000000 !important;
    margin-top: 45px;
    transition: 0.35s ease-in-out;
  }
  .formulario .btnEnviar {
    border-style: none;
    background-color: transparent;
    margin-top: 20px;
  }
  .formulario .btnEnviar span i {
    transition: 0.35s ease-in-out;
    opacity: 0;
    -moz-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  .formulario .btnEnviar:hover i {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  .width30 {
    width: 27% !important;
  }
  .dividerTextRE {
    width: 45%;
    margin-left: 55%;
  }
  .dividerTextLE {
    width: 45%;
    margin-left: 0%;
  }
  .dividerRightB {
    float: right;
    height: 2px;
    background-color: #ffffff !important;
    width: 100%;
    margin-right: -60%;
    margin-top: -38px;
  }
}
@media screen and (max-width: 1366px) {
  .width30 {
    width: 25% !important;
  }
  .dividerTextRE {
    width: 45%;
    margin-left: 55%;
  }
  .dividerTextLE {
    width: 45%;
    margin-left: 0%;
  }
  .dividerRightB {
    float: right;
    height: 2px;
    background-color: #ffffff !important;
    width: 100%;
    margin-right: -70%;
    margin-top: -38px;
  }
}
@media screen and (max-width: 1024px) {
  .width30 {
    width: 25% !important;
  }
  .dividerTextRE {
    width: 45%;
    margin-left: 55%;
  }
  .dividerTextLE {
    width: 45%;
    margin-left: 0%;
  }
  .dividerRightB {
    float: right;
    height: 2px;
    background-color: #ffffff !important;
    width: 100%;
    margin-right: -90%;
    margin-top: -38px;
  }
  .contenedorContacto {
    padding: 40px;
  }
  .titleContacto {
    margin-top: 10px;
    width: 80%;
  }
  .titleContacto h2 {
    font-family: "playFairDisplayBold";
    font-size: 28px !important;
    text-align: center;
  }
  .titleContacto p {
    font-family: "quickSandRegular";
    font-size: 14px !important;
    text-align: center;
  }
  .imgModuloContacto {
    width: 100%;
    margin-top: 20px;
  }
  .formulario {
    width: 100%;
    margin-left: 0%;
    margin-top: 20px;
  }
  .formulario .form-group .form-control {
    border: solid rgba(59, 59, 59, 0.7) !important !important;
    border-width: 1px !important;
    border-radius: 0px !important;
  }
  .formulario textarea {
    max-height: 200px;
  }
  .formulario .txtFormulario {
    font-family: "quickSandBold";
    font-size: 14px !important;
    margin-bottom: 5px;
  }
  .formulario .dividerForm {
    position: absolute;
    height: 2px;
    background-color: #000000 !important;
    margin-top: 45px;
    transition: 0.35s ease-in-out;
  }
  .formulario .btnEnviar {
    border-style: none;
    background-color: transparent;
    margin-top: 20px;
  }
  .formulario .btnEnviar span i {
    transition: 0.35s ease-in-out;
    opacity: 0;
    -moz-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  .formulario .btnEnviar:hover i {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@media screen and (max-width: 500px) {
  .dividerLeft {
    float: left;
    height: 2px;
    background-color: #000000 !important;
    width: 60%;
    margin-left: -30px !important;
  }
  .dividerRight {
    float: right;
    height: 2px;
    background-color: #000000 !important;
    width: 60%;
    margin-right: -100px;
    margin-top: 20px;
  }
  .dividerRightB {
    float: right;
    height: 2px;
    background-color: #ffffff !important;
    width: 100%;
    margin-right: -50%;
    margin-top: -20px;
  }
  .dividerRightN {
    float: right;
    height: 2px;
    background-color: #000000 !important;
    width: 150%;
    margin-right: -120%;
    margin-top: -20px;
  }
  .dividerRightContenidos {
    float: right;
    height: 2px;
    background-color: #000000 !important;
    width: 100%;
    margin-right: -90%;
    margin-top: 10px;
  }
  .dividerCenter {
    height: 2px;
    background-color: #000000 !important;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
  }
  .dividerTextCenter {
    height: 2px;
    background-color: #000000 !important;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
  }
  .dividerTextRight {
    height: 2px;
    background-color: #000000 !important;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
  }
  .dividerTextRC {
    width: 10%;
    margin-left: 90%;
  }
  .dividerTextLeft {
    height: 2px;
    background-color: #000000 !important;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
  }
  .dividerTextLC {
    width: 10%;
    margin-left: 0%;
  }
  .dividerContraido {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .dividerExtendido {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .contenedorContacto {
    padding: 40px;
  }
  .titleContacto {
    margin-top: 10px;
    width: 80%;
  }
  .titleContacto h2 {
    font-family: "playFairDisplayBold";
    font-size: 28px !important;
    text-align: center;
  }
  .titleContacto p {
    font-family: "quickSandRegular";
    font-size: 14px !important;
    text-align: center;
  }
  .imgModuloContacto {
    width: 90%;
    margin-top: 20px;
  }
  .formulario {
    width: 100%;
    margin-left: 0%;
    margin-top: 20px;
  }
  .formulario .form-group .form-control {
    border: solid rgba(59, 59, 59, 0.7) !important !important;
    border-width: 1px !important;
    border-radius: 0px !important;
  }
  .formulario textarea {
    max-height: 200px;
  }
  .formulario .txtFormulario {
    font-family: "quickSandBold";
    font-size: 14px !important;
    margin-bottom: 5px;
  }
  .formulario .dividerForm {
    position: absolute;
    height: 2px;
    background-color: #000000 !important;
    margin-top: 45px;
    transition: 0.35s ease-in-out;
  }
  .formulario .btnEnviar {
    border-style: none;
    background-color: transparent;
    margin-top: 20px;
  }
  .formulario .btnEnviar span i {
    transition: 0.35s ease-in-out;
    opacity: 0;
    -moz-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  .formulario .btnEnviar:hover i {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  .width0 {
    width: 0% !important;
  }
  .width30 {
    width: 28% !important;
  }
}
@media screen and (max-width: 320px) {
  .dividerLeft {
    float: left;
    height: 2px;
    background-color: #000000 !important;
    width: 60%;
    margin-left: -30px !important;
  }
  .dividerRight {
    float: right;
    height: 2px;
    background-color: #000000 !important;
    width: 60%;
    margin-right: -100px;
    margin-top: 20px;
  }
  .dividerRightB {
    float: right;
    height: 2px;
    background-color: #ffffff !important;
    width: 100%;
    margin-right: -50%;
    margin-top: -20px;
  }
  .dividerRightN {
    float: right;
    height: 2px;
    background-color: #000000 !important;
    width: 150%;
    margin-right: -120%;
    margin-top: -20px;
  }
  .dividerRightContenidos {
    float: right;
    height: 2px;
    background-color: #000000 !important;
    width: 100%;
    margin-right: -90%;
    margin-top: 10px;
  }
  .dividerCenter {
    height: 2px;
    background-color: #000000 !important;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
  }
  .dividerTextCenter {
    height: 2px;
    background-color: #000000 !important;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
  }
  .dividerTextRight {
    height: 2px;
    background-color: #000000 !important;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
  }
  .dividerTextRC {
    width: 10%;
    margin-left: 90%;
  }
  .dividerTextLeft {
    height: 2px;
    background-color: #000000 !important;
    margin-top: 10px;
    transition: 0.5s ease-in-out;
  }
  .dividerTextLC {
    width: 10%;
    margin-left: 0%;
  }
  .dividerContraido {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .dividerExtendido {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .contenedorContacto {
    padding: 40px;
  }
  .titleContacto {
    margin-top: 10px;
    width: 80%;
  }
  .titleContacto h2 {
    font-family: "playFairDisplayBold";
    font-size: 28px !important;
    text-align: center;
  }
  .titleContacto p {
    font-family: "quickSandRegular";
    font-size: 14px !important;
    text-align: center;
  }
  .imgModuloContacto {
    width: 90%;
    margin-top: 20px;
  }
  .formulario {
    width: 100%;
    margin-left: 0%;
    margin-top: 20px;
  }
  .formulario .form-group .form-control {
    border: solid rgba(59, 59, 59, 0.7) !important !important;
    border-width: 1px !important;
    border-radius: 0px !important;
  }
  .formulario textarea {
    max-height: 200px;
  }
  .formulario .txtFormulario {
    font-family: "quickSandBold";
    font-size: 14px !important;
    margin-bottom: 5px;
  }
  .formulario .dividerForm {
    position: absolute;
    height: 2px;
    background-color: #000000 !important;
    margin-top: 45px;
    transition: 0.35s ease-in-out;
  }
  .formulario .btnEnviar {
    border-style: none;
    background-color: transparent;
    margin-top: 20px;
  }
  .formulario .btnEnviar span i {
    transition: 0.35s ease-in-out;
    opacity: 0;
    -moz-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  .formulario .btnEnviar:hover i {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  .width0 {
    width: 0% !important;
  }
  .width30 {
    width: 28% !important;
  }
}
.enlaceS {
  text-decoration: none;
  display: inline-block;
  color: #000000 !important;
  padding: 5px;
  text-align: center;
  margin-left: 50px;
  border: solid #000000 !important;
  width: 150px;
  transition: 0.35s ease-in-out;
}
.enlaceS:hover {
  letter-spacing: 1px;
  cursor: pointer;
  font-family: "playFairDisplayBold";
  background-color: #000000 !important;
  color: #ffffff !important;
}

.navLab {
  border-bottom: solid #00369c !important;
}

.navOnTop {
  background-color: #ffffff !important;
  transition: 0.35s ease-in-out;
}

.navOnScreen {
  background-color: rgba(255, 255, 255, 0.9) !important;
  transition: 0.35s ease-in-out;
}

.navbar-nav {
  border-bottom-style: solid;
  border-bottom-width: 0.5px;
  margin-left: 5% !important;
}
.navbar-nav a {
  font-family: "quickSandLight";
  text-decoration: none;
  margin-right: 20px;
  color: #000000 !important;
}
.navbar-nav a:hover {
  font-family: "quickSandRegular";
  cursor: pointer;
  font-weight: 700;
  font-style: italic;
}
.navbar-nav .activo {
  font-family: "quickSandBold";
  cursor: pointer;
  font-weight: 100;
  font-style: italic;
  border-bottom: solid 3px;
}

.bordeInferior {
  position: absolute;
  margin-top: 20px;
}

.borderLink {
  background-color: #000000 !important;
  min-height: 3px;
  transition: 0.5s !important;
  clip-path: inset(0 100% 0 0);
  visibility: hidden;
}

.borderLinkActivo {
  background-color: #000000 !important;
  min-height: 3px;
  transition: 0.5s !important;
  clip-path: inset(0 0 0 0);
}

.contenedorPie {
  padding: 40px;
  background-color: #292929 !important;
}

.menuFooter {
  color: #ffffff !important;
  font-family: "quickSandLight";
}
.menuFooter h3 {
  font-size: 16px !important;
  border-bottom-style: solid;
  width: 150px;
  padding-bottom: 5px;
}
.menuFooter ul {
  padding: 0;
  font-size: 12px !important;
  list-style: none;
  text-align: left;
}
.menuFooter a {
  text-decoration: none;
  color: #ffffff !important;
}
.menuFooter a:hover {
  cursor: pointer;
}

.contactoFooter {
  color: #ffffff !important;
  font-family: "quickSandLight";
}
.contactoFooter h2 {
  font-size: 16px !important;
  border-bottom-style: solid;
  width: 150px;
  padding-bottom: 5px;
}
.contactoFooter h3 {
  font-size: 14px !important;
}
.contactoFooter p {
  font-size: 14px !important;
}

#newsletter {
  padding-left: 20px;
  padding-right: 20px;
}
#newsletter label {
  color: #ffffff !important;
  font-family: "quickSandRegular";
  font-size: 16px !important;
  margin-bottom: 10px;
}
#newsletter input {
  border-style: solid;
  border-color: #ffffff !important;
  border-radius: 0px;
  background-color: #cecece !important;
  color: #ffffff !important;
  height: 50px;
  width: 80%;
  padding: 5px;
}
#newsletter input:focus {
  outline: 0 none !important;
  outline-offset: 0 !important;
  outline-style: none !important;
  outline-width: 0 !important;
  outline-color: transparent !important;
}
#newsletter ::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: "quickSandRegular";
  font-style: italic;
}
#newsletter .btn {
  background-color: #ffffff !important;
  width: 20%;
  border-radius: 0;
  border-style: solid;
  border-color: #ffffff !important;
}
#newsletter .btn:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.footerSociales ul {
  margin-top: 20px;
  list-style: none;
  display: inline-flex;
}
.footerSociales ul a {
  margin-right: 20px;
  color: #ffffff !important;
}

.copyRight {
  color: #ffffff !important;
  font-size: 12px !important;
  padding: 10px;
}
.copyRight a {
  text-decoration: underline;
  font-style: italic;
  color: #ffffff !important;
}
.copyRight a:hover {
  color: #000000 !important;
}

@media screen and (max-width: 1536px) {
  .navbar-nav {
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
    margin-left: 10% !important;
  }
  .navbar-nav a {
    font-family: "quickSandLight";
    text-decoration: none;
    margin-right: 10px;
    color: #000000 !important;
  }
  .navbar-nav a:hover {
    font-family: "quickSandRegular";
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
  }
}
@media screen and (max-width: 1366px) {
  .navbar-nav {
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
    margin-left: 20% !important;
  }
  .navbar-nav a {
    font-family: "quickSandLight";
    text-decoration: none;
    margin-right: 10px;
    color: #000000 !important;
  }
  .navbar-nav a:hover {
    font-family: "quickSandRegular";
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
  }
}
@media screen and (max-width: 1024px) {
  .navbar-nav {
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
    margin-left: 5% !important;
    font-size: 12px !important;
  }
  .navbar-nav a {
    font-family: "quickSandLight";
    text-decoration: none;
    margin-right: 10px;
    color: #000000 !important;
  }
  .navbar-nav a:hover {
    font-family: "quickSandRegular";
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
  }
}
@media screen and (max-width: 500px) {
  .enlaceS {
    display: inline-block;
    text-decoration: none;
    color: #000000 !important;
    padding: 5px;
    text-align: center;
    margin-left: 50px;
    margin-bottom: 10px;
    border: solid #000000 !important;
    width: 40% !important;
    margin-left: 30%;
    min-width: 40%;
    transition: 0.35s ease-in-out;
  }
  .enlaceS:hover {
    letter-spacing: 1px;
    cursor: pointer;
    font-family: "playFairDisplayBold";
    background-color: #000000 !important;
    color: #ffffff !important;
  }
  .navbar-nav {
    text-align: center;
    border-bottom-style: none;
    border-bottom-width: 0.5px;
    margin-left: 0% !important;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px !important;
  }
  .navbar-nav li {
    padding: 5px;
  }
  .navbar-nav a {
    font-family: "quickSandLight";
    text-decoration: none;
    margin-right: 0px;
    margin-top: 50px !important;
    text-align: right;
    color: #000000 !important;
  }
  .navbar-nav a:hover {
    font-family: "quickSandRegular";
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
  }
  .contenedorPie {
    padding: 20px;
    background-color: #292929 !important;
  }
  .menuFooter {
    color: #ffffff !important;
  }
  .menuFooter h3 {
    font-size: 14px !important;
    border-bottom-style: solid;
    width: 150px;
    padding: 5px;
  }
  .menuFooter ul {
    padding: 0;
    font-size: 10px !important;
    list-style: none;
    text-align: left;
  }
  .menuFooter a {
    text-decoration: none;
  }
  .menuFooter a:hover {
    cursor: pointer;
  }
  .contactoFooter {
    color: #ffffff !important;
  }
  .contactoFooter h2 {
    font-size: 14px !important;
    border-bottom-style: solid;
    width: 150px;
    padding: 5px;
  }
  .contactoFooter h3 {
    font-size: 12px !important;
  }
  .contactoFooter p {
    font-size: 12px !important;
  }
  #newsletter {
    padding-left: 20px;
    padding-right: 20px;
  }
  #newsletter label {
    color: #ffffff !important;
    font-family: "quickSandRegular";
    font-size: 14px !important;
    margin-bottom: 10px;
  }
  #newsletter input {
    border-style: solid;
    border-color: #ffffff !important;
    border-radius: 0px;
    background-color: #cecece !important;
    color: #ffffff !important;
    height: 50px;
    width: 80%;
    padding: 5px;
  }
  #newsletter input:focus {
    outline: 0 none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
  }
  #newsletter ::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
    font-family: "quickSandRegular";
    font-style: italic;
  }
  #newsletter .btn {
    background-color: #ffffff !important;
    width: 20%;
    border-radius: 0;
    border-style: solid;
    border-color: #ffffff !important;
  }
  #newsletter .btn:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
  }
  .footerSociales ul {
    margin-top: 20px;
    list-style: none;
    display: inline-flex;
  }
  .footerSociales ul a {
    margin-right: 20px;
    color: #ffffff !important;
  }
  .copyRight {
    color: #ffffff !important;
    font-size: 12px !important;
    text-align: center;
    padding: 10px;
  }
  .copyRight a {
    text-decoration: underline;
    font-style: italic;
    color: #ffffff !important;
  }
  .copyRight a:hover {
    color: #000000 !important;
  }
}
@media screen and (max-width: 320px) {
  .navbar-nav {
    text-align: center;
    border-bottom-style: none;
    border-bottom-width: 0.5px;
    margin-left: 0% !important;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .navbar-nav li {
    padding: 5px;
  }
  .navbar-nav a {
    font-family: "quickSandLight";
    text-decoration: none;
    margin-right: 0px;
    margin-top: 50px !important;
    text-align: right;
    color: #000000 !important;
  }
  .navbar-nav a:hover {
    font-family: "quickSandRegular";
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
  }
  .contenedorPie {
    padding: 20px;
    background-color: #292929 !important;
  }
  .menuFooter {
    color: #ffffff !important;
  }
  .menuFooter h3 {
    font-size: 14px !important;
    border-bottom-style: solid;
    width: 130px;
    padding: 5px;
  }
  .menuFooter ul {
    padding: 0;
    font-size: 10px !important;
    list-style: none;
    text-align: left;
  }
  .menuFooter a {
    text-decoration: none;
  }
  .menuFooter a:hover {
    cursor: pointer;
  }
  .contactoFooter {
    color: #ffffff !important;
  }
  .contactoFooter h2 {
    font-size: 14px !important;
    border-bottom-style: solid;
    width: 130px;
    padding: 5px;
  }
  .contactoFooter h3 {
    font-size: 12px !important;
  }
  .contactoFooter p {
    font-size: 12px !important;
  }
  #newsletter {
    padding-left: 20px;
    padding-right: 20px;
  }
  #newsletter label {
    color: #ffffff !important;
    font-family: "quickSandRegular";
    font-size: 14px !important;
    margin-bottom: 10px;
  }
  #newsletter input {
    border-style: solid;
    border-color: #ffffff !important;
    border-radius: 0px;
    background-color: #cecece !important;
    color: #ffffff !important;
    height: 50px;
    width: 60%;
    padding: 5px;
  }
  #newsletter input:focus {
    outline: 0 none !important;
    outline-offset: 0 !important;
    outline-style: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
  }
  #newsletter ::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
    font-family: "quickSandRegular";
    font-style: italic;
  }
  #newsletter .btn {
    background-color: #ffffff !important;
    width: 40%;
    border-radius: 0;
    border-style: solid;
    border-color: #ffffff !important;
  }
  #newsletter .btn:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
  }
  .footerSociales ul {
    margin-top: 20px;
    list-style: none;
    display: inline-flex;
  }
  .footerSociales ul a {
    margin-right: 20px;
    color: #ffffff !important;
  }
  .copyRight {
    color: #ffffff !important;
    font-size: 12px !important;
    text-align: center;
    padding: 10px;
  }
  .copyRight a {
    text-decoration: underline;
    font-style: italic;
    color: #ffffff !important;
  }
  .copyRight a:hover {
    color: #000000 !important;
  }
}
@supports (-webkit-touch-callout: none) {
  .bannerAll {
    background-attachment: unset !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
  }
}
.contenedorTopLab {
  height: 600px;
  background-image: url("../img/core/lab/banner.jpg");
  background-size: 100%;
  background-attachment: fixed;
  background-position-y: center;
}

.contenidoTopLab {
  margin-top: 250px;
  color: #000000 !important;
}
.contenidoTopLab h1 {
  transition: 0.75s ease-in-out;
  font-family: "playFairDisplayRegular";
  font-size: 48px !important;
  border-bottom-style: solid;
  padding-bottom: 25px;
  text-align: center;
  letter-spacing: 2px;
  border-color: #00369c !important;
}
.contenidoTopLab p {
  margin-top: 25px !important;
  font-family: "quickSandRegular";
  text-align: center;
  font-size: 20px !important;
}

.contendorNosotros {
  height: 400px;
}

.contenidoNosotros {
  padding: 40px;
  width: 70%;
  color: #000000 !important;
}
.contenidoNosotros span {
  display: inline-block;
  background-color: #000000 !important;
  height: 2px;
  width: 100%;
  position: absolute;
  margin-top: 44px;
  margin-left: 25px !important;
}
.contenidoNosotros h2 {
  font-family: "playFairDisplayRegular";
  font-size: 48px !important;
  margin-bottom: 25px !important;
  color: #00369c !important;
}
.contenidoNosotros p {
  width: 80%;
  line-height: 36px;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}

.contendorIIC {
  height: 400px;
}

.contenidoIIC {
  padding: 40px;
  width: 70%;
  margin-left: 15%;
}
.contenidoIIC p {
  line-height: 36px;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}
.contenidoIIC i {
  color: #00369c !important;
}
.contenidoIIC span {
  font-family: "playFairDisplayRegular";
  font-size: 26px !important;
  border-bottom: solid #00369c !important;
}

.contenedorDividerLab {
  background-image: url("../img/core/lab/bannerMS.png");
  background-size: 100%;
  min-height: 400px;
  height: 400px;
  background-attachment: fixed;
}

.contenedorNormativa {
  height: 500px;
  padding-top: 50px;
  padding-left: 15%;
  padding-right: 15%;
  margin-bottom: 100px;
}
.contenedorNormativa img {
  width: 400px;
}

.contenidoNormativa {
  width: 70%;
  margin-top: 120px;
}
.contenidoNormativa h2 {
  font-family: "playFairDisplayBold";
  font-size: 32px !important;
  color: #00369c !important;
  text-align: left;
}
.contenidoNormativa p {
  line-height: 36px;
  text-align: left;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}

.cabeceraEstructura {
  background-image: url("../img/core/lab/bannerEstructura.jpg");
  min-height: 200px;
  background-attachment: fixed;
  padding: 20px;
  transition: 0.35s ease-in-out;
  margin-bottom: 50px;
  background-size: 100%;
}

.contenidoCEstructura h2 {
  font-family: "playFairDisplayRegular";
  font-size: 32px !important;
  color: #ffffff !important;
  text-align: center;
  margin-top: 50px;
  text-shadow: 2px 2px 5px #000000;
}

.contenedorEstructura {
  height: 850px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #ffffff !important;
}

.accesoEstructura {
  color: #000000 !important;
}
.accesoEstructura img {
  height: 150px;
  margin-left: 25%;
}
.accesoEstructura h2 {
  margin-top: 25px;
  margin-left: 10%;
  line-height: 25px;
  font-family: "quickSandRegular";
  font-size: 20px !important;
  color: #00369c !important;
}
.accesoEstructura p {
  margin-top: 5px;
  margin-left: 10%;
  width: 80%;
  height: 50px;
  line-height: 20px;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}
.accesoEstructura a {
  text-decoration: none;
  color: #000000 !important;
  background-color: transparent;
  border-style: none;
  margin-right: 10%;
  margin-top: 25px !important;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}
.accesoEstructura:hover a {
  cursor: pointer;
}

.bordeBtnA {
  width: 100%;
}

.borderBtnA {
  background-color: #00369c !important;
  min-height: 3px;
  transition: 0.5s !important;
  clip-path: inset(0 100% 0 0);
  visibility: hidden;
}

.borderBtnActivoA {
  background-color: #00369c !important;
  min-height: 3px;
  transition: 0.5s !important;
  clip-path: inset(0 0 0 0);
}

@media screen and (max-width: 425px) {
  .contenedorTopLab {
    height: 280px;
    background-image: url("../img/core/lab/banner.jpg");
    background-size: 100%;
    background-attachment: fixed;
    background-position-y: center;
  }
  .contenidoTopLab {
    margin-top: 130px;
    color: #000000 !important;
  }
  .contenidoTopLab h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 28px !important;
    border-bottom-style: solid;
    padding-bottom: 10px;
    text-align: center;
    letter-spacing: 2px;
    border-color: #00369c !important;
  }
  .contenidoTopLab p {
    margin-top: 10px !important;
    font-family: "quickSandRegular";
    text-align: center;
    font-size: 20px !important;
  }
  .contendorNosotros {
    height: 400px;
  }
  .contenidoNosotros {
    padding: 40px;
    width: 90%;
    color: #000000 !important;
  }
  .contenidoNosotros span {
    display: inline-block;
    background-color: #000000 !important;
    height: 2px;
    width: 100%;
    position: absolute;
    margin-top: 44px;
    margin-left: 25px !important;
  }
  .contenidoNosotros h2 {
    font-family: "playFairDisplayRegular";
    font-size: 48px !important;
    margin-bottom: 25px !important;
    color: #00369c !important;
  }
  .contenidoNosotros p {
    width: 100%;
    line-height: 36px;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenedorDividerLab {
    background-image: url("../img/core/lab/bannerMS.png");
    background-size: 200%;
    min-height: 200px;
    height: 200px;
    background-attachment: fixed;
    background-position-x: center;
  }
  .contendorIIC {
    height: 300px;
  }
  .contenidoIIC {
    padding: 40px;
    width: 100%;
    margin-left: 0%;
  }
  .contenidoIIC p {
    line-height: 36px;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenidoIIC i {
    color: #00369c !important;
  }
  .contenidoIIC span {
    line-height: 6px !important;
    font-family: "playFairDisplayRegular";
    font-size: 16px !important;
    border-bottom: solid #00369c !important;
  }
  .contenedorNormativa {
    height: 700px;
    padding-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 100px;
  }
  .contenedorNormativa img {
    width: 400px;
  }
  .contenidoNormativa {
    width: 90%;
    margin-top: 20px;
  }
  .contenidoNormativa h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    color: #00369c !important;
    text-align: left;
  }
  .contenidoNormativa p {
    line-height: 36px;
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .cabeceraEstructura {
    background-image: url("../img/core/lab/bannerEstructura.jpg");
    min-height: 100px;
    background-attachment: fixed;
    padding: 20px;
    transition: 0.35s ease-in-out;
    margin-bottom: 50px;
    background-size: 100%;
  }
  .contenidoCEstructura h2 {
    font-family: "playFairDisplayRegular";
    font-size: 32px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 0px;
    text-shadow: 2px 2px 5px #000000;
  }
  .contenedorEstructura {
    height: 1300px;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #ffffff !important;
  }
  .accesoEstructura {
    color: #000000 !important;
  }
  .accesoEstructura img {
    height: 120px;
    margin-left: 0%;
  }
  .accesoEstructura h2 {
    margin-top: 25px;
    margin-left: 5%;
    line-height: 25px;
    font-family: "quickSandRegular";
    font-size: 20px !important;
    color: #00369c !important;
  }
  .accesoEstructura p {
    margin-top: 5px;
    margin-left: 5%;
    width: 90%;
    height: 50px;
    line-height: 20px;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .accesoEstructura a {
    text-decoration: none;
    color: #000000 !important;
    background-color: transparent;
    border-style: none;
    margin-right: 10%;
    margin-top: 50px !important;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .accesoEstructura:hover a {
    cursor: pointer;
  }
  .bordeBtnA {
    width: 100%;
  }
  .borderBtnA {
    background-color: #00369c !important;
    min-height: 3px;
    transition: 0.5s !important;
    clip-path: inset(0 100% 0 0);
    visibility: hidden;
  }
  .borderBtnActivoA {
    background-color: #00369c !important;
    min-height: 3px;
    transition: 0.5s !important;
    clip-path: inset(0 0 0 0);
  }
}
@media screen and (max-width: 320px) {
  .contenedorTopLab {
    height: 250px;
    background-image: url("../img/core/lab/banner.jpg");
    background-size: 150%;
    background-attachment: fixed;
    background-position-y: center;
  }
  .contenidoTopLab {
    margin-top: 120px;
    color: #000000 !important;
  }
  .contenidoTopLab h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    border-bottom-style: solid;
    padding-bottom: 10px;
    text-align: center;
    letter-spacing: 2px;
    border-color: #00369c !important;
  }
  .contenidoTopLab p {
    margin-top: 10px !important;
    font-family: "quickSandRegular";
    text-align: center;
    font-size: 14px !important;
  }
  .contendorNosotros {
    height: 400px;
  }
  .contenidoNosotros {
    padding: 10px;
    width: 90%;
    color: #000000 !important;
  }
  .contenidoNosotros span {
    display: inline-block;
    background-color: #000000 !important;
    height: 2px;
    width: 100%;
    position: absolute;
    margin-top: 44px;
    margin-left: 25px !important;
  }
  .contenidoNosotros h2 {
    font-family: "playFairDisplayRegular";
    font-size: 48px !important;
    margin-bottom: 25px !important;
    color: #00369c !important;
  }
  .contenidoNosotros p {
    width: 100%;
    line-height: 36px;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenedorDividerLab {
    background-image: url("../img/core/lab/bannerMS.png");
    background-size: 200%;
    min-height: 200px;
    height: 200px;
    background-attachment: fixed;
    background-position-x: center;
  }
  .contendorIIC {
    height: 300px;
  }
  .contenidoIIC {
    padding: 40px;
    width: 100%;
    margin-left: 0%;
  }
  .contenidoIIC p {
    line-height: 36px;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenidoIIC i {
    color: #00369c !important;
  }
  .contenidoIIC span {
    line-height: 6px !important;
    font-family: "playFairDisplayRegular";
    font-size: 16px !important;
    border-bottom: solid #00369c !important;
  }
  .contenedorNormativa {
    height: 700px;
    padding-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
    margin-bottom: 100px;
  }
  .contenedorNormativa img {
    width: 400px;
  }
  .contenidoNormativa {
    width: 90%;
    margin-top: 20px;
  }
  .contenidoNormativa h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    color: #00369c !important;
    text-align: left;
  }
  .contenidoNormativa p {
    line-height: 36px;
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .cabeceraEstructura {
    background-image: url("../img/core/lab/bannerEstructura.jpg");
    min-height: 100px;
    background-attachment: fixed;
    padding: 20px;
    transition: 0.35s ease-in-out;
    margin-bottom: 50px;
    background-size: 100%;
  }
  .contenidoCEstructura h2 {
    font-family: "playFairDisplayRegular";
    font-size: 32px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 0px;
    text-shadow: 2px 2px 5px #000000;
  }
  .contenedorEstructura {
    height: 1300px;
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #ffffff !important;
  }
  .accesoEstructura {
    color: #000000 !important;
  }
  .accesoEstructura img {
    height: 120px;
    margin-left: 5%;
  }
  .accesoEstructura h2 {
    margin-top: 25px;
    margin-left: 5%;
    line-height: 25px;
    font-family: "quickSandRegular";
    font-size: 20px !important;
    color: #00369c !important;
  }
  .accesoEstructura p {
    margin-top: 5px;
    margin-left: 5%;
    width: 90%;
    height: 50px;
    line-height: 20px;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .accesoEstructura a {
    text-decoration: none;
    color: #000000 !important;
    background-color: transparent;
    border-style: none;
    margin-right: 10%;
    margin-top: 50px !important;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .accesoEstructura:hover a {
    cursor: pointer;
  }
  .bordeBtnA {
    width: 100%;
  }
  .borderBtnA {
    background-color: #00369c !important;
    min-height: 3px;
    transition: 0.5s !important;
    clip-path: inset(0 100% 0 0);
    visibility: hidden;
  }
  .borderBtnActivoA {
    background-color: #00369c !important;
    min-height: 3px;
    transition: 0.5s !important;
    clip-path: inset(0 0 0 0);
  }
}
.contenedorTopBank {
  height: 600px;
  background-image: url("../img/core/bank/bannerTop.jpg");
  background-size: 1920px 900px;
  background-position-y: -200px;
}

.contenidoTopBank {
  margin-top: 250px;
  width: 800px;
  color: #000000 !important;
}
.contenidoTopBank h2 {
  font-family: "playFairDisplayBold";
  font-size: 48px !important;
  border-bottom-style: solid;
  border-top-style: solid;
  padding: 5px;
  text-align: center;
}

.contendorIntroBank {
  height: 400px;
}

.contenidoIntroBank {
  padding: 40px;
  width: 70%;
  color: #000000 !important;
}
.contenidoIntroBank span {
  display: inline-block;
  background-color: #000000 !important;
  height: 2px;
  width: 100%;
  position: absolute;
  margin-top: 44px;
  margin-left: 25px !important;
}
.contenidoIntroBank h1 {
  font-family: "playFairDisplayRegular";
  font-size: 48px !important;
  margin-bottom: 25px !important;
}
.contenidoIntroBank p {
  width: 80%;
  line-height: 36px;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}

.contenedorAccesosBank {
  height: 750px;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: url("../img/core/bank/fondoAccesos.jpg");
  background-size: 1920px 1204px;
  background-position-y: center;
  background-attachment: fixed;
}

.accesoBank {
  color: #000000 !important;
}
.accesoBank img {
  width: 80%;
  margin-left: 10%;
}
.accesoBank h2 {
  margin-top: 25px;
  margin-left: 10%;
  line-height: 25px;
  font-family: "quickSandRegular";
  font-size: 20px !important;
}
.accesoBank p {
  margin-top: 5px;
  margin-left: 10%;
  width: 80%;
  height: 50px;
  line-height: 20px;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}
.accesoBank a {
  text-decoration: none;
  color: #000000 !important;
  background-color: transparent;
  border-style: none;
  margin-right: 10%;
  margin-top: 25px !important;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}
.accesoBank:hover {
  cursor: pointer;
}

.bordeBtn {
  width: 100%;
}

.borderBtn {
  background-color: #000000 !important;
  min-height: 3px;
  transition: 0.5s !important;
  clip-path: inset(0 100% 0 0);
  visibility: hidden;
}

.borderBtnActivo {
  background-color: #000000 !important;
  min-height: 3px;
  transition: 0.5s !important;
  clip-path: inset(0 0 0 0);
}

.contenedorCuidaATuFamilia {
  height: 500px;
  padding-top: 50px;
  padding-left: 15%;
  padding-right: 15%;
}
.contenedorCuidaATuFamilia img {
  width: 500px;
  -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
}

.contenidoCuidaATuFamilia {
  width: 70%;
  margin-top: 80px;
}
.contenidoCuidaATuFamilia h2 {
  font-family: "playFairDisplayBold";
  font-size: 32px !important;
  text-align: right;
}
.contenidoCuidaATuFamilia p {
  line-height: 36px;
  text-align: right;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}

.contenedorVanguardia {
  height: 500px;
  padding-top: 50px;
  padding-left: 15%;
  padding-right: 15%;
}
.contenedorVanguardia img {
  width: 500px;
  -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
}

.contenidoVanguardia {
  width: 70%;
  margin-top: 80px;
}
.contenidoVanguardia h2 {
  font-family: "playFairDisplayBold";
  font-size: 32px !important;
  text-align: left;
}
.contenidoVanguardia p {
  line-height: 36px;
  text-align: left;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}

.contenedorSociales {
  height: 540px;
  padding: 50px;
  background-image: url("../img/core/bank/sociales.jpg");
  background-size: 1920px 540px;
  background-position-y: center;
}

.contenidoSociales {
  color: #ffffff !important;
}
.contenidoSociales h2 {
  font-family: "playFairDisplayBold";
  text-align: center;
  font-size: 48px !important;
  margin-top: 150px;
}
.contenidoSociales p {
  padding-left: 25%;
  padding-right: 25%;
  font-family: "quickSandRegular";
  text-align: center;
  font-size: 16px !important;
}
.contenidoSociales ul {
  list-style: none;
  display: inline-flex;
}
.contenidoSociales ul li {
  padding: 20px;
}
.contenidoSociales a {
  text-decoration: none;
  color: #ffffff !important;
}

@media screen and (max-width: 1536px) {
  .contenidoTopBank {
    margin-top: 250px;
    margin-left: 50px;
    width: 800px;
    color: #000000 !important;
  }
  .contenidoTopBank h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    border-bottom-style: solid;
    border-top-style: solid;
    padding: 5px;
    text-align: center;
  }
  .contenedorAccesosBank {
    height: 700px;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../img/core/bank/fondoAccesos.jpg");
    background-size: 1920px 1204px;
    background-position-y: center;
    background-attachment: fixed;
  }
  .accesoBank {
    color: #000000 !important;
  }
  .accesoBank h2 {
    margin-top: 25px;
    line-height: 25px;
    font-family: "quickSandRegular";
    font-size: 20px !important;
  }
  .accesoBank p {
    margin-top: 5px;
    height: 50px;
    line-height: 20px;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .accesoBank a {
    text-decoration: none;
    color: #000000 !important;
    background-color: transparent;
    border-style: none;
    margin-top: 50px !important;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .accesoBank:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 1366px) {
  .contenedorTopBank {
    height: 600px;
    background-image: url("../img/core/bank/bannerTop.jpg");
    background-size: 1920px 900px;
    background-position-y: -200px;
    background-position-x: -200px;
  }
  .contenidoTopBank {
    margin-top: 250px;
    width: 800px;
    color: #000000 !important;
  }
  .contenidoTopBank h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    border-bottom-style: solid;
    border-top-style: solid;
    padding: 5px;
    text-align: center;
  }
  .contendorIntroBank {
    height: 400px;
  }
  .contenidoIntroBank {
    padding: 40px;
    width: 70%;
    color: #000000 !important;
  }
  .contenidoIntroBank span {
    display: inline-block;
    background-color: #000000 !important;
    height: 2px;
    width: 100%;
    position: absolute;
    margin-top: 44px;
    margin-left: 25px !important;
  }
  .contenidoIntroBank h1 {
    font-family: "playFairDisplayRegular";
    font-size: 48px !important;
    margin-bottom: 25px !important;
  }
  .contenidoIntroBank p {
    width: 80%;
    line-height: 36px;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenedorAccesosBank {
    height: 750px;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../img/core/bank/fondoAccesos.jpg");
    background-size: 1920px 1204px;
    background-position-y: center;
    background-attachment: fixed;
  }
  .accesoBank {
    color: #000000 !important;
  }
  .accesoBank img {
    width: 80%;
    margin-left: 10%;
  }
  .accesoBank h2 {
    margin-top: 25px;
    margin-left: 10%;
    line-height: 25px;
    font-family: "quickSandRegular";
    font-size: 20px !important;
  }
  .accesoBank p {
    margin-top: 5px;
    margin-left: 10%;
    width: 80%;
    height: 50px;
    line-height: 20px;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .accesoBank a {
    text-decoration: none;
    color: #000000 !important;
    background-color: transparent;
    border-style: none;
    margin-right: 10%;
    margin-top: 25px !important;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .accesoBank:hover {
    cursor: pointer;
  }
  .bordeBtn {
    width: 100%;
  }
  .borderBtn {
    background-color: #000000 !important;
    min-height: 3px;
    transition: 0.5s !important;
    clip-path: inset(0 100% 0 0);
    visibility: hidden;
  }
  .borderBtnActivo {
    background-color: #000000 !important;
    min-height: 3px;
    transition: 0.5s !important;
    clip-path: inset(0 0 0 0);
  }
  .contenedorCuidaATuFamilia {
    height: 500px;
    padding-top: 50px;
    padding-left: 15%;
    padding-right: 15%;
  }
  .contenedorCuidaATuFamilia img {
    width: 500px;
    -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  }
  .contenidoCuidaATuFamilia {
    width: 70%;
    margin-top: 40px;
  }
  .contenidoCuidaATuFamilia h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: right;
  }
  .contenidoCuidaATuFamilia p {
    line-height: 36px;
    text-align: right;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenedorVanguardia {
    height: 500px;
    padding-top: 50px;
    padding-left: 15%;
    padding-right: 15%;
  }
  .contenedorVanguardia img {
    width: 500px;
    -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  }
  .contenidoVanguardia {
    width: 70%;
    margin-top: 40px;
  }
  .contenidoVanguardia h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: left;
  }
  .contenidoVanguardia p {
    line-height: 36px;
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenedorSociales {
    height: 540px;
    padding: 50px;
    background-image: url("../img/core/bank/sociales.jpg");
    background-size: 1920px 540px;
    background-position-y: center;
  }
  .contenidoSociales {
    color: #ffffff !important;
  }
  .contenidoSociales h2 {
    font-family: "playFairDisplayBold";
    text-align: center;
    font-size: 48px !important;
    margin-top: 150px;
  }
  .contenidoSociales p {
    padding-left: 25%;
    padding-right: 25%;
    font-family: "quickSandRegular";
    text-align: center;
    font-size: 16px !important;
  }
  .contenidoSociales ul {
    list-style: none;
    display: inline-flex;
  }
  .contenidoSociales ul li {
    padding: 20px;
  }
  .contenidoSociales a {
    text-decoration: none;
    color: #ffffff !important;
  }
}
@media screen and (max-width: 1024px) {
  .contenedorTopBank {
    height: 600px;
    background-image: url("../img/core/bank/bannerTop.jpg");
    background-size: 1920px 900px;
    background-position-y: -200px;
    background-position-x: -200px;
  }
  .contenidoTopBank {
    margin-top: 250px;
    width: 800px;
    color: #000000 !important;
  }
  .contenidoTopBank h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    border-bottom-style: solid;
    border-top-style: solid;
    padding: 5px;
    text-align: center;
  }
  .contendorIntroBank {
    height: 400px;
  }
  .contenidoIntroBank {
    padding: 40px;
    width: 90%;
    color: #000000 !important;
  }
  .contenidoIntroBank span {
    display: inline-block;
    background-color: #000000 !important;
    height: 2px;
    width: 100%;
    position: absolute;
    margin-top: 44px;
    margin-left: 25px !important;
  }
  .contenidoIntroBank h1 {
    font-family: "playFairDisplayRegular";
    font-size: 48px !important;
    margin-bottom: 25px !important;
  }
  .contenidoIntroBank p {
    width: 80%;
    line-height: 36px;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenedorAccesosBank {
    height: 750px;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../img/core/bank/fondoAccesos.jpg");
    background-size: 1920px 1204px;
    background-position-y: center;
    background-attachment: fixed;
  }
  .accesoBank {
    color: #000000 !important;
  }
  .accesoBank img {
    width: 90%;
    margin-left: 5%;
  }
  .accesoBank h2 {
    margin-top: 25px;
    margin-left: 10%;
    line-height: 25px;
    font-family: "quickSandRegular";
    font-size: 20px !important;
  }
  .accesoBank p {
    margin-top: 5px;
    margin-left: 10%;
    width: 90%;
    height: 50px;
    line-height: 20px;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .accesoBank a {
    text-decoration: none;
    color: #000000 !important;
    background-color: transparent;
    border-style: none;
    margin-right: 10%;
    margin-top: 100px !important;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .accesoBank:hover {
    cursor: pointer;
  }
  .bordeBtn {
    width: 100%;
  }
  .borderBtn {
    background-color: #000000 !important;
    min-height: 3px;
    transition: 0.5s !important;
    clip-path: inset(0 100% 0 0);
    visibility: hidden;
  }
  .borderBtnActivo {
    background-color: #000000 !important;
    min-height: 3px;
    transition: 0.5s !important;
    clip-path: inset(0 0 0 0);
  }
  .contenedorCuidaATuFamilia {
    height: 500px;
    padding-top: 50px;
    padding-left: 15%;
    padding-right: 15%;
  }
  .contenedorCuidaATuFamilia img {
    width: 500px;
    -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  }
  .contenidoCuidaATuFamilia {
    width: 70%;
    margin-top: 40px;
  }
  .contenidoCuidaATuFamilia h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: right;
  }
  .contenidoCuidaATuFamilia p {
    line-height: 36px;
    text-align: right;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenedorVanguardia {
    height: 500px;
    padding-top: 50px;
    padding-left: 15%;
    padding-right: 15%;
  }
  .contenedorVanguardia img {
    width: 500px;
    -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  }
  .contenidoVanguardia {
    width: 70%;
    margin-top: 40px;
  }
  .contenidoVanguardia h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: left;
  }
  .contenidoVanguardia p {
    line-height: 36px;
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenedorSociales {
    height: 540px;
    padding: 50px;
    background-image: url("../img/core/bank/sociales.jpg");
    background-size: 1920px 540px;
    background-position-y: center;
  }
  .contenidoSociales {
    color: #ffffff !important;
  }
  .contenidoSociales h2 {
    font-family: "playFairDisplayBold";
    text-align: center;
    font-size: 48px !important;
    margin-top: 150px;
  }
  .contenidoSociales p {
    padding-left: 25%;
    padding-right: 25%;
    font-family: "quickSandRegular";
    text-align: center;
    font-size: 16px !important;
  }
  .contenidoSociales ul {
    list-style: none;
    display: inline-flex;
  }
  .contenidoSociales ul li {
    padding: 20px;
  }
  .contenidoSociales a {
    text-decoration: none;
    color: #ffffff !important;
  }
}
@media screen and (max-width: 500px) {
  .contenedorTopBank {
    height: 600px;
    background-image: url("../img/core/bank/bannerTop.jpg");
    background-size: 1920px 900px;
    background-position-y: -200px;
    background-position-x: -1000px;
  }
  .contenidoTopBank {
    margin-left: -120px;
    margin-top: 100px;
    width: 60%;
    color: #000000 !important;
  }
  .contenidoTopBank h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    border-bottom-style: solid;
    border-top-style: solid;
    padding: 5px;
    text-align: center;
  }
  .contendorIntroBank {
    height: 400px;
  }
  .contenidoIntroBank {
    padding: 40px;
    width: 100%;
    color: #000000 !important;
  }
  .contenidoIntroBank span {
    display: inline-block;
    background-color: #000000 !important;
    height: 2px;
    position: absolute;
    margin-top: 44px;
  }
  .contenidoIntroBank h1 {
    font-size: 28px !important;
    text-align: center;
  }
  .contenidoIntroBank p {
    text-align: center;
    width: 90%;
    font-size: 14px !important;
    margin-top: 20px;
    margin-left: 20px;
    padding: 0px;
  }
  .contenedorAccesosBank {
    height: 1650px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 25px;
    padding-bottom: 25px;
    background-image: url("../img/core/bank/fondoAccesos.jpg");
    background-size: 1920px 1204px;
    background-position-y: center;
    background-position-x: center;
    background-attachment: fixed;
  }
  .accesoBank {
    color: #000000 !important;
    margin-bottom: 20px;
  }
  .accesoBank img {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
  .accesoBank h2 {
    margin-top: 20px;
    margin-left: 10%;
    line-height: 25px;
    font-size: 20px !important;
  }
  .accesoBank p {
    margin-top: 5px;
    margin-left: 10%;
    width: 90%;
    height: 50px;
    line-height: 20px;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .accesoBank a {
    text-decoration: none;
    color: #000000 !important;
    background-color: transparent;
    border-style: none;
    margin-right: 10%;
    margin-top: 25px !important;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .accesoBank:hover {
    cursor: pointer;
  }
  .bordeBtn {
    width: 100%;
  }
  .borderBtn {
    background-color: #000000 !important;
    min-height: 3px;
    transition: 0.5s !important;
    clip-path: inset(0 100% 0 0);
    visibility: hidden;
  }
  .borderBtnActivo {
    background-color: #000000 !important;
    min-height: 3px;
    transition: 0.5s !important;
    clip-path: inset(0 0 0 0);
  }
  .contenedorCuidaATuFamilia {
    height: 600px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .contenedorCuidaATuFamilia img {
    margin-top: 25px;
    width: 500px;
    -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  }
  .contenidoCuidaATuFamilia {
    width: 90%;
    margin-top: 10px;
  }
  .contenidoCuidaATuFamilia h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoCuidaATuFamilia p {
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenedorVanguardia {
    height: 600px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .contenedorVanguardia img {
    width: 500px;
    -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    margin-top: 25px;
  }
  .contenidoVanguardia {
    width: 90%;
    margin-top: 10px;
  }
  .contenidoVanguardia h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoVanguardia p {
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenedorSociales {
    height: 400px;
    padding: 20px;
    background-image: url("../img/core/bank/sociales.jpg");
    background-size: 1920px 540px;
    background-position-y: center;
    background-position-x: center;
  }
  .contenidoSociales {
    color: #ffffff !important;
  }
  .contenidoSociales h2 {
    font-family: "playFairDisplayBold";
    text-align: center;
    font-size: 28px !important;
    margin-top: 92px;
  }
  .contenidoSociales p {
    padding-left: 10%;
    padding-right: 10%;
    font-family: "quickSandRegular";
    text-align: center;
    font-size: 14px !important;
  }
  .contenidoSociales ul {
    list-style: none;
    display: inline-flex;
    margin-left: -30px;
  }
  .contenidoSociales ul li {
    padding: 10px;
  }
  .contenidoSociales a {
    text-decoration: none;
    color: #ffffff !important;
  }
}
@media screen and (max-width: 320px) {
  .contenedorTopBank {
    height: 600px;
    background-image: url("../img/core/bank/bannerTop.jpg");
    background-size: 1920px 900px;
    background-position-y: -250px;
    background-position-x: -1100px;
  }
  .contenedorAccesosBank {
    height: 1400px;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 25px;
    padding-bottom: 25px;
    background-image: url("../img/core/bank/fondoAccesos.jpg");
    background-size: 1920px 1204px;
    background-position-y: center;
    background-position-x: center;
    background-attachment: fixed;
  }
  .contenedorSociales {
    height: 250px;
    padding: 10px;
    background-image: url("../img/core/bank/sociales.jpg");
    background-size: 1920px 540px;
    background-position-y: center;
  }
  .contenidoSociales {
    color: #ffffff !important;
  }
  .contenidoSociales h2 {
    font-family: "playFairDisplayBold";
    text-align: center;
    font-size: 28px !important;
    margin-top: 10px;
  }
  .contenidoSociales p {
    padding-left: 10%;
    padding-right: 10%;
    font-family: "quickSandRegular";
    text-align: center;
    font-size: 14px !important;
  }
  .contenidoSociales ul {
    list-style: none;
    display: inline-flex;
    margin-left: -30px;
  }
  .contenidoSociales ul li {
    padding: 10px;
  }
  .contenidoSociales a {
    text-decoration: none;
    color: #ffffff !important;
  }
}
#topQuienesSomos {
  height: 600px;
  background-image: url("../img/videos/banner.gif");
  background-size: 100%;
  background-position-y: 0px;
  filter: opacity(100%);
}

.contenedorTopQuienesSomos {
  height: 100%;
  background-color: #000000 !important;
  filter: opacity(80%);
}

.w400 {
  width: 600px;
}

.w800 {
  width: 800px;
}

.w1000 {
  width: 1000px;
}

.contenidoTopQuienesSomos {
  margin-top: 250px;
  color: #ffffff !important;
}
.contenidoTopQuienesSomos h2 {
  transition: 0.75s ease-in-out;
  font-family: "playFairDisplayRegular";
  font-size: 48px !important;
  border-bottom-style: solid;
  padding-bottom: 25px;
  text-align: center;
  letter-spacing: 2px;
}
.contenidoTopQuienesSomos button {
  width: 30%;
  margin-top: 25px;
  margin-left: 35%;
  margin-right: 35%;
  font-family: "quickSandRegular";
  font-size: 20px !important;
  border-color: #ffffff !important;
  border-style: solid;
  border-width: 2px;
  padding: 10px;
  text-align: center;
  color: #ffffff !important;
  background-color: transparent;
  transition: 0.5s ease-in-out;
  letter-spacing: 1px;
}
.contenidoTopQuienesSomos button span {
  position: absolute;
  display: inline-block;
  -moz-transform: translateX(30px);
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
  opacity: 0;
  transition: 0.5s ease-in-out;
}
.contenidoTopQuienesSomos button:hover {
  background-color: transparent;
  letter-spacing: 2px;
  width: 33%;
  margin-left: 33%;
  margin-right: 33%;
}
.contenidoTopQuienesSomos button:hover span {
  position: relative;
  display: inline-block;
  -moz-transform: translateX(5px);
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  opacity: 1;
  transition: 0.5s ease-in-out;
}

.contendorIntroQuienesSomos {
  height: 400px;
}

.contenidoIntroQuienesSomos {
  padding: 40px;
  width: 70%;
  color: #000000 !important;
}
.contenidoIntroQuienesSomos span {
  display: inline-block;
  background-color: #000000 !important;
  height: 2px;
  width: 150%;
  position: absolute;
  margin-top: 44px;
}
.contenidoIntroQuienesSomos h1 {
  font-family: "playFairDisplayRegular";
  font-size: 16px !important;
  visibility: hidden;
}
.contenidoIntroQuienesSomos p {
  width: 100%;
  line-height: 36px;
  font-family: "quickSandRegular";
  font-size: 16px !important;
  text-align: center;
}

.contenedorQuienesSomosBanco {
  height: 500px;
  overflow: hidden;
}

.imgQuienesSomos {
  overflow: hidden;
}
.imgQuienesSomos img {
  margin-left: -12px;
  width: 115%;
}

.contenidoQuienesSomosBanco {
  width: 65%;
  margin-top: 80px;
}
.contenidoQuienesSomosBanco h2 {
  font-family: "playFairDisplayBold";
  font-size: 32px !important;
  text-align: left;
  margin-bottom: 25px !important;
}
.contenidoQuienesSomosBanco p {
  text-align: left;
  font-family: "quickSandRegular";
  font-size: 16px !important;
  line-height: 36px;
}
.contenidoQuienesSomosBanco li {
  text-align: left;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}

.contenedorQuienesSomosSeguridad {
  height: 500px;
  overflow: hidden;
}

.imgQuienesSomosSeguridad {
  overflow: hidden;
}
.imgQuienesSomosSeguridad img {
  margin-left: -12px;
  width: 115%;
}

.contenidoQuienesSomosSeguridad {
  width: 65%;
  margin-top: 160px;
}
.contenidoQuienesSomosSeguridad h2 {
  font-family: "playFairDisplayBold";
  font-size: 32px !important;
  text-align: right;
  margin-bottom: 25px !important;
}
.contenidoQuienesSomosSeguridad p {
  text-align: right;
  font-family: "quickSandRegular";
  font-size: 16px !important;
  line-height: 36px;
}
.contenidoQuienesSomosSeguridad li {
  text-align: right;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}

@media screen and (max-width: 1366px) {
  .contenidoQuienesSomosBanco {
    width: 80%;
    margin-top: 40px;
  }
  .contenidoQuienesSomosBanco h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: left;
    margin-bottom: 25px !important;
  }
  .contenidoQuienesSomosBanco p {
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 16px !important;
    line-height: 36px;
  }
  .contenidoQuienesSomosBanco li {
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenidoQuienesSomosSeguridad {
    width: 80%;
    margin-top: 160px;
  }
  .contenidoQuienesSomosSeguridad h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: right;
    margin-bottom: 25px !important;
  }
  .contenidoQuienesSomosSeguridad p {
    text-align: right;
    font-family: "quickSandRegular";
    font-size: 16px !important;
    line-height: 36px;
  }
  .contenidoQuienesSomosSeguridad li {
    text-align: right;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1024px) {
  #topQuienesSomos {
    height: 600px;
    background-image: url("../img/videos/banner.gif");
    background-size: 120%;
    background-position-y: 0px;
    filter: opacity(100%);
  }
  .contenidoQuienesSomosBanco {
    width: 80%;
    margin-top: 40px;
  }
  .contenidoQuienesSomosBanco h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: left;
    margin-bottom: 25px !important;
  }
  .contenidoQuienesSomosBanco p {
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 16px !important;
    line-height: 36px;
  }
  .contenidoQuienesSomosBanco li {
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenidoQuienesSomosSeguridad {
    width: 80%;
    margin-top: 160px;
  }
  .contenidoQuienesSomosSeguridad h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: right;
    margin-bottom: 25px !important;
  }
  .contenidoQuienesSomosSeguridad p {
    text-align: right;
    font-family: "quickSandRegular";
    font-size: 16px !important;
    line-height: 36px;
  }
  .contenidoQuienesSomosSeguridad li {
    text-align: right;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
}
@media screen and (max-width: 500px) {
  #topQuienesSomos {
    height: 240px;
    background-image: url("../img/videos/banner.gif");
    background-size: 120%;
    background-position-y: 0px;
    filter: opacity(100%);
  }
  .contenedorTopQuienesSomos {
    height: 100%;
    background-color: #000000 !important;
    filter: opacity(80%);
  }
  .w400 {
    width: 60%;
  }
  .w800 {
    width: 95%;
  }
  .w1000 {
    width: 95%;
  }
  .contenidoTopQuienesSomos {
    margin-top: 70px;
    color: #ffffff !important;
  }
  .contenidoTopQuienesSomos h2 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 28px !important;
    border-bottom-style: solid;
    padding-bottom: 10px;
    text-align: center;
    letter-spacing: 2px;
  }
  .contenidoTopQuienesSomos button {
    width: 50%;
    margin-top: 10px;
    margin-left: 25%;
    margin-right: 25%;
    font-family: "quickSandRegular";
    font-size: 20px !important;
    border-color: #ffffff !important;
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    text-align: center;
    color: #ffffff !important;
    background-color: transparent;
    transition: 0.5s ease-in-out;
    letter-spacing: 1px;
  }
  .contenidoTopQuienesSomos button span {
    position: absolute;
    display: inline-block;
    -moz-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0;
    transition: 0.5s ease-in-out;
  }
  .contenidoTopQuienesSomos button:hover {
    background-color: transparent;
    letter-spacing: 2px;
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .contenidoTopQuienesSomos button:hover span {
    position: relative;
    display: inline-block;
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 1;
    transition: 0.5s ease-in-out;
  }
  .contendorIntroQuienesSomos {
    height: 400px;
  }
  .contenidoIntroQuienesSomos {
    padding: 10px;
    width: 100%;
    color: #000000 !important;
  }
  .contenidoIntroQuienesSomos span {
    display: inline-block;
    background-color: #000000 !important;
    height: 2px;
    width: 150%;
    position: absolute;
    margin-top: 44px;
  }
  .contenidoIntroQuienesSomos h1 {
    font-family: "playFairDisplayRegular";
    font-size: 14px !important;
    visibility: hidden;
  }
  .contenidoIntroQuienesSomos p {
    width: 100%;
    line-height: 36px;
    font-family: "quickSandRegular";
    font-size: 14px !important;
    text-align: center;
  }
  .contenedorQuienesSomosBanco {
    height: 850px;
    overflow: hidden;
  }
  .imgQuienesSomos {
    overflow: hidden;
  }
  .imgQuienesSomos img {
    margin-left: -12px;
    width: 115%;
  }
  .contenidoQuienesSomosBanco {
    width: 90%;
    margin-top: 10px;
  }
  .contenidoQuienesSomosBanco h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoQuienesSomosBanco p {
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenidoQuienesSomosBanco li {
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenedorQuienesSomosSeguridad {
    height: 650px;
    overflow: hidden;
  }
  .imgQuienesSomosSeguridad {
    overflow: hidden;
  }
  .imgQuienesSomosSeguridad img {
    margin-left: -12px;
    width: 115%;
  }
  .contenidoQuienesSomosSeguridad {
    width: 90%;
    margin-top: 20px;
  }
  .contenidoQuienesSomosSeguridad h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoQuienesSomosSeguridad p {
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenidoQuienesSomosSeguridad li {
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
}
#topCMM {
  height: 650px;
  background-image: url("../img/core/cmm/top.jpg");
  background-attachment: fixed;
  background-size: 100%;
  background-position-y: -200px;
  filter: opacity(100%);
}

.contenidoTopCMM {
  margin-top: 250px;
  color: #ffffff !important;
}
.contenidoTopCMM h1 {
  transition: 0.75s ease-in-out;
  font-family: "playFairDisplayRegular";
  font-size: 26px !important;
  border-bottom-style: solid;
  padding-bottom: 25px;
  text-align: center;
  letter-spacing: 2px;
  text-shadow: 2px 2px 5px #000000;
}
.contenidoTopCMM p {
  margin-top: 25px !important;
  font-family: "quickSandRegular";
  text-align: center;
  font-size: 20px !important;
  text-shadow: 2px 2px 5px #000000;
}

.contenedorEstandares {
  height: 500px;
  padding-top: 50px;
  padding-left: 15%;
  padding-right: 15%;
}
.contenedorEstandares img {
  width: 500px;
  -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
}

.contenidoEstandares {
  width: 70%;
  margin-top: 80px;
}
.contenidoEstandares h2 {
  font-family: "playFairDisplayBold";
  font-size: 32px !important;
  text-align: right;
}
.contenidoEstandares p {
  text-align: right;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}

.contenedorCompromiso {
  height: 500px;
  padding-top: 50px;
  padding-left: 15%;
  padding-right: 15%;
}
.contenedorCompromiso img {
  width: 500px;
  -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
}

.contenidoCompromiso {
  width: 70%;
  margin-top: 80px;
}
.contenidoCompromiso h2 {
  font-family: "playFairDisplayBold";
  font-size: 32px !important;
  text-align: left;
}
.contenidoCompromiso p {
  text-align: left;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}

.contenedorDivider {
  background-image: url("../img/core/cmm/divider.jpg");
  background-size: 120%;
  min-height: 300px;
  height: 300px;
  background-attachment: fixed;
}

.contenedorFuentesDO {
  margin-bottom: 50px;
}

.contenidoFOTP {
  margin-top: 50px;
  margin-left: 5%;
  margin-right: 5%;
}
.contenidoFOTP h2 {
  font-family: "playFairDisplayBold";
  font-size: 48px !important;
  margin-bottom: 25px !important;
}
.contenidoFOTP img {
  width: 90%;
}
.contenidoFOTP h3 {
  font-family: "playFairDisplayRegular";
  font-size: 32px !important;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.contenidoFOTP p {
  width: 90%;
  line-height: 36px;
}

.contenidoFOTA {
  margin-top: 50px;
  margin-left: 5%;
  margin-right: 5%;
}
.contenidoFOTA img {
  width: 90%;
}
.contenidoFOTA h3 {
  font-family: "playFairDisplayRegular";
  font-size: 32px !important;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.contenidoFOTA p {
  width: 90%;
  line-height: 36px;
}

.contenedorPDC {
  height: 1800px;
  background-image: url("../img/core/cmm/procesoDCP.png");
}

.contenidoTopPDC {
  padding-left: 15%;
  padding-right: 15%;
  margin-top: 100px;
  margin-bottom: 25px !important;
}
.contenidoTopPDC h2 {
  font-size: 48px !important;
  color: #ffffff !important;
  font-family: "playFairDisplayRegular";
  margin-right: 25px !important;
}

.etapaActual {
  width: 60% !important;
  margin-right: 20%;
  margin-left: 20%;
  margin-top: 100px;
  position: absolute;
  z-index: 1;
  transition: 0.5s ease-in-out;
  -webkit-box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
  -moz-box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
  box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
}
.etapaActual .container {
  padding: 0 !important;
}

.etapaSig {
  padding: 0 !important;
  width: 60% !important;
  margin-right: 0%;
  margin-left: -100px;
  margin-top: 100px;
  position: absolute;
  z-index: 0;
  transition: 0.5s ease-in-out;
  transform: scale(0.7);
}
.etapaSig .container {
  padding: 0 !important;
}
.etapaSig .col-12 {
  opacity: 0.95;
}

.etapaAnterior {
  padding: 0 !important;
  width: 60% !important;
  margin-right: 0%;
  margin-left: 800px;
  margin-top: 100px;
  position: absolute;
  z-index: 0;
  transition: 0.5s ease-in-out;
  transform: scale(0.7);
}
.etapaAnterior .container {
  padding: 0 !important;
}
.etapaAnterior .col-12 {
  opacity: 0.95;
}

.proceso .col-12 {
  padding: 0;
}
.proceso img {
  height: 100% !important;
  width: 100% !important;
}
.proceso .contenidoProceso {
  padding: 10%;
  width: 100% !important;
  height: 100% !important;
  background-color: #cecece !important;
}
.proceso .contenidoProceso h3 {
  text-align: center;
  font-family: "playFairDisplayRegular";
  font-size: 32px !important;
}
.proceso .contenidoProceso p {
  font-family: "quickSandRegular";
  margin-top: 20px;
  font-size: 16px !important;
}
.proceso .contenidoProceso a {
  text-decoration: none;
  color: #000000 !important;
}
.proceso .contenidoProceso a span {
  opacity: 0;
  transition: 0.5s ease-in-out;
  display: inline-block;
  -moz-transform: translateX(20px);
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}
.proceso .contenidoProceso a:hover {
  cursor: pointer;
}
.proceso .contenidoProceso a:hover span {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.navPDC {
  margin-top: 20px;
}
.navPDC i {
  color: #cecece !important;
  transition: 0.5s ease-in-out;
}
.navPDC i:hover {
  cursor: pointer;
  color: #ffffff !important;
}
.navPDC h3 {
  color: #ffffff !important;
  font-family: "playFairDisplayRegular";
  font-size: 26px !important;
}

#notasDeInteres {
  margin-top: 700px !important;
}
#notasDeInteres h2 {
  font-family: "playFairDisplayRegular";
  font-size: 48px !important;
  text-align: center;
  margin-bottom: 50px;
  color: #000000 !important;
}

.card {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0px;
}
.card .card-img-top {
  border-radius: 0px !important;
}
.card .card-body h5 {
  font-family: "playFairDisplayRegular";
  font-size: 26px !important;
  padding-bottom: 5px;
}
.card .card-body p {
  font-family: "quickSandRegular";
  font-size: 16px !important;
  min-height: 120px;
}
.card .card-body a {
  text-decoration: none;
  color: #000000 !important;
}
.card .card-body a span {
  opacity: 0;
  transition: 0.5s ease-in-out;
  display: inline-block;
  -moz-transform: translateX(20px) rotate(45deg);
  -webkit-transform: translateX(20px) rotate(45deg);
  transform: translateX(20px) rotate(45deg);
}
.card .card-body a:hover {
  cursor: pointer;
}
.card .card-body a:hover span {
  opacity: 1;
  -moz-transform: translateX(0px) rotate(0deg);
  -webkit-transform: translateX(0px) rotate(0deg);
  transform: translateX(0px) rotate(0deg);
}

@media screen and (max-width: 1536px) {
  #topCMM {
    height: 650px;
    background-image: url("../img/core/cmm/top.jpg");
    background-attachment: fixed;
    background-size: 120%;
    background-position-y: -200px;
    filter: opacity(100%);
  }
  .contenidoTopPDC {
    padding-left: 15%;
    padding-right: 15%;
    margin-top: 100px;
  }
  .contenidoTopPDC h2 {
    font-size: 48px !important;
    padding-bottom: 20px;
    color: #ffffff !important;
    font-family: "playFairDisplayRegular";
  }
  .etapaActual {
    width: 60% !important;
    margin-right: 20%;
    margin-left: 20%;
    margin-top: 100px;
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out;
    -webkit-box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
    box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
  }
  .etapaActual .container {
    padding: 0 !important;
  }
  .etapaSig {
    padding: 0 !important;
    width: 60% !important;
    margin-right: 0%;
    margin-left: -200px;
    margin-top: 100px;
    position: absolute;
    z-index: 0;
    transition: 0.5s ease-in-out;
    transform: scale(0.7);
  }
  .etapaSig .container {
    padding: 0 !important;
  }
  .etapaSig .col-12 {
    opacity: 0.95;
  }
  .etapaAnterior {
    padding: 0 !important;
    width: 60% !important;
    margin-right: 0%;
    margin-left: 800px;
    margin-top: 100px;
    position: absolute;
    z-index: 0;
    transition: 0.5s ease-in-out;
    transform: scale(0.7);
  }
  .etapaAnterior .container {
    padding: 0 !important;
  }
  .etapaAnterior .col-12 {
    opacity: 0.95;
  }
  .proceso .col-12 {
    padding: 0;
  }
  .proceso img {
    height: 100% !important;
    width: 100% !important;
  }
  .proceso .contenidoProceso {
    padding: 10%;
    width: 100% !important;
    height: 100% !important;
    background-color: #cecece !important;
  }
  .proceso .contenidoProceso h3 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 32px !important;
  }
  .proceso .contenidoProceso p {
    font-family: "quickSandRegular";
    margin-top: 20px;
    font-size: 16px !important;
  }
  .proceso .contenidoProceso a {
    text-decoration: none;
    color: #000000 !important;
  }
  .proceso .contenidoProceso a span {
    opacity: 0;
    transition: 0.5s ease-in-out;
    display: inline-block;
    -moz-transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  .proceso .contenidoProceso a:hover {
    cursor: pointer;
  }
  .proceso .contenidoProceso a:hover span {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@media screen and (max-width: 1366px) {
  #topCMM {
    height: 650px;
    background-image: url("../img/core/cmm/top.jpg");
    background-attachment: fixed;
    background-size: 135%;
    background-position-y: -200px;
    filter: opacity(100%);
  }
  .contenidoTopPDC {
    padding-left: 15%;
    padding-right: 15%;
    margin-top: 100px;
  }
  .contenidoTopPDC h2 {
    font-size: 48px !important;
    padding-bottom: 20px;
    color: #ffffff !important;
    font-family: "playFairDisplayRegular";
  }
  .etapaActual {
    width: 60% !important;
    margin-right: 20%;
    margin-left: 20%;
    margin-top: 100px;
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out;
    -webkit-box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
    box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
  }
  .etapaActual .container {
    padding: 0 !important;
  }
  .etapaSig {
    padding: 0 !important;
    width: 60% !important;
    margin-right: 0%;
    margin-left: -200px;
    margin-top: 100px;
    position: absolute;
    z-index: 0;
    transition: 0.5s ease-in-out;
    transform: scale(0.7);
  }
  .etapaSig .container {
    padding: 0 !important;
  }
  .etapaSig .col-12 {
    opacity: 0.95;
  }
  .etapaAnterior {
    padding: 0 !important;
    width: 60% !important;
    margin-right: 0%;
    margin-left: 800px;
    margin-top: 100px;
    position: absolute;
    z-index: 0;
    transition: 0.5s ease-in-out;
    transform: scale(0.7);
  }
  .etapaAnterior .container {
    padding: 0 !important;
  }
  .etapaAnterior .col-12 {
    opacity: 0.95;
  }
  .proceso .col-12 {
    padding: 0;
  }
  .proceso img {
    height: 100% !important;
    width: 100% !important;
  }
  .proceso .contenidoProceso {
    padding: 10%;
    width: 100% !important;
    height: 100% !important;
    background-color: #cecece !important;
  }
  .proceso .contenidoProceso h3 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 32px !important;
  }
  .proceso .contenidoProceso p {
    font-family: "quickSandRegular";
    margin-top: 20px;
    font-size: 16px !important;
  }
  .proceso .contenidoProceso a {
    text-decoration: none;
    color: #000000 !important;
  }
  .proceso .contenidoProceso a span {
    opacity: 0;
    transition: 0.5s ease-in-out;
    display: inline-block;
    -moz-transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  .proceso .contenidoProceso a:hover {
    cursor: pointer;
  }
  .proceso .contenidoProceso a:hover span {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@media screen and (max-width: 1024px) {
  #topCMM {
    height: 650px;
    background-image: url("../img/core/cmm/top.jpg");
    background-attachment: fixed;
    background-size: 200%;
    background-position-y: -200px;
    background-position-x: center;
    filter: opacity(100%);
  }
  .contenidoTopPDC {
    padding-left: 15%;
    padding-right: 15%;
    margin-top: 100px;
  }
  .contenidoTopPDC h2 {
    font-size: 48px !important;
    padding-bottom: 20px;
    color: #ffffff !important;
    font-family: "playFairDisplayRegular";
  }
  .etapaActual {
    width: 90% !important;
    margin-right: 0%;
    margin-left: 5%;
    margin-top: 100px;
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out;
    -webkit-box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
    box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0.43);
  }
  .etapaActual .container {
    padding: 0 !important;
  }
  .etapaSig {
    padding: 0 !important;
    width: 90% !important;
    margin-right: 0%;
    margin-left: -200px;
    margin-top: 100px;
    position: absolute;
    z-index: 0;
    transition: 0.5s ease-in-out;
    transform: scale(0.7);
  }
  .etapaSig .container {
    padding: 0 !important;
  }
  .etapaSig .col-12 {
    opacity: 0.95;
  }
  .etapaAnterior {
    padding: 0 !important;
    width: 90% !important;
    margin-right: 0%;
    margin-left: 800px;
    margin-top: 100px;
    position: absolute;
    z-index: 0;
    transition: 0.5s ease-in-out;
    transform: scale(0.7);
  }
  .etapaAnterior .container {
    padding: 0 !important;
  }
  .etapaAnterior .col-12 {
    opacity: 0.95;
  }
  .proceso .col-12 {
    padding: 0;
  }
  .proceso img {
    height: 100% !important;
    width: 100% !important;
  }
  .proceso .contenidoProceso {
    padding: 10%;
    width: 100% !important;
    height: 100% !important;
    background-color: #cecece !important;
  }
  .proceso .contenidoProceso h3 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 32px !important;
  }
  .proceso .contenidoProceso p {
    font-family: "quickSandRegular";
    margin-top: 20px;
    font-size: 16px !important;
  }
  .proceso .contenidoProceso a {
    text-decoration: none;
    color: #000000 !important;
  }
  .proceso .contenidoProceso a span {
    opacity: 0;
    transition: 0.5s ease-in-out;
    display: inline-block;
    -moz-transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  .proceso .contenidoProceso a:hover {
    cursor: pointer;
  }
  .proceso .contenidoProceso a:hover span {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  .card {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0px;
  }
  .card .card-img-top {
    border-radius: 0px !important;
  }
  .card .card-body h5 {
    font-family: "playFairDisplayRegular";
    font-size: 16px !important;
    padding-bottom: 5px;
  }
  .card .card-body p {
    font-family: "quickSandRegular";
    font-size: 16px !important;
    min-height: 120px;
  }
  .card .card-body a {
    text-decoration: none;
    color: #000000 !important;
  }
  .card .card-body a span {
    opacity: 0;
    transition: 0.5s ease-in-out;
    display: inline-block;
    -moz-transform: translateX(20px) rotate(45deg);
    -webkit-transform: translateX(20px) rotate(45deg);
    transform: translateX(20px) rotate(45deg);
  }
  .card .card-body a:hover {
    cursor: pointer;
  }
  .card .card-body a:hover span {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@media screen and (max-width: 500px) {
  #topCMM {
    height: 320px;
    background-image: url("../img/core/cmm/top.jpg");
    background-attachment: fixed;
    background-size: 380%;
    background-position-y: center;
    background-position-x: 0px;
  }
  .contenidoTopCMM {
    margin-top: 100px;
    color: #ffffff !important;
  }
  .contenidoTopCMM h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 20px !important;
    border-bottom-style: solid;
    text-align: center;
    letter-spacing: 2px;
  }
  .contenidoTopCMM p {
    font-family: "quickSandRegular";
    text-align: center;
    font-size: 14px !important;
  }
  .contenedorEstandares {
    height: 400px;
    padding-top: 20px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .contenedorEstandares img {
    margin-top: 20px;
    width: 80%;
    -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  }
  .contenidoEstandares {
    width: 90%;
    margin-top: 0px;
  }
  .contenidoEstandares h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoEstandares p {
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenedorCompromiso {
    height: 450px;
    padding-top: 20px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .contenedorCompromiso img {
    margin-top: 20px;
    width: 90%;
    -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  }
  .contenidoCompromiso {
    width: 90%;
    margin-top: 20px;
  }
  .contenidoCompromiso h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoCompromiso p {
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenedorDivider {
    height: 100px !important;
    min-height: 100px;
  }
  .contenedorFuentesDO {
    margin-bottom: 50px;
    height: 1300px;
  }
  .contenidoFOTP {
    margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoFOTP h2 {
    font-family: "playFairDisplayBold";
    font-size: 28px !important;
    text-align: center;
  }
  .contenidoFOTP img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoFOTP h3 {
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    margin-top: 15px;
    text-align: center;
  }
  .contenidoFOTP p {
    width: 90%;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoFOTA {
    margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoFOTA img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoFOTA h3 {
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    margin-top: 15px;
    text-align: center;
  }
  .contenidoFOTA p {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
  }
  .contenedorPDC {
    height: 2500px;
    background-image: url("../img/core/cmm/procesoDCP.png");
    background-position-x: -700px;
  }
  .contenidoTopPDC {
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 20px;
  }
  .contenidoTopPDC h2 {
    text-align: center;
    padding-bottom: 25px;
    font-size: 24px !important;
    color: #ffffff !important;
    font-family: "playFairDisplayRegular";
  }
  .etapaActual {
    width: 70% !important;
    height: 75%;
    margin-right: 0%;
    margin-left: 15%;
    margin-top: 100px;
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out;
    -webkit-box-shadow: -27px -53px 19px -9px rgba(0, 0, 0, 0);
    -moz-box-shadow: -27px -53px 19px -9px rgba(0, 0, 0, 0);
    box-shadow: -27px -53px 19px -9px rgba(0, 0, 0, 0);
  }
  .etapaActual .container {
    padding: 0 !important;
  }
  .etapaSig {
    padding: 0 !important;
    width: 60% !important;
    height: 75%;
    margin-right: 0%;
    margin-left: -100px;
    margin-top: 100px;
    position: absolute;
    z-index: 0;
    transition: 0.5s ease-in-out;
    transform: scale(0.7);
  }
  .etapaSig .container {
    padding: 0 !important;
  }
  .etapaSig .col-12 {
    opacity: 0.95;
  }
  .etapaAnterior {
    padding: 0 !important;
    width: 60% !important;
    height: 75%;
    margin-right: 0%;
    margin-left: 250px;
    margin-top: 100px;
    position: absolute;
    z-index: 0;
    transition: 0.5s ease-in-out;
    transform: scale(0.7);
  }
  .etapaAnterior .container {
    padding: 0 !important;
  }
  .etapaAnterior .col-12 {
    opacity: 0.95;
  }
  .proceso .col-12 {
    padding: 0;
  }
  .proceso img {
    height: 100% !important;
    width: 100% !important;
  }
  .proceso .contenidoProceso {
    padding: 10%;
    width: 100% !important;
    min-height: 320px !important;
    height: 320px !important;
    max-height: 320px !important;
    overflow-y: scroll;
    background-color: #cecece !important;
  }
  .proceso .contenidoProceso h3 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
  }
  .proceso .contenidoProceso p {
    font-family: "quickSandRegular";
    margin-top: 20px;
    font-size: 14px !important;
  }
  .proceso .contenidoProceso a {
    text-decoration: none;
    color: #000000 !important;
  }
  .proceso .contenidoProceso a span {
    opacity: 0;
    transition: 0.5s ease-in-out;
    display: inline-block;
    -moz-transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  .proceso .contenidoProceso a:hover {
    cursor: pointer;
  }
  .proceso .contenidoProceso a:hover span {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  .navPDC {
    margin-top: 20px;
  }
  .navPDC i {
    color: #cecece !important;
    transition: 0.5s ease-in-out;
  }
  .navPDC i:hover {
    cursor: pointer;
    color: #ffffff !important;
  }
  .navPDC h3 {
    color: #ffffff !important;
    font-family: "playFairDisplayRegular";
    font-size: 14px !important;
    text-align: center;
  }
  #notasDeInteres {
    margin-top: 750px !important;
  }
  #notasDeInteres h2 {
    font-family: "playFairDisplayRegular";
    font-size: 28px !important;
    text-align: center;
    margin-bottom: 50px;
    color: #000000 !important;
  }
  .card {
    margin-bottom: 25px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0px;
  }
  .card .card-img-top {
    border-radius: 0px !important;
  }
  .card .card-body h5 {
    font-family: "playFairDisplayRegular";
    text-align: center;
    border-bottom: solid;
    padding-bottom: 5px;
    font-size: 20px !important;
  }
  .card .card-body p {
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 12px !important;
    min-height: 90px;
  }
  .card .card-body a {
    text-decoration: none;
    color: #000000 !important;
  }
  .card .card-body a span {
    opacity: 0;
    transition: 0.5s ease-in-out;
    display: inline-block;
    -moz-transform: translateX(20px) rotate(45deg);
    -webkit-transform: translateX(20px) rotate(45deg);
    transform: translateX(20px) rotate(45deg);
  }
  .card .card-body a:hover {
    cursor: pointer;
  }
  .card .card-body a:hover span {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@media screen and (max-width: 375px) {
  #topCMM {
    height: 320px;
    background-image: url("../img/core/cmm/top.jpg");
    background-attachment: fixed;
    background-size: 500%;
    filter: opacity(100%);
  }
  .contenidoTopCMM {
    margin-top: 100px;
    color: #ffffff !important;
  }
  .contenidoTopCMM h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 16px !important;
    border-bottom-style: solid;
    text-align: center;
    letter-spacing: 2px;
  }
  .contenidoTopCMM p {
    font-family: "quickSandRegular";
    text-align: center;
    font-size: 14px !important;
  }
  .contenedorEstandares {
    height: 400px;
    padding-top: 20px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .contenedorEstandares img {
    margin-top: 20px;
    width: 80%;
    -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  }
  .contenidoEstandares {
    width: 90%;
    margin-top: 0px;
  }
  .contenidoEstandares h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoEstandares p {
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenedorCompromiso {
    height: 450px;
    padding-top: 20px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .contenedorCompromiso img {
    margin-top: 20px;
    width: 90%;
    -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  }
  .contenidoCompromiso {
    width: 90%;
    margin-top: 20px;
  }
  .contenidoCompromiso h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoCompromiso p {
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenedorFuentesDO {
    margin-bottom: 50px;
    height: 1250px;
  }
  .contenidoFOTP {
    margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoFOTP h2 {
    font-family: "playFairDisplayBold";
    font-size: 28px !important;
    text-align: center;
  }
  .contenidoFOTP img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoFOTP h3 {
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    margin-top: 15px;
    text-align: center;
  }
  .contenidoFOTP p {
    width: 90%;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoFOTA {
    margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoFOTA img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoFOTA h3 {
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    margin-top: 15px;
    text-align: center;
  }
  .contenidoFOTA p {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
  }
  .contenedorPDC {
    height: 2300px;
    background-image: url("../img/core/cmm/procesoDCP.png");
    background-position-x: -700px;
  }
  .contenidoTopPDC {
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 20px;
  }
  .contenidoTopPDC h2 {
    text-align: center;
    padding-bottom: 25px;
    font-size: 24px !important;
    color: #ffffff !important;
    font-family: "playFairDisplayRegular";
  }
  .etapaActual {
    width: 70% !important;
    height: 73%;
    margin-right: 15%;
    margin-left: 15%;
    margin-top: 100px;
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out;
    -webkit-box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0);
    -moz-box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0);
    box-shadow: -9px 10px 19px -9px rgba(0, 0, 0, 0);
  }
  .etapaActual .container {
    padding: 0 !important;
  }
  .etapaSig {
    padding: 0 !important;
    width: 60% !important;
    height: 73%;
    margin-right: 0%;
    margin-left: -100px;
    margin-top: 100px;
    position: absolute;
    z-index: 0;
    transition: 0.5s ease-in-out;
    transform: scale(0.7);
  }
  .etapaSig .container {
    padding: 0 !important;
  }
  .etapaSig .col-12 {
    opacity: 0.95;
  }
  .etapaAnterior {
    padding: 0 !important;
    width: 60% !important;
    height: 73%;
    margin-right: 0%;
    margin-left: 250px;
    margin-top: 100px;
    position: absolute;
    z-index: 0;
    transition: 0.5s ease-in-out;
    transform: scale(0.7);
  }
  .etapaAnterior .container {
    padding: 0 !important;
  }
  .etapaAnterior .col-12 {
    opacity: 0.95;
  }
  .proceso .col-12 {
    padding: 0;
  }
  .proceso img {
    height: 100% !important;
    width: 100% !important;
  }
  .proceso .contenidoProceso {
    padding: 10%;
    background-color: #cecece !important;
  }
  .proceso .contenidoProceso h3 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
  }
  .proceso .contenidoProceso p {
    font-family: "quickSandRegular";
    margin-top: 20px;
    font-size: 14px !important;
  }
  .proceso .contenidoProceso a {
    text-decoration: none;
    color: #000000 !important;
  }
  .proceso .contenidoProceso a span {
    opacity: 0;
    transition: 0.5s ease-in-out;
    display: inline-block;
    -moz-transform: translateX(20px);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  .proceso .contenidoProceso a:hover {
    cursor: pointer;
  }
  .proceso .contenidoProceso a:hover span {
    opacity: 1;
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  .navPDC {
    margin-top: 20px;
  }
  .navPDC i {
    color: #cecece !important;
    transition: 0.5s ease-in-out;
  }
  .navPDC i:hover {
    cursor: pointer;
    color: #ffffff !important;
  }
  .navPDC h3 {
    color: #ffffff !important;
    font-family: "playFairDisplayRegular";
    font-size: 14px !important;
    text-align: center;
  }
  #notasDeInteres {
    margin-top: 700px !important;
  }
  #notasDeInteres h2 {
    font-family: "playFairDisplayRegular";
    font-size: 28px !important;
    text-align: center;
    margin-bottom: 50px;
    color: #000000 !important;
  }
  .card {
    margin-bottom: 25px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0px;
  }
  .card .card-img-top {
    border-radius: 0px !important;
  }
  .card .card-body h5 {
    font-family: "playFairDisplayRegular";
    text-align: center;
    border-bottom: solid;
    padding-bottom: 5px;
    font-size: 14px !important;
  }
  .card .card-body p {
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
    min-height: 90px;
  }
  .card .card-body a {
    text-decoration: none;
    color: #000000 !important;
  }
  .card .card-body a span {
    opacity: 0;
    transition: 0.5s ease-in-out;
    display: inline-block;
    -moz-transform: translateX(20px) rotate(45deg);
    -webkit-transform: translateX(20px) rotate(45deg);
    transform: translateX(20px) rotate(45deg);
  }
  .card .card-body a:hover {
    cursor: pointer;
  }
  .card .card-body a:hover span {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
#topServicios {
  height: 650px;
  background-image: url("../img/core/servicios/top.jpg");
  background-attachment: fixed;
  background-size: 100%;
  background-position-y: 0px;
  filter: opacity(100%);
  overflow: hidden;
}

.contenedorTopServicios {
  height: 100%;
}

.contenidoTopServicios {
  margin-top: 250px;
  color: #000000 !important;
}
.contenidoTopServicios h1 {
  transition: 0.75s ease-in-out;
  font-family: "playFairDisplayRegular";
  font-size: 26px !important;
  border-bottom-style: solid;
  padding-bottom: 25px;
  text-align: center;
  letter-spacing: 2px;
}
.contenidoTopServicios p {
  margin-top: 25px !important;
  font-family: "quickSandRegular";
  text-align: center;
  font-size: 20px !important;
}

.txtNuestrosServicios {
  margin-bottom: 50px;
}
.txtNuestrosServicios h2 {
  font-family: "playFairDisplayRegular";
  font-size: 48px !important;
}

.contenedorTA {
  height: 500px;
  padding-top: 50px;
  padding-left: 15%;
  padding-right: 15%;
}
.contenedorTA img {
  width: 80%;
  -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
}

.contenidoTA {
  width: 70%;
  margin-top: 0px;
}
.contenidoTA h2 {
  font-family: "playFairDisplayBold";
  font-size: 32px !important;
  text-align: left;
}
.contenidoTA p {
  padding: 0px;
  text-align: left;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}

.contenedorTP {
  height: 500px;
  padding-top: 50px;
  padding-left: 15%;
  padding-right: 15%;
  margin-top: 50px;
}
.contenedorTP img {
  width: 80%;
  -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
}

.contenidoTP {
  width: 70%;
  margin-top: 80px;
}
.contenidoTP h2 {
  font-family: "playFairDisplayBold";
  font-size: 32px !important;
  text-align: right;
  width: 100%;
}
.contenidoTP p {
  padding: 0px;
  text-align: right;
  font-family: "quickSandRegular";
  font-size: 16px !important;
}

.bgFixed {
  background-attachment: fixed !important;
}

.cabeceraServicioDCTP {
  background-image: url("../img/core/servicios/bannerPlacentario.jpg");
  min-height: 200px;
  background-attachment: local;
  padding: 20px;
  transition: 0.35s ease-in-out;
}

.contenidoCabeceraServicioDCTP h2 {
  font-family: "playFairDisplayRegular";
  font-size: 32px !important;
  color: #ffffff !important;
  text-align: center;
  margin-top: 50px;
}

.sDCTP {
  padding: 70px;
  height: 600px;
  margin-bottom: 150px;
}
.sDCTP img {
  width: 500px;
  position: absolute;
  z-index: 2;
  margin-left: 50px;
  margin-top: -20px;
}
.sDCTP .solidoImg {
  z-index: 1;
  position: absolute;
  height: 600px;
  width: 400px;
  background-color: #292929 !important;
}

.contenidoSDCTP {
  padding: 50px;
}
.contenidoSDCTP h2 {
  font-family: "playFairdDisplayRegular";
  font-size: 32px !important;
}
.contenidoSDCTP p {
  font-family: "quickSandRegular";
  font-size: 16px !important;
  line-height: 36px;
}
.contenidoSDCTP ul {
  list-style: disc;
}

.imgsSDCTP {
  margin-bottom: 50px;
  margin-top: 50px;
}

.img-sdctp p {
  text-align: center;
  width: 100%;
}

.cabeceraServicioDCTA {
  background-image: url("../img/core/servicios/bannerAdiposo.jpg");
  min-height: 200px;
  background-attachment: local;
  padding: 20px;
  transition: 0.35s ease-in-out;
}

.contenidoCabeceraServicioDCTA h2 {
  font-family: "playFairDisplayRegular";
  font-size: 32px !important;
  color: #ffffff !important;
  text-align: center;
  margin-top: 50px;
}

.sDCTA {
  padding: 70px;
  height: 600px;
  margin-bottom: 150px;
}
.sDCTA img {
  width: 500px;
  position: absolute;
  z-index: 2;
  margin-left: 50px;
  margin-top: -20px;
}
.sDCTA .solidoImg {
  z-index: 1;
  position: absolute;
  height: 600px;
  width: 400px;
  background-color: #292929 !important;
}

.contenidoSDCTA {
  padding: 50px;
}
.contenidoSDCTA h2 {
  font-family: "playFairdDisplayRegular";
  font-size: 32px !important;
}
.contenidoSDCTA p {
  font-family: "quickSandRegular";
  font-size: 16px !important;
  line-height: 36px;
}
.contenidoSDCTA ul {
  list-style: disc;
}

.imgsSDCTA {
  margin-bottom: 50px;
  margin-top: 50px;
}

.img-sdcta p {
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 1366px) {
  #topServicios {
    height: 650px;
    background-image: url("../img/core/servicios/top.jpg");
    background-attachment: fixed;
    background-size: 100%;
    background-position-y: 0px;
    filter: opacity(100%);
    overflow: hidden;
  }
  .contenedorTopServicios {
    height: 100%;
  }
  .contenidoTopServicios {
    margin-top: 250px;
    color: #000000 !important;
  }
  .contenidoTopServicios h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    border-bottom-style: solid;
    padding-bottom: 25px;
    text-align: center;
    letter-spacing: 2px;
  }
  .contenidoTopServicios p {
    margin-top: 25px !important;
    font-family: "quickSandRegular";
    text-align: center;
    font-size: 20px !important;
  }
  .txtNuestrosServicios {
    margin-bottom: 50px;
  }
  .txtNuestrosServicios h2 {
    font-family: "playFairDisplayRegular";
    font-size: 48px !important;
  }
  .contenedorTA {
    height: 500px;
    padding-top: 50px;
    padding-left: 15%;
    padding-right: 15%;
  }
  .contenedorTA img {
    width: 80%;
    -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  }
  .contenidoTA {
    width: 100%;
    margin-top: 0px;
  }
  .contenidoTA h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: left;
  }
  .contenidoTA p {
    padding: 0px;
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenedorTP {
    height: 500px;
    padding-top: 50px;
    padding-left: 15%;
    padding-right: 15%;
    margin-top: 50px;
  }
  .contenedorTP img {
    width: 80%;
    -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  }
  .contenidoTP {
    width: 100%;
    margin-top: 40px;
  }
  .contenidoTP h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: right;
    width: 100%;
  }
  .contenidoTP p {
    padding: 0px;
    text-align: right;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .bgFixed {
    background-attachment: fixed !important;
  }
  .cabeceraServicioDCTP {
    background-image: url("../img/core/servicios/bannerPlacentario.jpg");
    min-height: 200px;
    background-attachment: local;
    padding: 20px;
    transition: 0.35s ease-in-out;
  }
  .contenidoCabeceraServicioDCTP h2 {
    font-family: "playFairDisplayRegular";
    font-size: 32px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 50px;
  }
  .sDCTP {
    padding: 70px;
    height: 600px;
    margin-bottom: 300px;
  }
  .sDCTP img {
    width: 500px;
    position: absolute;
    z-index: 2;
    margin-left: 50px;
    margin-top: -20px;
  }
  .sDCTP .solidoImg {
    z-index: 1;
    position: absolute;
    height: 600px;
    width: 400px;
    background-color: #292929 !important;
  }
  .contenidoSDCTP {
    padding: 50px;
  }
  .contenidoSDCTP h2 {
    font-family: "playFairdDisplayRegular";
    font-size: 32px !important;
  }
  .contenidoSDCTP p {
    font-family: "quickSandRegular";
    font-size: 16px !important;
    line-height: 36px;
  }
  .contenidoSDCTP ul {
    list-style: disc;
  }
  .imgsSDCTP {
    margin-bottom: 50px;
  }
  .img-sdctp p {
    text-align: center;
    width: 100%;
  }
  .cabeceraServicioDCTA {
    background-image: url("../img/core/servicios/bannerAdiposo.jpg");
    min-height: 200px;
    background-attachment: local;
    padding: 20px;
    transition: 0.35s ease-in-out;
  }
  .contenidoCabeceraServicioDCTA h2 {
    font-family: "playFairDisplayRegular";
    font-size: 32px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 50px;
  }
  .sDCTA {
    padding: 70px;
    height: 600px;
    margin-bottom: 300px;
  }
  .sDCTA img {
    width: 500px;
    position: absolute;
    z-index: 2;
    margin-left: 50px;
    margin-top: -20px;
  }
  .sDCTA .solidoImg {
    z-index: 1;
    position: absolute;
    height: 600px;
    width: 400px;
    background-color: #292929 !important;
  }
  .contenidoSDCTA {
    padding: 50px;
  }
  .contenidoSDCTA h2 {
    font-family: "playFairdDisplayRegular";
    font-size: 32px !important;
  }
  .contenidoSDCTA p {
    font-family: "quickSandRegular";
    font-size: 16px !important;
    line-height: 36px;
  }
  .contenidoSDCTA ul {
    list-style: disc;
  }
  .imgsSDCTA {
    margin-bottom: 50px;
  }
  .img-sdcta p {
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  #topServicios {
    height: 650px;
    background-image: url("../img/core/servicios/top.jpg");
    background-attachment: fixed;
    background-size: 140%;
    background-position-y: 0px;
    background-position-x: center;
    filter: opacity(100%);
    overflow: hidden;
  }
  .contenedorTopServicios {
    height: 100%;
  }
  .contenidoTopServicios {
    margin-top: 250px;
    color: #000000 !important;
  }
  .contenidoTopServicios h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    border-bottom-style: solid;
    padding-bottom: 25px;
    text-align: center;
    letter-spacing: 2px;
  }
  .contenidoTopServicios p {
    margin-top: 25px !important;
    font-family: "quickSandRegular";
    text-align: center;
    font-size: 20px !important;
  }
  .txtNuestrosServicios {
    margin-bottom: 50px;
  }
  .txtNuestrosServicios h2 {
    font-family: "playFairDisplayRegular";
    font-size: 48px !important;
  }
  .contenedorTA {
    height: 500px;
    padding-top: 50px;
    padding-left: 5%;
    padding-right: 5%;
  }
  .contenedorTA img {
    width: 80%;
    -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  }
  .contenidoTA {
    width: 100%;
    margin-top: 0px;
  }
  .contenidoTA h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: left;
  }
  .contenidoTA p {
    padding: 0px;
    text-align: left;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .contenedorTP {
    height: 500px;
    padding-top: 50px;
    padding-left: 15%;
    padding-right: 15%;
    margin-top: 50px;
  }
  .contenedorTP img {
    width: 80%;
    -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  }
  .contenidoTP {
    width: 100%;
    margin-top: 40px;
  }
  .contenidoTP h2 {
    font-family: "playFairDisplayBold";
    font-size: 32px !important;
    text-align: right;
    width: 100%;
  }
  .contenidoTP p {
    padding: 0px;
    text-align: right;
    font-family: "quickSandRegular";
    font-size: 16px !important;
  }
  .bgFixed {
    background-attachment: fixed !important;
  }
  .cabeceraServicioDCTP {
    background-image: url("../img/core/servicios/bannerPlacentario.jpg");
    min-height: 200px;
    background-attachment: local;
    padding: 20px;
    transition: 0.35s ease-in-out;
  }
  .contenidoCabeceraServicioDCTP h2 {
    font-family: "playFairDisplayRegular";
    font-size: 32px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 50px;
  }
  .sDCTP {
    padding: 70px;
    height: 600px;
    margin-bottom: 300px;
  }
  .sDCTP img {
    width: 350px;
    position: absolute;
    z-index: 2;
    margin-left: 50px;
    margin-top: -20px;
  }
  .sDCTP .solidoImg {
    z-index: 1;
    position: absolute;
    height: 600px;
    width: 300px;
    background-color: #292929 !important;
  }
  .contenidoSDCTP {
    padding: 10px;
  }
  .contenidoSDCTP h2 {
    font-family: "playFairdDisplayRegular";
    font-size: 32px !important;
  }
  .contenidoSDCTP p {
    font-family: "quickSandRegular";
    font-size: 16px !important;
    line-height: 36px;
  }
  .contenidoSDCTP ul {
    list-style: disc;
  }
  .imgsSDCTP {
    margin-bottom: 50px;
    margin-top: 350px;
  }
  .img-sdctp p {
    text-align: center;
    width: 100%;
  }
  .cabeceraServicioDCTA {
    background-image: url("../img/core/servicios/bannerAdiposo.jpg");
    min-height: 200px;
    background-attachment: local;
    padding: 20px;
    transition: 0.35s ease-in-out;
  }
  .contenidoCabeceraServicioDCTA h2 {
    font-family: "playFairDisplayRegular";
    font-size: 32px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 50px;
  }
  .sDCTA {
    padding: 70px;
    height: 600px;
    margin-bottom: 300px;
  }
  .sDCTA img {
    width: 350px;
    position: absolute;
    z-index: 2;
    margin-left: 50px;
    margin-top: -20px;
  }
  .sDCTA .solidoImg {
    z-index: 1;
    position: absolute;
    height: 600px;
    width: 300px;
    background-color: #292929 !important;
  }
  .contenidoSDCTA {
    padding: 50px;
  }
  .contenidoSDCTA h2 {
    font-family: "playFairdDisplayRegular";
    font-size: 32px !important;
  }
  .contenidoSDCTA p {
    font-family: "quickSandRegular";
    font-size: 16px !important;
    line-height: 36px;
  }
  .contenidoSDCTA ul {
    list-style: disc;
  }
  .imgsSDCTA {
    margin-bottom: 50px;
    margin-top: 500px;
  }
  .img-sdcta p {
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  #topServicios {
    height: 250px;
    background-image: url("../img/core/servicios/top.jpg");
    background-attachment: fixed;
    background-size: 100%;
    background-position-y: 60px;
    filter: opacity(100%);
    overflow: hidden;
  }
  .contenedorTopServicios {
    height: 100%;
  }
  .contenidoTopServicios {
    width: 60%;
    margin-left: -130px;
    margin-top: 90px;
    color: #000000 !important;
  }
  .contenidoTopServicios h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 14px !important;
    border-bottom-style: solid;
    padding-bottom: 10px;
    text-align: center;
    letter-spacing: 2px;
  }
  .contenidoTopServicios p {
    font-family: "quickSandRegular";
    text-align: center;
    margin-top: 10px !important;
    font-size: 12px !important;
  }
  .txtNuestrosServicios {
    margin-bottom: 20px;
  }
  .txtNuestrosServicios h2 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 28px !important;
    padding-bottom: 20px;
  }
  .contenedorTA {
    height: 450px;
    padding-top: 20px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .contenedorTA img {
    width: 90%;
    -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  }
  .contenidoTA {
    width: 90%;
    margin-top: 20px;
  }
  .contenidoTA h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoTA p {
    padding: 0px;
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenedorTP {
    height: 450px;
    padding-top: 50px;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 110px;
  }
  .contenedorTP img {
    width: 90%;
    -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  }
  .contenidoTP {
    width: 90%;
    margin-top: 20px;
  }
  .contenidoTP h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
    width: 90%;
  }
  .contenidoTP p {
    padding: 0px;
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .cabeceraServicioDCTP {
    background-position-x: -350px;
    background-image: url("../img/core/servicios/bannerPlacentario.jpg");
    min-height: 150px;
    padding: 20px;
  }
  .contenidoCabeceraServicioDCTP h2 {
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 20px;
  }
  .sDCTP {
    padding: 20px;
    height: 600px;
    margin-bottom: 150px;
  }
  .sDCTP img {
    width: 90%;
    position: absolute;
    z-index: 2;
    margin-left: -5px;
    margin-top: 0px;
  }
  .sDCTP .solidoImg {
    z-index: 1;
    position: absolute;
    height: 600px;
    width: 60%;
    height: 60%;
    background-color: #292929 !important;
  }
  .contenidoSDCTP {
    margin-top: 600px;
    padding: 0px;
  }
  .contenidoSDCTP h2 {
    font-family: "playFairdDisplayRegular";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoSDCTP p {
    font-family: "quickSandRegular";
    font-size: 14px !important;
    text-align: center;
  }
  .contenidoSDCTP ul {
    list-style: disc;
  }
  .imgsSDCTP {
    margin-bottom: 50px;
    margin-top: 900px;
  }
  .img-sdctp img {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .img-sdctp p {
    text-align: center;
    width: 100%;
  }
  .cabeceraServicioDCTA {
    background-image: url("../img/core/servicios/bannerAdiposo.jpg");
    background-position-x: -350px;
    min-height: 150px;
    padding: 20px;
  }
  .contenidoCabeceraServicioDCTA h2 {
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 20px;
  }
  .sDCTA {
    padding: 20px;
    height: 500px;
    margin-bottom: 0px;
  }
  .sDCTA img {
    width: 90%;
    position: absolute;
    z-index: 2;
    margin-left: -5px;
    margin-top: 0px;
  }
  .sDCTA .solidoImg {
    z-index: 1;
    position: absolute;
    width: 60%;
    height: 60%;
    background-color: #292929 !important;
  }
  .contenidoSDCTA {
    padding: 0px;
  }
  .contenidoSDCTA h2 {
    font-family: "playFairdDisplayRegular";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoSDCTA p {
    font-family: "quickSandRegular";
    font-size: 14px !important;
    text-align: center;
  }
  .contenidoSDCTA ul {
    list-style: disc;
  }
  .imgsSDCTA {
    margin-bottom: 50px;
    margin-top: 850px;
  }
  .img-sdcta img {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .img-sdcta p {
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 375px) {
  #topServicios {
    height: 250px;
    background-image: url("../img/core/servicios/top.jpg");
    background-attachment: fixed;
    background-size: 110%;
    background-position-y: 60px;
    filter: opacity(100%);
    overflow: hidden;
  }
  .contenedorTopServicios {
    height: 100%;
  }
  .contenidoTopServicios {
    width: 60%;
    margin-left: -130px;
    margin-top: 80px;
    color: #000000 !important;
  }
  .contenidoTopServicios h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 14px !important;
    border-bottom-style: solid;
    padding-bottom: 10px;
    text-align: center;
    letter-spacing: 2px;
  }
  .contenidoTopServicios p {
    font-family: "quickSandRegular";
    text-align: center;
    margin-top: 10px !important;
    font-size: 12px !important;
  }
  .txtNuestrosServicios {
    margin-bottom: 20px;
  }
  .txtNuestrosServicios h2 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 28px !important;
    padding-bottom: 20px;
  }
  .contenedorTA {
    height: 450px;
    padding-top: 20px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .contenedorTA img {
    width: 90%;
    -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  }
  .contenidoTA {
    width: 90%;
    margin-top: 20px;
  }
  .contenidoTA h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoTA p {
    padding: 0px;
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenedorTP {
    height: 450px;
    padding-top: 50px;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 110px;
  }
  .contenedorTP img {
    width: 90%;
    -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  }
  .contenidoTP {
    width: 90%;
    margin-top: 20px;
  }
  .contenidoTP h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
    width: 90%;
  }
  .contenidoTP p {
    padding: 0px;
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .cabeceraServicioDCTP {
    background-position-x: -350px;
    background-image: url("../img/core/servicios/bannerPlacentario.jpg");
    min-height: 150px;
    padding: 20px;
  }
  .contenidoCabeceraServicioDCTP h2 {
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 20px;
  }
  .sDCTP {
    padding: 20px;
    height: 600px;
    margin-bottom: 150px;
  }
  .sDCTP img {
    width: 90%;
    position: absolute;
    z-index: 2;
    margin-left: -5px;
    margin-top: 0px;
  }
  .sDCTP .solidoImg {
    z-index: 1;
    position: absolute;
    height: 600px;
    width: 60%;
    height: 60%;
    background-color: #292929 !important;
  }
  .contenidoSDCTP {
    margin-top: 600px;
    padding: 0px;
  }
  .contenidoSDCTP h2 {
    font-family: "playFairdDisplayRegular";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoSDCTP p {
    font-family: "quickSandRegular";
    font-size: 14px !important;
    text-align: center;
  }
  .contenidoSDCTP ul {
    list-style: disc;
  }
  .imgsSDCTP {
    margin-bottom: 50px;
    margin-top: 950px;
  }
  .img-sdctp img {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .img-sdctp p {
    text-align: center;
    width: 100%;
  }
  .cabeceraServicioDCTA {
    background-image: url("../img/core/servicios/bannerAdiposo.jpg");
    background-position-x: -350px;
    min-height: 150px;
    padding: 20px;
  }
  .contenidoCabeceraServicioDCTA h2 {
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 20px;
  }
  .sDCTA {
    padding: 20px;
    height: 500px;
    margin-bottom: 0px;
  }
  .sDCTA img {
    width: 90%;
    position: absolute;
    z-index: 2;
    margin-left: -5px;
    margin-top: 0px;
  }
  .sDCTA .solidoImg {
    z-index: 1;
    position: absolute;
    width: 60%;
    height: 60%;
    background-color: #292929 !important;
  }
  .contenidoSDCTA {
    padding: 0px;
  }
  .contenidoSDCTA h2 {
    font-family: "playFairdDisplayRegular";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoSDCTA p {
    font-family: "quickSandRegular";
    font-size: 14px !important;
    text-align: center;
  }
  .contenidoSDCTA ul {
    list-style: disc;
  }
  .imgsSDCTA {
    margin-bottom: 50px;
    margin-top: 900px;
  }
  .img-sdcta img {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .img-sdcta p {
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  #topServicios {
    height: 250px;
    background-image: url("../img/core/servicios/top.jpg");
    background-attachment: fixed;
    background-size: 130%;
    background-position-y: 60px;
    background-position-x: -50px;
    filter: opacity(100%);
    overflow: hidden;
  }
  .contenedorTopServicios {
    height: 100%;
  }
  .contenidoTopServicios {
    width: 70%;
    margin-left: -70px;
    margin-top: 80px;
    color: #000000 !important;
  }
  .contenidoTopServicios h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 14px !important;
    border-bottom-style: solid;
    padding-bottom: 10px;
    text-align: center;
    letter-spacing: 2px;
  }
  .contenidoTopServicios p {
    font-family: "quickSandRegular";
    text-align: center;
    margin-top: 10px !important;
    font-size: 12px !important;
  }
  .txtNuestrosServicios {
    margin-bottom: 20px;
  }
  .txtNuestrosServicios h2 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 28px !important;
    padding-bottom: 20px;
  }
  .contenedorTA {
    height: 450px;
    padding-top: 20px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .contenedorTA img {
    width: 90%;
    -webkit-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    -moz-box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
    box-shadow: 11px -11px 0px -1px rgb(84, 84, 84);
  }
  .contenidoTA {
    width: 90%;
    margin-top: 20px;
  }
  .contenidoTA h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoTA p {
    padding: 0px;
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .contenedorTP {
    height: 500px;
    padding-top: 50px;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 140px;
  }
  .contenedorTP img {
    width: 90%;
    -webkit-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -9px 10px 0px 0px rgba(0, 0, 0, 0.75);
  }
  .contenidoTP {
    width: 90%;
    margin-top: 20px;
  }
  .contenidoTP h2 {
    font-family: "playFairDisplayBold";
    font-size: 26px !important;
    text-align: center;
    width: 90%;
  }
  .contenidoTP p {
    padding: 0px;
    text-align: center;
    font-family: "quickSandRegular";
    font-size: 14px !important;
  }
  .cabeceraServicioDCTP {
    background-position-x: -350px;
    background-image: url("../img/core/servicios/bannerPlacentario.jpg");
    min-height: 150px;
    padding: 20px;
  }
  .contenidoCabeceraServicioDCTP h2 {
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 20px;
  }
  .sDCTP {
    padding: 20px;
    height: 600px;
    margin-bottom: 150px;
  }
  .sDCTP img {
    width: 90%;
    position: absolute;
    z-index: 2;
    margin-left: -5px;
    margin-top: 0px;
  }
  .sDCTP .solidoImg {
    z-index: 1;
    position: absolute;
    height: 600px;
    width: 60%;
    height: 60%;
    background-color: #292929 !important;
  }
  .contenidoSDCTP {
    margin-top: 600px;
    padding: 0px;
  }
  .contenidoSDCTP h2 {
    font-family: "playFairdDisplayRegular";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoSDCTP p {
    font-family: "quickSandRegular";
    font-size: 14px !important;
    text-align: center;
  }
  .contenidoSDCTP ul {
    list-style: disc;
  }
  .imgsSDCTP {
    margin-bottom: 50px;
    margin-top: 1131px;
  }
  .img-sdctp img {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .img-sdctp p {
    text-align: center;
    width: 100%;
  }
  .cabeceraServicioDCTA {
    background-image: url("../img/core/servicios/bannerAdiposo.jpg");
    background-position-x: -350px;
    min-height: 150px;
    padding: 20px;
  }
  .contenidoCabeceraServicioDCTA h2 {
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    color: #ffffff !important;
    text-align: center;
    margin-top: 20px;
  }
  .sDCTA {
    padding: 20px;
    height: 500px;
    margin-bottom: 0px;
  }
  .sDCTA img {
    width: 90%;
    position: absolute;
    z-index: 2;
    margin-left: -5px;
    margin-top: 0px;
  }
  .sDCTA .solidoImg {
    z-index: 1;
    position: absolute;
    width: 60%;
    height: 60%;
    background-color: #292929 !important;
  }
  .contenidoSDCTA {
    padding: 0px;
  }
  .contenidoSDCTA h2 {
    font-family: "playFairdDisplayRegular";
    font-size: 26px !important;
    text-align: center;
  }
  .contenidoSDCTA p {
    font-family: "quickSandRegular";
    font-size: 14px !important;
    text-align: center;
  }
  .contenidoSDCTA ul {
    list-style: disc;
  }
  .imgsSDCTA {
    margin-bottom: 50px;
    margin-top: 1050px;
  }
  .img-sdcta img {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .img-sdcta p {
    text-align: center;
    width: 100%;
  }
}
#topInvestigacion {
  height: 650px;
  background-image: url("../img/core/investigacion/topBanner.jpg");
  background-attachment: fixed;
  background-size: 100%;
  background-position-y: 0px;
  filter: opacity(100%);
  overflow: hidden;
}

.contenedorTopInvestigacion {
  height: 100%;
  background-color: #000000 !important;
  filter: opacity(80%);
}

.contenidoTopInvestigacion {
  margin-top: 250px;
  color: #ffffff !important;
}
.contenidoTopInvestigacion h1 {
  transition: 0.75s ease-in-out;
  font-family: "playFairDisplayRegular";
  font-size: 26px !important;
  border-bottom-style: solid;
  padding-bottom: 25px;
  text-align: center;
  letter-spacing: 2px;
}
.contenidoTopInvestigacion p {
  margin-top: 25px !important;
  font-family: "quickSandRegular";
  text-align: center;
  font-size: 20px !important;
}

.contenedorInvestigacion {
  margin-bottom: 50px;
}

.contenidoInvestigacionCompromiso {
  margin-top: 50px;
  margin-left: 5%;
  margin-right: 5%;
}
.contenidoInvestigacionCompromiso h2 {
  font-family: "playFairDisplayBold";
  font-size: 48px !important;
  margin-bottom: 25px !important;
}
.contenidoInvestigacionCompromiso img {
  width: 90%;
}
.contenidoInvestigacionCompromiso h3 {
  font-family: "playFairDisplayRegular";
  font-size: 32px !important;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.contenidoInvestigacionCompromiso p {
  line-height: 36px;
  width: 90%;
}

.contenidoInvestigacionAlianzas {
  margin-top: 50px;
  margin-left: 5%;
  margin-right: 5%;
}
.contenidoInvestigacionAlianzas img {
  width: 90%;
}
.contenidoInvestigacionAlianzas h3 {
  font-family: "playFairDisplayRegular";
  font-size: 32px !important;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.contenidoInvestigacionAlianzas p {
  line-height: 36px;
  width: 90%;
}

@media screen and (max-width: 1024px) {
  #topInvestigacion {
    background-image: url("../img/core/investigacion/topBanner.jpg");
    background-attachment: fixed;
    background-size: 150%;
    background-position-y: 50px;
    filter: opacity(100%);
    overflow: hidden;
  }
}
@media screen and (max-width: 500px) {
  #topInvestigacion {
    height: 250px;
    background-image: url("../img/core/investigacion/topBanner.jpg");
    background-attachment: fixed;
    background-size: 200%;
    background-position-y: 50px;
    filter: opacity(100%);
    overflow: hidden;
  }
  .contenedorTopInvestigacion {
    height: 100%;
    background-color: #000000 !important;
    filter: opacity(80%);
  }
  .contenidoTopInvestigacion {
    margin-top: 100px;
    color: #ffffff !important;
  }
  .contenidoTopInvestigacion h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 16px !important;
    border-bottom-style: solid;
    padding-bottom: 10px;
    text-align: center;
    letter-spacing: 2px;
  }
  .contenidoTopInvestigacion p {
    font-family: "quickSandRegular";
    text-align: center;
    margin-top: 10px !important;
    font-size: 14px !important;
  }
  .contenedorInvestigacion {
    margin-bottom: 50px;
  }
  .contenidoInvestigacionCompromiso {
    margin-top: 10px;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoInvestigacionCompromiso h2 {
    text-align: center;
    font-family: "playFairDisplayBold";
    font-size: 28px !important;
  }
  .contenidoInvestigacionCompromiso img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoInvestigacionCompromiso h3 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    margin-top: 10px;
  }
  .contenidoInvestigacionCompromiso p {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    text-align: center;
  }
  .contenidoInvestigacionAlianzas {
    margin-top: 10px;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoInvestigacionAlianzas img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoInvestigacionAlianzas h3 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 32px !important;
    margin-top: 15px;
  }
  .contenidoInvestigacionAlianzas p {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    text-align: center;
  }
}
@media screen and (max-width: 320px) {
  #topInvestigacion {
    height: 250px;
    background-image: url("../img/core/investigacion/topBanner.jpg");
    background-attachment: fixed;
    background-size: 200%;
    background-position-y: 50px;
    filter: opacity(100%);
    overflow: hidden;
  }
  .contenedorTopInvestigacion {
    height: 100%;
    background-color: #000000 !important;
    filter: opacity(80%);
  }
  .contenidoTopInvestigacion {
    margin-top: 100px;
    color: #ffffff !important;
  }
  .contenidoTopInvestigacion h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 14px !important;
    border-bottom-style: solid;
    padding-bottom: 10px;
    text-align: center;
    letter-spacing: 2px;
  }
  .contenidoTopInvestigacion p {
    font-family: "quickSandRegular";
    text-align: center;
    font-size: 14px !important;
  }
  .contenedorInvestigacion {
    margin-bottom: 50px;
  }
  .contenidoInvestigacionCompromiso {
    margin-top: 10px;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoInvestigacionCompromiso h2 {
    text-align: center;
    font-family: "playFairDisplayBold";
    font-size: 28px !important;
  }
  .contenidoInvestigacionCompromiso img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoInvestigacionCompromiso h3 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 26px !important;
    margin-top: 10px;
  }
  .contenidoInvestigacionCompromiso p {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    text-align: center;
  }
  .contenidoInvestigacionAlianzas {
    margin-top: 10px;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoInvestigacionAlianzas img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .contenidoInvestigacionAlianzas h3 {
    text-align: center;
    font-family: "playFairDisplayRegular";
    font-size: 32px !important;
    margin-top: 15px;
  }
  .contenidoInvestigacionAlianzas p {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    text-align: center;
  }
}
#topContacto {
  height: 250px;
  background-image: url("../img/core/contacto/bannerContacto.jpg");
  background-attachment: fixed;
  background-size: 100%;
  background-position-y: 0px;
  filter: opacity(100%);
  overflow: hidden;
}

.contenedorTopContacto {
  height: 100%;
}

.contenidoTopContacto {
  margin-top: 90px;
  color: #ffffff !important;
}
.contenidoTopContacto h1 {
  transition: 0.75s ease-in-out;
  font-family: "playFairDisplayRegular";
  font-size: 26px !important;
  border-bottom-style: solid;
  padding-bottom: 25px;
  text-align: center;
  letter-spacing: 2px;
}
.contenidoTopContacto p {
  margin-top: 25px !important;
  font-family: "quickSandRegular";
  text-align: center;
  font-size: 20px !important;
}

.datosContacto h2 {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 25px;
  font-family: "playFairDisplayRegular";
  font-size: 48px !important;
  line-height: 36px;
}
.datosContacto i {
  text-align: center;
  width: 100%;
  margin-bottom: 25px !important;
}

.datoContacto p {
  text-align: center;
}

#formularioContacto {
  margin-bottom: 100px !important;
}
#formularioContacto input {
  border: none !important;
  background-color: #e9e9e9 !important;
  color: #303030 !important;
}
#formularioContacto input:focus {
  box-shadow: none !important;
}
#formularioContacto textarea {
  border: none !important;
  background-color: #e9e9e9 !important;
  color: #303030 !important;
}
#formularioContacto textarea:focus {
  box-shadow: none !important;
}

#map {
  height: 500px;
}

@media screen and (max-width: 500px) {
  #topContacto {
    height: 250px;
    background-image: url("../img/core/contacto/bannerContacto.jpg");
    background-attachment: fixed;
    background-size: 500%;
    background-position-y: 0px;
    filter: opacity(100%);
    overflow: hidden;
  }
  .contenedorTopContacto {
    height: 100%;
  }
  .contenidoTopContacto {
    margin-top: 100px;
    color: #ffffff !important;
    width: 90%;
  }
  .contenidoTopContacto h1 {
    transition: 0.75s ease-in-out;
    font-family: "playFairDisplayRegular";
    font-size: 20px !important;
    border-bottom-style: solid;
    padding-bottom: 10px;
    text-align: center;
    letter-spacing: 2px;
  }
  .contenidoTopContacto p {
    font-family: "quickSandRegular";
    text-align: center;
    margin-top: 10px !important;
    font-size: 14px !important;
  }
  .datosContacto h2 {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 25px;
    font-family: "playFairDisplayRegular";
    font-size: 28px !important;
  }
  .datosContacto i {
    text-align: center;
    width: 100%;
  }
  .datoContacto p {
    margin-top: 15px;
    text-align: center;
  }
  #map {
    height: 500px;
  }
}

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