/*********************** PROCESO DE COMPRA MOVIL ***********************/

@media (max-width: 600px) {
  .proceso-compra {
    display: none;
}
}



/*********************** FIXED NAV RIGHT ASESOR ONLINE ***********************/
@media (min-width: 768px) and (max-width: 1366px){

#btn-asesor{
   top: 150px !important;
}
  
}
#btn-asesor{
 position: fixed;
  right: 0px;
  top: 340px;
  z-index: 999;
  width:50px;
  padding:0;
}

#btn-asesor > li{
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: 2px;
  position:relative;
  z-index:999;
}
#btn-asesor > li > a{
	font-size:26px;
  display:block;
  height:50px;
  transition:ease 0.3s;
  padding:0;
  color:#FFF;
}
#btn-asesor> li > a:focus{
  outline:0;
  color:inherit;
}
#btn-asesor > li > a > i{transition:ease 0.3s;}
#btn-asesor > li > a:hover{background-color: rgb(23, 143, 60); border-radius:50%;}
.asesor-btn{
  z-index:999;
  position:relative;
}


.btn-nav{position:relative;}
.btn-nav .banner-asesor{
  text-transform:uppercase;
  position:absolute;
  top:0;
  background-image: url("https://assets.jumpseller.com/store/mis-vitaminas/themes/118249/Banner-asesor-online-fixed-right.jpg?1534539688#_ga=2.171009001.810838385.1534533403-1150203541.1488583347");
  padding:10px;
  height:390px;
  max-height:390px;
  transition:all ease 0.3s;
  overflow:hidden;
  width:200px;
  overflow-y:auto;
  border-radius: 0;
  border: none;    
  -webkit-transform: translateX(25%);
  -ms-transform: translateX(25%);
  transform: translateX(25%);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  display:block;
  z-index:1;
}
.clic-aqui {
    margin-top: 300px;
}
a.butn:hover {
    color: #f5f5f5;
}
.reveal-banner-asesor{
  -webkit-transform: translateX(-220px) !important;
  -ms-transform: translateX(-220px) !important;
  transform: translateX(-220px) !important;
  -webkit-transition: 0.3s ease !important;
  transition: 0.3s ease !important;
}

#banner-asesor .user-link{
  line-height: 34px;
  transition: ease 0.3s !important;
  transition-delay:0.1s;
  position: absolute;
  right: 0;
  width: 40px;
  overflow:hidden;
}
#banner-asesor .user-link.active{width:180px;background-color: #f5f5f5;}
#banner-asesor .user-link.active > *{color: #37424e !important;width:auto;}

#banner-asesor .user-link > *{
  vertical-align:middle;
	display:inline-block !important;
}
#fbanner-asesor i{
	width:40px;
  text-align:center;
  display:block;
  line-height: 37px;
}
#banner-asesor .user-link span{
  max-width: 130px;
  overflow: hidden;
  text-overflow:ellipsis;
  width:0;
  font-size: 12px;
  text-transform: uppercase;
}
#banner-asesor .user-link:hover span{width: auto;}
.search-right:hover #search_mini_form span{
  background-color:#f5f5f5;
  cursor:pointer;
}
.search-right #search_mini_form span{
  right:0;
	height:100%;
  transition:ease 0.3s;
}
.search-right #search_mini_form span i{height:100%;}
.search-right #search_mini_form span i:before{
  font-size:20px;
  line-height:40px;
}
.search-right #search_mini_form input[type=search] {
  height: 40px;
	position:absolute;
  right:40px;
  border-radius:0;
}
@media screen and (min-width: 1025px){
  #banner-asesor .user-link:hover, #banner-asesor .user-link.active{width:180px;}
  .search-right:hover #search_mini_form input[type=search]{
    width: 140px;
    background-color: #f5f5f5;
    color:#3c3c31;
  }
}
.search-right.active #search_mini_form input[type=search] {
  width: 140px;
  background-color: #f5f5f5;
  color:#3c3c31;
}
.search-right #search_mini_form input:-moz-placeholder {color: #3c3c31;}
.search-right #search_mini_form input::-webkit-input-placeholder {color: #3c3c31;}
#banner-asesor #search_mini_form input:focus {
  color: #3c3c31;
  background-color: #f5f5f5;
}
#fbanner-asesor > li {
	background-color:#4cab37;
}
#banner-asesor a.butn:hover {color:#fff}




/*********************** FIXED NAV RIGHT ***********************/
@media (min-width: 768px) and (max-width: 1366px){

#fixed-nav-right{  
  top: 100px !important;
 }
  
}
#fixed-nav-right{
  position: fixed;
  right: 0px;
  top: 200px;
  z-index: 999;
  width:40px;
  padding:0;
}
#fixed-nav-right > li{
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 2px;
  position:relative;
  z-index:999;
}
#fixed-nav-right > li > a{
	font-size:26px;
  display:block;
  height:40px;
  transition:ease 0.3s;
  padding:0;
  color:#FFF;
}
#fixed-nav-right > li > a:focus{
  outline:0;
  color:inherit;
}
#fixed-nav-right > li > a > i{transition:ease 0.3s;}
#fixed-nav-right > li > a:hover{background-color: rgb(23, 143, 60);}
.cart-btn{
  z-index:999;
  position:relative;
}
.cart-nav{position:relative;}
.cart-nav .cart-list{
  text-transform:uppercase;
  position:absolute;
  top:0;
  background:#d1d1d1;
  padding:10px;
  height:auto
  max-height:200px;
  transition:all ease 0.3s;
  overflow:hidden;
  width:200px;
  overflow-y:auto;
  border-radius: 0;
  border: none;    
  -webkit-transform: translateX(25%);
  -ms-transform: translateX(25%);
  transform: translateX(25%);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  display:block;
  z-index:1;
}
.reveal-cart-list{
  -webkit-transform: translateX(-220px) !important;
  -ms-transform: translateX(-220px) !important;
  transform: translateX(-220px) !important;
  -webkit-transition: 0.3s ease !important;
  transition: 0.3s ease !important;
}
#fixed-nav-right .dropdown-toggle::after{display:none;}
#nav-bar-cart{
  position: absolute;
  top: -13px;
  right: 3px;
  border-radius: 20px;
  font-size: 12px;
  padding: 0 6px;
  min-width: 18px;
  background: #333;
}
.cart-amount span{    
  font-size: 12px;
  margin-bottom: 10px;
  display: block;
  color:#999;
}
.cart-list ul{padding:0;}
.cart-list img{width:50px;}
.cart-list .row{margin:0 0 10px 0;}
.cart-product-name{display:block;font-size: 0.7rem;}
.cart-dropdown-price{color:#999;}
.cart-nav-subtotal{
	border-top: 1px solid #999;
  text-align: right;
  font-weight: 600;
  padding: 10px 0;
}
.cart-list .cart-buttons .btn{
	width:100%;
  padding:7px;
  margin: 10px 0 0 0;
}
.user-link{line-height:23px;}
.mdi-logout{line-height:40px;}

#fixed-nav-right .user-link{
  line-height: 34px;
  transition: ease 0.3s !important;
  transition-delay:0.1s;
  position: absolute;
  right: 0;
  width: 40px;
  overflow:hidden;
}
#fixed-nav-right .user-link.active{width:180px;background-color: #f5f5f5;}
#fixed-nav-right .user-link.active > *{color: #37424e !important;width:auto;}

#fixed-nav-right .user-link > *{
  vertical-align:middle;
	display:inline-block !important;
}
#fixed-nav-right i{
	width:40px;
  text-align:center;
  display:block;
  line-height: 37px;
}
#fixed-nav-right .user-link span{
  max-width: 130px;
  overflow: hidden;
  text-overflow:ellipsis;
  width:0;
  font-size: 12px;
  text-transform: uppercase;
}
#fixed-nav-right .user-link:hover span{width: auto;}
.search-right:hover #search_mini_form span{
  background-color:#f5f5f5;
  cursor:pointer;
}
.search-right #search_mini_form span{
  right:0;
	height:100%;
  transition:ease 0.3s;
}
.search-right #search_mini_form span i{height:100%;}
.search-right #search_mini_form span i:before{
  font-size:20px;
  line-height:40px;
}
.search-right #search_mini_form input[type=search] {
  height: 40px;
	position:absolute;
  right:40px;
  border-radius:0;
}
@media screen and (min-width: 1025px){
  #fixed-nav-right .user-link:hover, #fixed-nav-right .user-link.active{width:180px;}
  .search-right:hover #search_mini_form input[type=search]{
    width: 140px;
    background-color: #f5f5f5;
    color:#3c3c31;
  }
}
.search-right.active #search_mini_form input[type=search] {
  width: 140px;
  background-color: #f5f5f5;
  color:#3c3c31;
}
.search-right #search_mini_form input:-moz-placeholder {color: #3c3c31;}
.search-right #search_mini_form input::-webkit-input-placeholder {color: #3c3c31;}
#fixed-nav-right #search_mini_form input:focus {
  color: #3c3c31;
  background-color: #f5f5f5;
}
#fixed-nav-right > li {
	background-color:#4cab37;
}
#fixed-nav-right a.butn:hover {color:#fff}