/*
.main-category-item {
  text-decoration: none;
  color: @background-color !important;
  .trs(~"all .2s ease-in-out");

  > i {
    .trs(~"all .2s ease-in-out");

    &.icon {
      background: @background-color;
      width: 56px;
      height: 56px;
      display: block;
      margin: 0 auto;
      margin-bottom: 5px;



      //@path: "https://aroosimarket.com/sites/all/themes/uikit/images/svg/";
      @path: "http://aroosimarket.com.test/sites/all/themes/uikit/images/svg/";

      //Front Page
      &.registry-office {

        @file: "birthday-and-party.svg";
        .mask("@{path}@{file}");
      }

      &.bride-dress-meson {
        @file: "bride-dress.svg";
        .mask("@{path}@{file}");
      }

      &.garden-hall {
        @file: "wedding-arch-open.svg";
        .mask("@{path}@{file}");


      }

      &.hall {
        @file: "city-hall2.svg";
        .mask("@{path}@{file}");
      }

      &.atelier {
        @file: "camera2.svg";
        .mask("@{path}@{file}");
      }

      &.hairdresser-bride {
        @file: "female-hair.svg";
        .mask("@{path}@{file}");
      }

      &.photography-garden {
        @file: "photograph-photography.svg";
        .mask("@{path}@{file}");
      }

      &.groom-dress-meson {
        @file: "suit.svg";
        .mask("@{path}@{file}");
      }

      &.wedding-cake {
        @file: "wedding-cake.svg";
        .mask("@{path}@{file}");
      }

      &.wedding-flowers {
        @file: "bunch-of-flowers.svg";
        .mask("@{path}@{file}");
      }

      &.hairdresser-groom {
        @file: "hair-salon2.svg";
        .mask("@{path}@{file}");
      }

      &.wedding-ceremonies {
        @file: "nlp-neurolinguistic.svg";
        .mask("@{path}@{file}");
      }

      &.wedding-car-rental {
        @file: "wedding-car.svg";
        .mask("@{path}@{file}");
      }

      &.other-business {
        @file: "3-dots.svg";
        .mask("@{path}@{file}");
      }

      &.music {
        @file: "dj.svg";
        .mask("@{path}@{file}");
      }

      /////////////////////
      //Photo Gallery
      ///////////////

      &.lebas-aroos {

        @file: 'bride-with-dress.svg';
        .mask("@{path}@{file}");
      }

      &.lebas-majlesi {
        @file: 'female-party-long-dress.svg';
        .mask("@{path}@{file}");
      }
      &.kafsh-aroos {
        @file: 'high-heels-shoes.svg';
        .mask("@{path}@{file}");
      }
      &.cake-aroosi {
        @file: 'cake.svg';
        .mask("@{path}@{file}");
      }
      &.gol-aroosi {
        @file: 'bunch-of-flowers.svg';
        .mask("@{path}@{file}");
      }
      &.nim-taj-aroos {
        @file: 'crown-of-flowers.svg';
        .mask("@{path}@{file}");
      }
      &.kafsh-majlesi {
        @file: 'high-heel-shoes.svg';
        .mask("@{path}@{file}");
      }
      &.model-moo {
        @file: 'hair.svg';
        .mask("@{path}@{file}");
      }

      &.nakhon-aroos {
        @file: 'nail-polish.svg';
        .mask("@{path}@{file}");
      }
      &.halgheh-aroos {
        @file: 'wedding-rings.svg';
        .mask("@{path}@{file}");
      }
      &.saghdoosh {
        @file: 'bridesmaids.svg';
        .mask("@{path}@{file}");
      }
      &.lebas-damad {
        @file: 'suit.svg';
        .mask("@{path}@{file}");
      }
      &.gift-aroosi {
        @file: 'gift.svg';
        .mask("@{path}@{file}");
      }
      &.service-tala {
        @file: 'necklace.svg';
        .mask("@{path}@{file}");
      }
      &.halgheh-damad {
        @file: 'groom.svg';
        .mask("@{path}@{file}");
      }
      &.kafsh-damad {
        @file: 'men-shoe.svg';
        .mask("@{path}@{file}");
      }

      //////////////
      // video
      /////////////
      &.barresi {
        @file: 'direction.svg';
        .mask("@{path}@{file}");
      }
      &.moarrefi {
        @file: 'presentation.svg';
        .mask("@{path}@{file}");
      }
      &.moshavereh {
        @file: 'check.svg';
        .mask("@{path}@{file}");
      }
      &.nokteh {
        @file: 'check-education.svg';
        .mask("@{path}@{file}");
      }

    }
  }

  @mask_color: #dec10c;

  &:hover {
    color: @mask_color !important;
    text-decoration: none;

    > i.icon {
      .trsf(~"scale(1.2)");
      background-color: @mask_color;
    }
  }

}
.sub-page {

  > div {
    &:nth-child(3n+1) {
      .main-category-item {
        &:hover {
          i.icon {
            .trsf(~"rotate(10deg) scale(1.1)");
          }
        }
      }
    }
    &:nth-child(3n) {
      .main-category-item {
        &:hover {
          i.icon {
            .trsf(~"rotate(-10deg) scale(1.1)");
          }
        }
      }
    }
    &:nth-child(3n+2) {
      .main-category-item {
        &:hover {
          i.icon {
            .trsf(~"rotate(0) scale(1.3)");
          }
        }
      }
    }
  }
  .main-category-item {



    @path: "https://aroosimarket.com/sites/all/themes/uikit/images/svg/";
    //@path: "http://localhost/aroosimarket.com/sites/all/themes/uikit/images/svg/";


    i.icon {
      border: 1px solid #000;

      &.tehran-west {
        @file: 'tehran-west.svg';
        .mask("@{path}@{file}");



      }
      &.tehran-east {
        @file: 'tehran-east.svg';
        .mask("@{path}@{file}");
      }
      &.tehran-center {
        @file: 'tehran-center.svg';
        .mask("@{path}@{file}");
      }
      &.tehran-south {
        @file: 'tehran-south.svg';
        .mask("@{path}@{file}");
      }
      &.tehran-north {
        @file: 'tehran-north.svg';
        .mask("@{path}@{file}");
      }
      &.garmdareh {
        @file: 'garmdareh.svg';
        .mask("@{path}@{file}");
      }
      &.ahmad-abad-mostofi {
        @file: 'ahmadabad-mostofi.svg';
        .mask("@{path}@{file}");
      }
      &.shahriar {
        @file: 'shahriar.svg';
        .mask("@{path}@{file}");
      }
      &.andisheh {
        @file: 'andisheh.svg';
        .mask("@{path}@{file}");
      }
      &.chitgar {
        @file: 'chitgar.svg';
        .mask("@{path}@{file}");
      }
      &.karaj {
        @file: 'karaj.svg';
        .mask("@{path}@{file}");
      }
      &.malard {
        @file: 'malard.svg';
        .mask("@{path}@{file}");
      }
      &.mehrshahr {
        @file: 'mehrshahr.svg';
        .mask("@{path}@{file}");
      }
      &.mohammadshahr {
        @file: 'mohammadshahr.svg';
        .mask("@{path}@{file}");
      }
      &.boomehen {
        @file: 'boomehen.svg';
        .mask("@{path}@{file}");
      }
      &.hashtgerd {
        @file: 'hashtgerd.svg';
        .mask("@{path}@{file}");
      }
      &.varamin {
        @file: 'varamin.svg';
        .mask("@{path}@{file}");
      }
      &.eslamshahr {
        @file: 'eslamshahr.svg';
        .mask("@{path}@{file}");
      }
      &.baghestan {
        @file: 'baghestan.svg';
        .mask("@{path}@{file}");
      }

      //display: none;
      //visibility: hidden;


      //registry office
      !*
      &.registry-office {
        display: block !important;
        visibility: visible !important;
        &.tehran-west {
          @file: 'tehran-west.svg';
          .mask("@{path}@{file}");
        }
        &.tehran-east {
          @file: 'tehran-east.svg';
          .mask("@{path}@{file}");
        }
        &.tehran-center {
          @file: 'tehran-center.svg';
          .mask("@{path}@{file}");
        }
        &.tehran-south {
          @file: 'tehran-south.svg';
          .mask("@{path}@{file}");
        }
        &.tehran-north {
          @file: 'tehran-north.svg';
          .mask("@{path}@{file}");
        }
      }

      &.garden-hall {
        display: block !important;
        visibility: visible !important;
        &.garmdareh {
          @file: 'garmdareh.svg';
          .mask("@{path}@{file}");
        }
        &.ahmad-abad-mostofi {
          @file: 'ahmadabad-mostofi.svg';
          .mask("@{path}@{file}");
        }
        &.shahriar {
          @file: 'shahriar.svg';
          .mask("@{path}@{file}");
        }
        &.andisheh {
          @file: 'andisheh.svg';
          .mask("@{path}@{file}");
        }
        &.chitgar {
          @file: 'chitgar.svg';
          .mask("@{path}@{file}");
        }
        &.tehran-west {
          @file: 'tehran-west.svg';
          .mask("@{path}@{file}");
        }
        &.tehran-center {
          @file: 'tehran-center.svg';
          .mask("@{path}@{file}");
        }
        &.tehran-e {
          @file: 'tehran-center.svg';
          .mask("@{path}@{file}");
        }
      }
      *!


    }
  }
}
*/
.field .field-label span.icon {
  background: #666666;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.field.field-name-field-phone span.icon {
  mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/phone.svg") no-repeat center / contain;
  -webkit-mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/phone.svg") no-repeat center / contain;
}
.field.field-name-field-mobile-number span.icon {
  mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/mobile.svg") no-repeat center / contain;
  -webkit-mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/mobile.svg") no-repeat center / contain;
}
.field.field-name-field-parking-capacity span.icon {
  mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/parking2.svg") no-repeat center / contain;
  -webkit-mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/parking2.svg") no-repeat center / contain;
}
.field.field-name-field-telegram span.icon {
  mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/icons8-telegram-app.svg") no-repeat center / contain;
  -webkit-mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/icons8-telegram-app.svg") no-repeat center / contain;
}
.field.field-name-field-capacity span.icon,
.field.field-name-field-aghd-capacity span.icon {
  mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/people.svg") no-repeat center / contain;
  -webkit-mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/people.svg") no-repeat center / contain;
}
.field.field-name-field-region span.icon {
  mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/sitemap.svg") no-repeat center / contain;
  -webkit-mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/sitemap.svg") no-repeat center / contain;
}
#footer-social-network-buttons span.icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #fff;
}
#footer-social-network-buttons span.icon.telegram {
  mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/icons8-telegram-app.svg") no-repeat center / contain;
  -webkit-mask: url("https://aroosimarket.com/sites/all/themes/uikit/images/svg/icons8-telegram-app.svg") no-repeat center / contain;
}
/*# sourceMappingURL=svg-icons.css.map */