.wrapper {
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: -69%;
  z-index: 10;
}
@media (max-width: 767px){
  .wrapper {
    top: 130%;
    left: 91%;
    right: -58%;
  }
}
@media (max-width: 414px){
  .wrapper {
    left: 162%;
    right: -163%;
    top: 120%;
  }
}
@media (max-width: 360px){
  .wrapper{
    left: 191%;
    right: -202%;
  }
}
@media (max-width: 320px){
  .wrapper{
    left: 215%;
    right: -202%;
  }
}
div svg {
  width: 50px;
  height: auto;
  height: auto;
  margin: 0px 2rem;
  margin: 0px 2rem;
  cursor: pointer;
  overflow: visible;
}
div svg polygon, div svg path {
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
div svg:hover polygon, div svg:hover path {
  transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
  fill: #1e71b8;
}
div svg:hover .arrow {
  animation: arrow-anim 2.5s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}
div svg:hover .arrow-fixed {
  animation: arrow-fixed-anim 2.5s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}
@keyframes arrow-anim {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  5% {
    transform: translateX(-0.1rem);
  }
  100% {
    transform: translateX(1rem);
    opacity: 0;
  }
}
@keyframes arrow-fixed-anim {
  5% {
    opacity: 0;
  }
  20% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.derecha{
  display: inline-block;
  margin-left: 3.7%;
  transform: scale(2);
}
.izquierda{
  display: inline-block;
  margin-left: 82.1%;
  transform: scale(2);
}
@media (max-width:767px){
  .izquierda {
    margin-left: 55.1%;
  }
}
@media (max-width:414px){
  .izquierda {
    margin-left: 48%;
  }
}
@media (max-width:360px){
  .izquierda {
    margin-left: 40%;
  }
}
@media (max-width:320px){
  .izquierda {
    margin-left: 21%;
  }
}
.hi-slide {
  display: inline-block;
  position: relative;
  width: 84%;
  height: 383px;
  margin: 8% 9% 7% 8%;
}
@media (max-width:767px){
  .hi-slide {
    transform: scale(0.6);
    margin: -3% 0% 5% -11%;
  }
}
@media (max-width: 414px) {
  .hi-slide{
    transform: scale(0.8);
    margin: 0% 0% 11% -65%;
  }
}
@media (max-width: 360px) {
 .hi-slide{
  margin: 0% 0% 11% -81%;
}
}
@media (max-width: 320px) {
 .hi-slide{
  margin: 0% 0% 11% -98%;
}
}
.hi-slide > ul{
  list-style: none;
  position: relative;
  width: 100%;
  height: 382px;
  margin: 0;
  padding: 0;
}
.hi-slide > ul > li {
  overflow: hidden;
  position: absolute;
  z-index: 0;
  left: 370px;
  top: 150px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.hi-slide > ul > li > img {
  width: 100%;
  height: 100%;
  background-position: center;
}
.nosotros {
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: -70%;
  z-index: 10;
}
@media (max-width: 767px) {
  .nosotros{
    right: -189%;
    left: 86%;
  }
}
@media (max-width: 414px) {
  .nosotros{
    right: -113%;
    left: 111%;
    transform: scale(0.8);
    margin: 74% 0% 0% 0%;
  }
}
@media (max-width: 360px){
  .nosotros{
    right: -138%;
    left: 127%;
    transform: scale(0.8);
    margin: 77% 0% 0% 0%;
  } 
}
@media (max-width: 320px){
  .nosotros{
    right: -169%;
    left: 162%;
    margin: 86% 0% 0% 0%;
  } 
}
.derechan{
  display: inline-block;
  margin-left: 6.7%;
  transform: scale(2);
}
.izquierdan{
  display: inline-block;
  margin-left: 76.9%;
  transform: scale(2);
}
@media (max-width: 767px) {
  .derechan{
    margin-left: 5.9%;
  }
  .izquierdan{
    margin-left: 79.9%;
  }
}
@media (max-width: 414px) {
  .derechan{
    margin-left: 16.9%;
  }
  .izquierdan{
    margin-left: 31.9%;
  }
}
@media (max-width: 320px) {
  .derechan{
    margin-left: 7.9%;
  }
  .izquierdan{
    margin-left: 25.9%;
  }
}
.hi-sliden {
  display: inline-block;
  position: relative; 
  width: 83%; 
  height: 383px; 
  margin: 8% 9% 10% 8%; 
}
@media (max-width: 767px) {
 .hi-sliden {
   margin: 0% 0% 0% 0%;
   transform: scale(0.50);
   left: -6%; 
 }
}
@media (max-width: 414px) {
 .hi-sliden {
   margin: 4% 0% 36% 0%;
   transform: scale(0.90);
   left: -73%;
 }
}
@media (max-width: 360px){
  .hi-sliden{
    margin: 10% 0% 43% 0%;
    transform: scale(1.1);
    left: -114%;
  }
}
@media (max-width: 320px){
  .hi-sliden{
    margin: 10% 0% 43% -24%;

  }
}
.hi-sliden > ul{
  list-style: none;
  position: relative;
  width: 100%;
  height: 383px;
  margin: 0;
  padding: 0;
}
.hi-sliden > ul > li {
  overflow: hidden;
  position: absolute;
  z-index: 0;
  left: 370px;
  top: 150px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  cursor: pointer; 
}
.hi-sliden > ul > li > img { 
  width: 100%; 
  height: 100%; 
  background-position: center;
}
.natlik img {
  display: inline-block;
  position: static;
  width: 20%;
  margin: 0% 10% 5% 40%;
}
.natlikno img {
  display: inline-block;
  position: relative;
  width: 82.9%;
  height: 80%;
  padding-left: 8%;
  margin-top: 2%;
  margin-bottom: 7%;
}
@media (max-width: 767px){
  .natlikno img{
    margin-bottom: 6%;
    height: 61%;
  }
}
@media (max-width: 414px){
  .natlikno img{
   margin-top: 4%;
   height: 28%;
 }
}
.parrafo{
  font-size:1.5vw;
  text-align: justify;
}
@media (max-width:767px){
  .parrafo {
    font-size: 2.5vw;
    color: #4d585e;
  }
}
@media (max-width:414px){
  .parrafo {
    font-size: 3.5vw;
    color: #4d585e;
  }
}
.containerx{
  margin-top: -7%;
  margin-left: 8%;
  margin-right: 9%;
}
.container div{
  margin-top: 0%;
}
.containerd{
  display: inline-block;
  position: relative;
  width: 83%;
  height: 132px;
  border: 2px solid #fff;
  background-color: #606060;
  margin: 5% 0% 0% 8%;
}
.niños{
  display: inline-block;
  text-align: center;
  font-size: 31px;
  font-family: 'Poppins', sans-serif;
  line-height: 0px;
  color: #fff;
  font-weight: 500;
  margin: 1% 0% 0% 0%;
}
@media (max-width:767px){
  .row {
    display: flex;
    flex-wrap: nowrap;
    margin:0% 0% 0% 0%;
  }
  .niños{
    margin: 4% 0% 0% 1%;
    font-size: 23px;
  }
}
@media (max-width: 414px){
  .row {
    display: flex;
    flex-wrap: nowrap;
    margin:0% 0% 0% 0%;
  }
  .niños{
    margin: 6% 0% 0% -4%;
    font-size: 15px;
  }
  .containerd{
    height: 100px;
    margin: 5% 0% 5% 8%;
  }
}
.containerf > div{
 position: relative;
 width: 83%;
 height: 132px;
 margin: 30%;
 margin-top: 30%;
 margin-left: 30%;
 display: block;
 margin-top: 9%;
 margin-left: 8%;
 margin-bottom: 9%;
}
#principal {
  display: grid;
  grid-template-columns: 271px 261px 257px;
  margin-left: -10%;
  margin-right: -102%;
  align-items: center;
}
.contenedorfoto >img{
 /*! float:left; */
 /*! width:210px; */
 /*! height:180px; */
 margin-left: 129%;
 /*! text-align:center; */
}
.donaciones{
  display: inline-block;
  margin: 0% 0% 0% 0%;
  text-align: center;
  font-size: 31px;
  color: #7b7b7b;
  font-family: 'Poppins', sans-serif;
  display: contents;
  line-height: 43%;
}
@media (max-width:767px){
  .donaciones {

  }
}
@media (max-width: 323px){
  .donaciones {

  }
}
.btn-dona{
  font-family: Poppins ,sans-serif;
  background: #1E71B8 url(../images/icons/logo-sinbrazos-03.png) no-repeat 37px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  padding: 20px 38px 21px 75px;
  border-radius: 26px;
}
.contenedorp{
  position: relative;
  text-align: center;
  margin: 6% 9% 7% 8%;
}
@media (max-width:767px){
  .contenedorp {
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 5%;
  }
  .contenedorp >img{
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 5%;
  }
}
.centrado{
  position: absolute;
  font-size:4.7vw;
  font-family: Poppins,sans-serif;
  top: 82%;
  font-weight: 502;
  color: azure;
  margin-left: 39%;
}
.site-footer{
  background-color:#404040;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#d2c8c8;
  margin-top: 9%;
  margin-left: 3.9%;
  margin-right: 3.9%;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#1e71b8;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#606060;
}
.copyright-text
{
  margin-top:18px;
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.containerh{
  display: inline-block;
  position: relative;
  border: 2px solid #fff;
  margin: 9% 0% 0% 13%;
}
.partners{
  margin-top: -96px;
  margin-left: 81px;
}
.partnerss{
  margin-left: 9%;
}
.partnersx{
  margin-left: 70px;
}
@media (max-width:767px){
  .containerh{
    margin: 0% 0% 0% 0%;
    transform: scale(0.8);
  }
  .partners{
    margin-top: -35px;
    margin-left: 6px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .partnerss{
    padding-right: 11px;
    padding-left: 0px;
    margin-top: 13px;
  }
}
.menuder{
  visibility:collapse;
  line-height: 0;
}
@media (max-width:767px){
  .menuder{
   visibility:visible;
   margin-bottom: 0px;

 }
}
.youtube{
  width: 330px;
  height: 250px;
}
@media (max-width:767px){
 .youtube{
  width: 271px;
  height: 230px;
}
}
.cantidades{
  margin-left: 13%;
}
@media (max-width:767px){
 .cantidades{
  margin: 1%;
}
}
.natlikagua{
  position: absolute;
  font-family: Poppins,sans-serif;
  top: 33%;
  font-weight: 518;
}
.natlikagua >svg{
  width: 66%;
}
@media (max-width: 323px){
  .oh-desktop {
    margin-left: 0px;
    margin-right: 31px;
  }
}
.enlace_desactivado {
  pointer-events: none;
  cursor: default;
}
@media (max-width:767px){
  .desactivado {
    visibility:collapse;
    display:none;
  }
}
.menucentro{
  height: 38px;
}
.ligax{
  position: relative;
  margin: 68px 0;
  font-size: 2.5rem;
  background-color: #ebcb00;;
  color: #fff;
  display: inline-block;
  margin-left: 32%;
  letter-spacing: 6px;
  font-weight: 697;
  margin-top: 5%;
  padding: 1px 13px 1px 21px;
}
@media (max-width:767px){
  .ligax{
    margin: 14px 0;
    font-size: 1.2rem;
    margin-top: 9%;
    padding: 1px 43px 1px 21px;
    margin-left: 46%;
  }
}
@media (max-width: 414px) {
  .ligax{
    margin: 0px 0;
    margin-left: 32%;
    margin-right: 46%;
    margin-top: 9%;
    padding: 1px 16px 1px 11px;
  }  
}
.ligav {
  position: relative;
  margin: 68px 0;
  margin-top: 68px;
  margin-left: 0px;
  font-size: 2.5rem;
  background-color: #ebcb00;
  color: #fff;
  display: inline-block;
  margin-left: 32%;
  letter-spacing: 7px;
  font-weight: 697;
  margin-top: 5%;
  padding: 1px 13px 1px 21px;
}
@media (max-width:767px){
  .ligav{
    margin: 14px 0;
    font-size: 1.2rem;
    margin-top: 9%;
    padding: 1px 43px 1px 21px;
    margin-left: 46%;
  }
}
@media (max-width: 414px) {
  .ligav{
    margin: 0px 0;
    margin-left: 32%;
    margin-right: 46%;
    margin-top: 9%;
    padding: 1px 92px 1px 14px;
  } 
}
.noticia {
  width: 82%;
  margin: 25px auto;
  /*! background-color: #449; */
  /*! color: #202020; */
  /*! padding: 15px; */
  font-size: 1.5vw;
  text-align: justify;
  position: relative;
}
@media (max-width:767px){
  .noticia{
    font-size: 2.5vw;
  }
}
@media (max-width:414px){
  .noticia{
    font-size: 3.5vw;
  }
}
div.noticia img.izquierdai {
  float: left;
  margin-right: 15px;
  width: 24%;
}
@media (max-width: 414px) {
  div.noticia img.izquierdai {
    width: 24%;
    padding-top: 9%
  }
}
div.reset {
  clear: both;
}
.container1{
  margin-left: 8%;
  margin-right: 9%;
  position: relative;
  padding-bottom: 0%;
}
#galeria{
  position: relative;
  margin: 17% 9% 8% 8%;
  /*! letter-spacing: 88px; */
}
#galeria2{
  position: relative;
  margin: 10% 9% 8% 8%;
  /*! letter-spacing: 88px; */
}
.bt1{
  width: 19%;
  margin-left: 12%;
}
.containerc {
  /*! width: 200px; */
  /*! height: 200px; */
  /*! left: 0; */
  /*! right: 0; */
  /*! margin: 0 auto; */
  /*! top: 20px; */
  display: contents;
}
.div-imgc {
  display: inline-block;
  width: 20%;
  padding: 0% 0% 0% 9%;
}
@media (max-width:767px){
  .div-imgc{
    width: 27%;
    padding: 0% 0% 0% 4%;
  }
}
@media(max-width: 414px){
  .div-imgc{
    width: 19%;
    padding: 0% 0% 0% 10%;
  }
}
.div-imgc .imgc {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  /*! margin-left: auto; */
  /*! margin-right: auto; */
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-imgc .textc {
  font-family: 'Poppins', sans-serif;
  padding-top: 3px;
  display: block;
  text-align: center;
  width: 77%;
  transform: translate(-3px);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
  padding-left: 9%;
}
.div-imgc:hover .imgc {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}
.div-imgc:hover .textc {
  transform: translate(0px, -20px);
  opacity: 1;
}
.pequeño{
  width: 19%;
  padding: 0% 0% 0% 0%;
  margin-left: 12%;
}
.wrapperx {
  display: inline-block;
  position: absolute;
  top: 5.8%;
  left: 29%;
  transform: scale(1.7);
}
@media (max-width:767px){
  .wrapperx{
    top: 5.3%;
    left: 38%;
    transform: scale(1.3);
  }
}
@media (max-width: 414px) {
  .wrapperx{
    top: 5.3%;
    left: 16%;
  } 
}
@media (max-width: 360px) {
  .wrapperx{
    top: 5.2%;
    left: 14%;
  }
}
.wrapperv {
  position: absolute;
  top: 6.3%;
  left: 27.8%;
  display: inline-block;
  transform: scale(1);
}
@media (max-width:767px){
  .wrapperv{
    top: 4.9%;
    left: 37%;
    transform: scale(0.8);
  }
}
@media (max-width:414px){
  .wrapperv{
    top: 4.6%;
    left: 13%;
  }
}
@media (max-width: 360px){
  .wrapperv{
    top: 4.6%;
    left: 10%;
  }
}
.selected{
 box-shadow:0px 12px 22px 1px #1e71b8;
}
.slc1 .clc2 .slc3{
  margin-bottom: 0px;
}
@media (max-width: 360px){
  .slc1{
   margin-bottom: 47px;
 }
 .slc2{
   margin-bottom: 49px;
 }
 .slc3{
  margin-bottom: 25px;
}
}
.r_1{
  border-radius: 25px;
}
.p_icon{
  position: relative;
  margin: 6% 9% 5% 8%;
}
#parrafo{
  display: inline-flex;
}
.p_m{
  padding-top: 75px;
}
@media (max-width: 414px) {
  .p_m{
    padding-top: 25px;
  }
}
.fo_1{
  width: 63%;
  margin: 0% 0% 0% 0%;
}
@media (max-width: 767px) {
  .fo_1{
    width: 40%;
    margin: 0% 0% 0% -119%;
  }  
}
@media (max-width: 414px) {
  .fo_1{
    width: 90%;
    margin: 0% 0% 0% 22%;
  }  
}
@media(max-width: 360px){
  .fo_1{
    width: 100%;
    margin: 19% 0% 0% 56%;
  }
}
.wrapperes{
  position: absolute;
  display: inline-block;
  top: 4.8%;
  left: 27.5%;
  transform: scale(1.1);
}
@media (max-width: 767px) {
  .wrapperes{
    top: 4.1%;
    left: 36%;
    transform: scale(0.8);
  }
}
@media (max-width: 414px) {
  .wrapperes{
    top: 4.1%;
    left: 13%;
  }
}
@media (max-width: 360px) {
  .wrapperes{
    top: 2.7%;
    left: 10%;
  }
}
._esp{
  width: 9%;
}
@media (max-width: 414px) {
  ._esp{
    width: 18%;
  } 
}
.containeree{
  margin-top: 2%;
  margin-left: 8%;
  margin-right: 9%;
}
.nombre_car {  
  display: inline-block;
  position: absolute;
  top: 19px;
  font-size: 0.8rem;
  margin: 0% 0% 0% 8%;
}
.card {
  color: white;
}
.Puesto {
  display: inline-block;
  position: absolute;
  top: 41px;
  font-size: 0.7rem;
  margin: 5px 0px 0px 20px;
  width: 83%;
}
.textto-car {
  display: inline-block;
  position: absolute;
  top: 86px;
  font-size: 0.6rem;
  margin: 0% 8% 0% 7%;
  text-align: justify;
  line-height: 11px;
}
#mapa{
  display: inline-block;
  margin: 0% 0% 6% 25%;
}
@media (max-width: 767px){
  #mapa{
    margin: -2% 0% 6% 9%;
    transform: scale(0.9);
  }
}
@media (max-width: 414px){
  #mapa{
    margin: -17% 0% 0% -28%;
    transform: scale(0.6);
  }
}
@media(max-width:360px){
  #mapa{
    margin: -17% 0% 6% -36%;
    transform: scale(0.6);
  }
}
.sur23{
  position: relative;
  margin: 5% 0;
  margin-top: 68%;
  margin-left: 0px;
  font-size: 2.5rem;
  background-color: #ebcb00;
  color: #fff;
  display: inline-block;
  margin-left: 32%;
  letter-spacing: 6px;
  font-weight: 697;
  margin-top: 5%;
  padding: 1px 13px 1px 21px;
}
.wrapperec{
  position: absolute;
  display: inline-block;
  top: 6.7%;
  left: 27.5%;
  transform: scale(1.1);
}
@media (max-width: 767px){
  .sur23{
    font-size: 1.7rem;
    margin-top: 12%;
  }
  .wrapperec{
    top: 6.2%;
    left: 25.5%;
    transform: scale(1.0);
  }
}
@media (max-width: 414px){
  .wrapperec{
    top: 6.1%;
    left: 11.5%;
    transform: scale(1.0);
  }
}
@media (max-width: 360px){
  .wrapperec{
    top: 6.0%;
    left: 8.5%;
    transform: scale(1.0);
  }
}
#nosotros{
  width: 100%;
}
@media (max-width: 360px){
  #nosotros{
    width: 91%
  }
}
.noticias{
  display: inline-block;
  margin: 6% 0% 0% 19%;
  position: absolute;
}
@media (max-width: 767px){
  .noticias{
    margin: 6% 0% 0% 12%;
  }
}
@media (max-width: 414px){
  .noticias{
    margin: -11% 0% 0% -15%;
    transform: scale(0.5);
  }
}
@media (max-width: 360px){
 .noticias{
  margin: -15% 0% 0% -26%;
}
}@media (max-width: 320px){
 .noticias{
  margin: -19% 0% 0% -36%;
}
}
.img_lig{
  margin: 1% 0% 0% 0%;
}

.lig {
  position: relative;
  display: inline-block;
  font-size: 1.5rem;
  color: #1e71b8;
  margin-left: 35%;
  font-weight: 697;
  margin-top: 5%;
}
@media (max-width: 767px){
  .lig{
    font-size: 1.6rem;
    margin-left: 27%;
  }
}
@media (max-width: 414px){
  .lig{
    font-size: 1.0rem;
    margin-left: 15%;
  }
}
@media (max-width: 320px){
  .lig{
    font-size: 1.0rem;
    margin-left: 6%;
  }
}
.c_c{
  padding-top: 25px;
  margin: 4% 0% 5% 0%;
}
.lig_1 {
  position: relative;
  font-size: 1.5rem;
  color: #1e71b8;
  display: inline-block;
  margin-left: 37%;
  font-weight: 697;
  margin-top: 0%;
  margin-bottom: 4px;
}
@media (max-width: 767px){
  .lig_1  {
    font-size: 1.5rem;
    margin-left:34%;

  }
}
@media (max-width: 414px){
  .lig_1{
    font-size: 1.0rem;
    margin-left: 23%;
  }
}
@media (max-width: 320px){

  .lig_1{
    font-size: 1.2rem;
    margin-left: 6%;
  }
}
hr.new1 {
  display: inline-block;
  border: 1.9px solid #e08009;
  margin: -2.1% 0% 0% 13%;
}
.na_1 {
  border: 1.5px solid #ebcb00;
  margin-top: 0px;
}
.nn_1 {
  border: 1.5px solid #e08009;
}
.na_1_1 {
  border: 2px solid #ebcb00;
  margin-top: 0px;
}
.nn_1_1 {
  border: 2px solid #e08009;
}
.g_1{
  position: relative;
  margin: 3% 9% 8% 26%;;
}
@media (max-width: 767px){
  .g_1 {
    margin: 4% 9% 8% 33%;
  }
}
@media (max-width: 414px){
  .g_1 {
    margin: 4% 12% 8% 15%;
  }
}
.g_1_1{
  margin-left: 0%;
}
@media (max-width: 767px){
  .g_1_1{
    margin: 0% 0% 0% 0%;
  }
}
@media (max-width: 414px){
  .g_1_1{
    margin: 0% 0% 0% 0%;
  }
}
.ta_0{
  color: #1e71b8;
}
.na_2 {
  border: 2px solid #ebcb00;
}
.nn_2 {
  border: 1.5px solid #e08009;
}
.na_2_2 {
  border: 2px solid #ebcb00;
}
.nn_2_2 {
  border: 2px solid #e08009;  
}
.na_2,.nn_2,.na_2_2,.nn_2_2,.na_1,.nn_1,.na_1_1,.nn_1_1,.new1{
  width: 80%;
  margin: 0% 0% 0% 14%;
}
@media (max-width: 767px){
  .na_2,.nn_2,.na_2_2,.nn_2_2,.na_1,.nn_1,.na_1_1,.nn_1_1,.new1{
    width: 80%;
    margin: 0% 0% 0% 22%;
  }
}
@media (max-width: 414px){
  .na_2,.nn_2,.na_2_2,.nn_2_2,.na_1,.nn_1,.na_1_1,.nn_1_1,.new1{
    width: 80%;
    margin: 0% 0% 0% 12%;
  }
}
.mar{
  margin-top: 0px;
  margin-bottom: 1px;
}
.rights{

}
@media(max-width: 320px){
  .x_1{
    font-size: 90%;
    margin-left: -4%;
  }
}
._ocult{
  display: none;
}
/*NOSOTROS CARD*/


.row1 {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0;
  clear: both;
}
.row1 img {
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}

.gallery1 ul li {
  float: left;
  margin: 0 0.8771929825%;
  overflow: hidden;
}

._ns {
  text-align: center;
}
._ns h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 65px;
  font-weight: 400;
  letter-spacing: 3px;
  line-height: 0.8;
  padding-top: 50px;
}
._ns h1 span {
  text-transform: uppercase;
  letter-spacing: 7px;
  font-size: 25px;
  line-height: 1;
}
._ns p {
  padding-top: 30px;
}

.gallery1 {
  padding: 0px 0 300px;
  position: relative;
  overflow: hidden;
}
.gallery1 ul {
  padding-top: 50px;
  position: relative;
}
.gallery1 ul li {
  margin-bottom: -31px;
  width: 18.2456140351%;
  position: relative;
}
.gallery1 ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.gallery1 ul li a:before {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 40%;
  left: 50%;
  margin: -14px 0 0 -16px;
  background: url(data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%0A%09%20id%3D%22svg2%22%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Asodipodi%3D%22http%3A//sodipodi.sourceforge.net/DTD/sodipodi-0.dtd%22%20xmlns%3Ainkscape%3D%22http%3A//www.inkscape.org/namespaces/inkscape%22%20inkscape%3Aversion%3D%220.48.4%20r9939%22%20sodipodi%3Adocname%3D%22icon-fullscreen.svg%22%0A%09%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20960%20560%22%0A%09%20enable-background%3D%22new%200%200%20960%20560%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Csodipodi%3Anamedview%20%20borderopacity%3D%221%22%20pagecolor%3D%22%23ffffff%22%20bordercolor%3D%22%23666666%22%20objecttolerance%3D%2210%22%20gridtolerance%3D%2210%22%20guidetolerance%3D%2210%22%20showgrid%3D%22false%22%20fit-margin-top%3D%220%22%20fit-margin-left%3D%220%22%20inkscape%3Azoom%3D%227.375%22%20inkscape%3Acx%3D%22-5.1525424%22%20inkscape%3Acy%3D%2216%22%20id%3D%22namedview11%22%20inkscape%3Awindow-x%3D%22-8%22%20inkscape%3Awindow-y%3D%22-8%22%20fit-margin-right%3D%220%22%20inkscape%3Apageopacity%3D%220%22%20fit-margin-bottom%3D%220%22%20inkscape%3Awindow-width%3D%221366%22%20inkscape%3Awindow-height%3D%22706%22%20inkscape%3Awindow-maximized%3D%221%22%20inkscape%3Apageshadow%3D%222%22%20inkscape%3Acurrent-layer%3D%22svg2%22%3E%0A%09%3C/sodipodi%3Anamedview%3E%0A%3Cg%3E%0A%09%3Crect%20x%3D%22220%22%20y%3D%22260%22%20fill%3D%22%23FFFFFF%22%20width%3D%22536%22%20height%3D%2224%22/%3E%0A%3C/g%3E%0A%3Cg%3E%0A%09%3Crect%20x%3D%22476%22%20y%3D%224%22%20fill%3D%22%23FFFFFF%22%20width%3D%2224%22%20height%3D%22556%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A) no-repeat;
  content: "";
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.gallery1 ul li a:hover:before {
  top: 50%;
  opacity: 1;
}
.gallery1 ul li a:after {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  content: "";
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.gallery1 ul li a:hover:after {
  opacity: 1;
}

.port1 {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 75%;
  top: 4%;
  left: 0;
  padding-top: 50px;
  background: #ffffff;
  background-color: #fafafa;
  z-index: 103;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  border-bottom: 1px solid #d0d0d0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.port1 img {
  width: 30%;
  margin-left: 8%;
}
.port1 .description {
  float: left;
  width: 50%;
  max-height: 100%;
  padding: 0 40px 40px;
  overflow: auto;
}
.port1 h1 {
  font-size: 2vw;

}
.port1 h2 {
  font-size: 1.2vw;
}
.port1 > * {
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.port1.item_open {
  visibility: visible;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.port1 > * {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.close1 {
  width: 64px;
  height: 30px;
  background: url(data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2017.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%0A%09%20id%3D%22svg2%22%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%09%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2021%2021%22%0A%09%20enable-background%3D%22new%200%200%2021%2021%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22layer1%22%20transform%3D%22translate%280%2C-1031.3622%29%22%3E%0A%09%3Cpath%20id%3D%22path2987%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M0%2C1031.4l21%2C21%22/%3E%0A%09%3Cpath%20id%3D%22path2989%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20d%3D%22M21%2C1031.4l-21%2C21%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A%0A) no-repeat;
  position: absolute;
  right: 10px;
  top: -121px;
  opacity: 1;
  z-index: 1004;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin: 5% 0% 0% 0%;
}
.item_open .close1 {
  opacity: 1;
  top: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.nsp{
  margin-top: 5%;
  text-align: justify;
  font-size: 1.3vw;
}
@media(max-width: 767px){
  .row1{
    margin: 4% auto;
  }
  .port1 img{
    margin-left: 0%;
  }
}
@media(max-width: 414px){
  .row1{
    margin: 0% 0% -22% 0%;
  }
  .port1{
    padding-top: 7%;
    height: 91%;
  }
  .port1 .description {
    width: 82%;
    padding: 0 40px 29px;
  }
  .port1 h1{
    font-size: 4vw;
  }
  .port1 h2{
    font-size: 2.4vw;
  }
  .nsp{
    font-size: 2.2vw;
  }
  .close1{
    margin: 10% 0% 0% 0%;
    right: -3%;
  }
  .port1 img{
    margin: -6% 0% 0% 35%;
  }
  .gallery1{
    padding: 0px 0 74%;
    margin: -5% 0% -39% 0%;
  }
}
@media(max-width: 360px){
  .close1 {
    margin: 13% 0% 0% 0%;
    right: -3%;
  }
}
@media(max-width: 320px){
  .close1 {
    margin: 11% 0% 0% 0%;
    right: -6%;
  }
}