@font-face {
  font-family: Trade-Regular;
  src: url("../fonts/TRADE\ GOTHIC\ LT\ CONDENSED\ NO.\ 18.TTF")
    format("truetype");
}

@font-face {
  font-family: Trade-Regular;
  src: url("../fonts/TRADE\ GOTHIC\ LT\ BOLD\ CONDENSED\ NO.\ 20.TTF")
    format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: Trade-Regular;
  src: url("../fonts/TRADE\ GOTHIC\ LT\ CONDENSED\ NO.\ 18\ OBLIQUE.TTF");
  font-style: italic;
}

@font-face {
  font-family: Trade-Regular-Title;
  src: url("../fonts/TRADE\ GOTHIC\ NEXT\ LT\ PRO\ BDCN.TTF");
}

:root {
  --rondestock-azul: #0a2341;
  --rodenstock-celeste: #0ac8be;
}

img {
  width: 100%;
}

body {
  background-color: #ffff;
  font-family: Trade-Regular !important;
  color: #494848;
}

#main-content {
  margin-top: 64px;
}

h1 {
  background-color: #da4845;
  color: #ffffff;
  font-family: Trade-Regular-Title;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 180px;
  font-size: 45px;
  align-items: center;
  display: flex;
}

h1:before {
  content: "";
  display: inline-flex;
  width: 2px;
  height: 72px;
  background: #ffffff;
  padding-bottom: 13px;
  padding-top: 11px;
  margin-right: 10px;
}

h2 {
  color: #494848;
  font-size: 35px;
  text-align: center;
  font-weight: bold;
}

h3 {
  color: #494848;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  align-items: center;
  display: flex;
  justify-content: center;
}

h3:before {
  margin-right: 30px;
  content: "";
  display: inline-flex;
  width: 30%;
  height: 2px;
  background: #da4845;
}

h3:after {
  margin-left: 30px;
  content: "";
  display: inline-flex;
  width: 30%;
  height: 2px;
  background: #da4845;
}

.footer-contacto {
  text-align: center;
  font-size: 18px;
}

.tecnologia_p_linea:before {
  margin-right: 30px;
  content: "";
  display: inline-flex;
  width: 30%;
  height: 2px;
  background: #da4845;
}

.tecnologia_p_linea:after {
  margin-left: 30px;
  content: "";
  display: inline-flex;
  width: 30%;
  height: 2px;
  background: #da4845;
}

h3 > i {
  color: #da4845;
  font-size: 40px;
  margin-right: 20px;
}

h4,
h4 > a {
  color: #494848;
  font-size: 25px;
  text-align: center;
  margin-top: -15px;
}

h4 > a:hover {
  color: #d5291c;
}

.dropdown-menu-fdb-custom,
.dropdown-menu-fdb-custom a {
  opacity: 0.9;
  font-size: 22px !important;
  font-weight: 400;
  color: black !important;
}

.dropdown-menu-fdb-custom a {
  padding: 10px !important;
}

.dropdown-menu-fdb-custom {
  border-top: 5px #d5291c solid;
  padding: 15px !important;
}

.dropdown-menu-fdb-custom a:hover {
  color: #da4845 !important;
}

/* HOME */

#home-title {
  font-size: 50px;
  color: #cf2d2c;
  text-align: center;
  font-weight: 600;
}


.amenities{

  padding-right: 100px;
  padding-left: 100px;
  padding-top: 50px;

}

#home-p {
  font-size: 24px;
  padding: 20px 50px 10px 50px;
  text-align: center;
  line-height: 1.2;
}

.lideres-row {
  background-color: #da4845;
  padding-bottom: 40px;
}

.desde-row {
  background-color: #e4e1e2;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.desde-roden-prod {
  background-color: #ffffff;
  border: 3px solid var(--rodenstock-celeste);
  border-radius: 40px;
}

#home-desde {
  font-size: 40px;
  color: #da4845;
  text-align: center;
  font-weight: 600;
  padding-top: 10px;
}

#home-lideres {
  font-size: 40px;
  color: white;
  text-align: center;
  font-weight: 600;
  padding-top: 10px;
}

.fondo-gris {
  background-color: #e6e6e6;
}

span.span-lider-title {
  color: white;
  font-weight: 600;
  font-size: 24px;
}

div.span-lider-subtitle {
  color: white;
  font-weight: 400;
  font-size: 18px;
}

span.span-roden-title {
  color: var(--rondestock-azul);
  font-weight: 800;
  font-size: 24px;
}

div.span-roden-subtitle {
  font-weight: 500;
  font-size: 18px;
}

span.span_roden_incluye_titulo {
  font-size: 28px;
  font-weight: 700;
  color: var(--rondestock-azul);
}

span.span_roden_incluye {
  font-size: 25px;
}

span.span-desde-title {
  font-weight: 600;
  font-size: 24px;
}

div.span-desde-subtitle {
  font-weight: 400;
  font-size: 18px;
}

.row-lideres-items {
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 40px;

  justify-content: space-around;
}

.row-roden-items {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;

  justify-content: space-around;
}

hr.separador-marcas {
  border-bottom: 1px solid #da4845;
}


.impresssionist-paso-paso{
  font-size: 26px;
  text-align: justify;
  color: white;
}

/* END HOME */

.points {
  margin-top: 70px;
  margin-bottom: 70px;
}

.container-points {
  margin-left: 0 !important;
  margin-right: 10px !important;
}

form.form_contacto {
  display: flex;
  width: 700px;
  font-size: 20px;
  flex-direction: column;
  margin-bottom: 70px;
}

form.form_contacto > input {
  outline: 0;
  border-width: 0 0 2px;
  border-color: #7a7676;
  margin-bottom: 26px;
}

.form_contact_radio > label {
  color: #7a7676;
}

.option-tag {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.option-tag > label {
  margin-bottom: 0;
  margin-left: 0.5rem;
}

input:focus {
  border-color: #7a7676;
}

form.form_contacto > textarea {
  outline: 0;
  border-width: 0 0 2px;
  border-color: transparent;

  line-height: 4ch;
  background-image: linear-gradient(
    transparent,
    transparent calc(4ch - 2px),
    #7a7676 0px
  );
  background-size: 100% 4ch;
}
.form_contact_radio {
  margin-left: 20px;
}

input[type="radio"] {
  box-sizing: border-box;
  appearance: none;
  background: white;
  outline: 2px solid #7a7676;
  border: 3px solid white;
  width: 16px;
  height: 16px;
  font-size: 20px;
}

#biblioteca_filter {
  font-size: 19px;
  padding-right: 10px;
}

.item_point > hr {
  border-bottom: 1px solid #da4845;
  width: 80%;
  align-items: center;
  margin: 30px;
}

input[type="radio"]:checked {
  background: #da4845;
}

button.button-submit {
  margin-right: 30px;
  background-color: #7a7676;
  color: #ffffff;
  padding-right: 50px;
  padding-left: 50px;
  font-size: 28px;
  box-shadow: none;
  margin-top: 20px;
  border-radius: 10px;
  border: none;
}

button.button-submit:hover {
  cursor: pointer;
  background-color: #afacac;
  transition: ease 0.4s;
}

::placeholder {
  color: #7a7676;
}

.borde-redondeado {
  border-radius: 50px;
  overflow: auto;
  width: 100%;
  height: 100%;
}

.phancolor_span {
  border-radius: 10px;
  border: 1px solid #d5291c;
  padding: 13px;
  text-align: center;
  width: fit-content;
}

.icon-central {
  color: #da4845;
  font-size: 50px;
}

.main-store-info-block {
  display: flex;
  justify-content: center;
}

.main-store-info {
  font-size: 25px;
  line-height: 1.3;
}

.main-store-info a {
  text-decoration: none;
  color: #494848;
}

.main-store-info a:hover {
  color: #d5291c;
}

ul.colormatic-list {
  font-size: 1.6rem;
  line-height: 1.3;
}

ul.colormatic-list > li::marker {
  color: #555;
  font-size: 2rem;
}

.main-store {
  margin-top: 40px;
  margin-bottom: 40px;
}

.main-store-info-title {
  font-weight: bold;
  font-size: 30px;
}

.container-contact-phone {
  margin-bottom: 40px;
}

.container-contact-whatsapp {
  margin-bottom: 40px;
}

.contact-phone-title {
  font-weight: bold;
  text-decoration: underline;
}

.list-points {
  background-color: #f4f1f2;
  height: 80vh;
  padding-left: 40px;
  margin-right: 40px;
}

.item_point {
  font-size: 20px;
}

.item_point_title > a {
  color: #da4845;
  text-decoration: underline;
  font-size: 30px;
  margin-bottom: 15px;
}

.item_point_element > i,
.item_point_element > a > i {
  color: #da4845;
  font-size: 30px;
}

.item_point > a {
  color: #494848;
}

.item_point_element > a {
  color: #494848;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.timeline-steps::-webkit-scrollbar {
  width: 2px;
  height: 10px;
}

.rotate {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#carousel_historia {
  margin: 40px;
  background-color: #e4e1e2;
  height: 470px;
  border-radius: 10px;
  padding-top: 10px;
}

.owl-item > .item {
  height: 380px;
  display: flex;
  justify-content: center;
}

.owl-item > .item > img {
  height: 100%;
  width: auto !important;
  overflow: hidden;
}

.carousel-control-next,
.carousel-control-prev {
  width: 2%;
}

.contenido_ano {
  padding: 30px 50px 30px 50px;
}

.historia_ano {
  text-align: center;
  font-weight: 600;
  color: #cf2d2c;
  font-size: 35px;
}

.historia_texto {
  margin-top: 30px;
  font-size: 18px;
}

/************************************************************************************************************
START --> RODENSTOCK
*************************************************************************************************************/

h2.h2_rodenstock {
  background-color: var(--rondestock-azul);
  color: white;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 40px;
}

.rodenstock-big-main-img {
  padding-left: 120px;
  padding-right: 120px;
}

.rodenstock-porque {
  padding-left: 70px;
  padding-right: 70px;
}

.rodenstock-garantia {
  padding-left: 50px;
  padding-right: 50px;
}

.garantia-main {
  background-color: var(--rondestock-azul);
  border-radius: 20px;
}

.rondenstock-garantia-title {
  color: var(--rodenstock-celeste);
  font-size: 22px;
  font-weight: 600;
}
.rondenstock-garantia-subtitle {
  color: white;
  font-size: 18px;
  line-height: 1.2;
}

span#span_big {
  color: var(--rodenstock-celeste);
  font-weight: 600;
}

.row-donde,
.row-donde-roden {
  background-image: url("../../global_assets/images/rodenstock/Rodenstock_AI_Campaign_NORA_02631.jpg");
  background-size: cover;
}

.row-donde .titulo,
.row-donde-roden .titulo {
  color: white;
  font-size: 3.5rem;
  font-weight: 700;
  text-align: center;
}

.row-donde .subtitulo,
.row-donde-roden .subtitulo {
  color: white;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}

.info-row-donde {
  text-align: center;
}

span.rodenstock_title {
  color: var(--rondestock-azul);
  font-size: 40px;
  padding: 5px 50px 10px 50px;
  font-weight: 700;
  text-align: center;
}

.row-vision-all {
  background-color: var(--rondestock-azul);
  padding-left: 100px;
  padding-right: 100px;
}

.rodenstock-big-titulo {
  padding-top: 30px;
  font-size: 35px;
  color: white;
  font-weight: 700;
}

.rodenstock-big-subtitulo {
  font-size: 30px;
  color: white;
  font-weight: 700;
}

.rodenstock-big-detalle-titulo {
  color: var(--rondestock-azul);
  font-weight: 700;
  font-size: 30px;
}

.rondestock-argentina-text {
  font-size: 30px;
  line-height: 1.3;
  text-align: justify;
}

.rodenstock-argentina-fmd {
  background-color: var(--rondestock-azul);
  border-radius: 50px;
}

.no-padding-right {
  padding-right: 0 !important;
}

.rodenstock-argentina-fmd * img {
  border-radius: 50px;
}

.rondestock-argentina-text-white {
  color: white;
  padding-right: 20px;
  padding-left: 20px;
}

.rondestock-porque-text {
  font-size: 26px;
  line-height: 1.3;
  text-align: justify;
}

.font-xl {
  font-size: 43px;
}

.borde-redondeado > img {
  border-radius: 50px;
}

.rodenstock-porque-back {
  background-color: #e4e1e2;
  border-radius: 50px;
}

.roden-porque-subtitle {
  font-size: 30px;
}

.miopia_footer {
  font-size: 30px;
}

.borde-redondeado-izquierda {
  border-top-left-radius: 50px 75px;
  border-bottom-left-radius: 50px 75px;
  overflow: auto;
  width: 100%;
  height: 100%;
}

.borde-redondeado-derecha {
  border-top-right-radius: 50px 75px;
  border-bottom-right-radius: 50px 75px;
  overflow: auto;
  width: 100%;
  height: 100%;
}

.rodenstock-catalog-banner {
  background-image: url("../../global_assets/images/rodenstock/Recurso\ 43.png");
  background-size: cover;
}

span.rodenstock-catalog-title {
  color: white;
  font-size: 30px;
  font-weight: 700;
}

.carousel-item {
  height: 450px;
  margin-top: 12px;
}

/************************************************************************************************************
END  ---> RONDESTOCK
*************************************************************************************************************/

span.seginfo-prod-title {
  font-size: 40px;
  font-weight: 600;
}

.seginfo-prod-subtitle {
  font-size: 30px;
}

span.seginfo-prod-carac {
  font-size: 25px;
  color: #cf2d2c;
  font-weight: 600;
}

.seginfo-prod-ul {
  font-size: 25px;
}

.flecha-izq-img,
.flecha-der-img {
  width: 35px !important;
  height: 50%;
  cursor: pointer;
}

.carousel-control-next-icon {
  background-image: url("./../../../global_assets/images/institucional/historia/derecha.png") !important;
  width: 30px;
  height: 35px;
  margin-right: 7px;
}

.carousel-control-prev-icon {
  background-image: url("./../../../global_assets/images/institucional/historia/izquierda.png") !important;
  width: 30px;
  height: 35px;
  margin-left: 7px;
}

.carousel .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: rgb(228, 55, 55);
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  margin-right: 5px !important;

  border-radius: 50%;
  display: inline-block;
  background: #e09392 !important;
}
.owl-dots button.owl-dot.active {
  background-color: #cf2d2c !important;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(209, 96, 96, 0.38) !important;
}

.carousel-control-next > span,
.carousel-control-prec > span {
  font-size: 70px;
  position: relative;
  top: -5px;
}

.owl-nav button:focus {
  outline: none;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: transparent !important;
}

#navbar {
  background-color: #ffff;
  padding: 0px 75px; /* Large padding which will shrink on scroll (using JS) */
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  width: 100%;
  top: 0; /* At the top */
  position: fixed;
  box-shadow: none;
  z-index: 9999;
}

/* Style the navbar links */
#navbar a {
  float: left;
  color: #494848;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 24px;
  line-height: 21px;
  border-radius: 4px;
}

.dropdown-toggle::after {
  display: none;
}

.dropdown-toggle {
  display: flex;
  align-items: center;
}

.historia_texto {
  color: #494848;
}

.dropdown-toggle > .fa {
  vertical-align: middle;
  margin-top: -10px;
  margin-left: 5px;
}

.cart:hover,
.download_certificad:hover,
a.button_catalog:hover,
a.button_ficha:hover,
a.ver_novedades:hover,
a.go_mapa:hover {
  background-color: #e9473e !important;
  transition: 0.2s;
}

.nav-item > .cart {
  background-color: #d5291c;
  color: #ffff !important;
  border-radius: 15px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}

span#span_cart {
  white-space: nowrap;
}

/* Style the logo */
#navbar #logo {
  font-size: 30px;
  font-weight: bold;
  transition: 0.4s;
}

#logo img {
  height: 40px;
  width: auto !important;
}

/* Links on mouse-over */
#navbar a:hover {
  color: #da4845;
}

/* Style the active/current link */
#navbar a.active {
  color: #da4845;
}

/* Display some links to the right */
#navbar-right {
  float: right;
}

hr.footer-hr {
  border-top: 3px solid #cf2d2c;
  margin: 35px 50px;
}

.footer {
  margin: 10px 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-icons > * {
  font-size: 25px !important;
  color: #494848;
}

.footer-icons img {
  width: 40px;
}

.footer-icons {
  width: 200px;
  display: flex;
  justify-content: space-between;
}

.footer > .img-logo {
  width: 140px;
}

/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
@media screen and (max-width: 998px) {
  #navbar {
    padding: 15px 10px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 100vh;
  }

  /* width */
  #navbar::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  #navbar::-webkit-scrollbar-track {
    background: none;
  }

  /* Handle */
  #navbar::-webkit-scrollbar-thumb {
    background: none;
  }

  /* Handle on hover */
  #navbar::-webkit-scrollbar-thumb:hover {
    background: none;
  }
  #navbar a {
    float: none;
    display: block;
    text-align: left;
  }
  #navbar-right {
    float: none;
  }

  .navbar-toggler i {
    font-size: 30px;
    color: #cf2d2c;
  }
  .buscador {
    font-size: 10px;
  }

  #searchByName::placeholder,
  #searchByName {
    font-size: 10px;
  }

  #logo-navigator {
    width: 100% !important;
  }
}

/* -> NOVEDADES <- */

.container-novedad-main {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #494848;
}

.novedad-main > * {
  background-color: #ffffff;
}

.novedad-main {
  border-radius: 25px;
  max-width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}

.novedad-main-title {
  color: #da4845;
  font-weight: bold;
  font-size: 42px;
  margin-bottom: 10px;
}

.novedad-main-subtitle {
  font-size: 27px;
  margin-bottom: 20px;
}

.novedad-main-button {
  background-color: #da4845;
  color: #ffff !important;
  border-radius: 15px !important;
  font-size: 32px;
  padding: 3px 50px 3px 50px;
  border: none;
}

.novedad-main-date {
  font-size: 20px;
  padding-top: 20px;
  padding-left: 20px;
}

.novedad-main-container {
  padding: 20px 70px;
}

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

.container-mas-novedades {
  padding-top: 20px;
}

.mas-novedades-title {
  color: #da4845;
  font-weight: bold;
  font-size: 40px;
}

.mas-novedades-img-title {
  color: #da4845;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 1.1;
  padding-top: 10px;
}

.mas-novedades-badge-margin {
  margin-right: 20px;
}

.mas-novedades-badge {
  color: #494848;
  background-color: #e4e1e2;
  font-size: 20px;
  padding: 1px 30px 1px 30px;
  border-radius: 20px;
}

.mas-novedades-badge:hover,
.active {
  color: #cf2d2c;
}

.mas-novedades-detail {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 10px;
}

.mas-novedades-item-date {
  font-size: 20px;
}

.container-mas-novedades-notas {
  padding-right: 1.625rem;
  padding-left: 2.625rem;
}

.novedad-imagen {
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.novedad-imagen > img {
  height: 330px;
  width: 100%;
}

/* --> DETALLE NOTA <-- */

.novedad-main-title-p {
  display: flex;

  margin-left: 40px;
}

.separador-vertical {
  border-left: 1px solid #cf2d2c;
  margin-right: 10px;
}

.novedad-titulo-principal {
  color: #cf2d2c;
  font-size: 45px;
  font-weight: bold;
}

.novedad-titulo-secundario {
  font-size: 30px;
  color: #494848;
  font-weight: normal;
}

.img-flecha-roden {
  width: 30px;
}

.novedad-titulo {
  line-height: 1.2;
}

#navbar-navigation {
  justify-content: space-between;
}

.img-nota {
  padding: 15px 300px;
  display: flex;
  justify-content: center;
}

.img-nota > img {
}

.noticia-cuerpo {
  font-size: 22px;
  text-align: justify;
  margin-top: 15px;
  line-height: 1.3;
}

.row-impresion {
  justify-content: space-between;
}

.share {
  margin: 10px 100px;
  display: flex;
  justify-content: end;
  align-items: center;
}

.share-icons > * {
  font-size: 25px !important;
  color: #494848;
  margin-left: 20px;
  cursor: pointer;
}

.novedad-imagen-hover-titulo {
  position: absolute;
  top: 20%;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  left: 10%;
}

.novedad-imagen-hover-subtitulo {
  position: absolute;
  top: 49%;
  font-size: 15px;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  left: 10%;
  z-index: 0;
}

.novedad-imagen-hover-more {
  position: absolute;
  top: 60%;
  font-size: 60px;
  color: white;
  font-weight: bold;
  text-align: center;
}

.share-icons img {
  width: 50px;
}

.novedad-imagen-hidden {
  background-color: #494848;
  content: "";
}

.novedad-imagen-hidden * div {
  visibility: hidden;
}

.novedad-imagen-hidden:hover * div {
  visibility: visible;
}

.novedad-imagen-hidden:hover > img {
  transition: visibility 2s linear, filter 0.6s linear;
  filter: blur(20px) grayscale(10%);
}

.share-icons {
  width: 200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 100px;
}

.recursos {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.columna-biblioteca {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* INSTITUCIONAL */

.position-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
}

.line-icon-institucional {
  display: flex;
  align-items: center;
  font-size: 30px;
  justify-content: space-around;
  font-weight: bold;
  width: 80%;
}

.line-icon-institucional i {
  color: #da4845;
  font-size: 60px;
}

.institucional-text {
  display: flex;
  flex-direction: column;
  font-size: 22px;
  text-align: justify;
  line-height: 1.3;
  word-spacing: 2px;
}

a.download_certificad {
  color: white;
  background: #cf2d2c;
  border: 1px solid;
  border-radius: 13px;
  padding: 6px 30px 6px 30px;
}

a.go_mapa {
  color: white;
  background: #cf2d2c;
  border: 0px solid;
  font-size: 22px;
  font-weight: 700;
  border-radius: 13px;
  padding: 3px 15px 3px 15px;
}

a.ver_novedades {
  color: white;
  background: #cf2d2c;
  border: 0px solid;
  font-size: 25px;
  font-weight: 500;
  border-radius: 13px;
  padding: 3px 25px 3px 25px;
}

a.button_catalog {
  color: white;
  background: #cf2d2c;
  border: 1px solid;
  border-radius: 13px;
  padding: 6px 30px 6px 30px;
  font-size: 24px;
  border-color: saddlebrown;
  font-weight: 600;
}

.producto_industrial {
  cursor: pointer;
}

a.button_ficha {
  color: white;
  background: #cf2d2c;
  border: 1px solid;
  border-radius: 5px;
  padding: 2px 15px 2px 15px;
  font-size: 20px;
  border-color: saddlebrown;
  font-weight: 600;
}

a.download_IRAM {
  color: white;
  background: #265e7a;
  border: 1px solid;
  border-radius: 13px;
  padding: 6px 30px 6px 30px;
}

.download_IRAM:hover {
  background-color: #3b6e87 !important;
  transition: 0.2s;
}

.line-seguridad {
  color: #d5291c;
  font-size: 27px;
  text-align: center;
  font-weight: 600;
}

.position-center-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

span.industrial {
  font-size: 15px !important;
  border-radius: 20px;
  padding: 2px 10px 2px 10px;
}

span.industrial_modelo {
  font-size: 30px;
  font-weight: 700;
}

.separador {
  height: 100%;
}

.separador::before {
  content: "";
  display: inline-flex;
  width: 2px;
  height: 100%;
  background: #da4845;
  margin-right: 20px;
  margin-left: 20px;
}

h3.institucional {
  color: #da4845;
  font-size: 35px;
  font-weight: bold;
}

h3.institucional:before,
h3.institucional:after {
  border: none !important;
  background: none;
}

.logo_certificacion {
  width: 100px;
}

.line-certificado {
  display: flex;
  align-items: center;
  font-size: 30px;
  justify-content: end;
  font-weight: bold;
  width: 80%;
}

.contenedor-img {
  overflow: hidden;
  border-radius: 20px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contenedor-img * img {
  height: 200px;
  width: auto;
}

.contenedor-img-equipo {
  overflow: hidden;
  border-radius: 20px;
}

.square {
  background-size: cover;
}

.square::after {
  content: "";
  display: block;
  padding-top: 100%; /* initial ratio of 1:1*/
  background-size: cover;
}

.square > img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

.nombre-fundador {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

.fundador {
  font-size: 28px;
  text-align: center;
}

.tecnologia_p {
  color: #da4845;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

.tecnologia-text {
  font-size: 23px;
  line-height: 1.2;
  text-align: justify;
}

.img-ojo {
  overflow: hidden;
  height: 50%;
}

/** timeline **/

.h6 {
  font-size: 25px;
  color: #9f9d9e;
  font-weight: bold;
}
.timeline-steps {
  display: flex;
  white-space: nowrap;
}

.timeline-steps .timeline-step {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.nombre-recurso {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}

.tipo-recurso {
  font-size: 28px;
  text-align: center;
  line-height: 1.2;
}

.tags-recurso {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.badge-recurso {
  font-size: 14px;
  background: #da4845;
  color: white;
  padding: 0px 15px;
  margin: 10px 4px 0px 0px;
  border-radius: 10px;
  text-align: center;
}

.flecha-info {
  width: 25px;
  margin-left: 15px;
}

.imagen-tratamiento {
  width: 300px;
}

@media (min-width: 768px) {
  .timeline-steps .timeline-step:not(:last-child):after {
    content: "";
    display: block;
    border-top: 1px solid #9f9d9e;
    width: 3.46rem;
    position: absolute;
    left: 7.5rem;
    top: 1.5rem;
    z-index: -999;
  }
  .timeline-steps .timeline-step:not(:first-child):before {
    content: "";
    display: block;
    border-top: 1px solid #9f9d9e;
    width: 3.8125rem;
    position: absolute;
    right: 7.5rem;
    top: 1.5rem;
    z-index: -999;
  }
}

.timeline-steps .timeline-content {
  width: 4.5rem;
  text-align: center;
}

.timeline-steps .timeline-content .inner-circle {
  border-radius: 1.5rem;
  height: 3rem;
  width: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #9f9d9e;
  cursor: pointer;
  z-index: 9999;
}

.timeline-steps .timeline-content .inner-circle:hover {
  background-color: #da4845;
  z-index: 9999;
}

.selected_circle {
  background-color: #da4845 !important;
}

.logo_producto {
  border-radius: 30px;
  background-color: #e4e1e2;
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}

.producto-row,
.institucion-row,
.swing-row,
.phancolor-row,
.stock-row {
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}

.border-radio {
  border-radius: 30px;
}

.beneficio_span > i {
  color: #cf2d2c;
  font-size: 25px;
}

.beneficio_span {
  font-size: 25px;
}

.productos-text {
  font-size: 25px;
  text-align: justify;
  line-height: 1.3;
  word-spacing: 2px;
}

.productos-text-garantia {
  font-size: 27px;
  text-align: justify;
  line-height: 1.5;
  word-spacing: 2px;
}

.beneficio-ul > ul {
  margin-bottom: 0;
  padding-left: 0;
}

.beneficio-ul > ul > li::marker {
  padding-left: 0;
}

.desplegable_span {
  color: #cf2d2c;
  font-weight: 800;
  font-size: 30px;
}

.desplegable_span_roden {
  color: var(--rondestock-azul);
  font-weight: 800;
  font-size: 30px;
}

.footer_jsolutions {
  background-color: #494848;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}

.footer_jsolutions > a {
  font-weight: bold;
  color: white !important;
}

.novedad-superior {
  border-radius: 20px 0px 0px 20px;
}

.novedad-inferior {
  border-radius: 0px 20px 20px 0px;
}

.buscador {
  border-radius: 10px;
  background: #da4845;
  opacity: 0.9;
  color: white;
  font-size: 15px;
}

.input-group-text {
  color: white;
  font-size: 15px;
}

.form-control#searchByName:not(.border-bottom-1):not(.border-bottom-2):not(.border-bottom-3):focus {
  border-color: none !important;
  border: none;
}

.form-control#searchByName,
.form-control#searchByName:focus {
  border: none;
  box-shadow: none;
}

.referencia_mapa {
  font-size: 20px;
}

#searchByName::placeholder,
#searchByName {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(29, 27, 27);
  opacity: 1; /* Firefox */
  font-size: 20px;
}

.tecnologia-display {
  justify-content: space-between;
}

.filtro_tags {
  font-size: 24px;
  color: #da4845 !important;
  font-weight: bold;
}

li::marker {
  color: #cf2d2c;
}

h2.tratamientos,
h2.seguridad {
  color: #cf2d2c;
  font-size: 50px;
}

h2.rodenstock_producto {
  color: var(--rondestock-azul);
  font-size: 50px;
}

hr#tratamientos {
  background-color: #cf2d2c;
  padding: 1px 0px;
  width: 75%;
}

hr.rodenstock_hide {
  background-color: white;
  padding: 0px 0px;
  margin-top: 60px;
  margin-bottom: 60px;
  width: 75%;
  border-top: 0px solid #ddd;
}

hr.rodenstock {
  background-color: var(--rondestock-azul);
  padding: 1px 0px;
  margin-top: 60px;
  margin-bottom: 60px;
  width: 75%;
}

.icono-garantia {
  width: 35px;
}

.icono-garantia-lg {
  width: 50px;
}

.info-row-donde-home {
  padding-bottom: 120px;
}

.icono-fortis {
  width: 70px;
}

.imagen-tratamiento {
  width: 100px;
}

.item-column {
  justify-content: space-between;
}

.mas-novedad-img-title {
  color: #da4845;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 1.1;
  padding-top: 10px;
}

#historia_2016 {
  font-size: 16.5px !important;
}

/*** MOBILE CSS ***/

@media (max-width: 768px) {
  #historia_2016 {
    font-size: 9.2px !important;
  }

  ul.colormatic-list {
    font-size: 0.6rem;
    line-height: 1.2;
  }

  ul.colormatic-list > li::marker {
    color: #555;
    font-size: 1rem;
  }

  .carousel-control-next,
  .carousel-control-prev {
    width: 9%;
  }

  .carousel-control-next,
  .carousel-control-prev {
    top: 5%;
    bottom: auto;
  }

  .historia_texto {
    margin-top: 10px;
    font-size: 12px;
    justify-content: justify;
  }

  .contenido_ano {
    padding: 10px 20px 10px 20px;
  }

  #img_2017 {
    height: 120px;
  }

  .owl-item > .item {
    height: 180px;
    display: flex;
    justify-content: center;
  }

  .carousel-item {
    height: auto;
    margin-top: 5px;
  }

  .carousel-item > .row {
    height: 470px;
    display: flex;
    justify-content: space-between;
  }

  #carousel_historia {
    margin: 40px;
    background-color: #e4e1e2;
    height: 470px;
  }

  #carousel_historia > .row {
    height: 470px;
  }

  hr.rodenstock {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  hr.rodenstock_hide {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .referencia_mapa {
    font-size: 10px;
  }

  .desplegable_span_roden {
    font-size: 14px;
  }

  .desde-roden-prod {
    border: 1px solid var(--rodenstock-celeste);
    border-radius: 20px;
  }

  span.span-roden-title {
    font-size: 12px;
  }

  span.span_roden_incluye_titulo,
  span.span_roden_incluye,
  div.span-roden-subtitle {
    font-size: 10px;
  }

  span.span_roden_incluye {
    line-height: 1.1;
  }

  div.span-roden-subtitle {
    font-size: 8px;
  }

  .row-roden-items {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    justify-content: space-around;
  }

  .novedad-main-button {
    border-radius: 15px !important;
    font-size: 15px;
    padding: 3px 20px 3px 20px;
  }

  .mas-novedades-item-date {
    font-size: 14px;
  }

  .mas-novedad-img-title {
    font-size: 18px;
    text-align: center;
  }

  .novedad-main-title {
    font-size: 25px;
    margin-bottom: 10px;
  }

  .novedad-main-subtitle {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .share-icons > * {
    font-size: 20px !important;
    margin-left: 10px;
  }

  .share {
    margin: 10px 10px;
  }

  .container-mas-novedades {
    padding-right: 20px;
    padding-left: 20px;
  }

  .container-mas-novedades-notas {
    padding-right: 1.3rem;
    padding-left: 1.3rem;
  }

  .novedad-main-title-p {
    margin-left: 20px;
  }

  .timeline-steps .timeline-step:not(:last-child):after {
    content: "";
    display: block;
    border-top: 1px solid #9f9d9e;
    width: 3.46rem;
    position: absolute;
    left: 7.5rem;
    top: 0.75rem;
    z-index: -999;
  }
  .timeline-steps .timeline-step:not(:first-child):before {
    content: "";
    display: block;
    border-top: 1px solid #9f9d9e;
    width: 3.8125rem;
    position: absolute;
    right: 7.5rem;
    top: 0.75rem;
    z-index: -999;
  }

  .timeline-steps .timeline-content {
    width: 3rem;
  }

  .carousel-control-next-icon {
    width: 15px;
    height: 25px;
  }

  .carousel-control-prev-icon {
    width: 15px;
    height: 25px;
  }

  .flecha-izq-img,
  .flecha-der-img {
    width: 15px !important;
    height: 50%;
  }

  .timeline-steps .timeline-content .inner-circle {
    height: 1.5rem;
    width: 1.5rem;
  }

  .h6 {
    font-size: 15px;
  }

  .recursos {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .tags-recurso {
    flex-direction: column;
  }

  .badge-recurso {
    font-size: 8px;
    padding: 0px 9px;
    margin: 5px 0px 0px 0px;
  }

  .nombre-recurso,
  .tipo-recurso {
    font-size: 15px;
  }

  .filtro_tags {
    font-size: 15px;
  }

  #biblioteca_filter {
    font-size: 10px;
    min-width: 8.5rem;
  }

  .contenedor-img {
    overflow: hidden;
    height: 70px;
  }

  .contenedor-img * img {
    height: 70px;
    width: auto;
  }

  #home-title {
    font-size: 20px;
  }

  #home-p {
    font-size: 12px;
    padding: 10px 25px 10px 25px;
  }

  .row-donde {
    background-image: url("../../global_assets/images/rodenstock/mapa mobile-36.jpg");
    background-position: center;
  }

  span.span-desde-title,
  span.span-lider-title {
    font-size: 14px;
  }

  div.span-desde-subtitle,
  div.span-lider-subtitle {
    font-size: 10px;
    line-height: 1.3;
  }

  .novedad-imagen-hover-titulo {
    font-size: 12px;
  }

  .novedad-imagen-hover-subtitulo {
    font-size: 11px;
    top: 47%;
  }

  .novedad-imagen-hover-more {
    top: 60%;
    font-size: 30px;
  }

  #home-desde,
  #home-lideres {
    font-size: 20px;
  }

  .row-lideres-items {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
  }

  a.go_mapa {
    font-size: 15px;
    border-radius: 12px;
    padding: 3px 10px 3px 10px;
  }

  a.ver_novedades {
    font-size: 15px;
    border-radius: 13px;
    padding: 3px 15px 3px 15px;
  }

  a.download_certificad {
    font-size: 13px;

    padding: 6px 10px 6px 10px;
  }

  .line-seguridad {
    font-size: 16px;
  }

  a.button_ficha {
    border-radius: 5px;
    padding: 2px 10px 2px 10px;
    font-size: 15px;
  }

  .item-column {
    justify-content: start;
  }

  h2.rodenstock_producto,
  h2.seguridad {
    font-size: 25px;
  }

  span.industrial_modelo {
    font-size: 15px;
  }

  .input-group-text {
    font-size: 12px;
  }

  span.industrial {
    font-size: 9px !important;
  }

  span.seginfo-prod-title {
    font-size: 20px;
    font-weight: 600;
  }

  .seginfo-prod-subtitle {
    font-size: 15px;
  }

  span.seginfo-prod-carac {
    font-size: 16px;
    color: #cf2d2c;
    font-weight: 600;
  }

  .seginfo-prod-ul {
    font-size: 15px;
  }

  #main-content {
    margin-top: 100px;
  }

  .logo_certificacion {
    width: 130%;
  }

  .icono-garantia-lg {
    width: 35px;
  }

  .footer-contacto {
    visibility: hidden;
    display: none;
  }

  .icono-garantia {
    width: 20px;
  }

  .icono-fortis {
    width: 100%;
  }

  span.rodenstock_title {
    font-size: 15px;
    padding: 5px 10px 10px 10px;
  }

  .row-vision-all {
    padding-left: 20px;
    padding-right: 20px;
  }

  .rodenstock-big-titulo {
    padding-top: 15px;
    font-size: 15px;
  }
  .rodenstock-big-subtitulo {
    font-size: 12px;
  }

  .img-flecha-roden {
    width: 15px;
  }

  .productos-text-garantia {
    font-size: 13px;
  }

  .line-icon-institucional {
    font-size: 17px;
  }

  .row-roden-img {
    flex-wrap: wrap-reverse;
  }

  h1 {
    padding-left: 50px;
    font-size: 32px;
  }

  h1:before {
    height: 50px;
  }

  .footer > .img-logo {
    margin-bottom: 20px;
  }

  .icon-central {
    font-size: 30px !important;
  }

  .rodenstock-big-main-img {
    padding-left: 15px;
    padding-right: 15px;
  }

  .rodenstock-big-detalle-titulo {
    font-weight: 700;
    font-size: 15px;
  }

  .main-store {
    justify-content: center;
  }

  span.rodenstock-catalog-title {
    font-size: 15px;
  }

  a.button_catalog {
    border-radius: 13px;
    padding: 3px 12px 3px 12px;
    font-size: 16px;
    font-weight: 600;
  }

  .rodenstock-argentina-fmd,
  .rodenstock-argentina-fmd * img {
    border-radius: 30px;
  }

  h2.h2_rodenstock {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
  }

  .info-row-donde-home {
    padding-bottom: 20px;
  }

  .row-donde .titulo,
  .row-donde-roden .titulo {
    font-size: 20px;
  }

  .row-donde .subtitulo,
  .row-donde-roden .subtitulo {
    font-size: 12px;
  }

  .rondestock-argentina-text {
    font-size: 10px;
  }

  .rondestock-porque-text {
    font-size: 10px;
  }

  .rodenstock-porque {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-store-info-block {
    display: block;
    font-size: 15px;
    justify-content: start;
  }

  .main-store-info {
    font-size: 15px;
  }

  .main-store-info-title {
    font-size: 18px;
  }

  h3 {
    font-size: 20px;
  }

  h3 > i {
    font-size: 20px;
  }

  .item_point {
    padding-right: 5px;
    font-size: 15px;
  }
  .item_point_title > a {
    font-size: 20px;
  }
  .item_point_element > i,
  .item_point_element > a > i {
    font-size: 20px;
  }

  .list-map {
    margin-left: 20px;
    margin-top: 10px;
  }

  h4,
  h4 > a {
    font-size: 17px;
  }

  button.button-submit {
    margin-right: 20px;
    background-color: #7a7676;
    color: #ffffff;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 18px;
    box-shadow: none;
    margin-top: 20px;
    border-radius: 10px;
    border: none;
  }

  h3:after {
    margin-left: 20px;
    content: "";
    display: inline-flex;
    width: 15%;
    height: 2px;
    background: #da4845;
  }

  h3:before {
    margin-right: 20px;
    content: "";
    display: inline-flex;
    width: 15%;
    height: 2px;
    background: #da4845;
  }

  .container-contact-phone {
    margin-bottom: 40px;
    font-size: 18px;
  }

  .container-contact-whatsapp {
    margin-bottom: 40px;
  }

  form.form_contacto {
    padding: 15px;
    font-size: 15px;
  }

  .footer {
    flex-direction: column;
    justify-content: center;
  }

  .novedad-main-container {
    padding: 10px 50px;
  }

  .novedad-superior {
    border-radius: 20px 20px 0px 0px;
  }

  .novedad-inferior {
    border-radius: 0px 0px 20px 20px;
  }

  .novedad-titulo-principal {
    font-size: 35px;
  }

  .novedad-titulo-secundario {
    font-size: 25px;
  }

  .img-nota,
  .pie-img,
  .noticia-cuerpo {
    padding: 10px 20px;
  }

  .share-icons img {
    width: 40px;
  }

  .mas-novedades-title {
    text-align: center;
    font-size: 30px;
  }

  .novedad-main {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .badge-mas-novedades {
    display: flex;
    justify-content: space-around;
  }

  .mas-novedades-badge {
    padding: 1px 10px 1px 10px;
    text-align: center;
    font-size: 15px;
  }

  .mas-novedades-badge-margin {
    margin-right: 0px;
  }

  .mas-novedad-detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .novedad-imagen > img {
    height: auto;
  }

  #navbar-navigation {
    flex-direction: column;
  }

  .logo_producto {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .institucional-text {
    font-size: 13px;
  }

  .tecnologia-text {
    font-size: 13px;
  }

  .productos-text {
    font-size: 12px;
  }

  h2 {
    font-size: 20px;
  }

  h2.segurida {
    font-size: 25px;
  }

  h2.tratamientos {
    font-size: 20px;
  }

  .beneficio_span > i {
    font-size: 12px;
  }

  .beneficio_span {
    font-size: 12px;
  }

  .producto-row,
  .institucion-row,
  .swing-row,
  .phancolor-row,
  .stock-row {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }

  .desplegable_span {
    font-size: 15px;
  }

  .flecha-info {
    width: 15px;
    margin-left: 15px;
  }

  .tecnologia_p {
    font-size: 18px;
  }

  .borde-redondeado {
    border-radius: 20px;
    height: auto;
  }

  .borde-redondeado > img {
    border-radius: 20px;
  }
  .row-porque-roden {
    flex-wrap: wrap-reverse;
  }

  .roden-porque-subtitle {
    font-size: 20px;
  }

  .font-xl {
    font-size: 23px;
  }

  .miopia_footer {
    font-size: 15px;
  }

  .img-ojo {
    overflow: hidden;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 30px;
  }

  .row-impresion {
    justify-content: center;
  }
  .tecnologia-display {
    justify-content: center;
  }

  .invertir {
    flex-wrap: wrap-reverse;
  }

  .contenedor-img {
    overflow: hidden;
    border-radius: 20px;
  }

  .rodenstock-garantia {
    padding-left: 0px;
    padding-right: 0px;
  }

  .rondenstock-garantia-title {
    font-size: 10px;
  }

  .rondenstock-garantia-subtitle {
    font-size: 8px;
  }

  .nombre-fundador {
    font-size: 15px;
  }

  .fundador {
    font-size: 15px;
    text-align: center;
  }

  h3.institucional {
    font-size: 20px;
  }
}