/* breakpoints */
.grid-position {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left; }

html:lang(ar) .grid-position {
  float: right; }

.gallery-filter {
  position: relative; }
  @media all and (max-width: 599px) {
    .gallery-filter {
      padding-top: 0 !important; } }
  @media all and (max-width: 599px) {
    .gallery-filter .button-group {
      position: relative;
      top: auto; } }
  .gallery-filter .grid {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media all and (max-width: 599px) {
      .gallery-filter .grid {
        margin-top: 60px !important; } }
    .gallery-filter .grid .element-item {
      width: 33.33%;
      padding: 8px; }
      @media all and (max-width: 1023px) {
        .gallery-filter .grid .element-item {
          width: 50%; } }
      @media all and (max-width: 599px) {
        .gallery-filter .grid .element-item {
          padding: 4px; }
          .gallery-filter .grid .element-item:nth-child(odd) {
            padding-left: 8px;
            padding-right: 4px; }
          .gallery-filter .grid .element-item:nth-child(even) {
            padding-left: 4px;
            padding-right: 8px; } }
      .gallery-filter .grid .element-item:after {
        content: "";
        display: block;
        padding-bottom: 100%; }
      .gallery-filter .grid .element-item a {
        position: absolute;
        width: -moz-calc(100% - 16px) !important;
        width: -webkit-calc(100% - 16px) !important;
        width: calc(100% - 16px) !important;
        height: -moz-calc(100% - 16px) !important;
        height: -webkit-calc(100% - 16px) !important;
        height: calc(100% - 16px) !important; }
        @media all and (max-width: 599px) {
          .gallery-filter .grid .element-item a {
            width: -moz-calc(100% - 12px) !important;
            width: -webkit-calc(100% - 12px) !important;
            width: calc(100% - 12px) !important;
            height: -moz-calc(100% - 8px) !important;
            height: -webkit-calc(100% - 8px) !important;
            height: calc(100% - 8px) !important; } }
        .gallery-filter .grid .element-item a img {
          opacity: 0; }
        @media all and (max-width: 1023px) {
          .gallery-filter .grid .element-item a.orange-play-btn:after {
            width: 36px;
            height: 36px; } }
        .gallery-filter .grid .element-item a:before {
          content: "";
          background: url("../images/search.svg") no-repeat;
          width: 30px;
          height: 30px;
          position: absolute;
          right: 15px;
          bottom: 15px;
          opacity: 0;
          -webkit-transition: all 0.3s ease-in-out;
          -moz-transition: all 0.3s ease-in-out;
          -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
        .gallery-filter .grid .element-item a:hover:before {
          opacity: 1; }
      .gallery-filter .grid .element-item .bg-img-cover {
        width: 100%;
        height: 100%; }
    .gallery-filter .grid .view-content {
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.fancybox-container.fancybox-show-infobar.fancybox-show-nav .fancybox-caption,
.fancybox-container.fancybox-show-infobar.fancybox-show-nav .fancybox-infobar,
.fancybox-container.fancybox-show-infobar.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-container.fancybox-show-infobar.fancybox-show-nav .fancybox-toolbar {
  visibility: visible;
  opacity: 1; }

.fancybox-container .fancybox-toolbar {
  right: 30px;
  top: 50px; }
  .fancybox-container .fancybox-toolbar .fancybox-button {
    display: none !important; }
    .fancybox-container .fancybox-toolbar .fancybox-button.fancybox-button--close {
      display: block !important;
      background: url("../images/close.svg") no-repeat;
      width: 44px;
      height: 44px; }
      .fancybox-container .fancybox-toolbar .fancybox-button.fancybox-button--close svg {
        display: none !important; }
      @media all and (max-width: 1023px) {
        .fancybox-container .fancybox-toolbar .fancybox-button.fancybox-button--close {
          width: 40px;
          height: 40px; } }

.fancybox-container .fancybox-infobar {
  display: none !important; }

.fancybox-container .fancybox-slide {
  padding: 0 !important; }

.fancybox-container .fancybox-navigation .fancybox-button {
  padding: 0;
  width: 58px;
  height: 58px;
  background-size: 100%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("../images/slick-arrow.svg") no-repeat center; }
  .fancybox-container .fancybox-navigation .fancybox-button svg {
    display: none !important; }
  @media all and (min-width: 1024px) and (max-width: 1439px) {
    .fancybox-container .fancybox-navigation .fancybox-button {
      width: 44px;
      height: 44px; } }
  @media all and (max-width: 1199.98px) {
    .fancybox-container .fancybox-navigation .fancybox-button {
      width: 40px;
      height: 40px; } }
  .fancybox-container .fancybox-navigation .fancybox-button.fancybox-button--arrow_left {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    left: 15px; }
  .fancybox-container .fancybox-navigation .fancybox-button.fancybox-button--arrow_right {
    right: 15px; }

.fancybox-container .fancybox-show-thumbs .fancybox-inner {
  bottom: 0;
  right: 0 !important; }

.fancybox-container .fancybox-show-thumbs .fancybox-thumbs {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0 !important;
  top: auto;
  width: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 95px;
  padding: 10px 10px 5px 10px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
  -moz-transform: translateY(70%);
  -o-transform: translateY(70%);
  -ms-transform: translateY(70%);
  -webkit-transform: translateY(70%);
  transform: translateY(70%); }
  .fancybox-container .fancybox-show-thumbs .fancybox-thumbs:hover {
    opacity: 1;
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }

.fancybox-container .fancybox-content {
  background: transparent;
  width: 100% !important;
  height: 100% !important;
  -moz-transform: translate(0) !important;
  -o-transform: translate(0) !important;
  -ms-transform: translate(0) !important;
  -webkit-transform: translate(0) !important;
  transform: translate(0) !important; }
  .fancybox-container .fancybox-content img {
    max-width: 50vw;
    max-height: 50vh;
    width: auto;
    height: auto;
    left: 50%;
    top: 46%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media all and (max-width: 1023px) {
      .fancybox-container .fancybox-content img {
        max-width: 100vw; } }

.fancybox-container .fancybox-close-small {
  display: none !important; }

.fancybox-show-thumbs .fancybox-inner {
  bottom: 0 !important;
  right: 0 !important; }

.fancybox-show-thumbs .fancybox-thumbs {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  top: auto;
  width: auto;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10%;
  padding: 0;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
  -moz-transform: translateY(10%);
  -o-transform: translateY(10%);
  -ms-transform: translateY(10%);
  -webkit-transform: translateY(10%);
  transform: translateY(10%); }
  .fancybox-show-thumbs .fancybox-thumbs:hover {
    opacity: 1;
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%); }

.fancybox-thumbs__list a {
  width: 10%;
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

html:lang(ar) .gallery-filter .grid .element-item a:before {
  right: auto;
  left: 15px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

html:lang(ar) .fancybox-container .fancybox-toolbar {
  right: auto;
  left: 30px; }

html:lang(ar) .fancybox-container .fancybox-show-thumbs .fancybox-inner {
  right: auto !important;
  left: 0 !important; }

html:lang(ar) .fancybox-show-thumbs .fancybox-inner {
  right: auto !important;
  left: 0 !important; }