@media (min-width:800px) {
   section.photo_grid button {
     -webkit-appearance: none;
     font: inherit;
     margin: 0;
     padding: 0;
     background: none;
     border-radius: 0;
     border: 0;
     outline: none;
     cursor: pointer;
   }
   section.photo_grid.photoGrid_sizeLarge .container .inner {
     max-width: 1450px;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper {
     display: grid;
     grid-template-rows: 1fr 1fr;
     grid-template-columns: 6.3fr 1.85fr 1.85fr;
     grid-template-areas: "image-1 image-2 image-3" "image-1 image-4 image-5";
     overflow: hidden;
     grid-gap: 10px;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper li:nth-of-type(1) button:before {
     content: '';
     display: block;
     padding-top: 56.23632385%;
   }
   section.photo_grid.photoGrid_sizeNormal .container .inner {
     max-width: 1182px;
   }
   section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper {
     display: grid;
     grid-template-rows: 1fr 1fr;
     grid-template-columns: 2.27fr 2.27fr 5.46fr;
     grid-template-areas: "image-2 image-3 image-1" "image-4 image-5 image-1";
     overflow: hidden;
     grid-gap: 1px;
   }
   section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li:nth-of-type(1) button:before {
     content: '';
     display: block;
     padding-top: 79.56656347%;
   }
   section.photo_grid.photoGrid_sizeSmall .container .inner {
     max-width: 670px;
   }
   section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper {
     display: grid;
     grid-template-rows: auto auto;
     grid-template-columns: 1fr 1fr;
     grid-template-areas: "image-1 image-1" "image-2 image-3";
     overflow: hidden;
     grid-gap: 1px;
   }
   section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(1) button:before, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(2) button:before, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(3) button:before {
     content: '';
     display: block;
     padding-top: 56.25%;
   }
   section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(1) button img, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(2) button img, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(3) button img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     position: absolute;
     top: 0;
     left: 0;
   }
   section.photo_grid.photoGrid_sizeThumbs .container .inner {
     max-width: 41.875rem;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper {
     display: flex;
     flex-wrap: wrap;
     max-width: 41.875rem;
     width: 100%;
     margin: 0 auto;
     position: relative;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1) {
     flex: 0 0 100%;
     width: 100%;
     margin-bottom: 1rem;
     height: 23.5rem;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1) button {
     height: 100%;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1) button:before {
     display: block;
     padding-top: 56.23632385%;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1n + 2) {
     flex: 0 0 4rem;
     width: 4rem;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1n + 2) button:before {
     content: '';
     display: block;
     padding-top: 100%;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1n + 2) button img {
     position: absolute;
     top: 0;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1n + 2)+li {
     margin-left: 1rem;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-more {
     bottom: auto;
     top: calc(100% - 64px - 16px);
     transform: translateY(calc(-100% - 16px));
   }
   section.photo_grid .container .inner {
     margin: 0 auto;
     position: relative;
   }
   section.photo_grid .photo_grid-wrapper li.indicators {
     display: none;
   }
   section.photo_grid .photo_grid-wrapper li {
     position: relative;
     overflow: hidden;
   }
   section.photo_grid .photo_grid-wrapper li button:after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     box-shadow: inset 0 0 0 100vh rgba(0, 0, 0, 0);
     transition: all 0.5s ease-in-out;
   }
   section.photo_grid .photo_grid-wrapper li button.notHover:after {
     box-shadow: inset 0 0 0 100vh rgba(0, 0, 0, 0.2);
   }
   section.photo_grid .photo_grid-wrapper li:hover {
     z-index: 2;
   }
   section.photo_grid .photo_grid-wrapper li:hover button:hover img {
     width: calc(100% + 20px);
     height: calc(100% + 20px);
     /*transform: translate(-10px, -10px);*/
   }
   section.photo_grid .photo_grid-wrapper li img {
     width: 100%;
     height: auto;
     display: block;
     transition: all 0.5s ease-in-out;
   }
   section.photo_grid .photo_grid-wrapper li button {
     display: block;
     width: 100%;
   }
   section.photo_grid .photo_grid-wrapper li:nth-of-type(1) {
     grid-area: image-1;
   }
   section.photo_grid .photo_grid-wrapper li:nth-of-type(2) {
     grid-area: image-2;
   }
   section.photo_grid .photo_grid-wrapper li:nth-of-type(3) {
     grid-area: image-3;
   }
   section.photo_grid .photo_grid-wrapper li:nth-of-type(4) {
     grid-area: image-4;
   }
   section.photo_grid .photo_grid-wrapper li:nth-of-type(5) {
     grid-area: image-5;
   }
   section.photo_grid .photo_grid-wrapper li:nth-of-type(1) button {
     position: relative;
   }
   section.photo_grid .photo_grid-wrapper li:nth-of-type(1) button img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     position: absolute;
     top: 0;
     left: 0;
   }
   section.photo_grid .photo_grid-wrapper li:nth-of-type(1n + 2) button {
     height: 100%;
     left: 0;
     top: 0;
   }
   section.photo_grid .photo_grid-wrapper li:nth-of-type(1n + 2) button img {
     width: 100%;
     height: 100%;
     object-fit: cover;
   }
   section.photo_grid .photo_grid-fullscreen, section.photo_grid .photo_grid-more {
     z-index: 3;
   }
   section.photo_grid .photo_grid-fullscreen button, section.photo_grid .photo_grid-more button {
     transition: all 0.15s ease-in-out;
   }
   section.photo_grid .photo_grid-fullscreen button:hover, section.photo_grid .photo_grid-more button:hover {
     transform: translateY(3px);
     box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.25);
   }
   section.photo_grid .photo_grid-more {
     position: absolute;
     right: 16px;
     top: 16px;
   }
   section.photo_grid .photo_grid-more button {
     background: white;
     color: #000000;
     padding: 0px 26px;
     line-height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     border-radius: 7px;
     box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.45);
   }
   section.photo_grid .photo_grid-more button[count]:after {
     content: "\00a0(" attr(count) ")";
     font-weight: normal;
   }
   section.photo_grid .photo_grid-more button:before {
     content: '';
     display: block;
     order: 3;     
     color: blue;
     font-size: 1em;
   }
   section.photo_grid .photo_grid-fullscreen {
     position: absolute;
     right: 16px;
     top: 16px;
   }
   section.photo_grid .photo_grid-fullscreen button {
     background: white;
     color: black;
     width: 35px;
     height: 35px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     border-radius: 3px;
     box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.45);
     font-size: 0;
   }
   section.photo_grid .photo_grid-fullscreen button[icon]:after {
     content: attr(icon);
     font-weight: normal;
     font-size: 20px;
     color: blue;
   }
 }

 @media (max-width:800px) {
   section.photo_grid button {
     -webkit-appearance: none;
     font: inherit;
     margin: 0;
     padding: 0;
     background: none;
     border-radius: 0;
     border: 0;
     outline: none;
     cursor: pointer;
     display: block;
   }
   section.photo_grid.photoGrid_sizeLarge .container {
     overflow: hidden;
   }
   section.photo_grid.photoGrid_sizeLarge .container .inner {
     display: flex;
     overflow: scroll;
     -webkit-overflow-scrolling: touch;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper {
     display: flex;
     align-items: center;
     flex-wrap: nowrap;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper:after {
     content: 'Ver Galeria';
     position: sticky;
     bottom: 0;
     background: white;
     display: block;
     line-height: 35px;
     padding: 0 8px;
     z-index: 4;
     right: 0;
     width: 100%;
     white-space: nowrap;
     color: blue;
     font-size: 14px;
     align-self: flex-end;
     width: 110px;
     text-align: center;
     transform: translate(-8px, -8px);
     margin-left: -110px;
     pointer-events: none;
     border-radius: 20px;
     font-weight: bold;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper li {
     flex: 0 0 100vw;
     width: 100vw;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper li img {
     width: 100%;
     height: 100%;
     display: block;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper li button {
     position: relative;
     width: 100%;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper li button:before {
     content: '';
     display: block;
     padding-top: 56.25%;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper li button img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     position: absolute;
     top: 0;
     left: 0;
     display: block;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper li.indicators {
     position: sticky;
     width: 63px;
     right: 0;
     display: flex;
     align-self: flex-end;
     justify-content: center;
     padding-bottom: 19px;
     pointer-events: none;
     margin-left: -63px;
     flex: 0 0 63px;
     transform: translateX(calc(-50vw + (63px / 2)));
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper li.indicators i+i {
     margin-left: 7px;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper li.indicators i {
     width: 7px;
     height: 7px;
     display: block;
     border: 1px solid white;
     font-size: 0;
     overflow: hidden;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-wrapper li.indicators i.active {
     background: white;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-more {
     position: relative;
     height: 56.25vw;
     flex: 0 0 50vw;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-more:before {
     padding-top: 56.25%;
     display: block;
     width: 100vw;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-more button {
     background: white;
     color: blue;
     padding: 0 8px;
     line-height: 35px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     font-weight: bold;
     position: absolute;
     height: 100%;
     width: 100%;
     background: navy;
     color: white;
     top: 0;
     left: 0;
     padding-top: 50px;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-more button[count]:after {
     content: "\00a0(" attr(count) ")";
     font-weight: normal;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-more button:before {
     content: '+';
     display: block;
     color: white;
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 2px solid white;
     border-radius: 50%;
     position: absolute;
     transform: translateY(-100%);
     font-size: 30px;
   }
   section.photo_grid.photoGrid_sizeLarge .photo_grid-fullscreen {
     display: none;
   }
   section.photo_grid.photoGrid_sizeThumbs .container .inner, section.photo_grid.photoGrid_sizeNormal .container .inner, section.photo_grid.photoGrid_sizeSmall .container .inner {
     margin: 0 auto;
     position: relative;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper, section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper {
     display: grid;
     grid-template-rows: 1fr 1fr;
     grid-template-columns: 7.6163fr 2.3837fr;
     grid-template-areas: "image-1 image-2" "image-1 image-3";
     overflow: hidden;
     grid-gap: 8px;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li.indicators, section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li.indicators, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li.indicators {
     display: none;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li, section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li {
     position: relative;
     overflow: hidden;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li img, section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li img, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li img {
     width: 100%;
     height: auto;
     display: block;
     transition: all 0.5s ease-in-out;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li button, section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li button, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li button {
     display: block;
     width: 100%;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1), section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li:nth-of-type(1), section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(1) {
     grid-area: image-1;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(2), section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li:nth-of-type(2), section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(2) {
     grid-area: image-2;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(3), section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li:nth-of-type(3), section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(3) {
     grid-area: image-3;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(3) button:before, section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li:nth-of-type(3) button:before, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(3) button:before {
     background: rgba(0, 33, 93, 0.38);
     z-index: 2;
     position: relative;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1n + 4), section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li:nth-of-type(1n + 4), section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(1n + 4) {
     display: none;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1) button, section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li:nth-of-type(1) button, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(1) button {
     position: relative;
     height: 100%;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1) button img, section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li:nth-of-type(1) button img, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(1) button img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     top: 0;
     left: 0;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1n + 2) button, section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li:nth-of-type(1n + 2) button, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(1n + 2) button {
     height: 100%;
     left: 0;
     top: 0;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1n + 2) button:before, section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li:nth-of-type(1n + 2) button:before, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(1n + 2) button:before {
     content: '';
     display: block;
     padding-top: 100%;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-wrapper li:nth-of-type(1n + 2) button img, section.photo_grid.photoGrid_sizeNormal .photo_grid-wrapper li:nth-of-type(1n + 2) button img, section.photo_grid.photoGrid_sizeSmall .photo_grid-wrapper li:nth-of-type(1n + 2) button img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     position: absolute;
     top: 0;
     left: 0;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-more, section.photo_grid.photoGrid_sizeNormal .photo_grid-more, section.photo_grid.photoGrid_sizeSmall .photo_grid-more {
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: 2;
     width: calc(23.837% - 2px);
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-more:before, section.photo_grid.photoGrid_sizeNormal .photo_grid-more:before, section.photo_grid.photoGrid_sizeSmall .photo_grid-more:before {
     padding-top: 100%;
     display: block;
     content: '';
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-more button, section.photo_grid.photoGrid_sizeNormal .photo_grid-more button, section.photo_grid.photoGrid_sizeSmall .photo_grid-more button {
     color: white;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-more button span.more, section.photo_grid.photoGrid_sizeNormal .photo_grid-more button span.more, section.photo_grid.photoGrid_sizeSmall .photo_grid-more button span.more {
     display: none;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-more button[count]:before, section.photo_grid.photoGrid_sizeNormal .photo_grid-more button[count]:before, section.photo_grid.photoGrid_sizeSmall .photo_grid-more button[count]:before {
     content: attr(count);
     font-weight: normal;
   }
   section.photo_grid.photoGrid_sizeThumbs .photo_grid-fullscreen, section.photo_grid.photoGrid_sizeNormal .photo_grid-fullscreen, section.photo_grid.photoGrid_sizeSmall .photo_grid-fullscreen {
     display: none;
   }
 }


 /* modal galeria /*/
 *,
 *:before,
 *:after {
   box-sizing: border-box;
 }

 .wrapper {
   margin: 0 auto;
   display: grid;
   grid-template-columns: 65% 35%;
   grid-gap: 16px;
 }

 .wrapper>* {
   background-color: #fafafa;
   border-radius: 5px;
   font-size: 16px;
   margin-bottom: 10px;
 }

 .header,
 .sidebar {
   padding: 24px;
 }

 .header,
 .footer {
   grid-column: 1 / -1;
   clear: both;
 }

 .content {
   padding: 8px;
   display: grid;
   margin: 0 auto;
   grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
   grid-auto-rows: minmax(264px, auto);
   grid-gap: 16px;
 }

 .panel {
   margin-left: 5px;
   margin-right: 5px;
 }

 .panel-img {
   width: 100%;
   height: 80%;
 }

 @media (max-width: 1100px) {
   .wrapper {
     grid-template-columns: 1fr;
   }

   .sidebar {
     display: none;
   }

   .content {
     width: 100%;
     grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
     grid-auto-rows: minmax(300px, auto);
   }
 }

 @supports (display: grid) {
   .wrapper>* {
     width: auto;
     margin: 0;
   }
 }