#tienda { background-size:100% 654px; /*opacity: 0.8;*/}
main    { background-color: #FFF;  /*opacity: 0.9;*/ padding: 20px 0px;}

.modal {
/*  position: absolute; */
  position: sticky;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
}
.modal-dialog {
  position: inherit;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.modal-content {
  position: inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #3c7dcf;
  border-radius: 0;
  box-shadow: none;
}

.nav-link.redes { color: #bbc829 !important; max-width: 50px;}

footer a { color: #bbc829; }

/* BOTON CARRITO, AREA-CLIENTE */
#btn_carrito, #btn_login, .icono-model-image, .icono-model-title {
  display: inline-block;
  background-color: #bbc829;
  text-align: center;
  border-radius: 4px;
  margin: 5px 5px;
  position: absolute;
  transition: background-color .3s;
  z-index: 1000;
  padding-top: -10px;
  font-size: 20px;
}

#alerta_carrito {
  position: absolute;
  z-index: 1000;
}


#btn_login:hover {cursor: pointer; background-color: #DDD;}
#btn_login:active {background-color: #555;}

#btn_carrito:hover {cursor: pointer;  background-color: #DDD;}
#btn_carrito:active {background-color: #555;}

#alerta_carrito:hover {cursor: pointer;  background-color: #DDD;}
#alerta_carrito:active {background-color: #555;}



/* BOTON IR ARRIBA, CONTACTAR */
#btn_up,#btn_contactar {
  display: inline-block;
/*  background-color: #FF9800; */
  background-color: #BBC829;
  color: #FFF;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  margin: 20px 10px;
  position: fixed;
  transition: background-color .3s;
  z-index: 1000;
  padding-top: -10px;
  font-size: 35px;
}

#btn_contactar { right: 18px; bottom: 135px; }
#btn_up {right: 18px; bottom: 75px; }

#btn_up:hover {cursor: pointer;  background-color: #DDD;}
#btn_up:active {background-color: #555;}

#btn_contactar:hover {cursor: pointer; background-color: #DDD; }
#btn_contactar:active {background-color: #555; }


/* BOTON ADD CARRITO, COMPRAR */
#btn_add,#btn_left {
  display: inline-block;
  background-color: orange;
  width: 45px;
  height: 45px;
  text-align: center;
  border-radius: 4px;
  margin: 5px 5px;
  position: fixed;
  transition: background-color .3s;
  z-index: 1000;
  padding-top: -10px;
  font-size: 25px;
}

#btn_add { left: 65px; bottom: 10px; }
#btn_left {left: 10px; bottom: 10px; }

#btn_add:hover {cursor: pointer; background-color: #DDD;}
#btn_add:active {background-color: #555;}

#btn_left:hover {cursor: pointer;  background-color: #DDD;}
#btn_left:active {background-color: #555;}



.hidden { display: none!important; }

.cart-model, .search-model, .login-model {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 67px;
  background: #FFF;
  z-index: 99998;
  border-top: 5px solid #35260F;
  overflow-x: hidden!important;

  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}


.area-model {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  transform: translateY(0px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: url("/verdetierra.net/public/imagenes/home/fondo_470px_cer.jpg"); 
}


.cart-model-form, .search-model-form, .login-model-form {
  position: absolute;
  top: 0px;
  left: center;
}
.area-model-form {
  padding: 0 15px;
  background: #FFF;
}

.cart-model-image {
  padding: 12px 10px 10px 15px;
}
.icono-model-image {
  margin-top: -5px;
  width: 35px;
  height: 35px;
  z-index: 99998;
}
.icono-model-title {
  margin-top: -1px;
  margin-left: 45px;
  background-color: #fff;
  z-index: 99998;
  font-size: 16px!important;
  font-weight: bold!important;
  color: #1d1003;
}

.search-model-image, .login-model-image {
  padding: 10px 10px 10px 15px;
}
.cart-model-content, .search-model-content, .login-model-content {
  padding: 25px 5px 25px 15px; 
  min-width: 300px!important;
  padding-bottom: 85px!important; 
}

.home-search {
  width: 600px!important;
}

.area-model-image {
  padding: 10px 0px;
}

.cart-close-switch, .search-close-switch, .login-close-switch {
  position: fixed;
  width: 32px;
  height: 32px;
  background: #333;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  padding-top: 0px;
  font-size: 21px;
  top: 77px;
  right: 5px;
  cursor: pointer;
  z-index: 99999;
}

.bg-dark {background-color: #35260F !important; color: #FFF!important;}
.nav-link {color: #FFF!important;}
.lupa--search {right:32px; top:5px; position: relative; color:#333;}
.entrega { margin: 0px 0px 0px 0px !important }

@media (max-width: 349.98px)  {  
  .entrega { margin: -5px 0px 0px 0px !important }
  .logo_lg { display: none; }
  .logo_md { display: none; }
  .logo_sm { display: block; }
  .marcas  { max-width:400px; }
  .cart-model-form, .search-model-form { min-width: 300px; }

  #btn_login   {right:210px; top:20px; width: 25px;height: 25px; font-size: 15px;}
  #btn_carrito {right:175px; top:20px; width: 25px;height: 25px; font-size: 15px;}
  #alerta_carrito {right:165px; top:10px; width: 20px;height: 20px; font-size: 15px;}

.marcas-arrow { padding-right:18px!important; }
.terapias-arrow { padding-right:10px!important; }
.lupa--search {right:28px; top:-2px;}
}

@media (min-width: 350px) and (max-width: 575.98px) {  
  .entrega { margin: -5px 0px 0px 0px !important }
  .logo_lg { display: none; }
  .logo_md { display: none; }
  .logo_sm { display: block; }
  .marcas  { max-width:400px; }
  .cart-model-form, .search-model-form { min-width: 330px; } 

  #btn_login {right:  250px; top:20px; width: 30px;height: 30px;}
  #btn_carrito {right:200px; top:20px; width: 30px;height: 30px;}
  #alerta_carrito {right:190px; top:10px; width: 20px;height: 20px;}

.marcas-arrow { padding-right:18px!important; }
.terapias-arrow { padding-right:10px!important; }
.lupa--search {right:26px; top:-2px;}
}

@media (min-width: 576px) and (max-width: 767.98px) {  
  .entrega { margin: -5px 0px 0px 0px !important }
  .logo_lg { display: none; }
  .logo_md { display: none; }
  .logo_sm { display: block; }
  .marcas  { max-width:400px; }
  .cart-model-form, .search-model-form { min-width: 400px; }

  #btn_login {right:335px; top:15px;   width: 35px;height: 35px;}
  #btn_carrito {right:280px; top:15px; width: 35px;height: 35px;}
  #alerta_carrito {right:270px; top:5px; width: 20px;height: 20px;}

.marcas-arrow { padding-right:18px!important; }
.terapias-arrow { padding-right:10px!important; }
}

@media (min-width: 768px) and (max-width: 991.98px) {  
  .logo_lg { display: none; }
  .logo_md { display: none; }
  .logo_sm { display: block; }
  .marcas  { min-width:400px; }
  .cart-model, .search-model, .login-model { top: 70px!important; height: 90%;}
  .cart-close-switch, .search-close-switch, .login-close-switch { top: 80px!important;  right: 50px!important; }
  .cart-model-form, .search-model-form { min-width: 450px; } 

  #btn_login {right:  58px; top:15px; width: 35px;height: 35px;}
  #btn_carrito {right:8px; top:15px;width: 35px;height: 35px; }
  #alerta_carrito {right:3px; top:5px;width: 20px;height: 20px; }
}

@media (min-width: 992px) and (max-width: 1199.98px) {  
  .logo_lg { display: none; }
  .logo_md { display: block; }
  .logo_sm { display: none; }
  .marcas  { min-width:400px; }
  .cart-model, .search-model, .login-model { top: 110px!important; height: 80%;}
  .cart-close-switch, .search-close-switch, .login-close-switch { top: 120px!important;  right: 130px!important; }
  .cart-model-form, .search-model-form { min-width: 600px; }

  #btn_login {right: 65px; top:70px; width: 35px;height: 35px;}
  #btn_carrito {right:15px; top:70px;width: 35px;height: 35px;}
  #alerta_carrito {right:10px; top:60px;width: 20px;height: 20px;}
}

@media (min-width: 1200px) { 
  .logo_lg, header, footer {background-color: #35260F;}
  .logo_lg { display: block; padding: 0 25% 0 25%;}
  .logo_md { display: none; }
  .logo_sm { display: none; }
  .marcas  { min-width:400px; }
  .cart-model, .search-model, .login-model { top: 162px!important; height: 80%;}
  .cart-close-switch, .search-close-switch, .login-close-switch { top: 170px!important; right: 330px!important; }
  .cart-model-form, .search-model-form { min-width: 800px; }

  #btn_login {right:65px; top:70px; width: 35px;height: 35px;}
  #btn_carrito {right:15px; top:70px; width: 35px;height: 35px;}
  #alerta_carrito {right:10px; top:60px; width: 20px;height: 20px;}
}

/* ver archivo animate.css */

@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;
}