/*Variables------------------------------------------------*/
/*---------------------------------------------------------*/
@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
/*Media queries---------------------------------------------*/
/*Mixins---------------------------------------------------*/
@font-face {
  font-family: 'GothamBold';
  src: url("../fonts/GothamBold.eot") format("embedded-opentype"), url("../fonts/GothamBold.woff") format("woff"), url("../fonts/GothamBold.ttf") format("truetype"), url("../fonts/GothamBold.svg#GothamBold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GothamMedium';
  src: url("../fonts/GothamMedium.eot") format("embedded-opentype"), url("../fonts/GothamMedium.eot") format("woff"), url("../fonts/GothamMedium.ttf") format("truetype"), url("../fonts/GothamMedium.svg#GothamMedium") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GothamLight';
  src: url("../fonts/Gotham-Light.eot") format("embedded-opentype"), url("../fonts/Gotham-Light.eot") format("woff"), url("../fonts/Gotham-Light.ttf") format("truetype"), url("../fonts/Gotham-Light.svg#Gotham-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'GothamBook';
  src: url("../fonts/Gotham-Book.eot") format("embedded-opentype"), url("../fonts/Gotham-Book.eot") format("woff"), url("../fonts/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal; }
body {
  font-family: 'GothamBook', sans-serif;
  font-size: 16px;
  color: #fff;
  overflow-x: hidden;
  background: #27282d;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

h1, h2, h3, h4, h5 {
  font-family: 'GothamBold', sans-serif;
  text-transform: uppercase; }

a {
  outline: none !important; }

/*.dropdown:hover .dropdown-menu{
	display:block;
}*/
header {
  background: rgba(39, 40, 45, 0.8);
  z-index: 110;
  position: relative; }
  header.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999999; }

.navbar-collapse, .navbar-default {
  background: transparent !important;
  border: none !important;
  margin-top: 15px;
  float: right; }

.pop {
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999999; }
  .pop button.fa-times {
    position: absolute;
    z-index: 9;
    right: 10px;
    top: 15px;
    font-size: 15px;
    background: transparent;
    color: #393939;
    border: none; }
  .pop .log {
    width: 400px;
    max-width: 90%;
    right: 100%;
    padding: 0px 25px 0px 25px;
    position: absolute;
    left: 50%;
    right: auto;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: white; }
    .pop .log .form-group {
      font-size: 0; }
      .pop .log .form-group .checkbox-loging {
        margin-bottom: 15px; }
        .pop .log .form-group .checkbox-loging input[type="checkbox"] {
          width: inherit;
          height: inherit;
          visibility: hidden;
          width: 0; }
          .pop .log .form-group .checkbox-loging input[type="checkbox"]:checked + label::before {
            content: "\f00c"; }
        .pop .log .form-group .checkbox-loging #loging {
          width: 0;
          position: absolute; }
        .pop .log .form-group .checkbox-loging label {
          text-transform: none;
          color: #9bab4c; }
          .pop .log .form-group .checkbox-loging label::before {
            content: "";
            font-family: 'FontAwesome';
            border: 1px solid #9bab4c;
            height: 20px;
            width: 20px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            font-size: 19px;
            line-height: 17px; }
    .pop .log label {
      color: #393939;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 15px;
      text-transform: uppercase; }
    .pop .log input {
      width: calc(100% - 50px);
      border: 1px solid #9bab4c !important;
      background: rgba(255, 255, 225, 0.8);
      color: #9bab4c;
      padding: 0 10px;
      right: 0;
      font-size: 15px;
      height: 20px;
      height: 45px;
      margin: 0;
      vertical-align: middle;
      font-family: 'GothamBook',sans-serif; }
      .pop .log input:hover, .pop .log input:active, .pop .log input:focus {
        box-shadow: none !important;
        outline: none; }
    .pop .log input[type="submit"] {
      background: #ada074;
      display: block;
      color: #fff;
      text-transform: uppercase;
      width: 100%;
      padding: 0 10px;
      text-align: center;
      border: none !important;
      font-family: 'GothamBold',sans-serif;
      font-size: 20px;
      letter-spacing: 0.2em; }
      .pop .log input[type="submit"]:hover, .pop .log input[type="submit"]:active, .pop .log input[type="submit"]:focus, .pop .log input[type="submit"].active {
        background: #807550; }
  .pop .login img {
    width: 45px;
    height: 45px;
    vertical-align: middle; }
  .pop .login h4 {
    font-size: 20px;
    color: #fff;
    background: #9bab4c;
    display: block;
    padding: 14px 25px;
    margin: 0 -25px 25px;
    text-transform: uppercase;
    letter-spacing: 0.2em; }
  .pop .login h5 a {
    color: #000 !important;
    background: transparent !important;
    font-size: 30px !important;
    font-weight: 400;
    display: inline-block !important;
    position: absolute;
    right: 10px;
    margin-top: -55px; }
    .pop .login h5 a:hover, .pop .login h5 a:active, .pop .login h5 a:focus, .pop .login h5 a.active {
      background: transparent !important;
      text-decoration: none; }
  .pop .registrarse {
    margin-top: 30px;
    border-top: #ada074 1px solid; }
    .pop .registrarse h5 {
      color: #ada074;
      margin-top: 0px;
      padding-top: 10px;
      padding-bottom: 0;
      margin-bottom: 0; }
      .pop .registrarse h5 a {
        background: transparent !important;
        color: #ada074 !important;
        display: block !important;
        font-family: 'GothamBook',sans-serif;
        font-size: 18px !important;
        margin: 0px 10px;
        padding: 15px 0 !important;
        position: relative;
        width: 100%;
        text-align: right; }
        .pop .registrarse h5 a:hover, .pop .registrarse h5 a:active, .pop .registrarse h5 a:focus, .pop .registrarse h5 a.active {
          background: transparent !important;
          text-decoration: none;
          color: #000 !important; }

header .col-md-2 a img {
  position: absolute;
  z-index: 9999;
  transition: 1s; }
header .col-md-2 a:hover img {
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg); }
header .navbar .navbar-collapse ul.navbar-nav li, header .navbar .navbar-collapse ul.navbar-nav li.open {
  /*&:last-child{
  	a{
  		display: block;
  		&:hover,&:active{
  			background: transparent;
  			border: 2px solid #fff;
  		}
  	}
  }
  &:last-of-type.open{
  	a{
  		background: transparent;
  		border: 2px solid #fff;
  	}
  }*/ }
  header .navbar .navbar-collapse ul.navbar-nav li a, header .navbar .navbar-collapse ul.navbar-nav li.open a {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    padding: 11px 6px;
    box-shadow: none !important; }
    header .navbar .navbar-collapse ul.navbar-nav li a::before, header .navbar .navbar-collapse ul.navbar-nav li.open a::before {
      content: "";
      background: #fff;
      border-radius: 50%;
      position: absolute;
      width: 4px;
      height: 4px;
      margin-top: 8px;
      margin-left: -8px; }
    header .navbar .navbar-collapse ul.navbar-nav li a:hover, header .navbar .navbar-collapse ul.navbar-nav li a:active, header .navbar .navbar-collapse ul.navbar-nav li a:focus, header .navbar .navbar-collapse ul.navbar-nav li a.active, header .navbar .navbar-collapse ul.navbar-nav li.open a:hover, header .navbar .navbar-collapse ul.navbar-nav li.open a:active, header .navbar .navbar-collapse ul.navbar-nav li.open a:focus, header .navbar .navbar-collapse ul.navbar-nav li.open a.active {
      color: #807550;
      box-shadow: none !important;
      outline: none; }
  header .navbar .navbar-collapse ul.navbar-nav li:first-child a::before, header .navbar .navbar-collapse ul.navbar-nav li.open:first-child a::before {
    content: none; }
header .log {
  min-width: 300px;
  right: 100%;
  padding: 0px 25px 0px 25px;
  position: absolute;
  left: auto;
  right: -2px;
  top: 67px;
  background-color: rgba(255, 255, 255, 0.8); }
  header .log .form-group {
    font-size: 0; }
    header .log .form-group .checkbox-loging {
      margin-bottom: 15px; }
      header .log .form-group .checkbox-loging input[type="checkbox"] {
        width: inherit;
        height: inherit;
        visibility: hidden;
        width: 0; }
        header .log .form-group .checkbox-loging input[type="checkbox"]:checked + label::before {
          content: "\f00c"; }
      header .log .form-group .checkbox-loging #loging {
        width: 0;
        position: absolute; }
      header .log .form-group .checkbox-loging label {
        text-transform: none;
        color: #9bab4c; }
        header .log .form-group .checkbox-loging label::before {
          content: "";
          font-family: 'FontAwesome';
          border: 1px solid #9bab4c;
          height: 20px;
          width: 20px;
          display: inline-block;
          vertical-align: middle;
          margin-right: 10px;
          font-size: 19px;
          line-height: 17px; }
  header .log label {
    color: #393939;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: uppercase; }
  header .log input {
    width: calc(100% - 50px);
    border: 1px solid #9bab4c !important;
    background: rgba(255, 255, 225, 0.8);
    color: #9bab4c;
    padding: 0 10px;
    right: 0;
    font-size: 15px;
    height: 20px;
    height: 45px;
    margin: 0;
    vertical-align: middle;
    font-family: 'GothamBook',sans-serif; }
    header .log input:hover, header .log input:active, header .log input:focus {
      box-shadow: none !important;
      outline: none; }
  header .log input[type="submit"] {
    background: #ada074;
    display: block;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    padding: 0 10px;
    text-align: center;
    border: none !important;
    font-family: 'GothamBold',sans-serif;
    font-size: 20px;
    letter-spacing: 0.2em; }
    header .log input[type="submit"]:hover, header .log input[type="submit"]:active, header .log input[type="submit"]:focus, header .log input[type="submit"].active {
      background: #807550; }
header .login img {
  width: 45px;
  height: 45px;
  vertical-align: middle; }
header .login h4 {
  font-size: 20px;
  color: #fff;
  background: #9bab4c;
  display: block;
  padding: 14px 25px;
  margin: 0 -25px 25px;
  text-transform: uppercase;
  letter-spacing: 0.2em; }
header .login h5 a {
  color: #000 !important;
  background: transparent !important;
  font-size: 30px !important;
  font-weight: 400;
  display: inline-block !important;
  position: absolute;
  right: 10px;
  margin-top: -55px; }
  header .login h5 a:hover, header .login h5 a:active, header .login h5 a:focus, header .login h5 a.active {
    background: transparent !important;
    text-decoration: none; }
header .registrarse {
  margin-top: 30px;
  border-top: #ada074 1px solid; }
  header .registrarse h5 {
    color: #ada074;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0; }
    header .registrarse h5 a {
      background: transparent !important;
      color: #ada074 !important;
      display: block !important;
      font-family: 'GothamBook',sans-serif;
      font-size: 18px !important;
      margin: 0px 10px;
      padding: 15px 0 !important;
      position: relative;
      width: 100%;
      border: none !important; }
      header .registrarse h5 a:hover, header .registrarse h5 a:active, header .registrarse h5 a:focus, header .registrarse h5 a.active {
        background: transparent !important;
        text-decoration: none;
        color: #000 !important; }
header .login-container {
  position: relative;
  z-index: 100;
  background: transparent;
  box-sizing: border-box;
  margin-top: 0px;
  border-radius: 50%;
  height: 50px;
  width: 50px !important;
  margin-left: 15px;
  /*left:795px;*/
  /*right: 0px;*/
  margin-top: 5px;
  float: right; }
  header .login-container:hover::before {
    background: #9bab4c; }
  header .login-container::before {
    content: "";
    background: transparent;
    position: absolute;
    height: 109px;
    width: 55px;
    z-index: -1;
    top: -39px;
    left: -4px; }
  header .login-container::after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    position: absolute;
    left: 50%;
    top: 95%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%); }
  header .login-container > a {
    height: 50px;
    width: 50px !important;
    display: block;
    border: 2px solid white;
    position: absolute;
    top: -2px;
    left: -2px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 3; }
    header .login-container > a:hover, header .login-container > a:active, header .login-container > a:focus {
      background: none !important;
      border: 2px solid white !important;
      outline: none; }
    header .login-container > a img {
      position: absolute;
      top: 28%;
      left: 50%;
      width: 70%;
      height: auto;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%);
      z-index: 1; }
    header .login-container > a::before {
      content: none !important; }
header .shop {
  position: relative;
  z-index: 100;
  background: transparent;
  box-sizing: border-box;
  margin-top: 0px;
  border-radius: 50%;
  height: 50px;
  width: 50px !important;
  margin-top: 5px;
  float: right;
  margin-left: 15px; }
  header .shop:hover::before {
    background: #9bab4c; }
  header .shop::before {
    content: "";
    background: transparent;
    position: absolute;
    height: 109px;
    width: 55px;
    z-index: -1;
    top: -38px;
    left: -4px; }
  header .shop h6 {
    background: #9bab4c;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0;
    padding: 2px 0 0 0px;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    color: #fff; }
  header .shop:hover {
    background: #ada074; }
  header .shop a {
    height: 50px;
    width: 50px;
    display: block;
    border: 2px solid white;
    border-radius: 50%;
    position: absolute;
    top: -2px;
    left: -2px; }
    header .shop a img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 50%;
      height: auto;
      -webkit-transform: translate(-50%, -40%);
      -moz-transform: translate(-50%, -40%);
      -ms-transform: translate(-50%, -40%);
      transform: translate(-50%, -40%); }
    header .shop a::before {
      content: none !important; }
  header .shop .menu-cart {
    position: absolute;
    right: 0;
    width: 400px;
    background-color: rgba(255, 255, 255, 0.8);
    top: 70px;
    border-top: 5px solid #9bab4c;
    color: #393939;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
    header .shop .menu-cart p {
      color: #393939;
      margin: 0; }
      header .shop .menu-cart p strong {
        color: #ada074; }
    header .shop .menu-cart .items {
      padding: 15px;
      height: 246px;
      overflow-y: scroll; }
      header .shop .menu-cart .items::-webkit-scrollbar {
        width: 10px; }
      header .shop .menu-cart .items::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px; }
      header .shop .menu-cart .items::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }
    header .shop .menu-cart .process-items {
      padding: 15px 15px 0;
      font-family: 'GothamBold',sans-serif;
      text-transform: uppercase;
      font-size: 20px; }
      header .shop .menu-cart .process-items .concepto {
        float: left;
        color: #7f7f7f; }
      header .shop .menu-cart .process-items .monto {
        float: right; }
      header .shop .menu-cart .process-items .item-menu::before {
        background: none; }
      header .shop .menu-cart .process-items .item-menu button {
        width: 100%;
        height: 45px;
        background: #9bab4c;
        color: #fff;
        text-transform: uppercase;
        transition: 0.4s; }
        header .shop .menu-cart .process-items .item-menu button:hover {
          background: #7b883c; }
    header .shop .menu-cart .item-menu {
      position: relative;
      padding: 0 0 15px; }
      header .shop .menu-cart .item-menu::before {
        content: "";
        height: 1px;
        width: 100%;
        display: table;
        background: url("../images/dot-line.png") repeat-x;
        position: absolute;
        bottom: 9px; }
      header .shop .menu-cart .item-menu::after {
        content: "";
        display: table;
        clear: both; }
      header .shop .menu-cart .item-menu button {
        float: right;
        height: 25px;
        width: 18px;
        margin: 0 0 0 15px;
        padding: 0;
        background: transparent;
        border: none; }
      header .shop .menu-cart .item-menu .img-wrap {
        position: relative;
        width: 60px;
        height: 60px;
        overflow: hidden;
        float: left;
        z-index: 3;
        margin: 0 15px 5px 0; }
        header .shop .menu-cart .item-menu .img-wrap img {
          position: absolute;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          top: 50%;
          left: 50%;
          z-index: 1;
          height: 100%;
          width: auto; }

.a .a-top {
  background: url("../images/bg-a.jpg") no-repeat;
  background-size: cover;
  background-position: center top;
  padding-top: 30px;
  padding-bottom: 75px;
  background-size: cover;
  background-position: center top; }
  .a .a-top img {
    max-width: 100%;
    display: block;
    min-width: 100%; }
  .a .a-top .col-md-6.col-sm-6 {
    padding: 0 3%; }
  .a .a-top .col-md-12.col-sm-12.col-xs-6 {
    padding: 0; }
  .a .a-top .blanco {
    background: #fff;
    margin: 0px;
    height: 284px;
    font-family: 'GothamBook', sans-serif; }
    .a .a-top .blanco small {
      color: #807550;
      display: block;
      text-align: center;
      font-size: 16.75px;
      margin: 50px auto; }
    .a .a-top .blanco a {
      color: #807550;
      padding: 10px;
      border: #807550 1px solid;
      display: block;
      text-align: center;
      width: 110px;
      margin: 50px auto;
      font-size: 14px;
      text-transform: uppercase;
      transition: 0.4s; }
      .a .a-top .blanco a:hover, .a .a-top .blanco a:focus, .a .a-top .blanco a:active {
        background: #807550;
        color: #fff;
        text-decoration: none; }
    .a .a-top .blanco h6 {
      color: #27282d;
      display: block;
      text-align: center;
      font-size: 20px;
      margin: 50px auto;
      text-transform: uppercase;
      font-weight: 400;
      text-shadow: 0 0 1px #27282d; }
  .a .a-top .container h3 {
    text-align: center;
    line-height: 1.6;
    font-size: 25px;
    font-family: 'GothamBook', sans-serif;
    margin-bottom: 40px; }
    .a .a-top .container h3 strong {
      font-family: 'GothamBold', sans-serif; }
    .a .a-top .container h3::before {
      content: "";
      background: #FFF none repeat scroll 0% 0%;
      height: 2px;
      width: 100px;
      position: absolute;
      margin-top: -40px;
      left: 50%;
      margin-left: -50px; }
.a .a-bottom {
  background: #64ba97;
  text-align: center;
  font-family: "GothamBold", sans-serif;
  font-size: 18px;
  border-bottom: 3px solid #2d5645; }
  .a .a-bottom::before {
    content: "";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: 20px dashed #64ba97;
    position: absolute;
    margin-top: -20px;
    margin-left: -20%; }
  .a .a-bottom p {
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 1;
    padding: 50px 0;
    margin: 0 auto; }
  .a .a-bottom img {
    margin-right: 15px; }

.b {
  text-align: center;
  padding: 50px 0;
  border-bottom: 3px solid #a4a4a4;
  background: #fff; }
  .b p {
    color: #393939;
    font-size: 18px;
    font-family: "GothamBook", sans-serif;
    margin-top: 25px; }

footer {
  background: #27282d;
  text-align: center;
  padding: 50px 20px;
  color: #a4a4a4;
  font-family: "GothamBook", sans-serif; }
  footer a {
    color: #a4a4a4; }
  footer .diamond {
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -moz-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    border: solid 2px #a4a4a4;
    display: block;
    font-size: 14px; }
    footer .diamond h3 {
      color: #a4a4a4;
      font-size: 16px;
      padding: 15px 12px;
      margin: 0;
      text-align: center;
      display: block;
      width: 100%;
      transform: rotate(-45deg); }
  footer .social-net i {
    padding: 100px 0 0 0;
    font-size: 28px;
    margin: 0 20px;
    transition: 0.4s; }
    footer .social-net i::before {
      font-size: 28px; }
    footer .social-net i:hover {
      color: #fff !important;
      cursor: pointer; }
  footer .copy-right i {
    padding: 30px 0 0 0;
    font-size: 14px; }
    footer .copy-right i::before {
      font-size: 14px; }
  footer .copy-right p {
    margin: 0px;
    font-size: 14px; }

/* Mapa de Entrega----------------------------------*/
.mapaentrega {
  padding: 80px;
  background: #7f7f7f;
  color: #fff;
  border: 20px solid white;
  border-radius: 20px; }
  .mapaentrega h2 {
    display: block;
    margin: 0;
    color: #fff;
    font-weight: 900; }
    .mapaentrega h2::after {
      content: "";
      display: block;
      height: 2px;
      width: 80px;
      margin: 20px 0;
      background: #fff; }
  .mapaentrega img {
    max-width: 80%;
    display: block;
    margin: 0 auto; }
  .mapaentrega i.fa-times {
    float: right;
    color: #fff; }
  .mapaentrega .diasyzonas {
    text-align: right;
    margin-top: -150px; }
    .mapaentrega .diasyzonas h3 {
      margin: 0;
      font-weight: 900; }
      .mapaentrega .diasyzonas h3::after {
        content: "";
        display: block;
        height: 1px;
        width: 25px;
        margin: 15px 0 25px;
        background: #2a292e; }
    .mapaentrega .diasyzonas .row {
      width: 380px;
      max-width: 100%;
      display: inline-block;
      text-align: left; }
    .mapaentrega .diasyzonas .zones {
      display: inline-block;
      vertical-align: top;
      width: calc(50% - 4px); }
      .mapaentrega .diasyzonas .zones span {
        text-transform: uppercase;
        font-style: normal;
        color: #393939;
        letter-spacing: 0.1em;
        font-weight: 900; }
      .mapaentrega .diasyzonas .zones p {
        text-transform: uppercase;
        letter-spacing: 0.1em; }
    .mapaentrega .diasyzonas h6 {
      font-weight: 900;
      font-size: 20px;
      text-transform: uppercase;
      margin: 0; }
    .mapaentrega .diasyzonas .green {
      color: #9bab4c !important; }
    .mapaentrega .diasyzonas .gray {
      color: #938972 !important; }

/* Platos----------------------------------*/
.platos {
  background: url("../images/bg-comprar.jpg");
  background-repeat: repeat-y;
  margin-top: -140px;
  padding-top: 215px;
  padding-bottom: 0px; }
  .platos.registro .whitebox {
    padding-bottom: 75px;
    background: rgba(255, 255, 255, 0.8); }
  .platos.registro form {
    width: 90%;
    margin: 0 5%; }
  .platos.registro p {
    font-weight: 300;
    color: #393939 !important;
    margin-bottom: 5px; }
  .platos.registro input, .platos.registro select {
    display: block;
    height: 60px;
    padding: 0 10px;
    border: 1px solid #73716f;
    width: 100%;
    margin-bottom: 10px;
    background: rgba(255, 255, 255, 0.7); }
  .platos.registro label {
    font-weight: 300; }
  .platos.registro .checkbox label {
    display: inline-block;
    padding: 10px 20px 10px 0px; }
    .platos.registro .checkbox label:hover, .platos.registro .checkbox label:focus, .platos.registro .checkbox label:active {
      color: #9bab4c;
      font-family: 'GothamBold', sans-serif; }
  .platos.registro .checkbox input[type="radio"] {
    visibility: hidden;
    display: none; }
    .platos.registro .checkbox input[type="radio"]:checked + label {
      color: #9bab4c;
      font-family: 'GothamBold', sans-serif; }
  .platos.registro img {
    width: 100%; }
  .platos.registro input[type="submit"], .platos.registro input[type="reset"] {
    margin: 20px 0;
    background: #9bab4c;
    color: #fff;
    text-transform: uppercase;
    border: none;
    height: 65px;
    width: 100%;
    transition: 0.4s;
    letter-spacing: 0.3em;
    font-family: 'GothamBold', sans-serif;
    font-size: 20px; }
    .platos.registro input[type="submit"]:hover, .platos.registro input[type="submit"]:active, .platos.registro input[type="submit"]:focus, .platos.registro input[type="reset"]:hover, .platos.registro input[type="reset"]:active, .platos.registro input[type="reset"]:focus {
      background: #5b642d; }
  .platos.registro input[type="reset"] {
    margin: 20px 0;
    background: #808080; }
    .platos.registro input[type="reset"]:hover, .platos.registro input[type="reset"]:active, .platos.registro input[type="reset"]:focus {
      background: #4d4d4d; }
  .platos .cuentas {
    margin-top: 100px; }
    .platos .cuentas .btn.btn-primary {
      background: #9bab4c;
      border-radius: 0px;
      text-transform: uppercase;
      font-family: 'GothamBold',sans-serif;
      padding: 10px 35px;
      border: none;
      display: inline-block;
      margin-bottom: 15%;
      margin-top: 25px;
      letter-spacing: 0.3em;
      transition: 0.4s; }
      .platos .cuentas .btn.btn-primary:hover {
        background: #6b7634; }
    .platos .cuentas .cantidad {
      margin-bottom: 5px; }
      .platos .cuentas .cantidad:nth-child(4)::after {
        content: none; }
      .platos .cuentas .cantidad::after {
        content: "";
        background: url("../images/dot-line.png") repeat-x;
        height: 1px;
        width: 385px;
        max-width: 100%;
        display: block;
        margin-top: 5px; }
    .platos .cuentas label {
      font-size: 16px;
      color: #999;
      text-transform: uppercase;
      padding-right: 50px; }
    .platos .cuentas input {
      font-size: 16px;
      color: #999;
      background: transparent;
      border: none;
      text-transform: uppercase;
      font-weight: 700;
      height: 40px;
      padding: 0 5px;
      width: 150px;
      max-width: 100%; }
      .platos .cuentas input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        opacity: 1; }
      .platos .cuentas input::-moz-placeholder {
        /* Firefox 19+ */
        opacity: 1; }
      .platos .cuentas input:-ms-input-placeholder {
        /* IE 10+ */
        opacity: 1; }
      .platos .cuentas input:-moz-placeholder {
        /* Firefox 18- */
        opacity: 1; }
    .platos .cuentas #CodDesc {
      border: #999 2px solid;
      text-transform: none;
      font-weight: 400;
      letter-spacing: 0.04em; }
    .platos .cuentas label[for="TotalCompra"] {
      color: #3a3c3c; }
    .platos .cuentas #mount {
      color: #3a3c3c; }
  .platos .content-float::before, .platos .content-float::after {
    content: "";
    display: table; }
  .platos .content-float::after {
    clear: both; }
  .platos .whitebox {
    background: #fff;
    padding: 25px;
    margin-bottom: 35px;
    position: relative;
    overflow: hidden; }
    .platos .whitebox.p-bottom {
      padding-bottom: 15%; }
    .platos .whitebox::before, .platos .whitebox::after {
      content: "";
      display: table; }
    .platos .whitebox::after {
      clear: both; }
  .platos .platos-a {
    background: transparent;
    padding: 0px;
    color: #393939;
    padding-bottom: 170px !important; }
    .platos .platos-a .bajo_sodio {
      position: absolute;
      z-index: 0;
      right: -45px;
      top: -25px;
      opacity: 0.75; }
    .platos .platos-a .col-sm-1 {
      text-align: right; }
    .platos .platos-a .paginacion {
      text-align: right;
      margin: 0 -15px; }
      .platos .platos-a .paginacion ul li {
        background: #ada074;
        border-radius: 5px;
        width: 30px;
        height: 30px;
        display: inline-block;
        margin: 25px 2.5px;
        text-align: center;
        line-height: 2.6em;
        font-size: 12px;
        opacity: 0.6; }
        .platos .platos-a .paginacion ul li a {
          color: #fff; }
          .platos .platos-a .paginacion ul li a:hover, .platos .platos-a .paginacion ul li a:focus, .platos .platos-a .paginacion ul li a:active {
            text-decoration: none; }
        .platos .platos-a .paginacion ul li:hover, .platos .platos-a .paginacion ul li:focus, .platos .platos-a .paginacion ul li:active, .platos .platos-a .paginacion ul li.active {
          opacity: 1; }
    .platos .platos-a .modal {
      /* position: absolute;
       top: 50%;
       right: auto;
       bottom: auto;
       left: 50%;
       z-index: 1050;
       display: none;
       overflow: hidden;
       -webkit-overflow-scrolling: touch;
       outline: 0;
       transform: translate(-50%,-50%);*/ }
      .platos .platos-a .modal .modal-content {
        padding: 0px;
        margin-top: 90px;
        z-index: 999; }
        .platos .platos-a .modal .modal-content .modal-body img {
          display: block;
          margin: 0 auto; }
        .platos .platos-a .modal .modal-content .modal-body h3 {
          text-align: center;
          font-family: "GothamBold", sans-serif;
          font-size: 22px; }
          .platos .platos-a .modal .modal-content .modal-body h3 i {
            color: #64ba97;
            font-size: 16px;
            padding-bottom: 4px;
            border-bottom: 2px solid #64ba97;
            margin-right: 15px;
            margin-top: -4px; }
        .platos .platos-a .modal .modal-content .modal-body h4 {
          text-align: center;
          font-family: "GothamBook", sans-serif;
          font-size: 21px;
          margin-bottom: 30px; }
          .platos .platos-a .modal .modal-content .modal-body h4 i {
            color: #64ba97;
            font-size: 16px;
            text-decoration: none;
            margin-right: 10px; }
        .platos .platos-a .modal .modal-content .modal-body p {
          text-align: center;
          font-family: "GothamBook", sans-serif;
          font-size: 13px;
          color: #64ba97; }
        .platos .platos-a .modal .modal-content .modal-body a {
          text-align: center;
          font-family: "GothamBook", sans-serif;
          display: block;
          font-size: 40px;
          color: #393939;
          text-decoration: none; }
    .platos .platos-a h2 {
      font-size: 25px;
      padding-bottom: 35px;
      text-shadow: 0 0 1px #393939;
      letter-spacing: 0.25em;
      font-weight: 900; }
      .platos .platos-a h2::after {
        content: "";
        width: 60px;
        height: 2px;
        background: #807550;
        margin-top: 15px;
        display: block; }
    .platos .platos-a p {
      color: #807550;
      font-size: 16px;
      font-family: "GothamBook", sans-serif; }
    .platos .platos-a .iconos {
      text-align: center;
      margin: 30px 0 50px; }
      .platos .platos-a .iconos img {
        margin: 0 0.5% 15px 0.5%;
        width: 9.5%;
        cursor: pointer;
        -webkit-filter: grayscale(100%);
        /* Chrome, Safari, Opera */
        -moz-filter: grayscale(100%);
        /* Chrome, Safari, Opera */
        filter: grayscale(100%);
        transition: 0.4s; }
        .platos .platos-a .iconos img.active {
          -webkit-filter: grayscale(0%);
          /* Chrome, Safari, Opera */
          -moz-filter: grayscale(0%);
          /* Chrome, Safari, Opera */
          filter: grayscale(0%); }
        .platos .platos-a .iconos img:hover {
          -webkit-filter: grayscale(0%);
          /* Chrome, Safari, Opera */
          -moz-filter: grayscale(0%);
          /* Chrome, Safari, Opera */
          filter: grayscale(0%); }
    .platos .platos-a .content-img {
      border-radius: 50%;
      max-width: 100px;
      height: 100px;
      overflow: hidden;
      margin: 0 auto; }
      .platos .platos-a .content-img img {
        min-width: 100%;
        height: 100px; }
    .platos .platos-a .top-description {
      text-align: center; }
      .platos .platos-a .top-description h4 {
        font-size: 20px; }
      .platos .platos-a .top-description .col-md-offset-1, .platos .platos-a .top-description .col-md-7, .platos .platos-a .top-description .col-md-6 {
        text-align: left; }
    .platos .platos-a .platos-content {
      background: #b0bb6f;
      padding: 7.5px 0 6px;
      margin-top: 15px;
      border: none; }
      .platos .platos-a .platos-content:nth-child(even) {
        background: #c2ba9f; }
      .platos .platos-a .platos-content::before {
        content: "";
        height: 1px;
        width: 100%;
        display: block;
        background: url("../images/dot-line.png") repeat-x;
        position: absolute;
        top: -8px; }
      .platos .platos-a .platos-content span.glyphicon-remove {
        top: 5px; }
      .platos .platos-a .platos-content:first-of-type {
        margin-top: 0px; }
      .platos .platos-a .platos-content h4 {
        font-size: 18px;
        color: #000;
        margin: 0;
        line-height: 1.8em;
        text-transform: none; }
      .platos .platos-a .platos-content p {
        color: #000;
        font-size: 14px; }
      .platos .platos-a .platos-content a {
        color: #000;
        opacity: 1;
        transition: 0.3s;
        position: relative;
        top: 0px;
        right: -10px;
        left: auto;
        font-size: 18px; }
        .platos .platos-a .platos-content a:hover, .platos .platos-a .platos-content a:active, .platos .platos-a .platos-content a:focus {
          opacity: 1;
          text-decoration: none; }
      .platos .platos-a .platos-content .cantidad {
        font-family: "GothamBook", sans-serif; }
        .platos .platos-a .platos-content .cantidad input {
          width: calc(100% - 70px);
          margin: 0;
          height: 30px;
          vertical-align: middle;
          border: 1px solid rgba(173, 160, 116, 0.2);
          text-align: center; }
        .platos .platos-a .platos-content .cantidad button {
          width: 30px;
          height: 30px;
          padding: 0;
          vertical-align: middle; }
          .platos .platos-a .platos-content .cantidad button.botonmasmenos {
            background: transparent;
            color: #000; }
        .platos .platos-a .platos-content .cantidad p {
          color: #4d4d4d;
          font-size: 18px;
          text-align: center;
          font-family: "GothamBook", sans-serif;
          margin: 0;
          line-height: 1.8em; }
        .platos .platos-a .platos-content .cantidad.precio p {
          color: #4d4d4d;
          font-size: 18px;
          text-align: center;
          font-family: "GothamBook", sans-serif;
          margin: 0;
          line-height: 1.8em; }
          .platos .platos-a .platos-content .cantidad.precio p::before {
            content: "$"; }
    .platos .platos-a .col-md-12.collapse, .platos .platos-a .col-md-12.collapse.in {
      padding: 0; }
    .platos .platos-a .interno {
      background: #3f765f;
      padding: 45px 0 40px 0;
      float: left; }
      .platos .platos-a .interno p {
        color: #fff;
        vertical-align: middle;
        font-size: 14px; }
      .platos .platos-a .interno ul {
        color: #a4a4a4; }
        .platos .platos-a .interno ul li {
          list-style-type: none;
          font-style: italic; }
          .platos .platos-a .interno ul li::before {
            content: "";
            position: absolute;
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            border-left: solid 8px #2d5645;
            width: 0;
            height: 0;
            margin-left: -15px;
            margin-top: 7.5px; }
      .platos .platos-a .interno .col-sm-2.text-center img {
        margin-left: 5px; }
      .platos .platos-a .interno .col-sm-1 .cerrar {
        border: 1px solid #FFF;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        text-align: center;
        box-sizing: border-box;
        padding-top: 4px;
        position: absolute;
        top: -35px;
        right: 10px; }
        .platos .platos-a .interno .col-sm-1 .cerrar:hover, .platos .platos-a .interno .col-sm-1 .cerrar:focus, .platos .platos-a .interno .col-sm-1 .cerrar:active {
          background: #fff; }
          .platos .platos-a .interno .col-sm-1 .cerrar:hover a, .platos .platos-a .interno .col-sm-1 .cerrar:focus a, .platos .platos-a .interno .col-sm-1 .cerrar:active a {
            text-decoration: none;
            color: #2d5645; }
      .platos .platos-a .interno .col-sm-1 a {
        color: #FFF;
        font-size: 30px;
        line-height: 0;
        text-decoration: none !important; }
    .platos .platos-a .descripcion {
      padding: 0; }
      .platos .platos-a .descripcion .col-sm-1 {
        background: #ada074;
        border-left: 1px #807550 solid;
        padding: 10px 10px 2.5px 10px;
        margin-top: -37px;
        position: absolute; }
        .platos .platos-a .descripcion .col-sm-1 p {
          color: #fff;
          font-family: "GothamBook", sans-serif;
          font-weight: 300;
          font-size: 14px;
          line-height: 0.6em; }
      .platos .platos-a .descripcion div:first-child {
        border: none; }
    .platos .platos-a .descuento {
      background: #c8d7d4;
      padding: 25px;
      margin-top: 20px;
      text-transform: uppercase;
      text-align: center; }
      .platos .platos-a .descuento p {
        font-family: "GothamBook", sans-serif;
        font-size: 18px;
        color: #050505; }
    .platos .platos-a p small {
      color: #838383;
      font-size: 13px;
      font-family: "GothamBook", sans-serif;
      margin-top: 5px;
      letter-spacing: 0.09em; }

span.label {
  color: #ada074;
  display: inline-block;
  font-size: 16px;
  padding: 0 0 0 0;
  font-family: 'GothamBold', sans-serif; }
  span.label.gr {
    color: #ada074; }
  span.label.bc {
    color: #c2ba9f; }

.btn.botonmasmenos {
  border: none;
  background: #ada074;
  color: #fff;
  opacity: 0.6;
  transition: 0.4s; }
  .btn.botonmasmenos:hover {
    opacity: 1; }

.sin_tacc {
  position: absolute;
  top: 10%;
  right: 10%;
  border-radius: 50%;
  overflow: hidden;
  height: 50px;
  width: 50px;
  background: #fff;
  z-index: 5;
  transition: 0.4s;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
  .sin_tacc img {
    max-width: 90%;
    max-height: 90%;
    margin-left: 5%;
    margin-top: 2.5px; }

#PlatosZone h3 {
  font-weight: 900;
  font-size: 20px; }
#PlatosZone::before, #PlatosZone::after {
  content: " ";
  display: table; }
#PlatosZone::after {
  clear: both; }
#PlatosZone .row.bottom {
  position: absolute;
  bottom: 15px;
  margin: 0;
  left: 0;
  width: 100%; }
  #PlatosZone .row.bottom .col-xs-6 {
    padding: 0 0 0 15px; }
#PlatosZone .precio {
  display: inline-block;
  font-weight: 700; }
  #PlatosZone .precio.gr {
    color: #ada074; }
  #PlatosZone .precio.bc {
    color: #c2ba9f; }
  #PlatosZone .precio::before {
    content: "$";
    display: inline-block; }
#PlatosZone .cantidad {
  display: inline-block; }
  #PlatosZone .cantidad input {
    width: calc(100% - 70px);
    margin: 0;
    height: 30px;
    vertical-align: middle;
    border: 1px solid rgba(173, 160, 116, 0.2); }
  #PlatosZone .cantidad button {
    width: 25px;
    height: 25px;
    padding: 0;
    vertical-align: middle; }
#PlatosZone .img-wrap {
  height: auto;
  width: 80%;
  padding-bottom: 80%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 3;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  margin: 0 auto; }
  #PlatosZone .img-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%; }
#PlatosZone .gradient {
  position: relative;
  z-index: 2;
  padding: 0 15px 15px;
  margin-bottom: 25px; }
  #PlatosZone .gradient:hover {
    z-index: 999; }
  #PlatosZone .gradient::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #fff;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 23%, #fff 98%, #fff 100%);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 23%, #fff 98%, #fff 100%);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 23%, #fff 98%, #fff 100%);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 23%, #fff 98%, #fff 100%);
    /* Standard syntax (must be last) */ }
#PlatosZone .tooltip-container .tooltip-platos {
  display: none;
  position: fixed;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  padding: 15px;
  width: 350px;
  max-width: 100%;
  z-index: 9999999; }
#PlatosZone .tooltip-container:hover {
  z-index: 9999 !important; }
#PlatosZone .tooltip-container:hover .tooltip-platos {
  display: block; }
#PlatosZone .tooltip-container:hover + .sin_tacc {
  opacity: 0; }

.promos .promoimg {
  padding-left: calc(4% - 15px);
  margin-top: -205px !important;
  margin-bottom: 100px !important; }
  .promos .promoimg p {
    text-align: left;
    margin: 25px; }
  .promos .promoimg img {
    position: relative;
    margin-left: -3.5%;
    width: 15.5%; }
    .promos .promoimg img:nth-child(1) {
      z-index: 1; }
    .promos .promoimg img:nth-child(2) {
      z-index: 3; }
    .promos .promoimg img:nth-child(3) {
      z-index: 2;
      top: 50px; }
    .promos .promoimg img:nth-child(4) {
      z-index: 1; }
    .promos .promoimg img:nth-child(5) {
      z-index: 4; }
    .promos .promoimg img:nth-child(6) {
      z-index: 3; }
    .promos .promoimg img:nth-child(7) {
      z-index: 2;
      top: 20px; }
    .promos .promoimg img:nth-child(8) {
      z-index: 1; }

.observaciones {
  margin-top: 25px;
  margin-bottom: 50px;
  padding: 0; }
  .observaciones label {
    display: block;
    font-weight: 400;
    color: #7f7f7f; }
  .observaciones textarea {
    width: 100%;
    resize: none;
    border: 1px solid #7f7f7f;
    color: #7f7f7f; }

.sidebar {
  margin-top: 25px;
  float: left;
  width: 100%; }
  .sidebar::before, .sidebar::after {
    content: "";
    display: table; }
  .sidebar::after {
    clear: both; }
  .sidebar .btn-1 {
    border: none;
    font-size: 18px;
    height: 35px; }
  .sidebar label {
    font-weight: 400;
    display: block;
    color: #000;
    margin-top: 15px; }
  .sidebar input {
    margin-right: 15px;
    height: 35px;
    border: 1px solid #808080;
    width: 100%; }
  .sidebar select {
    height: 35px;
    border: 1px solid #808080;
    width: 48%; }

.btn-1 {
  display: inline-block;
  font-size: 13px;
  background: #9bab4c;
  color: #fff;
  padding: 2.5px 10px;
  transition: 0.4s; }
  .btn-1:hover, .btn-1:active, .btn-1:focus {
    color: #fff;
    text-decoration: none;
    background: #6b7634; }

.container-pedidos {
  cursor: help; }

.container-pedidos .tooltip-pedidos {
  display: none; }
  .container-pedidos .tooltip-pedidos .img-wrap {
    float: left;
    width: 200px;
    height: auto;
    position: relative;
    overflow: hidden;
    z-index: 3;
    padding-bottom: 30%;
    margin: 0 15px 5px 0; }
    .container-pedidos .tooltip-pedidos .img-wrap img {
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      height: 100%;
      width: auto; }

.container-pedidos:hover {
  z-index: 9999 !important; }

.container-pedidos:hover .tooltip-pedidos {
  display: block;
  position: fixed;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  padding: 15px;
  width: 500px;
  max-width: 90%;
  z-index: 9999999;
  text-align: left; }
  .container-pedidos:hover .tooltip-pedidos p {
    text-align: left !important; }

/* Como Comprar--------------------------------------*/
.platos.comprar {
  background: url("../images/bg-comprar.jpg");
  background-repeat: repeat-y; }
  .platos.comprar .col-md-3 {
    padding-left: 0; }
  .platos.comprar h2 {
    color: #fff;
    text-shadow: none;
    font-size: 27px;
    font-weight: 900; }
    .platos.comprar h2::after {
      background: #fff; }
  .platos.comprar .platos-a {
    font-family: "GothamBook",sans-serif !important; }
    .platos.comprar .platos-a h4 {
      color: #ada074;
      font-size: 16px;
      margin: 20px 0 35px 0;
      text-transform: uppercase; }
    .platos.comprar .platos-a h6 {
      text-transform: uppercase; }
    .platos.comprar .platos-a p {
      font-size: 12.3px;
      color: #393939; }
      .platos.comprar .platos-a p small {
        font-size: 11px;
        text-align: center;
        display: block; }
      .platos.comprar .platos-a p a {
        color: #ada074;
        text-decoration: underline; }
      .platos.comprar .platos-a p span {
        color: #ada074;
        font-style: italic; }
        .platos.comprar .platos-a p span.italic {
          font-style: italic;
          color: #393939; }
    .platos.comprar .platos-a .especial {
      border: 1px solid #ada074;
      background: #fff;
      padding: 10px; }
    .platos.comprar .platos-a .col-md-12 {
      margin: 25px 0; }
      .platos.comprar .platos-a .col-md-12 .col-sm-11 p {
        line-height: 2; }
    .platos.comprar .platos-a .como-box {
      background: rgba(255, 255, 255, 0.8);
      padding: 15px;
      margin-top: 75px; }
      .platos.comprar .platos-a .como-box .img-top {
        margin-top: -75px;
        margin-bottom: 0;
        border-radius: 50%;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); }
      .platos.comprar .platos-a .como-box h4 {
        font-size: 30px;
        font-weight: 900;
        color: #ada074; }
        .platos.comprar .platos-a .como-box h4::after {
          content: "";
          background: #ada074;
          width: 25px;
          height: 5px;
          display: block;
          margin: 18px 0 20px; }
      .platos.comprar .platos-a .como-box p, .platos.comprar .platos-a .como-box strong, .platos.comprar .platos-a .como-box h5, .platos.comprar .platos-a .como-box h6, .platos.comprar .platos-a .como-box span {
        line-height: 20px;
        margin: 0;
        font-size: 13px; }
      .platos.comprar .platos-a .como-box strong {
        font-weight: 900;
        text-transform: uppercase; }
      .platos.comprar .platos-a .como-box span.extraspace {
        text-transform: uppercase;
        font-style: normal;
        color: #393939;
        letter-spacing: 0.2em; }
      .platos.comprar .platos-a .como-box h5, .platos.comprar .platos-a .como-box .h5 {
        font-size: 18px;
        font-weight: 900;
        font-style: normal;
        text-transform: uppercase; }
      .platos.comprar .platos-a .como-box h6, .platos.comprar .platos-a .como-box .h6 {
        font-size: 16.25px;
        font-weight: 900;
        font-style: normal;
        text-transform: uppercase; }
      .platos.comprar .platos-a .como-box img {
        margin-bottom: 10px; }
      .platos.comprar .platos-a .como-box .zones {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 4px); }
        .platos.comprar .platos-a .como-box .zones span {
          text-transform: uppercase;
          font-style: normal;
          color: #393939;
          letter-spacing: 0.1em; }
      .platos.comprar .platos-a .como-box .green {
        color: #9bab4c !important; }
      .platos.comprar .platos-a .como-box .gray {
        color: #938972 !important; }
      .platos.comprar .platos-a .como-box .underline {
        text-transform: uppercase;
        text-decoration: underline;
        color: #393939;
        display: block;
        font-size: 15.25px; }

.platos.comprar.faq .platos-a {
  font-family: "GothamBook",sans-serif !important; }
  .platos.comprar.faq .platos-a img {
    float: right;
    margin-top: -100px; }
  .platos.comprar.faq .platos-a .content-faq {
    margin: 50px 0; }
    .platos.comprar.faq .platos-a .content-faq:first-child {
      margin-top: 0; }
    .platos.comprar.faq .platos-a .content-faq h4 {
      color: #ada074;
      font-size: 25px;
      margin: 10px 0 10px 0;
      text-transform: initial;
      line-height: 2; }
    .platos.comprar.faq .platos-a .content-faq p {
      font-size: 16px;
      color: #393939;
      line-height: 2;
      color: #575656; }

/* Contacto----------------------------------*/
.contacto {
  background: url("../images/bg-a.jpg");
  background-size: cover;
  background-position: center top;
  padding-top: 0px;
  padding-bottom: 50px;
  color: #393939;
  font-family: "GothamBook", sans-serif !important; }
  .contacto img {
    display: block;
    text-align: center;
    margin: 0 auto; }
  .contacto .content-contact {
    background: #fff;
    padding: 10px;
    margin-top: 75px; }
    .contacto .content-contact .line {
      border: solid 1px #ada074; }
    .contacto .content-contact h4 {
      font-size: 22px;
      padding-bottom: 50px;
      text-shadow: 0 0 1px #393939;
      letter-spacing: 0.25em;
      text-align: center;
      display: block;
      margin-top: 25px;
      font-family: "GothamBold", sans-serif !important; }
      .contacto .content-contact h4::before {
        content: "";
        width: 60px;
        height: 2px;
        background: #807550;
        position: absolute;
        margin-top: 40px;
        left: 50%;
        margin-left: -30px; }
    .contacto .content-contact label {
      font-size: 13.2px;
      margin-bottom: 20px;
      text-transform: uppercase; }
    .contacto .content-contact input, .contacto .content-contact textarea {
      background: #e8e8e8;
      border: none;
      border-top: 1px solid #000;
      width: 100%;
      height: 30px;
      padding: 0 5px; }
      .contacto .content-contact input:hover, .contacto .content-contact input:focus, .contacto .content-contact input:active, .contacto .content-contact textarea:hover, .contacto .content-contact textarea:focus, .contacto .content-contact textarea:active {
        box-shadow: none;
        outline: none; }
    .contacto .content-contact input {
      margin-bottom: 70px; }
    .contacto .content-contact textarea {
      resize: none;
      display: block;
      height: 110px; }
    .contacto .content-contact input[type="submit"] {
      background: transparent;
      color: #64ba97;
      text-align: right;
      border: none;
      margin-top: 20px;
      margin-bottom: 35px;
      text-transform: uppercase; }
      .contacto .content-contact input[type="submit"]:hover, .contacto .content-contact input[type="submit"]:focus, .contacto .content-contact input[type="submit"]:active {
        color: #000; }
    .contacto .content-contact p {
      margin-bottom: 40px;
      font-size: 13.22px; }
      .contacto .content-contact p span {
        font-weight: bold; }
    .contacto .content-contact a {
      color: #000;
      transition: 0.3s; }
      .contacto .content-contact a i {
        font-size: 22px;
        margin: 0 10px; }
      .contacto .content-contact a:first-child i {
        margin-left: 0; }
      .contacto .content-contact a:hover, .contacto .content-contact a:focus, .contacto .content-contact a:active {
        color: #ada074; }

/* Quienes Somos----------------------------------*/
.somos {
  background: #fff;
  margin-top: -95px;
  padding-top: 250px;
  padding-bottom: 75px;
  color: #393939;
  font-family: "GothamBook", sans-serif; }
  .somos img {
    display: block;
    margin: 0 auto; }
  .somos h2 {
    font-size: 25px;
    padding-bottom: 50px;
    text-shadow: 0 0 1px #393939;
    letter-spacing: 0.25em;
    display: block;
    text-align: center; }
    .somos h2::before {
      content: "";
      width: 60px;
      height: 2px;
      background: #807550;
      position: absolute;
      margin-top: 40px;
      left: 50%;
      margin-left: -30px; }
  .somos p {
    font-size: 21px;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    font-weight: 300; }

.ingredientes {
  background: url("../images/bg-somos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; }
  .ingredientes .col-sm-6 .content-ingredientes {
    background: rgba(0, 0, 0, 0.7);
    padding: 50px;
    margin: 100px 0;
    color: #fff;
    font-family: "GothamBook",sans-serif !important; }
    .ingredientes .col-sm-6 .content-ingredientes h4 {
      font-size: 24px;
      padding-bottom: 50px;
      text-shadow: 0 0 1px #fff;
      display: block;
      text-align: center; }
      .ingredientes .col-sm-6 .content-ingredientes h4::before {
        content: "";
        width: 40px;
        height: 2px;
        background: #fff;
        position: absolute;
        margin-top: 40px;
        left: 50%;
        margin-left: -20px; }
    .ingredientes .col-sm-6 .content-ingredientes p {
      font-size: 15.6px;
      font-weight: 300;
      line-height: 1.6;
      text-align: center; }
    .ingredientes .col-sm-6 .content-ingredientes .content-img {
      display: block;
      text-align: center;
      margin-top: 75px; }
      .ingredientes .col-sm-6 .content-ingredientes .content-img .each {
        border-radius: 50%;
        overflow: hidden;
        width: 100px;
        height: 100px;
        border: 6px solid rgba(255, 255, 255, 0.1);
        display: inline-block;
        margin-left: 30px; }
        .ingredientes .col-sm-6 .content-ingredientes .content-img .each img {
          height: 100px;
          max-width: 100%; }
        .ingredientes .col-sm-6 .content-ingredientes .content-img .each:first-child {
          margin-left: 0; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1; }

.platos.faq .platos-a {
  padding-bottom: 0px !important; }
.platos.faq .whitebox {
  margin-bottom: 0;
  padding-bottom: 75px; }
.platos.faq h4 {
  font-size: 23px;
  color: #ada074;
  font-weight: 900; }
.platos.faq p {
  color: #393939;
  font-size: 16.5px; }
.platos.faq strong {
  text-transform: uppercase;
  font-weight: 900; }
.platos.faq a.btn-2 {
  color: #9bab4c;
  text-transform: uppercase;
  font-size: 16.5px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  transition: 0.4s; }
  .platos.faq a.btn-2 i {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -7px; }
  .platos.faq a.btn-2:hover {
    text-decoration: none; }
    .platos.faq a.btn-2:hover::after {
      background: transparent; }
  .platos.faq a.btn-2::after {
    content: "";
    background: #9bab4c;
    height: 1px;
    width: 100%;
    display: block;
    transition: 0.4s; }
.platos.faq .content-faq {
  margin-bottom: 55px; }
  .platos.faq .content-faq p {
    font-size: 16.5px; }
  .platos.faq .content-faq::before, .platos.faq .content-faq::after {
    content: "";
    display: table; }
  .platos.faq .content-faq::after {
    clear: both; }
  .platos.faq .content-faq img {
    width: 70px;
    height: auto;
    margin: 0 0 15px; }
.platos.faq .consumo {
  background: #9bab4c;
  padding: 30px; }
  .platos.faq .consumo::before, .platos.faq .consumo::after {
    content: "";
    display: table; }
  .platos.faq .consumo::after {
    clear: both; }
  .platos.faq .consumo h2 {
    margin: 0;
    padding: 0; }
    .platos.faq .consumo h2::after {
      content: none; }
  .platos.faq .consumo p {
    font-size: 22px; }
  .platos.faq .consumo img {
    width: 97px;
    height: 97px;
    margin-bottom: 20px; }

.float-gap {
  float: left;
  width: 100%;
  padding-top: 50px; }

/* Media queries----------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  header .navbar .navbar-collapse ul.navbar-nav li a {
    font-size: 12px;
    padding: 10px 10px; }
    header .navbar .navbar-collapse ul.navbar-nav li a::before {
      margin-left: -13px; }

  .a .a-top .blanco {
    height: 220px; }

  .a .a-top .blanco a, .a .a-top .blanco h6, .a .a-top .blanco small {
    margin: 30px auto; }

  .ingredientes .col-sm-6 .content-ingredientes .content-img .each:first-child {
    margin-left: 30px; }

  .ingredientes .col-sm-6 .content-ingredientes .content-img {
    margin-left: -30px; }

  .platos .platos-a .platos-content .cantidad input {
    width: 54px; }

  .ingredientes .col-sm-6 .content-ingredientes .content-img .each {
    width: 90px;
    height: 90px; }

  .platos.faq .consumo {
    padding: 30px 0; }

  #PlatosZone .row.bottom .col-xs-6 {
    padding: 0 0 0 10px; }

  #PlatosZone .row.bottom {
    bottom: 5px; }

  .mapaentrega .diasyzonas .row {
    width: 300px;
    max-width: 100%;
    display: inline-block;
    text-align: left;
    margin-top: 20px; }

  .mapaentrega .diasyzonas .zones {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 0px); } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ingredientes .col-sm-offset-6 {
    margin-left: 15%; }
  .ingredientes .col-sm-6 {
    width: 70%; }

  .platos .platos-a .platos-content .col-sm-10 p {
    padding-bottom: 20px; }

  .comprar .platos-a .col-sm-6 {
    min-height: 520px;
    display: block;
    position: relative; }
    .comprar .platos-a .col-sm-6:nth-child(4), .comprar .platos-a .col-sm-6:nth-child(5) {
      min-height: 375px; }

  .logo img {
    max-width: 155%; }

  .a .a-top {
    margin-top: -140px; }

  .a .a-top .blanco {
    height: 170px; }

  .a .a-top .blanco a, .a .a-top .blanco h6, .a .a-top .blanco small {
    margin: 13px auto; }

  .platos .platos-a .content-img {
    height: 85px; }

  .platos .platos-a .platos-content {
    background: #b0bb6f;
    padding: 0px; }

  .platos .platos-a .platos-content .cantidad button {
    height: 1px; }

  .platos {
    margin-top: -140px;
    padding-top: 260px; }

  .ingredientes .col-sm-6 .content-ingredientes .content-img .each:first-child {
    margin-left: 30px; }

  .ingredientes .col-sm-6 .content-ingredientes .content-img {
    margin-left: -30px; }

  .ingredientes .col-sm-6 .content-ingredientes .content-img .each {
    margin-top: 25px; }

  .ingredientes .col-sm-6 .content-ingredientes h4 {
    font-size: 20px; }

  .navbar-header {
    display: block;
    height: 35px;
    width: 55px;
    float: right;
    margin-top: 10px; }

  .navbar {
    margin-bottom: 5px; }

  .collapse {
    display: none; }
    .collapse.in .navbar-nav {
      display: block; }

  .navbar-toggle {
    display: block; }

  .navbar-collapse {
    visibility: none;
    height: auto;
    display: block; }

  .navbar-nav {
    display: none; }

  .navbar-nav {
    margin: 7.5px 0px 7.5px 15px;
    width: 100%;
    overflow-x: hidden; }

  header .navbar .navbar-collapse ul.navbar-nav li a {
    display: block;
    width: 100%; }

  .navbar-default .navbar-collapse {
    width: 100%; }

  .navbar-default {
    display: block;
    width: 100%;
    text-align: right; }

  header .navbar .navbar-collapse ul.navbar-nav li a::before {
    content: none; }

  .navbar-nav .open .dropdown-menu {
    background: #fff;
    width: 100%; }

  .navbar-default .navbar-toggle {
    border-color: transparent;
    border: none;
    transition: 0.4s; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active {
      background: transparent; }
      .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:active .icon-bar {
        background: #fff; }

  .nav > li {
    position: relative;
    display: block;
    width: 100%; }

  header .shop {
    position: relative;
    margin-top: 10px;
    margin-left: auto;
    margin-right: 20px;
    width: 50px;
    float: right; }

  .navbar-nav .open .dropdown-menu {
    background: #FFF none repeat scroll 0% 0%;
    width: 100%;
    position: static;
    float: none;
    margin-top: 0px; }

  .platos .platos-a .platos-content .cantidad input {
    width: 70px;
    display: inline-block;
    margin: 0; }

  header .login-container {
    margin-left: auto;
    margin-top: 10px;
    margin-right: 20px;
    width: 50px;
    float: right; }

  header .log {
    position: absolute !important;
    left: auto !important;
    right: 0px !important; }

  header .login-container::before {
    content: none; }

  .platos .platos-a .platos-content {
    text-align: center; }

  .col-md-1.cantidad {
    text-align: left; }

  .container-pedidos:hover .tooltip-pedidos {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    max-height: 600px; }

  .platos .platos-a .top-description .col-md-offset-1, .platos .platos-a .top-description .col-md-7, .platos .platos-a .top-description .col-md-6 {
    text-align: center; }

  .platos.comprar .col-md-3 {
    padding-left: 15px; }

  .platos .platos-a .modal .modal-content {
    padding: 0px;
    margin-top: 95px;
    z-index: 999; }

  .mapaentrega .diasyzonas .row {
    width: 355px;
    max-width: 100%;
    display: inline-block;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 20px; }

  .mapaentrega .diasyzonas {
    text-align: center;
    margin-top: 0px; }

  .platos.faq .consumo {
    padding: 30px 0; }

  .sidebar label {
    font-size: 13px; }

  .pop {
    left: 15%; } }
@media only screen and (max-width: 767px) {
  .sidebar {
    float: none; }

  .platos.faq {
    text-align: center; }
    .platos.faq h2::after {
      margin: 20px auto 20px; }

  header {
    padding-bottom: 15px; }

  .mapaentrega .diasyzonas h3::after {
    margin: 15px auto 25px; }

  .mapaentrega .diasyzonas .row {
    width: 355px;
    max-width: 100%;
    display: inline-block;
    text-align: center; }

  .mapaentrega .diasyzonas {
    text-align: center;
    margin-top: 15px; }

  .platos.comprar .platos-a .como-box {
    text-align: center;
    height: auto !important;
    padding-bottom: 45px; }
    .platos.comprar .platos-a .como-box h4::after {
      left: 50%;
      margin-left: -12.5px;
      position: relative; }

  .platos.comprar .col-md-3 {
    padding-left: 15px; }

  .platos.comprar h2 {
    padding: 20px 15px 50px; }

  .platos.comprar h2::after {
    background: #fff;
    margin-left: 63px; }

  .platos .platos-a .top-description .col-md-offset-1, .platos .platos-a .top-description .col-md-7, .platos .platos-a .top-description .col-md-6 {
    text-align: center; }

  .container-pedidos:hover .tooltip-pedidos {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    max-height: 400px; }

  .platos .platos-a .modal .modal-content {
    padding: 0;
    margin-top: 86px;
    z-index: 999; }

  .platos .platos-a .platos-content {
    text-align: center;
    padding: 0px; }

  .col-md-1.cantidad {
    text-align: left;
    position: absolute;
    bottom: 0;
    top: 12px; }

  #PlatosZone .tooltip-container:hover .tooltip-platos {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

  .navbar-nav {
    margin: 7.5px 0px 7.5px 15px;
    display: block;
    width: 100%;
    overflow-x: hidden; }

  header .navbar .navbar-collapse ul.navbar-nav li a {
    display: block;
    width: 100%; }

  .navbar-default .navbar-collapse {
    width: 100%; }

  .navbar-default {
    display: block;
    width: 100%;
    text-align: right; }

  .navbar-header {
    display: block;
    height: 35px;
    width: 55px;
    float: right; }

  .navbar {
    margin-bottom: 5px; }

  header .navbar .navbar-collapse ul.navbar-nav li a::before {
    content: none; }

  .navbar-nav .open .dropdown-menu {
    background: #fff;
    width: 100%; }

  .navbar-default .navbar-toggle {
    border-color: transparent;
    border: none;
    transition: 0.4s; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active {
      background: transparent; }
      .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:active .icon-bar {
        background: #fff; }

  .a .a-top .col-md-12.col-sm-12.col-xs-6 {
    margin-bottom: 15px; }

  .a .a-top .blanco {
    height: auto;
    width: 50%; }
    .a .a-top .blanco::before {
      padding-top: 80%;
      display: block;
      content: ""; }

  .a-top .col-md-4.col-sm-4:before {
    display: block;
    content: ""; }

  .a .a-top .blanco a {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 85%;
    transform: translate(-50%, -85%);
    display: block;
    width: 150px;
    height: 15%;
    padding: 10px; }

  .a .a-top .blanco h6 {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 90%; }

  .a .a-top .blanco small {
    margin: 0;
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -25%);
    display: block;
    width: 90%; }

  header .shop {
    position: relative;
    margin-top: 0px;
    margin-left: auto;
    margin-right: 20px; }

  header .login-container {
    margin-left: auto;
    margin-top: 0px;
    margin-right: 20px; }

  header .log {
    min-width: 245px;
    right: 0;
    left: auto;
    position: absolute !important; }

  .a .a-top {
    margin-top: -401px;
    padding-top: 551px;
    background: url("../images/bg-a-mobile.jpg"); }

  .header .navbar .navbar-collapse ul.navbar-nav li .log {
    position: relative; }

  .a .a-bottom p {
    padding: 20px 0px 50px 0; }

  .a .a-bottom img {
    display: block;
    margin: 25px auto 0px; }

  .platos .platos-a .platos-content h4 {
    font-size: 18px;
    color: #2D5645;
    text-align: center;
    line-height: 1.6; }

  .platos .platos-a .platos-content .cantidad p {
    text-align: center;
    line-height: 0.8em; }

  .sidebar .btn-1 {
    width: 105%; }

  .platos .platos-a .interno {
    float: none; }

  .platos .platos-a .interno .col-sm-1 .cerrar {
    top: 0; }

  .platos {
    margin-top: -355px;
    padding-top: 465px; }

  .platos .platos-a .interno p {
    margin-top: 15px; }

  .platos .platos-a .paginacion {
    text-align: center; }

  .platos.comprar.faq .platos-a img {
    margin-top: -120px;
    transform: scale(0.8);
    margin-right: -15px; }

  .contacto .content-contact input {
    margin-bottom: 35px; }

  .contacto .content-contact {
    padding: 25px; }

  .contacto .content-contact p {
    display: block;
    text-align: center;
    margin-bottom: 25px; }

  .contacto .social-net-contacto {
    display: block;
    text-align: center; }

  .ingredientes .col-sm-6 .content-ingredientes .content-img .each:first-child {
    margin-left: 30px; }

  .ingredientes .col-sm-6 .content-ingredientes .content-img {
    margin-left: -30px; }

  .ingredientes .col-sm-6 .content-ingredientes .content-img .each {
    margin-top: 25px; }

  .platos.comprar .platos-a img {
    display: block;
    margin: 0 auto; }

  .platos.comprar .platos-a .col-md-3.col-sm-6 {
    margin-top: 45px; }

  .platos.comprar .platos-a .col-md-12 {
    margin-top: 70px; }
    .platos.comprar .platos-a .col-md-12 img {
      margin-bottom: 25px; }

  header .registrarse h5 {
    right: 30px; }

  header .login-container::before {
    content: none; }

  .platos .platos-a .platos-content .cantidad input {
    width: 70px;
    display: inline-block;
    margin: 0; }

  .somos p {
    font-size: 19px; }

  .platos .platos-a .iconos img {
    margin: 0 15px 15px 10px;
    width: 16%; }

  .promos .promoimg img {
    width: 23.5%; }

  #PlatosZone .gradient {
    height: auto !important; }

  #PlatosZone .row.bottom {
    position: relative;
    bottom: 0; }

  .platos .cuentas input {
    width: 30%; }

  .platos .cuentas label {
    padding-right: 15px; }

  header .shop::before {
    height: 93px; }

  header .shop .menu-cart {
    top: 55px;
    z-index: 10; }

  .pop {
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    width: 95%;
    height: 100%;
    top: 85px;
    left: 20px;
    z-index: 999999999; } }
@media only screen and (max-width: 480px) {
  header .shop .menu-cart {
    top: 55px;
    z-index: 10;
    left: auto;
    right: -80px;
    max-width: 300px; }

  .platos.registro form {
    width: 100%;
    margin: 0; }

  .mapaentrega .diasyzonas .zones {
    display: block;
    vertical-align: top;
    width: 100%; }

  .mapaentrega img {
    max-width: 100%; }

  .container-pedidos:hover .tooltip-pedidos {
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    max-height: 350px; }
    .container-pedidos:hover .tooltip-pedidos .img-wrap {
      float: none;
      margin: 0px auto 10px;
      display: block;
      padding-bottom: 50%; }
      .container-pedidos:hover .tooltip-pedidos .img-wrap p {
        font-size: 12px; }

  .container-pedidos .tooltip-pedidos:hover {
    display: block; }

  .platos .cuentas .btn.btn-primary {
    padding: 10px 20px;
    display: block;
    max-width: 100%;
    text-align: center; }

  .ingredientes .col-sm-6 .content-ingredientes .content-img .each {
    width: 90px;
    height: 90px; }

  .somos p {
    font-size: 16px; }

  header .col-md-2 img {
    position: absolute;
    max-width: 35%; }

  .a .a-top .container h3 {
    line-height: 1.4;
    font-size: 20px;
    font-weight: 300;
    margin-top: -55px; }

  .a .a-top .blanco a {
    font-size: 13px;
    width: 100px;
    height: 25%;
    padding: 11px; }

  .a .a-top .blanco h6 {
    font-size: 15px;
    margin-top: 5px; }

  .a .a-top .blanco small {
    font-size: 13px; }

  .platos {
    margin-top: -355px;
    padding-top: 430px; }

  .ingredientes .col-sm-6 .content-ingredientes h4 {
    font-size: 16px; }

  .platos .platos-a h2 {
    font-size: 24px; }

  header .shop {
    width: 100%; }

  header .navbar .navbar-collapse ul.navbar-nav li a {
    width: 100%; }

  .navbar-nav .open .dropdown-menu {
    width: 100%; }

  .platos.comprar.faq .platos-a .content-faq h4 {
    font-size: 20px; }

  .platos .platos-a .iconos img {
    margin: 0 15px 15px 10px;
    width: 30%; }

  .platos .platos-a .platos-content {
    text-align: center;
    padding: 0; }

  .platos .platos-a .platos-content h4 {
    margin-top: 0; }

  .platos .platos-a .platos-content h4 {
    font-size: 15px; }

  .platos .platos-a .platos-content .cantidad.precio p {
    color: #4d4d4d;
    font-size: 15px; }

  .platos .cuentas input {
    width: 49%; }

  .platos .cuentas .btn.btn-primary {
    display: block;
    max-width: 100%;
    margin: 0 auto; }

  .sidebar .btn-1 {
    width: 110%; }

  .promos .promoimg img {
    width: 40.5%;
    margin-left: -6.5%; }

  #PlatosZone .cantidad {
    display: block; }

  #PlatosZone .cantidad button {
    width: 40%;
    height: 40px; }

  .pop .registrarse h5 a {
    font-size: 15px !important; }

  .platos .platos-a .platos-content h4 {
    /*margin-top: -30px;*/ } }
@media only screen and (max-width: 359px) {
  footer .social-net i {
    margin: 0px 15px; }

  .platos .platos-a .iconos img {
    margin: 0 15px 15px 10px;
    width: 30%; }

  .a .a-top .blanco a {
    font-size: 14px;
    width: 113px;
    height: 20%;
    padding: 1px; }

  .a .a-top .blanco h6 {
    font-size: 13px; }

  .a .a-top .blanco h6 {
    top: 56%; }

  .platos .platos-a .platos-content h4 {
    font-size: 13px;
    color: #2D5645;
    text-align: center;
    line-height: 1;
    margin: 2px 14px; }

  .platos .cuentas input {
    width: 35%; }

  .platos .cuentas label {
    font-size: 13px; }

  .platos .platos-a .platos-content .cantidad input {
    height: 20px; }

  .platos .platos-a .platos-content .cantidad.precio p {
    color: #4d4d4d;
    font-size: 14px; }

  .platos .platos-a .platos-content .cantidad.precio p {
    line-height: 1.2; }

  .sidebar .btn-1 {
    width: 116%; }

  header .login-container {
    height: 47px;
    width: 47px !important;
    margin-right: 15px; }

  .navbar-header {
    height: 45px;
    width: 45px; }

  .platos.comprar h2::after {
    background: #fff;
    margin: 10px auto; }

  .platos.comprar .platos-a .como-box .zones {
    display: block;
    vertical-align: top;
    width: calc(50% - 4px);
    margin: 20px auto; }

  .mapaentrega {
    padding: 15px; }

  .mapaentrega .diasyzonas .row {
    margin-bottom: 70px; }

  .pop {
    left: 9px; }

  .platos .cuentas label {
    font-size: 14px; }

  .platos .cuentas #CodDesc {
    font-size: 12px; }

  .platos .platos-a .platos-content {
    text-align: center;
    padding: 0; } }
@media only screen and (max-width: 320px) {
  .somos h2 {
    font-size: 22px; }

  .platos .platos-a .iconos img {
    margin: 0 15px 15px 10px;
    width: 30%; }

  .sidebar .btn-1 {
    width: 120%; }

  .a .a-top .blanco a {
    font-size: 12px;
    width: 100px;
    height: 20%;
    padding: 1px; }

  .a .a-top .blanco h6 {
    font-size: 12px; }

  .a .a-top .blanco h6 {
    top: 51%; }

  header .shop a {
    height: 45px;
    width: 45px;
    margin-left: 10px; }

  header .login-container > a {
    height: 45px;
    width: 45px !important;
    margin-left: 10px; }

  header .login-container::after {
    left: 65%; }

  .platos .cuentas #CodDesc {
    font-size: 10px; }

  .platos .cuentas label {
    font-size: 12px; } }
    .front-menu a{
      font-size: 13px !important;
    }
/*# sourceMappingURL=style.css.map */