@charset "UTF-8";
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;
}

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

body {
  color: #535353;
  direction: rtl;
  background: #fff;
  font: 0.9em/2em pt, tahoma;
  border-top: 5px solid #555555;
  overflow-x: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

a {
  color: #868686;
  text-decoration: none;
}
a:hover {
  color: #19bd9b;
}

@font-face {
  font-family: 'pt';
  src: url("../fonts/YekanWeb-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0600 ΓÇô06FF;
  -webkit-font-smoothing: antialiased;
}
@font-face {
  font-family: samim;
  src: url("../fonts/Samim.eot?v=0.10.2");
  src: url("../fonts/Samim.eot?v=0.10.2#iefix") format("embedded-opentype"), url("../fonts/Samim.woff?v=0.10.2") format("woff"), url("../fonts/Samim.ttf?v=0.10.2") format("truetype");
  font-weight: bold;
}
.wrap {
  width: 96%;
  margin: 0 auto;
  max-width: 1170px;
}
.wrap * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:after,.comparationItems .hotelBox .inner:after , .comparationItems:after, .wrap:after, .lineTitle:after, #mainHeader #topNav:after, #mainHeader .HeaderLoginOrRegister .loginTab:after, #mainHeader .HeaderLoginOrRegister .lrTabContent form .formFooter:after, .slider .tourSearch .searchBoxes .tabs:after, .slider .tourSearch .searchBoxes .innerTabs:after, .slider .tourSearch .searchBoxes form:after, .slider .tourSearch .searchBoxes #destinationBasedSearch .smallerSearchElementWrap:after, .slider .tourSearch .searchBoxes #destinationBasedSearch .BigerSearchElementWrap:after, .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap:after, .calendars-popup .calendars-month-row:after, .tourBox:after, .breadcrumb:after, .sortBox:after, .hotelList:after, .hotelList .rightBox:after, .hotelList .leftBox:after, .hotelList .leftBox .agencyBox:after, .popUpContent:after, #mainAside:after, #mainAside .sideBox:after, #mainAside .filterBox:after, #mainAside .sideBox .sideTitle:after, #mainAside .filterBox .sideTitle:after, #mainAside .filterBox form:after, #narrowSide:after, .relatedHotel .eachRelatedHotel:after, .topPart:after, .topPart address:after, .generalInfo .usefulInfo ul:after, .differentBox .borderList .eachItem .right:after, .borderList .eachItem:after, .tableStyle .rowStyle:after, .tableStyle .total:after, .tableStyle .total .tdStyle:after, .banks:after, .eachFacilities:after, .eachFacilities ul:after, .commentBox .commentBody:after, .profileMenu ul:after, .userInfo:after, .receipt .tableStyle .left:after, .simpleForm:after, .loginOrRegisterBoxes .smallerWrap:after, .form .formDiv:after, .reserveSteps .stepTitle:after, .reserveSteps .stepBody .ticket:after, .priceRows .orderContainer .row:after, .priceRows .orderContainer .totalPrice:after, #mainFooter .topFooter:after, #mainFooter #nav .links:after {
  height: 0;
  clear: both;
  content: ".";
  display: block;
  line-height: 0;
  visibility: hidden;
}

.rad5, .borderTitle, .slider .tourSearch .searchBoxes, .slider .tourSearch .searchBoxes .innerTabs .checkBox label, .slider .tourSearch .searchBoxes form button, .lastPurchases ul li, .hotelList .rightBox figure img, .grayBox, .yourSearch, .boxStyle, .borderList .eachItem, .commentBox, .lightBoxStyle, .tableStyle .rowStyle, .tableStyle .total .tdStyle, .addressEditForm, .reserveSteps .stepBody .simpleForm, .reserveSteps .stepBody, .reserveSteps .stepBody .ticket .table, .hotelSlider .passengerRate, .generalInfo .usefulInfo, .userInfo figure img, .userInfo figure .chooseProfilePhoto, .userInfo figure .chooseProfilePhoto label, .receipt .tableStyle .left .delete, .loginOrRegisterBoxes .smallerWrap, .reserveSteps .stepTitle, .reserveSteps .stepTitle .number, .reserveSteps .stepBody .passengerInfoForm .left .passportPhoto figure, .reserveSteps .stepBody .widthPassportImage .left .passportPhoto figure, .confirmMessage .trackingCode, .priceRows .orderContainer .addMoreRoom {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.rad3, .styledSelect, .hotelList{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.rad2, .slider .tourSearch .searchBoxes form .fixDate,  #mainAside .filterBox form .searchEleman input[type="text"] ,.slider .tourSearch .searchBoxes form .styledSelect, .slider .tourSearch .searchBoxes form .searchTabItem {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.boxShadow {
  -moz-box-shadow: 0 0 4px 1px #ddd;
  -webkit-box-shadow: 0 0 4px 1px #ddd;
  box-shadow: 0 0 4px 1px #ddd;
}

.lightBoxShadow, .reserveSteps .stepBody {
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}

.transition, a:hover, input:focus, textarea:focus, select:focus, button:focus, .btnStyle, .greenBtnStyle, .lightGreenBtnStyle, .blueBtnStyle, .grayBtnStyle, .receipt .tableStyle .left .pay, .btnStyle:after, .greenBtnStyle:after, .lightGreenBtnStyle:after, .blueBtnStyle:after, .grayBtnStyle:after, .receipt .tableStyle .left .pay:after, .blueBtnStyle:hover, #mainHeader #nav-mobile .menuItemWrap .menuItem a, #mainHeader #nav-mobile .menuItemWrap .menuItem a:hover, #mainHeader #nav-mobile .menuItemWrap .menuItem:hover > a, #mainHeader .HeaderLoginOrRegister .loginTab .this, #mainHeader .HeaderLoginOrRegister .loginTab a:hover, #mainHeader .HeaderLoginOrRegister .lrTabContent form .input:focus, .hotelList:hover, .hotelList .rightBox .close, .largeLeftContent input:focus, .largeLeftContent select:focus, .largeLeftContent textarea:focus, .hotelSlider .hotelSliderHandler, .hotelSlider .hotelSliderHandler:hover, .profileMenu ul li .current, .profileMenu ul li a:hover, .profileMenu ul li .current i, .profileMenu ul li a:hover i, .simpleForm .formElement .input:focus, .simpleForm .formElement textarea:focus, .loginOrRegisterBoxes .register .input:focus, .loginOrRegisterBoxes .login .input:focus, .form .input:focus {
  transition: all,0.3s, ease-in-out;
  -o-transition: all,0.3s, ease-in-out;
  -ms-transition: all,0.3s, ease-in-out;
  -moz-transition: all,0.3s, ease-in-out;
  -webkit-transition: all,0.3s, ease-in-out;
}

.transition2, .hotelList .rightBox .hotelName, .hotelList .rightBox .hotelItem, .hotelList .rightBox .radialRate,.commentForm .formCol input.btnStyle:hover {
  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;
}

input, textarea, select, button {
  border: none;
  background: none;
  color: #868686;
  padding: 1px 2px;
  font-family: pt , tahoma;
}
input:focus, textarea:focus, select:focus, button:focus {
  border: 1px solid rgba(8, 151, 255, 0.2);
  -moz-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  -webkit-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
}

select option {
  padding: 0 10px;
}

button, input[type="submit"] {
  cursor: pointer;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.clearfloat {
  display: block;
  height: 1px;
  line-height: 0;
  width: 100%;
  clear: both;
}
.samim{
  font-family: samim;
}
.smallerFont{
  font-size: 0.9rem;
}
.clearfloat.displayNone {
  display: none;
}

.overlayDiv {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  display: none;
  z-index: 2000;
  height: 100%;
  width: 100%;
}

.circleTitle:before {
  border-radius: 50%;
  content: "";
  display: block;
  float: right;
  height: 6px;
  margin: 13px 0 0 7px;
  width: 6px;
}

.checkBox {
  position: relative;
  padding-right: 24px;
}
.checkBox input[type="checkbox"], .checkBox input[type="radio"] {
  display: none;
  float: right;
  margin-left: 6px;
}
.checkBox input[type="checkbox"]:checked + label:after, .checkBox input[type="radio"]:checked + label:after {
  font: 14px/13px FontAwesome;
  text-align: center;
  content: "\f00c";
  width: 15px;
  color: #19bd9b;
  left: -2px;
  top: 0;
}
.checkBox input[type="checkbox"]:checked + label, .checkBox input[type="radio"]:checked + label {
  border-color: #19bd9b;
}
.checkBox .inputStyle {
  border: 1px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  line-height: 12px;
  background: #fff;
  cursor: pointer;
  height: 15px;
  width: 16px;
  right: 0;
  top: 7px;
}
.checkBox .textStyle {
  cursor: pointer;
}

.square:before {
  background: #2d4764;
  content: "";
  display: inline-block;
  height: 6px;
  margin-left: 4px;
  vertical-align: middle;
  width: 6px;
}

figure img {
  width: 100%;
  height: auto;
  display: block;
}

.displayBlock {
  display: block;
}
.displayInline{
  display: inline;
}
.dbBox {
  width: 50%;
}

.alignCenter {
  text-align: center;
}

.alignLeft {
  text-align: left;
}
.alignLeft .btnStyle, .alignLeft .greenBtnStyle, .alignLeft .lightGreenBtnStyle, .alignLeft .blueBtnStyle, .alignLeft .grayBtnStyle, .alignLeft .receipt .tableStyle .left .pay, .receipt .tableStyle .left .alignLeft .pay {
  padding: 1px 19px 4px;
}

.cmfcValidationV1ErrorMessageBoard, .filterBox .noSearchResult {
  color: #de3f39;
  font-size: 0.9em;
}
.cmfcValidationV1ErrorMessageBoard:before, .filterBox .noSearchResult:before {
  content: "\f00d";
  margin-left: 4px;
  vertical-align: middle;
  font-family: FontAwesome;
}

.filterBox .noSearchResult {
  padding: 0 10px;
  margin: 7px 0 5px 0;
  background: rgba(222, 63, 57, 0.05);
}

.errorBox, .messageBox {
  color: #de3f39;
  position: relative;
  margin-bottom: 10px;
  padding: 5px 28px 5px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(222, 63, 57, 0.05);
  border: 1px solid rgba(222, 63, 57, 0.8);
}
.errorBox:before, .messageBox:before {
  right: 8px;
  content: "\f00d";
  position: absolute;
  font-family: FontAwesome;
}

.messageBox {
  color: #55af32;
  background: rgba(85, 175, 50, 0.05);
  border: 1px solid rgba(85, 175, 50, 0.8);
}
.messageBox:before {
  content: "\f00c";
}

.relativePosition {
  position: relative;
}

.btnStyle, .greenBtnStyle, .lightGreenBtnStyle, .blueBtnStyle, .grayBtnStyle, .receipt .tableStyle .left .pay {
  color: #fff;
  z-index: 1;
  line-height: 22px;
  text-align: center;
  background: #ffbc3d;
  padding: 0 19px 5px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.btnStyle:after, .greenBtnStyle:after, .lightGreenBtnStyle:after, .blueBtnStyle:after, .grayBtnStyle:after, .receipt .tableStyle .left .pay:after {
  top: 0;
  right: 0;
  width: 0;
  z-index: -1;
  content: "";
  height: 100%;
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
}
.btnStyle:hover, .greenBtnStyle:hover, .lightGreenBtnStyle:hover, .blueBtnStyle:hover, .grayBtnStyle:hover, .receipt .tableStyle .left .pay:hover {
  color: #fff;
  background: #ffaa0a;
}
.btnStyle:hover:after, .greenBtnStyle:hover:after, .lightGreenBtnStyle:hover:after, .blueBtnStyle:hover:after, .grayBtnStyle:hover:after, .receipt .tableStyle .left .pay:hover:after {
  width: 100%;
}

.greenBtnStyle {
  background: #2ecd71;
}
.greenBtnStyle:hover {
  background: #25a35a;
}

.lightGreenBtnStyle {
  background: #55af32;
}
.lightGreenBtnStyle:hover {
  background: #428727;
}

.blueBtnStyle {
  background: #0897ff;
}
.blueBtnStyle:hover {
  background: #007bd4;
}

.grayBtnStyle {
  background: #c4c4c4;
}
.grayBtnStyle:hover {
  background: darken #c4c4c4e, 10%;
}

.styledSelect {
  z-index: 1;
  width: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #d5d5d5;
}
.styledSelect:after {
  top: 0;
  left: 0;
  z-index: -1;
  color: #aaa;
  padding: 0 9px;
  cursor: pointer;
  content: "\f0d7";
  position: absolute;
  font-family: FontAwesome;
  border-right: 1px solid #eee;
}
.styledSelect select {
  background: transparent;
  width: 123%;
  line-height: 1;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}

.blueTitle {
  color: #0897ff;
  font-size: 1.35em;
}

.smallerBlueTitle, .searchResult {
  color: #0897ff;
  font-size: 1.15em;
}

.smallerGrayTitle {
  color: #bcbcbc;
  font-size: 1.15em;
}

.borderTitle {
  color: #0897ff;
  padding: 2px 10px 3px;
  border: 1px solid #0897ff;
}

.sideTitle {
  color: #767676;
  background: #f4f4f4;
}

.lineTitle {
  margin-bottom: 1.2em;
  border-bottom: 2px solid #d5d5d5;
}
.lineTitle span {
  float: right;
  font-size: 1.2em;
  margin-bottom: -2px;
  padding-bottom: 7px;
  border-bottom: 2px solid #0897ff;
}
.lineTitle .archive {
  float: left;
  color: #0897ff;
}

.navy {
  color: #054086;
}

.darkRed {
  color: #a52f2b;
}

.red {
  color: #de3f39;
}

.gold {
  color: #FDB902;
}

.lightText {
  color: #868686;
}

.mute {
  color: #bebebe;
}

.mb20 {
  margin-bottom: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml0 {
  margin-left: 0;
}

.mb5 {
  margin-bottom: 5px;
}
.p10{
  padding: 10px;
}
strong {
  font-weight: bold;
  color: #535353;
}
.pageStyle .pageBody{
  padding: 10px 20px;
}
.p-y-20{
  padding-right:20px;
  padding-left: 20px;
}
.p-b-20{
  padding-bottom: 20px;
}
.pageStyle .lineTitle span {
    padding: 5px 10px 7px;
}
.pageStyle .lineTitle span.eventDate {
  border: medium none;
  color: #28ace2;
  float: left;
  font-size: 1em;
  padding: 2px;
}
.pageStyle .lineTitle span.eventDate .floatRight{
  background: #eee;
  margin: 1px 2px 2px 1px;
  padding: 3px 9px 2px 17px;
}
.pageStyle .lineTitle span.eventDate .floatRight i{
  float: right;
  margin: 7px 6px 0px 6px;
}
.pageStyle .lineTitle span.eventDate .dateEn{
  direction: ltr;
}
.pageStyle .lineTitle span.eventDate span{
  margin: 0;
  padding: 0;
  font-size: inherit;
  border: medium none;
}

.pageStyle img{
  padding: 5px;
  height: auto;
  max-width: 100%;
  border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #ddd;
}
.alignCenter{
  height:auto;
  display: block;
  margin: 10px auto;
}
.alignRight{
  float: right;
  margin-left: 10px;
}
.alignLeft{
  float: left;
  margin-right: 10px;
}
.cssSelectStyle {
  width: 122px;
  height: 34px;
  overflow: hidden;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA0Q0FGMUI4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA0Q0FGMUM4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDRDQUYxOThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDRDQUYxQThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq8U8ZgAAAClSURBVHjaYpw7dw4DEggEYh4gXgwTYEGS5AfiyVD6FBDfBAkyISloB2JpqAlLgZgNWYENEGciKTYG4haYFSCVKA6BglIg3gdSIAHEfQzYASfj////GfABJgYCgGXevLlyQNoDh/xrkBteAHEREKtjUeAJsuIXEKdgkewG4h0wNxwB4ulIkmeBuAbdkZVA/BSIvwBxNNRklLj4CMS50KC+CRMECDAA5ogdqmResXgAAAAASUVORK5CYII=") no-repeat scroll 8px center #fff;
  border: 1px solid #ccc;
}
.cssSelectStyle select {
  width: 115px;
  padding: 5px;
  height: 34px;
  line-height: 1;
  cursor: pointer;
  border: 0 !important;
  background: transparent;
  -webkit-appearance: none;
  box-shadow: none !important;
}

.blue {
  color: #0897ff;
}

.stars {
  display: block;
  direction: ltr;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/**********************************************************************
              cheader
**********************************************************************/
#mainHeader {
  border-bottom: 3px solid #e0e0e0 !28ace2;
  margin-bottom: 0px;
  text-align: center;
}
#mainHeader nav {
  float: right;
  width: 698px;
}
#mainHeader nav ul {
  text-align:center;
}
#mainHeader nav ul li {
  display: inline-block;
  line-height: 54px;
  position: relative;
}
#mainHeader nav ul li:after {
  content: '|';
  display: inline-block;
  padding: 0 5px;
}
#mainHeader nav ul li:last-child:after {
  display: none;
}
#mainHeader nav ul ul {
  top: 100%;
  z-index: 2;
  width: 150px;
  display: none;
  padding-top: 8px;
  position: absolute;
  animation-duration: 0.5s;
  animation-fill-mode: both;
}
#mainHeader nav ul ul li{
  display: block;
  text-align: right;
  background: #28ACE2;
  line-height: normal;
  padding: 3px 20px 10px;

}
#mainHeader nav ul ul a{
  color:#fff;
}
#mainHeader nav ul li:hover ul{
  display: block;
  animation-name: fadeInUp;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}


.menuToggle {
  display: none;
  padding: 10px 0;
}
.menuToggle a {
  display: table;
  margin: 0 auto;
}
.menuToggle a:after {
  content: "";
  display: table !important;
  float: none !important;
  clear: both !important;
}
.menuToggle a i {
  display: block;
  float: right;
  line-height: 34px;
  font-size: 26px;
}
.menuToggle a span {
  display: block;
  float: right;
  margin-right: 10px;
  line-height: 34px;
  font-size: 16px;
}

@media (min-width: 47em) {
  #mainHeader nav {
    display: block !important;
  }
}

@media (max-width: 72em) {
  #mainHeader nav {
    border-top: 1px solid #cccccc;
    float: none;
    width: 100%;
  }
}
@media (max-width: 47em) {
  #mainHeader nav {
    display: none;
    height: auto;
    border-top: medium none;
  }
  #mainHeader nav ul li {
    display: block;
    line-height: 34px;
  }
  #mainHeader nav ul li:not(:last-child) {
    border-bottom: 1px dashed #cccccc;
  }
  #mainHeader nav ul li:after {
    display: none;
  }
  .menuToggle {
    display: block;
  }
}


#mainHeader #topNav {
  float: right;
  padding: 5px 0;
  margin-top: 8px;
    width: 150px;
}
#mainHeader #topNav .showTheMenu {
  display: none;
}
#mainHeader #topNav .menuItem {
  float: right;
  position: relative;
}
#mainHeader #topNav .menuItem img {
  display: inline-block;
  /*margin-top: 7px;*/
  float: right;
}
#mainHeader #topNav .menuItem:before {
  padding: 0 8px;
  display: none;
  content: "|";
  float: left;
}
#mainHeader #topNav .menuItem.khat:before {
  display: block !important;
}
#mainHeader #topNav .menuItem.hasChildren:before {
  display: block;
}
#mainHeader #topNav .menuItem.loginMenu:before{
  display: none;
}
#mainHeader #topNav .menuItem i {
  margin-left: 5px;
}
#mainHeader .headerLink{
  display: inline-block;
}
#mainHeader .headerLink li {
    display: inline-block;
    line-height: 57px;
}
#mainHeader .headerLink li:after {
  padding: 0 8px;
  content: "|";
  float: right;
  cursor: #666;
}
#mainHeader .headerLink li:first-child::after {
  display: none;
}
.headerLinks{
    background: #28ACE2;
    margin-bottom: 0px;
}
.headerLinks li {

    display: inline-block;
    line-height: 44px;
}
.headerLinks li a {
    color: #fff;
}
.headerLinks li:after {
  padding: 0 8px;
  content: "|";
  float: right;
  color: #94dffd;
}
.headerLinks li:first-child::after {
  display: none;
}
.headerMg {height: 20px;display: none;}
.destinationsClass .mapBtn {margin-left: 0;}
.homeClass .headerMg {display:none;}
#mainHeader #topNav .menuItem ul {
  -moz-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid #ddd;
  position: absolute;
  background: #fff;
  display: none;
  padding: 3px;
  right: -12px;
  width: 105px;
  z-index: 2;
  top: 100%;
}
#mainHeader #topNav .menuItem ul:before, #mainHeader #topNav .menuItem ul:after {
  bottom: 100%;
  right: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#mainHeader #topNav .menuItem ul:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ddd;
  border-width: 6px;
  margin-left: -6px;
}
#mainHeader #topNav .menuItem ul:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #ddd;
  border-width: 7px;
  margin-left: -7px;
}
#mainHeader #topNav .menuItem ul li {
  float: none;
}
#mainHeader #topNav .menuItem ul li:before {
  display: none;
}
#mainHeader #topNav .menuItem ul li:last-child a {
  border-bottom: none;
}
#mainHeader #topNav .menuItem ul li a {
  border-bottom: 1px solid #ddd;
  display: block;
  line-height: 22px;
  padding: 3px 7px 7px;
}
#mainHeader #topNav .hasChildren:hover ul {
  display: block;
}
#mainHeader #topNav .hasChildren:after {
  float: left;
  margin-top: 3px;
  content: "\f0d7";
  padding-right: 8px;
  font-family: FontAwesome;
}
#mainHeader #topNav .viewHotels{
  color: #666;
  margin-top: 1px;
  line-height: 26px;
  margin-right: 15px;
  padding: 0 23px 2px;
  display: inline-block;
  border: 2px solid #ddd;
  border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

@media (max-width: 47em) {
  #mainHeader #topNav{
    position: relative;
    float: none;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    text-align: center;
  }
  #mainHeader #topNav .menuItem {
    display: inline-block;
    float: none;
  }
  #mainHeader #topNav .menuItem.loginMenu{
    position: static;
  }
}


#mainHeader .HeaderLoginOrRegister {
  top: 100%;
  z-index: 400;
  right: -38px;
  display: none;
  padding-top: 7px;
  position: absolute;
}
#mainHeader .HeaderLoginOrRegister .text {
  line-height: 22px;
  margin-bottom: 10px;
}
#mainHeader .HeaderLoginOrRegister .hlrBox {
  width: 450px;
  background: #fff;
  position: relative;
  max-width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px solid #0897ff;
  border-bottom: 3px solid #0897ff;
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}
#mainHeader .HeaderLoginOrRegister .hlrBox:after, #mainHeader .HeaderLoginOrRegister .hlrBox:before {
  bottom: 100%;
  left: 90%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#mainHeader .HeaderLoginOrRegister .hlrBox:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
#mainHeader .HeaderLoginOrRegister .hlrBox:before {
  border-color: rgba(8, 151, 255, 0);
  border-bottom-color: #0897FF;
  border-width: 9px;
  margin-left: -9px;
}
#mainHeader .HeaderLoginOrRegister .loginTab {
  padding: 15px 15px 0;
  border-bottom: 1px solid #ddd;
}
#mainHeader .HeaderLoginOrRegister .loginTab a {
  bottom: -1px;
  float: right;
  margin-right: 0;
  background: #eee;
  padding: 5px 30px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #ddd;
}
#mainHeader .HeaderLoginOrRegister .loginTab a:first-child {
  border-left: none;
  border-top-color: #0897ff;
}
#mainHeader .HeaderLoginOrRegister .loginTab a:last-child {
  border-top-color: #428727;
}
#mainHeader .HeaderLoginOrRegister .loginTab a:hover {
  color: #0897ff;
}
#mainHeader .HeaderLoginOrRegister .loginTab .this, #mainHeader .HeaderLoginOrRegister .loginTab a:hover {
  background: #fff;
  border-bottom: 1px solid #fff;
}
#mainHeader .HeaderLoginOrRegister .lrTabContent {
  display: none;
}
#mainHeader .HeaderLoginOrRegister .lrTabContent form {
  margin: 0 auto;
  padding: 30px 50px 0;
}
#mainHeader .HeaderLoginOrRegister .lrTabContent form .checkBox,
#mainHeader .HeaderLoginOrRegister .lrTabContent form .forgetPasswordLink{
  text-align: right;
}
#mainHeader .HeaderLoginOrRegister .lrTabContent form .input {
  width: 100%;
  padding: 2px 10px;
  margin-bottom: 7px;
  border: 1px solid #d5d5d5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
  -webkit-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
}
#mainHeader .HeaderLoginOrRegister .lrTabContent form .input:focus {
  border: 1px solid rgba(8, 151, 255, 0.2);
  -moz-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  -webkit-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
}
#mainHeader .HeaderLoginOrRegister .lrTabContent form a {
  display: block;
}
#mainHeader .HeaderLoginOrRegister .lrTabContent form .formFooter {
  padding: 13px 14px;
  margin: 5px -50px 0;
  background: #eee none repeat scroll 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#mainHeader .HeaderLoginOrRegister .lrTabContent form .formFooter input[type="submit"] {
  float: left;
}
#mainHeader .HeaderLoginOrRegister .visible {
  display: block;
}

@media (max-width: 47em) {
  #mainHeader .HeaderLoginOrRegister .lrTabContent form{
    padding: 20px;
  }
  #mainHeader .HeaderLoginOrRegister .lrTabContent form .formFooter{
    margin: 5px -20px 0;
  }
  #mainHeader .HeaderLoginOrRegister .hlrBox{
    margin: 0 auto;
    text-align: right;
  }
  #mainHeader .HeaderLoginOrRegister {
    left: 0;
    margin: auto;
    right: 0;
    top: 100%;
    max-width: 100%;
  }
}



#mainHeader .logo {
  float: left;
  margin-top: 9px;
  width: 200px;
  height: 50px;
}
#mainHeader .logo img {
  float: left;
  display: block;
  max-width: 200px;
}
@media (max-width: 47em) {
  #mainHeader .logo {
    display: block;
    float: none;
    margin-right: auto;
    margin-left: auto;
  }
  #mainHeader .logo img {
    float: none;
  }
}


.home #mainHeader {
  margin-bottom: 0;
}

/**********************************************************************
              slider
**********************************************************************/
.slider {
  width: 100%;
  /*overflow: hidden;*/
  position: relative;
  height: 510px;
}
.slideImgWrap {
  height: 100%;
  overflow: hidden;
}
.slider .fa-calendar {
  color: #0897ff;
}
.slider img {
  width: auto;
  height: 100%;
  margin:0 auto;
  display: block;
  max-width: 100000px;
}
.slider .tourSearch {
  position: absolute;
  overflow: visible;
  height: 210px;
  width: 1100px;
  margin: auto;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}.slider .tourSearch .txt {
  color: #fff;
  padding: 0 0 1em;
  font-size: 1.3em;
  text-align: center;
}
.slider .tourSearch .simpleselect, .slider .tourSearch .chosen-container {
  width: 100%;
  float: right;
  height: 32px;
  margin-top: 12px;
}
.slider .tourSearch .simpleselect .options, .slider .tourSearch .chosen-container .options {
  width: 100%;
  top: 100% !important;
  max-height: 170px !important;
}
.slider .tourSearch .simpleselect .placeholder, .slider .tourSearch .simpleselect .option, .slider .tourSearch .simpleselect .optgroup-label, .slider .tourSearch .chosen-container .placeholder, .slider .tourSearch .chosen-container .option, .slider .tourSearch .chosen-container .optgroup-label {
  padding: 5px 10px 6px;
}
.slider .tourSearch .chosen-container,.slider .tourSearch .twitter-typeahead {
  position: relative;
  background: #fff;
  padding: 0 10px;
  width: 100% !important;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.searchBoxes span.twitter-typeahead .tt-menu, .searchBoxes span.twitter-typeahead .tt-dropdown-menu {
  text-align: right;
}
.slider .tourSearch .twitter-typeahead{
  margin-top: 12px;
  line-height: 29px;
}
span.twitter-typeahead .tt-suggestion strong{
  color: #28ACE2;
  font-weight: normal;
}
span.twitter-typeahead .tt-suggestion{
  color: #767676;
  text-align: right;
}
#scrollable-dropdown-menu .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}
.tt-menu {
    height: 325px;
}
.tt-menu .mCSB_scrollTools,
.hotelFilterBox .chosen-container .chosen-drop .mCSB_scrollTools{
  width: 5px;
}
.tt-menu.mCS-dir-rtl > .mCSB_inside > .mCSB_container,
.hotelFilterBox .chosen-container .chosen-drop.mCS-dir-rtl > .mCSB_inside > .mCSB_container{
  margin-left: 12px;
}
.tt-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.hotelFilterBox .chosen-container .chosen-drop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.tt-menu .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.hotelFilterBox .chosen-container .chosen-drop .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.tt-menu .mCSB_scrollTools .mCSB_dragger:hover,
.hotelFilterBox .chosen-container .chosen-drop .mCSB_scrollTools .mCSB_dragger:hover{
  background: #2BACE2;
}
.filterBox.hotelFilterBox .chosen-container .chosen-drop{
  left: 0;
  z-index: -1;
  opacity: 0;
}
.filterBox.hotelFilterBox .chosen-container.chosen-container-active .chosen-drop{
  z-index: 2;
  opacity: 1;
}
.Typeahead-hint.tt-hint:first-child{
  opacity: 0 !important;
}
.twitter-typeahead .Typeahead-hint {
  color: #767676;
}
.firefox .Typeahead-hint, .firefox .Typeahead-input {
    padding: 1px 10px;
}
.firefox #mainAside .Typeahead-hint, .firefox #mainAside .Typeahead-input{
  padding: 0 10px 3px;
}

.Typeahead-hint::-webkit-input-placeholder,.showDate::-webkit-input-placeholder {
   color: #767676;
}

.Typeahead-hint:-moz-placeholder,.showDate :-moz-placeholder{ /* Firefox 18- */
   color: #000;
}

.Typeahead-hint::-moz-placeholder,.showDate::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
}

.Typeahead-hint:-ms-input-placeholder,.showDate:-ms-input-placeholder{
   color: #000;
}
.slider .tourSearch .chosen-container .chosen-drop {
  right: 0;
  z-index: 2;
  width: 100%;
  display: none;
  background: #fff;
  position: absolute;
  border: 1px solid #ddd;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0;
  border-radius: 0 0 2px 2px;
}
.slider .tourSearch .chosen-container .chosen-drop .chosen-search {
  z-index: 1010;
  margin: 6px;
  padding: 3px 4px;
  position: relative;
  white-space: nowrap;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.slider .tourSearch .chosen-container .chosen-drop .chosen-results {
  color: #444;
  margin: 0 6px 5px;
  overflow-y: auto;
  max-height: 240px;
  overflow-x: hidden;
  position: relative;
}
.slider .tourSearch .chosen-container .chosen-drop .chosen-results li {
  cursor: pointer;
  margin-bottom: 2px;
  padding: 0 8px 2px;
  background: #f5f5f5;
}
.slider .tourSearch .chosen-container .chosen-drop .chosen-results .result-selected {
  display: none;
}
.slider .tourSearch .chosen-container .chosen-single {
  cursor: pointer;
}
.slider .tourSearch .chosen-container .chosen-single:hover {
  color: #444;
}
.slider .tourSearch .chosen-container .chosen-single span {
  display: block;
  position: relative;
}
.slider .tourSearch .chosen-container .chosen-single span:after {
  top: 0;
  left: 0;
  bottom: 0;
  width: 8px;
  content: "";
  position: absolute;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA0Q0FGMUI4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA0Q0FGMUM4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDRDQUYxOThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDRDQUYxQThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq8U8ZgAAAClSURBVHjaYpw7dw4DEggEYh4gXgwTYEGS5AfiyVD6FBDfBAkyISloB2JpqAlLgZgNWYENEGciKTYG4haYFSCVKA6BglIg3gdSIAHEfQzYASfj////GfABJgYCgGXevLlyQNoDh/xrkBteAHEREKtjUeAJsuIXEKdgkewG4h0wNxwB4ulIkmeBuAbdkZVA/BSIvwBxNNRklLj4CMS50KC+CRMECDAA5ogdqmResXgAAAAASUVORK5CYII=") no-repeat scroll 0 center;
}
.slider .tourSearch .chosen-with-drop .chosen-drop {
  display: block;
}
.slider .tourSearch input:focus, .slider .tourSearch textarea:focus, .slider .tourSearch select:focus, .slider .tourSearch button:focus {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.slider .tourSearch .searchBoxes {
  /*padding: 0.7em;*/
/*  background: rgba(0, 0, 0, 0.5);*/
}
.slider .tourSearch .searchBoxes .noSearchResult {
  left: 0;
  right: 0;
  top: 8px;
  width: 92%;
  color: red;
  margin: auto;
  text-align: center;
  position: absolute;
}
.slider .tourSearch .searchBoxes .tabs a {
  color: #fff;
  float: right;
  margin-left: 1px;
    line-height: 50px;
  padding: 2px 51px 2px 20px;
  background: rgba(255, 255, 255, 0);
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 0;
}
.slider .tourSearch .searchBoxes .tabs #priceTab {
    background: url("../images/boodje.png") no-repeat 90% center rgba(0, 0, 0, 0.5);}
    .slider .tourSearch .searchBoxes .tabs #typeTab {
  background: url("../images/noe.png") no-repeat 90% center rgba(0, 0, 0, 0.5);}
.slider .tourSearch .searchBoxes .tabs #priceTab.active {
  background-color: #f68131;
}
#newSearchBox .txt {display: none;}
#newSearchBox .txt:first-child {display: block;}
.notFoundClass #newSearchBox .txt {font-size: 24px;margin-bottom: 20px;}
.slider .tourSearch .searchBoxes .tabs #locationTab {
  padding-right: 38px;
  background: url("../images/makan-light.png") no-repeat 90% center rgba(0, 0, 0, 0.5);
}.slider .tourSearch .searchBoxes .tabs #locationTab.active {
  background-color: #0897ff !important;
}.slider .tourSearch .searchBoxes .tabs #typeTab.active {
  background-color: #69d503 !important;
}
.slider .tourSearch .searchBoxes .tabContentContainer {
  height: 113px;
  /*height: 242px;*/
  background: #fff;
  position: relative;
}
.slider .tourSearch .searchBoxes .tabContentContainer .tabcontent {
  padding: 1em;
  display: none;
  padding-top: 33px;
}
.slider .tourSearch .searchBoxes .tabContentContainer .tabcontent .txt {
  padding: 0;
  color: #535353;
  font-size: 1em;
  margin-bottom: 1.3em;
}.slider .tourSearch .searchBoxes .tabContentContainer .visible {
  display: block;
}
.slider .tourSearch .searchBoxes .tabContentContainer #destinationBasedSearch {
  border-top: 3px solid #0897ff;
    background: rgba(166,175,182,0.85);
}
.slider .tourSearch .searchBoxes .tabContentContainer #destinationBasedSearch form button {
  margin-top: 10px;
}
.slider .tourSearch .searchBoxes .tabContentContainer #priceBasedSearch {
  border-top: 3px solid #55af32;
}
.slider .tourSearch .searchBoxes .lbl {
  width: 55px;
  float: right;
  text-align: right;
}
.slider .tourSearch .searchBoxes .innerTabs .checkBox {
  line-height: 20px;
  margin-right: 3px;
  float: right;
  padding: 0;
}
.slider .tourSearch .searchBoxes .innerTabs .checkBox label {
  border: 1px solid #d5d5d5;
  background: #f2f2f2;
  padding: 0 7px 3px;
  cursor: pointer;
  display: block;
}
.slider .tourSearch .searchBoxes .innerTabs .checkBox input[type="checkbox"]:checked + label {
  color: #fff;
  background: #19bd9b;
  border: 1px solid #19bd9b;
}
.slider .tourSearch .searchBoxes .innerTabs .checkBox input[type="checkbox"]:checked + label:after {
  display: none;
}
.slider .tourSearch .searchBoxes form {
  display: block;
}
.slider .tourSearch .searchBoxes form input{
  color: #767676;
}
.slider .tourSearch .searchBoxes form .fixDate, .slider .tourSearch .searchBoxes form .styledSelect, .slider .tourSearch .searchBoxes form .searchTabItem {
  float: right;
  margin-top: 12px;
  /*position: relative;*/
  border: 1px solid #d5d5d5;
}
.slider .tourSearch .searchBoxes form .fixDate input, .slider .tourSearch .searchBoxes form .styledSelect input, .slider .tourSearch .searchBoxes form .searchTabItem input {
  padding-right: 10px;
  width: 100%;
}
.slider .tourSearch .searchBoxes form .eventContainer ,.slider .tourSearch .searchBoxes form .eventContainerLike{
  height: 29px;
}
.slider .tourSearch .searchBoxes form .eventContainer a{
  color: #28ace2;
}
.slider .tourSearch .searchBoxes form .searchTabItem {
/*  position: relative;*/
}
.slider .tourSearch .searchBoxes form .imagePicker {
/*
  left: 0;
  bottom: 0;
*/
  color: #aaa;
  height: 28px;
  cursor: pointer;
  line-height: 26px;
/*  position: absolute;*/
  font-family: FontAwesome;
  border-right: 1px solid #eee;
}
.slider .tourSearch .searchBoxes form .searchTabItem .imagePicker input {
  display: none;
}
.slider .tourSearch .searchBoxes form .searchTabItem .imagePicker i {
  width: 100%;
  height: 27px;
  display: block;
  padding: 0 7px;
  line-height: 25px;
}
.slider .tourSearch .searchBoxes form .searchTabItem .noIBorder {
  border-right: 1px solid transparent;
}
.slider .tourSearch .searchBoxes form .noBorder {
  border: none;
}
.slider .tourSearch .searchBoxes form .noBorder i {
  border-right: none;
}
.slider .tourSearch .searchBoxes form .fixDate {
  border: none;
  color: #444;
  text-align: left;
}
.slider .tourSearch .searchBoxes form .fixDate i {
  margin-right: 3px;
}
.slider .tourSearch .searchBoxes form .lbl {
  margin-top: 12px;
}
.slider .tourSearch .searchBoxes form .longLbl {
  width: 293px;
  margin-top: 38px;
}.slider .tourSearch .searchBoxes form .medium {
  width: 25%;
}
.slider .tourSearch .searchBoxes form .big {
  width: 52.2%;
}
.slider .tourSearch .searchBoxes form .small {
  width: 15.8%;
}
.slider .tourSearch .searchBoxes form button {
  color: #fff;
  width: 100%;
  font-size: 1.2em;
  margin-top: 10px;
  background: #ffbc3d;
  border-color: #ffbc3d;
  padding-bottom: 4px;
  position: relative;
  -webkit-transition: width 0.25s ease-in-out;
  -moz-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}
.slider .tourSearch .searchBoxes form button i {
  margin-left: 5px;
  margin-top: -2px;
  vertical-align: middle;
}
.slider .tourSearch .searchBoxes form .circle {
  width: 35px;
  height: 35px;
  opacity: 0.5;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid #ffbc3d;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent;
  border-left: 5px solid transparent;
  transition-property: all;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  animation: rotate 0.35s 0.35s linear infinite;
  -moz-animation: rotate 0.35s 0.35s linear infinite;
  -webkit-animation: rotate 0.35s 0.35s linear infinite;
}
.slider .tourSearch .searchBoxes form .floatLeft {
  float: left !important;
}
.slider .tourSearch .searchBoxes form .calendarContainer, .slider .tourSearch .searchBoxes form .calendarContainerS, .slider .tourSearch .searchBoxes form .calendarContainerSm {
  right: 0;
  top: 100%;
  z-index: 2;
  position: absolute;
}
.slider .tourSearch .searchBoxes form .calendarContainer .calendars-popup, .slider .tourSearch .searchBoxes form .calendarContainerS .calendars-popup, .slider .tourSearch .searchBoxes form .calendarContainerSm .calendars-popup {
  left: 0 !important;
  top: 0 !important;
  position: static !important;
}
.slider .tourSearch .searchBoxes form .calendarContainer .btnStyle, .slider .tourSearch .searchBoxes form .calendarContainer .greenBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainer .lightGreenBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainer .blueBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainer .grayBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainer .receipt .tableStyle .left .pay, .receipt .tableStyle .left .slider .tourSearch .searchBoxes form .calendarContainer .pay, .slider .tourSearch .searchBoxes form .calendarContainerS .btnStyle, .slider .tourSearch .searchBoxes form .calendarContainerS .greenBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainerS .lightGreenBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainerS .blueBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainerS .grayBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainerS .receipt .tableStyle .left .pay, .receipt .tableStyle .left .slider .tourSearch .searchBoxes form .calendarContainerS .pay, .slider .tourSearch .searchBoxes form .calendarContainerSm .btnStyle, .slider .tourSearch .searchBoxes form .calendarContainerSm .greenBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainerSm .lightGreenBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainerSm .blueBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainerSm .grayBtnStyle, .slider .tourSearch .searchBoxes form .calendarContainerSm .receipt .tableStyle .left .pay, .receipt .tableStyle .left .slider .tourSearch .searchBoxes form .calendarContainerSm .pay {
  color: #333;
  margin: 2px 0;
  display: none;
  font-family: pt;
  background: #e5e5e5;
  border-color: #ddd;
}
.slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainer, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerS, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerSm {
  padding: 18px;
}
.slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainer .btnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainer .greenBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainer .lightGreenBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainer .blueBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainer .grayBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainer .receipt .tableStyle .left .pay, .receipt .tableStyle .left .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainer .pay, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerS .btnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerS .greenBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerS .lightGreenBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerS .blueBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerS .grayBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerS .receipt .tableStyle .left .pay, .receipt .tableStyle .left .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerS .pay, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerSm .btnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerSm .greenBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerSm .lightGreenBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerSm .blueBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerSm .grayBtnStyle, .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerSm .receipt .tableStyle .left .pay, .receipt .tableStyle .left .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerSm .pay {
  display: block;
}
.slider .tourSearch .searchBoxes #destinationBasedSearch {
  padding: 10px;
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .smallerSearchElementWrap, .slider .tourSearch .searchBoxes #typeBasedSearch .smallerSearchElementWrap {
  float: right;
  width: 230px;
  /* margin-bottom: 10px; */
  position: relative;
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .smallerSearchElementWrap .medium, .slider .tourSearch .searchBoxes #destinationBasedSearch .smallerSearchElementWrap .big {
  float: right;
  width: calc(100% - 55px);
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .BigerSearchElementWrap, .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap {
  float: left;
  margin-bottom: 10px;
  width: calc(100% - 230px);
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .BigerSearchElementWrap .lbl, .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .lbl {
  padding-right: 0.5em;
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .BigerSearchElementWrap .big, .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .big {
  float: right;
  width: calc(100% - 55px);
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .BigerSearchElementWrap .medium, .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .medium {
  min-height: 29px;
  width: calc(100% - 230px);
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .BigerSearchElementWrap .medium .fa-calendar, .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .medium .fa-calendar {
  cursor: default;
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .BigerSearchElementWrap .small, .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .small {
  width: 100px;
  float: right;
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .medium {
  width: calc(100% - 210px);
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .medium i.fa-calendar {
  padding-left: 0;
}.slider .tourSearch .searchBoxes #priceBasedSearch {
  padding-top: 1em;
}
.slider .tourSearch .searchBoxes #priceBasedSearch .tabcontent {
  height: 234px;
}
.slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap {
  float: left;
  min-height: 37px;
  /*margin-top: 20px;*/
  margin-bottom: 0;
  width: calc(100% - 342px);
  margin-left: 8px;
}
.slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap .noUi-target {
  border: 0;
  height: 6px;
  background: #ccc;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap .noUi-target .noUi-connect {
  background: #ffa326;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap .noUi-target .noUi-handle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #1b74ae;
  border: medium none;
  cursor: pointer;
  height: 14px;
  width: 14px;
  top: -3px;
  left: 0;
}
.slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap .noUi-target .noUi-handle:before, .slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap .noUi-target .noUi-handle:after {
  display: none;
}
.slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap .noUi-background {
  background: #ccc;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap .rangeSlider {
  clear: both;
}
.slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap #slider-handles-value-lower {
  float: left;
  margin-top: 0;
}
.slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap #slider-handles-value-upper {
  float: right;
  margin-top: 0;
}
#slider-handles-value-upper ,#slider-handles-value-lower{
  font-family: samim;
  font-size: 0.9em;
}
.slider .tourSearch .searchBoxes #priceBasedSearch form .lbl {
  margin-top: 3px;
}
/*.slider .tourSearch .searchBoxes #priceBasedSearch form .longLbl {
  margin-top: 30px;
  margin-bottom: 1px;
}*/
.slider .tourSearch .searchBoxes #priceBasedSearch form .medium {
  margin-top: 3px;
  width: calc(50% - 56px);
}.slider .tourSearch .searchBoxes #priceBasedSearch form .noBorder i {
  padding-left: 0;
}
.slider .tourSearch .searchBoxes #priceBasedSearch form .pRight {
  padding-right: 0.5em;
}
.slider .tourSearch .searchBoxes #priceBasedSearch form button {
  margin-top: 10px;
}
.calendarContainer, .calendarContainerS, .calendarContainerSm {
  right: 0;
  top: 100%;
  z-index: 2;
  background: #fff;
  position: absolute;
  border-top: 1px solid #0897ff;
  border-bottom: 2px solid #0897ff;
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);
}
.calendarContainer .calendars-popup, .calendarContainerS .calendars-popup, .calendarContainerSm .calendars-popup {
  left: 0 !important;
  top: 0 !important;
  position: static !important;
}
.calendarContainer .btnStyle, .calendarContainer .greenBtnStyle, .calendarContainer .lightGreenBtnStyle, .calendarContainer .blueBtnStyle, .calendarContainer .grayBtnStyle, .calendarContainer .receipt .tableStyle .left .pay, .receipt .tableStyle .left .calendarContainer .pay, .calendarContainerS .btnStyle, .calendarContainerS .greenBtnStyle, .calendarContainerS .lightGreenBtnStyle, .calendarContainerS .blueBtnStyle, .calendarContainerS .grayBtnStyle, .calendarContainerS .receipt .tableStyle .left .pay, .receipt .tableStyle .left .calendarContainerS .pay, .calendarContainerSm .btnStyle, .calendarContainerSm .greenBtnStyle, .calendarContainerSm .lightGreenBtnStyle, .calendarContainerSm .blueBtnStyle, .calendarContainerSm .grayBtnStyle, .calendarContainerSm .receipt .tableStyle .left .pay, .receipt .tableStyle .left .calendarContainerSm .pay {
  color: #333;
  margin: 2px 0;
  display: none;
  font-family: pt;
  background: #ede4d4;
  border-color: #ede4d4;
}
.calendarContainer .btnStyle:before, .calendarContainer .greenBtnStyle:before, .calendarContainer .lightGreenBtnStyle:before, .calendarContainer .blueBtnStyle:before, .calendarContainer .grayBtnStyle:before, .calendarContainer .receipt .tableStyle .left .pay:before, .receipt .tableStyle .left .calendarContainer .pay:before, .calendarContainerS .btnStyle:before, .calendarContainerS .greenBtnStyle:before, .calendarContainerS .lightGreenBtnStyle:before, .calendarContainerS .blueBtnStyle:before, .calendarContainerS .grayBtnStyle:before, .calendarContainerS .receipt .tableStyle .left .pay:before, .receipt .tableStyle .left .calendarContainerS .pay:before, .calendarContainerSm .btnStyle:before, .calendarContainerSm .greenBtnStyle:before, .calendarContainerSm .lightGreenBtnStyle:before, .calendarContainerSm .blueBtnStyle:before, .calendarContainerSm .grayBtnStyle:before, .calendarContainerSm .receipt .tableStyle .left .pay:before, .receipt .tableStyle .left .calendarContainerSm .pay:before {
  display: none;
}
.topElement{
  height: 80px;
  padding-top: 0px;
  margin-bottom: 0px;
}
.slider #newSearchBox .searchBoxes form .lbl,.slider #newSearchBox .searchTabItem,
.slider #newSearchBox .searchBoxes #priceBasedSearch form .medium,
.slider #newSearchBox .searchBoxes #priceBasedSearch form .lbl{
  margin-top: 0;
}
.slider .tourSearch .topElement .twitter-typeahead,
.slider #newSearchBox .simpleselect, .slider #newSearchBox .chosen-container{
  margin-top: 0;
}
.slider #newSearchBox .searchBoxes #destinationBasedSearch .BigerSearchElementWrap,
.slider #newSearchBox .searchBoxes #destinationBasedSearch .doubleSearchElementWrap,
.slider #newSearchBox .searchBoxes #destinationBasedSearch .smallerSearchElementWrap{
  margin-bottom: 0;
}
.bottomElement{
  height: 32px;
}
#mainAside .calendarContainer .btnStyle, #mainAside .calendarContainer .greenBtnStyle, #mainAside .calendarContainer .lightGreenBtnStyle, #mainAside .calendarContainer .blueBtnStyle, #mainAside .calendarContainer .grayBtnStyle, #mainAside .calendarContainer .receipt .tableStyle .left .pay, .receipt .tableStyle .left #mainAside .calendarContainer .pay, #mainAside .calendarContainerS .btnStyle, #mainAside .calendarContainerS .greenBtnStyle, #mainAside .calendarContainerS .lightGreenBtnStyle, #mainAside .calendarContainerS .blueBtnStyle, #mainAside .calendarContainerS .grayBtnStyle, #mainAside .calendarContainerS .receipt .tableStyle .left .pay, .receipt .tableStyle .left #mainAside .calendarContainerS .pay, #mainAside .calendarContainerSm .btnStyle, #mainAside .calendarContainerSm .greenBtnStyle, #mainAside .calendarContainerSm .lightGreenBtnStyle, #mainAside .calendarContainerSm .blueBtnStyle, #mainAside .calendarContainerSm .grayBtnStyle, #mainAside .calendarContainerSm .receipt .tableStyle .left .pay, .receipt .tableStyle .left #mainAside .calendarContainerSm .pay {
  display: none;
}

#mainAside .showTheHiddenBtn {
  padding: 18px;
}
#mainAside .showTheHiddenBtn .calendarContainer .btnStyle, #mainAside .showTheHiddenBtn .calendarContainer .greenBtnStyle, #mainAside .showTheHiddenBtn .calendarContainer .lightGreenBtnStyle, #mainAside .showTheHiddenBtn .calendarContainer .blueBtnStyle, #mainAside .showTheHiddenBtn .calendarContainer .grayBtnStyle, #mainAside .showTheHiddenBtn .calendarContainer .receipt .tableStyle .left .pay, .receipt .tableStyle .left #mainAside .showTheHiddenBtn .calendarContainer .pay, #mainAside .showTheHiddenBtn .calendarContainerS .btnStyle, #mainAside .showTheHiddenBtn .calendarContainerS .greenBtnStyle, #mainAside .showTheHiddenBtn .calendarContainerS .lightGreenBtnStyle, #mainAside .showTheHiddenBtn .calendarContainerS .blueBtnStyle, #mainAside .showTheHiddenBtn .calendarContainerS .grayBtnStyle, #mainAside .showTheHiddenBtn .calendarContainerS .receipt .tableStyle .left .pay, .receipt .tableStyle .left #mainAside .showTheHiddenBtn .calendarContainerS .pay, #mainAside .showTheHiddenBtn .calendarContainerSm .btnStyle, #mainAside .showTheHiddenBtn .calendarContainerSm .greenBtnStyle, #mainAside .showTheHiddenBtn .calendarContainerSm .lightGreenBtnStyle, #mainAside .showTheHiddenBtn .calendarContainerSm .blueBtnStyle, #mainAside .showTheHiddenBtn .calendarContainerSm .grayBtnStyle, #mainAside .showTheHiddenBtn .calendarContainerSm .receipt .tableStyle .left .pay, .receipt .tableStyle .left #mainAside .showTheHiddenBtn .calendarContainerSm .pay {
  display: block;
}

#popupEventContainer {
  padding: 10px;
  margin-left: 2px;
  margin-top: -32px;
  margin-right: -2px;
  position: relative;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(8, 151, 255, 0.5);
  -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}
#popupEventContainer:after, #popupEventContainer:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#popupEventContainer:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #0897ff;
  border-width: 8px;
  margin-left: -8px;
}
#popupEventContainer:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}

.calendars-popup .calendars {
  font: 0.9em/2em pt,arial;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  border: none;
}
.calendars-popup a.calendars-cmd {
  font-weight: normal;
  height: auto;
  color: #1c0c10;
}
.calendars-popup a.calendars-cmd.calendars-cmd-clear{
  display: none;
}
.calendars-popup a.calendars-cmd:hover {
  color: #33282a;
  background: transparent;
}
.calendars-popup .calendars-month-header {
  height: 39px;
  color: #0897ff;
  background: #fff;
  padding: 1px 3px;
  line-height: 31px;
  border-bottom: none;
}
.calendars-popup .calendars-month-header select, .calendars-popup .calendars-month-header input {
  color: #0897ff;
  border: 1px solid #ccc;
  font-weight: normal;
  background: #fff;
  margin: 2px 0;
  height: auto;
  width: 49%;
}
.calendars-popup .calendars-ctrl, .calendars-popup .calendars-nav {
  padding: 0 10px;
  background: #fff;
  position: relative;
}
.calendars-popup .calendars-ctrl a, .calendars-popup .calendars-nav a {
  color: #0897ff;
}
.calendars-popup .calendars-cmd-today {
  float: right;
  text-align: right;
}
.calendars-popup .calendars-rtl .calendars-cmd-next, .calendars-popup .calendars-rtl .calendars-cmd-prev {
  top: 2px;
  width: 30px;
  font-size: 1.5em;
  position: absolute;
  font-family: arial;
}
.calendars-popup .calendars-rtl .calendars-cmd-next:before, .calendars-popup .calendars-rtl .calendars-cmd-prev:before {
  color: #0897ff;
  vertical-align: middle;
  font-family: FontAwesome;
}
.calendars-popup .calendars-rtl .calendars-cmd-next {
  left: 0;
}
.calendars-popup .calendars-rtl .calendars-cmd-next:before {
  content: "\f053";
}
.calendars-popup .calendars-rtl .calendars-cmd-prev {
  right: 0;
}
.calendars-popup .calendars-rtl .calendars-cmd-prev:before {
  content: "\f054";
}
.calendars-popup .calendars-rtl .calendars-month {
  float: right;
}
.calendars-popup .calendars-rtl .calendars-month.first {
  float: right;
}
.calendars-popup .calendars-rtl .calendars-month.last {
  float: left;
}
.calendars-popup .calendars-nav a.calendars-disabled {
  color: rgba(8, 151, 255, 0.2);
}
.calendars-popup .calendars-nav a.calendars-disabled:before {
  color: rgba(8, 151, 255, 0.2);
}
.calendars-popup .calendars-month {
  width: 50%;
  line-height: 20px;
  border: none;
}
.calendars-popup .calendars-month span {
  margin-top: 0;
}
.calendars-popup .calendars-month span {
  color: #c2c2c3;
  background: #F7F7F7;
  border-color: #F7F7F7;
}
.calendars-popup .calendars-month a {
  color: #444;
  background-color: #ECECEC;
  border: 1px solid #ECECEC;
}
.calendars-popup .calendars-month a, .calendars-popup .calendars-month span {
  padding: 0;
  text-decoration: none;
}
.calendars-popup .calendars-month td .calendars-selected {
  color: #fff;
  border-color: blue;
  background: #0897ff;
}

.calendars-popup .calendars-month td .calendars-other-month {
  background: transparent;
  border: medium none;
}
.calendars-popup .calendars-month th {
  line-height: 17px;
}
.calendars-popup .calendars-month th span {
  border: none;
  color: #000;
  padding-bottom: 9px;
  background: transparent;
}
.calendars-popup .calendars-month-row {
  background: #fff;
}
.calendars-popup .calendars-nav a.calendars-cmd-today {
    color: #28ACE2;
    font-size: 1.1em;
    font-weight: bold ;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 5px;
    width: 78px;
    z-index: 2;
}
.calendars-popup .calendars-month td .calendars-today {
  background-color: #28ACE2;
  border: 1px solid #28ACE2;
}
/**********************************************************************
              calendar
**********************************************************************/
.pdp-default {
  z-index: 2;
}
.pdp-default .header {
  height: 25px !important;
  font-size: 13px !important;
  font-weight: normal !important;
}
.pdp-default .dow {
  font: 12px normal "pt" !important;
}
.pdp-default .today {
  background: #0897ff !important;
  border: 1px solid #000 !important;
}

/**********************************************************************
               home
**********************************************************************/
.goDown {
  display: block;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
}
.goDown i {
  width: 50px;
  height: 50px;
  margin: 7px auto;
  font-size: 1.5em;
  line-height: 50px;
  border: 1px solid #d5d5d5;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.offers {
  padding: 2em 0;
}

.tourBox {
  float: right;
  width: 23.5%;
  color: #535353;
  margin-left: 2%;
  margin-bottom: 2%;
}
.tourBox ._row {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
}
.tourBox ._row::before,
.tourBox ._row::after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}
.tourBox ._row > * {
    float: right;
    display: block;
}
.tourBox ._row > *:last-child {
    float: left;
}
.tourBox ._row > *:first-child {
    float: right;
}
.tourBox:nth-child(4n) {
  margin-left: 0;
}
.tourBox figure {
  margin-bottom: 4px;
}
.hasExpired{
  position: relative;
}
.hasExpired::before {
    top: 6px;
    right: 6px;
    content: "";
    width: 98px;
    height: 98px;
    z-index: 203;
    display: block;
    position: absolute;
    background:url("../images/notAvailable.png") no-repeat scroll center center / 100% auto;
}
.hotelSlider.hasExpired:before{
  top: 0;
  right: 0;
  width: 130px;
  height: 130px;
}
.deactive .hotelSlider.hasExpired::before{
  width: 85px;
  height: 85px;
}
.lastSecond{
  position: relative;
}
.lastSecond::before {
    top: 6px;
    right: 6px;
    content: "";
    width: 98px;
    height: 98px;
    z-index: 203;
    display: block;
    position: absolute;
    background:url("../images/last-second.png") no-repeat scroll center center / 100% auto;
}
.hotelSlider.lastSecond:before{
  top: 0;
  right: 0;
  width: 130px;
  height: 130px;
}
.deactive .hotelSlider.lastSecond::before{
  width: 85px;
  height: 85px;
}
img {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-user-drag: none;
      user-drag: none;
      -webkit-touch-callout: none;
    }
.tourBox span {
  /* width: 50%;*/
  display: block;
  line-height: 20px;
  text-align: justify;
  /* max-height: 32px;
  overflow: hidden; */
}
.tourBox span.agencyName {
width: 100%
}
.articlesClass .tourBox span {
    max-height: 40px;
}
.tourBox span.articleTitle {margin-bottom: 5px;}
.tourBox span.flag-icon {
  width: 16px;
  display: inline-block;
}
.tourBox .title {
  display: block;
  /* width: 48%;
  float: right;
  white-space: nowrap;
  text-overflow: ellipsis; */
}
.airportsClass .tourBox .title,
.attractionsClass .tourBox .title {
    display: block;
    height: 20px;
    overflow: hidden;
    float: none;
    width: auto;
}
.tourBox .hotelName {
  width: 48%;
  float: left;
  text-align: left;
  height:22px;
    /* direction: ltr; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tourBox .country {
  float: none;
    display: block;clear:both;
  font-size: 0.9em;
}
.tourBox .country img {
  float: right;
  margin-left: 6px;
  margin-top: 4px;
}
.tourBox .agencyName {
  float: left;
  font-size: 0.9em;
  text-align: left;
}

.flag-icon {
  width: 16px;
  display: inline-block;
}
.tripleBoxes{
  text-align: center;
  background: #f5f5f5;
}
.tripleBoxes .tripleBox{
  width: 25%;
  padding: 20px;
  vertical-align: top;
  display: inline-block;
}
.tripleBoxes .heading{
  color: #F58232;
  font-size: 1.3em;
}
.tripleBoxes .tripleBox .imageWrap{
  z-index: 1;
  width: 150px;
  height: 150px;
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 auto 10px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.tripleBoxes .tripleBox img{
  width: auto;
  height: 150px;
  display: block;
  max-width: 100%;
  max-width: 1000px;
  margin: 0 auto 10px;
  transform: scale(1);
  transition: all 0.8s ease 0.1ms;
  -o-transition: all 0.8s ease 0.1ms;
  -moz-transition: all 0.8s ease 0.1ms;
  -webkit-transition: all 0.8s ease 0.1ms;
}

.tripleBoxes .tripleBox .imageWrap:after {
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border:1px solid rgba(0,0,0,0.02);
  box-shadow: 0 0 3px 2px rgba(0,0,0,0.3) inset;
  -o-box-shadow: 0 0 3px 2px rgba(0,0,0,0.3) inset;
  -ms-box-shadow: 0 0 3px 2px rgba(0,0,0,0.3) inset;
  -moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.3) inset;
  -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.3) inset;
}
.tripleBoxes .tripleBox:hover img{
  transform: rotate(10deg);
  -o-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  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;
}
.doubleBox {
  padding: 2em 0;
  background: #eeeeee;
}

.popularTours {
  width: 48%;
}
.popularTours .tourBox {
  margin-left: 4%;
  width: 48%;
}
.popularTours .tourBox:nth-child(2n+1) {
  margin-left: 0;
}
.lastPurchases {
  width: 49%;
  float: right;
  margin-right: 1%;
}
.lastPurchases ul li {
  background: #fff;
  line-height: 21px;
  position: relative;
  margin-bottom: 0.5em;
  padding: 3px 10px 6px;
  border-right: 3px solid #a5a5a5;
}
.lastPurchases ul li:after {
  right: -1px;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(165, 165, 165, 0);
  border-right-color: #a5a5a5;
  border-width: 6px;
  margin-top: -6px;
}
.lastPurchases ul li a {
  color: #0897ff;
}
.trio {
  text-align: center;
}
.trio .tripleBox {
  width: 25%;
  margin: 0 12px;
padding: 20px;
padding-top: 30px;
vertical-align: top;
display: inline-block;
border: solid 1px #dadada;
position: relative;
color: #60bfef;
font-size: 18px;
}
.trio span {
  color: #60bfef;
  font-size: 16px;
  line-height: 25px;
}
.trio .imageWrap {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.trio .imageWrap img {
  height: 40px;
}
.trio h3 {
  color: #60bfef;
  font-size: 24px;
  margin-top: 30px;
  text-align: center;
  margin-bottom: 60px;
}
/**********************************************************************
              cbreadcrumb
**********************************************************************/
.breadcrumb {
  padding: 0 0 0 13px;
  clear: both;
  margin-top: 16px;
  margin-bottom: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.breadcrumb li {
  float: right;
}
.breadcrumb li a:after {
  color: #b2b2b2;
  padding: 0 10px;
  font-size: 0.7em;
  content: "\f053";
  font-family: FontAwesome;
}
.breadcrumb li:last-child a:after {
  display: none;
}

.breadcrumb.mb20 {
  margin-bottom: 20px;
}

.searchResult {
  word-spacing: 2px;
  margin-bottom: 20px;
}
.searchResult span {
  word-spacing: 1px;
  display: block;
  font-size: 0.9em;
  color: #868686;
}

.sortBox {
  margin-bottom: 20px;
  background: #f9fcff;
  border: 1px solid #e5e5e5;
}
.sortBox span {
  color: #fff;
  float: right;
  padding: 0 10px 2px;
  background: #55af32;
}
.sortBox .sortItem {
  float: right;
  position: relative;
  padding: 0 10px 2px;
  border-left: 1px solid #d5d5d5;
}
.sortBox .sortItem:hover ul {
  display: block;
}
.sortBox .sortItem i {
  float: left;
  font-size: 0.8em;
  margin-top: 10px;
  margin-right: 40px;
}
.sortBox .sortItem ul {
  border: 1px solid #e5e5e5;
  border-bottom: 2px scroll #0897ff;
  padding: 0 7px 4px;
  position: absolute;
  background: #fff;
  display: none;
  width: 150px;
  right: -1px;
  z-index: 20;
  top: 100%;
}
.sortBox .sortItem ul li {
  border-bottom: 1px dashed #eee;
}
.sortBox .sortItem ul li:last-child {
  border: none;
}
.sortBox .sortItem ul li a {
  display: block;
}

.hotelList {
  width: 100%;
  padding: 6px;
  display: table;
  position: relative;
  margin-bottom: 10px;
  border: 1px solid #eee;
  -moz-box-shadow: 0 0 3px 0 #ddd;
  -webkit-box-shadow: 0 0 3px 0 #ddd;
  box-shadow: 0 0 3px 0 #ddd;
}
.hotelList:hover {
  -moz-box-shadow: 0 0 5px 2px #d5d5d5;
  -webkit-box-shadow: 0 0 5px 2px #d5d5d5;
  box-shadow: 0 0 5px 2px #d5d5d5;
}
.checkCompare.checked{
  opacity: 1;
}
.checkCompare{
  top: 10px;
  opacity:0;
  left: 6px;
  z-index: 2;
  margin: auto;
  width: 63px;
  color: #fff;
  height: 21px;
  font-size: 12px;
  line-height: 20px;
  padding-right: 5px;
  position: absolute;
  background:#6A6A6A;
  padding-bottom: 1px;
  border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 0 0 4px 2px #515151 inset;
  -o-box-shadow: 0 0 4px 2px #515151 inset;
  -ms-box-shadow: 0 0 4px 2px #515151 inset;
  -moz-box-shadow: 0 0 4px 2px #515151 inset;
  -webkit-box-shadow: 0 0 4px 2px #515151 inset;
}
.faTitle .checkCompare{
  opacity: 1;
  float: right;
  margin-top: 4px;
  margin-left: 5px;
  position: static;
}
.close .checkCompare{
  top: 3px;
  left: 3px;
  width: 66px;
}
.checkCompare a,.accordionRow .checkCompare a{
  color:#fff;
  display: block;
  padding-left: 5px;
  position: relative;
  padding-bottom: 1px;
}
.checkCompare a:before{
  width: 11px;
  content: "";
  float: left;
  height: 11px;
  margin-top: 4px;
  background: #cdd1d6;
  margin-right: 3px;
  border-radius:1px;
  -o-border-radius:1px;
  -ms-border-radius:1px;
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  display: inline-block;
  vertical-align: middle;
  border:1px solid #8e8f8f;
  box-shadow: 0 0 1px 0px #f4f4f4 inset;
  -o-box-shadow: 0 0 1px 0px #f4f4f4 inset;
  -ms-box-shadow: 0 0 1px 0px #f4f4f4 inset;
  -moz-box-shadow: 0 0 1px 0px #f4f4f4 inset;
  -webkit-box-shadow: 0 0 1px 0px #f4f4f4 inset;
}
.close .checkCompare a:before{
  width: 10px;
  height: 10px;
  margin-top: 5px;
}
.checkCompare a.checked:after{
  top: 0px;
  left: 6px;
  color:#475c94;
  content:"\f00c";
  font-size: 11px;
  position: absolute;
  font-family: fontAwesome;
}
.close .checkCompare a.checked:after{
  font-size: 10px;
  left: 6px;
  top: 2px;
}
/*a[title]:not(.home) {
    display : none;
}*/
.hotelList .rightBox figure:hover .checkCompare,.hotelList .rightBox .close:hover .checkCompare{
  opacity: 1;
  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;
}
.hotelList .addToCompare a,#narrowSide .checkCompare a,.blueTitle .checkCompare a{
  color: #fff;
}
.hotelList .addToCompare i,#narrowSide .addToCompare i,.blueTitle .addToCompare i{
  opacity: 0.8;
  margin-left: 5px;
  vertical-align: middle;
}
.hotelList .rightBox {
  width: 49%;
  padding-left: 1%;
  display: table-cell;
  position: relative;
}
.hotelList .rightBox .accordionRow {
  margin-top: 5px;
}
.hotelList .rightBox .accordionRow:first-child {
  margin-top: 0;
}
.hotelList .rightBox .close {
  width: 100%;
  padding: 3px;
  cursor: pointer;
  font-size: 0.8em;
  line-height: 20px;
  background: #f7f7f7;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.02);
}
.hotelList .rightBox .hotelItem {
  line-height: 25px;
}
.hotelList .rightBox .close .hotelItem {
  display: none;
  line-height: 37px;
}
.hotelList .rightBox .close .hotelItem a {
  pointer-events: none;
}
.hotelList .rightBox .close figure {
  width: 73px;
}
.hotelList .rightBox .close figure img {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.hotelList .rightBox figure {
  width: 148px;
  float: right;
  overflow: hidden;
  margin-left: 10px;
  position: relative;
  transition: all,0.7s, ease-in-out;
  -o-transition: all,0.7s, ease-in-out;
  -ms-transition: all,0.7s, ease-in-out;
  -moz-transition: all,0.7s, ease-in-out;
  -webkit-transition: all,0.7s, ease-in-out;
}

.hotelList .rightBox figure:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.hotelList .rightBox figure img {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  height: auto;
  display: block;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0;
  border-radius: 0 3px 3px 0;
}
.hotelList .rightBox .hotelName {
  color: #0897ff;
  font-size: 1.3em;
}
.hotelList .rightBox .stars {
  display: block;
  direction: ltr;
  text-align: right;
}
.hotelList .rightBox .hotelItem {
  display: block;
  color: #868686;
}
.hotelList .rightBox .hotelItem i {
  width: 17px;
  color: #bebebe;
  font-size: 1.1em;
  margin-left: 5px;
  text-align: center;
}
.hotelList .rightBox .hotelItem i.fa-map-marker,
.hotelList .rightBox .hotelItem i.fa-car,
.hotelList .rightBox .hotelItem i.fa-users,
.hotelList .rightBox .hotelItem i.fa-subway,
.hotelList .rightBox .hotelItem i.fa-info-circle,
.hotelList .rightBox .hotelItem i.fa-money,
.hotelList .rightBox .hotelItem i.fa-building-o,
.hotelList .rightBox .hotelItem i.fa-calendar-o
{
  color: #de3f39;
}
.hotelList .rightBox .hotelItem i.fa-car,
.hotelList .rightBox .hotelItem i.fa-users,
.hotelList .rightBox .hotelItem i.fa-subway
{
    margin-right: 3px;
}
.hotelList .rightBox .radialRate {
  left: 10px;
  bottom: 10px;
  position: absolute;
}
.hotelList .rightBox .radialRate .progress-radial {
  margin: 0 auto;
}
.hotelList .rightBox .radialRate .circleProgress {
  height: 62px;
  position: relative;
}
.hotelList .rightBox .radialRate canvas {
  margin: 0 auto;
}
.hotelList .rightBox .radialRate .theNumber {
  top: 0;
  left: 0;
  display: none !important;
  color: #000;
  width: 65px;
  height: 65px;
  display: none;
  font-size: 1.4em;
  line-height: 65px;
  position: absolute;
  text-align: center;
}
.hotelList .rightBox .radialRate .text {
  font-size: 0.9em;
  line-height: 17px;
  text-align: center;
}
.hotelList .rightBox .radialRate .text .displayBlock {
  color: #000;
}.hotelList .midBox {
  width: 20%;
  display: table-cell;
  text-align: center;
  padding: 2px 19px 4px;
  padding: 3px 2px 10px;
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}
.hotelList .midBox span {
  display: block;
  line-height: 22px;
}
.hotelList .midBox .red i {
  margin-left: 3px;
  vertical-align: middle;
}
.hotelList .midBox .mute {
  color: #bebebe;
}
.hotelList .midBox .blue {
  color: #0897ff;
  padding: 4px 0;
  font-size: 1.3em;
}
.hotelList .midBox .gray {
  color: #868686;
}
.hotelList .midBox .gray img {
  margin-left: 5px;
  padding: 2px 0 5px;
  vertical-align: middle;
}
.hotelList .midBox .btnStyle, .hotelList .midBox .greenBtnStyle, .hotelList .midBox .lightGreenBtnStyle, .hotelList .midBox .blueBtnStyle, .hotelList .midBox .grayBtnStyle, .hotelList .midBox .receipt .tableStyle .left .pay, .receipt .tableStyle .left .hotelList .midBox .pay {
  width: 92%;
  display: block;
  margin: 10px auto 0;
  padding: 1px 19px 4px;
}
.hotelList .leftBox {
  width: 31%;
  display: table-cell;
}
.hotelList .leftBox .agencyBox {
  padding: 1px 5px 1px 0;
  line-height: 25px;
  border-bottom: 1px solid #d5d5d5;
}
.hotelList .leftBox .agencyBox .agencyName {
  width: 80px;
  float: right;
  font-size: 0.9em;
  padding-top: 6px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hotelList .leftBox .agencyBox .agencyPrice {
  float: left;
  color: #0897ff;
  padding: 2px 0;
  text-align: left;
  width: calc(100% - 80px);
}
.hotelList .leftBox .agencyBox .agencyPrice a span.serviceType{
  width: 16px;
  margin: 0 3px;
  direction: ltr;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.hotelList .leftBox .agencyBox .agencyPrice a {
  display: block;
  color: #0897ff;
  font-size: 0.9em;
}
.hotelList .leftBox .agencyBox .agencyPrice a span{
  font-size: 0.9em;
}
.hotelList .leftBox .agencyBox .agencyPrice img {
  float: right;
}
.hotelList .leftBox .agencyBox .departingFlight, .hotelList .leftBox .agencyBox .returnFlight {
  color: #777;
  float: right;
  margin-left: 7px;
  padding: 7px 12px;
  background: #f0f0f0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.hotelList .leftBox .agencyBox .departingFlight img, .hotelList .leftBox .agencyBox .returnFlight img {
  float: none;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.hotelList .leftBox .agencyBox .departingFlight .fa-plane, .hotelList .leftBox .agencyBox .returnFlight .fa-plane {
  color: #999;
  font-size: 1.5em;
  vertical-align: middle;
  text-shadow: 1px 1px #fff;
}
.hotelList .leftBox .agencyBox .departingFlight .time, .hotelList .leftBox .agencyBox .returnFlight .time {
  display: inline-block;
}
.hotelList .leftBox .agencyBox .departingFlight .time i, .hotelList .leftBox .agencyBox .returnFlight .time i {
  margin-left: 3px;
}
.hotelList .leftBox .agencyBox .departingFlight .time:before, .hotelList .leftBox .agencyBox .returnFlight .time:before {
  content: "-";
  font-size: 0.8em;
  margin: 0 7px;
  vertical-align: middle;
}.hotelList .leftBox .mCustomScrollbar {
  max-height: 300px;
}
.hotelList .leftBox .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #0897ff;
}
.hotelList .leftBox .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #0897ff;
}
.hotelList .leftBox .agencyBoxMiddle .agencyBoxInner {
  display: table;
}
.hotelList .leftBox .agencyBoxMiddle .agencyBoxInner .agencyBoxCell {
  float: none;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.hotelList .leftBox .agencyBoxMiddle .agencyBoxInner .agencyBoxCell .agencyPrice {
  width: 100%;
}
.hotelList .leftBox .popUpContent {
  top: 50%;
  margin-top: -170px;
  padding: 35px 16px 27px;
}
.hotelList .leftBox .popUpContent .agencyBox {
  padding: 0;
  margin-bottom: 12px;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.hotelList .leftBox .popUpContent .agencyPrice {
  width: 100%;
  float: right;
  text-align: left;
  padding: 2px 3px 5px;
}
.hotelList .leftBox .popUpContent .agencyPrice .price {
  float: right;
  padding: 7px 6px;
}
.hotelList .leftBox .popUpContent .agencyPrice .btnStyle, .hotelList .leftBox .popUpContent .agencyPrice .greenBtnStyle, .hotelList .leftBox .popUpContent .agencyPrice .lightGreenBtnStyle, .hotelList .leftBox .popUpContent .agencyPrice .blueBtnStyle, .hotelList .leftBox .popUpContent .agencyPrice .grayBtnStyle, .hotelList .leftBox .popUpContent .agencyPrice .receipt .tableStyle .left .pay, .receipt .tableStyle .left .hotelList .leftBox .popUpContent .agencyPrice .pay {
  float: left;
  color: #fff;
  padding: 6px 26px 9px;
}
.hotelList .leftBox .popUpContent .agencyName {
  width: 100%;
  float: none;
  color: #0897ff;
  font-size: 1.15em;
  line-height: 20px;
  margin-bottom: 3px;
  background: #f9f9f9;
  padding: 6px 9px 9px;
}
.hotelList .leftBox .popUpContent .agencyName:before {
  content: "\f053";
  font-size: 0.8em;
  margin-left: 6px;
  vertical-align: middle;
  font-family: FontAwesome;
}
.hotelList .leftBox .viewTour {
  color: #0897ff;
  display: block;
  font-size: 0.8em;
  padding: 1px 16px;
  line-height: 22px;
}
.hotelList .leftBox .viewTour i {
  font-size: 0.8em;
  margin-left: 4px;
}
.justHotelBox .rightBox{
  width: calc(100% - 187px);
}
.justHotelBox .rightBox .hotelItem{
  line-height: 30px;
}
.justHotelBox .leftBox {
  width: 170px;
  text-align: center;
}
.justHotelBox .leftBox .commentCount{
  color: #868686;
  margin-top: 4px;
  display: inline-block;
}
.justHotelBox .leftBox .commentCount i{
  margin-left: 5px;
  color:#aaa;
}
.justHotelBox .leftBox .radialRate {
  position: relative;
}
.justHotelBox .leftBox .radialRate .progress-radial {
  margin: 0 auto;
}

.justHotelBox .leftBox .radialRate .circleProgressRate {
    height: 65px;
    position: relative;
    width: 65px;
    margin:20px auto 10px;
}
.justHotelBox .leftBox .radialRate canvas {
  margin: 0 auto;
}
.justHotelBox .leftBox .radialRate .theNumber {
  top: 0;
  left: 0;
  color: #000;
  width: 65px;
  height: 65px;
  display: none;
  font-size: 1.4em;
  line-height: 65px;
  position: absolute;
  text-align: center;
}
.justHotelBox .leftBox .radialRate .text {
  font-size: 0.9em;
  line-height: 17px;
  text-align: center;
}
.justHotelBox .leftBox .radialRate .text .displayBlock {
  color: #000;
}
.agencyListBoxes{
  text-align: right;
}
.agencyListBox {
  width: 16%;
  text-align: center;
  margin: 0 2px 24px;
  vertical-align: top;
  display: inline-block;
}
.eventsClass .agencyListBox .newsTitle{
  height: 60px;
}

.agencyListBoxes .agencyListBox:hover a{
  color: #2BACE2;
}
.agencyListBoxes .agencyListBox:hover .agencyListBoxImg{
  box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
  -o-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
  -ms-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
  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;
}
.agencyListBoxImg {
  width: 85px;
  height: 85px;
  margin: 0 auto;
  display: block;
  position: relative;
  border-radius: 20%;
  -o-border-radius: 20%;
  -ms-border-radius: 20%;
  -moz-border-radius: 20%;
  -webkit-border-radius: 20%;
  border: 1px dashed #ddd;
  -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;
}
.agencyListBoxImg img{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:auto;
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  border-radius: 20%;
  -o-border-radius: 20%;
  -ms-border-radius: 20%;
  -moz-border-radius: 20%;
  -webkit-border-radius: 20%;
}
.progress-radial {
  width: 70px;
  height: 70px;
  position: relative;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #e95040;
  background-image: linear-gradient(0deg, #e14e46 0%, #fd9f2b 40%, #e3d131 80%, #c8c8c8 20%, #c8c8c8);
  background-image: -o-linear-gradient(0deg, #e14e46 0%, #fd9f2b 40%, #e3d131 80%, #c8c8c8 20%, #c8c8c8);
  background-image: -ms-linear-gradient(0deg, #e14e46 0%, #fd9f2b 40%, #e3d131 80%, #c8c8c8 20%, #c8c8c8);
  background-image: -moz-linear-gradient(0deg, #e14e46 0%, #fd9f2b 40%, #e3d131 80%, #c8c8c8 20%, #c8c8c8);
}
.progress-radial .percent {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  text-align: center;
  line-height: 57px;
  font-size: 21px;
  margin: auto;
  height: 80%;
  color: #000;
  width: 80%;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.popUpContent {
  left: 0;
  right: 0;
  top: 35%;
  width: 55%;
  margin: auto;
  display: none;
  z-index: 20001;
  background: #fff;
  position: fixed;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border-bottom: 2px solid #0897ff !important;
}
.popUpContent .closeTheBox {
  left: 0;
  top: 0;
  color: #fff;
  width: 30px;
  height: 30px;
  margin: -8px;
  text-align: center;
  line-height: 30px;
  background: #0897ff;
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
/**********************************************************************
              sidebar
**********************************************************************/
#mainAside {
  width: 265px;
  float: right;
}#mainAside .sideBox, #mainAside .filterBox {
  background: #fff;
  margin-bottom: 20px;
  border: 1px solid #d5d5d5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#mainAside .sideBox .sideTitle, #mainAside .filterBox .sideTitle {
  color: #535353;
  background: #f4f4f4;
  border-bottom: 2px solid #d5d5d5;
}
#mainAside .sideBox .sideTitle span, #mainAside .filterBox .sideTitle span {
  float: right;
  display: block;
  padding: 4px 10px;
  margin-bottom: -2px;
  border-bottom: 2px solid #0897ff;
}#mainAside .filterBox {
  margin-top: 10px;
  padding-bottom: 5px;
}
#mainAside .filterBox .HiddenContent {
  padding: 0 5px;
}
#mainAside .filterBox .sideTitle {
  cursor: pointer;
  margin-bottom: 3px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
#mainAside .filterBox .sideTitle i {
  color: #FDB902;
  float: right;
  margin: 8px 0 0 0.5em;
}
#mainAside .filterBox .sideTitle .fa-minus {
  display: none;
}
#mainAside .filterBox .inputStyle {
  top: 14px;
}
#mainAside .filterBox .inputTitle {
  padding-right: 7px;
}
#mainAside .filterBox .inputTitle img {
  vertical-align: middle;
}
#mainAside .filterBox .filterRow {
  color: #535353;
  padding: 0.4em 15px 0.1em;
}
#mainAside .filterBox .filterRow i {
  color:#868686;
}
#mainAside .filterBox .filterRow i.gold {
  color: #ffbc3d;
}
#mainAside .filterBox .filterRow .degree {
  margin-right: 0.5em;
}
#mainAside .filterBox .rangeSlider {
  padding: 2em;
}
#mainAside span.twitter-typeahead .tt-menu, #mainAside span.twitter-typeahead .tt-dropdown-menu{
  width: auto;
}
#mainAside .filterBox .rangeSlider #slider-handles-value-lower, #mainAside .filterBox .rangeSlider #slider-handles-value-upper{
  margin-top: 10px;
  font-family: samim;
  margin-top: 10px;
  display: none;
}
#mainAside .filterBox .rangeSlider #slider-handles-value-lower {
  float: left;
}
#mainAside .filterBox .rangeSlider #slider-handles-value-upper {
  float: right;
}
#mainAside .filterBox .rangeSlider .noUi-horizontal {
  height: 12px;
}
#mainAside .filterBox .rangeSlider .noUi-horizontal .noUi-handle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #1B74AE;
  border: medium none;
  cursor: pointer;
  height: 14px;
  width: 14px;
  left: -8px;
  top: -3px;
}
#mainAside .filterBox .rangeSlider .noUi-horizontal .noUi-handle:before, #mainAside .filterBox .rangeSlider .noUi-horizontal .noUi-handle:after {
  display: none;
}
#mainAside .filterBox .rangeSlider .noUi-connect {
  background: #0897ff;
}
#mainAside .filterBox form .searchEleman {
  width: 50%;
  float: right;
  height: 53px;
  padding: 0 3px;
  margin-bottom: 4px;
  position: relative;
}
#mainAside .filterBox form .searchEleman .destinationDropDown,#mainAside .filterBox form .searchEleman select{
  display: none;
}
#mainAside .filterBox form .searchEleman i {
  left: 4px;
  color: #aaa;
  bottom: -4px;
  height: 28px;
  padding: 0 7px;
  cursor: pointer;
  line-height: 26px;
  position: absolute;
  border-right: 1px solid #eee;
}
#mainAside .filterBox form .searchEleman .fa-calendar {
  color: #0897ff;
}
#mainAside .filterBox form .searchEleman label {
  color: #535353;
  display: block;
  min-height: 21px;
  min-width: 100%;
  line-height: 22px;
}
#mainAside .filterBox form .searchEleman input[type="text"] {
  width: 100%;
  color: #767676;
  padding-right: 3px;
  border: 1px solid #d5d5d5;
}
#mainAside .filterBox form .searchEleman .addResult {
  color: #767676;
  font-size: 13px;
  padding-right: 10px;
}
#mainAside .filterBox form .searchEleman .noIBorder input.noBorder {
  border: none;
}
#mainAside .filterBox form .searchEleman .noIBorder i {
  border: none;
}
#mainAside .filterBox form .searchEleman .imagePicker input {
  display: none;
}
#mainAside .filterBox form .searchEleman .simpleselect {
  width: 100%;
  float: right;
  height: 32px;
}
#mainAside .filterBox form .searchEleman .simpleselect .options {
  width: 100%;
  top: 100% !important;
}
#mainAside .filterBox form .searchEleman .simpleselect .placeholder, #mainAside .filterBox form .searchEleman .simpleselect .option, #mainAside .filterBox form .searchEleman .simpleselect .optgroup-label {
  padding: 6px 10px;
}
#mainAside .filterBox form .searchEleman .btnStyle, #mainAside .filterBox form .searchEleman .greenBtnStyle, #mainAside .filterBox form .searchEleman .lightGreenBtnStyle, #mainAside .filterBox form .searchEleman .blueBtnStyle, #mainAside .filterBox form .searchEleman .grayBtnStyle, #mainAside .filterBox form .searchEleman .receipt .tableStyle .left .pay, .receipt .tableStyle .left #mainAside .filterBox form .searchEleman .pay {
  width: 100%;
  margin-top: 2px;
  padding: 1px 19px 4px;
}
#mainAside .filterBox form .searchEleman .btnStyle:before, #mainAside .filterBox form .searchEleman .greenBtnStyle:before, #mainAside .filterBox form .searchEleman .lightGreenBtnStyle:before, #mainAside .filterBox form .searchEleman .blueBtnStyle:before, #mainAside .filterBox form .searchEleman .grayBtnStyle:before, #mainAside .filterBox form .searchEleman .receipt .tableStyle .left .pay:before, .receipt .tableStyle .left #mainAside .filterBox form .searchEleman .pay:before {
  content: "\f002";
  margin-left: 5px;
  font-family: FontAwesome;
}
#mainAside .filterBox form .searchEleman .fixDate {
  font-size: 0.9em;
}
#mainAside .filterBox form .searchEleman .fixDate i {
  border: none;
}
.hotelFilterBox .HiddenContent{
  display: none;
}
.hotelFilterBox select{
  width: 100%;
}
.hotelFilterBox .chosen-drop {
}
.hotelFilterBox .chosen-drop{
  height: 300px;
}
.hotelFilterBox .search-field{
  color: #aaa;
  display: block;
  margin-top: 10px;
  position: relative;
  border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid #ddd;
}
.hotelFilterBox .chosen-container-active .search-field > input {
  padding: 1px 10px;
  width: 100% !important;
}
.hotelFilterBox .chosen-container-active .search-field > input:focus{
  box-shadow: none;
  border:none;
}
.hotelFilterBox .chosen-container-active .chosen-drop{
  padding: 6px;
  border:1px solid #ddd;
  border-top:none;
}

.hotelFilterBox .chosen-container-multi .chosen-choices li.search-choice {
  color: #333;
  font-size:0.9em;
  display: block;
  cursor: default;
  max-width: 100%;
  line-height: 23px;
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 1px 22px 2px 8px;
}
.hotelFilterBox .chosen-container-multi .chosen-choices li.search-choice span {
  display: inline-block;
  word-wrap: break-word;
}
.hotelFilterBox .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{
  background: #fff none repeat scroll 0 0;
    border: 1px solid #19bd9b;
    cursor: pointer;
    height: 15px;
    line-height: 12px;
    position: absolute;
    right: 0;
    top: 7px;
    width: 16px;
}
.hotelFilterBox .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{
  color: #19bd9b;
    content: "\f00c";
    font: 14px/13px FontAwesome;
    left: -2px;
    text-align: center;
    top: 0;
    width: 15px;
}
.hotelFilterBox .chosen-container .chosen-drop .chosen-results li {
  background: #f5f5f5 none repeat scroll 0 0;
  cursor: pointer;
  margin-bottom: 2px;
  padding: 0 8px 2px;
}
.hotelFilterBox .chosen-container .chosen-drop .chosen-results li.result-selected{
  color: #28ACE2;
  background: #eee;
}
.chosen-container{
  position: relative;
}
.hotelFilterBox .chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border-top: 0;
  background: #fff;
}
.hotelFilterBox .chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
#narrowSide {
  float: right;
  width: 235px;
}
.grayBox {
  padding: 15px;
  background: #f4f4f4;
}
.addToFav {
  font-size: 1.45em;
  position: relative;
  text-align: center;
  padding: 9px 3px 6px;
  background: #28ace2;
}
.addToFav:hover{
  background: #007BD4;
}
.addToFavBtn:hover{
  color: #ff0000;
}

.shareThisPage ul{
  left: 0;
  top: 100%;
  z-index: 2;
  width: 100%;
  display: none;
  position: absolute;
}
.shareThisPage ul li{
  font-size: 0.9em;
  text-align: left;
  background: #eee;
  line-height: 36px;
  border-top:3px solid #fff;
}
.shareThisPage ul li i {
    width: 41px;
    float: left;
    margin-right: 5px;
    padding:11px 0 9px;
    text-align: center;
    background: rgba(0, 0, 0, 0.04);
}
.shareThisPage ul li a{
  display: block;
  padding: 0 !important;
}
.shareThisPage ul li span{
  font-size: 0.7em;
}
.addToFav .blueBtnStyle {
  float: right;
  display: block;
  padding: 9px 19px 10px;
}
.addToFav .addToFavBtn , .shareThisPage{
  color: #fff;
  margin: 0 15px;
  display: inline-block;
}
.addToFav .addToFavBtn.selected{
  color: red;
}
.addToFav .blueBtnStyle i {
  margin-left: 5px;
}
.shareBtns{
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 20px;
  padding: 10px 15px 7px;
}
.fa-facebook{
  color: #2F72C4;
}
.fa-twitter{
  color: #44CCF6;
}
.fa-google-plus{
  color: #D13F2D;
}
.fa-paper-plane{
  color: #44CCF6;
}

.yourSearch {
  padding: 15px;
  color: #054086;
  margin-bottom: 20px;
  background: #ffbb3e;
}
.yourSearch .title {
  font-size: 1.2em;
  margin-bottom: 10px;
}
.yourSearch .displayBlock i {
  float: right;
  margin-top: 8px;
  margin-left: 10px;
}
.yourSearch .blueBtnStyle {
  width: 134px;
  display: block;
  margin: 10px auto 0;
  padding: 6px 0 10px;
}

.map{
  height: 200px;
  margin-bottom: 20px;
}
.map img {
  width: 100%;
  display: block;
}

.smallMapWrap{
    width: 100%;
    height: 210px;
    display: block;
    cursor: pointer;
    position: relative;
}
#smallMap{
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.relatedHotel {
  font-size: 0.9em;
  line-height: 18px;
  margin-bottom: 20px;
}
.relatedHotel .blueTitle {
  color: #868686;
  margin-bottom: 20px;
}
.relatedHotel .eachRelatedHotel {
  margin-bottom: 15px;
}
.relatedHotel .eachRelatedHotel img {
  float: right;
  margin-left: 10px;
}
.relatedHotel .eachRelatedHotel span {
  display: block;
}
.relatedHotel .eachRelatedHotel .smallerBlueTitle, .relatedHotel .eachRelatedHotel .searchResult {
  margin-bottom: 5px;
}
.relatedHotel .eachRelatedHotel .stars {
  color: #FDB902;
  display: block;
}
.relatedHotel .eachRelatedHotel .popularity {
  color: #868686;
}

.visitAllPrices {
  margin-bottom: 20px;
}
.visitAllPrices .smallerGrayTitle {
  padding: 5px 10px;
  border-bottom: 1px solid #e3e3e3;
}
.visitAllPrices .eachAgancy {
  padding: 10px;
}
.visitAllPrices .eachAgancy .title {
  color: #fff;
  font-size: 1.1em;
  padding: 0 9px 1px;
  margin-bottom: 10px;
  background: #cbcbcb;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
}
.visitAllPrices .eachAgancy .item {
  color: #0897ff;
  margin-bottom: 3px;
}
.visitAllPrices .eachAgancy .item img {
  float: right;
  margin-left: 10px;
}

/**********************************************************************
              left content
**********************************************************************/
.leftContent {
  float: left;
  width: calc(100% - 285px);
}
.mt10 {
  margin-top: 10px;
}

.largeLeftContent {
  float: left;
  color: #868686;
  text-align: justify;
  width: calc(100% - 260px);
}
.largeLeftContent input, .largeLeftContent select, .largeLeftContent textarea {
  padding: 0 10px;
  border: 1px solid #d5d5d5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
  -webkit-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
}
.largeLeftContent input[type="submit"]{
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.largeLeftContent input:focus, .largeLeftContent select:focus, .largeLeftContent textarea:focus {
  border: 1px solid rgba(8, 151, 255, 0.2);
  -moz-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  -webkit-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
}
.boxStyle, .borderList .eachItem, .commentBox {
  border: 1px solid #d5d5d5;
}

.lightBoxStyle, .tableStyle .rowStyle, .tableStyle .total .tdStyle, .addressEditForm, .reserveSteps .stepBody .simpleForm, .reserveSteps .stepBody, .reserveSteps .stepBody .ticket .table {
  padding: 9px 10px;
/*   border: 1px solid #e3e3e3;
 */}
.topBoxStyle{
  padding: 14px 19px;
  margin-bottom: 20px;
  box-shadow: 0 0 4px 1px #ddd;
  -moz-box-shadow: 0 0 4px 1px #ddd;
  -webkit-box-shadow: 0 0 4px 1px #ddd;
}
/*.topBoxStyle .addToCompare {
  font-size: 14px;
  color:#868686;
}
*/
.morePadding{
  padding:7px 17px 4px !important;
}
.topPart .blueTitle {
  font-size: 1.5em;
}
.topPart .blueTitle .stars {
  float: right;
  margin-top: 1px;
  font-size: 0.8em;
  margin-right: 11px;
}
.topPart .blueTitle .stars i {
  color: #FDB902;
}
.grayColor{
  color: #868686;
}
.topPart address i {
  color: #de3f39;
  float: right;
  margin-top: 4px;
  font-size: 1.2em;
  margin-left: 5px;
  vertical-align: middle;
}

.hotelTabs {
  margin-top: 10px;
  background: #e6edf5;
}
.hotelTabs a {
  float: right;
  width: 33.33%;
  display: block;
  padding: 6px 0;
  color: #868686;
  text-align: center;
  border-right: 2px solid #fff;
}
.eventsClass .hotelTabs a,
.attractionsClass .hotelTabs a {
    width:50%;
}
.toursClass .hotelTabs a,
.airportsClass .hotelTabs a,
.restaurantsClass .hotelTabs a,
.hotelsClass .hotelTabs a {
    width:25%;
}
.source {font-size:16px;font-weight: bold;padding:15px 0;}
.source a {color: dodgerblue;transition: all 0.4s;}
.source a:hover {color: coral}
.hotelTabs a:first-child {
  border-right: none;
}

.hotelSlider {
  overflow: hidden;
  position: relative;
}
.hotelSlider .expired{
  position: absolute;
  display: block;
  z-index: 2000;
  width: 130px;
  height: 131px;
  right: 20px;
  top: 20px;
}
.hotelSlider .expired img{
  max-width: 100%;
  display: block;
  height: auto;
}
.hotelSlider .passengerRate {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px 20px 15px;
  position: absolute;
  z-index: 2000;
  width: 175px;
  left: 20px;
  top: 20px;
}
.hotelSlider .passengerRate .circleProgressRate {
  margin-left: 12px;
  position: relative;
  margin-top: 3px;
  height: 50px;
  float: right;
  width: 50px;
}
.hotelSlider .passengerRate .circleProgressRate .circle {
  height: 100%;
  width: 100%;
}
.hotelSlider .passengerRate .circleProgressRate canvas {
  position: absolute;
  right: 0;
    width: 50px;
  height: 50px;
  top: 0;
}
.hotelSlider .passengerRate .circleProgressRate .theNumber {
  top: 0;
  left: 0;
  color: #000;
  width: 50px;
  height: 50px;
  cursor: pointer;
  font-size: 1.4em;
  line-height: 50px;
  position: absolute;
  text-align: center;
}
.hotelSlider .passengerRate .info {
  display: block;
  float: left;
  text-align: center;
  width: 70px;
    position: relative;top:5px;
}
.hotelSlider .passengerRate .info strong {
  display: block;
    font-size:20px;
}
.hotelSlider .passengerRate .info .displayBlock {
  line-height: 17px;
  margin-top: 5px;
}
.hotelSlider .passengerRate .info small {
  display: block;
}
.hotelSlider .hotelSliderHandler {
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 11px 8px 16px;
  position: absolute;
  font-size: 2.5em;
  z-index: 201;
  height: 49px;
  margin: auto;
  color: #fff;
  bottom: 0;
  top: 0;
}
.hotelSlider .hotelSliderHandler:hover {
  background: #0897ff;
}
.hotelSlider .cycle-prev {
  left: 0;
  padding: 5px 16px 8px 11px;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0;
  border-radius: 0 3px 3px 0;
}
.hotelSlider .cycle-next {
  right: 0;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px 0 0 3px;
}
.hotelSlider .relativePosition {
  overflow: hidden;
  max-height: 458px;
  margin-bottom: 3px;
}
.hotelSlider #slideshow-1 {
  position: relative;
  overflow: hidden;
}
.hotelSlider #slideshow-1 .cycle-slide img {
  height: auto;
  display: block;
  max-width: 100%;
}
.hotelSlider .cycle-2 .cycle-carousel-wrap {
  direction: ltr;
}
.hotelSlider .cycle-2 .cycle-slide {
  float: left;
  width: 46px;
  cursor: pointer;
  border: 2px solid #fff;
  position: relative !important;
}
.hotelSlider .cycle-2 .cycle-slide:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.hotelSlider .cycle-2 .cycle-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  margin: auto;
}
.hotelSlider .cycle-2 .cycle-pager-active {
  border: 2px solid #ed9402;
}
.hotelSlider .secondSlider {
  margin-top: 10px;
}

.generalInfo {
  padding: 20px 0;
}
.generalInfo .text {
  font-size: 1em;
  font-family: samim;
}
.generalInfo .usefulInfo {
  float: left;
  width: 400px;
  padding: 20px;
  margin-right: 30px;
  background: #ddeef8;
}
.generalInfo .usefulInfo .smallerBlueTitle, .generalInfo .usefulInfo .searchResult {
  margin-bottom: 20px;
}
.generalInfo .usefulInfo ul li {
  margin: 5px 0;
}
.generalInfo .usefulInfo ul li:after {
  content: "";
  display: table !important;
  float: none !important;
  clear: both !important;
}
.generalInfo .usefulInfo ul li span {
  display: block;
  float: left;
  max-width: 60%;
  color: #333;
}
.generalInfo .usefulInfo ul li:first-child span {
  direction: ltr;
}
.generalInfo .usefulInfo ul li dfn {
  display: block;
  float: right;
}
.generalInfo .usefulInfo ul li i,
.generalInfo .usefulInfo ul li img {
  width: 25px;
  height: 25px;
  margin-left: 5px;
  background: #0897ff;
  line-height: 23px;
  text-align: center;
  vertical-align: middle;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #fff;
}
.generalInfo .usefulInfo ul li img {
  border:none;
}
.differentBox {
  font-size: 1.1em;
  margin-bottom: 40px;
  font-family: samim;
  background: #f8f8f8;
  border: 4px solid #E6EDF5;
}
.generalInfo .usefulInfo ul li i.fa-globe{
  background: #F58232;
}
.generalInfo .destiInfo ul li i.fa-globe{
    background: #28ace2 !important;
}
.generalInfo .usefulInfo ul li i.fa-bed{
  background: #523b10;
}
.differentBox .mainTitle {
  color: #2d4764;
  word-spacing: 2px;
  background: #E6EDF5;
  padding: 0 10px 3px;
}
.differentBox .mainTitle h2{
  display: inline-block;
}
.differentBox .content {
  padding: 10px;
}
.differentBox .content .smallerBlueTitle i, .differentBox .content .searchResult i {
  font-size: 1.3em;
  margin-left: 3px;
  font-weight: bold;
  vertical-align: middle;
}
.differentBox .content .clearfloat {
  height: 0;
}
.differentBox .flightInfo {
  float: right;
  width: 70%;
  display: table;
  position: relative;
  font-size: 0.9em;
  vertical-align: middle;
  border: 1px solid #FFF;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.9);
}
.table-row{
  display: table-row;
}
.differentBox .flightInfo .departingFlight, .differentBox .flightInfo .returnFlight {
  width: 50%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.differentBox .flightInfo .returnFlight{
  padding-right: 20px;
}
.differentBox .flightInfo .departingFlight .displayBlock, .differentBox .flightInfo .returnFlight .displayBlock {
  color: #19bd9b;
  padding: 6px 0;
  font-size: 1.1em;
  font-family: samim;
}
.differentBox .flightInfo .departingFlight .time, .differentBox .flightInfo .returnFlight .time {
  padding: 5px 0 4px;
  /*border-top: 1px dashed rgba(0, 0, 0, 0.1);*/
}
.differentBox .flightInfo .departingFlight .time i, .differentBox .flightInfo .returnFlight .time i {
  margin-left: 3px;
}
.differentBox .flightInfo .departingFlight i, .differentBox .flightInfo .returnFlight i {
  margin-left: 5px;
}
.differentBox .flightInfo .departingFlight {
  background: #eee;
}
.differentBox .flightInfo .departingFlight:after {
  top: 0;
  width: 0;
  bottom: 0;
  height: 0;
  right: 50%;
  z-index: 2;
  content: "";
  margin: auto;
  position: absolute;
  border-style: solid;
  border-width: 63.5px 18px 60.5px 0px;
  border-color: transparent #eee transparent;
}
.differentBox .flightInfo .flightNumber {
  display: block;
  padding: 6px 0 5px;
}
.differentBox .flightInfo .flightNumber img {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
.differentBox .flightInfo .flightNumber .clock {
  color: #00205a;
  display: inline-block;
  margin:0 6px;
  vertical-align: middle;
}
.differentBox .agencyInfo {
  width: 29%;
  float: left;
  font-size: 0.9em;
  border: 1px solid #FFF;
}
.differentBox .agencyInfo .agencyName {
  width: 100%;
  float: none;
  background: #eee;
  position: relative;
  padding: 5px 13px;
  text-align: center;
}
.differentBox .agencyInfo .agencyName img{
  cursor: pointer;
  font-size: 1.3em;
  margin-right: 7px;
  vertical-align: middle;
  display: inline-block;
}
.differentBox .agencyInfo .agencyName .showAgancyMap{
  left: 0;
  color: #fff;
  margin-top: 2px;
  font-size: 1.4em;
  padding-left: 7px;
  position: absolute;
  display: inline-block;
}
.agencyLocation{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 500px;
  display: none;
  height: 500px;
  z-index: 20001;
  background: #fff;
  position: fixed;
  border: 1px solid #ddd;
}
.agencyLocation .closeTheBox {
  z-index: 2;
  padding: 2px 0 1px;
}
.agencyLocation #agencyMap{
  width: 100%;
  height: 100%;
}
.agencyAddressBar{
  margin: 27px 0 10px;
}
.showAgancyMap {
    float: right;
    margin-bottom: 0;
    color: #054086;
    margin-top: 6px;
}
.agencyAddressBar .showAgancyMap i {
    float: right;
    font-size: 1.35em;
    margin-left: 6px;
    margin-top: 2px;
}
.pdfDownload{
  color: #fff;
  float: left;
  width: 190px;
  display: block;
  font-size: 1.3em;
  text-align: center;
  background: #EE4B4B;
  line-height: 38px;
  border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.pdfDownload:hover{
  color: #fff;
}
.pdfDownload i{
  width: 41px;
  float: right;
  padding:10px 0 9px;
  text-align: center;
  background: #D53F3F;
  border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.pdfDownload span{
  font-size: 0.7em;
}
.differentBox .agencyInfo .floatLeft {
  float: none;
  width: 100%;
  font-family: pt;
  background: #fff;
  line-height: 22px;
  text-align: center;
  padding: 6px 7px 3px;
}
.differentBox .agencyInfo .floatLeft .summaryLElement {
  padding: 1px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.differentBox .agencyInfo .floatLeft .summaryLElement:last-child {
  border-bottom: none;
}
.differentBox .agencyInfo .floatLeft .summaryLElement i {
  margin-left: 6px;
}
.differentBox .agencyInfo .tableWrap {
  font-size: 0.9em;
}.differentBox .tableWrap {
  font-size: 0.9em;
}
.differentBox .borderList {
  background: none;
}
.differentBox .borderList .eachItem {
  padding: 6px;
  border: none;
  font-size: 0.9em;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.differentBox .borderList .eachItem .departingFlight, .differentBox .borderList .eachItem .returnFlight {
  padding: 0;
  color: #777;
  float: right;
  margin-left: 7px;
  background: #f0f0f0;
  border: 1px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.differentBox .borderList .eachItem .departingFlight .time, .differentBox .borderList .eachItem .returnFlight .time {
  display: block;
  padding-top: 8px;
}.differentBox .borderList .eachItem .right {
  width: 50px;
  float: right;
  background: #fff;
  margin-left: 26px;
  border: 1px solid #fff;
}
.differentBox .borderList .eachItem .right i {
  width: 50px;
  height: 38px;
  color: #19bd9b;
  font-size: 1.5em;
  line-height: 38px;
  text-align: center;
  vertical-align: bottom;
}
.differentBox .borderList .eachItem .right img {
  width: 34px;
  height: auto;
  display: block;
  margin: 0 auto;
  vertical-align: middle;
}
.differentBox .borderList .eachItem .left {
  float: left;
  padding-left: 28px;
  text-align: center;
}
.differentBox .borderList .eachItem .left i {
  margin-left: 5px;
}
.differentBox .borderList .eachItem .price {
  background: #fff;
  bottom: 0;
  color: #19bd9b;
  float: left;
  font-weight: bold;
  padding: 23px 18px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.differentBox .socialIcons{
  float: left;
}
.differentBox .socialIcons a {
    color: #fff;
    display: inline-block;
    font-size: 1em;
    margin-right: 4px;
    margin-top: 2px;
    vertical-align: middle;
}
.differentBox .viewTourDetails {
  padding: 0 5px;
  font-size: 0.9em;
  margin-bottom: 10px;
}
.differentBox .viewTourDetails .invisible {
  display: none;
  padding: 0 17px;
}
.differentBox .viewTourDetails .smallerBlueTitle, .differentBox .viewTourDetails .searchResult {
  font-size: 1em;
  cursor: pointer;
}
.differentBox .viewTourDetails li {
  display: inline;
  margin-left: 14px;
}
.differentBox .viewTourDetails li i {
  margin-left: 7px;
  color: #55af32;
  vertical-align: middle;
}
.differentBox .textBox h5 {
  color: #2d4764;
}
.differentBox .textBox .content {
  padding: 3px 10px 10px;
}

.hotelPart {
  margin-bottom: 10px;
}

.hotelPart.deactive {
  cursor: pointer;
}
.hotelPart.deactive .hidden {
  display: none;
}
.hotelPart.deactive .hotelTabs,.hotelPart.deactive .passengerRate, .hotelPart.deactive .cycle-2, .hotelPart.deactive address, .hotelPart.deactive .hotelSliderHandler, .hotelPart.deactive .topPart .blueTitle .floatLeft {
  display: none;
}
.hotelPart.deactive .topPart {
  padding: 9px 7px 4px;
}
.hotelPart.deactive .topPart .blueTitle {
  display: inline;
  float: left;
  font-size: 1em;
  transition: all,0.7s, ease-in-out;
  -o-transition: all,0.7s, ease-in-out;
  -ms-transition: all,0.7s, ease-in-out;
  -moz-transition: all,0.7s, ease-in-out;
  -webkit-transition: all,0.7s, ease-in-out;
}
.hotelPart.deactive .topPart .blueTitle .floatLeft {
  display: none;
}
.hotelPart.deactive .hotelSlider {
  float: right;
  height: 41px;
  overflow: hidden;
  width: 71px;
  transition: all,0.7s, ease-in-out;
  -o-transition: all,0.7s, ease-in-out;
  -ms-transition: all,0.7s, ease-in-out;
  -moz-transition: all,0.7s, ease-in-out;
  -webkit-transition: all,0.7s, ease-in-out;
}

.additionalInfo {
  margin-bottom: 20px;
}
.additionalInfo .smallerBlueTitle, .additionalInfo .searchResult {
  padding: 9px 10px;
  border-bottom: none;
  background: #fafafa;
}

.borderList .smallerBlueTitle, .borderList .searchResult {
  background: #fafafa;
  margin-bottom: 5px;
}
.borderList .eachItem {
  padding: 3px;
}
.borderList .eachItem .name, .borderList .eachItem .go, .borderList .eachItem .back {
  float: right;
  width: 33.33%;
  padding: 15px 0;
}
.borderList .eachItem .name img, .borderList .eachItem .go img, .borderList .eachItem .back img {
  float: right;
  margin: 3px 16px 0 9px;
}
.borderList .eachItem .name .simpleselect, .borderList .eachItem .go .simpleselect, .borderList .eachItem .back .simpleselect {
  height: auto;
  float: right;
  width: 120px;
  margin-right: 20px;
}
.borderList .eachItem .name .simpleselect .placeholder, .borderList .eachItem .go .simpleselect .placeholder, .borderList .eachItem .back .simpleselect .placeholder {
  width: 100%;
  padding: 7px 10px;
}
.borderList .eachItem .name .simpleselect .option, .borderList .eachItem .name .simpleselect .options, .borderList .eachItem .go .simpleselect .option, .borderList .eachItem .go .simpleselect .options, .borderList .eachItem .back .simpleselect .option, .borderList .eachItem .back .simpleselect .options {
  width: 100%;
}
.borderList .eachItem .name .simpleselect .option *, .borderList .eachItem .name .simpleselect .options *, .borderList .eachItem .go .simpleselect .option *, .borderList .eachItem .go .simpleselect .options *, .borderList .eachItem .back .simpleselect .option *, .borderList .eachItem .back .simpleselect .options * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.borderList .eachItem .name .cssSelectStyle, .borderList .eachItem .go .cssSelectStyle, .borderList .eachItem .back .cssSelectStyle {
  float: right;
  margin-right: 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.borderList .eachItem .name .cssSelectStyle select, .borderList .eachItem .go .cssSelectStyle select, .borderList .eachItem .back .cssSelectStyle select {
  width: 138px;
}
.borderList .eachItem .name {
  width: 29%;
}
.borderList .eachItem .price {
  float: left;
  padding: 7px 12px;
}
.tableStyle {
  width: 100%;
  margin-bottom: 20px;
}
.tableStyle .rowStyle {
  margin-bottom: 4px;
  background: #fafafa;
}
.tableStyle .rowStyle:first-child{
  background: #ddeef8 !important;
  color: #054086!important;
  margin-bottom: 0 !important;
  font-weight: bold;
}
.tableStyle .delRow {
  width: 3%;
  float: right;
  display: block;
  text-align: center;
}
.tableStyle .delRow .fa.fa-times {
  color: #de3f39;
  width: 100%;
  float: right;
  display: block;
  cursor: pointer;
}
.tableStyle .addRow {
  float: right;
  display: block;
  text-align: center;
}
.tableStyle .addRow i {
  width: 100%;
  float: right;
  color: #19bd9b;
  display: block;
  cursor: pointer;
  margin-top: 10px;
}
.tableStyle .tdStyle, .tableStyle .thStyle {
  text-align: center;
  display: block;
  float: right;
  width: 12%;
}
.tableStyle .lastTd {
  width: 16%;
}
.tableStyle .biggerTd {
  width: 24%;
}
.tableStyle .addOrDelRow i {
  display: block;
  padding: 2px 0;
  cursor: pointer;
}
.tableStyle .fa-minus {
  color: #de3f39;
}
.tableStyle .fa-plus {
  color: #19bd9b;
}
.tableStyle .total {
  width: 43%;
  float: left;
  border: none;
  padding: 9px 0;
  background: none;
}
.tableStyle .total .tdStyle {
  width: 80%;
  color: #333;
  float: left;
  text-align: right;
  padding-right: 13%;
  background: #fafafa;
}
.tableStyle .total .small {
  width: 20%;
  float: right;
  text-align: left;
  padding: 9px 14px;
}
.aboutRoom {
  margin-bottom: 20px;
}
.aboutRoom .text {
  margin-bottom: 20px;
}
.aboutRoom .greenBtnStyle {
  width: 150px;
  display: block;
  font-size: 1.1em;
  padding: 5px 0 8px;
  text-align: center;
  margin: 0 auto 20px;
}
.aboutRoom .cssSelectStyle {
  width: 65px;
  height: 29px;
  margin: 0 auto;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.aboutRoom .cssSelectStyle select {
  height: 28px;
  width: 80px;
}
.aboutRoom .simpleselect {
  width: 65px;
  margin: 0 auto;
  text-align: right;
}
.aboutRoom .simpleselect .options {
  width: 100%;
}
.aboutRoom .tableStyle .rowStyle {
  padding: 0;
}
.aboutRoom .tableStyle .rowStyle .tdStyle, .aboutRoom .tableStyle .rowStyle .thStyle {
  width: 15%;
  padding: 8px 0;
  font-size: 0.9em;
}
.aboutRoom .tableStyle .rowStyle .tdStyle .displayBlock {
  padding-top: 2px;
}
.aboutRoom .tableStyle .rowStyle .addTd {
  width: 5%;
}
.aboutRoom .tableStyle .rowStyle .delRow {
  width: 3%;
  padding: 8px 5px;
  border-right: none;
}
.aboutRoom .tableStyle .rowStyle .tdStyle.delRow {
  padding-top: 36px;
}
.aboutRoom .tableStyle .rowStyle .thStyle.delRow {
  padding: 0px 5px;
}
.aboutRoom .tableStyle .rowStyle .thStyle.delRow span {
  display: block;
  padding: 0;
  transform: rotate(-90deg);
}
.aboutRoom .tableStyle .rowStyle .addRow {
  width: 5%;
  height: 90px;
  padding-top: 27px;
}
.aboutRoom .tableStyle .total .tdStyle {
  height: auto;
  padding: 8px 10px;
}

.banks {
  width: 427px;
  margin: 0 auto 60px;
}
.banks .chooseBank {
  float: right;
  margin: 0 10px;
  padding: 13px 45px 3px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.05) inset;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.05) inset;
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.05) inset;
}
.banks .checkBox {
  width: 18px;
  height: 45px;
  margin: 0 auto;
  position: relative;
  padding-right: 18px;
}

.orderInfo {
  text-align: right;
}
.orderInfo strong {
  margin-left: 20px;
}
.orderInfo i {
  color: #FDB902;
  margin-left: 7px;
}
.orderInfo textarea {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 20px;
}

.eachFacilities {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}
.eachFacilities .smallerBlueTitle, .eachFacilities .searchResult {
  width: 20%;
  float: right;
  color: #939393;
}
.eachFacilities .smallerBlueTitle .icon{
  color: #555;
  font-size: 1.4em;
  margin-left: 4px;
}
.eachFacilities ul {
  width: 75%;
  float: left;
}
.eachFacilities ul li {
  width: 50%;
  float: right;
  color: #535353;
}
.eachFacilities ul li.disabled {
  color: #B9B9B9;
}
.eachFacilities ul i {
  margin-left: 10px;
  color: #55af32;
}
.eachFacilities ul .icon{
  color: #666;
  font-size: 1.3em;
  margin-left: 10px;
  vertical-align: middle;
}
.aboutRoomTable {
  width: 100%;
  border: 1px solid #e3e3e3;
}
.aboutRoomTable .cssSelectStyle {
  margin: 0 auto;
}
.aboutRoomTable tr {
  background: #f8f8f8;
  border-top: 1px solid #e3e3e3;
}
.aboutRoomTable tr:last-child {
  border-bottom: none;
}
.aboutRoomTable tr:first-child {
  background: #fff;
}
.aboutRoomTable tr td, .aboutRoomTable tr th {
  padding: 5px;
  text-align: center;
}

.horizontalTable {
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #d9e1ec;
  border-bottom: 1px solid #d9e1ec;
}
.horizontalTable tr {
  background: #F2F5F9;
}
.horizontalTable tr:last-child th, .horizontalTable tr:last-child td {
  border-bottom: none;
}
.horizontalTable th, .horizontalTable td {
  padding: 11px 20px;
  text-align: justify;
  border-bottom: 1px solid #d9e1ec;
}
.horizontalTable th {
  width: 20%;
  color: #779bca;
}
.horizontalTable td {
  width: 80%;
  color: #2d4764;
}
.creditTable {
  width: 100%;
}
.creditTable tr {
  border: 1px solid #e3e3e3;
}
.creditTable tr:first-child {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.creditTable tr:last-child {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0;
  border-radius: 0 0 5px 5px;
}
.creditTable th {
  background: #f8f8f8;
}
.creditTable th, .creditTable td {
  padding: 5px 4px;
  text-align: center;
  border-left: 1px solid #e3e3e3;
}
.creditTable .rightTextAlign {
  text-align: right;
  padding-right: 10px;
}

/**********************************************************************
              comment
**********************************************************************/
.commentBox {
  margin-bottom: 20px;
}
.commentBox .title {
  background: #f8f8f8;
  padding: 3px 14px 6px;
}
.commentBox .title .name {
  color: #0897ff;
    display: inline-block;
}
.commentBox .title .name:after {
  color: #aaa;
  content: "|";
  padding: 0 10px;
}
.commentBox .commentBody {
  padding: 10px 20px;
}
.commentBox .commentBody .userRate {
  float: right;
  width: 165px;
}
.commentBox .commentBody .userRate .rateText {
  width: 56px;
  color: #bebebe;
  float: right;
  font-size: 0.9em;
  line-height: 18px;
  margin-top: 25px;
  text-align: right;
}
.commentBox .commentBody .userRate .circleProgressRate {
  margin-right: 12px;
  position: relative;
  margin-top: 0px;
  height: 65px;
  float: right;
  width: 65px;
}
.commentBox .commentBody .userRate .circleProgressRate .circle {
  height: 100%;
  width: 100%;
}
.commentBox .commentBody .userRate .circleProgressRate canvas {
  position: absolute;
  right: 0;
  top: 0;
}
.commentBox .commentBody .userRate .circleProgressRate .theNumber {
  top: 0;
  left: 0;
  color: #000;
  width: 65px;
  height: 65px;
  font-size: 1.4em;
  line-height: 65px;
  position: absolute;
  text-align: center;
}

.commentBox .commentBody .wherePosted {
  color: #888;
  width: 100%;
  float: right;
  margin-top: 10px;
  padding-top: 4px;
  border-top: 1px dotted #d5d5d5;
}
.commentBox .commentBody .wherePosted a{
  color: #28ACE2;
}
.loginToSendCooment{
    background: #55af32;
    padding:4px 19px 5px;
    display: inline-block;
}
.loginToSendCooment:hover{
  background:#47932A;
}
.commentBox .commentBody .text {
  float: left;
  width: calc(100% - 165px);
}
.commentForm{
  border:1px solid #d5d5d5;
}
.commentForm.p-y-15{
  padding: 15px 0;
}
.commentForm .formCol .rateThisProduct{
  padding: 0;
}
.commentForm .formCol {
  width: 50%;
  float: right;
  padding: 20px;
}
.commentForm .formCol.fullCol{
  width: 100%;
  padding: 20px 20px 0;
}
.commentForm .formCol.newFormCol{
  width: 100%;
  padding: 0 30px;
}
.commentForm .formCol.newFormCol .fifty{
  width: 40%;
}
.commentForm .formCol.newFormCol .fifty:last-child{
  width: 60%;
}
.commentForm .formCol.newFormCol .fifty .btnStyle{
  width:auto;
  min-width: 100px;
  padding: 2px 6px 3px;
}
.commentForm .formCol label {
  width: 30%;
  float: right;
  min-height: 1px;
  position: relative;
}
.commentForm .formCol label.fullLbl{
  width: 100%;
}
.commentForm .formCol label.fullLbl i {
    position: relative;top:2px;margin-left:7px;color: #b9c8ce;
}
.commentForm.notlog {
    border-radius: 4px;
    padding: 15px 0;
}
.commentForm .formCol input,.commentForm .formCol textarea {
  margin: 0;
  width: 70%;
  padding: 0 10px;
}
.commentForm .formCol input{
  padding-bottom: 1px;
}
.commentForm .formCol textarea.fullWidth{
  width:100%;
    margin-top:10px;
    resize: vertical;
}
.commentForm .formCol textarea{
  font-size: 0.9em;
  height: 70px;
}
.commentForm .formCol input.btnStyle{
  padding: 1px 6px 2px;
  background: #55af32;
  cursor: pointer;
}
.commentForm .formCol input.btnStyle:hover{
  padding: 1px 6px 2px;
  background: #448C28;
}
.commentForm .formCol .cmfcValidationV1ErrorMessageBoard{
  margin-right: 30%;
}
.commentForm .captcha .floatRight {
  bottom: 0;
  height: 28px;
  left: 1px;
}
.commentForm .captcha input{
  padding-left: 52px;
  text-align: right;
}
.commentForm .captcha.formDiv.inline .floatRight img{
  margin-top: 0;
  height: 28px;
}
.commentForm .formDiv .star {
    color: #de3f39;
    font-size: 20px;
    font-family: arial;
}
.rateThisProduct{
  padding:10px 20px;
}
.starRate {
  float: left;
  color:#FDB902;
  font-size: 0.65em;
}
.starRate i{
  float: right;
  margin-top: 6px;
  margin-left: 4px;
}
/**********************************************************************
              profle
**********************************************************************/
.profileMenu {
  padding: 0;
  border: 1px solid #cacaca;
}
.profileMenu ul li {
  border-bottom: 1px solid #e3e3e3;
}
.profileMenu ul li a {
  color: #696969;
  display: block;
  overflow: hidden;
  position: relative;
  padding: 8px 62px 8px 0;
}
.profileMenu ul li a i {
  border-left: 2px solid #c5bdba;
  background: #cacaca;
  position: absolute;
  text-align: center;
  line-height: 45px;
  font-size: 1.5em;
  height: 45px;
  width: 45px;
  z-index: 1;
  padding: 0;
  right: 0;
  top: 0;
}
.profileMenu ul li a i.fa-usd {
  height: 44px;
}
.profileMenu ul li .current, .profileMenu ul li a:hover {
  color: #fff;
  background: #0897ff;
}
.profileMenu ul li .current i, .profileMenu ul li a:hover i {
  color: #fff;
  background: #0976c9;
  border-left: 2px solid #0970bb;
}
.profileMenu ul li:last-child {
  border-bottom: none;
}
.profileMenu ul li:last-child a {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0;
  border-radius: 0 0 5px 5px;
}
.profileMenu ul li:last-child a i {
  -moz-border-radius: 0 0px 5px 0px;
  -webkit-border-radius: 0;
  border-radius: 0 0px 5px 0px;
}
.profileMenu ul li:first-child a {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.profileMenu ul li:first-child a i {
  -moz-border-radius: 0px 5px 0 0;
  -webkit-border-radius: 0px;
  border-radius: 0px 5px 0 0;
}
.userInfo {
  padding: 20px;
  margin-bottom: 20px;
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
.userInfo figure {
  float: left;
  width: 200px;
}
.userInfo figure .chooseProfilePhoto {
  margin-top: 5px;
  position: relative;
  padding-bottom: 2px;
  border: 1px solid #0897ff;
}
.userInfo figure .chooseProfilePhoto label {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  color: #0897ff;
  cursor: pointer;
  background: #fff;
  text-align: center;
  position: absolute;
}
.userInfo figcaption {
  font-size: 1.2em;
  margin-bottom: 10px;
}
.receipt {
  padding: 20px;
  margin-bottom: 20px;
  -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}
.receipt h4.navy {
  font-size: 1.2em;
  margin-bottom: 20px;
}
.receipt .tableStyle .thStyle {
  color: #0897ff;
}
.receipt .tableStyle .thStyle, .receipt .tableStyle .tdStyle {
  width: 14.5%;
}
.receipt .tableStyle .thStyle:first-child, .receipt .tableStyle .tdStyle:first-child {
  text-align: right;
}
.receipt .tableStyle .ThelastOne {
  width: 14%;
}
.receipt .tableStyle .rowStyle {
  position: relative;
}
.receipt .tableStyle .rowStyle:not(:first-child) {
  padding: 4px 7px;
}
.receipt .tableStyle .top {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e3e3e3;
}
.receipt .tableStyle .left {
  top: 2px;
  left: 2px;
  width: 14%;
  padding-right: 1%;
  position: absolute;
  background: #FAFAFA;
}
.receipt .tableStyle .left .pay {
  margin: 6px;
  display: block;
  margin-right: 0;
  padding: 0 0 3px;
  background: #27ae5f;
  border: 1px solid #27ae5f;
}
.receipt .tableStyle .left .pay:hover {
  color: #27ae5f;
}
.receipt .tableStyle .left .blueBtnStyle {
  float: right;
  display: block;
  padding: 0 5px 3px;
}
.receipt .tableStyle .left .blueBtnStyle i {
  margin-left: 5px;
}.receipt .tableStyle .left .delete {
  color: #fff;
  float: left;
  display: block;
  padding: 0 6px;
  margin-left: 6px;
  line-height: 27px;
  background: #9e9e9e;
}

/**********************************************************************
              forms
**********************************************************************/
.simpleForm input, .simpleForm textarea {
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.simpleForm .formElement {
  margin-bottom: 8px;
}
.simpleForm .formElement label {
  width: 100px;
  float: right;
  display: block;
}
.simpleForm .formElement .input, .simpleForm .formElement textarea {
  width: calc(100% - 100px);
}
.simpleForm .formElement .input:focus, .simpleForm .formElement textarea:focus {
  border: 1px solid rgba(8, 151, 255, 0.2);
  -moz-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  -webkit-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
}
.simpleForm .fullFormElement {
  width: 100%;
}

.formElement .required:after {
  content: "*";
  color: #ff0000;
  font-size: 0.9em;
  margin-right: 5px;
  font-family: tahoma;
}

.generalInfoEdit {
  float: right;
  width: calc(100% - 250px);
}
.generalInfoEdit .formElement {
  width: 44%;
  float: right;
  margin-left: 6%;
}
.generalInfoEdit .fullFormElement {
  width: 100%;
}
.generalInfoEdit .input[type="file"] {
  width: 210px;
}
.generalInfoEdit .fileInput {
  width: 210px;
  float: right;
  position: relative;
  border: 1px solid #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.generalInfoEdit .fileInput label {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  position: absolute;
  background: #fafafa;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.generalInfoEdit .fileInput label i {
  color: #0897ff;
  margin-left: 5px;
}
.addressEditForm, .reserveSteps .stepBody .simpleForm {
  padding: 10px 15px;
  margin-bottom: 20px;
}
.addressEditForm .formElement, .reserveSteps .stepBody .simpleForm .formElement {
  float: right;
  width: 32.56%;
  margin-left: 1%;
}
.addressEditForm .ml0, .reserveSteps .stepBody .simpleForm .ml0 {
  margin-left: 0;
}
.addressEditForm .fullFormElement, .reserveSteps .stepBody .simpleForm .fullFormElement {
  width: 100%;
  margin-bottom: 0;
}
.saveChanges {
  float: left;
  display: block;
  margin: 0 auto;
  padding: 5px 29px 6px;
}

/**********************************************************************
              reserve
**********************************************************************/
.levels {
  overflow: hidden;
  margin: 7px auto 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.levels .eachLevel {
  width: 25%;
  float: right;
  color: #0897ff;
  position: relative;
  padding: 8px 31px 8px 15px;
  background: #ddd;
}
.levels .eachLevel:first-child {
  padding-right: 9px;
}
.levels .eachLevel:last-child:before {
  display: none;
}
.levels .eachLevel:before, .levels .eachLevel:after {
  top: 50%;
  width: 0;
  height: 0;
  z-index: 20;
  right: 98.5%;
  content: " ";
  position: absolute;
  border: solid transparent;
  border-color: rgba(241, 233, 228, 0);
  border-right-color: #ddd;
  border-width: 26px;
  margin-top: -25.5px;
}
.levels .eachLevel:after {
  z-index: 19;
  right: 100%;
  border-right-color: #fff;
}
.levels .eachLevel span {
  width: 20px;
  float: right;
  height: 25px;
  margin-top: 2px;
  margin-left: 3px;
  line-height: 25px;
  text-align: center;
  position: relative;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.levels .eachLevel span:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: "\f192";
  position: absolute;
  font-family: FontAwesome;
}
.levels .currentLevel {
  color: #fff;
  background: #F58232;
}
.levels .currentLevel:before {
  border-right-color: #F58232;
}
.levels .currentLevel:hover {
  color: #fff;
}
.levels .done {
  color: #fff;
  background: #28ACE2;
}
.levels .done:before {
  border-right-color: #28ACE2;
}
.levels .done span:after {
  content: "\f00c";
}

.loginOrRegisterBoxes {
  padding: 20px 0 100px;
}
.loginOrRegisterBoxes .darkRed {
  text-align: center;
  margin-bottom: 30px;
}
.loginOrRegisterBoxes .smallerWrap {
  width: 950px;
  margin: 0 auto;
  max-width: 96%;
  border: 1px solid #e3e3e3;
}

.loginOrRegisterBoxes header {
  color: #2f78ad;
  margin-bottom: 20px;
}
.loginOrRegisterBoxes .register, .loginOrRegisterBoxes .login {
  width: 50%;
  float: right;
  padding: 30px 100px;
}
.loginOrRegisterBoxes .register .input, .loginOrRegisterBoxes .login .input {
  width: 100%;
  padding: 2px 10px;
  margin-bottom: 7px;
  border: 1px solid #d5d5d5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
  -webkit-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
}
.loginOrRegisterBoxes .register .input:focus, .loginOrRegisterBoxes .login .input:focus {
  border: 1px solid rgba(8, 151, 255, 0.2);
  -moz-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  -webkit-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
}.loginOrRegisterBoxes .register {
  border-left: 1px solid #e3e3e3;
}
.loginOrRegisterBoxes .register .checkBox {
  color: #868686;
  line-height: 22px;
  margin-bottom: 5px;
}
.loginOrRegisterBoxes .register .checkBox .red {
  margin-left: 5px;
}
.loginOrRegisterBoxes .register .rules {
  font-size: 0.9em;
}.loginOrRegisterBoxes .login .text {
  color: #2f78ad;
  font-size: 0.9em;
  line-height: 22px;
  margin-bottom: 10px;
}
.loginOrRegisterBoxes .login a {
  color: #2f78ad;
  display: block;
}

.registrationForm .formDiv {
  width: 300px;
}

.form .formDiv {
  margin-bottom: 7px;
  position: relative;
}
.form .input {
  width: 100%;
  padding: 2px 10px;
  border: 1px solid #d5d5d5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
  -webkit-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
  box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.08) inset;
}
.form .input:focus {
  border: 1px solid rgba(8, 151, 255, 0.2);
  -moz-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  -webkit-box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
  box-shadow: 0 0 4px 4px rgba(8, 151, 255, 0.1) inset;
}
.form .checkBox {
  color: #868686;
  line-height: 22px;
  margin-bottom: 5px;
}
.form .checkBox .red {
  margin-left: 5px;
}
.form .checkBox .inputStyle {
  top: 5px;
}
.form .rules {
  font-size: 0.9em;
}
.form .captcha .input {
  padding-left: 60px;
}
.form .captcha .floatRight {
  left: 0;
  bottom: 0;
  float: left;
  height: 32px;
  position: absolute;
}
.form .captcha .floatRight img {
  width: auto;
  height: 100%;
  display: block;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px 0 0 3px;
}
.form .viewRule {
  color: #0897ff;
}
.form .checkBox {
  width: auto;
}
.reserveSteps .step {
  margin-bottom: 10px;
}
.reserveSteps .stepTitle {
  color: #fff;
  cursor: pointer;
  margin-bottom: 5px;
  padding: 3px 12px 4px;
  background: #868686;
}
.reserveSteps .stepTitle .number {
  background: rgba(255, 255, 255, 0.2);
  text-align: center;
  line-height: 20px;
  padding-left: 1px;
  margin-left: 6px;
  margin-top: 5px;
  float: right;
  height: 20px;
  width: 20px;
}
.reserveSteps .stepTitle .left {
  color: #bebebe;
  float: left;
}.reserveSteps .stepBody {
  padding: 25px;
}
.reserveSteps .stepBody .hotelImage {
  width: 123px;
  float: right;
  margin-left: 10px;
}
.reserveSteps .stepBody .roomInfo {
  display: block;
  font-size: 1.1em;
}
.reserveSteps .stepBody .hotelTitle {
  width: 100%;
  margin-bottom: 20px;
}
.reserveSteps .stepBody .hotelTitle .blueTitle .stars {
  float: right;
  margin-right: 11px;
  margin-top: 3px;
}
.reserveSteps .stepBody .hotelTitle .blueTitle .stars i {
  color: #FDB902;
}
.reserveSteps .stepBody .hotelTitle address i {
  color: #de3f39;
  float: right;
  margin-top: 4px;
  font-size: 1.2em;
  margin-left: 5px;
}
.reserveSteps .stepBody .additionalInfo, .reserveSteps .stepBody .agency {
  width: 49%;
}
.reserveSteps .stepBody .additionalInfo .smallerBlueTitle, .reserveSteps .stepBody .additionalInfo .searchResult, .reserveSteps .stepBody .agency .smallerBlueTitle, .reserveSteps .stepBody .agency .searchResult {
  padding: 5px 10px;
}
.reserveSteps .stepBody .ticket {
  margin-bottom: 15px;
}
.reserveSteps .stepBody .ticket .mainTitle {
  border-bottom: 1px solid rgba(8, 151, 255, 0.1);
  background: rgba(8, 151, 255, 0.1);
  padding: 3px 9px 7px;
  text-align: right;
  font-size: 1.1em;
  color: #0897ff;
}
.reserveSteps .stepBody .ticket .smallerBlueTitle, .reserveSteps .stepBody .ticket .searchResult {
  padding: 5px 10px;
}
.reserveSteps .stepBody .ticket .table {
  padding: 0;
  width: 49.5%;
  direction: ltr;
  text-align: left;
}
.reserveSteps .stepBody .ticket .table .titleRow {
  font-size: 1.1em;
  color: #868686;
  padding: 6px 14px;
  background: #fafafa;
  font-family: pt,arial;
}
.reserveSteps .stepBody .ticket .table .titleRow time {
  color: #0897ff;
  font-size: 0.75em;
  margin-left: 30px;
}
.reserveSteps .stepBody .ticket .table .titleRow:first-child {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0;
}
.reserveSteps .stepBody .ticket .table .titleRow i {
  padding: 0 11px;
}
.reserveSteps .stepBody .ticket .table .row {
  border-bottom: 1px solid #e3e3e3;
}
.reserveSteps .stepBody .ticket .table .row .item {
  border-left: 1px solid #e3e3e3;
}
.reserveSteps .stepBody .ticket .table .row .item:first-child {
  border-left: none;
}
.reserveSteps .stepBody .ticket .table .row:last-child {
  border-bottom: none;
}
.reserveSteps .stepBody .ticket .table .tableDiv {
  width: 100%;
  display: table;
}
.reserveSteps .stepBody .ticket .table .tableDiv .tableRow {
  display: table-row;
}
.reserveSteps .stepBody .ticket .table .tableDiv .tableRow .item {
  color: #0897ff;
  min-width: 45px;
  font-size: 0.9em;
  padding: 6px 8px;
  line-height: 19px;
  position: relative;
  white-space: nowrap;
  display: table-cell;
  font-family: pt,arial;
  vertical-align: middle;
}
.reserveSteps .stepBody .ticket .table .tableDiv .tableRow .item img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  position: absolute;
}
.reserveSteps .stepBody .ticket .table .tableDiv .tableRow .item .big {
  font-size: 1.2em;
  font-weight: bold;
}
.reserveSteps .stepBody .ticket .table .tableDiv .tableRow .item .rotate {
  transform: rotate(90deg);
}
.reserveSteps .stepBody .ticket .table .tableDiv .tableRow .item i.fa-suitcase {
  float: left;
  font-size: 1.1em;
  margin-right: 5px;
  margin-top: 0;
}
.reserveSteps .stepBody .ticket .table .tableDiv .tableRow .biggerOne {
  min-width: 150px;
}
.reserveSteps .stepBody .ticket .table .tableDiv .tableRow .rotateItem {
  padding: 0 0 0 5px;
  color: #868686;
}
.reserveSteps .stepBody .ticket .table .tableDiv .tableRow .rotateItem .rotate {
  width: 44px;
  font-size: 1.1em;
  margin-top: -25px;
  transform: rotate(90deg);
}
.reserveSteps .stepBody .ticket .table .tableDiv .tableRow .rotateItem i {
  float: left;
  font-size: 1.4em;
  margin-right: 9px;
  margin-top: -2px;
}
.reserveSteps .stepBody .ticket .table .tableDiv .headTableRow {
  background: #f5f5f5;
  text-transform: capitalize;
  border-bottom: 1px solid #eee;
}
.reserveSteps .stepBody .additionalInfo {
  direction: ltr;
}
.reserveSteps .stepBody .additionalInfo h3 {
  padding: 0;
  border-bottom: none;
}
.reserveSteps .stepBody .additionalInfo .dbBox {
  float: right;
  display: block;
}
.reserveSteps .stepBody .agency {
  width: 100%;
  margin-bottom: 20px;
}
.reserveSteps .stepBody .agency h3 {
  padding: 0;
  border-bottom: none;
  background: #fafafa;
}
.reserveSteps .stepBody .simpleForm {
  margin-bottom: 0;
  background: #fafafa;
}
.reserveSteps .stepBody .simpleForm .formElement:last-child {
  margin-bottom: 0;
}
.reserveSteps .stepBody .simpleForm .fileInput {
  float: right;
  font-size: 0.9em;
  position: relative;
  border: 1px solid #ddd;
  width: calc(100% - 100px);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.reserveSteps .stepBody .simpleForm .fileInput label {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  cursor: pointer;
  position: absolute;
  background: #fafafa;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.reserveSteps .stepBody .simpleForm .fileInput label i {
  color: #0897ff;
  margin-left: 5px;
}
.reserveSteps .stepBody .simpleForm.mb20 {
  margin-bottom: 20px;
}
.reserveSteps .stepBody .simpleForm.mb5 {
  margin-bottom: 5px;
}
.reserveSteps .stepBody .personalInput {
  margin-bottom: 10px;
}
.reserveSteps .stepBody .personalInput .formElement {
  margin-bottom: 0;
}
.reserveSteps .stepBody .personalInput .mb10 {
  margin-bottom: 10px;
}
.reserveSteps .stepBody .passengerInfoForm .number, .reserveSteps .stepBody .widthPassportImage .number {
  width: 30px;
  float: right;
  height: 30px;
  margin-top: 13px;
  background: #fff;
  line-height: 30px;
  text-align: center;
  border: 1px solid #d5d5d5;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.reserveSteps .stepBody .passengerInfoForm .left, .reserveSteps .stepBody .widthPassportImage .left {
  float: right;
  padding-top: 10px;
  position: relative;
  margin-right: 13px;
  width: calc(100% - 43px);
}
.reserveSteps .stepBody .passengerInfoForm .left .formElement, .reserveSteps .stepBody .widthPassportImage .left .formElement {
  margin-left: 1%;
  width: 32.3%;
}
.reserveSteps .stepBody .passengerInfoForm .left .passportPhoto, .reserveSteps .stepBody .widthPassportImage .left .passportPhoto {
  left: 0;
  top: 3px;
  width: 147px;
  position: absolute;
}
.reserveSteps .stepBody .passengerInfoForm .left .passportPhoto span, .reserveSteps .stepBody .widthPassportImage .left .passportPhoto span {
  float: left;
  font-size: 0.9em;
  line-height: 20px;
  margin: 21px 0 0 10px;
  width: 65px;
}
.reserveSteps .stepBody .passengerInfoForm .left .passportPhoto figure, .reserveSteps .stepBody .widthPassportImage .left .passportPhoto figure {
  float: left;
  width: 72px;
  height: 83px;
  background: #fff;
  border: 1px solid #e3e3e3;
}
.reserveSteps .stepBody .passengerInfoForm .ml0, .reserveSteps .stepBody .widthPassportImage .ml0 {
  margin-left: 0;
}
.reserveSteps .stepBody .passengerInfoForm .fullFormElement, .reserveSteps .stepBody .widthPassportImage .fullFormElement {
  width: 340px;
}
.reserveSteps .stepBody .creditTable {
  margin-bottom: 20px;
}
.reserveSteps .stepBody .simpleTitle {
  font-size: 1.1em;
  margin-bottom: 10px;
}
.reserveSteps .stepBody .warning {
  color: #d9953e;
  font-size: 1.05em;
  margin-bottom: 10px;
  padding: 3px 9px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid rgba(228, 163, 67, 0.3);
}
.reserveSteps .stepBody .warning i {
  color: #f1bb2a;
  float: right;
  font-size: 1.2em;
  margin-left: 7px;
  margin-top: 5px;
}.reserveSteps .active {
  display: block;
}
.reserveSteps .alignCenter {
  margin-top: 20px;
}
.reserveSteps .alignCenter .greenBtnStyle, .reserveSteps .alignCenter .grayBtnStyle {
  display: inline-block;
  padding: 5px 12px 8px;
  font-size: 1.1em;
}

.confirmStep {
  margin-bottom: 20px;
}
.confirmStep .stepBody {
  display: block;
}

.confirmMessage {
  padding: 40px 0;
  font-size: 1.2em;
  text-align: center;
}
.confirmMessage .ok {
  color: #19bd9b;
  margin-bottom: 10px;
}
.confirmMessage .trackingCode {
  color: #fff;
  background: #0897ff;
  margin-bottom: 10px;
  display: inline-block;
  padding: 6px 118px 8px;
}.confirmMessage .darkRed {
  font-size: 0.85em;
}

.priceRows .orderContainer {
  text-align: center;
}
.priceRows .orderContainer .row, .priceRows .orderContainer .totalPrice {
  color: #666;
  text-align: center;
  background: #f6f6f6;
}
.priceRows .orderContainer .row .col-4, .priceRows .orderContainer .row .col-5, .priceRows .orderContainer .totalPrice .col-4, .priceRows .orderContainer .totalPrice .col-5 {
  width: 25%;
  float: right;
  padding: 6px 0 4px;
  border: 1px solid #fff;
}
.priceRows .orderContainer .row .col-5, .priceRows .orderContainer .totalPrice .col-5 {
  width: 20%;
}
.priceRows .orderContainer .headRow {
  background: #ededed;
  color: #000;
}
.priceRows .orderContainer .totalPrice {
  width: 40%;
  float: left;
  margin-top: 3px;
  border: 1px solid #ddd;
  background: transparent;
}
.priceRows .orderContainer .totalPrice .col-2 {
  width: 50%;
  float: right;
  padding: 6px 0 4px;
}
.priceRows .orderContainer .addMoreRoom {
  color: #fff;
  margin: 25px 0;
  padding: 3px 10px;
  background: #c1c1c1;
  display: inline-block;
}
#eventMap{
  width: 100%;
  height: 150px;
  margin-top: 20px;
}
/**********************************************************************
              Footer
**********************************************************************/
#mainFooter {
  border-top: 3px solid #0897ff;
}
#mainFooter .topFooter {
  padding-bottom: 5px;
}
#mainFooter .topFooter a.logo {
  float: left;
  padding: 20px 0 0;
  display: block;
}
#mainFooter .topFooter a.logo img {
  display: block;
}
#mainFooter .topFooter .leftFooter {
  float: left;
  width: 255px;
}
#mainFooter #nav {
  float: right;
  width: calc(100% - 255px);
}
#mainFooter #nav .links {
  margin: 10px 0 20px;
}
#mainFooter #nav .links li {
  float: right;
  width: 33.33%;
  line-height: 22px;
}
#mainFooter #nav .links li a {
  padding: 4px 0;
  display: block;
}
#mainFooter #nav .links li a:before {
  background: #999;
  margin: 9px 0 0 5px;
}
#mainFooter #nav .links li a:hover {
  color: #0897ff;
}
#mainFooter .bottomFooter {
  background: #333333;
  line-height: 21px;
  font-size: 0.9em;
  padding: 1em 0;
}#mainFooter .copy, #mainFooter .pt {
  float: right;
  width: 100%;
  direction: ltr;
  text-align: right;
}
#mainFooter .copy a, #mainFooter .pt a {
  color: #cfcfcf;
}#mainFooter i {
  color: #999;
  float: left;
  font-size: 1.7em;
  margin-left: 7px;
  margin-right: 2px;
  margin-top: 10px;
}
.bottomFooter .col4, .bottomFooter .col2, .bottomFooter .col2 img {
  float: left;
}
.flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333em;
  line-height: 1em;
}
.flag-icon:before {
  content: '\00a0';
}
.flag-icon.flag-icon-squared {
  width: 1em;
}

.flag-icon-ad {
  background-image: url(../flags/4x3/ad.svg);
}
.flag-icon-ad.flag-icon-squared {
  background-image: url(../flags/1x1/ad.svg);
}

.flag-icon-ae {
  background-image: url(../flags/4x3/ae.svg);
}
.flag-icon-ae.flag-icon-squared {
  background-image: url(../flags/1x1/ae.svg);
}

.flag-icon-af {
  background-image: url(../flags/4x3/af.svg);
}
.flag-icon-af.flag-icon-squared {
  background-image: url(../flags/1x1/af.svg);
}

.flag-icon-ag {
  background-image: url(../flags/4x3/ag.svg);
}
.flag-icon-ag.flag-icon-squared {
  background-image: url(../flags/1x1/ag.svg);
}

.flag-icon-ai {
  background-image: url(../flags/4x3/ai.svg);
}
.flag-icon-ai.flag-icon-squared {
  background-image: url(../flags/1x1/ai.svg);
}

.flag-icon-al {
  background-image: url(../flags/4x3/al.svg);
}
.flag-icon-al.flag-icon-squared {
  background-image: url(../flags/1x1/al.svg);
}

.flag-icon-am {
  background-image: url(../flags/4x3/am.svg);
}
.flag-icon-am.flag-icon-squared {
  background-image: url(../flags/1x1/am.svg);
}

.flag-icon-ao {
  background-image: url(../flags/4x3/ao.svg);
}
.flag-icon-ao.flag-icon-squared {
  background-image: url(../flags/1x1/ao.svg);
}

.flag-icon-aq {
  background-image: url(../flags/4x3/aq.svg);
}
.flag-icon-aq.flag-icon-squared {
  background-image: url(../flags/1x1/aq.svg);
}

.flag-icon-ar {
  background-image: url(../flags/4x3/ar.svg);
}
.flag-icon-ar.flag-icon-squared {
  background-image: url(../flags/1x1/ar.svg);
}

.flag-icon-as {
  background-image: url(../flags/4x3/as.svg);
}
.flag-icon-as.flag-icon-squared {
  background-image: url(../flags/1x1/as.svg);
}

.flag-icon-at {
  background-image: url(../flags/4x3/at.svg);
}
.flag-icon-at.flag-icon-squared {
  background-image: url(../flags/1x1/at.svg);
}

.flag-icon-au {
  background-image: url(../flags/4x3/au.svg);
}
.flag-icon-au.flag-icon-squared {
  background-image: url(../flags/1x1/au.svg);
}

.flag-icon-aw {
  background-image: url(../flags/4x3/aw.svg);
}
.flag-icon-aw.flag-icon-squared {
  background-image: url(../flags/1x1/aw.svg);
}

.flag-icon-ax {
  background-image: url(../flags/4x3/ax.svg);
}
.flag-icon-ax.flag-icon-squared {
  background-image: url(../flags/1x1/ax.svg);
}

.flag-icon-az {
  background-image: url(../flags/4x3/az.svg);
}
.flag-icon-az.flag-icon-squared {
  background-image: url(../flags/1x1/az.svg);
}

.flag-icon-ba {
  background-image: url(../flags/4x3/ba.svg);
}
.flag-icon-ba.flag-icon-squared {
  background-image: url(../flags/1x1/ba.svg);
}

.flag-icon-bb {
  background-image: url(../flags/4x3/bb.svg);
}
.flag-icon-bb.flag-icon-squared {
  background-image: url(../flags/1x1/bb.svg);
}

.flag-icon-bd {
  background-image: url(../flags/4x3/bd.svg);
}
.flag-icon-bd.flag-icon-squared {
  background-image: url(../flags/1x1/bd.svg);
}

.flag-icon-be {
  background-image: url(../flags/4x3/be.svg);
}
.flag-icon-be.flag-icon-squared {
  background-image: url(../flags/1x1/be.svg);
}

.flag-icon-bf {
  background-image: url(../flags/4x3/bf.svg);
}
.flag-icon-bf.flag-icon-squared {
  background-image: url(../flags/1x1/bf.svg);
}

.flag-icon-bg {
  background-image: url(../flags/4x3/bg.svg);
}
.flag-icon-bg.flag-icon-squared {
  background-image: url(../flags/1x1/bg.svg);
}

.flag-icon-bh {
  background-image: url(../flags/4x3/bh.svg);
}
.flag-icon-bh.flag-icon-squared {
  background-image: url(../flags/1x1/bh.svg);
}

.flag-icon-bi {
  background-image: url(../flags/4x3/bi.svg);
}
.flag-icon-bi.flag-icon-squared {
  background-image: url(../flags/1x1/bi.svg);
}

.flag-icon-bj {
  background-image: url(../flags/4x3/bj.svg);
}
.flag-icon-bj.flag-icon-squared {
  background-image: url(../flags/1x1/bj.svg);
}

.flag-icon-bl {
  background-image: url(../flags/4x3/bl.svg);
}
.flag-icon-bl.flag-icon-squared {
  background-image: url(../flags/1x1/bl.svg);
}

.flag-icon-bm {
  background-image: url(../flags/4x3/bm.svg);
}
.flag-icon-bm.flag-icon-squared {
  background-image: url(../flags/1x1/bm.svg);
}

.flag-icon-bn {
  background-image: url(../flags/4x3/bn.svg);
}
.flag-icon-bn.flag-icon-squared {
  background-image: url(../flags/1x1/bn.svg);
}

.flag-icon-bo {
  background-image: url(../flags/4x3/bo.svg);
}
.flag-icon-bo.flag-icon-squared {
  background-image: url(../flags/1x1/bo.svg);
}

.flag-icon-bq {
  background-image: url(../flags/4x3/bq.svg);
}
.flag-icon-bq.flag-icon-squared {
  background-image: url(../flags/1x1/bq.svg);
}

.flag-icon-br {
  background-image: url(../flags/4x3/br.svg);
}
.flag-icon-br.flag-icon-squared {
  background-image: url(../flags/1x1/br.svg);
}

.flag-icon-bs {
  background-image: url(../flags/4x3/bs.svg);
}
.flag-icon-bs.flag-icon-squared {
  background-image: url(../flags/1x1/bs.svg);
}

.flag-icon-bt {
  background-image: url(../flags/4x3/bt.svg);
}
.flag-icon-bt.flag-icon-squared {
  background-image: url(../flags/1x1/bt.svg);
}

.flag-icon-bv {
  background-image: url(../flags/4x3/bv.svg);
}
.flag-icon-bv.flag-icon-squared {
  background-image: url(../flags/1x1/bv.svg);
}

.flag-icon-bw {
  background-image: url(../flags/4x3/bw.svg);
}
.flag-icon-bw.flag-icon-squared {
  background-image: url(../flags/1x1/bw.svg);
}

.flag-icon-by {
  background-image: url(../flags/4x3/by.svg);
}
.flag-icon-by.flag-icon-squared {
  background-image: url(../flags/1x1/by.svg);
}

.flag-icon-bz {
  background-image: url(../flags/4x3/bz.svg);
}
.flag-icon-bz.flag-icon-squared {
  background-image: url(../flags/1x1/bz.svg);
}

.flag-icon-ca {
  background-image: url(../flags/4x3/ca.svg);
}
.flag-icon-ca.flag-icon-squared {
  background-image: url(../flags/1x1/ca.svg);
}

.flag-icon-cc {
  background-image: url(../flags/4x3/cc.svg);
}
.flag-icon-cc.flag-icon-squared {
  background-image: url(../flags/1x1/cc.svg);
}

.flag-icon-cd {
  background-image: url(../flags/4x3/cd.svg);
}
.flag-icon-cd.flag-icon-squared {
  background-image: url(../flags/1x1/cd.svg);
}

.flag-icon-cf {
  background-image: url(../flags/4x3/cf.svg);
}
.flag-icon-cf.flag-icon-squared {
  background-image: url(../flags/1x1/cf.svg);
}

.flag-icon-cg {
  background-image: url(../flags/4x3/cg.svg);
}
.flag-icon-cg.flag-icon-squared {
  background-image: url(../flags/1x1/cg.svg);
}

.flag-icon-ch {
  background-image: url(../flags/4x3/ch.svg);
}
.flag-icon-ch.flag-icon-squared {
  background-image: url(../flags/1x1/ch.svg);
}

.flag-icon-ci {
  background-image: url(../flags/4x3/ci.svg);
}
.flag-icon-ci.flag-icon-squared {
  background-image: url(../flags/1x1/ci.svg);
}

.flag-icon-ck {
  background-image: url(../flags/4x3/ck.svg);
}
.flag-icon-ck.flag-icon-squared {
  background-image: url(../flags/1x1/ck.svg);
}

.flag-icon-cl {
  background-image: url(../flags/4x3/cl.svg);
}
.flag-icon-cl.flag-icon-squared {
  background-image: url(../flags/1x1/cl.svg);
}

.flag-icon-cm {
  background-image: url(../flags/4x3/cm.svg);
}
.flag-icon-cm.flag-icon-squared {
  background-image: url(../flags/1x1/cm.svg);
}

.flag-icon-cn {
  background-image: url(../flags/4x3/cn.svg);
}
.flag-icon-cn.flag-icon-squared {
  background-image: url(../flags/1x1/cn.svg);
}

.flag-icon-co {
  background-image: url(../flags/4x3/co.svg);
}
.flag-icon-co.flag-icon-squared {
  background-image: url(../flags/1x1/co.svg);
}

.flag-icon-cr {
  background-image: url(../flags/4x3/cr.svg);
}
.flag-icon-cr.flag-icon-squared {
  background-image: url(../flags/1x1/cr.svg);
}

.flag-icon-cu {
  background-image: url(../flags/4x3/cu.svg);
}
.flag-icon-cu.flag-icon-squared {
  background-image: url(../flags/1x1/cu.svg);
}

.flag-icon-cv {
  background-image: url(../flags/4x3/cv.svg);
}
.flag-icon-cv.flag-icon-squared {
  background-image: url(../flags/1x1/cv.svg);
}

.flag-icon-cw {
  background-image: url(../flags/4x3/cw.svg);
}
.flag-icon-cw.flag-icon-squared {
  background-image: url(../flags/1x1/cw.svg);
}

.flag-icon-cx {
  background-image: url(../flags/4x3/cx.svg);
}
.flag-icon-cx.flag-icon-squared {
  background-image: url(../flags/1x1/cx.svg);
}

.flag-icon-cy {
  background-image: url(../flags/4x3/cy.svg);
}
.flag-icon-cy.flag-icon-squared {
  background-image: url(../flags/1x1/cy.svg);
}

.flag-icon-cz {
  background-image: url(../flags/4x3/cz.svg);
}
.flag-icon-cz.flag-icon-squared {
  background-image: url(../flags/1x1/cz.svg);
}

.flag-icon-de {
  background-image: url(../flags/4x3/de.svg);
}
.flag-icon-de.flag-icon-squared {
  background-image: url(../flags/1x1/de.svg);
}

.flag-icon-dj {
  background-image: url(../flags/4x3/dj.svg);
}
.flag-icon-dj.flag-icon-squared {
  background-image: url(../flags/1x1/dj.svg);
}

.flag-icon-dk {
  background-image: url(../flags/4x3/dk.svg);
}
.flag-icon-dk.flag-icon-squared {
  background-image: url(../flags/1x1/dk.svg);
}

.flag-icon-dm {
  background-image: url(../flags/4x3/dm.svg);
}
.flag-icon-dm.flag-icon-squared {
  background-image: url(../flags/1x1/dm.svg);
}

.flag-icon-do {
  background-image: url(../flags/4x3/do.svg);
}
.flag-icon-do.flag-icon-squared {
  background-image: url(../flags/1x1/do.svg);
}

.flag-icon-dz {
  background-image: url(../flags/4x3/dz.svg);
}
.flag-icon-dz.flag-icon-squared {
  background-image: url(../flags/1x1/dz.svg);
}

.flag-icon-ec {
  background-image: url(../flags/4x3/ec.svg);
}
.flag-icon-ec.flag-icon-squared {
  background-image: url(../flags/1x1/ec.svg);
}

.flag-icon-ee {
  background-image: url(../flags/4x3/ee.svg);
}
.flag-icon-ee.flag-icon-squared {
  background-image: url(../flags/1x1/ee.svg);
}

.flag-icon-eg {
  background-image: url(../flags/4x3/eg.svg);
}
.flag-icon-eg.flag-icon-squared {
  background-image: url(../flags/1x1/eg.svg);
}

.flag-icon-eh {
  background-image: url(../flags/4x3/eh.svg);
}
.flag-icon-eh.flag-icon-squared {
  background-image: url(../flags/1x1/eh.svg);
}

.flag-icon-er {
  background-image: url(../flags/4x3/er.svg);
}
.flag-icon-er.flag-icon-squared {
  background-image: url(../flags/1x1/er.svg);
}

.flag-icon-es {
  background-image: url(../flags/4x3/es.svg);
}
.flag-icon-es.flag-icon-squared {
  background-image: url(../flags/1x1/es.svg);
}

.flag-icon-et {
  background-image: url(../flags/4x3/et.svg);
}
.flag-icon-et.flag-icon-squared {
  background-image: url(../flags/1x1/et.svg);
}

.flag-icon-fi {
  background-image: url(../flags/4x3/fi.svg);
}
.flag-icon-fi.flag-icon-squared {
  background-image: url(../flags/1x1/fi.svg);
}

.flag-icon-fj {
  background-image: url(../flags/4x3/fj.svg);
}
.flag-icon-fj.flag-icon-squared {
  background-image: url(../flags/1x1/fj.svg);
}

.flag-icon-fk {
  background-image: url(../flags/4x3/fk.svg);
}
.flag-icon-fk.flag-icon-squared {
  background-image: url(../flags/1x1/fk.svg);
}

.flag-icon-fm {
  background-image: url(../flags/4x3/fm.svg);
}
.flag-icon-fm.flag-icon-squared {
  background-image: url(../flags/1x1/fm.svg);
}

.flag-icon-fo {
  background-image: url(../flags/4x3/fo.svg);
}
.flag-icon-fo.flag-icon-squared {
  background-image: url(../flags/1x1/fo.svg);
}

.flag-icon-fr {
  background-image: url(../flags/4x3/fr.svg);
}
.flag-icon-fr.flag-icon-squared {
  background-image: url(../flags/1x1/fr.svg);
}

.flag-icon-ga {
  background-image: url(../flags/4x3/ga.svg);
}
.flag-icon-ga.flag-icon-squared {
  background-image: url(../flags/1x1/ga.svg);
}

.flag-icon-gb {
  background-image: url(../flags/4x3/gb.svg);
}
.flag-icon-gb.flag-icon-squared {
  background-image: url(../flags/1x1/gb.svg);
}

.flag-icon-gd {
  background-image: url(../flags/4x3/gd.svg);
}
.flag-icon-gd.flag-icon-squared {
  background-image: url(../flags/1x1/gd.svg);
}

.flag-icon-ge {
  background-image: url(../flags/4x3/ge.svg);
}
.flag-icon-ge.flag-icon-squared {
  background-image: url(../flags/1x1/ge.svg);
}

.flag-icon-gf {
  background-image: url(../flags/4x3/gf.svg);
}
.flag-icon-gf.flag-icon-squared {
  background-image: url(../flags/1x1/gf.svg);
}

.flag-icon-gg {
  background-image: url(../flags/4x3/gg.svg);
}
.flag-icon-gg.flag-icon-squared {
  background-image: url(../flags/1x1/gg.svg);
}

.flag-icon-gh {
  background-image: url(../flags/4x3/gh.svg);
}
.flag-icon-gh.flag-icon-squared {
  background-image: url(../flags/1x1/gh.svg);
}

.flag-icon-gi {
  background-image: url(../flags/4x3/gi.svg);
}
.flag-icon-gi.flag-icon-squared {
  background-image: url(../flags/1x1/gi.svg);
}

.flag-icon-gl {
  background-image: url(../flags/4x3/gl.svg);
}
.flag-icon-gl.flag-icon-squared {
  background-image: url(../flags/1x1/gl.svg);
}

.flag-icon-gm {
  background-image: url(../flags/4x3/gm.svg);
}
.flag-icon-gm.flag-icon-squared {
  background-image: url(../flags/1x1/gm.svg);
}

.flag-icon-gn {
  background-image: url(../flags/4x3/gn.svg);
}
.flag-icon-gn.flag-icon-squared {
  background-image: url(../flags/1x1/gn.svg);
}

.flag-icon-gp {
  background-image: url(../flags/4x3/gp.svg);
}
.flag-icon-gp.flag-icon-squared {
  background-image: url(../flags/1x1/gp.svg);
}

.flag-icon-gq {
  background-image: url(../flags/4x3/gq.svg);
}
.flag-icon-gq.flag-icon-squared {
  background-image: url(../flags/1x1/gq.svg);
}

.flag-icon-gr {
  background-image: url(../flags/4x3/gr.svg);
}
.flag-icon-gr.flag-icon-squared {
  background-image: url(../flags/1x1/gr.svg);
}

.flag-icon-gs {
  background-image: url(../flags/4x3/gs.svg);
}
.flag-icon-gs.flag-icon-squared {
  background-image: url(../flags/1x1/gs.svg);
}

.flag-icon-gt {
  background-image: url(../flags/4x3/gt.svg);
}
.flag-icon-gt.flag-icon-squared {
  background-image: url(../flags/1x1/gt.svg);
}

.flag-icon-gu {
  background-image: url(../flags/4x3/gu.svg);
}
.flag-icon-gu.flag-icon-squared {
  background-image: url(../flags/1x1/gu.svg);
}

.flag-icon-gw {
  background-image: url(../flags/4x3/gw.svg);
}
.flag-icon-gw.flag-icon-squared {
  background-image: url(../flags/1x1/gw.svg);
}

.flag-icon-gy {
  background-image: url(../flags/4x3/gy.svg);
}
.flag-icon-gy.flag-icon-squared {
  background-image: url(../flags/1x1/gy.svg);
}

.flag-icon-hk {
  background-image: url(../flags/4x3/hk.svg);
}
.flag-icon-hk.flag-icon-squared {
  background-image: url(../flags/1x1/hk.svg);
}

.flag-icon-hm {
  background-image: url(../flags/4x3/hm.svg);
}
.flag-icon-hm.flag-icon-squared {
  background-image: url(../flags/1x1/hm.svg);
}

.flag-icon-hn {
  background-image: url(../flags/4x3/hn.svg);
}
.flag-icon-hn.flag-icon-squared {
  background-image: url(../flags/1x1/hn.svg);
}

.flag-icon-hr {
  background-image: url(../flags/4x3/hr.svg);
}
.flag-icon-hr.flag-icon-squared {
  background-image: url(../flags/1x1/hr.svg);
}

.flag-icon-ht {
  background-image: url(../flags/4x3/ht.svg);
}
.flag-icon-ht.flag-icon-squared {
  background-image: url(../flags/1x1/ht.svg);
}

.flag-icon-hu {
  background-image: url(../flags/4x3/hu.svg);
}
.flag-icon-hu.flag-icon-squared {
  background-image: url(../flags/1x1/hu.svg);
}

.flag-icon-id {
  background-image: url(../flags/4x3/id.svg);
}
.flag-icon-id.flag-icon-squared {
  background-image: url(../flags/1x1/id.svg);
}

.flag-icon-ie {
  background-image: url(../flags/4x3/ie.svg);
}
.flag-icon-ie.flag-icon-squared {
  background-image: url(../flags/1x1/ie.svg);
}

.flag-icon-il {
  background-image: url(../flags/4x3/il.svg);
}
.flag-icon-il.flag-icon-squared {
  background-image: url(../flags/1x1/il.svg);
}

.flag-icon-im {
  background-image: url(../flags/4x3/im.svg);
}
.flag-icon-im.flag-icon-squared {
  background-image: url(../flags/1x1/im.svg);
}

.flag-icon-in {
  background-image: url(../flags/4x3/in.svg);
}
.flag-icon-in.flag-icon-squared {
  background-image: url(../flags/1x1/in.svg);
}

.flag-icon-io {
  background-image: url(../flags/4x3/io.svg);
}
.flag-icon-io.flag-icon-squared {
  background-image: url(../flags/1x1/io.svg);
}

.flag-icon-iq {
  background-image: url(../flags/4x3/iq.svg);
}
.flag-icon-iq.flag-icon-squared {
  background-image: url(../flags/1x1/iq.svg);
}

.flag-icon-ir {
  background-image: url(../flags/4x3/ir.svg);
}
.flag-icon-ir.flag-icon-squared {
  background-image: url(../flags/1x1/ir.svg);
}

.flag-icon-is {
  background-image: url(../flags/4x3/is.svg);
}
.flag-icon-is.flag-icon-squared {
  background-image: url(../flags/1x1/is.svg);
}

.flag-icon-it {
  background-image: url(../flags/4x3/it.svg);
}
.flag-icon-it.flag-icon-squared {
  background-image: url(../flags/1x1/it.svg);
}

.flag-icon-je {
  background-image: url(../flags/4x3/je.svg);
}
.flag-icon-je.flag-icon-squared {
  background-image: url(../flags/1x1/je.svg);
}

.flag-icon-jm {
  background-image: url(../flags/4x3/jm.svg);
}
.flag-icon-jm.flag-icon-squared {
  background-image: url(../flags/1x1/jm.svg);
}

.flag-icon-jo {
  background-image: url(../flags/4x3/jo.svg);
}
.flag-icon-jo.flag-icon-squared {
  background-image: url(../flags/1x1/jo.svg);
}

.flag-icon-jp {
  background-image: url(../flags/4x3/jp.svg);
}
.flag-icon-jp.flag-icon-squared {
  background-image: url(../flags/1x1/jp.svg);
}

.flag-icon-ke {
  background-image: url(../flags/4x3/ke.svg);
}
.flag-icon-ke.flag-icon-squared {
  background-image: url(../flags/1x1/ke.svg);
}

.flag-icon-kg {
  background-image: url(../flags/4x3/kg.svg);
}
.flag-icon-kg.flag-icon-squared {
  background-image: url(../flags/1x1/kg.svg);
}

.flag-icon-kh {
  background-image: url(../flags/4x3/kh.svg);
}
.flag-icon-kh.flag-icon-squared {
  background-image: url(../flags/1x1/kh.svg);
}

.flag-icon-ki {
  background-image: url(../flags/4x3/ki.svg);
}
.flag-icon-ki.flag-icon-squared {
  background-image: url(../flags/1x1/ki.svg);
}

.flag-icon-km {
  background-image: url(../flags/4x3/km.svg);
}
.flag-icon-km.flag-icon-squared {
  background-image: url(../flags/1x1/km.svg);
}

.flag-icon-kn {
  background-image: url(../flags/4x3/kn.svg);
}
.flag-icon-kn.flag-icon-squared {
  background-image: url(../flags/1x1/kn.svg);
}

.flag-icon-kp {
  background-image: url(../flags/4x3/kp.svg);
}
.flag-icon-kp.flag-icon-squared {
  background-image: url(../flags/1x1/kp.svg);
}

.flag-icon-kr {
  background-image: url(../flags/4x3/kr.svg);
}
.flag-icon-kr.flag-icon-squared {
  background-image: url(../flags/1x1/kr.svg);
}

.flag-icon-kw {
  background-image: url(../flags/4x3/kw.svg);
}
.flag-icon-kw.flag-icon-squared {
  background-image: url(../flags/1x1/kw.svg);
}

.flag-icon-ky {
  background-image: url(../flags/4x3/ky.svg);
}
.flag-icon-ky.flag-icon-squared {
  background-image: url(../flags/1x1/ky.svg);
}

.flag-icon-kz {
  background-image: url(../flags/4x3/kz.svg);
}
.flag-icon-kz.flag-icon-squared {
  background-image: url(../flags/1x1/kz.svg);
}

.flag-icon-la {
  background-image: url(../flags/4x3/la.svg);
}
.flag-icon-la.flag-icon-squared {
  background-image: url(../flags/1x1/la.svg);
}

.flag-icon-lb {
  background-image: url(../flags/4x3/lb.svg);
}
.flag-icon-lb.flag-icon-squared {
  background-image: url(../flags/1x1/lb.svg);
}

.flag-icon-lc {
  background-image: url(../flags/4x3/lc.svg);
}
.flag-icon-lc.flag-icon-squared {
  background-image: url(../flags/1x1/lc.svg);
}

.flag-icon-li {
  background-image: url(../flags/4x3/li.svg);
}
.flag-icon-li.flag-icon-squared {
  background-image: url(../flags/1x1/li.svg);
}

.flag-icon-lk {
  background-image: url(../flags/4x3/lk.svg);
}
.flag-icon-lk.flag-icon-squared {
  background-image: url(../flags/1x1/lk.svg);
}

.flag-icon-lr {
  background-image: url(../flags/4x3/lr.svg);
}
.flag-icon-lr.flag-icon-squared {
  background-image: url(../flags/1x1/lr.svg);
}

.flag-icon-ls {
  background-image: url(../flags/4x3/ls.svg);
}
.flag-icon-ls.flag-icon-squared {
  background-image: url(../flags/1x1/ls.svg);
}

.flag-icon-lt {
  background-image: url(../flags/4x3/lt.svg);
}
.flag-icon-lt.flag-icon-squared {
  background-image: url(../flags/1x1/lt.svg);
}

.flag-icon-lu {
  background-image: url(../flags/4x3/lu.svg);
}
.flag-icon-lu.flag-icon-squared {
  background-image: url(../flags/1x1/lu.svg);
}

.flag-icon-lv {
  background-image: url(../flags/4x3/lv.svg);
}
.flag-icon-lv.flag-icon-squared {
  background-image: url(../flags/1x1/lv.svg);
}

.flag-icon-ly {
  background-image: url(../flags/4x3/ly.svg);
}
.flag-icon-ly.flag-icon-squared {
  background-image: url(../flags/1x1/ly.svg);
}

.flag-icon-ma {
  background-image: url(../flags/4x3/ma.svg);
}
.flag-icon-ma.flag-icon-squared {
  background-image: url(../flags/1x1/ma.svg);
}

.flag-icon-mc {
  background-image: url(../flags/4x3/mc.svg);
}
.flag-icon-mc.flag-icon-squared {
  background-image: url(../flags/1x1/mc.svg);
}

.flag-icon-md {
  background-image: url(../flags/4x3/md.svg);
}
.flag-icon-md.flag-icon-squared {
  background-image: url(../flags/1x1/md.svg);
}

.flag-icon-me {
  background-image: url(../flags/4x3/me.svg);
}
.flag-icon-me.flag-icon-squared {
  background-image: url(../flags/1x1/me.svg);
}

.flag-icon-mf {
  background-image: url(../flags/4x3/mf.svg);
}
.flag-icon-mf.flag-icon-squared {
  background-image: url(../flags/1x1/mf.svg);
}

.flag-icon-mg {
  background-image: url(../flags/4x3/mg.svg);
}
.flag-icon-mg.flag-icon-squared {
  background-image: url(../flags/1x1/mg.svg);
}

.flag-icon-mh {
  background-image: url(../flags/4x3/mh.svg);
}
.flag-icon-mh.flag-icon-squared {
  background-image: url(../flags/1x1/mh.svg);
}

.flag-icon-mk {
  background-image: url(../flags/4x3/mk.svg);
}
.flag-icon-mk.flag-icon-squared {
  background-image: url(../flags/1x1/mk.svg);
}

.flag-icon-ml {
  background-image: url(../flags/4x3/ml.svg);
}
.flag-icon-ml.flag-icon-squared {
  background-image: url(../flags/1x1/ml.svg);
}

.flag-icon-mm {
  background-image: url(../flags/4x3/mm.svg);
}
.flag-icon-mm.flag-icon-squared {
  background-image: url(../flags/1x1/mm.svg);
}

.flag-icon-mn {
  background-image: url(../flags/4x3/mn.svg);
}
.flag-icon-mn.flag-icon-squared {
  background-image: url(../flags/1x1/mn.svg);
}

.flag-icon-mo {
  background-image: url(../flags/4x3/mo.svg);
}
.flag-icon-mo.flag-icon-squared {
  background-image: url(../flags/1x1/mo.svg);
}

.flag-icon-mp {
  background-image: url(../flags/4x3/mp.svg);
}
.flag-icon-mp.flag-icon-squared {
  background-image: url(../flags/1x1/mp.svg);
}

.flag-icon-mq {
  background-image: url(../flags/4x3/mq.svg);
}
.flag-icon-mq.flag-icon-squared {
  background-image: url(../flags/1x1/mq.svg);
}

.flag-icon-mr {
  background-image: url(../flags/4x3/mr.svg);
}
.flag-icon-mr.flag-icon-squared {
  background-image: url(../flags/1x1/mr.svg);
}

.flag-icon-ms {
  background-image: url(../flags/4x3/ms.svg);
}
.flag-icon-ms.flag-icon-squared {
  background-image: url(../flags/1x1/ms.svg);
}

.flag-icon-mt {
  background-image: url(../flags/4x3/mt.svg);
}
.flag-icon-mt.flag-icon-squared {
  background-image: url(../flags/1x1/mt.svg);
}

.flag-icon-mu {
  background-image: url(../flags/4x3/mu.svg);
}
.flag-icon-mu.flag-icon-squared {
  background-image: url(../flags/1x1/mu.svg);
}

.flag-icon-mv {
  background-image: url(../flags/4x3/mv.svg);
}
.flag-icon-mv.flag-icon-squared {
  background-image: url(../flags/1x1/mv.svg);
}

.flag-icon-mw {
  background-image: url(../flags/4x3/mw.svg);
}
.flag-icon-mw.flag-icon-squared {
  background-image: url(../flags/1x1/mw.svg);
}

.flag-icon-mx {
  background-image: url(../flags/4x3/mx.svg);
}
.flag-icon-mx.flag-icon-squared {
  background-image: url(../flags/1x1/mx.svg);
}

.flag-icon-my {
  background-image: url(../flags/4x3/my.svg);
}
.flag-icon-my.flag-icon-squared {
  background-image: url(../flags/1x1/my.svg);
}

.flag-icon-mz {
  background-image: url(../flags/4x3/mz.svg);
}
.flag-icon-mz.flag-icon-squared {
  background-image: url(../flags/1x1/mz.svg);
}

.flag-icon-na {
  background-image: url(../flags/4x3/na.svg);
}
.flag-icon-na.flag-icon-squared {
  background-image: url(../flags/1x1/na.svg);
}

.flag-icon-nc {
  background-image: url(../flags/4x3/nc.svg);
}
.flag-icon-nc.flag-icon-squared {
  background-image: url(../flags/1x1/nc.svg);
}

.flag-icon-ne {
  background-image: url(../flags/4x3/ne.svg);
}
.flag-icon-ne.flag-icon-squared {
  background-image: url(../flags/1x1/ne.svg);
}

.flag-icon-nf {
  background-image: url(../flags/4x3/nf.svg);
}
.flag-icon-nf.flag-icon-squared {
  background-image: url(../flags/1x1/nf.svg);
}

.flag-icon-ng {
  background-image: url(../flags/4x3/ng.svg);
}
.flag-icon-ng.flag-icon-squared {
  background-image: url(../flags/1x1/ng.svg);
}

.flag-icon-ni {
  background-image: url(../flags/4x3/ni.svg);
}
.flag-icon-ni.flag-icon-squared {
  background-image: url(../flags/1x1/ni.svg);
}

.flag-icon-nl {
  background-image: url(../flags/4x3/nl.svg);
}
.flag-icon-nl.flag-icon-squared {
  background-image: url(../flags/1x1/nl.svg);
}

.flag-icon-no {
  background-image: url(../flags/4x3/no.svg);
}
.flag-icon-no.flag-icon-squared {
  background-image: url(../flags/1x1/no.svg);
}

.flag-icon-np {
  background-image: url(../flags/4x3/np.svg);
}
.flag-icon-np.flag-icon-squared {
  background-image: url(../flags/1x1/np.svg);
}

.flag-icon-nr {
  background-image: url(../flags/4x3/nr.svg);
}
.flag-icon-nr.flag-icon-squared {
  background-image: url(../flags/1x1/nr.svg);
}

.flag-icon-nu {
  background-image: url(../flags/4x3/nu.svg);
}
.flag-icon-nu.flag-icon-squared {
  background-image: url(../flags/1x1/nu.svg);
}

.flag-icon-nz {
  background-image: url(../flags/4x3/nz.svg);
}
.flag-icon-nz.flag-icon-squared {
  background-image: url(../flags/1x1/nz.svg);
}

.flag-icon-om {
  background-image: url(../flags/4x3/om.svg);
}
.flag-icon-om.flag-icon-squared {
  background-image: url(../flags/1x1/om.svg);
}

.flag-icon-pa {
  background-image: url(../flags/4x3/pa.svg);
}
.flag-icon-pa.flag-icon-squared {
  background-image: url(../flags/1x1/pa.svg);
}

.flag-icon-pe {
  background-image: url(../flags/4x3/pe.svg);
}
.flag-icon-pe.flag-icon-squared {
  background-image: url(../flags/1x1/pe.svg);
}

.flag-icon-pf {
  background-image: url(../flags/4x3/pf.svg);
}
.flag-icon-pf.flag-icon-squared {
  background-image: url(../flags/1x1/pf.svg);
}

.flag-icon-pg {
  background-image: url(../flags/4x3/pg.svg);
}
.flag-icon-pg.flag-icon-squared {
  background-image: url(../flags/1x1/pg.svg);
}

.flag-icon-ph {
  background-image: url(../flags/4x3/ph.svg);
}
.flag-icon-ph.flag-icon-squared {
  background-image: url(../flags/1x1/ph.svg);
}

.flag-icon-pk {
  background-image: url(../flags/4x3/pk.svg);
}
.flag-icon-pk.flag-icon-squared {
  background-image: url(../flags/1x1/pk.svg);
}

.flag-icon-pl {
  background-image: url(../flags/4x3/pl.svg);
}
.flag-icon-pl.flag-icon-squared {
  background-image: url(../flags/1x1/pl.svg);
}

.flag-icon-pm {
  background-image: url(../flags/4x3/pm.svg);
}
.flag-icon-pm.flag-icon-squared {
  background-image: url(../flags/1x1/pm.svg);
}

.flag-icon-pn {
  background-image: url(../flags/4x3/pn.svg);
}
.flag-icon-pn.flag-icon-squared {
  background-image: url(../flags/1x1/pn.svg);
}

.flag-icon-pr {
  background-image: url(../flags/4x3/pr.svg);
}
.flag-icon-pr.flag-icon-squared {
  background-image: url(../flags/1x1/pr.svg);
}

.flag-icon-ps {
  background-image: url(../flags/4x3/ps.svg);
}
.flag-icon-ps.flag-icon-squared {
  background-image: url(../flags/1x1/ps.svg);
}

.flag-icon-pt {
  background-image: url(../flags/4x3/pt.svg);
}
.flag-icon-pt.flag-icon-squared {
  background-image: url(../flags/1x1/pt.svg);
}

.flag-icon-pw {
  background-image: url(../flags/4x3/pw.svg);
}
.flag-icon-pw.flag-icon-squared {
  background-image: url(../flags/1x1/pw.svg);
}

.flag-icon-py {
  background-image: url(../flags/4x3/py.svg);
}
.flag-icon-py.flag-icon-squared {
  background-image: url(../flags/1x1/py.svg);
}

.flag-icon-qa {
  background-image: url(../flags/4x3/qa.svg);
}
.flag-icon-qa.flag-icon-squared {
  background-image: url(../flags/1x1/qa.svg);
}

.flag-icon-re {
  background-image: url(../flags/4x3/re.svg);
}
.flag-icon-re.flag-icon-squared {
  background-image: url(../flags/1x1/re.svg);
}

.flag-icon-ro {
  background-image: url(../flags/4x3/ro.svg);
}
.flag-icon-ro.flag-icon-squared {
  background-image: url(../flags/1x1/ro.svg);
}

.flag-icon-rs {
  background-image: url(../flags/4x3/rs.svg);
}
.flag-icon-rs.flag-icon-squared {
  background-image: url(../flags/1x1/rs.svg);
}

.flag-icon-ru {
  background-image: url(../flags/4x3/ru.svg);
}
.flag-icon-ru.flag-icon-squared {
  background-image: url(../flags/1x1/ru.svg);
}

.flag-icon-rw {
  background-image: url(../flags/4x3/rw.svg);
}
.flag-icon-rw.flag-icon-squared {
  background-image: url(../flags/1x1/rw.svg);
}

.flag-icon-sa {
  background-image: url(../flags/4x3/sa.svg);
}
.flag-icon-sa.flag-icon-squared {
  background-image: url(../flags/1x1/sa.svg);
}

.flag-icon-sb {
  background-image: url(../flags/4x3/sb.svg);
}
.flag-icon-sb.flag-icon-squared {
  background-image: url(../flags/1x1/sb.svg);
}

.flag-icon-sc {
  background-image: url(../flags/4x3/sc.svg);
}
.flag-icon-sc.flag-icon-squared {
  background-image: url(../flags/1x1/sc.svg);
}

.flag-icon-sd {
  background-image: url(../flags/4x3/sd.svg);
}
.flag-icon-sd.flag-icon-squared {
  background-image: url(../flags/1x1/sd.svg);
}

.flag-icon-se {
  background-image: url(../flags/4x3/se.svg);
}
.flag-icon-se.flag-icon-squared {
  background-image: url(../flags/1x1/se.svg);
}

.flag-icon-sg {
  background-image: url(../flags/4x3/sg.svg);
}
.flag-icon-sg.flag-icon-squared {
  background-image: url(../flags/1x1/sg.svg);
}

.flag-icon-sh {
  background-image: url(../flags/4x3/sh.svg);
}
.flag-icon-sh.flag-icon-squared {
  background-image: url(../flags/1x1/sh.svg);
}

.flag-icon-si {
  background-image: url(../flags/4x3/si.svg);
}
.flag-icon-si.flag-icon-squared {
  background-image: url(../flags/1x1/si.svg);
}

.flag-icon-sj {
  background-image: url(../flags/4x3/sj.svg);
}
.flag-icon-sj.flag-icon-squared {
  background-image: url(../flags/1x1/sj.svg);
}

.flag-icon-sk {
  background-image: url(../flags/4x3/sk.svg);
}
.flag-icon-sk.flag-icon-squared {
  background-image: url(../flags/1x1/sk.svg);
}

.flag-icon-sl {
  background-image: url(../flags/4x3/sl.svg);
}
.flag-icon-sl.flag-icon-squared {
  background-image: url(../flags/1x1/sl.svg);
}

.flag-icon-sm {
  background-image: url(../flags/4x3/sm.svg);
}
.flag-icon-sm.flag-icon-squared {
  background-image: url(../flags/1x1/sm.svg);
}

.flag-icon-sn {
  background-image: url(../flags/4x3/sn.svg);
}
.flag-icon-sn.flag-icon-squared {
  background-image: url(../flags/1x1/sn.svg);
}

.flag-icon-so {
  background-image: url(../flags/4x3/so.svg);
}
.flag-icon-so.flag-icon-squared {
  background-image: url(../flags/1x1/so.svg);
}

.flag-icon-sr {
  background-image: url(../flags/4x3/sr.svg);
}
.flag-icon-sr.flag-icon-squared {
  background-image: url(../flags/1x1/sr.svg);
}

.flag-icon-ss {
  background-image: url(../flags/4x3/ss.svg);
}
.flag-icon-ss.flag-icon-squared {
  background-image: url(../flags/1x1/ss.svg);
}

.flag-icon-st {
  background-image: url(../flags/4x3/st.svg);
}
.flag-icon-st.flag-icon-squared {
  background-image: url(../flags/1x1/st.svg);
}

.flag-icon-sv {
  background-image: url(../flags/4x3/sv.svg);
}
.flag-icon-sv.flag-icon-squared {
  background-image: url(../flags/1x1/sv.svg);
}

.flag-icon-sx {
  background-image: url(../flags/4x3/sx.svg);
}
.flag-icon-sx.flag-icon-squared {
  background-image: url(../flags/1x1/sx.svg);
}

.flag-icon-sy {
  background-image: url(../flags/4x3/sy.svg);
}
.flag-icon-sy.flag-icon-squared {
  background-image: url(../flags/1x1/sy.svg);
}

.flag-icon-sz {
  background-image: url(../flags/4x3/sz.svg);
}
.flag-icon-sz.flag-icon-squared {
  background-image: url(../flags/1x1/sz.svg);
}

.flag-icon-tc {
  background-image: url(../flags/4x3/tc.svg);
}
.flag-icon-tc.flag-icon-squared {
  background-image: url(../flags/1x1/tc.svg);
}

.flag-icon-td {
  background-image: url(../flags/4x3/td.svg);
}
.flag-icon-td.flag-icon-squared {
  background-image: url(../flags/1x1/td.svg);
}

.flag-icon-tf {
  background-image: url(../flags/4x3/tf.svg);
}
.flag-icon-tf.flag-icon-squared {
  background-image: url(../flags/1x1/tf.svg);
}

.flag-icon-tg {
  background-image: url(../flags/4x3/tg.svg);
}
.flag-icon-tg.flag-icon-squared {
  background-image: url(../flags/1x1/tg.svg);
}

.flag-icon-th {
  background-image: url(../flags/4x3/th.svg);
}
.flag-icon-th.flag-icon-squared {
  background-image: url(../flags/1x1/th.svg);
}

.flag-icon-tj {
  background-image: url(../flags/4x3/tj.svg);
}
.flag-icon-tj.flag-icon-squared {
  background-image: url(../flags/1x1/tj.svg);
}

.flag-icon-tk {
  background-image: url(../flags/4x3/tk.svg);
}
.flag-icon-tk.flag-icon-squared {
  background-image: url(../flags/1x1/tk.svg);
}

.flag-icon-tl {
  background-image: url(../flags/4x3/tl.svg);
}
.flag-icon-tl.flag-icon-squared {
  background-image: url(../flags/1x1/tl.svg);
}

.flag-icon-tm {
  background-image: url(../flags/4x3/tm.svg);
}
.flag-icon-tm.flag-icon-squared {
  background-image: url(../flags/1x1/tm.svg);
}

.flag-icon-tn {
  background-image: url(../flags/4x3/tn.svg);
}
.flag-icon-tn.flag-icon-squared {
  background-image: url(../flags/1x1/tn.svg);
}

.flag-icon-to {
  background-image: url(../flags/4x3/to.svg);
}
.flag-icon-to.flag-icon-squared {
  background-image: url(../flags/1x1/to.svg);
}

.flag-icon-tr {
  background-image: url(../flags/4x3/tr.svg);
}
.flag-icon-tr.flag-icon-squared {
  background-image: url(../flags/1x1/tr.svg);
}

.flag-icon-tt {
  background-image: url(../flags/4x3/tt.svg);
}
.flag-icon-tt.flag-icon-squared {
  background-image: url(../flags/1x1/tt.svg);
}

.flag-icon-tv {
  background-image: url(../flags/4x3/tv.svg);
}
.flag-icon-tv.flag-icon-squared {
  background-image: url(../flags/1x1/tv.svg);
}

.flag-icon-tw {
  background-image: url(../flags/4x3/tw.svg);
}
.flag-icon-tw.flag-icon-squared {
  background-image: url(../flags/1x1/tw.svg);
}

.flag-icon-tz {
  background-image: url(../flags/4x3/tz.svg);
}
.flag-icon-tz.flag-icon-squared {
  background-image: url(../flags/1x1/tz.svg);
}

.flag-icon-ua {
  background-image: url(../flags/4x3/ua.svg);
}
.flag-icon-ua.flag-icon-squared {
  background-image: url(../flags/1x1/ua.svg);
}

.flag-icon-ug {
  background-image: url(../flags/4x3/ug.svg);
}
.flag-icon-ug.flag-icon-squared {
  background-image: url(../flags/1x1/ug.svg);
}

.flag-icon-um {
  background-image: url(../flags/4x3/um.svg);
}
.flag-icon-um.flag-icon-squared {
  background-image: url(../flags/1x1/um.svg);
}

.flag-icon-us {
  background-image: url(../flags/4x3/us.svg);
}
.flag-icon-us.flag-icon-squared {
  background-image: url(../flags/1x1/us.svg);
}

.flag-icon-uy {
  background-image: url(../flags/4x3/uy.svg);
}
.flag-icon-uy.flag-icon-squared {
  background-image: url(../flags/1x1/uy.svg);
}

.flag-icon-uz {
  background-image: url(../flags/4x3/uz.svg);
}
.flag-icon-uz.flag-icon-squared {
  background-image: url(../flags/1x1/uz.svg);
}

.flag-icon-va {
  background-image: url(../flags/4x3/va.svg);
}
.flag-icon-va.flag-icon-squared {
  background-image: url(../flags/1x1/va.svg);
}

.flag-icon-vc {
  background-image: url(../flags/4x3/vc.svg);
}
.flag-icon-vc.flag-icon-squared {
  background-image: url(../flags/1x1/vc.svg);
}

.flag-icon-ve {
  background-image: url(../flags/4x3/ve.svg);
}
.flag-icon-ve.flag-icon-squared {
  background-image: url(../flags/1x1/ve.svg);
}

.flag-icon-vg {
  background-image: url(../flags/4x3/vg.svg);
}
.flag-icon-vg.flag-icon-squared {
  background-image: url(../flags/1x1/vg.svg);
}

.flag-icon-vi {
  background-image: url(../flags/4x3/vi.svg);
}
.flag-icon-vi.flag-icon-squared {
  background-image: url(../flags/1x1/vi.svg);
}

.flag-icon-vn {
  background-image: url(../flags/4x3/vn.svg);
}
.flag-icon-vn.flag-icon-squared {
  background-image: url(../flags/1x1/vn.svg);
}

.flag-icon-vu {
  background-image: url(../flags/4x3/vu.svg);
}
.flag-icon-vu.flag-icon-squared {
  background-image: url(../flags/1x1/vu.svg);
}

.flag-icon-wf {
  background-image: url(../flags/4x3/wf.svg);
}
.flag-icon-wf.flag-icon-squared {
  background-image: url(../flags/1x1/wf.svg);
}

.flag-icon-ws {
  background-image: url(../flags/4x3/ws.svg);
}
.flag-icon-ws.flag-icon-squared {
  background-image: url(../flags/1x1/ws.svg);
}

.flag-icon-ye {
  background-image: url(../flags/4x3/ye.svg);
}
.flag-icon-ye.flag-icon-squared {
  background-image: url(../flags/1x1/ye.svg);
}

.flag-icon-yt {
  background-image: url(../flags/4x3/yt.svg);
}
.flag-icon-yt.flag-icon-squared {
  background-image: url(../flags/1x1/yt.svg);
}

.flag-icon-za {
  background-image: url(../flags/4x3/za.svg);
}
.flag-icon-za.flag-icon-squared {
  background-image: url(../flags/1x1/za.svg);
}

.flag-icon-zm {
  background-image: url(../flags/4x3/zm.svg);
}
.flag-icon-zm.flag-icon-squared {
  background-image: url(../flags/1x1/zm.svg);
}

.flag-icon-zw {
  background-image: url(../flags/4x3/zw.svg);
}
.flag-icon-zw.flag-icon-squared {
  background-image: url(../flags/1x1/zw.svg);
}

.flag-icon-eu {
  background-image: url(../flags/4x3/eu.svg);
}
.flag-icon-eu.flag-icon-squared {
  background-image: url(../flags/1x1/eu.svg);
}

.flag-icon-gb-eng {
  background-image: url(../flags/4x3/gb-eng.svg);
}
.flag-icon-gb-eng.flag-icon-squared {
  background-image: url(../flags/1x1/gb-eng.svg);
}

.flag-icon-gb-nir {
  background-image: url(../flags/4x3/gb-nir.svg);
}
.flag-icon-gb-nir.flag-icon-squared {
  background-image: url(../flags/1x1/gb-nir.svg);
}

.flag-icon-gb-sct {
  background-image: url(../flags/4x3/gb-sct.svg);
}
.flag-icon-gb-sct.flag-icon-squared {
  background-image: url(../flags/1x1/gb-sct.svg);
}

.flag-icon-gb-wls {
  background-image: url(../flags/4x3/gb-wls.svg);
}
.flag-icon-gb-wls.flag-icon-squared {
  background-image: url(../flags/1x1/gb-wls.svg);
}

.flag-icon-un {
  background-image: url(../flags/4x3/un.svg);
}
.flag-icon-un.flag-icon-squared {
  background-image: url(../flags/1x1/un.svg);
}

.hidden_select_container {
  width: 0;
  height: 0;
  overflow: hidden;
}

.simpleselect,
.simpleselect * {
  box-sizing: content-box;
}

.simpleselect {
  position: relative;
  width: 200px;
  height: 38px;
  color: #666;
  font-size: 13px;
}

.simpleselect .options {
  width: 198px;
}

.simpleselect .placeholder,
.simpleselect .options .option,
.simpleselect .options .optgroup .optgroup-label {
  padding: 9px 10px;
  line-height: 18px;
  cursor: pointer;
}

.simpleselect .options .optgroup .optgroup-label {
  cursor: default;
  font-weight: bold;
}

.simpleselect .options .optgroup .option {
  padding-left: 20px;
}

.simpleselect .placeholder,
.simpleselect .options {
  background: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.simpleselect .placeholder {
  position: relative;
}

.simpleselect .placeholder:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 8px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA0Q0FGMUI4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA0Q0FGMUM4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDRDQUYxOThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDRDQUYxQThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq8U8ZgAAAClSURBVHjaYpw7dw4DEggEYh4gXgwTYEGS5AfiyVD6FBDfBAkyISloB2JpqAlLgZgNWYENEGciKTYG4haYFSCVKA6BglIg3gdSIAHEfQzYASfj////GfABJgYCgGXevLlyQNoDh/xrkBteAHEREKtjUeAJsuIXEKdgkewG4h0wNxwB4ulIkmeBuAbdkZVA/BSIvwBxNNRklLj4CMS50KC+CRMECDAA5ogdqmResXgAAAAASUVORK5CYII=") 0 center no-repeat;
}

.simpleselect .placeholder:hover {
  background: #fafafa;
}

.simpleselect .options {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}

.simpleselect .options .option.active {
  background: #999;
  color: #fff;
}

.simpleselect.disabled .placeholder,
.simpleselect.disabled .placeholder:hover {
  background: #fafafa;
  color: #aaa;
  border-color: #eee;
  cursor: default;
}

.simpleselect.disabled .placeholder:after {
  opacity: .5;
}

/* 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;
  -ms-user-select: none;
  -moz-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-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

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

.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
     its values is > 50%. */
  z-index: 10;
}

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

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

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

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

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

.noUi-vertical {
  width: 18px;
}

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

/* Styling;
 */
.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0;
}

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

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
}

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

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

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

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

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}


/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}

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

/* ------------------ NEW STYLE ------------------ */
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSansWeb.eot');
    src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
         url('../fonts/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
         url('../fonts/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
         url('../fonts/IRANSansWeb.ttf') format('truetype');
         -webkit-font-smoothing: antialiased;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    float: right;
}
.col12 {
    width: 100%;
}
.col11 {
    width: 91.66666667%;
}
.col10 {
    width: 83.33333333%;
}
.col9 {
    width: 75%;
}
.col8 {
    width: 66.66666667%;
}
.col7 {
    width: 58.33333333%;
}
.col6 {
    width: 50%;
}
.col5 {
    width: 41.66666667%;
}
.col4 {
    width: 33.33333333%;
}
.col3 {
    width: 25%;
}
.col2 {
    width: 16.66666667%;
}
.col1 {
    width: 8.33333333%;
}
img{
    max-width:100%;
    height: auto;
}
.simpleForm .formElement .input, .simpleForm .formElement textarea {
    width: calc(100% - 120px);
}
.simpleForm .formElement label {
    width: 120px;
}
.hotelList .rightBox{
    vertical-align:middle;
}
.hotelList .midBox span{
    line-height: 16px;
}
.hotelList .midBox{
    vertical-align:middle;
}
.searchLabel{
    margin-bottom: 6px;
}
#mainAside .filterBox form .searchEleman{
    height:63px;
    margin-bottom: 0;
}
#mainAside .filterBox form .searchEleman i {
    bottom: 5px;
}
.searchResult{
    word-spacing: 0;
}
.checkBox .cmfcValidationV1ErrorMessageBoard{
    margin-right: -24px;
}
.lrTabContent .cmfcValidationV1ErrorMessageBoard {
    margin-top: -3px;
    margin-bottom: 5px;
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .BigerSearchElementWrap, .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap{
    width: calc(100% - 240px);
}
.flightInfo .fa-plane {
    font-size:32px;
    position: relative;
    top: 3px;
    left: 5px;
}
.topPart address i{
    float: left;
    margin-left: 0;
    margin-right: 4px;
}
.topPart address{
    text-align: left;
    font-size: 12px;
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .smallerSearchElementWrap{
    width: 225px;
}
.slider .tourSearch .searchBoxes #destinationBasedSearch .BigerSearchElementWrap .lbl, .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .lbl{
    padding-right: 0;
}
.doubleSearchElementWrap .lblFix{
    width: 65px !important;
    padding-right: 17px !important;
}
.uDate{
    width: calc(100% - 220px) !important;
}
.slider .tourSearch .searchBoxes .tabs #locationTab.active {
    background-color: #28ace2 !important;
}
.slider .tourSearch .searchBoxes .tabContentContainer #location{
    border-top: 3px solid #28ace2;
}
.slider .fa-calendar {
    color: #28ace2;
}
.lineTitle span {
    border-bottom: 2px solid #28ace2;
}
#mainHeader {
    border-bottom: 3px solid #28ace2;
}
#mainFooter {
    border-top: 3px solid #28ace2;
}
#mainAside .filterBox form .searchEleman label{
    font-size: 12px;
    color:#868686;
}
.smallerBlueTitle, .searchResult {
    color: #28ace2;
}
.smallerBlueTitle i {
    margin-left:4px;
}
.hotelList .rightBox .hotelName {
    color: #28ace2;
}
.hotelList .midBox .blue {
    color: #28ace2;
}
#mainAside .sideBox .sideTitle span, #mainAside .filterBox .sideTitle span {
    border-bottom: 2px solid #28ace2;
}
#mainAside .filterBox form .searchEleman .fa-calendar {
    color: #28ace2;
}
.rulesMap{
    padding-right: 3%;
}
.rulesMap img{
    display: block;
    margin:0 auto;
    cursor: pointer;
}
.rulesMap .mapPopup,.agencyLocationPopUp, .mapPopup.agencyFullMap{
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.85);
}

.rulesMap .mapPopup .map , .agencyLocationPopUp .map ,.agencyLocationPopUp .agencyMap , .mapPopup.agencyFullMap .map{
    left: 0;
    right: 0;
    top: 4vh;
    width:90%;
    bottom: 4vh;
    margin: auto;
    height: 90vh;
    position: absolute;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 0 0px 10px #aaa;
    -o-box-shadow: 0 0 0px 10px #aaa;
    -ms-box-shadow: 0 0 0px 10px #aaa;
    -moz-box-shadow: 0 0 0px 10px #aaa;
    -webkit-box-shadow: 0 0 0px 10px #aaa;
}
.rulesMap .mapPopup .fa-times, .agencyLocationPopUp .fa-times ,.mapPopup.agencyFullMap .fa-times{
    z-index: 2;
    cursor: pointer;
    font-size: 2.5em;
    position: relative;
    padding: 8px 15px 0 0;
    text-shadow:0 0 1px #000;
    color: rgba(255, 255, 255, 0.8);
}
.rulesMap .mapPopup .fa-times:hover,.mapPopup.agencyFullMap .fa-times:hover{
    color: #fff;
    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;
}
.toggleTrigger{
    color: #28ace2;
    font-size: 1.15em;
    cursor:pointer;
}
.toggleTrigger i{
    margin-left: 7px;
}
.toggleSection{
    display:none;
}
.deactive .toggleTrigger{
    display:none;
}
.deactive{
    position: relative;
}
.deactive .deactiveTrigger{
    position:absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    cursor: pointer;
    z-index: 9999;
}
.deactive .topPart address{
  display: inline-block;
}
.deactive .topPart address .mapBtn{
  display: none;
}
.eventCalendar{
    color: #28ace2;
    display: block;
    font-size: 12px;
    margin-top: -8px;
    font-weight: bold;
    margin-bottom: 5px;
    letter-spacing: .7px;
    border-bottom: 1px solid #28ace2;
}
.calendars-popup .calendars-month-header {
    color: #28ace2;
}
.agencyTbl .rowTitle {
    float: right;
    width: 136px;
}
.agencyTbl .rowInfo {
    float: right;
    width: calc(100% - 150px);
}
.agencyTbl .rowInfo .showNextMap{
  margin: 10px 0;
  cursor: pointer;
  width: auto;
  max-width: 640px;
    display: block;
    height:   auto;
}
.agencyTbl.tableStyle .doubleColRow{
  border:none;
  padding: 0;
}
.agencyTbl.tableStyle .doubleColRow .tableStyle{
  width: auto;
}
.agencyTbl .doubleColRow .rightRow{
  width: calc(100% - 280px);
}
.agencyTbl .doubleColRow .halfRow.leftRow{
  border-right: 5px solid #fff;
  width: 280px;
}
.agencyTbl .doubleColRow .halfRow.leftRow img{
  margin: 0;
  max-width: 100%;
}
.agencyTbl .doubleColRow .halfRow .rowStyle:first-child{
  font-weight: normal;
  color: #535353 !important;
  background: none !important;
  margin-bottom: 4px !important;
  border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.agencyTbl .hasImage .rowInfo img{
  padding: 0;
  float: left;
  margin-left: -15px;
}
.agencyTbl .hasImage{
  line-height: 50px;
}
.agencyTbl .mapBtn {
  float: left;
  margin-left: -13px;
  margin-top: 5px;
}
.agencyTbl .mapBtn i{
  color: #de3f39;
  margin-right: 4px;
  vertical-align: middle;
}
.fullAgencyMap{
  width: 100%;
  height: 250px;
  margin: 5px 0;
  background: #eee;
}
.compareTbl{
  display: table;
  position: relative;
  border:1px solid #ddd;
  border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-collapse: collapse;
}
.compareTbl .rowStyle{
  box-sizing: content-box;
  display: table-row;
  border-top:1px solid rgba(0, 0, 0, 0.1);
}
.compareTbl .rowStyle .tdStyle{
  float: none;
  width: 17%;
  padding: 7px;
  font-size: 0.9em;
  display: table-cell;
  vertical-align: middle;
  border-right:1px solid rgba(0, 0, 0, 0.1);
}
.compareTbl .rowStyle .thStyle.topVerticalAlign .right{
  float: right;
  width: 77px;
}
.compareTbl .rowStyle .thStyle.topVerticalAlign .left{
  float: left;
  width:calc(100% - 80px);
}
.compareTbl .rowStyle .thStyle.topVerticalAlign .left h3{
  font-size: 0.8rem;
  border-bottom: 1px solid #eee;
  border-right: 1px solid rgba(0,0,0,0.05);
}
.compareTbl .rowStyle .thStyle.topVerticalAlign .left h3:last-child{
  border-bottom:none;
}
.compareTbl .rowStyle .thStyle.topVerticalAlign{

  vertical-align: top;
}
.compareTbl .rowStyle .tdStyle.fullWidth{
  width: 100%;
  border-right:none;
}
.compareTbl .rowStyle .thStyle{
  border-right:none;
  background: #f5f5f5;
  width: 200px !important;
}
.compareTbl.col-6 .rowStyle .tdStyle{
  width:191px;
}
.compareTbl.col-5 .rowStyle .tdStyle{
  width: 239px;
}
.compareTbl.col-4 .rowStyle .tdStyle{
  width: 319px;
}
.compareTbl.col-3 .rowStyle .tdStyle{
  width: 477px;
}
.compareTbl.col-3 .rowStyle .tdStyle .eachFacilities{
  text-align: center;
  font-size: 0.8rem;
}
.compareTbl.col-3 .rowStyle .tdStyle .eachFacilities:last-child{
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.compareTbl.col-3 .rowStyle .tdStyle .eachFacilities ul{
  width: 100%;
}
.compareTbl.col-3 .rowStyle .tdStyle .eachFacilities .smallerBlueTitle{
  color:#000;
  font-size:1em;
  padding: 0 9px;
  font-weight: bold;
}
.compareTbl.col-3 .rowStyle .tdStyle .eachFacilities ul li{
  padding: 0 5px;
}
.compareTbl .rowStyle .tdStyle img{
  border:none;
  padding: 2px;
  max-width: 90%;
  background: #fff;
  margin: 10px auto 0;
  border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.compareTbl .rowStyle .tdStyle .name {
  display: block;
  line-height: 22px;
  position: relative;
  font-weight: normal;
  padding-bottom: 10px;
}
.compareTbl .rowStyle .tdStyle .name a{
  color: #000;
  background: transparent;
}
.compareTbl .rowStyle .tdStyle .stars{
  position: relative;
}
.changeToFix.compareTbl .rowStyle .tdStyle .stars:after, .changeToFix.compareTbl .rowStyle .tdStyle .stars:before ,
.changeToAbsolute.compareTbl .rowStyle .tdStyle .stars:after, .changeToAbsolute.compareTbl .rowStyle .tdStyle .stars:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.changeToFix.compareTbl .rowStyle .tdStyle .stars:after ,
.changeToAbsolute.compareTbl .rowStyle .tdStyle .stars:after {
  border-color: rgba(245, 245, 245, 0);
  border-top-color: #F5F5F5;
  border-width: 6px;
  margin-left: -6px;
}
.changeToFix.compareTbl .rowStyle .tdStyle .stars:before ,
.changeToAbsolute.compareTbl .rowStyle .tdStyle .stars:before {
  border-color: rgba(220, 220, 220, 0);
  border-top-color: #DCDCDC;
  border-width: 7px;
  margin-left: -7px;
}
.tableStyle.compareTbl .rowStyle:first-child{
  background: #f5f5f5 !important;
}
.compareTbl .rowStyle.titleRow{
  border-top: none;
}
.compareTbl .rowStyle.titleRow .tdStyle{
  padding: 0;
}
.compareTbl .rowStyle.titleRow .tdStyle .imageWrap{
  display: block;
  position:relative;
}
.compareTbl .rowStyle.titleRow .tdStyle .imageWrap .fa.fa-times {
  font-size: 1.1em;
  line-height: 20px;
}
.changeToFix .titleRow , .changeToAbsolute .titleRow{
  top: 0;
  left: 0;
  right: 0;
  width: 96%;
  padding: 0;
  z-index: 2;
  margin: auto;
  position: fixed;
  max-width: 1128px;
}
.changeToAbsolute .titleRow {
  top: auto;
  bottom: 0;
  z-index: 2;
  width: 100%;
  position: absolute;
  border-top: 1px solid #d5d5d5;
}
.comparationItems {
  padding-top: 10px;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 1.5em;
  border: 1px solid #eee;
  box-shadow: 0 0 3px 0 #ddd;
  -o-box-shadow: 0 0 3px 0 #ddd;
  -ms-box-shadow: 0 0 3px 0 #ddd;
  -moz-box-shadow: 0 0 3px 0 #ddd;
  -webkit-box-shadow: 0 0 3px 0 #ddd;
}
.comparationItems .hotelBox{
  width:19%;
  padding: 10px;
  position: relative;
  vertical-align: top;
  display: inline-block;
}
.comparationItems .hotelBox .inner{
  padding: 5px;
  border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border:1px solid #eee;
}
.comparationItems .hotelBox .removeThis ,.compareTbl .rowStyle.titleRow .tdStyle .removeThis{
    top: 0;
    right: 0;
    color: #666;
    width: 22px;
    margin: 7px;
    height: 22px;
    display: block;
    line-height: 22px;
    position: absolute;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0 0 3px 0 #999;
    -o-box-shadow: 0 0 3px 0 #999;
    -ms-box-shadow: 0 0 3px 0 #999;
    -moz-box-shadow: 0 0 3px 0 #999;
    -webkit-box-shadow: 0 0 3px 0 #999;
}
.comparationItems .hotelBox .removeThis:hover,.compareTbl .rowStyle.titleRow .tdStyle .removeThis{
  color: #ff0808;
}

.comparationItems .hotelBox .name,.comparationItems .hotelBox .stars{
  display: block;
}

.comparationItems .hotelBox .name a{
  background: none;
  color: #868686;
  padding: 0;
}
.comparationItems .compareBtn {
  margin: 10px auto;
  padding: 10px 37px;
  display: inline-block;
}
img[id ^= myAjaxLiContent]{
  width: 35px;
}
/*#myAjaxLiContent_comparationItems, #myAjaxLiContent_compareTrigger1003 {
    width: 35px;
}*/
#mainFooter #footerLink .links li{
    width:100%;
}
#mainFooter #footerLink{
    margin: 10px 0;
    min-height:150px;
}
.circleTitle:before{
    background: #999;
}
.circleTitle:hover{
    color: #28ace2;
}
footer h4{
    color: #28ace2;
    font-size: 18px;
    margin-bottom: 4px;
}
#mainFooter .topFooter a.logo{
    padding-top: 0;
}
.newsletter{
    position:relative;
    margin-top: 20px;
}
.newsletter input[type="text"]{
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:200px;
    float:left;
    padding-right:10px;
    border-left: none;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -ms-border-top-left-radius: 0;
    -o-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    -o-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}
.newsletter input[type="submit"],.newsletter button{
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    -o-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -ms-border-bottom-right-radius: 0;
    -o-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    width:44px;
    float:left;
    background: #28ace2;
    border-right: none;
    height: 31px;
    position: relative;
}
.newsletter button i{
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    margin:9px auto !important;
    font-size: 16px !important;
    color: #fff !important;
    pointer-events: none;
}
.newsletter .cmfcValidationV1ErrorMessageBoard{
  margin-right: 10px;
}
.newsletter .errorBox,.newsletter .messageBox{
  margin-right: 10px;
  padding: 2px 28px 2px 10px;
}
.repeatEmail{
  display: none;
}
#mainFooter .copy a, #mainFooter .pt a {
    color: #828282;
}
.newsletter input[type="submit"]:hover{
    background: #1998CC;
}
.blueBtnStyle {
    background: #28ace2;
    border: none;
}
.hotelList .midBox .btnStyle, .hotelList .midBox .greenBtnStyle, .hotelList .midBox .lightGreenBtnStyle, .hotelList .midBox .blueBtnStyle, .hotelList .midBox .grayBtnStyle, .hotelList .midBox .receipt .tableStyle .left .pay, .receipt .tableStyle .left .hotelList .midBox .pay{
    border: none;
}
#mainAside .filterBox form .searchEleman .btnStyle, #mainAside .filterBox form .searchEleman .greenBtnStyle, #mainAside .filterBox form .searchEleman .lightGreenBtnStyle, #mainAside .filterBox form .searchEleman .blueBtnStyle, #mainAside .filterBox form .searchEleman .grayBtnStyle, #mainAside .filterBox form .searchEleman .receipt .tableStyle .left .pay, .receipt .tableStyle .left #mainAside .filterBox form .searchEleman .pay{
    border: none;
}
.blueBtnStyle:after{
    display: none;
}
.btnStyle:after{
    display: none;
}
.blueTitle {
    color: #28ace2;
}
.generalInfo .usefulInfo ul li i{
    background: #28ace2;
}
.slider .tourSearch .searchBoxes form button{
    border: none;
}
.lightGreenBtnStyle{
    border: none;
}
.tableStyle .biggerTd {
    width: 14%;
}
.tableStyle .tdStyle, .tableStyle .thStyle {
    width: 14%;
}
.eachBoxMbFix {
    margin-bottom: 8px;
    color: #163367;
}
.differentBox .viewTourDetails{
    margin-bottom: 0;
}
.eachBoxNMbFix{
    margin-bottom: -14px;
}
.sortBox{
    margin-bottom: 10px;
}
.sortBox span{
    background:#28ace2;
}
.sortBox{
  border: 1px solid #28ace2;
  background: #ffffff;
}
.fixHeadTitle {
    margin-bottom: 10px;
    text-align: center;
    height: 40px;
    line-height: 39px;
    background: #ddeef8 !important;
}
.fixHeadTitle > div{
    float: right;
}
.fixHeadTitle .hotelName{
    width: 49%;
    padding-left: 1%;
    border-left: 1px solid #fff;
}
.fixHeadTitle .lowestPrice{
    width: 19.6%;
    border-left: 1px solid #fff;
}
.fixHeadTitle div i{
  margin-left: 7px;
}
.fixHeadTitle .tours{
    width: 30%;
}
.headFixed{
    position: fixed;
    width: 885px;
    z-index: 999;
    top: 0;
    margin-top: 0;

}
.hotelList .rightBox .close{
    line-height: 37px;
    border: none;
}
.hotelList .rightBox .hotelName{
    display: inline-block;
}
.hotelList .rightBox .stars{
    display: inline-block;
    margin-right: 10px;
}
.hotelList .rightBox .stars i{
    font-size: 12px;
}
.stActive{
    font-weight: bold;
    color: #6d6e71;
    font-size: 16px;
    background: #ddeef8;
    padding: 3px !important;
    border-radius: 3px;
}
.simpleselect .options{
    overflow:hidden;
}
#mainFooter .topFooter .leftFooter{
    margin-top: 24px;
}
#mainFooter .bottomFooter{
    line-height: 26px;
    padding: 1.6em 0;
    color: #999999;
}
footer .social{
    width: 100%;
    text-align: center;
    width: 100%;
    text-align: left;
    margin-top: 6px;
}
footer .social a{
    display: inline-block;
}
footer a{
    color: #999999;
}
.generalInfo .text{
    font-family: IRANSans;
}
.differentBox{
    font-family: IRANSans;
    font-size: .97em;
    border: 4px solid #28ace2;
}
.differentBox i{
    font-size: 1.1em;
}
.differentBox .mainTitle{
    background: #28ace2;
}
.differentBox .flightInfo .departingFlight .displayBlock, .differentBox .flightInfo .returnFlight .displayBlock{
    font-family: IRANSans;
}
.map{
    min-height: 200px !important;
}
.generalInfo .usefulInfo{
    font-size: 1em;
}
.generalInfo .text{
    font-size: .9em;
}
.differentBox .flightInfo .departingFlight {
    background: #f4f4f4;
}
.differentBox .flightInfo .departingFlight:after{
    border-color: transparent #f4f4f4 transparent;
}
.differentBox .agencyInfo{
  min-height: 131px;
  background: #fff;
  border: 1px solid #28ace2;
  border-radius: 5px;
  overflow: hidden;
}
.differentBox .agencyInfo .summaryLElement{
  line-height: 34px;
}
/* .differentBox .agencyInfo .agencyName{
    background:#f58232;
} */
.accordionRow a{
  color:#28ace2;
}
.hotelList .rightBox .hotelItem a{
  color: #868686;
}
.hotelList .rightBox h4.hotelItem{
  font-size: 16px;
}
.customLoading{
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 40px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  top: 191px;
  height: 30px;
  text-align: center;
  display: none;
  border-radius: 5px;
  padding: 2px;
  width: 200px;
  background: #ffbc3d;
}
.customLoading i{
  font-size: 24px;
  color: #fff ;
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}
@-webkit-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.accordionRow.close{
  position: relative;
}
.accordionRow.close i.fa-map-marker{
  margin-right: 9px;
}
.close .accordionRowTrigger{
    position:absolute;
    right:0;
    left:0;
    bottom: 0;
    top: 0;
    z-index: 9;
    cursor: pointer;
}
.servicetitle {
    width: 100%;
}
.hotelList .midBox span span{
  display: inline-block;
}
.tourHotelsInfo span{
  display:inline-block;
}
.slider .tourSearch .searchBoxes form button{
  background: #ffbc3d;
}
.slider .tourSearch .searchBoxes form button:hover{
  background: #ffaa0a ;
}
#mainFooter i{
  font-size: 2.6em;
  margin-left: 0;
  margin-right: 20px;
}
#mainAside .filterBox form .searchEleman label{
  padding-right: 2mm;
}
#mainAside .filterBox form .searchEleman .btnStyle{
  height:30px;
  text-align: center;
}
#mainAside .filterBox form .searchEleman .btnStyle i{
  color: #fff !important;
  border: none !important;
  margin: auto;
  width: 100% !important;
  padding: 5px 0 0 0;
  text-align: center;
}
input:focus, textarea:focus, select:focus, button:focus{
  -webkit-box-shadow: none;
  box-shadow: none;
}
.simpleselect .placeholder, .simpleselect .options{
  color:#767676;
  overflow:hidden !important;
  white-space:nowrap !important;
}
.hotelList .leftBox img{
    height:25px;
    width:auto;
}
.pagination a ,.pagination .current{
  display: inline-block;
  padding: 5px 15px;
  margin: 2px 0 2px 2px;
  border: 1px solid #f9f9f9;
}
.pagination .current,.pagination a:hover{
    background: #28ace2;
    color: #fff;
}
.pagination {
    margin-top: 22px;
    display: block;
}
.staticPage{
    width: 100%;
    padding: 20px;
    border: 1px solid #eee;
    -moz-box-shadow: 0 0 3px 0 #ddd;
    -webkit-box-shadow: 0 0 3px 0 #ddd;
    box-shadow: 0 0 3px 0 #ddd;
    margin-bottom: 26px;
    min-height: 50vh;
}
.staticPage h1{
  color: #28ace2;
  font-size: 1.5em;
  margin-bottom: 17px;
}
.mainImage {
    margin: 0 20px 20px 0;
}
.hotelPart.deactive .topPart .blueTitle{
  position: absolute;
  right: 225px;
  top: 20px;
  font-size: 18px;
}
.deactive .topPart address {
  display: inline-block;
  position: absolute;
  padding-left: 10px;
  text-align: right;
  right: 225px;
  top: 64px;
}
.deactive .topPart address i{
  display: none;
}
.hotelPart.deactive .topPart{
  height: 120px;
}
.hotelPart.deactive .hotelSlider{
  height: 100px;
  width: 190px;
}
.btnStyle, .greenBtnStyle, .lightGreenBtnStyle, .blueBtnStyle, .grayBtnStyle, .receipt .tableStyle .left .pay{
  border: none !important;
  outline: none !important;
}
.hotelList .rightBox .close .hotelItem.show{
  display: block;
  margin-top: -14px;
  margin-right: -8px;
  position: relative;
  right: -6px;
}
.differentBox .textBox h5 {
  color: #2d4764;
  background: #ddeef8;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 8px;
}
.differentBox .viewTourDetails .invisible{
  margin-top: 8px;
}
.white{
  color: #fff;
}
.differentBox .mainTitle{
  color: #fff;
}
.rowStyleAdditionalDayPrice{
  margin-top: -5px;
  -webkit-border-top-left-radius: 0 !important;
  -moz-border-top-left-radius: 0 !important;
  -ms-border-top-left-radius: 0 !important;
  -o-border-top-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -moz-border-top-right-radius: 0 !important;
  -ms-border-top-right-radius: 0 !important;
  -o-border-top-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.packagePrice{
  -webkit-border-top-left-radius: 0 !important;
  -moz-border-top-left-radius: 0 !important;
  -ms-border-top-left-radius: 0 !important;
  -o-border-top-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  -moz-border-top-right-radius: 0 !important;
  -ms-border-top-right-radius: 0 !important;
  -o-border-top-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  position: relative;
  border-top: none;
}
.tableStyle .rowStyle.packagePrice:first-child{
  padding: 9px 10px;
}
.tableStyle .tooltip, .tooltipStyle{
  position: relative;
}
/*.tableStyle .tooltipText,.tooltipTextStyle {
  left: 0;
  right: 0;
  height: 0;
  opacity: 0;
  width:125px;
  margin: auto;
  z-index: -1;
  color: #163367;
  font-size: 13px;
  overflow: hidden;
  padding: 1px 9px 0;
  border-radius: 3px;
  position: absolute;
  background: #ddeef8;
  display: block !important;
  border: 1px solid #d5d5d5;
  transform: translate(0px, 20px);
  -o-transform: translate(0px, 20px);
  -ms-transform: translate(0px, 20px);
  -moz-transform: translate(0px, 20px);
  -webkit-transform: translate(0px, 20px);
  transition: all 0.25s ease-out 0s;
  -o-transition: all 0.25s ease-out 0s;
  -ms-transition: all 0.25s ease-out 0s;
  -moz-transition: all 0.25s ease-out 0s;
  -webkit-transition: all 0.25s ease-out 0s;
}*/
.tableStyle .tooltipText,.tooltipTextStyle {
  left: 0;
  right: 0;
  height: 0;
  opacity: 0;
  width:125px;
  margin: auto;
  z-index: -1;
  color: #000000;
  font-size: 12px;
  overflow: hidden;
  padding: 1px 9px 0;
  border-radius: 3px;
  position: absolute;
  display: block !important;
  border: 1px solid #767676;
  transform: translate(0px, 20px);
  -o-transform: translate(0px, 20px);
  -ms-transform: translate(0px, 20px);
  -moz-transform: translate(0px, 20px);
  -webkit-transform: translate(0px, 20px);
  transition: all 0.25s ease-out 0s;
  -o-transition: all 0.25s ease-out 0s;
  -ms-transition: all 0.25s ease-out 0s;
  -moz-transition: all 0.25s ease-out 0s;
  -webkit-transition: all 0.25s ease-out 0s;
  background: #e4e5f0;
  background: linear-gradient(bottom , #e4e5f0 , #ffffff);
  background: -o-linear-gradient(bottom , #e4e5f0 , #ffffff);
  background: -ms-linear-gradient(bottom , #e4e5f0 , #ffffff);
  background: -moz-linear-gradient(bottom , #e4e5f0 , #ffffff);
  background: -webkit-linear-gradient(bottom , #e4e5f0 , #ffffff);
}
.tableStyle .tooltipText{
  width: auto !important;
}
.tooltipTextStyle{
  padding: 1px 2px;
  line-height: 25px !important;
}
.hotelVoucherItem .tooltipTextStyle{
  padding: 0 4px;
}
.tableStyle .tooltip:hover .tooltipText,.tooltipStyle:hover .tooltipTextStyle{
  opacity: 1;
  z-index: 202;
  height: auto;
  transform: translate(0, 0);
}
.ifExtraNight{
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  height:178%;
  width: 14%;
  padding-top: 30px;
  border-left: 1px solid #e3e3e3;
}

.differentBox .agencyInfo .agencyName {
    background: #28ace2;
    color: #fff;
    padding: 9px 0;
}
.differentBox .agencyInfo .agencyName a{
  color: #fff;
}
.differentBox .agencyInfo .agencyName .mapBtn{
  color: #28ace2;
}
.differentBox .agencyInfo .agencyName .mapBtn i{
  float: left;
  color: #de3f39;
  margin-top: 4px;
  font-size: 1.2em;
  margin-right: 4px;
  vertical-align: middle;
}
.differentBox .agencyInfo{
  font-size: 1.1em;
}
.differentBox .flightInfo .departingFlight .displayBlock, .differentBox .flightInfo .returnFlight .displayBlock{
  color: #163367;
}
.tableStyle .rowStyle{
  background: #fff;
}
.faTitle{
  position: relative;
  top: 0px;
}
.faTitle .addToCompare {
  background: #55af32 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 0.9rem;
  height: 21px;
  line-height: 19px;
  padding-right: 2px;
  text-align: center;
  width: 22px;
}
#mainAside .filterBox form .searchEleman .simpleselect .options{
  width: auto !important;
  min-width: 100% !important;
}
.sideAdBox{
  display: block;
  margin-bottom: 20px;
}
.sideAdBox img{
  display: block;
  border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.datepickerChangerApplied{
  background: #e5e5e5 !important;
}
#mainAside .filterBox form .searchEleman .btnStyle:before{
  display: none;
}
.showTheHiddenBtn .calendarContainerSm {
  padding: 18px;
}
#mainAside .showTheHiddenBtn{
  padding: 0;
}
.slider .tourSearch .searchBoxes form .eventContainer{
  color: #28ace2;
}
.slider .tourSearch .searchBoxes form .eventContainer span{
  color: #fff;
  margin-left: 3px;
}

.slider .tourSearch .searchBoxes form .eventContainer a {
  color: #fff;
}
.hotelList .rightBox .hotelListInfo{
  font-size: 12px;
}
.hotelList .rightBox .hotelItem span{
  display:inline-block;
  direction:rtl;
}
.fa-tripadvisor {
    color:#4B7E37 !important;
}
.hotelList .rightBox .hotelItem i.fa-map-marker,
.hotelList .rightBox .hotelItem i.fa-comments,
.hotelList .rightBox .hotelItem i.fa-info-circle,
.hotelList .rightBox .hotelItem i.fa-money,
.hotelList .rightBox .hotelItem i.fa-calendar-o,
.hotelList .rightBox .hotelItem i.fa-building-o,
.hotelList .rightBox .hotelItem i.fa-picture-o,
.hotelList .rightBox .hotelItem i.fa-users {
    font-size: 1.6em;
    width: 22px;
}
.commentForm {
    border-top:solid 3px #28ACE2;
}
/*
.commentForm * {
    color:#fff;
}
*/
.hotelList .rightBox .hotelItem i.fa-comments{
  color: #F58232;
}
.accordionRow.close i.fa-comments{
    margin-right: 9px;
}
#mainAside .filterBox .rangeSlider .noUi-horizontal .noUi-handle, .slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap .noUi-target .noUi-handle {
    background: #ffffff;
    height: 25px;
    width: 25px;
    top: -8px;
    border: 1px solid #0897ff;
}

.agency {
    font-size: 1.3em;
    margin-bottom: 9px;
}
.generalInfo .blueTitle{
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.mapBtn {
    display: inline-block;
    background: #ffbb3e url('../images/mapBg.jpg') no-repeat -34px -15px;
    height: 25px;
    line-height: 25px;
    padding: 0 6px;
    border-radius: 3px;
    margin-left: 10px;
    position: relative;
    top: -2px;
    font-size: 11px;
    font-weight: bold;
    color: #28ace2;
}
.topPart address span{
  display: inline-block;
  float: left;
}
#mainAside .filterBox form .searchEleman .simpleselect .placeholder {
    text-overflow: ellipsis;
    padding-left: 24px;
}
.profileMenu{
  margin-bottom: 26px;
}
.loginMsg {
  display: none;
}
.hotelList .midBox .btnStyle{
  height: 30px;
  line-height: 30px;
  padding: 0;
}
.pagination{
  margin: 22px 0;
  display: block;
  background: #ffffff;
  text-align: center;
  padding: 20px;
  -moz-box-shadow: 0 0 3px 0 #ddd;
  -webkit-box-shadow: 0 0 3px 0 #ddd;
  box-shadow: 0 0 3px 0 #ddd;
}
#chooseProfilePhoto{
  max-width:100%;
}
.hotelListInfoIcon{
  float:right;
  margin-left: 5px;
  width: 22px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.addToFav a{
  padding-right: 3px !important;
  padding-left: 3px !important;
}
.addToFav a.showShareBtns{
  color: #fff;
}
.inline{
  display: inline !important;
}
.multiBox span{
    margin: 4px 0;
}
.multiBox .servicetitle span{
  padding: 0;
}
.serviceTitle.gray {
    padding: 0 !important;
}
.servicetitle i{
  margin-left: 5px;
}
.rowStyleAdditionalDayPrice{
  height: 38px;
  line-height: 20px;
}
.singleImages{
  float: left;
}
.singleImages img{
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.contactWrap .formDiv label{
  width: 170px;
  display: inline-block;
  float: right;
  min-height: 1px;
}
.contactWrap .formDiv input, .contactWrap .formDiv select, .contactWrap .formDiv textarea{
  width: 340px;
  max-width: 100%;
}
.contactWrap .formDiv .checkBox{
  max-width: 100%;
  width: 340px;
  float: right;
}
.contactWrap .registrationForm .formDiv{
  width: 100%;
}
.labelAgreement{
  width: auto !important;
}
.contactWrap .formDiv input[type="submit"],.contactWrap .formDiv input[type="checkbox"]{
  width: auto !important;
}
.contactWrap .checkboxStyle{
  width: 16px !important;
}
.sortBox .sortItem ul li a:hover{
  color: #28ace2;
}
.differentBox .agencyInfo .floatLeft .summaryLElement{
  color: #054086;
  font-size: 18px;
}
.differentBox .agencyInfo .floatLeft .summaryLElement a{
  color: #054086;
}
.hotelTabs{
  background: #ddeef8;
}
.hotelTabs a{
  color: #054086;
}
.differentBox .mainTitle {
    background: #55af32 !important;
}

.horizontalTable tr {
    background: #ddeef8;
}
.generalInfo .usefulInfo{
  background: #ddeef8;
}
#mainAside .filterBox .rangeSlider .noUi-horizontal .noUi-handle{
  border: 1px solid #0897ff;
}
.sortBox .sortItem{
  border-left: 1px solid #28ace2;
}
.width100{
  width:100% !important;
  margin-top: 10px;
  font-family: 'IRANSans','pt',tahoma;
}
/* .width100 input ,.width100 textarea ,.width100 select{
  font-family: 'IRANSans','pt',tahoma;
} */
.registerContentHeader .captcha{
  position: relative;
}
.registerContentHeader .headCaptcha {
    position: absolute;
    left: 2px;
    top: 2px !important;
}
.registerContentHeader .headCaptcha img{
  width: auto;
  height: 30px;
}
.rules{
  color: #28ace2;
}
.rules:hover{
  color: #007bd4;
}
.differentBox{
  border: 3px solid #55af32;
  margin-bottom: 30px;
}
.differentBox .flightInfo .departingFlight i, .differentBox .flightInfo .returnFlight i{
  color: #163367;
}
.differentBox .agencyInfo{
  border: 2px solid #28ace2;
}
.differentBox .agencyInfo .floatLeft .summaryLElement i{
  color: #28ace2;
}
.differentBox .mainTitle {
    background: #55af32;
}
.accordionRowLeft{
  width: calc(100% - 160px);
}
.close .accordionRowLeft{
  width:calc(100% - 94px);
}
.mt10 {
    margin-top: 10px;
    display: inline-block;
}
.mt20{
  margin-top: 20px;
}
.mt7{
  margin-top: 7px !important;
}
.fixHeadTitle div img{
  width: 22px;
  position: relative;
  top: 5px;
  margin-left: 7px;
}

.forgetPasswordLink:hover{
  color: #c70404;
}
.form .captcha.formDiv.inline .floatRight img{
  height: 30px;
  margin-top: 4px;
}
.tableStyle .rowStyle:first-child{
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  -ms-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -ms-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.packagePriceFirst{
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  -ms-border-top-right-radius: 0;
  -o-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  -ms-border-top-left-radius: 0;
  -o-border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-top: none;
}
.rangeBtn{
  margin-top: 50px !important;
}
.firefox .rangeBtn{
  margin-top: 50px !important;
}
.noUi-connect {
    background: #ffa326;
}
.noUi-handle {
    background: #ffffff !important;
    height: 20px !important;
    width: 20px !important;
    top: -7px !important;
    left: -7px !important;
    border: 1px solid #ffa326 !important;

    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #1B74AE;
    border: medium none;
    cursor: pointer;
    height: 14px;
    width: 14px;
    left: -8px;
    top: -3px;
}
.noUi-handle:after,.noUi-handle:before{
  display:none;
}
.noUi-horizontal {
    height: 12px;
}
.priceBasedBox{
  font-size: 12px;
  color: #868686;
}
.priceBasedBox .rangeBtn{
  width: calc(100% - 8px);
  margin: 4px !important;
  height:30px;
}
.priceBasedBox .rangeBtn i{
  margin-left: 7px;
  position: relative;
  top: 1px;
}
.priceBasedBox .priceBasedBoxLikeSelect{
  border: 1px solid #d5d5d5;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.priceBasedBox .noUi-horizontal .noUi-handle{
  left: -6px;
  top: -5px !important;
}
.priceBasedBox .noUi-base{
  width: 97%;
}
.returnFlightImgIcon{
  margin-left: 10px;
  position: relative;
  top: 4px;
}
.flightNumber .fa-calendar{
  margin-right: 14px;
}
.hotelVoucherItem span{
  display:inline-block;
}
.hotelVoucherItemSidebar span{
  margin-left: 2px;
}
.slider .tourSearch .searchBoxes .tabContentContainer #destinationBasedSearch{
  border-top: 3px solid #28ace2;
}
.registerPageBtn{
  min-width:77px;
  min-height:27px;
  line-height: 27px;
}
.loginPageBtn{
  min-width: 62px;
  height: 27px;
  line-height: 27px;
}
.profilePhoto input[type="file"]{
  display: none;
}
.popupDatepickerPrice{
  width: 39% !important;
  /*margin-left: 11px;*/
}
.pRightPrice {
    margin-left: 3px;
}
#priceBasedSearch span.addResult {
    font-size: 13px;
    color: #767676;
    padding: 0 10px 1px;
}
span#slider-handles-value-lower {
    float: left;
}
.priceBoxUntil{
  width: 240px;
  float: left;
}
.tableStyle .rowStyle, .tableStyle .total .tdStyle,
.reserveSteps .stepBody .simpleForm, .reserveSteps .stepBody, .reserveSteps .stepBody .ticket .table{
  border: 1px solid #d5d5d5;
}
.notAdditionalDayTable span{
  width: 16% !important;
}
.notAdditionalDayTable span span{
  width: auto !important;
}
.eachAgancy .item i{
  margin-left: 1px;
}
.removeAvatar {
    border: 1px solid #c70404;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-top: 5px;
    color:#c70404;
    height:32px;
    line-height: 32px;
    text-align: center;
}
.removeAvatar:hover{
  color: #AA0000;
  border: 1px solid #AA0000;
}
.removeAvatar label{
  cursor: pointer;
  display: block;
}
.removeAvatarActive{
  background: #c70404;
  color: #fff;
}
.removeAvatar input{
  display:none;
}
/*#priceBasedSearch .rangeSliderWrap {
  margin-top: 44px !important;
}*/
#priceBasedSearch .sidebarRangeSliderWrap {
    margin-top: 15px !important;
}
.formDivBtn{
  float:right;
  width: 340px;
  max-width: 100%;
}
.favortiesTitle span{
  font-size: 1em !important;
}
/*.pricePopupDatepicker3 {
    width: 240px !important;
}*/
.accountActivationBtn{
  line-height: 30px;
  height: 30px;
  padding: 0 20px;
  display: inline-block;
}
.errorBoxMb{
  margin-bottom: 5px;
}
.resultBoxMb{
  margin-bottom: 13px;
}
/* new searchbox style*/
.slider .tourSearch .searchBoxes .tabContentContainer{
  color: #fff;
  background: none;
}
.slider .tourSearch .searchBoxes form .fixDate input,
.slider .tourSearch .searchBoxes form .styledSelect input,
.slider .tourSearch .searchBoxes form .searchTabItem input,
#priceBasedSearch span.addResult{
  background: #fff;
}
/*.pricePopupDatepicker3 {
    width: 238px !important;
}*/
/* new searchbox style end*/
.footerLogo{
  width:244px;
  height: 50px;
}
.addResult.datepickerTriggerApplied{
  display:block;
  cursor: text;
}
.searchTabItem.medium.addClassToThis.popupDatepickerPrice{
  width: 240px;
}
.ml6 {
  margin-left: 6px;
}
.lbl.pRight.pRightPrice{
  margin-right: 16px;
}
#mainAside .filterBox form .searchEleman input[type="text"]{
  padding-right: 10px;
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
/* ------------------ /NEW STYLE ------------------ */

@media (max-width: 72em) {
  body {
    direction: rtl;
  }
  .hotelList .rightBox {
    width: 60%;
    border-color: #e3e3e3;
  }
  .hotelList .leftBox {
    width: 25%;
  }
  .justHotelBox .rightBox{
    width: calc(100% - 187px);
  }
  .justHotelBox .leftBox{
    width: 178px;
  }
  .headFixed{
    left: 2%;
    width: calc(96% - 285px);
  }
  .fixHeadTitle .hotelName {
      width: 59.5%;
  }
  .fixHeadTitle .tours {
    width: 20.5%;
  }
  .hotelList .leftBox .popUpContent {
    width: 80%;
  }
  .hotelList .leftBox .agencyBox .agencyName{
    width: 100%;
    text-align: center;
  }
  .hotelList .leftBox .agencyBox .agencyPrice{
    width: 100%;
  }
  .popUpContent {
    width: 80%;
  }
  .sideAdBox img{
    max-width: 100%;
    display: block;
    height: auto;
  }
  .profileMenu {
    margin-bottom: 20px;
  }
  .profileMenu ul li {
    border: none;
    float: right;
    padding: 2px;
    width: 33.33%;
  }
  .profileMenu ul li a {
    background: #f5f5f5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .profileMenu ul li a i {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0;
    border-radius: 0 3px 3px 0;
  }
  .profileMenu ul li a:first-child, .profileMenu ul li a:last-child {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .profileMenu ul li a:first-child i, .profileMenu ul li a:last-child i {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0;
    border-radius: 0 3px 3px 0;
  }

  .reserveSteps .stepBody .ticket {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .reserveSteps .stepBody .additionalInfo {
    float: left;
  }
  .reserveSteps .stepBody .passengerInfoForm .left .formElement, .reserveSteps .stepBody .widthPassportImage .left .formElement {
    width: 31.3%;
  }
  .reserveSteps .stepBody .passengerInfoForm .left .formElement .fileInput, .reserveSteps .stepBody .widthPassportImage .left .formElement .fileInput {
    width: calc(100% - 100px);
  }
  .reserveSteps .stepBody .passengerInfoForm .left .formElement .fileInput label, .reserveSteps .stepBody .widthPassportImage .left .formElement .fileInput label {
    font-size: 0.9em;
    overflow: hidden;
  }
  .reserveSteps .stepBody .widthPassportImage .left {
    padding-left: 147px;
  }
  .largeLeftContent{
    width: 100%;
  }
}
@media (max-width: 60em) {
  body {
    direction: rtl;
  }

  .hotelList .leftBox .popUpContent {
    width: 96%;
  }

  .popUpContent {
    width: 96%;
  }
  .fixHeadTitle{
    display: none;
  }
  .hotelList{
    display: block;
  }
  .hotelList .rightBox{
    border-bottom: 1px solid #e3e3e3;
    display: block;
    margin-bottom: 6px;
    padding-bottom: 6px;
    width: 100%;
  }
  .hotelList .midBox,.hotelList .leftBox{
    width: 50%;
    float: right;
    border-right: none;
  }
  .justHotelBox .leftBox{
    width: 100%;
  }
  #narrowSide {
    width: 100%;
    float: none;
  }
  #narrowSide .sideBox, #narrowSide #mainAside .filterBox, #mainAside #narrowSide .filterBox {
    float: right;
    width: 32.3%;
    margin-left: 0.5%;
    margin-right: 0.5%;
  }
  #narrowSide .addToFav{
    float: right;
    width: 49%;
    margin:0 0.5% 20px;
  }
  #narrowSide .shareBtns{
    font-size: 2em;
    padding: 23px 15px 20px;
  }
  #narrowSide .shareBtns a{
    margin: 0 3px;
  }

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

  .tableStyle {
    font-size: 0.9em;
  }

  .receipt .tableStyle .left .blueBtnStyle i {
    display: none;
  }

  .loginOrRegisterBoxes .register, .loginOrRegisterBoxes .login {
    padding: 30px 8%;
  }

  .form {
    padding: 30px 8%;
  }
  .commentForm{
    padding: 0;
  }
  .reserveSteps .stepBody .widthPassportImage .left .formElement {
    width: 48%;
  }
  .reserveSteps .stepBody .widthPassportImage .left .formElement label {
    width: 100px;
  }
  .reserveSteps .stepBody .widthPassportImage .left .formElement .input, .reserveSteps .stepBody .widthPassportImage .left .formElement textarea {
    width: calc(100% - 100px);
  }
  .reserveSteps .stepBody .widthPassportImage .left .dontSHowClear {
    display: none;
  }
  #mainFooter .topFooter a.logo{
    width: 200px;
  }
  #mainFooter .topFooter a.logo img{
    max-width: 100%;
  }
}

@media (max-width: 57em) {
  .differentBox .flightInfo{
    width: 100%;
    margin-bottom: 15px;
  }
  .differentBox .agencyInfo{
    width: 100%;
  }
}

@media (max-width: 52em) {
  body {
    direction: rtl;
  }
  .eventsClass .lineTitle span.morePadding,.eventsClass .pageStyle .lineTitle span.eventDate{
    width: 100%;
    text-align: center;
  }
  .eventsClass .pageStyle .lineTitle span.eventDate span.floatRight {
    float: right;
    width: 49.5%;
    text-align: center;
    margin: 0.5% 0.25% 0.45%;
  }
  .eventsClass .pageStyle .lineTitle span.eventDate span.floatRight * {
    float: none;
    display: inline-block;
  }
  .fixHeadTitle .hotelName {
    width: 58%;
  }
  .fixHeadTitle .lowestPrice {
    width: 23.6%;
  }
  .fixHeadTitle .tours {
    width: 18%;
  }
  .tableWrap {
    width: 100%;
    overflow: scroll;
  }
  .eachBoxNMbFix{
    margin-bottom: 10px;
  }
  .generalInfoEdit {
    width: calc(100% - 200px);
  }
  .generalInfoEdit .formElement {
    width: 48%;
    margin-left: 2%;
  }
  .generalInfoEdit .fullFormElement {
    width: 100%;
  }

  .addressEditForm .formElement label, .reserveSteps .stepBody .simpleForm .formElement label {
    width: 65px;
  }
  .addressEditForm .formElement .input, .reserveSteps .stepBody .simpleForm .formElement .input, .addressEditForm .formElement textarea, .reserveSteps .stepBody .simpleForm .formElement textarea {
    width: calc(100% - 65px);
  }

  .reserveSteps .stepBody .passengerInfoForm .left .formElement, .reserveSteps .stepBody .widthPassportImage .left .formElement {
    width: 48%;
  }
  .reserveSteps .stepBody .passengerInfoForm .left .formElement label, .reserveSteps .stepBody .widthPassportImage .left .formElement label {
    width: 100px;
  }
  .reserveSteps .stepBody .passengerInfoForm .left .formElement .input, .reserveSteps .stepBody .widthPassportImage .left .formElement .input, .reserveSteps .stepBody .passengerInfoForm .left .formElement textarea, .reserveSteps .stepBody .widthPassportImage .left .formElement textarea {
    width: calc(100% - 100px);
  }
  .reserveSteps .stepBody .passengerInfoForm .left .dontSHowClear, .reserveSteps .stepBody .widthPassportImage .left .dontSHowClear {
    display: none;
  }
  .hotelPart .blueTitle .floatLeft{
    float: none;
    clear: both;
    display: block;
    text-align: left;
  }
  .faTitle{
    top: 0;
  }
  .agencyListBox{
    margin: 0 0.5% 24px;
    width: 19%;
    float: right;
  }
}

@media (max-width: 48em) {
  .trio .tripleBox {
    width: 90%;display: block;margin: 33px auto;}
  body {
    direction: rtl;
  }
  #mainHeader .showTheMenu {
    display: none;
    font-size: 1.2em;
  }
  #mainHeader .showTheMenu i {
    float: right;
    margin-top: 5px;
    font-size: 1.2em;
    margin-left: 8px;
  }
  #mainHeader .showTheMenu:hover {
    color: #0897ff;
  }
  .destinationDropDown select {
    border: 1px solid #ddd;
    width: 100%;
  }
  .col3 {
    width: 33.33%;
  }
  .col3.floatLeft {
    width: 100%;
  }
  .tourBox{
    width: 31.3%;
  }
  .tourBox:nth-child(2n) {
      margin-left: 2%;
  }
  .tourBox:nth-child(3n) {
      margin-left: 0;
  }
  .slider .tourSearch{
    height: 350px;
  }
  .comparationItems .hotelBox{
    padding: 0 0 10px;
  }
  .commentForm .formCol {
    padding: 0 20px 9px;
    width: 100%;
  }
  #mainFooter .topFooter .leftFooter{
    float: none;
    margin: 24px auto 0;
  }
  #mainFooter .topFooter a.logo{
    float: none;
    margin: 0 auto;
  }
}

@media (max-width: 47em) {
  body {
    direction: rtl;
  }
  .slider .tourSearch .searchBoxes .noSearchResult{
    top: auto;
    bottom: 60px;
  }
  .topElement{
    height: 88px;
    margin-bottom: 0;
    padding-top: 15px;
  }
  .bottomElement{
    height: 73px;
  }
  .slider #newSearchBox .searchBoxes #destinationBasedSearch .BigerSearchElementWrap,
  .slider #newSearchBox .searchBoxes #destinationBasedSearch .doubleSearchElementWrap,
  .slider #newSearchBox .searchBoxes #destinationBasedSearch .smallerSearchElementWrap,
  .slider #newSearchBox #priceBasedSearch .searchTabItem {
    margin-bottom: 5px;
  }
  #newSearchBox .searchTabItem.medium.addClassToThis.popupDatepickerPrice,  #newSearchBox .priceBoxUntil{
    width: calc(100% - 55px) !important;
    background: #fff;
  }

  .slider .tourSearch {
    width: 450px;
    height: 384px;
  }
  .slider .tourSearch .searchBoxes .tabContentContainer{
    height: 274px;
  }
  .slider .tourSearch .searchBoxes .tabContentContainer #destinationBasedSearch{
    padding-top: 1em;
    height: 266px;
  }
  .slider .tourSearch .searchBoxes #destinationBasedSearch .smallerSearchElementWrap {
    width: 100%;
  }
  .slider .tourSearch .searchBoxes #destinationBasedSearch .BigerSearchElementWrap {
    width: 100%;
  }
  .firefox .rangeBtn, .rangeBtn{
    margin-top: 36px !important;
  }
  .calendars-popup .calendars{
    width: 100% !important;
  }
  .slider .tourSearch .searchBoxes form .lbl,.slider .tourSearch .simpleselect, .slider .tourSearch .chosen-container,
  .slider .tourSearch .searchBoxes form .fixDate, .slider .tourSearch .searchBoxes form .styledSelect, .slider .tourSearch .searchBoxes form .searchTabItem{
    margin-top: 0;
  }
  .slider .tourSearch .searchBoxes form .calendarContainer, #mainAside .calendarContainer ,
  .slider .tourSearch .searchBoxes form .calendarContainerS,#mainAside .calendarContainerS ,
  .slider .tourSearch .searchBoxes form .calendarContainerSm ,#mainAside .calendarContainerSm{
    border: none;
  }
  .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainer ,.showTheHiddenBtn .calendarContainer,
  .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerS,.showTheHiddenBtn .calendarContainerS,
  .slider .tourSearch .searchBoxes form .showTheHiddenBtn .calendarContainerSm,.showTheHiddenBtn .calendarContainerSm {
    border-bottom: 2px solid #0897ff;
    border-top: 1px solid #0897ff;
  }
  .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .medium i.fa-calendar{
    padding-left: 7px;
  }
  .slider .tourSearch .searchBoxes #priceBasedSearch form .longLbl{
    margin-top: 0;
  }

  .slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap {
      margin: 0 2% 0 !important;
      width: 94%;
  }
  .searchTabItem.medium.addClassToThis.popupDatepickerPrice,.priceBoxUntil{
    float: left;
    margin-left: 0;
    width: calc(100% - 63px);
  }
  .slider .tourSearch .searchBoxes #priceBasedSearch form .pRight{
    padding-right: 0;
  }

  .lbl.pRight.pRightPrice,.pRightPrice{
    margin-right: 0;
    margin-left: 0;
  }
  .slider .tourSearch .searchBoxes .tabContentContainer .tabcontent {
    padding: 1em;
  }
  .slider .tourSearch .searchBoxes .tabContentContainer .tabcontent .txt {
    padding: 3px 0;
    margin-bottom: 0;
    background: #eee;
  }

  .slider .tourSearch .searchBoxes form .longLbl {
    width: 100%;
    margin: 5px 0;
  }

  .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap {
    width: 100%;
  }
  .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .lbl:first-child {
    padding-right: 0;
  }
  .slider .tourSearch .searchBoxes form .calendarContainer,
  .slider .tourSearch .searchBoxes form .calendarContainerS,
  .slider .tourSearch .searchBoxes form .calendarContainerSm{
    right: 0;
    width: 100%;
  }
  .comparationItems .hotelBox{
    width: 50%;
    float: right;
    padding: 5px 10px;
  }
  .comparationItems .hotelBox .removeThis{
    margin: 0;
  }
  .comparationItems .hotelBox .inner{
    text-align: right;
  }
  .comparationItems .hotelBox img{
    float: right;
    width:100px;
    margin-left: 10px;
  }
  #mainAside{
    width: 210px;
  }
  .leftContent {
      width: calc(100% - 225px);
  }
  .hotelSlider .passengerRate{
    top: 13px;
    left: 31px;
    width: 95px;
    padding: 4px 10px;
  }
  .hotelSlider .passengerRate .info .displayBlock{
    margin-top: 0;
  }
  .hotelSlider .passengerRate .info {
      float: none;
      width: 100%;
  }
  .hotelSlider .passengerRate .circleProgressRate {
      float: none;
      margin: 0 auto;
  }
  .tourBox {
    width: 46%;
    margin: 0 2% 2%;
  }

  .popularTours {
    width: 100%;
    margin: 0 auto 10px;
  }

  .popularTours .tourBox {
    width: 46%;
    margin: 0 2% 2%;
  }

  .lastPurchases {
    width: 96%;
    margin-right: 2%;
  }

  #narrowSide .sideBox, #narrowSide #mainAside .filterBox, #mainAside #narrowSide .filterBox {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
  }

  .differentBox .flightInfo {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .differentBox .agencyInfo {
    float: none;
    width: 100%;
  }

  .borderList .eachItem {
    padding: 3px 0;
  }
  .borderList .eachItem .go, .borderList .eachItem .back {
    float: left;
    width: 66.67%;
    padding: 3px 0;
  }
  .borderList .eachItem .go .floatRight, .borderList .eachItem .back .floatRight {
    width: 100px;
  }

  .tableStyle {
    width: 800px;
  }

  .generalInfoEdit .formElement {
    width: 90%;
  }
  .generalInfoEdit .fileInput {
    width: calc(100% - 100px);
  }
  .generalInfoEdit .input[type="file"] {
    width: 100%;
  }

  .reserveSteps .stepBody .hotelTitle {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .reserveSteps .stepBody .topDbBox {
    width: 100%;
    float: none;
  }
  .reserveSteps .stepBody .hotelImage {
    width: 215px;
  }
  .reserveSteps .stepBody .passengerInfoForm .left .formElement, .reserveSteps .stepBody .widthPassportImage .left .formElement, .reserveSteps .stepBody .widthPassportImage .left .formElement {
    width: 100%;
  }
  .reserveSteps .stepBody .passengerInfoForm .left .fileInput label, .reserveSteps .stepBody .widthPassportImage .left .fileInput label, .reserveSteps .stepBody .widthPassportImage .left .fileInput label {
    padding: 0 6px;
  }
  .reserveSteps .stepBody .passengerInfoForm .left .fileInput label, .reserveSteps .stepBody .widthPassportImage .left .fileInput label, .reserveSteps .stepBody .passengerInfoForm .left .fileInput .input, .reserveSteps .stepBody .widthPassportImage .left .fileInput .input, .reserveSteps .stepBody .widthPassportImage .left .fileInput label, .reserveSteps .stepBody .widthPassportImage .left .fileInput .input {
    width: 100%;
    text-align: right;
  }
  .reserveSteps .stepBody .widthPassportImage .left {
    padding-left: 160px;
  }

   #mainAside .filterBox .calendarContainer,
   #mainAside .filterBox .calendarContainerS,
   #mainAside .filterBox .calendarContainerSm{
    width: 450px;
  }

}
@media (max-width: 37.5em) {
  .generalInfo .usefulInfo {
    width: 100%;
    margin: 20px auto;
    padding: 10px 20px 20px;
  }
  .tripleBoxes .tripleBox{
    width: 33.33%;
    float: right;
    padding: 10px;
  }
  .tripleBoxes .tripleBox .imageWrap{
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 42em) {
  body {
    direction: rtl;
  }
  .registrationForm .formDiv{
    max-width: 100%;
  }
  .comparationItems .hotelBox{
    width: 100%;
  }
  .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .medium {
    float: right;
    width: calc(100% - 65px);
  }
  .slider .tourSearch{
    height: 348px;
  }
  .hotelList .rightBox {
    width: 100%;
    border-left: none;
  }
  .hotelList .rightBox figure {
    margin: 0 auto 10px;
    width: 148px;
    float: none;
  }
  .hotelList .rightBox figure:before{
    display: none;
  }
  .hotelList .rightBox figure img{
    position: static;
    border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }
  .accordionRowLeft {
    width: 100%;
  }
  .hotelList .midBox, .hotelList .leftBox{
    width: 100%;
    border:none;
  }
  .hotelList .leftBox{
    background: #eee;
  }
  .hotelList .leftBox .agencyBox .departingFlight, .hotelList .leftBox .agencyBox .returnFlight {
    width: 100%;
  }

  .hotelList .leftBox .agencyBox .departingFlight {
    margin-left: 1%;
  }
  .sortBox span{
    width: 100%;
  }
  .hotelList .leftBox .agencyBox {
    float: none;
    width: 100%;
    border-bottom: none;
  }
  .hotelList .leftBox .agencyBox:first-child {
    border-left: none;
  }
  .hotelList .leftBox .popUpContent {
    width: 96%;
  }
  .hotelList .leftBox a {
    border-top: 1px solid #e3e3e3;
  }

  #mainAside .sideBox, #mainAside .filterBox {
    width: 100%;
    min-height: 0;
    margin: 0 0 1%;
  }
  #mainAside .filterBox form .searchEleman.leftSearchEleman .calendarContainerSm {
      left: 0;
      right: auto;
  }
  #narrowSide .sideBox, #narrowSide #mainAside .filterBox, #mainAside #narrowSide .filterBox {
    width: 98%;
  }
  .faTitle,.topPart .blueTitle .stars,.hotelPart .blueTitle .floatLeft{
    float: none;
    display: block;
    text-align: center;
  }
  .faTitle .checkCompare{
    float: none;
    display: inline-block;
  }
  .deactive .topPart .blueTitle .stars{
    text-align: right;
    margin-right: 0;
  }
  .deactive .topPart address{
    line-height: 22px;
    margin-top: 10px;
  }
  .topPart address {
    text-align: center;
  }
  .topPart address span{
    float: none;
  }
  .generalInfo .usefulInfo {
    width: 100%;
    margin: 20px auto;
    padding: 10px 20px 20px;
  }
  .generalInfo .usefulInfo .smallerBlueTitle, .generalInfo .usefulInfo .searchResult {
    margin-bottom: 10px;
  }
  .generalInfo .usefulInfo ul li {
    background: rgba(255, 255, 255, 0.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: right;
    margin: 0.5%;
    padding: 3px 10px;
    width: 99%;
  }
  .differentBox .socialIcons{
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    float: none;
    margin: 0 -10px -3px;
    padding-top: 4px;
    text-align: center;
  }
  .differentBox .flightInfo .departingFlight:after {
    display: none;
  }

  .differentBox .flightInfo .flightNumber .clock {
    display: block;
    margin-left: 0;
  }
  .differentBox .borderList .eachItem .departingFlight, .differentBox .borderList .eachItem .returnFlight {
    width: 49.5%;
    margin: 0;
    text-align: center;
    margin-bottom: 5px;
  }

  .eachFacilities .smallerBlueTitle, .eachFacilities .searchResult {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #f5f5f5;
    margin-bottom: 10px;
    padding: 5px 7px;
    float: none;
    width: 100%;
  }
  .eachFacilities ul {
    width: 100%;
    float: none;
  }

  .horizontalTable tr th, .horizontalTable tr td {
    width: 100%;
    display: block;
    text-align: center;
  }
  .horizontalTable tr th {
    background: #e3e3e3;
    padding: 5px 0 9px;
    text-align: center;
  }

  .commentBox .commentBody .userRate {
    float: none;
    height: 78px;
    width: 138px;
    display: block;
    margin: 0 auto 10px;
  }
  .commentBox .commentBody .text {
    float: none;
    width: 100%;
  }

  .profileMenu ul li {
    width: 50%;
  }

  .userInfo {
    text-align: center;
  }
  .userInfo figure {
    float: none;
    margin: 0 auto 10px;
  }

  .generalInfoEdit {
    float: none;
    width: 400px;
    margin: 0 auto;
    max-width: 100%;
  }
  .generalInfoEdit .formElement {
    width: 100%;
    margin-left: 0;
  }
  .generalInfoEdit .formElement label {
    text-align: right;
  }

  .addressEditForm .formElement, .reserveSteps .stepBody .simpleForm .formElement {
    width: 100%;
    margin-left: 0;
  }
  .addressEditForm .formElement label, .reserveSteps .stepBody .simpleForm .formElement label {
    width: 100px;
    text-align: right;
  }
  .addressEditForm .formElement .input, .reserveSteps .stepBody .simpleForm .formElement .input, .addressEditForm .formElement textarea, .reserveSteps .stepBody .simpleForm .formElement textarea {
    width: calc(100% - 100px);
  }

  .loginOrRegisterBoxes .register, .loginOrRegisterBoxes .login {
    width: 100%;
    float: none;
  }

  .loginOrRegisterBoxes .register {
    border-left: none;
    border-bottom: 1px solid #e3e3e3;
  }
  #narrowSide .addToFav{
    width: 100%;
    margin:0 0 10px;
  }
  #narrowSide .shareBtns{
    padding: 13px 15px 10px;
    margin-bottom: 20px;
  }
  .agencyListBox{
    width: 24%;
  }
  .form {
    width: 100%;
    float: none;
  }

  .reserveSteps .stepTitle .left {
    padding-right: 25px;
    display: block;
    float: none;
  }

  .reserveSteps .stepBody .ticket {
    width: 100%;
    overflow: scroll;
  }
  .reserveSteps .stepBody .ticket .table {
    width: 600px;
  }
  .reserveSteps .stepBody .additionalInfo, .reserveSteps .stepBody .agency {
    width: 100%;
    float: none;
  }
  .reserveSteps .stepBody .simpleForm .formElement {
    margin-bottom: 8px;
  }
  .reserveSteps .stepBody .passengerInfoForm, .reserveSteps .stepBody .widthPassportImage {
    position: relative;
  }
  .reserveSteps .stepBody .passengerInfoForm .number, .reserveSteps .stepBody .widthPassportImage .number {
    top: 35px;
    right: 29px;
    position: absolute;
  }
  .reserveSteps .stepBody .passengerInfoForm .left, .reserveSteps .stepBody .widthPassportImage .left {
    width: 100%;
    margin-right: 0;
    padding-left: 0;
    padding-top: 97px;
  }

  .confirmMessage .trackingCode {
    padding: 10px 13%;
  }
  .hotelPart .col8,.rulesMap{
    width: 100%;
  }
  .rulesMap{
    padding-right: 0;
  }

  #mainFooter .bottomFooter {
    text-align: center;
  }

  #mainFooter .copy, #mainFooter .pt {
    width: 100%;
    text-align: center;
  }
  #mainFooter .pt span{
    display: block;
  }

  #mainFooter i {
    float: none;
    margin: 8px 0.5em;
  }
  .bottomFooter .col2,.bottomFooter .col10{
    width: 100%;
  }
  footer .social{
    margin-top: 0;
    text-align: center;
    margin-bottom: 10px;
  }

}
@media (max-width: 30em){
  .calendars-popup .calendars-month{
    width: 100%;
  }
  .pagination{
    padding: 20px 0;
  }
  .pagination a, .pagination .current{
    margin-left: 0;
    padding: 1px 12px;
  }
  .commentForm .formCol {
    padding: 0 5px;
    width: 100%;
  }
  .agencyListBox{
    width: 32.3%;
  }
  .differentBox .flightInfo{
    border:1px dashed rgba(0, 0, 0, 0.2);
    border-bottom: none;
  }
  .differentBox .flightInfo .departingFlight, .differentBox .flightInfo .returnFlight{
    width: 99.8%;
    display: block;
  }
  .pricePopupDatepicker3{
    width: 100% !important;
  }
  .slider .tourSearch .searchBoxes .tabs #locationTab,.slider .tourSearch .searchBoxes .tabs a {
    background-image: none;
    margin-left: 2px;
    padding: 2px 8px;
  }
  .slider .tourSearch .searchBoxes form .eventContainer, .slider .tourSearch .searchBoxes form .eventContainerLike{
    clear: both;
    height: auto;
  }
  .topElement{
    height: auto;
  }
}
@media (max-width: 29.5em) {
  body {
    direction: rtl;
  }

  #mainHeader {
    height: auto;
  }
  .slider{
    height: 90vh;
  }
  .slider .tourSearch {
    width: 310px;
  }

  .slider .tourSearch {
    height: 427px;
  }
  .slider .tourSearch .txt{
    font-size: 1.2em;
  }

  .slider .tourSearch .searchBoxes .tabs a {
    padding: 2px 8px;
  }

  .slider .tourSearch .searchBoxes .tabs #priceTab {
    background-image: none;
  }


  .slider .tourSearch .searchBoxes .innerTabs .checkBox {
    margin-bottom: 3px;
  }

  .slider .tourSearch .searchBoxes #priceBasedSearch form .medium{
    width: calc(100% - 65px) ;
    float: left;
  }
  .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .medium {
    float: right;
    width: calc(100% - 65px) !important;
  }
  .slider .tourSearch .searchBoxes #destinationBasedSearch .BigerSearchElementWrap .small,
  .slider .tourSearch .searchBoxes #destinationBasedSearch .doubleSearchElementWrap .small{
    width: calc(100% - 55px);
    margin-bottom: 10px;
  }
  .slider .tourSearch .searchBoxes .tabContentContainer #destinationBasedSearch,
  .slider .tourSearch .searchBoxes .tabContentContainer,
  .slider .tourSearch .searchBoxes .tabContentContainer{
    height: auto;
  }
  .sortBox span{
    float: none;
    display: block;
  }

  .tourBox {
    float: none;
    width: 300px;
    display: block;
    max-width: 100%;
    margin: 0 auto 15px;
  }
  .tourBox:last-child,.tourBox:nth-child(4n),.tourBox:nth-child(3n),.tourBox:nth-child(2n) {
    margin: 0 auto 15px;
  }

  .popularTours .tourBox {
    float: none;
    width: 300px;
    display: block;
    margin: 0 auto 15px;
  }
  .popularTours .tourBox:last-child,.popularTours .tourBox:nth-child(2n+1) {
    margin: 0 auto 15px;
  }

  .generalInfo .usefulInfo ul li {
    width: 100%;
    float: none;
  }

  .differentBox .borderList .eachItem .departingFlight, .differentBox .borderList .eachItem .returnFlight {
    width: 100%;
  }
  #mainAside{
    width: 100%;
  }
  .leftContent{
    width: 100%;
    margin-bottom: 10px;
  }
  .borderList .eachItem {
    padding: 0;
  }
  .borderList .eachItem .name {
    float: none;
    width: 100%;
    display: block;
    background: #eee;
    padding: 5px 14px;
    margin-bottom: 7px;
  }
  .borderList .eachItem .name img {
    margin-right: 0;
    margin-left: 9px;
  }
  .borderList .eachItem .go, .borderList .eachItem .back {
    width: 100%;
    float: none;
    padding: 0 14px 7px;
  }

  .eachFacilities ul li {
    width: 100%;
    float: none;
  }

  .profileMenu ul li {
    width: 100%;
  }

  .reserveSteps .stepBody .hotelImage {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .col3{
    margin: 0 0 9px;
    padding: 5px 14px;
    border: 1px dotted #ddd;
  }
  .col3{
    width: 100%;
  }
  .col3.floatLeft{
    margin: 0;
    padding: 0;
    border: none;
  }
  .generalInfo .usefulInfo ul li span {
      display: block;
      float: none;
      padding-right: 29px;
  }
  .hotelPart.deactive .hotelSlider{
    width: 100%;
    height: 150px;
  }
  .hotelPart.deactive .topPart{
    height: 267px;
  }
  .hotelPart.deactive .topPart .blueTitle {
      right: 10px;
      top: 160px;
  }
  .deactive .topPart address {
    right: 10px;
    top: 209px;
  }
  #mainAside .filterBox form .searchEleman .calendarContainerSm{
    width: 290px;
  }
}
@media (max-width: 24em){
  .hotelTabs a{
    height: 70px;
    padding: 6px 10px;
  }
}
@media (max-width: 22.5em) {
  .accordionRowLeft{
    width: 100%;
  }
  .differentBox .agencyLocation{
    width: 300px;
    height: 300px;
  }
  .pdfDownload{
    float: right;
  }
  .hotelSlider .cycle-2 .cycle-slide{
    width: 43px;
  }

  .doubleSearchElementWrap .lblFix {
    padding-right: 0 !important;
    width: 55px !important;
  }
  .uDate {
    width: calc(100% - 55px) !important;
  }
  .slider{
    height: 100vh;
  }
  .slider .tourSearch .searchBoxes .tabs #locationTab,.slider .tourSearch .searchBoxes .tabs a{
    padding: 2px 4px;
  }
  .slider .tourSearch .searchBoxes #priceBasedSearch .rangeSliderWrap {
    margin: 10px 2% 3px !important;
  }
  .simpleForm .formElement label,.simpleForm .formElement .input, .simpleForm .formElement textarea{
    width: 100%;
  }
  .saveChanges{
    float: none;
  }
  .slider .tourSearch .searchBoxes form .calendarContainer,
  .slider .tourSearch .searchBoxes form .calendarContainerS,
  .slider .tourSearch .searchBoxes form .calendarContainerSm{
    right: -81px;
    width: 300px;
  }
  .calendars-popup .calendars-month {
    width: 100%;
  }
  .commentForm .formCol label,.commentForm .formCol input, .commentForm .formCol textarea{
    width: 100%;
  }
  .commentForm .formCol .cmfcValidationV1ErrorMessageBoard{
    margin-right: 0;
  }
  .tripleBoxes .tripleBox{
    width: 100%;
    float: right;
    padding: 10px;
  }
  .tripleBoxes .tripleBox .imageWrap{
    width: 150px;
    height: 150px;
  }
  .agencyListBox{
    width: 49%;
  }
}

@media (max-height: 500px) {
  .slider {
    height: 510px;
  }
}

@media all and (orientation: portrait) {
  .slider img {
      height: 100%;
      width: auto;
  }
}

@media all and (orientation: landscape) and (max-width: 1024px){
  .slider img {
      height: auto;
      width: 100%;
  }
}
@media (max-height: 480px) {
  .slider img{
    height: 100%;
    width: auto;
  }
}


@media all and (orientation: portrait) {
  .slider img {
    height: auto;
    display: block;
    min-height: 100%;
    margin: 0 auto;
    max-width: auto;
    width: auto;
  }
}

@media all and (orientation: landscape){
  .slider img {
    display: block;
    height: auto;
    margin: 0 auto;
    width: auto;
    min-width: 100%;
  }
}


/********new styled added here*************/
.slider .tourSearch .searchBoxes .white-bg{
  background: #fff;
}

.calendars-cmd.calendars-cmd-close{
  float: left;
  text-align: left;
}
.agencyTbl .rowStyle.hasImage{
  line-height: 100px;
}
.new-hotel-box,.new-tour-box{
  position: relative;
}
.popularTours .new-hotel-box,.popularTours .new-tour-box{
  width: 49%;
  margin-left: 2%;
}
.popularTours .new-hotel-box .stars{
  text-align: right;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.new-hotel-box figure,.new-tour-box figure{
  margin-bottom: 0;
  position: relative;
}
.new-hotel-box figure:after,.new-tour-box figure:after{
  padding-top: 70%;
  display: block;
  content: "";
}
.new-hotel-box figure img,.new-tour-box figure img{
  top: 0;
  left:0;
  right: 0;
  bottom: 0;
  margin:auto;
  height:auto;
  width: auto;
  max-width:100%;
  max-height:100%;
  position: absolute;

}
.new-hotel-box .title{
  width: 100%;
}
.city-name::before {
    content: "،";
    display: inline-block;
    font-family: samim;
    padding: 0 5px;
    vertical-align: top;
}
.tourBox span.city-name {
    display: inline-block;
}
.tourBox .hotel-info-overlay{
  right: 0;
  bottom: 0;
  color: #fff;
  width: 100%;
  padding: 6px 10px;
  position: absolute;
  background: rgba(0,0,0,0.7);
}

.tourBox span.top-overlay{
  right: 0;
  top: 20px;
  color: #fff;
  width: auto;
  max-width: 80%;
  min-width: 50%;
  padding: 5px 10px;
  position: absolute;
  background: rgba(245, 130, 50, 0.9);
}
.tourBox span.top-overlay span{
  display: block;
  width:  100%;
}
.tourBox span.bottom-overlay{
  right: 0;
  bottom: 0;
  width: 100%;
  color: #000;
  padding: 10px;
  position: absolute;
  background: rgba(255,255,255,0.8);
}
.new-tour-box .agencyName,.new-tour-box .hotelName{
  text-align: right;
  float: right;
}
.tourBox span.bottom-overlay .price{
  text-align: left;
  float: left;
}
.tourBox span.bottom-overlay .details{
  width: 50%;
  float: left;
  display: block;
  text-align: left;
}
.tourBox span.bottom-overlay .details img{
  display: inline-block;
  vertical-align: middle;
}
.tourBox span.bottom-overlay .hotelName{
  width: 50%;
}
.filterBox .more, .filterBox .less {
  display: block;
  cursor: pointer;
  position: relative;
  margin-right: 19px;
  padding-right: 13px;
  color: #888;
}
.filterBox .more:before, .filterBox .less:before {
  right: 0;
  font-size: 10px;
  margin-top: 3px;
  margin-left: 4px;
  position: absolute;
  display: inline-block;
  font-family: FontAwesome;
}
.filterBox .more:before {
  content: "\f067";
}
.filterBox .less {
  display: none;
}
.filterBox .less:before {
  content: "\f068";
}

#searchTabItem, #searchTabItem2 {
  display: none;
}


/* ------------------------------ Edit */

i.fa-aparat:after{
    visibility: hidden;
}

i.fa-aparat:before{
    content: '';
    display: block;
    background: url('../images/aparatIcon.svg') no-repeat;
    width: 35px;
    height: 35px;
    background-size: 100%;
    background-position: center;
}

.topNav > .menuItem > a img {
  width: 48px;
  margin-top: -8px;
  margin-left: 9px;
  border-radius: 24px;
  border: 2px solid #28ace2;
}


.commentBox .title .avatar img {
    display: inline-block;
    border-radius: 20px;
    height: 30px;
    width: auto;
    vertical-align: middle;
    margin-left: 5px;
}

.hotelListFeatured {
  border: 5px solid #55af32;
  /*background-color: #28ace2;*/
}




/* ---------------------------------- EDIT */


.iataListIcon{
    width: 35px !important;
}

li.iataLi img, li.icaoLi img{
    background: #fff !important;
    padding: 2px;
}


.airportHomeBoxes span.title, .airportHomeBoxes span.hotelName{
    font-weight: bold !important;
}
.articlesClass .airportHomeBoxes span.articleTitle  {
  font-weight: bold !important;
}
.articlesClass .airportHomeBoxes span.title {
  font-weight: normal !important;
}
.eventsClass .tourBox .title {
  width:auto !important;
}
.hotelsClass .tourBox .title {
  width:auto !important;
}
.restaurantsClass .tourBox .title {
  width:auto !important;
}

/* HeaderSearch */
.introSearchBox{
    width: 100%;
    height: 450px;
    display: flex;
    background-size: cover;
    background-repeat: no-repeat;
    align-items: center;
}
.introSearchBox .thisCenterContent{
    width: 60%;
    margin: 0px auto;
}
.introSearchBox .thisCenterContent h3{
    display: block;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 30px;
}
.introSearchBox .thisCenterContent input[type="submit"]{
    background: #00a680;
    color: white;
    text-align: center;
    width: 150px;
    float: right;
    height: 40px;
    border-radius: 0px 20px 20px 0px;
    transition: all 0.5s;
}
.introSearchBox .thisCenterContent input[type="submit"]:hover{
    background: #057f62;
}
.introSearchBox .thisCenterContent .thisForm .autocompleteForm{
    width: calc(100% - 150px);
    float: right;
    position: relative;
}
.introSearchBox .thisCenterContent .thisForm .autocompleteForm::before{
    content: '\f041';
    font-family: 'FontAwesome';
    color: #00a680;
    right: 10px;
    top: 5px;
    position: absolute;
    z-index: 100;
    font-size: 1.3em;
}
.introSearchBox .thisCenterContent .thisForm .autocompleteForm .typeahead{
    background: #fff !important;
    color: #555 !important;
    text-align: right !important;
    width: 100% !important;
    height: 40px !important;
    border-radius: 20px 0px 0px 20px !important;
    padding-right: 30px;
}
.introSearchBox .thisCenterContent .thisForm .autocompleteForm .tt-menu{
    /* height: auto; */
    max-height: 50vh;
}




/* Full */
.newFullFacalities ul{
    width: 100%;
    float: none;
}
.newFullFacalities ul li{
    width: 33%;
}


/* FullWidthMapHolder */
#fullWidthMapHolder, #osm-map{
    width: 100%;
    height: 300px;
}



/* NewCarousel */
.carouselBoxes{
    position: relative;
}
.carouselBoxes span.sideArrows{
    cursor: pointer;
    background: #555;
    color: white;
    width: 35px;
    height: 45px;
    display: block;
    transition: all 0.5s;
    text-align: center;
    position: absolute;
    z-index: 999;
    padding-top: 7px;
    top: 30%;
}
.carouselBoxes span.leftArrow{
    left: 0px;
    border-radius: 0px 5px 5px 0px;
}
.carouselBoxes span.rightArrow{
    right: 0px;
    border-radius: 5px 0px 0px 5px;
}
.carouselBoxes span.sideArrows:hover{
    background: #2BACE2;
}
.carouselBoxes span.sideArrows i{
    font-size: 2em;
}
.boxesOwlCarouselHolder{
    width: 100%;
}
.boxesOwlCarouselHolder .item{
    width: 270px;
    overflow: hidden;
}
.boxesOwlCarouselHolder a.tourBox{
    width: 100%;
}
.boxesOwlCarouselHolder a.tourBox img{
    width: 100%;
}



/* CountDown */
.countDownCounter{
    margin-bottom: 50px;
    font-family: 'pt';
}
.flip-clock-wrapper{
    right: 7px;
}


/* Destination */
.destinationLeftSideRows ul{
    width: 100%;
    margin-top: 10px;
    margin-right: 5px;
}
.destinationLeftSideRows ul li{
    margin-bottom: 2px;
    background: #f5f5f5;
}
.destinationLeftSideRows ul li:last-child{
    margin-bottom: 0px;
}
.destinationLeftSideRows ul li a {
  display: block;
  position: relative;
  height: 56px;
  padding-right: 70px;
}
.destinationLeftSideRows ul li a::before{
    display: block;
    position: absolute;
    top: 6px;
    right: 10px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-family: 'FontAwesome';
    font-size: 1.7em;
    color: #ffffff;
    z-index: 9999;
    box-sizing: border-box;
}
.destinationLeftSideRows ul li:nth-child(1) a::before{
    content: '\f277';
    background: #ed9500;
}
.destinationLeftSideRows ul li:nth-child(2) a::before{
    content: '\f236';
    background: #56963b;
}
.destinationLeftSideRows ul li:nth-child(3) a::before{
    content: '\f072';
    background: #67adc1;
}
.destinationLeftSideRows ul li:nth-child(4) a::before{
    content: '\f1e5';
    background: #00649b;
}
.destinationLeftSideRows ul li:nth-child(5) a::before{
    content: '\f073';
    background: #19bd9b;
}
.destinationLeftSideRows ul li:nth-child(6) a::before{
    content: '\f0f5';
    background: #e76700;
}

.destinationLeftSideRows ul li a span.thisTitle{
    display: block;
    font-weight: bold;
    color: #2BACE2;
    line-height: 56px;
    font-size: 0.9em;
    transition:all 300ms;
}
.destinationLeftSideRows ul li a:hover span.thisTitle{
 padding-right:7px;
}



/* DestinationCities */
.destinationCities{
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
}
.destinationCities ul{
    width: 100%;
    text-align: center;
    margin: 0px 50px;
}
.destinationCities ul li{
    width: 45%;
    display: none;
    float: right;
}
.destinationCities ul li a{
    position: relative;
    direction: ltr;
}
.destinationCities ul li a .thisOverlay{
        position: absolute;
    left: 0px;
    width: 100%;
    height: 40px;
    text-align: left;
    background: rgba(30,30,30,0.75);
    padding-left: 14px;
    padding-top: 6px;
    bottom: 9px;
    color: white;
}
.destinationCities ul li a .thisOverlay strong{
    color: white;
}
.destinationCities ul li a .thisOverlay .thisHashTag{
    display: inline-block;
    background: #00a680;
    padding: 0px 8px;
    margin-right: 5px;
}
.destinationCities a.thisMore{
    display: block;
    background: #00a680;
    color: white;
    max-width: 150px;
    text-align: center;
    padding: 5px 0px;
    margin: 30px auto 10px auto;
    position: relative;
}
.destinationCities a.thisMore::before{
    content: '\f107';
    font-family: 'FontAwesome';
    color: white;
    position: absolute;
    top: 6px;
    right: 12px;
    font-size: 1.3em;
}




@media screen and (max-width:425px){


    .boxesOwlCarouselHolder .item{
        width: 100%;
    }


    /* ------------------------------------------ HomeBoxes */
    .popularTours .new-hotel-box, .popularTours .new-tour-box{
        float: right;
    }


    /* ------------------------------------------ Footer */
    .bottomFooter .col2, .bottomFooter .col4, .bottomFooter .col6{
        width: 100%;
    }

}


@media screen and (max-width:414px){


    /* ------------------------------------------ HomeBoxes */
    .popularTours .new-hotel-box, .popularTours .new-tour-box{
        float: none;
        width: 80%;
        margin: 0px auto 20px auto;
    }
    .new-hotel-box figure img, .new-tour-box figure img{
        width: 100%;
        height: auto;
    }


    /* ------------------------------------------ HomeBoxes */
    .mainImage{
        width: 80%;
        margin: 20px auto;
    }


    /* ------------------------------------------ Footer */
    footer .social a{
        transform: scale(0.7);
    }


}
.articleBody h1 {font-size:24px;font-weight:700;color:#333;}
.artTime {color:#aaa;margin: 10px 0;}
.tlg {text-align:center;margin: 20px 0;}
.tlg a {display:inline-block;padding:0 40px;min-height:50px;border-bottom:solid 4px #0374b3;line-height: 46px;background: #1e94d3;color: #fff;font-size:16px;border-radius:3px;transition:all 400ms;}
.tlg a:hover {padding:0 46px;opacity:0.8;}
.tlg a img {position:relative;top:8px;height:26px;margin-left:7px;}

.tags {padding:20px;margin-bottom:20px;}
.tags a {
  background: #eee;
  border-radius: 0 3px 3px 0;
  color: #333;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 23px 0 20px;
  position: relative;
  margin: 0 5px 5px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
    transition:all 300ms;
}

.tags a::before {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  right: 10px;
  position: absolute;
    transition:all 300ms;
  width: 6px;
  top: 10px;
}

.tags a::after {
  background: #f7f7f7;
  border-bottom: 13px solid transparent;
  border-right: 10px solid #eee;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
    transition:all 300ms;
  left: 0;
  top: 0;
}

.tags a:hover {
  background-color: #F58232;
  color: white;
}

.tags a:hover::after {
   border-right-color: #F58232;
}
.articleImg {padding-top:20px;}
.articleImg ul, .articleImg img {position: relative;z-index:9;}
.articleImg ul {z-index:10;top:-80px;right:50px;}
.articleImg ul li {margin:0 3px;display: inline-block;}
.articleImg ul li a {display:inline-block;height:30px;line-height: 26px;background:#304ffe;color:#fff;border-radius:50px;padding:0 10px;}
.articleImg ul li:nth-child(even) a {background: #2e7d32}

span.hotelItem i {display:none;}
span.hotelItem i.fa {color: #ccc !important;display:inline-block;}
span.hotelItem i:first-child {color: #F58232 !important}
span.hotelItem i:first-child + i {display:inline-block !important;width:auto !important;color:#868686 !important;}

.fixSel strong {display:none;font-weight: normal;}
.fixSel i.fa {color: #fff !important;display:inline-block;}
.fixSel i:first-child {color: #fff !important;}
.fixSel i:first-child + strong {display:inline-block !important;}
/* Search box */
.fieldholder {background: #fff;min-height: 80px;line-height: 80px;padding-right: 13px;margin-left: 7px;}
.fieldholder label {color:darkslategrey;}
.fieldholder {background: #fff;}
.fieldholder i {margin-left: 5px;position: relative;top: 1px;font-size: 21px;}
.fieldholder .simpleselect .placeholder {border:0;line-height: 69px;}
.fieldholder .simpleselect .options {margin-top: 48px;}
.fieldholder .lbl {width: 76px !important;}
.fieldholder .medium {width: calc(100% - 80px) !important;}
.fieldholder .cal-fix-2 {width: calc(100% - 96px) !important;}
.per30 {width: 25% !important;float: right !important;}
#priceBasedSearch .per30 {padding: 0 10px;margin-left: 7px;margin-top:7px;}
.per55 {width: 58% !important;float: right !important;padding-right: 0 !important;}
.per15 {min-height: 80px;line-height: 80px;width: calc(17% - 14px) !important;float: right !important;padding-right: 0 !important;}
.per15 button {
    height: 80px !important;
margin: 0 !important;
border-radius: 5px !important;
line-height: 1 !important;
position: relative !important;
top: -1px !important;
    background: #4a8df8 !important;
}
.per15 button:hover {
    background: #31a9de !important;
}
.fourty .addResult {font-size: 12px; color: #535353 !important;}
.fieldholder .destinationDropDown {width: calc(100% - 76px) !important;}
.fieldholder .twitter-typeahead {border: none !important;}
.fieldholder .searchTabItem {border: 0 !important;}
.fieldholder .thirty {
    width: 28%;float: right;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    padding: 0 9px;
}
.fieldholder .fourty {
    width: 36%;float: right;
    position: relative;
    padding: 0 9px;
}
.fieldholder .fourty._firstDate {
    width: 30%;
}
.fieldholder .fourty._secondDate {
    width: 42%;
}
.fieldholder.per55 .medium {
    width: calc(100% - 80px) !important;
    float: right;
}.fieldholder.per55 .small {
    width: calc(100% - 80px) !important;
    height: 80px;
    float: right;
}
.slider .tourSearch .searchBoxes .tabContentContainer #priceBasedSearch {
    border-top: 3px solid #f68131;
    background: rgba(166,175,182,0.8);
    padding: 10px !important;
}
.slider .tourSearch .searchBoxes .tabContentContainer #typeBasedSearch {
    border-top: 3px solid #69d503;
    background: rgba(166,175,182,0.8);
    padding: 10px !important;
}
/*.destinationDropDown {float: right}*/
.imagePicker .trigger {width: 0px !important;
height: 0px !important;
overflow: hidden !important;
position: absolute !important;}
.searchTabItem .imagePicker {display: inline;
position: absolute;
width: 0;
height: 0;
overflow: hidden;}
.fourty .fa-calendar {width: 24px;height: 24px;background: url(../images/taghvim.png) no-repeat center; overflow: hidden;text-indent: -9999px;position: relative;top: 5px;}
.thirty .fa-clock-o {width: 26px;height: 24px;background: url(../images/saat.png) no-repeat center; overflow: hidden;text-indent: -9999px;position: relative;top: 5px;}
.per30 .fa-map-marker {width: 26px;height: 24px;background: url(../images/makan.png) no-repeat center; overflow: hidden;text-indent: -9999px;position: relative;top: 5px;}
.thirty .lbl {width: 77px !important;}
#typeBasedSearch .chosen-container, #typeBasedSearch .twitter-typeahead {border:0 !important;}
#typeBasedSearch .chosen-drop, #typeBasedSearch .chosen-drop * {line-height: 30px;}
.per30 .rangeSliderWrap {width: 100% !important;float: none !important;}
.cal-icon-fix {
    position: relative;
}
.cal-icon-fix .imagePicker {position: absolute;top: 26px;right: 3px;border-right: 0 !important;}
.cal-icon-fix label {padding-right: 30px;}
.pageBody {background:#f7f7f7;color: #789;border-radius: 4px;margin-bottom: 20px;border:solid 1px #e0e0e0;border-bottom-width: 3px;padding: 10px 25px;margin-top: 10px;}

/*Custom AutoComplete*/
.typeahead + pre {visibility: hidden !important;
  /* top: 6px !important;left: 20px !important;z-index: 999 !important;color: #aaa */
}

.pull-right {float:right;}
.big.pull-right {width: 70% !important;}
#typeBasedSearchForm .topElement .BigerSearchElementWrap.fieldholder.per30 .lbl[for^="typeSearch[typeId]"] + .big.pull-right .destinationDropDown{
  width:100% !important
}
#typeBasedSearchForm .topElement .BigerSearchElementWrap.fieldholder.per30 .lbl[for^="typeSearch[typeId]"] + .big.pull-right {
  width: 66% !important;
}
#typeBasedSearchForm .topElement .BigerSearchElementWrap.fieldholder.per30 .lbl[for^="typeSearch[typeId]"] {
  width: 86px !important
}
.userdrop {
  position: absolute;
width: 200px;
z-index: 1;
top: 49px;
right: 0;
border-bottom: 0px solid #28ace2;
max-height: 0;
overflow: hidden;
transition: all .8s;
transform: translateX(20px);
}
.userdrop.open {
  max-height: 500px;
  border-bottom: 3px solid #28ace2;
  transition: all .8s;
}
.userdrop a {
  display: block;
  background: #fff;
  min-height: 44px;
  line-height: 44px;
  border-bottom: solid 1px #cfcfcf;
}
.userdrop a:last-child {
  border-radius: 0 3px 3px 0;
}




/* ------------------------------------------------------------------------------------------ */
/*                                            TOOLS                                           */
/* ------------------------------------------------------------------------------------------ */
.dir-ltr {
  direction: ltr !important;
}
.dir-rtl {
  direction: rtl !important;
}
.text-align-right {
  text-align: right !important;
}
.text-align-left {
  text-align: left !important;
}

._off,
.hdnTxtAr {
    display: none !important;
}

.margin-top-minimize {
    margin-top: 10px;
}
.margin-bottom-minimize {
    margin-bottom: 10px;
}
.margin-top-normalize {
    margin-top: 20px;
}
.margin-bottom-normalize {
    margin-bottom: 20px;
}
.margin-top-maximize {
    margin-top: 30px;
}
.margin-bottom-maximize {
    margin-bottom: 30px;
}


/* ------------------------------------------------------------------------------------------ */
/*                                            GRID                                            */
/* ------------------------------------------------------------------------------------------ */
.row {
    display: block;
    max-width: 74.375rem;
    margin-right: auto;
    margin-left: auto;
}
.row::before,
.row::after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}
.row .column {
    display: block;
    float: right;
    width: 100%;
    padding-right: .9375rem;
    padding-left: .9375rem;
}


.xRow::before,
.xRow::after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}

.xRow.collapse > .xColumn,
.xRow.collapse > .xColumns {
    padding-right: 0;
    padding-left: 0
}
.xRow .xRow {
    margin-right: -.625rem;
    margin-left: -.625rem
}

@media print,
screen and (min-width: 49.0625em) {
    .xRow .xRow {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,
screen and (min-width: 62.3125em) {
    .xRow .xRow {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media print,
screen and (min-width: 65.0625em) {
    .xRow .xRow {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 86.4375em) {
    .xRow .xRow {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

@media screen and (min-width: 101.0625em) {
    .xRow .xRow {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }
}

.xRow .xRow.collapse {
    margin-right: 0;
    margin-left: 0
}
.xRow.expanded {
    max-width: none
}
.xRow.expanded .xRow {
    margin-right: auto;
    margin-left: auto
}
.xRow:not(.expanded) .xRow {
    max-width: none
}
.xRow.gutter-small>.xColumn,
.xRow.gutter-small>.xColumns {
    padding-right: .625rem;
    padding-left: .625rem
}
.xRow.gutter-medium>.xColumn,
.xRow.gutter-medium>.xColumns {
    padding-right: .9375rem;
    padding-left: .9375rem
}
.xColumn,
.xColumns {
    width: 100%;
    float: right;
    padding-right: .625rem;
    padding-left: .625rem
}

@media print,
screen and (min-width: 49.0625em) {
    .xColumn,
    .xColumns {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.xColumn:last-child:not(:first-child),
.xColumns:last-child:not(:first-child) {
    float: left
}

.xColumn.end:last-child:last-child,
.end.xColumns:last-child:last-child {
    float: right
}

.xColumn.xRow.xRow,
.xRow.xRow.xColumns {
    float: none
}

.xRow .xColumn.xRow.xRow,
.xRow .xRow.xRow.xColumns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
}


.small-1 {
    width: 8.33333%
}
.small-2 {
    width: 16.66667%
}
.small-3 {
    width: 25%
}
.small-4 {
    width: 33.33333%
}
.small-5 {
    width: 41.66667%
}
.small-6 {
    width: 50%
}
.small-7 {
    width: 58.33333%
}
.small-8 {
    width: 66.66667%
}
.small-9 {
    width: 75%
}
.small-10 {
    width: 83.33333%
}
.small-11 {
    width: 91.66667%
}
.small-12 {
    width: 100%
}

@media print,
screen and (min-width: 49.0625em) {
    .medium-1 {
        width: 8.33333%
    }
    .medium-2 {
        width: 16.66667%
    }
    .medium-3 {
        width: 25%
    }
    .medium-4 {
        width: 33.33333%
    }
    .medium-5 {
        width: 41.66667%
    }
    .medium-6 {
        width: 50%
    }
    .medium-7 {
        width: 58.33333%
    }
    .medium-8 {
        width: 66.66667%
    }
    .medium-9 {
        width: 75%
    }
    .medium-10 {
        width: 83.33333%
    }
    .medium-11 {
        width: 91.66667%
    }
    .medium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 62.3125em) {
    .xmedium-1 {
        width: 8.33333%
    }
    .xmedium-2 {
        width: 16.66667%
    }
    .xmedium-3 {
        width: 25%
    }
    .xmedium-4 {
        width: 33.33333%
    }
    .xmedium-5 {
        width: 41.66667%
    }
    .xmedium-6 {
        width: 50%
    }
    .xmedium-7 {
        width: 58.33333%
    }
    .xmedium-8 {
        width: 66.66667%
    }
    .xmedium-9 {
        width: 75%
    }
    .xmedium-10 {
        width: 83.33333%
    }
    .xmedium-11 {
        width: 91.66667%
    }
    .xmedium-12 {
        width: 100%
    }
}

@media print,
screen and (min-width: 65.0625em) {
    .large-1 {
        width: 8.33333%
    }
    .large-2 {
        width: 16.66667%
    }
    .large-3 {
        width: 25%
    }
    .large-4 {
        width: 33.33333%
    }
    .large-5 {
        width: 41.66667%
    }
    .large-6 {
        width: 50%
    }
    .large-7 {
        width: 58.33333%
    }
    .large-8 {
        width: 66.66667%
    }
    .large-9 {
        width: 75%
    }
    .large-10 {
        width: 83.33333%
    }
    .large-11 {
        width: 91.66667%
    }
    .large-12 {
        width: 100%
    }
}

@media screen and (min-width: 86.4375em) {
    .xlarge-1 {
        width: 8.33333%
    }
    .xlarge-2 {
        width: 16.66667%
    }
    .xlarge-3 {
        width: 25%
    }
    .xlarge-4 {
        width: 33.33333%
    }
    .xlarge-5 {
        width: 41.66667%
    }
    .xlarge-6 {
        width: 50%
    }
    .xlarge-7 {
        width: 58.33333%
    }
    .xlarge-8 {
        width: 66.66667%
    }
    .xlarge-9 {
        width: 75%
    }
    .xlarge-10 {
        width: 83.33333%
    }
    .xlarge-11 {
        width: 91.66667%
    }
    .xlarge-12 {
        width: 100%
    }
}


.TA_col_default {
    padding-left: 3px !important;
}
.TA_col_opposite {
    padding-right: 3px !important;
}
.TA_row_placeholder {
    padding: 10px;
    background-color: #f8f8f8;
}

@media only screen and (max-width: 997px) {
    .TA_col_default {
        padding-left: 0 !important;
    }
    .TA_col_opposite {
        padding-right: 0 !important;
    }
}


/* ------------------------------------------------------------------------------------------ */
/*                                         TITLE:  X1                                         */
/* ------------------------------------------------------------------------------------------ */
[data-title="x1"] {
    background-color: #e7e7e7;
}
[data-title="x1"] span {
    display: table;
    margin: 0 auto;
}
[data-title="x1"] span:after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}
[data-title="x1"] span i {
    display: block;
    float: right;
    margin-left: 10px;
    line-height: 40px;
    font-size: 25px;
    color: #054086;
}
[data-title="x1"] span ins {
    display: block;
    float: right;
    line-height: 40px;
    text-decoration: none;
    font-family: "IRANSans";
    font-size: 18px;
    color: #054086;
}


/* ------------------------------------------------------------------------------------------ */
/*                                         PANEL:  X1                                         */
/* ------------------------------------------------------------------------------------------ */
[data-panel="x1"] {
    border: 2px solid #55af32;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
[data-panel="x1"]:before,
[data-panel="x1"]:after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}
[data-panel="x1"] ._header {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 220px;
    background-color: #55af32;
}
[data-panel="x1"] ._header ._title {
    display: block;
    line-height: 40px;
    font-family: "IRANSans";
    font-size: 16px;
    color: #ffffff;
}
[data-panel="x1"] ._header ._button {
    display: table;
    position: absolute;
    top: 9px;
    left: 10px;
    min-width: 200px;
    padding: 0 30px;
    background-color: #f58232;
    border: 2px solid #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 36px;
    text-align: center;
    font-family: "IRANSans";
    color: #ffffff;
}
[data-panel="x1"] ._body {}
[data-panel="x1"] ._body [data-list="x1"] {
    display: none;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
}
[data-panel="x1"] ._body [data-list="x2"] {
    margin-top: 10px;
}

/* -------------------------------------- MEDIA  QUERY -------------------------------------- */
@media only screen and (max-width: 785px) {
    [data-panel="x1"] ._header {
        padding-left: 10px;
    }
    [data-panel="x1"] ._header ._title {
        margin-bottom: 10px;
        line-height: 33px;
    }
    [data-panel="x1"] ._header ._button {
        position: static;
        top: 0;
        left: 0;
        margin: 0 auto;
    }
}


/* ------------------------------------------------------------------------------------------ */
/*                                          LIST: X1                                          */
/* ------------------------------------------------------------------------------------------ */
[data-card="x1"] {}
[data-card="x1"] > * {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #054086;
}
[data-card="x1"] > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: medium none;
}
[data-card="x1"] ._title {
    display: block;
    text-align: center;
    font-family: "IRANSans";
    font-weight: bold;
    font-size: 14px;
    color: #054086;
}
[data-card="x1"] ._img {
    display: block;
}
[data-card="x1"] ._img img {
    display: table;
    max-width: 200px;
    margin: 0 auto;
}
[data-card="x1"] ._combination {
    display: block;
}
[data-card="x1"] ._combination:after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}
[data-card="x1"] ._combination ._label {
    display: block;
    line-height: 33px;
    text-align: center;
    font-family: "IRANSans";
    font-weight: bold;
    font-size: 13px;
    color: #054086;
}
[data-card="x1"] ._combination ._value {
    display: block;
    line-height: 33px;
    text-align: center;
    font-family: "IRANSans";
    font-size: 13px;
    color: #054086;
}


/* ------------------------------------------------------------------------------------------ */
/*                                          LIST: X1                                          */
/* ------------------------------------------------------------------------------------------ */
[data-list="x1"] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f0f0f0;
    border: 1px solid #f58232;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
[data-list="x1"]:before,
[data-list="x1"]:after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}
[data-list="x1"] ._item {
    display: block;
    float: right;
    width: 33.33333333333333%;
    padding-right: 10px;
    padding-left: 10px;
    border-left: 1px dotted #f58232;
}
[data-list="x1"] ._item:before,
[data-list="x1"] ._item:after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}
[data-list="x1"] ._item:last-child {
    border-left: medium none;
}
[data-list="x1"] ._item ._image {
    display: block;
}
[data-list="x1"] ._item ._image a {
    display: table;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}
[data-list="x1"] ._item ._image a img {
    display: block;
}
[data-list="x1"] ._item ._row {
    position: relative;
    padding-right: 50px;
    margin-left: 10%;
    margin-right: 10%;
}
[data-list="x1"] ._item ._row:before,
[data-list="x1"] ._item ._row:after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}
[data-list="x1"] ._item ._label {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
}
[data-list="x1"] ._item ._label i {
    display: block;
    line-height: 35px;
    text-align: center;
    font-size: 20px;
}
[data-list="x1"] ._item ._value {
    display: block;
    line-height: 35px;
    text-align: center;
}
[data-list="x1"] ._item ._value._phone {
    font-family: "IRANSans";
    font-size: 17px;
}
[data-list="x1"] ._item ._col {
    float: right;
    width: 50%;
    padding: 0 5px;
}
[data-list="x1"] ._item ._button {
    display: table;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
[data-list="x1"] ._item ._button._img {
    background: #ffbb3e url('/templates/default/interface/images/mapBg.jpg') no-repeat -34px -15px;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.5);
}
[data-list="x1"] ._item ._button span {
    display: block;
    float: right;
    line-height: 35px;
    font-family: "IRANSans";
    font-weight: bold;
    color: #28ace2;
}
[data-list="x1"] ._item ._button i {
    display: block;
    float: right;
    padding-right: 10px;
    line-height: 35px;
    font-size: 20px;
    color: #de3f39;
}
[data-list="x1"] ._item ._button._img:hover {
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
}
[data-list="x1"] ._item ._address {
    display: block;
    line-height: 20px;
    text-align: justify;
    font-family: "IRANSans";
    font-size: 13px;
}

/* -------------------------------------- MEDIA  QUERY -------------------------------------- */
@media only screen and (max-width: 997px) {
    [data-list="x1"] ._item ._col {
        float: none;
        width: 100%;
        padding: 0 10px;
        padding-bottom: 10px;
    }
    [data-list="x1"] ._item ._button {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (max-width: 785px) {
    [data-list="x1"] {
        padding-top: 0;
        padding-bottom: 0;
    }
    [data-list="x1"] ._item {
        float: none;
        width: 100%;
        height: auto !important;
        padding-top: 20px;
        padding-bottom: 20px;
        border-left: medium none;
        border-bottom: 1px dotted #f58232;
    }
    [data-list="x1"] ._item:last-child {
        border-bottom: medium none;
    }
}

/* ------------------------------------------------------------------------------------------ */
/*                                          LIST: X2                                          */
/* ------------------------------------------------------------------------------------------ */
[data-list="x2"] {
    display: table;
    width: 100%;
}
[data-list="x2"]:before,
[data-list="x2"]:after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}
[data-list="x2"] ._item {
    display: table-cell;
    position: relative;
}
[data-list="x2"] ._item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 50px;
    margin-top: -25px;
    background-color: #979797;
}
[data-list="x2"] ._item:last-child:before {
    display: none;
}
[data-list="x2"] ._item ._label {
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #d4f3ff;
    border-bottom: 1px solid #ffffff;
    line-height: 40px;
    text-align: center;
    font-family: "IRANSans";
    font-weight: bold;
    font-size: 14px;
    color: #054086;
}
[data-list="x2"] ._item ._value {
    display: block;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #f0f0f0;
    line-height: 40px;
    text-align: center;
    font-family: "IRANSans";
    font-size: 14px;
}

/* -------------------------------------- MEDIA  QUERY -------------------------------------- */
@media only screen and (max-width: 997px) {
    [data-list="x2"] {
        display: block;
    }
    [data-list="x2"] ._item {
        display: block;
        float: right;
        width: 33.3333%;
    }
}
@media only screen and (max-width: 785px) {
    [data-list="x2"] ._item {
        width: 50%;
    }
}
@media only screen and (max-width: 400px) {
    [data-list="x2"] ._item {
        width: 100%;
    }
}


/* ------------------------------------------------------------------------------------------ */
/*                                           TABLE                                           */
/* ------------------------------------------------------------------------------------------ */
.table-scroll {}
table._scroll {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
    border-spacing: 0;
    border-collapse: separate;
}
table._scroll thead {
    border: medium none;
}
table._scroll thead tr {
    background-color: transparent;
}
table._scroll thead tr th {
    position: relative;
    background-color: #d4f3ff;
    border-bottom: 2px solid #ffffff;
    white-space: nowrap;
}
table._scroll thead tr th:before {
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    width: 1px;
    height: 72px;
    background-color: #aaaaaa;
    z-index: 9;
}
table._scroll thead tr th:last-child:before {
    display: none;
}
table._scroll thead tr th ._title {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 50px;
    text-align: center;
    font-family: "IRANSans";
    font-weight: bold;
    font-size: 13px;
    color: #054086;
}
table._scroll tbody {
    border: medium none;
}
table._scroll tbody tr {
    background-color: transparent;
}
table._scroll tbody tr td {
    position: relative;
    background-color: #f0f0f0;
    white-space: nowrap;
}
table._scroll tbody tr td:before {
    content: "";
    position: absolute;
    top: 30%;
    left: 0;
    width: 1px;
    height: 72px;
    background-color: #aaaaaa;
    z-index: 9;
}
table._scroll tbody tr td[rowspan]:before {
    top: 30%;
    height: 56px;
}
table._scroll tbody tr._before_last td[rowspan]:before {
    top: 30%;
    height: 107px;
}
table._scroll tbody tr._rowspan._last td[rowspan]:before {}
table._scroll tbody tr td:last-child:before {
    display: none;
}
table._scroll tbody tr:last-child td:before {
    display: none;
}
table._scroll tbody tr._single td {
    border-bottom: 2px solid #ffffff;
}
table._scroll tbody tr._rowspan td {
    border-bottom: medium none;
}
table._scroll tbody tr._rowspan td[rowspan] {
    border-bottom: 2px solid #ffffff;
}
table._scroll tbody tr td ._value {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 50px;
    text-align: center;
    font-family: "IRANSans";
    font-size: 13px;
    color: #555555;
}
table._scroll tbody tr td ._tooltip_holder {
    position: relative;
}
table._scroll tbody tr td ._tooltip_holder ._tooltip {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    width: 80%;
    margin: 0 auto;
    padding: 0 5px;
    background-color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.5);
    transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -webkit-transform: translate(0, 20px);
    transition: all 0.25s ease-out 0s;
    -o-transition: all 0.25s ease-out 0s;
    -ms-transition: all 0.25s ease-out 0s;
    -moz-transition: all 0.25s ease-out 0s;
    -webkit-transition: all 0.25s ease-out 0s;
    white-space: normal;
    line-height: 30px;
    font-size: 12px;
    color: #222222;
    overflow: hidden;
    z-index: 999;
    opacity: 0;
    cursor: default;
}
table._scroll tbody tr td ._tooltip_holder:hover ._tooltip {
    height: auto;
    opacity: 1;
    transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

 /* -------------------------------------- MEDIA  QUERY -------------------------------------- */
@media only screen and (max-width: 785px) {
    .table-scroll {
        overflow-x: auto;
    }
}


/* ------------------------------------------------------------------------------------------ */
/*                                       CALENDAR: FULL                                       */
/* ------------------------------------------------------------------------------------------ */
.fullCalendar {
    position: relative;
    width: 100% !important;
    background-color: transparent;
    border: medium none;
}
.fullCalendar .calendars-nav {
    display: block;
    float: none;
    width: 100%;
    background-color: transparent;
    font-weight: normal;
    font-size: 100%;
}
.fullCalendar .calendars-nav .calendars-cmd-today {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
.fullCalendar .calendars-nav .calendars-cmd-prev,
.fullCalendar .calendars-nav .calendars-cmd-next {
    display: block;
    position: absolute;
    top: 0;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}
.fullCalendar .calendars-nav .calendars-cmd-prev {
    left: 0;
}
.fullCalendar .calendars-nav .calendars-cmd-next {
    right: 0;
}
.fullCalendar .calendars-nav .calendars-cmd-prev:hover,
.fullCalendar .calendars-nav .calendars-cmd-next:hover {
    background-color: transparent;
}
.fullCalendar .calendars-nav .calendars-cmd-prev i,
.fullCalendar .calendars-nav .calendars-cmd-next i {
    display: block;
    line-height: 33px;
    color: #ceeaff;
}
.fullCalendar .calendars-nav .calendars-cmd-prev:hover i,
.fullCalendar .calendars-nav .calendars-cmd-next:hover i {
    color: #07a0dd;
}
.fullCalendar .calendars-nav {}
.fullCalendar .calendars-month-row {
    clear: none !important;
}
.fullCalendar .calendars-month-row:before,
.fullCalendar .calendars-month-row:after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}
.fullCalendar .calendars-month-row .calendars-month {
    float: none;
    width: 100%;
    border: medium none;
}
.fullCalendar .calendars-month-row .calendars-month .calendars-month-header {
    height: auto;
    background-color: transparent;
    line-height: 33px;
    font-family: "IRANSans";
    color: #07a0dd;
}
.fullCalendar .calendars-month-row .calendars-month table {}
.fullCalendar .calendars-month-row .calendars-month table thead {}
.fullCalendar .calendars-month-row .calendars-month table thead tr {}
.fullCalendar .calendars-month-row .calendars-month table thead tr th {
    width: 14.28571428571429%;
    margin: 0;
    padding: 1px;
}
.fullCalendar .calendars-month-row .calendars-month table thead tr th span {
    display: block;
    margin: 0;
    font-family: "IRANSans";
    font-size: 15px;
    color: #222222;
}
.fullCalendar .calendars-month-row .calendars-month table tbody {}
.fullCalendar .calendars-month-row .calendars-month table tbody tr {}
.fullCalendar .calendars-month-row .calendars-month table tbody tr td {
    width: 14.28571428571429%;
    margin: 0;
    padding: 1px;
}
.fullCalendar .calendars-month-row .calendars-month table tbody tr td a,
.fullCalendar .calendars-month-row .calendars-month table tbody tr td .calendars-today {
    display: block;
    margin: 0;
    padding: 0;
    background-color: #f7f7f7;
    border: medium none;
    color: #5e5e5e;
    cursor: default;
    pointer-events: none;
}
.fullCalendar .calendars-month-row .calendars-month table tbody tr td .calendars-weekend {
    background-color: #ececec;
    color: #333333;
}
.fullCalendar .calendars-month-row .calendars-month table tbody tr td .calendars-selected {
    background-color: #189bd0;
    color: #ffffff;
}
.fullCalendar .calendars-month-row .calendars-month table tbody tr td .calendars-other-month {
    margin: 0;
    padding: 0;
    background-color: transparent;
}
.fullCalendar-change {
    display: table;
    margin: 0 auto;
    font-family: "IRANSans";
    font-weight: bold;
    font-size: 14px;
}
.fullCalendar-placeholder {
    padding: 10px;
    background-color: #ffffff;
}


/* ------------------------------------------------------------------------------------------ */
/*                                        TOUR DETAILS                                        */
/* ------------------------------------------------------------------------------------------ */
[data-panel="x1"] .viewTourDetails {
    padding: 0 5px;
    font-size: 0.9em;
    margin-bottom: 10px;
}
[data-panel="x1"] .viewTourDetails .invisible {
    display: none;
    padding: 0 17px;
}
[data-panel="x1"] .viewTourDetails .smallerBlueTitle {
    padding-right: 10px;
    line-height: 50px;
    font-family: "IRANSans";
    font-size: 1em;
    color: #054086;
    cursor: pointer;
}
[data-panel="x1"] .viewTourDetails li {
    display: inline;
    margin-left: 14px;
}
[data-panel="x1"] .viewTourDetails li i {
    margin-left: 7px;
    color: #55af32;
    vertical-align: middle;
}
[data-panel="x1"] .viewTourDetails {
    margin-bottom: 0;
}
[data-panel="x1"] .viewTourDetails .invisible {
    margin-top: 8px;
}
[data-panel="x1"] .textBox {
    padding: 3px 10px 10px;
    font-family: "IRANSans";
}
[data-panel="x1"] .textBox h5 {
  color: #2d4764;
  background: #ddeef8;
  font-weight: bold;
  padding: 4px 10px;
  border-radius: 4px;
  margin-bottom: 8px;
  font-family: "IRANSans";
  font-size: 14px;
}
[data-panel="x1"] .smallerBlueTitle i {
  font-size: 1.3em;
  margin-left: 3px;
  font-weight: bold;
  vertical-align: middle;
}
[data-panel="x1"] .smallerBlueTitle i {
  font-size: 1.3em;
  margin-left: 3px;
  font-weight: bold;
  vertical-align: middle;
}


/* ------------------------------------------------------------------------------------------ */
/*                                        BANNER POPUP                                        */
/* ------------------------------------------------------------------------------------------ */
.bannerPopup {
    position: relative;
    background-color: #525252;
    transition: all .25s linear 0s;
    -o-transition: all .25s linear 0s;
    -ms-transition: all .25s linear 0s;
    -moz-transition: all .25s linear 0s;
    -webkit-transition: all .25s linear 0s;
    cursor: pointer;
}
.bannerPopup * {
    transition: all .25s linear 0s;
    -o-transition: all .25s linear 0s;
    -ms-transition: all .25s linear 0s;
    -moz-transition: all .25s linear 0s;
    -webkit-transition: all .25s linear 0s;
    cursor: pointer;
}
.bannerPopup ._close {
    position: absolute;
    top: 50%;
    right: 50px;
    margin-top: -20px;
    -ms-transform: translateX(15vw); /* IE 9 */
    -webkit-transform: translateX(15vw); /* Safari */
    transform: translateX(15vw);
    z-index: 9999;
}
.bannerPopup:hover ._close {
    -ms-transform: translateX(0); /* IE 9 */
    -webkit-transform: translateX(0); /* Safari */
    transform: translateX(0);
}
.bannerPopup ._close i {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 25px;
    color: #dddddd;
}
.bannerPopup ._image {
    display: table;
    float: right;
    height: 90px;
    margin: 0;
    margin-left: 20px;
}
.bannerPopup ._image a {
    display: table-cell;
    vertical-align: middle;
}
.bannerPopup ._image a img {
    display: block;
    max-width: 100%;
}
.bannerPopup ._text {
    display: block;
    float: right;
    margin-top: 26px;
    margin-bottom: 26px;
    margin-left: 20px;
    line-height: 38px;
    font-size: 16px;
    color: #eeeeee;
}
.bannerPopup ._date {
    display: block;
    float: right;
    margin-top: 26px;
    margin-bottom: 26px;
    margin-left: 20px;
    padding: 0 15px;
    background-color: #787878;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    line-height: 38px;
    font-size: 14px;
    color: #eeeeee;
}
.bannerPopup ._btn {
    display: block;
    float: left;
    margin-top: 26px;
    margin-bottom: 26px;
    padding: 0 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #ec3f53;
}
.bannerPopup:hover ._btn {
    padding: 0 10px;
}
.bannerPopup ._btn::after {
    content: "" !important;
    display: table !important;
    float: none !important;
    clear: both !important;
}
.bannerPopup ._btn span {
    display: block;
    float: right;
    line-height: 36px;
    font-size: 15px;
    color: #ffffff;
}
.bannerPopup ._btn i {
    display: block;
    float: right;
    margin-right: 10px;
    line-height: 36px;
    font-size: 18px;
    color: #333333;
}
.bannerPopup:hover ._btn i {
    margin-right: 5px;
}
@media only screen and (max-width: 1400px) {
    .bannerPopup ._close {
        right: 20px;
    }
}
@media only screen and (max-width: 1300px) {
    .bannerPopup ._close {
        display: block;
        position: relative;
        top: 0;
        right: 0;
        float: right;
        margin-left: 20px;
        margin-top: 25px;
        margin-bottom: 25px;
        -ms-transform: translateX(0); /* IE 9 */
        -webkit-transform: translateX(0); /* Safari */
        transform: translateX(0);
    }
}
@media only screen and (max-width: 997px) {
    .bannerPopup ._image,
    .bannerPopup ._date {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}
@media only screen and (max-width: 785px) {
    .bannerPopup ._btn {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}
@media only screen and (max-width: 360px) {
    .bannerPopup ._close {
        margin-left: 0;
    }
    .bannerPopup ._text {
        margin-left: 0;
    }
}


/* ------------------------------------------------------------------------------------------ */
/*                                ADVANCED SEARCH:  RESPONSIVE                                */
/* ------------------------------------------------------------------------------------------ */
@media (max-width: 72em) {

  .tourSearch {
    top: 50px !important;
    width: 100% !important;
    height: auto !important;
  }
  .topElement {
    height: auto !important;
  }
  .BigerSearchElementWrap {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
  .smallerSearchElementWrap {
    width: 100% !important;
    float: none !important;
    margin-top: 10px;
  }
  .btnElement {
    display: block !important;
    width: auto !important;
    float: none !important;
    margin-top: 10px;
    min-height: auto;
    line-height: auto;
  }
  .btnElement .clickApplied {
    width: auto !important;
    display: table;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 20px;
    padding-left: 20px;
  }

}

@media (max-width: 47em) {

  .slider {
    height: auto !important;
  }

  .slideImgWrap {
    height: 734px !important;
  }

  .tourSearch {
    top: 0 !important;
  }

  .slider .tourSearch .searchBoxes .tabs a {
    display: block !important;
    float: none !important;
    padding-right: 25% !important;
    margin-left: 0 !important;
    margin-bottom: 5px;
  }

  #locationTab {
    background: url("/templates/default/interface/images/makan-light.png") no-repeat 90% center rgba(0,0,0,0.5) !important;
  }
  #priceTab {
    background: url("/templates/default/interface/images/boodje.png") no-repeat 90% center rgba(0,0,0,0.5) !important;
  }

  .smallerSearchElementWrap.fieldholder {
    background-color: transparent;
  }
  .smallerSearchElementWrap .fourty,
  .smallerSearchElementWrap .thirty {
    float: none !important;
    width: 100% !important;
    background-color: #ffffff;
  }
  .smallerSearchElementWrap .thirty {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .smallerSearchElementWrap .fourty:after,
  .smallerSearchElementWrap .thirty:after {
    content: "";
    display: table !important;
    float: none !important;
    clear: both !important;
  }

}


/* ------------------------------------------------------------------------------------------ */
/*                                        EVENT:  LOAD                                        */
/* ------------------------------------------------------------------------------------------ */
._load ._off {
    display: block !important;
}