/* NAVBAR ------------------------------------------------------------ */

.affix-top {
  background-color: transparent;
  box-shadow: none;
}

#navbar {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

#navbar.affix-top .navbar-nav>.active>a {
  color: #FFFFFF;
}

#navbar.affix-top .navbar-nav>.active>a>span {
  border-bottom: 2px solid #cb1d2f;
}

#navbar.affix-top .navbar-nav>li>a {
  color: #FFFFFF;
}

#navbar.affix-top .navbar-nav>li>a:hover {
  color: #FFFFFF;
}

#navbar.affix-top .navbar-nav>li>a span {
  padding: 8px 0;
}

#navbar.affix-top .navbar-nav>li>a:hover span {
  border-bottom: 2px solid #FFFFFF;
}

#navbar .navbar-nav>.active>a {
  color: #000000;
}

#navbar .navbar-nav>.active>a>span {
  border-bottom: 2px solid #cb1d2f;
}

#navbar .navbar-nav>li>a {
  color: #888888;
}

#navbar .navbar-nav>li>a:hover {
  color: #888888;
}

#navbar .navbar-nav>li>a span {
  padding: 8px 0;
}

#navbar .navbar-nav>li>a:hover span {
  border-bottom: 2px solid #888888;
}


/* ------------------------------------------------------------------- */


/* CARRUSEL ---------------------------------------------------------- */

#carousel.carousel .item {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.filter {
  background-color: #222;
}

#carousel.carousel .item .img-background {
  height: 100vh;
  width: 100%;
  opacity: 0.5;
}

.carousel img {
  width: 100%;
}

.carousel-inner .item .carousel-caption,
.carousel-inner .item .carousel-caption h1,
.carousel-inner .item .carousel-caption h2,
.carousel-inner .item .carousel-caption h3 {
  letter-spacing: 2px;
}

.carousel .flechas {    
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;    
  right: 0;
  width: 100%;
  height: 45px;
}

.carousel-indicators li {
   transition: all 0.2s ease-in-out;	
}

.banner1 {
  background-image: url('../images/banner1.jpeg');
}

.banner2 {
  background-image: url('../images/banner2.jpeg');
}

.banner3 {
  background-image: url('../images/banner3.jpeg');
}


/* ------------------------------------------------------------------- */


/* SECTIONS ---------------------------------------------------------- */

section {
  padding: 50px 0;
}

section .img-background {
  padding-top: 70%;
  border: 2px solid transparent;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

section .img-background:hover {
  border: 2px solid #cb1d2f;
}

hr {
  border-color: #cb1d2f;
  border-width: 3px;
  max-width: 50px;
}

hr.white {
  border-color: #FAFAFA;
}

.title {
  margin-bottom: 50px;
}

.bg-color {
  background: #AE1928;
  background: -webkit-linear-gradient(top left, #AE1928, #9C164A);
  background: -moz-linear-gradient(top left, #AE1928, #9C164A);
  background: -o-linear-gradient(top left, #AE1928, #9C164A);
  background: linear-gradient(to bottom right, #AE1928, #9C164A); 

 /* Standard syntax */
  color: #FAFAFA !important;
}


/* ------------------------------------------------------------------- */

/* PORTAFOLIO ------------------------------------------------------------ */

.portfolio-box {
  position: relative;
  display: block;
  max-width: 650px;
  margin: 5px auto;
}

.portfolio-box .portfolio-box-caption {
  color: white;
  display: block;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  padding: 0 15px;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
  font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
  background: rgba(174, 25, 40, 0.8);
}

.portfolio-box:focus {
  outline: none;
}

@media (min-width: 768px) {
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    font-size: 16px;
  }
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 22px;
  }
}

/* ------------------------------------------------------------------- */

/* CONTACTO ------------------------------------------------------------ */

textarea {
    height: 250px;
    resize: none;
}

/* ------------------------------------------------------------------- */

/* FOOTER ------------------------------------------------------------ */

footer {
  height: 100px;
  line-height: 100px;
  background-color: #222;
}

/* ------------------------------------------------------------------- */