@font-face {
  font-family: 'itc-bold';
  src: url('../fonts/ITCAvantGardeStd-Bold.woff2') format('woff2'),
      url('../fonts/ITCAvantGardeStd-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'itc-500';
  src: url('../fonts/ITCAvantGardeStd-Md.woff2') format('woff2'),
      url('../fonts/ITCAvantGardeStd-Md.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'itc';
  src: url('../fonts/ITCAvantGardeStd-Bk.woff2') format('woff2'),
      url('../fonts/ITCAvantGardeStd-Bk.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


:root {
  /*  width  */
  --max-width-small-section: 600px;
  --max-width-media-section: 768px;
  --max-width-wide-section: 1024px;
  --max-width-large-section: 1200px;
  --max-width-full-section: 100%;
  --max-width-large-header: 1620px;
  /*  colors  */
  --primary-color: #a80d3e;
  --secondary-color: #01541e;
  --tertiary-color: #5caefd;
  --primary-gradient: linear-gradient(to right, #1a468b, #13a6df);
  /*  images  */
  --hero-bg-image-mobile: url('../fotos/fondo_videos02.jpg');
  --hero-bg-image-desktop: url('../fotos/fondo_videos02.jpg');
  --jumbotron-bg-image: url('../img/bg-jumbotron-footer.jpg');
  --mega-footer-bg-image: url('../img/bg-jumbotron-footer.jpg');
  /*  shadows  */
  --static-shadow: 0 2px 4px 0 rgba(0, 0, 0, .19);
  --hover-shadow: 0 7px 16px 0 rgba(0, 0, 0, .2), 0 1px 3px 0 rgba(0, 0, 0, .1);
}

li{list-style:none;}

body {
  overflow-x: hidden;
  width: 100%;
  margin: 0;
  font-family: museo-sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  font-style: normal;
  background-colorz:#000; colorz:#fff!important;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}

section {
  margin-top: 64px;
}

/* fin -- elemenst gral */
/* helpers */
/* capital letter */
p.capital-letter:first-letter {
  float: left;
  color: black;
  background: white;
  font-size: 96px;
  font-weight: 700;
  line-height: 100px;
  padding: 2px;
  margin-right: 26px;
}

/* fin - capital letter */
/*  parallax  */
.parallax {
  position: absolute;
  height: calc(100% - 64px);
  width: 100%;
  margin-top: -64px;
  backgroundZ-image: url(../img/fdo_paralax.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.parallax-bottom {
  bottom: 0;
  left: 0;
  position: absolute;
  height: calc(100% - 0px);
  width: 100%;
  background-image: url(../fotos/fondo_paralax.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*  fin -- parallax  */
@media only screen and (min-width: 768px) {

  /*  containers  */
  .container-section {
    max-width: var(--max-width-media-section);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .container-wide-section {
    max-width: var(--max-width-wide-section);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .container-large-section {
    width: var(--max-width-large-section);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .container-full-section {
    width: var(--max-width-full-section);
    padding: 0;
  }

  .header-container-wide {
    width: 100%;
    max-width: var(--max-width-large-section);
    margin: auto;
  }

  .header-container-large {
    width: calc(100% - 120px);
    max-width: var(--max-width-large-header);
    margin: auto;
  }

  .header-container-full {
    width: var(--max-width-full-section);
  }

  /*  fin -- containers  */
  /*  parallax  */
  .parallax {
    position: absolute;
    height: calc(100% - 120px);
    width: 100%;
    margin-top: -120px;
    background-image: url(../img/fdo_paralaxZ.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /*  fin -- parallax  */
  /*  posiciones absolutas  */
  .center-left {
    top: 50%;
    left: -100px;
    transform: translate(-0%, -50%);
  }

  .center-right {
    top: 50%;
    right: -100px;
    transform: translate(-0%, -50%);
  }

  .top-left {
    top: 0;
    left: -100px;
  }

  .top-right {
    bottom: inherit;
    top: 0;
    right: -100px;
  }

  .bottom-left {
    bottom: 4px;
    left: -100px;
  }

  .bottom-right {
    bottom: 4px;
    right: -100px;
  }

  /* fin -- posiciones absolutas  */
  /*  iconos de imagenes  */
  .media.sup-icon::after {
    content: "";
    display: block;
    background-image: url('../img/waves.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translate(-0%, -50%);
    z-index: 99;
  }

  .media.sup-icon.rigth::after {
    left: -25px;
  }

  .media.sup-icon.left::after {
    right: -25px;
  }

  /* fin -- iconos de imagenes  */
}

/* fin -- helpers */
/* navbar */
.navbar {
  overflow: hidden;
  background-color: #fff;
  padding: 12px;
  z-index: 99;
}

.navbar-link {
  display: flex;
}

.navbar .navbar-logo {
  width: 100%;
  height: auto;
  max-height: 24px;
}

.navbar.sticky {
  position: fixed;
  top: 24px;
  width: 156px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  box-shadow: var(--static-shadow);
  transition: all 0.1s cubic-bezier(.25, .8, .25, 1);
}

.navbar.sticky-full {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 8px;
  box-shadow: var(--static-shadow);
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

/* .navbar.sticky-full .navbar-logo {
  max-height: 18px;
} */
/* fin -- navbar */
/* share icon bar */
.icon-bar {
  display: none;
  position: fixed;
  bottom: 42px;
  right: 0;
  -webkit-transform: translateY(-0%);
  -ms-transform: translateY(-0%);
  transform: translateY(-0%);
  z-index: 99;
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 22px;
  margin: 12px;
  border-radius: 50%;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  box-shadow: var(--hover-shadow);
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.fa {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fa::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.fa.fa-twitter::after {
  background-image: url('../img/twitter.svg');
}

.fa.fa-facebook::after {
  background-image: url('../img/facebook.svg');
}

@media only screen and (min-width: 768px) {
  .icon-bar {
    display: block;
    position: fixed;
    left: 0;
    right: inherit;
    top: 50%;
    bottom: initial;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
  }

  .icon-bar a {
    margin: 16px 8px;
  }
}

/* fin share icon bar */
/* header */
/* header aside */
.header-aside-section {
  background-repeat: no-repeat;
  background-size: 100% 80%;
  background-position: bottom center;
}

.header-aside {
  display: flex;
  flex-direction: column;
  position: relative;
}

.header-aside-item {
  flex-basis: 0;
  flex-grow: 1;
}

.header-aside-item.media {
  flex-basis: 0;
  flex-grow: 1;
}

.header-aside-item.media .header-aside-img {
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: 0;
  box-shadow: var(--static-shadow);
}

.header-aside-item.text {
  flex-basis: 0;
  flex-grow: 1;
  padding: 32px;
  background-image: var(--primary-gradient);
}

.header-aside-item.text .header-aside-label {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.header-aside-item.text .header-aside-main-title {
  color: #fff;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  margin: 24px 0;
}

@media only screen and (min-width: 768px) {
  .header-aside-section {
    margin-top: 64px;
  }

  .wrapper-header-aside {
    padding-top: 24px;
  }

  .header-aside {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }

  .header-aside-item.text {
    position: relative;
    padding: 32px 10% 30px 32px;
  }

  .header-aside-item.text .extra-background-color {
    position: absolute;
    top: 0px;
    left: 99%;
    width: 50vw;
    height: 100%;
    background-color: #13a6df;
  }

  .header-aside-item.text .header-aside-main-title {
    color: #fff;
    font-size: 48px;
    line-height: 52px;
    font-weight: 700;
    max-width: 80%;
    margin: 24px 0;
  }
}

/* fin -- header aside */
/* header hero */
.header-hero {
  height: 100vh;
  background-color: #ededed;
  background-image: var(--hero-bg-image-mobile);
  background-repeat: no-repeat;
  background-position: 0!important;
  background-size: cover;
  background-attachment:fixed;
}

.header-hero .container-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  /*background-image: linear-gradient(#0000, #000);*/
  background-size: 100% 100%;
  background-position: 100% 100%;
  background-repeat: no-repeat;
}

.header-hero .container-header .wrapper-header {
  padding: 16px;
  text-align: center;
  color: #fff;
  max-width: 768px;
}

.header-hero .container-header .wrapper-header .header-label {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}

.header-hero .container-header .wrapper-header .main-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  display: block;
  margin: 24px 0;
}

@media only screen and (min-width: 768px) {
  .header-hero {
    background-image: var(--hero-bg-image-desktop);
    background-position: 50% 0%;
  }

  .header-hero .container-header {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .header-hero .container-header .wrapper-header .main-title {
    font-size: 64px;
    line-height: 70px;
  }
}

/* fin - header hero */
/* fin -- header */
/* head brand */
.head-brand {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.head-brand.in-header {
  padding: 16px;
}

.head-brand .label-head-brand {
  flex: 1;
  font-size: 12px;
  line-height: 16px;
  font-family: none;
}

.head-brand .label-head-brand .brand-logo {
  display: initial;
  max-width: 120px;
  vertical-align: middle;
}

.head-brand .label-head-date {
  color: #a0a0a0;
  font-size: 14px;
  line-height: 16px;
}

@media only screen and (min-width: 768px) {
  .head-brand {
    flex-direction: column;
  }

  .head-brand.in-header {
    text-align: right;
    position: absolute;
    top: 0;
    right: 32px;
    width: 100%;
    padding: 0;
  }

  .head-brand .label-head-brand {
    margin-bottom: 16px;
    margin-left:-7px;
  }

  .head-brand .label-head-brand .brand-logo {
    max-width: 72px;
  }
}

/* fin -- head brand */
/* by line */
.by-line {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
}

.by-line.in-header {
  padding: 16px;
}

.by-line .author-img {
  display: initial;
  max-width: 48px;
  vertical-align: baseline;
  margin: 0;
}

.by-line .label-author-name {
  font-size: 14px;
  line-height: 16px;
  padding-left: 16px;
}

@media only screen and (min-width: 768px) {
  .by-line {
    flex-direction: column;
  }

  .by-line.in-header {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 32px;
    padding: 0;
  }

  .by-line .author-img {
    display: initial;
    max-width: 60px;
    margin-left: auto;
    margin-right: 0;
  }

  .by-line .label-author-name {
    margin-top: 16px;
  }
}

/* fin -- by line */
/* introduction */
.wrapper-introduction {
  padding: 0 16px;
}

.block-text-blurb {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin: 32px 0 0;
}

@media only screen and (min-width: 768px) {
  .wrapper-introduction {
    padding: 0;
    max-width: var(--max-width-small-section);
  }
}

/* fin -- introduction */
/* block text */
.wrapper-block-text {
  padding: 0 16px;
}

.wrapper-block-text p {
  font-size: 16px;
  line-height: 24px;
}

@media only screen and (min-width: 768px) {
  .wrapper-block-text {
    padding: 0;
    max-width: var(--max-width-small-section);
  }
}

/* fin -- block text */
/* jumbotron section */
.jumbotron-section {
  padding-top: 64px;
  position: relative;
}

.jumbotron-section .wrapper-jumbotron .jumbotron {
  padding: 0 16px;
  position: relative;
}

.jumbotron-section .wrapper-jumbotron .jumbotron .jumbotron-caption {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 21px;
  font-weight: 900;
  padding: 32px;
  background-color: #000;
  /*    transform: translateY(-5px);*/
}

@media only screen and (min-width: 768px) {
  .jumbotron-section {
    padding-top: 120px;
    padding-bottom: 0;
  }

  .jumbotron-section .wrapper-jumbotron .jumbotron {
    padding: 0 16px;
    position: relative;
  }

  .jumbotron-section .wrapper-jumbotron .jumbotron .jumbotron-caption {
    display: block;
    position: absolute;
    color: #fff;
    max-width: 380px;
    transform: none;
  }
}

/* fin -- jumbotron section */
/* cards section */
.horizontal-card {
  display: flex;
  flex-direction: column;
}

.horizontal-card:not(:first-of-type) {
  margin-top: 64px;
}

.horizontal-card.reverse {
  /*        flex-direction: column-reverse;*/
}

.horizontal-card .card-item {
  position: relative;
}

.horizontal-card .card-item.text {
  padding: 0 16px;
}

.horizontal-card .card-item h3 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}

.horizontal-card .card-item p {
  font-size: 16px;
  line-height: 24px;
}

@media only screen and (min-width: 768px) {
  .horizontal-card {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
  }

  .horizontal-card.reverse {
    flex-direction: row-reverse;
  }

  .card-item {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 16px;
  }
}

/* fin -- cards section */
/* sigle wide image */
.single-wide-image .wrapper-single-wide-image figure {
  margin: 0;
}

.single-wide-image .wrapper-single-wide-image figure figcaption {
  padding: 0 16px;
}

.single-wide-image .wrapper-single-wide-image figure figcaption .wide-image-caption {
  font-size: 12px;
  line-height: 16px;
}

@media only screen and (min-width: 768px) {
  .single-wide-image .wrapper-single-wide-image figure figcaption {
    padding: 0;
  }

  .single-wide-image .wrapper-single-wide-image figure figcaption .wide-image-caption {
    font-size: 14px;
    line-height: 18px;
  }
}

/* sigle wide image */
/* fin -- aside image block */
.aside-image-block {
  display: flex;
  flex-direction: column;
}

.aside-image-block:not(:first-of-type) {
  margin-top: 32px;
}

.aside-image-block.reverse {
  /*flex-direction: column-reverse;*/
}

.aside-image-block-item.media {
  position: relative;
}

.aside-image-block-item.text {
  padding: 32px 16px;
  background-color: #ed1d24;
}

.reverse .aside-image-block-item.text {
  background-color: var(--tertiary-color);
}

.aside-image-block-item p {
  color: #fff;
  line-height: 32px;
  margin: 0;
  font-size:21px;
}

@media only screen and (min-width: 768px) {
  .aside-image-block {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center
  }

  .aside-image-block.reverse {
    flex-direction: row-reverse;
  }

  .aside-image-block-item {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
  }

  .aside-image-block-item.text {
    padding: 48px 96px 48px 0px;
  }

  .aside-image-block-item.text .extra-background-color {
    position: absolute;
    top: 0px;
    right: 100%;
    width: 50vw;
    height: 100%;
    background-color: #ed1d24;
  }

  .reverse .aside-image-block-item.text {
    padding: 48px 0px 48px 96px;
  }

  .reverse .aside-image-block-item.text .extra-background-color {
    position: absolute;
    top: 0px;
    left: 99%;
    width: 50vw;
    height: 100%;
    background-color: var(--tertiary-color);
  }

  .aside-image-block-item.media .image {
    max-width: 480px;
    box-shadow: var(--static-shadow);
  }

  .aside-image-block-item.media.rigth .image {
    margin-right: auto;
    margin-left: 0;
  }

  .aside-image-block-item.media.left .image {
    margin-right: 0;
    margin-left: auto;
  }

  .aside-image-block-item.media .aside-carousel {
    max-width: 480px;
  }

  .aside-image-block-item.media.rigth .aside-carousel {
    margin-right: auto;
    margin-left: 0;
  }

  .aside-image-block-item.media.left .aside-carousel {
    margin-right: 0;
    margin-left: auto;
  }
}

/* fin -- aside image block */
/* carrusel block */
.carrusel-block {
  /* display: flex;
  flex-direction: column; */
}

.flickity-viewport {
  /* height: 100%; */
}

.carousel-cell {
  width: 100%;
  /* height: auto; */
}

.carousel-cell img {
  /* width: 1024px; */
  /* height: auto; */
  /* display: block; */
}

/* fin -- carrusel block */
/* footer */
/* footer-mega */
.footer-mega-section {
  /*
    background-image: var(--hero-bg-image-desktop);
    background-repeat: no-repeat;
    background-size: 100% 80%;
    background-position: bottom center;
  */
  position: relative;
}

.wrapper-footer-mega {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 32px;
}

.wrapper-footer-mega .footer-mega {
  padding: 0 16px;
  position: relative;
}

.footer-mega .footer-mega-caption {
  display: block;
  color: #fff;
  font-size: 28px;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
  padding: 16px;
  background-color: var(--primary-color);
}

.footer-mega .footer-mega-button {
  display: block;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 12px;
  background-color: var(--primary-color);
  border-radius: 24px;
  margin-top: 32px;
  margin-left: auto;
  max-width: 320px;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
  .wrapper-footer-mega {
    padding-bottom: 0px;
  }

  .footer-mega {
    position: relative;
  }

  .footer-mega .footer-mega-caption {
    position: absolute;
    text-align: left;
    z-index: 9;
  }

  .footer-mega .footer-mega-button {
    position: absolute;
    padding: 8px 64px;
    border-radius: 20px;
    max-width: inherit;
    margin-top: 0px;
    z-index: 99;
  }
}

/* fin -- footer-mega */
/* footer-small */
.footer-small-section {
  background-image: #ed1d24;
  background-repeat: no-repeat;
  background-size: 100% 80%;
  background-position: bottom center;
  background-color:#ed1d24;
}

.wrapper-footer-small {
  padding-bottom: 32px;
}

.footer-small {
  display: flex;
  flex-direction: column;
}

.footer-small-item {
  flex-basis: 0;
  flex-grow: 1;
}

.footer-small-item.media {
  flex-basis: 0;
  flex-grow: 1;
}

.footer-small-item.media .footer-small-img {
  box-shadow: var(--static-shadow);
}

.footer-small-item.text {
  flex-basis: 0;
  flex-grow: 2;
  padding: 32px
}

.footer-small-item.text .footer-small-label {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
}

.footer-small-item.text .footer-small-link-recommended {
  color: #fff;
  text-decoration: none;
}

.footer-small-item.text .footer-small-link-recommended:hover {
  color: #eee;
  text-decoration: none;
}

.footer-small-item.text .footer-small-link-recommended .footer-small-recommended {
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  margin: 24px 0;
}

@media only screen and (min-width: 768px) {
  .footer-small {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
  }

  .footer-small-item.text .footer-small-link-recommended .footer-small-recommended {
    font-size: 48px;
    line-height: 52px;
    font-weight: 700;
    margin: 24px 0;
  }
}

/* fin -- footer-small */
/* footer-bottom */
.footer-bottom {
  width: 100%;
  padding: 12px 0;
}

.footer-bottom .footer-copyright {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}

/* fin -- footer-bottom */
/* fin -- footers */


header{border-bottom:solid 5px #7C7C7B;}
.logomargin{margin-bottom:30px; margin-left:5px}


.block-text-section ul li span{color:#13A6DF; font-weight:bold;}
.titulo{font-size:26px!important; color:#1a468b;}
.textovideo{position:absolute; top:30%; left:33px; width:700px; text-align:left; padding:31px;}
.textovideo h1{font-size:31px; line-height:21px; font-weight:900; margin-top:0;}
.textovideo p{margin:0;}
.wrapper-header{position:relative;}
body{overflow-x:hidden;}
.logopie{text-align:center;}
.logopie img{margin-top:100px;}
.infografia{padding:21px 0 0 0;}
.infografia img{display:block; margin:auto;}
.media.sup-icon::after{display:none;}

.infografia_mobile{display:none;}
.card-img{width:260px;}
.tituloh1{font-size:19px; font-weight:300; text-align:left; text-transform:uppercase; color:#01541e; line-height:26px; padding:0; margin:21px 0 15px 0;}
.tituloh1 span{font-weight:600;}
.tituloh2{font-size:21px; font-weight:600; line-height:21px; padding:0; margin:0 0 10px 0;}
.blanco{color:#fff;}
.franjadestacado{background-color:#5BC500; color:#fff; font-size:31px!important; text-align:center; margin-top:31px; line-height:36px; padding:14px;}
.franjadestacado p{padding:0; margin:0; font-size:31px!important;}
.barrita{height:5px; background-color:#fff; margin:21px auto 21px auto; width:61px;}
.masinfo{background-color:#01541e; color:#fff; width:161px; display:block; text-align:center; padding:10px; margin:auto; margin-top:31px; text-decoration:none;}
.masinfo:hover{opacity:0.8;}
.foto1{margin-bottom:-100px!important;}
.texto1{margin-top:150px!important;}
.icono{display:block; margin:21px auto 21px auto;}
.fondo{background-image:url(../fotos2/fondo_paralax.png);}
.hidedesktop{display:none; height:500px; background-image:url(../fotos2/3.jpg); background-size:cover; position:relative; background-position:center;}
.hidedesktop2{display:none;}
.foto5{height:700px; background-image:url(../fotos/3.jpg); background-size:cover; background-attachment:fixed; display:block;}
.bullet{background-image:url(../img2/bullet.jpg); background-repeat:no-repeat; padding-left:22px; background-position:0 9px;}
.iconoacero{position:absolute; top:100px; right:-43px;}
.foto2titulo{position:relative; font-family:'itc'; font-weight:700; background-color:#ed1d24; width:100%; color:#fff; padding:10px 10px 10px 10px; margin-top:-56px; margin-bottom:61px; text-align:center; text-transform:uppercase; font-size:18px;}
.foto2titulo img{position:absolute; left:-51px; width:100px; top:-21px; text-align:right;}

.cols{display:inline-block; padding:15px; width:49%; vertical-align:top;}
.cols li{margin-bottom:10px; border-bottom:solid 1px #BAB9B6; padding-bottom:10px;}
.wrappercols{max-width:1200px!important;}

p{color:#5a5554;}
.titulocolgate{font-family:'itc'; font-size:21px; text-align:left; color:#ED1D24; font-weight:800; padding:21px 21px 21px 0; width:600px; margin:21px auto 0 auto;}
.titulocolgate2{font-family:'itc'; font-size:33px; text-align:center; background-color:#ED1D24; color:#fff; font-weight:800; padding:21px; margin:45px auto 21px auto;}

.titulotoyota { border-bottom:solid 1px #636dad;  padding-bottom:12px; margin-bottom:31px; line-height: 40px; padding-top: 20px; background-image: url(../img_sanofi/fdo_dest01.jpg); background-size: cover;}
.titulotoyota p{
  padding: 0 200px;
  color:#636dad;
  text-align: center;
  font-weight:bold;
  font-size:32px;
}

.titulotoyota2 { border-bottom:solid 1px #636dad;  padding-bottom:0px; margin-bottom:0px; line-height: 40px; padding-top: 20px;}
.titulotoyota2 p{
  padding: 10px 0px;
  color:#636dad;
  text-align: center;
  font-family: 'itc-bold'; 
  font-size:28px;
  margin: 0;
  line-height: 30px;
}

.titulotoyota3 { padding-bottom:12px; margin-bottom:31px; margin-top: -500px; line-height: 40px; padding-top: 20px;}
.titulotoyota3 p{
  padding: 0 200px;
  color:#636dad;
  text-align: center;
  font-weight:bold;
  font-size:28px;
}
.titulotoyota3 img {
  padding-top: 20px;
}

.titulotoyota4 { margin: 0 34px; padding-bottom:12px; margin-bottom:31px; line-height: 40px; padding-top: 20px; background-image: url(../img_sanofi/fdo_dest03.jpg); background-size: cover;}
.titulotoyota4 p{
  padding: 0 40px !important;
  color:#ffffff !important;
  text-align: left;
  font-weight:bold;
  font-size:20px !important;
}
.titulotoyota4 p span {
  font-weight: normal;
}

.containertoyota{padding:0 18%;}
.containertoyota p {
  padding: 0 0px;
  font-size: 18px;
  line-height: 25px;
  color: black;
}
.texto1{margin-top:0!important;}
.textovideo{bottom:31px!important; width:400px; max-width:990px;}
.container-sectionz p::after{background-color:transparent!important;}
.padtoyota{max-width:90%; margin:auto; column-gap:53px; column-count:2; padding-bottom:60px; padding-top:21px; font-size:14px !important; padding-left: 50px;}
.padtoyota2{max-width:90%; margin:auto;}
.
2 .texto1{font-size:17px; color:#636dad!important; font-weight:600; font-family:'itc-bold'; padding: 20px 35px;}
.padtoyota2 .texto2{column-count:2; column-gap:53px; font-family:'itc'; padding-bottom:40px; font-size: 14px; color: grey;}
.padtoyota2 img{width:100%;}
.como .col1{width:70%; float:left; column-count:2; column-gap:31px; font-family:'itc';}
.como .col2{width:30%; float:left;}
.padtoyota3{max-width:100%; margin:auto; padding-top: 20px; padding-bottom: 20px;}
.padtoyota3 .texto1{column-count:2; column-gap:53px; font-family:'itc'; padding: 0 50px; padding-bottom:0px; font-size: 13px; padding-top: 0px; line-height: 20px;}
.padtoyota3 .texto1 a {
  color: red;
}
.padtoyota3 .texto1 a:hover {
  opacity: 0.5;
}
.padtoyota3 h2{color:#636dad!important; font-weight:bold; font-family:'itc'; font-size: 32px;}
.slidecars2 .item .subitem{width:33%!important; background-color:#fff!important; margin-top:0!important; padding-top:0!important;}
.padtoyota3 h2 span{display:block;}
.padtoyota3 .center{text-align:center; margin-bottom:31px;}
.planes ul{text-align:center;}
.planes ul li{display:inline-block; width:30%; margin-bottom:31px;}
.planes ul li img{width:100%;}
.planes h1{text-align:center; font-size:21px; font-weight:600; padding:0; margin:0;}
.planes h2{text-align:center; font-size:21px; font-weight:bold; color:#eb0a1e; padding:0; margin:0;}
.planes p{text-align:center; font-size:18px; line-height:26px; font-weight:600; padding:31px 0 45px 0; font-family:'itc'; border-top:solid 1px rgba(0,0,0,0.1); border-bottom:solid 1px rgba(0,0,0,0.1);}
.como a{color:#eb0a1e; text-decoration:underline;}
.como a:hover{color:#000; text-decoration:none;}
.calculador{padding-top:70px; background-color:#000; margin:63px 0 133px 0; padding-bottom:100px;}
.calculador .icono{display:block; margin:-102px auto auto auto;}
.calculador h1{padding:12px 0 12px 0; color:#eb0a1e; padding:0; font-size:31px; font-weight:600; text-align:center;}
.calculador p{color:#fff; font-size:15px; text-align:center; font-family:'itc';}
.calculador .container{max-width:600px; margin:auto; position:relative;}
.calculador input[type="text"]{padding:12px; color:#fff; font-weight:400; border-radius:6px; font-family:'itc'; display:inline-block; background-color:#000; border:solid 1px rgba(255,255,255,0.2); font-size:16px; width:49%;}
.calculador input[type="submit"]{background-color:#eb0a1e; display:block; margin:21px auto auto auto; font-size:21px; border-radius:6px; border:none; padding:10px 21px 10px 21px; color:#fff; font-weight:bold; font-family:'itc'; cursor:pointer;}
.calculador input[type="submit"]:hover{opacity:0.8;}
.calculador .borde{border-top:dashed 2px rgba(255,255,255,0.3); margin-top:21px;}
.calculador ul{text-align:center; padding:0;}
.calculador ul li{width:31%; display:inline-block; vertical-align:top; text-align:center;}
.calculador h3{color:#eb0a1e; font-size:16px; font-weight:400; padding:0; margin:0 0 3px 0;}
.calculador h2{color:#fff; font-weight:bold; font-size:28px; padding:0; margin:0;}
.calculador .foto{position:absolute; bottom:-200px; left:0; right:0; margin:auto;}
.calculador a, .calculador .bullet2{color:#eb0a1e;}
a, input{outline:none;}
.clear{clear:both;}



@media (max-width: 1400px) {
.padtoyota3 .center{padding-top:100px;}
.slidecars2 .item .subitem{height:auto;}
}

@media (max-width: 1300px) {
.padtoyota3 .center{padding-top:160px;}
.slidecars2 .item .subitem{height:auto;}
}



@media (max-width: 600px) {
.textovideo p{font-size:28px!important; line-height:28px!important;}
.head-brand .label-head-brand{margin:auto; margin-top:-7px;}
.infografia img{width:100%; height:auto;}
.infografia{display:none;}
.infografia_mobile{display:block;
	img{width:100%; height:auto;}
}
.fotojesica{width:100%; margin-bottom:45px;}
.textovideo{margin-top:0; top:0%; left:0;}
.textovideo p{font-size:20px;}
.foto1{margin-bottom:-14px !important;}
.texto1{margin-top:21px!important;}
.hidedesktop{display:block; height:100vh;}
.hidemobile{display:none;}
.hidedesktop2{display:block;}
.foto5{display:none;}
.logomargin{margin-bottom:36px;}
.textovideo{position:relative;}
.header-hero{background-attachment:scroll;}
.navbar.sticky-full{z-index:9999999999;}
.iconoacero{
	bottom:-31px; right:0; left:0; margin:auto; top:auto;
}
.foto2titulo{margin-left:0; margin-top:0; width:auto; padding:10px 10px 10px 10px; margin-bottom:0;}
.cols{width:100%;}
.titulocolgate{text-align:left; padding-left:21px;}
.titulocolgate2{font-size:26px;}
.textovideo{top:0; padding:31px 31px 0 31px;}
.titulocolgate2{margin-top:0;}
.padtoyota{max-width:100%; column-count:1; padding: 0 40px;}
.containertoyota{padding:0 0px;}
.titulotoyota3 {
  margin-top: -150px;
}
.titulotoyota3 p {
  padding: 0 20px;
  font-size: 15px;
  line-height: 25px;
}
.containertoyota p {
  font-size: 16px;
  line-height: 25px;
  padding: 0 20px;
}
.titulotoyota4 {
  margin: 20px 0;
}
.titulotoyota4 p{
  padding: 0 0px;
  color:#ffffff !important;
  text-align: left;
  font-weight:bold;
  font-size:16px !important;
}
.titulotoyota p{font-size:16px !important; padding: 0 20px; line-height: 25px;}
.padtoyota2 .texto1{font-size:16px; line-height: 25px;}
.padtoyota2 .texto2{column-count:1; padding: 0 40px; line-height: 25px;}
.como .col1{float:none; width:100%; column-count:1;}
.como .col2{float:none; text-align:center; width:100%; padding:21px;}
.como .col2 img{width:61px; display:block; margin:auto;}
.padtoyota3 .texto1{column-count:1;}
.cockpit22{margin-top:31px!important;}
.slidecars2 .item .subitem{width:100%!important; position:relative!important; padding-top:21px!important;}
.slidecars2 .item, .slidecars2{height:auto!important;}
.padtoyota3{max-width:100%;}
.padtoyota3 h2{font-size:20px;}
.planes ul{padding:0;}
.planes ul li{width:100%;}
.padtoyota2{max-width:100%;}
.slidecars2{margin-top:0!important;}
.calculador h1{font-size:18px;}
.calculador p{width:90%; margin:auto; padding-bottom:12px;}
.calculador input[type="text"]{width:90%; margin:auto auto 6px auto; display:block;}
.calculador h2{font-size:18px;}
.calculador h3{font-size:14px;}
.calculador .foto{bottom:-163px; max-width:90%;}
.calculador{}
}