@font-face {
  font-family: 'opensans-regular';
  src: url('font/opensans-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'opensans-bold';
  src: url('font/opensans-bold.ttf') format('truetype');
}
@font-face {
  font-family: 'opensans-extrabold';
  src: url('font/opensans-extrabold.ttf') format('truetype');
}
@font-face {
  font-family: 'opensans-italic';
  src: url('font/opensans-italic.ttf') format('truetype');
}
@font-face {
  font-family: 'avenirltstd-book';
  src: url('font/avenirltstd-book.otf') format('opentype');
}
@font-face {
  font-family: 'bwmodelica-regular';
  src: url('font/bwmodelica-regular.otf') format('opentype');
}
.text-size-9 {
  font-size: 0.563rem;
}
.text-size-10 {
  font-size: 0.625rem;
}
.text-size-12 {
  font-size: 0.75rem;
}
.text-size-14 {
  font-size: 0.875rem;
}
.text-size-16 {
  font-size: 1rem;
}
.text-size-18 {
  font-size: 1.125rem;
}
.text-size-20 {
  font-size: 1.25rem;
}
.text-size-24 {
  font-size: 1.5rem;
}
.text-size-40 {
  font-size: 2.5rem;
}
.font-opensans {
  font-family: opensans-regular;
}
.font-opensans-bold {
  font-family: opensans-bold;
}
.font-opensans-extrabold {
  font-family: opensans-extrabold;
}
.font-opensans-italic {
  font-family: opensans-italic;
}
.font-avenir {
  font-family: avenirltstd-book;
}
.font-bwmodelica {
  font-family: bwmodelica-regular;
}
.text-red-rck {
  color: #ff0000;
}
.text-gray-rck {
  color: #f2f2f2;
}
.text-white-rck {
  color: #ffffff;
}
.text-black-rck {
  color: #000000;
}
.background-red-rck {
  background-color: #ff0000;
}
.background-black-rck {
  background-color: #000000;
}
.background-gray-rck {
  background-color: #f2f2f2;
}
.header-sitio {
  top: 0;
  right: 0;
  width: 100% !important;
  left: 0;
  background-color: #000000;
  height: 90px;
}
#navbarNav {
  margin-left: 30%;
}
#search {
  background-color: rgba(255, 255, 255, 0.7);
  width: 200px;
  border: none;
  margin-top: auto;
  margin-bottom: auto;
}
#searchProducto {
  background-color: rgba(242, 242, 242, 0.7);
}
.images-profile {
  height: 200px;
  width: 300px;
}
.text-history-rck {
  width: 540px;
  height: 108px;
  line-height: 27px;
  font-weight: 400;
  text-align: center;
  display: inline-block;
}
.content-direccion {
  padding-left: 12%;
  padding-top: 8%;
}
.info-contacto {
  margin: 0 auto;
  margin-top: 3%;
  width: 55%;
  height: 380px;
  background: #ffffff;
}
.fb-lateral {
  position: sticky;
  top: 50%;
}
.phone-email-first {
  position: relative;
  left: 10%;
  top: 3%;
  margin-top: 4%;
  border-left: solid;
  padding-left: 2%;
}
.phone-email-second {
  position: relative;
  left: 12%;
  margin-top: 4%;
}
.asesoria-icon {
  position: relative;
  left: 3%;
}
.position-asesoria {
  position: relative;
  top: 34%;
}
.footer-img-leva {
  position: relative;
  top: -10%;
}
.pantalla-principal-header {
  height: 490px;
  background-size: cover;
  background-image: url('../images/brand/bigturbo.png');
  font-weight: 800;
  display: flex;
}
.footer-sitio {
  right: 0;
  width: 100% !important;
  left: 0;
  background-color: #000000;
  display: flex;
  flex-direction: column;
  background-image: url(../images/brand/footer.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
}
.footer-rck-logo {
  margin-top: 3%;
  margin-bottom: 3%;
}
.enlaces-privacidad {
  width: 410px;
}
.col-about {
  display: flex;
  justify-content: flex-end;
}
.footer-redes-sociales {
  display: none;
}
.productos-1-carrusel {
  display: none;
}
@media (max-width: 992px) {
  .images-profile {
    height: 150px;
  }
  #navbarNav {
    z-index: 1;
    background-color: #000000;
    margin-top: 0.5rem;
    margin-left: 0%;
  }
  #navbarNav .icon-header {
    display: none;
  }
  #navbarNav .nav-link {
    padding: 0rem;
    margin-left: 10px;
  }
  #navbarNav .nav-link:hover {
    border-radius: 25px;
    background-color: red;
  }
  #navbarNav .nav-link:hover text {
    color: white;
  }
}
@media (max-width: 768px) {
  .images-profile {
    height: 100px;
  }
  .marcas {
    width: fit-content;
  }
  #navbarNav {
    z-index: 1;
    background-color: #000000;
    margin-top: 0.5rem;
    margin-left: 0%;
  }
  #navbarNav .icon-header {
    display: none;
  }
  #navbarNav .nav-link {
    padding: 0rem;
    margin-left: 10px;
  }
  #navbarNav .nav-link:hover {
    border-radius: 25px;
    background-color: red;
  }
  #navbarNav .nav-link:hover text {
    color: white;
  }
  .row-aviso-privacidad {
    margin-top: 1rem !important;
  }
  .row-aviso-privacidad .enlaces-privacidad {
    width: auto;
  }
  .row-aviso-privacidad .tarjetas {
    height: 20px;
  }
  .col-aviso-privacidad .title-aviso-privacidad {
    text-align: center;
  }
  .col-aviso-privacidad .row {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .col-about {
    display: block;
    text-align: center;
  }
}
@media (max-width: 576px) {
  .images-profile {
    height: 100px;
  }
  .container-carrusel {
    padding-left: 20px;
    padding-right: 20px;
  }
  .header-sitio {
    height: 100px;
  }
  #navbarNav {
    z-index: 1;
    background-color: #000000;
    margin-top: 0.5rem;
    margin-left: 0%;
  }
  #navbarNav .icon-header {
    display: none;
  }
  #navbarNav .nav-link {
    padding: 0rem;
    margin-left: 10px;
  }
  #navbarNav .nav-link:hover {
    background-color: red;
  }
  #navbarNav .nav-link:hover text {
    color: white;
  }
  .row-marcas {
    justify-content: center;
  }
  #navbar-productos-content {
    position: absolute;
    z-index: 1;
  }
  #row-marcas {
    padding-top: 37px;
  }
  #form-items {
    text-align: center;
  }
  .footer-sitio {
    height: auto;
  }
  .footer-sitio .footer-rck-logo {
    margin-top: 30px;
  }
  .footer-sitio .text-history-rck {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
  }
  .footer-sitio .info-contacto {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .footer-sitio .info-contacto .content-direccion {
    padding-left: 0px;
  }
  .footer-sitio .info-contacto .content-direccion .direccion {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-sitio .info-contacto .content-direccion .direccion .title-center {
    text-align: center;
  }
  .footer-sitio .info-contacto .phone-email-first {
    left: 0px;
  }
  .footer-sitio .info-contacto .phone-email-second {
    left: 0px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-sitio .content-direccion {
    padding-bottom: 5%;
  }
  .footer-sitio .content-asesoria {
    padding-top: 5%;
    display: inline-table;
    padding-bottom: 5%;
  }
  .footer-sitio .content-asesoria .asesoria-icon {
    left: 0px;
    text-align: center;
  }
  .footer-sitio .fb-lateral {
    padding: 10px;
    position: relative;
    padding-left: 8%;
  }
  .footer-sitio .row-aviso-privacidad {
    margin-top: 1rem !important;
  }
  .footer-sitio .row-aviso-privacidad .enlaces-privacidad {
    width: auto;
  }
  .footer-sitio .row-aviso-privacidad .tarjetas {
    height: 20px;
  }
  .footer-sitio .col-aviso-privacidad .title-aviso-privacidad {
    text-align: center;
  }
  .footer-sitio .col-aviso-privacidad .row {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-sitio .col-about {
    display: block;
    text-align: center;
  }
  .marcas {
    width: fit-content;
  }
}
.drawer-container {
  left: 0;
  top: 0;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
  width: 15rem;
}
.drawer-container .list-drawer {
  flex-wrap: initial;
  background: #f2f2f2;
  /*padding: 2rem;*/
}
.drawer-container .list-drawer .nav-link {
  background: #f2f2f2;
  color: #000000;
  text-transform: uppercase;
  padding: 0.5rem 3rem;
  white-space: nowrap;
}
.drawer-container .list-drawer .nav-link:not(:first-child):hover {
  /*background: #1f1f1f;*/
  color: #ffffff;
  background: linear-gradient(120deg, Transparent 15%, #ff0000 0%);
  margin-right: 10px;
}
.drawer-container .list-drawer .nav-link:not(:first-child):active {
  /*background: #1f1f1f;*/
  color: #ffffff;
  background: linear-gradient(116deg, #000000 88%, Transparent 0%);
}
.drawer-container .list-drawer .active {
  /*background: #1f1f1f;*/
  color: #ffffff;
  background: linear-gradient(116deg, #000000 88%, Transparent 0%);
}
.drawer-container .list-drawer .collapse a:hover {
  color: #ffffff;
  background: linear-gradient(120deg, Transparent 15%, #ff0000 0%);
  margin-right: 10px;
}
.drawer-container .list-drawer .collapse .active {
  /*background: #1f1f1f;*/
  color: #ffffff;
  background: linear-gradient(116deg, #808080 88%, Transparent 0%);
}
.pagination li span {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #333;
  background-color: #e0e0e0;
  border: 1px solid #dee2e6;
}
.pagination li a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.list-shop > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 1.2rem 0;
  display: block;
}
.list-shop > li .img-container {
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.list-shop > li .img-container img {
  object-fit: cover;
  width: 120px;
  height: 120px;
}
.carousel-indicators li {
  background-color: #333;
}
.background-white {
  background: #fff;
}