/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */

body {
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  color: #222;
}
header {
  padding: 154px 0 100px;
}
.lead {
  font-size: 16px;
}
@media (min-width: 992px) {
  header {
    padding: 156px 0 100px;
  }
}
.text-logo {
  font-family: "Coiny", cursive;
  color: #ff7c00;
}
section {
  padding: 70px 0 0 !important;
}
.bg-03 {
  background-color: #222;
  background-image: url(../images/bg-03.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 110vh;
}
.bg-02 {
  background-image: url(../images/bg-02.jpg);
  background-position: center bottom;
  background-attachment: fixed;
}
.bg-color-01 {
  background-color: rgba(255, 255, 255, 1);
  border-bottom: rgb(0, 0, 0, 0.2) 0px solid;
}
.bg-color-02 {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-color-03 {
  background-color: rgba(254, 220, 255, 0.5);
}
.bg-footer {
  background-color: #222;
}
.link-footer {
  color: #ff7c00 !important;
}
a.link-footer:focus,
a.link-footer:hover {
  color: rgb(230, 152, 160) !important;
}
.color-03 {
  color: #ff7c00;
}
.bg-04 {
  background-image: url(../images/bg-04.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /* min-height: 350px; */
  height: 100vh;
}
.pad-contenido {
  padding: 0 100px;
}
h2 {
  display: block;
  position: relative;
  font-family: "Ubuntu", cursive;
  font-weight: 700;
  font-size: 50px;
  color: #ff7c00;
  margin-bottom: 60px;
}
/* h2::after,
h2::before {
  content: "";
  position: absolute;
  width: 35%;
  height: 1px;
  background-color: currentColor;
  top: 0.7em;
  //// margin-left: 15px; ////
}
h2::before {
  left: 5%;
}
h2::after {
  right: 5%;
} */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  h2::after,
  h2::before {
    width: 9%;
  }
  h2::before {
    left: 2%;
  }
  h2::after {
    right: 2%;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  h2::after,
  h2::before {
    width: 15%;
  }
  h2::before {
    left: 4%;
  }
  h2::after {
    right: 4%;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  h2::after,
  h2::before {
    width: 25%;
  }
  h2::before {
    left: 5%;
  }
  h2::after {
    right: 5%;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  h2::after,
  h2::before {
    width: 30%;
  }
  h2::before {
    left: 6%;
  }
  h2::after {
    right: 6%;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  h2::after,
  h2::before {
    width: 30%;
  }
  h2::before {
    left: 7%;
  }
  h2::after {
    right: 7%;
  }
}
h3 {
  font-size: 35px;
  margin-bottom: 20px;
}
/********** Custom Nav Color by Noel ************/
.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 .nav-link:focus,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #ffffff !important;
  border-bottom: #212b41 0px solid;
  background-color: #ff7c00;
  border-radius: 6px;
  padding-left: 10px;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.75) !important;
  border-bottom: rgba(66, 154, 204, 0.75) 0px solid !important;
  /*  background-color: #fff243; */
  border-radius: 6px;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(66, 154, 204, 0.5) !important;
}
.navbar-dark .navbar-toggler {
  background-color: #ff7c00 !important;
}
/* The dropdown menu */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 12rem;
  padding: 0.5rem 0 0 10px;
  margin: 0.125rem 0 0 10px;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 0.25rem;
}
/************************************************/
.vh100 {
  height: 100vh;
}
.showcase .showcase-text {
  padding: 7rem;
}
.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .showcase .showcase-text {
    padding: 5rem;
  }
}
@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 4rem;
  }
  .showcase .showcase-img {
    min-height: 30rem;
  }
}
@media (min-width: 468px) {
  .showcase .showcase-text {
    padding: 3rem;
  }
}
@media (min-width: 360px) {
  .showcase .showcase-text {
    padding: 2rem;
  }
}
.color-02 {
  color: #222;
}
a:hover.color-02 {
  /* color: rgb(44, 3, 1, 0.9); */
  color: #ffdc73;
}
.flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media (max-width: 460px) {
  .navbar-brand {
    font-size: 1em;
  }
}
@media only screen and (max-width: 360px) {
  .text-inicio {
    font-size: 2rem;
  }
}

/*************** Custom by Noel *****************/

.bg-item-1 {
  background: #000;
  padding: 15px 25px;
  opacity: 0.7;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: 15px;
}
.bg-item-2 {
  /* background: #f90; */
  padding: 15px 25px;
  /* opacity: 0.85; */
  border-radius: 8px;
  display: inline-block;
}
.bg-titulo-producto {
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  padding-top: 20px;
}
.btn-noel {
  color: #fff;
  margin-top: 5px;
  border-radius: 5px;
  padding: 15px 25px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 18px;
  display: inline-block;
  opacity: 0.9;
}
.verde {
  background-color: #aec622;
}
/* .verde:hover {
  background-color: rgba(174, 198, 34, 0.3);
} */
.naranja {
  background-color: #f90;
}
/* .naranja:hover {
  background-color: rgba(255, 153, 0, 0.3);
} */
.celeste {
  background-color: #06f;
}
/* .celeste:hover {
  background-color: rgba(2, 94, 233, 0.3);
} */
.box1 {
  background: #e9e9e9;
  padding: 15px 25px;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: 15px;
}
.carousel-item {
  /* height: 90vh; */
  min-height: 450px;
  background: no-repeat center center scroll;
  /*  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/
  background-size: cover;
}