.gallery-slider {
  margin: 0 -2px;
  position: relative; }
  .gallery-slider:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    content: '';
    bottom: 0;
    z-index: 1;
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.65) 0%, white 100%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0.65) 0%, white 100%); }
    @media (min-width: 768px) {
      .gallery-slider:before {
        width: 70px; } }
    .pale-bg .gallery-slider:before {
      background: -webkit-linear-gradient(right, rgba(243, 243, 243, 0.65) 0%, #f3f3f3 100%);
      background: linear-gradient(to left, rgba(243, 243, 243, 0.65) 0%, #f3f3f3 100%); }
    .dark-bg .gallery-slider:before {
      background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.65) 0%, black 100%);
      background: linear-gradient(to left, rgba(0, 0, 0, 0.65) 0%, black 100%); }
    .highlight-bg .gallery-slider:before {
      background: -webkit-linear-gradient(right, rgba(0, 187, 0, 0.65) 0%, #00bb00 100%);
      background: linear-gradient(to left, rgba(0, 187, 0, 0.65) 0%, #00bb00 100%); }
  .gallery-slider:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    content: '';
    bottom: 0;
    z-index: 1;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.65) 0%, white 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.65) 0%, white 100%); }
    .pale-bg .gallery-slider:after {
      background: -webkit-linear-gradient(left, rgba(243, 243, 243, 0.65) 0%, #f3f3f3 100%);
      background: linear-gradient(to right, rgba(243, 243, 243, 0.65) 0%, #f3f3f3 100%); }
    .dark-bg .gallery-slider:after {
      background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, black 100%);
      background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, black 100%); }
    .highlight-bg .gallery-slider:after {
      background: -webkit-linear-gradient(left, rgba(0, 187, 0, 0.65) 0%, #00bb00 100%);
      background: linear-gradient(to right, rgba(0, 187, 0, 0.65) 0%, #00bb00 100%); }
    @media (min-width: 768px) {
      .gallery-slider:after {
        width: 66px; } }
  .gallery-slider .slide {
    float: left;
    width: 25%;
    padding: 0 2px; }
  .gallery-slider .image {
    background-size: cover;
    background-position: 50% 50%;
    padding-top: 100%;
    display: block;
    position: relative; }
    .gallery-slider .image img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .gallery-slider .slick-list {
    padding: 0 40px !important; }
    @media (min-width: 768px) {
      .gallery-slider .slick-list {
        padding: 0 70px !important; } }
  .gallery-slider .slick-arrow {
    background: var(--highlight-color);
    width: 45px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--white-color);
    margin: 0 -10px; }
    .rounded-corners .gallery-slider .slick-arrow {
      border-radius: 8px; }
    .highlight-bg .gallery-slider .slick-arrow {
      background: var(--black-color); }
    .gallery-slider .slick-arrow i {
      font-size: 22px;
      line-height: 1; }
  .gallery-slider .caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: var(--white-color);
    text-align: center;
    padding: 10px;
    z-index: 10; }
    .gallery-slider .caption:after {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      content: '';
      background: var(--highlight-color);
      opacity: 0.8;
      z-index: -1; }

.slider-for {
  background: #f3f3f3; }
  @media (min-width: 768px) {
    .rounded-corners .slider-for {
      border-radius: 20px; } }
  .pale-bg .slider-for {
    background: #fff; }
  .dark-bg .slider-for {
    background: #333; }
  .slider-for .image {
    padding-top: 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative; }
    @media (min-width: 1024px) {
      .slider-for .image {
        padding-top: 35%;
        background-size: contain; } }
    .slider-for .image .caption {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      color: var(--white-color);
      text-align: center;
      padding: 10px;
      z-index: 10;
      overflow: hidden; }
      .rounded-corners .slider-for .image .caption {
        border-radius: 0 0 20px 20px; }
      .slider-for .image .caption:after {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        content: '';
        background: var(--highlight-color);
        opacity: 0.8;
        z-index: -1; }
    .slider-for .image img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: contain; }
  .slider-for .slick-arrow {
    background: var(--highlight-color);
    width: 45px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: var(--white-color);
    margin: 0 -8px; }
    .rounded-corners .slider-for .slick-arrow {
      border-radius: 8px; }
    .highlight-bg .slider-for .slick-arrow {
      background: var(--black-color); }
    .slider-for .slick-arrow i {
      font-size: 22px;
      line-height: 1; }
  .highlight-bg .slider-for {
    background: var(--white-color); }

.slider-nav {
  max-width: 600px;
  margin: 10px auto 0; }
  .slider-nav .image {
    padding-top: 65%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin: 2px;
    position: relative; }
    .slider-nav .image img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }

.common-block.full-width .container {
  max-width: none; }
/*# sourceMappingURL=gallery.css.map */