@charset "UTF-8";
/*----Tulivery - TEMPLATE*/
/*-------------------------------------------------------*/
/*1.- FUENTES ..............*/
/*2.- GENERAL ..............*/
/*3.- BOTONES ..............*/
/*4.- LOGIN ................*/
/*============================= INICIO =====================*/
/*1.-FUENTES...........*/
/*==============================================================*/
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
/*2.-GENERAL...........*/
/*==============================================================*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fff; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  -webkit-border-radius: 10px;
  border-radius: 10px; }

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #818181;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); }

::-webkit-scrollbar-thumb:window-inactive {
  background: #818181; }

.jumbotronbg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100%;
  margin-bottom: 0rem;
  background-color: #fff !important; }

@media (min-width: 992px) {
  .fixed-cartElm {
    position: fixed;
    left: calc(56% + 20px);
    top: 95px;
    width: 30%; }
  .modal-lg, .modal-xl {
    max-width: 882px; } }


.hidden {
  display: none; }

.card {
  border-radius: 0rem; }

.ltlight {
  font-size: 14px; }

.alignnav.container {
  margin-right: 0px;
  margin-left: 0px;
  padding-left: 16px !important;
  padding-right: 16px !important; }

.btn-fticon {
  background-color: #fff;
  border-radius: 7px;
  font-size: 27px;
  padding: 3px 11px 0px 13px;
  margin-right: 5px;
  color: #EF4E35; }

.btn-fticon3 {
  background-color: #fff;
  border-radius: 7px;
  font-size: 27px;
  padding: 3px 8px 0px 8px;
  margin-right: 5px;
  color: #EF4E35; }

.btn-fticon2 {
  border-radius: 7px;
  font-size: 40px;
  padding: 3px 3px 0px 0px;
  color: #fff; }

.btn-fticon4:hover {
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-color: #aab0c5; }

.btn-fticon4 {
  font-size: 27px;
  padding: 0px 0px 0px 0px;
  -webkit-text-fill-color: #bcc1d4;
  -webkit-text-stroke-color: #fff;
  -webkit-text-stroke-width: 1px; }

.navbar-dark .navbar-nav .nav-link {
  color: white; }

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .active a {
  /* color: #EF4E35 !important; */
  color: #fff;
  text-decoration: underline;
  /* border-bottom: 3px solid #f3f3f3; */ }

.navLogo .navbar-nav {
  padding-top: 10px;
  font-size: 17px;
  margin: 0px;
  font-weight: 500;
  padding-right: 20px; }

.navLogo .navbar-nav .nav-item {
  padding-right: 10px;
  text-align: right;
  color: #fff !important; }

.navLogo .navbar-nav span {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-color: #375f8e;
  -webkit-text-stroke-width: 2.5px;  }

.navLogo .navbar-nav span i {
  font-size: 32px;
  padding-top: 0px; }

.sectionProf .imgResponsive.detail {
  overflow: hidden !important;
  width: 112px !important;
  height: 112px !important;
  border-radius: 15px;
  padding: 0px; }

.sectionProf .imgResponsive.detail .imgvisor {
  width: auto !important;
  height: 100% !important;
  background-size: auto !important; }

.sectionProf hr {
  border-top: 1px solid #e6e4e4 !important;
  width: 100%; }

.sectionProf .numberOrder {
  text-transform: uppercase;
  color: #444;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 2px; }

.imgresp .imgResponsive {
  width: 100%;
  height: 140px !important;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px; }

.text-descr {
  font-size: 12px;
  text-align: justify; }

.card {
  border: 0px solid rgba(0, 0, 0, 0.125); }

.greybg {
  background-color: #E6E6E6; }

.graycolor {
  color: #E6E6E6; }

.whitecolor {
  color: #fff; }

.whitebg {
  background-color: #fff; }

.yelowbg {
  background-color: #F5F9FC; }

.bgstore {
  height: 270px; }

.tiendaIco .circle {
  text-align: center;
  border-radius: 50%;
  height: 120px;
  width: 120px !important;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 10vh;
  cursor: pointer; }

.tiendaIco img {
  width: 100%; }

.closebtn:hover {
  background: #ea4335; }

.closebtn {
  left: -11px;
  top: -3px;
  background: #b5b5b5;
  border-radius: 26%;
  width: 24px;
  height: 24px;
  padding: 1px 5px;
  color: #fff !important;
  font-weight: bold;
  position: absolute;
  cursor: pointer; }

#spinner > .form-control:not(:first-child), #spinner > .custom-select:not(:first-child) {
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  margin-top: -7px;
  font-size: 15px;
  display: inline-flex !important; }

.spinner > .form-control:not(:first-child), .spinner > .custom-select:not(:first-child) {
  background-color: rgba(0, 0, 0, 0) !important;
  border: none !important;
  margin-top: -7px;
  font-size: 15px;
  display: inline-flex !important; }

#categoryOptions {
  border-radius: 12px; }

#categoryOptions.press {
  background-color: #e44d35;
  color: #375F8E;
  border: none; }

.bg-menuSelect {
  background-color: #f5f9fc;
  margin-top: 8px;
  margin-bottom: 6px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }

.bg-menuSelect.white {
  background-color: #fff !important; }

.categoryStyle .menuCateg {
  display: none; }

.categoryStyle .menuCateg.show {
  display: block; }

.categoryStyle .listShow {
  background-color: #fff;
  border-radius: 5px;
  padding: 20px 10px;
  z-index: 10;
  height: calc(100vh - 275px);
  width: 240px;
  box-shadow: 0px 3px 12px #3d3d3d79 !important;
  /* border: 1px solid #375F8E !important; */
  position: absolute;
  overflow-y: scroll;
  overflow-x: hidden; }
  .categoryStyle .listShow .tittleList {
    padding-top: 5px;
    margin-bottom: 10px; }
  .categoryStyle .listShow li:first-child {
    padding-left: 10px;
    color: #375F8E; }
  .categoryStyle .listShow li {
    width: 100% !important;
    display: inline-block !important;
    background-color: #fff !important;
    border: 1px solid #fff !important;
    margin-top: 8px; }
    .categoryStyle .listShow li a {
      padding-left: 10px;
      padding-top: 5px;
      padding-bottom: 10px;
      border-left: 5px solid #fff;
      width: 100% !important;
      color: #6c7b8c;
      text-decoration: none;
      font-weight: 500;
      background-color: none !important; }
    .categoryStyle .listShow li a:hover, .categoryStyle .listShow li a.active {
      color: #375F8E;
      border-left: 5px solid #375F8E; }

.detalleCarro {
  border-top: 1px solid #eaeaea; }

.detalleCarro .rightcontent {
  text-align: -webkit-right; }

.detalleCarro .rightcontent .form-control {
  padding: 0rem 0rem; }

.detalleCarro p {
  line-height: 10px;
  margin-top: 0;
  margin-bottom: 0.3rem; }

.cantidadTotal {
  border-bottom: 1px solid #d4d4d4;
  padding-bottom: 10px; }
  .cantidadTotal .desc {
    line-height: 18px; }

.totalModal {
  background-color: #F5F9FC;
  padding: 10px;
  border-radius: 12px; }
  .totalModal .spinnerContent {
    text-align: right;
    float: right; }
  .totalModal h2 {
    text-align: right;
    font-size: 18px; }
  .totalModal h4 {
    font-size: 18px; }
    .totalModal h4 span {
      float: right; }

.spinnerContent {
  width: 80px; }
  .spinnerContent .form-control {
    padding: 2px 2px !important; }
  .spinnerContent #spinner {
    max-width: 100%;
    display: inline-flex;
    margin-left: 5px; }
  .spinnerContent #spinner button {
    border-radius: 50% !important; }
    .spinnerContent .spinner {
    max-width: 100%;
    display: inline-flex;
    margin-left: 5px; }
  .spinnerContent .spinner button {
    border-radius: 50% !important; }
  .spinnerContent .input-group-btn {
    width: 20px !important; }
  .spinnerContent .btn {
    padding: 2px 5px !important;
    font-size: 0.7rem !important;
    line-height: 1.5 !important;
    border-radius: 50% !important; }

#spinner {
  max-width: 100%;
  display: inline-flex; }

#spinner button {
  border-radius: 50%; }

.spinner {
  max-width: 100%;
  display: inline-flex; }

.spinner button {
  border-radius: 50%; }

.smallleter {
  font-size: 13.5px;
  line-height: 15px !important; }

.borderRB {
  border-right: 2px solid #ebebeb; }

.dirDetalle.active {
  background-color: #eee; }

.dirDetalle {
  border-radius: 20px;
  cursor: pointer;
  border-top: 1px solid #eee; }

.dirDetalle p {
  line-height: 10px;
  margin-top: 0;
  margin-bottom: 0.3rem; }

.dirDetalle:hover {
  background-color: #eee; }

.whiteletter {
  color: #fff; }

.totalCarro {
  padding: 0px 10px 0px 10px; }

.totalCarro button {
  border-radius: 50px;
  font-size: 18px;
  text-align: center;
  padding: 10px 25px;
  margin-top: 0px; }

h4, h5 {
  color: #46464F !important; }

footer h4, footer h5 {
  color: #ffffff !important; }

footer h6 {
  font-size: 14px !important;
  font-weight: 400; }

footer h6:hover {
  text-decoration: underline; }

footer h6 a {
  color: #fff; }

footer h6 a:hover {
  color: #fff !important; }

.calificacion .ranking .rank {
  width: 160px !important;
  display: inline-flex; }

.informacion .card {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.informacion .card .line2 {
  font-size: 18px;
  line-height: 8px; }

.btn-danger {
  color: #fff;
  background-color: #EF4E35;
  border-color: #EF4E35; }

.btn-danger:hover {
  color: #fff;
  background-color: #cc3b25;
  border-color: #cc3b25; }

.btn-primary {
  background-color: #10293d;
  border: 1px solid #10293d; }

.btn-success {
  border-color: #31ab6a;
  background-color: #31ab6a; }

.barlogo {
  border-left: 1px solid #fff;
  margin-top: 14px;
  padding: 5px 10px; }

/*3.-NAV-BAR...........*/
/*==============================================================*/
.navLogo {
  background-color: #bcc1d4 !important;
  min-height: 70px;
  max-height: 70px;
  color: #fff;
  font-size: 16px; }

.navLogo a .logoline {
  height: 40px;
  /*padding-right: 10px;
  margin-right: 10px;*/ }

.navLogo a .logo {
  height: 30px;
  padding-right: 10px;
  margin-right: 10px; }

.navLogo .store {
  height: 58px; }

.navLogo .navbar-nav {
  padding: 0px;
  margin: 0px; }

.navLogo .navbar-nav .elm {
  margin-right: 15px;
  padding-top: 10px; }

.navLogo .navbar-nav .btnli {
  background-color: #ff7800;
  height: 58px;
  border-radius: 5px; }

.navLogo .navbar-nav .btnli .nav-link {
  margin: 0px;
  font-weight: bold;
  color: #fff !important;
  padding: 0px;
  display: flex;
  align-items: center; }

.navLogo .navbar-nav .btnli .nav-link .textmid {
  vertical-align: left;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 20px;
  padding-top: 9px;
  text-align: left; }

.redletter {
  color: #EF4E35 !important;
  font-size: 30px; }

.plomo {
  color: #46464F !important; }

.plomo .bg-body {
  background-color: #46464F; }

.plomo button {
  color: #46464F !important;
  font-weight: bold;
  font-size: 20px;
  background-color: #fff; }

.plomo button:hover, .plomo button:focus {
  background-color: #eee; }

.plomo h2 {
  color: #fff; }

.verde {
  color: #39C979 !important; }

.verde .bg-body {
  background-color: #39C979; }

.verde button {
  color: #39C979 !important;
  font-weight: bold;
  font-size: 20px;
  background-color: #fff; }

.verde button:hover, .verde button:focus {
  background-color: #eee; }

.verde h2 {
  color: #fff; }

.rojo {
  color: #EF4E35 !important; }

.rojo .bg-body {
  background-color: #EF4E35; }

.rojo button {
  color: #EF4E35 !important;
  font-weight: bold;
  font-size: 20px;
  background-color: #fff; }

.rojo button:hover, .rojo button:focus {
  background-color: #eee; }

.rojo h2 {
  color: #fff; }

.text-det {
  color: #fff !important;
  padding: 10px 10px;
  font-size: 20px;
  border-bottom: 1px solid #eee;
  font-weight: 100;
  text-align: left; }

.headerprice {
  text-transform: uppercase;
  background-color: #fff;
  padding: 15px 0px;
  font-weight: bold;
  font-size: 26px; }

/*3.-BOTONES...........*/
/*==============================================================*/
.rectangle {
  text-align: left;
  border-radius: 6px;
  width: 100%;
  height: 160px;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 30px;
  cursor: pointer;
  background-position: center;
  background-size: cover;
  /* height: 130%; */
  /* position: relative; */
  /* top: -164px; */ }

.tittledetail a {
  text-decoration: none; }

.text_detail {
  position: relative;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 15px;
  color: #fff;
  background: black;
  background: linear-gradient(180deg, rgba(14, 14, 14, 0.36) 0%, rgba(0, 0, 0, 0.26) 29%, rgba(239, 78, 53, 0) 100%);
  z-index: 2; }

.text_detail h3 {
  margin-bottom: 0rem; }

.rectangle:hover {
  background-size: 110%;
  transition: all 1s ease; }

.tiendaIco {
  width: 100px;
  height: 100px;
  z-index: 1031;
  left: 9%;
  top: 25px;
  position: fixed; }

.inicioIco {
  display: none;
  width: 35.3px;
  height: 45px;
  z-index: 10000;
  left: 2%;
  top: 0.1rem;
  position: fixed; }

.tiendaIco:before {
  width: 128px;
  height: 128px;
  position: absolute;
  border-radius: 50%;
  content: '';
  background-color: rgba(255, 255, 255, 0);
  border: 5px solid white;
  z-index: 11;
  top: -4px;
  left: -5px; }

/*4.-EFFECT.............*/
/*==============================================================*/
/*5.-MAIN.............*/
/*==============================================================*/
.imgresp .imgResponsive2 {
  width: 100%;
  min-height: 110px !important;
  max-height: 122px;
  background-size: cover;
  background-position: center;
  overflow: hidden; }

.separadoronly {
  border-top: 2px solid #eee; }

.separadorup {
  border-bottom: 2px solid #eee; }

.separadorup:last-child {
  border-bottom: none; }

#main {
  color: #46464F; }

@media(min-width: 576px){
  .plantilla2 .card{
    min-width: 15rem !important;
  }
}

#main .card {
  padding-bottom: 30px;
  padding-top: 30px; }

#main .card button {
  border-radius: 50px; }

#main .separador {
  border-bottom: 1px solid #e0e0e0; }

#main .separadorup {
  border-top: 2px solid #ddd; }

#main ul {
  padding: 0;
  margin: 0;
  list-style: none; }

#main ul .imgresp {
  margin-top: 8px;
  text-align: left;
  vertical-align: bottom; }

#main ul .imgresp a {
  text-decoration: none; }

#main ul .imgresp .categorySelect {
  position: relative;
  top: 0px;
  padding: 13px 8px 3px 8px;
  left: 0px;
  font-weight: bold;
  color: white;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.38) 29%, rgba(0, 0, 0, 0) 100%);
  border-radius: 5px; }

#main ul .imgresp .categorySelect span {
  opacity: 1 !important; }

.checkstatus {
  display: none; }

.imgresp.active .checkstatus {
  display: block;
  position: relative;
  z-index: 5;
  border-radius: 5px;
  font-size: 28px;
  color: #fff;
  top: -40px;
  background-color: #EF4E35;
  left: 70%;
  width: 50px;
  padding: 0px 13px; }

div .categorySelect:hover, .imgresp.active .categorySelect {
  border-radius: 5px;
  border-top: 7px solid #EF4E35; }

/*5.-FOOTER.............*/
/*==============================================================*/
footer {
  background-color: #EF4E35;
  color: #fff;
  font-size: 14px;
  z-index: 3;
  position: relative; }

footer a {
  color: #fff; }

footer a {
  color: #fff; }

footer .logo {
  padding-bottom: 15px;
  padding-top: 27px; }

footer li {
  padding-bottom: 4px; }

@media (max-width: 1200px) {
  .inicioIco {
    display: inline-block; } }

.square-shop {
  background-color: #E23B3B;
  height: 18px;
  width: 18px;
  text-align: center;
  position: absolute;
  top: 25px;
  right: 0px;
  font-size: 12px;
  border-radius: 3px; }

@media (min-width: 1200px) {
  .baseCarrito {
    padding: 0px 0px;
    border-radius: 0px;
    background-color: #fff;
    padding-bottom: 0px;
    /*position: fixed;*/
    /*right: 100%;*/
    /*width: 370px;*/
    z-index: 26;
    margin-top: -3rem !important;
    animation: fadeIn ease 1s; }
    .baseCarrito .headerInfo {
      background-color: #f4f9ff !important; }
    .baseCarrito .totalCarro {
      border-radius: 20px 20px 0px 0px !important; }
    .baseCarrito .detalleCarro {
      border: none; }
      .baseCarrito .detalleCarro .leftcontent p {
        color: #728292 !important; }
  .closeCart {
    font-size: 23px;
    padding: 10px;
    cursor: pointer; }
    .closeCart i {
      color: #8c97a3; }
  .baseCarrito.show {
    right: 0px; }
  .nom_tienda {
    /*z-index: 0 !important;*/ }
  .bg-light.back {
    z-index: 1 !important; }

  .plantillaFullHeight.stickyFoot {
    margin-top: -20px; }
  .container {
    min-width: 100% !important; }
  .inicioIco {
    display: block; }
  .nav-item.floatMenuOption {
    padding-left: 18px; } }

@media (min-width: 1900px) {
  .container {
    min-width: 1600px !important; }
  .containerv2 {
    padding: 0px 60px; }
  .navbar .container {
    min-width: 100% !important; } }

/*6.OFF CANVAS--------*/
body {
  overflow-x: hidden;
  /* Prevent scroll on narrow devices */
  /* padding-top: 56px;  */ }

#overBlack {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 1;
  top: 0;
  display: none;
  left: 0px;
  background: #333333b6;
  animation: fadeIn ease 0.5s; }

#overBlack.show {
  display: block; }

@media (max-width: 1200px) {
  .navLogo .navbar-nav a h6 {
    font-size: 13px !important; }
  .col-md-5 {
    width: calc(100vw / 1); }
  .baseCarrito {
    padding: 0px 0px;
    border-radius: 0px;
    background-color: #fff;
    padding-bottom: 0px;
    /*position: fixed;*/
    /*right: 100vw !important;*/
    z-index: 26;
    margin-top: 0px !important;
    animation: fadeIn ease 1s; }
    .baseCarrito .headerInfo {
      background-color: #f4f9ff !important; }
    .baseCarrito .totalCarro {
      border-radius: 20px 20px 0px 0px !important; }
    .baseCarrito .detalleCarro {
      border: none; }
      .baseCarrito .detalleCarro .leftcontent p {
        color: #728292 !important; }
  .baseCarrito.show {
    right: 0px !important;
    top: 0;
    width: 100%; } }

.bg-averlay {
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #333333d3;
  z-index: 1;
  width: 100vw;
  height: 100vh; }

@media (max-width: 991.98px) {
  .template2 .bannerCompacto {
    display: none; }

  .show-sm-banner {
    display: none !important; }
  .show-sm-banner-mov {
    margin-top: 70px;
    width: 100%; }
  .categoryStyle .listShow li {
    margin-top: 14px; }
    #categoryOptions2.press {
    display: none; }
  .bg-averlay {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #333333d3;
    z-index: 1;
    width: 100vw;
    height: 100vh; }
  #categoryOptions.press {
    background-color: #3D3D3D;
    color: #3D3D3D;
    border: 1px solid #3D3D3D;
    z-index: 9;
    position: absolute;
    top: 4px;
    left: 4px; }
  .categoryStyle .listShow {
    background-color: #fff;
    border-radius: -5px;
    padding: 20px 10px;
    z-index: 2;
    top: 0px;
    left: 0px;
    padding-top: 100px !important;
    min-height: 100vh;
    width: 70vw;
    border: none !important;
    position: fixed;
    overflow-y: scroll;
    overflow-X: hidden; }
  .homePrincipal {
    overflow: hidden; }
  .homePrincipal .heightSlide .textDrive {
    padding-left: 10px !important; }
  .homePrincipal .heightSlide {
    height: 140px; }
  .homeLogoSlider {
    margin: 10px 0px !important; }
  .floatMenu .storeMenuSub {
    width: 100%; }
    .floatMenu .storeMenuSub button {
      width: 100%;
      margin-bottom: 15px; }
  .floatMenu .separador {
    padding: 10px 0px 0px 0px !important;
    border-bottom: 1px solid #264a75 !important; }
  .closebtn {
    position: initial; }
    .closebtn .bgLogin2 {
      position: absolute;
      left: 0;
      top: 0;
      width: auto !important;
      height: 90vh !important; }
  .floatcart {
    position: fixed;
    width: 70.5%;
    top: 0px;
    right: 0px;
    height: 100%;
    z-index: 1032;
    border-radius: 0px !important; }
  #overBlack {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 1032;
    top: 0;
    display: none;
    left: 0px;
    background: #404040a3;
    animation: fadeIn ease 0.5s; }
  .navbar-nav {
    padding: 0px;
    margin: 0px; }
  .navbar-nav li {
    margin-top: 20px; }
  .handler.cart2 {
    display: block; }
  .barlogo {
    display: none; }
  .navLogo a .logo {
    border-right: 0px solid #fff; }
  .navLogo .tittle {
    display: none; }
  #toggleTulivery {
    z-index: 2001 !important; }
  .bgBanner h5 {
    font-size: 26px !important; }
  .offcanvas-collapse {
    position: absolute !important;
    z-index: 2000 !important;
    top: 0px !important;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    height: 100vh;
    overflow-y: auto;
    visibility: hidden;
    background-color: #375F8E;
    transition-timing-function: ease-in-out;
    transition-duration: 0s;
    transition-property: left, visibility; }
  .offcanvas-collapse.open {
    left: 0;
    visibility: visible; }
    .offcanvas-collapse.open .toggleTuliv {
      display: block;
      transition-delay: .2s; }
    .offcanvas-collapse.open .floatMenuOption {
      display: none; }
    .offcanvas-collapse.open .cart2 {
      display: none; }
    .offcanvas-collapse.open .navbar-nav {
      margin-top: 60px !important; }
  .offcanvas-collapse.openProfile {
    left: 0;
    visibility: visible; }
    .offcanvas-collapse.openProfile .toggleTuliv {
      display: none;
      transition-delay: .2s; }
    .offcanvas-collapse.openProfile .userInfo {
      font-size: 25px !important;
      border-bottom: 1px solid rgba(95, 95, 95, 0.09);
      padding: 20px 0px; }
    .offcanvas-collapse.openProfile .cart2 {
      display: none; }
  .profile ul {
    text-align: center; } }

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden; }

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }

.nav-underline .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d; }

.nav-underline .nav-link:hover {
  color: #007bff; }

.nav-underline .active {
  font-weight: 500;
  color: #343a40; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5); }

.bg-purple {
  background-color: #6f42c1; }

.lh-100 {
  line-height: 1; }

.lh-125 {
  line-height: 1.25; }

.lh-150 {
  line-height: 1.5; }

.cardRanking {
  border: 1px solid #ddd; }

.cardRanking .valoracion {
  background-color: #EF4E35;
  padding: 10px;
  position: relative;
  top: 0px;
  left: -17px;
  width: 60px;
  color: #fff;
  font-weight: bold;
  font-size: 20px; }

.cardRanking .starProm {
  position: absolute;
  right: 0px;
  top: 13px;
  width: 120px; }

.cardRanking .detalle {
  margin-left: 4rem !important;
  position: relative;
  top: -20px; }

.nav-order {
  display: -webkit-box; }

.nav-order li {
  width: 50%;
  padding: 0px; }

.nav-order .nav-link {
  border-radius: .25rem;
  border-radius: 0px;
  font-weight: bold;
  padding: 0px;
  width: 80%; }

.nav-order .nav-link img {
  background: #CCCCCC;
  padding: 10px 10px;
  border-radius: 25px;
  width: 100%; }

.nav-order .nav-link {
  background: #fff !important;
  color: #46464f !important;
  padding: 0px !important; }

.nav-order .nav-link.active, .nav-order .show > .nav-link {
  font-weight: bold;
  background-color: #ffffff !important;
  color: #26263f !important; }

.nav-order .nav-link.active img, .nav-order .show > .nav-link img {
  background: #EF4E35;
  padding: 10px 10px;
  border-radius: 25px;
  width: 100%; }

.nav-pills .nav-link {
  border-radius: .25rem;
  color: #444;
  background: #fff;
  border-radius: 0px;
  font-weight: bold;
  padding: 17px; }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  font-weight: bold;
  color: #fff;
  background-color: #46464f; }

.formLogin .form-control {
  padding: 0.375rem 0.7rem;
  border-radius: 12px;
  height: 40px; }

.formLogin select {
  border-radius: 12px;
  height: 40px; }

.formPedido .form-control {
  padding: 0.375rem 2.9rem; }

.rounded {
  height: 46px;
  border-radius: 12px !important; }

.formPedido .input {
  border: 1px #999999 solid;
  margin-top: 10px; }

.formPedido input:focus,
.formPedido select:focus,
.formPedido textarea:focus,
.formPedido button:focus {
  /*outline: none;*/
  border: 1px #46464F solid; }

.formPedido input:focus i,
.formPedido select:focus i,
.formPedido textarea:focus i,
.formPedido button:focus i {
  color: #46464F !important; }

.formPedido input:focus .linear,
.formPedido select:focus .linear,
.formPedido textarea:focus .linear,
.formPedido button:focus .linear {
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-color: #46464F;
  -webkit-text-stroke-width: 1px; }

.formPedido .linear {
  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-color: #999999;
  -webkit-text-stroke-width: 1px; }

.formPedido i {
  color: #999999;
  position: absolute;
  left: 10px;
  z-index: 5;
  top: 13px;
  font-size: 21px;
  width: 30px;
  text-align: center;
  align-items: center; }

.formPedido .input-group > .form-control:not(:first-child), .formPedido .input-group > .custom-select:not(:first-child) {
  border-radius: 10px !important; }

h6.oseparador {
  overflow: hidden;
  color: #999999; }

h6.oseparador:after {
  content: "";
  display: inline-block;
  height: 0.5em;
  vertical-align: bottom;
  width: 50%;
  margin-right: -100%;
  margin-left: 10px;
  border-top: 1px solid #999999; }

h6.oseparador:before {
  content: "";
  display: inline-block;
  height: 0.5em;
  vertical-align: bottom;
  width: 45%;
  margin-right: 0%;
  margin-left: 3px;
  border-top: 1px solid #999999; }

.faq .show {
  background-color: #eeeeee; }

.faq .card :hover {
  background-color: #FFE799; }

.faq .card-header {
  border: 1px solid #d8d4d4;
  border-radius: 0px;
  margin-top: 8px;
  background-color: #fff;
  text-align: left; }

.faq .card-header button {
  color: #444 !important;
  font-weight: bold;
  text-align: left;
  width: 100%;
  text-decoration: none; }

.square {
  border-radius: 20px;
  overflow: hidden;
  width: 30vw;
  height: 30vw;
  border: 1px solid #b3b3b3; }

.square img {
  min-height: 100%; }

.p-image .uploadbtn {
  position: absolute;
  width: 67vh;
  background: rgba(0, 0, 0, 0);
  height: 67vh;
  top: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0); }

.file-upload {
  display: none; }

.list-group-item {
  background-color: #eee;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: #747480 !important; }

.list-group-item a, .list-group-item p {
  color: #747480 !important; }

.list-group-item a:hover {
  color: #EF4E35 !important;
  text-decoration: none; }

footer a:hover {
  color: #444 !important;
  text-decoration: none; }

.bgstore {
  background-repeat: no-repeat;
  background-size: cover; }

.infoAdd {
  font-size: 15px; }

.infoAdd img {
  width: 24px;
  margin-right: 5px; }

.scrollable {
  overflow: hidden;
  overflow: overlay;
  height: 205px; }

.none {
  display: none; }

input[type=checkbox] + label {
  color: #444; }

input[type=checkbox]:checked + label {
  color: #444; }

input {
  height: 20px;
  width: 20px; }

input:checked {
  height: 20px;
  width: 20px; }

.form-check {
  padding-left: 0rem; }

label .text-success {
  color: #6d7579 !important;
  font-weight: 500; }

input[type=checkbox]:not(old),
input[type=radio]:not(old) {
  width: 0em;
  margin: 0;
  padding: 0;
  font-size: 0.3em;
  opacity: 0;
  border: 0.1em solid #717171; }

input[type=checkbox]:not(old) + label,
input[type=radio]:not(old) + label {
  display: inline-block;
  margin-left: 0em;
  line-height: 0em;
  width: 95%;
  border-radius: 15px;
  padding: 0px;
  margin: 0px 0px;
  color: #6d7579; }

input[type=radio]:not(old) + label > span {
  display: inline-block;
  width: 1.7em;
  height: 1.7em;
  margin: 0.02em 0.5em 0.02em 0.25em;
  border: 0.1em solid #bcc1db;
  border-radius: 50%;
  background: #ffffff;
  background-image: -moz-linear-gradient(#fff, #fff);
  background-image: -ms-linear-gradient(#fff, #fff);
  background-image: -o-linear-gradient(#fff, #fff);
  background-image: -webkit-linear-gradient(#fff, #fff);
  background-image: linear-gradient(#fff, #fff);
  vertical-align: middle; }

input[type=checkbox]:not(old) + label > span {
  display: inline-block;
  width: 2em;
  height: 2em;
  margin: 0.02em 0.5em 0.02em 0.25em;
  border: 0.1em solid #bcc1db;
  background: #ffffff;
  background-image: -moz-linear-gradient(#fff, #fff);
  background-image: -ms-linear-gradient(#fff, #fff);
  background-image: -o-linear-gradient(#fff, #fff);
  background-image: -webkit-linear-gradient(#fff, #fff);
  background-image: linear-gradient(#fff, #fff);
  vertical-align: middle; }

input[type=checkbox]:not(old):checked + label,
input[type=radio]:not(old):checked + label {
  color: #39c979;
  font-weight: 500; }

input[type=checkbox]:not(old):checked + label .text-success,
input[type=radio]:not(old):checked + label .text-success {
  color: #39c979 !important; }

input[type=checkbox]:not(old):checked + label > span,
input[type=radio]:not(old):checked + label > span {
  background-image: -moz-linear-gradient(#fff, #fff);
  background-image: -ms-linear-gradient(#fff, #fff);
  background-image: -o-linear-gradient(#fff, #fff);
  background-image: -webkit-linear-gradient(#fff, #fff);
  background-image: linear-gradient(#fff, #fff);
  border: 0.1em solid #39c979; }

input[type=radio]:not(old):checked + label > span:before {
  content: '\f00c';
  display: block;
  width: 0.68em;
  color: #39c979;
  font-size: 1.3em;
  padding: 8px 3px;
  line-height: 0.4em;
  text-align: center;
  text-shadow: 0 0 0.0714em #73994d;
  font-weight: bold;
  font-family: FontAwesome; }

input[type=checkbox]:not(old):checked + label > span:before {
  content: '\f00c';
  display: block;
  width: 0.68em;
  color: #39c979;
  font-size: 1.3em;
  padding: 8px 3px;
  line-height: 0.4em;
  text-align: center;
  text-shadow: 0 0 0.0714em #73994d;
  font-weight: bold;
  font-family: FontAwesome; }

input[type=radio]:not(old):checked + label > span > span {
  display: none;
  width: 0.5em;
  height: 0.5em;
  margin: 0.125em;
  border: 0.0625em solid #bcc1db;
  border-radius: 0.125em;
  background: #99cc66;
  background-image: -moz-linear-gradient(#fff, #fff);
  background-image: -ms-linear-gradient(#fff, #fff);
  background-image: -o-linear-gradient(#fff, #fff);
  background-image: -webkit-linear-gradient(#fff, #fff);
  background-image: linear-gradient(#fff, #fff);
  color: #676f75; }

.formPedido {
  font-size: 13px; }

.formularioCompra h5, .formularioEntrega h5 {
  text-align: center;
  color: #ea4335 !important;
  font-weight: 900; }

.formularioCompra h6, .formularioEntrega h6 {
  font-size: 19px;
  font-weight: 600;
  /*height: 18px;*/
  line-height: 22px;
  margin-bottom: 0px;
  margin-top: 10px;
  border-bottom: 1px solid #e1e2e2;
  color: #6d7579; }

.formularioCompra span, .formularioEntrega span {
  font-size: 12px !important;
  width: 100%;
  display: inline-table; }

.formularioCompra span div, .formularioEntrega span div {
  display: inline;
  padding-right: 12px;
  color: #EF4E35; }

.toggleDetail {
  cursor: pointer; }

.toggleDetail i {
  line-height: 8px;
  color: #bcbdbd; }

.toggleDetail .toggleContent {
  display: none; }

.active .toggleContent {
  display: block;
  background-color: #ffffff;
  padding: 0px; }

.modal-header {
  border-bottom: 1px solid #fff; }

.rightcontent {
  width: 100%;
  text-align: block; }
  .rightcontent .sqare button {
    border-radius: 5px !important; }

  .rightcontent .btn {
    padding: 0.5px 4px !important;
    font-size: 0.7rem !important;
    line-height: 1.5 !important;
    border-radius: 50% !important;}

.rightcontent .form-control {
  padding: 0rem 0rem; }

.modal-title {
  color: #2e2b2b !important;
  font-weight: bold; }

/*404*/
.error {
  background: #46464f;
  color: #fff;
  /*max-height:700px;*/
  overflow: hidden; }

#error .c {
  text-align: center;
  display: block;
  position: relative;
  width: 80%;
  margin: 100px auto; }

#error ._404 {
  color: #fff;
  font-size: 220px;
  position: relative;
  display: inline-block;
  z-index: 2;
  height: 250px;
  letter-spacing: 15px; }

#error ._1 {
  text-align: center;
  display: block;
  position: relative;
  letter-spacing: 12px;
  font-size: 3em;
  color: #fff;
  line-height: 80%; }

#error ._2 {
  text-align: center;
  display: block;
  position: relative;
  font-size: 20px;
  color: #fff; }

#error .text {
  font-size: 70px;
  text-align: center;
  position: relative;
  display: inline-block;
  margin: 19px 0px 0px 0px;
  /* top: 256.301px; */
  z-index: 3;
  width: 100%;
  line-height: 1.2em;
  display: inline-block; }

#error .btn {
  background-color: white;
  position: relative;
  display: inline-block;
  width: 358px;
  padding: 5px;
  z-index: 5;
  font-size: 25px;
  margin: 0 auto;
  color: #46464f;
  text-decoration: none;
  margin-right: 10px; }

#error .right {
  float: right;
  width: 60%; }

#error hr {
  padding: 0;
  border: none;
  border-top: 5px solid #fff;
  color: #fff;
  text-align: center;
  margin: 0px auto;
  width: 420px;
  height: 10px;
  z-index: -10; }

#error hr:after {
  display: inline-block;
  position: relative;
  top: -0.75em;
  font-size: 2em;
  padding: 0 0.2em; }

#error .cloud {
  width: 350px;
  height: 120px;
  background: #FFF;
  background: linear-gradient(top, #FFF 100%);
  background: -webkit-linear-gradient(top, #FFF 100%);
  background: -moz-linear-gradient(top, #FFF 100%);
  background: -ms-linear-gradient(top, #FFF 100%);
  background: -o-linear-gradient(top, #FFF 100%);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  position: absolute;
  margin: 120px auto 20px;
  z-index: -1;
  transition: ease 1s; }

#error.cloud:after, #error .cloud:before {
  content: '';
  position: absolute;
  background: #FFF;
  z-index: -1; }

#error .cloud:after {
  width: 100px;
  height: 100px;
  top: -50px;
  left: 50px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px; }

#error .cloud:before {
  width: 180px;
  height: 180px;
  top: -90px;
  right: 50px;
  border-radius: 200px;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px; }

#error .x1 {
  top: -50px;
  left: 100px;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0.9;
  -webkit-animation: moveclouds 15s linear infinite;
  -moz-animation: moveclouds 15s linear infinite;
  -o-animation: moveclouds 15s linear infinite; }

#error .x1_5 {
  top: -80px;
  left: 250px;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-animation: moveclouds 17s linear infinite;
  -moz-animation: moveclouds 17s linear infinite;
  -o-animation: moveclouds 17s linear infinite; }

#error .x2 {
  left: 250px;
  top: 30px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.6;
  -webkit-animation: moveclouds 25s linear infinite;
  -moz-animation: moveclouds 25s linear infinite;
  -o-animation: moveclouds 25s linear infinite; }

#error .x3 {
  left: 250px;
  bottom: -70px;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  transform: scale(0.6);
  opacity: 0.8;
  -webkit-animation: moveclouds 25s linear infinite;
  -moz-animation: moveclouds 25s linear infinite;
  -o-animation: moveclouds 25s linear infinite; }

#error .x4 {
  left: 470px;
  botttom: 20px;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  transform: scale(0.75);
  opacity: 0.75;
  -webkit-animation: moveclouds 18s linear infinite;
  -moz-animation: moveclouds 18s linear infinite;
  -o-animation: moveclouds 18s linear infinite; }

#error .x5 {
  left: 200px;
  top: 300px;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0.8;
  -webkit-animation: moveclouds 20s linear infinite;
  -moz-animation: moveclouds 20s linear infinite;
  -o-animation: moveclouds 20s linear infinite; }

@-webkit-keyframes moveclouds {
  0% {
    margin-left: 1000px; }
  100% {
    margin-left: -1000px; } }

@-moz-keyframes moveclouds {
  0% {
    margin-left: 1000px; }
  100% {
    margin-left: -1000px; } }

@-o-keyframes moveclouds {
  0% {
    margin-left: 1000px; }
  100% {
    margin-left: -1000px; } }

.badge-basic {
  background-color: #444;
  color: #fff;
  margin: 2px 0px; }

/*LOGIN2*/
:root {
  --input-padding-x: 1.5rem;
  --input-padding-y: .75rem; }

.loginv2 {
  background: url("../images2/bg.jpg");
  background-color: #444; }

.loginv2 .card-signin {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); }

.loginv2 .card-signin .card-title {
  margin-bottom: 2rem;
  font-weight: 300;
  font-size: 1.5rem; }

.loginv2 .card-signin .card-body {
  padding: 2rem; }

.loginv2 .form-signin {
  width: 100%; }

.loginv2 .form-signin .btn {
  font-size: 80%;
  border-radius: 5rem;
  letter-spacing: .1rem;
  font-weight: bold;
  padding: 1rem;
  transition: all 0.2s; }

.loginv2 .form-label-group {
  position: relative;
  margin-bottom: 1rem; }

.loginv2 .form-label-group input {
  height: auto;
  border-radius: 2rem; }

.loginv2 .form-label-group > input,
.loginv2 .form-label-group > label {
  padding: var(--input-padding-y) var(--input-padding-x); }

.loginv2 .form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 80%;
  height: 0px;
  margin-bottom: 0;
  line-height: 1.5;
  color: #495057;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out; }

.loginv2 .form-label-group input::-webkit-input-placeholder {
  color: transparent; }

.loginv2 .form-label-group input:-ms-input-placeholder {
  color: transparent; }

.loginv2 .form-label-group input::-ms-input-placeholder {
  color: transparent; }

.loginv2 .form-label-group input::-moz-placeholder {
  color: transparent; }

.loginv2 .form-label-group input::placeholder {
  color: transparent; }

.loginv2 .form-label-group input:not(:placeholder-shown) {
  padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 8));
  padding-bottom: calc(var(--input-padding-y) / 3); }

.loginv2 .form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(var(--input-padding-y) / 3);
  padding-bottom: calc(var(--input-padding-y) / 3);
  font-size: 12px;
  color: #777; }

.loginv2 .card {
  background-color: rgba(255, 255, 255, 0.4); }

.loginv2 .btn-google {
  color: white;
  background-color: #ea4335; }

.loginv2 .btn-default:hover {
  color: white;
  background-color: #46464f; }

.loginv2 .btn-google:hover {
  color: white;
  background-color: #dd3b2c; }

.loginv2 .btn-facebook {
  color: white;
  background-color: #3b5998; }

@media (min-width: 576px) {
  .jumbotron {
    padding: 0rem 2rem; } }

.btn-sm, .btn-group-sm > .btn {
  padding: .20rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem; }

.containerv2 {
  padding: 0px 30px; }

#slider {
  margin: 0px;
  padding: 0px; }

#slider .slide {
  height: 280px;
  position: relative;
  font-size: 15px;
  background-color: #46464f;
  overflow: hidden !important; }

#slider .slides-container {
  position: relative;
  width: 100%;
  height: 100%; }

#slider .slide {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none; }

#slider .slide:first-child {
  display: block; }

#slider img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

#slider .arrows a {
  position: absolute;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.65);
  top: 43%;
  left: 35px;
  font-weight: 400;
  line-height: 1;
  font-size: 42px; }

#slider .arrows a:hover {
  color: #fff; }

#slider .arrows a.next {
  left: initial;
  right: 35px; }

.plantilla1 .containerTag {
  min-height: 100%; }
  .plantilla1 .containerTag .buttonContainer {
    position: absolute;
    bottom: 20px;
    max-width: calc(100% - 30px); }

.plantilla1 .conteinerDetail .containerTag {
  min-height: 135px; }

.plantilla1 .lineNumber {
  font-size: 12px !important;
  text-align: justify !important;
  line-height: 13px !important;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }
  .plantilla1 .lineNumber  {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .plantilla1 .lineNumber .bgvermas {
    position: absolute;
    text-align: right;
    line-height: 9px;
    width: 70px;
    right: 0px;
     bottom: -1px;
    background-color: #fff;
    height: 20px;
    margin-bottom: -8px;
    padding: 0px; }

.plantilla2 .containerTag {
  min-height: 100%; }
  .plantilla2 .containerTag .buttonContainer {
    position: absolute;
    bottom: 0px;
    max-width: calc(100% - 30px); }

.plantilla2 .conteinerDetail .containerTag {
  height: 150px; }

.plantilla2 .lineNumber {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; }
  .plantilla2 .lineNumber  {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -moz-line-clamp: 4;
    -ms-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .plantilla2 .lineNumber .bgvermas {
    position: absolute;
    text-align: right;
    line-height: 9px;
    width: 70px;
    right: 0px;
    bottom: -1px;
    background-color: #fff;
    height: 20px;
    margin-bottom: -8px;
    padding: 0px; }

.plantilla3 .containerTag {
  min-height: 100%; }
  .plantilla3 .containerTag .buttonContainer {
    position: absolute;
    bottom: 15px;
    max-width: calc(100% - 30px); }

.plantilla3 .conteinerDetail .containerTag {
  height: 150px; }

.plantilla3 .lineNumber {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }
  .plantilla3 .lineNumber  {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .plantilla3 .lineNumber .bgvermas {
    position: absolute;
    text-align: right;
    line-height: 9px;
    width: 70px;
    right: 0px;
    bottom: -1px;
    background-color: #fff;
    height: 20px;
    margin-bottom: -8px;
    padding: 0px; }

  .detalleInfo {
  color: #818181 !important;
  text-transform: uppercase;
  letter-spacing: 0.6px; }
  .detalleInfo b {
    color: #818181 !important; }
  .detalleInfo span {
    float: right; }

.plantilla4 .containerTag {
  min-height: 100%; }
  .plantilla4 .containerTag .buttonContainer {
    position: absolute;
    bottom: 15px;
    max-width: calc(100% - 30px); }

.plantilla4 .conteinerDetail .containerTag {
  height: 261px; }

.plantilla4 .boxInput {
  background-color: #e6e6e6;
  border-radius: 8px;
  display: flex;
  padding-top: 7px;
  margin-left: 24px;
  padding-bottom: 4px;
  padding-right: 10px;
  text-align: left; }

.plantilla4 .cardDetail .rightcontent {
  width: calc(100% - 100px); }
  .plantilla4 .cardDetail .rightcontent .btn {
    font-size: 0.67rem !important; }
  .plantilla4 .cardDetail .rightcontent #spinner .form-control {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none !important;
    margin-top: -9px;
    font-size: 16px;
    display: inline-flex !important; }
    .plantilla4 .cardDetail .rightcontent .spinner .form-control {
    background-color: rgba(0, 0, 0, 0) !important;
    border: none !important;
    margin-top: -9px;
    font-size: 16px;
    display: inline-flex !important; }
  .plantilla4 .cardDetail .rightcontent .minusBtn {
    position: absolute;
    top: 16px;
    border-radius: 1px; }
  .plantilla4 .cardDetail .rightcontent .plussBtn {
    position: absolute;
    top: -5px; }

.plantilla4 .card:hover .btn-success-line, .plantilla4 .card:hover .btn-danger-line {
  box-shadow: none !important; }

.plantilla4 .lineNumber {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-line-clamp: 8;
  -moz-line-clamp: 8;
  -ms-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden; }
  .plantilla4 .lineNumber .bgvermas {
    position: absolute;
    text-align: right;
    line-height: 9px;
    width: 70px;
    right: 0px;
    bottom: -1px;
    background-color: #fff;
    height: 23px;
    margin-bottom: -8px;
    padding: 0px; }

.plantilla2 .imgResponsive2 {
  max-height: 180px !important;
  min-height: 80px;
  border-radius: 10px 0px 0px 10px !important;
  overflow: hidden; }

.plantilla2 .imgResponsive2 img {
  margin-left: 0px;
  height: 100% !important;
  width: 100%; }

.plantilla2 .text-descr {
  line-height: 14px; }

.imgvisor {
  width: 100%; }

.alertmod .modal-header {
  background-color: #ea4335;
  height: 130px;
  border-radius: 1rem 1rem 0rem 0rem; }

.alertmod .modal-content {
  border-radius: 1rem; }

.escogerOpcion {
  display: none; }

.box .form-control {
  color: #495057;
  background-color: #fff;
  border-radius: 60px; }

.icon-expand {
  width: 35px !important;
  height: 38px !important;
  background: transparent !important;
  position: absolute !important;
  border-radius: 50% !important;
  right: 25px !important;
  top: 0px !important; }
  .icon-expand img {
    padding: 7px 6px 4px 6px !important;
    width: 35px !important;
    margin-right: 0px !important; }

.box .form-control {
  border: none;
  padding-left: 20px;
  background: #ebecee !important; }

@media (max-width: 991px) {
  .cutHeader.sideoculto {
    width: calc(100vw) !important; }
  .btn-hide {
    display: block; }
  .dotacion .bgBanner .textDrive {
    width: 90% !important; }
    .smtop {
    margin: 50px;
    margin-left: 0px; }
  .searchCategory.bar {
    margin-left: 0px !important;
    top: 25px; }
    .searchCategory.bar .box {
      position: absolute;
      width: 100vw;
      top: -40px;
      left: -3px; }
    .searchCategory.bar .icon-expand {
      width: 38px !important;
      height: 38px !important;
      background: #ffffff !important;
      position: absolute !important;
      border-radius: 50% !important;
      right: 25px !important; }
    .searchCategory.bar .search:focus {
      outline: 0;
      outline-style: none;
      box-shadow: none;
      border-color: transparent; }
    .searchCategory.bar .search {
      width: 100%;
      max-width: 0;
      padding: 5px 15px;
      transition: all .5s ease;
      position: absolute;
      right: 0px;
      box-sizing: border-box;
      opacity: 0;
      height: 50px;
      top: -10px; }
    .searchCategory.bar .search.expanded {
      max-width: calc(100vw - 80px);
      opacity: 1;
      top: -6px; }
    .searchCategory.bar .icon-expand {
      width: 30px;
      height: 30px;
      background: #E23B3B;
      position: absolute;
      right: 15px;
      border-radius: 20px; }
      .searchCategory.bar .icon-expand img {
        padding: 4px 4px 4px 4px;
        width: 100%; }
  .floatMenu .tittleMenuSp {
    padding: 15px 15px 0px 22px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 12px;
    color: #fff; }
  .floatMenu .separador {
    padding: 10px 0px 0px 0px !important;
    border-bottom: 1px solid #d3d2d2; }
  .floatMenuOption {
    display: block !important; }
    .compactoCarHeight {
    height: calc(100vh - 250px) !important; }
  .escogerOpcion.show {
    overflow-y: scroll;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #EB4535;
    background: linear-gradient(47deg, #D92134 0%, #EB4535 60%);
    height: 100vh;
    width: 100vw;
    padding: 20px 20px 20px 20px;
    text-align: center;
    color: #fff; }
    .escogerOpcion.show #quieroComprar {
      width: 180px;
      margin: 0px auto; }
      .escogerOpcion.show #quieroComprar img {
        width: 100%; }
    .escogerOpcion.show #quieroVender {
      width: 180px;
      margin: 0px auto; }
      .escogerOpcion.show #quieroVender img {
        width: 100%; }
    .escogerOpcion.show .logoline {
      display: block;
      text-align: center;
      margin: 10px auto;
      width: 120px; }
    .escogerOpcion.show span {
      font-size: 16px; }
    .escogerOpcion.show h2 {
      margin-bottom: 40px;
      margin-top: -5px !important;
      font-size: 24px;
      margin-top: 0px;
      padding-top: 0px; }
    .escogerOpcion.show .poscomprar {
      position: relative;
      bottom: 20px !important;
      left: 70px !important; }
    .escogerOpcion.show .posVender {
      position: relative;
      bottom: 30px;
      right: 70px;
      rotate: 90deg;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      -webkit-transition-duration: 1.3s;
      -moz-transition-duration: 1.3s;
      -o-transition-duration: 1.3s;
      transition-duration: 1.3s; }
  .sm-hidden {
    display: none; }
  .floatMenu {
    width: 100%;
    text-decoration: none;
    text-align: left;
    list-style: none;
    padding: 0px 0px 0px 0px;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    overflow: hidden; }
  .userInfo {
    font-size: 18px; }
  .navbar-nav li {
    margin-top: 0px !important; }
  .floatMenu li {
    width: 100%;
    padding: 15px 15px; }
  .floatMenu li img {
    width: 35px;
    display: block;
    margin-left: 10px; }
  .bg-dark .offcanvas-collapse {
    padding-right: 0rem;
    padding-left: 0rem; }
  .bg-dark .floatMenuOption {
    padding-right: 0px !important; }
  .floatMenu a {
    color: #fff !important;
    text-decoration: none; }
  .floatMenu .linkElm li {
    padding-left: 25px; }
  .floatMenu .menubgsec2:last-child li {
    border-radius: 0px 0px 12px 12px !important; }
  .floatMenu .linkElm:hover {
    color: #fff !important; }
  .floatMenu a li:hover {
    color: #fff; }
  .floatMenu li:hover {
    cursor: pointer;
    font-weight: 500; }
  .floatMenu .menubgsec2 li, .floatMenu .menubgsec2 {
    background-color: #305684 !important; }
  .storeMenuSub {
    padding: 5px 6px;
    margin-top: 8px/ }
    .storeMenuSub .optionUSer {
      padding: 5px 6px;
      margin-top: 8px;
      border-radius: 12px; }
  .userMenuSub .optionUSer {
    background-color: #305684;
    padding: 15px 15px;
    margin-top: 8px;
    border-radius: 12px; }
  .exit {
    overflow: hidden;
    position: absolute;
    top: 5rem;
    width: 60px;
    text-align: center;
    right: 28px; }
    .exit:hover {
      opacity: 0.5; }
    .exit .exitSub {
      width: 50px !important;
      height: 50px !important;
      display: block;
      margin: 0 auto; } }

.selectCategory {
  height: 58px !important;
  border-radius: 12px !important;
  border: 1px solid #E23B3B; }

.searchCategory .from-search .gradientSearch {
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  border: 2px solid #fff;
  color: #999999 !important;
  height: 58px;
  font-size: 18px;
  font-weight: 400;
  width: 100%;
  padding-left: 30px;
  border-radius: 40px;
  box-shadow: 0px 0px 8px #d6d6d6;
  color: #EF4E35; }

.searchCategory .from-search .btn-search {
  font-size: 28px !important;
  background-color: #EF4E35;
  display: block;
  border: 1px solid #EF4E35;
  padding: 0px 10px 0px 10px;
  border-radius: 40px;
  position: absolute;
  left: calc(100% - 80px);
  z-index: 0;
  font-weight: 300;
  margin-top: 0px;
  width: 58px;
  height: 58px;
  cursor: pointer;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; }

.searchCategory .from-search .btn-search img {
  width: 25px; }

.btn-pluss {
  width: 38px;
  height: 38px; }
  .btn-pluss span {
    font-size: 15px;
    padding-top: 0px;
    font-weight: 100 !important; }

.plantillaModal input[type=checkbox]:not(old) + label, .plantillaModal input[type=radio]:not(old) + label {
  line-height: 22px; }

.plantillaModal .modal-header {
  border-bottom: 1px solid #ced4da; }

.plantillaModal .modal-footer {
  border-top: 1px solid #ced4da; }
  .plantillaModal .modal-footer .subInfo {
    width: 130px;
    background-color: #dae4ea;
    font-size: 22px;
    padding: 7px 0px;
    text-align: center;
    margin: 0px 21px;
    border-radius: 15px; }

.plantillaModal .cardDetail img {
  border-radius: 10px 10px 0 0; }

.plantillaModal .cardDetail h4 {
  color: #E23B3B !important;
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px; }

.plantillaModal .cardDetail h1 {
  line-height: 16px;
  font-size: 16px;
  margin-bottom: 2px; }

.plantillaModal .cardDetail p {
  font-size: 12px;
  text-align: justify; }

.plantilla1 .cardDetail h4 {
  color: #E23B3B !important;
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px; }

.plantilla1 .cardDetail h1 {
  line-height: 16px;
  font-size: 16px;
  margin-bottom: 2px;
  height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.plantilla1 .cardDetail p, .plantilla1 .cardDetail ul{
  font-size: 12px;
  text-align: justify;
  line-height: 13px;
  margin-bottom: 0px !important; }

.plantilla1 .cardDetail ul {
  margin-left: 15px !important;
  list-style: circle !important; }

.plantilla2 .cardDetail h4 {
  color: #E23B3B !important;
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px; }

.plantilla2 .cardDetail h1 {
  line-height: 16px;
  font-size: 16px;
  margin-bottom: 2px;
  height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.plantilla2 .cardDetail p, .plantilla2 .cardDetail ul {
  font-size: 12px;
  text-align: justify;
  line-height: 13px;
  margin-bottom: 0px !important; }

.plantilla2 .cardDetail ul {
  margin-left: 5px !important;
  list-style: circle !important; }

.plantilla3 .cardDetail h4 {
  color: #E23B3B !important;
  font-size: 17px;
  font-weight: bold;
  margin-top: 10px; }

.plantilla3 .cardDetail h1 {
  line-height: 16px;
  font-size: 16px;
   margin-bottom: 2px;
  height: 31px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.plantilla3 .cardDetail p, .plantilla3 .cardDetail ul{
  font-size: 12px;
  text-align: justify;
  line-height: 13px;
  margin-bottom: 0; }

.plantilla3 .cardDetail ul {
  margin-left: 5px !important;
  list-style: circle !important; }

.plantilla4 .cardDetail h4 {
  color: #E23B3B !important;
  font-size: 17px;
  font-weight: bold;
  text-align: left;
  margin-top: 10px; }

.plantilla4 .cardDetail h1 {
  line-height: 16px;
  font-size: 16px;
  margin-bottom: 2px;
  height: 31px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.plantilla4 .cardDetail p, .plantilla4 .cardDetail ul{
  font-size: 12px;
  text-align: justify;
  line-height: 16px;
  margin-bottom: 0 !important; }

.verMas {
  color: #375f8e;
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline; }
  .verMas:hover {
    color: #E23B3B; }

@media (min-width: 992px) {
  .justify-md-content-between {
    justify-content: space-between !important; }
  .smallElm #categoryOptions2.press {
    display: block;
    position: absolute;
    z-index: 15;
    top: 10px;
    left: 15px; }
  .smallElm #categoryOptions2.press {
    background-color: #fff;
    color: #fff;
    border: 1px solid #fff; }
  .smallElm .sliderProductHome .paddles img {
     width: 10px !important;
    margin-top: -6px; }
  .smallElm .sliderProductHome .paddles .right-paddle, .smallElm .sliderProductHome .paddles .left-paddle {
     height: 19px !important;
    width: 19px !important;
    padding: 0px 0px;
    top: 5px !important;
    background: #e5eaf0; }
  .smallElm .categoryLine {
    margin: 0 23px !important; }
  .smallElm .categoryLine a {
    text-align: center !important; }
  .smallElm .box {
    display: flex;
    margin-top: 5px; }
  .smallElm .icon-expand {
    width: 40px;
    height: 40px;
    background: #E23B3B;
    position: relative;
    border-radius: 50%; }
    .smallElm .icon-expand img {
      padding: 10px 8px 4px 8px;
      width: 40px; }
  .plantilla3 .cardDetail .flex-column {
    min-height: 51px; }
    .plantilla3 .cardDetail ul {
    list-style: circle !important;
    margin-left: 15px !important;
    margin-bottom: 15px !important; }
  .plantilla3 .cardDetail p {
    margin-bottom: 0px !important; }
  .plantilla3 .cardDetail strong {
    line-height: 16px !important; }
  .plantilla1 .cardDetail .flex-column {
    min-height: 105px; }
  .plantilla1 .cardDetail ul {
    list-style: circle !important;
    margin-left: 15px !important;
    margin-bottom: 0px !important; }
  .plantilla1 .cardDetail p {
    margin-bottom: 0px !important; }
  .plantilla1 .cardDetail strong {
    line-height: 16px !important; }
  .plantilla1 .card.imgresp {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    margin: 0px !important; }
  .plantilla1 .imgResponsive2 {
    max-height: 180px !important;
    min-height: 80px;
    border-radius: 10px 10px 0px 0px !important;
    overflow: hidden; }
  .plantilla1 .cardDetail {
    height: 100% !important; }
  .plantilla1 .cardDetail strong {
    margin-bottom: 5px; }
    .plantilla4 .card-columns {
    column-count: 4;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
  .plantilla4 .cardDetail .flex-column {
    min-height: 105px; }
  .plantilla4 .cardDetail ul {
    list-style: circle !important;
    margin-left: 15px !important;
    margin-bottom: 0px !important; }
  .plantilla4 .cardDetail h4 {
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    text-align: left;
    color: #E23B3B !important; }
  .plantilla4 .cardDetail p {
    margin-bottom: 0px !important; }
  .plantilla4 .cardDetail strong {
    line-height: 16px !important; }
  .plantilla4 .card.imgresp {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    margin: 0px !important; }
  .plantilla4 .imgResponsive2 {
    max-height: 180px !important;
    min-height: 180px;
    border-radius: 10px 10px 0px 0px !important;
    overflow: hidden; }
  .plantilla4 .cardDetail {
    height: 100% !important; }
  .plantilla4 .cardDetail strong {
    margin-bottom: 5px; }
  .plantilla2 .cardDetail ul {
    list-style: circle !important;
    margin-left: 5px !important;
    margin-bottom: 15px !important; }
     .plantilla2 .cardDetail ul li {
      list-style-position: inside; }
  .plantilla2 .cardDetail p {
    margin-bottom: 0px !important; }
  .plantilla2 .cardDetail strong {
    line-height: 17px !important; }
  .plantilla2 .imgWidth {
    border-radius: 12px !important;
    margin-left: 0px;
    height: auto !important;
    width: 90px !important;
    float: left;
    margin-right: 10px; }
  .tiendaIco {
    top: calc(79% - 22px) !important; }
  #slider2 {
    margin: 0px;
    padding: 0px; }
    #slider2 .bgimgP1 {
      width: 100%;
      height: auto; }
    #slider2 .slide {
      width: 100%;
      height: auto;
      position: relative;
      left: 0;
      top: 0;
      display: none;
      overflow: hidden; }
    #slider2 .slides-container {
      position: relative;
      width: 100%;
      height: 100%; }
    #slider2 .slide:first-child {
      display: block; }
  .cutHeader {
    width: calc(100% - 25% - 0px); }
    .float-left {
    float: left; }
  .floatMenu .tittleMenuSp {
    padding: 15px 15px 0px 22px !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 12px;
    color: #375F8E; }
  .floatMenu .separador {
    padding: 10px 0px 0px 0px !important;
    border-bottom: 1px solid #d3d2d2; }
  .floatMenu {
    display: none;
    background-color: #fff;
    width: 290px;
    right: 0;
    box-shadow: 0px 0px 14px #3d3d3d79 !important;
    top: 46px;
    border-radius: 8px;
    position: absolute;
    text-decoration: none;
    text-align: left;
    list-style: none;
    padding: 0px 0px 0px 0px;
    font-weight: 500;
    font-size: 15px;
    color: #46464F;
    overflow: hidden; }
  .userInfo {
    font-size: 18px; }
  .userInfo:hover {
    background-color: #fff !important; }
  .floatMenu li {
    width: 100%;
    padding: 10px 15px; }
  .floatMenu li img {
    width: 35px;
    display: none;
    margin-left: 10px; }

    .floatMenu .btnSection {
      padding-top: 5px !important;
    height: 60px;
    text-align: center;
    width: 100%; }
  .floatMenu a {
    color: #212129 !important;
    text-decoration: none; }
  .floatMenu .linkElm li {
    font-weight: 400;
    padding-left: 25px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
     }
  .floatMenu .menubgsec2:last-child li {
    border-radius: 0px 0px 12px 12px !important; }
  .floatMenu .linkElm:hover {
    padding-left: 25px;
    color: #375F8E !important; }
  .floatMenu a li:hover {
    background-color: #f7f9fb; }
  
  .floatMenu li:hover {
    background-color: #f3f3f3;
    cursor: pointer;
    font-weight: 500; }
    .floatMenu .menubgsec2 li, .floatMenu .menubgsec2 {
    background-color: #e9eef2 !important; }
  .storeMenuSub {
    padding: 5px 6px;
    /*margin-top: 8px;*/ }
    .storeMenuSub .optionUSer {
      padding: 5px 6px;
      margin-top: 8px;
      border-radius: 12px; }
  .userMenuSub .optionUSer {
    background-color: #e9eef2;
    padding: 5px 6px;
    margin-top: 8px;
    border-radius: 12px; }
  .exit {
    overflow: hidden;
    position: absolute;
    top: 22px;
    width: 50px;
    text-align: center;
    right: 22px; }
    .exit:hover {
      opacity: 0.5; }
    .exit .exitSub {
      width: 20px !important;
      height: 20px !important;
      display: block;
      margin: 0 auto; }
  .floatMenuOption {
    position: relative; }
  .floatMenuOption span {
    padding-bottom: 30px; }
  .floatMenuOption:hover .floatMenu {
    display: block; }
  .nav-item a:hover > span i i {
    -webkit-text-fill-color: #41454b;
    -webkit-text-stroke-color: #EF4E35;
    -webkit-text-stroke-width: 1.50px; } }

.linkMenu {
  display: none; }

@media (max-width: 991px) {
  .imgresp .imgResponsive2 {
    min-height: 110px !important;
    max-height: 222px; }
  .plantilla4 .containerTag .buttonContainer {
    position: absolute;
    bottom: 15px;
    max-width: calc(66% - 30px); }
  .plantilla4 .btn-danger-home {
    font-size: 9px; }
  .plantilla4 .imgResponsive2 {
    margin-left: 0px;
    height: auto !important;
    width: 30% !important;
    float: left;
    margin-right: 10px;
    border-radius: 12px !important;
    margin-top: 10px;
    margin-left: 10px;
    overflow: hidden; }
  .plantilla2 .cardDetail ul {
    list-style: circle !important;
    margin-left: 15px !important;
    margin-bottom: 15px !important; }
  .plantilla2 .cardDetail p {
    margin-bottom: 0px !important; }
  .plantilla2 .cardDetail strong {
    line-height: 17px !important; }
  .plantilla2 .imgWidth {
    border-radius: 12px !important;
    margin-left: 0px;
    height: auto !important;
    width: 90px !important;
    float: left;
    margin-right: 10px; }
  #slider2 .slides-container{
    height: 80% !important;
  }
  #slider2 .slide{
    height: 100%;
  }
  .avatarMenu {
    /*display: none !important;*/ }
  .insideElm {
    display: none !important; }
  .linkMenu {
    position: fixed !important;
    z-index: 3000;
    top: 4px;
    right: 80px;
    cursor: pointer;
    display: block; }
    .linkMenu span {
      -webkit-text-fill-color: #ffffff17;
      -webkit-text-stroke-color: #fff;
      -webkit-text-stroke-width: 1.50px; }
      .linkMenu span i {
        font-size: 37px;
        padding-top: 0px; }
  .sliderBanner h5 {
    font-size: 32px !important;
    line-height: 35px !important; }
  .containerv2 {
    text-align: center; }
  .floatMenu img {
    display: none; }
  .imgresp .imgResponsive2 {
    height: auto !important; }
  .floatMenu li {
    list-style: none; }
  .navbar-nav .nav-item {
    margin-top: 10px !important;
    padding-top: 0px !important; }
  .floatMenu a {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    display: block; }
  .floatMenu a:hover {
    color: #ea4335; }
  .linkMenu {
    display: block; } }

.display-inline {
  padding: 0px !important;
  display: inline-flex !important; }

@media (min-width: 992px) {
  .categoryStyle .listShow {
    background-color: #fff;
    border-radius: 12px;
    padding: 50px 10px 20px 0px !important;
    z-index: 10;
    height: auto;
    width: 240px;
    left: 0;
    box-shadow: 0px 3px 12px #3d3d3d79 !important;
    position: absolute;
    overflow: hidden;
    top: 0px; }
    .categoryStyle .listShow .tittleList {
      width: auto !important; }
  .sticky {
    position: fixed;
    width: 25%;
    top: 60px;
    height: auto;
    z-index: 1; }
    .sticky .scrolly {
      max-height: calc(100vh - 300px) !important; }
  .stickyFoot {
    position: fixed;
    width: 25%;
    top: 60px;
    z-index: 1; }
  .sticky + .content {
    padding-top: 2px; }
  .carrito_final {
    bottom: 0px;
    position: absolute;
    width: 89.5%; } }

.profile .contentprof .orangeline {
  border-top: 3px solid #ea4335; }

.profile .contentprof .orangelinebtn {
  border-bottom: 3px solid #ea4335; }

.profile .contentprof h4 {
  margin-bottom: 0.1rem !important; }

.profile .contentprof .sepProf {
  border-bottom: 1.5px dashed #dadada;
  margin-bottom: 40px; }

.profile .contentprof .sectionProf {
  padding-bottom: 26px;
  padding-left: 20px;
  padding-right: 20px; }

.profile .contentprof .sectionProf label {
  line-height: 1em; }

.profile .contentprof .sectionProf .input-group {
  padding: 15px 0px; }

.profile .contentprof .sectionProf .input-group .form-control {
  background-color: #F5F9FC !important; }

.profile .contentprof .sectionProf p {
  margin-top: 0;
  margin-bottom: 0.1rem;
  color: #464646;
  font-size: 13px; }

.profile .bgavatar:hover {
  background-image: url(../images2/bgfondo.svg) !important;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 120%;
  height: 205px;
  width: 100v;
  padding-top: 30px;
  transform: scale(1.2); }

.profile .sidebarprof {
  background-color: #fff;
  color: #fff;
  margin-top: 0px !important;
  border-top: 80px solid #ef5535 !important;
  padding: 0px 0px 60px 0px; }

.profile .sidebarprof .bgavatar {
  background-image: url(../images2/bgfondo03.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 130%;
  height: 205px;
  width: 100v;
  padding-top: 30px;
  transition: all .5s; }

.profile .sidebarprof img {
  width: 70px;
  vertical-align: middle;
  border-style: none;
  border-radius: 50%; }

.profile .sidebarprof h5 {
  color: #fff !important;
  margin-bottom: 0.1rem; }

.profile .sidebarprof p {
  font-size: 13px; }

.profile .sidebarprof ul {
  text-align: left !important; }

.profile .sidebarprof ul li {
  display: block;
  padding: 10px 30px;
  margin-top: 20px;
  font-size: 18px; }

.profile .sidebarprof ul li a {
  color: #46464f;
  font-weight: 500; }

.profile .sidebarprof ul li:hover, .profile .sidebarprof ul .active {
  text-decoration: none;
  border-left: 5px solid #ea4335;
  color: #ea4335;
  cursor: pointer; }

.profile .sidebarprof ul li:hover a, .profile .sidebarprof ul .active a {
  color: #ea4335;
  text-decoration: none; }

#starevent .star-rating {
  font-size: 19px; }

#starevent .star-rating li:hover {
  color: #cc3b25; }

#starevent .star-rating .active {
  color: #ea4335; }

#starevent .star-rating-click {
  cursor: pointer;
  font-size: 22px; }

#starevent .star-rating-click li:hover {
  color: #cc3b25; }

#starevent .star-rating-click .active {
  color: #ea4335; }

.text-input {
  background-color: #efefef !important; }

.text-input {
  padding: 0.375rem 0.7rem;
  border-radius: 12px; }

.modal {
  overflow-y: auto; }

.cart2 span {
  -webkit-text-fill-color: #46464f00;
  -webkit-text-stroke-width: 1.50px;
  padding-right: 10px; }

.cart2 span i {
  font-size: 37px;
  padding-top: 0px; }

.cart2 span.badge-pill {
  position: absolute;
  top: 30px;
  left: 2px;
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-width: 0px; }

.badge-danger {
  color: #1d4225;
  background-color: #ffffff; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.lineRight {
  border-right: 1px solid #e9eef2; }

.lineLeft {
  border-left: 1px solid #e9eef2; }

.detalleCarro .leftcontent {
  width: calc(100% - 85px); }

.detalleCarro .rightcontent {
  width: 75px; }

.baseCarrito {
  padding: 0px 0px;
  border-radius: 0px;
  background-color: #fff;
  padding-bottom: 0px; }

.baseCarrito .leftcontent a {
    font-size: 13px; }
  .baseCarrito .leftcontent h6 {
    margin-bottom: 0px; }

.baseCarrito .headerInfo {
    background-color: #ebeff4;
     padding-top: 0px;
    padding-bottom: 0px; }
    .baseCarrito .headerInfo h5 {
      margin-top: 0px;
      margin-bottom: 3px;
      padding-top: 3px; }
    .baseCarrito .headerInfo h6 {
      padding-bottom: 3px;
      margin-bottom: 0px;
      color: #6c7b8c !important; }
  .baseCarrito .totalCarro {
    background-color: #ebeff4;
    padding-bottom: 10px !important; }

.cartBtn {
  border-radius: 50px;
  font-size: 15px !important;
  text-align: left;
  padding: 7px 15px !important;
  margin-top: 0px; }
  .cartBtn .i {
    padding-bottom: 7px;
    display: inline-block; }

.baseCarrito .totalCarro {
  padding: 0px 10px 0px 10px;
  text-align: left; }
  .baseCarrito .totalCarro button {
    text-align: left; }
  .baseCarrito .totalCarro .badge-danger {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    top: 3px;
    left: 32px;
    font-weight: bold; }
  .baseCarrito .totalCarro span .fa-shopping-cart {
    -webkit-text-fill-color: #46464f00;
    -webkit-text-stroke-width: 1.50px;
    padding-right: 10px;
    font-size: 27px;
    padding-top: 0px; }

.handler {
  display: none; }

.handler:hover {
  background-color: #31ab6a; }

.handler {
  background-color: #31ab6a;
  z-index: 1032;
  position: absolute;
  bottom: 10px;
  left: calc(-98vw) !important;
  right: initial;
  width: 95%;
  /*padding: 10px 15px;*/
  color: #fff;
  vertical-align: text-bottom;
  font-size: 19px;
  border-radius: 30px;
  cursor: pointer; }
  .handler .badge-danger {
    position: absolute;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    top: 3px;
    left: 32px;
    font-weight: bold; }

.formPedido .form-check > div {
  border-bottom: 1px solid #efefef;
  padding: 7px 0px 7px 0px; }

.formPedido .form-check > div:last-child {
  border-bottom: 0px solid #efefef;
  /*padding: 10px 0px;*/ }

.formPedido > span {
  font-size: 12px !important;
  width: 100%;
  color: #b1aeae;
  display: none; }

.formularioCompra {
  padding: 1rem 1.5rem; }

.closed {
  filter: grayscale(100%);
  /* Current draft standard */
  -webkit-filter: grayscale(100%);
  /* New WebKit */
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  /* Not yet supported in Gecko, Opera or IE */
  filter: url(resources.svg#desaturate);
  /* Gecko */
  filter: gray;
  /* IE */
  -webkit-filter: grayscale(1);
  /* Old WebKit */ }

em.text-success {
  color: #363a3f;
  font-weight: 800;
  padding-top: 10px; }

.fm-video {
  min-width: 100vw !important;
  position: absolute !important;
  top: 25vh !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important; }

.timeline {
  position: relative;
  width: auto;
  margin: 0 auto;
  margin-top: 0em;
  padding-bottom: 2em;
  padding-left: 0px; }

.timeline .timeline-blocks {
  display: block;
  height: auto;
  padding: 1px 23px;
  position: relative;
  overflow: hidden;
  text-align: left;
  width: 80%;
  left: 32px; }

.timeline .timeline-blocks i {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
  color: #cfcfcf; }

.timeline-blocks:before {
  position: absolute;
  left: 9px;
  top: 17px;
  content: ' ';
  display: block;
  width: 2px;
  height: 93%;
  margin-left: -3px;
  background: #cfcfcf;
  z-index: 5; }

.timeline-blocks:last-child:before {
  display: none; }

.timeline-blocks.active i {
  color: #148f5d; }

.active.timeline-blocks:before {
  background: #148f5d; }

.timeline-blocks.active:last-child:before {
  display: none; }

.timeline-blocks .date-l, .timeline-blocks .date-r {
  position: absolute;
  top: 2em;
  right: 58%;
  font-size: 1em; }

.timeline-blocks .date-r {
  left: 54%;
  right: auto; }

.timeline-blocks a:hover {
  color: #cfcfcf; }

.timeline-blocks svg path {
  fill: #a3a2a3 !important; }

.timeline-blocks svg {
  width: 50px;
  height: 50px; }

.timeline-blocks.active svg path {
  fill: #148f5d !important; }

.timeline-blocks.active {
  color: #148f5d !important;
  font-weight: 600; }

#MetodoPago label {
  display: block;
  margin: 3px 0; }

#MetodoPago .form-row input {
  padding: 3px 1px;
  width: 100%; }

#MetodoPago input.currency {
  text-align: right;
  padding-right: 15px; }

#MetodoPago .input-group .form-control {
  float: none; }

#MetodoPago .input-group .input-buttons {
  position: relative;
  z-index: 3; }

#MetodoPago .input-group span {
  background-color: #ced4da;
  position: absolute;
  padding: 5px 12px;
  z-index: 5;
  border-radius: 10px 0px 0px 10px;
  color: #46464f;
  font-weight: 600;
  font-size: 19px; }

.scrollAlto {
  overflow: scroll;
  height: 65vh; }
.scrollModal {
  overflow: scroll;
  /*height: 60vh;*/
  margin-top: 20px;
  padding: 0px 10px; }

@media(max-width: 991px){
  .scrollAlto {
  overflow: scroll;
  height: 55vh; }  
}

.courrierFoto {
  border-radius: 50%;
  width: 60px !important;
  height: 60px !important;
  overflow: hidden;
  z-index: 5; }

@media (min-width: 576px) {
  .container.alignnav {
    max-width: 100%; }
  .listCategory a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

.categoryLine {
  list-style: none; }

.categoryLine a {
    margin-right: 5px; }

.categoryLine li {
  width: 85px;
  height: 85px;
  border: 5px solid #fff;
  border-radius: 50%;
  margin-right: 20px;
  background-size: cover;
  cursor: pointer; }

.categoryLine li:hover {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  margin-right: 20px;
  border-bottom: 5px solid #EF4E35; }

.categoryLine li:hover h3 {
  color: #fff;
  background-color: #EF4E35; }

.categoryLine h3 {
  font-size: 12px;
  text-align: center;
  background-color: #eeeeee;
  padding: 5px 2px;
  border-radius: 5px;
  position: relative;
  top: 60px;
  color: #707070; }

.categoryLine li.active {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  margin-right: 20px;
  border-bottom: 5px solid #EF4E35; }

.categoryLine li.active h3 {
  color: #fff;
  background-color: #EF4E35; }

@media (max-width: 910px) {
  .directionClose {
    position: absolute;
    top: -29px;
    left: -1%; }
  .direction {
    margin-top: 0px; }
  .menuListCategory {
    height: 70px;
    padding-left: 0px;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; }
  .menuListCategory a {
    color: #5e5e5e;
    display: block;
    padding: 7px 11px !important;
    margin-top: 11px;
    margin-right: 7px;
    margin-left: 7px;
    text-decoration: none;
    background-color: #dddddd;
    border-radius: 11px;
    width: max-content; }
  .menuListCategory img {
    display: none; }
  .menuListCategory li {
    border-left: none !important;
    background-color: #fff; }
  .menuListCategory li.active {
    background-color: #fff !important; }
  .menuListCategory li.active a {
    border-left: none !important;
    background-color: #EF4E35;
    color: #fff; }
  .menuListCategory li:hover {
    background-color: #fff !important; }
  .menuListCategory a:hover {
    border-left: none !important;
    background-color: #EF4E35;
    color: #fff !important; } }

.menu-wrapper {
  position: relative;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: hidden; }

.menu {
  height: 120px;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }

.menu .item {
  display: inline-block; }

.paddle {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3em; }

.left-paddle {
  left: 0;
  background: #ff7800;
  height: 85px;
  width: 33px;
  padding: 30px 10px;
  cursor: pointer; }

.left-paddle i {
  font-size: 23px;
  color: #fff; }

.right-paddle {
  right: 0;
  background: #ff7800;
  height: 85px;
  width: 33px;
  padding: 30px 10px;
  cursor: pointer; }

.right-paddle i {
  font-size: 23px;
  color: #fff; }

.hidden {
  display: none; }

.print {
  margin: auto;
  max-width: 500px; }

.print span {
  display: inline-block;
  width: 100px; }

.emptyProd p {
  font-size: 25px;
  color: #8f929e; }

.emptyProd h2 {
  color: #EF4E35; }

.rectangle .text_detail p small {
  background-color: #fff;
  display: inline-block;
  padding: 8px 10px;
  border-radius: 16px;
  color: #444;
  font-weight: 500;
  text-align: center;
  line-height: 12px;
  position: absolute;
  bottom: 11px;
  right: 11px; }

.menuListCategory .listCategory {
  font-weight: 500;
  color: #5e5e5e;
  display: block; }

.menuListCategory .listCategory a {
  color: #5e5e5e;
  display: block;
  padding: 25px 15px;
  text-decoration: none; }

.menuListCategory li.active {
  border-left: 5px solid #EF4E35;
  background-color: #fff; }

.menuListCategory .listCategory:hover {
  border-left: 5px solid #EF4E35;
  background-color: #f3f3f3; }

.menuListCategory img {
  width: 30px;
  overflow: hidden;
  margin-right: 10px;
  height: 30px;
  border-radius: 50%; }

.card.imgresp {
  padding-bottom: 20px !important;
  padding-top: 20px;
  margin: 0px !important; }

.card.imgresp .imgResponsive2 {
  border: 1px solid #eee; }

.card.imgresp .imgResponsive2 span.text-right {
  position: absolute;
  left: calc(100% - 100px) !important;
  top: 30px;
  height: 30px;
  display: inline-flex;
  background-color: #f4f4f4;
  border-radius: 12px;
  padding: 5px 9px;
  font-size: 14px;
  font-weight: 500; }

.blog-post {
  border-left: 1px solid #eee;
  padding: 0px 30px;
  color: #4f5255 !important; }

.blog-post .blog-post-host {
  text-align: left; }

.blog-post .blog-post-title {
  margin-top: 50px;
  text-align: left;
  color: #666a6e !important; }

.blog-post p {
  text-align: justify;
  line-height: 25px;
  color: #666a6e !important; }

.blog-post .blog-list {
  list-style: none !important;
  /* Remove list bullets */
  padding: 0;
  margin: 0; }

.blog-post .blog-list > li:before {
  content: "•";
  /* Insert content that looks like bullets */
  padding-right: 8px; }

.blog-post .sublist {
  list-style: upper-roman !important;
  /* Remove list bullets */
  padding: 0;
  margin: 0; }

.blog-post .sublist li {
  padding-left: 5px;
  margin-left: 45px;
  text-align: justify; }

.blog-post li {
  padding-left: 16px;
  margin-top: 18px;
  text-align: justify; }

.blog-menu li {
  display: block;
  margin-top: 16px; }

.blog-menu a {
  color: #666a6e !important;
  padding-left: 12px; }

.blog-menu a.active {
  border-left: 5px solid #dd3b2c !important;
  color: #dd3b2c !important; }

.blog-menu a:hover {
  color: #dd3b2c !important; }

.blog-menu h5 {
  color: #464646; }

.searchBar h1 {
  font-size: 25px;
  text-transform: uppercase;
  color: #ff7800; }

.searchBar .searchMobile {
  margin-top: -50px; }

.searchBar .form-control {
  display: block;
  width: 100%;
  height: 70px;
  padding: 0.375rem 1.75rem;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.searchBar .btn-search {
  position: absolute;
  width: 70px;
  height: 70px;
  right: 18px;
  background-color: #ff7800;
  border: 0px;
  color: #fff;
  border-radius: 0px 5px 5px 0px; }

.searchBar .btn-search i {
  font-size: 30px; }

.searchBar .btn-search:hover, .searchBar .btn-search:focus {
  background-color: #dd6904;
  border-radius: 0px 5px 5px 0px; }

.searchBar .form-control:focus {
  border: 2px solid #ff7800;
  outline: none;
  border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #ef5835;
  background-color: #fff;
  border: 1px solid #dee2e6; }

  .page-item.active .page-link{
    background-color: #375f8e;
    border-color: #375f8e;
  }

.page-link:hover, .page-link:focus {
  color: #dd6904;
  outline: none;
  border-color: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.page-item:nth-child(1) a, .page-item:last-child a {
  background-color: #ef5835;
  color: #fff; }

.navLogo {
  background-color: #41454b !important;
  min-height: 50px;
  max-height: 60px;
  color: #fff;
  font-size: 16px; }

.navLogo .navbar-nav span {
  -webkit-text-fill-color: #ffffff;
   -webkit-text-stroke-color: #375f8e;
  -webkit-text-stroke-width: 2.5px; }

.navLogo .navbar-nav span:hover {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-color: #375f8e;
  -webkit-text-stroke-width: 2.5px; }

.hiddenBar {
  display: none;
  margin-top: 0px; }

.hoverNavDiv {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  background-color: rgba(255, 255, 255, 0); }

#status {
  display: none; }

.navbarMonitor .container.alignnav {
  display: flex; }

.navbarMonitor select.selectOp {
  width: 260px !important;
  background-color: #41454b;
  color: white;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.6px;
  font-family: 'Source Sans Pro';
  outline: 0; }

.navbarMonitor select option:checked,
.navbarMonitor select option:hover {
  background: #41454b !important;
  color: #fff;
  padding: 10px 5px !important; }

.navbarMonitor select:focus > option {
  background: #41454b !important;
  color: #fff;
  padding: 10px 5px !important; }

.navbarMonitor select:hover, .navbarMonitor select:focus {
  color: #fff;
  background: #41454b !important;
  outline: 0; }

.navbarMonitor select:focus > option:checked {
  background: #363a3f !important;
  outline: 0; }

.navbarMonitor button:focus {
  outline: 0; }

.navbarMonitor a:focus {
  outline: none; }

.navbarMonitor .menuMonitor {
  height: 67px;
  vertical-align: middle;
  align-items: center;
  text-transform: uppercase;
  color: #fff !important;
  font-family: "Source Sans Pro"; }

.navbarMonitor .menuMonitor .dateMonitor {
  width: 100px;
  letter-spacing: 1px; }

.navbarMonitor .menuMonitor .filterSvg {
  width: 50px;
  cursor: pointer; }

.navbarMonitor .menuMonitor .optionMonitor:hover ul {
  display: block; }

.navbarMonitor .menuMonitor .optionMonitor {
  height: 70px;
  margin-top: 28px; }

.navbarMonitor .menuMonitor .optionMonitor ul:hover {
  background-color: #41454b; }

.navbarMonitor .menuMonitor .optionMonitor ul {
  position: absolute;
  background-color: #EF4E35;
  display: none;
  width: 150px !important;
  right: 0px;
  top: 70px; }

.navbarMonitor .menuMonitor .optionMonitor ul li {
  padding: 10px 0px;
  list-style: none; }

.navbarMonitor .menuMonitor .optionMonitor ul li a {
  color: #fff; }

.navbarMonitor .menuMonitor .optionMonitor ul li img {
  width: 20px; }

.navbarMonitor .menuMonitor .optionMonitor a:hover {
  text-decoration: none;
  color: #fff !important; }

.navbarMonitor .menuMonitor .optionMonitor span:hover {
  background-color: #EF4E35;
  color: #fff !important; }

.navbarMonitor .menuMonitor .optionMonitor span {
  background-color: #EF4E35;
  padding: 14px;
  border-radius: 50%; }

.movPad {
  padding-right: 0px !important; }

.cardMot {
  min-height: 200px;
  padding-top: 15px;
  background-color: #fff;
  border-radius: 8px;
  position: relative; }

.cardMot .icoTime {
  float: right;
  text-transform: lowercase;
  font-size: 16px; }

.cardMot .icoTime img {
  width: 25px;
  vertical-align: text-bottom; }

.cardMot h5 {
  background-color: #46464F;
  width: auto;
  display: inline-block;
  padding: 2px 12px;
  font-size: 15px;
  margin-bottom: 0px;
  border-radius: 15px;
  color: #fff !important; }

.cardMot .circle {
  width: 20px;
  height: 20px;
  background-color: #41454b;
  border-radius: 50%;
  position: absolute;
  right: 15px;
  top: 15px; }

.cardMot h2 {
  line-height: 28px;
  width: 100%;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.cardMot .col-detail {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #F7F7F7;
  text-align: center; }

.cardMot .col-detail li {
  display: inline-block;
  padding-right: 12px; }

.cardMot .col-detail h6 {
  font-size: 14px !important;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 0px; }

.cardMot .col-detail p {
  margin: 0px;
  font-size: 14px !important; }

.cardMot .responsiveAvatarMonitor {
  width: 100%;
  height: auto;
  border-radius: 8px;
  overflow: hidden; }

.cardMot p {
  margin: 0px;
  font-size: 15px; }

.cardMot p img {
  vertical-align: text-bottom;
  width: 26px;
  margin-right: 8px;
  margin-top: 2px; }

.cardMot span {
  margin-top: 8px;
  display: inline-block;
  padding: 3px 10px 5px 10px;
  color: #fff;
  font-weight: 700;
  font-size: 16px !important;
  border-radius: 13px; }

.cardMot small {
  font-weight: 900; }

.cardMot.green {
  border: 2px solid #00cb00;
  box-shadow: 0px 0px 14px #00cb00; }

.cardMot.green span {
  background-color: #00cb00;
  float: right; }

.cardMot.red {
  border: 2px solid #EF4E35;
  box-shadow: 0px 0px 14px #EF4E35; }

.cardMot.red span {
  background-color: #EF4E35;
  float: right; }

.cardMot.red .circle {
  box-shadow: 0px 0px 14px #EF4E35;
  background-color: #EF4E35; }

.cardMot.yellow {
  border: 2px solid #dacb18;
  box-shadow: 0px 0px 14px #dacb18; }

.cardMot.yellow span {
  background-color: #dacb18;
  float: right; }

.bgMonitor {
  background-color: #F5F9FC; }

@media (max-width: 576px) {
  .formDriver .card {
    width: 100% !important; }
  .colum-divider {
    width: 100%;
    display: inline-block; }
  .col-md-5-dd {
    width: 100%; }
  .movPad {
    padding-right: 15px !important; } }

@media (min-width: 577px) and (max-width: 1200px) {
  .movPad {
    padding-right: 15px !important; }
  .colum-divider {
    width: 49.5%;
    display: inline-block; }
  .col-md-5-dd {
    width: 50%; } }

@media (min-width: 1201px) and (max-width: 1800px) {
  .col-md-5-dd {
    width: calc(20%); }
  .colum-divider {
    width: 16.3667%;
    zoom: 0.8;
    display: inline-block; }
  .colum-zoom {
    width: 16.3667%;
    zoom: 0.833333;
    display: inline-block; }
  .cardMot h2 {
    line-height: 25px;
    font-size: 25px;
    height: 30px; }
  .cardMot .col-detail li {
    display: inline-block;
    padding-right: 8px; }
  .cardMot .col-detail h6 {
    font-size: 11px !important; }
  .cardMot .col-detail p {
    font-size: 11px !important; }
  .cardMot p {
    font-size: 13px; }
  .cardMot p img {
    width: 20px; }
  .cardMot span {
    font-size: 10px; }
  .cardMot small {
    font-size: 11px; } }

@media (min-width: 1801px) and (max-width: 3000px) {
  .col-md-5-dd {
    width: calc(20%); }
  .colum-divider {
    width: 19.8%;
    display: inline-block; }
  .cardMot h2 {
    line-height: 25px;
    font-size: 25px;
    height: 30px; }
  .cardMot .col-detail li {
    display: inline-block;
    padding-right: 8px; }
  .cardMot .col-detail h6 {
    font-size: 10px !important; }
  .cardMot .col-detail p {
    font-size: 10px !important; }
  .cardMot p {
    font-size: 13px; }
  .cardMot p img {
    width: 25px; }
  .cardMot span {
    font-size: 11px; }
  .cardMot small {
    font-size: 11px; } }

@media (min-width: 3001px) and (max-width: 4000px) {
  .col-md-5-dd {
    width: calc(20%); }
  .colum-divider {
    width: 16.5%;
    display: inline-block; }
  .cardMot h2 {
    line-height: 38px;
    font-size: 35px;
    height: 43px; }
  .cardMot .col-detail li {
    display: inline-block;
    padding-right: 20px; }
  .cardMot .col-detail h6 {
    font-size: 15px !important; }
  .cardMot .col-detail p {
    font-size: 11px !important; }
  .cardMot p {
    font-size: 25px; }
  .cardMot p img {
    width: 40px; }
  .cardMot span {
    font-size: 15px; }
  .cardMot small {
    font-size: 15px; } }

@media (min-width: 4001px) {
  .col-md-5-dd {
    width: calc(20%); }
  .colum-divider {
    width: 16.5%;
    display: inline-block; }
  .cardMot h2 {
    line-height: 38px;
    font-size: 44px;
    height: 48px; }
  .cardMot .col-detail li {
    display: inline-block;
    padding-right: 20px; }
  .cardMot .col-detail h6 {
    font-size: 20px !important; }
  .cardMot .col-detail p {
    font-size: 20px !important; }
  .cardMot p {
    font-size: 30px; }
  .cardMot p img {
    width: 40px; }
  .cardMot span {
    font-size: 28px; }
  .cardMot small {
    font-size: 25px; } }

.cardPed {
  min-height: 200px;
  padding-top: 15px;
  background-color: #fff;
  border-radius: 8px;
  position: relative; }

.cardPed .icoTime {
  float: right;
  text-transform: lowercase;
  font-size: 16px; }

.cardPed .icoTime img {
  width: 25px;
  vertical-align: text-bottom; }

.cardPed h5 {
  background-color: #46464F;
  width: auto;
  display: inline-block;
  padding: 2px 12px;
  font-size: 15px;
  margin-bottom: 0px;
  border-radius: 15px;
  color: #fff !important; }

.cardPed .circle {
  width: 20px;
  height: 20px;
  background-color: #41454b;
  border-radius: 50%;
  position: absolute;
  right: 15px;
  top: 15px; }

.cardPed h2 {
  line-height: 28px;
  width: 100%;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.cardPed .col-detail {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #F7F7F7;
  text-align: center; }

.cardPed .col-detail li {
  display: inline-block;
  padding-right: 12px; }

.cardPed .col-detail h6 {
  font-size: 14px !important;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 0px; }

.cardPed .col-detail p {
  margin: 0px;
  font-size: 14px !important; }

.cardPed p {
  margin: 0px;
  font-size: 15px; }

.cardPed p img {
  vertical-align: text-bottom;
  width: 26px;
  margin-right: 8px;
  margin-top: 2px; }

.cardPed span {
  margin-top: 8px;
  display: inline-block;
  padding: 3px 10px 5px 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 500;
  border-radius: 12px; }

.cardPed small {
  font-weight: 900; }

.cardPed.green {
  border: 2px solid #00cb00;
  box-shadow: 0px 0px 14px #00cb00; }

.cardPed.green span {
  background-color: #00cb00; }

.cardPed.green .circle {
  box-shadow: 0px 0px 14px #00cb00;
  background-color: #00cb00; }

.cardPed.red {
  border: 2px solid #EF4E35;
  box-shadow: 0px 0px 14px #EF4E35; }

.cardPed.red span {
  background-color: #EF4E35; }

.cardPed.red .circle {
  box-shadow: 0px 0px 14px #EF4E35;
  background-color: #EF4E35; }

.cardPed.yellow {
  border: 2px solid #dacb18;
  box-shadow: 0px 0px 14px #dacb18; }

.cardPed.yellow span {
  background-color: #dacb18; }

.cardPed.yellow .circle {
  box-shadow: 0px 0px 14px #dacb18;
  background-color: #dacb18; }

.bgMonitor {
  background-color: #F5F9FC; }

@media (max-width: 576px) {
  .colum-divider {
    width: 100%;
    display: inline-block; }
  .movPad {
    padding-right: 15px !important; } }

@media (min-width: 577px) and (max-width: 1200px) {
  .movPad {
    padding-right: 15px !important; }
  .colum-divider {
    width: 49.5%;
    display: inline-block; } }

@media (min-width: 1201px) {
  .cardPed h2 {
    line-height: 25px;
    font-size: 25px;
    height: 30px; }
  .cardPed .col-detail li {
    display: inline-block;
    padding-right: 8px; }
  .cardPed .col-detail h6 {
    font-size: 14px !important; }
  .cardPed .col-detail p {
    font-size: 14px !important; }
  .cardPed p {
    font-size: 13px; }
  .cardPed p img {
    width: 20px; }
  .cardPed span {
    font-size: 10px; }
  .cardPed small {
    font-size: 11px; } }

.modalFilter .modal-header {
  display: inline; }

.modalFilter .separadorModal {
  width: 100%;
  height: 1px;
  display: block;
  margin-top: 12px;
  border-bottom: 1px solid #e4e4e4;
  font-family: "Source Sans Pro"; }

.modalFilter .sectionProf p {
  color: #939399 !important; }

.modalFilter .sectionProf h4 {
  margin-bottom: 0rem !important; }

.modalFilter .sectionProf p {
  margin-top: 0;
  margin-bottom: 0.1rem;
  color: #464646;
  font-size: 13px; }

.modalFilter .multi-wrapper .item {
  cursor: pointer;
  display: block;
  padding: 5px 10px;
  text-align: center; }

.modalFilter .selected-wrapper .item {
  background-color: #ececec;
  margin-top: 2px; }

.modalFilter .multi-wrapper .search-input {
  border: 0;
  border: 1px solid #999999;
  border-radius: 0;
  display: block;
  font-size: 1em;
  outline: 0;
  padding: 25px 20px;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 22px;
  box-sizing: border-box; }

.modalFilter .multi-wrapper {
  border: none; }

.modalFilter .header {
  font-size: 14px; }

.modalFilter .non-selected-wrapper {
  border: 1px solid #999999 !important;
  width: 47% !important;
  margin-right: 6%;
  position: relative;
  height: 300px; }

.modalFilter .selected-wrapper {
  height: 300px;
  width: 47% !important;
  border: 1px solid #999999;
  position: relative; }

.modalFilter .iconMonitorSearch:before {
  color: #dd3b2c;
  position: relative;
  left: -5px;
  content: "++";
  width: 10px;
  height: 10px; }

.modalFilter .multi-wrapper .non-selected-wrapper, .modalFilter .multi-wrapper .selected-wrapper {
  box-sizing: border-box;
  display: inline-block;
  height: 200px;
  overflow-y: scroll;
  padding: 0px;
  vertical-align: top;
  width: 50%; }

.modalFilter button {
  border-radius: 22px !important; }

.loginMonitor {
  margin-top: 0px;
  padding-top: 0px; }

.loginMonitor #login .leftPanel {
  width: 50%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover; }

.loginMonitor button {
  border-radius: 22px !important; }

.loginMonitor #login .rightPanel {
  width: 50%;
  vertical-align: middle; }

.loginMonitor #login .rightPanel .logoMonitor {
  position: absolute;
  right: 0px;
  top: 0px; }

.loginMonitor #login .rightPanel .logoMonitor img {
  width: 280px; }

.loginMonitor .logosm {
  padding-top: 40px;
  padding-right: 50px; }

.loginMonitor .logomobile {
  display: none; }

.loginMonitor .float-right {
  float: right !important; }

.loginMonitor .form-signin {
  padding: 40px;
  width: 45%;
  height: auto;
  margin: auto;
  top: 10%;
  margin-top: calc(26vh - 40px); }

.loginMonitor #login h5 {
  font-size: 42px;
  margin-top: 0px;
  padding-top: 0px;
  color: #172C49;
  font-weight: 500; }

.loginMonitor #login h6 {
  font-family: "Source Sans Pro" !important;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0px;
  margin-bottom: 0px !important;
  padding-bottom: 0px;
  color: #6B6F82;
  font-weight: 300; }

.loginMonitor #login .form-label-group label {
  color: #6B6F82;
  margin-bottom: 5px; }

.loginMonitor #login .form-control {
  display: block;
  outline: 0px;
  width: 100%;
  font-size: 1rem;
  line-height: 1.8;
  background-color: none;
  border: none;
  border: 1.4px solid #6B6F82 !important;
  border-radius: 6px;
  height: calc(var(--input-padding-y) + 40px); }

#toggle {
  border: none;
  background-color: #464646;
  margin-right: 12px;
  padding: 10px;
  border-radius: 50px; }

#toggle img {
  width: 25px; }

#toggle:hover {
  background-color: #333333; }

.itemSelect {
  width: 70px !important;
  background-color: #41454b;
  height: calc(1.5em + 0.75rem + 2px);
  color: white;
  font-weight: 400;
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem; }

.navLogo.navbarHome {
  background-color: transparent !important;
  min-height: 100px;
  max-height: 70px;
  color: #fff;
  font-size: 16px;
  background: rgba(0, 0, 0, 0.41);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.41)), color-stop(0%, rgba(0, 0, 0, 0.41)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0.41) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }

.navLogo .navbar-nav span {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-color: #375f8e;
  -webkit-text-stroke-width: 2.5px; }

.navLogo .navbar-nav span:hover {
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-color: #375f8e;
  -webkit-text-stroke-width: 2.5px; }

.bgHome {
  height: 90vh; }

.imgHome {
  width: 190px;
  margin-top: -10px; }

#slider.bgHome {
  margin-top: -10px; }

.btn-danger-line {
  background-color: #fff;
  border-color: #e44d35;
  color: #E23B3B; }

.btn-danger-line:hover {
  background-color: #e44d35;
  border-color: #e44d35;
  color: #fff; }

.btn-success-line {
  background-color: #fff;
  border-color: #148f5d;
  color: #148f5d; }

.btn-success-line:hover {
  background-color: #148f5d;
  border-color: #148f5d;
  color: #fff; }

  .h-100 {
  height: 100%; }

.btn-danger-home {
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro';
  letter-spacing: 1px;
  font-weight: 700;
  padding: 4px 15px !important;
  border-radius: 18px;
  color: #fff;
  background-color: #e44d35;
  border-color: #e44d35;  }

.btn-danger-home.subtotalCart {
   min-width: 265px;
  text-align: right;
  font-size: 14px;
  padding-top: 20px; }
  .btn-danger-home.subtotalCart p {
    display: inline-block;
    padding-top: 4px;
    margin-bottom: 0px; }
  .btn-danger-home.subtotalCart span {
    padding-top: 0px;
    font-size: 19px;
    float: left; }

.btn-danger-home:hover {
  color: #fff;
  background-color: #E23B3B;
  border-color: #E23B3B;  }

.middleText {
  margin-top: calc(50vh - 170px); }

.btn-white-home {
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro';
  letter-spacing: 1px;
  font-weight: 700;
  padding: 6px 30px;
  border-radius: 18px;
  color: #EF4E35;
  background-color: #fff;
  border-color: #fff; }

.btn-white-home:hover {
  color: #fff;
  background-color: #D82033;
  border-color: #D82033; }

.btn-blue-home {
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro';
  letter-spacing: 1px;
  font-weight: 700;
  padding: 6px 30px;
  border-radius: 18px;
  color: #fff;
  background-color: #2a4b72;
  border-color: #2a4b72; }

.btn-blue-home:hover {
  color: #fff;
  background-color: #3D3D3D;
  border-color: #3D3D3D; }

.sliderHome {
  background-color: #F5F9FC !important; }

.sliderHome h5 {
  width: 60%;
  height: 50px;
  z-index: 1031;
  left: calc(20vw + 10px);
  top: calc(36vh - 50px);
  position: absolute;
  font-size: 55px;
  text-align: center;
  line-height: 51px;
  color: #fff !important;
  font-weight: 700; }

.sliderHome h5.dark {
  color: #3D3D3D !important; }

.bgBanner {
  height: 260px;
  z-index: 1; }

.sliderBanner {
  margin-top: 0px !important;
  background-color: #F5F9FC !important; }

.sliderBanner h5 {
  width: 60%;
  height: 50px;
  z-index: 1;
  left: calc(20vw + 10px);
  top: 75px;
  position: absolute;
  font-size: 60px;
  text-align: center;
  line-height: 56px;
  color: #fff !important;
  font-weight: 700; }

.sliderBanner h5.dark {
  color: #3D3D3D !important; }

.searchHome {
  width: 90%;
  height: 50px;
  z-index: 5;
  position: absolute; }

ul {
  list-style: none;
  padding-left: 20px; }

.searchHome .from-search .btn-search {
  font-size: 28px !important;
  background-color: #EF4E35;
  display: block;
  border: 1px solid #EF4E35;
  padding: 10px 10px 10px 10px;
  border-radius: 40px;
  position: absolute;
  left: calc(100% - 65px);
  z-index: 1;
  font-weight: 300;
  margin-top: 0px;
  width: 70px;
  height: 70px;
  cursor: pointer;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; }

.searchHome .from-search .btn-search img {
  width: 35px; }

.searchHome .from-search .btn-search:hover {
  font-size: 28px !important;
  background-color: #E23B3B;
  border: 1px solid #E23B3B;
  padding: 10px 10px 10px 10px;
  box-shadow: 0px 0px 14px #EF4E35; }

.searchHome .from-search .gradientSearch {
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  border: 2px solid #fff;
  color: #999999 !important;
  height: 70px;
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  padding-left: 30px;
  border-radius: 40px;
  color: #EF4E35; }

.searchHome .from-search .gradientSearch:hover {
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  border: 2px solid #EF4E35;
  box-shadow: 0px 0px 14px #EF4E35; }

.shadow-sm {
  box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1) !important;
  border-radius: 12px; }

.card.shadow-sm {
  margin-right: 15px !important;
  margin-left: 15px !important; }

.cardInfoHome {
  margin-right: 30px !important;
  margin-left: 30px !important;
  padding: 5px 0px;
  background-color: #fff;
  text-align: center;
  font-family: 'Source Sans Pro';
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; }

.cardInfoHome h4 {
  font-size: 28px;
  line-height: 24px;
  padding: 0px 10px;
  font-weight: 600; }

.cardInfoHome p {
  padding: 0px 20px;
  line-height: 16px;
  color: #717171;
  z-index: 6;
  position: relative; }

.cardInfoHome .base {
  margin-top: -10px;
  width: 80%;
  transition: all 1s; }

.cardInfoHome .contenticon {
  position: relative;
  width: 80%;
  margin: 0px auto;
  z-index: 4;
  position: relative; }

.cardInfoHome .contenticon .iconleft {
  transition: all 1s;
  position: absolute;
  top: 50px;
  left: 12px; }

.cardInfoHome .contenticon .iconRight {
  transition: all 1s;
  position: absolute;
  top: 50px;
  right: 12px; }

button.circleButton:hover {
  box-shadow: 0px 0px 14px #3D3D3D !important; }

button.circleButton {
  margin-top: -40px;
  z-index: 5;
  border-radius: 50%;
  position: relative;
  padding: 3px !important;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; }

button.circleButton img {
  width: 40px; }

.containerAlign .card:hover, .containerAlign .card:hover {
  box-shadow: 0px 0px 14px #a3a2a3 !important;
  cursor: pointer; }

.card:hover .base {
  margin-top: -10px;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-transition-duration: 1.3s;
  -moz-transition-duration: 1.3s;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s; }

.card:hover button {
  box-shadow: 0px 0px 14px #EF4E35; }

.card:hover .contenticon .iconleft {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s; }

.card:hover .contenticon .iconRight {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg);
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s; }

.bgContent {
  position: absolute;
  top: 2px;
  right: 0px;
  height: 100%; }

.beforeMobile:before {
  width: 100%;
  background-color: #ef4e35;
  height: calc(100% - 10px);
  content: "";
  position: absolute;
  right: -100%;
  margin-top: -43px; }

.appfooter img {
  width: 150px !important; }

.footerLogo {
  max-width: 190px !important;
  min-width: 150px !important; }

footer h6 strong {
  font-size: 15px; }

.mobileSection {
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: left;
  min-height: 500px;
  right: 0px;
  padding: 50px; }

.mobileSection .mobile {
  text-align: right; }

.mobileSection .mobile img {
  height: 400px; }

.mobileSection .contentMobile {
  padding-left: 20px; }

.mobileSection .contentMobile p {
  font-size: 25px; }

.mobileSection .mobileStore img {
  text-align: center;
  width: 80%;
  display: block;
  margin-bottom: 20px; }

.pillInfo {
  color: #e44d35;
  font-weight: 500;
  margin-bottom: 8px; }
  .pillInfo a {
    font-size: 15px !important; }

.moreinfo {
  margin-bottom: 20px;
  float: right;
  font-size: 12px !important;
  text-transform: uppercase;
  color: #EF4E35;
  font-weight: 700; }

.moreinfo img {
  width: 30px; }

.moreinfo:hover {
  color: #E23B3B;
  text-decoration: none; }

button.smallBtn img {
  width: 30px !important; }

.skew {
  width: 100%;
  height: 78%;
  background: #ffffff;
  transform: skew(0deg, -4deg);
  position: absolute;
  left: 0;
  z-index: 0;
  /* top: 2px; */
  margin-top: -110px; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.driverinHouse .card {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-radius: 12px; }

.driverinHouse .card h3 {
  font-size: 22px; }

.driverinHouse .card img {
  border-radius: 12px 12px 0 0; }

.driverinHouse .card .card-img-right {
  width: 40%;
  min-height: 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px 0px 0px 12px; }

.driverinHouse .card .card-body {
  width: 60%; }

.driverinHouse .card-right .card-body {
  width: 100% !important; }

.driverinHouse .card-left {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-radius: 12px; }

.driverinHouse .card-left img {
  border-radius: 12px 0px 0 12px; }

.driverinHouse .card-left .card-body {
  width: 60%; }

.driverinHouse .card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 13px 16px; }

.sliderBanner .card.shadow-sm {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.driverinHouse .card.shadow-sm {
  margin-right: 10px !important;
  margin-left: 10px !important; }

.driverinHouse span {
  color: #EF4E35;
  font-size: 18px;
  font-weight: 500;
  padding-left: 2px; }

.driverinHouse h1 {
  font-size: 43px;
  line-height: 38px;
  font-weight: 400 !important; }

.driverinHouse p {
  font-size: #3D3D3D;
  margin-bottom: 0px; }

.driverinHouse button {
  margin-top: 0px; }

.driverinHouse button img {
  width: 50px; }

.driverinHouse .imageDrive img {
  width: 100%;
  margin-top: -50px; }

.suscribePanel .card.shadow-sm {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.suscribePanel .cardInfoBanner {
  font-family: "Source Sans Pro";
  padding-top: 0px;
  margin-top: 0px; }

.suscribePanel .cardInfoBanner h4 {
  font-size: 28px;
  color: #EF4E35 !important;
  font-weight: 600;
  margin-bottom: -8px; }

.suscribePanel .cardInfoBanner p {
  font-size: 16px;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important; }

.suscribePanel .cardInfoBanner h1 {
  font-family: "Source Sans Pro";
  font-size: 40px;
  letter-spacing: -1px; }

.suscribePanel .cardInfoBanner h1 span {
  font-size: 23px;
  font-weight: 400; }

.suscribePanel .cardInfoBanner .separador {
  width: 100%;
  border-bottom: 1px solid #BCBBBB;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 20px; }

.separadorw-10 {
  width: 100%;
  border-bottom: 2px solid #BCBBBB;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 20px; }

.mobile-det {
  margin-left: 40px !important;
  list-style: none; }

.listSuscribe {
  margin-left: 40px !important;
  list-style: none;
  margin-bottom: 20px; }

.listSuscribe {
  margin-left: 40px !important;
  list-style: none; }

.listSuscribe li {
  width: calc(100% - 24px);
  text-align: left;
  margin-bottom: 10px;
  position: relative;
  font-size: 17px !important; }

.listSuscribe li:before {
  content: '';
  width: 19px;
  height: 19px;
  position: absolute;
  background-image: url(../images2/checkico.png);
  background-size: cover;
  background-position: center;
  left: -24px;
  top: 3px;
  color: #3D3D3D !important; }

.listSuscribe li.block {
  color: #B2B2B2 !important; }

.listSuscribe li.block:before {
  background-image: url(../images2/checkico-block.png); }

.listSuscribe li.inactive {
  width: 150px; }

.textDrive span {
  color: #e44d35;
  font-size: 18px;
  font-weight: 500;
  padding-left: 2px; }

.textDrive h1 {
  font-size: 38px;
  line-height: 38px;
  font-weight: 400 !important; }

.textDrive span {
  color: #EF4E35;
  font-size: 18px;
  font-weight: 500;
  padding-left: 2px; }

.textDrive h1 {
  font-size: 43px;
  line-height: 38px;
  font-weight: 400 !important; }

.textDrive p {
  font-size: #3D3D3D;
  margin-bottom: 0px; }

.containerSuscribe {
  min-width: 960px !important;
  max-width: 1140px !important;
  margin-top: 10px; }

.textDrive p {
  font-size: #3D3D3D;
  margin-bottom: 0px; }

.detailInfo {
  color: #ef4e35 !important;
  padding-bottom: 0px;
  margin-bottom: 0px !important; }

@media (min-width: 1200px) {
  .searchCategory.bar {
    margin-left: 32%; }
  #sliderFijo {
    margin-top: 20px; }
  #sliderFijo .bgimgP1 {
    width: auto;
    height: 11vw;
    border-radius: 12px; }
  .containerAlign {
    min-width: 960px !important;
    max-width: 1140px !important;
    margin-top: 60px;
    margin-bottom: 80px; } }

@media (min-width: 575px) and (max-width: 1200px) {
  .containerAlign {
    margin-top: 60px;
    margin-bottom: 80px; } }

  .square-num {
  background-color: #E23B3B;
  border-radius: 5px;
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  top: 23px;
  right: 5px; }

@media (max-width: 800px) {
  .homePrincipal .textDrive h1 {
    font-size: 33px;
    line-height: 28px;
    font-weight: 400 !important; }
  .homePrincipal .searchHome {
    padding-left: 10px !important;
    top: 50px; }
  .homePrincipal .textDrive {
    padding-left: 10px !important; }
  .beforeMobile:before {
    display: none; }
  .card.imgresp .imgResponsive2 span.text-right {
    left: calc(100% - 100px) !important;
    top: 10px; }
  .searchHomeFix {
    width: 50% !important; }
  .searchHomeFix .from-search .btn-search {
    left: calc(100% - 51px) !important; }
  .floatExpress {
    top: auto !important;
    bottom: 24px !important; }
  .sliderHome h5 {
    width: 70%;
    height: 50px;
    z-index: 800;
    left: calc(9vw + 10px);
    top: calc(36vh - 50px);
    position: absolute;
    font-size: 32px;
    line-height: 35px;
    color: #fff !important;
    font-weight: 700; }
  .searchHome {
    width: 90%;
    height: 50px;
    z-index: 800;
    left: calc(2vw + 10px);
    top: 130px;
    position: absolute; }
  .containerAlign {
    margin-top: 80px !important;
    margin-bottom: 80px; }
    .containerAlign .card-deck {
      padding: 0p !important; }
  .driverinHouse .card-left .card-body {
    width: 100%; }
  .driverinHouse .card .card-img-top {
    border-radius: 12px 12px 0 0;
    display: none; }
  .driverinHouse button img {
    width: 30px; }
  .mobileSection .mobile img {
    display: none !important; }
  .mobileSection .contentMobile h1 {
    color: #fff; }
  .mobileSection .contentMobile p {
    color: #fff; } }

.floatExpress:hover {
  background-color: #212129; }

.floatExpress {
  position: fixed;
  cursor: pointer;
  top: 85px;
  width: 200px;
  background-color: #282932;
  z-index: 8;
  font-weight: 900;
  right: 0px;
  color: #fff;
  border-radius: 12px 0px 0px 12px; }

.floatExpress h3 {
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 4px; }

.floatExpress img {
  width: 60px; }

.itemSearch:hover h4 a {
  color: #EF4E35 !important;
  cursor: pointer; }

.itemSearch .card-body {
  padding-bottom: 0px !important;
  padding-top: 15px !important; }

.itemSearch .card-body h4 {
  font-weight: 500; }

.itemSearch .detailSearch p small {
  background-color: #EF4E35;
  display: inline-block;
  padding: 8px 10px;
  border-radius: 16px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 12px;
  position: absolute;
  top: 145px;
  left: 11px; }

.itemSearch .card-img-right {
  width: 100%;
  min-height: 160px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 12px 12px 0px 0px; }

.itemSearch .floatButtonHome {
  position: absolute;
  top: 160px;
  right: 11px; }

.sliderProductHome li {
  min-width: 50px;
  max-width: 255px;
  width: max-content;
  display: block;
  height: 38px !important;
  border-radius: 8px;
  margin-right: 20px;
  background-color: #E9EEF2;
  border: 5px solid #E9EEF2; }

.sliderProductHome .menu-wrapper {
  background-color: #E9EEF2;
  height: 59px;
  padding: 10px 10px;
  margin-bottom: 20px;
  border-radius: 12px; }

.smallElm {
  background-color: #fff; }
  .smallElm .sliderProductHome li.active h3 {
    font-weight: 900; }
  .smallElm li:hover, .smallElm li.active {
    background-color: #fff !important; }
  .smallElm li:hover h3, .smallElm li.active h3 {
    background-color: #fff !important; }
  .smallElm .sliderProductHome li:hover, .smallElm .sliderProductHome li.active {
    margin-right: 15px;
    text-align: center; }
  .smallElm .sliderProductHome li {
    margin-right: 15px;
    text-align: center; }
  .smallElm .sliderProductHome h3 {
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    padding: 1px 0px;
    border-radius: 2px;
    position: relative;
    top: 0px;
    color: #707070; }
  .smallElm .btn-danger-home {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Source Sans Pro';
    letter-spacing: 1px;
    font-weight: 700;
    margin-top: 3px;
    margin-left: 5px;
    padding: 0px 9px 5px 8px !important;
    border-radius: 8px !important;
    color: #ef4e35;
    background-color: #fff;
    border: none; }

.smallElm .btn-danger-home.press {
      background-color: #e44d35;
      color: #375F8E;
      border: none; }
    .smallElm .btn-danger-home img {
      width: 20px; }
  .smallElm .sliderProductHome li:hover, .smallElm .sliderProductHome li.active {
    height: 38px; }
  .smallElm .sliderProductHome li {
    background-color: #fff;
    border: 5px solid #fff; }
  .smallElm .sliderProductHome li, .smallElm .sliderProductHome li.active {
    height: 28px; }
  .smallElm .sliderProductHome .menu-wrapper {
    background-color: #fff !important;
    height: 39px;
    padding: 0px 0px;
    margin-bottom: 0px;
    border-radius: 0px; }
  .smallElm .sliderProductHome .paddles .left-paddle, .smallElm .sliderProductHome .paddles .right-paddle {
    background-color: #fff !important;
    top: 8px; }
  .smallElm .searchCategory .from-search .gradientSearch {
    height: 48px; }
  .smallElm .searchCategory .from-search .btn-search {
    font-size: 9px !important;
    border-radius: 40px;
    left: calc(100% - 73px);
    width: 48px;
    height: 48px; }

.sliderProductHome li:hover, .sliderProductHome li.active {
  min-width: 100%;
  max-width: 100%;
  width: max-content;
  display: block;
   color: #3D3D3D !important;
  height: 38px;
  border-radius: 8px;
  margin-right: 20px;
    background-color: #E9EEF2;
  padding: 0px 0px 10px 0px;
  border-bottom: 2px solid #3D3D3D; }
.sliderProductHome li:hover h3, .sliderProductHome li.active h3 {
  background-color: #E9EEF2; }

.sliderProductHome h3 {
  font-size: 15px;
  text-align: center;
  background-color: #E9EEF2;
  padding: 8px 12px 3px 12px;
  color: #3D3D3D !important;
  border-radius: 8px;
  position: relative;
  top: 0px; }

.sliderProductHome .paddles .right-paddle {
  right: 0;
  background: #ef4e35;
  height: 33px;
  width: 33px;
  padding: 0px 0px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  right: 1px;
  top: 13px; }

.sliderProductHome .paddles .right-paddle img {
  width: 35px; }

.sliderProductHome .paddles .left-paddle {
  left: 1;
  top: 13px;
  background: #ef4e35;
  height: 33px;
  width: 33px;
  padding: 0px 4px 0px 0px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center; }

.sliderProductHome .paddles .left-paddle img {
  transform: rotate(180deg);
  width: 35px; }

.bgWhiteLine {
  background-color: #fff;
  padding: 20px 0px; }

.searchHomeFix {
  width: 35%;
  height: 50px;
  position: relative; }

.searchHomeFix .from-search .btn-search {
  font-size: 28px !important;
  background-color: #EF4E35;
  display: block;
  border: 1px solid #EF4E35;
  padding: 0px 10px 0px 10px;
  border-radius: 40px;
  position: absolute;
  left: calc(100% - 55px);
  z-index: 0;
  font-weight: 300;
  margin-top: 0px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; }

.searchHomeFix .from-search .btn-search img {
  width: 25px; }

.searchHomeFix .from-search .btn-search:hover {
  font-size: 28px !important;
  background-color: #E23B3B;
  border: 1px solid #E23B3B;
  box-shadow: 0px 0px 8px #EF4E35; }

.searchHomeFix .from-search .gradientSearch {
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  border: 2px solid #fff;
  color: #999999 !important;
  height: 50px;
  font-size: 18px;
  font-weight: 400;
  width: 100%;
  padding-left: 30px;
  border-radius: 40px;
  box-shadow: 0px 0px 8px #d6d6d6;
  color: #EF4E35; }

.searchHomeFix .from-search .gradientSearch:hover {
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  border: 2px solid #EF4E35;
  box-shadow: 0px 0px 8px #EF4E35; }

.menuDriver {
  list-style: none;
  margin-top: 20px;
  padding-left: 0px; }

.menuDriver li.active {
  opacity: 1; }

.menuDriver li:hover {
  opacity: 1; }

.menuDriver li {
  cursor: pointer;
  opacity: 0.6;
  background-color: #fff !important;
  padding-right: 10px;
  display: inline-block;
  width: 31%;
  margin-right: 6px;
  text-align: center;
  padding: 10px;
  border-radius: 15px;
  box-shadow: 0px 0px 8px #d6d6d6; }

.menuDriver li span {
  color: #3D3D3D;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0px;
  display: block; }

.menuDriver li img {
  display: block;
  height: auto; }

.bghome {
  background-color: #F5F9FC; }

.formDriver label {
  display: inline-block;
  width: 100%;
  color: #3D3D3D;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 0px; }

.formDriver h1 {
  color: #3D3D3D;
  font-weight: 600; }

.formDriver input, .formDriver select {
  height: 46px;
  border-radius: 12px !important;
  padding-left: 15px;
  margin-left: 0px !important;
  margin-bottom: 25px !important;
  background-color: transparent; }

.formDriver img {
  width: 100%; }

.bgstore {
  height: 225px; }

.btn-fticon4 {
  font-size: 27px;
  padding: 0px 0px 0px 0px;
   -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-color: #fff0;
  -webkit-text-stroke-width: 1px; }

.tiendaIco:before {
  width: 138px;
  height: 138px;
  position: absolute;
  border-radius: 50%;
  content: '';
  background-color: rgba(255, 255, 255, 0);
  border: 9px solid rgba(255, 255, 255, 0.5);
  z-index: 11;
  top: -9px;
  left: -9px; }

.tiendaIco .circle {
  text-align: center;
  border-radius: 50%;
  height: 120px;
  width: 120px !important;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 10vh;
  cursor: pointer; }

.tiendaIco {
  width: 80px;
  height: 90px;
  z-index: 1;
  left: 27px;
  top: 90px;
  position: absolute; }

.conteinerDetail {
  background-color: transparent; }

  .conteinerDetail strong {
    line-height: 20px !important;
    font-weight: 500 !important;
    font-size: 14.5px;
    color: #05080c !important; }

.conteinerDetail .cardDetail:hover {
  border: 1px solid #ef4e35;
  cursor: pointer; }

.conteinerDetail .cardDetail {
  background-color: #fff; }

.cardDetail {
  border-radius: 12px;
  border: 1px solid #d3dce3; }

.cardDetail .imgResponsive2 {
  border-radius: 10px 10px 0 0;
  border: none !important; }

.cardDetail .flex-column {
  /*height: 7rem;*/
  padding: 8px 12px; }

.nom_tienda {
  z-index: 1037;
  left: 6rem;
  top: 1rem;
  color:black;
  position: fixed;
  font-weight: bold;
  font-size: 23px;
  font-family: "Arial";
  color: #FFF; }

.info span {
  color: #E23B3B;
  font-weight: 700;
  font-size: 18px; }

.template3 {
  background-color: #fff;
  height: 130px; }

.template3 .circle {
  margin-top: 30px; }

.template3 .circle img {
  border-radius: 12px;
  border: 1px solid #E9EEF2;
  width: 100px; }

.template3 .textDetail {
  margin-top: 30px;
  padding-left: 10px; }

.template3 .textDetail h3 {
  margin-bottom: 0px;
  margin-top: 12px; }

.template2 {
  background-color: #fff;
  height: auto; }

.template2 .circle {
  margin-top: 30px;
  width: 280px !important }

.template2 .circle img {
  border-radius: 12px;
  border: 1px solid #E9EEF2;
  width: 95% !important; }

.template2 .textDetail {
  margin-top: 30px;
  padding-left: 10px; }

.template2 .textDetail h3 {
  margin-bottom: 0px;
  margin-top: 12px; }

.bgGrey {
  background-color: #F5F9FC; }

.bgGrey2 {
  background-color: #fff; }

.checkoutSection {
  height: 130px; }

.checkoutSection .circle {
  margin-top: 20px; }

.checkoutSection .circle img {
  border-radius: 12px;
  border: 1px solid #E9EEF2;
  width: 100px; }

.checkoutSection .textDetail {
  margin-top: 30px;
  padding-left: 10px; }

.checkoutSection .textDetail h3 {
  margin-bottom: 0px;
  margin-top: 12px; }

.contentCheckout span {
  text-transform: uppercase;
  color: #E23B3B;
  font-size: 12px;
  font-weight: 600; }

.contentCheckout .dirDetalle {
  cursor: pointer;
  border: 2px solid #e4ebf0;
  margin: 0px 16px;
  border-radius: 12px;
  background-color: #fff; }

.contentCheckout .dirDetalle:hover {
  background-color: #e4ebf0; }

.contentCheckout .text-input {
  border: 2px solid #e4ebf0;
  background-color: #ffffff !important; }

.checkoutSectionv2 .display-inline {
  display: block !important;
  width: 100%; }

.checkoutTemplateHeight .baseCarrito .totalCarro {
  background-color: #ffffff !important; }

.checkoutSectionv2 .nav-order .nav-item .nav-link {
  background: #fff !important;
  border: 1px solid #e4ebf0 !important;
  width: 100% !important;
  display: inline-flex;
  border-radius: 12px;
  margin-bottom: 12px;
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  position: relative; }
  .checkoutSectionv2 .nav-order .nav-item .nav-link .floatCheck {
    position: absolute;
    right: 0px;
    display: none; }

.checkoutSectionv2 .nav-order .nav-item .nav-link p {
  color: #444;
  padding-top: 18px;
  padding-left: 10px; }

.checkoutSectionv2 .nav-order .nav-item .nav-link img {
  width: 60px;
  background: transparent !important;
  border-radius: 15px; }

.checkoutSectionv2 .nav-order .nav-item .nav-link span {
  float: right; }

.checkoutSectionv2 .nav-order .nav-link.active {
  background: #fff !important;
  border: 1px solid #375f8e !important; }
  .checkoutSectionv2 .nav-order .nav-link.active .floatCheck {
    display: block; }

.checkoutSectionv2 input[type=radio]:not(old):checked + label > span:before {
  font-size: 0.9em; }

.checkoutSectionv2 input[type=radio]:not(old) + label > span {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin: 0em 0.5em 0.02em 0em; }

.checkoutSectionv2 input[type=checkbox]:not(old):checked + label, .checkoutSectionv2 input[type=radio]:not(old):checked + label {
  color: #5a5a5a;
  font-weight: 500;
  font-size: 15px;
  line-height: 13px; }

span.detail {
  text-transform: uppercase;
  color: #E23B3B;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px;
  padding-bottom: 0px; }

.card.cardPro {
  border: 1px solid #d9dddf; }

.card.cardPro:hover {
  border: 1px solid #E23B3B; }

.card.cardPro:hover .btn-suscribe {
  color: #fff;
  background-color: #EF4E35;
  border-color: #EF4E35; }

.sliderBanner h5 {
  font-size: 45px; }

.btn-suscribe {
  color: #fff;
  background-color: #3D3D3D;
  border-color: #3D3D3D;
  width: 100%;
  padding: 20px 0px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0px 0px 12px 12px !important; }

.btn-suscribe:hover {
  color: #fff;
  background-color: #e44d35;
  border-color: #e44d35; }

.bodymt-0 {
  margin-top: 0px !important;
  padding-top: 0px !important; }

.headerSuscribe {
  text-align: center;
  padding: 0 0 15px 0; }
  .headerSuscribe p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 500;
    line-height: 33px; }
  .headerSuscribe .logoline {
    height: 40px;
    padding-right: 20px;
    margin-right: 10px; }

.suscribeSeccion {
  background-color: #f5f9fc !important;
  height: 100vh; }

.textSuscribe h1 {
  font-size: 38px !important;
  width: 75%; }

.textSuscribe h2 {
  font-size: 28px !important;
  text-align: center;
  width: 100%; }

.cardSuscribe {
  height: 100%;
  margin-top: 20px;
  border-radius: 13px; }
  .cardSuscribe .listSuscribe {
    margin-left: 20px !important; }
    .cardSuscribe .listSuscribe li {
      font-size: 15px !important; }
  .cardSuscribe h1 {
    font-size: 32px !important;
    margin-top: -5px; }
  .cardSuscribe p {
    margin-bottom: 0px; }
  .cardSuscribe h4 {
    font-size: 28px;
    color: #EF4E35 !important;
    font-weight: 600;
    margin-bottom: -8px; }

.pill-danger {
  text-decoration: none !important;
  color: #fff;
  background-color: #EF4E35;
  border-color: #EF4E35; }

.textSuscribe h1 {
  font-size: 38px !important;
  width: 75%; }

.pill-danger {
  border-radius: 12px;
  background-color: #EF4E35;
  color: #fff !important;
  padding: 1px 15px;
  display: inline-block;
  font-size: 14px !important; }

.formDriver h1 {
  width: 100% !important; }
  .formDriver h1 img {
    width: 20px; }

.formDriver .card.active {
  border: 1px solid #e44d35 !important; }

.formDriver .card {
  padding: 18px 10px 10px 10px !important;
  width: 33vw !important; }
  .formDriver .card .card-body {
    padding-bottom: 0px; }
  .formDriver .card P {
    line-height: 13px;
    margin-top: 8px;
    font-size: 11px; }
  .formDriver .card h4 {
    font-size: 18px; }

.formDriver .card .card-body {
  width: 100% !important; }

.formList input, .formList select {
  margin-bottom: 0px !important; }

.formList label {
  margin-top: 20px !important; }

.btn-default {
  background-color: #999999;
  color: #fff; }

.checkpoint-small {
  margin-left: 10px;
  margin-bottom: 0px;
  padding-left: 0px;
  text-align: left !important; }

.checkpoint-small li {
  background-color: #fff;
  border: 1px solid #3D3D3D;
  list-style: none;
  display: inline-block;
  color: #3D3D3D;
  text-transform: uppercase;
  padding: 5px 15px;
  font-size: 10px;
  font-weight: 500;
  margin-top: 5px;
  border-radius: 10px; }

.checkpoint-small li.active {
  color: #fff;
  border: 1px solid #EF4E35;
  background-color: #EF4E35; }

.checkpoint {
  margin-left: 10px;
  padding-left: 0px;
  text-align: left !important; }

.checkpoint li {
  background-color: #fff;
  border: 1px solid #3D3D3D;
  list-style: none;
  display: inline-block;
  color: #3D3D3D;
  text-transform: uppercase;
  padding: 5px 15px;
  font-size: 12px;
  font-weight: 500;
  margin-top: 5px;
  border-radius: 10px; }

.checkpoint li.active {
  color: #fff;
  border: 1px solid #EF4E35;
  background-color: #EF4E35; }

@media (max-width: 576px) {
  .formDriver .card {
    width: 88vw !important; }
  .textSuscribe h1 {
    font-size: 29px !important;
    width: 75%; }
  .sm-margin-suscribe {
    padding-right: 0px !important;
    padding-left: 0px !important; }
  .checkpoint-small li {
    padding: 3px 4px;
    letter-spacing: -0.5px;
    font-size: 8.9px; }
  .modalFull .formDriver {
    padding: 0px 0px !important; } }

.menuDriver li {
  width: 28%; }

.menuDriver li:nth-child(1) img, .menuDriver li:nth-child(2) img, .menuDriver li:nth-child(3) img {
  padding-top: 15px !important; }

@keyframes float {
  0% {
    transform: translatey(0px); }
  50% {
    transform: translatey(-15px); }
  100% {
    transform: translatey(0px); } }

.bgLogin2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh; }

.animateBg img {
  width: 100%;
  height: 100%;
  object-fit: fill; }

@media (max-width: 991px) {
  .animateBg img {
    object-fit: cover;    
  }
}

.gg {
  transition: all 0.4s ease-in-out; }

.bgLogin2.point {
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite; }

.slide:hover .line {
  opacity: 0.8;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

.modalFull.red {
  background-color: #E23B3B !important; }
  .modalFull.red .modal-content {
    background-color: #E23B3B; }
  .modalFull.red h1 {
    color: #fff; }
  .modalFull.red span {
    color: #fff; }

.modalFull.white {
  background-color: #212129 !important; }
  .modalFull.white .modal-content {
    background-color: #212129; }
  .modalFull.white .imgBg {
    opacity: .1;
    position: absolute;
    top: -100px; }
  .modalFull.white h1 {
    color: #fff; }
  .modalFull.white span {
    color: #fff; }

.modalFull {
  background-color: #F5F9FC; }
  .modalFull .formDriver {
    margin-right: 80px; }
  .modalFull .modalImg img {
    position: absolute;
    top: -100px;
    left: -15px;
    width: calc(50vw - 20px); }
  .modalFull .modalImg2 img {
    position: absolute;
    top: -200px;
    left: -20%;
    width: calc(70vw - 20px); }
  .modalFull .modal-header {
    border-bottom: none;
    z-index: 2; }
  .modalFull .pasoList {
    list-style: none;
    padding-left: 5px; }
    .modalFull .pasoList .paso {
      display: inline-block;
      background-color: #3D3D3D;
      width: 80px;
      height: 6px;
      border-radius: 3px;
      margin-right: 10px; }
    .modalFull .pasoList .paso.active {
      background-color: #E23B3B; }
  .modalFull .form-control.xl {
    height: 90px;
    text-align: center;
    font-size: 30px; }
  .modalFull .linkmodal {
    text-decoration: underline; }
  .modalFull .modal-content {
    background-color: #F5F9FC;
    width: 100vw;
    height: 100vh;
    border-radius: 0px;
    border: none; }
    .modalFull .modal-content .textDrive span {
      font-size: 15px; }
    .modalFull .modal-content h1 {
      font-size: 33px;
      line-height: 30px; }
    .modalFull .modal-content h3 {
      font-size: 25px;
      line-height: 30px;
      margin-bottom: 0px; }
  .modalFull .modal-dialog {
    max-width: 100vw;
    max-height: 100vh;
    margin: 0; }
  .modalFull .close {
    float: right;
    font-size: 3rem !important;
    margin-right: 10px; }
  .modalFull .formDriver {
    padding: 0px 10px; }
  .modalFull .optionModal label {
    margin-left: 10px;
    font-size: 13px;
    text-transform: initial;
    line-height: 13px;
    padding-top: 5px;
    font-weight: 600; }
  .modalFull input[type=checkbox]:not(old):checked + label, .modalFull input[type=radio]:not(old):checked + label {
    color: #3D3D3D;
    font-weight: 600; }
  .modalFull a {
    color: #E23B3B; }
  .modalFull .custom-control-label::before {
    border-radius: 4px; }
  .modalFull .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #E23B3B;
    background-color: #E23B3B; }

@media (max-width: 767px) {
  .modalFull .modalImg img {
    display: none !important; }
  .modalFull .modalImg2 img {
    position: absolute;
    top: -240px;
    left: -1%;
    width: calc(110vw - 40px);
    z-index: 0; }
  .modalFull .formDriver {
    margin-right: 0px; }
  .cardSuscribe {
    margin-right: 10px !important;
    margin-left: 10px !important; }
  .modalFull .modalImg2 {
    text-align: center; }
  .modalFull .modalImg2 img {
    position: relative;
    top: 0px;
    width: calc(110vw - 190px);
    margin: 0 auto;
    z-index: 0; }
  .middleText {
    margin-top: 10px; } }

.navbar {
  padding: 0rem 1rem; }

  #verVideo .modal-body {
  padding: 0 !important;
  margin: 0px !important; }

#verVideo .modal-content {
  padding: 0 !important;
  background-color: rgba(255, 255, 255, 0); }

#verVideo video {
  width: 100%;
  height: 100%;
  border-radius: 22px;
  overflow: hidden; }

.navLogo.bg-light {
  background-color: #fff !important;
  min-height: 60px !important;
  max-height: 60px !important;
  padding-top: 0px !important;
  color: #fff;
  font-size: 16px;
  z-index: 1037;
  box-sizing: border-box;
  border: 1px solid #EBEFF4;
  box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05) !important; }

.navLogo.bg-dark {
  background-color: #375F8E !important;
  min-height: 40px !important;
  max-height: 55px !important;
  padding-top: 0px !important;
  color: #fff;
  font-size: 16px;
  z-index: 1037; }

.bg-degrade {
  padding-top: 10px;
  padding-bottom: 10px;
  background: rgba(0, 0, 0, 0.55);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.55)), color-stop(0%, rgba(0, 0, 0, 0.55)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }

.mainTop {
  margin-top: 45px !important; }
  .mainTop .template2 {
    padding-top: 15px !important; }
  .mainTop .template3 {
    padding-top: 0px !important; }
    .mainTop .contentprof {
    padding-top: 40px; }

.bannerTopSmall {
  overflow: hidden;
  height: 250px; }
  .bannerTopSmall img {
    position: relative;
    z-index: 2;
    top: -20px;
    width: 100%; }
  .bannerTopSmall span {
    font-weight: bold; }
  .bannerTopSmall h4 {
    font-weight: 400;
    min-width: 320px;
    max-width: 320px;
    color: #fff !important;
    position: relative;
    left: calc(50% - 160px);
    line-height: 30px;
    font-size: 30px;
    top: 130px;
    z-index: 3;
    text-align: center; }

.avatarMenu {
  overflow: hidden;
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  padding-left: 0px;
  background-size: cover;
  vertical-align: middle; }

.faq.card {
  padding: 0px !important;
  margin-bottom: 0px;
  width: 100% !important;
  margin-top: 10px;
  border: none; }
  .faq.card .card-header {
    border: 1px solid #ececec !important;
    margin-top: 0px; }
    .faq.card .card-header a {
      color: #707070 !important;
      font-weight: 500;
      text-align: left;
      width: 100%;
      transform: rotate(0deg) !important;
      word-break: break-word;
      white-space: normal;
    }
    .faq.card .card-header a img {
      width: 30px;
      float: right;
      transform: rotate(90deg) !important; }
  .faq.card .card-body {
    padding: 10px 30px 30px 30px;
    background-color: #e2edf5;
    border-left: 3px solid #EF4E35;
    position: relative; }
    .faq.card .card-body a {
      color: #EF4E35 !important; }
    .faq.card .card-body img.medium {
      width: 30%;
      border-radius: 0px;
      margin: 0px auto !important; }
    .faq.card .card-body img.medium2 {
      width: 120px;
      border-radius: 0px;
      margin: 0px auto !important; }
    .faq.card .card-body img.small {
      width: 20px;
      border-radius: 0px; }
    .faq.card .card-body ul {
      margin-top: 20px; }
  .faq.card p {
    font-size: 15px;
    line-height: 18px;
    margin-top: 16px; }

.faq.card:hover {
  box-shadow: none !important; }

.faq.card:hover button {
  box-shadow: none; }

.textSuscription:hover {
  border: 1px solid #ef4e35; }
  .textSuscription:hover .imginfo {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transition-duration: 1.3s;
    -moz-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s; }

.textSuscription {
  margin-top: 30px;
  padding: 20px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #d5daed; }
  .textSuscription .detailSusc {
    height: auto;
    margin: auto 0; }
  .textSuscription .imagesuscr {
    height: auto;
    margin: auto 0; }
  .textSuscription .right {
    text-align: right; }
  .textSuscription h2 {
    font-size: 23px;
    width: 100%;
    font-weight: 700;
    color: #ef4e35; }
  .textSuscription .imagesuscr img {
    width: 100%;
    border-radius: 8px; }
  .textSuscription .imginfo {
    width: 120px;
    transition: all 1s; }

.textMessage {
  margin-top: 30px;
  border-top: 1px solid #ef4e35;
  border-bottom: 1px solid #ef4e35; }
  .textMessage h1 {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 35px;
    color: #5c5c5c;
    padding: 20px 0px; }

.vert-center {
  margin: auto 0;
  height: 100%; }

.card-informationSide {
  margin-top: 5px;
  width: 100%;
  padding: 15px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #d5daed;
  min-height: 100px; }
  .card-informationSide .detalle h6 {
    text-transform: uppercase;
    font-size: 13px; }
  .card-informationSide img {
    width: 50px; }
  .card-informationSide h6 {
    margin-bottom: 0px; }

.badge-success.orange {
  color: #fff;
  background-color: #e94f38;
  text-transform: uppercase;
  font-size: 12px; }

.card-informationSide:hover {
  border: 1px solid #ef4e35;
  cursor: pointer; }

.card-informationComment {
  margin-top: 5px;
  width: 100%;
  padding: 0px 15px;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #d5daed;
  min-height: 100px; }
  .card-informationComment .starProm {
    width: 150px !important;
    top: 8px; }
  .card-informationComment h6 {
    color: #747474;
    font-size: 14px; }
  .card-informationComment strong {
    padding-bottom: 0px; }
  .card-informationComment .texto-commemt {
    padding: 15px 0px; }
  .card-informationComment .puntaje {
    background-color: #EF4E35;
    padding: 3px;
    color: #fff;
    text-align: right;
    font-weight: bold;
    position: absolute;
    text-align: right;
    right: 15px;
    font-size: 20px;
    display: inline-block;
    border-radius: 0px 0px 5px 5px; }
  .card-informationComment .detalle h6 {
    text-transform: uppercase;
    font-size: 13px; }
  .card-informationComment img {
    width: 50px; }
  .card-informationComment h6 {
    margin-bottom: 0px; }

.card-informationComment:hover {
  border: 1px solid #ef4e35;
  cursor: pointer; }

.noshow {
  display: none; }

.rightPosition {
  right: 20px; }

.pillInfo.green a {
  background-color: #45b749; }

.smallElm .sliderProductHome .menu-wrapper {
  background-color: #e5eaf0; }

.movileBtn {
  display: none; }

.barMenuProfile {
  display: none; }

@media (max-width: 991px) {
  .bg-menuSelect {
    border: 0px !important; }
  .smallElm {
    position: fixed;
    top: 50px;
    left: 18px;
    z-index: 1;
    width: 102vw;
    background-color: #fff;
    height: 48px;
    border: none !important;
     padding: 0px 0px; }
    .smallElm .btn-search {
      font-size: 9px !important;
      border-radius: 40px;
      left: 0 !important;
      top: 5px !important;
      width: 38px !important;
      height: 38px !important; }
    .smallElm .btn-danger-home {
      padding: 0px 5px 5px 5px !important; }
      .smallElm .btn-danger-home img {
        width: 18px; }
  .smallElm .sliderProductHome .menu-wrapper {
    border-radius: 0; }
  .smallElm .paddles {
    display: none; }
  .smlogo {
    display: none !important; }
  .baseCarrito .totalCarro {
    position: fixed;
    bottom: 5px;
    left: 0px;
    width: 100vw;
    z-index: 9999;
    background-color: white;
    border-top: 1px solid #eee; }
  .baseCarrito.oculto .totalCarro {
    display: none; }
  .imgbgHome.mobileSize img {
    max-height: 100vh !important;
    min-height: 50vh !important;
    position: absolute !important;
    z-index: 0 !important;
    margin-top: -55px !important;
    margin-left: -100px !important; }
  .heightSlide.show {
    display: block;
    min-height: 100vh; }
    .heightSlide.show .textDrive {
      padding: 50px; }
    .heightSlide.show .searchHome {
      top: 210px;
      padding-left: 10px !important; }
    .heightSlide.show .textDrive h1 {
      font-size: 33px; }
  .heightSlide {
    display: none; }
  .bannerNotice.show {
    display: block;
    text-align: center;
    height: calc(100vh) !important;
    width: 100% !important;
    position: relative !important;
    right: 0vw !important;
    top: -2vh !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position-x: center !important; }
    .bannerNotice.show .textDrive {
      padding: 180px 10px 40px 20px !important; }
    .bannerNotice.show .circleButton {
      padding: 10px 12px;
      width: 60px;
      height: 60px; }
  .bannerNotice {
    display: none; }
  .searchHomeFix {
    width: 100% !important; }
    .homePrincipal .searchHome {
    top: 150px; }
     .baseCarrito .bgHandler {
    background-color: #fff;
    width: 100vh;
    height: 70px;
    bottom: 0px;
    left: 0px;
    position: fixed;
    z-index: 0; }
  .homePrincipal .bannerNotice {
    top: -6vh !important; }
  .homePrincipal .bannerNotice .textDrive {
    padding: 60px 10px 40px 20px !important; }
  .baseCarrito.oculto {
    left: 100.5% !important;
    animation: fadeIn ease 1s; }
  .smHidden {
    display: none !important; }
  #profileMenuFloat {
    display: none; }
  #profileMenuFloat.open {
    display: block;
    position: fixed;
    padding-left: 0px !important;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    z-index: 555; }
  .barMenuProfile:hover a {
    background-color: #3D3D3D !important;
    color: #fff; }
  .spaceTopProfile {
    margin-top: 100px; }
  .smSliderLogo.tiendaIco::before {
    display: none !important; }
    .smCard {
    margin-top: -2.5rem; }
  .smCard .card.imgresp {
    padding-top: 0px !important;
    padding-bottom: 10px !important; }
  .smSliderLogo.tiendaIco {
    position: relative !important;
    width: 200px !important;
    height: 100px !important;
    display: block; }
    .smSliderLogo.tiendaIco .circle {
      width: 60px !important;
      height: 60px !important;
      margin-right: 0px !important;
      padding-right: 0px !important; }
    .smSliderLogo.tiendaIco .circle img {
      width: 60px;
      height: 60px; }
  .smSliderNone {
    display: none !important; }
  .nom_tienda {
    left: 6rem; }
  .barMenuProfile {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 556;
    color: #fff;
    margin-top: 0px !important;
    background-color: #ef5535 !important;
    padding: 70px 0px 20px 15px; }
    .barMenuProfile a {
      text-decoration: none;
      background-color: #fff !important;
      padding: 10px 50px;
      border-radius: 8px;
      font-weight: bold;
      color: #363a3f; }
  .navbar-brand img.logo {
    width: 140px;
    height: auto;
    margin-top: 0px; }
  .navbar {
    padding: 0.5rem 0.5rem; }
    .navTulivery{
      padding-right: 26px !important;
    }
  nav .navbar-nav .nav-item {    
    margin-top: 0px !important; }
  .movileBtn {
    display: block;
    position: absolute;
    right: 60px;
    font-size: 12px; }
  footer .list-unstyled img {
    max-width: 224px; }
  .card-signin {
    margin-top: 70px !important; }
  .loginv2 .card-signin .card-body {
    padding: 1rem; }
  #spinner .btn-sm, #spinner .btn-group-sm > .btn {
    padding: .2rem .4rem;
    font-size: .5rem; }
  .spinner .btn-sm, .spinner .btn-group-sm > .btn {
    padding: .2rem .4rem;
    font-size: .5rem; }
  .floatcart {
    position: fixed;
    width: 100%; }
  .cart2 span i {
    font-size: 27px;
    padding-top: 0px; }
  .baseCarrito.oculto .handler {
    bottom: 5px;
    left: 10px !important;
    font-size: 15px !important;
    display: block;
    position: fixed;
    z-index: 0; }
  .fullHeight {
    height: auto !important; }
  .baseCarrito {
    padding: 60px 0px !important; }
    .baseCarrito .handler {
      bottom: 10px;
      left: calc(2vw) !important;
      font-size: 15px !important;
      display: none; }
  #scrollerSection {
    max-height: 65% !important; }
  .closeCart {
    display: block !important;
    padding: 15px; }
    .closeCart i {
      font-size: 20px; }
  .plantilla2, .plantilla3, .template1 {
    padding-bottom: 60px !important; }
  .bgstoreinfo {
    margin-top: 0px !important; }
  .fullHeight {
    height: 100vh; } }

.closeCart {
  display: none; }

.form-signin img, .card-signin img {
  display: none !important; }

.btn-default {
  background-color: #212529;
  color: #fff; }

.tittleFotter {
  color: #fff;
  text-align: center;
  padding-bottom: 15px; }

.loginv2 .form-signin .btn {
  box-shadow: none; }

.fullHeight {
  height: calc(100vh - 310px); }

.separadorw-grey {
  width: 100%;
  border-bottom: 2px solid #2c3135;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 20px; }

.smHidden {
  display: block; }

@media (min-width: 992px) and (max-width: 1200px){
  .baseCarrito {
     /*margin-top: -55px;*/
     padding: 0px 0px;
    border-radius: 0px;
    background-color: #fff;
    padding-bottom: 0px;
    position: fixed;
    /*right: 100%;*/
    width: auto;
    z-index: 26;
    margin-top: -3rem !important;
    animation: fadeIn ease 1s;
   }
 }
@media (min-width: 992px) {
  .scrollerSectionCss {
    position: absolute;
    /*top: 20p;*/
    left: 0px; }
  .baseCarrito {
     /*margin-top: -55px;*/
   }
  .baseCarrito.topConfig {
    margin-top: 0px !important; } 

  .template2 .circle {
    margin-top: 0px;
    width: 13.4vw !important;
    /*width: 180px !important;*/ }
    .template2 .circle img {
      width: 100%; }
  .template2 .bannerCompacto {
    padding-right: 15px;
    width: 100%; }
    .template2 .bannerCompacto img {
      width: 100%;
      height: auto;
      background-size: cover;
      background-position: center;
      margin-left: 15px; }}

.compactoTemplateHeight {
  min-height: calc(100vh); }

.checkoutTemplateHeight {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px; }

.checkoutCarHeight {
  max-height: calc(100vh - 350px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px; }

.compactoCarHeight {
  height: calc(100vh - 175px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 10px 10px 10px; }

.CarHeight {
  height: calc(100vh - 250px); }

.template2 .circle {
  margin-top: 0px; }
  .template2 .circle img {
    width: 120px; }

/*.bannerCompacto {
  width: 100%;
  min-height: 80px;
  max-height: 120px;
  height: auto;
  background-size: cover;
  background-position: center;
  margin-left: 15px; }*/

.HeightBannerTemplate {
  min-height: calc(100vh - 130px); }

.modal-content.driverinHouse {
  padding: 20px; }
  .modal-content.driverinHouse .radioCheck {
    border-radius: 12px;
    border: 1px solid #cecece;
    margin-top: 22px;
    width: 100%;
    padding: 10px 0px 20px 40px; }
  .modal-content.driverinHouse input[type=checkbox]:not(old):checked + label, .modal-content.driverinHouse input[type=radio]:not(old):checked + label {
    color: #212129;
    font-weight: 500; }
  .modal-content.driverinHouse p {
    font-size: #3D3D3D;
    margin-top: 10px;
    padding-top: 0px;
    line-height: 18px; }
  .modal-content.driverinHouse .verificationCode {
    height: 58px;
    text-align: center;
    border-radius: 10px; }

  .totalCarro .btn-success, .specialcart .btn-success, .handler .btn-success {
  color: #fff;
  background-color: #EF4E35 !important;
  border-color: #EF4E35 !important; }

.totalCarro .btn-success:hover, .specialcart .btn-success:hover, .handler .btn-success:hover {
  color: #fff;
  background-color: #e43e24 !important;
  border-color: #e43e24 !important; }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1.3rem; }

#slider2 {
  margin: 0px;
  padding: 0px; }

#slider2 .slide {
  height: 280px;
  position: relative;
  font-size: 15px;
  background-color: #46464f;
  overflow: hidden !important; }

#slider2 .slides-container {
  position: relative;
  width: 100%;
  height: 100%; }

#slider2 .slide {
  width: 100%;
  height: 100%;
  /*position: absolute;*/
  left: 0;
  top: 0;
  display: none; }

#slider2 .slide:first-child {
  display: block; }

#slider2 .arrows a {
  position: absolute;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.65);
  top: 43%;
  left: 35px;
  font-weight: 400;
  line-height: 1;
  font-size: 42px; }

#slider2 .arrows a:hover {
  color: #fff; }

#slider2 .arrows a.next {
  left: initial;
  right: 35px; }

  #slider2.bgHome {
  margin-top: -10px; }

.flex-column2{
  min-height: 6rem;
}

.flex-column3{
  height: 3rem !important;
}
.flex-row3{
  height: 3rem !important; 
}
.modal-dialog{
  top: 1.5rem;
}
.btn .badge{
  top: -0.7rem;
  left: -0.3rem;
}
@media (max-width: 991px) {
  .floatMenu li{
    color: white !important;
  }
  .mainTopPhone{
    margin-top: 45px !important;
  }
  .nom_tienda{
    top: 0.25rem;
  }
  #slider2 img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
}
@media (min-width: 992px) {
  .mainTopPC{
    margin-top: 35px !important;
  }
  #slider2 img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
}
.homeLogoSlider {
  margin: 50px 0px; }
  .homeLogoSlider .content {
    padding-top: 20px;
    padding-bottom: 20px; }
  .homeLogoSlider .card {
    box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.1) !important; }

.homePrincipal .imgbgHome img {
  max-height: 140vh;
  min-height: 130vh;
  position: absolute;
  z-index: 0;
  margin-top: -55px; }

.homePrincipal .circleButton {
  margin-top: 10px !important;
  padding: 10px 12px;
  width: 50px;
  height: 50px; }
  .homePrincipal .circleButton img {
    width: 20px;
    height: 20px;
    padding-left: 4px; }
  .homePrincipal .circleButton .btn-white-home:hover {
    background-color: #375F8E !important; }

.homePrincipal .searchHome {
  padding-left: 50px; }

.homePrincipal .textDrive {
  padding-left: 50px;
  color: #fff; }
  .homePrincipal .textDrive span {
    color: #fff;
    font-size: 20px; }

.homePrincipal .heightSlide {
  height: 200px;
  padding-top: 7vh !important; }

.homePrincipal .heightBanner {
  height: 200px;
  padding-top: 10vh !important; }

.homePrincipal .bannerNotice {
  text-align: center;
  height: calc(80vh);
  width: 100%;
  position: relative;
  right: -4vw;
  top: 4vh;
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: center; }
  .homePrincipal .bannerNotice .textDrive {
    padding: 110px 10px 40px 20px; }
    .homePrincipal .bannerNotice .textDrive h1 {
      font-size: 28px;
      line-height: 28px;
      font-weight: 500 !important; }

.homeLogoSlider .slick-track {
  width: 100%; }

.homeLogoSlider .scroll-section {
  overflow: scroll;
  padding: 7px 15px;
  width: 90%; }
  .homeLogoSlider .scroll-section .content-detail {
    height: 91px;
    width: 100%; }

.homeLogoSlider .image-responsive {
  overflow: hidden;
  background-size: cover;
  background-position: center;
  display: block;
  background-repeat: no-repeat; }

.homeLogoSlider .card.empty {
  background-color: #fff !important;
  border: 1px solid #fff !important; }

.homeLogoSlider .slider {
  cursor: grabbing; }

.homeLogoSlider .slider .product-image {
  border-radius: 8px 8px 0 0;
  height: 100px;
  background-position: center;
  background-size: contain; }

.homeLogoSlider .slider .card {
  padding: 15px 20px !important;
  min-width: 120px;
  margin-right: 12px;
  border: 1px solid #fff;
  border-radius: 10px; }
  .homeLogoSlider .slider .card .card-body {
    padding: 2px;
    text-align: center; }
  .homeLogoSlider .slider .card .product-image {
    /*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.6;*/ }

.temporarilyHide {
  display: none; }

.pac-container {
  z-index: 9999 !important;
}

.dotacion .bgBanner {
  margin-top: -20px;
  position: relative;
  height: 100%; }
  .dotacion .bgBanner img {
    position: relative;
    bottom: 0px;
    width: 100%;
    z-index: -1; }
  .dotacion .bgBanner .textDrive {
    position: absolute;
    top: calc(50% - 100px);
    left: 40px;
    width: 50%;
    color: #fff; }
    .dotacion .bgBanner .textDrive h1 {
      font-weight: 600 !important; }
    .dotacion .bgBanner .textDrive span {
      color: #fff; }

.dotacion .textSuscription:hover .imginfo {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

.dotacion .imagesuscr img {
  border-radius: 40px;
  max-width: 450px; }

.dotacion .bg-blue {
  background-color: #375F8E;
  border-radius: 20px;
  color: #fff;
  margin: 40px 0px; }
  .dotacion .bg-blue img {
    width: 80px;
    height: 80px; }
  .dotacion .bg-blue h3 {
    font-weight: 400;
    padding: 20px 0px;
    font-size: 20px; }

.dotacion .textSuscription {
  margin-top: 30px;
  padding: 20px;
  border-radius: 0px;
  border: none;
  background-color: transparent !important; }
  .dotacion .textSuscription .bg-light-fullw {
    position: absolute;
    left: -15px;
    margin-top: -220px;
    overflow: hidden;
    z-index: -1; }
    .dotacion .textSuscription .bg-light-fullw img {
      min-width: 100vw; }
  .dotacion .textSuscription .imginfo {
    width: 100px;
    transition: all 1s;
    margin-bottom: 20px; }
  .dotacion .textSuscription h2 {
    color: #3D3D3D;
    margin-bottom: 20px; }
  .dotacion .textSuscription p {
    font-size: 18px;
    color: #3D3D3D; }

.btn-hide {
  position: relative;
  margin-top: 0px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 12px;
  padding: 8px; }
  /*.btn-hide img {
    height: 46px;
    width: 20px; }*/

.btn-hide:hover {
  background-color: #f5f5f5; }

.scrollerSectionCss.oculto {
  right: -25%; }
  .scrollerSectionCss.oculto .btn-hide {
    background-color: #212529;
    right: 0px; }
  .scrollerSectionCss.oculto img {
    transform: rotate(180deg);
    height: 46px; }

.compactoTemplateHeight.sideoculto {
  min-width: calc(100vw) !important; }

.cutHeader.sideoculto {
  width: calc(100vw); }

.baseCarrito.whitebg .totalCarro {
  background-color: #fff;
  padding-bottom: 10px !important; }

.verticarCart .cardDetail {
  border: none;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.09);
  border-radius: 12px; }

.verticarCart .cardDetail:hover {
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
  border: none; }

.modal-content {
  border-radius: 12px !important; }

.modal-header {
  border-radius: 12px 12px 0 0 !important; }

.itemChoice {
  width: 100% !important;
  margin-top: 10px; }
  .itemChoice .spinnerContent {
    width: 70px; }
  .itemChoice .label {
    min-width: 100% !important; }
  .itemChoice .priecItem {
    padding-top: 0px; }
  .itemChoice input {
    text-align: center !important;
    margin-left: 8px; }
  .itemChoice button {
    box-shadow: none !important; }

.specialcart.verticarCart .baseCarrito .totalCarro {
  position: relative;
  top: 0px;
  bottom: auto;
  left: 0px;
  padding-bottom: 0px !important; }

.specialcart.verticarCart .baseCarrito {
  padding: 0px 0px !important; }

.content-info {
  padding-left: 12px;
  color: #3D3D3D;
  font-family: "Source Sans Pro" !important; }
  .content-info h1 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0px !important; }
  .content-info p {
    color: #5e6a75;
    margin-bottom: 0px !important; }
  .content-info span {
    background-color: #3D3D3D;
    color: #fff;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 16px;
    margin-top: 10px;
    display: inline-block; }
  .content-info a {
    color: #375F8E;
    font-size: 16px;
    text-decoration: underline; }
  .content-info .info-store {
    background-color: #fff !important;
    color: #3D3D3D !important;
    font-size: 18px; }
    .content-info .info-store i {
      color: #dda325; }
.vermas-contentResume {
  transition: all .1s ease-in-out; }
  .vermas-contentResume img {
    width: 30px;
    float: right;
    transform: rotate(90deg); }

.contentResume {
  display: block; }

.vermas-contentResume.open img {
  width: 30px;
  float: right;
  transform: rotate(180deg); }

.contentResume.open {
  display: none !important; }

.separadoronly.open {
  display: none !important; }

@media (min-width:992px) and (max-width:1200px){
  .logo_acomodar{
    overflow: hidden;
  }
}