.source-sans-3-sansfon {
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight:200;
  }

  .source-sans-3-b {
    font-family: "Source Sans 3", sans-serif;
    font-weight:700;
    font-optical-sizing: auto;
    font-style: normal;
  }

.source-sans-3-b p{
    font-family: "Source Sans 3", sans-serif;
    font-weight:700;
    font-optical-sizing: auto;
    font-style: normal;

}


  /* .source-sans-3-<uniquifier> {
    font-family: "Source Sans 3", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  } */

@font-face {
    font-family: 'FF Good Pro News';
    src: url('FFGoodPro-NewsItalic.eot');
    src: local('FF Good Pro News Italic'), local('FFGoodPro-NewsItalic'),
        url('FFGoodPro-NewsItalic.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-NewsItalic.woff2') format('woff2'),
        url('FFGoodPro-NewsItalic.woff') format('woff'),
        url('FFGoodPro-NewsItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-BlackItalic.eot');
    src: local('FF Good Pro Black Italic'), local('FFGoodPro-BlackItalic'),
        url('FFGoodPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-BlackItalic.woff2') format('woff2'),
        url('FFGoodPro-BlackItalic.woff') format('woff'),
        url('FFGoodPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'FF Good Pro News';
    src: url('FFGoodPro-News.eot');
    src: local('FF Good Pro News'), local('FFGoodPro-News'),
        url('FFGoodPro-News.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-News.woff2') format('woff2'),
        url('FFGoodPro-News.woff') format('woff'),
        url('FFGoodPro-News.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FF Good Pro Wide';
    src: url('FFGoodProWide-Regular.eot');
    src: local('FF Good Pro Wide'), local('FFGoodProWide-Regular'),
        url('FFGoodProWide-Regular.eot?#iefix') format('embedded-opentype'),
        url('FFGoodProWide-Regular.woff2') format('woff2'),
        url('FFGoodProWide-Regular.woff') format('woff'),
        url('FFGoodProWide-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-Light.eot');
    src: local('FF Good Pro Light'), local('FFGoodPro-Light'),
        url('FFGoodPro-Light.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-Light.woff2') format('woff2'),
        url('FFGoodPro-Light.woff') format('woff'),
        url('FFGoodPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-Bold.eot');
    src: local('FF Good Pro Bold'), local('FFGoodPro-Bold'),
        url('FFGoodPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-Bold.woff2') format('woff2'),
        url('FFGoodPro-Bold.woff') format('woff'),
        url('FFGoodPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
.gprobold{
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-Bold.eot');
    src: local('FF Good Pro Bold'), local('FFGoodPro-Bold'),
        url('FFGoodPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-Bold.woff2') format('woff2'),
        url('FFGoodPro-Bold.woff') format('woff'),
        url('FFGoodPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-LightItalic.eot');
    src: local('FF Good Pro Light Italic'), local('FFGoodPro-LightItalic'),
        url('FFGoodPro-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-LightItalic.woff2') format('woff2'),
        url('FFGoodPro-LightItalic.woff') format('woff'),
        url('FFGoodPro-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'FF Good Pro Ultra';
    src: url('FFGoodPro-UltraItalic.eot');
    src: local('FF Good Pro Ultra Italic'), local('FFGoodPro-UltraItalic'),
        url('FFGoodPro-UltraItalic.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-UltraItalic.woff2') format('woff2'),
        url('FFGoodPro-UltraItalic.woff') format('woff'),
        url('FFGoodPro-UltraItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-BoldItalic.eot');
    src: local('FF Good Pro Bold Italic'), local('FFGoodPro-BoldItalic'),
        url('FFGoodPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-BoldItalic.woff2') format('woff2'),
        url('FFGoodPro-BoldItalic.woff') format('woff'),
        url('FFGoodPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'FF Good Pro Ultra';
    src: url('FFGoodPro-Ultra.eot');
    src: local('FF Good Pro Ultra'), local('FFGoodPro-Ultra'),
        url('FFGoodPro-Ultra.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-Ultra.woff2') format('woff2'),
        url('FFGoodPro-Ultra.woff') format('woff'),
        url('FFGoodPro-Ultra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-Black.eot');
    src: local('FF Good Pro Black'), local('FFGoodPro-Black'),
        url('FFGoodPro-Black.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-Black.woff2') format('woff2'),
        url('FFGoodPro-Black.woff') format('woff'),
        url('FFGoodPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-MediumItalic.eot');
    src: local('FF Good Pro Medium Italic'), local('FFGoodPro-MediumItalic'),
        url('FFGoodPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-MediumItalic.woff2') format('woff2'),
        url('FFGoodPro-MediumItalic.woff') format('woff'),
        url('FFGoodPro-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-Italic.eot');
    src: local('FF Good Pro Italic'), local('FFGoodPro-Italic'),
        url('FFGoodPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-Italic.woff2') format('woff2'),
        url('FFGoodPro-Italic.woff') format('woff'),
        url('FFGoodPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-Medium.eot');
    src: local('FF Good Pro Medium'), local('FFGoodPro-Medium'),
        url('FFGoodPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-Medium.woff2') format('woff2'),
        url('FFGoodPro-Medium.woff') format('woff'),
        url('FFGoodPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-Regular.eot');
    src: local('FF Good Pro'), local('FFGoodPro-Regular'),
        url('FFGoodPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-Regular.woff2') format('woff2'),
        url('FFGoodPro-Regular.woff') format('woff'),
        url('FFGoodPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.codigo{
    border-radius: 10px 10px 10px 10px;
    padding: 6px;
    color: #848484;
    font-family: 'FF Good Pro News';
    src: url('FFGoodPro-News.eot');
    src: local('FF Good Pro News'), local('FFGoodPro-News'),
        url('FFGoodPro-News.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-News.woff2') format('woff2'),
        url('FFGoodPro-News.woff') format('woff'),
        url('FFGoodPro-News.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.codigoint{
    border-radius: 10px 10px 10px 10px;
    padding: 6px;
    color: #848484;
    font-family: 'FF Good Pro News';
    src: url('FFGoodPro-News.eot');
    src: local('FF Good Pro News'), local('FFGoodPro-News'),
        url('FFGoodPro-News.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-News.woff2') format('woff2'),
        url('FFGoodPro-News.woff') format('woff'),
        url('FFGoodPro-News.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    background-color: #e1e1e1;
    border-radius: 5px;
    float: left;
    width: auto;

}


.font-extrabold{
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-BlackItalic.eot');
    src: local('FF Good Pro Black Italic'), local('FFGoodPro-BlackItalic'),
        url('FFGoodPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-BlackItalic.woff2') format('woff2'),
        url('FFGoodPro-BlackItalic.woff') format('woff'),
        url('FFGoodPro-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-size: 19px;
}


.footer-link {
    font-family: 'FF Good Pro Wide';
    src: url('FFGoodProWide-Regular.eot');
    src: local('FF Good Pro Wide'), local('FFGoodProWide-Regular'),
        url('FFGoodProWide-Regular.eot?#iefix') format('embedded-opentype'),
        url('FFGoodProWide-Regular.woff2') format('woff2'),
        url('FFGoodProWide-Regular.woff') format('woff'),
        url('FFGoodProWide-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.text-lime{
    color: #FFFFFF;
}

.text-lime:hover{
    color: #38d430;
}

.pronmed{
    font-family: 'FF Good Pro';
    src: url('FFGoodPro-Medium.eot');
    src: local('FF Good Pro Medium'), local('FFGoodPro-Medium'),
        url('FFGoodPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-Medium.woff2') format('woff2'),
        url('FFGoodPro-Medium.woff') format('woff'),
        url('FFGoodPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

.hn{
    font-size: 55px;
    font-stretch: 50%;
}


/* texto hover */
.nuestrocontenedor{
    position: relative;
  }
  
  .nuestraimagen{
    display: block;
    width: 100%;
    height: auto;
  }
  
  .nuestrobloque{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 1.5s ease;
    font-family: 'FF Good Pro News';
    src: url('FFGoodPro-News.eot');
    src: local('FF Good Pro News'), local('FFGoodPro-News'),
        url('FFGoodPro-News.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-News.woff2') format('woff2'),
        url('FFGoodPro-News.woff') format('woff'),
        url('FFGoodPro-News.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  



  .textomas{
    color:#9698b6;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
  }
  
  .nuestrocontenedor:hover .nuestrobloque{
    opacity: 1;
  }

  .textoint{
      margin-bottom: 5px;
      margin-top: 10px;
      background-color: #FFF;
  }

  /* texto hover fin */

/**opciones de portada */
.conteportada{
    position: relative;
  }
  
  .nuestraimagen{
    display: block;
    width: 100%;
    height: auto;
  }


  .bloqueportada{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 1.5s ease;
    font-family: 'FF Good Pro News';
    src: url('FFGoodPro-News.eot');
    src: local('FF Good Pro News'), local('FFGoodPro-News'),
        url('FFGoodPro-News.eot?#iefix') format('embedded-opentype'),
        url('FFGoodPro-News.woff2') format('woff2'),
        url('FFGoodPro-News.woff') format('woff'),
        url('FFGoodPro-News.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

   .textomasporta{
    color:#9698b6;
    font-size: 20px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    top: 40%;
  }

  .conteportada:hover .bloqueportada{
    opacity: 1;
  }


  .textointsup{
      margin-bottom: 5px;
      margin-top: 100px;
	  color: #5a5a5a;
	  background-color: #FFF;
	  padding: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  }

.textointinf{
      margin-bottom: 5px;
	  color: #5a5a5a;
	  background-color: #FFF;
	  padding: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  }
  /* texto hover fin */

  /** Nuevo filtro de menu lateral */ 

  ul.menu {
    padding: 0;
    list-style: none;
    width: 100%;
    margin: 20px auto;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    clear: both;
    display: table;
    margin-bottom: 100px;
  }
  ul.menu .list {
    font-size: 18px;
    border-bottom: 1px solid #29282d;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    padding-top: 10px;
    vertical-align: sub;
    /* background: #FFF; */
    clear: both;
  }
  ul.menu .list:after {
    content: "+";
    font-family: FontAwesome;
    position: absolute;
    right: 17px;
    top: 5px;
    padding: 0px 5px;
    color: #969696;
  }
  ul.menu .list:before {
    font-family: FontAwesome;
    position: absolute;
    left: 17px;
    top: 17px;
    padding: 0px 5px;
    color: #969696;
  }
  ul.menu .list a {
    text-decoration: none;
    color: #969696;
    padding: 25px 0px 17px 15px;
    display: block;
    height: 100%;
    box-sizing: border-box;
  }
  ul.menu .list a:hover {
    background-color: #FFF;
    transition: 300ms all;
    color: #969696;
  }
  ul.menu .list .items {
    height: 0px;
    overflow: hidden;
    color: #969696;
  }
  ul.menu .list .items a {
    padding: 17px;
    color: #969696;
    font-size: 10px;
  }



  ul.menu .list ul li{
    text-decoration: none;
    color: #969696;
    padding: 25px 0px 17px 15px;
    display: block;
    height: 100%;
    box-sizing: border-box;
  }
  
  ul.menu .list .items li a{
      border-bottom: 1px solid #FFF;
  
    }
  
  ul.menu .list .items a:hover {
    /* background-color: #FFF; */
    color: #969696;
    transition: 300ms all;
  }
  ul.menu .list:last-child {
    border-bottom: none;
  }
  ul.menu .active:after {
    content: "-";
    position: absolute;
    right: 17px;
    top: 5px;
    padding: 0px 5px;
    color: #969696;
    font-size: 27px;
  }
  ul.menu .active:before {
    position: absolute;
    left: 17px;
    top: 17px;
    padding: 0px 5px;
    color: #969696;
  }
  ul.menu .active > .items {
    display: block;
    /* background: #FFF; */
    padding: 0px;
    height: auto;
    color: #969696;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 200ms;
    clear: both;
    float: left;
    width: 100%;
  }
  ul.menu .active > .items li {
    padding: 0px;
    border-bottom: 1px solid #FFF;
    list-style: none;
    color: #969696;
  }
  ul.menu .active > .items li:last-child {
    border-color: transparent;
    padding-bottom: 0px;
    color: #969696;
  
  }
  ul.menu .active > .items .active > .items {
    background-color: #FFF;
    color: #969696;
  
  }
  ul.menu .active > a {
    color: #969696;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #FFF;
  }
  ul.menu .active .list {
    /* background: #FFF; */
    color: #969696;
  
  }
  ul.menu .active .list a {
    padding: 17px 0px 17px 15px;
    color: #FFF;
  
  }
  
  .subint li a{
      border: 0px;
  }

  .swiper-wrapper{
    height: 400px;

  }

	.logodisplay{
		width: 19%;
		height: 150px;
		border-radius: 10px;
		float: left;
		margin-left: 1%;
	
	}
	
	.logodisplay img{
		width: 90%;
	}
	
	.logodisplay a img:hover{
	/*    width: 80%;
		transform: scaleX(-1);*/
		width: 100%;
	}
	
	
	#logopiago {
	   background-image: url('https://www.altrego.mx/storage/marcas/an0LDsXTfB1zMkPBNxFvMp4BUqtz9G8FhAfWHMmm.png');
	   height: 70px;
	   width: 120px;
	}
	
	#logopiago:hover {
	   background-image: url('https://www.altrego.mx/storage/marcas/sX0wq5mCO1En6teMIZrmbvkAO5W2eL4lYBTUYpCX.png');
	}
	
	.zoom-img {
	  overflow: hidden;
	}
	
	.zoom-img img {
	  width: 100%;
	  height: 100%;
	  filter: brightness(80%);
	  object-fit: cover;
	  transition: all .9s ease;
	}
	
	.zoom-img img:hover {
	  transform: scale(1.2);
	  cursor: pointer;
	  filter: brightness(100%);
	}