html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/**********************************************************************
              General 
**********************************************************************/
* {
  border: 0;
  outline: none;
  list-style: none;
}

body {
  direction: rtl;
  font-size: 0.8em;
  position: relative;
  color: #707381;
  line-height: 1.7em;
  padding-top: 190px;
  font-family: pt,arial;
  background: #f6f6f6 url("../images/bg.png");
}body.disbled-scroll {
  overflow: hidden;
}

@font-face {
  font-family: "pt";
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/IRANSans-web.eot#iefix") format("eot"), url("../fonts/IRANSans-web.woff2") format("woff2"), url("../fonts/IRANSans-web.woff") format("woff"), url("../fonts/IRANSans-web.ttf") format("ttf");
}
a {
  color: #a07d21;
  text-decoration: none;
}
a:hover {
  color: #584512;
  text-decoration: none;
}
a:visited, a :focus {
  text-decoration: none;
}

.clearfix:after, .wrap:after, .boxStyle:after, .tourGuideList li:after, .tourGuideList .new-item:after, .newsListBox li:after, .newsListBox .new-item:after, .bgTitleSep:after, .homeTours:after, .doubleBox:after, .pageBody .topText:after, .pageBody .bottomText:after, .pageBody .tourBoxes:after, .pagination a:after, .pagination span:after, .sideBox:after, .cityBoxes li:after, .cityBoxes .new-item:after, .cityList li:after, .table .hoverInfo:after, .relatedTours .tourBox:after, .fullHotelRelated .tourBox:after, .no-data:after, .hotelPhotos:after, .full-page:after, .form-msg:after, .commentForm:after, .commentBox .commentBody:after, .hotel-box-link:after, ul:after, .imageList li:after, .imageList .new-item:after, .tourGuideList:after, .listBox li:after, .listBox .new-item:after, .newsListBox:after, .bgTitle:after, .tabs:after, .tabStyle:after, #header .topHeader:after, #header .leftHeader .mainNav ul:after, #nav-mobile:after, .gridTourBoxes:after, .searchBox:after, .doubleBox header:after, .doubleBox .sliderTitle:after, .tabContent:after, .page .leftMainPart .hotelBoxes:after, .pageBody:after, .pageBody .tagList:after, .showFilterBoxes:after, .sidebarAdBoxes:after, .hotelBoxes:after, .cityBoxes:after, .cityList:after, .gallery:after, .mediumDiv .contactInfo .caption:after, .tourInfo .itemWrap:after, .fullHotelInfo .itemWrap:after, .options:after, .options .social:after, .relatedTours .tourBoxWrap:after, .fullHotelRelated .tourBoxWrap:after, .facilities ul:after, .hotelBoxWrap:after, .hotelPhotos #sliderPager:after, .contact-form:after, .newsLetter:after, .newsLetter form:after, .hotel-box-link .footerCol:after, #mainFooter .copy:after, #mainFooter .footerDouble:after {
  height: 0;
  clear: both;
  content: ".";
  display: block;
  line-height: 0;
  visibility: hidden;
}

.clearfloat {
  display: block;
  height: 1px;
  line-height: 0;
  width: 100%;
  clear: both;
}

strong {
  font-weight: bold;
}

mark {
  color: inherit;
  background: none;
}

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  border: 1px solid #eceeef;
}
table th, table td {
  padding: 0.75rem;
  text-align: right;
  vertical-align: top;
  border-top: 1px solid #eceeef;
  border-left: 1px solid #eceeef;
}
table th:last-child, table td:last-child {
  border-left: none;
}
table th {
  text-align: center;
}

.wrap {
  max-width: 96%;
  margin: 0 auto;
}

.boxLabel {
  top: 30px;
  left: -28px;
  padding: 6px;
  z-index: 180;
  font-size: 1em;
  min-width: 95px;
  text-align: center;
  position: absolute;
  border-left: 7px solid #D0A938;
  background: rgba(233, 229, 225, 0.9);
}
.boxLabel.secondLabel {
  top: 65px;
}
.special {
  margin-left: 3px;
  color: #a07d21;
  font-size: 0.8em;
  white-space: nowrap;
  background: #f5f2e8;
  padding: 2px 17px 3px;
  display: inline-block;
  border: 1px solid #e1d3b0;
  -moz-border-radius: 13px 2px;
  -webkit-border-radius: 13px;
  border-radius: 13px 2px;
}

.ltr {
  direction: ltr;
  display: inline-block;
}

/**********************************************************************
              form 
**********************************************************************/
input, textarea, select, button {
  border: none;
  background: none;
  font-family: pt,arial;
}

select option {
  padding: 0 10px;
}

.checkBox input[type="checkbox"], .checkBox input[type="radio"] {
  display: none;
  float: right;
  margin-left: 6px;
}
.checkBox input[type="checkbox"]:checked + .fa-check, .checkBox input[type="radio"]:checked + .fa-check {
  opacity: 1;
}
.checkBox .fa-check {
  top: 3px;
  right: 0;
  opacity: 0;
  width: 15px;
  height: 15px;
  color: #a07d21;
  line-height: 15px;
  position: absolute;
  text-align: center;
}
.checkBox label {
  display: block;
  cursor: pointer;
  position: relative;
}
.checkBox label:before {
  content: "";
  width: 14px;
  height: 14px;
  margin-left: 4px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #ccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 1px 1px #fff inset;
  -webkit-box-shadow: 0 0 1px 1px #fff inset;
  box-shadow: 0 0 1px 1px #fff inset;
}

.styled-select {
  z-index: 1;
  width: 100%;
  height: 48px;
  overflow: hidden;
  position: relative;
  border: 1px solid #e6e6e6;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.styled-select:after {
  left: 0;
  top: 5%;
  z-index: -1;
  height: 87%;
  cursor: pointer;
  color: #a07d21;
  font-size: 2em;
  padding: 0 16px;
  background: #fff;
  content: "\f107";
  line-height: 41px;
  position: absolute;
  font-family: fontAwesome;
  border-right: 1px solid #bea566;
}
.styled-select select {
  width: 100%;
  height: 80%;
  margin: 2% 0;
  padding: 0 9px;
  background: transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(66, 133, 244, 0.2) !important;
  box-shadow: 0 1px 1px rgba(66, 133, 244, 0.075) inset, 0 0 5px rgba(66, 133, 244, 0.2);
  outline: 0 none;
}

/**********************************************************************
              utility 
**********************************************************************/
.clearBoth {
  clear: both;
}

.pos-r {
  position: relative !important;
}

.m-x-auto {
  float: none !important;
}

.m-b-1 {
  margin-bottom: 1em !important;
}

.dir-ltr {
  direction: ltr;
}

.displayBlock {
  display: block;
}

.displayInlineB {
  display: inline-block;
}

.img-responsive, .imageList li .imageWrap img, .imageList .new-item .imageWrap img, .bg img, .gridTourBox .inner img, .pageBody .topText .leftImg, .pageBody .bottomText .leftImg, .cityBoxes li .imgWrap img, .cityBoxes .new-item .imgWrap img, .hotelPhotos .hotelSLider img, .hotelPhotos #sliderPager img {
  height: auto;
  display: block;
  max-width: 100%;
}

.rad5, .boxStyle, .tourGuideList li, .tourGuideList .new-item, .newsListBox li, .newsListBox .new-item, .bgTitleSep, .homeTours, .doubleBox, .pageBody .topText, .pageBody .bottomText, .pageBody .tourBoxes, .pagination a, .pagination span, .sideBox, .cityBoxes li, .cityBoxes .new-item, .cityList li, .table .hoverInfo, .relatedTours .tourBox, .fullHotelRelated .tourBox, .no-data, .hotelPhotos, .full-page, .form-msg, .commentForm, .commentBox .commentBody, .hotel-box-link, #header .topHeader .topHeaderItem, #header .topHeader .topBtn, .toptext, .gridTourBox .inner, .gridTourBox .inner img, .gridTourBox .inner .title, .noImage .gridTourBox .inner, .tabs li .tabBtn, .tabStyle li .tabBtn, .adBox img, .hotelBoxes li .imgWrap, .hotelBoxes .new-item .imgWrap, .options .print, .options .pdf, .options i, .options .social, .footerCol, .instalmentToursClass .tabBtn {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.rad3, .mediumDiv .contactInfo img, .tourInfo .itemWrap .item, .fullHotelInfo .itemWrap .item, .tourInfo .itemWrap .item i, .fullHotelInfo .itemWrap .item i, .table tr td .btn, .tourBox .left .btn, .form .formElement .text, .contact-form .formElement .text, .commentForm .btnStyle, .commentForm .pageBody .topText .scrollTo, .pageBody .topText .commentForm .scrollTo, .commentForm .pageBody .bottomText .scrollTo, .pageBody .bottomText .commentForm .scrollTo, .commentBox header, .contact-form .formElement .btnStyle, .contact-form .formElement .pageBody .topText .scrollTo, .pageBody .topText .contact-form .formElement .scrollTo, .contact-form .formElement .pageBody .bottomText .scrollTo, .pageBody .bottomText .contact-form .formElement .scrollTo {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.boxStyle, .tourGuideList li, .tourGuideList .new-item, .newsListBox li, .newsListBox .new-item, .bgTitleSep, .homeTours, .doubleBox, .pageBody .topText, .pageBody .bottomText, .pageBody .tourBoxes, .pagination a, .pagination span, .sideBox, .cityBoxes li, .cityBoxes .new-item, .cityList li, .table .hoverInfo, .relatedTours .tourBox, .fullHotelRelated .tourBox, .no-data, .hotelPhotos, .full-page, .form-msg, .commentForm, .commentBox .commentBody, .hotel-box-link {
  background: #fff;
}

.imageList li, .imageList .new-item {
  padding: 17px 0;
  margin: 0 20px;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}
.imageList li:last-child, .imageList .new-item:last-child {
  border-bottom: none;
}
.imageList li .imageWrap, .imageList .new-item .imageWrap {
  width: 120px;
  height: 120px;
  margin-left: 25px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.imageList li .imageWrap:after, .imageList .new-item .imageWrap:after {
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  z-index: 20;
  height: 100%;
  display: block;
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
}
.imageList li .imageWrap img, .imageList .new-item .imageWrap img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.imageList li .title, .imageList .new-item .title {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100% - 200px);
}
.imageList li .title a, .imageList .new-item .title a {
  color: #605c66;
  display: block;
  font-size: 1.11em;
}
.imageList li .more, .imageList .new-item .more {
  font-size: 0.9em;
  color: #beab6b;
}
.imageList li:hover .imageWrap:after, .imageList .new-item:hover .imageWrap:after {
  background: transparent;
}
.imageList li:hover .title a, .imageList .new-item:hover .title a {
  color: #584512;
}.imageList.smaller li .imageWrap, .imageList.smaller .new-item .imageWrap {
  width: 70px;
  height: 70px;
}
.imageList.smaller li .title, .imageList.smaller .new-item .title {
  max-width: calc(100% - 100px);
}
.tourGuideList {
  margin: 0 -1%;
}
.tourGuideList li, .tourGuideList .new-item {
  width: 48%;
  margin: 1%;
  float: right;
  padding: 11px 10px;
}
.tourGuideList li .imageWrap, .tourGuideList .new-item .imageWrap {
  width: 100px;
  height: 100px;
}
.listBox li, .listBox .new-item {
  margin: 0 20px;
  font-size: 0.9em;
  position: relative;
  padding: 20px 41px 19px 20px;
  border-bottom: 1px solid #e6e6e6;
}
.listBox li:last-child, .listBox .new-item:last-child {
  border-bottom: none;
}
.listBox li .number, .listBox .new-item .number {
  top: 0;
  bottom: 0;
  width: 28px;
  right: 0px;
  color: #fff;
  margin: auto;
  height: 28px;
  line-height: 28px;
  text-align: center;
  position: absolute;
  background: #4b4b4b;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.listBox li .title a, .listBox .new-item .title a {
  color: #605c66;
  display: block;
  font-size: 1.11em;
  margin: 0 0 9px;
}
.listBox li .date, .listBox .new-item .date {
  color: #9f9f9f;
  font-size: 0.9em;
}
.listBox li:hover .number, .listBox .new-item:hover .number {
  background: #584512;
  border: 1px solid #584512;
}
.listBox li:hover .title a, .listBox .new-item:hover .title a {
  color: #584512;
}
.newsListBox {
  margin: 0 -1%;
}
.newsListBox li, .newsListBox .new-item {
  width: 48%;
  margin: 1%;
  float: right;
  padding: 15px 50px 15px 15px;
}
.newsListBox li .number, .newsListBox .new-item .number {
  right: 10px;
}
.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.img-responsive, .imageList li .imageWrap img, .imageList .new-item .imageWrap img, .bg img, .gridTourBox .inner img, .pageBody .topText .leftImg, .pageBody .bottomText .leftImg, .cityBoxes li .imgWrap img, .cityBoxes .new-item .imgWrap img, .hotelPhotos .hotelSLider img, .hotelPhotos #sliderPager img {
  height: auto;
  display: block;
  max-width: 100%;
}

.center-image {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: auto;
  display: block;
  max-width: 94%;
  max-height: 94%;
  position: absolute;
}

.popUpOverlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
  padding: 50px;
  position: fixed;
  background: rgba(0, 0, 0, 0.85);
}
.popUpOverlay.showOverlay {
  display: block !important;
}
.popUpOverlay .closePopUp {
  top: 10px;
  right: 10px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  position: absolute;
  background: url("../images/cancel.svg") no-repeat center center;
  background-size: 100% auto;
}.popUpOverlay .airplane {
  left: 0;
  right: 0;
  margin: auto;
  width: 128px;
  bottom: -200px;
  height: 200px;
  position: fixed;
}
.popUpOverlay .airplane img {
  max-width: 100%;
}

.messageBox, .errorBox, .filledErrorBox, .filledMessageBox {
  color: #08ad1a;
  position: relative;
  margin-bottom: 5px;
  padding-right: 20px;
}
.messageBox:before, .errorBox:before {
  right: 0;
  font-size: 1.1em;
  content: "\f00c";
  position: absolute;
  font-family: fontAwesome;
}

.errorBox {
  color: #ff0000;
}
.errorBox:before {
  content: "\f00d";
}

.filledErrorBox {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}

.filledMessageBox {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #D0A938;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
}

/**********************************************************************
              title
**********************************************************************/
.bgTitle, .bgTitleSep, .tabs, .tabStyle {
  padding: 18px;
  color: #a07d21;
  line-height: 30px;
  background: #f5f2e8;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.bgTitle .title, .bgTitleSep .title, .tabs .title, .tabStyle .title {
  float: right;
  font-size: 1.2em;
}
.bgTitle .title i, .bgTitleSep .title i, .tabs .title i, .tabStyle .title i, .bgTitle .title img, .bgTitleSep .title img, .tabs .title img, .tabStyle .title img {
  font-size: 1.8em;
  margin-left: 15px;
  font-size: 1.4em;
  vertical-align: middle;
  color: rgba(160, 125, 33, 0.8);
}
.bgTitle .archive, .bgTitleSep .archive, .tabs .archive, .tabStyle .archive {
  float: left;
  font-size: 0.9em;
  color: rgba(160, 125, 33, 0.8);
}
.bgTitle .archive i, .bgTitleSep .archive i, .tabs .archive i, .tabStyle .archive i {
  margin-right: 11px;
  vertical-align: middle;
}
.bgTitleSep {
  background: #f5f2e8;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(160, 125, 33, 0.2);
}

/**********************************************************************
              buttons 
**********************************************************************/
.btnStyle, .pageBody .topText .scrollTo, .pageBody .bottomText .scrollTo {
  color: #fff;
  font-size: 0.9rem;
  background: #D0A938;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.btnStyle{
    cursor: pointer;
}
.btnStyle:hover, .pageBody .topText .scrollTo:hover, .pageBody .bottomText .scrollTo:hover {
  color: #D0A938;
  background: #dbceaa;
}

/**********************************************************************
              effects 
**********************************************************************/
.transition2, a:hover, .checkBox input[type="checkbox"]:checked + .fa-check, .checkBox input[type="radio"]:checked + .fa-check, .imageList li:hover .imageWrap:after, .imageList .new-item:hover .imageWrap:after, .btnStyle, .pageBody .topText .scrollTo, .pageBody .bottomText .scrollTo, .btnStyle:hover, #header .logo, #header .leftHeader .mainNav ul li a:hover, #header .leftHeader .mainNav ul li:hover > ul, #header .leftHeader .mainNav ul ul, #header .leftHeader .mainNav ul ul li:hover > ul, #nav-mobile ul li:hover > a, #nav-mobile ul li i, #nav-mobile ul li i.hasSubMenu-active, #showResponsiveMenu i, #showResponsiveMenu.showTheMainMenu i, .gridTourBox .inner .title, .gridTourBox:hover .inner .title, .pagination a.current, .pagination a:hover, .pagination span.current, .pagination span:hover, .showFilterBoxes, .filterBoxes .sideBox, .filterBoxes.visibleMode .showFilterBoxes.show, .hotelBoxes li:hover .title, .hotelBoxes .new-item:hover .title, .hotelBoxes li:hover .imgWrap a:after, .hotelBoxes .new-item:hover .imgWrap a:after, .cityBoxes li:hover .title, .cityBoxes .new-item:hover .title, .cityBoxes li:hover .imgWrap a:after, .cityBoxes .new-item:hover .imgWrap a:after, .newsLetter.stopFix {
  transition: all,0.3s, ease-in;
  -o-transition: all,0.3s, ease-in;
  -ms-transition: all,0.3s, ease-in;
  -moz-transition: all,0.3s, ease-in;
  -webkit-transition: all,0.3s, ease-in;
}

.zoomImg img, .gridTourBox img {
  transform: scale(1);
  transition: all 0.8s ease 0.5ms;
  -o-transition: all 0.8s ease 0.5ms;
  -moz-transition: all 0.8s ease 0.5ms;
  -webkit-transition: all 0.8s ease 0.5ms;
}
.zoomImg:hover img, .gridTourBox:hover img {
  transform: scale(1.3);
  transition: all 0.8s ease 0.5ms;
  -o-transition: all 0.8s ease 0.5ms;
  -moz-transition: all 0.8s ease 0.5ms;
  -webkit-transition: all 0.8s ease 0.5ms;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight, #nav-mobile ul li ul.visibleUl, .filterBoxes.visibleMode .filter-boxes-wrap {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown, .popUpOverlay.showOverlay {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
.fadein-popup.showOverlay {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/**********************************************************************
              animation 
**********************************************************************/
.animated, #nav-mobile ul li ul, .tabContent, .showFilterBoxes.first-none, .filterBoxes .filter-boxes-wrap, .cityBoxes li .imgWrap a:after, .cityBoxes .new-item .imgWrap a:after, .options .social, .table .hoverInfo {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.slow-animated, .popUpOverlay {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn, .tabContent.visible, .cityBoxes li:hover .imgWrap a:after, .cityBoxes .new-item:hover .imgWrap a:after, .table .mainInfo .each-hotel:hover .hoverInfo {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

/**********************************************************************
              responsive 
**********************************************************************/.bg {
  top: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  opacity: 0.3;
  position: absolute;
}
.bg img {
  width: 100%;
}

.boxShadow, .boxStyle, .tourGuideList li, .tourGuideList .new-item, .newsListBox li, .newsListBox .new-item, .bgTitleSep, .homeTours, .doubleBox, .pageBody .topText, .pageBody .bottomText, .pageBody .tourBoxes, .pagination a, .pagination span, .sideBox, .cityBoxes li, .cityBoxes .new-item, .cityList li, .table .hoverInfo, .relatedTours .tourBox, .fullHotelRelated .tourBox, .no-data, .hotelPhotos, .full-page, .form-msg, .commentForm, .commentBox .commentBody, .hotel-box-link {
  -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.05);
}

/**********************************************************************
              Header 
**********************************************************************/
#header.shrink .leftHeader .mainNav ul li a {
  font-size: 0.7rem;
}

#header {
  top: 0;
  right: 0;
  width: 100%;
  z-index: 301;
  display: block;
  position: fixed;
  background: #fff;
}#header.shrink {
  padding-bottom: 2px;
  -moz-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
}
#header.shrink .topHeader {
  margin-bottom: 2px;
}
#header.shrink .logo {
  height: 42px;
  padding: 0;
  border-radius: 0;
}
#header.shrink .leftHeader {
  padding: 5px 0;
}
#header.shrink .leftHeader .mainNav ul li a {
  font-size: 0.7rem;
}
#header .topLeftHeader {
  min-width: 460px;
}#header .topHeader {
  color: #fff;
  text-align: center;
  background: #D0A938;
}
#header .topHeader a {
  color: #fff;
}
#header .topHeader .slogan {
  float: right;
  line-height: 35px;
}#header .topHeader .social {
  padding: 8px 0 7px 0;
}
#header .topHeader .social a {
  font-size: 1.5em;
  margin-left: 7px;
  display: inline-block;
  vertical-align: middle;
}#header .topHeader .social .fa-aparat {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  -webkit-mask-image: url(../images/aparat.svg);
  mask-image: url(../images/aparat.svg);
}
#header .topHeader .topHeaderItem {
  float: left;
  color: #fff;
  overflow: hidden;
  line-height: 29px;
  padding-right: 10px;
  margin: 5px 9px 1px 0;
  background: rgba(0, 0, 0, 0.1);
}
#header .topHeader .topHeaderItem:before {
  color: #fff;
  width: 28px;
  float: left;
  font-size: 1rem;
  margin-right: 7px;
  text-align: center;
  line-height: inherit;
  display: inline-block;
  font-family: FontAwesome;
  background: rgba(0, 0, 0, 0.1);
}
#header .topHeader .topHeaderItem.tel:before {
  content: "\f095";
}
#header .topHeader .topHeaderItem.telegram:before {
  content: "\f1d8";
}
#header .topHeader .topBtn {
  float: left;
  color: #a07d21;
  background: #fff;
  font-size: 0.9em;
  white-space: nowrap;
  margin: 5px 10px 0 0;
  padding: 4px 8px 3px;
}
#header .logo {
  float: left;
  width: auto;
  height: 120px;
  position: absolute;
  left: 2%;
  background-color: #fff;
  padding: 10px;
  border-radius: 0 0 10px 10px;
}
#header .logo img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
#header .leftHeader {
  float: right;
  padding: 13px 0;
  text-align: right;
}
#header .leftHeader .mainNav {
  vertical-align: top;
  display: inline-block;
}#header .leftHeader .mainNav ul li {
  float: right;
  position: relative;
}
#header .leftHeader .mainNav ul li i {
  display: none;
}
#header .leftHeader .mainNav ul li a {
  display: block;
  color: #a07d21;
  line-height: 37px;
  font-size: 0.8rem;
}
#header .leftHeader .mainNav ul li a:after {
  width: 1px;
  content: "";
  height: 21px;
  opacity: 0.6;
  margin-left: 15px;
  padding-left: 15px;
  display: inline-block;
  vertical-align: middle;
  border-left: 2px solid #a07d21;
}
#header .leftHeader .mainNav ul li a:hover {
  color: #584512;
}
#header .leftHeader .mainNav ul li:last-child a:after {
  border: none;
}
#header .leftHeader .mainNav ul li:hover > a {
  color: #584512;
  background: #fff;
}
#header .leftHeader .mainNav ul li:hover > ul {
  opacity: 1;
  height: auto;
  overflow: visible;
}
#header .leftHeader .mainNav ul ul {
  top: 100%;
  height: 0;
  opacity: 0;
  z-index: 2;
  right: -15px;
  width: 230px;
  overflow: hidden;
  padding-top: 10px;
  font-size: 0.8em;
  position: absolute;
}

#header .leftHeader .mainNav ul ul li {
  width: 100%;
  float: none;
  background: #fff;
  border-top: 1px solid #a07d21;
}
#header .leftHeader .mainNav ul ul li:first-child {
  border-top: 2px solid #a07d21;
}
#header .leftHeader .mainNav ul ul li:first-child:after, #header .leftHeader .mainNav ul ul li:first-child:before {
  top: -20px;
  right: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#header .leftHeader .mainNav ul ul li:first-child:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
  top: -16px;
  right: 22px;
}
#header .leftHeader .mainNav ul ul li:first-child:before {
  border-color: rgba(160, 125, 33, 0);
  border-bottom-color: #A07D21;
  border-width: 10px;
  margin-left: -11px;
}
#header .leftHeader .mainNav ul ul li:last-child {
  border-bottom: 1px solid #a07d21;
}
#header .leftHeader .mainNav ul ul li a {
  padding: 0 17px;
}
#header .leftHeader .mainNav ul ul li a:after {
  display: none;
}
#header .leftHeader .mainNav ul ul li:hover > a {
  background: #F4EEE0;
}
#header .leftHeader .mainNav ul ul li:hover > ul {
  opacity: 1;
  height: auto;
}
#header .leftHeader .mainNav ul ul li ul {
  top: 0;
  right: 100%;
  font-size: 1em;
  padding-top: 0;
  padding-right: 10px;
}
#header .leftHeader .mainNav ul ul li ul li:first-child {
  position: relative;
  border-top: 1px solid #a07d21;
  border-right: 1px solid #a07d21;
}
#header .leftHeader .mainNav ul ul li ul li:first-child:after, #header .leftHeader .mainNav ul ul li ul li:first-child:before {
  width: 0;
  top: 10px;
  height: 0;
  right: -18px;
  content: " ";
  border: solid transparent;
  position: absolute;
  pointer-events: none;
}
#header .leftHeader .mainNav ul ul li ul li:first-child:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 7px;
  margin-right: 4px;
  margin-top: 2px;
}
#header .leftHeader .mainNav ul ul li ul li:first-child:before {
  border-color: rgba(160, 125, 33, 0);
  border-left-color: #A07D21;
  border-width: 9px;
}

#nav-mobile {
  height: 32px;
  display: none;
  position: relative;
}
#nav-mobile ul {
  right: 2%;
  top: 100%;
  width: 0;
  margin-top: 10px;
  overflow: hidden;
  position: absolute;
  background: #D0A938;
}
#nav-mobile > ul {
  overflow-y: auto;
  max-height: 70vh;
}
#nav-mobile > ul:after {
  display: none;
}
#nav-mobile ul li {
  clear: both;
  padding: 0;
  float: none;
  font-size: 0.8rem;
  position: relative;
}
#nav-mobile ul li a {
  color: #fff;
  display: block;
  padding: 5px 17px;
  font-size: 0.9em;
  line-height: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#nav-mobile ul li:hover > a {
  color: #584512;
}
#nav-mobile ul li i {
  top: 4px;
  left: 7px;
  z-index: 20;
  width: 35px;
  color: #fff;
  height: 35px;
  display: block;
  cursor: pointer;
  font-size: 1.3rem;
  line-height: 32px;
  position: absolute;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
#nav-mobile ul li i.hasSubMenu-active {
  background: rgba(0, 0, 0, 0.1);
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1) inset;
  -o-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1) inset;
  -ms-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1) inset;
}
#nav-mobile ul li ul {
  width: 100%;
  display: none;
  margin-top: 0;
  position: static;
  box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.1) inset;
  -o-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.1) inset;
  -ms-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.1) inset;
}
#nav-mobile ul li ul li {
  background: rgba(0, 0, 0, 0.12);
}
#nav-mobile ul li ul li a {
  padding: 8px 27px;
}
#nav-mobile ul li ul.visibleUl {
  display: block;
}

#showResponsiveMenu {
  z-index: 2;
  float: right;
  color: #D0A938;
  display: none;
  margin-right: 2%;
  font-size: 1.4em;
  line-height: 32px;
  position: relative;
  white-space: nowrap;
}
#showResponsiveMenu i {
  width: 23px;
  font-size: 1.5em;
  margin-left: 6px;
  line-height: 27px;
  vertical-align: middle;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
#showResponsiveMenu.showTheMainMenu i {
  margin-top: 4px;
  text-align: center;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#showResponsiveMenu.showTheMainMenu i:before {
  content: "\f00d";
}
.toptext {
  line-height: 26px;
  padding: 25px 30px;
  margin-right: 10px;
  margin-bottom: 13px;
  background: #f5f2e8;
}

/**********************************************************************
                Slider 
**********************************************************************/
.gridTourBoxes {
  padding: 10px;
}
.gridTourBoxes.pos-r:before {
  content: "";
  display: block;
  padding-top: 75%;
}
.gridTourBoxes .inner-div {
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  position: absolute;
}

.gridTourBox {
  width: 33%;
  float: right;
  padding: 10px;
}
.hotel-box-link .gridTourBox {
  width: 16.5%;
}
.gridTourBox.lastSecondTour .inner .title .date {
  color: #ff0000;
}
.gridTourBox .inner {
  display: block;
  overflow: hidden;
  position: relative;
}
.gridTourBox .inner .title {
  z-index: 2;
  left: 10px;
  right: 10px;
  bottom: 10px;
  display: block;
  padding: 5px 0;
  text-align: center;
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
}
.gridTourBox .inner .title a {
  color: #605c66;
}
.gridTourBox:hover .inner .title {
  padding: 15px 0;
  line-height: 30px;
}
.gridTourBox:hover .inner .title a {
  color: #584512;
}
.topLeftDbBox {
  position: relative;
}
.topLeftDbBox:before {
  content: "";
  display: block;
  padding-top: 83%;
}.topLeftDbBox .inner-div {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}

.noImage .gridTourBox {
  padding: 0;
}
.noImage .gridTourBox .inner {
  margin: 10px;
  padding: 10px;
  background: rgba(215, 214, 216, 0.25);
}
.noImage .gridTourBox .inner .title {
  position: static;
  background: none;
  line-height: 25px;
}
.noImage .gridTourBox:hover .inner {
  background: rgba(215, 214, 216, 0.35);
}
.noImage .gridTourBox:hover .inner .title {
  padding: 5px 10px;
  line-height: 25px;
}

.slider {
  overflow: hidden;
  position: relative;
  height: calc(100% - 84px);
}.slider .slideShow {
  position: relative;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.slider .slideShow .sliderItem {
  width: 100%;
  /*overflow: hidden;*/
}
.slider .slideShow .sliderItem img {
  display: none;
  width: 100%;
  height: auto;
}
.slider .slideShow .sliderItem img:first-child {
  display: block;
  /*overflow: hidden;*/
}
.slider .slideShow .sliderItem .overlay {
  right: 10px;
  bottom: 20px;
  position: absolute;
}
.slider .slideShow .sliderItem .overlay .date {
  color: #a07d21;
  background: #fff;
  font-size: 0.9em;
  padding: 3px 17px;
  margin-bottom: 6px;
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.slider .slideShow .sliderItem .overlay .title {
  color: #fff;
  padding: 9px 23px;
  font-size: 1.2em;
  background: #D0A938;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.slider .next, .slider .prev {
  top: 0;
  bottom: 0;
  color: #fff;
  width: 40px;
  z-index: 202;
  height: 50px;
  margin: auto;
  display: none;
  font-size: 2.2em;
  text-align: center;
  position: absolute;
  line-height: 52px;
  background: rgba(160, 125, 33, 0.4);
}
.slider .next:visited, .slider .next a:active, .slider .prev:visited, .slider .prev a:active {
  text-decoration: none;
}
.slider .prev {
  left: 0;
  padding-right: 4px;
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0;
  border-radius: 0 2px 2px 0;
}
.slider .next {
  right: 0;
  padding-left: 4px;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px 0 0 2px;
}

.searchBox {
  padding: 1em;
}.searchBox .searchItem {
  width: 25%;
  padding: 5px;
  float: right;
}.searchBox .searchItem .noUi-handle {
  border: 1px solid #ccc;
  -moz-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.2);
}
.searchBox .searchItem .styled-select:after {
  color: #dbcfab;
  padding: 0 11px;
  border-right: 1px solid #dbcfab;
}
.searchBox .searchItem.double {
  width: 66.66%;
}
.searchBox .searchItem #lower-value {
  float: left;
  padding: 5px;
}
.searchBox .searchItem #upper-value {
  float: right;
  padding: 5px;
}
.searchBox .btnStyle, .searchBox .pageBody .topText .scrollTo, .pageBody .topText .searchBox .scrollTo, .searchBox .pageBody .bottomText .scrollTo, .pageBody .bottomText .searchBox .scrollTo {
  width: 100%;
  height: 47px;
}/**********************************************************************
                main 
**********************************************************************/
.homeTours {
  margin-bottom: 1.5%;
}

.tourBox {
  width: 50%;
  float: right;
  border-top: 1px solid #e6e6e6;
}
.tourBox:nth-child(2n) .inner:before {
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  content: "";
  margin: auto;
  height: 100px;
  display: block;
  position: absolute;
  border-right: 1px solid #e6e6e6;
}
.tourBox:nth-child(1), .tourBox:nth-child(2) {
  border-top: none;
}
.tourBox .inner {
  font-size: 0.87em;
  position: relative;
  padding: 20px 50px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.tourBox .inner .title {
  font-size: 1.3em;
  margin-bottom: 10px;
}
.tourBox .inner .title a {
  color: #605c66;
}
.tourBox .inner .right {
  float: right;
  width: calc(100% - 125px);
}
.tourBox .inner .right .long {
  color: #fff;
  padding: 1px 15px;
  background: #D0A938;
  display: inline-block;
  vertical-align: middle;
}
.tourBox .inner .right .date {
  color: #9f9f9f;
  display: inline-block;
  vertical-align: middle;
}
.tourBox .inner .right .otherInfo {
  margin-top: 10px;
}
.tourBox .inner .right .otherInfo i {
  margin-left: 3px;
  font-size: 1.4em;
  vertical-align: middle;
}
.tourBox .inner .left {
  float: left;
  width: 120px;
  color: #a07d21;
  font-size: 1.3em;
  text-align: center;
}
.tourBox .inner .left .hasBg {
  display: block;
  white-space: nowrap;
  background: #e9e5e1;
}
.tourBox .inner:hover .title a {
  color: #584512;
}
.tourBox.singleLeft .inner .left {
  padding-top: 29px;
}
.tourBox.lastSecondTour .inner .right .date {
  color: #ff0000;
}
.doubleBox {
  width: 49%;
  margin-bottom: 25px;
}
.doubleBox header, .doubleBox .sliderTitle {
  padding: 18px;
  color: #a07d21;
  line-height: 30px;
}
.doubleBox header i, .doubleBox header img, .doubleBox .sliderTitle i, .doubleBox .sliderTitle img {
  font-size: 1.4em;
  vertical-align: middle;
  color: rgba(160, 125, 33, 0.8);
}
.doubleBox.topRightDbBox .bgTitle, .doubleBox.topRightDbBox .bgTitleSep, .doubleBox.topRightDbBox .tabs, .doubleBox.topRightDbBox .tabStyle {
  white-space: nowrap;
}
.doubleBox.topRightDbBox .gridTourBox .title {
  min-height: 54px;
}
/**********************************************************************
                tab 
**********************************************************************/
.noBg .tabContentWrap, .noBg .tabContent, .noBg .tabs, .noBg .tabStyle {
  background: transparent;
}

.tabs, .tabStyle {
  padding: 15px 0;
  text-align: center;
}
.tabs li, .tabStyle li {
  display: inline-block;
  vertical-align: middle;
}
.tabs li .tabBtn, .tabStyle li .tabBtn, .instalmentToursClass .tabBtn {
  margin: 0 3px;
  display: block;
  padding: 0 24px;
  cursor: pointer;
  line-height: 37px;
  position: relative;
  color: #cbb771;
  white-space: nowrap;
  background: #dbceaa;
  border: 1px solid #bea566;
}
.tabs li .tabBtn:hover, .tabStyle li .tabBtn:hover {
  color: #fff;
  background: #D0A938;
  border: 1px solid #96700b;
}
.tabs li .tabBtn.current, .tabStyle li .tabBtn.current {
  color: #fff;
  background: #D0A938;
  border: 1px solid #96700b;
}
.tabs li .tabBtn.current:after, .tabs li .tabBtn.current:before, .tabStyle li .tabBtn.current:after, .tabStyle li .tabBtn.current:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tabs li .tabBtn.current:after, .tabStyle li .tabBtn.current:after {
  border-color: rgba(160, 125, 33, 0);
  border-top-color: #D0A938;
  border-width: 9px;
  margin-left: -9px;
}
.tabs li .tabBtn.current:before, .tabStyle li .tabBtn.current:before {
  border-color: rgba(150, 112, 11, 0);
  border-top-color: #96700b;
  border-width: 10px;
  margin-left: -10px;
}
.tabContentWrap {
  padding: 3px 5px;
  background: #fff;
}

.tabContent {
  display: none;
  background: #fbfbfb;
}
.tabContent.visible {
  display: block;
}
.instalmentToursClass .tabBtn {
  display: inline-block;
}

/**********************************************************************
                page 
**********************************************************************/
.page {
  float: right;
  position: relative;
  margin-bottom: 25px;
  width: calc(100% - 320px);
}.page .leftMainPart {
  float: left;
  width: calc(100% - 320px);
}
.page .leftMainPart .hotelBoxes {
  margin: 0 -20px;
}
.page .leftMainPart .hotelBoxes li, .page .leftMainPart .hotelBoxes .new-item {
  width: 33.3%;
  float: right;
  padding: 20px;
}
.page .leftMainPart .hotelBoxes li:last-child, .page .leftMainPart .hotelBoxes .new-item:last-child {
  margin-bottom: 0;
}.page .leftMainPart .tabs li .tabBtn, .page .leftMainPart .tabs li .current, .page .leftMainPart .tabStyle li .tabBtn, .page .leftMainPart .tabStyle li .current, .instalmentToursClass .tabBtn {
  color: #fff;
  background: #D0A938;
  border: 1px solid #D0A938;
}
.page .leftMainPart .tabs li .tabBtn:after, .page .leftMainPart .tabs li .tabBtn:before, .page .leftMainPart .tabs li .current:after, .page .leftMainPart .tabs li .current:before, .page .leftMainPart .tabStyle li .tabBtn:after, .page .leftMainPart .tabStyle li .tabBtn:before, .page .leftMainPart .tabStyle li .current:after, .page .leftMainPart .tabStyle li .current:before {
  display: none;
}
.page .leftMainPart .tabs li .tabBtn:hover, .page .leftMainPart .tabs li .tabBtn.current, .page .leftMainPart .tabs li .current:hover, .page .leftMainPart .tabs li .current.current, .page .leftMainPart .tabStyle li .tabBtn:hover, .page .leftMainPart .tabStyle li .tabBtn.current, .page .leftMainPart .tabStyle li .current:hover, .page .leftMainPart .tabStyle li .current.current, .instalmentToursClass .tabBtn:hover {
  color: #D0A938;
  background: none;
}.page.hasFilterSidebar {
  width: calc(100% - 320px);
}
.page.hasFilterSidebar .leftMainPart {
  float: left;
  width: calc(100% - 270px);
}
.page.fullWidth {
  width: 100%;
}

.pageBody .topText, .pageBody .bottomText {
  margin-bottom: 17px;
}
.pageBody .topText .leftImg, .pageBody .bottomText .leftImg {
  float: left;
  max-width: 250px;
  margin: 0 1em 0 0;
  width: 100%;
}.pageBody .topText .text, .pageBody .bottomText .text {
  padding: 20px;
  line-height: 29px;
  text-align: justify;
}
.pageBody .topText .scrollTo, .pageBody .bottomText .scrollTo {
  width: 270px;
  display: block;
  padding: 8px 0;
  cursor: pointer;
  text-align: center;
  margin: 10px auto 20px;
}.pageBody .topText .scrollTo i, .pageBody .bottomText .scrollTo i {
  font-size: 1.3em;
  margin-left: 7px;
  vertical-align: middle;
}
.pageBody .tourBoxes {
  padding: 1px;
  overflow: hidden;
  background: #FBFBFB;
}.pageBody .tourBox .inner {
  padding: 20px 30px;
}.pageBody .bottomText {
  margin-top: 25px;
  margin-bottom: 0;
  padding: 20px;
  line-height: 29px;
  text-align: justify;
}
.pageBody .tagList {
  margin-top: 10px;
  text-align: right;
}
.pageBody .tagList.boxStyle, .pageBody .tourGuideList li.tagList, .tourGuideList .pageBody li.tagList, .pageBody .tourGuideList .tagList.new-item, .tourGuideList .pageBody .tagList.new-item, .pageBody .newsListBox li.tagList, .newsListBox .pageBody li.tagList, .pageBody .newsListBox .tagList.new-item, .newsListBox .pageBody .tagList.new-item, .pageBody .tagList.bgTitleSep, .pageBody .tagList.homeTours, .pageBody .tagList.doubleBox, .pageBody .tagList.topText, .pageBody .tagList.bottomText, .pageBody .tagList.tourBoxes, .pageBody .pagination a.tagList, .pagination .pageBody a.tagList, .pageBody .pagination span.tagList, .pagination .pageBody span.tagList, .pageBody .tagList.sideBox, .pageBody .cityBoxes li.tagList, .cityBoxes .pageBody li.tagList, .pageBody .cityBoxes .tagList.new-item, .cityBoxes .pageBody .tagList.new-item, .pageBody .cityList li.tagList, .cityList .pageBody li.tagList, .pageBody .table .tagList.hoverInfo, .table .pageBody .tagList.hoverInfo, .pageBody .relatedTours .tagList.tourBox, .relatedTours .pageBody .tagList.tourBox, .pageBody .fullHotelRelated .tagList.tourBox, .fullHotelRelated .pageBody .tagList.tourBox, .pageBody .tagList.no-data, .pageBody .tagList.hotelPhotos, .pageBody .tagList.full-page, .pageBody .tagList.form-msg, .pageBody .tagList.commentForm, .pageBody .commentBox .tagList.commentBody, .commentBox .pageBody .tagList.commentBody, .pageBody .tagList.hotel-box-link {
  padding: 10px;
}
.pageBody footer .bottom {
  margin: 10px 0;
  padding: 10px 0;
  color: #a07d21;
  border-top: 1px dashed #f5f2e8;
  border-bottom: 1px dashed #f5f2e8;
}
.pageBody footer .bottom * {
  display: inline-block;
  vertical-align: middle;
}
.pageBody footer .bottom .share a {
  margin-right: 10px;
}
.pageBody footer .bottom .share i {
  font-size: 1.1em;
}
.pageBody footer .bottom .archive {
  margin-left: 10px;
}
.pageBody footer .bottom .date i, .pageBody footer .bottom .archive i {
  margin-left: 5px;
}
.tag {
  float: right;
  margin-top: 5px;
  margin-left: 5px;
  font-size: 0.95em;
  background: #e9e5e1;
  padding: 1px 19px 3px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.breadcrumbList {
  color: #a07d21;
  font-size: 0.9em;
  line-height: 34px;
  margin-bottom: 15px;
}
.breadcrumbList li {
  display: inline-block;
}
.breadcrumbList li:last-child span:after {
  display: none;
}
.breadcrumbList a {
  color: #a07d21;
}
.breadcrumbList span {
  display: inline-block;
}
.breadcrumbList span:after {
  float: left;
  font-size: 1.7em;
  content: "\f104";
  color: #cbb771;
  padding: 0 10px 0 5px;
  vertical-align: middle;
  display: inline-block;
  font-family: FontAwesome;
}

.pagination {
  margin-top: 25px;
  text-align: center;
}
.pagination a, .pagination span {
  padding: 0 15px;
  line-height: 36px;
  vertical-align: middle;
  display: inline-block;
}
.pagination a.current, .pagination a:hover, .pagination span.current, .pagination span:hover {
  color: #a07d21;
  background: #dbceaa;
}
.pagination a i, .pagination span i {
  vertical-align: middle;
}

.showFilterBoxes {
  color: #fff;
  height: 40px;
  z-index: 300;
  background: #D0A938;
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px;
  border-radius: 4px 4px 0 0;
}.showFilterBoxes i {
  float: right;
  font-size: 1.6em;
  vertical-align: middle;
  padding: 10px 12px 10px 14px;
}
.showFilterBoxes span {
  float: right;
  line-height: 40px;
  padding-left: 16px;
}
.showFilterBoxes.showOrhide {
  top: 8px;
  right: 96%;
}
.showFilterBoxes.first-show {
  top: 388px;
  display: none;
  right: -51px;
  position: fixed;
}
.showFilterBoxes.first-none {
  top: 51px;
  width: 143px;
  opacity: 0;
  right: 100%;
  margin-right: -51px;
  position: absolute;
}

.filterBoxes {
  width: 250px;
  float: right;
}
.filterBoxes.visibleMode .filter-boxes-wrap {
  display: block;
  background: #fff;
  padding: 7px 0 7px 10px;
  -moz-border-radius: 1px 0 0 5px;
  -webkit-border-radius: 1px;
  border-radius: 1px 0 0 5px;
  -moz-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.5);
}
.filterBoxes.visibleMode .showFilterBoxes.first-show {
  display: none;
}
.filterBoxes.visibleMode .showFilterBoxes.show {
  opacity: 1;
}.rightAside {
  width: 300px;
  float: right;
}
.leftAside {
  float: left;
  width: 300px;
  margin-bottom: 25px;
}
.filterBoxes .content {
  padding: 10px;
}
.filterBoxes #lower-value {
  float: left;
  padding: 5px;
}
.filterBoxes #upper-value {
  float: right;
  padding: 5px;
}
.filterBoxes .checkBox {
  margin-bottom: 7px;
}
.filterBoxes .checkBox:last-child {
  margin-bottom: 0;
}
.filterBoxes .stars {
  float: left;
}
.filterBoxes .fa.floatLeft {
  color: #ccc;
  margin-top: 4px;
  font-size: 1.4em;
}
.sideBoxLink , .sideBoxLinkLight{
    padding: 10px 17px;
    margin-bottom: 13px;
  display: block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.sideBoxLink{
    color: #a07d21;
    background: #D0A938;
    color: #fff;
}
.sideBoxLinkLight{
    color: #a07d21;
    position: relative;
    background: #f5f2e8;
        -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border:1px solid rgba(160, 125, 33, 0.2);
}
.sideBoxLinkLight:before{
  width: 5px;
  top: -1px;
  bottom: -1px;
  right: 0;
  content: "";
  position: absolute;
  background: #D0A938;
}
.visa-bar{
  height: 65px;
  padding: 20px 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  text-align: center;
  justify-content: center;
}
.visa-bar a{
  color: #444;
  font-size: 1em;
  padding: 0px 1%;
  border-radius: 0;
  border-left: 1px solid #e1d3b0;
  line-height: 12px;
}
.visa-bar a:last-child{
  border-left:none;
}
.visa-bar a.current{
    color: #d0a938;
}
.visa-bar__inner{
  width: 100%;
}
.visa-bar--fixed .visa-bar__inner{
    top: 88px;
    left: 0;
    right: 0;
    z-index: 20;
    padding: 10px 0;
    position: fixed;
    background: #fff;
    border-bottom: 4px solid #d0a938;
}
.pageBody .topText .visa-section.text{
  padding-top: 0;
}
.visa-section .title{
  color: #D0A938;
}
.visa-section__details{
  margin: 5px 10px 10px;
}
.visa-section .each-section{
  margin-bottom: 10px;
}
.sideBox {
  font-size: 0.9em;
  margin-bottom: 13px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(160, 125, 33, 0.2);
}
.sideBox .bgTitle, .sideBox .bgTitleSep, .sideBox .tabs, .sideBox .tabStyle {
  padding: 5px 10px;
}
.sideBox.noImage .gridTourBox .inner {
  min-height: 0;
}
.sideBox .gridTourBox {
  width: 100%;
  float: none;
}
.sideBox .gridTourBox:hover .title {
  line-height: 31px;
  padding: 15px 10px;
}
.sideBox .gridTourBox .inner {
  min-height: 208px;
}
.sideBox .gridTourBox .title {
  padding: 5px 10px;
  text-align: right;
}
.sideBox .gridTourBox .title h4 {
  font-size: 1.1em;
  text-align: center;
}
.sideBox .gridTourBox .title span {
  color: #584512;
  font-size: 0.9em;
  display: inline-block;
}
.sideBox .gridTourBox .title span i {
  margin: 0 4px;
  font-size: 1.4em;
  vertical-align: middle;
}
.sideBox .gridTourBox .title .long {
  color: #fff;
  padding: 0 5px;
  background: #D0A938;
}
.sideBox .gridTourBox .title .hasBg {
  float: left;
  padding: 0 5px;
  font-size: 1.3em;
  color: #a07d21;
  background: #e9e5e1;
}
.sideBox .gridTourBox .title .date {
  float: left;
  color: #605c66;
}
.sideBox .gridTourBox .title .displayBlock {
  display: block;
}
.sideBox .gridTourBox mark {
  max-width: 50%;
  text-align: center;
}
.sideBox .tourBox {
  width: 100%;
  float: none;
}
.sideBox .tourBox .inner {
  padding: 10px;
}
.sideBox .tourBox .inner .date {
  margin-top: 12px;
}
.sideBox .tourBox .inner .otherInfo {
  margin-top: 5px;
}
.sideBox .tourBox .inner .plus {
  line-height: 18px;
}
.sideBox .tourBox.singleLeft .inner .left {
  padding-top: 16px;
}

.adBox {
  display: block;
}

.hotelBoxes li, .hotelBoxes .new-item {
  text-align: center;
  position: relative;
  padding: 20px 20px 0;
}
.hotelBoxes li:last-child, .hotelBoxes .new-item:last-child {
  margin-bottom: 20px;
}
.hotelBoxes li:hover .title, .hotelBoxes .new-item:hover .title {
  border-right: 7px solid #584512;
}
.hotelBoxes li:hover .title a, .hotelBoxes .new-item:hover .title a {
  color: #584512;
}
.hotelBoxes li:hover .imgWrap a:after, .hotelBoxes .new-item:hover .imgWrap a:after {
  opacity: 0;
}
.hotelBoxes li .title, .hotelBoxes .new-item .title {
  top: 30px;
  left: auto;
  right: 12px;
  z-index: 180;
  min-width: 140px;
  font-size: 1.1em;
  text-align: center;
  position: absolute;
  border-right: 7px solid #D0A938;
  background: rgba(233, 229, 225, 0.9);
}
.hotelBoxes li .title a, .hotelBoxes .new-item .title a {
  display: block;
  padding: 7px 16px;
}
.hotelBoxes li .imgWrap, .hotelBoxes .new-item .imgWrap {
  overflow: hidden;
  position: relative;
}
.hotelBoxes li .imgWrap img, .hotelBoxes .new-item .imgWrap img {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  margin: auto;
  height: auto;
  position: absolute;
}
.hotelBoxes li .imgWrap a, .hotelBoxes .new-item .imgWrap a {
  display: block;
}
.hotelBoxes li .imgWrap a:after, .hotelBoxes .new-item .imgWrap a:after {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  z-index: 20;
  height: 100%;
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.25);
}
.hotelBoxes li .imgWrap a:before, .hotelBoxes .new-item .imgWrap a:before {
  content: "";
  display: block;
  padding-top: 53.5%;
}
.hotelBoxes li .stars, .hotelBoxes .new-item .stars {
  top: 72px;
  right: 35px;
  z-index: 21;
  font-size: 1.5em;
  text-align: left;
  position: absolute;
  text-shadow: 0 -1px 1px #000;
}

.cityBoxes {
  margin: 0 -1%;
}
.cityBoxes li, .cityBoxes .new-item {
  width: 23%;
  float: right;
  padding: 1px;
  margin: 0 1% 2%;
  text-align: center;
  position: relative;
}.cityBoxes li:hover .title, .cityBoxes .new-item:hover .title {
  background: #D0A938;
}
.cityBoxes li:hover .title a, .cityBoxes .new-item:hover .title a {
  color: #fff;
}
.cityBoxes li:hover .imgWrap a:after, .cityBoxes .new-item:hover .imgWrap a:after {
  display: block;
}
.cityBoxes li .title, .cityBoxes .new-item .title {
  padding: 10px 0;
  font-size: 1.1em;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0;
  border-radius: 0 0 5px 5px;
}
.cityBoxes li .title a, .cityBoxes .new-item .title a {
  display: block;
}
.cityBoxes li .imgWrap, .cityBoxes .new-item .imgWrap {
  overflow: hidden;
  position: relative;
  border-bottom: 4px solid #D0A938;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.cityBoxes li .imgWrap img, .cityBoxes .new-item .imgWrap img {
  top: 0;
  right: 0;
  position: absolute;
}
.cityBoxes li .imgWrap:before, .cityBoxes .new-item .imgWrap:before {
  content: "";
  display: block;
  padding-top: 104%;
}
.cityBoxes li .imgWrap a, .cityBoxes .new-item .imgWrap a {
  display: block;
}
.cityBoxes li .imgWrap a:after, .cityBoxes .new-item .imgWrap a:after {
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  z-index: 20;
  height: 100%;
  display: none;
  position: absolute;
  background: rgba(208, 169, 56, 0.5);
}

.cityList {
  margin: 47px -1% 0;
  text-align: center;
}
.cityList li {
  width: 23%;
  float: right;
  padding: 2px;
  margin: 0 1% 2%;
  overflow: hidden;
  text-align: center;
  position: relative;
}
.cityList li .title a {
  display: block;
  font-size: 1.5em;
  padding: 20px 10px;
  background: #f5f2e8;
}

.gallery {
  margin: 2%;
  padding: 10px;
}
.gallery .gallery-thumbnails {
  width: 25%;
  float: right;
  padding: 5px;
}
.textBody, .full-page {
  color: #605c66;
}
.textBody .bgTitle .archive, .full-page .bgTitle .archive, .textBody .bgTitleSep .archive, .full-page .bgTitleSep .archive, .textBody .tabs .archive, .full-page .tabs .archive, .textBody .tabStyle .archive, .full-page .tabStyle .archive {
  font-size: 1em;
}
.textBody .bgTitle .archive i, .full-page .bgTitle .archive i, .textBody .bgTitleSep .archive i, .full-page .bgTitleSep .archive i, .textBody .tabs .archive i, .full-page .tabs .archive i, .textBody .tabStyle .archive i, .full-page .tabStyle .archive i {
  font-size: 1.3em;
  margin-right: 8px;
}
.textBody .text, .full-page .text {
  line-height: 29px;
  padding: 20px;
  text-align: justify;
}
.textBody footer, .full-page footer {
  padding: 20px;
}
.textBody img, .full-page img, .textBody video {
  height: auto;
  padding: 4px;
  max-width: 100%;
  display: inline-block;
  border: 1px solid #ddd;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}
.textBody img.centerImg, .full-page img.centerImg, .textBody img.aligncenter, .full-page img.aligncenter {
  clear: both;
  display: block;
  margin: 1.5em auto;
}
.textBody img.leftImg, .full-page img.leftImg, .textBody img.alignleft, .full-page img.alignleft {
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
}.textBody img.rightImg, .full-page img.rightImg, .textBody img.alignright, .full-page img.alignright {
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
}.textBody h1, .full-page h1, .textBody h2, .full-page h2, .textBody h3, .full-page h3, .textBody h4, .full-page h4, .textBody h5, .full-page h5, .textBody h6, .full-page h6 {
  line-height: normal;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.textBody h1, .full-page h1 {
  font-size: 2em;
}
.textBody h2, .full-page h2 {
  font-size: 1.5em;
}
.textBody h3, .full-page h3 {
  font-size: 1.17em;
}
.textBody h4, .full-page h4 {
  font-size: 1.12em;
}
.textBody h5, .full-page h5 {
  font-size: .83em;
}
.textBody h6, .full-page h6 {
  font-size: .75em;
}
.textBody ol, .full-page ol {
  padding-right: 20px;
}
.textBody ol > li, .full-page ol > li {
  list-style: number;
  list-style-position: inside;
}
.textBody ul, .full-page ul {
  padding-right: 20px;
}
.textBody ul li:before, .full-page ul li:before {
  content: "\25CF";
  transform: none;
  margin-left: 5px;
  background: transparent;
  font-weight: bold;
}

.related, .fullHotelRelated {
  margin-top: 25px;
}
.related .newsListBox, .fullHotelRelated .newsListBox {
  margin: 0 -0.5%;
}
.related .newsListBox li, .related .newsListBox .new-item, .fullHotelRelated .newsListBox li, .fullHotelRelated .newsListBox .new-item {
  width: 49%;
  margin: 1% 0.5% 0;
}
.bigDiv {
  width: 58%;
  float: right;
  position: ralative;
}.bigDiv.changeToFixBottom, .bigDiv.changeToFixTop {
  right: 2%;
  width: 55.6%;
  position: fixed;
}
.bigDiv.changeToFixBottom {
  bottom: 0;
}
.bigDiv.changeToFixTop {
  top: 0;
}
.bigDiv.changeToAbsolute {
  right: 0;
  bottom: 0;
  position: absolute;
}

.mediumDiv {
  width: 40%;
  float: left;
}.mediumDiv.changeToFixBottom, .mediumDiv.changeToFixTop {
  left: 2%;
  width: 38.4%;
  position: fixed;
}
.mediumDiv.changeToFixBottom {
  bottom: 0;
}
.mediumDiv.changeToFixTop {
  top: 0;
}
.mediumDiv.changeToAbsolute {
  left: 0;
  bottom: 0;
  position: absolute;
}
.mediumDiv .contactInfo {
  width: 45%;
  float: left;
  overflow: hidden;
  position: relative;
  padding-right: 5px;
  margin: 2.5% 0 2.5% 2.5%;
}.mediumDiv .contactInfo img {
  left: 0;
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  max-width: calc(100% - 5px);
}
.mediumDiv .contactInfo:after {
  content: "";
  display: block;
  padding-top: 265px;
}
.mediumDiv .contactInfo .caption {
  right: 0;
  top: 6px;
  z-index: 2;
  width: 100%;
  color: #000;
  font-size: 1em;
  position: absolute;
}
.mediumDiv .contactInfo .caption .item {
  margin: 7px 0;
}
.mediumDiv .contactInfo .caption a {
  color: #000;
}
.mediumDiv .contactInfo .caption .inner-item {
  font-size: 1.2em;
  padding: 9px 12px;
  display: inline-block;
  border-right: 4px solid #D0A938;
  background: rgba(233, 229, 225, 0.9);
}
.mediumDiv .contactInfo .caption .inner-item i {
  font-size: 1.4em;
  margin-left: 7px;
  line-height: 49px;
  text-align: center;
  vertical-align: middle;
}

.tourInfo, .fullHotelInfo {
  margin-bottom: 25px;
}
.tourInfo .text, .fullHotelInfo .text {
  padding: 10px 20px;
  text-align: justify;
  line-height: 29px;
}
.tourInfo .itemWrap, .fullHotelInfo .itemWrap {
  padding: 2.5%;
  width: 50%;
  float: right;
  font-size: 1em;
}.tourInfo .itemWrap .item, .fullHotelInfo .itemWrap .item {
  width: 100%;
  float: right;
  padding: 1px;
  color: #472c00;
  margin: 0 0 2%;
  overflow: hidden;
  line-height: 44px;
  background: rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
}
.tourInfo .itemWrap .item:last-child, .fullHotelInfo .itemWrap .item:last-child {
  margin-bottom: 0;
}
.tourInfo .itemWrap .item i, .fullHotelInfo .itemWrap .item i {
  color: #a07d21;
  font-size: 1.3em;
  margin-left: 9px;
  padding: 1px 14px;
  line-height: inherit;
  vertical-align: middle;
}
.tourInfo .itemWrap .item .fa-long-arrow-left, .fullHotelInfo .itemWrap .item .fa-long-arrow-left {
  margin-left: 0;
  padding: 0 6px;
}

.options {
  text-align: center;
}.options .print, .options .pdf {
  margin-right: 4px;
}
.options .option-item {
  float: left;
  height: 38px;
  font-size: 0.9em;
  padding-left: 8px;
  position: relative;
  line-height: 30px;
  background: rgba(208, 169, 56, 0.07);
}
.options i {
  width: 30px;
  height: 100%;
  font-size: 16px;
  line-height: 30px;
  vertical-align: middle;
}
.options .social {
  margin: 0;
  z-index: 2;
  width: 106px;
  display: none;
  position: absolute;
  text-align: right;
  background: rgba(208, 169, 56, 0.07);
}
.options .social li {
  display: block;
  font-size: 0.98em;
}
.options .social li a {
  color: #a07d21;
  padding: 0 8px;
  display: block;
  cursor: pointer;
  background: #fff;
  line-height: 33px;
  border-bottom: 1px solid rgba(208, 169, 56, 0.15);
}
.options .social li a i {
  text-align: 33px;
}
.options .social li:last-child a {
  border-right: none;
}
.options .social .showTheHiddenEle {
  color: #584512;
}

.table-style {
  width: 100%;
  display: table;
  border-collapse: collapse;
}
.table-style .table-row {
  display: table-row;
}
.table-style .table-cell {
  padding: 5px;
  display: table-cell;
}

.extraInfo .table-style {
  margin: 2%;
  width: 96%;
  line-height: 27px;
  text-align: justify;
}
.extraInfo .table-style .table-row:last-child .table-cell-head {
  border-bottom: none;
}.extraInfo .table-cell {
  padding: 10px 20px;
}.extraInfo .table-cell-head {
  width: 110px;
  color: #a07d21;
  padding: 16px 5px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 10px solid #fff;
  background: rgba(0, 0, 0, 0.03);
}
.hotelInfo {
  padding: 10px;
}
.hotelInfo .table {
  border: 1px solid #ccc;
}
.hotelInfo .table th {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.hotelInfo .table td:first-child {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.hotelInfo .table tr:nth-child(2) td {
  border-top: 1px solid #ccc;
}
.table {
  font-size: 0.95em;
  margin-bottom: 0;
}
.table tr td, .table tr th {
  padding: 10px 5px;
  text-align: center;
  vertical-align: middle;
}
.table tr td.bigger, .table tr th.bigger {
  width: 180px;
}
.table tr td.smaller, .table tr th.smaller {
  width: 50px;
}
.table tr th {
  background: #F7F7F7;
}
.table tr td:first-child {
  background: #F7F7F7;
}
.table tr td:first-child i {
  margin-left: 3px;
}
.table tr td .stars {
  display: block;
}
.table tr td .btn, .tourBox .left .btn {
  width: 55px;
  color: #fff;
  height: 27px;
  margin: auto;
  padding-top: 0;
  line-height: 21px;
  background: #D0A938;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #D0A938;
}
.table tr td .btn.loanCalculatorTrigger{
    width: 100px;
    padding-top: 2px;
    margin-top: 2px;
}

.table tr td .btn:hover, .tourBox .left .btn:hover {
  color: #D0A938;
  background: transparent;
}
.table tr td mark {
  background: #e9e5e1;
  padding: 0 7px;
}
.table tr .small {
  color: #999;
  display: block;
  font-size: 0.9em;
}
.table tr.singleRow td:first-child {
  text-align: right;
  background: #fff;
}
.table .mainInfo {
  position: relative;
}
.table .mainInfo .each-hotel:hover .hoverInfo {
  display: block;
}
.table .contact-reserve {
  display: block;
  text-align: center;
}
.table .contact-reserve .btn.ltr {
  width: 125px;
  line-height: 25px;
}
.table .hoverInfo {
  top: 0;
  z-index: 2;
  right: 100%;
  padding: 5px;
  display: none;
  position: absolute;
  border: 2px solid #bea566;
}
.table .hoverInfo img {
  display: block;
}
.table .hoverInfo:before {
  left: 100%;
  top: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.table .hoverInfo:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #bea566;
  border-width: 8px;
  margin-top: -8px;
}
.table .TA_cdsratingsonlynarrow {
  width: 138px;
  margin: 0 auto;
  text-align: center;
}
.table .TA_cdsratingsonlynarrow .cdsROW .cdsRating img {
  margin: 0 auto;
}

.stars {
  color: #ffbc3d;
  direction: ltr;
  font-size: 1.1em;
}
.tourFull-hotelName {
  color: #a07d21;
}

.tourPlan {
  margin-bottom: 25px;
}
.tourPlan .table {
  width: 96%;
  margin: 2%;
}

.relatedTours .tourBoxWrap, .fullHotelRelated .tourBoxWrap {
  margin: 0 -0.25%;
}
.relatedTours .tourBox, .fullHotelRelated .tourBox {
  border: none;
  width: 32.83%;
  min-height: 158px;
  margin: 0.5% 0.25% 0;
}
.relatedTours .tourBox .inner, .fullHotelRelated .tourBox .inner {
  border: none;
}
.relatedTours .tourBox:nth-child(2n) .inner:before, .fullHotelRelated .tourBox:nth-child(2n) .inner:before {
  display: none;
}
.highlightsBoxes, .comments {
  margin-top: 25px;
}

.highlightsBoxes {
  float: left;
  width: 33%;
}.highlightsBoxes .imageList {
  margin: 0 -0.5%;
}
.highlightsBoxes .imageList li {
  width: 99%;
  float: right;
  margin: 1% 0.5% 0;
}

.hotelsClass .related .imageList .new-item {
  width: 98%;
}

.newsClass .main-image, .attractionsClass .main-image, .staticPagesClass .main-image, .galleriesClass .main-image {
  float: left;
  max-width: 50%;
  margin: 0 30px 10px 0;
}.newsClass .comments, .attractionsClass .comments, .staticPagesClass .comments, .galleriesClass .comments, .toursListClass .comments ,.visaClass .comments{
  float: none;
  width: 100%;
}
.newsClass .textBody img, .newsClass .full-page img, .attractionsClass .textBody img, .attractionsClass .full-page img, .staticPagesClass .textBody img, .staticPagesClass .full-page img, .galleriesClass .textBody img, .galleriesClass .full-page img, .toursClass .textBody img, .toursClass .textBody video {
  display: block;
  margin: 20px auto;
}

.instalmentToursClass .main-image, .aboutUsClass .main-image, .termAndConditionsClass .main-image, .privacyPolicyClass .main-image {
  float: left;
  max-width: 50%;
  margin: 0 30px 10px 0;
}
.no-data {
  padding: 20px;
}

.comments {
  width: 66.66%;
  float: right;
}
.halfBox, .fullHotelRelated {
  width: 49%;
}.fullHotelInfo .bgTitle .stars, .fullHotelInfo .bgTitleSep .stars, .fullHotelInfo .tabs .stars, .fullHotelInfo .tabStyle .stars {
  float: left;
  font-size: 1.3em;
}
.fullHotelInfo .trip {
  float: left;
  width: 135px;
  overflow: hidden;
  margin-top: 20px;
  margin-left: 30px;
}
.fullHotelInfo .trip img {
  max-width: 100%;
  height: auto;
  display: block;
}
.fullHotelInfo .itemWrap {
  width: calc(100% - 200px);
}
.fullHotelInfo .itemWrap .item {
  margin: 0 0 5px;
  padding-left: 14px;
}
.fullHotelInfo .itemWrap .item a {
  margin-right: 5px;
}
.fullHotelInfo .itemWrap .stars {
  float: left;
}
.fullHotelInfo .itemWrap .stars i {
  margin: 0;
  padding: 0;
  color: #ffbc3d;
}
.fullHotelInfo .bottom {
  margin: 0 22px;
  text-align: center;
}
.fullHotelInfo .bottom .share i {
  font-size: 1.4em;
}

.facilities ul {
  padding: 20px;
}
.facilities ul li {
  width: 50%;
  float: right;
  padding: 11px 16px;
  background: #f7f7f7;
  border: 1px solid #fff;
}.facilities ul li:before {
  content: "\f00c";
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  font-family: FontAwesome;
}
.fullHotelRelated .tourBoxWrap {
  margin: 0 -0.5%;
}
.fullHotelRelated .tourBox {
  width: 49%;
  margin: 1% 0.5% 0;
}
.hotelBoxWrap {
  margin: 0 -1%;
}
.hotelBoxWrap li, .hotelBoxWrap .new-item {
  padding: 1%;
  float: right;
  width: 33.33%;
}
.hotelBoxWrap li .title, .hotelBoxWrap .new-item .title {
  right: 0;
}
.hotelBoxWrap li .stars, .hotelBoxWrap .new-item .stars {
  right: 23px;
  word-spacing: -2px;
}

.hotelPhotos {
  padding: 10px;
  position: relative;
}
.hotelPhotos .hotelSLider {
  margin-bottom: 10px;
}
.hotelPhotos .hotelSLider img {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.hotelPhotos #sliderPager {
  margin-left: -3px;
}
.hotelPhotos #sliderPager img {
  float: left;
  opacity: 0.9;
  width: 16.66%;
  cursor: pointer;
  filter: blur(1px);
  margin-bottom: 3px;
  border-left: 3px solid transparent;
}
.hotelPhotos #sliderPager img.cycle-pager-active {
  opacity: 1;
  filter: blur(0);
}
.hotelPhotos .next, .hotelPhotos .prev {
  top: 31%;
  color: #fff;
  width: 40px;
  z-index: 202;
  height: 50px;
  margin: auto;
  display: none;
  font-size: 2.2em;
  text-align: center;
  position: absolute;
  line-height: 52px;
  background: rgba(160, 125, 33, 0.4);
}
.hotelPhotos .next:visited, .hotelPhotos .next a:active, .hotelPhotos .prev:visited, .hotelPhotos .prev a:active {
  text-decoration: none;
}
.hotelPhotos .prev {
  left: 0;
  padding-right: 4px;
  -moz-border-radius: 0 2px 2px 0;
  -webkit-border-radius: 0;
  border-radius: 0 2px 2px 0;
}
.hotelPhotos .next {
  right: 0;
  padding-left: 4px;
  -moz-border-radius: 2px 0 0 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px 0 0 2px;
}

.contact-page a {
  color: #605c66;
}
.contact-page .top {
  margin-bottom: 25px;
}
.contact-page .top i {
  width: 25px;
  color: #a07d21;
  font-size: 1.3em;
  margin-left: 10px;
  text-align: center;
  vertical-align: middle;
}
.contact-page .top i.fa-mobile {
  font-size: 1.7em;
}
.contact-page .element {
  margin-bottom: 5px;
}
.contact-page .doubleBox {
  margin-bottom: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.contact-page .info {
  margin-bottom: 25px;
}
.contact-page .text {
  padding: 30px;
}

#map {
  width: 100%;
  height: 535px;
}

/**********************************************************************
                Forms 
**********************************************************************/
.form .formElement .text, .contact-form .formElement .text {
  width: 100%;
  font-size: 0.8rem;
  padding: 8px 15px;
  border: 1px solid #e6e6e6;
}
.form .formElement .text::placeholder, .contact-form .formElement .text::placeholder {
  color: #777;
  text-align: right;
}
.form .formElement .text::-moz-placeholder, .contact-form .formElement .text::-moz-placeholder {
  color: #777;
  text-align: right;
}
.form .formElement .text::-webkit-placeholder, .contact-form .formElement .text::-webkit-placeholder {
  color: #777;
  text-align: right;
}
.form .formElement input.validateStylish:not([type="submit"]), .contact-form .formElement input.validateStylish:not([type="submit"]), .form .formElement textarea.validateStylish, .contact-form .formElement textarea.validateStylish {
  border-color: rgba(255, 0, 0, 0.2) !important;
  box-shadow: 0 1px 1px rgba(255, 0, 0, 0.075) inset, 0 0 5px rgba(255, 0, 0, 0.2);
}
.form .formElement.captchaWrap, .contact-form .formElement.captchaWrap {
  position: relative;
}
.form .formElement.captchaWrap .text, .contact-form .formElement.captchaWrap .text {
  padding-left: 110px;
}
.form .formElement.captchaWrap .captchaLink, .contact-form .formElement.captchaWrap .captchaLink {
  top: 1px;
  left: 8px;
  display: block;
  position: absolute;
}
.form .formElement.captchaWrap .captchaLink img, .contact-form .formElement.captchaWrap .captchaLink img {
  width: auto;
  display: block;
  max-height: 100%;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 0 0 5px;
}

.form-msg {
  padding: 10px;
  margin-top: 6px;
}
.form-msg .errorBox, .form-msg .messageBox {
  margin-bottom: 0;
}

.commentForm {
  margin-top: 0.56%;
  margin-bottom: 15px;
  padding: 14px 7px 12px;
}.commentForm .form-item-name {
  display: none;
}
.commentForm .formElement {
  width: 50%;
  float: right;
  padding: 0 7px;
  margin-bottom: 5px;
}
.commentForm .form-item-body.formElement, .commentForm .form-item-submit.formElement {
  width: 100%;
}
.commentForm .btnStyle, .commentForm .pageBody .topText .scrollTo, .pageBody .topText .commentForm .scrollTo, .commentForm .pageBody .bottomText .scrollTo, .pageBody .bottomText .commentForm .scrollTo {
  width: 100%;
  cursor: pointer;
  font-size: 0.8rem;
  padding: 6px 0 5px;
}

.commentBox {
  font-size: 0.75rem;
  position: relative;
  margin-bottom: 1%;
  padding-right: 60px;
}.commentBox.admin header {
  color: #fff;
  background: #D0A938;
}
.commentBox header {
  right: 0;
  top: 15px;
  width: 114px;
  padding: 4px 7px;
  color: #a07d21;
  position: absolute;
  text-align: center;
  background: #f5f2e8;
  border: 1px solid rgba(160, 125, 33, 0.2);
}
.commentBox .commentBody {
  line-height: 29px;
  text-align: justify;
  padding: 7px 70px 7px 15px;
}
.commentBox .footer {
  font-size: 0.9em;
  text-align: left;
  padding-top: 5px;
}
.commentBox .footer * {
  display: inline-block;
}
.commentBox .footer .date {
  color: #9f9f9f;
  margin-left: 8px;
}
.commentBox .footer i {
  float: right;
  margin-top: 7px;
  font-size: 1.2em;
  margin-left: 5px;
}
.commentBox .commentBox {
  margin-top: 10px;
}

.contact-form {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.contact-form .formElement {
  width: 49%;
  float: right;
  margin-left: 1%;
  margin-bottom: 5px;
}
.contact-form .formElement.full {
  width: 99%;
  clear: both;
}
.contact-form .formElement .btnStyle, .contact-form .formElement .pageBody .topText .scrollTo, .pageBody .topText .contact-form .formElement .scrollTo, .contact-form .formElement .pageBody .bottomText .scrollTo, .pageBody .bottomText .contact-form .formElement .scrollTo {
  width: 100%;
  padding: 13px 0;
  font-size: 0.8rem;
}

/**********************************************************************
                newsLetter 
**********************************************************************/
.newsLetter {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 299;
  font-size: 0.9em;
  padding: 10px 13px;
  position: fixed;
  background: #e8ddc0;
  border-top: 3px solid rgba(208, 169, 56, 0.1);
}
.newsLetter.stopFix {
  top: 0;
  width: 100%;
  border: none;
  bottom: auto;
  color: #605c66;
  position: absolute;
  background: rgba(245, 242, 232, 0.5);
}
.newsLetter.stopFix form {
  display: block !important;
}
.newsLetter.stopFix .summary {
  color: #605c66;
}
.newsLetter.stopFix input:not([type="submit"]) {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.newsLetter.stopFix .show-newsletter {
  color: #605c66;
}
.newsLetter .summary {
  width: 50%;
  float: right;
  color: #584512;
  font-size: 1.2em;
  padding-left: 20px;
}
.newsLetter .summary .desc {
  display: block;
  margin-top: 5px;
  font-size: 0.8em;
}
.newsLetter .summary span {
  margin-top: 0;
}
.newsLetter .summary span.join-social {
  float: right;
  width: 35%;
}
.newsLetter .summary span.join-social a {
  display: block;
  color: inherit;
  font-weight: normal;
  color: #584512 !important;
  font-size: 0.83em;
  margin-top: 2px;
}
.newsLetter .summary span.join-social a i {
  font-size: 1.75em;
  /*display: inline-block;*/
  vertical-align: middle;
}
.newsLetter .summary span.join-social a:first-child {
  color: #0088cc !important;
}
.newsLetter .summary span.join-social a:last-child {
  color: #cd486b !important;
}
.newsLetter .summary .nowrooz-desc {
  color: #ff0000 !important;
}
.newsLetter .summary span.responsive-none {
  float: left;
  width: 65%;
}
.newsLetter .show-newsletter {
  display: none;
  color: #584512;
}
.newsLetter .show-newsletter i {
  font-size: 1.3em;
  margin-left: 5px;
  vertical-align: middle;
}
.newsLetter form {
  width: 50%;
  float: left;
  padding: 7px;
  font-size: 1em;
  position: relative;
}
.newsLetter input:not([type="submit"]) {
  float: right;
  display: block;
  color: inherit;
  padding: 11px 7px;
  margin-left: 2px;
  width: calc(50% - 64px);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(208, 169, 56, 0.3);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.newsLetter input:not([type="submit"]).form-item-name {
  display: none;
}
.newsLetter input:not([type="submit"]).validateStylish {
  color: #ff0000;
}
.newsLetter input[type="submit"] {
  left: 0;
  top: 1px;
  bottom: 1px;
  color: #fff;
  width: 122px;
  cursor: pointer;
  font-size: 1.3em;
  position: absolute;
  background: #D0A938;
}
.hotel-box-link {
  padding: 30px 20px;
  margin-bottom: 25px;
}
.hotel-box-link.top-destinations {
  padding: 0;
}
.hotel-box-link .footerCol {
  width: 33.33%;
  padding: 0 2%;
  text-align: right;
}.hotel-box-link .footerCol .stars {
  float: left;
}
.hotel-box-link .footerCol .title {
  color: #a07d21;
}
.hotel-box-link .footerCol a {
  color: #707381;
}
.hotel-box-link .footerCol a h4 {
  display: inline-block;
}

/**********************************************************************
                Footer 
**********************************************************************/
#mainFooter {
  color: #605c66;
  position: relative;
  padding-top: 65px;
  background: #e1e1e2;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}#mainFooter:before {
  top: 100%;
  content: "";
  width: 100%;
  height: 11px;
  display: block;
  background: #D0A938;
  position: absolute;
}
#mainFooter a {
  color: #605c66;
}
#mainFooter .fixed-newsletter a.show-newsletter {
  color: #584512;
}
#mainFooter .copy {
  color: #fff;
  text-align: center;
  background: #D0A938;
  padding: 11px 10px 0;
}
#mainFooter .copy a {
  color: #fff;
}
#mainFooter .copyTxt {
  float: right;
}
#mainFooter .pt {
  float: left;
  font-size: 0.95em;
}#mainFooter .social a {
  vertical-align: middle;
}
#mainFooter .social .fa-aparat {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background-color: #605c66;
  -webkit-mask-image: url(../images/aparat.svg);
  mask-image: url(../images/aparat.svg);
}#mainFooter .footerDouble {
  width: 50%;
  float: right;
  padding: 0 35px;
  margin: 25px 0;
  text-align: right;
}
#mainFooter .footerDouble.right {
  width: 40%;
  padding-left: 50px;
}#mainFooter .footerDouble.left {
  width: 60%;
}#mainFooter .footerDouble .contactItem {
  position: relative;
  padding: 17px 35px 17px 0;
  border-bottom: 1px solid #b7b7ba;
}#mainFooter .footerDouble .contactItem i {
  top: 0;
  right: 0;
  bottom: 0;
  width: 25px;
  margin: auto;
  height: 25px;
  font-size: 1.7em;
  line-height: 25px;
  text-align: center;
  position: absolute;
}#mainFooter .footerDouble .contactItem span:last-child {
  margin-right: 20px;
  padding-right: 10px;
  border-right: 1px solid #b7b7ba;
}#mainFooter .footerDouble .social {
  padding: 17px 0;
  font-size: 1.7em;
}
#mainFooter .footerDouble .social a {
  margin-left: 15px;
}#mainFooter .footerDouble.left {
  border-right: 1px solid #c8bfb8;
}
#mainFooter .footerDouble .footerCol ul li a {
  font-size: 0.95em;
}
#mainFooter .footerDouble .footerCol ul li a:hover {
  color: #584512;
}
.footerCol {
  width: 25%;
  float: right;
  line-height: 35px;
  text-align: center;
}
.footerCol .title {
  font-size: 1.2em;
}

.tabs li, .tabStyle li {
  margin-bottom: 10px;
}

.pageBody .topText .scrollTo, .pageBody .bottomText .scrollTo {
  width: 370px;
}

body {
  padding-top: 115px;
}

.contact-form .formElement:first-of-type {
  display: none;
}

.contact-form .formElement .styled-select select {
  margin: 0.5% 0;
}

.styled-select select {
  color: #777;
  font-size: 0.84rem;
}

.styled-select select option {
  color: #595959;
}

.contact-form .formElement select.validateStylish {
  border-color: rgba(255, 0, 0, 0.2) !important;
  box-shadow: 0 1px 1px rgba(255, 0, 0, 0.075) inset, 0 0 5px rgba(255, 0, 0, 0.2);
}

.homeTours .tourBox .inner {
  min-height: 163px;
}
.lotteryClass .pageBody .floatRight {
  width: 69%;
}
.lotteryClass .pageBody .floatLeft {
  width: 29%;
}
.lottery-page a {
  color: #a07d21;
}

.tourBox.luxuryTour .title {
  position: relative;
  padding-right: 2em;
}

.tourBox.luxuryTour .title:before {
  right: -0.32em;
  /*top: -10%;*/
  /*z-index: -1;*/
  /* height: 150px; */
  /* cursor: pointer; */
  color: #a07d21;
  font-size: 1.25em;
  padding: 0 10px;
  /*background: #fff;*/
  content: "\f219";
  /* line-height: 0px; */
  position: absolute;
  font-family: fontAwesome;
  /* display: block; */
}
.comment-form-toggle {
  clear: both;
  cursor: pointer;
  display: none;
  float: right;
  margin: 11px auto;
  padding: 10px;
  text-align: center;
  width: 22%;
}

.commentlist {
  clear: both;
}

.footer-tel, .contactUsClass .pageBody p.element a {
  unicode-bidi: embed;
}

.copyTxt i {
  margin-left: 3px;
}

.homeClass .gridTourBoxes .inner img, .homeClass .top-destinations .inner img {
  width: 100%;
}

.homeClass .gridTourBoxes .inner .title span, .homeClass .top-destinations .inner .title span {
  color: #000;
}

.pageBody {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#loan-popup .doubleBox{
    float: none;
    margin: 0 auto;
    padding: 90px 40px 10px;
    position: relative;
}
#loan-popup .formElement {
  margin-bottom: 20px;
}
#loan-popup .styled-select{
  margin-top: 10px;
}
#loan-popup .styled-select select{
    margin: 0 0;
    padding: 12px 14px;
    height: auto;
}
#loan-popup .btnStyle{
      /*width: 120px;*/
    padding: 10px;
    margin: 0 auto;
    display: inline-block;
    cursor: pointer;
}
#loan-popup .btnStyleHolder{
  text-align: center;
}
#loan-popup .tourPrice{
        top: 15px;
    right: -7px;
    padding: 14px 6px;
    z-index: 180;
    font-size: 1.3em;
    min-width: 195px;
    text-align: center;
    position: absolute;
    color: #101010;
    border-radius: 3px 1px 1px 3px;
    border-right: 7px solid #D0A938;
    background: rgba(233, 229, 225, 0.9);
}
#loan-popup .result .totalPrice ,#loan-popup .result .instalmentPrice ,#loan-popup .result .totalGivebackPrice{
    padding: 1px;
    color: #472c00;
    margin: 0 0 2%;
    overflow: hidden;
    line-height: 44px;
    text-align: center;
    background: rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
}
#loan-tourPrice-text{
  background: #fff;
  padding: 10px;
  margin: 0 13px 0 0;
  border-radius: 3px;
}
.loanPageClass #loan-popup .tourPrice{
  padding:7px 6px;
}
#loan-popup .formElement, #loan-popup .result{
  font-weight: bold;
}
@media screen and ( max-height: 600px ){
   #loan-popup{
    overflow: scroll;
   }
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  /* Fix 401 */
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 12px;
  margin-top: 10px;
}

.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  left: -17px;
  top: -4px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

/* Styling;
 */
.noUi-target {
  background: #d8d8d8;
  border-radius: 4px;
}

.noUi-connect {
  background: #D0A938;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 7px;
  background: #FFF;
  cursor: pointer;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(images/overlay.png) repeat 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(images/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(images/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxLoadingOverlay {
  background: url(images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 2px;
  left: 0;
  background: url(images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 2px;
  left: 27px;
  background: url(images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

@media (max-width: 86em) {
  body {
    direction: rtl;
  }

  .newsListBox li, .newsListBox .new-item {
    margin: 1%;
    width: 98%;
  }

  .topLeftDbBox:before {
    padding-top: 87%;
  }

  .slider {
    height: calc(100% - 62px);
  }

  .searchBox {
    padding: 2px 1em;
  }

  .page {
    width: calc(100% - 290px);
  }
  .page.hasFilterSidebar {
    width: calc(100% - 290px);
  }
  .page .leftMainPart {
    width: calc(100% - 290px);
  }

  .page .leftMainPart .hotelBoxes li {
    width: 50%;
  }

  .page .leftMainPart .hotelBoxes li, .page .leftMainPart .hotelBoxes .new-item{
    width: 50%;
  }
  .page .leftMainPart .hotelBoxes li img {
    min-width: 100%;
  }

  .pageBody .tourBox .inner {
    min-height: 165px;
  }

  .rightAside {
    width: 270px;
  }

  .leftAside {
    width: 270px;
  }

  .cityBoxes li, .cityBoxes .new-item {
    width: 31.33%;
  }

  .gallery .gallery-thumbnails {
    width: 33.33%;
  }

  .related .newsListBox li, .related .newsListBox .new-item, .fullHotelRelated .newsListBox li, .fullHotelRelated .newsListBox .new-item {
    width: 98%;
  }

  .relatedTours .tourBox, .fullHotelRelated .tourBox {
    width: 49.5%;
  }

  .fullHotelRelated .hotelBoxWrap li, .fullHotelRelated .hotelBoxWrap .new-item {
    width: 50%;
  }

  .fullHotelRelated .tourBox {
    width: 99%;
  }

  .newsLetter {
    font-size: 0.9em;
    padding: 10px 13px;
  }
  .newsLetter .summary {
    font-size: 1.2em;
  }
  .newsLetter .summary span {
    margin-top: 0;
  }
  .newsLetter form {
    margin-top: 3px;
  }
  .newsLetter input:not([type="submit"]) {
    font-size: 1em;
    padding: 7px;
  }
  .newsLetter input[type="submit"] {
    font-size: 1.1em;
  }

  #mainFooter {
    padding-top: 65px;
  }
}

@media (max-width: 75em) {
  body {
    direction: rtl;
  }

  .tourGuideList li, .tourGuideList .new-item {
    width: 98%;
  }
  #header .topHeader .slogan{
    display: none;
  }

  #header .topLeftHeader {
    width: 100%;
    min-width: 0;
    padding-bottom: 5px;
  }
  #header .topLeftHeader .topHeaderItem, #header .topLeftHeader .topBtn, #header .topLeftHeader .social {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }

  #header .topHeader .social a {
    margin: 0 5px;
  }

  .page .leftMainPart .tabs li, .page .leftMainPart .tabStyle li {
    width: 31%;
    margin-bottom: 5px;
  }

  .related .tour-box, .fullHotelRelated .tour-box {
    min-height: 150px;
  }

  .bigDiv {
    width: 100%;
    float: none;
  }

  .mediumDiv {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  #mainFooter .footerDouble.left {
    padding: 0 15px;
    font-size: 0.9em;
  }

  .homeTours .tourBox .inner {
    min-height: 199px;
  }
}

@media (max-width: 74em) {
  body {
    direction: rtl;
  }

  .gallery .gallery-thumbnails {
    width: 50%;
  }

  .relatedTours .tourBox, .fullHotelRelated .tourBox {
    font-size: 0.9em;
  }

  .hotel-box-link .footerCol {
    text-align: center;
  }
  .hotel-box-link .footerCol .stars {
    line-height: 16px;
    margin-bottom: 14px;
    width: 100%;
  }

  #mainFooter .footerDouble.right {
    padding: 0;
    width: 100%;
    text-align: center;
  }

  #mainFooter .footerDouble.left {
    padding: 0;
    width: 100%;
    border-right: none;
  }

  #mainFooter .footerDouble .contactItem {
    padding: 17px 0;
  }

  #mainFooter .footerDouble .contactItem i {
    position: static;
    margin-left: 5px;
    vertical-align: middle;
  }

  #mainFooter .footerDouble .social a {
    margin: 0 7px;
  }
}

@media (max-width: 64em) {
  body {
    direction: rtl;
  }

  .tourGuideList li, .tourGuideList .new-item {
    width: 48%;
    margin: 1%;
  }

  #header {
    text-align: center;
    margin-bottom: 20px;
    -moz-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
  }
  #header.shrink {
    /*height: 40px;*/
    padding-bottom: 0;
  }
  #header .leftHeader .mainNav {
    display: none;
  }

  #showResponsiveMenu {
    display: block;
  }

  #nav-mobile {
    display: block;
  }

  .tourBox {
    width: 100%;
  }
  .tourBox .inner {
    padding: 10px 20px;
  }
  .tourBox:nth-child(2) {
    border-top: 1px solid #e6e6e6;
  }
  .tourBox:nth-child(2n) .inner:before {
    display: none;
  }

  .page {
    width: 100%;
    float: none;
  }
  .page.hasFilterSidebar {
    width: 100%;
    float: none;
  }

  .pageBody .tourBox .tourBox {
    width: 100%;
  }
  .pageBody .tourBox .tourBox .inner {
    padding: 10px 15px;
  }

  .leftAside {
    width: 100%;
    float: none;
  }
  .leftAside .sideBox .gridTourBox {
    width: 33.33%;
    float: right;
  }
  .leftAside .sideBox .gridTourBox mark {
    max-width: 50%;
    text-align: center;
  }
  .leftAside ul.imageList li {
    width: 48%;
    float: right;
    margin: 0 1%;
  }
  .leftAside .hotelBoxes li, .leftAside .hotelBoxes .new-item {
    float: right;
    margin: 0 1%;
    width: 31.33%;
    padding-bottom: 20px;
  }
  .leftAside .sidebarAdBoxes {
    margin: 0 -1%;
  }
  .leftAside .sidebarAdBoxes .adBox {
    margin: 1%;
    float: right;
    width: 31.33%;
  }

  .related .tour-box, .fullHotelRelated .tour-box {
    min-height: 172px;
  }
  .related .tour-box .inner, .fullHotelRelated .tour-box .inner {
    min-height: 0;
  }

  .highlightsBoxes {
    width: 100%;
    margin-bottom: 10px;
  }
  .highlightsBoxes .imageList {
    margin: 0 -1%;
  }
  .highlightsBoxes .imageList li {
    width: 31.3%;
    float: right;
    margin: 1% 1% 0;
  }

  .comments {
    width: 100%;
  }

  .halfBox, .fullHotelRelated {
    width: 100%;
  }

  .fullHotelRelated .hotelBoxWrap li, .fullHotelRelated .hotelBoxWrap .new-item {
    width: 33.33%;
  }

  .fullHotelRelated .tourBox {
    width: 49%;
  }

  #mainFooter .footerDouble, #mainFooter .footerDouble.right {
    padding: 0 20px;
  }

  .lotteryClass .pageBody .floatRight {
    width: 100%;
  }

  .lotteryClass .pageBody .floatLeft {
    width: 100%;
  }
}

@media (max-width: 57em) {
  body {
    direction: rtl;
  }

  .tourGuideList li, .tourGuideList .new-item {
    width: 98%;
  }

  #header .topHeader .social a {
    display: none !important;
  }
  #header .topHeader .social a.fa-paper-plane, #header .topHeader .social a.fa-instagram {
    display: inline-block !important;
  }
.hotel-box-link .gridTourBox {
  width: 33%;
}

  .gridTourBoxes:before, .topLeftDbBox:before {
    display: none !important;
  }
  .gridTourBoxes .inner-div, .topLeftDbBox .inner-div {
    position: static;
  }

  .doubleBox {
    width: 100%;
  }

  .pageBody .topText .scrollTo, .pageBody .bottomText .scrollTo {
    width: auto;
  }

  .related .tour-box, .fullHotelRelated .tour-box {
    min-height: 0px;
  }

  .relatedTours .tourBox, .fullHotelRelated .tourBox {
    width: 100%;
    margin: 1% 0 0;
    height: auto;
  }

  .highlightsBoxes .imageList {
    margin: 0 -1%;
  }
  .highlightsBoxes .imageList li {
    width: 48%;
  }

  .newsLetter .responsive-none .desc {
    display: none;
  }
  /*.newsLetter .show-newsletter {
    display: block;
  }*/
  .newsLetter.fixed-newsletter .wrap {
    max-width: 100%;
  }
  .newsLetter .summary {
    width: 250px;
    padding-left: 0;
    line-height: 39px;
  }
  .newsLetter .summary > span {
    float: none !important;
    width: 100% !important;
    display: block;
  }
  .newsLetter .summary .join-social a {
    display: inline !important;
  }
  .newsLetter .summary .desc {
    display: none;
  }
  .newsLetter form {
    width: calc(100% - 260px);
  }

  #mainFooter .copyTxt, #mainFooter .pt {
    float: none;
    display: block;
    text-align: center;
  }
}

@media (max-width: 50em) {
  body {
    direction: rtl;
  }

  .tourGuideList li, .tourGuideList .new-item {
    margin: 1%;
    width: 48%;
  }

  .page .leftMainPart {
    width: 100%;
    margin-bottom: 20px;
  }
  .page.hasFilterSidebar .pageBody .topText img {
    float: none;
    margin: 0 auto 10px;
  }
  .page.hasFilterSidebar .leftMainPart {
    width: 100%;
  }

  .showFilterBoxes.first-show {
    display: block;
  }

  .filterBoxes {
    top: 70px;
    right: -2%;
    position: absolute;
  }
  .filterBoxes .filter-boxes-wrap {
    display: none;
  }

  .sidebarAdBoxes {
    display: none;
  }

  .rightAside {
    width: 100%;
  }
  .rightAside .sideBox .gridTourBox {
    width: 50%;
    float: right;
  }
  .rightAside .sidebarAdBoxes {
    margin: 0 -1%;
  }
  .rightAside .sidebarAdBoxes .adBox {
    margin: 1%;
    float: right;
    width: 31.33%;
  }

  .leftAside {
    width: 100%;
  }
  .leftAside .sideBox .gridTourBox {
    width: 50%;
    float: right;
  }
  .leftAside ul.imageList li {
    width: 100%;
    float: right;
    margin: 0 0 1%;
  }
}

@media (max-width: 47em) {
  body {
    direction: rtl;
  }

  .boxLabel {
    display: none;
  }

  .imageList li, .imageList .new-item {
    margin: 0 10px;
    padding-right: 5px;
    padding-left: 70px;
  }

  .listBox li, .listBox .new-item {
    margin: 0 10px;
    padding-left: 70px;
  }

  .newsListBox li, .newsListBox .new-item {
    margin: 1%;
  }

  .popUpOverlay {
    padding: 35px;
  }
  .popUpOverlay .closePopUp {
    width: 20px;
    height: 20px;
    cursor:pointer;
  }

  .bgTitle .archive, .bgTitleSep .archive, .tabs .archive, .tabStyle .archive {
    display: none;
  }
  .page .leftMainPart .hotelBoxes li, .page .leftMainPart .hotelBoxes .new-item{
    width: 50%;
  }

  .searchBox .searchItem {
    width: 50%;
  }

  .tabs li .tabBtn, .tabStyle li .tabBtn {
    padding: 0 6%;
  }


  .highlightsBoxes .imageList {
    margin: 0;
  }
  .highlightsBoxes .imageList li {
    width: 100%;
    margin: 0 0 1%;
  }

  .hotel-box-link .footerCol {
    width: 100%;
  }
  .newsLetter .show-newsletter {
    display: block;
  }
  .newsLetter .responsive-none {
    display: none !important;
  }
  .newsLetter .summary {
    width: 100%;
    display: block;
    line-height: 39px;
    text-align: center;
  }
  .newsLetter form {
    width: 100%;
  }
  .newsLetter.fixed-newsletter {
    padding: 0;
    border-top: none;
    display: none;
  }
  .newsLetter.fixed-newsletter .summary {
    background: #584512;
  }
  .newsLetter.fixed-newsletter .summary .show-newsletter {
    color: #e8ddc0 !important;
  }
  .newsLetter.fixed-newsletter .summary .nowrooz-desc {
    color: #fff !important;
  }
   .newsLetter.fixed-newsletter form {
    margin: 1%;
    width: 98%;
    display: none;
  }

  #mainFooter .footerDouble {
    width: 100%;
  }
  #mainFooter .footerDouble.right {
    margin-bottom: 0;
  }
  #mainFooter .footerDouble.left {
    border-right: none;
  }
  #mainFooter .footerDouble .footerCol {
    width: 50%;
  }
}

@media (max-width: 37.5em) {
  body {
    direction: rtl;
  }

  .imageList li, .imageList .new-item {
    padding-left: 0;
  }

  .imageList.smaller li .title a, .imageList.smaller .new-item .title a {
    margin-top: 0;
  }

  .tourGuideList {
    margin: 0;
  }
  .tourGuideList li, .tourGuideList .new-item {
    width: 100%;
    margin: 0 0 1%;
  }

  .listBox li, .listBox .new-item {
    padding-left: 20px;
  }

  .tourBox .inner .right .title a {
    display: block;
  }
  .tourBox .inner .right .title .special {
    position: static;
    margin-top: 5px;
    margin-right: 0;
  }

  .pageBody .topText .leftImg, .pageBody .bottomText .leftImg {
    float: none;
    margin: 0 auto 10px;
  }

  .rightAside .sideBox .gridTourBox {
    width: 100%;
  }

  .leftAside .hotelBoxes {
    margin: 0;
  }
  .leftAside .hotelBoxes li, .leftAside .hotelBoxes .new-item {
    float: none;
    width: 100%;
    max-width: 300px;
    margin: 0 auto 1%;
  }
  .leftAside .sideBox .gridTourBox {
    width: 100%;
  }

  .sidebarAdBoxes .adBox {
    width: 48%;
  }

  .cityBoxes li, .cityBoxes .new-item {
    width: 48%;
  }

  .textBody img.leftImg, .full-page img.leftImg, .textBody img.alignleft, .full-page img.alignleft {
    float: none;
    display: block;
    max-width: 100%;
    margin: 0 auto 10px;
  }

  .textBody img, .full-page img {
    float: none;
    display: block;
    max-width: 100%;
    margin: 0 auto 10px;
  }

  .mediumDiv .contactInfo {
    width: 97%;
    float: none;
    padding-right: 0;
    margin: 7px auto;
  }
  .mediumDiv .contactInfo:after {
    display: none;
  }
  .mediumDiv .contactInfo img {
    display: none;
  }
  .mediumDiv .contactInfo .caption {
    position: static;
  }
  .mediumDiv .contactInfo .caption .item {
    width: 50%;
    float: right;
    padding: 0 5px;
  }
  .mediumDiv .contactInfo .caption .item .inner-item {
    display: block;
  }

  .tourInfo .itemWrap, .fullHotelInfo .itemWrap {
    width: 100%;
  }
  .tourInfo .itemWrap .item, .fullHotelInfo .itemWrap .item {
    width: 49%;
    float: right;
    margin: 0 0.5% 1%;
  }
  .tourInfo .itemWrap .item:first-child, .fullHotelInfo .itemWrap .item:first-child {
    width: 99%;
  }

  .options {
    clear: both;
    float: none;
  }

  .hotelInfo .tableWrap {
    width: 100%;
    overflow: scroll;
  }
  .hotelInfo .tableWrap .table {
    min-width: 700px;
  }

  .newsClass .main-image, .attractionsClass .main-image, .staticPagesClass .main-image, .galleriesClass .main-image {
    max-width: 100%;
    margin: 0 auto 15px;
  }

  .aboutUsClass .main-image, .termAndConditionsClass .main-image, .privacyPolicyClass .main-image {
    max-width: 100%;
    margin: 0 auto 15px;
  }

  .fullHotelInfo .itemWrap .item {
    width: 99%;
  }
  .fullHotelInfo p.text {
    float: right;
    width: calc(100% - 150px);
  }
  .fullHotelInfo .trip {
    margin-left: 10px;
  }

  .fullHotelRelated .hotelBoxWrap li, .fullHotelRelated .hotelBoxWrap .new-item {
    width: 50%;
  }

  #mainFooter {
    padding-top: 170px;
  }
}

@media (max-width: 30em) {
  body {
    direction: rtl;
  }

  .gridTourBox {
    padding: 2px;
  }

  #mainFooter .footerDouble, #mainFooter .footerDouble.right {
    padding: 0;
  }
  #mainFooter .footerDouble.left {
    margin-bottom: 5px;
  }
  #mainFooter .footerDouble .footerCol {
    width: 100%;
    padding: 5px 15px;
    line-height: 29px;
    margin-bottom: 3px;
    background: rgba(0, 0, 0, 0.04);
  }
  #mainFooter .footerDouble .social {
    text-align: center;
  }
}

@media (max-width: 29em) {
  body {
    direction: rtl;
  }

  .gridTourBox {
    width: 100%;
  }
  .hotel-box-link .gridTourBox {
    width: 100%;
  }
  .page .leftMainPart .hotelBoxes li, .page .leftMainPart .hotelBoxes .new-item{
    width: 100%;
  }

  .searchBox .searchItem {
    width: 100%;
  }
  .searchBox .searchItem.double {
    width: 100%;
  }

  .tourBox .inner .right {
    width: 100%;
    text-align: right;
  }
  .tourBox .inner .right .title a {
    display: block;
  }
  .tourBox .inner .right .title .special {
    position: static;
    margin-top: 5px;
    margin-right: 0;
  }
  .tourBox .inner .left {
    width: 100%;
    margin-top: 5px;
    text-align: right;
  }
  .tourBox .inner .left *, .tourBox .inner .left .hasBg {
    vertical-align: middle;
    display: inline-block;
  }
  .tourBox .inner .left .hasBg {
    padding: 2px 10px;
  }
  .tourBox.singleLeft .inner .left {
    padding-top: 0;
  }

  .tabs li .tabBtn, .tabStyle li .tabBtn {
    padding: 0 3%;
    font-size: 0.8em;
  }

  .page .leftMainPart .hotelBoxes {
    margin: 0;
  }
  .page .leftMainPart .hotelBoxes li {
    width: 100%;
  }

  .page .leftMainPart .tabs li, .page .leftMainPart .tabStyle li {
    width: 48%;
    margin-bottom: 5px;
  }

  .pageBody footer .bottom .archive, .pageBody footer .bottom .date, .pageBody footer .bottom .archive, .pageBody footer .bottom .share {
    float: none;
    display: block;
    text-align: center;
  }
  .pageBody footer .bottom .share {
    margin-top: 5px;
  }

  .tourInfo .itemWrap .item, .fullHotelInfo .itemWrap .item {
    width: 99%;
  }

  .options .option-item {
    font-size: 0.8em;
  }
  .options .option-item i {
    width: 25px;
  }

  .extraInfo .table-style .table-row {
    border: 1px solid #eee;
  }

  .extraInfo .table-cell {
    width: 100%;
    display: block;
  }

  .extraInfo .table-cell-head {
    border-bottom: 1px solid #eee;
  }

  .facilities ul li {
    width: 100%;
  }

  .commentForm .formElement {
    width: 100%;
  }

  .commentBox {
    padding-right: 0;
  }
  .commentBox header {
    right: 10px;
    position: relative;
  }
  .commentBox .commentBody {
    padding: 20px 15px 7px;
  }

  .newsLetter input:not([type="submit"]), .newsLetter input[type="submit"] {
    width: 100%;
    float: none;
    display: block;
    padding: 0 11px;
    position: static;
    font-size: 0.8rem;
    line-height: 35px;
  }
  .newsLetter.fixed-newsletter form {
    padding: 2%;
  }
  .newsLetter.fixed-newsletter input {
    margin: 0 0 3px;
    border: medium none;
  }

  #mainFooter {
    text-align: center;
  }
  #mainFooter .copyTxt, #mainFooter .pt {
    float: none;
    display: block;
  }

  #mainFooter .footerDouble .contactItem i {
    display: block;
    margin: 0 auto 4px;
  }

  #mainFooter .footerDouble .contactItem span {
    display: block;
  }
  #mainFooter .footerDouble .contactItem span:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }

  #mainFooter .footerDouble .social a {
    margin: 0 3px;
  }

  #header .topLeftHeader .social {
    display: none;
  }

  .contactUsClass .contact-form .formElement {
    width: 99%;
    clear: both;
  }
}

@media (max-width: 22.5em) {
  body {
    direction: rtl;
  }

  .imageList li .imageWrap, .imageList .new-item .imageWrap {
    display: none;
  }
  .imageList li .title, .imageList .new-item .title{
    width: 100%;
    font-size: 0.9em;
    padding: 0 10px;
    max-width: 100%;
  }
  .imageList li .title a, .imageList .new-item .title a {
    margin-top: 0;
  }

  .listBox li, .listBox .new-item {
    padding-right: 20px;
  }
  .listBox li .number, .listBox .new-item .number {
    display: none;
  }

  .tabs li .tabBtn, .tabStyle li .tabBtn {
    padding: 0 1%;
    line-height: 32px;
    white-space: nowrap;
  }

  .sidebarAdBoxes .sidebarAdBoxes {
    margin: 0;
  }
  .sidebarAdBoxes .sidebarAdBoxes .adBox {
    float: none;
    width: 100%;
    margin: 0 0 1%;
  }

  .cityBoxes li, .cityBoxes .new-item {
    width: 98%;
  }

  .fullHotelInfo p.text {
    float: none;
    width: 100%;
  }
  .fullHotelInfo .trip {
    float: none;
    margin: 10px auto;
  }

  .fullHotelRelated .hotelBoxWrap li, .fullHotelRelated .hotelBoxWrap .new-item {
    width: 100%;
    float: none;
    margin: 0 auto;
    max-width: 317px;
  }
}

@media (min-width: 1680px) {
  .container-fluid {
    max-width: 1680px;
  }
}

@media (max-width: 113em) {
  .pageBody .tourBoxes .tourBox .inner {
    min-height: 156px;
  }
}

@media (max-width: 105em) {
  .pageBody .tourBoxes .tourBox .inner {
    min-height: 177px;
  }
}

@media (max-width: 100em) {
  .relatedTours .tourBox, .fullHotelRelated .tourBox {
    min-height: 170px;
  }

  .pageBody .tourBoxes .tourBox .inner {
    min-height: 210px;
  }
}

@media (max-width: 89em) {
  .pageBody .tourBoxes .tourBox {
    width: 100%;
  }

  .pageBody .tourBoxes .tourBox .inner {
    min-height: 0;
  }

  .tourBox:nth-child(2) {
    border-top: 1px solid #e6e6e6;
  }

  .pageBody .tourBoxes .tourBox:nth-child(2n) .inner:before {
    display: none;
  }
}

/*@media screen and ( max-height: 780px ) {
  #header .leftHeader{
    padding: 4px 0;
  }
  #header .leftHeader .mainNav ul ul li a{
    padding: 0 17px;
    line-height: 33px;
    font-size: 1.2em;
  }
}
@media screen and ( max-height: 699px ) {
  #header .leftHeader .mainNav {
    display: none;
  }

  #showResponsiveMenu {
    display: block;
  }

  #nav-mobile {
    display: block;
  }
}*/

.h_iframe-aparat_embed_frame{position:relative;} 
.h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto;} 
.h_iframe-aparat_embed_frame iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

#go-top {
  position: fixed;
  right: 5%;
  bottom: 10%;
  z-index: 350;
  font-size: 25px;
  color: #a07d21;
  border: 2px solid #a07d21;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  padding-top: 9px;
  background-color: #e8ddc0;
  text-align: center;
  font-weight: normal;
  cursor: pointer;
  display: none;
}


/*.wrap-main .page main
.wrap-main .page aside
*/
.wrap-main, .wrap-main .page .pageBody {
  position: relative;
  height: 100%;
}
.sideBox:last-child {
  margin-bottom: 0;
}

.wrap-main .leftAside.changeToFixBottom, .wrap-main .leftAside.changeToFixTop {
  left: 2%;
  position: fixed;
}
.wrap-main .leftAside.changeToFixBottom {
  bottom: 0;
  margin-bottom:0;
}
.wrap-main .leftAside.changeToFixTop {
  top: 0;
}
.wrap-main .leftAside.changeToAbsolute {
  left: 0;
  bottom: 0;
  position: absolute;
}

.wrap-main .page aside.changeToFixBottom, .wrap-main .page aside.changeToFixTop {
  right: 2%;
  position: fixed;
}
.wrap-main .page aside.changeToFixBottom {
  bottom: 0;
}
.wrap-main .page aside.changeToFixTop {
  top: 0;
}
.wrap-main .page aside.changeToAbsolute {
  right: 0;
  bottom: 0;
  position: absolute;
}

.wrap-main .page main.changeToFixBottom, .wrap-main .page main.changeToFixTop {
  position: fixed;
}
.wrap-main .page main.changeToFixBottom {
  bottom: 0;
}
.wrap-main .page main.changeToFixTop {
  top: 0;
}
.wrap-main .page main.changeToAbsolute {
  left: 0;
  bottom: 0;
  position: absolute;
}

.tourBox .left .btn {
/*  margin-top: 10px;
  width: 100%;
  font-size: 0.9em;
  height: 35px;
  padding-top: 5px;
  text-align: center;*/
}
.tourBox .left .btn--full{
    padding-top: 2px;
    font-size: 0.8em;
    width: 100px;
    margin-top: 2px;
    text-align: center;
}
.toursClass .bottomText h2.title {
  color: #a07d21;
}

.toursClass .bottomText .text {
  background-color: #f5f2e8;
  border: 1px solid #e1d3b0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}


#header .leftHeader .mainNav > ul > li.worldcup-menu > a {
  font-weight: bold;
  font-size: 1rem;
  color: #987105;
  border-radius: 10px;
  padding-right: 35px;
  padding-left: 5px;
  margin-left: 35px;
}

#header .leftHeader .mainNav > ul > li.important-category > a {
  font-weight: bold;
}

#header .leftHeader .mainNav > ul > li.worldcup-menu > a:after {
  margin-left: -20px;
}

#header .leftHeader .mainNav > ul > li.worldcup-menu > a:before {
  right: -0.06em;
  /*top: -10%;*/
  /*z-index: -1;*/
  /* height: 150px; */
  /* cursor: pointer; */
  color: #987105;
  font-size: 1.25em;
  padding: 0 10px;
  /*background: #fff;*/
  content: "\f1e3";
  /* line-height: 0px; */
  position: absolute;
  font-family: fontAwesome;
  /* display: block; */
}

.selectedRow-top {
  border-top: 3px dashed red;
}

.selectedRow-bottom {
  border-bottom: 3px dashed red;
}

.selectedRow-sides {
  border-left: 3px dashed red;
  border-right: 3px dashed red;
}
.selectedRow-top .mainInfo:before {
    content: "پیشنهاد مقتدر";
    color: red;
    font-size: 10pt;
    font-weight: bold;
    right: -40px;
    position: absolute;
    top: 35px;
    transform: rotate(90deg);
}
.warning {
    color: red;
    font-weight: bold;
    text-align: center;
    font-size: 1.4em;
}