[data-segment='empresas'] .bg-blue .container .content .inner-content h2, .bg-blue .container .content .inner-content h3, .bg-grey-dark-private .container .content .inner-content h2, .bg-grey-dark-private .container .content .inner-content h3 {
  color: #FFFFFF;
}

[data-segment='empresas'] .bg-blue .container .content .inner-content p, .bg-grey-dark-private .container .content .inner-content p, .bg-grey-dark-private .container .content ul li {
  color: #FFFFFF;
}

[data-segment='empresas'] .bg-blue .container .content .inner-content p:first-child, .bg-grey-private .container .content .inner-content p:first-child {
  color: #FFFFFF;
}

.bg-blue .container .content .button {
  background: #FFFFFF;
}

.bg-blue .container .content a.button {
  color: #003767;
}

.bg-blue .container .content a.button:hover {
  background: #D9D3CF;
}

.bg-grey-personalite .container .content .inner-content p:first-child {
  color: #252220;
}

.bg-grey-personalite .container .content .inner-content p {
  color: #252220;
}

.bg-grey-personalite .container .content .inner-content h2, .bg-grey-personalite .container .content .inner-content h3 {
  color: #252220;
}

.bg-grey-personalite .container .content a.button {
  color: #252220;
}

.bg-grey-personalite .container .content .button {
  background: #D0A967;
}

.bg-gradient-darkBlue .container .content .inner-content p, .bg-gradient-darkBlue .container .content .inner-content h2, .bg-gradient-darkBlue .container .content .inner-content h3, .bg-gradient-darkBlue .container .content .inner-content h4 {
  color: #FFFFFF !important;
}

.module {
  /** Modal - Link Info */
  /* ====================================================
    ** Option with modal
    =======================================================*/
}

.module .container {
  padding-top: 32px;
  padding-bottom: 32px;
}

@media only screen and (min-width: 768px) {
  .module .container {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}

.module .card-video, .module .itau-card-video-link {
  color: #FFFFFF;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.54;
  display: flex;
  transform: translate(-50%, -50%);
  text-decoration: none;
  font-size: 120px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .module .card-video, .module .itau-card-video-link {
    font-size: 80px;
    top: 40%;
  }
}

.module .card-transcricao {
  color: #FFFFFF !important;
  z-index: 1;
  position: absolute;
  top: 90%;
  left: 50%;
  display: flex;
  text-decoration: underline;
  font-family: "ItauText-Regular", "Myriad Pro", Arial;
  line-height: 26px;
  letter-spacing: 0;
  transform: translate(-50%, -50%);
  text-decoration: none;
  font-size: 1.5em;
}

@media only screen and (max-width: 767px) {
  .module .card-transcricao {
    font-size: 1.2em;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .module .card-transcricao {
    top: 81%;
  }
}

.module .video-opacity {
  background: rgba(0, 0, 0, 0.41);
  height: 100%;
  top: 0;
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
}

@media only screen and (min-width: 320px) {
  .module .video-opacity {
    width: 91%;
    height: 91%;
  }
}

@media only screen and (min-width: 576px) {
  .module .video-opacity {
    width: 89%;
    height: 99%;
  }
}

@media only screen and (min-width: 768px) {
  .module .video-opacity {
    width: 92%;
    height: 99%;
  }
}

@media only screen and (min-width: 992px) {
  .module .video-opacity {
    width: 94%;
    height: 99%;
  }
}

@media only screen and (min-width: 1200px) {
  .module .video-opacity {
    width: 95%;
    height: 99.5%;
  }
}

.module img {
  width: 100%;
  margin-bottom: 16px;
  position: relative;
}

@media only screen and (min-width: 576px) {
  .module img {
    margin-bottom: 0;
  }
}

.module img.two-buttons {
  margin-bottom: -67px;
}

@media only screen and (max-width: 575px) {
  .module img.two-buttons {
    margin-bottom: 0;
  }
}

.module.light .content .inner-content h2, .module.light .content .inner-content h3, .module.light .content .inner-content p {
  color: #FFFFFF !important;
}

.module .content .inner-content {
  margin-bottom: 23px;
}

.module .content .inner-content h2 {
  margin-top: 9px;
  margin-bottom: 16px;
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 0;
  font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial;
  color: #252220;
}

[data-segment='empresas'] .module .content .inner-content h2 {
  color: #003767;
}

[data-segment="personnalite"] .module .content .inner-content h2 {
  color: #252220;
}

[data-segment='uniclass'] .module .content .inner-content h2 {
  color: #252220;
}

@media only screen and (min-width: 768px) {
  .module .content .inner-content h2 {
    font-size: 32px;
    line-height: 48px;
  }
}

@media only screen and (min-width: 576px) {
  .module .content .inner-content h2:first-child {
    margin-top: 0;
  }
}

[data-segment='varejo'] .module .content .inner-content h2 {
  color: #252220;
}

.module .content .inner-content h3 {
  margin-top: 9px;
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0;
  font-family: 'ItauDisplay-XBold', 'Myriad Pro', Arial;
  color: #252220;
}

[data-segment='empresas'] .module .content .inner-content h3 {
  color: #003767;
}

[data-segment="personnalite"] .module .content .inner-content h3 {
  color: #252220;
}

[data-segment='uniclass'] .module .content .inner-content h3 {
  color: #4F758B;
}

[data-segment='varejo'] .module .content .inner-content h3 {
  color: #252220;
}

@media only screen and (min-width: 576px) {
  .module .content .inner-content h3 {
    line-height: 27px;
  }
}

@media only screen and (min-width: 768px) {
  .module .content .inner-content h3 {
    font-size: 20px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 1200px) {
  .module .content .inner-content h3 {
    line-height: 30px;
  }
}

@media only screen and (min-width: 576px) {
  .module .content .inner-content h3:first-child {
    margin-top: 0;
  }
}

.module .content .inner-content p {
  font-family: 'ItauDisplay-Regular', 'Myriad Pro', Arial;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0;
  color: #252220;
}

@media only screen and (min-width: 768px) {
  .module .content .inner-content p {
    line-height: 24px;
  }
}

@media only screen and (min-width: 992px) {
  .module .content .inner-content p {
    font-size: 16px;
  }
}

.module .content .inner-content p:first-child {
  line-height: 21px;
  font-family: 'ItauText-Bold', 'Myriad Pro', Arial;
  font-size: 14px;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .module .content .inner-content p:first-child {
    line-height: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .module .content .inner-content p {
    line-height: 24px;
  }
}

@media only screen and (min-width: 992px) {
  .module .content .inner-content p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 576px) {
  .module .content .inner-content {
    margin-bottom: 48px;
  }
}

.module .content .button {
  background: #EC7000;
  border-radius: 4px;
  width: 100%;
  bottom: 0;
  margin: 0;
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .module .content .button {
    width: 240px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .module .content .button {
    width: 210px;
  }
}

@media only screen and (min-width: 1200px) {
  .module .content .button {
    width: 255px;
  }
}

[data-segment='varejo'] .module .content .button {
  background: #EC7000;
}

[data-segment="personnalite"] .module .content .button {
  background: #D0A967;
  color: #252220;
}

.module .content ul {
  padding-left: 40px;
  list-style: unset;
}

.module .content ul li {
  font-family: 'ItauText-Regular', 'Myriad Pro', Arial;
  font-size: 16px;
  line-height: 24px;
  color: #252220;
  padding: 5px;
}

.module .content a.button-loja {
  margin-right: 32px;
  margin-left: 15px;
}

.module .content a.button {
  display: block;
  height: 48px;
  text-align: center;
  letter-spacing: 0;
  font-family: 'ItauDisplay-Bold', 'Myriad Pro', Arial;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  padding-top: 1em;
  text-decoration: none;
}

.module .content a.button:hover {
  background: #D27000;
}

[data-segment="personnalite"] .module .content a.button:hover {
  background: #D6B782;
}

@media only screen and (min-width: 768px) {
  .module .content a.button {
    font-size: 19px;
  }
}

@media only screen and (min-width: 576px) {
  .module .col-sm-push-6 .content {
    padding-left: 30px;
  }
}

.module .link-modal-info {
  display: none;
}

.module.row-modal {
  /* Modal Info */
}

.module.row-modal .link-modal-info {
  display: block;
  padding: 5px 7px 5px 15px;
  padding-left: 15px;
  border-bottom-right-radius: 5px;
}

@media only screen and (min-width: 576px) {
  .module.row-modal .link-modal-info {
    margin-bottom: 0;
  }
}

.module.row-modal .link-modal-info span {
  font-family: 'FiraSans-Light';
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0;
}

.module.row-modal .link-modal-info a {
  font-family: 'itaufonts_master_24px_v1';
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0;
}

.image-with-text .black-week {
  background-color: #EC7000 !important;
}

.image-with-text .black-week .inner-content h1, .image-with-text .black-week .inner-content h2, .image-with-text .black-week .inner-content h3 {
  color: #FFFFFF !important;
}

.image-with-text .black-week .inner-content p {
  color: #231D19 !important;
}

.image-with-text .transcrition-modal {
  padding: 0 !important;
}

.image-with-text .transcrition-modal .modal-dialog {
  max-width: 100%;
  height: 100%;
  margin: 0px;
  font-family: "ItauText-Regular", "Myriad Pro", Arial;
}

.image-with-text .transcrition-modal .modal-dialog .modal-content {
  height: 100%;
}

.image-with-text .transcrition-modal .modal-dialog .modal-content .modal-body {
  height: 100%;
  overflow: auto;
}

.image-with-text .bg-blue .container .content .inner-content p, .image-with-text .bg-blue .container .content .inner-content h1, .image-with-text .bg-blue .container .content .inner-content h2 {
  color: #FFFFFF;
}

.image-with-text .bg-blue .container .content .inner-content h1, .image-with-text .bg-blue .container .content .inner-content h2 {
  font-family: 'ItauText-Bold', 'Myriad Pro', Arial;
  font-size: 22px;
  line-height: 32px;
}

@media only screen and (min-width: 768px) {
  .image-with-text .bg-blue .container .content .inner-content h1, .image-with-text .bg-blue .container .content .inner-content h2 {
    font-size: 32px;
  }
}

.image-with-text .bg-white .container .content .inner-content p, .image-with-text .bg-white .container .content .inner-content h1 {
  color: #252220;
}

.image-with-text img.lazyload {
  display: block;
}

.image-with-text img:not([src]) {
  display: none;
}

.image-with-text img.inline-wcmmode {
  display: inline !important;
}

.image-campaign {
  height: 408px;
}

.image-campaign .gradient-is-first {
  background: rgba(0, 0, 0, 0.94);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-branco', endColorstr='rgba(0,0,0,0.94)',GradientType=1 );
  height: 100%;
}

@media only screen and (max-width: 575px) {
  .image-campaign .gradient-is-first {
    height: 100%;
    display: flex;
    align-items: flex-end;
    background: rgba(0, 0, 0, 0.94);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-branco', endColorstr='rgba(0,0,0,0.94)',GradientType=0 );
  }
}

.image-campaign .gradient-is-second {
  background: rgba(0, 0, 0, 0.94);
  background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.94)', endColorstr='$color-branco',GradientType=1 );
  height: 100%;
}

@media only screen and (max-width: 575px) {
  .image-campaign .gradient-is-second {
    height: 100%;
    display: flex;
    align-items: flex-end;
    background: rgba(0, 0, 0, 0.94);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 55%, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-branco', endColorstr='rgba(0,0,0,0.94)',GradientType=0 );
  }
}

.image-campaign h2, .image-campaign p {
  color: #FFFFFF !important;
}

@media only screen and (max-width: 991px) {
  .image-campaign p {
    font-size: 16px !important;
  }
}

@media only screen and (max-width: 767px) {
  .image-campaign p {
    font-size: 14px !important;
  }
}

@media only screen and (min-width: 576px) {
  .image-campaign .inner-content {
    margin-bottom: 24px !important;
  }
}

@media only screen and (min-width: 768px) {
  .image-campaign .inner-content {
    margin-bottom: 32px !important;
  }
}

@media only screen and (min-width: 992px) {
  .image-campaign .inner-content {
    margin-bottom: 40px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .image-campaign .inner-content {
    margin-bottom: 32px !important;
  }
}