#sandbox_theme_panel_1024101 {
  bottom: 0;
  top: auto !important;
  width: 140px !important;
  font-size: 12px !important; }

.block-3 {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  text-align: left;
  color: #fff;
  min-height: 49px;
  padding: 5px 20px;
  box-sizing: border-box;
  align-items: center;
  font-size: 14px; }

.top-work {
  flex: 0 0 150px; }
  .top-work:first-line {
    font-size: 17px;
    font-weight: bold; }

.top-phones {
  flex: 1 0 0;
  text-align: center;
  padding: 0 20px; }
  .top-phones a {
    text-decoration: none;
    font-size: 17px;
    font-weight: bold; }
  .top-phones span {
    padding: 0 5px; }

.top-mail {
  flex: 0 0 170px;
  text-align: right; }

.site-mail {
  padding: 0 0 0 20px;
  background: url(mail-icon.svg) -8px -7px/33px no-repeat; }
  .site-mail a {
    color: #b5e61d;
    text-decoration: none; }

.site-what a {
  color: #b5e61d;
  text-decoration: none;
  border-bottom: 1px dashed; }
  .site-what a:hover {
    border-bottom-color: transparent; }

@media (max-width: 960px) {
  .block-6 .layout_7 {
    display: none; }

  .block-6 {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%; }

  .widget-5 {
    width: 100%;
    margin-left: 0; }

  .side-panel-39 .side-panel-top-inner {
    align-items: center; }
    .side-panel-39 .side-panel-top-inner .site-name {
      margin: 0;
      padding: 10px;
      background: #fff;
      width: 90px;
      max-width: 90px; }
    .side-panel-39 .side-panel-top-inner .top-work, .side-panel-39 .side-panel-top-inner .top-mail {
      text-align: left;
      flex: initial; }
    .side-panel-39 .side-panel-top-inner .top-phones {
      text-align: left; }
      .side-panel-39 .side-panel-top-inner .top-phones span {
        display: block; }

  .site-mail {
    padding-left: 25px; }

  .site-what {
    padding-left: 25px; }

  .block-6 {
    margin-top: 0; }

  .widget-5 {
    min-height: 280px; }

  .block-2 {
    display: none; }

  .wrapper {
    padding-top: 110px; }

  .block-6 .layout_15_id_7, .widget-5 {
    margin-top: 0; } }

@media (max-width: 860px) {
  .block-3 {
    display: block;
    padding: 10px 20px; }

  .top-phones {
    padding: 10px 0; }
    .top-phones span {
      padding: 0; }

  .side-panel-39 .side-panel-top-inner {
    position: relative; }
    .side-panel-39 .side-panel-top-inner:before {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 90px;
      display: block;
      content: '';
      background: #fff;
      z-index: -1; }

  .wrapper {
    padding-top: 154px; } }

@media (max-width: 560px) {
  .side-panel-39 .side-panel-top-inner {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 0 0 90px;
    display: block; }

  .side-panel .widget-6 {
    margin: 10px auto; }

  .side-panel-39 .side-panel-top-inner .site-name {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center; }

  .side-panel-39 .side-panel-top-inner .top-work, .side-panel-39 .side-panel-top-inner .top-mail {
    text-align: center; }

  .block-3 {
    align-items: center;
    display: flex; }

  .site-what {
    padding-left: 0; }

  .wrapper {
    padding-top: 225px; }

  .side-panel-39 .side-panel-top-inner .top-phones {
    text-align: center;
    order: -1;
    padding: 0 0 10px; }

  .top-work {
    padding: 0 0 10px; } }

@media (max-width: 480px) {
  .wrapper {
    padding-top: 154px; } }

@media (max-width: 360px) {
  .side-panel-39 .side-panel-top-inner .site-name {
    max-width: 70px; }

  .side-panel-39 .side-panel-top-inner:before {
    display: none; }

  .side-panel-39 .side-panel-top-inner {
    padding-left: 70px; }

  .block-3 {
    padding: 10px; } }

.sand .gallery2_albums, .sand .gallery2_album_photos {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; }
  .sand .gallery2_albums > .image, .sand .gallery2_album_photos > .image {
    width: calc(50% - 8px);
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    border-radius: 5px;
    transition: all 0.5s ease;
    will-change: transform;
    height: auto;
    position: relative;
    min-height: 320px; }
    @media (max-width: 640px) {
    .sand .gallery2_albums > .image, .sand .gallery2_album_photos > .image {
      width: 100%; } }
    .sand .gallery2_albums > .image:hover, .sand .gallery2_album_photos > .image:hover {
      transform: scale(1.07);
      box-shadow: 0px 20px 29px 0px rgba(0, 0, 0, 0.47);
      z-index: 5; }
      .sand .gallery2_albums > .image:hover .more, .sand .gallery2_album_photos > .image:hover .more {
        display: inline-block !important; }
      .sand .gallery2_albums > .image:hover > div, .sand .gallery2_album_photos > .image:hover > div {
        background: rgba(0, 0, 0, 0.5); }
    .sand .gallery2_albums > .image > a, .sand .gallery2_album_photos > .image > a {
      padding: 0;
      border: none;
      width: 100%;
      height: 100%;
      line-height: normal; }
    .sand .gallery2_albums > .image img, .sand .gallery2_album_photos > .image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .sand .gallery2_albums > .image > div, .sand .gallery2_album_photos > .image > div {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100% !important;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      text-align: left;
      padding: 40px;
      box-sizing: border-box;
      background: linear-gradient(360deg, rgba(0, 0, 0, 0.5), transparent, transparent); }
      .sand .gallery2_albums > .image > div a, .sand .gallery2_album_photos > .image > div a {
        font-size: 20px;
        font-weight: normal;
        color: #fff !important;
        text-decoration: none;
        pointer-events: none;
        margin-bottom: 13px;
        will-change: transform; }
        .sand .gallery2_albums > .image > div a.more, .sand .gallery2_album_photos > .image > div a.more {
          font-size: 15px;
          font-weight: normal;
          color: #fff;
          padding: 14px 22px;
          box-sizing: border-box;
          display: inline-block;
          text-decoration: none;
          background: #9ebe42;
          pointer-events: auto;
          display: none; }
          .sand .gallery2_albums > .image > div a.more:hover, .sand .gallery2_album_photos > .image > div a.more:hover {
            background: #875d39; }
        .sand .gallery2_albums > .image > div a strong, .sand .gallery2_album_photos > .image > div a strong {
          font-size: inherit;
          font-weight: inherit; }
