/************************ carousel *********************************/
 /* Show 4th slide on md if col-md-4 */
 /*@media (min-width: 768px) and (max-width: 991px) {
    #carousel-dos .carousel-inner .active.col-md-4.carousel-item+.carousel-item+.carousel-item+.carousel-item {
      position: absolute;
      top: 0;
      right: -33.3333%;
      z-index: -1;
      display: block;
      visibility: visible;
    }
  }*/
  /* Show 2th slide on md if col-md-6 */
@media (min-width: 768px) and (max-width: 991px) {
    #carousel-dos .carousel-inner .active.col-md-6.carousel-item+.carousel-item+.carousel-item {
      position: absolute;
      top: 0;
      right: -50%;
      z-index: -1;
      display: block;
      visibility: visible;
    }
  }

  /* Show 3rd slide on sm if col-sm-6 */
  @media (min-width: 576px) and (max-width: 768px) {
    #carousel-dos .carousel-inner .active.col-sm-12.carousel-item+.carousel-item {
      position: absolute;
      top: 0;
      right: -100%;
      z-index: -1;
      display: block;
      visibility: visible;
    }
  }

  /* Common styles for all screen sizes */
  @media (min-width: 576px) {
    #carousel-dos .carousel-item {
      margin-right: 0;
    }

    #carousel-dos .carousel-inner .active+.carousel-item {
      display: block;
    }

    #carousel-dos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carousel-dos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
      transition: none;
    }

    #carousel-dos .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }

    #carousel-dos .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    #carousel-dos .carousel-item-next.carousel-item-left+.carousel-item,
    #carousel-dos .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }

    #carousel-dos .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
    }

    #carousel-dos .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    #carousel-dos .carousel-item-prev.carousel-item-right+.carousel-item,
    #carousel-dos .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
    }
  }

  /* MD */
  @media (min-width: 768px) {
    #carousel-dos .carousel-inner .active+.carousel-item+.carousel-item {
      display: block;
    }

    #carousel-dos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
      transition: none;
    }

    #carousel-dos .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }

    #carousel-dos .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }

    #carousel-dos .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
    }
  }

  /* LG */
  @media (min-width: 991px) {
    /* Show 2rd slide on lg if col-lg-6 */

    #carousel-dos .carousel-inner .active.col-lg-6.carousel-item+.carousel-item+.carousel-item {
      position: absolute;
      top: 0;
      right: -50%;
      z-index: -1;
      display: block;
      visibility: visible;
    }
  }

  /* Common styles for all screen sizes */
  @media (min-width: 991px) {
    #carousel-dos .carousel-item {
      margin-right: 0;
    }

    #carousel-dos.carousel-inner .active+.carousel-item {
      display: block;
    }

    #carousel-dos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carousel-dos .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
      transition: none;
    }

    #carousel-dos.carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
    }

    #carousel-dos .active.carousel-item-left+.carousel-item-next.carousel-item-left,
    #carousel-dos .carousel-item-next.carousel-item-left+.carousel-item,
    #carousel-dos .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }

    #carousel-dos .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
    }

    #carousel-dos .active.carousel-item-right+.carousel-item-prev.carousel-item-right,
    #carousel-dos .carousel-item-prev.carousel-item-right+.carousel-item,
    #carousel-dos .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
    }
  }
  .carousel-control-next, .carousel-control-prev {
    bottom: 120px; 
}

/* quita los bordes celestes de bootstrap */
.btn-primary {
    background-color: #fff;
    border-color: #514C48;
    color: #514C48;
    border-radius: 4px;
    
  }
  .btn-primary:hover{
    background-color: #514C48;
    border-color: #514C48;
    color: #fff;
    
   
  }
.btn-primary:focus, .btn:focus {
  outline: none;
  box-shadow: none;
}
/* quita el resplandor celeste de bootstrap */
.btn-primary {
  box-shadow: none !important;
}

.btn-primary:focus, 
.btn-primary:active, 
.btn-primary:focus:active, 
.btn-primary:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.btn-primary:focus:not(:focus-visible) {
  box-shadow: none !important;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #514C48;
    border-color: #514C48;
}