/*STYLES PACH
============================*/
/* +++++++++ BASE +++++++++ */

.textoContainer h1, .textoContainer h2, .textoContainer h3, .textoContainer h4 {
	padding: 0;
  	margin: 0;
}
.textoContainer h1{font-family: 'Open Sans', serif;}
.textoContainer h3{font-family: 'Roboto Slab', sans-serif;}
.textoContainer h2{font-family: 'Open Sans', serif;}
.textoContainer h4{font-family: 'Roboto Slab', sans-serif;}

.textoContainer h1 {
  font-size: 15px;
  line-height: 18px;
  text-align: left;
  color: #fff;
  font-weight: bold; }
  @media (min-width: 1200px) {
    .textoContainer h1 {
      font-size: 25px;
      line-height: 25px; } }

.textoContainer h2 {
  font-size: 32px;
  line-height: 32px;
  color: #fff;
  font-weight: bolder; }
  @media (min-width: 1200px) {
    .textoContainer h2 {
      font-size: 55px;
      line-height: 56px; } }

.textoContainer h3 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  color: #fff; }
  @media (min-width: 1200px) {
    .textoContainer h3 {
      font-size: 32px;
      line-height: 32px; } }

.textoContainer h4 {
  font-size: 16px;
  /*line-height: 21px;*/
  color: #fff;
  font-weight: bolder; }
  @media (min-width: 1200px) {
    .textoContainer h4 {
      font-size: 25px;
      line-height: 27px; } }

.circulosContainer {
  display: block;
  position: absolute;
  width: 305px;
  z-index: 999; }
  .circulosContainer img {
    display: block;
    position: relative;
    float: left; }
  .circulosContainer img.circulo_1 {
    width: 100%; }
  .circulosContainer img.circulo_2 {
    width: 50%; }
  .circulosContainer img.circulo_3 {
    width: 50%; }


section ul li { font-size:15px; }
section p {
  font-family: 'Roboto Slab', serif;
  font-size: 15px; }
  @media (max-width: 575.98px) {
    section p {
      font-size: 14px; } }

section p.highlight, section h2 {
  font-family: 'Roboto Slab', serif;
  font-size: 20px;
  font-weight: bolder; }
  @media (max-width: 575.98px) {
    section p.highlight, section h2 {
      font-size: 14px; } }

section.banner-inicio {
  display: block;
  position: relative;
  height: auto;
  overflow: hidden;
  background-size: 100% auto;
  background-position: top left; }
  @media (max-width: 575.98px) {
    section.banner-inicio {
      padding-top: 55px;
      background-image: linear-gradient(bottom, #FFF 50%, #000 50%);
      background-image: -webkit-linear-gradient(bottom, #FFF 50%, #000 50%); } }
  section.banner-inicio img.img-hidden {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    visibility: hidden;
    z-index: 0; }
    @media (max-width: 575.98px) {
      section.banner-inicio img.img-hidden {
        display: none; } }
  section.banner-inicio img.img-mobile {
    width: 100%;
    margin: 0;
    padding: 0; }
  section.banner-inicio .textoContainer {
    display: block;
    position: absolute;
    width: 100%;
    max-width: 40%;
    top: 0;
    left: 0; }
    @media (max-width: 575.98px) {
      section.banner-inicio .textoContainer {
        position: relative;
        max-width: 100%;
        top: 0;
        left: 0;
        padding: 30px 15px 15px 15px; } }
  section.banner-inicio .circulosContainer {
    margin: 0;
    top: 0;
    right: 0;
    width: 233px; }
    @media (max-width: 575.98px) {
      section.banner-inicio .circulosContainer {
        position: relative;
        overflow: auto;
        top: 0;
        right: 0;
        left: 0;
        width: 191px;
        margin: -66px auto 30px auto; } }
    @media (min-width: 768px) and (max-width: 991.98px) {
      section.banner-inicio .circulosContainer {
        top: 16%;
        right: 5%;
        width: 143px; } }

section.img-bottom {
  display: block;
  position: relative;
  height: auto;
  overflow: auto; }
  section.img-bottom img {
    display: block;
    position: relative;
    width: 100%; }

.space-xs {
  display: block;
  position: relative;
  height: 8px; }

.space-sm {
  display: block;
  position: relative;
  height: 16px; }

.space-md {
  display: block;
  position: relative;
  height: 32px; }

.space-lg {
  display: block;
  position: relative;
  height: 34px; }

/* +++++++++ marcas-lideres +++++++++ */
  #marcas-lideres section.banner-inicio {
    background-color: #44834E;
    background-image: url("../images/marcas_lideres/background_marcas.jpg"); }
    @media (max-width: 575.98px) {
      #marcas-lideres section.banner-inicio {
        background-image: linear-gradient(bottom, #FFF 50%, #44834E 50%);
        background-image: -webkit-linear-gradient(bottom, #FFF 50%, #44834E 50%); } }
    #marcas-lideres section.banner-inicio .textoContainer {
      top: 10%;
      left: 7%;
      max-width: 40%; }
      @media (max-width: 1024px) {
        #marcas-lideres section.banner-inicio .textoContainer {
        max-width: 60%;
    }
      }
      @media (max-width: 575.98px) {
        #marcas-lideres section.banner-inicio .textoContainer {
          top: 0;
          left: 0;
          max-width: 100%; } }
      @media (min-width: 768px) {
        #marcas-lideres section.banner-inicio .textoContainer {
          top: 10%;
          left: 7%; } }
    #marcas-lideres section.banner-inicio .circulosContainer {
        top: 22%;
      right: 5%; }
      @media (max-width: 575.98px) {
        #marcas-lideres section.banner-inicio .circulosContainer {
          top: 0;
          right: 0;
          left: 0; } }
      @media (min-width: 768px) and (max-width: 991.98px) {
        #marcas-lideres section.banner-inicio .circulosContainer {
          top: 20%;
          right: 18%;
          width: 143px; } }
    #marcas-lideres section.banner-inicio .img_wow {
      display: none;
      position: relative;
      width: 80px;
      margin: 15px auto; }
      @media (min-width: 768px) and (max-width: 991.98px) {
        #marcas-lideres section.banner-inicio .img_wow {
          width: 60px;
          margin: 15px 0; } }
    #marcas-lideres section.banner-inicio .barrasContainer {
      display: none;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: 0px;
      width: 100%;
      margin: 0; }
      #marcas-lideres section.banner-inicio .barrasContainer .progress-bar {
        background-color: #44834E; }
      #marcas-lideres section.banner-inicio .barrasContainer p {
        font-family: 'Open Sans', sans-serif; }
  #marcas-lideres section.texto-video {
    background-color: #fff;
    padding: 30px 15px 30px 15px; }
    #marcas-lideres section.texto-video p.highlight {
      margin-bottom: 30px; }
    #marcas-lideres section.texto-video p {
      color: #00466B; }
  #marcas-lideres section.texto-columnas {
    background-color: #FFDC2C;
    padding: 60px 15px 15px 15px; }
    @media (max-width: 767px) {
      #marcas-lideres section.texto-columnas {
        padding: 30px 15px; } }
    #marcas-lideres section.texto-columnas p {
      color: #44834E; }
    #marcas-lideres section.texto-columnas p.highlihgt {
      color: #44834E;
      margin-bottom: 24px; }
    #marcas-lideres section.texto-columnas .circulosContainer {
      position: relative;
      width: 191px;
      margin: 0 auto;
      top: -90px;
      left: 0;
      right: 0; }
      @media (max-width: 575.98px) {
        #marcas-lideres section.texto-columnas .circulosContainer {
          margin-top: 30px;
          top: 0; } }

/* +++++++++ operador +++++++++ */
	#operador {
	  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ }
	  #operador section.banner-inicio {
	    background-color: #607380;
	    background-image: url("../images/mejor_operador/background_operador.jpg"); }
	    @media (max-width: 575.98px) {
	      #operador section.banner-inicio {
	        background-image: linear-gradient(bottom, #FFF 50%, #607380 50%);
	        background-image: -webkit-linear-gradient(bottom, #FFF 50%, #607380 50%); } }
	    #operador section.banner-inicio .textoContainer {
	      top: 10%;
	      left: 7%;
	      max-width: 33%; }
	      @media (max-width: 575.98px) {
	        #operador section.banner-inicio .textoContainer {
	          top: 0;
	          left: 0;
	          max-width: 100%; } }
	      @media (min-width: 768px) {
	        #operador section.banner-inicio .textoContainer {
	          top: 10%;
	          left: 7%; } }
	    
	    
	    #operador section.banner-inicio .circulosContainer {
	      top: 41%;
	      right: 45%; }
	      
	      
	      @media (max-width: 575.98px) {
	        #operador section.banner-inicio .circulosContainer {
	          top: 0;
	          right: 0;
	          left: 0; } }
	          
	          
	      @media (min-width: 768px) and (max-width: 991.98px) {
	        #operador section.banner-inicio .circulosContainer {
	          top: 25%;
	          right: 7%;
	          width: 143px; } }
	  #operador section.texto-columnas {
	    background-color: #2AC6DD;
	    padding: 60px 15px 60px 15px; }
	    @media (max-width: 767px) {
	      #operador section.texto-columnas {
	        padding: 30px 15px; } }
	    #operador section.texto-columnas .container {
	      max-width: 1280px; }
	    #operador section.texto-columnas p {
	      color: #fff; }
	    #operador section.texto-columnas .circulosContainerDiagonal {
	      display: block;
	      position: relative;
	      width: 100%;
	      max-width: 230px;
	      height: 230px;
	      margin: 30px auto; }
	      #operador section.texto-columnas .circulosContainerDiagonal img {
	        display: block;
	        position: absolute; }
	      #operador section.texto-columnas .circulosContainerDiagonal img.circulo_1 {
	        width: 70%;
	        top: 0;
	        left: 0; }
	      #operador section.texto-columnas .circulosContainerDiagonal img.circulo_2 {
	        width: 45%;
	        bottom: 0;
	        right: 0; }

/* +++++++++ COMUNIDAD +++++++++ */
	#comunidad {
	  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ }
	  #comunidad section.banner-inicio {
	    background-color: #607380;
	    background-image: url("../images/comunidad/background_comunidad.jpg"); }
	    @media (max-width: 575.98px) {
	      #comunidad section.banner-inicio {
	        background-image: none; } }
	    #comunidad section.banner-inicio .textoContainer {
	      top: 10%;
	      left: 7%;
	      max-width: 33%; }
	      @media (max-width: 575.98px) {
	        #comunidad section.banner-inicio .textoContainer {
	          top: 0;
	          left: 0;
	          max-width: 100%; } }
	      @media (min-width: 768px) {
	        #comunidad section.banner-inicio .textoContainer {
	          top: 10%;
	          left: 7%; } }
	    #comunidad section.banner-inicio .circulosContainer {
	      top: 30%;
	      right: 9%; }
	      @media (max-width: 575.98px) {
	        #comunidad section.banner-inicio .circulosContainer {
	          top: 0;
	          right: 0;
	          left: 0; } }
	      @media (min-width: 768px) and (max-width: 991.98px) {
	        #comunidad section.banner-inicio .circulosContainer {
	          top: 25%;
	          right: 7%;
	          width: 143px; } }
	  #comunidad section.texto-columnas {
	    background-color: #607380;
	    padding: 60px 15px 60px 15px; }
	    @media (max-width: 767px) {
	      #comunidad section.texto-columnas {
	        padding: 30px 15px; } }
	    #comunidad section.texto-columnas .container {
	      max-width: 1024px; }
	    #comunidad section.texto-columnas h2 {
	      font-size: 25px;
	      color: #fff;
	      margin-bottom: 30px; }
	      @media (max-width: 575.98px) {
	        #comunidad section.texto-columnas h2 {
	          font-size: 15px; } }
	    #comunidad section.texto-columnas p {
	      color: #fff; }
	  #comunidad section.tablavideo {
	    padding: 30px 15px 30px 15px; }
	    #comunidad section.tablavideo img.logo-alsea {
	      display: block;
	      positioin: relative;
	      width: 100%;
	      max-width: 260px;
	      margin: 15px auto 30px auto; }
	    #comunidad section.tablavideo p {
	      display: block;
	      position: relative;
	      padding: 15px 0;
	      font-size: 15px;
	      color: #0D436B; }
	      #comunidad section.tablavideo p span {
	        display: block;
	        color: #00A1D4; }
	    #comunidad section.tablavideo table {
	      position: relative;
	      width: 100%;
	      border-top: 1px solid #d4f5ff;
	      font-family: 'Roboto Slab', serif;
	      font-size: 15px;
	      color: #0D436B;
	      font-weight: bold;
	      padding: 10px; }
	      #comunidad section.tablavideo table tr td {
	        padding: 5px 10px;
	        border-bottom: 1px solid #d4f5ff; }
	        #comunidad section.tablavideo table tr td:last-child {
	          color: #00A1D4;
	          font-size: 24px; }
	    #comunidad section.tablavideo .circulosContainerLine {
	      display: block;
	      position: relative;
	      width: 500px;
	      height: auto;
	      margin: 90px auto 30px auto;
	      overflow: auto; }
	      @media (max-width: 575.98px) {
	        #comunidad section.tablavideo .circulosContainerLine {
	          width: 100%;
	          margin: 30px auto 30px auto; } }
	      #comunidad section.tablavideo .circulosContainerLine img {
	        display: block;
	        position: relative;
	        float: left;
	        width: 33.33%; }
	  #comunidad section.vapormicuenta {
	    padding: 60px 15px 60px 15px; }
	    @media (max-width: 767px) {
	      #comunidad section.vapormicuenta {
	        padding: 30px 15px; } }
	    #comunidad section.vapormicuenta h2 {
	      font-size: 25px;
	      color: #00466B;
	      margin-bottom: 30px; }
	    #comunidad section.vapormicuenta p {
	      color: #00466B;
	      padding: 15px 0; }
	    #comunidad section.vapormicuenta .circulosContainerDiagonal {
	      display: block;
	      position: relative;
	      width: 100%;
	      max-width: 310px;
	      height: 310px;
	      margin: 0 auto 20px auto;
	      overflow: auto; }
	      @media (max-width: 575.98px) {
	        #comunidad section.vapormicuenta .circulosContainerDiagonal {
	          margin: 30px auto 30px auto; } }
	      #comunidad section.vapormicuenta .circulosContainerDiagonal img {
	        display: block;
	        position: absolute; }
	      #comunidad section.vapormicuenta .circulosContainerDiagonal img.circulo_1 {
	        width: 70%;
	        top: 0;
	        left: 0; }
	      #comunidad section.vapormicuenta .circulosContainerDiagonal img.circulo_2 {
	        width: 40%;
	        bottom: 0;
	        right: 0; }
	    #comunidad section.vapormicuenta table {
	      position: relative;
	      width: 100%;
	      border-top: 1px solid #ccc;
	      border-bottom: 1px solid #ccc;
	      font-family: 'Roboto Slab', serif;
	      font-size: 15px;
	      color: #0D436B;
	      padding: 10px;
	      font-weight: bold; }
	      @media (max-width: 575.98px) {
	        #comunidad section.vapormicuenta table {
	          font-weight: normal; } }
	      #comunidad section.vapormicuenta table tr th {
	        color: #00A1D4;
	        padding: 5px 10px;
	        text-align: right;
	        border-right: 1px solid #ccc; }
	      #comunidad section.vapormicuenta table tr td {
	        padding: 5px 10px;
	        border-right: 1px solid #ccc; }
	      #comunidad section.vapormicuenta table tr.total {
	        border-top: 1px solid #ccc; }
	      #comunidad section.vapormicuenta table th:last-child, #comunidad section.vapormicuenta table td:last-child {
	        border-right: none; }
	        #comunidad section.texto-columnas .circulosContainerDiagonal img.circulo_1 {
	        width: 70%;
	        top: 0;
	        left: 0; }
	      #comunidad section.texto-columnas .circulosContainerDiagonal img.circulo_2 {
	        width: 45%;
	        bottom: 0;
	        right: 0; }


	       #comunidad section.texto-columnas.circulosContainerLine{
	       	display:block;
	       	position:relative;
	       	margin:0 auto;
	       	width:100%;
	       }

	       #comunidad section.texto-columnas .circulosContainerLine img{
	       	display:block;
	       	position:relative;
	       	width:33%;
	       	float:left;
	       }


/* +++++++++ INNOVACION +++++++++ */
	#innovacion {
	  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	  /* Esta sección esta comentada en el HTML */ }
	  #innovacion section.banner-inicio {
	    background-color: #9D8453;
	    background-image: url("../images/innovacion/background_innovacion.jpg"); }
	    @media (max-width: 575.98px) {
	      #innovacion section.banner-inicio {
	        background-image: none; } }
	    #innovacion section.banner-inicio .textoContainer {
	      top: 10%;
	      left: 7%; }
	      @media (max-width: 575.98px) {
	        #innovacion section.banner-inicio .textoContainer {
	          top: 0;
	          left: 0; } }
	      @media (min-width: 768px) {
	        #innovacion section.banner-inicio .textoContainer {
	          top: 10%;
	          left: 7%; } }
	    #innovacion section.banner-inicio .circulosContainer {
	      top: 44%;
	      left:32%; }
	      @media (max-width: 575.98px) {
	        #innovacion section.banner-inicio .circulosContainer {
	          top: 0;
	          right: 0;
	          left: 0; } }
	      @media (min-width: 768px) and (max-width: 991.98px) {
	        #innovacion section.banner-inicio .circulosContainer {
	          top: 25%;
	          right: 7%;
	          width: 143px; } }
	  #innovacion section.texto-video {
	    display: block;
	    position: relative;
	    background-color: #A48F64;
	    padding: 0; }
	    #innovacion section.texto-video p {
	      display: block;
	      position: relative;
	      /*max-width: 79%;*/
	      font-family: 'Roboto Slab', serif;
	      padding: 0;
	      margin-top: 30px;
	      color: #fff; }
	    #innovacion section.texto-video p.highlight {
	      color: #00466B;
	      margin-top: 0; }
	  #innovacion section.texto-columnas {
	    background-color: #fff;
	    padding: 60px 15px 60px 15px; }
	    @media (max-width: 767px) {
	      #innovacion section.texto-columnas {
	        padding: 30px 15px; } }
	    #innovacion section.texto-columnas p {
	      color: #00466B;
	      margin-bottom: 15px; }
	    #innovacion section.texto-columnas p.highlight {
	      margin-bottom: 30px;
	      color: #00466B; }
	    #innovacion section.texto-columnas p.cita {
	      /*margin-top: 146px;*/
	      font-size: 22px; }
	      @media (max-width: 575.98px) {
	        #innovacion section.texto-columnas p.cita {
	          margin-top: 15px;
	          font-size: 18px; } }
	    #innovacion section.texto-columnas ul {
	      display: block;
	      position: relative;
	      padding: 0;
	      margin: 32px 0 32px 22px;
	      list-style-type: disc; }
	      #innovacion section.texto-columnas ul li {
	        font-family: 'Roboto Slab', serif;
	        font-size: 15px;
	        color: #00466B;
	        margin-top: 8px; }
	    #innovacion section.texto-columnas .circulosContainerLine {
	      display: block;
	      position: relative;
	      width: 100%;
	      max-width: 340px;
	      height: 200px;
	      margin: 30px auto 30px auto;
	      overflow: auto; }
	      @media (max-width: 575.98px) {
	        #innovacion section.texto-columnas .circulosContainerLine {
	          height: 192px;
	          width: 100%;
	          margin: 30px auto 30px auto; } }
	      #innovacion section.texto-columnas .circulosContainerLine img {
	        display: block;
	        position: absolute; }
	        #innovacion section.texto-columnas .circulosContainerLine img.circulo_1 {
	          height: 100%;
	          width: auto;
	          top: 0;
	          left: 0; }
	        #innovacion section.texto-columnas .circulosContainerLine img.circulo_2 {
	          height: 65%;
	          width: auto;
	          bottom: 0;
	          right: 0; }

	        /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	        #innovacion section.texto-columnas .circulosContainer{
	        	display:block;
	        	position: relative;
	        	width:100%;
	        	max-width:440px;
	        	height:300px;
	        	overflow:auto;
	        	margin:0;
	        }
	        @media (max-width: 575.98px) {
	        	#innovacion section.texto-columnas .circulosContainer{
	        		height:205px;
	        		margin:30px auto;
	        		max-width:100%;
	        	}
	        }

	        #innovacion section.texto-columnas .circulosContainer img{
	        	display:block;
	        	position: absolute;
		    }

	        #innovacion section.texto-columnas .circulosContainer.circulosIzq{ float:right; }
		        #innovacion section.texto-columnas .circulosContainer.circulosIzq img:nth-child(1){ 
		        	width:38%;
		        	top:15px; 
		        	left:0;
		        }
		        #innovacion section.texto-columnas .circulosContainer.circulosIzq img:nth-child(2){ 
		        	width:65%; 
		        	top:0;
		        	right:0;
		        }


	        #innovacion section.texto-columnas .circulosContainer.circulosDer{ float:left; }
		        #innovacion section.texto-columnas .circulosContainer.circulosDer img:nth-child(1){ 
		        	width:65%; 
		        	bottom:0;
		        	left:0;
		        	margin-top:30px;
		        }
		        #innovacion section.texto-columnas .circulosContainer.circulosDer img:nth-child(2){ 
		        	width:40%; 
		        	top:0;
		        	right:0;
		        }



/* +++++++++ MERCADOTECNIA +++++++++ */
  #mercadotecnia section.banner-inicio {
    background-color: #FFDC2C;
    background-image: url("../images/mercadotecnia/background_mercadotecnia.jpg"); }
    @media (max-width: 575.98px) {
      #mercadotecnia section.banner-inicio {
        background-image: linear-gradient(bottom, #FFF 50%, #CDA400 50%);
        background-image: -webkit-linear-gradient(bottom, #FFF 50%, #CDA400 50%); } }
    #mercadotecnia section.banner-inicio .textoContainer {
      top: 10%;
      left: 7%;
      max-width: 31%; }
      @media (max-width: 575.98px) {
        #mercadotecnia section.banner-inicio .textoContainer {
          top: 0;
          left: 0;
          max-width: 100%; } }
      @media (min-width: 768px) {
        #mercadotecnia section.banner-inicio .textoContainer {
          top: 10%;
          left: 7%; } }
    #mercadotecnia section.banner-inicio .circulosContainer {
      top: 41%;
      right: 20%; }
      @media (max-width: 575.98px) {
        #mercadotecnia section.banner-inicio .circulosContainer {
          top: 0;
          right: 0;
          left: 0; } }
      @media (min-width: 768px) and (max-width: 991.98px) {
        #mercadotecnia section.banner-inicio .circulosContainer {
          top: 20%;
          right: 18%;
          width: 143px; } }
    #mercadotecnia section.banner-inicio .img_wow {
      display: none;
      position: relative;
      width: 80px;
      margin: 15px auto; }
      @media (min-width: 768px) and (max-width: 991.98px) {
        #mercadotecnia section.banner-inicio .img_wow {
          width: 60px;
          margin: 15px 0; } }
    #mercadotecnia section.banner-inicio .barrasContainer {
      display: none;
      position: absolute;
      bottom: 0;
      left: 0;
      bottom: 0px;
      width: 100%;
      margin: 0; }
      #mercadotecnia section.banner-inicio .barrasContainer .progress-bar {
        background-color: #00466B; }
      #mercadotecnia section.banner-inicio .barrasContainer p {
        font-family: 'Open Sans', sans-serif; }

  #mercadotecnia section.texto-video {
    background-color: #fff;
    padding: 30px 15px 30px 15px; }
    @media (max-width: 767px) {
    	#mercadotecnia section.texto-video{padding: 0 15px;}
    }

    #mercadotecnia section.texto-video p.highlight {
    	margin:40px 0 30px 0; }
    #mercadotecnia section.texto-video p.colum {
    	width: 70%;
    }	
      	@media (max-width: 767px) {#mercadotecnia section.texto-video p.highlight { margin: 0; }}

    #mercadotecnia section.texto-video p {
      color: #00466B; }

  #mercadotecnia section.texto-columnas {
    background-color: #FFDC2C;
    padding: 60px 15px 15px 15px; }
    @media (max-width: 767px) {
      #mercadotecnia section.texto-columnas {
        padding: 30px 15px; } }
    #mercadotecnia section.texto-columnas p {
      color: #00466B; }
    #mercadotecnia section.texto-columnas p.highlihgt {
      color: #00466B;
      margin-bottom: 24px; }
    #mercadotecnia section.texto-columnas .circulosContainer {
      position: relative;
      width: 191px;
      margin: 0 auto;
      top: -90px;
      left: 0;
      right: 0; }
      @media (max-width: 575.98px) {
        #mercadotecnia section.texto-columnas .circulosContainer {
          margin-top: 30px;
          top: 0; } }
    #mercadotecnia section.texto-columnas img.circulo{
    	display:block;
    	position:relative;
    	width:100%;
    	max-width:260px;
    	margin:30px auto;
    	} 

    #mercadotecnia section.texto-columnas .circulosContainerCuadrado{
    	display:block;
    	position:relative;
    	width:100%;
    	height:300px;
    }
    @media (max-width: 575.98px) {
    	 #mercadotecnia section.texto-columnas .circulosContainerCuadrado{margin:30px auto;}
    }

	    #mercadotecnia section.texto-columnas .circulosContainerCuadrado img{
	    	display:block;
	    	position:absolute;
	    }
		    #mercadotecnia section.texto-columnas .circulosContainerCuadrado img:nth-child(1){
		    	top:0;
		    	left:0;
		    	width:35%;
		    }
		    #mercadotecnia section.texto-columnas .circulosContainerCuadrado img:nth-child(2){
		    	top:0;
		    	right:0;
		    	width:64%;
		    }
		    #mercadotecnia section.texto-columnas .circulosContainerCuadrado img:nth-child(3){
		    	bottom:5%;
		    	left:5%;
		    	width:43%;
		    }
		    #mercadotecnia section.texto-columnas .circulosContainerCuadrado img:nth-child(4){
		    	bottom:0;
		    	right:0;
		    	width:34%;
		    }


/* +++++++++ MEJOR TALENTO +++++++++ */
/* +++++++++ TALENTO +++++++++ */
	#talento section,
	#talento_mobile section {
	  background: #e98782;
	}
	  #mejor-talento section.banner-inicio {
	    background-color: #e98782;
	    background-image: url("../images/mejor-talento/background_talento.jpg"); }
	    @media (max-width: 575.98px) {
	      #mejor-talento section.banner-inicio {
	        background-image: linear-gradient(bottom, #e98782 50%, #e98782 50%);
	        background-image: -webkit-linear-gradient(bottom, #e98782 50%, #e98782 50%); } }
	    #mejor-talento section.banner-inicio .textoContainer {
	      top: 10%;
	      left: 7%;
	      max-width: 31%; }
	      @media (max-width: 575.98px) {
	        #mejor-talento section.banner-inicio .textoContainer {
	          top: 0;
	          left: 0;
	          max-width: 100%; } }
	      @media (min-width: 768px) {
	        #mejor-talento section.banner-inicio .textoContainer {
	          top: 10%;
	          left: 7%; } }
	    #mejor-talento section.banner-inicio .circulosContainer {
	      top: 27%;
	      right: 9%; }
	      @media (max-width: 575.98px) {
	        #mejor-talento section.banner-inicio .circulosContainer {
	          top: 0;
	          right: 0;
	          left: 0; } }
	      @media (min-width: 768px) and (max-width: 991.98px) {
	        #mejor-talento section.banner-inicio .circulosContainer {
	          top: 20%;
	          right: 18%;
	          width: 143px; } }
	    #mejor-talento section.banner-inicio .img_wow {
	      display: none;
	      position: relative;
	      width: 80px;
	      margin: 15px auto; }
	      @media (min-width: 768px) and (max-width: 991.98px) {
	        #mejor-talento section.banner-inicio .img_wow {
	          width: 60px;
	          margin: 15px 0; } }
	    #mejor-talento section.banner-inicio .barrasContainer {
	      display: none;
	      position: absolute;
	      bottom: 0;
	      left: 0;
	      bottom: 0px;
	      width: 100%;
	      margin: 0; }
	      #mejor-talento section.banner-inicio .barrasContainer .progress-bar {
	        background-color: #F8A08B; }
	      #mejor-talento section.banner-inicio .barrasContainer p {
	        font-family: 'Open Sans', sans-serif; }
	  #mejor-talento section.texto-video {
	    background-color: #fff;
	    padding: 30px 15px 30px 15px; }
	    #mejor-talento section.texto-video p.highlight {
	      margin-bottom: 30px; }
	    #mejor-talento section.texto-video p {
	      color: #00466B; }
	  #mejor-talento section.texto-columnas {
	    background-color: #F8A08B;
	    padding: 60px 15px 15px 15px; }
	    @media (max-width: 767px) {
	      #mejor-talento section.texto-columnas {
	        padding: 30px 15px; } }
	    #mejor-talento section.texto-columnas p {
	      color: #00466B; }
	    #mejor-talento section.texto-columnas p.highlihgt {
	      color: #00466B;
	      margin-bottom: 24px; }
	    #mejor-talento section.texto-columnas .circulosContainer {
	      position: relative;
	      width: 191px;
	      margin: 0 auto;
	      top: -90px;
	      left: 0;
	      right: 0; }
	      @media (max-width: 575.98px) {
	        #mejor-talento section.texto-columnas .circulosContainer {
	          margin-top: 30px;
	          top: 0; } }

/* +++++++++ SINERGIA +++++++++ */
  #sinergia section.banner-inicio {
    background-color: #614091;
    background-image: url("../images/sinergia/background_sinergia.jpg"); }
    @media (max-width: 575.98px) {
      #sinergia section.banner-inicio {
        background-image: none;
         }}
    #sinergia section.banner-inicio .textoContainer {
      top: 10%;
      left: 7%; }
      @media (max-width: 575.98px) {
        #sinergia section.banner-inicio .textoContainer {
          top: 0;
          left: 0; } }
      @media (min-width: 768px) {
        #sinergia section.banner-inicio .textoContainer {
          top: 10%;
          left: 7%; } }
    #sinergia section.banner-inicio .circulosContainer {
      top: 26%;
      right: 8%; }
      @media (max-width: 575.98px) {
        #sinergia section.banner-inicio .circulosContainer {
          top: 0;
          right: 0;
          left: 0; } }
      @media (min-width: 768px) and (max-width: 991.98px) {
        #sinergia section.banner-inicio .circulosContainer {
          top: 16%;
          right: 5%;
          width: 143px; } }
  #sinergia section.texto-azul p {
    padding: 60px 15px;
    text-align: center;
    font-size: 24px;
    font-family: 'Roboto Slab', serif;
    color: #00466B; }
    @media (max-width: 575.98px) {
      #sinergia section.texto-azul p {
        padding: 30px 15px;
        font-size: 16px; } }

  #sinergia section.textoIntroduccion {
    background-color: #614091;
    color: #fff;
    padding: 90px 15px;}
    @media (max-width: 575.98px) {
      #sinergia section.textoIntroduccion {
      	padding: 15px 15px 30px 15px;
    }}

    #sinergia section.textoIntroduccion .container {
      max-width: 1024px; }
    #sinergia section.textoIntroduccion h2 {
      display: block;
      position: relative;
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
      text-align: center; }
    #sinergia section.textoIntroduccion p.highlight {
      margin-bottom: 15px; }
  #sinergia section.texto-columnas {
    background-color: #614091;
    padding: 60px 15px 60px 15px; }
    @media (max-width: 767px) {
      #sinergia section.texto-columnas {
        padding: 30px 15px; } }

    #sinergia section.texto-columnas .container {
      max-width: 1024px; }

    #sinergia section.texto-columnas .circulosContainerSexy {
      display: block;
      position: relative;
      width: 100%;
      max-width: 300px;
      height: 495px;
      margin: 0 auto;
  	}
  	@media (max-width: 575.98px) {
  		#sinergia section.texto-columnas .circulosContainerSexy{
      		margin: 30px auto;
  		}}

      #sinergia section.texto-columnas .circulosContainerSexy img{
      	display:block;
      	position:absolute;
      }
 
      #sinergia section.texto-columnas .circulosContainerSexy img.circulo_1{
      	width:125px;
      	left:33px;
      	top:-5px;
      }
      #sinergia section.texto-columnas .circulosContainerSexy img.circulo_2{
      	width:123px;
      	right:27px;
      	top:80px;
      }
      #sinergia section.texto-columnas .circulosContainerSexy img.circulo_3{
      	width:166px;
      	left:0px;
      	top:171px;
      }
      #sinergia section.texto-columnas .circulosContainerSexy img.circulo_4{
      	width:196px;
      	right:-5px;
      	bottom:-5px;
      }



    #sinergia section.texto-columnas p {
      color: #fff; }


    #sinergia section.texto-columnas ul{
      padding-left:17px;
      list-style: disc;
    }

/* +++++++++ Contacto +++++++++ */
	#contacto {
  background-color: #ACDDF4; }


  #contacto .textoContainer {
    position: relative;
    margin: 30px 0;
    top: 0;
    left: 5%; }
    @media (max-width: 575.98px) {
      #contacto .textoContainer {
      	left:15px;
        margin: 30px 0 0 0; } }
    #contacto .textoContainer h1, #contacto .textoContainer h2, #contacto .textoContainer h3, #contacto .textoContainer h4 {
      color: #fff; }
      #contacto .textoContainer h3 {font-size:33px;}
    #contacto .textoContainer h4 {
      margin-top: 0; }
  #contacto section.texto-columnas {
    padding-bottom: 30px; }
    #contacto section.texto-columnas .container {
      max-width: 1280px; }
      #contacto section.texto-columnas .container p {
        padding-top: 30px;
        font-family: 'Open Sans', sans-serif;
        color: #00466B; }
        #contacto section.texto-columnas .container p strong {
          font-family: 'Roboto Slab', serif; }
        #contacto section.texto-columnas .container p a:hover {
          cursor: pointer;
          text-decoration: underline; }
      #contacto section.texto-columnas .container img.img-contacto {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 auto;
        top: -90px; }
        @media (max-width: 575.98px) {
          #contacto section.texto-columnas .container img.img-contacto {
            max-width: 191px;
            margin: 30px auto;
            top: 0; } }

 /* FOTER LOGOS */

ul.xd_logos-list{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	list-style: none;
	margin:0;
	padding:0;
	width:100%;
	}
	ul.xd_logos-list li img{
		margin:5px 10px;
		height:80px;
		width:auto;
		}



/* ++++++++++ BOTON ANIMADO +++++++++++++ */
/*Animacion boton Play*/
.containerVideoPlay .circuloAnimado {
    display: block;
    position: relative;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    top:0;
    left:0;
    background-color: #FFDC2C;
    border: 5px solid #fff;
    border-radius: 50%;
    animation-duration: 2s;
    animation-name: zoominCircle;
    animation-iteration-count: infinite;
    cursor: pointer;
}
@media (max-width: 575.98px) {
    .containerVideoPlay .circuloAnimado {
    width: 80px;
    height: 80px;
	}
}
@keyframes zoominCircle {
     0% 	{ transform: scale(1); }
    50% 	{ transform: scale(0.7); }
    100% 	{ transform: scale(1); }
}

.containerVideoPlay .circuloAnimado img {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    transform: scale(1);
    animation-duration: 2s;
    animation-name: zoominLogo;
    animation-iteration-count: infinite;
}
@keyframes zoominLogo {
    0% 		{ transform: scale(0.9); }
    50% 	{ transform: scale(0.9); }
    100% 	{ transform: scale(0.9); }
}