/* elemenst gral */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



: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-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-style: normal;
  background-colorz:#000; colorz:#fff!important;
  background-image:url(../img_colombia/fdo_fullscreen.jpg);
  background-position:top center;
  background-size:cover;
  background-attachment:fixed;
}

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: 14px;
  line-height: 16px;
}

.head-brand .label-head-brand .brand-logo {
  display: initial;
  max-width: 220px;
  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; bottom:33px; left:33px; width:600px; text-align:left; padding:31px;}
.textovideo h1{font-size:31px; line-height:21px; font-weight:900; margin-top:0;}
.textovideo p{font-size:45px; font-family:'Montserrat', sans-serif; font-weight:900; color:rgba(237,29,36,1); line-height:47px; 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:600; text-align:left; color:#000; line-height:49px; padding:0; margin:21px 0 15px 0;}
.tituloh1 span{font-weight:500; font-size:15px; color:#4f4f4f;}
.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{}
.hidedesktop{display:none; height:500px; background-size:cover; position:relative; background-position:center;}
.hidedesktop2{display:none;}
.foto5{height:700px; background-size:cover; background-attachment:fixed; display:block;}
.bullet{background-repeat:no-repeat; padding-left:22px; background-position:0 9px;}
.iconoacero{position:absolute; top:100px; right:-43px;}
.foto2titulo{position:relative; font-family:'Montserrat', sans-serif; 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; font-family:'Montserrat', sans-serif;}
.titulocolgate{font-family:'Montserrat', sans-serif; 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:'Montserrat', sans-serif; font-size:33px; text-align:center; background-color:#ED1D24; color:#fff; font-weight:800; padding:21px; margin:45px auto 21px auto;}

.titulotoyota{color:#eb0a1e; border-bottom:solid 1px rgba(0,0,0,0.1); font-weight:bold; font-size:26px; padding-bottom:12px; margin-bottom:31px;}
.containertoyota{padding:0 21%;}
.texto1{margin-top:0!important;}
.container-sectionz p{background-color:transparent!important;}
.textovideo{bottom:31px!important; width:61%; max-width:990px;}
.container-sectionz p::after{background-color:transparent!important;}
.padtoyota{max-width:90%; margin:auto; column-gap:31px; column-count:2; padding-bottom:60px; padding-top:21px; font-size:14px;}
.padtoyota2{max-width:90%; margin:auto;}
.padtoyota2 .texto1{font-size:21px; color:#000!important; font-weight:600; font-family:'Montserrat', sans-serif;}
.padtoyota2 .texto2{column-count:2; column-gap:31px; font-family:'Montserrat', sans-serif; padding-bottom:60px;}
.padtoyota2 img{width:100%;}
.como .col1{width:70%; float:left; column-count:2; column-gap:31px; font-family:'Montserrat', sans-serif;}
.como .col2{width:30%; float:left;}
.padtoyota3{max-width:90%; margin:auto;}
.padtoyota3 .texto1{column-count:2; column-gap:31px; font-family:'Montserrat', sans-serif; padding-bottom:45px;}
.padtoyota3 h2{font-weight:600; font-size:21px;}
.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:'Montserrat', sans-serif; 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:'Montserrat', sans-serif;}
.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:'Montserrat', sans-serif; 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:'Montserrat', sans-serif; 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;}
.infografia .pad{width:800px; margin:auto;}
.infografia p{text-align:center; font-family:'Montserrat', sans-serif; padding-top:12px;}
.infografia p a{color:#0072c3;}
.masinfo{width:400px; padding:21px; color:#fff; border-radius:6px; background-color:#0072c3; font-size:21px; font-weight:bold;}
.bannerypf{margin-bottom:45px; position:relative; background-size:cover; background-repeat:no-repeat; height:595px; background-position:center;}
.bannerypf .texto{color:#5a5554; font-size:21px; width:45%; position:absolute; right:0; top:150px;}
.bannerypf .barra1{height:1px; background-color:#0072c3; width:100px; position:absolute; top:0; left:0;}
.bannerypf .barra2{height:1px; background-color:#0072c3; width:200px; position:absolute; bottom:0; right:0;}
.bannerypf .pad{padding-right:150px; font-weight:600; padding-bottom:150px; width:700px; padding-top:60px;}
.conformacion{background-position:top left, 98% center; background-repeat:no-repeat;}
.titulotoyota{color:#0072c3; font-weight:400; border-bottom:solid 1px #0072c3; margin-top:45px;}
.wrapper-header{margin-bottom:0px!important;}
.fondoypf1{background-position:right; background-repeat:no-repeat;}
.infografia{background-repeat:no-repeat;}
.textovideo{text-align:right; right:0!important; bottom:100px!important;}
.textovideo .tituloideal{color:#fff; padding:5px 12px 7px 12px; margin-top:31px; font-size:21px; letter-spacing:2px; margin-top:100px;  width:300px; float:right; background-repeat:no-repeat;}
.textovideo img{float:right; margin:0; position:absolute; right:0; top:-81px; right:-33px;}
.container-sectionz p{padding-right:0!important; font-size:57px!important; line-height:58px!important;}
.barraypf{position:relative; padding:112px 0 0 0; background-size:cover; margin-bottom:45px; color:#fff; margin-top:100px; font-size:16px;}
.barraypf .pad{width:1000px; margin:auto;}
.barraypf .pad p{padding-right:26%; color:#fff; font-size:21px; line-height:26px; font-family:'Montserrat', sans-serif;}
.barraypf img{position:absolute; right:0; top:-29px;}
.barraypf strong{font-weight:bold;}
.fotogsk img{display:block; margin:auto; width:100%; margin-bottom:45px;}
#textazul p{color:#00AEDD!important;}
.textovideo{width:100%!important; max-width:100%; background-color:#00aedd!important; border-right:solid 86px #ff0a4f;}
.container-sectionz p{font-weight:400!important; padding-right:31px!important; font-size:43px !important; line-height:39px !important; margin-left:0!important; padding-left:0!important;}
.container-sectionz p .bold{font-weight:bold;}
.container-sectionz p .enter{display:block;}
.gskfrase{max-width:1000px; margin:auto; margin-bottom:45px; border-top:solid 1px rgba(0,0,0,0.1); border-bottom:solid 1px rgba(0,0,0,0.1); padding:31px 0 31px 0; font-weight:600; font-size:21px; line-height:31px; margin-top:45px;}
.gskfrase a{color:#764387;}
.barraypf{border-top:solid 1px #00aedd; border-bottom:solid 1px #00aedd;}
.barraypf .pad p{color:#ff0a4f!important; font-size:17px!important; font-weight:600;}
.barraypf img{top:-48px;}
.barraypf .pad{position:relative;}
.barraypf .quoteleft{left:-33px; right:auto; top:-68px;}
.barraypf .quoteleft2{padding-right:0!important; padding-bottom:18px; padding-left:30% !important; padding-top:26px;}
.padtoyota3 .texto1, .padtoyota{color:#4f4f4f !important; font-weight:400;}
.padtoyota3 .texto1{padding-bottom:0;}
.barraypf{margin-top:0px;}
.opinion{width:900px; margin:auto; margin-top:121px;}
.opinion h1{border-bottom:solid 1px rgba(0,0,0,0.1); padding-bottom:6px; font-size:31px; font-weight:300; text-transform:uppercase; margin-bottom:33px; color:#f36633;}
.opinion p{font-weight:400; color:#4f4f4f;}
.itanar{color:#f36633; font-style:italic;}
.barragsk{width:121px; height:1px; background-color:#4f4f4f !important; margin:31px 0 31px 0;}
.barrablanca{background-color:#fff!important; position:relative!important; padding:60px 60px 60px 0;}
.barrablanca .pad{position:relative!important; width:100%;}
.barrablanca img{left:0; right:auto; width:31%!important; top:-49px;}
.barrablanca .quoteleft2{padding-left:36% !important; padding-right:200px !important;}
.cajasombra{-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.33);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.33);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.33); padding:45px 31px 90px 31px; background-color:#fff; color:#e42613; text-align:center;}
.button--zoom{display:none!important;}
.preview, .slide__title{display:none;}
.slide{padding-top:150px; padding-bottom:100px;}
.button{color:#e42613!important;}
.button:hover{opacity:0.8; color:#000!important;}
html, .container, body{overflow-y:scroll!important;}
.slider2{margin-top:-90px!important;}
footer{background-color:#fff;}
.barraypf .pad p{margin-top:-90px; padding-left:15px;}
.fotofooter{position:fixed; right:0; bottom:0; z-index:99999; display:none;}
.iconocolombia{display:block; margin:auto; text-align:center; padding:0 33px 33px 33px;}
.frasecolombia{max-width:1000px; margin:45px auto auto auto; color:#000; text-align:center; font-size:18px; border-top:solid 1px #7fdfff; border-bottom:solid 1px #7fdfff; padding:31px 45px 31px 45px;}
#logofot img{margin-bottom:31px;}
.containerfrase{max-width:1000px; margin:auto; text-align:left; padding:15px 0 15px 0;}
.videocolombia{max-width:1000px; margin:auto; padding-bottom:15px;}
.marginquote{margin-top:33px;}
.barra2{padding-top:94px; padding-bottom:0; margin-bottom:85px;}
.quoteright{right:-61px!important;}

@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;}
.barrablanca img{left:0; right:auto; width:48%!important; top:-49px;}
.barrablanca .quoteleft2{padding-left:52% !important; padding-right:0!important;}
}

.fotomobile{display:none;}
.quotemobile{display:none;}

@media (max-width: 1300px) {
	.container-sectionz p{font-size:43px!important; line-height:45px!important;}
	}

@media (max-width: 600px) {
.textovideo p{font-size:28px!important; line-height:28px!important; font-weight:bold;}
.head-brand .label-head-brand{margin:auto; margin-top:-7px;}
.infografia img{width:100%; height:auto;}

.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{width:100%; top:0; padding:31px 31px 0 31px;}
.titulocolgate2{margin-top:0;}
.padtoyota{max-width:100%; column-count:1;}
.containertoyota{padding:0 11%;}
.titulotoyota{font-size:18px;}
.padtoyota2 .texto1{font-size:18px;}
.padtoyota2 .texto2{column-count:1;}
.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;}
.container-sectionz p{}
.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{}
.barraypf img{position:relative; width:100%; display:block; margin:auto;}
.barraypf .pad{width:100%;}
.barraypf .pad p{padding-right:0;}
.barraypf{padding:21px;}
.barraypf img{top:auto; right:auto;}
.conformacion{background-image:none;}
.masinfo{width:95%;}
.fotodesktop{display:none;}
.fotomobile{display:block;}
.textovideo{position:absolute; right:31px!important; bottom:auto; top:100px!important;}
.textovideo p{font-size:18px!important; line-height:20px!important;}
#textazul{padding:0 11%!important;}
.barraypf{margin-top:31px; padding-bottom:45px;}
.bannerypf{}
.bannerypf .texto{top:379px; width:100%;}
.bannerypf .pad{width:100%; padding:21px;}
.infografia .pad{width:100%;}
.textovideo{position:relative; top:0!important; left:0!important; padding-left:31px!important; width:100% !important;}
.container-sectionz p .enter{display:inline;}
.padtoyota{padding-bottom:31px;}
.gskfrase{padding:21px; font-size:18px; line-height:22px;}
.barraypf .quoteleft2{padding-left:0!important;}
.barraypf .quoteleft{top:auto;}
.barraypf{margin-bottom:0px;}
.opinion{width:100%; padding:31px 31px 0 31px; margin-top:0;}
.opinion h1{font-size:26px;}
.barraypf .pad{width:89%;}
.quotemobile{display:block; margin-top:15px!important;}
.quoteleft{display:none!important;}
.hidequote{display:none!important;}
.barraypf img{width:100%!important;}
.quoteright{display:none!important;}
.barraypf img{width:200px!important;}
.barraypf .pad p{margin-top:15px;}
.tituloh1{line-height:22px; display:block; margin-bottom:15px;}
.slide{padding-bottom:0;}
.slider, .slider2{padding:0 0 4em!important;}
#hero-video{width:100%;}
.textovideo img{width:100px; top:10px; right:-70px;}
.iconocolombia{padding-bottom:0;}
.textovideo{margin-top:-7px;}
.fotofooter{display:none!important;}
#logofot img{width:200px;}
}