/* Icon set - http://ionicons.com */
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
.text-white{color:#fff!important}

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:wght@400;500;600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100&display=swap');

.minimalist-header-no #Subheader {
     padding-top: 150px!important;
     /* padding-bottom: 20px!important; */
}



/* Included color classes.. 
	.red 
	.blue 
	.yellow
	.green
	.orange
	.navy 
*/

.galeriaSillas {
     position: relative;
     overflow: hidden;
     /* margin: 10px; */
     margin:0;
     /* min-width: 220px; */
     /* max-width: 310px; */
     width: 100%;
     /* background: #000000; */
     text-align: center;
     cursor:pointer;
     /* box-shadow: 0 0 5px rgb(0 0 0 / 15%); */
}
.galeriaSillas * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.galeriaSillas img {
  max-width: 100%;
  vertical-align: top;
}
.galeriaSillas i {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  font-size: 34px;
  color: #000000;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.galeriaSillas a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
.galeriaSillas.white {
     background-color: #ffffff;
   }
.galeriaSillas.blue {
  background-color: #2472a4;
}
.galeriaSillas.blue i {
  color: #20638f;
}
.galeriaSillas.red {
  background-color: #ab3326;
}
.galeriaSillas.red i {
  color: #962d22;
}
.galeriaSillas.yellow {
  background-color: #e08e0b;
}
.galeriaSillas.yellow i {
  color: #c87f0a;
}
.galeriaSillas.green {
  background-color: #229955;
}
.galeriaSillas.green i {
  color: #1e8449;
}
.galeriaSillas.orange {
  background-color: #d67118;
}
.galeriaSillas.orange i {
  color: #bf6516;
}
.galeriaSillas.navy {
  background-color: #2b3c4e;
}
.galeriaSillas.navy i {
  color: #222f3d;
}
.galeriaSillas:hover img,
.galeriaSillas.hover img {
  opacity: 0.8;
  -webkit-filter: grayscale(10%);
  filter: grayscale(10%);
}
.galeriaSillas:hover i,
.galeriaSillas.hover i {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
}

.span-subti{
  font-size: .4em;
  color: #888989;
  float: right;
  max-width: 170px;
  margin-top: 10px;
  line-height: 15px;
  margin-right: 110px;
}

/*!
 * justifiedGallery - v3.8.1
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2020 Miro Mannino
 * Licensed under the MIT license.
 */
 .justified-gallery {
     width: 100%;
     position: relative;
     overflow: hidden;
   }
   .justified-gallery > a,
   .justified-gallery > div,
   .justified-gallery > figure {
     position: absolute;
     display: inline-block;
     overflow: hidden;
     /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
     filter: "alpha(opacity=10)";
     opacity: 0.1;
     margin: 0;
     padding: 0;
   }
   .justified-gallery > a > img,
   .justified-gallery > div > img,
   .justified-gallery > figure > img,
   .justified-gallery > a > a > img,
   .justified-gallery > div > a > img,
   .justified-gallery > figure > a > img,
   .justified-gallery > a > svg,
   .justified-gallery > div > svg,
   .justified-gallery > figure > svg,
   .justified-gallery > a > a > svg,
   .justified-gallery > div > a > svg,
   .justified-gallery > figure > a > svg {
     position: absolute;
     top: 45%;
     left: 45%;
     margin: 0;
     padding: 0;
     border: none;
     filter: "alpha(opacity=0)";
     opacity: 0;
   }
   .justified-gallery > a > .jg-caption,
   .justified-gallery > div > .jg-caption,
   .justified-gallery > figure > .jg-caption {
     display: none;
     position: absolute;
     bottom: 0;
     padding: 5px;
     background-color: #000000;
     left: 0;
     right: 0;
     margin: 0;
     color: white;
     font-size: 12px;
     font-weight: 300;
     font-family: sans-serif;
   }
   .justified-gallery > a > .jg-caption.jg-caption-visible,
   .justified-gallery > div > .jg-caption.jg-caption-visible,
   .justified-gallery > figure > .jg-caption.jg-caption-visible {
     display: initial;
     filter: "alpha(opacity=70)";
     opacity: 0.7;
     -webkit-transition: opacity 500ms ease-in;
     -moz-transition: opacity 500ms ease-in;
     -o-transition: opacity 500ms ease-in;
     transition: opacity 500ms ease-in;
   }
   .justified-gallery > .jg-entry-visible {
     filter: "alpha(opacity=100)";
     opacity: 1;
     background: none;
   }
   .justified-gallery > .jg-entry-visible > img,
   .justified-gallery > .jg-entry-visible > a > img,
   .justified-gallery > .jg-entry-visible > svg,
   .justified-gallery > .jg-entry-visible > a > svg {
     filter: "alpha(opacity=100)";
     opacity: 1;
     -webkit-transition: opacity 500ms ease-in;
     -moz-transition: opacity 500ms ease-in;
     -o-transition: opacity 500ms ease-in;
     transition: opacity 500ms ease-in;
   }
   .justified-gallery > .jg-filtered {
     display: none;
   }
   .justified-gallery > .jg-spinner {
     position: absolute;
     bottom: 0;
     margin-left: -24px;
     padding: 10px 0 10px 0;
     left: 50%;
     filter: "alpha(opacity=100)";
     opacity: 1;
     overflow: initial;
   }
   .justified-gallery > .jg-spinner > span {
     display: inline-block;
     filter: "alpha(opacity=0)";
     opacity: 0;
     width: 8px;
     height: 8px;
     margin: 0 4px 0 4px;
     background-color: #000;
     border-radius: 6px;
   }

   .title-photo{
    color:#ffffff;
    font-size:2em;
   }
   
   .subtitle-photo{
    color:#ffffff;
    font-size:1em;
   }


   @media only screen and (min-width: 1240px) {
   .column_image_gallery{
      margin-left: 20%; 
    }
   }