@font-face {
  font-family: 'BYekan';
  src: url(../../fonts/BYekan.eot);
  src: url(../../fonts/BYekan.eot?#iefix) format("embedded-opentype"), url(../../fonts/BYekan.woff) format("woff"), url(../../fonts/BYekan.ttf) format("truetype"), url(../../fonts/BYekan.svg#BYekan) format("svg");
  font-weight: normal;
  font-style: normal;
}
#bundel .noTextDecoration {
  text-decoration: none !important;
}
#bundel .noPadding {
  padding: 0 !important;
}
#bundel .noMargin {
  margin: 0 !important;
}
#bundel .noPaddingMargin {
  padding: 0 !important;
  margin: 0 !important;
}
#bundel .rightDir {
  direction: rtl;
}
#bundel .image-rendering {
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Chrome (and Safari) */
  image-rendering: optimize-contrast;
  /* CSS3 Proposed */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE8+ */
}
.shadow {
  -webkit-box-shadow: 0 2px 5px 0 rgba(223, 223, 223, 0.75);
  -moz-box-shadow: 0 2px 5px 0 rgba(223, 223, 223, 0.75);
  box-shadow: 0 2px 5px 0 rgba(223, 223, 223, 0.75);
}
.loading {
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  z-index: 9999999999999;
}
.loading div {
  background: url('Images/loading.gif');
  width: 64px;
  height: 64px;
  margin: 0 auto;
  margin-top: 15%;
  clear: both;
}
.loading p {
  font-size: 24px;
  margin: 10px 0 0 0;
}
* {
  outline: none !important;
}
@keyframes modalFade {
  0% {
    opacity: 0;
    z-index: 9999;
    /* Sit on top */
  }
  100% {
    opacity: 1;
    z-index: 9999;
    /* Sit on top */
  }
}
@-moz-keyframes modalFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes modalFade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modalAnimation {
  0% {
    top: -500px;
  }
  100% {
    top: 100px;
  }
}
@-moz-keyframes modalAnimation {
  0% {
    top: -500px;
  }
  100% {
    top: 100px;
  }
}
@-webkit-keyframes modalAnimation {
  0% {
    top: -500px;
  }
  100% {
    top: 100px;
  }
}
.modal {
  position: fixed;
  display: block;
  z-index: 9999;
  background-color: #FAFAFA;
  opacity: 0.8;
  overflow: hidden;
  text-align: center;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-top: 20%;
}
.modal-content {
  position: fixed;
  z-index: 2147483647 !important;
  background-image: url("/Content/Css/Images/box.gif");
  width: 500px;
  height: 450px;
  padding: 0;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
  left: 0 !important;
  right: 0;
  margin: 0 auto;
  border-radius: 5px;
  animation: modalAnimation ease 0.5s;
  animation-fill-mode: forwards;
}
.modal1 {
  opacity: 0;
  position: fixed;
  /* Stay in place */
  z-index: -9999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  -webkit-box-shadow: 0 2px 5px 0 rgba(223, 223, 223, 0.75);
  -moz-box-shadow: 0 2px 5px 0 rgba(223, 223, 223, 0.75);
  box-shadow: 0 2px 5px 0 rgba(223, 223, 223, 0.75);
}
.modal1.close {
  animation-direction: alternate-reverse;
}
.modal1.close .modal1-content {
  animation-direction: alternate-reverse;
}
.modal1.open {
  animation: modalFade ease 0.5s;
  animation-fill-mode: forwards;
  z-index: 99999;
}
.modal1.open .modal1-content {
  animation: modalAnimation ease 0.5s;
  animation-fill-mode: forwards;
}
.modal1-header {
  text-align: center;
  color: white;
  margin: 0 0 20px 0;
}
.modal1-header h4 {
  margin: 0;
  background-color: #666;
  color: #fff;
  text-align: center;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.modal1-content {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  background-color: #fff;
  border: 1px solid #888;
  width: 40%;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: right;
}
.modal1-content .content {
  text-align: right;
  margin: 0 auto;
  width: 75%;
}
.modal1-content p {
  text-align: center;
  padding: 0 5px;
}
.modal1-footer {
  padding: 5px 16px 2px 16px;
  background-color: #f1f1f1;
  min-height: 30px;
  text-align: center;
  margin: 20px 0 0 0;
}
.modal1-footer .button {
  float: none;
}
.noBorder {
  border: none !important;
  text-align: center !important;
}
@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 6px;
  }
  50% {
    height: 18px;
    width: 8px;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 6px;
  }
  50% {
    height: 18px;
    width: 6px;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 6px;
  }
  50% {
    height: 18px;
    width: 6px;
  }
  100% {
    opacity: 1;
  }
}
@keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 6px;
  }
  50% {
    height: 18px;
    width: 6px;
  }
  100% {
    opacity: 1;
  }
}
.checkbox.selected > div {
  border-color: #88a92e;
}
.checkbox.selected > div label {
  cursor: default;
}
.checkbox.selected > div label:after {
  opacity: 1;
  border-color: #88a92e;
}
.checkbox > div,
.checkbox-alt > div {
  background-color: #fff;
  display: inline-block;
  min-height: 12px;
  height: 12px;
  width: 12px;
  margin: 0 0.25em;
  padding: 0;
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.checkbox label {
  cursor: pointer;
}
.checkbox > div label,
.checkbox-alt > div label {
  display: block;
  position: relative;
  top: -2px;
  right: -10px;
  height: 14px;
  cursor: pointer;
}
.checkbox > div label:after,
.checkbox-alt > div label:after {
  /*
  This element has a border on the right, and top. By rotating it looks like a check symbol, but the wrong way. That's why I'm flipping it with scaleX(-1)
  */
  -moz-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  -webkit-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  /*
  I want to position the symbol using the left top, because when increasing the width and height of an object, it expands from the top left corner as well. That is what makes it looks like it's being drawn.
  */
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-right: 3px solid #cbe18f;
  border-top: 3px solid #cbe18f;
  content: '';
  display: block;
  height: 14px;
  position: absolute;
  left: 0px;
  top: 7px;
  width: 6px;
  opacity: 0;
}
/*.checkbox label:hover:after, .checkbox-alt label:hover:after {
  border-color:red;
}*/
.checkbox > div input,
.checkbox-alt > div input {
  display: none;
}
.checkbox > div input:checked + label:after,
.checkbox-alt > div input:checked + label:after {
  -webkit-animation: check 0.8s;
  -moz-animation: check 0.8s;
  -o-animation: check 0.8s;
  animation: check 0.8s;
  border-color: #88a92e;
  animation-fill-mode: forwards;
}
.checkbox.checkbox-alt > div label:hover:after,
.checkbox-alt.checkbox-alt > div label:hover:after {
  -webkit-animation: check 0.8s ease infinite;
  -moz-animation: check 0.8s ease infinite;
  -o-animation: check 0.8s ease infinite;
  animation: check 0.8s ease infinite;
  animation-fill-mode: forwards;
}
.checkbox.checkbox-alt > div input:checked + label:after,
.checkbox-alt.checkbox-alt > div input:checked + label:after {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}
body {
  padding: 0;
  margin: 0;
  font: normal 14px BYekan;
  background-color: #f1f1f1;
}
.green {
  background-color: #88a92e;
  color: #fff;
}
.dateSeparator:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  height: 2px;
  background-color: #ea2722;
}
.shadowBox {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
  border-radius: 3px;
}
.hotelTitle {
  margin: 10px 0;
  direction: rtl;
}
.hotelTitle h1 {
  font-size: 20px;
  text-align: right;
  display: inline-block;
  margin: 0 6px;
  font-weight: bold;
  color: #0c6fad;
}
.hotelTitle h1 i {
  padding: 0 10px;
  font-size: 24px;
  float: right;
  margin: 0 0 0 5px;
}
.hotelTitle > div {
  padding: 15px 0;
}
.hotelTitle p {
  display: inline-block;
  margin: 0 10px 0 0;
}
.hotelTitle p i {
  color: #0c6fad;
  padding: 0 10px;
  font-size: 24px;
  float: right;
  margin: 0;
}
.hotelTitle .button {
  float: left;
  word-spacing: 5px;
  border: 2px solid transparent;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.hotelTitle .button i {
  padding: 0;
}
.hotelTitle .button:hover {
  text-decoration: none;
  color: #fff;
  border-color: #688123;
}
.hotelTitle img {
  float: left;
  margin: -5px 0 0 0;
}
/*---  Header  ---*/
.topHeader {
  padding: 5px 0;
}
.bottomHeader {
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(223, 223, 223, 0.75);
  border-top: 1px solid #dfdfdf;
}
.bottomHeader img {
  margin-bottom: 9px;
}
.bottomHeader nav button {
  border: 1px solid #666;
  margin: 30px 0 0 0;
}
.bottomHeader nav button span {
  background-color: #666;
}
.bottomHeader .nav {
  margin-bottom: 0;
  padding: 35px 0 0 0;
}
.bottomHeader .nav li {
  list-style: none;
  border-left: 1px solid #ccc;
  line-height: 21px;
  float: right;
}
.bottomHeader .nav li:first-child a {
  margin-right: 0;
}
.bottomHeader .nav li a {
  margin: 0 10px;
  color: #666;
  text-decoration: none;
  padding: 0 0 5px 0;
}
.bottomHeader .nav li a.active {
  font-weight: bold;
  color: #88a92e;
  border-bottom: 2px solid #88a92e;
}
.bottomHeader .nav li a:hover {
  color: #88a92e;
  background-color: #fff;
}
.bottomHeader .nav li a:focus {
  background-color: transparent;
}
.bottomHeader .nav button[type=button] {
  border: 1px solid #666;
  margin-right: 0;
}
.bottomHeader .nav button[type=button] span {
  background-color: #666;
}
.newMenu a {
  color: #ea2722 !important;
  border-bottom-color: #ea2722 !important;
  font-weight: bold !important;
}
.newMenu i {
  float: right;
  margin: 5px 0 0 5px;
  background: url('Images/New.png') no-repeat;
  width: 32px;
  height: 17px;
}
/*************   End Header     *************/
.search {
  border-bottom: 1px solid #ccc;
  margin: 20px 0;
  min-height: 55px;
  direction: rtl;
}
.search .way {
  padding: 0;
}
.search .way > div {
  display: block;
  padding: 0;
  text-align: center;
  margin-top: 0;
}
.search .way > div > span {
  text-align: right;
  margin: 0 0 4px 7px;
}
.search .way .select {
  padding: 0;
}
.search .way .select > div {
  height: 29px;
}
.search .way .ADMdtp.rtl .masterInput input {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.search .way .removeIcon {
  display: none !important;
}
.search .way .dtp-ig {
  border-radius: 4px 0 0 4px;
  border-right: 0;
  border-left: 1px solid #ccc;
}
.search i {
  margin: 5px 3px 0 0;
  color: #0c6fad;
  font-size: 16px;
}
.search button {
  width: 115px;
  padding: 2px 0 4px 0;
  float: left;
}
/*****hotel*******/
.hotel button {
  width: 77px;
}
.ChangeWay {
  background-color: #0c6fad;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  margin: 2px -20px 0 10px;
  padding: 0 5px;
  float: right;
}
.ChangeWay i {
  display: block;
  float: none;
  margin: 0;
  color: #fff;
}
.ChangeWay i:last-child {
  margin-top: -7px;
}
.ADMdtp-box {
  direction: rtl;
}
.ADMdtp-box .daysNames span {
  text-align: center !important;
}
.calendars {
  float: right;
}
.calendars span {
  min-width: 31px;
}
.calendars input {
  color: #666;
  border-radius: 3px;
  text-align: center;
  direction: rtl;
  border: 1px solid #ccc;
  outline: none;
  height: 27px;
  margin-bottom: 6px;
  width: 120px;
}
/************  Left asaid  ***************/
.left img {
  margin: 0 0 9px 0;
}
/*************  End left asaid  ***************/
/************   flyList   ************/
.flys {
  transform: none !important;
}
.flys .ui-grid-invisible {
  display: none;
}
.flys .ui-grid-filter-container {
  display: none !important;
}
.flys .ng-binding.ng-scope {
  text-align: center !important;
}
.flys i {
  padding: 20px;
  color: #ea2722;
  font: normal normal normal 14px/1 FontAwesome, BYekan;
}
.flys i::before {
  margin-right: 4px;
  color: #666;
}
.flys .ui-grid-header {
  margin-top: 34px;
}
.flys .textAlign {
  padding-top: 9px !important;
}
.flys .price:last-child {
  color: #0c6fad;
  font-weight: bold;
}
.flys .price:last-child:after {
  content: " ریال";
}
.flys img {
  max-width: 100%;
  height: auto;
}
.supplire {
  position: relative;
  right: 0;
  transform: rotate(270deg);
  display: block;
  color: #fff;
}
.supplire.moghim {
  top: 15px;
}
.supplire.moghim:before,
.supplire.moghim:after {
  background-color: #88a92e;
}
.supplire.moghim:before {
  content: " ";
  position: absolute;
  top: 3px;
  bottom: 0;
  height: 23px;
  width: 44px;
  z-index: -1;
}
.supplire.moghim:after {
  content: " ";
  position: absolute;
  top: 3px;
  left: 0;
  bottom: 0px;
  height: 23px;
  width: 39px;
  z-index: -1;
}
.supplire.ravis {
  top: 9px;
}
.supplire.ravis:before {
  content: " ";
  position: absolute;
  top: 3px;
  bottom: 0;
  height: 23px;
  width: 44px;
  z-index: -1;
  background-color: #0c6fad;
  right: 2px;
}
.supplire.ravis:after {
  content: " ";
  position: absolute;
  top: 3px;
  left: -5px;
  bottom: 0px;
  height: 23px;
  width: 39px;
  z-index: -1;
  background-color: #0c6fad;
}
.supplire.hrc {
  top: 9px;
}
.supplire.hrc:before {
  content: " ";
  position: absolute;
  top: 3px;
  bottom: 0;
  height: 23px;
  width: 44px;
  z-index: -1;
  background-color: #ea2722;
  right: 2px;
}
.supplire.hrc:after {
  content: " ";
  position: absolute;
  top: 3px;
  left: -5px;
  bottom: 0px;
  height: 23px;
  width: 39px;
  z-index: -1;
  background-color: #ea2722;
}
.flyList {
  margin: 0;
  direction: ltr;
  padding: 0;
}
.flyList .ui-grid-row:nth-child(odd):hover .ui-grid-cell {
  background: #d1f49a;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
  cursor: pointer;
}
.flyList .ui-grid-row:nth-child(even):hover .ui-grid-cell {
  background: #d1f49a;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
  cursor: pointer;
}
.flyList .flyCaption {
  text-align: right;
  color: #fff;
  background-color: #666;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  font: normal 14px BYekan;
  padding: 5px 10px 2px 5px;
}
.flyList .flyCaption .next {
  padding: 4px 12px 4px 2px;
  float: left;
}
.flyList .flyCaption .prev {
  padding: 4px 2px 4px 12px;
  float: left;
}
.flyList .flyCaption h1 {
  display: inline-block;
  font: normal 14px BYekan;
  margin: 0;
}
.flyList .flyCaption button {
  border: none;
  font-size: 12px;
  margin: 0 10px 0 0;
  color: #000;
  background-color: #f8f8f8;
}
.flyList .flyCaption button i {
  margin: 0 6px 0 6px;
}
.flyList .flyCaption button:hover {
  background-color: #88a92e;
  color: #fff;
}
/*************  End flyList  *************/
/************   hotelList   ************/
.search.hotel .fa-users {
  position: absolute;
  left: 9px;
}
.stayTime {
  margin: 0 18px 0 0;
}
.capShow > div {
  margin-top: 0;
}
.hotels {
  transform: none !important;
}
.hotels .ui-grid-invisible {
  display: none;
}
.hotels .ui-grid-filter-container {
  display: none !important;
}
.hotels .ng-binding.ng-scope:not(.hotelName):not(.address) {
  text-align: center !important;
}
.hotels .hotelName {
  margin: 0;
  font-weight: bold;
  font-size: 14px;
  text-align: right !important;
  color: #0c6fad;
  float: right;
}
.hotels .address {
  float: right;
  color: #666;
  font-size: 12px;
  width: 100%;
  text-align: right;
}
.hotels a {
  color: #0c6fad !important;
  font-size: 12px;
  font-weight: bold;
  float: right;
  cursor: pointer;
  border-bottom: 1px solid #0c6fad;
}
.hotels a:hover {
  text-decoration: none !important;
}
.hotels .cellData > div {
  padding: 10px 0 0 0;
}
.hotels i {
  font: normal normal normal 14px/1 FontAwesome, BYekan;
  margin: 0 5px;
}
.hotels i::before {
  margin-right: 4px;
  color: #666;
}
.hotels i.fa-bed {
  font-size: 18px;
  margin: 15px 0 0 0;
}
.hotels i.fa-star {
  font-size: 11px;
  float: right;
  margin: 3px -1px;
}
.hotels i.fa-star::before {
  color: #fd8300;
}
.hotels .service {
  padding: 10px 0 0 0;
}
.hotels .ui-grid-header {
  margin-top: 34px;
}
.hotels .textAlign {
  padding-top: 9px !important;
}
.hotels .price {
  color: #fd8300;
  font-weight: bold;
  font-size: 16px;
}
.hotels .price:after {
  content: " ریال";
}
.hotels .hotelLogo {
  margin: 3px;
  border-radius: 2px;
  border: 1px solid #ccc;
}
.hotels img {
  max-width: 100%;
  height: auto;
}
.moreCapLbl {
  padding: 0 !important;
}
.supplire {
  position: relative;
  right: 0;
  transform: rotate(270deg);
  display: block;
  color: #fff;
}
.supplire.moghim {
  top: 15px;
}
.supplire.moghim:before,
.supplire.moghim:after {
  background-color: #88a92e;
}
.supplire.moghim:before {
  content: " ";
  position: absolute;
  top: 3px;
  bottom: 0;
  height: 23px;
  width: 44px;
  z-index: -1;
}
.supplire.moghim:after {
  content: " ";
  position: absolute;
  top: 3px;
  left: 0;
  bottom: 0px;
  height: 23px;
  width: 39px;
  z-index: -1;
}
.supplire.ravis {
  top: 9px;
}
.supplire.ravis:before {
  content: " ";
  position: absolute;
  top: 3px;
  bottom: 0;
  height: 23px;
  width: 44px;
  z-index: -1;
  background-color: #0c6fad;
  right: 2px;
}
.supplire.ravis:after {
  content: " ";
  position: absolute;
  top: 3px;
  left: -5px;
  bottom: 0px;
  height: 23px;
  width: 39px;
  z-index: -1;
  background-color: #0c6fad;
}
.supplire.hrc {
  top: 9px;
}
.supplire.hrc:before {
  content: " ";
  position: absolute;
  top: 3px;
  bottom: 0;
  height: 23px;
  width: 44px;
  z-index: -1;
  background-color: #ea2722;
  right: 2px;
}
.supplire.hrc:after {
  content: " ";
  position: absolute;
  top: 3px;
  left: -5px;
  bottom: 0px;
  height: 23px;
  width: 39px;
  z-index: -1;
  background-color: #ea2722;
}
.hotelList {
  margin: 0;
  direction: ltr;
  padding: 0;
}
.hotelList .ui-grid-row:nth-child(odd):hover .ui-grid-cell {
  background: #d1f49a;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.hotelList .ui-grid-row:nth-child(even):hover .ui-grid-cell {
  background: #d1f49a;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.hotelList .logo {
  cursor: pointer;
  margin: -5px 0 0 0;
}
.hotelList .hotelCaption {
  text-align: right;
  color: #fff;
  background-color: #666;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  font: normal 14px BYekan;
  padding: 5px 10px 2px 5px;
}
.hotelList .hotelCaption .next {
  padding: 4px 12px 4px 2px;
  float: left;
}
.hotelList .hotelCaption .prev {
  padding: 4px 2px 4px 12px;
  float: left;
}
.hotelList .hotelCaption h1 {
  display: inline-block;
  font: normal 14px BYekan;
  margin: 0;
}
.hotelList .hotelCaption button {
  border: none;
  font-size: 12px;
  margin: 0 10px 0 0;
  color: #000;
  background-color: #f8f8f8;
}
.hotelList .hotelCaption button i {
  margin: 0 6px 0 6px;
}
.hotelList .hotelCaption button:hover {
  background-color: #88a92e;
  color: #fff;
}
.hotelGrade i {
  color: #fd8300;
}
/*************  End flyList  *************/
/*************  Prop  *************/
/**************  End Prop  **************/
/**************  right asaid  **************/
aside.right {
  font-size: 12px;
  color: #666;
  direction: ltr;
  float: right;
}
aside.right h4 {
  font-weight: normal;
  font-size: 13px;
  padding: 10px 0;
  margin: 0;
}
aside.right .caption {
  background-color: #666;
  color: #fff;
  text-align: center;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
}
aside.right > div:first-of-type {
  padding: 0 8px 10px 8px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 5px 0 rgba(223, 223, 223, 0.75);
  border-radius: 0;
  text-align: right;
  margin: 0 0 10px 0;
  direction: rtl;
}
aside.right > div:first-of-type > div {
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}
aside.right .lastTime input {
  width: 35px;
  text-align: center;
  height: 16px;
  margin: 0 4px;
  color: #0c6fad;
  font-weight: bold;
  border-radius: 3px;
  border: 1px solid #ccc;
}
aside.right img {
  margin: 9px auto;
}
aside.right .custom-select {
  margin-bottom: 7px;
}
.priceSortSlt {
  padding: 0 8px 0 0;
}
.showFlyCount span {
  color: #666;
  margin: 0 0 0 7px;
}
.flyTime span {
  min-width: 55px;
  float: right;
}
.flyTime .checkbox > div,
.flyTime .checkbox-alt > div {
  float: right;
  margin: 7px 0 0 5px;
}
/***********  End right asaid  *************/
/*************hotelDetails**************/
.star {
  display: inline-block;
}
.star i {
  color: #fd8300;
  margin-right: 7px;
}
.button {
  padding: 3px 40px;
  border-radius: 3px;
  font-weight: bold;
}
.button i {
  padding-left: 10px;
  font-size: 20px;
}
.slide {
  padding-right: 0;
  float: right;
}
.slide .imageGallery img {
  margin: 0 auto;
  display: block;
}
.slide > div:first-child {
  background-color: #fff;
}
.discription {
  min-height: 518px;
  max-height: 518px;
}
.discription h2 {
  text-align: right;
  font-size: 18px;
  color: #0c6fad;
  margin-bottom: 20px;
  font-weight: bold;
}
.discription p {
  text-align: right;
  direction: rtl;
}
.discription div {
  display: block;
  text-align: right;
  direction: rtl;
}
.discription div span i {
  margin: 4px 0 0 10px;
  float: right;
  color: #fd8300;
}
.discription div p {
  display: inline-block;
}
.hotelFacilities {
  margin: 15px 0;
  float: right;
  padding: 0;
}
.hotelFacilities div {
  min-height: 436px;
}
.hotelFacilities div:first-child {
  padding-right: 0;
}
.hotelFacilities div h2 {
  text-align: right;
  padding-right: 60px;
  font-size: 18px;
  color: #0c6fad;
  margin-bottom: 20px;
  font-weight: bold;
}
.hotelFacilities div ul li {
  list-style: none;
  float: right;
  width: 50%;
  color: #666;
  padding-right: 60px;
}
.hotelFacilities div ul li i {
  margin-left: 5px;
  color: #fd8300;
}
.location {
  float: right;
}
.location h2 {
  text-align: right;
  color: #666;
  padding-right: 60px;
  font-size: 18px;
  color: #0c6fad;
  margin-bottom: 20px;
  font-weight: bold;
}
.location ul {
  display: inline-block;
}
.location ul li {
  list-style: none;
  width: 50%;
  float: right;
  color: #666;
  padding-right: 60px;
  text-align: right;
  direction: rtl;
}
.location ul li a {
  display: inline-block;
  cursor: pointer;
  position: relative;
  color: #fd8300;
  font-weight: bold;
  border-bottom: 1px solid #fd8300;
}
.location ul li a div {
  opacity: 0;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -40px;
  z-index: -1;
}
.location ul li a div img {
  border: 2px solid #fd8300;
}
.location ul li a div:before {
  content: " ";
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 15px solid #fd8300;
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.location ul li a:hover {
  text-decoration: none;
  text-shadow: 0 0 1px #fd8300;
}
.location ul li a:hover div {
  opacity: 1;
  bottom: 30px;
  z-index: 1;
}
.location ul li span {
  float: left;
  text-align: right;
  direction: rtl;
  color: #88a92e;
  width: 100px;
}
.location ul li i {
  color: #fd8300;
  direction: rtl;
  margin-left: 10px;
}
.googleMap {
  margin-top: 15px;
}
.googleMap * {
  overflow: hidden;
}
.googleMap iframe {
  width: 100% !important;
}
/****************  footer  ******************/
footer {
  background-color: #666;
  border-top: 2px solid #fd8300;
  margin: 20px 0 0 0;
  padding: 15px 0 0 0;
}
footer .header {
  color: #fff;
  font: bold 14px BYekan;
}
footer .links {
  padding: 0 !important;
  margin: 0 !important;
}
footer .links li {
  width: 50%;
  direction: rtl;
  color: #fff;
  float: right;
  list-style: none;
}
footer .links li:hover {
  color: #fd8300;
}
footer .links li a {
  text-decoration: none;
  color: #fff;
  font: normal 14px BYekan;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
footer .links li a:hover {
  color: #fd8300;
}
footer div {
  text-align: right;
}
footer div i {
  color: #999;
  margin: 5px 0 0 5px;
  font-size: 20px !important;
}
footer div p {
  text-align: right;
  margin: 0;
  padding: 0;
  color: #fff;
  direction: rtl;
}
footer .phone a {
  font-size: 18px;
  margin: 10px 0 0 15px;
  color: #fff;
  text-decoration: none;
}
footer .copyRight p {
  text-align: center;
}
/****************  End  footer  ******************/
/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {
  .modal-content {
    background-position: center;
    width: 90%;
  }
  .flyList .flyCaption {
    text-align: center;
    padding: 0 5px 10px;
  }
  .flyList .flyCaption h2 {
    display: block;
    margin-bottom: 6px;
  }
  .flyList .flyCaption .prev {
    margin-right: 0;
    float: right;
  }
  .flys .ui-grid-header {
    margin-top: 68px !important;
  }
  footer .links li {
    width: 100%;
  }
  /*************hotelDetails**************/
  .hotelTitle .button {
    text-align: center;
    width: 100%;
    display: block;
    float: none;
    margin: 15px 0 0 0;
  }
  .hotelFacilities div {
    min-height: 0;
    float: right;
  }
  .hotelFacilities div ul li {
    padding-right: 12px;
  }
  .location h2 {
    padding-right: 15px;
  }
  .location ul {
    padding: 0;
  }
  .location ul .ng-binding.ng-scope {
    text-align: center !important;
  }
  .location ul .ng-binding.ng-scope i {
    display: none;
  }
  .location ul li {
    padding-right: 0;
  }
  .location ul li span {
    width: 100%;
    text-align: center;
  }
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) {
  .navbar-collapse.in {
    clear: both;
    width: 100%;
  }
  .bottomHeader .logo {
    position: absolute;
    z-index: 9999;
  }
  .bottomHeader .nav {
    padding: 5px 0 0 0;
    float: none;
  }
  .bottomHeader .nav li {
    float: none;
    border-left: none;
    margin: 0 0 15px 0;
  }
  .bottomHeader .nav li:first-child a {
    margin-right: 10px;
  }
  .bottomHeader .nav li a {
    text-align: right;
  }
  .stayTime {
    margin: 0;
  }
  .search .way div span {
    width: 100%;
    text-align: center;
  }
  .search .way div select {
    width: 100%;
  }
  .search .calendars {
    margin-right: 0;
  }
  .search:not(.hotel) .calendars div span {
    width: auto;
  }
  .search button {
    margin: 20px auto;
    display: block;
    width: 100%;
  }
  .capShow {
    margin-top: 15px !important;
  }
  .ui-grid-render-container {
    margin-top: 35px;
  }
  .flys .ui-grid-canvas,
  .hotels .ui-grid-canvas {
    max-width: 100%;
  }
  .hotelTitle p {
    display: block;
  }
  .hotelTitle .button {
    text-align: center;
    width: 100%;
    display: block;
    float: none;
    margin: 15px 0 0 0;
  }
  .hotels .hotelName {
    text-align: center !important;
    direction: ltr;
  }
  .hotels .hotelName h2,
  .hotels .hotelName i {
    float: none;
    display: inline-block;
  }
  .hotels a {
    display: inline-block;
    float: none;
  }
  .hotelList .logo {
    display: block;
    margin: 0 auto;
  }
  .flyList {
    padding: 0 15px 0 15px;
  }
  .flyTbl > div {
    margin-bottom: 0;
  }
  footer div {
    float: none !important;
    text-align: center;
  }
  footer div p {
    text-align: center;
  }
  footer div p i {
    margin-right: 0;
    text-align: center;
  }
  footer .links li {
    width: 100%;
  }
  /*************hotelDetails**************/
  .slide {
    float: none !important;
    padding-left: 0;
  }
  .discription {
    margin: 15px 0 0 0;
    min-height: 0;
  }
  .hotelFacilities {
    margin: 0;
  }
  .hotelFacilities div {
    margin-top: 10px;
    min-height: 0;
  }
  .hotelFacilities div:first-child {
    padding-right: 15px;
  }
  .hotelFacilities div ul li {
    width: 100%;
  }
  .location {
    float: none;
    margin: 20px 0;
  }
  .location ul li {
    width: 100%;
  }
  .lightSlider.lsGrab img {
    max-width: 100%;
    height: auto;
  }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
  .search .ChangeWay {
    margin: 3px -12px 0 7px;
  }
  .search.hotel .way > div {
    margin: 0 0 10px 0;
    text-align: right;
  }
  .search.hotel .way > div > span {
    min-width: 83px;
    text-align: center;
  }
  .search.hotel button {
    display: block;
    width: 50%;
  }
  .capShow {
    padding-right: 7px !important;
  }
  .stayTime {
    margin: 0;
  }
  .lastTime span {
    text-align: center;
  }
  .lastTime span:first-child {
    display: block;
  }
  .lastTime input {
    margin-right: 25px !important;
  }
  .showFlyCount span {
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  .showFlyCount select {
    width: 100%;
  }
  .flyTime .checkbox {
    margin: 0;
  }
  .flyTime .checkbox span {
    margin-right: 10px;
  }
  .flyTime .checkbox label {
    padding-left: 0;
    margin: 0 -10px 0 0;
  }
  .sort {
    text-align: center;
  }
  .sort select {
    width: 100%;
  }
  .airLine {
    text-align: center;
  }
  .flyNumber {
    text-align: center;
  }
  .checkbox > div label,
  .checkbox-alt > div label {
    right: -10px;
  }
  /*************hotelDetails**************/
  .slide {
    float: none !important;
    padding-left: 0;
  }
  .discription {
    margin: 15px 0 0 0;
    min-height: 0;
  }
  .hotelFacilities {
    margin: 0 0 15px 0;
  }
  .hotelFacilities div {
    margin: 9px 0 0 0;
    min-height: 0;
  }
  .hotelFacilities div:first-child {
    padding-right: 15px;
  }
  .location {
    float: none;
  }
  .location ul li {
    padding-right: 11px;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  /*****hotel*****/
  .hotel .capShow {
    margin-right: -17px;
  }
  .stayTime {
    margin: 0 14px 0 0;
  }
  .search.hotel .fa-users {
    position: absolute;
    left: -20px;
  }
  .ChangeWay {
    margin-right: -10px;
  }
  .checkbox > div {
    position: absolute;
    top: -10px;
  }
  .checkbox .moreCapLbl {
    position: absolute;
    right: 0;
  }
  /*************hotelDetails**************/
  .hotelFacilities div ul li {
    padding-right: 10px;
  }
}
/* Large devices (large desktops, 1200px and up) */