/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@font-face {
  font-family: Myriad-Light;
  font-style: normal;
  font-weight: normal;
	src: url('../fonts/Myriad-Pro-Light.woff') format("opentype");
}

@font-face {
  font-family: Myriad-Regular;
  font-style: normal;
  font-weight: normal;
	src: url('../fonts/Myriad-Pro-Regular.woff') format("opentype");
}

@font-face {
  font-family: Myriad-Semibold;
  font-style: normal;
  font-weight: normal;
	src: url('../fonts/myriadsemibold.woff') format("opentype");
}

@font-face {
  font-family: Myriad-Bold;
  font-style: normal;
  font-weight: normal;
	src: url('../fonts/Myriad-Pro-Bold.woff') format("opentype");
}


body {
  font-family: "Myriad-Regular", sans-serif;
  color: #414141;
  background-color: #ffffff;
  /* background-image: url(../img/bggeneral.png); */
  background-repeat: repeat-y;
  background-size: 90%;
}


a {
  
  color:#0172BA;
  text-decoration: none;
  
}

a:hover {
  color:#034975;
  text-decoration: none;
  font-family: Myriad-SemiBold;
}
a.link-secondary {
  
  color:#6EA9DB;
  text-decoration: none;
  
}

a.link-secondary:hover {
  color:#6EA9DB;
  text-decoration: none;
  font-family: Myriad-SemiBold;
}

h1, h2, h3, h4, h5, h6 {
  
  font-weight: normal;
  
}


h4.coloryell {
  
  color: #F1B634;
}

h4.colorblu {
  
  color: #0172BA;
}

p {
  color: #0071CE;
  margin-bottom: 0;
  font-size: 18px;
  font-family: Myriad-Light;
}

p.f14txt {
 
  font-size: 16px;
}

p.whitetxt {

  color: #ffffff;
}

p.yellowtxt {
  color: #F1B634;
}

p.gray4a5b6d {
  color: #4a5b6d;
}







p.text-small{
  font-size: 12px;
  line-height: 16px;
}

span.spanbold {

  font-family: Myriad-Semibold;


}

span.spanyell {

  color:#F1B634;
}

strong{
  font-family: Myriad-Bold;
}

.height-auto{
  height: auto !important;
}

/* colours */
.color-violet {
  background-color: #603075;
}
.color-indigo {
  background-color: #00339F;
}
.color-blue {
  background-color: #2BABE2;
}
.color-green {
  background-color: #94C13D;
}
.color-yellow {
  background-color: #FAEB33; 
}
.color-yellow-2 {
  color: #FDB71A; 
}
.color-orange {
  background-color: #E95F24;
}
.color-red {
  background-color: #0071CE;
}
.color-red-2 {
  color: #c22126 !important;
}
.color-purple-dark{
  color: #253B80;
}
.color-purple-light{
  color: #7273A4;
}
.color-purple-dark span, .color-purple-light span, .blue-light-3-txt span, .blue-light-4-txt span{
  color: #414141;
  font-size: 12px;
  line-height: 16px;
  font-family: Myriad-Light;
}
.slidervertical {
  margin-top: 25px;
}

.blue {
--color: #08b2e3;
}

.yellow {
--color: #edae49;
}

.orange {
--color: #f18805;
}

.green {
--color: #76b041;
}

.brown {
--color: #916953;
}

.red {
--color: #e3655b;
}

.pink {
--color: #ec318c;
}



/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #0071CE;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #1a17f3;
  color: #fff;
  transition: all 0.5s;
}

.back-to-top i:hover {
  background: #1310a0;
  color: #fff;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#header.header-scrolled, #header.header-inner-pages {
  background: rgba(40, 40, 40, 0.9);
}

#header .logo {
  font-size: 28px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.5px;
}

#header .logo a {
  color: #fff;
}

#header .logo img {
  max-height: 40px;
}

@media (max-width: 992px) {
  #header {
    border: 0;
    padding: 15px 0;
  }
}



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */

.navbar-brand {

  margin-left: 1rem;
  margin-right:0 ;
}

.mega-menu {
  
  -webkit-box-shadow: inset 0 1px 20px -20px rgba(0,0,0,0.5) !important;
  -moz-box-shadow: inset 0 11px 20px -20px rgba(0,0,0,0.5) !important;
  box-shadow: inset 0 11px 20px -20px rgba(0,0,0,0.5) !important;
  width: 100vw;
  height: 100vh;
  padding: 0 !important;
  
 }
 
.mega-menu .menu-leftdiv {

  background-color:#EEF2F4 ;
  padding: 0;
  padding-left: 2px;
  height: 100vh;
} 

.mega-menu .menu-leftdiv img.imaleftmenu{

 display: block;
 margin: auto;
 padding: 35px;

} 

.mega-menu .menu-leftdiv ul {

  list-style: none;
  margin-top: 45px;

}

.mega-menu .menu-leftdiv ul li {

  float: left;
  width: 108px;
  margin: auto;
 
}
.mega-menu .menu-leftdiv ul li img {
  width: 68px;
  display: block;
  margin: auto;
 
}  

.mega-menu .menu-leftdiv ul li p{
  font-family: Myriad-Semibold;
 text-align: center;
 font-size: 14px;
 margin-top: 10px;
 color: #707070;
}

.mega-menu .menu-rightdiv .line_orang {
  
  background-color: #FFB332;
    width: 5px;
    height: 85px;
    display: block;
    float: left; 
  
}

.mega-menu .menu-rightdiv .difpadd {
  
  padding-right: 20px;
  padding-left: 5px; 
  
}

.mega-menu .menu-rightdiv .conttitles1 {
  
  width: 100%;
  padding-top: 4px;
  background-image: url(../img/menu/bgme_1.png);
  background-position: left;
  background-size: cover;
  margin-top: 10px;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 6px;  
  
}

.mega-menu .menu-rightdiv .conttitles2 {
  
  width: 100%;
  padding-top: 4px;
  background-image: url(../img/menu/bgme_2.png);
  background-position: left;
  background-size: cover;
  margin-top: 10px;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 6px;  
  
}

.mega-menu .menu-rightdiv .conttitles3 {
  
  width: 100%;
  padding-top: 4px;
  background-image: url(../img/menu/bgme_3.png);
  background-position: left;
  background-size: cover;
  margin-top: 10px;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 6px;  
  
}

.mega-menu .menu-rightdiv .conttitles4 {
  
  width: 100%;
  padding-top: 4px;
  background-image: url(../img/menu/bgme_4.png);
  background-position: left;
  background-size: cover;
  margin-top: 10px;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 6px;  
  
}

.mega-menu .menu-rightdiv .conttitles5 {
  
  width: 100%;
  padding-top: 4px;
  background-image: url(../img/menu/bgme_5.png);
  background-position: left;
  background-size: cover;
  margin-top: 10px;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 6px;  
  
}

.mega-menu .menu-rightdiv .conttitles6 {
  
  width: 100%;
  padding-top: 4px;
  background-image: url(../img/menu/bgme_6.png);
  background-position: left;
  background-size: cover;
  margin-top: 10px;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 6px;  
  
}

.mega-menu .menu-rightdiv .conttitles7 {
  
  width: 100%;
  padding-top: 4px;
  background-image: url(../img/menu/bgme_7.png);
  background-position: left;
  background-size: cover;
  margin-top: 10px;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 6px;  
  
}

.mega-menu .menu-rightdiv .conttitles8 {
  
  width: 100%;
  padding-top: 4px;
  background-image: url(../img/menu/bgme_8.png);
  background-position: left;
  background-size: cover;
  margin-top: 10px;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 6px;  
  
}

.mega-menu .menu-rightdiv .conttitles9 {
  
  width: 100%;
  padding-top: 4px;
  background-image: url(../img/menu/bgme_9.png);
  background-position: left;
  background-size: cover;
  margin-top: 10px;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 6px;  
  
}

.mega-menu .menu-rightdiv .conttitles10 {
  
  width: 100%;
  padding-top: 4px;
  background-image: url(../img/menu/bgme_10.png);
  background-position: left;
  background-size: cover;
  margin-top: 10px;
  background-repeat: no-repeat;
  float: left;
  margin-bottom: 6px;  
  
}

.mega-menu .menu-rightdiv h2 {
  margin-bottom: 0;
  font-family: Myriad-SemiBold;
  color:#ffffff;
  text-transform: uppercase;
  font-size: 16px;  
  
}

.mega-menu .menu-rightdiv h2 a {

  color:#ffffff;

  
}

.mega-menu .menu-rightdiv h2 .subh {
  
  text-transform: lowercase;
  
  
}

.mega-menu .menu-rightdiv p {
  line-height: 17px;
  font-family: Myriad-Semibold;
  color:#707070;
  font-size: 12px;  
  
}

.mega-menu .menu-rightdiv .contsubmenus {
  
 float: right;
 width: 96%;
  
}

.mega-menu .menu-rightdiv .contsubmenus a {
  
 color: #4a4e52;
   
 }

 .mega-menu .menu-rightdiv .contsubmenus a:hover {
  
  color: #2c2e30;
  text-decoration: underline;
    
  }



.mega-menu .menu-rightdiv .contsubmenus .trutitle{
  
  font-size: 14px;
  font-family: Myriad-SemiBold;
   
 }



.mega-menu .menu-rightdiv .contsubmenus ul {
  list-style: none;
  margin: 0;
  padding: 0;
   
 }
 
  
 .dropdown-menu {
   padding: 0;
   border-top: none;
 }


 .navbar {
  height: 60px;
  padding: 0;
  position: fixed;
  z-index: 10;
  width: 100%;
  background-color: #FAFAFB;
  -webkit-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2);
}


.menucont{
  z-index: 1001;
}

.menucont img {
  
  width: 160px;


}

.menucont .txtinffi {
  margin-left: 13%;
}


.secondary-nav {
    float: right;
    display: inline-block;
    margin-right: 16px;
    margin-top: 11px;
    padding: 0;
   

}


.secondary-nav li {
  display: block;
  
  text-align: center;
  float: left;
  
  text-transform: uppercase;
}



.secondary-nav a {
  width: 40px;
    display: inline-block;
    height: 26px;
    padding-top: 2px;
    
  
}

.secondary-nav li a:hover {
  color: #0172BA;
}

.activemenu {
  
  color: #0172BA;
}

.activemenu a {
 color: #0172BA;
 font-family: Myriad-Semibold;
 border-right: 1px solid; 
}



.dropdown-menu.collapsing {
  display: block;
}
/* @media (max-width: 767.98px) {


  .mega-menu .menu-leftdiv {
   
    display: none;
}
  .dropdown-menu {
    padding: 0;
    margin-top: 0!important;
    border: 0!important;
    overflow: scroll;
  }
  .dropdown-menu:before {
    content: "";
    display: block;
    padding-top: .5rem;
  }
  .dropdown-menu:after {
    content: "";
    display: block;
    padding-bottom: .5rem;
  }
}
@media (min-width: 768px) {
  .dropdown>div {
    position: absolute;
    clip: rect(0.5rem, 9999px, 9999px, -9999px);
  }
  .dropdown-menu {
    height: auto!important;
    transition: transform .35s ease!important;
  }
  .dropdown-menu.collapse, .dropdown-menu.sliding {
    transform: translate(0, -115%);
  }
  .dropdown-menu.collapse:not(.show) {
    display: block;
    opacity: 0;
  }
  .dropdown-menu.collapse.show {
    transform: translate(0, 0);
  }
} */
.conteneng {
  position: relative;
  display: block;
  height: 50px;
  }

.conteneng .btndowlo {
  float: left;
  margin-top: 14px;

}
  
  
  



/* Burger */
.burger {
  margin-top: 7px;
    float: right;
    display: inline-block;
    width: 28px;
    height: 32px;
    cursor: pointer;
    position: relative;

}

.burger:before, .burger span, .burger:after {
  width: 100%;
  height: 2px;
  display: block;
  background: #0172BA;
  border-radius: 2px;
  position: absolute;
  opacity: 1;
}

.burger:before, .burger:after {
  transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: top 0.35s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), background-color 1.15s cubic-bezier(0.86, 0, 0.07, 1);
  content: "";
}

.burger:before {
  top: 4px;
}

.burger span {
  top: 15px;
}

.burger:after {
  top: 26px;
}

/* Hover */
.burger:hover:before {
  top: 7px;
}

.burger:hover:after {
  top: 23px;
}

/* Click */
.burger.active span {
  opacity: 0;
}

.burger.active:before, .burger.active:after {
  top: 40%;
}

.burger.active:before {
  transform: rotate(45deg);
}

.burger.active:after {
  transform: rotate(-45deg);
}

.burger:focus {
  outline: none;
}

/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/
@media (max-width: 550px) {

.menucont .txtinffi {

  display: none;
}

}

@media (max-width: 450px) {

  #mainhome {

    overflow: hidden;

  }

  .menucont img {
  
    width: 140px;
  
  }
  .menucont .conteneng {
    padding-left: 5px;
    padding-right: 0px;
    width: 50%;
  }

  .navbar-brand {
   margin-right: 1px;
   margin-left: 0;
}

.menucont .txtinffi {

  display: none;
}

.menucont .btndowlo {

  display: none;
  
}

.mega-menu .menu-leftdiv {
  display: none;
}


.dropdown-menu {
  max-height: 1500px;
  overflow: auto;
  border: 0;
  border-radius: 0;
}
  
  .dropdown-menu .mega-menu {
   
    border-bottom: 1px solid #d8d8d8;

  }
  
  .dropdown-menu .mega-menu {
    background-image: none;
    padding: 8px !important;
    box-shadow: none !important;
    width: 98% !important;

  }

  .mega-menu p.txtitleconte {
    margin-bottom: 10px;
    text-align: center;
    font-size: 35px;
  }

  .mega-menu .sub-menu1 {
    margin-left: 20px; 
    margin-bottom: 5px;
  }

  .mega-menu .sub-menu1 a.linktipo1 {
    line-height: 20px;
    margin-bottom: 10px;

  }

  .mega-menu .sub-menu1:nth-child(4n) {
    
    margin-bottom: 15px;
  }

  .mega-menu .sub-menu1 ul {
   display: none;
  }

  .mega-menu .sub-menu .col-sm-2 {
    
    width: 18%;
    

   }

   .mega-menu .sub-menu .col-sm-10 {
    
    width: 82%;
    

   }

   .mega-menu .menu-rightdiv h2 {
   
    font-size: 14px;
}
 
.dropdown-menu .mega-menu {
  
  height: 2111px;
}


}/*-END  MOBILE-*/


/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/

.btnprevporta {

  font-size: 39px;
  float: left;
  color: #fff;
  margin-top: 15px;
  margin-left: 15px;

}

 .btnnextporta {

  font-size: 39px;
  float: right;
  color: #fff;
  margin-top: 15px;
  margin-right: 15px;

}




/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/



#hero {
  
  height: 100vh;
  background-image: url(../img/home/bg_homeport.jpg);
  background-size: cover;
  background-color:#EEF2F4;
  
  
}


#hero .pad95 {
 padding-top: 95px;
  
}



#hero .veinteupimg {

  margin: 0px;
    float: right;
    width: 490px;

}

#hero .contimgdoscarr {

  margin: 0px;
    float: right;
    width: 490px;

}

#hero .dosdownsolo {

  margin: 0px;
    float: left;
    width: 220px;

}


#hero .carrima1 {

  margin: 0px;
    float: right;
    width: 268px;

}


#hero .mySlides {
  display: none;
 

   
}


#hero .mySlidestwo {
  display: none;

   
}
   


#hero .mySlidestwo a {
  margin: 10px;
  float: right;

  color: #ffffff;
  display: block;
  text-align: center;
  float: left;
  padding: 3px;
  position: relative;
   
}


#hero .mySlidestwo a .fa-external-link{
  margin-left: 5px;
  font-size: 14px;
   
}

#hero .mySlidestwo a:hover {
  
  text-decoration: underline;
  cursor: pointer;

 
}


#hero .menucarr {
  height: auto;
  display: block;
  float: right;
}


#hero .menucarr p {
  text-transform: uppercase;
  font-size: 15px;
  color: #ffffff;
  margin-right: 40px;
  text-align: right;
  font-family: Myriad-Semibold;
}

#hero .menucarr ul {
  list-style: none;
  width: 100%;
  margin-top: 10px;
  float: right;
  margin-right: 40px;
    
}


#hero .menucarr ul li {
  text-align: right;
  font-size: 15px;
  
}

#hero .menucarr ul li a {
  
  color: #6FA5C7;
  font-family: Myriad-Light;
}

#hero .menucarr ul li a:hover {
  font-family: Myriad-Regular;
  color: #ffffff;
}


#hero .menucarr ul li a.active {
  
  color: #ffffff;
  font-family: Myriad-Regular;
}


#hero .menucarr ul li span {
  margin-left: 10px;
  font-size: 9px;
  
}


.moving-mouse-holder {
  margin: auto;
  margin-top: 10px;
  width: 170px;
}

.moving-mouse-holder .mouse {
  width: 26px;
  height: 40px;
  position: relative;
  margin: auto;
  border-radius: 18px;
  border: 2px solid #ffffff;
}

.moving-mouse-holder .mouse .fa-long-arrow-down {
  color: #fff;
    position: relative;
    top: 29px;
    left: 4px;
    font-size: 23px;
}



.moving-mouse-holder .mouse-button {
  background-color: #ffffff;
  width: 4px;
  height: 10px;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -2px;
  animation: mouse-scroll 1s infinite alternate;
}

.moving-mouse-holder .text {
  margin-top: -30px;
  margin-left: 40px;
  color: #33cc66;
  font-size: 12px;
  line-height: 1em;
}

@keyframes mouse-scroll {
  to {
    transform: translate(0, 6px) scale(1, 0.8);
  }
}

#hero .txtinfor {
  margin-top: 75px;
    font-size: 25px;
    line-height: 31px;
    color: #ffffff;
    float: left;
    width: 100%;
  
}

#hero h1 {
  width: 100%;
    float: left;
    font-size: 68px;
    color: #F1B634;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 60px;
  
}

#hero h2 {
  text-transform: uppercase;
    width: 100%;
    float: left;
    font-size: clamp(2rem, 7vw, 6.5rem);
    color: #F1B634;
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 93px;
    font-family:Myriad-Bold;
  
}



#hero .btnvermas {
  margin-top: 30px;
  color: #ffffff;
  background-color: #0B2240;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    cursor: pointer;
}

#hero .btnvermas p {
color: #ffffff;
position: relative;
bottom: 51px;
    font-size: 12px;
}

#hero .pulse {
  overflow: visible;
  position: relative;
}
#hero .pulse:before {
  content: '';
  display: block;
  
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #0B2240;
  border-radius: inherit;
  transition: opacity .3s, transform .3s;
  animation: pulse-animation 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
	z-index: -1;
}


#valor_financiero_02 .cardvf__playbutton2 {
  position: absolute;
    bottom: -35px;
    left: 136px;
}


#valor_financiero_02 .btnvervideo {
  margin: auto;
  color: #F1B634;
  background-color: #ffffff;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    display: block;
    cursor: pointer;
}

#valor_financiero_02 .btnvervideo p {
color: #F1B634;
position: relative;
bottom: 41px;
left: 3px;
font-size: 18px;
}

#valor_financiero_02 .pulse {
  overflow: visible;
  position: relative;
}



#valor_financiero_02 .pulse:before {
  content: '';
  display: block;
  
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: inherit;
  transition: opacity .3s, transform .3s;
  animation: pulse-animation 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
	z-index: -1;
}


@keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

#hero .play-btn {
  width: 94px;
  height: 94px;
  margin: 0 auto;
  background: radial-gradient(#009961 50%, rgba(0, 153, 97, 0.4) 52%);
  border-radius: 50%;
  display: block;
  overflow: hidden;
  position: relative;
}

#hero .play-btn::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

#hero .play-btn::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate-btn 3s;
  animation: pulsate-btn 3s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(0, 153, 97, 0.7);
  top: -15%;
  left: -15%;
  background: rgba(198, 16, 0, 0);
}

#hero .play-btn:hover::after {
  border-left: 15px solid #009961;
  transform: scale(20);
}

#hero .play-btn:hover::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  -webkit-animation: none;
  animation: none;
  border-radius: 0;
}


@-webkit-keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@keyframes pulsate-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: cover;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    
  }
  #hero h2 {
    
  }
}

/*--------------------------------------------------------------
# HERO 2
--------------------------------------------------------------*/

#hero2 .slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto
}

#hero2 .mySlides {
  display: none;
height: 400px;
border: solid 1px black;
   
}

#hero2 .prev,
#hero2 .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #222428;
  font-weight: bold;
  font-size: 30px;
  transition: .6s ease;
  border-radius: 0 3px 3px 0
}

#hero2 .next {
  right: -50px;
  border-radius: 3px 3px 3px 3px
}

#hero2 .prev {
  left: -50px;
  border-radius: 3px 3px 3px 3px
}

#hero2 .prev:hover,
#hero2 .next:hover {
  color: #f2f2f2;
  background-color: rgba(0, 0, 0, 0.8)
}

#hero2 .text {
  color: #f2f2f2;
  font-size: 15px;
  padding-top: 12px;
padding-bottom: 12px;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #222428
}

#hero2 .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0
}

#hero2 .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color .6s ease
}

#hero2 .active,
#hero2 .dot:hover {
  background-color: #717171
}





/*--------------------------------------------------------------
# SECCION Ver video
--------------------------------------------------------------*/

.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}



.modal-body {
position:relative;
padding:0px;
}


.close {
position:absolute;
right:-30px;
top:0;
z-index:999;
font-size:2rem;
font-weight: normal;
color:#fff;
opacity:1;
}

.close:hover {
color: #0B2240 ;
  }



button.close {
  outline: none;
}


#seccionvvid {

  background-color: #0B2240;
  background-image: url(../img/bgvervid.jpg);
  height: 200px ;
  background-size: cover;
  background-repeat: no-repeat;

}

#seccionvvid .btnvervid {
  margin: 25px auto 10px;
  color: #ffffff;
  background-color: #04339F;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    display: block;
    cursor: pointer;
}

#seccionvvid .btnvervid i {
  display: block;
font-size: 40px;
margin: -60px auto;
}


#seccionvvid  p {
  text-transform: uppercase;
color: #ffffff;
font-size: 12px;
}

#seccionvvid .pulse {
  overflow: visible;
  position: relative;
}
#seccionvvid .pulse:before {
  content: '';
  display: block;
  
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #04339F;
  border-radius: inherit;
  transition: opacity .3s, transform .3s;
  animation: pulse-animation 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
	z-index: -1;
}


/*--------------------------------------------------------------
# Seccion 2
--------------------------------------------------------------*/


#section2 {
 
  height: auto;
 padding-top: 0;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0;
  background-image: url(../img/home/bg_homeport.jpg);
  background-position: 0 -790px;
 background-size: cover;

}

#section2 p {
 
  text-align: center;
  font-size: 30px;
  margin: 90px auto;
  line-height: 38px;
  width: 1115px;

}




/*--------------------------------------------------------------
# Seccion 3
--------------------------------------------------------------*/


#section3 {

  width: 100%;
  height: auto;
 padding-top: 60px;
 padding-bottom: 30px;
 padding-left: 0;
 padding-right: 0;

}

#section3 .txt1 {
 text-transform: uppercase;
 color: #707070;
 margin-top: 15px;
 margin-bottom: 15px;
 font-size: 24px;
 font-family: Myriad-Semibold;
}

#section3 .txt1 a {
  text-transform: uppercase;
  color: #707070;
  margin-left: 15px;
  font-size: 16px;
  font-family: Myriad-Light;
 }

 #section3 .txt1 a:hover {
  color: #034975;
  text-decoration: none;
  font-weight: 700;
}

 #section3 .txt1 a .fa-plus {
  text-transform: uppercase;
  color: #0172BA;
  margin-left: 5px;
  font-size: 13px;
  margin-bottom: 2px;
 }




#section3 .txt2 {
  width: 80%;
  margin: auto;
  color: #707070;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 30px;
 }



/*--------------------------------------------------------------
# Seccion 4
--------------------------------------------------------------*/


#section4 {
  width: 100%;
 
 padding-top: 0;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0;
 

}

#section4 a {
display: contents;
 

}

#section4 .divline {

  height: 93px;
  width: 2px;
  background-color: #707070;

}

#section4 .divline2 {

  height: 220px;
  width: 2px;
  background-color: #707070;
 
}

#section4 .divline4 {

  height: 228px;
  width: 2px;
  background-color: #707070;
 
}

#section4 .divline5 {

  height: 217px;
  width: 2px;
  background-color: #707070;
 
}


.parallax {

  position: absolute;
  right: 25px;
  /* The image used */
  background-image: url("../img/home/parraima1.png");

  /* Set a specific height */
  
  width: 450px;
  height: 421px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: 900px 333px;
  background-repeat: no-repeat;
  background-size: 34%;
}

.parallax2 {

  position: absolute;
  top: 362px;
  left: 25px;
    background-image: url("../img/home/parraima2.jpg");
    width: 450px;
    height: 338px;
    background-attachment: fixed;
    /* background-position: 900px 333px; */
    background-repeat: no-repeat;
    background-size: 34%;
}

.parallax3 {

  position: absolute;
  top: 697px;
  right: 25px;
  background-image: url(../img/home/parraima3.jpg);
  width: 519px;
  height: 343px;
  background-attachment: fixed;
  background-position: 900px 333px;
  background-repeat: no-repeat;
  background-size: 34%;
}

.parallax4 {

  position: absolute;
  top: 1110px;
  left: 25px;
  background-image: url("../img/home/parraima4.jpg");
  width: 570px;
  height: 340px;
  background-attachment: fixed;
  /* background-position: 900px 333px; */
  background-repeat: no-repeat;
  background-size: 44%;
}

.parallax5 {

  position: absolute;
  right: 25px;
  top: 1486px;
  background-image: url(../img/home/parraima5.jpg);
  width: 570px;
  height: 338px;
  background-attachment: fixed;
  background-position: 834px 241px;
  background-repeat: no-repeat;
  background-size: 54%;
}

.parallax6 {

  position: absolute;
  top: 1980px;
  left: 25px;
    background-image: url("../img/home/parraima6.jpg");
    width: 450px;
    height: 442px;
    background-attachment: fixed;
    /* background-position: 900px 333px; */
    background-repeat: no-repeat;
    background-size: 36%;
}

.parallax7 {
  position: absolute;
  right: 25px;
  top: 2291px;
  background-image: url(../img/home/parraima7.jpg);
  width: 562px;
  height: 367px;
  background-attachment: fixed;
  background-position: 843px 90px;
  background-repeat: no-repeat;
  background-size: 40%;
}

.parallax8 {

  position: absolute;
  top: 2769px;
  left: 25px;
    background-image: url("../img/home/parraima8.jpg");
    width: 540px;
    height: 326px;
    background-attachment: fixed;
    background-position: 21px 154px;
    background-repeat: no-repeat;
    background-size: 44%;
}



#section4 h4 {

  font-size: 32px;
  font-family: Myriad-Bold ;
  
  text-transform: uppercase;
  margin-top: 25px;
 

}

#section4 h4 span{

  font-size: 14px;
    margin: 0;
    font-family: Myriad-SemiBold;
    text-transform: uppercase;
    padding: 0;
    text-align: center;
    display: block;

}

#section4 .titlessec {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 270px;
  font-size: 50px;
    font-family: Myriad-Light;
    color: #262626;
    text-align: left;
    line-height: 58px;
 
}

#section4 .titlessec2 {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-right: 328px;
  font-size: 50px;
    font-family: Myriad-Light;
    color: #262626;
    text-align: right;
    line-height: 58px;
 
}

#section4 .titlessec3 {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 431px;
  font-size: 50px;
    font-family: Myriad-Light;
    color: #262626;
    text-align: left;
    line-height: 58px;
 
}

#section4 .titlessec4 {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 247px;
  font-size: 50px;
    font-family: Myriad-Light;
    color: #262626;
    text-align: left;
    line-height: 58px;
 
}

#section4 .titlessec5 {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-right: 168px;
  font-size: 50px;
    font-family: Myriad-Light;
    color: #262626;
    text-align: right;
    line-height: 58px;
 
}

#section4 .titlessec6 {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 238px;
  font-size: 50px;
    font-family: Myriad-Light;
    color: #262626;
    text-align: left;
    line-height: 58px;
 
}

#section4 .titlessec7 {

  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-right: 197px;
  font-size: 50px;
  font-family: Myriad-Light;
  color: #262626;
  text-align: right;
  line-height: 58px;
 
}

/*--------------------------------------------------------------
#  IR AL INICIO
--------------------------------------------------------------*/

#section5 {
  height: auto;
  margin: 20px 0;
 
}

#section5 p {
  
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 0;
  
 
}

#section5 p .fa-arrow-to-top{
  
  font-size: 30px;
 
}

/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media only screen and (min-width : 546px) and (max-width: 1024px) {

  #hero {
    height: 100%;
   
  }


#hero .veinteupimg {
  margin: 0px;
  float: right;
  width: 290px;
}

#hero .contimgdoscarr {
  margin: 0px;
  float: right;
  width: 290px;
}

#hero .carrima1 {
  margin: 0px;
  float: right;
  width: 150px;
}

#hero .dosdownsolo {
  margin: 0px;
  float: left;
  width: 127px;
}

  #hero .menucarr {
    height: auto;
    display: none;
    float: right;
  }

  #hero .txtinfor {
    margin-top: 75px;
    font-size: 20px;
    line-height: 31px;
    color: #ffffff;
    float: left;
    width: 100%;
}

  #hero h1 {
    width: 100%;
    float: left;
    font-size: 55px;
    color: #F1B634;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 40px;
}
  

  #hero h2 {
    text-transform: uppercase;
    width: 100%;
    float: left;
    font-size: clamp(2rem, 7vw, 6.5rem);
    color: #F1B634;
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 41px;
    font-family: Myriad-Bold;
}


  #section2 p {
    text-align: center;
    font-size: 24px;
    margin: 35px auto;
    line-height: 33px;
    width: 92%;
}


#section2 {
  
  background-position: top center;
  
}

#section4  {

  overflow: hidden;
 
}

#section4 a {
  display: block;
  width: 100%;
}

.parallax {
  position: absolute;
  right: 25px;
  top: -49px;
  background-image: url(../img/home/parraima1.png);
  width: 281px;
  height: 152px;
  background-attachment: fixed;
  background-position: 331px 81px;
  background-repeat: no-repeat;
  background-size: 51%;
}

.parallax2 {
  position: absolute;
  top: 374px;
  left: 25px;
  background-image: url(../img/home/parraima2.jpg);
  width: 270px;
  height: 261px;
  background-attachment: fixed;
  background-position: 37px 33px;
  background-repeat: no-repeat;
  background-size: 48%;
}

.parallax3 {
  position: absolute;
  top: 870px;
  right: 25px;
  background-image: url(../img/home/parraima3.jpg);
  width: 326px;
  height: 212px;
  background-attachment: fixed;
  background-position: 286px 140px;
  background-repeat: no-repeat;
  background-size: 57%;
}

.parallax4 {
  position: absolute;
  top: 1430px;
  left: 25px;
  background-image: url(../img/home/parraima4.jpg);
  width: 266px;
  height: 298px;
  background-attachment: fixed;
  /* background-position: 900px 333px; */
  background-repeat: no-repeat;
  background-size: 44%;
}


.parallax5 {
  position: absolute;
  right: 25px;
  top: 1873px;
  background-image: url(../img/home/parraima5.jpg);
  width: 326px;
  height: 192px;
  background-attachment: fixed;
  background-position: 67px 39px;
  background-repeat: no-repeat;
  background-size: 89%;
}

.parallax6 {
  position: absolute;
  top: 2216px;
  left: 25px;
  background-image: url(../img/home/parraima6.jpg);
  width: 269px;
  height: 309px;
  background-attachment: fixed;
  /* background-position: 900px 333px; */
  background-repeat: no-repeat;
  background-size: 53%;
}

.parallax7 {
  position: absolute;
  right: 25px;
  top: 2679px;
  background-image: url(../img/home/parraima7.jpg);
  width: 299px;
  height: 180px;
  background-attachment: fixed;
  background-position: 230px -95px;
  background-repeat: no-repeat;
  background-size: 66%;
}

.parallax8 {
  position: absolute;
  top: 3173px;
  left: 25px;
  background-image: url(../img/home/parraima8.jpg);
  width: 290px;
  height: 185px;
  background-attachment: fixed;
  background-position: 21px 97px;
  background-repeat: no-repeat;
  background-size: 51%;
}
 
#valor_financiero_02 .cardvf__playbutton2 {
  
  left: 46%;
}


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {
  
  #valor_financiero_02 .cardvf__playbutton2 {
  
    left: 46%;
  }

  #hero {
    height: 100vh;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#hero .col-lg-6 {
  
  margin-bottom: 5px !important;
  
}

#hero .veinteupimg {
  margin: 0px;
  float: none; 
  width: 94%;
  display: block;
  margin: auto;
}

#hero .contimgdoscarr {
  margin: 0px;
  float: none;
  width: 100%;
}

#hero .dosdownsolo {
  margin: 0 0 0 10px;
  float: left;
  width: 139px;
}

#hero .carrima1 {
  margin: 0 10px 0 0;
  float: right;
  width: 167px;
}
#hero .menucarr {
  height: auto;
  display: none;
  float: right;
}

#hero .txtinfor {
  margin-top: 23px;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  float: left;
  width: 100%;
}

#hero h1 {

  font-size: 38px;
  margin: 0;
  line-height: normal;

}

#hero h2 {
  text-transform: uppercase;
  width: 100%;
  /* display: block; */
  float: left;
  font-size: clamp(3rem, 7vw, 6.5rem);
  color: #F1B634;
  margin-bottom: 0;
  margin-top: 12px;
  line-height: 16px;
  font-family: Myriad-Bold;
}

#section2 {
  background-position: 0px 0px;
}

#section2 p {
  text-align: center;
  font-size: 18px;
  margin: 38px auto;
  line-height: 26px;
  width: 100%;
}

#section3 .txt2 {
  width: 95%;
  margin: auto;
  color: #707070;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 18px;
}

#section4 .titlessec {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 55px;
  font-size: 34px;
  font-family: Myriad-Light;
  color: #262626;
  text-align: left;
  line-height: 43px;
}

#section4 .titlessec2 {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-right: 55px;
  font-size: 34px;
  font-family: Myriad-Light;
  color: #262626;
  text-align: right;
  line-height: 43px;
}

#section4 .titlessec3 {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 55px;
  font-size: 34px;
  font-family: Myriad-Light;
  color: #262626;
  text-align: left;
  line-height: 43px;
}

#section4 .titlessec4 {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 55px;
  font-size: 34px;
  font-family: Myriad-Light;
  color: #262626;
  text-align: left;
  line-height: 43px;
}

#section4 .titlessec5 {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-right: 55px;
  font-size: 34px;
  font-family: Myriad-Light;
  color: #262626;
  text-align: right;
  line-height: 43px;
}

#section4 .titlessec6 {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-left: 55px;
  font-size: 34px;
  font-family: Myriad-Light;
  color: #262626;
  text-align: left;
  line-height: 43px;
}

#section4 .titlessec7 {
  z-index: 1;
  margin-top: 10px;
  margin-bottom: 30px;
  margin-right: 55px;
  font-size: 34px;
  font-family: Myriad-Light;
  color: #262626;
  text-align: right;
  line-height: 43px;
}

.parallax {
  position: absolute;
  top: 32px;
  left: 137px;
  background-image: url(../img/home/parraima1.png);
  width: 354px;
  height: 147px;
  background-attachment: unset;
  background-position: -38px 0px;
  background-repeat: no-repeat;
  background-size: 90%;
}

.parallax2 {
  position: absolute;
    top: 436px;
    left: -223px;
    background-image: url(../img/home/parraima2.jpg);
    width: 450px;
    height: 203px;
    background-attachment: unset;
    background-position: 19px -38px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.parallax3 {
  position: absolute;
    top: 811px;
    right: -35px;
    background-image: url(../img/home/parraima3.jpg);
    width: 272px;
    height: 233px;
    background-attachment: unset;
    background-position: 14px 36px;
    background-repeat: no-repeat;
    background-size: 100%;
}

#section4 .divline {
  height: 180px;

}

.parallax4 {
  position: absolute;
  top: 1270px;
  left: -22px;
  background-image: url(../img/home/parraima4.jpg);
  width: 256px;
  height: 235px;
  background-attachment: unset;
  background-position: 6px -7px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.parallax5 {
  position: absolute;
    right: -119px;
    top: 1696px;
    background-image: url(../img/home/parraima5.jpg);
    width: 340px;
    height: 189px;
    background-attachment: unset;
    background-position: -29px 21px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.parallax6 {
  position: absolute;
    top: 2100px;
    left: -175px;
    background-image: url(../img/home/parraima6.jpg);
    width: 394px;
    height: 226px;
    background-attachment: unset;
    background-position: 96px -17px;
    background-repeat: no-repeat;
    background-size: 100%;
}


.parallax7 {
  position: absolute;
  right: -15px;
  top: 2532px;
  background-image: url(../img/home/parraima7.jpg);
  width: 233px;
  height: 188px;
  background-attachment: unset;
  background-position: 3px -63px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.parallax8 {
  position: absolute;
  top: 2984px;
  left: -140px;
  background-image: url(../img/home/parraima8.jpg);
  width: 357px;
  height: 208px;
  background-attachment: unset;
  background-position: 87px -4px;
  background-repeat: no-repeat;
  background-size: 100%;
}


}/*-END  MOBILE-*/

/*--------------------------------------------------------------
# la_meta_01 Alberto
--------------------------------------------------------------*/


#la_meta_01 {
  height: 100vh;
  background-image: url(../img/ambiente/bg-green.jpg);
  background-size: cover;
  background-color: #4e8735;
  background-repeat: no-repeat;

}

#la_meta_01 .pad95 {

  padding-top: 80px;
   
}

#la_meta_01 .paditl {
  padding-left: 14%;
    padding-top: 5%;
    padding-right: 0;
    
   
}

#la_meta_01 .paditlright {
  padding-left: 0;
  padding-top: 5%;
  padding-right: 10%;
  height: 520px;
}

#la_meta_01 .lineblu {
  margin-left: 40px;
  background-color: #F1B634;
    height: 152px;
    width: 5px;
    float: left;

}

#la_meta_01 .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#la_meta_01 h1 {
  font-family: Myriad-Bold;
  color: #F1B634;
  font-size: 40px;
  text-transform: uppercase;

}

#la_meta_01 .contfra {
  width: 80%;
  float: right;

}

#la_meta_01 .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: clamp(2rem, 5.5vw, 4rem);
  font-family: Myriad-Light;

}

#la_meta_01 p.txtintro {
  float: left;
  margin-top: 25px;
  margin-left: 80px;
  color: #ffffff;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
  font-family: Myriad-Light;


}

#la_meta_01  p.txtintro span{
  
  font-family: Myriad-Regular;

}



#la_meta_01 .imageslip {
  position: absolute;
  width: 420px;
  display: block;
  
  margin: 0px auto;
  
}

#la_meta_01  .imageslip2 {
  position: absolute;
  width: 590px;
  display: block;
  margin: 0px auto;
}

#la_meta_01  .titlesmob  {
  display: none;
}


/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {
  
  

  #la_meta_01 .pad95 {
    padding-top: 69px;
}

  #la_meta_01  .paditl {
    padding-left: 20px;
    
}

#la_meta_01  .titlfra1 {
  
  right: 15px;
  
  font-size: 10px;
  
}

#la_meta_01  h1 {
  margin-top: 0px;
  font-size: 30px;
  
}

#la_meta_01  .contfra h2 {

  
  line-height: 1.2;
  

}


#la_meta_01  .lineblu {
  height: 115px;
}

#la_meta_01  .d-flex {
  height: 288px;
}


  #la_meta_01  .imageslip {
    
    width: 240px;
    
    
  }
  
  #la_meta_01  .imageslip2 {
   
    width: 340px;
    
  }

  #la_meta_01  p.txtintro {
   
    display: none;
    
  
  }

  #la_meta_01  .paditlright {
    display: none;
  }

  #la_meta_01  .titlesmob {
    display: block;
  }

  
  #la_meta_01  .imgcentermod {
    position: absolute;
    width: 91px;
    top: 129px;
    left: 142px;
}
 
#la_meta_01 .icos-allods {
  margin-top: 0px;
    margin-left: 20%;
    width: 30px;
    margin-bottom: 0;

}


}/*-END  MOBILE-*/


/*--------------------------------------------------------------
# la_meta_02 Alberto
--------------------------------------------------------------*/
#la_meta_02 .cards__text p{
  margin: 0;
  padding: 0;
}

#la_meta_02 .subh4{
 
  font-size: 20px;
  font-family: Myriad-SemiBold;

}

.ico-nuevos-compromisos{
  background: url('../svg/ico_ambAsset 33.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}

.icoss-int-2 {
  width: 45px;
  display: inline;
  margin: 0 10px 0 0;
}

/*--------------------------------------------------------------
# la_meta_03 Alberto
--------------------------------------------------------------*/

#la_meta_03 .text-and-divider p{
  font-size: 16px !important;
}
@media screen and (min-width:1279px){
  #la_meta_03 .panel-solar{
    height: 129px;
  }
  #la_meta_03 .ventilador{
    height: 151px;
  }
}


/*--------------------------------------------------------------
# la_meta_04 Alberto
--------------------------------------------------------------*/
#la_meta_04 .text-and-divider p{
  font-size: 16px !important;
}
@media screen and (min-width:1279px){
  #la_meta_04 .caja-great-value{
    height: 115px;
  }
}

/*--------------------------------------------------------------
# la_meta_05 Alberto
--------------------------------------------------------------*/
#la_meta_05 .text-and-divider p{
  font-size: 16px !important;
}

#la_meta_05 .imgpesacdor{
 
   position: relative;
    top: 40px;

}

@media screen and (min-width:1279px){
  #text-and-divider-alone img{
    max-height: 109px;
  }
}


/*--------------------------------------------------------------
# la_meta_06 Alberto
--------------------------------------------------------------*/
.walmartable{
  margin: 24px 0;
  position: relative;
}
.walmartable__item{
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.walmartable__bluetitle{
  background: #273278;
  padding: 8px 16px;
}
.walmartable__image img{
  width: 100%;
  padding: 0;
  margin: 0;
}
.walmartable__title{
  background: #eceff9;
  padding: 8px 16px;
}
.walmartable__description{
  background: #eceff9;
  padding: 0px 16px 8px 16px;
}
.walmartable__title p, .walmartable__description p{
  margin: 0;
  padding: 0;
}
.walmartable__greentitle{
  background: #74bc1f;
  padding: 8px 16px;
}
.walmartable__results{
  background: #eff7ea;
  padding: 8px 16px;
}
.walmartable__results p{
  margin: 0;
  padding: 0;
}
.big-data{
  font-size: 20px;
  font-family: Myriad-Bold;
}
@media screen and (min-width:767px){
  .walmartable__item{
    flex-direction: row;
    justify-content: space-between;
  }
  .walmartable__bluetitle{
    width: 100%;
  }
  .hide-element{
    display: none;
  }
  .walmartable__article{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  .walmartable__article-text{
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
    background: #eceff9;
  }
  .walmartable__image{
    width: 30%;
    background: #eceff9;
  }  
  .walmartable__image img{
    width: 100%;
  }
  .walmartable__article-text{
    width: 70%;
  }
  .walmartable__article-results{
    width: 100%;
    display: flex;
    flex-direction: row;
    background: #eff7ea;
  }
  .walmartable__greentitle{
    width: 30%;
    display: flex;
    align-items: center;
  }
  .walmartable__results{
    width: 70%;
  }
  .walmartable__row{
    display: flex;
    flex-direction: row;
  }
  .left{
    width: 100%;
  }
  .right{
    width: 100%;
    background: #eff7ea;
  }
}

@media screen and (min-width:1023px){
  .walmartable__item{
    margin: 0 0 1px 0;
  }
  .walmartable__description{
    display: flex;
    flex-direction: row;
    width: 68%;
    align-items: center;
  }
  .walmartable__description img{
    margin-right: 16px;
  }
  .walmartable__image{
    display: flex;
    align-items: center;
    width: 24%;
  }
  .walmartable__image img{
    height: 192px;
    width: auto;
    margin: 0 auto;
  }
  .left{
    width: 70%;
  }
  .right{
    width: 30%;
  }
  .walmartable__title{
    display: flex;
    align-items: center;
    width: 30%;
  }
  .walmartable__article-text{
    flex-direction: row;
    width: 76%;
  }
  .walmartable__article-results{
    flex-direction: column;
  }
  .walmartable__results{
    width: 100%;
    margin-top: 10%;
  }
  .walmartable__greentitle, .walmartable__results{
    width: 100%;
  } 
  .hide-results{
    display: none;
  }
  .row__2{
    height:207px;
  }
  .row__3{
    height:167px;
  }
}

/*--------------------------------------------------------------
# la_meta_11 Alberto
--------------------------------------------------------------*/
#la_meta_11{
  background: url('../img/ambiente/bg-green-2.jpg') no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
.my-custom-1{
  margin: 150px 0 75px 0;
}
#la_meta_11 .cards-heightauto{
  z-index: 2;
}
@media screen and (min-width:767px){
  .my-custom-1{
    margin: 250px 0 150px 0;
  }
  .maxipali{
    position: absolute;
    width: 55%;
    top: -150px;
    left: -350px;
    z-index: 1;
  }
  .autoelectrico{
    position: absolute;
    width: 58%;
    top: -172px;
    right: 24px;
    z-index: 3;
  }



}

/*--------------------------------------------------------------
# la_meta_14 Alberto
--------------------------------------------------------------*/
.bg-intensidad-energia {
  background-image: url(../img/ambiente/bg-intensidad-de-energia.jpg);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 30vh;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

/*--------------------------------------------------------------
# la_meta_16 Alberto
--------------------------------------------------------------*/
.bg-cdp{
  background: url('../img/ambiente/bg-cdp.jpeg') no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
# la_meta_17 Alberto
--------------------------------------------------------------*/
@media screen and (min-width:767px){
  .card-custom-height-5{
    height: 148px;
  }
}


/*--------------------------------------------------------------
#  nuestro_negocio_17 Section Alberto
--------------------------------------------------------------*/
.bg-valor-compartido {
  background-image: url(../img/nuestro_negocio/bg-valor-compartido.jpg);
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 30vh;
  width: 100%;
}

/*--------------------------------------------------------------
#  nuestro_negocio_19 Section Alberto
--------------------------------------------------------------*/
.transparent-title{
  background:transparent;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-clientes{
  background: url('../svg/ico-clientes-1.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-comunidades{
  background: url('../svg/ico-comunidades.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-accionistas{
  background: url('../svg/ico-accionistas.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-asociados{
  background: url('../svg/ico-asociados.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-proveedores{
  background: url('../svg/ico-proveedores.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-planeta{
  background: url('../svg/ico-planeta.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-socios-comerciales{
  background: url('../svg/ico-socios-comerciales.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.cards-height-1{
  height: 290px;
}
.bgcard_persona {
  width: 198px;
  height: 172px;
  position: absolute;
  top: 8px;
  left: -35px;
}
.bg_card_persona{
  background: url('../img/nuestro_negocio/bg_card_persona.png') no-repeat !important;
  background-size:cover !important;
  width: 100%;
}

@media screen and (min-width:1279px){
  .cards-height-2{
    height: 310px !important;
  }
}

/*--------------------------------------------------------------
#  nuestro_negocio_20 Section Alberto
--------------------------------------------------------------*/
.bg-modelo-valor-compartido{
  background: url('../img/nuestro_negocio/bg_valor_compartido.jpg') no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
/*--------------------------------------------------------------
#  nuestro_negocio_22 Section Alberto
--------------------------------------------------------------*/
#nuestro_negocio_22{
  position: relative;
}
@media screen and (min-width:1279px){
  .personal-sams-2{
    background: url(../img/nuestro_negocio/personal-walmart-pelayo.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 250px;
    height: 292px;
    z-index: 2;
  }
}
@media screen and (min-width:1439px){
  .personal-sams-2{
    width: 300px;
    height: 408px;
    z-index: 2;
  }
}

/*--------------------------------------------------------------
#  nuestro_negocio_23 Section Alberto
--------------------------------------------------------------*/
#nuestro_negocio_23{
  position: relative;
}
@media screen and (min-width:1279px){
  .personal-sams-4{
    background: url(../img/nuestro_negocio/personal-gestion-asg.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -96px;
    left: 0;
    width: 280px;
    height: 403px;
    z-index: 2;
  }
}

/*--------------------------------------------------------------
#  nuestro_negocio_25  Alberto
--------------------------------------------------------------*/
@media screen and (min-width:1023px){
  .personal-sams-3{
    background: url(../img/nuestro_negocio/equipo-asg.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -48px;
    right: 0;
    width: 320px;
    height: 350px;
    z-index: 2;
  }
}
@media screen and (min-width:1279px){
  .personal-sams-3{
    width: 350px;
    height: 380px;
  }
}
@media screen and (min-width:1439px){
  .personal-sams-3{
  }
}

/*--------------------------------------------------------------
#  nuestro_negocio_27  Alberto
--------------------------------------------------------------*/
.vertical-menu-links{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 20px 0;
}
.vertical-menu-links a{
  color: #414141;
  font-size: 16px;
  margin-bottom: 16px;
  font-family: Myriad-Light;
  position: relative;
  padding-left: 12px;
}
.vertical-menu-links a::before{
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  height: 4px;
  width: 4px;
  background-color: #414141;
  border-radius: 50%;
}
.vertical-menu-links a::after{
  content: '';
  display: inline-block;
  background: url('../svg/ico-open-link.svg') no-repeat;
  background-size: 16px;
  width: 16px;
  height: 16px;
  margin-left: 8px;
}

/*--------------------------------------------------------------
# Historias HTML
--------------------------------------------------------------*/

#mainhistorias {

  background-image: url(../img/historias/bg_historias.png);
  background-attachment: fixed;
 background-size: cover;
 background-repeat: no-repeat;

}


#historias_01 {
 
  height: 100vh;
 
  

}

#historias_01 h2 {
 
  text-align: center;
  font-size: 50px;
  color: #F1B634;
  margin: 40px auto;
  line-height: 38px;
  width: 100%;
  font-family:Myriad-Bold;
  margin-top: 15%;

}

#historias_01 p {
 
  text-align: center;
  font-size: 24px;
  margin: 40px auto;
  line-height: 38px;
  width: 87%;

}

#historias_01 .txtsmall {
 
  text-align: center;
  font-size: 18px;
  margin: 15px auto;
  line-height: 38px;
  width: 87%;

}

.divlinehistorias {

  height: 120px;
  width: 2px;
  background-color: #ffffff;

}

#historias_01 .fa-sort-down {

  font-size: 30px;
  position: relative;
  top: 100px;
  right: 10px;
  color: #ffffff;

}

.divlinehistorias2 {
  margin-top: 2%;
  margin-bottom: 3%;
  height: 200px;
  width: 2px;
  background-color: #ffffff;

}


#historias_02 h3 {
  padding: 0 100px 40px;
  color: #F1B634;
  font-size: 55px;

}

#historias_02 p {
 padding: 0 100px;
  font-size: 18px;
  line-height: 26px;
  text-transform: none;

}

#historias_02 .imghistotiaslef {
 
  width: 85%;
  display: block;
  top: 0px;
  left: 25px;
  position: relative;

}

#historias_02 .imghistotiasrig {
 
  width: 85%;
  display: block;
  top: 13px;
  right: 25px;
  position: relative;

}


#mainhistorias #section5 {
 
  height: auto;
    margin: 74px 0 0;
    padding-bottom: 40px;

}

#mainhistorias #section5  a p{ 
 
  color: #ffffff;

}

/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {


  #la_meta_05 .imgpesacdor{
 
    position: relative;
     top: -20px;
 
 }

  #historias_01 {
    height: 100vh;
    padding-top: 60px;
}

#historias_01 h2 {
  
  font-size: 52px;
  
  line-height: 56px;
  
}


#historias_01 p {
  text-align: center;
  font-size: 18px;
  margin: 40px auto;
  line-height: 27px;
  width: 100%;
}

#historias_02 p {
  padding: 0px 0px;
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
}

#historias_02 .imghistotiasrig {
  width: 100%;
  display: block;
  top: 0px;
  right: 0px;
  position: relative;
}

#historias_02 .imghistotiaslef {
  width: 100%;
  display: block;
  top: 0px;
  left: 0px;
  position: relative;
}

#historias_02 h3 {
  padding: 0 0px 40px;
  color: #F1B634;
  font-size: 55px;
}


}/*-END  MOBILE-*/





/*--------------------------------------------------------------
#  HIST - Carousel Section Alberto
--------------------------------------------------------------*/

.icos-allods {
  display: inline-block;
  margin:10px 5px;
  width: 50px;
}


.my-custom {

  padding-top: 4rem;
  padding-bottom: 4rem;

}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-button-next, .swiper-button-prev{
  top: 66%;
  outline: none;
}
.swiper-button-next {
  background-image: url('../svg/ico-arrow-next.svg') !important;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.swiper-button-next::after {
  display: none;
}





.swiper-button-prev {
  background-image: url('../svg/ico-arrow-previous.svg') !important;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.swiper-button-prev::after {
  display: none;
}
.slide1-bg{
  background-image: url(../img/el_proposito/bg_slide_1_mobile.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide2-bg{
  background-image: url(../img/el_proposito/bg_slide_2_mobile.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide3-bg{
  background-image: url(../img/el_proposito/bg_slide_3_mobile.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide4-bg{
  background-image: url(../img/el_proposito/bg_slide_4_mobile.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide5-bg{
  background-image: url(../img/el_proposito/bg_slide_5_mobile.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide6-bg{
  background-image: url(../img/el_proposito/bg_slide_6_mobile.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide7-bg{
  background-image: url(../img/el_proposito/bg_slide_7_mobile.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide8-bg{
  background-image: url(../img/el_proposito/bg_slide_8_mobile.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide9-bg{
  background-image: url(../img/el_proposito/bg_slide_9_mobile.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-club-pickup{
  background-image: url(../img/el_proposito/img-club-pickup.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 440px;
}
.bg-blue-1{
  background: url(../img/el_proposito/bg_sec1.jpg);
}
.banner{
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 90px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: left;
}
.banner__slogan{
  position: absolute;
  right: 24px;
  top: 80px;
  text-align: right;
}
.banner__slogan p{
  text-transform: uppercase;
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
}
.banner__title{
  margin-top: 40px;
}
.banner__title h1{
  text-transform: uppercase;
  font-family: Myriad-Bold;
  letter-spacing: 6px;
  font-size: 32px;
}
.small-text{
  font-size: 12px;
  line-height: 18px;
}
.yellow-primary-txt{
  color: #edae49;
}
.yellow-secondary-txt{
  color: #E2BD31;
}
.white-txt{
  color: #ffffff;
}
.blue-primary-txt{
  color: #0172BA !important;
}
.white-primary-txt{
  color: #ffffff !important;
}
.blue-secondary-txt{
  color: #095498 !important;
}
.blue-secondary-txtmex{
  color: #263b80 !important;
}

.blue-light-3-txt{
  color: #7dbed2;
}
.blue-light-4-txt{
  color: #80EAEF;
}
.gray414141-text{
  color: #414141;
}
.white-text{
  color: #ffffff;
}
.bg-white{
  background: #ffffff;
}
.bg-gray-light{
  background: #EEF2F4;
}
.bg-gray-light-2{
  background: #edf1f3;
}
.bg-gray-light-3{
  background: #a5bcd0;
}
.bg-gray-light-4{
  background: #eae8e9;
}
.bg-gray-dark-1{
  background: #4a5b6d;
}
.bg-green-1{
  background: #3eae49;
}
.bg-green-2{
  background: #9ccc62 !important;
}
.bg-green-3{
  background: #74bc1f;
}
.bg-orange-1{
  background: #f47b20;
}
.bg-blue-dark{
  background: #095498 !important;
}

.bg-blue-darkmex {
  background: #263b80;
}

.bg-blue-dark-2{
  background: #253B80;
}
.bg-blue-light{
  background: #6EA9DB;
}
.bg-blue-light-2{
  background: #273b80;
}
.bg-blue-light-3{
  background: #7dbed2;
}
.bg-blue-light-4{
  background: #00aeef;
}
.bg-blue-light-5{
  background: #1181C7 !important;
}
.bg-blue-light-6{
  background: #eef2f4;
}
.bg-blue-light-7{
  background: #007dc3;
}
.bg-turquesa{
  background:#7dbed2;
}
.bg-turquesa-2{
  background:#7dbed2;
}
.bg-blue-gray-1{
  background:#A6BDD1 !important;
}
.bg-blue-gray-2{
  background:#4C5C6E;
}
.bg-yellow{
  background: #FFB332 !important;
}
.bg-blue-gray-3{
  background: #1081C7;
}
.bg-purple-light-1{
  background: #E5E9F5;
}
.bg-transparent{
  background: transparent !important;
}
.bg-mexico-table{
  background: #e7e8f4;
}
.bg-centroamerica-table{
  background: #f4f9fb;
}
.subtitle{
  text-transform: uppercase;
  font-size: 24px;
  line-height: 31px;
  font-family: Myriad-Bold;
}

.subtitle3{
  text-transform: uppercase;
  font-size: 19px;
  line-height: 26px;
  font-family: Myriad-Bold;
}

.subtitle1{
  text-transform: uppercase;
  font-size: 32px;
  line-height: 37px;
  font-family: Myriad-Bold;
}

.bold-text{
  font-family: Myriad-Bold;
}
p{
  font-size: 16px;  
  margin-bottom: 22px;
}
p:last-of-type{
  margin-bottom: 0;
}
.banner__shortext{
  margin-left: 90px;
  border-left: 3px solid transparent;
  padding-left: 20px;
  margin-bottom: 8px;
}
.yellow-primary-border{
  border-left: 3px solid #edae49;
}
.yellow-secondary-border{
  border-left: 3px solid #E2BD31;
}
.white-border{
  border-left: 3px solid #ffffff;
}
.blue-primary-border{
  border-left: 3px solid #0172BA;
}
.blue-secondary-border{
  border-left: 3px solid #095498;
}
.banner__shortext{
  height: 130px;
  display: flex;
  align-items: center;
}
.banner__shortext p{
  color: #ffffff;
  font-family: Myriad-Light;
  letter-spacing: 6px;
  font-size: 26px;
  line-height: 32px;
}
.banner__image{
  margin: 0;
}
.banner__image img{
  display: block;
  width: 80%;
  margin: 0 auto;
}
.banner__row{
  width: 100%;
  margin: 18px 0;
  display: block;
}
.banner__banner-text2{
  margin: 40px 0 32px 0;
}
.banner__banner-text3{
  display: none;
}
.banner__description p{
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  margin: 32px 0 24px 0;
  max-height: 200px;
}

/* IPHONE X*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
      .swiper-button-next, .swiper-button-prev{
        top: 70%;
      }
      .banner__image{
        margin: 50px 0;
      }
      .banner__image img{
        width: 100%;
      }
}

/* IPHONE 8 PLUS*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) { 

      .swiper-button-next, .swiper-button-prev{
        top: 72%;
      }
      .banner__image{
        margin: 8px 0;
      }
      .banner__image img{
        width: 90%;
      }

}

@media screen and (min-width:767px){
  .swiper-button-next, .swiper-button-prev{
    top: 83%;
  }
  .banner__row{
    margin: 50px 0;
  }
  .slide1-bg{
    background-image: url(../img/el_proposito/bg_slide_1_desktop.png);
  }
  .slide2-bg{
    background-image: url(../img/el_proposito/bg_slide_2_desktop.png);
  }
  .slide3-bg{
    background-image: url(../img/el_proposito/bg_slide_3_desktop.png);
  }
  .slide4-bg{
    background-image: url(../img/el_proposito/bg_slide_4_desktop.png);
  }
  .slide5-bg{
    background-image: url(../img/el_proposito/bg_slide_5_desktop.png);
  }
  .slide6-bg{
    background-image: url(../img/el_proposito/bg_slide_6_desktop.png);
  }
  .slide7-bg{
    background-image: url(../img/el_proposito/bg_slide_7_desktop.png);
  }
  .slide8-bg{
    background-image: url(../img/el_proposito/bg_slide_8_desktop.png);
  }
  .slide9-bg{
    background-image: url(../img/el_proposito/bg_slide_9_desktop.png);
  }
}

@media screen and (min-width:1023px){
  .swiper-button-next, .swiper-button-prev{
    top: 91%;
  }
  .order1{
    order: 1;
  }
  .order2{
    order: 2;
  }
  .order3{
    order: 3;
  }
  .banner{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .banner__image{
    width: 60%;
    padding: 24px;
  } 
  .banner__image img{
    width: 100%;
  }
  .banner__banner-text1{
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  } 
  .banner__title h1{
    font-size: 40px;
  }
  .banner__banner-text2{
    display: none;
  }
  .banner__banner-text3{
    display: flex;
    padding: 0 0 0 82px;
  }
  .banner__banner-text3 p{
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
  }
  .banner__shortext{
    height: auto;
    margin-left: 56px;
    margin-bottom: 26px;
  }
  .banner__shortext p{
    font-size: 45px;
    line-height: 51px;
  }
  .banner__row {
    margin: 16px 0 56px 0;
  }
}

@media screen and (min-width:1279px){
  .banner{
    padding-left: 40px;
    padding-right: 40px;
  }
  .banner__image img{
    width: 84%;
  }
  .banner__banner-text3 {
    max-width: 390px;
  }
  .banner__row {
    margin: 0px 0 56px 0;
  }
}

@media screen and (min-width:1919px){
  .banner__image img{
    width: 80%;
  }
}

/*--------------------------------------------------------------
# Mensaje del presidente Alberto
--------------------------------------------------------------*/

.uppercase {
  text-transform: uppercase;
}

.yellow-divider{
  width: 270px;
  height: 10px;
  background: #FDB71A;
  margin-bottom:35px;
}

.dividerwhite{
  width: 270px;
  height: 10px;
  background: #ffffff;
  margin-bottom:35px;
}

.cards{
  border-radius: 6px;
  padding: 8px 5px;
  margin: 0 0 24px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
.cards-heightauto{
  border-radius: 6px;
  padding: 8px;
  margin: 0 0 24px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
.cards__image{
  width: 65px;
  padding-right: 8px;
  display: flex;
  justify-content: center;
  position: relative;
  left: -5px;
} 
.cards__image-descargas{
  width: 30%;
  padding-right: 8px;
  display: flex;
  justify-content: center;
  position: relative;
} 
.cards__image-descargas{
  padding: 24px;
}
.descargas-title{
  font-size: 12px;
  line-height: 15px;
  font-family: Myriad-SemiBold;
  text-transform: uppercase;
  color: #4a5b6d;
}
.cards__text h4, .cards__text2 h4{
  font-family: Myriad-Bold;
  margin-bottom: 0;
}
.cards__button{
  position: absolute;
  width: 80px;
  height: 80px;
  bottom: 4%;
  left: 45%;
  transform: translate(-60%, 34%);
}
.cards__text{
  width: 70%;
}
.cards__text_widthauto{
  width: auto !important;
}
.cards-gray-1{
  margin-top: -36px;
}
.graph{
  border-bottom: 1px solid #66B2E0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items:flex-end;
}
.graph__item, 
.edad-total-asociados
{
  width: 12px;
  position: relative;
}
.dc__item, 
.gmv__item,
.tm__item,
.it__item,
.uom__item,
.foe__item,
.ief__item,
.ge__item,
.dp__item,
.na__item,
.ut__item
{
  width: 12px;
  position: relative;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.graph__item::before, 
.dc__item::before, 
.gmv__item::before,
.tm__item::before,
.it__item::before,
.uom__item::before,
.foe__item::before,
.ief__item::before,
.ge__item::before,
.dp__item::before,
.na__item::before,
.ut__item::before
{
  position: absolute;
  width: 60px;
  height: 20px;
  left: -200%;
  font-family: Myriad-Light;
  font-size: 15px;
  color: #444A4D;
  text-align: center;
}
.graph__item:nth-child(1)::before{
  content: '2,949';
  bottom: 106px;
}
.graph__item:nth-child(2)::before{
  content: '3,022';
  bottom: 125px;
}
.graph__item:nth-child(3)::before{
  content: '3,134';
  bottom: 166px;
}
.graph__item:nth-child(4)::before{
  content: '3,249';
  bottom: 190px;
}
.graph__item:nth-child(5)::before{
  content: '3,249';
  bottom: 230px;
  font-family: Myriad-Bold;
  font-size: 27px;
  color: #1081C7;
}
.dc__item:nth-child(1)::before{
  content: '210';
  bottom: 137px;
}
.dc__item:nth-child(2)::before{
  content: '330';
  bottom: 170px;
}
.dc__item:nth-child(3)::before{
  content: '160';
  bottom: 125px;
}
.dc__item:nth-child(4)::before{
  content: '350';
  bottom: 200px;
}
.dc__item:nth-child(5)::before{
  content: '90';
  bottom: 80px;
  font-family: Myriad-Light;
  font-size: 15px;
  color: #444A4D;
}
.dc__item:nth-child(6)::before{
  content: '130';
  bottom: 100px;
}
.gmv__item:nth-child(1)::before{
  content: '27%';
  bottom: 80px;
}
.gmv__item:nth-child(2)::before{
  content: '35%';
  bottom: 100px;
}
.gmv__item:nth-child(3)::before{
  content: '47%';
  bottom: 120px;
}
.gmv__item:nth-child(4)::before{
  content: '61%';
  bottom: 140px;
}
.gmv__item:nth-child(5)::before{
  content: '164%';
  bottom: 250px;
}
.tm__item:nth-child(1)::before{
  content: '2,104';
  bottom: 120px;
  font-size: 12px;
}
.tm__item:nth-child(2)::before{
  content: '2,146';
  bottom: 130px;
  font-size: 12px;
}
.tm__item:nth-child(3)::before{
  content: '2,229';
  bottom: 140px;
  font-size: 12px;
}
.tm__item:nth-child(4)::before{
  content: '2,287';
  bottom: 150px;
  font-size: 12px;
}
.tm__item:nth-child(5)::before{
  content: '1,973';
  bottom: 160px;
  font-family: Myriad-Bold;
  font-size: 16px;
  padding-top: 18px;
  color: #1081C7;
}
.it__item:nth-child(1)::before{
  content: '532.4';
  bottom: 90px;
  font-size: 12px;
}
.it__item:nth-child(2)::before{
  content: '573.4';
  bottom: 110px;
  font-size: 12px;
}
.it__item:nth-child(3)::before{
  content: '616.9';
  bottom: 120px;
  font-size: 12px;
}
.it__item:nth-child(4)::before{
  content: '646.8';
  bottom: 140px;
  font-size: 12px;
}
.it__item:nth-child(5)::before{
  content: '701.7';
  bottom: 160px;
  font-family: Myriad-Bold;
  font-size: 16px;
  color: #1081C7;
}
.uom__item:nth-child(1)::before{
  content: '39.5';
  bottom: 90px;
  font-size: 12px;
}
.uom__item:nth-child(2)::before{
  content: '43.8';
  bottom: 110px;
  font-size: 12px;
}
.uom__item:nth-child(3)::before{
  content: '51.6';
  bottom: 120px;
  font-size: 12px;
}
.uom__item:nth-child(4)::before{
  content: '54.0';
  bottom: 140px;
  font-size: 12px;
}
.uom__item:nth-child(5)::before{
  content: '57.4';
  bottom: 160px;
  font-family: Myriad-Bold;
  font-size: 16px;
  color: #1081C7;
}
.foe__item:nth-child(1)::before{
  content: '50.1';
  bottom: 90px;
  font-size: 12px;
}
.foe__item:nth-child(2)::before{
  content: '55.5';
  bottom: 110px;
  font-size: 12px;
}
.foe__item:nth-child(3)::before{
  content: '67.1';
  bottom: 120px;
  font-size: 12px;
}
.foe__item:nth-child(4)::before{
  content: '71.0';
  bottom: 140px;
  font-size: 12px;
}
.foe__item:nth-child(5)::before{
  content: '75.4';
  bottom: 160px;
  font-family: Myriad-Bold;
  font-size: 16px;
  color: #1081C7;
}
.ief__item:nth-child(1)::before{
  content: '14.3';
  bottom: 120px;
  font-size: 12px;
}
.ief__item:nth-child(2)::before{
  content: '17.4';
  bottom: 130px;
  font-size: 12px;
}
.ief__item:nth-child(3)::before{
  content: '17.9';
  bottom: 136px;
  font-size: 12px;
}
.ief__item:nth-child(4)::before{
  content: '20.6';
  bottom: 160px;
  font-size: 12px;
}
.ief__item:nth-child(5)::before{
  content: '16.7';
  bottom: 125px;
  font-family: Myriad-Bold;
  font-size: 16px;
  color: #1081C7;
}
.ge__item:nth-child(1)::before{
  content: '51.3';
  bottom: 105px;
  font-size: 12px;
}
.ge__item:nth-child(2)::before{
  content: '54.4';
  bottom: 120px;
  font-size: 12px;
}
.ge__item:nth-child(3)::before{
  content: '60.5';
  bottom: 130px;
  font-size: 12px;
}
.ge__item:nth-child(4)::before{
  content: '63.7';
  bottom: 140px;
  font-size: 12px;
}
.ge__item:nth-child(5)::before{
  content: '64.8';
  bottom: 160px;
  font-family: Myriad-Bold;
  font-size: 16px;
  color: #1081C7;
}
.dp__item:nth-child(1)::before{
  content: '29.0';
  bottom: 90px;
  font-size: 12px;
}
.dp__item:nth-child(2)::before{
  content: '42.8';
  bottom: 160px;
  font-size: 12px;
}
.dp__item:nth-child(3)::before{
  content: '25.6';
  bottom: 80px;
  font-size: 12px;
}
.dp__item:nth-child(4)::before{
  content: '36.0';
  bottom: 125px;
  font-size: 12px;
}
.dp__item:nth-child(5)::before{
  content: '30.9';
  bottom: 110px;
  font-family: Myriad-Bold;
  font-size: 16px;
  color: #1081C7;
}
.na__item:nth-child(1)::before{
  content: '228,854';
  bottom: 125px;
  font-size: 12px;
}
.na__item:nth-child(2)::before{
  content: '237,055';
  bottom: 145px;
  font-size: 12px;
}
.na__item:nth-child(3)::before{
  content: '234,431';
  bottom: 135px;
  font-size: 12px;
}
.na__item:nth-child(4)::before{
  content: '238,972';
  bottom: 170px;
  font-size: 12px;
}
.na__item:nth-child(5)::before{
  content: '231,271';
  bottom: 125px;
  font-family: Myriad-Bold;
  font-size: 16px;
  color: #1081C7;
}
.ut__item:nth-child(1)::before{
  content: '3,022';
  bottom: 100px;
  font-size: 12px;
}
.ut__item:nth-child(2)::before{
  content: '3,134';
  bottom: 110px;
  font-size: 12px;
}
.ut__item:nth-child(3)::before{
  content: '3,249';
  bottom: 120px;
  font-size: 12px;
}
.ut__item:nth-child(4)::before{
  content: '3,407';
  bottom: 130px;
  font-size: 12px;
}
.ut__item:nth-child(5)::before{
  content: '3,489';
  bottom: 150px;
  font-family: Myriad-Bold;
  font-size: 16px;
  color: #1081C7;
}
.graph__item::after, .edad-total-asociados::after{
  position: absolute;
  width: 60px;
  height: 20px;
  bottom: -26px;
  left: -200%;
  font-family: Myriad-Light;
  font-size: 15px;
  color: #444A4D;
  text-align: center;
}
.graph__item:nth-child(1)::after{
  content: '16';
}
.graph__item:nth-child(2)::after{
  content: '17';
}
.graph__item:nth-child(3)::after{
  content: '18';
}
.graph__item:nth-child(4)::after{
  content: '19';
}
.graph__item:nth-child(5)::after{
  content: '20';
}
.edad-total-asociados:nth-child(1)::after{
  content: '=<25';
}
.edad-total-asociados:nth-child(2)::after{
  content: '26-30';
}
.edad-total-asociados:nth-child(3)::after{
  content: '31-35';
}
.edad-total-asociados:nth-child(4)::after{
  content: '36-40';
}
.edad-total-asociados:nth-child(5)::after{
  content: '>=41';
}
.item_quantity{
  position: absolute;
  top: -20px;
}

@media screen and (min-width:767px){
  .cards{
    max-height: 200px;
  }
  .cards__image{
    margin-right: 16px;
  }
  .cards__image-norightmargin{
    margin-right: 0px !important;
  }
  .cards__image img{
    padding: 5px;
  }
  .cards-gray-1{
    margin-top: -500px;
    max-width: 410px;
    float: right;
  }
  .cards-gray-2{
    margin-top: -300px;
    max-width: 410px;
    float: right;
  }
  .cards-gray-3{
    margin-top: -111px;
    max-width: 645px;
    float: right;
  }
  .w20{
    width: 20%;
  }
  .w80{
    width: 80%;
  }
  .la-oportunidad-cards-margin-1{
    margin-left: 66px;
    margin-bottom: 24px;
  }
  .la-oportunidad-cards-margin-2{
    margin-right: 80px;
    margin-bottom: 24px;
  }
}

@media screen and (min-width:1023px){
  .cards-gray-1{
    margin-right: 100px;
  }
  .cards-gray-3{
    max-width: 856px;
  }
  .cards-1-margin{
    margin-left: 66px;
    margin-bottom: 23px;
  }
  .cards-2-margin{
    margin-right: 80px;
  }
  .capacitacion-margin-1{
    margin-left: 180px;
    float: left !important;
  }
  .capacitacion-margin-2{
    margin-left: 14px;
    width: 50%;
    float: left !important;
  }
  .capacitacion-margin-3{
    margin-left: 20px;
    width: 45%;
    float: left !important;
  }
  .capacitacion-margin-4{
    margin-left: 100px;
    float: left !important;
  }
}

@media screen and (min-width:1279px){
  .card-max-width{
    max-width: 414px;
  }
  .cards-gray-1{
    width: 454px;
    margin-right: 132px;
  }
  .cards-fixed-height-1{
    height: 164px !important;
    max-height: 164px !important;
    padding: 0 7px;
  }
  .cards__image-mr0{
    margin-right: 0;
  }
}


/*--------------------------------------------------------------
# Mujer con productos Walmart Alberto
--------------------------------------------------------------*/

.walmart-image{
  position: absolute;
  width: 150px;
  height: 150px;
  top: -90px;
  right: 16px;
  text-align: right;
}
.walmart-image img{
  width: 80%;
}

@media screen and (min-width:1023px){
  .walmart-image{
    width: 180px;
    height: 180px;
    top: -148px;
  }
  .walmart-image img{
    width: 100%;
  }
}

@media screen and (min-width:1023px){
  .walmart-image{
    width: 200px;
    height: 200px;
    top: -157px;
    right: -136px;
  }
  .cards-gray-2 {
    width: 427px;
  }
}


/*--------------------------------------------------------------
# Cards Gráficas Alberto
--------------------------------------------------------------*/
.cardgraph{
  border-radius: 15px;
  background: #ffffff;
  -webkit-box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.16); 
  box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.16);
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #ececec;
  position: relative;
  width: 100%;
}
.cardgraph-noshadow {
  -webkit-box-shadow: 0px 6px 6px 0px transparent !important; 
  box-shadow: 0px 6px 6px 0px transparent !important;
  border: 1px solid transparent !important;
}
.cardgraph__title{
  font-size: 18px;
  line-height: 24px;
  color: #414141;
  padding: 0px 24px 4px 76px;
  margin-bottom: 0;
  height: 52px;
  display: flex;
  /* justify-content: center; */
  align-items: center;
}
.cardgraph__header, .cardgraph__footer{
  padding: 8px 24px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardgraph__toptitle{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.cardgraph__subtitle{
  font-size: 18px;
  line-height: 24px;
  color: #414141;
  padding: 0px 24px 4px 76px;
  margin-bottom: 0;
  height: 52px;
}
.cardgraph__subtitle-auto{
  font-size: 18px;
  line-height: 24px;
  padding: 8px 16px;
  margin-bottom: 0;
  height: auto !important;
}
.cardgraph__subtitle4{
  line-height: 24px;
  padding: 0px 16px;
  margin-bottom: 0;
  height: 68px !important;
}
.cardgraph__subtitle2, .cardgraph__subtitle3, .cardgraph__items, .cardgraph__items-row{
  padding: 16px;
}
.cardgraph__subtitle2 p{
  font-size: 17px;
  line-height: 23px;
  color: #414141;
  font-family: Myriad-Semibold;
  padding: 0 0 0 48px;
}
.cardgraph__subtitle3 p{
  font-size: 17px;
    line-height: 21px;
    color: #414141;
    font-family: Myriad-Semibold;
    padding: 0 0 0 42px;
    height: 40px
}
.cardgraph__items, .cardgraph__items-row{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cardgraph__items p{
  font-size: 12px;
  line-height: 40px;
  color: #414141;
  font-family: Myriad-Semibold;
  padding: 0 0 0 48px;
}
.cardgraph__image{
  position: absolute;
  bottom: 24px;
  right: 24px;
  width: 158px;
  height: 110px;
}
.cardgraph__percentage{
  position: absolute;
  top: 12px;
  right: 24px;
  width: 50%;
  height: 60px;
}
.cardgraph__percentage p{
  font-family: Myriad-Bold;
  font-size: 18px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  text-align: right;
}
.ico-compra-directa{
  background: url('../svg/ico-compra-directa-proveedores.svg') no-repeat 0px 2px;
  background-size: 40px;
}
.ico-mexico-white{
  background: url('../svg/ico-mexico.svg') no-repeat 0px 0px;
  background-size: 40px;
  line-height: 40px;
  padding: 0 0 0 50px;
}
.ico-mexico-blue-dark{
  background: url('../svg/ico-mexico-blue-dark.svg') no-repeat 0px 0px;
  background-size: 40px;
}
.ico-centroamerica-white{
  background: url('../svg/ico-centroamerica.svg') no-repeat 0px 0px;
  background-size: 40px;
  line-height: 40px;
  padding: 0 0 0 50px;
}
.ico-centroamerica-turquesa{
  background: url('../svg/ico-centroamerica-tuquesa.svg') no-repeat 0px 0px;
  background-size: 40px;
}
.ico-billete{
  background: url('../svg/ico-billete.svg') no-repeat 0px 0px;
  background-size: 40px;
}
.total_revenue{
  background: url('../svg/ico-ingresos-totales.svg') no-repeat 20px 2px;
  background-size: 40px;
}
.total_units{
  background: url('../svg/ico-unidades-totales.svg') no-repeat 20px 2px;
  background-size: 40px;
}
.utility_operation{
  background: url('../svg/ico-utilidad-operacion.svg') no-repeat 20px 2px;
  background-size: 40px;
}
.operating_flow{
  background: url('../svg/ico-flujo-operativo.svg') no-repeat 20px 2px;
  background-size: 40px;
}
.transactions{
  background: url('../svg/ico-transacciones.svg') no-repeat 20px 2px;
  background-size: 40px;
}
.total-asociados-edad{
  background: url('../svg/ico-personas.svg') no-repeat 20px 2px;
  background-size: 40px;
}
.total-asociados-edad-mexico{
  background: url('../svg/ico-mexico-blue-dark.svg') no-repeat 20px 2px;
  background-size: 40px;
}
.total-asociados-edad-centroamerica{
  background: url('../svg/ico-centroamerica-tuquesa.svg') no-repeat 20px 2px;
  background-size: 40px;
}
.asociados-sexo{
  background: url('../svg/ico-asociados-por-sexo.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.asociados-sexo-turquesa{
  background: url('../svg/ico-asociados-por-sexo-turquesa.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.asociados-sexo-mujeres{
  background: url('../img/asociados/img-mujer-yellow.png') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  font-family: Myriad-Light !important;
  width: 50% !important;
  float: left !important;
}
.asociados-sexo-hombres{
  background: url('../img/asociados/img-hombre-blue.png') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  font-family: Myriad-Light !important;
  width: 46% !important;
  float: left !important;
  margin-left: 8px;
}
.asociados-nivel-tipo-contrato{
  background: url('../svg/ico-asociados-nivel-tipo-contrato.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 23px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.asociados-nivel-tipo-contrato-turquesa{
  background: url('../svg/ico-asociados-nivel-tipo-contrato-turquesa.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 23px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.asociados-nivel-tipo-contrato-gris{
  background: url('../svg/ico-asociados-operaciones-mexico-centroamerica.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 23px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.asociados-nivel-tipo-contrato-mexico{
  background: url('../svg/ico-mexico-blue-dark.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 23px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.asociados-nivel-tipo-contrato-centroamerica{
  background: url('../svg/ico-centroamerica-tuquesa.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 23px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.nuevos-asociados-mexico{
  background: url('../svg/ico-mexico-blue-dark.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 23px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.nuevos-asociados-mexico span{
  font-family: Myriad-Light;
}
.nuevos-asociados-centroamerica{
  background: url('../svg/ico-centroamerica-tuquesa.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 23px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.nuevos-asociados-centroamerica span{
  font-family: Myriad-Light;
}
.nuevos-asociados-mexico-2{
  background: url('../svg/ico-mexico-blue-dark.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
}

.nuevos-asociados-centa-2 {
  background: url(../svg/ico-centroamerica-tuquesa.svg) no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
}

.nuevos-zapateria{
  background: url('../img/gobiernocorpo/ico-zapatos.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
}

.nuevos-mercanciass{
  background: url('../img/gobiernocorpo/ico-caja.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
}

.nuevos-textiles{
  background: url('../img/gobiernocorpo/ico-playera.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
}

.nuevos-asociados-centroamerica-2{
  background: url('../svg/ico-centroamerica-tuquesa.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.capacitacion-asociados{
  background: url('../svg/ico-capacitacion-a-socios.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.indice-compromiso{
  background: url('../svg/ico-indice-compromiso.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.desempeno-resultados{
  background: url('../svg/ico-resultados-pais-formato-division.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 23px !important;
  height: 43px !important;
  padding-left: 52px !important;
}
.desempeno-resultados span{
  font-family: Myriad-Light;
}
.diferencial-crecimiento{
  background: url('../svg/ico-diferencial-crecimiento.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 23px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.diferencial-crecimiento span{
  font-family: Myriad-Light;
}
.transacciones-millones{
  background: url('../svg/ico-transacciones.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 30px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ingresos-totales{
  background: url('../svg/ico-ingresos-totales.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.utilidad-operacion{
  background: url(../svg/ico-utilidad-de-operacion.svg) no-repeat 0px 2px;
    background-size: 40px;
    line-height: 44px !important;
    padding-left: 52px !important;
    color: #414141;
    font-family: Myriad-Bold;
    padding-bottom: 0px;
}
.flujo-operativo{
  background: url('../svg/ico-flujo-operativo.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 22px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.inversion-activo-fijo{
  background: url('../svg/ico-inversion-activo-fijo.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 15px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
  padding-bottom: 28px;
}
.generacion-efectivo{
  background: url('../svg/ico-generacion-efectivo.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 15px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
  padding-bottom: 28px;
}
.dividendo-pagado{
  background: url('../svg/ico-dividendo-pagado.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 15px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.numero-asociados{
  background: url('../svg/ico-numero-asociados.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 44px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
  padding-bottom: 28px;
}
.unidades-totales{
  background: url('../svg/ico-unidades-totales.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.resultados-consolidados{
  background: url('../svg/ico-resultados-consolidados.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}

.omnicanal-ico{
  background: url('../svg/ico-omnidical.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}

.balance-general{
  background: url('../svg/ico-balance-general.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-economico-financiero{
  background: url('../svg/ico-economico-financiero.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-walmart-gray{
  background: url('../svg/ico-walmart-gray.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-omnical{
  background: url('../svg/ico-omnicanal.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-social{
  background: url('../svg/ico-social.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-medio-ambiente{
  background: url('../svg/ico-medioambiente.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.ico-gobierno-corporativo{
  background: url('../svg/ico-gobierno-corporativo.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}

.transacciones-millones span,
.ingresos-totales span,
.utilidad-operacion span,
.flujo-operativo span,
.inversion-activo-fijo span,
.generacion-efectivo span,
.dividendo-pagado span
{
  font-family: Myriad-Light;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 14px;
}
.porcentaje-gmv{
  background: url('../svg/ico-gmv.svg') no-repeat 0px 2px;
  background-size: 40px;
  line-height: 43px !important;
  height: 43px !important;
  padding-left: 52px !important;
  color: #414141;
  font-family: Myriad-Bold;
}
.cardgraph__graph{
  background: #EEF2F4;
  padding: 60px 20px 40px 20px;
  margin-bottom: 4px;
  height: 310px;
}
.cardgraph__content{
  background: #EEF2F4;
  padding: 20px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
}
.cardgraph__content-2{
  background: #EEF2F4;
  padding: 20px;
  margin-bottom: 4px;
}
.cardgraph__content-3{
  background: #EEF2F4;
  padding: 40px 20px;
  margin-bottom: 10px;
}
.cardgraph__content-3inn{
  background: #a6bdd1;
  padding: 40px 20px;
  margin-bottom: 10px;
}
.cardgraph__content-4{
  background: #EEF2F4;
  padding: 40px 20px;
  height: 240px;
  margin-bottom: 10px;
}
.cardgraph__content-5{
  background: #EEF2F4;
  padding: 20px 20px 0 20px;
}
.cardgraph__currency, .cardgraph__description{
  font-size: 18px;
  line-height: 24px;
  color: #414141;
  padding: 6px 20px 0 0;
  text-align: right;
}
.cardgraph__description{
  padding: 8px 16px;
}
.cardgraph__description p{
  text-align: left;
  font-size: 12px;
  line-height: 14px;
  color: #414141;
  margin: 0;
  padding: 0;
}
.cardgraph__labels p{
  margin: 0;
  padding: 0;
}
[data-aos="graph-anim-1"] {
  /* opacity: 0; */
  transform: scaleY(0);
  transition-property: transform, opacity;
}
[data-aos="graph-anim-1"].aos-animate {
  /* opacity: 1; */
  transform: scaleY(1);
}

[data-aos="graph-anim-2"] {
  /* opacity: 0; */
  transform: scaleX(0);
  transition-property: transform, opacity;
}
[data-aos="graph-anim-2"].aos-animate {
  /* opacity: 1; */
  transform: scaleX(1);
}
[data-aos="graph-anim-3"] {
  /* opacity: 0; */
  transform: scaleX(0);
  transition-property: transform, opacity;
}
[data-aos="graph-anim-3"].aos-animate {
  /* opacity: 1; */
  transform: scaleX(1);
}

@media screen and (min-width:767px){
  .cardgraph__content{
    padding: 15px;
  }
  .cardgraph__content, .cardgraph__toptitle{
    flex-direction: row;
    justify-content: space-between;
  }
  .progressbar{
    width: 45%;
  }
  .cardgraph__subtitle2 p{
    line-height: 43px;
  }
  .asociados-nivel-tipo-contrato, 
  .asociados-nivel-tipo-contrato-turquesa, 
  .asociados-nivel-tipo-contrato-gris, 
  .asociados-nivel-tipo-contrato-mexico {
    line-height: 43px !important;
  }
  .nuevos-asociados-centroamerica-2{
    line-height: 23px !important;
  }
}


@media screen and (min-width:1279px){
  .cardgraph__items{
    justify-content: flex-end;
  }
  .cardgraph__items p{
    margin-left: 24px;
  }
}

/*--------------------------------------------------------------
# CAPITULO 02 - 2 Alberto
--------------------------------------------------------------*/



#capitulo02_1 .imacel{
 
  margin: auto;
  display: block;
 width: 80%;
}


/*--------------------------------------------------------------
# CAPITULO 02 - 2 Alberto
-----------------------------------------------------
---------*/
 
#capitulo02_2 .py-cust5 {
 
  padding-top: 6rem;
  padding-bottom: 6rem;
  
}

#capitulo02_2 h4{
 
  margin-top: 63px;
  
}

#capitulo02_2 .gridify{
  display: grid;
  grid-template-columns: 100%;
  gap: 40px 24px;
  justify-content: center;
  align-content: center;
  width: 98%;
  margin: 0 auto;

}

#capitulo02_2 .gridify__item{
  background: #ffffff;;
  border-radius: 6px;
  display: flex;
}
#capitulo02_2 .gridify__item:first-of-type{
  background: transparent;
}
#capitulo02_2 .bulletcard{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#capitulo02_2 .bulletcard .bulletcard__image{
  width: 100%;
  height: 95px;
}
#capitulo02_2 .bulletcard .bulletcard__image img{
  object-fit: cover;
  width: 100%;
  max-height: 100%;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#capitulo02_2 .bulletcard__text{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 16px 8px;
}
#capitulo02_2 .bulletcard__text .bullet__number{
  width: auto;
    display: flex;
    justify-content: center;
    padding: 0 11px;
}
#capitulo02_2 .bulletcard__text .bullet__number p{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffad23;
    color: #ffffff;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  font-family: Myriad-Bold;
  font-size: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}



#capitulo02_2 .bulletcard__text .bullet__description{
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#capitulo02_2 .bulletcard__text .bullet__description span{
  font-family: Myriad-SemiBold;
  color: #0071CE;
  
}


@media screen and (min-width:767px){
  #capitulo02_2 .gridify{
      grid-template-columns: 33% 33% 33%;
      margin: 0 auto;     
      gap: 24px;   
  }    
  #capitulo02_2 .bulletcard{
    height: 274px;
  }
}
@media screen and (min-width:1279px){
  #capitulo02_2 .bulletcard{
    height: 248px;
  }
}


/*--------------------------------------------------------------
# CAPITULO 02 - 3 Alberto
--------------------------------------------------------------*/

#capitulo02_porta3{
  background: url('../img/capitulo02/bgportadas.png');
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  height: auto;
  
}

#capitulo02_porta3 .imaporta1{
  width: 100%;
  display: block;
  margin: 3rem auto;
  
}

#capitulo02_porta3 p {
  margin-left: 63px ;
  
}

/*--------------------------------------------------------------
# CAPITULO 02 - 3 Alberto
--------------------------------------------------------------*/

#capitulo02_3 h4 {

  font-family: Myriad-Bold;
 
  
  
}


#capitulo02_3 .image__holder{
  width: 100%;
  height: 100%;
}
#capitulo02_3 .image__holder img{
  object-fit: cover;
  width: 100%;
}


.subtitle-blue-bullet{
  text-transform: uppercase;
  position: relative;
  padding-left: 60px;  
  color: #1181C7;
  font-size: 32px;
    line-height: 37px;
  font-family: Myriad-Bold;
  margin-bottom: 24px;
}

.subtitle-white-bullet{
   
  color: #ffffff;
  
}




.subtitle-blue-bullet::before{
  position: absolute;
  content: '1';
  left: 0;
  top: -3px;
  background-color: #ffffff;
    color: #f4a32a;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    font-family: Myriad-Bold;
    font-size: 25px;
    line-height: 20px;
    margin: 0;
    padding: 6px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.subtitle-blue-bullet-2::before{
  content: '2';
}
.subtitle-blue-bullet-3::before{
  content: '3';
}
.subtitle-blue-bullet-4::before{
  content: '4';
}
.subtitle-blue-bullet-5::before{
  content: '5';
}

ul#blue-list{
  margin: 16px 0;
  padding: 0;
}
ul#blue-list li{
  margin: 0;
  padding: 0 0 3px 25px;
  font-family: Myriad-Light;
  color: #414141;
  list-style: none;
  font-size: 16px;
  background: url('../svg/ico-blue-bullet.svg') no-repeat 10px 7px;
  background-size: 6px;
 
}

/*--------------------------------------------------------------
# CAPITULO 02 - 3 Alberto
--------------------------------------------------------------*/

#capitulo02_porta4{
  background: url('../img/capitulo02/bgportadas.png') no-repeat;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
  
}

#capitulo02_porta4 .imaporta1{
  width: 100%;
  display: block;
  margin: 3rem auto;
  
}

#capitulo02_porta4 p {
  margin-left: 63px ;
  
}



/*--------------------------------------------------------------
# CAPITULO 02 - 4 Alberto
--------------------------------------------------------------*/
#capitulo02_4 h4{
 
  font-size: 22px;
  
}

#capitulo02_4 .image__holder{
  width: 100%;
  height: 100%;
}
#capitulo02_4 .image__holder img{
  object-fit: cover;
  width: 100%;
}


/*--------------------------------------------------------------
# CAPITULO 02 - 3 Alberto
--------------------------------------------------------------*/

#capitulo02_porta5{
  background: url('../img/capitulo02/bgportadas.png') no-repeat;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}

#capitulo02_porta5 .imaporta1{
  width: 100%;
  display: block;
  margin: 3rem auto;
  
}

#capitulo02_porta5 p {
  margin-left: 63px ;
  
}

/*--------------------------------------------------------------
# CAPITULO 02 - 3 Alberto
--------------------------------------------------------------*/

#capitulo02_7{
  
  
  
}

#capitulo02_7 .image__holder{
  width: 100%;
  height: 100%;
}
#capitulo02_7 .image__holder img{
  object-fit: cover;
  width: 100%;
}


/*--------------------------------------------------------------
# CAPITULO 02 - 3 Alberto
--------------------------------------------------------------*/

#capitulo02_porta6{
  background: url('../img/capitulo02/bgportadas.png') no-repeat;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}

#capitulo02_porta6 .imaporta1{
  width: 100%;
  display: block;
  margin: 3rem auto;
  
}

#capitulo02_porta6 p {
  margin-left: 63px ;
  
}


#capitulo02_porta7{
  background: url('../img/capitulo02/bgportadas.png') no-repeat;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}

#capitulo02_porta7 .imaporta1{
  width: 100%;
  display: block;
  margin: 3rem auto;
  
}

#capitulo02_porta7 p {
  margin-left: 63px ;
  
}


/*--------------------------------------------------------------
# CAPITULO 02 - 8 Alberto
--------------------------------------------------------------*/

#capitulo02_8{
  background: url('../img/capitulo02/mano_zanahoria_01.gif');
  background-size: cover;
  background-position: right bottom ;
  background-repeat: no-repeat;
  
  
}


#capitulo02_8 .cards__image img {
  width: 80px;
 
  
  
}





/*--------------------------------------------------------------
# CAPITULO 02 - 9 Alberto
--------------------------------------------------------------*/
#capitulo02_9{
  background: url('../img/capitulo02/img-walmart.jpg') no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  position: relative;
}
.blue-overlay{
  width: 100%;
  height: 100vh;
  position: absolute;
  background: rgba(0,0,0,.25);
 
}
#capitulo02_9 .message-box{
  background: #ffffff;
  border-radius: 15px;
  padding: 50px 38px;
  max-width: 800px;
  z-index: 2;
}
#capitulo02_9 .message-box h5{
  color: #0172BA;
  
}
#capitulo02_9 .message-box p{
  color: #414141;
}

/*--------------------------------------------------------------
# CAPITULO 02 - 9 Alberto
--------------------------------------------------------------*/
#capitulo02_12{
  background: url('../img/capitulo02/img-walmartfachada.jpg') no-repeat;
  background-size: cover;
  background-position: bottom;
  width: 100%;
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  position: relative;
}
.blue-overlay{
  width: 100%;
  height: 100vh;
  position: absolute;
  background: rgba(0,0,0,.25);
 
}
#capitulo02_12 .message-box{
  background: #ffffff;
  border-radius: 15px;
  padding: 50px 38px;
  max-width: 800px;
  z-index: 2;
}
#capitulo02_12 .message-box h5{
  color: #0172BA;
  
}
#capitulo02_12 .message-box p{
  color: #0172BA;
}


/*--------------------------------------------------------------
# CAPITULO 02 - 10 Alberto
--------------------------------------------------------------*/
#capitulo02_10 img.imgpicker2 {
  width: 80%;
  display: block;
  margin: auto;
}

#capitulo02_10 img.imgpicker21 {
  width: 70%;
  display: block;
  margin: auto;
}

 

.conttxtcierre {
  background: #ffffff !important;
  border-radius: 6px;
  margin-top: 20px;
 
}

.txtcierre {
  font-size: clamp(1rem, 2vw, 1.3rem); 
  font-family: Myriad-SemiBold;
  text-align: center;
  color: #0172BA;
}



/*--------------------------------------------------------------
# Gobierno corporativo
--------------------------------------------------------------*/


#gobierno_01 {
  
  height: 100vh;
  background-image: url(../img/gobiernocorpo/bg_slideprin.png);
  background-size: cover;
  background-color:#6a7a86;
  
  
}

#gobierno_01 .pad95 {

  padding-top: 80px;
   
}

#gobierno_01 .paditl {
  padding-left: 14%;
    padding-top: 5%;
    padding-right: 0;
    height: 520px;
   
}

#gobierno_01 .paditlright {
  padding-left: 0;
  padding-top: 5%;
  padding-right: 10%;
  height: 520px;
}

#gobierno_01 .lineblu {
  margin-left: 40px;
  background-color: #F1B634;
    height: 152px;
    width: 5px;
    float: left;

}

#gobierno_01 .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#gobierno_01 h1 {
  font-family: Myriad-Bold;
  color: #F1B634;
  font-size: 40px;
  text-transform: uppercase;

}

#gobierno_01 .contfra {
  width: 80%;
  float: right;

}

#gobierno_01 .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: clamp(2rem, 5.5vw, 4rem);
  font-family: Myriad-Light;

}

#gobierno_01 p.txtintro {
  float: left;
  margin-top: 25px;
  margin-left: 80px;
  color: #ffffff;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
  font-family: Myriad-Light;


}

#gobierno_01  p.txtintro span{
  
  font-family: Myriad-Regular;

}



#gobierno_01 .imageslip {
  position: absolute;
  width: 420px;
  display: block;
  
  margin: 0px auto;
  
}

#gobierno_01  .imageslip2 {
  position: absolute;
  width: 590px;
  display: block;
  margin: 0px auto;
}

#gobierno_01  .titlesmob {
  display: none;
}

.bg-gobierno {
  
  height: 100vh;
  background-image: url(../img/gobiernocorpo/bg_slideprin.png);
  background-size: cover;
  background-color:#6a7a86;
  width: 100%;
  
}
.portada{
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-top: 75px;
  /* height: 100vh; */
  justify-content: space-between;
}
.portada__label{
  position: absolute;
  color: #ffffff;
  top: 75px;
  right: 0;
  text-transform: uppercase;
  font-size: 10px;
  text-align: right;
}
.portada__copy{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.portada__copy h1{
  font-family: Myriad-Bold;
  color: #F1B634;
  font-size: 30px;
  text-transform: uppercase;
  width: 100%;
}
.portada__copy h2{
  color: #ffffff;
  line-height: 32px;
  font-size: clamp(2rem, 4rem);
  font-family: Myriad-Light;
  margin-left: 24px;
}
.portada__copy p{
  display: none;
}
.portada__divider{
  margin-left: 40px;
    background-color: #F1B634;
    height: 120px;
    width: 5px;
    float: left;
}
.portada__image{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
  position: relative;
  height: 50vh;
}
.portada__image img{
  width: 100%;
  position: absolute;
}
.portada__image img.small-banner-image{
  width: 70%;
}
.portada__navigation{
  width:100% !important;
}
/* Landscape iPhone 6, 6S, 7 and 8 */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .bg-gobierno{
      height: 100%;
    } 
    .portada{
      justify-content: space-around;
      flex-direction:row;
      height: 100%;
      padding-top: 100px;
    }
    .portada__content{
      width: 100%;
      display: flex;
    }
    .portada__copy{
      width: 54%;
    }
    .portada__image{
      width: 35%;
    }
  }

/* Landscape iPhone 6+, 7+ and 8+ */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .portada{
      justify-content: space-around;
    }
    .portada__content{
      width: 100%;
      display: flex;
    }
    .portada__copy{
      width: 54%;
    }
    .portada__image{
      width: 35%;
    }
    .portada__navigation{
      width:100%;
    }
}

/* Landscape  iPhone X */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .bg-gobierno{
      height: 100%;
    }
    .portada{
      justify-content: space-around;
      flex-direction:row;
      height: 100%;
      padding-top: 100px;
    }
    .portada__content{
      width: 100%;
      display: flex;
    }
    .portada__copy{
      width: 54%;
    }
    .portada__image{
      width: 35%;
    }
    .portada__navigation{
      width: 100% !important;
      margin-top: 0 !important;
    }
}

/* Portrait iPad 3, 4 and Pro 9.7" */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .portada{
      justify-content: space-around;
    }
    .portada__image{
      text-align: center;
      width: 80%;
      margin: 32px auto 0;
    } 
}


@media screen and (min-width:767px){
  .portada{
    padding-top: 104px;
  }
  .portada__copy p{
    display: inline-block;
    width: 100%;
    margin-top: 25px;
    margin-left: 70px;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    font-family: Myriad-Light;
  }
  .portada__navigation{
    margin-top: 32px;
  }
}

/* Landscape IPAD 768 */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .portada{
      padding-top: 150px;
    }
    .portada__content{
      display: flex;
      justify-content: space-between;
    }
    .portada__copy{
      width: 50%;
      margin-bottom: 64px;
    }
    .portada__image{
      width: 50%;
    }
    .portada__navigation{
      margin-top: 100px;
    }
}

@media screen and (min-width:1023px){
  .portada{
    padding-top: 150px;
  }
  .portada__copy{
    margin-bottom: 50px;
  }
  .portada__navigation{
    margin-top: 50px;
  }
}

/* Landscape iPad Pro 10.5" */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .portada{
      padding-top: 200px !important;
    }

    #valor_social h1 {
    
      font-size: 35px;
      
  }


}

@media screen and (min-width:1279px){
  .portada{
    justify-content: space-around;
    padding-top: 90px;
  }
  .portada__content{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
  }

  .portamt50{

    margin-top: 3%;

  }

  .portamt60{

    margin-top: 5%;

  }



  .portada__copy{
    width: 50%;
    padding-right: 80px;
  }
  .portada__copy h1{
    font-size: 40px;
  }
  .portada__copy h2{
    font-size: 64px;
    line-height: 64px;
  }
  .portada__divider{
    height: 250px;
  }
  .portada__image{
    width: 50%;
  }
}

/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {

  .dividendo-pagado{
    
    line-height: 28px !important;
    
  }

  #capitulo02_7 .imgdocta{
  
  margin-top: 25px;
  
  }

  #capitulo02_7 .cards{
  
    margin: 20px;
    
  }

  #capitulo02_7 .cards img{
  
    height: 57px;
    
  }

  #capitulo02_8 {
    background: none;
   background-color: #f79d2c;
}

#capitulo02_8 .cards img{
  
  height: 57px;
  
}

#capitulo02_10 img.imgpicker21 {
  width: 90%;
  display: block;
  margin: 30px auto 0px !important;
}

img.imgpicker231  {
  width: 90%;
  display: block;
  margin: 30px auto 0px !important;
}
  
#capitulo02_10 img.imgpicker2 {
  width: 100%;
  
}

  

 
  #gobierno_01 .pad95 {
    padding-top: 69px;
}

  #gobierno_01  .paditl {
    padding-left: 20px;
    height: auto;
    
}

#gobierno_01  .titlfra1 {
  
  right: 15px;
  
  font-size: 10px;
  
}

#gobierno_01  h1 {
  margin-top: 0px;
  font-size: 30px;
  
}

#gobierno_01 .contfra h2 {

  
  line-height: 1.2;
  

}


#gobierno_01  .lineblu {
  height: 115px;
}

#gobierno_01  .d-flex {
  height: 288px;
}


  #gobierno_01  .imageslip {
    
    width: 240px;
    
    
  }
  
  #gobierno_01  .imageslip2 {
   
    width: 340px;
    
  }

  #gobierno_01  p.txtintro {
   
    display: none;
    
  
  }

  #gobierno_01 .paditlright {
    display: none;
  }

  #gobierno_01  .titlesmob {
    display: block;
  }

  
  #gobierno_01  .imgcentermod {
    position: absolute;
    width: 91px;
    top: 129px;
    left: 142px;
}
 
#gobierno_01 .icos-allods {
  margin-top: 0px;
    margin-left: 20%;
    width: 30px;
    margin-bottom: 0;

}

}/*-END  MOBILE-*/

/*--------------------------------------------------------------
# Gobierno 02
--------------------------------------------------------------*/


#gobierno_03  .bg-gobierno-cor1 {
  background-image: url(../img/gobiernocorpo/bg_gob-cor-1.jpg);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 30vh;
}

#gobierno_03  .subtitle {
  font-size: 20px;
  font-family: Myriad-SemiBold;
  text-transform: none;
}


#gobierno_03  .conticoss {
 text-align: center;
  width: auto;
display: grid;

}


#gobierno_03 .conticoss p {
  margin-top: 15px;
   width: 100%;
 
 }


#gobierno_03 .conticoss .icoss {
  width: 45px;
  margin: auto;
  display: block;

}

#gobierno_03 .conticossmob {


  display: none;


}

/*--------------------------------------------------------------
# Gobierno 04
--------------------------------------------------------------*/
.icoss-int {
  width: 45px;
  display: inline;
  margin: auto 10px;
}

#gobierno_04 .bg-gob-higiene {
  background-image: url(../img/gobiernocorpo/bg_gob-higiene.jpg);
  background-position: top center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 30vh;
}


#gobierno_04 .cardgraph__subtitle3 p{
  line-height: 19px !important;
    font-size: 14px;
    padding-top: 2px;
}

/*--------------------------------------------------------------
# Gobierno 05
--------------------------------------------------------------*/

#gobierno_05 {
  
  padding: 0;

}

#gobierno_05 .col-xl-4 {
  
  padding: 0;

}

#gobierno_05 h4 {
  margin: auto; 
  width:84%;

}

#gobierno_05 h5 {
  margin: auto; 
  width:70%;

}

#gobierno_06 {
  
  padding: 0;

}

#gobierno_06 .col-xl-4 {
  
  padding: 0;

}

#gobierno_06 h4 {
  margin: auto; 
  width:84%;

}

#gobierno_06 h5 {
  margin: auto; 
  width:70%;

}

#gobierno_06 .cards {
 margin:40px auto;
 max-width: 550px;


}


#gobierno_06 p {
  font-size: 20px;
  font-family: Myriad-Semibold;

}

.tableimano {
  width: 549px;
  margin: auto;
  display: block;
}

#gobierno_07 {
  
  padding: 0;

}

#gobierno_07 .col-xl-4 {
  
  padding: 0;

}

#gobierno_07 h4 {
  margin: auto; 
  width:84%;

}

#gobierno_07 h5 {
  margin: auto; 
  width:70%;

}

#gobierno_08 {
  
  padding: 0;

}

#gobierno_08 .col-xl-4 {
  
  padding: 0;

}

#gobierno_08 h4 {
  margin: auto; 
  width:84%;

}

#gobierno_08 h5 {
  margin: auto; 
  width:70%;

}

#gobierno_08 .cards {
 margin:40px auto;
 max-width: 550px;


}


#gobierno_08 p {
  font-size: 20px;
  font-family: Myriad-Semibold;

}


#gobierno_09 {
  
  padding: 0;

}

#gobierno_09 .col-xl-4 {
  
  padding: 0;

}

#gobierno_09 p {
  margin: auto; 
  width:84%;
  margin-top: 20px;

}

#gobierno_10 {
  
  padding: 0;

}

#gobierno_10 .col-xl-4 {
  
  padding: 0;

}

#gobierno_10 p {
  margin: auto; 
  width:84%;
  margin-top: 20px;

}

#gobierno_11 {
  
  padding: 0;

}

#gobierno_11 .col-xl-4 {
  
  padding: 0;

}

#gobierno_11 p {
  margin: auto; 
  width:84%;
  margin-top: 20px;

}

#gobierno_11 .cards {
  margin: auto; 
  max-width:66%;
  margin-top: 12px;
  background: #dcdfe0;

}

#gobierno_11 .cards p{
 
  width:100%;
  margin-top: 0;

}

#gobierno_12 {
  
  padding: 0;

}

#gobierno_12 .col-xl-4 {
  
  padding: 0;

}

#gobierno_12 p {
  margin: auto; 
  width:84%;
  margin-top: 20px;

}

/*--------------------------------------------------------------
# Gobierno 04
--------------------------------------------------------------*/


#gobierno_13 .bg-gob-higiene {
  background-image: url(../img/gobiernocorpo/bg_gob-higiene.jpg);
  background-position: top center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 30vh;
}


#gobierno_13 .cardgraph__subtitle3 p{
  line-height: 19px !important;
  font-size: 18px;
  padding-top: 12px;
}


#gobierno_14 {
  
  padding: 0;

}

#gobierno_14 .col-xl-4 {
  
  padding: 0;

}

#gobierno_14 .gray414141-text {
  
  width: 80%;
  margin: auto;
  margin-top: 20px;

}



#gobierno_14 h4 {
  margin: auto; 
  width:84%;

}

#gobierno_14 h5 {
  margin: auto; 
  width:70%;

}

#gobierno_14 .cards {
 margin:40px auto;
 max-width: 550px;


}

#gobierno_15 {
  
  padding: 0;

}

#gobierno_15 .col-xl-4 {
  
  padding: 0;

}

#gobierno_15 p {
  margin: auto; 
  width:84%;
  margin-top: 20px;

}

#gobierno_15 {
  
  padding: 0;

}

#gobierno_16 {
  
  padding: 0;

}

#gobierno_16 .col-xl-4 {
  
  padding: 0;

}

#gobierno_16 p {
  margin: auto; 
  width:84%;
  margin-top: 20px;

}


/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

  #gobierno_03 .d-flex {


    display: none !important;
  
  
  }
  
  #gobierno_03 .conticossmob {
  margin-top: 15px;
   text-align: center;
    display: block;
  
  
  }

  #gobierno_03 .conticossmob img {
    width: 60px;
    margin-bottom: 10px;
    
    
    }

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {
  

  .tableimano {
    width: 100%;
    margin: auto;
    display: block;
}
  
#gobierno_03 .d-flex {


  display: none !important;


}

#gobierno_03 .conticossmob {
margin-top: 15px;
 text-align: center;
  display: block;


}
#gobierno_03 .conticossmob p {
  margin-top: 10px;
 
 
 }


#gobierno_03 .conticossmob .icoss {
  width: 45px;
  margin: auto;
  display: block;
}

#gobierno_05 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_05 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}

#gobierno_06 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_06 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}


#gobierno_06 p {
  font-size: 18px;
  
}


#gobierno_07 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_07 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}

#gobierno_08 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_08 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}

#gobierno_09 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_09 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}

#gobierno_09 p {
  
  
  margin-bottom: 40px;

}

#gobierno_10 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_10 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}

#gobierno_10 p {
  
  
  margin-bottom: 40px;

}

#gobierno_11 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_11 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}

#gobierno_11 .cards {
  
  max-width: 100%;
  margin-bottom: 25px !important;
}


#gobierno_12 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_12 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}

#gobierno_12 p {
  margin-bottom: 25px;
}

#gobierno_13 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_13 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}

#gobierno_14 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_14 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}

#gobierno_15 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_15 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}
#gobierno_15 p {
  
 margin-bottom: 25px;
}

#gobierno_16 h4 {
  
  width: 100%;
  margin: 25px 0;
}


#gobierno_16 h5 {
  
  width: 100%;
  margin-bottom: 40px;
}
#gobierno_16 p {
  
 margin-bottom: 25px;
}




}/*-END  MOBILE-*/



/*--------------------------------------------------------------
# Valor Social
--------------------------------------------------------------*/

#valor_social {
  
  height: 100vh;
  background-image: url(../img/asociados/bg_slideprin.png);
  background-size: cover;
  background-color:#016198;
  
  
}



#valor_social  .pad95 {

  padding-top: 80px;
   
}

#valor_social  .paditl {
  padding-left: 14%;
    padding-top: 5%;
    padding-right: 0;
    height: 520px;
    
   
}

#valor_social  .paditlright {
  padding-left: 0;
  padding-top: 5%;
  padding-right: 10%;
  height: 520px;
}

#valor_social  .lineblu {
  margin-left: 40px;
  background-color: #F1B634;
    height: 200px;
    width: 5px;
    float: left;

}

#valor_social  .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#valor_social  h1 {
  font-family: Myriad-Bold;
  color: #F1B634;
  font-size: 40px;
  text-transform: uppercase;

}

#valor_social  .contfra {
  width: 80%;
  float: right;

}

#valor_social  .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: clamp(2rem, 5.5vw, 4rem);
  font-family: Myriad-Light;

}

#valor_social  p.txtintro {
  float: left;
  margin-top: 25px;
  margin-left: 80px;
  color: #ffffff;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
  font-family: Myriad-Light;


}

#valor_social   p.txtintro span{
  
  font-family: Myriad-Regular;

}



#valor_social  .imageslip {
  position: absolute;
  width: 420px;
  display: block;
  
  margin: 0px auto;
  
}

#valor_social   .imageslip2 {
  position: absolute;
  width: 590px;
  display: block;
  margin: 0px auto;
}





#valor_social .titlesmob {
  display: none;
}



/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 
  #valor_social h1 {
    margin-top: 0px;
    font-size: 30px;
    
  }

}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {
  
 

  #valor_social .pad95 {
    padding-top: 69px;
}

  #valor_social .paditl {
    padding-left: 20px;
    height: auto;
}


#valor_social .titlfra1 {
  
  right: 15px;
  
  font-size: 10px;
  
}

#valor_social h1 {
  margin-top: 0px;
  font-size: 30px;
  
}

#valor_social .contfra h2 {

  
  line-height: 1.2;
  

}


#valor_social .lineblu {
  height: 115px;
}

#valor_social .d-flex {
  height: 288px;
}


  #valor_social .imageslip {
    
    width: 240px;
    
    
  }
  
  #valor_social .imageslip2 {
   
    width: 340px;
    
  }

  #valor_social p.txtintro {
   
    display: none;
    
  
  }

  #valor_social .paditlright {
    display: none;
  }

  #valor_social .titlesmob {
    display: block;
  }

  
  #valor_social .imgcentermod {
    position: absolute;
    width: 91px;
    top: 129px;
    left: 142px;
}
 
#valor_social .icos-allods {
  margin-top: 0px;
    margin-left: 20%;
    width: 30px;
    margin-bottom: 0;

}

}/*-END  MOBILE-*/



/*--------------------------------------------------------------
# Valor Al Asociado
--------------------------------------------------------------*/


#valor_al_asociado {
  
  height: 100vh;
  background-image: url(../img/asociados/bg_slideprin.png);
  background-size: cover;
  background-color:#016198;
  
  
}

#valor_al_asociado .pad95 {

  padding-top: 80px;
   
}

#valor_al_asociado .paditl {
  padding-left: 14%;
    padding-top: 5%;
    padding-right: 0;
    
   
}

#valor_al_asociado .paditlright {
  padding-left: 0;
  padding-top: 5%;
  padding-right: 10%;
  height: 520px;
}

#valor_al_asociado .lineblu {
  margin-left: 40px;
  background-color: #F1B634;
    height: 200px;
    width: 5px;
    float: left;

}

#valor_al_asociado .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#valor_al_asociado h1 {
  font-family: Myriad-Bold;
  color: #F1B634;
  font-size: 40px;
  text-transform: uppercase;

}

#valor_al_asociado .contfra {
  width: 80%;
  float: right;

}

#valor_al_asociado .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: clamp(2rem, 5.5vw, 4rem);
  font-family: Myriad-Light;

}

#valor_al_asociado p.txtintro {
  float: left;
  margin-top: 25px;
  margin-left: 80px;
  color: #ffffff;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
  font-family: Myriad-Light;


}

#valor_al_asociado  p.txtintro span{
  
  font-family: Myriad-Regular;

}



#valor_al_asociado  .imageslip {
  position: absolute;
  width: 420px;
  display: block;
  
  margin: 0px auto;
  
}

#valor_al_asociado  .imageslip2 {
  position: absolute;
  width: 590px;
  display: block;
  margin: 0px auto;
}

#valor_al_asociado .titlesmob {
  display: none;
}



/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {
  
  

  #valor_al_asociado .pad95 {
    padding-top: 69px;
}

  #valor_al_asociado .paditl {
    padding-left: 20px;
    
}

#valor_al_asociado.titlfra1 {
  
  right: 15px;
  
  font-size: 10px;
  
}

#valor_al_asociado h1 {
  margin-top: 0px;
  font-size: 30px;
  
}

#valor_al_asociado .contfra h2 {

  
  line-height: 1.2;
  

}


#valor_al_asociado .lineblu {
  height: 115px;
}

#valor_al_asociado .d-flex {
  height: 288px;
}


  #valor_al_asociado .imageslip {
    
    width: 240px;
    
    
  }
  
  #valor_al_asociado .imageslip2 {
   
    width: 340px;
    
  }

  #valor_al_asociado p.txtintro {
   
    display: none;
    
  
  }

  #valor_al_asociado .paditlright {
    display: none;
  }

  #valor_al_asociado .titlesmob {
    display: block;
  }

  
  #valor_al_asociado .imgcentermod {
    position: absolute;
    width: 91px;
    top: 129px;
    left: 142px;
}
 
#valor_al_asociado .icos-allods {
  margin-top: 0px;
    margin-left: 20%;
    width: 30px;
    margin-bottom: 0;

}

}/*-END  MOBILE-*/


/*--------------------------------------------------------------
# Valor social 01 - Alberto
-------------------------------------------------------------*/


#valor_social_01  .imgcli1 {
  width: 90%;
}

#valor_social_01  .imgcli2 {
 
  display: block;
  margin: auto;

}


/*--------------------------------------------------------------
# Valor social 01 - Alberto
-------------------------------------------------------------*/


/*--------------------------------------------------------------
# Valor social 01 - Alberto
-------------------------------------------------------------*/


#valor_social_07   {
  background: #EEF2F4;
  margin-bottom: 0 !important;
 
}

#valor_social_07 .imglogomex  {
  width: 150px;
  display: block;
  margin: 20px auto;

 
}



/*--------------------------------------------------------------
# Valor social Sección 2 - Alberto
---------------------------------------------------
----------*/

#valor_social_08 {
  background: url(../img/valor_social/img-walmart-demo-1.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size:auto 100%;
  
}


#valor_social_08 .icopictu {
  width: 83px;
  
}



#valor_social_10 {
  background: url(../img/valor_social/img-gobierno-politica.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size:auto 100%;
  background-color: #2570b8;
  
}

#valor_social_10 a {
  color: #ffffff;
  text-decoration: underline;
  
}


#valor_social_10 #blue-list li  {

    margin: 0;
    padding: 0 0 5px 25px;
    font-family: Myriad-Light;
    
    list-style: none;
    font-size: 16px;
    background: none;
    background-size: 6px;
    width: 100%;
    display: inline-block;

}
#valor_social_10 #blue-list li  p{

  float: left;
  width: 90%;
  margin-left: 5px;
  padding-top: 10px;
  margin-bottom: 0px;

}



#valor_social_10 #blue-list li .imgicos {
 margin-right: 5px;
 float: left;
  width: 45px;
  display: inline-block;

}




.bg-100h-blue-1{
  background: rgb(8,76,139);
  background: -moz-linear-gradient(180deg, rgba(8,76,139,1) 0%, rgba(18,114,176,1) 9%, rgba(8,76,139,1) 18%, rgba(255,255,255,.1) 18%);
  background: -webkit-linear-gradient(180deg, rgba(8,76,139,1) 0%, rgba(18,114,176,1) 9%, rgba(8,76,139,1) 18%, rgba(255,255,255,.1) 18%);
  background: linear-gradient(180deg, rgba(8,76,139,1) 0%, rgba(18,114,176,1) 9%, rgba(8,76,139,1) 18%, rgba(255,255,255,.1) 18%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#084c8b",endColorstr="#ffffff",GradientType=1);
}


@media screen and (min-width:1023px){
  .bg-100h-blue-1{
    background: rgb(8,76,139);
    background: -moz-linear-gradient(90deg, rgba(8,76,139,1) 0%, rgba(18,114,176,1) 17%, rgba(8,76,139,1) 24%, rgba(255,255,255,.1) 24%);
    background: -webkit-linear-gradient(90deg, rgba(8,76,139,1) 0%, rgba(18,114,176,1) 17%, rgba(8,76,139,1) 24%, rgba(238,242,244,1) 24%);
    background: linear-gradient(90deg, rgba(8,76,139,1) 0%, rgba(18,114,176,1) 17%, rgba(8,76,139,1) 24%, rgba(238,242,244,1) 24%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#084c8b",endColorstr="#ffffff",GradientType=1);
  } 
}

.full-banner{
  width: 100%;
  height: 346px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.full-banner__title{
  width: 80%;
  position: absolute;
  top: 15%;
  left: 5%;
}
.full-banner__image{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.full-banner__image img{
  object-fit: contain;
}
@media screen and (min-width:767px){
  .full-banner__title{
    width: 52%;
    top: 25%;
  }
}


/*--------------------------------------------------------------
# Valor social Sección 2 - Alberto
---------------------------------------------------
----------*/


#valor_social_12 .progress {
  border-radius:0;
  overflow:visible;
}
#valor_social_12 .progress-bar {
  
}


.progressbar{
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.progressbar p{
  margin: 0;
  padding: 0;
}
.progressbar__percentage  {
  font-size: 20px;
  line-height: 20px;
  font-family: Myriad-Bold;
  display: flex;
  justify-content: flex-end;
}

#valor_social_12 .blue-light-3-txt span  {
  font-size: 20px;
  line-height: 20px;
  font-family: Myriad-Bold;
  display: flex;
  color: #7dbed2;
  justify-content: flex-end;
}

.progressbar__container{
  width: 100%;
  height: 10px;
  background: #E7E7E7;
  margin: 8px 0 ;
  border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
  position: relative;
  
}
.progressbar__value{
  width: 0;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 40px 40px 40px 40px;
  -moz-border-radius: 40px 40px 40px 40px;
  -webkit-border-radius: 40px 40px 40px 40px;
 
}

@-webkit-keyframes animate-positive{
  0% { width: 0%; 
  opacity: 1;}
}
@keyframes animate-positive{
  0% { width: 0%; 
  opacity: 1;}
}



@keyframes dash {
  from {
    stroke-dashoffset: 0;
  }
  to {
    
  }
}




.progressbar__text{
  font-size: 14px;
  line-height: 16px;
  color: #414141;
  margin: 0;
  padding: 0;
}

@media screen and (min-width:767px){
  .cardgraph__subtitle2{
    width: 55%;
  }
  .cardgraph__items{
    width: 45%;
  }
}


/*--------------------------------------------------------------
# Valor social Sección 2 - Alberto
---------------------------------------------------
----------*/

#valor_social_13 .datagrafmex { 
  text-align: center;
  position: absolute;
  top: 47px;
  left: 145px;
  font-size: 25px;
  line-height: 20px;
  
}

#valor_social_13 .datagrafmex .percent-blue {
  font-size: 30px;
  color: #263b80;
  font-family: Myriad-Bold;

}

#valor_social_13 .datagrafmex .percent-bluelight {
  font-size: 30px;
  color: #7374a3;
  font-family: Myriad-Bold;

}



#valor_social_13 .datagrafmex p { 
  margin-bottom: 10px;
  color: #414141;
  font-size: 12px;

}

#valor_social_13 .datagrafcen { 
  text-align: center;
  position: absolute;
  top: 47px;
  left: 145px;
  font-size: 25px;
  line-height: 20px;
  
}

#valor_social_13 .datagrafcen .percent-blue {
  font-size: 30px;
  color: #7dbed2;
  font-family: Myriad-Bold;

}

#valor_social_13 .datagrafcen .percent-bluelight {
  font-size: 30px;
  color: #8fd0e6;
  font-family: Myriad-Bold;

}



#valor_social_13 .datagrafcen p { 
  margin-bottom: 10px;
  color: #414141;
  font-size: 12px;

}

#valor_social_13 .cardgraph__percentage p span{
  font-family: Myriad-Bold;
  font-size: 18px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  text-align: right;
  color: #253B80;
}



#valor_social_13 .imgcamaron { 
  width: 150px;
  position: absolute;
    left: 300px;
    top: 101px;
  
}

#valor_social_13 .imgpesca { 
  width: 150px;
  position: absolute;
    right: -35px;
    top: 101px;
  
}



/*--------------------------------------------------------------
# Valor social Sección 2 - Alberto
---------------------------------------------------
----------*/

#valor_social_14 .datagrafmex { 
  text-align: center;
  position: absolute;
  top: 47px;
  left: 145px;
  font-size: 25px;
  line-height: 20px;
  
}

#valor_social_14 .datagrafmex .percent-blue {
  font-size: 30px;
  color: #263b80;
  font-family: Myriad-Bold;

}

#valor_social_14 .datagrafmex .percent-bluelight {
  font-size: 30px;
  color: #7374a3;
  font-family: Myriad-Bold;

}



#valor_social_14 .datagrafmex p { 
  margin-bottom: 10px;
  color: #414141;
  font-size: 12px;

}

#valor_social_14 .datagrafcen { 
  text-align: center;
  position: absolute;
  top: 47px;
  left: 145px;
  font-size: 25px;
  line-height: 20px;
  
}

#valor_social_14 .datagrafcen .percent-blue {
  font-size: 30px;
  color: #7dbed2;
  font-family: Myriad-Bold;

}

#valor_social_14 .datagrafcen .percent-bluelight {
  font-size: 30px;
  color: #8fd0e6;
  font-family: Myriad-Bold;

}



#valor_social_14 .datagrafcen p { 
  margin-bottom: 10px;
  color: #414141;
  font-size: 12px;

}



#valor_social_14 .imgcamaron { 
  width: 150px;
  position: absolute;
    left: 300px;
    top: 101px;
  
}

#valor_social_14 .imgpesca { 
  width: 150px;
  position: absolute;
    right: -35px;
    top: 101px;
  
}



/*--------------------------------------------------------------
# Valor social Sección 2 - Alberto
---------------------------------------------------
----------*/

#valor_social_15 .datagrafmex { 
  text-align: center;
  position: absolute;
  top: 47px;
  left: 145px;
  font-size: 25px;
  line-height: 20px;
  
}

#valor_social_15 .datagrafmex .percent-blue {
  font-size: 30px;
  color: #263b80;
  font-family: Myriad-Bold;

}

#valor_social_15 .datagrafmex .percent-bluelight {
  font-size: 30px;
  color: #7374a3;
  font-family: Myriad-Bold;

}



#valor_social_15 .datagrafmex p { 
  margin-bottom: 10px;
  color: #414141;
  font-size: 12px;

}

#valor_social_15 .datagrafcen { 
  text-align: center;
  position: absolute;
  top: 47px;
  left: 145px;
  font-size: 25px;
  line-height: 20px;
  
}

#valor_social_15 .datagrafcen .percent-blue {
  font-size: 30px;
  color: #7dbed2;
  font-family: Myriad-Bold;

}

#valor_social_15 .datagrafcen .percent-bluelight {
  font-size: 30px;
  color: #8fd0e6;
  font-family: Myriad-Bold;

}



#valor_social_15 .datagrafcen p { 
  margin-bottom: 10px;
  color: #414141;
  font-size: 12px;

}



#valor_social_15 .imgcamaron { 
  width: 150px;
  position: absolute;
    left: 300px;
    top: 101px;
  
}

#valor_social_15 .imgpesca { 
  width: 150px;
  position: absolute;
    right: -35px;
    top: 101px;
  
}


#valor_social_15 .imgcamaron { 
  width: 150px;
  
}


#valor_social_16 .nav { 
  width: 700px;
  margin: 40px auto 0;
  border: 0;
}


#valor_social_16 .nav-tabs .nav-link.active {
  color: #b7b7b7;
  background-color: #edf2f3;
  border-color: #dee2e6 #dee2e6 #edf2f3;
}


#valor_social_17  .imgcli1 {
  width: 70%;
    margin: auto;
    display: block;
}

#valor_social_17  .cards {

  width: 70%;


}

#valor_social_17  .cardleft {

  float: right;


}

#valor_social_18 #blue-list li {
  margin: 0;
  padding: 0 0 5px 25px;
  font-family: Myriad-Light;
  list-style: none;
  font-size: 16px;
  background: none;
  background-size: 6px;

}

#valor_social_18 #blue-list li .imgicos {
  margin-right: 5px;
  width: 45px;
  display: inline-block;
}



#valor_social_19 .bg-valor_segaliment_1 {

  background-image: url(../img/valor_social/bg-segu-alimentaria.png);
  background-position:top center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 30vh;
  padding: 0;

}


#valor_social_19 .cards h4{

  font-size: 20px;
  font-family: Myriad-SemiBold;

}

#valor_social_19 .txt19{

  font-size: 20px;
  font-family: Myriad-SemiBold;

}


#valor_social_20 .cards h4{

  font-size: 20px;
  font-family: Myriad-SemiBold;

}

#valor_social_21 {
  background-image: url(../img/valor_social/bg-map-mex.png);
  background-position:right bottom;
  background-size:contain;
  background-repeat: no-repeat;
  
  background-color: #e4e8ea;

}

#valor_social_21 .cards p{

  font-size: 14px;

}


#valor_social_21 .cards h4 span{
  font-size: 14px;
  font-family: Myriad-Light;

}

#valor_social_22 .bg-valor_segaliment_1 {

  background-image: url(../img/valor_social/bg-voluntariado.png);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 30vh;
  padding: 0;

}

#valor_social_22 .cards {

  width: 80%;

}

#valor_social_22 .fr {

  float: right;

}

/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {

 
  #valor_social_08 {
    background: none;
   
}

#valor_social_08 .h422{
  margin-bottom: 25px;
 
}
  
#valor_social_10 {
  background: none;
  
  background-color: #2570b8;
}

#valor_social_10 #blue-list li {
  margin: 5px 0;
  padding: 0 0 5px 0px;
  
}

#valor_social_10 #blue-list li p {
 width: 75%;
  
}

#valor_social_13 .datagrafmex {

  top: 29px;
  left: -10px;
  
}

#valor_social_13 .datagrafcen {
 
  left: -10px;
  
}
  
 
#valor_social_13 .imgcamaron {
  width: 100px;
    position: absolute;
    left: 232px;
    top: 50px;
}



#valor_social_13 .imgpesca {
  width: 100px;
    position: absolute;
    left: 229px;
    top: 198px;
}


#valor_social_13 .cardgraph__subtitle2  {
  padding: 0px;
}

#valor_social_13 .cardgraph__subtitle2 p {
  
  padding: 10px 0 0 48px;
  height: 40px;
}
#valor_social_14 .datagrafmex {

  top: 29px;
  left: -10px;
  
}

#valor_social_14 .datagrafcen {
 
  left: -10px;
  
}

#valor_social_14 .imgcamaron {
  width: 100px;
    position: absolute;
    left: 232px;
    top: 50px;
}

#valor_social_14 .imgpesca {
  width: 100px;
    position: absolute;
    left: 229px;
    top: 198px;
}

#valor_social_14 .cardgraph__subtitle2  {
  padding: 0px;
}

#valor_social_14 .cardgraph__subtitle2 p {
  
  padding: 10px 0 0 48px;
  height: 40px;
  margin-bottom: 25px;
}

#valor_social_15 .imggarner {

  margin-bottom: 25px;
  
}

#valor_social_15 .datagrafmex {

  top: 29px;
  left: -10px;
  
}

#valor_social_15 .datagrafcen {
 
  left: -10px;
  
}

#valor_social_15 .imgcamaron {
  width: 100px;
    position: absolute;
    left: 232px;
    top: 50px;
}

#valor_social_15 .imgpesca {
  width: 100px;
    position: absolute;
    left: 229px;
    top: 198px;
}

#valor_social_15 .cardgraph__subtitle2  {
  padding: 0px;
}

#valor_social_15 .cardgraph__subtitle2 p {
  
  padding: 10px 0 0 48px;
  height: 40px;
}

#valor_social_16 .nav {
  width: 100%;
  margin: 40px auto 0;
  border: 0;
}

#valor_social_17 .cards {
  width: 100%;
}

#valor_social_19 .cards {

  margin-top: 25px;

}

#valor_social_21 {

  background-size: cover;
 
}

#valor_social_22 .cards {
  width: 100%;
}

#valor_social_08 .icopictu {
  height: 75px;
}

}/*-END  MOBILE-*/


/*--------------------------------------------------------------
# Resiliencia
--------------------------------------------------------------*/



#resilencia {
  
  height: 100vh;
  background-image: url(../img/capitulo1/bg_cp1.png);
  background-size: cover;
  background-color:#EEF2F4;
  
  
}


#resilencia .pad95 {
 padding-top: 95px;
  
}

   
#resilencia .image {

  width: 74%;
  display: block;
  margin: 0px auto;

}



#resilencia .menucarr {

  

}

#resilencia .menucarr2 p {
  text-transform: uppercase;
  font-size: 15px;
  color: #ffffff;
  margin-right: 40px;
  text-align: right;
  font-family: Myriad-Regular;
}

#resilencia .menucarr ul {
  list-style: none;
  width: 100%;
  margin-top: 10px;
  float: right;
  margin-right: 40px;
    
}


#resilencia .menucarr ul li {
  text-align: right;
  font-size: 15px;
  
}

#resilencia .menucarr ul li a {
  
  color: #6FA5C7;
  font-family: Myriad-Light;
}

#resilencia .menucarr ul li a:hover {
  font-family: Myriad-Regular;
  color: #ffffff;
}


#resilencia .menucarr ul li a.active {
  
  color: #ffffff;
  font-family: Myriad-Regular;
}


#resilencia .menucarr ul li span {
  margin-left: 10px;
  font-size: 9px;
  
}


.moving-mouse-holder {
  margin: auto;
  margin-top: 10px;
  width: 170px;
}

.moving-mouse-holder .mouse {
  width: 26px;
  height: 40px;
  position: relative;
  margin: auto;
  border-radius: 18px;
  border: 2px solid #ffffff;
}

.moving-mouse-holder .mouse .fa-long-arrow-down {
  color: #fff;
    position: relative;
    top: 29px;
    left: 4px;
    font-size: 23px;
}



.moving-mouse-holder .mouse-button {
  background-color: #ffffff;
  width: 4px;
  height: 10px;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin: 0 0 0 -2px;
  animation: mouse-scroll 1s infinite alternate;
}

.moving-mouse-holder .text {
  margin-top: -30px;
  margin-left: 40px;
  color: #33cc66;
  font-size: 12px;
  line-height: 1em;
}

@keyframes mouse-scroll {
  to {
    transform: translate(0, 6px) scale(1, 0.8);
  }
}

#resilencia .txtinfor {
  margin-top: 75px;
    font-size: 25px;
    line-height: 31px;
    color: #ffffff;
    float: left;
    width: 100%;
  
}

#resilencia h1 {
  width: 100%;
    float: left;
    font-size: 68px;
    color: #F1B634;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 60px;
  
}

#resilencia h2 {
  text-transform: uppercase;
    width: 100%;
    float: left;
    font-size: 100px;
    color: #F1B634;
    margin-bottom: 0;
    margin-top: 10px;
    line-height: 93px;
  
}


/*--------------------------------------------------------------
# Capitulo 02 EL compromiso
--------------------------------------------------------------*/


#el_compromiso {
  
  height: 100vh;
  
  background: url(../img/capitulo02/bg_vc.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color:#f59c28;

}

#el_compromiso .pad95 {
  
  padding-top: 80px;

}

#el_compromiso .lineblu {
  margin-left: 40px;
  background-color: #ffffff;
    height: 280px;
    width: 5px;
    float: left;
}

#el_compromiso .paditl {
  padding-left: 14%;
    padding-top: 5%;
    padding-right: 0;

}

#el_compromiso .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#el_compromiso h1 {
  font-family: Myriad-Bold;
  color: #ffffff;
  font-size: 40px;
  text-transform: uppercase;

}

#el_compromiso .contfra {
  width: 80%;
  float: right;

}

#el_compromiso .contfra h2 {

  color: #ffffff;
    line-height: 60px;
    font-size: clamp(2rem, 5.5vw, 3.8rem);
    font-family: Myriad-Light;

}

#el_compromiso p.txtintro {
  float: left;
  margin-top: 25px;
  margin-left: 80px;
  color: #ffffff;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
  font-family: Myriad-Light;

}

#el_compromiso p.txtintro span{
  
  font-family: Myriad-Semibold;

}



#el_compromiso .imageslip {
  position: absolute;
  width: 420px;
  display: block;
  
  margin: 0px auto;
  
}

#el_compromiso .imageslip2 {
  position: absolute;
  width: 590px;
  display: block;
  margin: 0px auto;
}



/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {
  


  #el_compromiso .pad95 {
    padding-top: 69px;
}

  #el_compromiso .paditl {
    padding-left: 20px;
    
}

#el_compromiso .titlfra1 {
  
  right: 15px;
  
  font-size: 10px;
  
}

#el_compromiso h1 {
  margin-top: 0px;
  font-size: 30px;
  
}

#el_compromiso .contfra h2 {

  
  line-height: 1.2;
  

}


#el_compromiso .lineblu {
  height: 148px;
}

#el_compromiso .d-flex {
  height: 288px;
}


  #el_compromiso .imageslip {
    
    width: 240px;
    
    
  }
  
  #el_compromiso .imageslip2 {
   
    width: 340px;
    
  }

  #el_compromiso p.txtintro {
   
    display: none;
    
  
  }

 


}/*-END  MOBILE-*/



/*--------------------------------------------------------------
# 
--------------------------------------------------------------*/

#elcompricont {
  
  height: 100vh;
  background-image: url(../img/elcompromiso/bgsliprin.jpg);
  background-size: cover;
  background-color:#F2AD3B;
}

#elcompricont .pad95 {

  padding-top: 80px;
   
}

#elcompricont .paditl {
  padding-right: 14%;
    padding-top: 5%;
    padding-left : 0;
   
}

#elcompricont .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#elcompricont h1 {
  font-family: Myriad-Bold;
  color: #FCB61A;
  font-size: 40px;
  text-transform: uppercase;

}


#elcompricont .lineblu {
  margin-left: 40px;
  background-color: #FCB61A;
    height: 145px;
    width: 5px;
    float: left;

}

#elcompricont .contfra {
  width: 80%;
  float: right;

}

#elcompricont .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: 65px;
  font-family: Myriad-Light;

}

#elcompricont p.txtintro {
  float: left;
  margin-top: 20px;
  margin-left: 83px;
  color: #ffffff;
  font-size: 18px;
  font-family: Myriad-Regular;


}


   
#elcompricont .imageslip {

  width: 620px;
  display: block;
  margin: 0px auto;

}



/*--------------------------------------------------------------
# El proposito
--------------------------------------------------------------*/



#elproposito {
  
  height: 100vh;
  background-image: url(../img/el_proposito/bg_sec1.jpg);
  background-size: cover;
  background-color:#1587C8;  
}

#elproposito .pad95 {

  padding-top: 80px;
   
}

#elproposito .paditl {
  padding-right: 14%;
    padding-top: 5%;
    padding-left : 0;
   
}

#elproposito .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#elproposito h1 {
  font-family: Myriad-Bold;
  color: #F1B634;
  font-size: 40px;
  text-transform: uppercase;
}


#elproposito .lineblu {
  margin-left: 40px;
  background-color: #F1B634;
  height: 200px;
  width: 5px;
  float: left;
}

#elproposito .contfra {
  width: 80%;
  float: right;

}

#elproposito .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: 65px;
  font-family: Myriad-Light;

}

#elproposito p.txtintro {
  float: left;
  margin-top: 20px;
  margin-left: 83px;
  color: #ffffff;
  font-size: 18px;
  font-family: Myriad-Regular;


}


   
#elproposito .imageslip {

  width: 620px;
  display: block;
  margin: 0px auto;

}



/*--------------------------------------------------------------
# GRID2 - Alberto
--------------------------------------------------------------*/
.grid2{
  display: grid;
  grid-template-columns: 100%;
  gap: 40px 24px;
  justify-content: center;
  align-content: center;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width:767px){
  .grid2{
    grid-template-columns: 50% 50%;
  }
}


/*--------------------------------------------------------------
# descargas1 - Alberto
--------------------------------------------------------------*/
#descargas1{
  padding-top: 60px;
  
}

#descargas1 .vhhe{
  height: 93.9vh;
}
@media screen and (min-width:1279px){
  #descargas1 .vhhe{
    height: 92.5vh;
  }
}
@media screen and (min-width:1439px){
  #descargas1 .vhhe{
    height: 94.4vh;
  }
}





#descargas1 a.btn-circled{
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer;
}
.grid3{
  display: grid;
  grid-template-columns: 100%;
  gap: 40px 24px;
  justify-content: center;
  align-content: center;
  width: 100%;
  margin: 40px auto;
}
.grid3__item{
  width: 100%;
  height: 100%;
  position: relative;
  height: 190px;
  cursor: pointer;
}
.grid3__image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
.grid3__image img{
 object-fit: cover;
 max-width: 100%;
}
.grid3__hover{
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.grid3__hover:hover{
  background: rgba(229,163,47,.5);
  opacity: 1;
}
.grid3__text{
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 24px;
}
.grid3__menu{
  display: flex;
  flex-direction: column;
}
.grid3__menu a{
  color: #ffffff;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none;
  background: url('../svg/icon_descarga.svg') no-repeat;
  background-size: 16px;
  padding: 0 0 0 24px;
  margin: 0 0 26px 0;
  cursor: pointer;
  display: block;
}
.grid3__menu a:hover{
  color: #ffffff;
}
.downloads-title{
  font-size: 18px;
  line-height: 18px;
  font-family: Myriad-Bold;
  color: #ffffff;
  margin: 0 0 4px 0;
  padding: 0;
}
.downloads-text{
  font-size: 18px;
  line-height: 18px;
  font-family: Myriad-Light;
  color: #ffffff;
  margin: 0;
  padding: 0;
}
@media screen and (min-width:767px){
  .grid3{
    grid-template-columns: 48% 48%;
  }
}
@media screen and (min-width:1279px){
  .grid3{
    grid-template-columns: 33% 33% 33%;
  }
}

/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {

  #descargas1 .cards__image-descargas {
    padding: 0px;
}

#descargas1 .cards__image-descargas {
  width: 100% !important;
  height: 164px;
}


}/*-END  MOBILE-*/

/*--------------------------------------------------------------
# Información inversionistas 1 - Alberto
--------------------------------------------------------------*/
#info_inversionistas_1{
  padding-top: 60px;
}
.brandscol{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  width: 100%;
  margin: 5px 0;
}

.doublecol {
  margin: 10px 0 !important;
}

.brandscol img.brandlogo{
  margin: 20px auto;
}
.brandscol img.brandlogo:first-of-type{
  margin-top: 0;
}

@media screen and (min-width:1279px){
  .brandscol{
    flex-direction: column;
  }
}
.doublecol{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 32px 0;
}
.doublecol_item{
  width: 100%;
}
@media screen and (min-width:767px){
  .doublecol{
    flex-direction: row;
    justify-content: flex-start;
  }
  .doublecol_item{
    width: 50%;
  }
}
@media screen and (min-width:1023px){
  .doublecol{
    justify-content: space-between;
  }
  .doublecol_item{
    width: 42%;
  }
}
@media screen and (min-width:1023px){
  .doublecol_item{
    width: 50%;
  }
}
.bluedoublecol{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 32px 0;
}
.bluedoublecol_item{
  width: 100%;
}
@media screen and (min-width:767px){
  .bluedoublecol{
    flex-direction: row;
    justify-content: flex-start;
  }
  .bluedoublecol_item{
    width: 50%;
  }
}
@media screen and (min-width:1023px){
  .bluedoublecol{
    justify-content: space-between;
  }
  .bluedoublecol_item{
    width: 100%;
  }
}
.text-box{
  margin: 0 0 16px 0;
}
.text-box p, .text-box a{
  color: #414141;
}
.inversionistas-title{
  font-family: Myriad-Bold;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 4px 0;
}
.inversionistas-text{
  font-family: Myriad-Light;
  font-size: 14px;
  line-height: 18px;
}
.inversionistas-user{
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 3px !important;
  color: #ffffff !important;
}
a.inversionistas-email{
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  color: #ffffff;
  font-family: Myriad-Light;
  display: block;
  margin-bottom: 3px;
}
a.inversionistas-phone{
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  color: #ffffff;
  font-family: Myriad-Light;
  display: block;
  margin-bottom: 3px;
}
a.inversionistas-title-link{
  font-family: Myriad-Light;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 4px 0;
  text-decoration: none;
}
a.inversionistas-text-link{
  font-family: Myriad-Light;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  display: block;
}
a.inversionistas-global{
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  color: #414141 !important;
  font-family: Myriad-Light;
  background: url('../svg/global.svg') no-repeat 0 0px;
  background-size: 16px;
  padding-left: 22px !important;
  display: block;
  margin-bottom: 3px;
}

.inversionistasmenu{
  display: flex;
  flex-direction: column;
}
.inversionistasmenu a{
  color: #414141 !important;
  font-family: Myriad-Light;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  margin: 0 0 24px 0;
  padding: 50px 0 0 0;
  text-align: left;
}
.inversionistasmenu a.facebook{
  background: url('../svg/ico-facebook.svg') no-repeat left 0;
  background-size: 40px;
}
.inversionistasmenu a.twitter{
  background: url('../svg/ico-twitter.svg') no-repeat left 0;
  background-size: 40px;
}
.inversionistasmenu a.youtube{
  background: url('../svg/ico-youtube.svg') no-repeat left 0;
  background-size: 40px;
}
.inversionistasmenu a.instagram{
  background: url('../svg/ico-instagram.svg') no-repeat left 0;
  background-size: 40px;
}
.inversionistasmenu a.linkedin{
  background: url('../svg/ico-linkedin.svg') no-repeat left 0;
  background-size: 40px;
}
.inversionistasmenu a:hover{
  color: #F1B634 !important;
}

@media screen and (min-width:767px){
  .inversionistasmenu{
    flex-direction: row;
    justify-content: space-around;
  }
  .inversionistasmenu a{
    text-align: center;
  }
  .inversionistasmenu a.facebook, .inversionistasmenu a.twitter, .inversionistasmenu a.youtube, .inversionistasmenu a.instagram, .inversionistasmenu a.linkedin{
    background-position: center 0;
  }
}

/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {

  .brandscol img {
    height: 94px;
  }
  


}/*-END  MOBILE-*/

/*--------------------------------------------------------------
# asociado_01 - Alberto
--------------------------------------------------------------*/

#asociado_01 .spehei {
  height: 40px;


}

.bg-propuesta-valor-asociado{
  background-image: url(../img/asociados/prodi-personas.png);
  background-position: 630px 0px;
  background-size:contain;
  background-repeat: no-repeat;
  height: 70vh;

  
}

@keyframes animatedBackground {
  from {
    background-position:630px 295px;
    opacity: 0;
  }
  to {
    background-position:630px 0px ;
    opacity: 1;
  }
}





@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
      .bg-propuesta-valor-asociado{
        height: 62vh;
      }
}
@media screen and (min-width:767px){
  .bg-propuesta-valor-asociado{
    height: 50vh;
    background-position: ;
  }
}
@media screen and (min-width:1279px){
  .bg-propuesta-valor-asociado{
    height: 30vh;     
    background-position: ;
  }
}
.bg-prodi-orange{
  background:#f27a30;
}
.bg-prodi-green{
  background:#7cc04b;
}
.bg-prodi-yellow{
  background:#fcba42;
}
.bg-prodi-blue{
  background:#127ec0;
}
.bg-prodi-magenta{
  background:#e6007e;
}
.color-prodi-orange{
 color: #f27a30; 
}
.color-prodi-green{
  color: #7cc04b; 
 }
 .color-prodi-yellow{
  color: #fcba42; 
 }
 .color-prodi-blue{
  color: #127ec0; 
 }
 .color-prodi-blue-dark{
  color: #263b80; 
 }
 .color-prodi-magenta{
  color: #e6007e; 
 }
.prodi{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.prodi__item{
  margin: 0 0 20px 0;
  padding: 0;
}
.prodi__circle{
  border-radius: 100%;
  width: 40px;
  height: 40px;
  margin: 0 0 20px 0;
}
.prodi__circle p{
  font-size: 22px;
  line-height: 43px;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #ffffff;
  font-family: Myriad-Bold;
}
@media screen and (min-width:1279px){
  .prodi{
    flex-direction: row;
    justify-content: space-between;
  }
  .prodi__item{
    width: 18%;
  }
  .prodi__item{
    margin:32px 0;
  }
}
.bg-nuestro-talento{
  background-image: url(../img/asociados/bg_nuestro_talento.png);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 50vh;
}

.graph__doubleitem{
  width: 12px;
  position: relative;
}
.graph__doubleitem::after{
  position: absolute;
  width: 60px;
  height: 20px;
  bottom: -26px;
  left: -200%;
  font-family: Myriad-Light;
  font-size: 15px;
  color: #444A4D;
  text-align: center;
}
.graph__doubleitem:nth-child(1)::after{
  content: '=<25';
}
.graph__doubleitem:nth-child(2)::after{
  content: '16-30';
}
.graph__doubleitem:nth-child(3)::after{
  content: '31-35';
}
.graph__doubleitem:nth-child(4)::after{
  content: '36-40';
}
.graph__doubleitem:nth-child(5)::after{
  content: '>=41';
}
.percentages-data{
  position: absolute;
  top: -44px;
  left: -17px;
  background: url('../svg/ico-porcentajes-container.svg') no-repeat;
  background-size: 44px 36px;
  width: 45px;
  height: 45px;
  padding: 4px 0 0 0;
}
.percentages-data p{
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 13px;
  font-family: Myriad-Bold;
  width: 100%;
  text-align: center;
}
.yellow-text-2{
  color: #FFB332 !important;
}
.blue-text{
  color: #1181C7;
}
.yellow-bar{
  background: #FFB332;
  width: 12px;
  position: absolute;
  bottom: 0;
}
.blue-bar{
  background: #1181C7;
  width: 12px;
  position: absolute;
  top: 0;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-topright: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

/*--------------------------------------------------------------
# asociado_03 - Alberto
--------------------------------------------------------------*/

#asociado_02 .cards { 
  border-radius: 6px;
  padding: 0px 5px;
  margin: 0 0 24px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

#asociado_02 .cards h4 { 

font-size: 16px;
font-family: Myriad-SemiBold;
  
}

#asociado_02 .cards__image {
  width: 53px;
  padding-right: 0px;
  margin-right: 12px;
}


#asociado_02 .cards__text {
    width: auto;
}

#asociado_03 {
  background: #263b80;
}



#asociado_03 .datagrafmex { 
  text-align: center;
  position: absolute;
  top: 30%;
    left: 43%;
  font-size: 25px;
  line-height: 20px;
  
}
#asociado_03 .datagrafmex p { 
 
  margin-bottom: 10px;
  
}

#asociado_03 .datagrafmex p.txt-yellow  { 
 
  color: #FFB332;
  
}


#asociado_03 .datagrafmex .percent-blue {
  font-size: 30px;
  color: #1181C7;
  font-family: Myriad-Bold;

}

#asociado_03 .datagrafmex .percent-yellow {
  font-size: 30px;
  color: #FFB332;
  font-family: Myriad-Bold;

}

#asociado_04 .datagrafmex { 
  text-align: center;
  position: absolute;
  top: 30%;
    left: 43%;
  font-size: 25px;
  line-height: 20px;
  
}

#asociado_04 .datagrafmex p { 
 
  margin-bottom: 10px;
  
}

#asociado_04 .datagrafmex p.txt-yellow  { 
 
  color: #FFB332;
  
}

#asociado_04 .datagrafmex .percent-blue {
  font-size: 30px;
  color: #1181C7;
  font-family: Myriad-Bold;

}

#asociado_04 .datagrafmex .percent-yellow {
  font-size: 30px;
  color: #FFB332;
  font-family: Myriad-Bold;

}





.countryprofile{
  background: #edf1f3;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.countryprofile__footer{
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background: #ffffff !important; 
  padding: 8px 0;
}
.avatar-images{
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 0 40px 0;
}
.avatar-images img{
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid transparent;
}
.avatar-images img.border-blue-dark{
  border: 2px solid #234c90;
}
.avatar-images img.border-yellow{
  border: 2px solid #FFB332;
}
.avatar-images img:nth-child(2), .avatar-images img:nth-child(3), .avatar-images img:nth-child(4), .avatar-images img:nth-child(5){
  margin-left: -10px;
}

.horizontalbars{
  background: #EEF2F4;
  padding: 20px;
  margin-bottom: 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}


#asociado_03 .horizontalbars p {
  font-size: 14px;
}

#asociado_03 .horizontalbars p span{
  font-size: 16px;
  font-family: Myriad-Bold;
}

#asociado_04 .horizontalbars p {
  font-size: 14px;
}

#asociado_04 .horizontalbars p span{
  font-size: 16px;
  font-family: Myriad-Bold;
}


.horizontalbars__item{
  width: 100%;
  padding: 20px;
  margin: 0;
}
.horizontalbars__title{
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.horizontalbars__graph{
  width: 100%;
  height: 10px;
  float: left;
  margin-top: 7px;
  display: flex;
  flex-direction: row;
}
.horizontalbars__graph-yellow{
  background: #FFB332;
  height:10px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  position: relative;
  opacity: 0;
}
.horizontalbars__graph-blue{
  background: #1181C7;
  height:10px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 3px solid #EEF2F4;
  position: relative;
  opacity: 0;
 
}

@-webkit-keyframes animate-positive{
  0% { width: 0%; 
  opacity: 0;
  }
}
@keyframes animate-positive{
  0% { width: 0%; 
    opacity: 1;}
}


.horizontalbars-data{
  position: absolute;
  top: -44px;
  right: 17px;
  background: url('../svg/ico-porcentajes-container.svg') no-repeat;
  background-size: 44px 36px;
  width: 45px;
  height: 45px;
  padding: 10px 0 0 0;
}
.horizontalbars-data p{
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 14px;
  font-family: Myriad-Bold;
  width: 100%;
  text-align: center;
}
.white-divider{
    width: 100%;
    height: 2px;
    background: #ffffff;
    margin: 20px 0 10px 0;
}
@media screen and (min-width:767px){
  .horizontalbars__item{
    width: 100%;
    padding: 20px;
    margin: 12px 0 0 0;
  }
  .horizontalbars__title{
    width: 25%;
    float: left;
    margin-bottom: 0px;
  }
  .white-divider{
    margin: 12px 0 32px 0;
  }
  .horizontalbars__graph{
    width: 75%;
  }
}

#asociado_05 .yellow-text-2 {
  margin-bottom: 0;


}

#asociado_05 .cardshm { 
  border-radius: 6px;
  padding: 0px 5px;
  margin: 0 0 7px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

#asociado_05 .cardshm h4 { 

font-size: 16px;
font-family: Myriad-SemiBold;
  
}

#asociado_05 .cardshm .cards__image {
  width: 53px;
  padding-right: 0px;
  margin-right: 12px;
}


#asociado_05  .cardshm .cards__text {
    width: auto;
}


#asociado_03 .cardshm { 
  border-radius: 6px;
  padding: 0px 5px;
  margin: 0 0 7px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

#asociado_03 .cardgraph__subtitle3 { 
  padding: 15px 5px;
  width: 100%;
}

#asociado_03 .cardshm h4 { 

font-size: 16px;
font-family: Myriad-SemiBold;
  
}

#asociado_03 .cardshm .cards__image {
  width: 53px;
  padding-right: 0px;
  margin-right: 12px;
}


#asociado_03  .cardshm .cards__text {
    width: auto;
}

#asociado_04 .cardshm { 
  border-radius: 6px;
  padding: 0px 5px;
  margin: 0 0 7px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

#asociado_04 .cardgraph__subtitle3 { 
  padding: 15px 5px;
  width: 100%;
}

#asociado_04 .cardshm h4 { 

font-size: 16px;
font-family: Myriad-SemiBold;
  
}

#asociado_04 .cardshm .cards__image {
  width: 53px;
  padding-right: 0px;
  margin-right: 12px;
}

#asociado_02 .cards__image {
  width: 53px;
  height: 53px;
}

#asociado_03 .cardshm .cards__image img {
  height: 52px;
}

#asociado_04 .cardshm .cards__image img {
  height: 52px;
}

#asociado_05 .cardshm .cards__image img {
  height: 52px;
}


.avatar-images img {

  height: 40px;
 
}

#asociado_04  .cardshm .cards__text {
    width: auto;
}


#asociado_06 .cards { 
  border-radius: 6px;
  padding: 0px 5px;
  margin: 0 0 24px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

#asociado_06 .cards h4 { 

font-size: 16px;
font-family: Myriad-SemiBold;
  
}

#asociado_06 .cards__image {
  width: 53px;
  padding-right: 0px;
  margin-right: 12px;
}


#asociado_06 .cards__text {
    width: auto;
}

/*--------------------------------------------------------------
# asociado_06 - Alberto
--------------------------------------------------------------*/

@media screen and (min-width:1023px){
  .bg-desarrollamos-nuestro-talento{
    background-image: url(../img/asociados/bg-desarrollamos-nuestro-talento.png);
    background-position: bottom right;
    background-size:contain;
    background-repeat: no-repeat;
    height: 100vh;
  }
}
@media screen and (min-width:1279px){
  .bg-desarrollamos-nuestro-talento{
    background-image: url(../img/asociados/bg-desarrollamos-nuestro-talento.png);
    background-position: top right;
    background-size:cover;
    background-repeat: no-repeat;
    height: 100vh;
  }
}

/*--------------------------------------------------------------
# asociado_07 - Alberto
--------------------------------------------------------------*/
.customtable{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
.customtable__item{
  width: 100%;
  margin-bottom: 24px;
}
.customtable__title{
  padding: 8px 16px;
}
.customtable__title p{
  margin: 0;
  font-size: 16px;
  color: #414141;
}
.customtable__data{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.customtable__data-item, .customtable__data-item100{
  width: 100%;
}
.customtable__data-item p, .customtable__data-item100 p{
  width: 100%;
  padding: 8px 10px;
  margin: 0;
  font-size: 12px;
  color: #414141;
  border-bottom: 1px solid #999999;
}
.customtable__data-item p:last-of-type, .customtable__data-item100 p:last-of-type{
  border-bottom: 1px solid transparent;
}
@media screen and (min-width:767px){
  .customtable__data-item{
    width: 50%;
  }
  .customtable{
    flex-direction: row;
  }
}
@media screen and (min-width:1023px){
  .bullet-capacitacion-asociados{
    position: absolute;
    top: -60px;
    right: 0;
    z-index: 1;
    width: 460px;
  }
  .bullet-capacitacion-asociados h5{
    margin: 0;
  }
  .customtable__item{
    width: 40%;
  }
  .customtable__item:nth-child(1){
    width: 20%;
  }
}

@media screen and (min-width:1279px){
  .bg-capacitacion-asociados{
    background-image: url(../img/asociados/img-capacitacion-asociados.png);
    background-position: bottom right;
    background-size:530px;
    background-repeat: no-repeat;
  }
}

/*--------------------------------------------------------------
# asociado_08 - Alberto
--------------------------------------------------------------*/
.bg-dialogo-asociados{
  background-image: url(../img/asociados/img-dialogo-con-asociados.png);
  background-position: top center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 40vh;
}
p.label-mex-ca{
  color: #414141;
  background: url('../svg/label-mex-ca.svg') no-repeat 0px 5px;
  background-size: 24px 10px;
  padding-left: 32px;
  margin-right: 24px;
}
p.label-mex{
  color: #414141;
  background: url('../svg/label-mex.svg') no-repeat 0px 5px;
  background-size: 24px 10px;
  padding-left: 32px;
  margin-right: 24px;
}
p.label-ca{
  color: #414141;
  background: url('../svg/label-ca.svg') no-repeat 0px 5px;
  background-size: 24px 10px;
  padding-left: 32px;
}
p.label-gmv{
  color: #414141;
  background: url('../svg/label-gmv.svg') no-repeat 0px 5px;
  background-size: 24px 10px;
  padding-left: 32px;
  margin-right: 24px;
}
p.label-participacion-ventas-totales{
  color: #414141;
  background: url('../svg/label-participacion-ventas-totales.svg') no-repeat 0px 5px;
  background-size: 24px 10px;
  padding-left: 32px;
  margin-right: 24px;
}
.graphcontparent{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 180px;
}
.graphcont{
  border-bottom: 1px solid #66B2E0;
  width: 28%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items:flex-end;
  position: relative;
  margin: 0 10px;
}
.graphcont::before{
  position: absolute;
  bottom: -30px;
}
.graphcont:nth-child(1)::before{
  content: '18';
}
.graphcont:nth-child(2)::before{
  content: '19';
}
.graphcont:nth-child(3)::before{
  content: '20';
}
.graphcont__item{
  width: 12px;
}
.graphcont__item{
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.graphcont__item::after{
  position: absolute;
  width: 60px;
  height: 20px;
  top: -26px;
  left: -200%;
  font-family: Myriad-Light;
  font-size: 15px;
  color: #444A4D;
  text-align: center;
}
.graph18 .graphcont__item:nth-child(1)::after{
  content: '87%';
}
.graph18 .graphcont__item:nth-child(2)::after{
  content: '86%';
}
.graph18 .graphcont__item:nth-child(3)::after{
  content: '92%';
}

.graph19 .graphcont__item:nth-child(1)::after{
  content: '76%';
}
.graph19 .graphcont__item:nth-child(2)::after{
  content: '77%';
}
.graph19 .graphcont__item:nth-child(3)::after{
  content: '84%';
}

.graph20 .graphcont__item:nth-child(1)::after{
  content: '80%';
}
.graph20 .graphcont__item:nth-child(2)::after{
  content: '79%';
}
.graph20 .graphcont__item:nth-child(3)::after{
  content: '87%';
}

#asociado_08 .cards {
  width: 425px;
  margin: auto;
}


/*--------------------------------------------------------------
# asociado_09 - Alberto
--------------------------------------------------------------*/
#asociado_09 .imgwomanlap {
  width: 334px;
    display: block;
    position: absolute;
    right: -154px;
    top: 30px;
    z-index: 1;
}

#asociado_09 .card-max-width {
  max-width: 350px;
}


@media screen and (min-width:1279px){
  #asociado_09 {
    background: url(../img/asociados/img-balance-de-vida.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size:auto 100%;
    background-color: #eef2f4;
  }
}

/*--------------------------------------------------------------
# asociado_09 - Alberto
--------------------------------------------------------------*/

.boxflexibilidad{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 24px;
}
.boxflexibilidad:last-of-type{
  margin-bottom: 0;
}
.boxflexibilidad__imagen{
  width: 40px;
  margin-right: 24px;
}
.boxflexibilidad__descripcion{
  width: 80%;
}
@media screen and (min-width:1279px){
  #asociado_10 {
    background: url(../img/asociados/img-flexibilidad-laboral.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 619px 271px;
  }
}
/*--------------------------------------------------------------
# asociado_12 - Alberto
--------------------------------------------------------------*/

#asociado_12 .imgcircledive {
  width: 70%;
margin: 20px auto;
display: block;
}

#asociado_12 .subtitle {
  color:#ffffff;
}

#asociado_13 .imgeresmej {
  
  display: block;
   
    margin: 0px auto 20px;



}

#asociado_13 .txtlgbt {
  
  font-size: 18px;
  font-family: Myriad-Semibold;



}

#asociado_13 .hightlicard {
  
  width: 90%;



}




/*--------------------------------------------------------------
# asociado_13 - Alberto
--------------------------------------------------------------*/
.bg-diversidad-inclusion{
  background-image: url(../img/asociados/bg-blue-diversidad-inclusion.png);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 100%;
  margin-top: -1px;
}


/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {
  
  #asociado_02 .cards {
   
    padding: 6px 5px;
    
    margin: 0 0 10px 0;
    
  }

  #asociado_05 .cardshm {
    padding: 6px 5px;
    
    margin: 0 0 10px 0;
   
}
#asociado_03 .cardshm {
  padding: 6px 5px;
  
  margin: 0 0 10px 0;
 
}

#asociado_04 .cardshm {
  padding: 6px 5px;
  
  margin: 0 0 10px 0;
 
}


#asociado_08 .cards {
  width: 100%;
  margin-top: 15px !important;
  margin: auto;
  margin-bottom: 15px;
}

#asociado_08 p.label-mex-ca {
  color: #414141;
  background: url(../svg/label-mex-ca.svg) no-repeat 0px 5px;
  background-size: 24px 10px;
  padding-left: 28px;
  margin-right: 0px;
}

#asociado_08 p.label-mex {
  color: #414141;
  background: url(../svg/label-mex.svg) no-repeat 0px 5px;
  background-size: 24px 10px;
  padding-left: 26px;
  margin-right: 4px;
}

#asociado_08 p.label-ca {
  color: #414141;
  background: url(../svg/label-ca.svg) no-repeat 0px 5px;
  background-size: 24px 10px;
  padding-left: 30px;
}

#asociado_08 .cardgraph__graph {
  background: #EEF2F4;
  padding: 60px 10px 40px 10px;
  margin-bottom: 4px;
  
}

#asociado_08 .graphcont {
  
  width: 26%;

}

#asociado_09 .imgwomanlap {
  width: 232px;
  display: block;
  position: relative;
  right: 0;
  top: 5px;
  z-index: 1;
}

.bg-propuesta-valor-asociado {
 height: 60vh;
  background-position: 1px 279px;
  
}


}/*-END  MOBILE-*/


/*--------------------------------------------------------------
# valor_financiero_01 - Alberto
--------------------------------------------------------------*/

#valor_financiero_01 {
  
  height: 100vh;
  
  background: url(../img/valor_financiero/bg-hero.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-color:#67a0ca;

}
#valor_financiero_01 .pad95 {
  padding-top: 80px;
}

#valor_financiero_01 .lineblu {
  margin-left: 40px;
  background-color: #095498;
  height: 133px;
  width: 5px;
 float: left;
}

#valor_financiero_01 .paditl {
  padding-left: 14%;
  padding-top: 10%;
  padding-right: 0;
  height: 520px;
}


#valor_financiero_01 .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#valor_financiero_01 h1 {
  font-family: Myriad-Bold;
  color: #095498;
  font-size: 40px;
  text-transform: uppercase;
}

#valor_financiero_01 .contfra {
  width: 80%;
  float: right;
}

#valor_financiero_01 .contfra h2 {
  color: #ffffff;
  line-height: 67px;
  font-size: clamp(2rem, 5.5vw, 4rem);
  font-family: Myriad-Light;
}

#valor_financiero_01 p.txtintro {
  float: left;
  margin-top: 25px;
  margin-left: 80px;
  color: #ffffff;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
  font-family: Myriad-Light;
}

#valor_financiero_01 p.txtintro span{  
  font-family: Myriad-Semibold;
}



#valor_financiero_01 .imageslip {
  position: absolute;
  width: 420px;
  display: block;  
  margin: 0px auto;  
}

#valor_financiero_01 .imageslip2 {
  position: absolute;
  width: 590px;
  display: block;
  margin: 0px auto;
}

/*--------------------------------------------------------------
# valor_financiero_03 - Alberto
--------------------------------------------------------------*/



.graphor{
  border-left: 1px solid #58595b;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 55%;
  margin-left: 37%;
}
.graphor__item{
  height: 12px;
  margin: 8px 0;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  position: relative;
}
.graphor__item::before{
  position: absolute;
  width: 145px;
  height: 20px;
  left: -155px;
  top: -4px;
  z-index: 3;
  font-family: Myriad-Light;
  font-size: 14px;
  color: #444A4D;
  text-align: right;
}
.graphor__item:nth-child(1)::before{
  content: 'Nicaragua';
}
.graphor__item:nth-child(2)::before{
  content: 'El Salvador';
}
.graphor__item:nth-child(3)::before{
  content: 'Guatemala';
}
.graphor__item:nth-child(4)::before{
  content: 'Costa Rica';
}
.graphor__item:nth-child(5)::before{
  content: 'Honduras';
}
.data-zona-geografica:nth-child(1)::before{
  content: 'Norte';
}
.data-zona-geografica:nth-child(2)::before{
  content: 'Metro';
}
.data-zona-geografica:nth-child(3)::before{
  content: 'Sur';
}
.data-zona-geografica:nth-child(4)::before{
  content: 'Centro';
}
.data-formato:nth-child(1)::before{
  content: 'Sam`s Club';
}
.data-formato:nth-child(2)::before{
  content: 'Walmart';
}
.data-formato:nth-child(3)::before{
  content: 'Superama';
}
.data-formato:nth-child(4)::before{
  content: 'Bodega Aurrera';
}
.data-division:nth-child(1)::before{
  content: 'Supermercado';
}
.data-division:nth-child(2)::before{
  content: 'Mercancías Generales';
}
.data-division:nth-child(3)::before{
  content: 'Ropa y Calzado';
}
@media screen and (min-width:767px){
  .graphor{
    margin-left: 37%;
  }
}

/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {
  
  

  #valor_financiero_01 .pad95 {
    padding-top: 69px;
}

  #valor_financiero_01 .paditl {
    padding-left: 20px;
    
}

#valor_financiero_01 .paditl {
  
  height: auto;
}

#valor_financiero_01 .titlfra1 {
  
  right: 15px;
  
  font-size: 10px;
  
}

#valor_financiero_01 h1 {
  margin-top: 15px;
  font-size: 30px;
  
}

#valor_financiero_01 .contfra h2 {

  
  line-height: 1.2;
  

}


#valor_financiero_01 .lineblu {
  height: 100px;
}

#valor_financiero_01 .d-flex {
  height: 288px;
}


  #valor_financiero_01 .imageslip {
    
    width: 240px;
    
    
  }
  
  #valor_financiero_01 .imageslip2 {
   
    width: 340px;
    
  }

  #valor_financiero_01 p.txtintro {
   
    display: none;
    
  
  }

  #valor_financiero_02 .cardvf__playbutton2 {
    
    left: 116px;
}

}/*-END  MOBILE-*/



/*--------------------------------------------------------------
# valor_financiero_02 - Alberto
--------------------------------------------------------------*/
.bg-valor-financiero-02{
  height: 100%;
  background-image: url(../img/valor_financiero/bg-valor-financiero-1.png);
  background-position: top center;
  background-size: 100% 25%;
  background-repeat: no-repeat;
}
.bullet-text{
  font-size: 20px;
  line-height: 26px;
  font-family: Myriad-SemiBold;
}
@media screen and (min-width:767px){
  .bg-valor-financiero-02{
    height: 100%;
    background-image: url(../img/valor_financiero/bg-valor-financiero-1.png);
    background-position: left top;
    background-size: 28% 100%;
    background-repeat: no-repeat;
    margin: 0;
  }  
}
@media screen and (min-width:1023px){
  .bg-valor-financiero-02{
    background-size: 25% 100%;
  }  
}

.cardvf{
  background: #095498;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz--border-radius: 8px;
  margin: 20px;
  padding: 32px 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.cardvf__image{
  position: relative;
  margin-bottom: 80px;
}
.cardvf__playbutton{
  position: absolute;
  bottom: -30px;
  width: 94px;
  height: 80px;
  left: 35%;
}
@media screen and (min-width:767px){
  .cardvf__image{
    margin-bottom: 60px;
  }
  .cardvf__playbutton{
    bottom: -36px;
    width: 40%;
    height: 80px;
    left: 30%;
  }
}
@media screen and (min-width:1279px){
  .cardvf{
    padding: 32px;
  }
  .cardvf__image{
    margin-bottom: 75px;
  }
  .cardvf__playbutton{
    width: 94px;
    height: 80px;
    left: 35%;
  }
}

/*--------------------------------------------------------------
# valor_financiero_04 - Alberto
--------------------------------------------------------------*/

#valor_financiero_03 .graphor__item {

 opacity: 0;

}


/*--------------------------------------------------------------
# valor_financiero_04 - Alberto
--------------------------------------------------------------*/

#valor_financiero_04 .bg-valor_finance_1 {

  background-image: url(../img/valor_financiero/bg-walmart-mexico.png);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 50vh;
  padding: 0;

}

#valor_financiero_04 .conttxthig {
  text-align: center;
    width: 64%;
    margin: auto;
    display: flex;
    padding-top: 14%;

   
}

#valor_financiero_04 .conttxthig p {
 font-size: 24px;
 font-family: Myriad-SemiBold;  
}


/*--------------------------------------------------------------
# valor_financiero_05 - Alberto
--------------------------------------------------------------*/

#valor_financiero_05 .txtcierre2 {
  font-size: 20px;
  line-height: 26px;
  
    color: #0172BA;

}

@media screen and (min-width:1279px){
  .bg-desempenio{
    background-image: url(../img/valor_financiero/bg-desempenio.png);
    background-position: bottom right;
    background-size:contain;
    background-repeat: no-repeat;
    height: 100%;
  }
}

.gmv-graph{
  background: url('../svg/ico-gmv-graph.svg') no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 2;
  width: 100%;
  height: 86px;
  position: absolute;
  bottom: 120px;
  left: -2px;
}
@media screen and (min-width:1279px){
  .gmv-graph{
    height: 98px;
  }
}



/*--------------------------------------------------------------
# valor_financiero_06 - Alberto
--------------------------------------------------------------*/

#valor_financiero_06 .bg-green-1 {
  width: 350px;

}


.ghost-divider-1{
  display: none;
}
@media screen and (min-width:1023px){
  .ghost-divider-1{
    height: 15vh;
    display: block;
  }
}
@media screen and (min-width:1279px){
  .ghost-divider-1{
    height: 34vh;
  }
}
@media screen and (min-width:1919px){
  .ghost-divider-1{
    height: 42vh;
  }
}

@media screen and (min-width:1023px){
  .bg-bodega-aurrera{
    background-image: url(../img/valor_financiero/bg-bodega-aurrera.png);
    background-position: bottom center;
    background-size:contain;
    background-repeat: no-repeat;
    height: 100%;
    background-color: #eef2f4;
  }
}

/*--------------------------------------------------------------
# valor_financiero_07 - Alberto
--------------------------------------------------------------*/

#valor_financiero_07 .bg-valor_finance_2 {


  background-image: url(../img/valor_financiero/img-walmart-centroamerica.png);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 30vh;
  display: block;

}

#valor_financiero_07 .bg-valor_finance_3 {


  background-image: url(../img/valor_financiero/img-walmart-centroamerica.png);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 30vh;
  display: block;

}

#valor_financiero_07 .bgappearmob {
  display: none;
}


#valor_financiero_07 .txtcierre {
  font-size: 20px;
  line-height: 26px;
  font-family: Myriad-SemiBold;

}

#valor_financiero_07 .txtnomob {
  display: block;
}

#valor_financiero_07 .txtonmob {
  display: none;
}

#valor_financiero_08 .bgnomobi {
  
  display: block;

}

#valor_financiero_08 .txtnomob {
  display: block;
}



#valor_financiero_08 .bgappearmob {
  display: none;
}

#valor_financiero_07 .txtcierre {
  font-size: 20px;
  line-height: 26px;
  font-family: Myriad-SemiBold;

}


/*--------------------------------------------------------------
# valor_financiero_09 - Alberto
--------------------------------------------------------------*/

#valor_financiero_09 .radial9 {


}

#valor_financiero_09 .radia-bar-container {
  

}

#valor_financiero_09 .nuevos-asociados-mexico-2 {
  background: url(../svg/ico-mexico-blue-dark.svg) no-repeat 0px 2px;
  background-size: 40px;
  line-height: 21px !important;
  height: 43px !important;
  padding-left: 52px !important;
}




.gridify2{
  display: grid;
  grid-template-columns: 100%;
  gap: 40px 24px;
  justify-content: center;
  align-content: center;
  width: 98%;
  margin: 0 auto;
}
.gridify2__item{
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: row !important;
  align-items: flex-start;
}
@media screen and (min-width:1025px){
  .gridify2{
      grid-template-columns: 50% 50%;
      margin: 0 auto;     
      gap: 24px;   
  }    
}

.gridify4{
  display: grid;
  grid-template-columns: 48% 48%;
  gap: 40px 24px;
  justify-content: center;
  align-content: center;
  width: 98%;
  margin: 0 auto;
}
.gridify4__item{
  padding: 4px;
  display: flex;
  align-items: center;
}
.gridify4__item img{
  margin: 0 auto;
  max-width: 100%;
  height: auto !important;
}
@media screen and (min-width:767px){
  .gridify4{
      grid-template-columns: 33% 33% 33%;
  }
  .gridify4__item img{
    margin: 0 auto;
    max-width: auto;
    height: 120px !important;
  }
}

@media screen and (min-width:1023px){
  .gridify4{
      grid-template-columns: 100%;
      margin: 0 auto;     
      gap: 24px;   
  }    
  .gridify4__item img{
    margin: 0 auto;
    max-width: 53%;
    height: auto !important;
  }
}

@media screen and (min-width:1439px){
  .gridify4__item img{
    margin: 0 auto;
    max-width: 46%;
    height: auto !important;
  }
}

#valor_financiero_09{
  position: relative;
}
.personal-sams{
  background: url(../img/valor_financiero/personal-sams.png) no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 358px;
  height: 445px;
  z-index: 2;
}
.ghost-divider-2{
  height: 42vh;
  display: block;
}
@media screen and (min-width:767px){
  .ghost-divider-2, .personal-sams{
    display: none;
  }
}
@media screen and (min-width:1023px){
  .ghost-divider-2{
    display: block;
    height: 5vh;
  }
  .personal-sams{
    display: block;
  }
}
@media screen and (min-width:1279px){
  .ghost-divider-2{
    height: 24vh;
  }
}

/*--------------------------------------------------------------
# valor_financiero_10 - Alberto
--------------------------------------------------------------*/
.bg-principales-indicadores{
  background-image: url(../img/valor_financiero/bg-principales-indicadores.png);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 100%;
}
.gridify3{
  display: grid;
  grid-template-columns: 100%;
  gap: 40px 16px;
  justify-content: center;
  align-content: center;
  width: 98%;
  margin: 0 auto;
}
.gridify3__item{
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

#valor_financiero_10 .smsmallsub {

  font-size: 11px;
  line-height: 15px;

}

#valor_financiero_10 .cardgraph__footer {
  padding: 0px 24px;
 
}

#valor_financiero_10 .cardgraph__subtitle4 {
  
  height: 52px !important;
}


@media screen and (min-width:767px){
  .gridify3{
      grid-template-columns: 33% 33% 33%;
      gap: 24px;   
  }    
}
@media screen and (min-width:1279px){
  .gridify3{
      grid-template-columns: 18% 18% 18% 18% 18%;
      gap: 16px;
  }    
}

.ingresos-totales-graph{
  background: url('../svg/ico-ingresos-totales-graph.svg') no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 2;
  width: 88%;
  height: 90px;
  position: absolute;
  bottom: 80px;
}

.dividendo-pagado-graph{
  background: url('../svg/ico-dividendos-pagados-graph.svg') no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 2;
  width: 88%;
  height: 171px;
  position: absolute;
}

@media screen and (min-width:1279px){
  .ingresos-totales-graph{
    width: 84%;
  }

  .dividendo-pagado-graph{
    width: 84%;
  }

}

/*--------------------------------------------------------------
# valor_financiero_11 - Alberto
--------------------------------------------------------------*/
.bg-entregamos-resultados{
  background-image: url(../img/valor_financiero/bg-entregamos-resultados.png);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 100%;
}


/*--------------------------------------------------------------
# valor_financiero_12 - Alberto
--------------------------------------------------------------*/

@media screen and (min-width:1023px){
  .bg-inversiones{
    background-image: url(../img/valor_financiero/bg-inversiones.png);
    background-position: -99px;
    background-size:contain;
    background-repeat: no-repeat;
    height: 100%;
  }
}

/*--------------------------------------------------------------
# valor_financiero_13 - Alberto
--------------------------------------------------------------*/


#valor_financiero_13 .bg-valor_finance_13 {

  background-image: url(../img/valor_financiero/bg-inversiones-2.png);
  background-position: center;
  background-size:cover;
  background-repeat: no-repeat;
  height: 30vh;
  padding: 0;

}

#valor_financiero_13 .conttxthig {
  text-align: center;
    width: 64%;
    margin: auto;
    display: flex;
    padding-top: 2%;

   
}

#valor_financiero_13 .conttxthig p {
 font-size: 24px;
 font-family: Myriad-SemiBold;  
}

@media screen and (min-width:1023px){
  .bg-inversiones-2{
    background-image: url(../img/valor_financiero/bg-inversiones-2.png);
    background-position: bottom left;
    background-size:contain;
    background-repeat: no-repeat;
    height: 100%;
  }
}

/*--------------------------------------------------------------
# valor_financiero_14 - Alberto
--------------------------------------------------------------*/
#valor_financiero_14 .descararchive {
  display: block;
    margin: 20px 0 0;
    padding: 5px;
    text-decoration: underline; 
 }

 #valor_financiero_14 .descararchive .fa-file-pdf{
  margin-left: 5px; 
 }



.balancegrid {
  width: 100%;
}
.balancegrid__left, .balancegrid__center{
  float: left;
}
.balancegrid__right{
  float: right;
}
.balancegrid__left, .balancegrid__right{
  width: 100%;
}
.balancegrid__card{
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 8px 16px;
}
.balancegrid__ico{
  float: left;
  margin-right: 12px;
}
.balancegrid__text{
  float: left;
}
.balancegrid__text h4{
  font-family: Myriad-Bold;
  margin-bottom: 0;
}
.balancegrid__footer{
  width: 100%;
  float: left;
}
.horizontal-divider-blue{
  width: 100%;
  height: 2px;
  background: #253b80;
  float: left;
  margin-bottom: 24px;
}
.card-custom-height-1{
  height: 68px;
}
@media screen and (min-width:1279px){
  .balancegrid__left, .balancegrid__right{
    width: 46%;
  }
  .balancegrid__center{
    width: 4px;
    height: 382px;
    margin: 0px;
    margin-left: 20px;
  }
  .vertical-divider{
    height: 382px;
    width: 2px;
    background: #253b80;
    float: left;
  }
  .card-custom-height-2{
    height: 198px !important;
  }
  .card-custom-height-3{
    height: 88px !important;
  }
  .card-custom-height-4{
    height: 270px !important;
  }
}
@media screen and (min-width:1439px){
  .balancegrid__center{
    margin-left: 26px;
  }
}

#valor_financiero_14 .txtnomob {
  display: block;
}

#valor_financiero_14 .txtonmob {
  display: none;
}


/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {

  #valor_financiero_07 .bg-valor_finance_2 {


    display: none;
  
  }
  
  #valor_financiero_07 .bgappearmob {
    display: block;
  }


  #valor_financiero_07 .txtnomob {
    display: none;
  }
  
  #valor_financiero_07 .txtonmob {
    display: block;
  }

  #valor_financiero_08 .bgnomobi {
  
    display: none;

  }

  #valor_financiero_08 .txtnomob {
    display: none;
  }
  


  #valor_financiero_08 .bgappearmob {
    display: block;
  }


  #valor_financiero_14 .txtnomob {
    display: none;
  }
  
  #valor_financiero_14 .txtonmob {
    display: block;
  }


  .bg-valor-financiero-02 {
    
    background-image: none;
    
}

  
  #valor_financiero_06 .bg-green-1 {
    width: 100%;
}

#valor_financiero_05 .cardgraph {
  margin-left: 0 !important;
  margin-top: 40px;
}

#valor_financiero_09 .personal-sams {
 
  width: 100%;
  
}

#valor_financiero_09 .cardgraph__content .radia-bar-container svg{
 
  width: 100%;
  
}


#valor_financiero_04 .conttxthig {
  text-align: left;
  width: 92%;
  margin: 0px;
  display: flex;
  padding-top: 14%;
}

#valor_financiero_04 .conttxthig p {
  font-size: 18px;
  margin-left: 20px;
  margin-top: 30% !important;
}

#valor_financiero_04 .bg-valor_finance_1   .row {

  margin-left: 0;
  margin-right: 0;

}

#valor_financiero_13 .conttxthig {
  text-align: left;
    width: 92%;
    margin: 0px;
    display: flex;
    padding-top: 0%;
}

#valor_financiero_13 .conttxthig p {
  font-size: 18px;
  margin-top: 20px !important;
  margin-left: 20px;
  padding-top: 0;
}


#valor_financiero_13 .bg-valor_finance_13  .row {

  margin-left: 0;
  margin-right: 0;

}




}/*-END  MOBILE-*/

/*--------------------------------------------------------------
# nuestro_negocio_01 - Alberto
--------------------------------------------------------------*/



#nuestro_negocio_01 {
  
  height: 100vh;
  background-image: url(../img/nuestro_negocio/bg-nuestro_negocio.png);
  background-size: cover; 
  background-repeat: no-repeat; 
  background-color:#1283c6;
  
  
}

#nuestro_negocio_01 .pad95 {

  padding-top: 80px;
   
}



#nuestro_negocio_01 .paditlright {
  padding-left: 0;
    padding-top: 5%;
    padding-right: 10%;
    height: 520px;
}

#nuestro_negocio_01 .lineblu {
  margin-left: 40px;
  background-color: #F1B634;
    height: 200px;
    width: 5px;
    float: left;

}

#nuestro_negocio_01 .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#nuestro_negocio_01 h1 {
  font-family: Myriad-Bold;
  color: #F1B634;
  font-size: 40px;
  text-transform: uppercase;

}

#nuestro_negocio_01 .contfra {
  width: 80%;
  float: right;

}

#nuestro_negocio_01 .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: clamp(2rem, 5.5vw, 4rem);
  font-family: Myriad-Light;

}

#nuestro_negocio_01 p.txtintro {
  float: left;
  margin-top: 25px;
  margin-left: 80px;
  color: #ffffff;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
  font-family: Myriad-Light;


}

#nuestro_negocio_01  p.txtintro span{
  
  font-family: Myriad-Regular;

}



#nuestro_negocio_01  .imageslip {
  position: absolute;
  width: 420px;
  display: block;
  
  margin: 0px auto;
  
}

#nuestro_negocio_01  .imageslip2 {
  position: absolute;
  width: 590px;
  display: block;
  margin: 0px auto;
}

#nuestro_negocio_01 .titlesmob {
  display: none;
}

/*--------------------------------------------------------------
# nuestro_negocio_02 - Alberto
--------------------------------------------------------------*/

#nuestro_negocio_02 .cards  {
  max-height: 300px;

}

#nuestro_negocio_02 .cards h5 {

  font-family: Myriad-Bold;

}


#nuestro_negocio_02 .cards .cards__image {
   width: 200px;

}

#nuestro_negocio_02 .cards .cards__text {

  width: 250px;
}

#nuestro_negocio_02 .cardvf__playbutton2 {
  position: absolute;
  bottom: -35px;
  left: 136px;
}

#nuestro_negocio_02 .pulse {
  overflow: visible;
  position: relative;
}

#nuestro_negocio_02 .pulse:before {
  content: '';
  display: block;
  
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: inherit;
  transition: opacity .3s, transform .3s;
  animation: pulse-animation 2s cubic-bezier(0.24, 0, 0.38, 1) infinite;
	z-index: -1;
}

#nuestro_negocio_02 .btnvervideo {
  margin: auto;
  color: #F1B634;
  background-color: #ffffff;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  display: block;
  cursor: pointer;
}

#nuestro_negocio_02  .btnvervideo p {
  color: #F1B634;
  position: relative;
  bottom: 41px;
  left: 24px;
  font-size: 18px;
}

#nuestro_negocio_02 .cards__button {
  position: absolute;
  width: 80px;
  height: 80px;
  bottom: 0%;
  left: 52%;
  transform: translate(-60%, 34%);
}


/*--------------------------------------------------------------
# nuestro_negocio_01 - Alberto
--------------------------------------------------------------*/

.pt-60 {
  padding-top: 60px !important;
}
.btn-regresar{
  font-size: 18px;
  text-transform: uppercase;
  font-family: Myriad-Light;
  color: #0071CE;
  padding-left: 32px;
  position: relative;
}
.btn-regresar::before{
  content: '';
  position: absolute;
  background: url(../svg/ico-regresar.svg) no-repeat;
  background-size: 20px;
  width: 32px;
  height: 32px;
  top: -9px;
  left: 0;
}



/*--------------------------------------------------------------
# nuestro_negocio_03 - Alberto
--------------------------------------------------------------*/
@media screen and (min-width: 1023px){
  .bg-nuestro-negocio-mensaje-03 {
    background-image: url(../img/nuestro_negocio/nuestro_negocio_trabajador.jpeg);
    background-position: center 45%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 35vh;
    width: 100%;
  }
}


/*--------------------------------------------------------------
# nuestro_negocio_06 - Alberto
--------------------------------------------------------------*/
.position-relative{
  position: relative;
}

.bgnina {
  width: 198px;
  height: 172px;
  position: absolute;
  bottom: 1px;
  right: -10px;
}
.btn-descarga-cifras{
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  width: 40%;
  display: block;
  background: url('../svg/ico-descarga-cifras.svg') no-repeat 26px 20px;
  background-size: 60px;
  padding: 0 0 30px 0;
}
.btn-descarga-cifras:hover{
  color: #ffffff;
}
.text-and-divider, #text-and-divider-alone .text-and-divider{
  color: #4a5b6d;
  font-family: Myriad-Light;
  font-size: 16px;
  line-height: 20px;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 16px;
}
.text-and-divider span{
  color: #4a5b6d;
  font-family: Myriad-Bold;
  font-size: 22px;
}
.omnical-space{
  position: relative;
  height: 248px;
}
.bg_mujer_mobile {
  position: absolute;
  bottom: -120px;
  right: -10px;
}

@media screen and (min-width:1023px){
  .omnical-space{
    height: 385px;
  }
}

@media screen and (min-width:1279px){
  .btn-descarga-cifras{
    width: 40%;
    background: url('../svg/ico-descarga-cifras.svg') no-repeat 46px 20px;
    padding: 0 0 20px 0;
  }
  .height-nina{
    height: 188px;
  }
  .omnical-space{
    height: 333px;
  }
  .text-and-divider:last-of-type{
    border-bottom: 1px solid transparent;
  }
}

/*--------------------------------------------------------------
# nuestro_negocio_07 - Alberto
--------------------------------------------------------------*/
@media screen and (min-width:767px){
  p.subtit-cliente-centro,
  p.subtit-experiencia-compra,
  p.subtit-nuestras-capacidades,
  p.subtit-forma-trabajo,
  p.subtit-grupo-interes
  {
    position: relative;
    padding-left: 56px;
  }
  p.subtit-cliente-centro::after{
    content: '';
    position: absolute;
    top: 5px;
    left: 0px;
    background: url('../img/nuestro_negocio/ico-cliente-centro.png') no-repeat;
    background-size: 40px;
    height: 40px;
    width: 40px;
  }
  p.subtit-experiencia-compra::after{
    content: '';
    position: absolute;
    top: 5px;
    left: 0px;
    background: url('../svg/ico-experiencia-compra.svg') no-repeat;
    background-size: 40px;
    height: 40px;
    width: 40px;
  }
  p.subtit-nuestras-capacidades::after{
    content: '';
    position: absolute;
    top: 5px;
    left: 0px;
    background: url('../svg/ico-nuestras-capacidades.svg') no-repeat;
    background-size: 40px;
    height: 40px;
    width: 40px;
  }
  p.subtit-forma-trabajo::after{
    content: '';
    position: absolute;
    top: 5px;
    left: 0px;
    background: url('../svg/ico-nuestra-forma-trabajo.svg') no-repeat;
    background-size: 40px;
    height: 40px;
    width: 40px;
  }
  p.subtit-grupo-interes::after{
    content: '';
    position: absolute;
    top: 5px;
    left: 0px;
    background: url('../svg/ico-grupos-interes.svg') no-repeat;
    background-size: 40px;
    height: 40px;
    width: 40px;
  }
}

@media screen and (min-width:1023px){
  p.subtit-cliente-centro,
  p.subtit-experiencia-compra,
  p.subtit-nuestras-capacidades,
  p.subtit-forma-trabajo,
  p.subtit-grupo-interes
  {
    padding-left: 0;
  }
  p.subtit-cliente-centro::after,
  p.subtit-experiencia-compra::after,
  p.subtit-nuestras-capacidades::after,
  p.subtit-forma-trabajo::after,
  p.subtit-grupo-interes::after
  {
    left: -54px;
  }
}

.subtitle-white-1{
  background: url('../svg/ico-1-dark.svg') no-repeat;
  background-size: 40px;
  padding: 0 0 0 48px;
  margin: 24px 0;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  color: #505b6c;
  font-family: Myriad-Semibold;
}

.subtitle-white-2{
  background: url('../svg/ico-2-dark.svg') no-repeat;
  background-size: 40px;
  padding: 0 0 0 48px;
  margin: 24px 0;
  font-size: 24px;
  line-height: 43px;
  text-transform: uppercase;
  color: #505b6c;
  font-family: Myriad-Semibold;
}

.subtitle-white-3{
  background: url('../svg/ico-3-dark.svg') no-repeat;
  background-size: 40px;
  padding: 0 0 0 48px;
  margin: 24px 0;
  font-size: 24px;
  line-height: 43px;
  text-transform: uppercase;
  color: #505b6c;
  font-family: Myriad-Semibold;
}

.subtitle-white-4{
  background: url('../svg/ico-4-dark.svg') no-repeat;
  background-size: 40px;
  padding: 0 0 0 48px;
  margin: 24px 0;
  font-size: 24px;
  line-height: 23px;
  text-transform: uppercase;
  color: #505b6c;
  font-family: Myriad-Semibold;
}

/*--------------------------------------------------------------
# nuestro_negocio_08 - Alberto
--------------------------------------------------------------*/

#nuestro_negocio_08 .imgcentermod {

  position: absolute;
    width: 100%;
    top: 0;
    left: 0;

}

/*--------------------------------------------------------------
# nuestro_negocio_10 - Alberto
--------------------------------------------------------------*/
.card-list{
  margin: 0;
  padding: 0 0 0 20px;
}


#nuestro_negocio_10 h4 {
  font-family: Myriad-SemiBold;
  font-size: 20px;

}


#nuestro_negocio_13 h4 {
  font-family: Myriad-SemiBold;
  font-size: 20px;

}


/*--------------------------------------------------------------
# nuestro_negocio_14 - Alberto
--------------------------------------------------------------*/
#nuestro_negocio_14 img {

  width: 60%;
  margin: auto;
  display: block;

}

#nuestro_negocio_14 h4 {
  font-family: Myriad-SemiBold;
  font-size: 20px;

}


#nuestro_negocio_15 h4 {
  font-family: Myriad-SemiBold;
  font-size: 20px;

}


#nuestro_negocio_17 .btn-regresar{
 padding-top: 20px;
 display: block;

}

#nuestro_negocio_17 .btn-regresar::before {
  
  top: 16px;
  
}

#nuestro_negocio_17 h4 {
  font-family: Myriad-SemiBold;
  font-size: 20px;

}


#nuestro_negocio_20 img {
 display: block;
 margin: auto;

}

#nuestro_negocio_20 img.imgsvg2 {
  display: block;
  margin: auto;
 
 }

 #nuestro_negocio_20 h4 {
  font-family: Myriad-SemiBold;
  font-size: 20px;

}

#nuestro_negocio_22 h4 {
  font-family: Myriad-SemiBold;
  font-size: 20px;

}
#nuestro_negocio_23 h4 {
  font-family: Myriad-SemiBold;
  font-size: 20px;

}

#nuestro_negocio_25 h4 {
  font-family: Myriad-SemiBold;
  font-size: 20px;

}

#nuestro_negocio_27 h5 {
  font-family: Myriad-SemiBold;
  font-size: 20px;

}

#nuestro_negocio_16 h5 {
  font-family: Myriad-SemiBold;
  font-size: 20px;

}


#nuestro_negocio_mensaje_02 .cardmobile {

  display: none;

}

#nuestro_negocio_mensaje_04 .cardmobile {

  display: none;

}

#nuestro_negocio_06 .contchnomob {

  display: block;

}

#nuestro_negocio_06 .contchonmob {

  display: none;

}

/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

  #nuestro_negocio_02 .cards {
    max-height: 400px;
}

#nuestro_negocio_02  .cards__image {
    
    margin-bottom: 25px;
}

  #nuestro_negocio_02 .cards img {
    width: 100%;
      height: 181px;
      display: block;
      max-width: fit-content;
   
  }


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {

  #nuestro_negocio_02 .cards__image {
    margin-bottom: 5px;
}

  #nuestro_negocio_06 .contchnomob {

    display: none;
  
  }
  
  #nuestro_negocio_06 .contchonmob {
  
    display: block;
  
  }


  #nuestro_negocio_mensaje_02 .nocardmobile {

    display: none;

  }

  #nuestro_negocio_mensaje_02 .cardmobile {

    display: flex;
  
  }

  #nuestro_negocio_mensaje_02 .imgmtp {
    margin-top: 25px;
  }
  

  #nuestro_negocio_mensaje_04 .nocardmobile {

    display: none;

  }

  #nuestro_negocio_mensaje_04 .cardmobile {

    display: flex;
  
  }

  #nuestro_negocio_mensaje_04 .imgmtp {
    margin-top: 3rem;
  }
  
 

  #nuestro_negocio_01 .pad95 {
    padding-top: 69px;
}

  #nuestro_negocio_01 .paditl {
    padding-left: 20px;
    
}

#nuestro_negocio_01 .titlfra1 {
  
  right: 15px;
  
  font-size: 10px;
  
}

#nuestro_negocio_01 h1 {
  margin-top: 20px;
  font-size: 30px;
  
}

#nuestro_negocio_01 .contfra h2 {

  
  line-height: 1.2;
  

}


#nuestro_negocio_01 .lineblu {
  height: 148px;
}

#nuestro_negocio_01 .d-flex {
  height: 288px;
}


  #nuestro_negocio_01 .imageslip {
    
    width: 240px;
    
    
  }
  
  #nuestro_negocio_01 .imageslip2 {
   
    width: 340px;
    
  }

  #nuestro_negocio_01 p.txtintro {
   
    display: none;
    
  
  }

  #nuestro_negocio_01 .paditlright {
    display: none;
  }

  #nuestro_negocio_01 .titlesmob {
    display: block;
  }

  
  #nuestro_negocio_08 .imgcentermod {
    position: absolute;
    width: 100%;
    top: -10px;
    left: 0;

}
 
  
#nuestro_negocio_10 .specircls img {
  height: 91px;
}


#nuestro_negocio_02 .cards {
  max-height: 345px;
}

#nuestro_negocio_02 .cards img {
  width: 100%;
    height: 181px;
    display: block;
    max-width: fit-content;
 
}


#nuestro_negocio_02 .cards .cards__text {
  width: 100%;
  margin: 23px 15px;
}

#nuestro_negocio_02 .cards .cards__text p {
  margin-bottom: 5px;
}



#nuestro_negocio_mensaje_01 .bg-valor_mensaje_1 h4 {
  

  font-size: 18px;
  line-height: 27px;
  text-align: left;
  padding: 10px;
}

#nuestro_negocio_17 h4 {
  
  margin-top: 25px;
}



}/*-END  MOBILE-*/


/*--------------------------------------------------------------
# El resultado
--------------------------------------------------------------*/
#elresultcont {
  
  height: 100vh;
  background-image: url(../img/elresultado/bgslideprielresu.jpg);
  background-position: center;
  background-size: cover;
  background-color:#81ADCE;
  background-repeat: no-repeat;

}

#elresultcont .pad95 {

  padding-top: 80px;

}

#elresultcont .paditl {
  padding-left: 14%;
    padding-top: 5%;
    padding-right: 0;
}

#elresultcont .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;

}

#elresultcont h1 {
  font-family: Myriad-Bold;
  color: #095498;
  font-size: 40px;
  text-transform: uppercase;
}

#elresultcont .lineblu {
  margin-left: 40px;
  background-color: #007DC3;
    height: 140px;
    width: 5px;
    float: left;

}

#elresultcont .contfra {
  width: 80%;
  float: right;

}

#elresultcont .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: 65px;
  font-family: Myriad-Light;

}

#elresultcont p.txtintro {
  float: left;
  margin-top: 20px;
  margin-left: 83px;
  color: #ffffff;
  font-size: 18px;
  font-family: Myriad-Regular;

}


#elresultcont .imageslip {

  width: 620px;
  display: block;
  margin: 0px auto;

}




/*--------------------------------------------------------------
# La clave
--------------------------------------------------------------*/

#laclavecont {
  
  height: 100vh;
  background-image: url(../img/laclave/bg_slidprin.jpg);
  background-size: cover;
  background-color:#0A4883;

}

#laclavecont .pad95 {

  padding-top: 80px;

}

#laclavecont .paditl {
  padding-right: 14%;
    padding-top: 5%;
    padding-left : 0;


}

#laclavecont .titlfra1 {
  position: absolute;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
  color: #ffffff;

}

#laclavecont h1 {
  font-family: Myriad-Bold;
  color: #E2BD31;
  font-size: 40px;
  text-transform: uppercase;
}

#laclavecont .lineblu {
  margin-left: 40px;
  background-color: #E2BD31;
    height: 200px;
    width: 5px;
    float: left;
}

#laclavecont .contfra {
  width: 80%;
  float: right;
}

#laclavecont .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: 65px;
  font-family: Myriad-Light;
}

#laclavecont p.txtintro {
  float: left;
  margin-top: 20px;
  margin-left: 83px;
  color: #ffffff;
  font-size: 18px;
  font-family: Myriad-Regular;
}

#laclavecont .imageslip {
  width: 620px;
  display: block;
  margin: 0px auto;
}

  

/*--------------------------------------------------------------
# La meta
--------------------------------------------------------------*/

#lametacont {
  
  height: 100vh;
  background-image: url(../img/lameta/bgslideprin.jpg);
  background-size: cover;
  background-color:#72B040;
  
  
}

#lametacont .pad95 {

  padding-top: 80px;
   
}

#lametacont .paditl {
  padding-right: 14%;
    padding-top: 5%;
    padding-left : 0;
   
}

#lametacont .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#lametacont h1 {
  font-family: Myriad-Bold;
  color: #FCB61A;
  font-size: 40px;
  text-transform: uppercase;

}


#lametacont .lineblu {
  margin-left: 40px;
  

    background-color: #FCB61A;
    height: 145px;
    width: 5px;
    float: left;

}

#lametacont .contfra {
  width: 80%;
  float: right;

}

#lametacont .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: 65px;
  font-family: Myriad-Light;

}

#lametacont p.txtintro {
  float: left;
  margin-top: 20px;
  margin-left: 83px;
  color: #ffffff;
  font-size: 18px;
  font-family: Myriad-Regular;


}


   
#lametacont .imageslip {

  width: 620px;
  display: block;
  margin: 0px auto;

}


/*--------------------------------------------------------------
# Innovation
--------------------------------------------------------------*/


#innovacion_01 {
  
  height: 100vh;
  background-image: url(../img/innovacion/bg_slideprin.png);
  background-size: cover;
  background-color:#ff711e;
  
  
}

#innovacion_01 .pad95 {

  padding-top: 80px;
   
}

#innovacion_01 .paditl {
  padding-left: 14%;
    padding-top: 5%;
    padding-right: 0;
    
   
}

#innovacion_01 .paditlright {
  padding-left: 0;
  padding-top: 5%;
  padding-right: 10%;
  height: 520px;
}

#innovacion_01 .lineblu {
  margin-left: 40px;
  background-color: #F1B634;
    height: 200px;
    width: 5px;
    float: left;

}

#innovacion_01 .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#innovacion_01 h1 {
  font-family: Myriad-Bold;
  color: #F1B634;
  font-size: 40px;
  text-transform: uppercase;

}

#innovacion_01 .contfra {
  width: 80%;
  float: right;

}

#innovacion_01 .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: clamp(2rem, 5.5vw, 4rem);
  font-family: Myriad-Light;

}

#innovacion_01 p.txtintro {
  float: left;
  margin-top: 25px;
  margin-left: 80px;
  color: #ffffff;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
  font-family: Myriad-Light;


}

#innovacion_01  p.txtintro span{
  
  font-family: Myriad-Regular;

}



#innovacion_01 .imageslip {
  position: absolute;
  width: 420px;
  display: block;
  
  margin: 0px auto;
  
}

#innovacion_01  .imageslip2 {
  position: absolute;
  width: 590px;
  display: block;
  margin: 0px auto;
}


/*--------------------------------------------------------------
# Innovacion02 - Alberto
---------------------------------------------------
----------*/

#innovacion_02 {
  
 
/*   background-image: url(../img/innovacion/bg_orangedegr.png);
  background-position: left top;
  background-size: contain;
  background-repeat: no-repeat; */
  background-color:#eef2f4;
  
  
  
}


#innovacion_02  .imgcli1 {
  width: 90%;
}

#innovacion_02  .imgcli2 {
 
  display: block;
  margin: auto;

}

/*--------------------------------------------------------------
# Innovacion03 - Alberto
---------------------------------------------------
----------*/

#innovacion_03 {
  background: url(../img/innovacion/img-walmart-empleada.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size:auto 100%;
  
}



#innovacion_03 .cards {

max-width: 600px;
  left: 180px ;
  top: 30px;

}

#innovacion_03 .cards p {

  
  font-family: Myriad-SemiBold;
  }

/*--------------------------------------------------------------
# Innovacion04 - Alberto
---------------------------------------------------
----------*/

#innovacion_04 {
 
  
}

/*--------------------------------------------------------------
# Innovacion05 - Alberto
---------------------------------------------------
----------*/

#innovacion_05 {
  background: url(../img/innovacion/img-superama.png);
  background-position:right top;
  background-repeat: no-repeat;
  background-size:500px 100%;

  
}


#innovacion_05 .cards {

  max-width: 600px;
  top: 30px;

}

#innovacion_05 .cards p {

  
  font-family: Myriad-SemiBold;
}

#innovacion_05 .cards p {

    font-family: Myriad-SemiBold;

}

#innovacion_05 .imgcheckprice {

  display: block;
  width: 595px;
  position: relative;
  top: 37%;
  left: -35px;

}

/*--------------------------------------------------------------
# Innovacion06 - Alberto
---------------------------------------------------
----------*/

#innovacion_06 {
  background: url(../img/innovacion/img-superama.png);
  background-position:right top;
  background-repeat: no-repeat;
  background-size:500px 100%;

  
}

/*--------------------------------------------------------------
# Innovacion07 - Alberto
---------------------------------------------------
----------*/
#innovacion_07  {
  background-image: url(../img/innovacion/innovacion-pedidos.gif);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
 
  
}
#innovacion_07 .contfloat {
  padding: 40px;
  border-radius: 6px;
  /* margin-top: 4%; */
  margin: 35px auto;
}



/*--------------------------------------------------------------
# Innovacion08 - Alberto
---------------------------------------------------
----------*/



#innovacion_08 .bg-pedidos{
  background-image: url(../img/innovacion/img-pedidos-walmart.png);
  
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 40vh;
}

/*--------------------------------------------------------------
# Innovacion09 - Alberto
---------------------------------------------------
----------*/



#innovacion_09 .img-meroexp{
  display: inline-block;
  width: 200px;
  margin: auto 2%;
}

#innovacion_09 .txtinn92 {
  font-size: 20px;
  line-height: 25px;
  font-family: Myriad-SemiBold;
}

/*--------------------------------------------------------------
# Innovacion10 - Alberto
---------------------------------------------------
----------*/
  
#innovacion_10   {
  background: #EEF2F4;
  margin-bottom: 0 !important;
 
}

#innovacion_10 .imglogomex {
  width: 150px;
  display: block;
  margin: 20px auto;

 
}


/*--------------------------------------------------------------
# Innovacion10 - Alberto
---------------------------------------------------
----------*/
  
#innovacion_11   {
  background: #ffffff;
  margin-bottom: 0 !important;
 
}

#innovacion_11 .imglogomex {
  width: 150px;
  display: block;
  margin: 20px auto;

 
}

#innovacion_11 .img-fluid {
 
  -webkit-box-shadow: 2px 2px 15px -1px rgba(0,0,0,0.36); 
box-shadow: 2px 2px 15px -1px rgba(0,0,0,0.36);
}

.cardgraph__content-3 {


}

/*--------------------------------------------------------------
# Innovacion12 - Alberto
---------------------------------------------------
----------*/
#innovacion_12  {
  background-image: url(../img/innovacion/bg_innovamosparavalor.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  height: 90vh;
 
  
}

#innovacion_12  .imgmamalucha{
  width: 380px;
    position: relative;
    display: block;
    left: 310px;
    top: 40px;
  
}

#innovacion_12  .cards{
  width: 500px;
  margin-top: 2%;
  
}

#innovacion_12  .txt12inn{
  font-family: Myriad-SemiBold;
  
}

/*--------------------------------------------------------------
# Innovacion14
---------------------------------------------------
----------*/
#innovacion_14 .cards {

  width: 550px;
  margin-top: 40px;
  position: relative;
  left: -162px;
 
  
}

#innovacion_14 h4 span {

  font-family: Myriad-SemiBold;
  font-size: 20px;
  
 
  
}


#innovacion_14 .img-fluid {

  display: block;
  margin: auto;
  
 
  
}

/*--------------------------------------------------------------
# Innovacion14
---------------------------------------------------
----------*/
#innovacion_15 .cards {

  width: 550px;
  margin-top: 40px;
  position: relative;
  
 
  
}

#innovacion_15 h4 span {

  font-family: Myriad-SemiBold;
  font-size: 20px;
  
 
  
}


#innovacion_15 .img-fluid {

  display: block;
  margin: auto;
  
 
  
}

/*--------------------------------------------------------------
# Innovacion14
---------------------------------------------------
----------*/
#innovacion_17 .cards {

  width: 550px;

  position: relative;
  margin: 40px auto;
  
 
  
}





/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {

 

  #innovacion_01  .pad95 {
    padding-top: 69px;
}

  #innovacion_01  .paditl {
    padding-left: 20px;
    
}

#innovacion_01  .titlfra1 {
  
  right: 15px;
  
  font-size: 10px;
  
}

#innovacion_01  h1 {
  margin-top: 0px;
  font-size: 30px;
  
}

#innovacion_01  .contfra h2 {

  
  line-height: 1.2;
  

}


#innovacion_01 .lineblu {
  height: 148px;
}

#innovacion_01  .d-flex {
  height: 288px;
}


  #innovacion_01  .imageslip {
    
    width: 240px;
    
    
  }
  
  #innovacion_01  .imageslip2 {
   
    width: 340px;
    
  }

  #innovacion_01  p.txtintro {
   
    display: none;
    
  
  }
  
  #innovacion_03 {
    background:none;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto 20%;
}
 

#innovacion_03 .cards {
  /* max-width: 600px; */
  left: 0;
  top: 0;
}

#innovacion_04 .imgevolvee {
  height: 82px;
  margin: 0px auto;
}

#innovacion_05 {
  background: none;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto 25%;
}

#innovacion_05 .imgcheckprice {
  display: block;
  width: 300px;
  position: relative;
  top: 64px;
  left: -35px;
}

#innovacion_07 {
  
  
  height: auto;
}

#innovacion_07 .contfloat {
  padding: 25px;
  border-radius: 6px;
  /* margin-top: 4%; */
  margin: 0px auto;
  max-width: 345px;
}

#innovacion_09 .img-meroexp {
  display: inline-block;
  width: 45%;
  margin: 20px 2%;
}

#innovacion_12 {
 
  background-position: right;
 
}

#innovacion_12 .imgmamalucha {
  width: 295px;
  position: relative;
  display: block;
  left: 50px;
  top: -4px;
}

#innovacion_12 .cards {
  width: 100%;
  margin-top: 32px;
}

#innovacion_13 .p-5 {

  padding: 20px !important;
  
   
 }


#innovacion_14 .cards {
  width: 100%;
  margin-top: 40px;
  position: relative;
  left: 0;
}


#innovacion_14 .p-5 {

 padding: 0px !important;
 
  
}

#innovacion_15 .p-5 {

  padding: 20px !important;
  
   
 }

#innovacion_15 .cards {
  width: 100%;
  margin-top: 40px;
 
}

#innovacion_17 .cards {
  width: 100%;
  
}


#nuestro_negocio_mensaje_05 .imglapzoom {
  
  top: 13px;
  width: 100%;
}

}/*-END  MOBILE-*/


/*--------------------------------------------------------------
# Mensaje 
--------------------------------------------------------------*/

#nuestro_negocio_mensaje_01 .bg-valor_mensaje_1 {

  height: 20vh;
  background-image: url(../img/nuestro_negocio/bg-nuestro_negocio.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-color:#F2AD3B;
  background-position: top center;


}

#nuestro_negocio_mensaje_01 .bg-valor_mensaje_1 h4 {

  text-align: center;
  padding: 1em 2em 0;
  
}

#nuestro_negocio_mensaje_05 .imglapzoom {

  position: relative;
  display: block;
  left: 11px;
  top: 40px;
  width: 618px;


}

#nuestro_negocio_mensaje_05 .mencardlap {

  position: relative;
  
  right: 11px;
  top: 40px;
  


}

.cardtxtmen {
  font-size: 20px;
  font-family: Myriad-Semibold;
}



/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {

 



#nuestro_negocio_mensaje_05 .imglapzoom {
  
  top: 13px;
  width: 100%;
}


#nuestro_negocio_mensaje_05 .mencardlap {
 right: 0;
  width: 100%;
}

.cardtxtmen {
  font-size: 18px;
  font-family: Myriad-Semibold;
}

}/*-END  MOBILE-*/

/*--------------------------------------------------------------
# Valor Compartido
--------------------------------------------------------------*/



#valorcomp {
  
  height: 100vh;
  background-image: url(../img/valor_compartido/bg_vc.jpg);
  background-size: cover;
  background-color:#F2AD3B;
  
  
}

#valorcomp .pad95 {

  padding-top: 80px;
   
}

#valorcomp .paditl {
  padding-left: 14%;
    padding-top: 5%;
    padding-right: 0;
   
}

#valorcomp .titlfra1 {
  position: absolute;
  color: #ffffff;
  right: 30px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

#valorcomp h1 {
  font-family: Myriad-Bold;
  color: #095498;
  font-size: 40px;
  text-transform: uppercase;

}


#valorcomp .lineblu {
  margin-left: 40px;
  background-color: #095498;
    height: 200px;
    width: 5px;
    float: left;

}

#valorcomp .contfra {
  width: 80%;
  float: right;

}

#valorcomp .contfra h2 {

  color: #ffffff;
  line-height: 67px;
  font-size: 65px;
  font-family: Myriad-Light;

}

#valorcomp p.txtintro {
  float: left;
  margin-top: 20px;
  margin-left: 83px;
  color: #ffffff;
  font-size: 18px;
  font-family: Myriad-Regular;


}


   
#valorcomp .imageslip {

  width: 620px;
  display: block;
  margin: 0px auto;

}

/*--------------------------------------------------------------
# Valor Compartido 3
--------------------------------------------------------------*/

#valorcomp3 {
 
  height: auto;
  background-image: url(../img/valor_compartido/bgcirculodevalor.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top;
 padding-top: 40px;
 padding-bottom: 40px;
 padding-left: 0;
 padding-right: 0;
 background-color: #4C5C6E;


}

#valorcomp3 h1 {
  
  color: #403f3f;
    font-size: 26px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family:Myriad-Bold ;
}


#valorcomp3 p {
  
  color: #403f3f;
    font-size: 18px;

}

#valorcomp3 img {
  
  width: 620px;
  margin: auto;
  display: block;

}

#valorcomp3 img.vinimg {
  
  width: 391px;
  margin: auto;
  margin-top: 30px;
  display: block;

}

#valorcomp3 .btnchanval {
  border: 0;
    background-color: #F1B634;
    width: 120px;
    height: 15px;
    display: block;
    float: left;
    margin: 10px;
  
}






/*--------------------------------------------------------------
# Valor Compartido 2
--------------------------------------------------------------*/
#valorcomp2 {
 
  height: auto;
 padding-top: 40px;
 padding-bottom: 40px;
 padding-left: 0;
 padding-right: 0;
 background-color: #4C5C6E;
}

#valorcomp2 .txtsemibold{
 
  font-family: Myriad-SemiBold;
}

#valorcomp2 .txtsemibold a{ 
 
  font-family: Myriad-SemiBold;
}





/**********************************************/
/**************** INICIO TABS Y PANELS MOBILE */
/**********************************************/
.odsmobile{
  margin: 24px 0;
}
.content__tabs{
  margin-bottom: 24px;
}

.title-tab{
  width: 100%;
  background: #6daddc;
  padding: 16px 15px;
}
.title-tab p{
  font-size: 18px;
  color: #ffffff;
  background: url('../svg/ico-nuestra-contribucion-a-los-ods.svg') no-repeat;
  background-size: 40px;
  line-height: normal;
  padding-left: 48px;
  margin: 2px 0;
}
.subtitle-tab{
  width: 100%;
  background: #6daddc;
  padding: 16px 15px;
  margin: 0 0 8px 0;
}
.subtitle-tab p{
  font-size: 18px;
  color: #ffffff;
  margin: 0;
  padding: 0;
}
.tab{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.btn-tabz{
  border-radius: 0;
  border: none;
  outline: none;
  padding: 8px;
  margin: 8px 0;
  font-size: 16px;
  font-family: Myriad-Bold;
  color: #ffffff;
  display: inline-block;
}
.btn-ambiental.active, .btn-social.active, .btn-gobierno.active{
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.btn-ambiental{
  background: #7bc046;
  opacity: .6;
}
.btn-social{
  background: #fab93e;
  opacity: .6;
}
.btn-gobierno{
  background: #065494;
  opacity: .6;
}
.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border-color: #eef2f4;
}

.panel-default > .panel-heading {
  padding: 0;
  border-radius: 0;
  color: #212121;
  background-color: #eef3f6;
  border-color: #eef3f6;
}

.panel-title {
  font-size: 14px;
}

.panel-title > a {
  display: block;
  padding: 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Myriad-Bold;
}
.ods-1{
  color: #E20A20 !important;
}
.ods-2{
  color: #CC8C1F !important;
}
.ods-3{
  color: #378A34 !important;
}
.ods-4{
  color: #B20825 !important;
}
.ods-5{
  color: #E8271D !important;
}
.ods-6{
  color: #199FD0 !important;
}
.ods-7{
  color: #FEA528 !important;
}
.ods-8{
  color: #7A0A2A !important;
}
.ods-9{
  color: #EF551D !important;
}
.ods-10{
  color: #D11071 !important;
}
.ods-11{
  color: #FA8824 !important;
}
.ods-12{
  color: #C5761B !important;
}
.ods-13{
  color: #40642C !important;
}
.ods-14{
  color: #0e6cae !important;
}
.ods-15{
  color: #47A035 !important;
}
.ods-16{
  color: #064478 !important;
}
.ods-17{
  color: #032955 !important;
}

.more-less {
  float: right;
  color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #EEEEEE;
}
.panel-body img{
  width: 100px !important;
}

.nuestra-contribucion-right{
  display: none;
}
@media screen and (min-width:767px){
  .tab{
    justify-content: flex-start;
  }
  .tab button{
    margin-right: 8px;
  }
  .btn-tabz{
    padding: 8px 48px;
  }
}
@media screen and (min-width:1279px){
  .odsmobile{
    display: none !important;
  }
  .nuestra-contribucion-right{
    display: block;
  }
}
/**********************************************/
/******************* FIN TABS Y PANELS ******* */
/**********************************************/

#valorcomp2 p {
  
  color: #ffffff;
  font-size: 16px;

}


#valorcomp2 #odsinfos .titles {
  font-family:Myriad-SemiBold ;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 31px;

}

#valorcomp2 #odsinfos .iconodss {
  width: 85px;
  margin-bottom: 15px;
}



#valorcomp2 .btndownodsind{
  font-size: 16px;
  font-family:Myriad-Semibold;
  color: #ffffff;
  margin-top: 10px;
  padding: 6px;
  background: #6da9dc;
  display: block;
  text-transform: uppercase;

}

#valorcomp2 .btndownodsind .fa-file-pdf{
  margin-left: 6px;

}

#valorcomp2 .btndownods{ 
  margin-top: 10px;
  display: block;
  padding: 6px;
  background: #0071CE;
  color: #ffffff;
  font-family: Myriad-SemiBold;


}

#valorcomp2 .btndownods:hover { 
  
  background: #0780e4;
  
}

#valorcomp2  .btndownods .fa-file-pdf{ 
  
  margin-left: 6px;


}

#valorcomp2 #odsinfos .ods-urls .btndownods{ 
  margin-top: 10px;
  display: block;
  padding: 6px;
  background: #0071CE;
  color: #ffffff;
  font-family: Myriad-SemiBold;


}

#valorcomp2 #odsinfos .ods-urls .btndownods:hover { 
  
  background: #0780e4;
  
}

#valorcomp2 #odsinfos .ods-urls .btndownods .fa-file-pdf{ 
  
  margin-left: 6px;


}

.blue-link{
  font-size: 18px;
  font-family:Myriad-Light;
  color: #6da9dc;
  margin-top: 10px;
  padding: 5px;
}

.blue-link-ods{
  font-family:Myriad-Light;
  color: #6da9dc;
  margin-top: 10px;
  padding: 5px;
  position: relative;
  display: block;
}
/* .blue-link-ods::after{
  content: '';
  background: url('../svg/ico-open-link-2.svg') no-repeat;
  background-size: 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
} */
#valorcomp2 #odsinfos .ods-urls a 
.fa-external-link {
  margin-left: 10px;

}

#valorcomp2 #odsinfos .ods-urls a:hover{
  cursor: pointer;
  color: #fafafa;
  background-color: #6EA9DB;

}

#valorcomp2 #odsinfos .info {
  font-size: 16px;
  font-family:Myriad-Regular ;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;

}


#valorcomp2 #odsinfos .hideinfo {
  display: none;

}

#valorcomp2 #odsinfos .showinfo {
  display: block;

}



#valorcomp2 #tabcont1 {
  padding-left: 0;

}

#valorcomp2 .txtti26 {
  font-family: Myriad-Bold;
  color: #ffffff;
  font-size: 26px;

}

#valorcomp2 .txtti20 {
  font-family: Myriad-SemiBold;
  color: #ffffff;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;

}

#valorcomp2 .odscont1 {
  background-color: #6DAEDD;
  height: 48px;
  border-radius: 5px 5px 0 0;
  margin-bottom: 5px;
}

#valorcomp2 .odscont1 img.imgdaclick {

  float: left;
  width: 42px;
  margin-top: 2px;
}

#valorcomp2 .odscont1 p {
  margin-left: 10px;
  margin-top: 13px;
  color: #ffffff;
  font-family: Myriad-SemiBold;
  float: left;
  
}

#valorcomp2 .odscbtnprin {
  
  padding: 0;
  

}

#valorcomp2 .odscbtnprin a {
  width: 250px;
  height: 39px;
  display: block;
  float: left;
  

}

#valorcomp2 .odscbtnprin a.odsbtamb {
  background-image: url(../img/valor_compartido/btnambiental.png);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  
}

#valorcomp2 .odscbtnprin a.odsbtamb:hover {
  background-image: url(../img/valor_compartido/btnambientalhover.png);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  
}



#valorcomp2 .odscbtnprin a.odsbtsocial {
  background-image: url(../img/valor_compartido/btn_social.png);
  background-size: contain;
  background-position: top;
  background-repeat:  no-repeat;
  margin-left: 5px;
  

}

#valorcomp2 .odscbtnprin a.odsbtsocial:hover {
  background-image: url(../img/valor_compartido/btn_socialhover.png);
  background-size: contain;
  background-position: top;
  background-repeat:  no-repeat;
  margin-left: 5px;
  

}

#valorcomp2 .odscbtnprin a.odsbtgob {

  background-image: url(../img/valor_compartido/btngobierno.png);
  background-size: contain;
  background-position: top;
  background-repeat:  no-repeat;
  margin-left: 5px;

}

#valorcomp2 .odscbtnprin a.odsbtgob:hover {

  background-image: url(../img/valor_compartido/btngobiernohover.png);
  background-size: contain;
  background-position: top;
  background-repeat:  no-repeat;
  margin-left: 5px;

}


#valorcomp2 .odscont2 {
  background-color: #6DAEDD;
  height: 30px;
  text-align: center;

}

#valorcomp2 .odscont2 p {
  
  color: #ffffff;
  margin-top: 2px;
  
}

#valorcomp2 .odscontbtt  {
  
 padding: 0;
  
}

#valorcomp2 .odscontbtt a {
  
  width: 148px;
  height: 148px;
  margin:5px auto;
  background-color: #EEF2F4;
  float: left;
  
}

#valorcomp2 .odscontbtt a.odsbt1 {
  
  background-image: url(../img/valor_compartido/ods1.png);
  background-size:  cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odscontbtt a.odsbt1:hover {
  
  background-image: url(../img/valor_compartido/ods1hover.png);
  background-size:  cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

.active_num1 {
  
  background-image: url(../img/valor_compartido/ods1hover.png) !important;
  
  
}

#valorcomp2 .odscontbtt a.odsbt2 {
  
  background-image: url(../img/valor_compartido/ods2.png);
  background-size:  cover;
  background-position: top;
  background-repeat:  no-repeat;
  margin-left: 5px;
  
}

#valorcomp2 .odscontbtt a.odsbt2:hover {
  
  background-image: url(../img/valor_compartido/ods2hover.png);
  background-size:  cover;
  background-position: top;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odscontbtt a.odsbt3 {
  
  background-image: url(../img/valor_compartido/ods3.png);
  background-size:  cover;
  background-position: top;
  background-repeat:  no-repeat;
  margin-left: 5px;
  
}

#valorcomp2 .odscontbtt a.odsbt3:hover {
  
  background-image: url(../img/valor_compartido/ods3hover.png);
  background-size:  cover;
  background-position: top;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odscontbtt a.odsbt4 {
  
  background-image: url(../img/valor_compartido/ods4.png);
  background-size:  cover;
  background-position: top;
  background-repeat:  no-repeat;
  margin-left: 5px;
}
#valorcomp2 .odscontbtt a.odsbt4:hover {
  
  background-image: url(../img/valor_compartido/ods4hover.png);
  background-size:  cover;
  background-position: top;
  background-repeat:  no-repeat;
  
}



#valorcomp2 .odscontbtt a.odsbt5 {
  
  background-image: url(../img/valor_compartido/ods5.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  margin-left: 5px;
}
#valorcomp2 .odscontbtt a.odsbt5:hover {
  
  background-image: url(../img/valor_compartido/ods5hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odscont3 {
  background-color: #6DAEDD;
  height: 30px;
  text-align: center;
  margin-bottom: 5px;

}

#valorcomp2 .odscont3 p {
  
  color: #ffffff;
  margin-top: 2px;
  
}

#valorcomp2 .odssubbt  {
  margin-bottom: 5px;
  padding: 0;
   
 }
 
 #valorcomp2 .odssubbt a {
   
  width: 123px;
  height: 123px;
   
   background-color: #EEF2F4;
   float: left;
   
 }

 #valorcomp2 .odssubbt a.odsubtn1 {
  
  background-image: url(../img/valor_compartido/subods1.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn1:hover {
  
  background-image: url(../img/valor_compartido/subods1hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn2 {
  margin-left: 4px;
  background-image: url(../img/valor_compartido/subods2.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn2:hover {
  
  background-image: url(../img/valor_compartido/subods2hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn3 {
  margin-left: 4px;
  background-image: url(../img/valor_compartido/subods3.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn3:hover {
  
  background-image: url(../img/valor_compartido/subods3hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn4 {
  margin-left: 4px;
  background-image: url(../img/valor_compartido/subods4.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn4:hover {
  
  background-image: url(../img/valor_compartido/subods4hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn5 {
  margin-left: 4px;
  background-image: url(../img/valor_compartido/subods5.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn5:hover {
  
  background-image: url(../img/valor_compartido/subods5hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn6 {
  margin-left: 5px;
  background-image: url(../img/valor_compartido/subods6.png);
  background-size:cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn6:hover {
  
  background-image: url(../img/valor_compartido/subods6hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn7 {
  
  background-image: url(../img/valor_compartido/subods7.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn7:hover {
  
  background-image: url(../img/valor_compartido/subods7hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn8 {
  margin-left: 4px;
  background-image: url(../img/valor_compartido/subods8.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn8:hover {
  
  background-image: url(../img/valor_compartido/subods8hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn9 {
  margin-left: 4px;
  background-image: url(../img/valor_compartido/subods9.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn9:hover {
  
  background-image: url(../img/valor_compartido/subods9hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn10 {
  margin-left: 4px;
  background-image: url(../img/valor_compartido/subods10.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn10:hover {
  
  background-image: url(../img/valor_compartido/subods10hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}


#valorcomp2 .odssubbt a.odsubtn11 {
  margin-left: 4px;
  background-image: url(../img/valor_compartido/subods11.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn11:hover {
  
  background-image: url(../img/valor_compartido/subods11hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn12 {
  margin-left: 4px;
  background-image: url(../img/valor_compartido/subods12.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

#valorcomp2 .odssubbt a.odsubtn12:hover {
  
  background-image: url(../img/valor_compartido/subods12hover.png);
  background-size: cover;
  background-position: top left;
  background-repeat:  no-repeat;
  
}

.active_uno {
  
  background-image: url(../img/valor_compartido/subods1hover.png) !important;
  
  
}
.active_dos {
  
  background-image: url(../img/valor_compartido/subods2hover.png) !important;
  
  
}
.active_tres {
  
  background-image: url(../img/valor_compartido/ods1hover.png) !important;
  
  
}
.active_cuatro {
  
  background-image: url(../img/valor_compartido/subods3hover.png) !important;
  
  
}
.active_cinco {
  
  background-image: url(../img/valor_compartido/ods2hover.png) !important;
  
  
}
.active_seis {
  
  background-image: url(../img/valor_compartido/subods4hover.png) !important;
  
  
}
.active_siete {
  
  background-image: url(../img/valor_compartido/subods5hover.png) !important;
  
  
}
.active_ocho {
  
  background-image: url(../img/valor_compartido/ods3hover.png) !important;
  
  
}


.active_nueve {
  
  background-image: url(../img/valor_compartido/subods6hover.png) !important;
  
  
}

.active_diez {
  
  background-image: url(../img/valor_compartido/subods7hover.png) !important;
  
  
}

.active_once {
  
  background-image: url(../img/valor_compartido/subods8hover.png) !important;
  
  
}


.active_doce {
  
  background-image: url(../img/valor_compartido/ods4hover.png) !important;
  
  
}


.active_trece {
  
  background-image: url(../img/valor_compartido/ods5hover.png) !important;
  
  
}


.active_catorce {
  
  background-image: url(../img/valor_compartido/subods9hover.png) !important;
  
  
}


.active_quince {
  
  background-image: url(../img/valor_compartido/subods10hover.png) !important;
  
  
}

.active_dieciseis {
  
  background-image: url(../img/valor_compartido/subods11hover.png) !important;
  
  
}

.active_diecisiete {
  
  background-image: url(../img/valor_compartido/subods12hover.png) !important;
  
  
}









/*--------------------------------------------------------------
# Seccion 5
--------------------------------------------------------------*/





/*--------------------------------------------------------------
# Seccion 6
--------------------------------------------------------------*/




/*--------------------------------------------------------------
# Seccion 7
--------------------------------------------------------------*/





/*--------------------------------------------------------------
# Seccion 8
--------------------------------------------------------------*/





/*--------------------------------------------------------------
# Seccion 9
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/

@media (max-width: 1024px) {

 


}/*---#TERMINA 1024 IPAD LAND------*/


@media (max-width: 450px) {
  
  #odsinfos {
    margin-left: 0;
    margin-right: 0;
  }

  .icoss-int {
   
    float: left;
}

  .icoss-int-2 {
   
    float: left;
}

#valorcomp2 .btndownods .fa-file-pdf {
  margin-left: 5px;
}
 


}/*-END  MOBILE-*/



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #0172BA;
  
  color: #fff;
  font-size: 14px;
  text-align: center;
  padding: 10px 0;
  text-align: right;
}

#footer p i {

  margin: -5px 0 0 10px;
    width: 13px;
    height: 20px;
    background-size: contain;
    background-image: url(../img/diseno_por_generador.png);
    display: block;
    float: right;
    background-repeat: no-repeat;

}

#footer p.txtdise {
  float: left;
font-size: 11px;
text-transform: none;
display: block;
}



#footer p {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-family: Myriad-Light;
  text-transform: none;
  padding: 0;
  padding-right: 15px;
  margin: 10px 0 10px 0;
  text-transform: uppercase;
}

#footer p.bleft {
  float: left;
  padding-left: 15px;
  
}

#footer p.txt5last {
  
  border-right:1px solid #ffffff;
}


#footer p.bright {
  float: left;
  padding-left: 15px;
  border-left:1px solid #ffffff;
}

#footer p.txt5 {
 
  color: #0372ba;
}

/*--------------------------------------------------------------
# MOBILE
--------------------------------------------------------------*/


@media (max-width: 450px) {

#footer {
   
  text-align: left;
     
}

#footer p.txtdise {
 
display: none;
}

#footer p {
  padding-right: 0;
  margin: 15px 9px;
}  

#footer p.bleft {
  padding-left: 0px;
  border-left: 0px solid #ffffff;
}

#footer .txt5{
  display: none;
} 

#footer .txt6{
  float:right ;
} 



  
  
}/*-END  MOBILE-*/  

@media screen and (max-width: 800px) {
  .wow{
      animation-name: none !important;
      visibility: visible !important;
  }
}