body {
  height: 100vh;
  font-size: 16px; }
  @media (max-width: 640px) {
    body {
      height: auto; } }

@media (max-width: 640px) {
  .site-logo {
    margin-bottom: 10px !important; } }

.site-wrapper {
  height: 100%; }

.map-frame {
  height: 100%;
  width: calc(100% - 300px);
  overflow: hidden; }
  @media (max-width: 640px) {
    .map-frame {
      width: 100%;
      height: 400px; } }
  .map-frame .map-frame-inner {
    position: relative;
    height: 100%; }
  .map-frame .map-iframe {
    height: 100%; }

.site-right {
  background-color: #fff;
  width: 310px;
  /* max-width: 260px; */
  padding: 20px;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  overflow-x: scroll;
  direction: rtl;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between; }
  @media (max-width: 640px) {
    .site-right {
      position: inherit;
      top: inherit;
      right: inherit;
      width: calc(100% - 40px);
      max-width: calc(100% - 40px);
      padding-bottom: 0; } }
  .site-right .category-menu li {
    margin-bottom: 10px; }
    .site-right .category-menu li a {
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      padding: 10px 15px;
      background-color: #EC7C52;
      border-radius: 50px; }
      .site-right .category-menu li a i {
        font-size: 21px;
        margin: 0 0 10px 10px; }
  .site-right .category-menu .uk-open a {
    background-color: #222; }
  .site-right .category-menu .uk-nav-sub {
    font-size: 16px;
    font-weight: bold;
    padding: 20px 15px 10px 0;
    color: #222; }
  .site-right .category-menu .uk-parent > a::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); }

.category-title-active .icon-bx-chevron-down {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg); }

.site-right-inner {
  width: 100%; }

.uk-dropdown {
  padding: 20px;
  border-radius: 10px; }

.search-menu {
  margin: 20px 0; }
  @media (max-width: 640px) {
    .search-menu {
      position: inherit;
      top: inherit;
      right: inherit;
      margin: 10px 0; } }
  .search-menu ul {
    direction: rtl;
    font-size: 16px; }
    .search-menu ul li a {
      color: #222;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 7px 0;
      border-bottom: 1px dashed rgba(0, 0, 0, 0.055); }
      .search-menu ul li a .sm-count {
        color: #ccc; }
    .search-menu ul li:last-child a {
      border: none; }
  .search-menu .uk-select {
    border: 1px solid #eee;
    background-color: #f6f6f6; }
    @media (max-width: 640px) {
      .search-menu .uk-select {
        -webkit-box-shadow: none;
                box-shadow: none; } }
  .search-menu input {
    text-align: right; }
  .search-menu .uk-search-input {
    border-radius: 100px; }

.uk-input,
.uk-select,
.uk-textarea {
  border: 0 none;
  padding: 0 20px;
  border-radius: 100px; }
  @media (max-width: 640px) {
    .uk-input,
    .uk-select,
    .uk-textarea {
      background-color: #f6f6f6; } }

.uk-select:not([multiple]):not([size]) {
  background-position: 10px 50%; }

.uk-input,
.uk-select:not([multiple]):not([size]) {
  height: 50px; }

.uk-checkbox:checked,
.uk-checkbox:indeterminate,
.uk-radio:checked {
  background-color: #EC7C52 !important; }

.map-control-btn {
  background-color: #222;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 100px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: none;
  outline: inherit;
  margin-bottom: 30px;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-animation-name: pulse;
          animation-name: pulse;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }
  .map-control-btn:hover {
    background-color: #EC7C52;
    color: #fff; }
  @media (max-width: 640px) {
    .map-control-btn {
      top: 10px; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); }
  80% {
    -webkit-box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); } }
@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); }
  80% {
    -webkit-box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); } }
.phone-number-inner {
  background-color: #f6f6f6;
  padding: 25px 20px;
  border-radius: 20px;
  margin-bottom: 20px; }
  @media (max-width: 640px) {
    .phone-number-inner {
      margin: 0;
      border-radius: 0; } }
  .phone-number-inner h3 {
    font-size: 18px;
    direction: rtl; }
  .phone-number-inner .uk-button {
    width: 47%;
    margin-bottom: 5px;
    border-radius: 50px;
    background-color: #fff;
    border-color: #fff;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out; }
    .phone-number-inner .uk-button:hover {
      background-color: #222;
      border-color: #222;
      color: #fff; }

.phone-link {
  color: #222;
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 7px 10px 5px;
  margin: 0 0 5px 5px !important;
  display: inline-block;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; }
  .phone-link:hover {
    background-color: #222;
    color: #fff; }

.site-left {
  width: 350px;
  /* max-width: 300px; */
  padding: 20px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  overflow-x: scroll;
  direction: rtl; }
  @media (max-width: 640px) {
    .site-left {
      width: 100%;
      max-width: 100%;
      position: relative;
      top: inherit;
      left: inherit;
      height: 100%;
      overflow-y: scroll;
      padding: 0;
      margin-top: -50px;
      z-index: 2; } }

@media (max-width: 640px) {
  .site-left-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0; } }

.location-box {
  padding: 20px;
  border-radius: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  @media (max-width: 640px) {
    .location-box {
      background-color: #f9f9f9;
      margin-left: 10px; } }
  .location-box .lb-btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .location-box .lb-btn-box .lb-btn {
      background-color: #EC7C52;
      border: 2px solid #EC7C52;
      color: #fff;
      border-radius: 100px;
      padding: 10px 15px;
      width: 100%;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .location-box .lb-btn-box .lb-btn:hover {
        background-color: #222;
        border-color: #222;
        color: #fff !important;
        text-decoration: none; }
    .location-box .lb-btn-box .btn-border {
      background-color: #fff;
      border-color: #222;
      color: #222; }
  .location-box h3 {
    font-size: 18px;
    margin-bottom: 5px; }
  .location-box p {
    color: #777777;
    font-size: 14px;
    padding-right: 30px;
    position: relative;
    margin: 0 0 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.055); }
    .location-box p i {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 21px;
      font-size: 21px;
      color: #EC7C52; }
  .location-box:hover {
    background-color: #EC7C52;
    color: #fff; }
    .location-box:hover .lb-btn {
      background-color: #fff;
      border-color: #fff;
      color: #222; }
    .location-box:hover p {
      color: #fff; }
      .location-box:hover p i {
        color: #fff; }

.site-left-inner > div:nth-child(even) {
  background-color: #FDF2ED; }
  .site-left-inner > div:nth-child(even) p {
    color: #512717; }
  .site-left-inner > div:nth-child(even) .btn-border {
    background-color: #FDF2ED; }
  .site-left-inner > div:nth-child(even):hover {
    background-color: #EC7C52;
    color: #fff; }

@media (max-width: 640px) {
  iframe {
    height: 100%; } }

.uk-modal-dialog {
  border-radius: 20px; }

#go-back {
  background-color: #EC7C52;
  color: #fff;
  padding: 0 20px;
  font-size: 16px; }
  #go-back:hover {
    background-color: #222; }

.category-box .uk-card {
  border: 1px solid #eee;
  border-radius: 20px; }
.category-box h3 {
  font-size: 21px; }
  @media (max-width: 640px) {
    .category-box h3 {
      font-size: 16px; } }
.category-box a {
  text-decoration: none; }
.category-box:hover h3 {
  color: #EC7C52; }

.site-footer {
  padding: 20px 0;
  text-align: center;
  color: #ccc;
  background-color: #f8f8f8; }