@font-face {
      font-family: "oswald-regular";
      src: url(fonts/Oswald-Light.ttf) format("truetype");
}
@font-face {
      font-family: "oswald-light";
      src: url(fonts/Oswald-Light.ttf) format("truetype");
}

@font-face {
      font-family: "songbird";
      src: url(fonts/Songbird.otf) format("truetype");
}

@-ms-viewport {
      width: device-width;
}



.noselect {
      -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
      -khtml-user-select: none; /* Konqueror HTML */
      -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
      user-select: none; /* Non-prefixed version, currently
      supported by Chrome and Opera */
}

a, input[type="submit"], input[type="radio"], select {
      -webkit-touch-callout: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      cursor: pointer;
}

.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 14px !important; }

input[type='submit'],input[type='text'],input[type='password'], select, button {
      outline: none;
      border: 0;

      -webkit-appearance: none;
      -webkit-border-radius: 0;
}

body, html {
      /*overflow: hidden;
      height: 100%;*/
      overflow: auto;
}

body {
      margin: auto;
      background-color: black;
      -ms-overflow-style:none;
      overflow:-moz-scrollbars-none;

      background-image: url(../images/back-black.jpg);
      background-position: center;
      background-repeat: repeat;
}
header {
      position: fixed;
      width: 100%;
      height: 72px;
      margin: auto;
      top: 0;
      background-image: url(../images/header-mobile.png);
      background-position: center;
      background-repeat: repeat;
      z-index: 1;
}
section.wrapper-header {
      max-width: 1200px;
      height: 72px;
      margin: auto;
      overflow: hidden;

      position: relative;
}

section.wrapper-header >section:last-of-type {
      background-image: url(../images/menu/background-order-online.png);
      width: 179px;
      height: 31px;
      float: right;
      background-position: center;
      background-repeat: repeat;
      background-size: contain;
      color: white;
      margin: 0 auto;
      margin-top: 8px;
      font-family: oswald-regular;
      font-weight: bold;
      font-size: 13px;
      padding: 8px;
      text-align: center;
      box-sizing: border-box;
      float: right;
}

section.logo {
      width: 124px;
      height: 69px;
      margin: auto;
      float: left;
}

main {
      /*min-height: 100vh;*/
      margin: auto;
      margin-top: 67px;
      z-index: -1;
}

footer {
      width: 100%;
      height: auto;
      margin: auto;
      margin-bottom: 70px;
      padding-top: 30px;
      padding-bottom: 30px;


      background-image: url(../images/natural-footer.png);

}

section.front-flip {
      display: none;
}

section.container-section-footer {
      width: auto;
      height: auto;
      margin: auto;
      overflow: hidden;
}

section.container-bills {
      max-width: 115px;
      height: 30px;
      margin: auto;
}

section.container-bills img, section.container-bills span {
      float: left;
}

section.container-bills span {
      font-family: "oswald-regular";
      font-size: 18px;
      color: white;
      margin-left: 15px;
}

section.container-social {
      max-width: 172px;
      height: auto;
      margin: auto;
      margin-top: 15px;
}

section.container-social span {
      display: block;
      font-family: "oswald-light";
      font-size: 17px;
      color: white;
      text-align: center;
}

section.container-social ul.social-icons {
      display: block;
      width: 172px;
      height: auto;
      margin: 0;
      margin-top: 5px;
      padding: 0;
      box-sizing: border-box;
      float: right;
      list-style: none;
}

nav.footer, section.copyright, section.de-and-dev {
      max-width: 277px;
      height: auto;
      margin: auto;
      overflow: hidden;
}

nav.footer ul {
      padding: 0;
      margin: 0;
      list-style: none;
}

nav.footer ul li {
      margin: 0;
      padding: 0;
}

nav.footer ul li a, section.copyright span {
      display: block;
      padding: 5px 0px;
      font-family: "oswald-light";
      font-size: 16px;
      color: white;
      text-align: center;
      text-decoration: none;
}

section.de-and-dev {
      max-width: 205px;
      text-align: center;
}

section.de-and-dev span {
      float: left;
      font-family: "oswald-light";
      font-size: 16px;
      color: white;
}

section.de-and-dev img {
      margin-left: 10px;
}

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

section.container-social ul.social-icons li a {
      display: block;
      float: left;
      margin: 4px;
}

div.content-page {
      max-width: 1200px;
      height: auto;
      margin: auto;
      margin-top: 50px;
      padding: 0 10px;
      box-sizing: border-box;
}

section.container-page {
      width: auto;
      height: auto;
      min-height: calc(100% - 550px);
      margin: 20px auto;
      overflow: hidden;
}

div.loader {
      width: auto;
      height: auto;
      margin: auto;
      font-family: "oswald-regular";
      font-size: 35px;
      letter-spacing: 2px;
      color: white;
      text-align: center;
}

div.loader p {
      margin-top: 0;
      margin-bottom: 0;
}

form.form_1 {
      max-width: 700px;
      margin: auto;

      text-align: center;
      box-sizing: border-box;
}

form.form_1 input {
      display: inline-block;
      vertical-align: top;
      width: 100%;
      height: 40px;
      padding: 10px;
      margin: 15px 0;
      box-sizing: border-box;

      font-family: "oswald-regular";
      font-size: 16px;
      color: black;
}

form.form_1 select {
      display: inline-block;
      vertical-align: top;
      width: 100%;
      height: 40px;
      padding: 10px;
      margin: 15px 0;
      box-sizing: border-box;

      font-family: "oswald-regular";
      font-size: 16px;
      color: black;
      background-color: #D9CFC7;
}

form.form_1 input[type="text"] {
      background-color: #D9CFC7;
}

::-webkit-input-placeholder {
      color: #171717;
}

:-moz-placeholder { /* Firefox 18- */
      color: #171717;
}

::-moz-placeholder {  /* Firefox 19+ */
      color: #171717;
}

:-ms-input-placeholder {
      color: #171717;
}

form.form_1 textarea {
      display: block;
      vertical-align: top;
      width: 100%;
      height: 100px;
      margin: 15px 0;
      padding: 10px;
      box-sizing: border-box;

      font-family: "oswald-regular";
      font-size: 16px;
      color: black;
      background-color: #D9CFC7;
}

form.form_1 input[type="submit"] {
      background-color: #5c443a;
      color: transparent;
      cursor: pointer;
}

form.form_1 input[type="submit"]:hover {
      background-color: #D5A931;
      color: black;
}

.number-input {
      width: 30px;
      height: 30px;
      vertical-align: top;
      margin-top: 0;
      border: 2px #AB2B21 solid;
      padding: 4px;
      text-align: center;
}

.less-number {
      float: left;
      width: 27px;
      height: 30px;
      border-radius: 5px 0 0 5px;
      background-color: #AB2B21;
      padding: 4px;
      box-sizing: border-box;

      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

.more-number {
      float: right;
      background-color: #AB2B21;
      width: 27px;
      height: 30px;
      border-radius: 0 5px 5px 0;
      padding: 4.5px;
      box-sizing: border-box;

      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
}

/*ELISEO CODE*/

.temporal-button {
      float: right;
      padding: 10px 20px;
      background-color: #AB2C22;
      border: none;
}

.header-title {
      width: 100%;
      box-sizing: border-box;
      background-color: #AB2C22;
      padding: 10px;
}

.header-title h2 {
      font-family: oswald-regular;
      font-size: 20px;
      text-align: center;
      color: white;
      font-size: 23px;
}

.finder-city {
      width: 100%;
      padding: 10px;
      padding-right: 0;
      background-color: whitesmoke;
      padding-top: 15px;
      box-sizing: border-box;
}

.finder-city *, .info-city * {
      font-family: oswald-regular;
      font-weight: bold;
}

.finder-city input[type=text] {
      width: 50%;
      font-family: oswald-regular;
      font-size: 14px;
      padding: 10px;
      width: calc(100% - 170px);
}

.finder-city >span {
      font-size: 18px;
      color: #AB2C22;
      display: inline-block;
      margin: 7px;
}

.info-city {
      display: none;
      width: 100%;
      height: auto;
      padding: 10px;
      background-color: whitesmoke;
      margin-top: 20px;
      box-sizing: border-box;
      overflow: hidden;
}

.details {
      display: block;
      width: calc(100% - 20px);
      height: auto;
      padding: 10px;
      background-color: white;
      margin: 10px auto;
}

.details-container {
      max-height: 0px;
      overflow: hidden;
      text-align: center;

      transition: 0.3s ease;
      margin-bottom: 15px;
      border-bottom: 1px solid #dedede; /*1px #B5B5B5 solid;*/
      background-color: #f6f6f6;
}

.details-container:last-of-type {
      margin-top: 30px;
      margin-bottom: 0;
}

.details-container >h3 {
      font-family: 'oswald-regular';
      font-size: 24px;
      color: #D5A931;
      padding-bottom: 10px;
      width: 267px;
      margin: 0 auto 30px auto;
}

#search-product-char {
      display: inline;
}

.details-container ul {
      margin: 0;
      padding: 0;
      text-align: center;
}

.details-container li {
      width: 100%;
      height: 50px;
      display: inline-table;
      font-family: 'oswald-regular';

      background-color: #dfdfdf;
      vertical-align: top;
      margin: 10px auto;
      padding: 5px;
      box-sizing: border-box;
}
.details-container span {
      width: 100%;
      display:table-cell;
      vertical-align: middle;
}

.wrapper-info {
      width: auto;
      height: auto;
      margin: auto;
      padding: 10px 0;
      overflow: hidden;
}

.wrapper-info >span {
      font-size: 24px;
      color: #AB2C22;
      display: inline-block;
      margin-left: 10px;
}

.bottom-bar {
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      height: 70px;
      background-color: #AB2C22;
      text-align: center;
      border-top: 2px white solid;
}

.bottom-bar span {
      width: 60px;
      height: 69px;
      margin: 0px 8px;
      display: inline-block;
      background-color: white;
}

.bottom-bar a {
      display: block;
      width: 100%;
      height: 100%;
}

input.order-city {
      width: 119px;
      height: 39px;
      background-color: transparent;
      background-image: url(../images/background-button.png);
      background-position: center;
      background-repeat: no-repeat;
      float: right;

      font-size: 15px;
      color: white;
      cursor: pointer;
}

.call-city {
      width: 119px;
      height: 39px;
      background-color: transparent;
      background-image: url(../images/background-button.png);
      background-position: center;
      background-repeat: no-repeat;
      float: right;

      font-size: 15px;
      color: white;
      cursor: pointer;
      padding: 10px 40px;
      box-sizing: border-box;
      text-decoration: none;
}

.product-list * {
      font-family: 'oswald-regular';
      font-weight: bold;
}

.product-ul {
      padding: 0;
      text-align: center;
}

.product-li {
      width: 139px;
      margin: 2px;
      height: 271px;
      background-color: white;
      border-radius: 9px;
      position: relative;
      overflow: hidden;
      display: inline-block;
      border: 3px black solid;
      cursor: pointer;
      } .product-li:hover {
            border: 3px #AB2C22 solid;
      }

      .name-product {
            height: 45px;
            padding: 3px 10px;
            overflow: auto;
      }

      .range-input {
            float: left;
            height: 0;
      }

      /*.set-price {
      width: 30px;
      height: 138px;
      font-size: 20px;
      background-color: whitesmoke;
      text-align: center;
      position: absolute;
      bottom: -140px;
      transition: 0.2s ease;
      padding-left: 13px;
}

.set-price li:hover {
background-color: white;
color: #AB2C22;
}*/

li {
      list-style: none;
}

.price {
      float: right;
      color: #AB2C22;
      padding-right: 10px;
      margin-top: 7px;
      font-size: 15px;
      position: absolute;
      right: 0;
      bottom: 58px;
}

/*.setted {
color: #AB2C22;
position: absolute;
bottom: 146px;
background-color: white;
width: 31px;
border-radius: 5px;
}*/

.how-much {
      height: 30px;
      position: relative;
      box-sizing: border-box;
      margin-left: 5px;
      color: white;
}

.pop-pup-combo {
      width: 100%;
      padding-bottom: 50px;
      background-color: #AB2C22;
      text-align: center;
      padding-top: 50px;
      overflow: auto;


      animation: 0.4s pop-up 1;
      animation-timing-function: ease;
}

.img-product img {
      width: 164px;
      height: 138px;
}

.option-select {
      background-color: red;
}

.frm_pay {
      width: 100%;
      height: auto;
      margin: auto;
      overflow: hidden;
      margin-top: 70px;
}

.frm_pay label {
      font-family: 'oswald-regular';
      padding: 10px;
      box-sizing: border-box;
      display: inline-block;
      overflow: hidden;
}

.frm_pay span {
      padding: 10px;
}

.cincuenti {
      width: 100%;
}

.treinti {
      width: 100%;
}

.wrapper-labels {
      width: 100%;
      height: auto;
      margin: auto;
      overflow: hidden;
      display: table;
}

.transc-foo {
      width: 100%;
      height: auto;
      margin: auto;
      overflow: hidden;
      text-align: center;
      font-family: oswald;
      color: white;
      margin-top: 50px;
      box-sizing:border-box;
      text-align: center;
      display: table;
}

.openpay-pay, .secure-pay {
      display: inline-block;
      vertical-align: top;
      margin-top: 15px;
}

.openpay-pay {
      margin-right: 10px;
}

.secure-pay {
      margin-left: 10px;
}

.secure-pay img {
      float: left;
      width: 30px;
}

.secure-pay small {
      float: left;
      width: calc(100% - 30px);
}



.transc-foo img {
      max-width: 100px;
}



@-webkit-keyframes pop-up{
      from {
            transform: scale(0.8);
            opacity: 0;
      }
      to {
            transform: scale(1);
            opacity: 1;
      }
}

.close-pp {
      position: fixed;
      z-index: 99;
      top: 19px;
      left: 13px;
      transition: 0.2s ease;
      background-color: white;
      padding: 5px 11px;
      cursor: pointer;
      font-family: oswald-regular;
      font-weight: bold;
      border-radius: 20px;
}

select {
      background-color: white;
      border: none;
      padding: 5px 7px;
      width: 179px;
      border-radius: 4px;
      font-family: 'oswald-regular';
      color: black;
      } select:focus {
            outline: none;
            background-color: whitesmoke;
      }

      .pop-pup-combo >h2 {
            color: white;
      }

      select option {
            padding: 5px 7px;
            background-color: whitesmoke;
            font-family: 'oswald-regular';
            color: black;
            } select option:hover {
                  background-color: white;
                  color: #AB2C22;
            }

            .pop-pup-combo * {
                  font-family: oswald-regular;
            }

            .content-combo-extras {
                  display: inline-block;
                  width: 319px;
                  height: 200px;
                  background-color: black;
                  padding: 15px;
                  margin: -3px;
                  box-sizing: border-box;
                  vertical-align: top;
            }

            .content-combo-extras:last-of-type {
                  display: block;
                  margin: 0 auto;
                  height: 70px;
            }

            .content-combo-extras h2 {
                  background-color: white;
            }
            .content-combo-extras >div::-webkit-scrollbar {
                  margin-right: 5px;
                  background-color: #bdd9d5;
                  border-radius: 6px;
                  width: 12px;
            }
            .content-combo-extras >div::-webkit-scrollbar-track {
                  box-shadow: 0 0 2px rgba(0,0,0,0.3);
            }
            .content-combo-extras >div::-webkit-scrollbar-thumb {
                  border: 1px #eee solid;
                  border-radius: 12px;
                  background: #C7573A;
                  box-shadow: 0 0 8px rgba(0,0,0,0.3) inset;
                  -webit-transition: all .3s ease-out;
                  transition: all .3s ease-out;
            }
            .content-combo-extras >div::-webkit-scrollbar-thumb:window-inactive {
                  background: #bbb;
                  box-shadow: 0 0 8px rgba(0,0,0,0.3) inset;
            }
            .content-combo-extras >div::-webkit-scrollbar-thumb:hover {
                  background: #b7472A;
            }

            .content-combo-extras >div {
                  padding-right: 8px;
                  height: 62%;
            }

            .guarnicions p {
                  display: inline-block;
                  margin-right: 10px;
                  color: white;
            }

            .order-list {
                  color: white;
                  text-align: left;
            }

            .stars {
                  width: 100%;
                  /*max-width: 1131px;*/
                  height: 15px;
                  background-image: url(../images/menu/stars.png);
                  background-position: center;
                  background-size: contain;
                  background-repeat: repeat-x;
                  margin: 0 auto;
            }

            .basket-button {
                  width: 111px;
                  height: 29px;
                  background-image: url(../images/menu/background-basket.png);
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: contain;
                  cursor: pointer;
                  float: right;
                  margin-top: -40px;
                  display: none;
                  margin-right: 10px;
            }

            .icon-basket {
                  /*background-color: white;*/

                  background-image: url(../images/icon-basket.png);
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: contain;

                  width: 20px;
                  height: 18px;
                  float: left;
                  margin-top: 5px;
                  margin-left: 16px;
            }

            .order-total {
                  float: left;
                  color: white;
                  font-family: oswald-regular;
                  font-weight: bold;
                  margin: 4px;
                  margin-top: 6px;
                  font-size: 13px;
            }

            .choose-products {
                  background-image: url(../images/menu/icon-basket.png);
                  background-repeat: no-repeat;
                  background-position: center;
                  background-size: contain;

                  font-family: oswald-regular;
            }

            .search-in-cart {
                  display: inline-block;
                  width: calc(100% - 45px);
                  padding: 5px 16px;
                  font-family: oswald-regular;
                  font-size: 21px;
                  font-weight: bold;
                  margin-top: 13px;
                  margin-left: 0px;
                  margin-bottom: 5px;
            }

            .search-button {
                  width: 40px;
                  height: 39px;
                  vertical-align: bottom;
                  background-color: #AB2B21;
                  background-image: url(../images/find.png);
                  color: transparent;
                  background-position: center;
                  background-repeat: no-repeat;
                  background-size: contain;
                  margin-bottom: 5px;
            }

            .menu-type {
                  background-color: rgb(255, 255, 255);
                  border: none;
                  padding: 5px 7px;
                  /*width: calc(100% - 52px);*/
                  width: calc(100% - 72px);
                  height: 38px;
                  font-family: 'oswald-regular';
                  font-weight: bold;
                  color: black;
                  font-size: 18px;
                  vertical-align: bottom;
                  border-radius: 0;
                  margin-left: 0;
                  margin-top: 5px;
                  -webkit-appearance: none;
            }

            .choose-your-products {
                  /*width: 283px;*/
                  width: 100%;
                  height: 61px;
                  /*background-image: url(../images/menu/choose-your-products.png);
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;*/
                  color: white;
                  text-align: center;
                  font-family: oswald-regular;
                  font-weight: bold;
                  padding-top: 34px;
                  font-size: 20px;
                  display: block;
                  margin: auto;

                  background-color: #a92c26;
            }

            div.contain {
                  display: block;
                  margin: auto;
                  margin-top: -137px;
                  margin-right: 10px;
            }

            .my_profile_button {
                margin-right: 130px !important;
                display: none !important;
            }

            div.contain.franchises {
                  margin-top: -50px;
                  margin-left: 15px;
            }

            .add-product {
                  margin-top: 37px;
                  background-color: #AB2B21;
                  padding: 13px;
                  color: white;
            }

            .bottom-bar .fa {
                  font-size: 32px;
                  margin-top: 16px;
                  color: #AB2C22;
                  width: 36%;
            }

            .bottom-bar a {
                  color: #AB2C22;
                  font-family: oswald-regular;
                  text-decoration: none;
            }

            .quantity-order {
                  font-style: normal;
                  float: right;
                  font-size: 18px;
                  margin-top: 22px;
                  margin-right: 6px;
            }

            .separator-knife {
                  display: block;
                  width: 100%;
                  height: 71px;
                  font-family: 'songbird';
                  color: white;
                  font-size: 32px;
                  margin-top: 25px;
                  margin-bottom: 40px;
                  text-align: center;
            }

            .separator-knife img {
                  margin-right: 20px;
                  vertical-align: bottom;
            }

            .separator-knife span {
                  display: inline-block;
                  margin-top: -14px;
                  vertical-align: top;
                  margin: 14px 0px;
                  font-size: 45px !important;
            }

            .notify-added {
                  width: 200px;
                  height: 55px;
                  background-color: white;
                  position: fixed;
                  right: 14px;
                  z-index: 99;
                  box-shadow: 0 8px 24px rgba(0,0,0,0.7);
                  border-radius: 6px;
                  font-family: songbird;
                  font-size: 33px;
                  padding-left: 16px;
                  border: 3px solid #AB2B21;
            }

            .done-added {
                  animation: 1s added-animation 1;
                  animation-timing-function: cubic-bezier(0, 0.6, 0, 1);

                  position: absolute;
                  opacity: 0;
                  width: 80px;
                  height: 80px;
                  box-sizing: border-box;
                  background-color: #539818; /*#1DE21D;*/
                  border-radius: 50%;
                  box-shadow: 0 2px 22px rgba(0,0,0,.4);
            }

            .done-added img {
                  width: 52px;
                  margin: 12px 10px;
            }

            @-webkit-keyframes added-animation {
                  0% {
                        bottom: 0;
                        right: 0;
                        transform: rotate(60deg) scale(0.1);
                        opacity: 0;
                  }

                  10% {
                        opacity: 1;
                  }

                  90% {
                        bottom: 70px;
                        right: 30px;
                        transform: rotate(0deg) scale(1);
                        opacity: 1;
                  }

                  100% {
                        opacity: 0;
                        bottom: 70px;
                        right: 30px;
                  }
            }

            .products-checkout-element {
                  width: 100%;
                  padding: 10px;
                  background-color: white;
                  position: relative;
                  text-align: center;
                  box-sizing: border-box;
                  text-align: left;
                  display: table;
                  padding-bottom: 25px;
                  padding-top: 0;
            }

            .products-checkout-element section:last-of-type {
                  display: block;
            }

            .products-checkout-element:last-of-type {
                  border-bottom: 0;
                  padding-bottom: 0;
                  margin-bottom: 0;
            }

            .products-checkout-element * {
                  font-family: 'oswald-regular';
            }

            .price-checkout {
                  display: inline-block;
                  box-sizing: border-box;
                  padding: 28px;
                  vertical-align: top;
                  width: 100%;
                  float: left;
                  text-align: center;
            }

            .price-checkout span {
                  display: inline-block;
            }

            .name-product-checkout {
                  font-size: 23px;
                  font-weight: bold;
            }

            .remove-element {
                  position: absolute;
                  right: -10px;
                  top: -9px;
                  display: inline-block;
                  float: right;
                  background-color: #AB2B21;
                  padding: 6px 9px 11px;
                  width: 30px;
                  height: 30px;
                  border-radius: 50%;
                  color: white;
                  box-sizing: border-box;
                  cursor: pointer;

                  transition: 0.2s ease;
                  } .remove-element:hover {
                        transform: scale(0.9);
                  }

                  .checkout-select {
                        font-weight: bold;
                        font-size: 14px;
                        background-color: #AB2B21;
                        width: 30px;
                        box-sizing: border-box;
                        padding-left: 12px;
                        border-radius: 50%;
                        color: white;
                        } .checkout-select:focus {
                              background-color: #AB2B21;
                        }

                        li.products-checkout-element.combo-element {
                              height: 330px;

                              min-height: 483px;
                              overflow: auto;
                        }

                        .combo-info {
                              position: absolute;
                              bottom: 0;
                              left: 0;
                              width: 100%;
                              height: 193px;
                              border-top: 2px solid gray;
                              overflow: auto;
                        }

                        .combo-info * {
                              text-align: center;
                        }

                        .part-of-combo ul {
                              padding: 0;
                              text-align: center;
                        }

                        .part-of-combo ul li {
                              text-align: center;
                        }

                        .beverage, .fittings {
                              display: inline-block;
                              float: left;
                              outline: 1px pink dotted;
                              width: 25%;
                              box-sizing: border-box;
                              height: 100%;
                              overflow: auto;
                              padding: 13px;
                        }

                        .part-of-combo {
                              width: 100%;
                              margin-bottom: 30px;
                        }

                        .products-checkout-list {
                              width: 100%;
                              background-color: white;
                              padding: 30px;
                              box-sizing: border-box;
                              padding-bottom: 1px;
                        }

                        .products-checkout-list img {
                              width: 70px;
                        }

                        .sublist {
                              min-height: 50px;
                              display: block;
                              text-align: center;
                              vertical-align: middle;
                              padding-left: 10px;
                        }

                        .description-label {
                              font-weight: bold;
                              color: #AB2B21;
                        }

                        .products-checkout-element .sublist:first-of-type {
                              width: 70px;
                              margin: 0 auto
                        }

                        .total-container {
                              width: 100%;
                              float: right;
                              border: 1px gray solid;
                              background-color: white;
                              padding: 30px;
                              box-sizing: border-box;
                              text-align: center;
                        }

                        .total-container div {
                              border-bottom: 1px #C3C3C3 solid;
                              font-weight: bold;
                              padding: 10px;
                              font-family: oswald-regular;
                        }

                        .total-container div span:last-of-type {
                              color: #AB2B21;
                        }

                        .total-container div:last-of-type {
                              border-bottom: 0;
                              padding: 0;
                        }

                        .continue {
                              background-color: #AB2B21;
                              color: white;
                              max-width: 150px;
                              margin: 10px auto;
                              border-radius: 5px;
                              text-align: center;
                              padding: 0;

                              -webkit-user-select: none;
                              -moz-user-select: none;
                              -ms-user-select: none;
                              user-select: none;
                        }
                        .continue a {
                              display: block;
                              padding: 6px 10px;
                              color: white;
                              text-decoration: none;
                        }
                        .floating-right {
                              display: inline-block;
                              vertical-align: middle;
                        }

                        .details-combo {
                              height: 80px;
                              background-color: pink;
                        }

                        #lname, #fname {
                              width: calc(100% - 20px);
                        }
                        .checkout_complete input, .checkout_complete textarea, .checkout_complete select {
                              padding: 8px;
                              margin: 10px;
                              font-family: oswald-regular;
                              font-size: 15px;
                              vertical-align: top;
                              box-sizing: border-box;
                              border-radius: 0;
                              float: left;

                              /*background-color: #e6e6e6;*/
                              background-color: #4e4e4e;
                              color: #bbbbbb;
                        }

                        .checkout_complete input:disabled, .checkout_complete textarea:disabled, .checkout_complete select:disabled {
                              background-color: #1f1f1f;
                        }

                        .checkout_complete input[type=submit] {
                              background-color: #D5A931;
                              color: white;
                              float: right;
                              width: calc(100% - 30px);
                        }

                        .checkout_complete textarea {
                              display: block;
                              width: calc(100% - 20px);
                              max-width: calc(100% - 20px);
                              min-width: calc(100% - 20px);
                              max-width: calc(100% - 20px);
                              max-height: 200px;
                        }

                        .checkout_complete hr {
                              /*border: 1px black solid;*/
                              border: 0;
                              max-width: 500px;
                              margin: 30px auto;
                        }

                        .radio-inputs {
                              overflow: hidden;
                        }

                        .radio-inputs * {
                              color: white;
                              vertical-align: middle;
                              clear: both;
                              font-family: 'oswald-regular';
                              overflow: hidden;
                        }

                        .radio-inputs input[type=radio] {
                              background-color: white;
                              border-radius: 50%;
                              border: 4px white solid;
                        }

                        .radio-inputs input[type=radio]:checked {
                              border: 4px white solid;
                              background-color: #D5A931;
                        }

                        .option-radio-content {
                              width: 100%;
                        }

                        .option-radio-content span {
                              display: inline-block;
                              margin-top: 9px;
                        }

                        .radio-inputs i {
                              display: inline-block;
                              margin: 15px;
                              font-size: 23px;
                        }

                        .searching-input {
                              width: calc(100% - 15px);
                              height: 40px;
                              background-color: white;
                              display: inline-block;
                              padding: 10px;
                              box-sizing: border-box;
                              cursor: pointer;
                        }

                        .franchises-selector::-webkit-scrollbar {
                              margin-right: 5px;
                              background-color: #bdd9d5;
                              border-radius: 6px;
                              width: 12px;
                        }
                        .franchises-selector::-webkit-scrollbar-track {
                              box-shadow: 0 0 2px rgba(0,0,0,0.3);
                        }
                        .franchises-selector::-webkit-scrollbar-thumb {
                              border: 1px #eee solid;
                              border-radius: 12px;
                              background: #C7573A;
                              box-shadow: 0 0 8px rgba(0,0,0,0.3) inset;
                              -webit-transition: all .3s ease-out;
                              transition: all .3s ease-out;
                        }
                        .franchises-selector::-webkit-scrollbar-thumb:window-inactive {
                              background: #bbb;
                              box-shadow: 0 0 8px rgba(0,0,0,0.3) inset;
                        }
                        .franchises-selector::-webkit-scrollbar-thumb:hover {
                              background: #b7472A;
                        }

                        .franchises-selector {
                              width: calc(100% - 15px);
                              height: 0;
                              display: inline-block;
                              overflow: hidden;

                              transition: height 0.2s ease;
                        }

                        .franchises-selector ul {
                              padding: 0;
                        }

                        .franchises-selector ul li {
                              box-sizing: border-box;
                              padding: 15px;
                              cursor: pointer;
                              } .franchises-selector ul li:hover {
                                    background-color: rgba(0,0,0,0.08);
                              }

                              .details-button {
                                    background-color: #d5a931;
                                    font-weight: bold;
                                    color: white;
                                    padding: 11px;
                                    max-width: 93px;
                                    margin: 0 auto;
                                    cursor: pointer;
                                    margin-bottom: 15px;

                                    -webkit-user-select: none;
                                    -moz-user-select: none;
                                    -ms-user-select: none;
                                    user-select: none;
                                    } .details-button:active {
                                          transform: scale(0.95);
                                    }

                                    .load_multiproducts {
                                          font-family: oswald-regular;

                                          max-height: 0;
                                          overflow: hidden;

                                          margin-top: 0px;
                                          padding: 0px;
                                          margin-bottom: 0px;
                                          border-top: 0px #d5a931 solid;
                                          box-sizing: border-box;
                                          opacity: 0;
                                          text-align: center;

                                          transition: 0.5s ease;
                                    }

                                    .load_multiproducts >p {
                                          font-size: 18px;
                                    }

                                    .list-details {
                                          display: inline-block;
                                          max-width: 300px;
                                    }

                                    .list-details ul {
                                          padding: 0;
                                          margin: 15px;
                                    }

                                    .filtro-label {
                                          font-family: oswald-regular;
                                          color: white;
                                          font-size: 18px;
                                          /*font-size: 13px;*/
                                          display: inline-block;
                                          vertical-align: super;
                                    }

                                    div.text-finished h3 {
                                          font-size: 20px !important;
                                          font-family: oswald !important;
                                          text-align: center !important;
                                          color: white !important;
                                    }

                                    #date_single, #hour{
                                          width: calc(100% - 20px);
                                    }

                                    #address_0, #address_1, #address_2, #neighborhood,
                                    #ext_num, #int_num, #postalcode, #email {
                                          width: calc(100% - 20px);
                                          box-sizing: border-box;
                                    }
                                    #phone {
                                          width: calc(100% - 20px);
                                    }

                                    .address_order {
                                          display: none;
                                    }

                                    .terms-shop {
                                          width: 100%;
                                          text-align: center;
                                          color: #494949;
                                          font-family: "oswald";
                                    }

                                    .terms-shop a {
                                          color: #929292;
                                          text-decoration: none;
                                    }

                                    .notify-card {
                                          display: none;
                                          padding: 20px;
                                          box-sizing: border-box;
                                          font-family: "oswald";
                                          overflow: hidden;
                                          color: white;
                                          clear: both;
                                          text-align: center;
                                          background-color: #de5b5b;
                                    }

                                    .add_address {
                                          text-align: center;
                                          display: table;
                                          width: 100%;
                                          /*max-width: 700px;*/
                                          margin: auto;
                                          padding: 0;
                                          box-sizing: border-box;
                                    }

                                    .form-default {
                                          width: 100%;
                                          padding: 15px;

                                          display: inline-block;
                                          box-sizing: border-box;
                                          position: relative;
                                          vertical-align: top;
                                    }

                                    .form-default-50 {
                                          width: 100%;
                                    }

                                    .form-default label {
                                          width: 100%;
                                          display: block;
                                          font-family: "oswald-regular";
                                          font-size: 18px;
                                          color: white;
                                          margin-bottom: 10px;

                                          text-align: left;
                                    }

                                    .form-default input {
                                          display: block;
                                          margin: 0;
                                          width: 100% !important;

                                    }

                                    .escupela-first {
                                          /*position: absolute;
                                          left: 15px;
                                          top: 50px;
                                          font-size: 18px;
                                          background-color: #959494;
                                          padding: 9px 10px;
                                          color: #241f20;*/

                                          padding: 6px 12px;
                                          font-size: 14px;
                                          font-weight: 400;
                                          line-height: 1;
                                          /* border: 1px solid #ccc; */
                                          width: 1%;
                                          white-space: nowrap;
                                          vertical-align: middle;
                                          display: table-cell;
                                          background-color: #2f2f2f;
                                          color: #d5a931;
                                    }

                                    .group-addon {
                                          position: relative;
                                          display: table;
                                          border-collapse: separate;
                                          box-sizing: border-box;
                                          line-height: 1.42857143;
                                    }

                                    /*}*/


                                    .where-stay {
                                          display: block;
                                          margin: 0;
                                          padding: 0;
                                    }

                                    .where-stay li {
                                          display: inline-block;
                                          padding: 10px 0px;
                                    }

                                    .where-stay li a {
                                          display: inline-block;
                                          color: #d5a931;
                                          font-family: 'oswald-regular';
                                    }

                                    .where-stay li:last-child:after {
                                          content: '';
                                    }

                                    .where-stay li:after {
                                          content: '>';
                                          font-family: 'oswald-regular';
                                          padding: 0 5px 0 7px;
                                          color: #ab2b22;
                                          font-weight: bold;
                                    }

                                    .wrapper-dTable {
                                          width: 100%;
                                          display: table;
                                          text-align: center;
                                    }

                                    .wrapper-dTable hr {
                                          margin: 30px auto;
                                          border: 0;
                                    }

                                    .box-50 {
                                          width: 100%;
                                          margin: 25px 0;
                                          padding: 10px;
                                          display: inline-block;
                                          vertical-align: top;
                                          box-sizing: border-box;
                                          border: 1px solid #2b2b2b;
                                          border-radius: 5px;
                                    }

                                    .title-new {
                                          color: white;
                                    }

                                    .p-new {
                                          color: white;
                                          font-family: 'oswald-regular';
                                    }

                                    .title-new i {
                                          background-color: #ab2d23;
                                          padding: 5px 8px;
                                          border-radius: 300px;
                                    }

                                    .title-new span {
                                          font-family: 'oswald-regular';
                                    }

                                    .register-pub {
                                          width: 200px;
                                          display: block;
                                          float: none;
                                          margin: 50px auto auto auto;
                                          font-family: oswald-regular;
                                          font-size: 22px;
                                          vertical-align: top;
                                          box-sizing: border-box;
                                          border-radius: 0;
                                          padding: 8px;
                                          color: white;
                                          background-color: #31d5a1;
                                          cursor: pointer;
                                    }

                                    .notify-status-icon {
                                          position: absolute;
                                          right: 30;
                                          top: 60px;
                                    }

                                    .status-verify {
                                          color: #32d5a1;
                                    }

                                    .status-error {
                                          color: #dd9e9e;
                                    }

                                    .notify-status {
                                          display: block;
                                          margin-top: 10px;
                                          font-family: 'oswald-regular';
                                          color: #dc9e9e;
                                          text-align: left;
                                    }

                                    .input-verify {
                                          padding-right: 45px !important;
                                    }

                                    .wrapper-profile {
                                          display: table;
                                          width: 100%;
                                    }

                                    .my-profile {
                                          width: 100%;
                                          display: inline-block;
                                          vertical-align: top;
                                          padding: 50px 0 50px 0;
                                    }

                                    .my-profile h2.title-profile {
                                          text-align: left;
                                          color: white;
                                          padding: 10px 20px;
                                          box-sizing: border-box;
                                          overflow: hidden;

                                          background-color: #d5a931;
                                          margin-bottom: 0;
                                          border-top-left-radius: 5px;
                                          border-top-right-radius: 5px;
                                    }

                                    .my-profile h2.title-profile > span {
                                          float: left;
                                          font-family: 'oswald-regular';
                                    }

                                    .my-profile h2.title-profile > i {
                                          margin-top: 5px;
                                          float: right;
                                    }

                                    .my-profile ul.nav-profile {
                                          margin: 0;
                                          padding: 10px 0;
                                          background-color: black;

                                          color: white;
                                          border-bottom-left-radius: 5px;
                                          border-bottom-right-radius: 5px;
                                    }

                                    .my-profile ul.nav-profile li {
                                          margin: 0;
                                          padding: 0;
                                          list-style: none;
                                    }

                                    .my-profile ul.nav-profile li a {
                                          display: block;
                                          padding: 5px 20px 5px 40px;
                                          text-decoration: none;
                                          color: white;
                                          font-family: 'oswald-regular';
                                          font-size: 18px;
                                    }

                                    .my-profile ul.nav-profile li a:hover {
                                          color: #d5a931;
                                    }

                                    .container-profile {
                                          display: inline-block;
                                          vertical-align: top;
                                          width: 100%;
                                          margin-top: 0;
                                    }

                                    .btns-profile {
                                          width: 100%;
                                          padding: 20px 5px;
                                          box-sizing: border-box;
                                          overflow: hidden;

                                          text-align: right;
                                    }

                                    .btns-profile a {
                                          display: inline-block;
                                          padding: 10px 20px;
                                          background-color: #31d5a1;
                                          color: white;
                                          font-family: 'oswald-regular';
                                          text-decoration: none;
                                          border-radius: 5px;
                                          letter-spacing: 0.5;
                                    }

                                    .container-address {
                                          display: table;
                                          width: 100%;
                                          text-align: left;
                                          padding: 0;
                                          box-sizing: border-box;
                                    }

                                    .container-address .wrapper-address {
                                          display: inline-block;
                                          width: calc(100% - 20px);
                                          height: auto;
                                          padding: 10px;
                                          margin: 10px;
                                          box-sizing: border-box;
                                          background-color: #333;
                                          vertical-align: top;
                                          box-shadow: 0px 0px 20px #000;
                                          border-radius: 5px;
                                    }

                                    .container-address .wrapper-address > span.alias-address {
                                          font-size: 25px;
                                          color: #d5a931;
                                          margin-bottom: 20px;
                                    }

                                    .container-address .wrapper-address span {
                                          font-family: 'oswald-regular';
                                          font-size: 17px;
                                          display: table;
                                          overflow: hidden;
                                          width: 100%;
                                          margin: 5px 0;
                                    }

                                    .container-address .wrapper-address b {
                                          color: white;
                                          display: table-cell;
                                          vertical-align: top;
                                    }

                                    .container-address .wrapper-address b i {
                                          display:table-cell;
                                          font-style: normal;
                                    }

                                    .container-address .wrapper-address b i.fa {
                                          width: 20px;
                                          color: #717171;
                                    }

                                    .container-address .wrapper-address small {
                                          color: rgb(194, 194, 194);
                                          display: table-cell;
                                          width: 60%;
                                          vertical-align: top;
                                          padding-left: 15px;
                                          padding-top: 2px;
                                    }

                                    .settings-address {
                                          display: table;
                                          width: 100%;
                                          text-align: right;
                                    }

                                    .settings-address i {
                                          padding: 10px;
                                          border-radius: 50%;
                                          width: 100px;
                                          display: inline-block;

                                          width: 15px;
                                          margin: 0 5px;
                                          border: 2px solid;
                                          cursor: pointer;
                                          text-align: center;
                                    }

                                    /*ELISEO CODE*/
                                    @media (min-width: 462px) {

                                          .container-address .wrapper-address {
                                                width: calc(50% - 20px);
                                            margin: 10px;
                                            }


                                          .product-li {
                                                width: 164px;
                                                margin: 10px;
                                          }
                                          section.container-page {
                                                min-height: calc(100% - 602px);
                                          }

                                          header {
                                                height: 128px;
                                                background-image: url(../images/header.png);
                                          }
                                          section.wrapper-header {
                                                height: 128px;
                                          }
                                          section.logo {
                                                width: 229px;
                                                height: 126px;
                                                margin: auto;
                                                float: left;
                                          }
                                          main {
                                                margin-top: 119px;
                                          }

                                          .cincuenti {
                                                width: 100%;
                                          }

                                          .treinti {
                                                width: 50%;
                                          }
                                    }
                                    @media (min-width: 700px) {

                                          .add_address {
                                                padding: 0 0 0 40px;
                                          }

                                          .my-profile {
                                                width: 270px;
                                          }

                                          .container-address {
                                                padding: 0 0 0 40px;
                                          }

                                          .container-profile {
                                                width: calc(100% - 270px);
                                                margin-top: 55px;
                                          }
                                          .box-50 {
                                                width: calc(50% - 50px);
                                                margin: 25px;
                                          }

                                          #date_single, #hour{
                                                width: calc(50% - 20px);
                                          }
                                          .details-container li {
                                                width: 32.9%;
                                          }


                                          #address_0, #address_1, #address_2, #neighborhood,
                                          #ext_num, #int_num, #postalcode, #email {
                                                width: calc(25% - 20px);
                                                box-sizing: border-box;
                                          }
                                          .menu-type {
                                                width: 196px;
                                                margin-left: 5px;
                                                margin-top: 0;
                                          }
                                          .filtro-label {
                                                vertical-align: inherit;
                                          }
                                          .search-button {
                                                margin-bottom: 0;
                                                margin-right: 10px;
                                          }
                                          .search-in-cart {
                                                width: calc(100% - 360px);
                                                /*margin-left: 26px;*/
                                                margin-left: 15px;
                                                margin-bottom: 0px;
                                          }
                                          .details-container ul {
                                                text-align: left;
                                          }

                                          /*FORM CODE*/
                                          .option-radio-content {
                                                /*
                                                width: 30%;
                                                float: left;
                                                clear: none;
                                                */
                                                display: inline-block;
                                                width: 49%;
                                          }

                                          .checkout_complete input[type=submit] {
                                                width: 200px;
                                          }

                                          .checkout_complete textarea {
                                                width: calc(100% - 20px);
                                                max-width: calc(100% - 20px);
                                                min-width: calc(100% - 20px);
                                                max-width: calc(100% - 20px);
                                                max-height: 200px;
                                          }
                                          /*FORM CODE*/
                                          .total-container {
                                                max-width: 300px;
                                          }
                                          .sublist {
                                                width: 25%;
                                                display: table-cell;
                                          }

                                          .header-order {
                                                width: auto;
                                                height: auto;
                                                margin: auto;
                                                position: absolute;
                                                bottom: 5px;
                                                right: 0;
                                          }
                                          .part-of-combo {
                                                width: 25%;
                                                display: inline-block;
                                                padding: 5px;
                                                box-sizing: border-box;
                                                overflow: auto;
                                          }
                                          .price-checkout {
                                                width: 290px;
                                                text-align: left;
                                          }
                                          div.contain {
                                                display: none;
                                          }
                                          .my_profile_button {
                                              margin-right: 0px !important;
                                              display: block !important;
                                          }
                                          .choose-your-products {
                                                display: inherit;
                                                margin: 0;
                                          }
                                          .basket-button {
                                                display: inherit;
                                          }

                                          section.wrapper-header >section:last-of-type {
                                                width: 326px;
                                                height: 57px;
                                                font-size: 26px;
                                                padding: 11px;
                                                margin-top: 6px;
                                          }
                                          section.container-page {
                                                min-height: calc(100% - 529px);
                                          }

                                          form.form_1 input, form.form_1 select {
                                                width: 300px;
                                                margin: 15px;
                                          }

                                          form.form_1 textarea {
                                                width: 500px;
                                                height: 200px;
                                                margin: 15px auto;
                                          }

                                          form.form_1 input[type="submit"] {
                                                width: 200px;
                                          }

                                          div.text-finished h3 {
                                                font-size: 20px;
                                                font-family: oswald;
                                                text-align: center;
                                                color: white;
                                          }

                                          div.content-page h1 {
                                                font-size: 60px;
                                          }

                                          .finder-city >span {
                                                font-size: 18px;
                                          }

                                          .finder-city input[type=text] {
                                                font-size: 20px;
                                                padding: 10px 20px;
                                                width: calc(100% - 158px);
                                          }

                                          .finder-city >input[type=submit] {
                                                width: 47px;
                                                height: 47px;
                                          }

                                          .bottom-bar {
                                                display: none;
                                          }

                                          footer {
                                                margin-bottom: 0;
                                          }

                                          .treinti {
                                                width: 33.3333333%;
                                          }

                                          .cincuenti {
                                                width: 50%;
                                          }
                                    }

                                    @media (min-width: 900px) {



                                          .form-default-50 {
                                                width: 50%;
                                          }

                                          .form-default-30 {
                                                width: 33.3333%;
                                          }

                                          section.wrapper-header >section:last-of-type {
                                                float: none;
                                          }

                                          section.container-page {
                                                min-height: calc(100% - 341px);
                                          }
                                          section.front-flip {
                                                display: block;
                                                max-width: 751px;
                                                height: 239px;
                                                margin: auto;
                                          }

                                          section.container-section-footer {
                                                max-width: 860px;
                                                text-align: center;
                                          }

                                          section.container-bills {
                                                margin-top: 26px;
                                                margin-left: 20px;
                                                float: left;
                                          }

                                          section.container-social {
                                                max-width: 242px;
                                                margin-right: 20px;
                                                margin-top: 15px;
                                                float: right;
                                          }

                                          section.container-social span, section.container-social ul {
                                                float: left;
                                          }

                                          section.container-social span {
                                                margin-top: 10px;
                                                margin-right: 15px;
                                          }

                                          nav.footer {
                                                max-width: 552px;
                                                float: right;
                                          }

                                          nav.footer ul li {
                                                float: left;
                                                padding: 0 23px;
                                                border-left: 1px solid white;
                                          }

                                          nav.footer ul li a {
                                                padding: 0;
                                          }

                                          section.copyright {
                                                float: right;
                                                margin-right: 20px;
                                          }

                                          section.copyright span {
                                                padding: 0;
                                          }
                                    }
                                    @media (min-width: 1029px) {
                                          .container-address .wrapper-address {
                                              width: calc(50% - 40px);
    margin: 20px;
                                          }
                                    }

                                    @media (max-width: 319px) {
                                          body {
                                                display: none;
                                          }
                                    }