.gallery-page .wrap-gallery-page { padding: 35px 0 0; }
@media (min-width: 768px) { .gallery-page .wrap-gallery-page { padding: 45px 0 0; } }
@media (min-width: 1280px) { .gallery-page .wrap-gallery-page { padding: 45px 0 40px; } }

@media (min-width: 1280px) { .gallery-page-header.fixed { position: fixed; z-index: 11; top: 80px; left: 0; width: 100%; }
  .gallery-page-header.fixed .wrap-gallery-header { padding: 17px 50px; background-color: #EFEFEC; } }
@media (min-width: 1680px) { .gallery-page-header.fixed { top: 90px; } }
@media (min-width: 1280px) { .gallery-page-header:not(.fixed) { padding-top: 60px; } }
.gallery-page-header .wrap-gallery-header .gallery-header-breadcrumbs { display: none; }
.gallery-page-header .wrap-gallery-header .gallery-header-title { font-family: "Poppins", sans-serif; font-size: 18px; font-weight: 700; color: #00736b; text-transform: uppercase; letter-spacing: 0.15em; padding-bottom: 15px; text-align: center; }
@media (min-width: 768px) { .gallery-page-header .wrap-gallery-header { position: relative; max-width: 500px; margin: 0 auto; }
  .gallery-page-header .wrap-gallery-header .gallery-header-title { padding-bottom: 20px; } }
@media (min-width: 1280px) { .gallery-page-header .wrap-gallery-header { max-width: initial; font-size: 0; }
  .gallery-page-header .wrap-gallery-header .gallery-header-breadcrumbs { display: block; position: absolute; right: -6px; bottom: calc(100% + 10px); }
  .gallery-page-header .wrap-gallery-header .gallery-header-title { position: relative; display: inline-block; vertical-align: middle; width: 160px; padding-bottom: 0; text-align: left; }
  .gallery-page-header .wrap-gallery-header .gallery-header-title:after { content: '\e903'; display: inline-block; vertical-align: middle; padding-bottom: 2px; padding-left: 10px; font-family: 'icomoon'; font-size: 8px; color: #00736b; } }

@media (min-width: 1280px) { .gallery-header-nav { display: inline-block; vertical-align: middle; width: calc(100% - 240px); }
  .gallery-header-nav .wrap-gallery-nav { text-align: center; } }

.gallery-nav-btns .wrap-nav-btns { text-align: center; font-size: 0; }
@media (min-width: 1280px) { .gallery-nav-btns { display: none; } }

.nav-btns-element { display: inline-block; vertical-align: top; }
.nav-btns-element:first-child .wrap-btns-element { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.nav-btns-element:last-child .wrap-btns-element { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: none; }
.nav-btns-element .wrap-btns-element { font-size: 0; padding: 16px 0; border: 2px solid #444444; border-radius: 2px; width: 160px; }
.nav-btns-element .wrap-btns-element .btns-element-text { display: inline-block; vertical-align: middle; font-family: "Poppins", sans-serif; font-size: 13px; font-weight: 700; color: #444444; text-transform: uppercase; letter-spacing: 0.1em; padding-right: 7px; }
.nav-btns-element .wrap-btns-element .btns-element-icon { display: inline-block; vertical-align: middle; font-size: 8px; color: #444444; }
@media (max-width: 374px) { .nav-btns-element:last-child { margin-top: 15px; }
  .nav-btns-element:last-child .wrap-btns-element { border-left: 2px solid #444444; } }
@media (min-width: 768px) { .nav-btns-element .wrap-btns-element { width: 250px; }
  .nav-btns-element .wrap-btns-element .btns-element-text { font-size: 14px; letter-spacing: 0.15em; }
  .nav-btns-element .wrap-btns-element .btns-element-icon { font-size: 9px; } }

.gallery-nav { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; -webkit-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -moz-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -ms-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -o-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; }
.gallery-nav:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #fff; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -moz-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -ms-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -o-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; }
.gallery-nav.open { pointer-events: auto; opacity: 1; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; }
.gallery-nav.open:before { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; }
.gallery-nav.open .gallery-nav-wrapper .gallery-nav-close { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; }
.gallery-nav.open .gallery-nav-wrapper .gallery-nav-box { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; }
.gallery-nav .gallery-nav-wrapper { position: relative; z-index: 2; overflow-y: auto; text-align: center; font-size: 0; }
.gallery-nav .gallery-nav-wrapper:before { content: ''; display: inline-block; vertical-align: middle; height: 100vh; width: 0; opacity: 0; pointer-events: none; }
.gallery-nav .gallery-nav-wrapper .gallery-nav-close { position: absolute; top: 20px; right: 20px; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; -webkit-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -moz-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -ms-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -o-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; }
.gallery-nav .gallery-nav-wrapper .gallery-nav-box { display: inline-block; vertical-align: middle; max-width: 500px; margin: 0 auto; padding: 0 40px; width: 100%; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; -webkit-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -moz-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -ms-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -o-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; }
@media (min-width: 1280px) { .gallery-nav:not(.desktop-unwrap) { height: calc(100% - 80px); top: 80px; }
  .gallery-nav:not(.desktop-unwrap) .gallery-nav-wrapper:before { height: calc(100vh - 80px); }
  .gallery-nav .gallery-nav-wrapper .gallery-nav-close { top: 40px; right: 40px; }
  .gallery-nav.desktop-unwrap { position: relative; z-index: 9; opacity: 1; pointer-events: auto; height: auto; width: auto; transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; }
  .gallery-nav.desktop-unwrap:before { content: none; }
  .gallery-nav.desktop-unwrap .gallery-nav-wrapper:before { content: none; }
  .gallery-nav.desktop-unwrap .gallery-nav-wrapper .gallery-nav-close { display: none; }
  .gallery-nav.desktop-unwrap .gallery-nav-box { max-width: initial; padding: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; font-size: 0; opacity: 1; }
  .gallery-nav.desktop-unwrap .gallery-nav-box .gallery-nav-header { display: none; }
  .gallery-nav.desktop-unwrap .gallery-nav-element { display: inline-block; vertical-align: top; }
  .gallery-nav.desktop-unwrap .gallery-nav-element.active .wrap-nav-element:after { width: calc(100% - 40px); }
  .gallery-nav.desktop-unwrap .gallery-nav-element .wrap-nav-element { border-bottom: none; text-align: center; padding: 5px 20px; }
  .gallery-nav.desktop-unwrap .gallery-nav-element .wrap-nav-element:after { content: ''; bottom: 0; left: 50%; right: auto; width: 0; height: 1px; background-color: #f6b412; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
  .gallery-nav.desktop-unwrap .gallery-nav-element .wrap-nav-element .nav-element-text { font-size: 16px; text-transform: uppercase; letter-spacing: 0.15em; font-weight: 700; } }
@media (min-width: 1280px) and (min-width: 1280px) { .gallery-nav.desktop-unwrap .gallery-nav-element:hover .wrap-nav-element:after, .gallery-nav.desktop-unwrap .gallery-nav-element:focus .wrap-nav-element:after { width: calc(100% - 40px); } }

@media (min-width: 1680px) { .gallery-nav:not(.desktop-unwrap) { height: calc(100% - 90px); top: 90px; }
  .gallery-nav:not(.desktop-unwrap) .gallery-nav-wrapper:before { height: calc(100vh - 90px); } }

.gallery-nav-header .wrap-nav-header { text-align: center; padding-bottom: 25px; border-bottom: 1px solid #B7AFAF; }
.gallery-nav-header .wrap-nav-header .nav-header-title { font-family: "Poppins", sans-serif; font-size: 30px; font-weight: 500; color: #00736b; text-transform: uppercase; letter-spacing: 0.06em; padding-bottom: 10px; }
.gallery-nav-header .wrap-nav-header .nav-header-subtitle { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 700; color: #f6b412; text-transform: uppercase; letter-spacing: 0.15em; }

.gallery-nav-element { cursor: pointer; }
.gallery-nav-element.active .wrap-nav-element:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
.gallery-nav-element.active .wrap-nav-element .nav-element-text { color: #f6b412; }
.gallery-nav-element .wrap-nav-element { position: relative; padding: 20px 0 10px; border-bottom: 1px solid #B7AFAF; text-align: left; }
.gallery-nav-element .wrap-nav-element:after { content: '\e91d'; position: absolute; bottom: 13px; right: 0; -webkit-transform: translateX(-15px); -moz-transform: translateX(-15px); -ms-transform: translateX(-15px); -o-transform: translateX(-15px); transform: translateX(-15px); font-family: 'icomoon'; font-size: 12px; color: #f6b412; opacity: 0; -webkit-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -moz-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -ms-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -o-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; }
.gallery-nav-element .wrap-nav-element .nav-element-text { font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 400; color: #444444; letter-spacing: 0.01em; -webkit-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -moz-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -ms-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -o-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; }
@media (min-width: 1280px) { .gallery-nav-element:hover .wrap-nav-element:after, .gallery-nav-element:focus .wrap-nav-element:after { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
  .gallery-nav-element:hover .wrap-nav-element .nav-element-text, .gallery-nav-element:focus .wrap-nav-element .nav-element-text { color: #f6b412; } }
@media (min-width: 1280px) { .gallery-nav-element .wrap-nav-element .nav-element-text { font-size: 20px; } }

.gallery-header-counter .wrap-gallery-counter { font-size: 0; text-align: center; padding-top: 15px; }
.gallery-header-counter .wrap-gallery-counter .gallery-counter-num { display: inline-block; vertical-align: middle; font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 700; color: #444444; padding-right: 10px; }
.gallery-header-counter .wrap-gallery-counter .gallery-counter-text { display: inline-block; vertical-align: middle; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 700; color: #444444; letter-spacing: 0.02em; padding-top: 1px; }
@media (min-width: 1280px) { .gallery-header-counter { position: relative; display: inline-block; vertical-align: middle; width: 80px; } }

.gallery-page-content .wrap-gallery-content { padding-top: 40px; }
@media (min-width: 1024px) { .gallery-page-content .wrap-gallery-content { margin: 0 -5px; font-size: 0; } }
@media (min-width: 1680px) { .gallery-page-content .wrap-gallery-content { margin: 0 -7px; } }

.gallery-content-element { display: block; pointer-events: none; }
.gallery-content-element.hide { display: none; }
.gallery-content-element .wrap-gallery-element { padding-bottom: 25px; }
@media (min-width: 1280px) { .gallery-content-element:hover .gallery-element-info, .gallery-content-element:focus .gallery-element-info { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@media (min-width: 1024px) { .gallery-content-element { display: inline-block; vertical-align: top; width: 50%; pointer-events: auto; padding: 5px; } }
@media (min-width: 1280px) { .gallery-content-element .wrap-gallery-element { padding: 0; position: relative; overflow: hidden; border-radius: 4px; } }
@media (min-width: 1680px) { .gallery-content-element { padding: 7px; width: 33.33%; } }

.gallery-element-img { position: relative; overflow: hidden; border-top-right-radius: 4px; border-top-left-radius: 4px; padding-top: 66.66%; }
.gallery-element-img .gallery-img-photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
.gallery-element-img .gallery-img-photo.sta-insert-video { pointer-events: auto; }
.gallery-element-img .gallery-img-photo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (min-width: 1680px) { .gallery-element-img { padding-top: 72%; } }

.gallery-element-info .wrap-element-info { position: relative; background-color: #fff; padding: 10px 20px; }
.gallery-element-info .wrap-element-info .element-info-text { position: relative; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; color: #444444; letter-spacing: 0.05em; padding: 0 25px 0 15px; }
.gallery-element-info .wrap-element-info .element-info-text:before { content: '\e903'; position: absolute; top: 4px; left: 0; font-family: 'icomoon'; font-size: 7px; color: #444444; }
.gallery-element-info .wrap-element-info .element-info-icon { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 15px; color: #444444; display: none; }
@media (min-width: 768px) { .gallery-element-info .wrap-element-info { padding: 14px 20px; }
  .gallery-element-info .wrap-element-info .element-info-text { font-size: 18px; }
  .gallery-element-info .wrap-element-info .element-info-text:before { top: 5px; }
  .gallery-element-info .wrap-element-info .element-info-icon { font-size: 17px; } }
@media (min-width: 1024px) { .gallery-element-info .wrap-element-info .element-info-icon { display: block; } }
@media (min-width: 1280px) { .gallery-element-info { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -moz-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -ms-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; -o-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.7s; }
  .gallery-element-info .wrap-element-info { background-color: rgba(0, 0, 0, 0.4); }
  .gallery-element-info .wrap-element-info .element-info-text { color: #fff; }
  .gallery-element-info .wrap-element-info .element-info-text:before { color: #fff; }
  .gallery-element-info .wrap-element-info .element-info-icon { color: #fff; } }