.search-box{position: relative;width: 70%;}
.search-box .form-group{border-radius: 4px;border: 0px solid rgba(255,255,255,.5);transition: all .25s ease;}
.search-box .form-control-wrapper{position:relative;}
.search-box .form-control-wrapper input.form-control { border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;  width: 90%;  padding-left: 15px !important;
    padding-right: 0px !important; }
.sea-inp{display: flex;justify-content: flex-start;align-items: center;background: #fff;border-radius: 4px;}
.search-box .sea-inp > a {     background: #fff !important;  height: 40px !important;
    width: 10%;  display: flex;  justify-content: flex-end;    padding-right: 15px;
    align-items: center;  transition: all .25s ease;  border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important; }
.search-resul{padding: 0px;position: absolute;width: 100%;z-index: 100;display: none;}
.sea-list{background: #fff;padding: 8px 0px;margin-top: 5px;border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(0,0,0,.2);max-height: 330px;overflow: overlay;}
.sea-list li a{padding: 8px 15px;color: #252526;display: block;font-family: 'Proxima Nova',sans-serif;font-size: 17px;}
.sea-list li i {     font-size: 16px;  color: #adb7be;  padding: 0 8px 0 2px; }
.sea-list li:hover { background: #f5f5f6; color: white;}
.buscadorPrincipal{  position: absolute;  top: 150px;  width: 50%;  left: 25%;}
.titulo-cl{  text-align: center;  color: #fff !important;  margin-bottom: 40px;  line-height: 0.6; }

.espacio-icon{  padding: 20px;  color: #fff !important;}

.search-menuprin{margin-top: 20px;width: 70%;}
.search-menuprin ul{display: flex;justify-content: space-between;}
.search-menuprin a {color: #fff;display: flex;border: 1px solid #fff;font-weight: 600;height: 46px;align-items: center;margin-right: 0px;border-radius: 0px;width: 140px;justify-content: center;transition: all .2s ease;}
.search-menuprin a:hover{background: #00a8ff;color: #fff;border: 1px solid #00a8ff;}

.cate ul li {  padding: 5px 0px;}
.cate ul li a{ color: #000; }

.itemCarrito {
  background: #00c3e6;
  padding: 2px 5px;
  width: 24px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  box-shadow: 0 0 3px #0001246e;
  color: #fff;
  height: 24px;
  display: inline-block;
  text-align: center;
}

#cart {  
  padding: 50px 120px 20px !important;  
  text-align: center;  
  min-height: 500px; 
}
#cart h2 {  }
#cart p {  }
#cart > a, #information a, #envio a, #pay a {     
  background: #000124;  
  height: inherit !important;  
  color: #fff !important;  
  border-radius: 50px;  
  text-align: center;  
  padding: 5px 24px 9px;
  display: table;  
  margin: 0px auto 5px;  
  font-weight: 500;
  font-size: 17px;  
  transition: 0.3s;  
}
#cart > a:hover, #information a:hover, #envio a:hover, #pay a:hover { 
  background: #00c3e6; 
}
#cart table {
  margin: 40px 0 0;
  width: 100%;
}
#cart table thead { border-bottom: 1px solid #eee; }
#cart table thead th {  font-weight: 500;     padding-bottom: 20px;}
#cart table tbody {  }
#cart table tbody tr { border-bottom: 1px solid #eee; }
#cart table tbody tr td:first-child {     display: flex;  align-items: center;
    justify-content: center; }
#cart table tbody td {  }
#cart table tbody td > a { padding: 15px 15px 15px 0;  width: 12%;  height: 120px; }
#cart table tbody td > a img { width: 100%;  max-width: 100%;  height: 100%;
    object-fit: contain; object-position: center left; }
#cart table tbody td > div {     width: 88%;  text-align: left;  display: flex;
    flex-direction: column;  align-items: flex-start;  line-height: 1.6; }
#cart table tbody td > div a { color: #232323; }
#cart table tbody td > div a:last-child {     position: relative; }
#cart table tbody td > div a:last-child:before { content: ""; width: 100%;
    height: 1px;  background: #000;  position: absolute;  bottom: 0; }
#cart table tbody td b {  font-weight: 600; }
#cart table tbody td small { font-size: 0.8em; }
#cart table tbody td > input {  text-align: center;  width: 60px;  padding: 10px 5px;
    border: 1px solid #232323;  background-color: #fff;  color: #232323;
    max-width: 100%;  line-height: 1.2;  border-radius: 2px; }

#cart_Vacio {  padding: 80px 15px !important;  text-align: center; }
#cart_Vacio h2 {  }
#cart_Vacio p {  }
#cart_Vacio a {     background: #000124;  height: inherit !important;  
  color: #fff !important;  border-radius: 50px;  text-align: center;  padding: 5px 24px 9px;
    display: table !important;  margin: 0px auto 5px;  font-weight: 500;
    font-size: 17px;  transition: 0.3s;  }
#cart_Vacio a i {  }
#cart_Vacio a:hover{ background: #00c3e6; }

#espera {  width: 100%; background: linear-gradient(transparent 170px, #fff 0%);
    padding: 200px 15px 15px;  display: flex;  align-items: end;
    justify-content: center;  color: #eee;  font-size: 3em;
    z-index: 99;  position: absolute;  top: 0;
    height: 100%;  left: 0; }

#subtotal { text-align: right;  font-size: 24px;  font-weight: 500;  letter-spacing: 1px; }
.CheckOut {    margin: 30px 0 5px auto !important;  }

#information { 
  padding: 0px 120px 0px !important;
  text-align: center;
  margin: -40px 0 0;
}
#information .justify-content-center { 
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}
#information .justify-content-center .col-md-4 {     
  width: 40%; 
}
#information .justify-content-center .col-md-4 input {     
  text-align: center;
}
#information .justify-content, #envio .justify-content {
  text-align: left;
}
#information .justify-content .col-md-6, #envio .justify-content .col-md-6 {
  width: 50%;
}
#CheckOut_1 {
  float: right;
  margin-left: 15px !important;
}
#envio_1 {
  float: right;
  background: #00c3e6 !important;
}
#envio { 
  padding: 0px 120px 40px !important;
  text-align: center;
}
#pay {
  padding: 0px 120px 20px !important;
  text-align: center;
}

.destacando > a {
  background: #607d8b;
  border-radius: 50px;
}
.destacando-bar {
  background: url(/images/17471-NR4OIN2.jpg);
  background-size: initial;
  background-position: center;
  text-align: center;
  padding: 20px;
  position: relative;
}
.destacando-bar::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgb(32 33 36 / 50%);
  position: absolute;
  left: 0;
  top: 0;
}
.destacando-bar span {
  color: #fff;
  position: relative;
  font-size: 24px;
  text-shadow: 0 0 10px #000;
}
.destacando-bar span a {
  background: #fff;
  text-shadow: 0 0;
  font-size: 17px;
  padding: 10px 20px;
  border-radius: 50px;
  font-weight: 600;
  margin: 0 0 0 10px;
}

/* TOOLTIP */
:host >>> .tooltip-inner {
      background-color: #fff;
      color: #3f4c6b;
    }
:host >>> .tooltip.top .tooltip-arrow:before,
:host >>> .tooltip.top .tooltip-arrow {
      border-top-color: #fff;     
    }
:host >>> .tooltip.right .tooltip-arrow:before,
:host >>> .tooltip.right .tooltip-arrow {
      border-right-color: #fff;     
    }
:host >>> .tooltip.left .tooltip-arrow:before,
:host >>> .tooltip.left .tooltip-arrow {
      border-left-color: #fff;     
    }
:host >>> .tooltip.bottom .tooltip-arrow:before,
:host >>> .tooltip.bottom .tooltip-arrow {
      border-bottom-color: #fff;     
    }

.mg_menu_movil, .mg_menu_principal {
  display: none;
}


@media screen and (max-width: 992px){
  .buscadorPrincipal{width: 70%;left: 15%;}
  body > .alert.alert-info {
    background-color: #00c3e6;
    color: #fff;
    padding-bottom: 10px;
    right: 2% !important;
    width: 96%;
    bottom: 8px !important;
  }
  body > .alert.alert-info strong{
    font-size: 19px;
  }
  body > .alert .close {
    display: none;
  }
  body > .alert span:nth-child(4) { 
    display: flex;
    font-size: 14px;
    letter-spacing: 0.5px;
    align-items: center;
    justify-content: space-between;
  }
  body > .alert span:nth-child(4) button {
    width: 100px;
    display: inline-block;
    background: #fff;
    border: 0;
    color: #00c3e6;
    font-size: 17px;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 50px;
  }
  .mg_menu_movil {
    position: fixed;
    height: 50px;
    background: #ff3451;
    width: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 1999;
    border-top: 1px solid #f3f3f3;
    box-shadow: 0px -2px 10px #0000004f;
  }
  .mg_menu_movil a img {
      height: 24px;
  }
  #mg_page {
      margin: 0 15px 50px;
  }
  .mg_menu_principal {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 109;
    text-align: center;
    left: -100%;
    top: 0;
    padding: 0 15px 50px;
    overflow: hidden auto;
    transition: 1s;
  }
  .mg_menu_principal.is_active {
      left: 0;
  }
  .mg_menu_principal ul {
    display: flex !important;
    align-items: center;
    flex-direction: column;
    margin: 0;
    padding: 0;
  }
  .mg_menu_principal ul li {
    display: block;
  }
  .mg_menu_principal li a {
    padding: 10px 20px !important;
    color: #303030 !important;
    display: block;
    font-weight: 600;
  }
  .mg_menu_principal li a span {
    display: block;
    text-transform: uppercase;
    font-weight: 900;
  }
  .menu-social {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0;
  }
  .menu-social a {
    color: #fff;
    margin: 0 5px;
    background: #303030;
    padding: 9px;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    min-width: 32px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .menu-social a img {
    width: 21px;
  }
  .destacando-bar span a {
    background: #fff;
    text-shadow: 0 0;
    font-size: 17px;
    padding: 8px 20px;
    border-radius: 50px;
    font-weight: 600;
    margin: 10px 0 0 0px;
    display: inline-block;
  }
  .destacando-bar{display: none;}
}

@media screen and (max-width: 668px){
  .buscadorPrincipal .titulo-cl{font-size: 1.6em;}
  .fa-3x{font-size: 2.5em;}
  .profile-header-photo{height: 300px !important;}
  .bgbannercomu{height: 300px !important;}
}

@media screen and (max-width: 575px){
  .buscadorPrincipal {width: 80%;left: 10%;}
  .titulo-cl{margin-bottom: 30px;line-height: 1.2;}
  .search-box .form-control-wrapper input.form-control{font-size: 14px !important;width: 90%;padding-left: 10px !important;}
  .sea-inp{padding: 0 10px;}
  .sea-list li a{font-size: 14px !important;}
}

@media screen and (max-width: 390px){

}