body {
  font-family:'Roboto Condensed';
  color:yellow;
}

.navbar-dark .navbar-nav .nav-link {
  color:white;
  margin-bottom:-4px;
}

.navbar.navbar-dark.navbar-expand-md.float-right {
  right:4px;
  top:10px;
  font-size:24px;
  text-shadow:5px 5px 10px black, -5px -5px 10px black, 5px -5px 10px black, -5px 5px 10px black;
  position:absolute;
  z-index:10;
}

.nav-item {
  padding:0px 25px;
  border-bottom:3px solid white;
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
  border-bottom:5px solid #f5d130;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color:rgb(245,209,48);
}

#navcol-1 {
}

#logotipo {
  float:left;
  margin-top:4%;
  margin-left:4%;
  position:absolute;
  z-index:10;
}

#pie {
  position:absolute;
  bottom:20px;
  right:40px;
  color:white;
  font-size:20px;
  text-shadow:5px 5px 10px black, -5px -5px 10px black, 5px -5px 10px black, -5px 5px 10px black;
  z-index:10;
}

#liga {
  float:right;
  padding:10px 15px;
}

a {
  color:#ffffff;
  text-decoration:none;
  background-color:transparent;
  -webkit-text-decoration-skip:objects;
}

a:hover {
  color:#f5d130;
  text-decoration:none;
}

.dropdown, .dropup {
  position:relative;
  padding:0px 10px;
  border-bottom:3px solid white;
}

.dropdown-menu {
  position:absolute;
  top:100%;
  left:0;
  z-index:1000;
  display:none;
  float:left;
  min-width:10rem;
  padding:.5rem 0;
  margin:.125rem 0 0;
  font-size:1rem;
  color:#212529;
  text-align:left;
  list-style:none;
  background-color:rgba(0,0,0,0);
  background-clip:padding-box;
  border:1px solid rgba(0,0,0,0);
  border-radius:.25rem;
}

.dropdown-item {
  display:block;
  width:100%;
  padding:.25rem 1.5rem;
  clear:both;
  font-weight:400;
  color:#ffffff;
  text-align:inherit;
  white-space:nowrap;
  background:0 0;
  border:0;
}

.dropdown-item {
  display:block;
  width:100%;
  padding:.25rem 1.5rem;
  clear:both;
  font-weight:400;
  color:#ffffff;
  text-align:inherit;
  white-space:nowrap;
  background:0 0;
  border:0;
}

.dropdown-item:focus, .dropdown-item:hover {
  color:#f5d130;
  text-decoration:none;
  background-color:rgba(0,0,0,0);
}

@media (max-width: 800px) {
  .navbar.navbar-dark.navbar-expand-md.float-right {
    font-size:18px;
    top:40px;
  }
}

@media (max-width: 992px) {
  #logotipo {
    width:100px;
  }
}

@media (max-width: 992px) {
  #pie {
    font-size:16px;
    right:10px;
  }
}

@media (max-width: 800px) {
  #liga {
    padding:10px 10px;
  }
}

@media (max-width: 576px) {
  #logotipo {
    right:10px;
    margin-right:15px;
    margin-top:15px;
  }
}

@media (max-width: 576px) {
  .navbar.navbar-dark.navbar-expand-md.float-right {
    left:10px;
    position:absolute;
    z-index:11;
  }
}

@media (max-width: 576px) {
  .ligatexto {
    display:none;
  }
}

@media (max-width: 576px) {
  .nav-item {
    border-bottom:none;
    padding:0px 10px;
    background:rgba(0,0,0,.6);
  }
}

@media (min-width: 768px) {
  .nav-item.menuoculto {
    display:none;
  }
}

@media (max-width: 576px) {
  .dropdown, .dropup {
    display:none;
  }
}

#carousel-1 {
  height:100vh;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display:block;
  height:100vh;
}

#wrapper {
  height:100vh;
}

#momentos {
  position:absolute;
  bottom:0px;
  left:120px;
  border-left:3px solid white;
  z-index:9;
  padding-bottom:160px;
  padding-left:20px;
  width:40%;
}

@media (max-width: 500px) {
  #momentos {
    left:20px;
    width:80%;
    padding-bottom:200px !important;
  }
}

@media (max-width: 576px) {
  .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    border-bottom:none;
  }
}

.ingredientes {
  position:absolute;
  bottom:100px;
  right:40px;
  font-size:24px;
  text-align:right;
  border-bottom:3px solid white;
  text-shadow:5px 5px 10px black, -5px -5px 10px black, 5px -5px 10px black, -5px 5px 10px black;
}

.especialidades {
  position:absolute;
  bottom:0px;
  left:40px;
  border-left:3px solid white;
  font-size:24px;
  padding:10px;
  padding-bottom:40px;
  width:300px;
  text-shadow:5px 5px 10px black, -5px -5px 10px black, 5px -5px 10px black, -5px 5px 10px black;
}

.snacks {
  position:absolute;
  bottom:0px;
  left:0px;
  border-left:3px solid white;
  font-size:24px;
  padding:10px;
  padding-bottom:40px;
  width:400px;
  text-shadow:5px 5px 10px black, -5px -5px 10px black, 5px -5px 10px black, -5px 5px 10px black;
  /*top:400px;*/
}

.ingrediente {
  width:100%;
  float:left;
  margin-bottom:0px;
}

@media (max-width: 992px) {
  .ingrediente {
    width:100%;
    float:left;
    margin-bottom:0px;
    font-size:15px;
  }
}

@media (max-width: 1366px) {
  .especialidades {
    font-size:18px;
  }
}

@media (max-width: 1366px) {
  .snacks {
    font-size:18px;
  }
}

@media (max-width: 1024px) {
  .especialidades {
    font-size:15px;
    padding-bottom:80px;
  }
}

@media (max-width: 1024px) {
  .snacks {
    font-size:15px;
    padding-bottom:80px;
  }
}

@media (max-width: 1200px) {
  .ingredientes {
    font-size:20px;
    bottom:130px;
  }
}

@media (max-width: 550px) {
  .ingredientes {
    font-size:18px;
    max-width:40%;
    bottom:160px;
  }
}

@media (max-width: 576px) {
  .especialidades {
    top:150px;
  }
}

@media (max-width: 576px) {
  .snacks {
    bottom:0px;
  }
}

.d-block.refresco {
  position:absolute;
  /* top:180px; */
  width: 100% !important;
  height: 100%;
  /* height:50%;
  width:30%!important;
   margin-left: 500px; */
}

@media (max-width: 768px) {
  .d-block.refresco {
      /* margin-left: 100px!important;
       width:50%!important;
       height:30vh; */
       width: 137% !important;
       height: 100%;
       margin-left: -75px;
  }
}

.d-block.promo {
  position:absolute;
  top:230px;
  height:auto;
  width:50%;
  right:40px;
}

@media (max-width: 768px) {
  .d-block.promo {
    width:70%;
  }
}

#aviso {
  position:absolute;
  top:200px;
  right:40px;
  left:300px;
  bottom:100px;
  background:rgba(0,0,0,.5);
  border:1px solid white;
  border-radius:10px;
  box-shadow:0px 0px 10px black;
  padding:20px;
  overflow-y:scroll;
}

@media (max-width: 800px) {
  #aviso {
    left:50px;
  }
}

#contacto {
  padding:30px;
}

[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
  background:transparent;
  margin-bottom:15px;
}

.form-control:focus {
  color:#f5d130;
  background:rgba(0,0,0,0);
  border-color:#80bdff;
  outline:0;
  box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
}

.form-control {
  background:rgba(0,0,0,0);
  color:white;
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
  box-shadow:0 0 0 .2rem #f5d130;
}

.btn.btn-outline-primary.btn-block.btn-lg {
  color:#f5d130;
}

@media (max-width: 576px) {
  #aviso {
    left:20px;
    right:20px;
    top:150px;
    padding:10px;
  }
}

#carouselsucursal {
  height:100vh;
}

.domiclio {
  background:white;
  border:1px solid red;
  width:100px;
  height:100px;
  position:absolute;
  top:50%;
  left:50%;
  z-index:13;
  margin-top:40px;
  border-radius:5px;
  box-shadow:0px 0px 10px black;
}

#map {
  z-index:13;
}

@media (max-width: 500px) {
  .cabezasucur {
    font-size:larger;
  }
}

.promo {
  position:fixed;
  top:100px;
  right:80px;
  width:45%;
  font-size:24px;
}

@media (max-width: 1024px) {
  .promo {
    position:fixed;
    top:250px;
    right:80px;
    width:45%;
    font-size:24px;
  }
}

@media (max-width: 770px) {
  .promo {
    position:fixed;
    top:280px;
    right:20px;
    width:90%;
    font-size:24px;
  }
}

@media (max-width: 400px) {
  .promo {
    position:fixed;
    top:180px;
    right:20px;
    width:85%;
    font-size:24px;
  }
}