/* bootstrap mod: carousel controls */
#gallery .carousel-control-prev-icon,
#gallery .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FFFFFF' stroke-miterlimit='10' stroke-width='10' viewBox='0 0 34.589 66.349'%3E%3Cpath d='M34.168.8 1.7 33.268 34.168 65.735'/%3E%3C/svg%3E"); height: 70px; }
#gallery .carousel-control-next-icon { transform: rotate(180deg); }
#gallery .carousel-item .p-0 img { padding: 0px; border: 0.5px solid #fff; }

/* medium - display 4  */
@media (min-width: 768px) {
    #gallery .carousel-inner .carousel-item-right.active,
    #gallery .carousel-inner .carousel-item-next { transform: translateX(33.33333%); }
    #gallery .carousel-inner .carousel-item-left.active, 
    #gallery .carousel-inner .carousel-item-prev { transform: translateX(-33.33333%); }
}

/* large - display 5 */
@media (min-width: 992px) {
    #gallery .carousel-inner .carousel-item-right.active,
    #gallery .carousel-inner .carousel-item-next { transform: translateX(20%); }
    #gallery .carousel-inner .carousel-item-left.active, 
    #gallery .carousel-inner .carousel-item-prev { transform: translateX(-20%); }
}

#gallery .carousel-inner .carousel-item-right,
#gallery .carousel-inner .carousel-item-left{  transform: translateX(0); }

/* gallery slider */
#gallery .carousel-inner .carousel-item.active,
#gallery .carousel-inner .carousel-item-next,
#gallery .carousel-inner .carousel-item-prev { display: flex; }

@media (max-width: 768px) {
  #gallery .carousel-inner .carousel-item > div { display: none; }
  #gallery .carousel-inner .carousel-item > div:first-child { display: block; text-align: center; }
}


/* modal carousel */
.modal .carousel-indicators { margin: 0; bottom: -34px; left: auto; }
.modal .carousel-indicators > li { border-radius: 50%; width: 16px; height: 16px; border: 1px solid #fff; background: transparent; margin-right: 0; margin-left: 10px; }
.modal .carousel-indicators > li.active { background: #fff; }
.modal .close, .modal .carousel-control-prev, .modal .carousel-control-next { opacity: 1; }

@media (min-width: 992px) {
  .modal .carousel-control-prev { left: -50px; }
  .modal .carousel-control-next { right: -50px; }
}


/* modal mods */
#galeria .modal { background: rgba(34, 49, 63, 0.9); }
#galeria .modal-dialog { max-width: 80% !important; }
#galeria .modal-header { border: none !important; }
#galeria .modal-content { border: none !important; border-radius: 0 !important; background-color: transparent !important; }
#galeria .modal-body { padding: 0 !important; }
#galeria .close img { max-width: 40px; max-height: 40px; }
#galeria .modal-footer { padding: 2rem 0; border: none !important; }

/* bootstrap mod addons */
.w-90 { width: 90%; }
#galeria .col-5,
#galeria .col-sm-5,
#galeria .col-md-5,
#galeria .col-lg-5,
#galeria .col-xl-5 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
#galeria .col-5 { flex: 0 0 20%; max-width: 20%; }
#lightbox { position: absolute; z-index: 9; right: -80px; top: -10px; }
.group:hover img { opacity: 0.40; }
.group { position: relative; display: block; background: #000; }
.group span { display: none; }
.group:hover span { display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  font-size: 26px;
  pointer-events: none;
  z-index: 9000;
  transition: 0.4s; color: #fff; }


@media (min-width: 576px){
  #galeria .col-sm-5 { flex: 0 0 20%; max-width: 20%; }
}
@media (min-width: 768px){
  #galeria .col-md-5 { flex: 0 0 20%; max-width: 20%; }
}
@media (min-width: 992px){
  #galeria .col-lg-5 { flex: 0 0 20%; max-width: 20%; }
}
@media (min-width: 1200px){
  #galeria .col-xl-5 { flex: 0 0 20%; max-width: 20%; }
}

#cboxPrevious { left: 0; background: url('../images/icon_arrow_left_modal.png') no-repeat center center; }
#cboxNext { right: 0; background: url('../images/icon_arrow_right_modal.png') no-repeat center center; left: auto; }
#cboxPrevious, #colorbox #cboxNext { position: absolute; top: 50%; width: 50px; height: 50px; -webkit-transform: translateY(-50%); 
  transform: translateY(-50%); margin: 0; outline: 0; }
#cboxPrevious, #cboxNext { text-indent: -9999px; }

#cboxPrevious:hover, #cboxNext:hover { background-position: inherit; opacity: 0.7; }
#cboxClose { position: absolute; top: -7px; right: -5px; background: url('../images/icon_close_modal.png') no-repeat center center; width: 40px; height: 40px; outline: 0; text-indent: -9999px; }
#cboxClose:hover { opacity: 0.7; background-position: center; }
#cboxCurrent { display: none !important; }

#cboxTopLeft, #cboxTopCenter, #cboxTopRight { background: none !important; }
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { background: none !important; }
#cboxMiddleLeft, #cboxMiddleRight { background: none !important; }
#cboxContent { background: none !important; }
#cboxTitle { color: #fff !important; bottom: 0px !important; background: rgba(0,0,0,0.7); }

#contacto { background: #efefef; }
#contacto h3 { font-size: 1.5em; }
#contacto .container { border-top: 1px dotted #ccc;padding: 3rem; }
#form_contacto .form-control { font-size: 1.1em; padding: 12px; }

.owl-nav { text-align: center; position: absolute; top: 43%; width: 100%; height: 0px; }
.owl-prev span { background: url('../images/icon_arrow_left_modal.png') no-repeat center center; width: 50px; height: 50px; display: block; text-indent: -9999px; position: absolute; left: 0; }
.owl-next span { background: url('../images/icon_arrow_right_modal.png') no-repeat center center; width: 50px; height: 50px; display: block; text-indent: -9999px; position: absolute; right: 0; }