/* @font-face {
    font-family: hi5;
    src:
         url(../fonts/Cairo-Regular.ttf),
         url(../fonts/Cairo-Black.ttf),
         url(../fonts/Cairo-Bold.ttf),
         url(../fonts/Cairo-ExtraLight.ttf),
         url(../fonts/Cairo-Light.ttf),
         url(../fonts/Cairo-SemiBold.ttf);
}
body,.heading--font,div,.body--font,p,a,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 ,li,span,small,div,button,.prize,html,button,input,select,textarea,code,kbd,pre,samp {
    font-family:hi5 !important;
} */


/* @font-face {
    font-family: DinNextRegular;
    src: url(../fonts/DinNextRegular.otf); }
  body {
    font-family: DinNextRegular !important;
    text-align: right;
} */

@font-face {

	font-family: "myfont2";

	src:   url("../font/regular.otf") format("opentype"),

		url("../font/black.otf") format("opentype"),

		url("../font/bold.otf") format("opentype"),

		url("../font/heavy.otf") format("opentype"),

		url("../font/light.otf") format("opentype"),

		url("../font/medium.otf") format("opentype")

		;

  }

  body,.heading--font,.body--font,p,a,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 ,li,span,small,div,button,.prize,html,button,input,select,textarea,code,kbd,pre,samp {
	  font-family: "myfont2" !important;
  }

body{
    direction: rtl !important;
    overflow-x: hidden;
}


.nav-header {
    float: right !important;
}
.align-to-right {
    float: left !important;
}
.nav-menu>li {
    display: inline-block;
    float: right !important;
    text-align: right !important;
}

.faq-search{
    width: 60%;
    margin: 0 auto;
    text-align: justify;

}
.btn.arrow-btn:before{
    background: unset !important;
}
.placeDetail {
    bottom: -20px;
    padding-top: 30px;

}
.hm-post-caption{
    text-align: right !important;
}

.hm-post-caption p{
    text-align: justify;

}

.input-group .form-control {
    border-radius:0 4px 4px 0 !important;
}
.input-group button.btn.btn-black {
    border-radius:4px 0 0 4px;
}

.btn.arrow-btn {
    letter-spacing: 0px !important;
}


span.tv-cate {
    position: absolute;
    left: unset;
    right: 15px;
}
.tv-date i {

    margin-left: 5px;
    margin-right: unset;
    float: right !important;
}
.tv-date {
    padding: 2px 3px 3px 15px !important;
}

.tv-price-box h3 {

    margin-left: unset;
    padding-left: unset;
    margin-right: 1rem;
    padding-right: 1rem;
    border-left: unset;
    border-right: 1px dashed #d7dae8;

}

.tour-verticle.style-2 .tour-verticle-caption {
    padding-left: unset;
    padding-right: 10px;

}

.discount-off {

    right: unset;
    left: 15px;

}
.single-roomdetails {

    left: unset;
    right: 0;
    text-align: right;
}
.nav-brand {
    padding: 5px 5px;
    font-size: 23px;
}
.nav-brand img {
    max-width: 129px;
}
.topbar-head ul.tp-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    border-right: 1px solid #f1ac1e;
    /* border-left: 1px solid #203354; */

}

footer.skin-dark-footer .footer-widget ul li a, footer.skin-dark-footer, footer.skin-dark-footer a {
    color: #fff;
    transition: all ease .4s;
    font-size: 14px;
}

footer.skin-dark-footer .footer-widget ul li a:hover, footer.skin-dark-footer .footer-widget ul li a:focus {
    color: #f1ac1e;
}

.footer-add {
    color: #fff;
    font-size: 13px;
}
footer.skin-dark-footer h4 {
    color: #f1ac1e;
    font-weight: 700;
}



button.btn_Start {
    margin: 0 auto;

    font-family: inherit;
    font-size: 20px;
    background: #f1ac1e;
    color: white;
    padding: 0.7em 1em;
    padding-left: 0.9em;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.2s;
    cursor: pointer;
   }

   button.btn_Start span {
    display: block;
    margin-left: 0.3em;
    transition: all 0.3s ease-in-out;
   }

   button.btn_Start svg {
    display: block;
    transform-origin: center center;
    transition: transform 0.3s ease-in-out;
   }

   button.btn_Start:hover .svg-wrapper {
    animation: fly-1 0.6s ease-in-out infinite alternate;
   }

   button.btn_Start:hover svg {
    transform: translateX(1.2em) rotate(45deg) scale(1.1);
   }

   button.btn_Start:hover span {
    transform: translateX(7em);
   }

   button.btn_Start:active {
    transform: scale(0.95);
   }

   @keyframes fly-1 {
    from {
     transform: translateY(0.1em);
    }

    to {
     transform: translateY(-0.1em);
    }
   }

        .tour-verticle-thumb img{
            width: 172px;
            height: 172px;

        }

    @media (max-width: 991px){
        .account-drop .dropdown-menu{right: unset !important; left: 0 !important;}
    }
    @media (min-width: 768px){
        .account-drop .dropdown-menu{right: unset !important; left: 0 !important;}
    }
    @media (max-width: 600px)
    {
        .tour-verticle.style-2 .tour-verticle-thumb img{
            width: 350px;
            height: 350px;

        }
        .account-drop .dropdown-menu{right: 0 !important;}
    }
    span.mod-close {
        right: unset;
        left: 15px;
    }

    .dashboard-stat-icon {
        right: unset;
        left: 32px;
    }

    .dashboard-stat-content {
        left: unset;
        right: 32px;
    }


    .d-navigation ul li a i {
        margin-right: unset;
        margin-left: 10px;

    }

    .avl-features li:before {
        right: 0;
        left: unset;
    }
    .avl-features li {

        padding-right: 30px;
        padding-left: unset;
    }

    .singles_item .icon {
        margin-right: unset;
        margin-left: 15px;

    }
    .pre-loader {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #ffffffbf;
        width: 100%;
        height: 100vh;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
      }

      .pre-loader .shape {
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translateY(-5em);
      }

      .pre-loader .shape .circle {
        width: 50px;
        height: 50px;
        background-color: #f1ac1e;
        border-radius: 50%;
        margin: 0 1rem;
        animation: bounce 0.6s linear infinite;
      }
      .pre-loader .shape .circle:nth-child(2) {
        background-color: #0d67b2;
        animation-delay: 0.1s;
      }
      .pre-loader .shape .circle:nth-child(3) {
        animation-delay: 0.2s;
      }

      .pre-loader .shadow {
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translateY(-5em);
      }

      .pre-loader .shadow .shape-shadow {
        width: 50px;
        height: 18px;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        margin: 0 1rem;
        animation: bounceShadow 0.6s linear infinite;
        transform: translateY(5em) scale(0.5);
      }
      .pre-loader .shadow .shape-shadow:nth-child(2) {
        animation-delay: 0.1s;
      }
      .pre-loader .shadow .shape-shadow:nth-child(3) {
        animation-delay: 0.2s;
      }
      @keyframes bounce {
        from,
        to {
          transform: translateY(0) scale(1, 1);
          animation-timing-function: ease-in;
        }
        45% {
          transform: translateY(5em) scale(1, 1);
          animation-timing-function: linear;
        }
        50% {
          transform: translateY(5em) scale(1.5, 0.5);
          animation-timing-function: linear;
        }
        100% {
          transform: translateY(5em) scale(1, 1);
          animation-timing-function: ease-out;
        }
      }
      @keyframes bounceShadow {
        from,
        to {
          transform: translateY(5em) scale(0.5);
          filter: blur(5px);
        }
        45% {
          transform: translateY(5em) scale(0.5);
          /*     transform: translateY(5em) scale(1); */
          /*     filter: blur(5px); */
        }
        50% {
          box-shadow: 20px 0 5px rgba(0, 0, 0, 0.1), -20px 0 5px rgba(0, 0, 0, 0.1);
        }
        100% {
          transform: translateY(5em) scale(0.5);
          box-shadow: unset;
        }
      }

      .btn-group.account-drop {
        width: 100%;

    }
    .nav_mobile_new {
        display: none;
    }
    .navigation-portrait .nav_mobile_new {
        display: inline-block;
    }
    .over_all_rate .rating_status {
      cursor: pointer;
    }