body{
	margin:0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:24px;
	color:#14922f;
	background-color:#14922f!important;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	
}
@media (min-width:768px){
	
.contentport{width:40%; margin:0 auto; padding:1rem;/*display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;*/ }
}

@media (max-width:768px){
	.mini{max-width:150px!important;}
	.contentport{width:80%; margin:0 auto; padding:1rem;/*display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;*/ }
}

.cuerpo_der h1{
	margin: 0px!important;
}

.centradita{ display: block;
  margin-left: auto;
  margin-right: auto;
  width:50%;
}
 
.mini{max-width:250px;}
.flotando {float:left;}
.titport{color:white !important;font-size: calc(18px + 12 * ((100vw - 375px) / 1065)) !important;
    transition: all .8s ease;
    transition-delay: .5s;
    line-height: 1.4em !important;
    font-weight: 600 !important;
	padding:1rem;
	text-align:left !important;
	margin:.5rem 0em !important;}

.titport-dos{color:white !important;font-size: calc(14px + 12 * ((100vw - 375px) / 1065)) !important;
    transition: all .8s ease;
    transition-delay: .5s;
    line-height: 1.4em !important;
    font-weight: 600 !important;
	padding:1rem;
	margin:.5rem 0em !important;}
	
.titport-tres{color:white !important;font-size: calc(11px + 6 * ((100vw - 375px) / 1065)) !important;
    transition: all .8s ease;
    transition-delay: .5s;
    line-height: 1.4em !important;
    font-weight: 600 !important;
	padding:1rem;
	margin:.5rem 0em !important;}
	
.parrafos{color:white !important;font-size: calc(11px + 5 * ((100vw - 375px) / 1065)) !important;
    transition: all .8s ease;
    transition-delay: .5s;
    line-height: 1.2em !important;
    font-weight: 400 !important;
	padding:.5rem 1rem;}
	
 /* Customize the label (the container) */
.container {
  margin-right: 15px;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tpv_ko {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
.num_carrito{
	position: absolute;
right: -10px;
bottom: -10px;
color: white;
background-color: red;
width: 30px;
text-align: center;
border-radius: 25px;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
.not-active { 
	pointer-events: none; 
	cursor: default;
	background-color:grey!important;
	border-color:grey!important;
}
.aviso {
  animation: blink 2s infinite;
}

.aviso {
  background-color: #f4f6f5!important;
  border: 1px solid #14922f;
  border-radius: 4px;
  padding: 10px;
  width: 72%;
  display: block;
  margin: 20px auto;
  text-align: center;

}
.basura{
	cursor:pointer;
}
.minheight_kiosko{
	min-height:1500px;
}
.img_dia{
	margin: 0px 15px 10px 0px!important;
}
.botones_direccion{
	cursor:pointer;
}
.input_cp{
	width:20%!important;
}
.newsletter_form{
	/*float:left;*/
	width:47%!important;
	padding: 10px;
}
.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    
}    .select select {
        font-family: 'Arial';
        display: inline-block;
        width:100%;
        cursor: pointer;
        padding: 10px 15px;
        outline: 0;
        border: 0px solid #14922f;
        border-radius: 1px;
        background: #ffffff;
        color: #14922f;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
        .select select::-ms-expand {
            display: none;
        }
        .select select:hover,
        .select select:focus {
            color: #000000;
            background: #cccccc;
        }
        .select select:disabled {
            opacity: 0.5;
            pointer-events: none;
        }
.select_arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #14922f transparent transparent transparent;
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-top-color: #000000;
}
.visto{
	max-width:400px;
	width:90%;
}
.select select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
}
.admin_table{
	float: left;
	
	padding: 20px;
	width: 90%;
	background-color: white;
	color: #333;
	
}

.saima {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;
}
.divsaima {
    height: 530px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 48px;
    text-align: center;
    padding: 20px;
}
.saima1{
	background-color:#14922f0a;
}
.saima2{
	background-color:#14922f51;
}
.saima3{
	background-color:#14922f91;
}
.admin_table tr td {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 40px;
	border: 1px solid;
}
.diahora{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: stretch;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

a {
  text-decoration:none;
  color:$main;
  transition:.5s ease;
  &:hover {
    color:$main-dark;
  }
}
.flex_inline{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.flex_inline img {
	margin:20px;
}
.footer{
	background-color: #14922f;
	margin: 30px auto 10px auto;
	display: block;
	text-align: center;
	font-size: 14px;
	color:white;
	z-index: 0;
}
.footer a{
	color:white;
	font-weight:bold;
}
.footer .container{	
	font-size: 14px;
}
.peu{
	max-width: 1080px;
	margin: auto;
	padding: 20px;
}
.form {
  background:rgba($form-bg,.9);
  text-align:center;
  margin:0px auto;
  width: 99%;
}
.login-checkbox{
	text-align:center;
	height:42px;
}
.cuerpito_forgot{
	overflow-y: hidden!important;
	height: auto;
}
.tab-group {
  list-style:none;
  padding:0;
  margin:0 0 40px 0;
  &:after {
    content: "";
    display: table;
    clear: both;
  }
  li a {
    display:block;
    text-decoration:none;
    padding:15px;
    background:rgba($gray-light,.25);
    color:$gray-light;
    font-size:20px;
    float:left;
    width:50%;
    text-align:center;
    cursor:pointer;
    transition:.5s ease;
    &:hover {
      background:$main-dark;
      color:$white;
    }
  }
  .active a {
    background:$main;
    color:$white;
  }
}
.mostrar_detalle{
	font-size:14px;
	text-align:center;
	cursor:pointer;
}
.mens {
  padding: 20px;
  background-color: #14922f26;
  color: #14922f;
  margin: 10px auto 20px auto;
  width:91%;
  text-align:center;
}
.select_hidden{
	display:none;
}
.select-css {
 font-size: 16px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
 margin: 20px auto;
}
.select-css::-ms-expand {
 display: none;
}
.select-css:hover {
 border-color: #888;
}
.select-css:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css option {
 font-weight:normal;
 padding: 5px;
}

input, textarea {
  font-size:22px;
  display:block;

  padding:5px 10px;
  background:none;
  background-image:none;
  border:1px solid $gray-light;
  color:$white;
  border-radius:0;
  transition:border-color .25s ease, box-shadow .25s ease;
  &:focus {
		outline:0;
		border-color:$main;
  }
}

textarea {
  border:2px solid $gray-light;
  resize: vertical;
}

.field-wrap {
  position:relative;
  margin-bottom:20px;
}

.top-row {
  &:after {
    content: "";
    display: table;
    clear: both;
  }

}

.button {
  border:0;
  outline:none;
  border-radius:0;
  padding:15px 0;
  font-size:2rem;
  font-weight:$bold;
  text-transform:uppercase;
  letter-spacing:.1em;
  background:$main;
  color:$white;
  transition:all.5s ease;
  -webkit-appearance: none;
  &:hover, &:focus {
    background:$main-dark;
  }
}

.button-block {
  display:block;
  width:100%;
}

.forgot {
  margin-top:-20px;
  text-align:right;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  display:block;
}
.login{
	position:relative;
	z-index:5;
}
.scroll_carrito{
	overflow-x: scroll;
display: inline-flex;
max-width: 100%;
}
.personita {
	position: absolute;
	right: 125px;
	top: 110px;
	width: 70px;
	height: 70px;
	background-color: white;
	background-image: url("/img/personita.jpg");
	background-position: center;
	background-repeat: no-repeat;
	/* background: radial-gradient(at top left, #0F0 20%, #040); */
	-ms-border-radius: 150px;
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	-o-border-radius: 150px;
	border-radius: 150px;
	margin: 0px auto;
	border: 2px solid green;
}
.carrito2 {
	position: absolute;
	right: 25px;
	top: 110px;
	width: 70px;
	height: 70px;
	background-color: white;
	background-image: url("/img/carrito.png");
	background-position: center;
	background-repeat: no-repeat;
	/* background: radial-gradient(at top left, #0F0 20%, #040); */
	-ms-border-radius: 150px;
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	-o-border-radius: 150px;
	border-radius: 150px;
	margin: 0px auto;
	border: 2px solid green;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .container input:checked ~ .checkmark {
	background-color: #14922f;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the checkmark when checked */
  .container input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the checkmark/indicator */
  .container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }
.numero {
  background: #14922f91;
  /*
   border-radius: 1.8em;
  -moz-border-radius: 1.8em;
  -webkit-border-radius: 1.8em;
  */
  color: #ffffff!important;
  display: inline-block;
  font-weight: bold;
  line-height: 2.6em;
  margin-right: 30px;
  text-align: center;
  width: 2.6em;
  height: 2.6em;
  border:3px solid white;
  color:#14922f;
}
.numero_producto {
  background: #14922f91;
  /*
   border-radius: 1.8em;
  -moz-border-radius: 1.8em;
  -webkit-border-radius: 1.8em;
  */
  color: #ffffff!important;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 30px;
  text-align: center;
  width: 1.6em;
  height: 1.6em;
  border:3px solid white;
  color:#14922f;
  z-index:15;
}

.arrow_down{
	/*width:25px;*/
}
.numero_resta {
  background: #14922f91;
   border-radius: 1.8em;
  -moz-border-radius: 1.8em;
  -webkit-border-radius: 1.8em;
  color: #ffffff!important;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 30px;
  text-align: center;
  width: 1.6em;
  border:3px solid white;
  color:#14922f;
}
.numero_resta_producto {
      display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: #14922f26;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #ffffff!important;
    /*display: inline-block;*/
    font-weight: bold;
    /* line-height: 1.6em; */
    margin-right: 30px;
    /* text-align: center; */
    width: 2.1em;
    height: 2.1em;
    border: 3px solid white;
    color: #14922f;
    z-index: 20;
}
.resta{
	display:none;
}
.solo_movil{
	display:none!important;
}
.no_movil{
	display:block;
}
a{
	text-decoration:none;
	color:#14922f;
}
a:hover p {
	color:#14922f;
}

hr{
	border-color:#14922f;
}

h3{
	margin:10px auto;
	font-weight:inherit;
}
h4{
	font-weight:inherit;
}

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.btn {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.timeselect{
	background-color:#14922f;
	color:white;
}

.btn.btn-lg.btn-success{
    font-size: 24px !important;
background: #14922f;
color: white;
}

.timeselect2{
	background-color:#14922f5c;
	color:grey;
}
.form-select {
	display: block;
	width: auto;
	padding: .375rem 2.25rem .375rem .75rem;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right .75rem center;
	background-size: 16px 12px;
	border: 1px solid #14922f;
	border-radius: .25rem;

}
.form-control {
	display: block;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #14922f;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #14922f;
	border-radius: .25rem;
	width: 97%;
}
.number-input {
  border: 1px solid #14922f;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 1rem;
  height: 2px;
  background-color: #212121;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.block_producto_seleccionado .number-input input[type=number] {

  border: solid white;
  color:white;
}
.block_producto_seleccionado .prod_text p {
    text-align: left;
    color: #fff!important;
}
.block_producto_seleccionado .number-input button{
	color:white;
}

.number-input input[type=number] {
  max-width: 5rem;
  padding: .5rem;
  border: solid #14922f;
  border-width: 0 1px;
  font-size: 2rem;
  height: 3rem;
  font-weight: bold;
  text-align: center;
  color:#14922f;
}
.number-input button{
  color:#14922f;
}
*,
*::after,
*::before {
  box-sizing: inherit;
  font-size: 62,5%;
}

.form__label {
  font-family: 'Roboto', sans-serif;
  font-size: 1.2rem;
  margin-left: 2rem;
  margin-top: 0.7rem;
  display: block;
  transition: all 0.3s;
  transform: translateY(0rem);
}

.form__input {
  font-family: 'Roboto', sans-serif;
  color: #333;
  font-size: 1.2rem;
	margin: 0 auto;
  padding: 1.5rem 2rem;
  border-radius: 0.2rem;
  background-color: rgb(255, 255, 255);
  border: 1px solid #1e7e44;
  width: 80%;
  display: block;
  
  transition: all 0.3s;
}

.form__input:placeholder-shown + .form__label {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-4rem);
  transform: translateY(-4rem);
}

.ribbon-wrapper {
  position: relative;
  z-index: 1;
  
}

h1.post-title {
  visibility: hidden;
  width: 0;
  height: 0;
}

.ribbon {
  font-size: 20px!important;
  text-transform: uppercase;
  /*width: 50%;*/
  position: relative;
  background: #14922f;
  color: #fff;
  text-align: center;
  padding: 8px 2em;
  margin:0px;
}

.ribbon:after,
.ribbon:before {
  content: "";
  position: absolute;
  display: block;
  bottom: -10px;
  border: 1em solid #1e7e44;
  z-index: -1
}

.ribbon:before {
  left: -30px;
  border-right-width: 1.5em;
  border-left-color: transparent
}

.ribbon:after {
  right: -30px;
  border-left-width: 1.5em;
  border-right-color: transparent
}

.ribbon .ribbon-inner:after,
.ribbon .ribbon-inner:before {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #165930 transparent transparent;
  bottom: -10px
}

.ribbon .ribbon-inner:before {
  left: 0;
  border-width: 10px 0 0 1em
}

.ribbon .ribbon-inner:after {
  right: 0;
  border-width: 10px 1em 0 0
}

/*BOTONES RIBBONS*/
::-webkit-scrollbar {display: none!important;}
.kiosco_lang{
	height: 1920px;
	width: 1080px;
	background-color: #14922f !important;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	margin:auto;
}
.kiosco_lang_web{
	width: auto;
	background-color: #14922f !important;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	margin:auto;
}
.kiosco_cate{
	height:1880px;
	width:1040px;
	background-image: url("/img/bambu.jpg");
	padding:20px;
	margin: auto;
}
.kiosco_cate_web{
	height:auto;
	max-width:1040px;
	background-image: url("/img/bambu.jpg");
	background-repeat: repeat-y;
	padding:20px;
	margin: 20px auto;
}
.kiosco_menu{
	height:1840px;
	width:1000px;
	/*background-image: url("/img/pop-up.jpg");*/
	padding:40px;
	background-color: white;
	margin:auto;
}
.kiosco_menu_web{
	height:auto;
	max-width:1040px;
	/*background-image: url("/img/pop-up.jpg");*/
	padding:40px;
	background-color: white;
	margin:auto;
	
}
.cabecera{
	background-image: url("/img/top_home.jpg");
	height: 200px;
	width: 1040px;
	/*border:1px solid #14922f;*/
	margin:auto;
}
.cuerpo{
	/*background-color: white;*/
	background-image:url(/img/fondo_blanco_opacidad.png);
	height: 1625px;
	width: 1038px;
	border:3px solid #14922f;
	margin:50px 0px 30px 0px;
}
.cuerpo_web{
	/*background-color: white;*/
	background-image:url(/img/fondo_blanco_opacidad.png);
	height: auto;
	max-width: 1038px;
	border:3px solid #14922f;
	margin:50px 0px 30px 0px;
	padding:20px;
}
.cuerpo_izq{
	background-color: white;
	height: 1400px;
	width: 200px;
	border:3px solid #14922f;
	margin:50px 0px 20px 0px;
	float:left;
}

.cuerpo_der{
	width: 820px;
    margin: 50px 0px 20px 10px;
    float: right;

}

.scroll{
	overflow-x: hidden;
	overflow-y: hidden;
	height:190px;
}

#boton{
	padding: 10px;
	background: #14922f;
	width: 94%;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 0px 0px 1px #000;
	display: inline-block;
	color:white;
}

#boton:hover{
	opacity: .8;
}

#caja {
	width: 100%;
	margin: auto;
	height: 400px;
	background: white;
	transition: height .4s;
	overflow: hidden;
}
#caja20{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja21{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja22{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja23{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja24{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja25{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja26{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja27{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja28{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja29{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja210{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja211{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja212{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja213{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja214{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}
#caja215{
	width: 100%;
	margin: auto;
	height: 0px;
	background: white;
	transition: height .4s;
	overflow:hidden;
}

.scroll_horizontal{
	display:inline-block;
	height:120px;
	width:3000px; /*Hay que calcula el width en inline con php. El ancho de la bola multiplicado por el número de bolas */
}
.product-datasheet{
	display:none;
}
.clearfix{clear:both; width:100%;margin: 0px;}
.cabecera_cuerpo{
	margin: auto;
}
.cabecera_titulo{
	margin:10px auto;
	text-align: center;
	font-size: 26px;
	background-color: white;
	min-width: 230px;
}
.cabecera_subtitulo{
	margin:10px auto;
	text-align: center;
	font-size: 24px;
	background-color: #f4f6f5;
	padding:15px;
	border:1px solid #14922f;
}
.cabecera_titulo_izquierda{
	margin:10px auto;
	text-align: center;
	font-size: 26px;
	background-color: white;
	width: 180px;
}

.cuerpito{
	overflow-y: scroll;
	
}

.isChecked{

	background-color:#14922f5c;
	
}
.boxContent{
	padding:0px 40px;
}
.cuerpito_login, .cuerpito_registro, .cuerpito_vienes, .cuerpito_restore, .cuerpito_panel{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
	overflow-y: hidden;
}
.cuerpito_login{
	padding:20px;
}
.metodos_pago{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	border:3px solid #14922f;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.metodos_pago .checkmark {
	display: none;
} 
.metodos{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
}
.cuerpo_vienes{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
 }
 .cuerpito {
    min-width: 50%;
}
.sugeridos{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: stretch;
}
.cuerpito_catalogo, .cuerpito_productos{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	align-content: flex-start;
	/*overflow-y: hidden!important;*/
	overflow: scroll;
    max-height: 1440px;
}
.cuerpito_catalogo_web{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	align-content: flex-start;
	overflow:hidden;
}
.cuerpito_direccion_web{
	overflow:hidden;
}
.cuerpito2{
	height: 1332px;
	overflow-y:scroll;
	padding:5px;
}
.direcciones_form{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
	width: 97%;
}
.direcciones_form .form-control{
	/*width:45%;*/
	text-align:left!important;
}
.block_producto_der{
	max-width:190px;
	margin: 0px 0px 0px 0px;
	max-height: 222px;
	background-color: white!important;
	border-bottom: 2px dashed #14922f;
}
.block_producto_der_selected{
	background-color: #14922f5c !important;
}
.block_producto_der p {
	margin-top:0px;
}

div, h1, p, a, video, h2{
    z-index: 2;
    position: relative;
}
.content {
  position: relative;
  top: 30%;
  z-index: 2;
  margin: 0 auto;
  max-width: 720px;
  text-align: center;
}

.content__heading {
  margin-bottom: 24px;
  color: rgb(39,39,39);
  font-size: 44px;
}

.content__teaser {
  margin-bottom: 24px;
  color: rgb(89,89,89);
  font-size: 22px;
}

.content__cta {
  display: inline-block;
  margin: 0;
  padding: 12px 48px;
  color: rgb(255,60,100);
  font-size: 22px;
  text-decoration: none;
  border: solid 4px rgb(255,60,100);
}

.video {
  position: fixed;
  top: 50%; left: 50%;
  z-index: 2;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}

.producto_cogido{
	background-color: white;
    height: 30px;
    width: 785px;
    border: 1px solid #14922f;
    margin: 20px 0px 10px 0px;
    padding: 15px 15px 5px 15px;
}

.producto_cogido{
	min-height: 55px;
	height: auto;
    width: 95%;
    border: 1px solid #14922f;
    margin: 20px 0px 10px 0px;
    padding: 15px;
}
.producto_cogido_carrito, .producto_cogido_carrito2, .producto_cogido_recupera{
	height: 90px;
    width: 97%;
    border: 1px solid #14922f;
    margin: 20px 0px 10px 0px;
    padding: 10px 15px 5px 15px;
	background-color:white;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;
	position:relative;
}
.producto_cogido_carrito{
	padding: 8px 15px 15px 15px;
}

.producto_cogido_carrito2{
	padding: 10px 15px 5px 15px;
}


.producto_cogido_recupera{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: baseline;
	align-content: stretch;
	height: auto;
	width: 96%;
	cursor:pointer;
}

.editar_carrito{
	margin-right:20px;
}
.prod_listado_moon{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

.numeros_carrito{
	width: 190px;
	float: left;
}
.block_producto{
	width: 450px;
	margin: 20px auto;
	min-height: 170px;
	
}
.block_base{
	height: 145px;
}
.block_base .prod_text{
	width: 55%!important;
}
.block_base .prod_img{
	padding-left:0px;
}
.block_producto_seleccionado{
	background-color:#14922f!important;
	color:white;
	border: 1px solid white !important;
}

.block_producto_seleccionado:hover .prod_text p{
	color:white!important;
}

.block_producto_seleccionado_border{
	border:6px solid #14922f!important;
}
.block_producto2{
	width: 225px;
	margin: 20px auto;
	position:relative;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
.block_producto2 .prod_img2{padding-top:10px;} 
.block_producto3{
	width: 450px;
	margin: 10px auto;
	position:relative;
	display: flex;
	flex-direction:row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
}
.block_catalogo{
	border: 1px solid #14922f;
	width: 450px;
	margin: 30px auto;
}
.block_catalogo img {
	/*margin:30px;*/
	max-width:160px;
}
.block_menu{
	border: 1px solid #14922f;
	width: 99%;
	margin: 35px auto;
	display:block!important;
	height:200px!important;
}
.block_menu .img_menu{

}
.block_menu .desc_menu{
	
}

.block_menu .desc_preu {
	position: static;
}

.menu_desc{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
}

.block_menu img {
	margin:15px;
	max-height: 140px!important;
}
.controls {
	display: flex;
	width: 95%;
	padding: 0px;
	margin: 20px auto;
}

.radio {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #14922f;
  padding: 20px;
  background-color:white;
}
.selected{
	background-color:#14922f;
	color:white;
}
.boton_home span{
	margin-left:10px;
}
.product_tabs{
	display:block;
}
.base{
	height: 1275px;
}
.base_web{
	height: auto;
	overflow-x:hidden;
	overflow-y:scroll;
}
.ingredientes{
	height: 1400px;
}
.ingredientes_web{
	height: auto;
	overflow-x:hidden;
	overflow-y:scroll;
}
.salsa{
	height: 1311px;
}
.salsa_web{
	height: auto;
	overflow-x:hidden;
	overflow-y:scroll;
}
.complemento{
	height: 1475px;

}
.complemento_web{
	height: auto;
	overflow-x:hidden;
	overflow-y:scroll;
}
.menu{
		display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: stretch;
	height:1400px;
}
.menu_web{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: stretch;
	height:auto;
	overflow-y: hidden!important;
}
.finalizar {
	height: 1080px;
}
.subtotal {
	border-top: solid 3px #14922f;
	border-bottom: solid 3px #14922f;
	margin-bottom:1rem;
	background-color:#ffffffc4;
	
}
.subtotal p {
	text-align:right;
}
.carrito{
	padding:20px;
	width: 998px;
	height: 1340px;
	overflow: scroll;
}
.cuerpito_direccion{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.carrito_web{
	padding:20px;
	width: 998px;
	height: auto;
}
.popup h1{
	font-size: 28px;
}
.babels{
	margin:10px;
}
.producto_cogido_carrito .babels span{
border: 1px solid #14922f;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0px 10px 3px -8px;
    padding: 3px 12px;
    font-size: 12px;
    line-height: 17px;
    display: inline-block;
}
.babels span{
	border: 3px solid #14922f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0px 10px 0px -8px;
	padding: 3px 12px;
	font-size: 36px;
}

.babels2 {
	margin:20px;
	height:auto;
}

.babels2 span {
	border: 1px solid #14922f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 12px;
	padding: 8px;
	font-size: 22px;
	display: inline-block;
}

.grand{
	font-size:14px;
}
.blog-header h1{
	font-size: 28px;
}
.carrito h3 {
	text-align:center;
}
.carrito h4 {
	color: white;
	background-color: #14922f;
	padding: 10px 0px;
	text-align: center;
}
.titulo_carrito{
	position:relative;
}
.edit_carrito{
	position: absolute;
	width: 30px;
	top: 15px;
	left: 10px;
}
.lista_cogidos{
	height:395px;
	overflow-y: scroll;
	/*background-color: white;*/
}
.lista_carrito{
	height:auto;
	border:3px solid #14922f;
	margin-bottom:10px;
	padding:10px;
	background-color: white;
}
div.bolaNavidad {
	height: 80px;
	width: 80px;
	background-image: url("/img/prod/sushivariado.jpg");
	background-size: cover;
	background-repeat: repeat;
	border-radius: 50%;
	border:4px solid white;
	box-shadow: -.75em -.25em 0 0 rgba(0,0,0,.1) inset,
				.2em .1em 0 0 rgba(255,255,255,.2) inset;
	animation: bolas 40s infinite linear;
	margin:0px 15px 0px 5px;
	text-align:center;
}
.bola_relative{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	min-height:250px;
	width: 100px;
	float: left;
}
.bolaNavidad p {
	padding-top: 85px;
	font-size:18px;
	bottom:0;
	
}
.bolaNavidad_selected {
	border: 4px solid #14922f!important;
	
}
.prod_img{
padding-left: 1.5rem;
}
.prod_img img {
	max-width:150px;
}
.prod_img2{
padding-left: 0rem;
}
.prod_img2 img {
	max-width:150px;
}

.prod_text{
font-size: 16px;
padding: 0rem 1rem 0.5rem 1rem;
position: relative;
}

.prod_text p {
	margin:5px 0px;
	text-align: left;
}


.title_prod{
	font-size:26px;
	/*width:380px;	*/
}
.title_prod2{
	font-size: 17px;
    text-align: center;
    font-weight: 400;
}
.title_prod3{
	text-align: left!important;
}
.desc_prod_base2{
	text-align: left!important;
}
.alergenos{
	
}
.alergenos2{
	width:350px;
	
}
.alergenos img{
	float:left;
	max-width: 25px;
}
.alergenos_salsa img{
	float:left;
	max-width: 25px;
	
}
.alergenos_carrito{
	margin-top: 6px;
width: 290px;
position: absolute;
top: -20px;
	
}
.selector{
	background-color: #14922f;
	width: 450px;
	height: 186px;
	z-index: 10;
	position: absolute;
	opacity: 0.3;
}
.numero {
	position: absolute;
	left: -145px;
	top: -20px;
}
.numero_producto {
	position: absolute;
	left: 5px;
	top: 105px;
	/*-webkit-text-stroke: 1px black;*/
}
.numero_producto2 {
	/*-webkit-text-stroke: 1px black;*/
}
.numero_resta {
	position: absolute;
	right: 25px;
	top: 30px;
	width: 30px;
	height: 30px;
	margin-top: 3px;
	padding-top: 5px;
	z-index:20;
	
}
.numero_resta_producto {
	position: absolute;
  right: -28px;
  top: 95px;
	/*width: 42px;*/
/*	margin-top: 3px;
	padding-top: 5px;*/
}

.desc_prod{ font-size:18px; }
.precio_prod{ 
	font-size: 24px;
text-align: center;
width: 100% !important;
display: block;
font-weight:bold;
}
.precio_prod2{ 
	font-size:22px;
	text-align:left;
}
.precio_prod_listado{ 
	font-size:22px;
	text-align:right;
	margin:0px;
	width: 130px;
}
.precio_prod_listado2{ 
	font-size:22px;
	text-align:right;
	margin:0px;
	width: 100px;
}
.precio_prod_listado2 img {
	width:50px;
}
.img_listado{
	width: 60px;
	margin-left: 20px;
}
.datos_carrito{
	
float: right;
width: 300px;
}
.subtotal_pop{
	width: 100%;
	margin: auto;
	overflow-y: auto;
}
.lista_carrito_pop{
	width: 93%;
	margin: 0px auto 20px auto;
	overflow-y: auto;
}
.apartado_categorias_pop{
	width: 95%;
	margin: auto;
	overflow-y: auto;
}
.block_producto_der img {
	max-width: 80%;
	padding: 2rem 0px 0px 0px;
}

.btn-block {
	background-color:#f4f6f5;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	text-align: center;
}
.btn-block_menu {
	background-color:#f4f6f5;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: flex-start;	
}
.btn-block_kiosko {
	background-color:#f4f6f5;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: flex-start;	
}
.btn-block2{
	background-color:#14922f0a;
	border: 1px solid #14922f;
	cursor:pointer;
}
.radio_pointer{
	cursor:pointer;
}
.block_menu{
	cursor:pointer;
}
.btn-block2:hover{
	/*color:white;*/
}
.btn-block_popup{
	background-color: #14922f0a;
border: 1px solid #14922f;
display: block;
float: left;
margin: 15px;
}

.cuerpo_carrito{
	height:1234px;
}
.cuerpo_cabecera{
	height:1520px;
}
.cuerpo_carrito{
	height:auto;
}

.block_carrito{
	max-width:170px;
	float:left;
	margin:10px;
	border:1px solid #14922f;
}

.block_carrito .carrito_img img {
	max-width:150px;
}
.block_carrito .carrito_img p {
	text-align:center;
	margin: 0px;
}
.apartados_white, .apartados_green, .apartados_all_green, .apartados_green_interior, .apartados_all_green_interior {
	width: 40%;
	height: 45px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	font-weight: lighter;
	font-size: 34px;
	text-align: center;
}
.apartados_green_login{
	width:86%;
	height:60px;
}
.estrella {
    background: #14922f;
    width: 75px;
    height: 75px;
    position: relative;
    text-align: center;
	position: absolute;
margin-top: -20px;
margin-left: 0%;

}

.estrella:before,

.estrella:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 75px;
    width: 75px;
    background: #14922f;

}

.estrella:before {
    transform: rotate(30deg);

}
.estrella span{
	z-index: 15 !important;
	color: white;
	position: absolute;
	right: 9px;
	top: 25px;
	font-size: 22px;
}
.estrella:after {
    transform: rotate(60deg);

}


/* Positions the plus sign 5px from the right. Centers it using the transform property. */

.accordion .label::before {
  content: '+';
  color: black;
  position: absolute;
  top: 50%;
  right: -5px;
  font-size: 30px;
  transform: translateY(-50%);
}

/* Hides the content (height: 0), decreases font size, justifies text and adds transition */

.accordion .content {
  position: relative;
  background: white;
  height: 0;
  font-size: 20px;
  text-align: justify;
  width: 780px;
  overflow: hidden;
  transition: 0.5s;
}

/* Adds a horizontal line between the contents */

.accordion hr {
  width: 100;
  margin-left: 0;
  border: 1px solid grey;
}


/*TIMELINE*/
.time-line-box {
  height: 130px; 
  padding: 10px 0;
  width: 100%;
  overflow:hidden;
}
.time-line-box .timeline {
  list-style-type: none;
  display: flex;
  padding: 0;
  text-align: center;
}

.time-line-box .timestamp {
  margin: auto;
  margin-bottom: 5px;
  padding: 0px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.time-line-box .status {
  padding: 0px 10px;
  display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: center;
	align-content: stretch;
  justify-content: center;
  border-top: 3px solid white;
  position: relative;
  transition: all 200ms ease-in;
}

.time-line-box .status2 {
	border-top: 3px solid grey;
	color:grey;
}

.time-line-box .status span {
  padding-top: 5px;
}
.time-line-box .status span:before {
  content: '';
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 12px;
  border: 2px solid white;
  position: absolute;
  left: 50%;
  top: 0%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 200ms ease-in;
}

.time-line-box .status2 span:before {
	background-color: white;
	border: 2px solid grey;
	
}

.swiper-container {
  width: 100%; 
  margin: auto;
  overflow-y: auto;
}
.swiper-wrapper{
  display: flex;
  flex-direction: row;
  overflow-y:auto;
  justify-content: space-between;
}
.swiper-container::-webkit-scrollbar-track{
   background:#a8a8a8b6;
}
.swiper-container::-webkit-scrollbar{
  height: 2px;
}
.swiper-container::-webkit-scrollbar-thumb{
   background: #4F4F4F !important;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  width: 208px;
  height: 100%;
  position: relative;
  padding: 12px 0px;
  min-height: 118px;
}
.swiper-slide2 {
	text-align: center;
	font-size: 18px;
	width: 166px;
	height: auto;
	position: relative;
	padding: 12px 0px;
	min-height: 118px;
}
/*TIMELINE*/

.apartados_white{
	color:white;
	border:3px solid white;
	padding:10px;
	margin:10px 0px;
	display: inline-block;
}
.apartados_green, .apartados_green_login{
	color:#14922f;
	border:3px solid #14922f;
	padding:10px;
	background-color: white;
	display: inline-block;
}

.apartados_all_green{
	color:white;
	border:3px solid #14922f;
	background-color:#14922f;
	padding:10px;
	display: inline-block;
	cursor:pointer;
}
.babels span{
	cursor:pointer;
}
.apartados_all_green_boton{
	color:white;
	border:3px solid #14922f;
	background-color:#14922f;
	padding: 10px;
	margin: 20px auto;
	display: inline-block;
}
.apartados_all_white_boton{
	color:#14922f;
	border:3px solid #14922f;
	background-color:white;
	padding: 10px;
	margin: 20px 0px;
	display: inline-block;
}

.apartados_green_interior{
	color:#14922f;
	border:1px solid #14922f;
	padding:0px;
	display: inline-block;
}

.apartados_all_green_interior{
	color:white;
	border:1px solid #14922f;
	background-color:#14922f;
	float:right;
	padding:0px;
	display: inline-block;
}
/*
.apartados1{
	margin:0px 0px 3% 3%;
	border-right:0px solid;
}
.apartados2{
	margin:0px 0px 3% 0px;
}
.apartados3{
	margin:0px 3% 3% 0px;
	border-left:0px solid;
}
*/
.apartado_categorias{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: flex-start;
	/*max-width: 1042px;*/
	width: 100%;
}
.apartado_categorias2{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	/*max-width: 1042px;*/
	width: 100%;
}
.boton_home img{
	width:30px!important;
}

.apartado_wok{
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	max-width: 1042px;
	/*width: 954px;*/
	margin: 20px auto;
}

.pedir_nombre_wok{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	height:100%;
}
.pedir_nombre_wok_grande img{
	max-width: 100%;
}
.pedir_nombre_wok2{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	height:100%;
}

/**/
h1 {
  text-align: center;
  font-family: Tahoma, Arial, sans-serif;
  color: #14922f;
  margin: 40px 0;
}

.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(236, 236, 236, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
	margin: 40px auto;
	padding: 30px;
	background: #fff;
	border-radius: 5px;
	width: 90%;
	position: relative;
	transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

.total_carrito{
	width:100%;
}
.total_carrito {
	border-bottom: solid 3px #14922f;
	margin-bottom:1rem;
	background-color:#ffffffc4;
	padding: 1.5rem 0rem 1.5rem 0rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.total_carrito p {
	text-align:right;
}

@media (min-width:561px){
.peulogos{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-around;
	background-color:white;
}
.peulogos img{max-width:70%!important; margin:1rem auto 1rem auto!important;}
}


@media (max-width:560px){
.peulogos{display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: space-around;}
.peulogos img{max-width:70%!important; margin:1rem auto!important;}
	}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}



.wk, .wk:active{
background-image:url(../images/prod/portada_wok.jpg);
background-position:center;
background-repeat:no-repeat;
background-size: cover;
}
.ss, .ss:active{
background-image:url(../images/prod/portada_sushi.jpg);
background-position: -5px -70px;
background-repeat:no-repeat;
background-size:100%;
color:white;
background-size: cover;
}

.mn, .mn:active{
background-image:url(../images/prod/none_portada.jpg);
background-position:center;
background-repeat:no-repeat;
background-size: cover;

}
.ot, .ot:active{
background-image:url(../images/prod/portada_otros.JPG);
background-position: -5px -83px;
background-repeat:no-repeat;
background-size:100%;
color:white;
background-size: cover;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.col-md-2 .form-control {
    height: auto!important;
    padding: 6px!important;
    width: 87px;
}
.col-md-2 .btn-success {
    width: 87px;
    text-align: center;
    margin: 10px 0px;
}
@media (min-width:1024px){
.btn-block {
    height: 190px;
	width: 310px;
    
}
.btn-block_menu {
    height: 210px;
	width: 310px;
    
}
.btn-block_kiosko {
    height: 225px;
	width: 460px;
    
}
.block_menu{
	width: 47%!important;
}
.btn-block:hover{

color: #fff;
}
.btn-block_kiosko:hover{

color: #fff;
}
.btn-block_menu:hover{
/*
color: #fff;*/
}
.wk, .wk:active{
background-image:url(../images/prod/portada_wok.jpg);
background-position:center;
background-repeat:no-repeat;
background-size: cover;
}
.ss, .ss:active{
background-image:url(../images/prod/portada_sushi.jpg);
background-position:center;
background-repeat:no-repeat;
background-size:100%;
background-size: cover;

}
.mn, .mn:active{
background-image:url(../images/prod/none_portada.jpg);
background-position:center;
background-repeat:no-repeat;
background-size: cover;
}
.ot, .ot:active{
background-image:url(../images/prod/portada_otros.JPG);
background-position:center;
background-repeat:no-repeat;
background-size:100%;
background-size: cover;
}
}

.panel.panel-success{
overflow:hidden;
}
label input[type="radio"]{
transition:all 0.2s ease;
}
label input[type="radio"]:checked{
box-shadow:0px 0px 0px 10px rgba(165,211,45,0.5);
}
.lista{
padding:20px 0px;
border-top:1px solid #ddd;
}

.ing {
    padding: 5px 10px;
    background: #f8f8f8;
    border: 1px solid #dedede;
    border-radius: 3px;
    width: auto;
    float: left;
    margin: 3px;
}

.altura{
min-height: 177px;
}
.total1 {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    min-height: 177px;
    width: 100%;
}
.margin0{
margin:0px;
}
.lista .panel-title{
color:#333;
font-weight:bold;
}

.pull-left{
float:left;
}
.pull-right{ 
float:right; 
}

.total {
    padding: 10px 50px 20px;
    background-color: #A5D32D;
    color: #fff;
    margin: 0px 0px 50px;
    border-radius: 3px;
    border: 0px;
}

.registro {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    
    width: 94%;
    max-width: 410px;
    margin: 0px auto 50px;
    min-height: 225px;
}

small{font-size: 20px !important;}

@media (max-width:813px){
	.sugeridos {
		flex-wrap: wrap!important;
	}
	
	.close { display: none;}	
	.prod_text .title_prod2 {text-align:center !important;}
	small{font-size: 12px !important;
    line-height: 1 !important;
    display: block;}
body {
	font-size: 18px;
	
}
.numero_resta{
	right: -20px!important;
    top: 40px!important;
}
.img_dia{
	float: left!important;
    padding-left: 30px!important;
}
.solo_movil{
	display:block!important;
}
.no_movil{
	display:none!important;
}
.kiosco_cate {
	background-size: cover;
}
.input_cp{
	width:100%;
}
.personita {
	right: 55px;
	top: 50px;
	width: 40px;
	height: 40px;
	background-size: 80%;
}
.cabecera{
	
}
.cuerpo {
	margin: 0px 0px 0px 0px;
}
.newsletter_form{
	width:90%!important;
}
.carrito2 {
	right: 0px;
	top: 50px;
	width: 40px;
	height: 40px;
	background-size: 75%;
}
.bola_relative {
	min-height: 0px;
}
.bola_relative {
	width: 120px;
}
.bolaNavidad p {
	/*display:none;*/
}
.visto{
	padding-left: 10px!important;
}
.numero_producto {
	left: 5px!important;
    top: 100px!important;
    width: 2.3em;
    height: 1.9em;
}
div.bolaNavidad {
  height: 75px;
  width: 75px;
}
.kiosco_cate_web {
	margin: 0px auto;
}
.block_producto2{
	width: 280px;
	margin: 10px auto;
}

.apartados_white, .apartados_green , .apartados_all_green, .apartados_green_interior, .apartados_all_green_interior{
	height:30px;
}
.prod_img img{
	max-width:118px;
}
.numero {
	left: -118px;
	top: -15px;
}
.numero_producto {
	left: -145px;
	top: -20px;
	padding-top: 9px;
}

.numero_resta_producto {
  position: absolute;
  right: 90px;
  top: 98px;
  width: 2.5em;
  height: 2.5em;
  /*width: 30px;*/
}

.block_producto3{
	max-width:275px;
}

#caja {

	height: 0px;
}
.minheight_kiosko {
  min-height: 625px;
}
.pedir_nombre_wok {
	height: 600px;
}
.kiosco_menu_web {

	padding: 20px;

}
.prod_text p {
	text-align: left;
	color:#14922f!important;
}

.block_producto3.prod_text p {
	color:#14922f!important;
}
.title_prod {
	font-size: 18px;
}
.bola_relative {
  width: 98px;
}
.bolaNavidad p {
  padding-top: 65px;
}
.block_catalogo {
	margin: 20px auto;
}
.scroll {
  height: 110px;
  overflow-x: scroll;
	overflow-y: hidden;
}
.peu {
	padding: 0px 20px 65px 20px;
}
.radio {
	padding: 10px;
}
.producto_cogido_recupera{
	width: 86%;
}

.block_catalogo img {
	/* margin: 30px; */
	max-width: 80px;
}

.kiosco_lang {
  height: 100%;
  min-height:815px;
  width: 100%;
  background-image: none!important;
  display: flex!important;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.container {
	margin: 10px 0px 10px 50px;
}
.form .container {
	margin: 10px 0px 10px 10px;
}
.bloc_producto_dos {
  width: 300px;
  display: flex;
  flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	min-height: 155px;
}

.kiosco_lang img {
	width:300px;
	height:auto;
	margin:auto;
}
.kiosco_cate {
  height: 100%;
  min-height: 770px;
  width: 90%!important;
  
}
.kiosco_menu {
  width: 90%!important;
  background-size: 100%!important;
  background-repeat: no-repeat;
  padding:20px!important;
}
.block_menu img {
	/*width:100%;*/
}
.block_menu .img_menu {
  width: 40%;
height: 217px;
}
.estrella {
	margin-left: 75%;
}
.ribbon-wrapper{
	margin: -50px 16px!important;
}
.cabecera_cuerpo {
	margin: 50px 0px;
}
.block_menu .desc_menu {
  width: 60%;
  margin: 0px 0px 0px 0px;
}
.block_menu .desc_preu {
  width: 34%;
	margin-top:-42px;
}
.estrella {
    width: 65px;
    height: 65px;

}

.estrella:before,

.estrella:after {
    height: 65px;
    width: 65px;


}

.estrella span {
  right: 8px;
  top: 21px;
  font-size: 19px;
}
.desc_menu ul {
	margin:0px;
}
.block_base {
  height: 114px;
}
.block_producto {
  width: 450px;
  margin: 20px auto;
  min-height: 114px;
}
.prod_text {
padding: 0.8rem 0.8rem 0rem 0.4rem;
    min-height: 70px;
    min-width: 48%;
}
.precio_prod {
 /* right: -5px;
  bottom: -10px;*/
}
.producto_cogido_carrito {
	width: 89%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: auto;
	/* display: block; */
	text-align: center;
}
.producto_cogido_carrito2{
	flex-wrap: wrap;
}
.alergenos_carrito{
	position:relative;
	top:0px;
	width: 178px;
}
.title_prod {
  width: 149px;
}
.cuerpo_carrito{
	height:auto;
	padding-bottom: 100px;
}
.precio_prod_listado2 {
  width: 50px;
}
.alergenos2 {
  width: 150px;
}
.selector {
    width: 336px;
    height: 193px;
    position: relative;
}
.apartado_wok {
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 99;
	margin:0px;
	border-top: 2px solid white;
}
.apartado_categorias {

	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 7;
	/*border-top: 2px solid white;*/
}
.apartado_categorias2 {
	width: 100%;
	/*position: fixed;
	bottom: 0px;
	left: 0px;*/
	z-index: 7;
	/*border-top: 2px solid white;*/
}

.apartado_wok a{
  width: 50%;
}
.apartado_categorias a{
  width: 50%;
  text-align:center;
  font-size: 18px!important;
}
.apartado_categorias2 a{
  width: 50%;
  text-align:center;
}

.producto_cogido {
  height: auto!important;
  width: 89%!important;
}
.title_prod2 {
 /* width: 150px !important;*/
}
.precio_prod_listado {
  width: 215px;
}
.img_listado {
  display:none;
}
.precio_prod_listado {
  text-align:center;
}
.alergenos{
	width:320px;
	height:30px;
	float:left;
}
.alergenos_salsa{
	width:180px;
	height:30px;
	float:left;
	margin-left:5px;
}
.desc_prod {
  font-size: 16px;
  line-height: 1;
}
.title_prod2 {
  font-size: 18px;
  line-height: 1;
  padding:0px 2px;
}
.carrito{
	height:auto;
	overflow: hidden;
}

.desc_menu{
	font-size:16px;
}
.cabecera {
  background-image: url("/img/top_home.jpg");
  min-height: 66px;
  height: 80px;
  width: 99%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.cuerpo {
  height:auto;
  width: 97%!important;
}
.carrito_web{
	width: 85% !important;
}
.carrito{
	width: 85%!important;
}
.direcciones_form .form-control {
	width: 100%;
}
.total_carrito {

	width: 93%;
	text-align: center;
	background-color: white;
	border: 2px solid;
	padding: 10px;
	position: fixed;
	bottom: 37px;
	left: 0px;
}
.apartados_white, .apartados_green, .apartados_all_green, .apartados_all_green_boton, .apartados_green_interior, .apartados_all_green_interior {
	font-size: 18px;
	display: inline-block;
}
.popup h1 {
	font-size: 20px!important;
}
.form__input {
	
	padding: 10px;
	
}
.btn-block {
  width: 44%!important;
}
.btn-block_menu {
  width: 92%!important;
}
.btn-block_kiosko {
  width: 90%!important;
}
.btn-block_popup {
  width:250px!important;
}
.btn-block_popup .prod_img {
  width: 100%;
  margin:auto;
}
.btn-block_popup .prod_text {
  width: 95%;
}
.popup {
  height: auto;
}
.cuerpo {
  height: auto;
}
.kiosco_cate {
  height: auto;
}
.cuerpito {
  height: auto;
}
.kiosco_menu {
	height: auto;
}
.menu {
	height: auto!important;
	padding: 5%!important;
}
.base {
  height: auto;
}
.ingredientes {
  height: auto;
}
.salsa {
  height: auto;
}
.block_base .prod_text {
	width: 49% !important;
}
.complemento {
  height: auto;
}
.apartados1{
	margin:20px auto!important;
	border-right: 3px solid!important;
}
.boton_home {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.apartados2{
	margin:20px auto!important;
}
.apartados3{
	margin:20px auto!important;
	border-left: 3px solid!important;
}
.form-control {
	width: 90%;
}
.cuerpo_der {
  width: 95%;
  margin: 10px 0px 40px 10px;
  float: left;
}
.controls {
    display: block;
	width: 96%!important;
}
.radio{
	width:95%;
	clear:both;
}
.finalizar {
  height: 500px;
}

.carrito h4 {
  text-align: center;
}

.wk p{
color:black!important;
font-size:36px;
}
.ss p{
color:black!important;
font-size:36px;
}
.mn p{
color:black!important;
font-size:36px;
}
.ot p{
color:black!important;
font-size:36px;
}
navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100% !important;
}



#yacliente .col-md-6, #registrar .col-md-6{
width:100% !important;
    border: 1px solid #dedede;
}

.row{margin:0px !important;}
.blog-main {
    padding: 0px!important;
}
.panel-success {
     min-height: auto;
}
.panel-body {
    margin: 0px 0px 0px 0px!important;
	    padding: 10px !important;
	}
.panel-success{margin: 0px 0px 10px 0px!important;}	
.navbar-toggle{margin-right:0px;}
.container {
	overflow: hidden;
	width: 100%;
	display: inline;
}
.metodos_pago{
	display: block!important;
    margin: 20px 0px!important;
	width: auto!important;
}
.header_moon{margin:0px !important;}
.nav-pills {
    width: 109%;
    border-top: 1px solid #91BA27;
    margin: 0px -15px;
}
.nav-pills>li {width: 25%;}
.nav-pills>li:last-child a {border:0px;}
.nav-pills>li a {text-align:center;}

.list-group-item {width: 100%!important;
    float: left;}

.blog-main .col-md-6  h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: left !important;
    padding-left: 10px;
	margin:0px;
}
.blog-main .col-md-6  blockquote {
    padding: 0px 10px;
    margin: 0 0 0px;
    border-left: 0px;
}
.preu {
    font-size: 14px!important;
}
.mod { padding: 2px!important;}
.mod p { margin:0px!important;}
.blog-main .mod .col-md-6{
min-height:105px;
}

.blog-main .col-md-2 input.form-control{
float:left;
width: 48% !important;
}

.blog-main .col-md-2 button{
float:right;
        width: 48%;
    text-align: center;
    padding: 0px;
    height: 35px;
    line-height: 13px;
    margin: 10px 0px;
}





#head {
    min-height: 70px;
}
#container {
    max-width: 1170px!important;
    margin: 0px 10px!important;
}
.col-md-2, .col-md-6, .col-md-8, .col-md-4{
width:100%;
padding:0px;
}
.altura{
height:auto;
min-height:auto;
} 
.panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.img-thumbnail {
    border-radius: 0px;
	}
.total1 {
    border: 1px solid #ddd !important;
    padding: 10px;
    text-align: center;
    min-height: 44px;
    width: 100%;
}	
.total1 h4 {
    margin: 0px !important;
    float: left;
	font-weight:bold;
}
.total1 p {
    margin: 0px !important;
    float: right;
	font-weight:bold;
	font-size:16px;
}
.panel img{
width:100%;
}
.scrollup {
    width: 40px;
    height: 43px;
    position: fixed;
    bottom: 71px;
    right: 2px;
}	
.registro{
min-height:auto;
}
.registro h4{
font-weight:bold;
}
#pedido .btn-success{
font-size:30px !important;
}

}

@media (max-width: 380px){

.btn-primary {
width:100%!important;
margin:2px!important;
float:left;
}

.blog-main .col-md-6 h3 {
    font-size: 14px;
}
blockquote {
    font-size: 11px !important;
}
}

.radio-inline a{transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; }
.col-md-4 .panel-body a:hover img{
    box-shadow: 0px 0px 80px rgba(165,211,45,1);
}

.list-group-item.col-md-3{
overflow:hidden;
}
.badge input[type="checkbox"]:checked {
    box-shadow: 0px 0px 0px 400px rgba(165,211,45,0.5);
	-webkit-box-shadow: 0px 0px 0px 400px rgba(165,211,45,0.5);
	-moz-box-shadow: 0px 0px 0px 400px rgba(165,211,45,0.5);
}
input.makibox[type="checkbox"]:checked {
    box-shadow: 0px 0px 0px 400px rgba(165,211,45,0.5);
	-webkit-box-shadow: 0px 0px 0px 400px rgba(165,211,45,0.5);
	-moz-box-shadow: 0px 0px 0px 400px rgba(165,211,45,0.5);
}


.btn {
   
    font-weight: 900;
    
}
.btn-carrito {
    width: 100%;
	border: 0px;
    background-color: #85B20F !important;
}
  
  @media (min-width: 768px) and (max-width:1024px){
.lista .col-md-2{
    width: 20%;
    float: left;
}  
.lista .col-md-8{
    width: 60%;
    float: left;
}  

}


@media (min-width: 480px) and (max-width: 760px){

.blog-main .col-md-6 {
    width: 48% !important;
    float: left;
    margin: 1%;
}
.col-md-6 h3{
margin:0px;
}
blockquote {
    padding: 10px 0px;
    margin:0px;
    font-size: 14px;
    border-left: 0px;
}
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100%;
}
.carrito_sub .list-group{
padding:10px;
}