﻿@charset "UTF-8";
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

* {
  box-sizing: border-box; }

fieldset {
  margin: 0;
  padding: 0;
  border: none; }

.clearfix::after, header::after, .sales-box::after, .sales-box .sales-box-content::after, .sales-tab-view .list::after, .flightPackage::after, .flightSummary.summary .row.total-price::after, .pagination::after, .pagination ul::after {
  clear: both;
  content: "";
  display: table; }

a {
  -webkit-transition: all, 0.2s;
  -moz-transition: all, 0.2s;
  transition: all, 0.2s; }

.selectMenuArrow {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTU5M0Y5RENDQzczMTFFNEI1MTk5NEYxNTJCNDU2NEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTU5M0Y5REJDQzczMTFFNEI1MTk5NEYxNTJCNDU2NEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4REU4OTYwNUNDNzExMUU0QjUxOTk0RjE1MkI0NTY0RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4REU4OTYwNkNDNzExMUU0QjUxOTk0RjE1MkI0NTY0RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pthz4o8AAACNSURBVHjaYvz//z/DQAImhgEGow5gYmRknA7E/8nAs6jlCDYg3gvE/0nAIPVsoARMKYYBISC+TaTlIHWiIE3UdAAIqAHxBwKWg+Q1YRqo7QAQcAbiPzgsB4m7ISumhQNAIBOHA7LRFdLKASAwFc3yadgU0dIBzEC8GynFs9DbASDAD8RboDQDrRwAEGAAxeLdCRAeyL8AAAAASUVORK5CYII="); }

.window-style {
  border-radius: 2px;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.18);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3); }

.headerFix-Cont {
  margin-top: 73px; }

html {
  font-family: "Open Sans", sans-serif;
  height: 100%; }

body {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  background-color: #FFF;
  height: 100%; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

a {
  color: #000;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

h1, h2, h3 {
  font-weight: normal; }

.containerWidth, header nav {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0px 10px; }
  @media (min-width: 768px) {
    .containerWidth, header nav {
      padding: 0px; } }

input:focus {
  outline: none; }

.has-error .help-block {
  display: none !important; }

.has-error input {
  border: 1px solid #f35a57 !important; }

.container {
  margin: 0 auto; }

@font-face {
  font-family: "icons";
  src: url("../fonts/icons/icons.eot");
  src: url("../fonts/icons/icons.eot?#iefix") format("eot"), url("../fonts/icons/icons.woff") format("woff"), url("../fonts/icons/icons.ttf") format("truetype"), url("../fonts/icons/icons.svg#icons") format("svg"); }

.font-arrow-left:before, .font-arrow-right:before, .font-arrow_bold:before, .font-arrow_light:before, .font-bell:before, .font-call:before, .font-check:before, .font-close:before, .font-cross:before, .font-date_left_arrow:before, .font-date_right_arrow:before, .font-departure_icon:before, .font-download:before, .font-email-dt:before, .font-email:before, .font-facebook-dt:before, .font-facebook:before, .font-flight_arrow:before, .font-fly:before, .font-form_result_1:before, .font-form_result_2:before, .font-google_plus:before, .font-home_next:before, .font-home_prev:before, .font-hotel:before, .font-info_mark:before, .font-instagram:before, .font-linkedin:before, .font-logo:before, .font-mag:before, .font-map_pin:before, .font-menu:before, .font-newsletter:before, .font-pboxNext:before, .font-pboxPrev:before, .font-pinterest-dt:before, .font-pinterest:before, .font-play:before, .font-select_tick:before, .font-share:before, .font-twitter-dt:before, .font-twitter:before, .font-youtube:before, .videoPage .mobileSubLiks li.mobileVideoLink:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  display: inline-block; }

.font-arrow-left:before {
  content: ""; }

.font-arrow-right:before {
  content: ""; }

.font-arrow_bold:before {
  content: ""; }

.font-arrow_light:before {
  content: ""; }

.font-bell:before {
  content: ""; }

.font-call:before {
  content: ""; }

.font-check:before {
  content: ""; }

.font-close:before {
  content: ""; }

.font-cross:before {
  content: ""; }

.font-date_left_arrow:before {
  content: ""; }

.font-date_right_arrow:before {
  content: ""; }

.font-departure_icon:before {
  content: ""; }

.font-download:before {
  content: ""; }

.font-email-dt:before {
  content: ""; }

.font-email:before {
  content: ""; }

.font-facebook-dt:before {
  content: ""; }

.font-facebook:before {
  content: ""; }

.font-flight_arrow:before {
  content: ""; }

.font-fly:before {
  content: ""; }

.font-form_result_1:before {
  content: ""; }

.font-form_result_2:before {
  content: ""; }

.font-google_plus:before {
  content: ""; }

.font-home_next:before {
  content: ""; }

.font-home_prev:before {
  content: ""; }

.font-hotel:before {
  content: ""; }

.font-info_mark:before {
  content: ""; }

.font-instagram:before {
  content: ""; }

.font-linkedin:before {
  content: ""; }

.font-logo:before {
  content: ""; }

.font-mag:before {
  content: ""; }

.font-map_pin:before {
  content: ""; }

.font-menu:before {
  content: ""; }

.font-newsletter:before {
  content: ""; }

.font-pboxNext:before {
  content: ""; }

.font-pboxPrev:before {
  content: ""; }

.font-pinterest-dt:before {
  content: ""; }

.font-pinterest:before {
  content: ""; }

.font-play:before {
  content: ""; }

.font-select_tick:before {
  content: ""; }

.font-share:before {
  content: ""; }

.font-twitter-dt:before {
  content: ""; }

.font-twitter:before {
  content: ""; }

.font-youtube:before {
  content: ""; }

.btn {
  display: inline-block;
  background-color: #000;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
  border-radius: 2px;
  line-height: 34px;
  padding: 0 15px;
  border: none;
  outline: none;
  -webkit-transition: all, 0.2s;
  -moz-transition: all, 0.2s;
  transition: all, 0.2s;
  cursor: pointer; }
  .btn.disabled {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: auto; }
    .btn.disabled:hover {
      background-color: #000; }
  .btn.text {
    padding: 0;
    line-height: normal;
    background-color: transparent !important;
    color: #000 !important; }
    .btn.text:hover {
      text-decoration: underline; }
  .btn.fluid {
    width: 100%;
    padding: 0; }
  .btn:hover, .btn:focus {
    background-color: black;
    color: #FFF;
    text-decoration: none; }
  .btn:active {
    background-color: black;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  .btn.line {
    background-color: transparent;
    color: #000;
    border: 1px solid #000;
    line-height: 32px; }
    .btn.line:hover {
      color: #FFF;
      background-color: #000; }
  .btn.mini {
    font-size: 12px;
    line-height: 26px;
    padding: 0 14px; }

#moreBtn {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  display: inline-block; }
  #moreBtn .font-arrow_bold {
    font-size: 12px;
    padding: 0 10px; }

@font-face {
  font-family: 'HelveticaNeueLTPro';
  src: url("../../font/HelveticaNeueLTPro-Lt_gdi.eot");
  src: url("../../font/HelveticaNeueLTPro-Lt_gdi.eot?#iefix") format("embedded-opentype"), url("../../font/HelveticaNeueLTPro-Lt_gdi.woff") format("woff"), url("../../font/HelveticaNeueLTPro-Lt_gdi.ttf") format("truetype"), url("../../font/HelveticaNeueLTPro-Lt_gdi.svg#svgFontName") format("svg"); }

@font-face {
  font-family: 'Avenir-Light';
  src: url("../../font/Avenir-Light.eot");
  src: url("../../font/Avenir-Light.eot?#iefix") format("embedded-opentype"), url("../../font/Avenir-Light.woff") format("woff"), url("../../font/Avenir-Light.ttf") format("truetype"), url("../../font/Avenir-Light.svg#svgFontName") format("svg"); }

@font-face {
  font-family: 'Avenir-Black';
  src: url("../../font/Avenir-Black.eot");
  src: url("../../font/Avenir-Black.eot?#iefix") format("embedded-opentype"), url("../../font/Avenir-Black.woff") format("woff"), url("../../font/Avenir-Black.ttf") format("truetype"), url("../../font/Avenir-Black.svg#svgFontName") format("svg"); }

@font-face {
  font-family: 'HelveticaNeueLTProMdCn';
  src: url("../../font/HelveticaNeueLTPro-MdCn_gdi.eot");
  src: url("../../font/HelveticaNeueLTPro-MdCn_gdi.eot?#iefix") format("embedded-opentype"), url("../../font/HelveticaNeueLTPro-MdCn_gdi.woff") format("woff"), url("../../font/HelveticaNeueLTPro-MdCn_gdi.ttf") format("truetype"), url("../../font/HelveticaNeueLTPro-MdCn_gdi.svg#svgFontName") format("svg"); }

/* Default styling for jQuery Datepicker v5.0.0. */
.datepick-popup {
  z-index: 1000;
  width: 300px;
  top: 60px;
  left: 0px;
  top: auto !important;
  position: absolute !important; }

.is-datepick {
  cursor: pointer; }

.datepick {
  background-color: #fff;
  color: #000;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.18);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  font-size: 90%;
  width: 100% !important; }
  .datepick::after {
    clear: both;
    content: "";
    display: table; }
  .datepick.datepick-rtl {
    direction: rtl; }
  .datepick.datepick-disable {
    position: absolute;
    z-index: 100;
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50); }
  .datepick a {
    color: #000;
    text-decoration: none; }
    .datepick a.datepick-disabled {
      color: #888;
      cursor: auto; }
  .datepick button {
    background-color: #fcc;
    border: none;
    font-weight: bold; }
  .datepick .datepick-nav, .datepick .datepick-ctrl {
    padding: 3px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e5e9ec; }
  .datepick .datepick-cmd {
    width: 33.3333%;
    padding: 7px;
    float: left; }
    .datepick .datepick-cmd.datepick-cmd-today {
      text-align: center; }
    .datepick .datepick-cmd.datepick-cmd-next {
      text-align: right; }
    .datepick .datepick-cmd:hover {
      background-color: #f3f3f3; }
  .datepick .datepick-ctrl {
    border-top: 1px solid #e5e9ec;
    border-bottom: none; }
    .datepick .datepick-ctrl .datepick-cmd {
      text-align: center; }
  .datepick .datepick-month {
    float: left;
    width: 100%;
    text-align: center; }
    @media (min-width: 640px) {
      .datepick .datepick-month.first {
        width: 50%;
        border-right: 1px solid #e5e9ec; } }
    .datepick .datepick-month.last {
      display: none; }
      @media (min-width: 640px) {
        .datepick .datepick-month.last {
          width: 50%;
          display: block; } }
    .datepick .datepick-month .datepick-month-header {
      font-weight: bold;
      padding: 10px 0px; }
    .datepick .datepick-month table {
      width: 100%;
      border-collapse: collapse; }
    .datepick .datepick-month th, .datepick .datepick-month td {
      font-weight: normal;
      text-align: center; }
    .datepick .datepick-month th {
      font-size: 11px; }
    .datepick .datepick-month td {
      line-height: 36px; }
      .datepick .datepick-month td span {
        color: #cccccc;
        cursor: default; }
      .datepick .datepick-month td .not-available {
        color: #000;
        position: relative; }
        .datepick .datepick-month td .not-available:before {
          display: block;
          color: #F00;
          content: "X";
          position: absolute;
          top: 50%;
          left: 50%;
          height: 20px;
          width: 20px;
          line-height: 20px;
          font-weight: normal;
          margin: -10px 0 0 -10px;
          font-size: 20px;
          opacity: .6; }
      .datepick .datepick-month td .only-checkout {
        color: #ff9000;
        font-weight: bold;
        background-color: transparent;
        background-image: -webkit-linear-gradient(-360deg, transparent, rgba(255, 144, 0, 0.07));
        background-image: linear-gradient(90deg,transparent, rgba(255, 144, 0, 0.07)); }
      .datepick .datepick-month td .limited-stay {
        background-color: #666666;
        color: #000; }
      .datepick .datepick-month td .datepick-today {
        position: relative; }
        .datepick .datepick-month td .datepick-today:after {
          display: block;
          content: "";
          height: 4px;
          width: 4px;
          background-color: rgba(0, 0, 0, 0.2);
          position: absolute;
          bottom: 4px;
          left: 50%;
          border-radius: 10px;
          margin-left: -2px; }
      .datepick .datepick-month td .range-hover {
        background-color: #666666;
        color: #000 !important; }
        .datepick .datepick-month td .range-hover.only-checkout {
          background-color: #ff9999;
          color: #000; }
        .datepick .datepick-month td .range-hover.not-available {
          background-color: #ff9999; }
      .datepick .datepick-month td .datepick-other-month {
        background-color: #fff; }
      .datepick .datepick-month td .datepick-weekend {
        font-weight: bold; }
      .datepick .datepick-month td .datepick-highlight {
        background-color: #000;
        color: #FFF; }
        .datepick .datepick-month td .datepick-highlight.only-checkout {
          background-color: #000;
          color: #FFF; }
      .datepick .datepick-month td .datepick-selected {
        background-color: black;
        color: #fff; }
      .datepick .datepick-month td .error-animation {
        animation-name: datepicker-error-animation-keyframe;
        animation-duration: .8s;
        background-color: #ff9999;
        color: #000; }
      .datepick .datepick-month td .check-in-date {
        background-color: #666666; }
    .datepick .datepick-month a {
      display: block;
      width: 100%;
      color: #000;
      text-decoration: none; }
    .datepick .datepick-month span {
      display: block;
      width: 100%; }

@keyframes datepicker-error-animation-keyframe {
  0% { }
  16% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    background-color: #ff4d4d; }
  26% {
    -webkit-transform: scale(1.2) translate3d(-3px, 0, 0);
    -moz-transform: scale(1.2) translate3d(-3px, 0, 0);
    -ms-transform: scale(1.2) translate3d(-3px, 0, 0);
    -o-transform: scale(1.2) translate3d(-3px, 0, 0);
    transform: scale(1.2) translate3d(-3px, 0, 0);
    background-color: #ff4d4d; }
  36% {
    -webkit-transform: scale(1.2) translate3d(3px, 0, 0);
    -moz-transform: scale(1.2) translate3d(3px, 0, 0);
    -ms-transform: scale(1.2) translate3d(3px, 0, 0);
    -o-transform: scale(1.2) translate3d(3px, 0, 0);
    transform: scale(1.2) translate3d(3px, 0, 0);
    background-color: #ff4d4d; }
  46% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    background-color: #ff4d4d; }
  100% { } }

header {
  z-index: 1000;
  margin-bottom: -105px;
  position: relative;
  display: block;
  float: left;
  width: 100%;
  -webkit-transition: all, 0.2s;
  -moz-transition: all, 0.2s;
  transition: all, 0.2s;
  overflow: visible; }
  header.bgfix, header.fixHeaderbg {
    background: #000;
    border-bottom: 1px solid #bbb;
    position: fixed;
    top: 0;
    left: 0; }
    header.bgfix nav, header.fixHeaderbg nav {
      padding: 5px 0 0; }
      @media (min-width: 1240px) {
        header.bgfix nav, header.fixHeaderbg nav {
          padding: 0px 0; } }
      header.bgfix nav a, header.fixHeaderbg nav a {
        color: #fff !important; }
      header.bgfix nav .logo, header.fixHeaderbg nav .logo {
        padding-top: 0px !important; }
        header.bgfix nav .logo .font-logo, header.fixHeaderbg nav .logo .font-logo {
          color: #fff !important;
          font-size: 120px  !important; }
          @media (min-width: 640px) {
            header.bgfix nav .logo .font-logo, header.fixHeaderbg nav .logo .font-logo {
              font-size: 150px  !important; } }
      header.bgfix nav .font-call, header.fixHeaderbg nav .font-call {
        color: #fff !important; }
  header.fixHeaderbg .font-call {
    color: #fff !important; }
  header nav {
    text-align: center;
    padding: 5px 0; }
    header nav::after {
      clear: both;
      content: "";
      display: table; }
    @media (min-width: 1240px) {
      header nav {
        padding: 12px 0; } }
    header nav .logo {
      float: none;
      overflow: hidden;
      line-height: 0;
      margin-top: 0px;
      display: inline-block;
      padding-top: 5px; }
      @media (min-width: 640px) {
        header nav .logo {
          margin-top: 5px; } }
      @media (min-width: 1240px) {
        header nav .logo {
          float: left; } }
      header nav .logo .font-logo {
        font-size: 120px;
        line-height: 28px;
        color: #fff; }
        @media (min-width: 640px) {
          header nav .logo .font-logo {
            font-size: 150px; } }
        @media (min-width: 1240px) {
          header nav .logo .font-logo {
            font-size: 159px; } }
    header nav .phoneNumber {
      display: none; }
      @media (min-width: 1240px) {
        header nav .phoneNumber {
          position: absolute;
          top: -2px;
          right: 76px;
          color: #fff;
          font-size: 18px;
          display: block; } }
    header nav .mobile-language {
      position: absolute;
      top: 25px;
      right: 10px; }
      header nav .mobile-language select {
        padding: 3px 14px 3px 5px;
        text-indent: 0px; }
      @media (min-width: 1240px) {
        header nav .mobile-language {
          display: none; } }
    header nav .mobil-menu {
      position: fixed;
      top: 0;
      left: 0;
      background-color: #000;
      height: 100%;
      overflow: hidden;
      left: -260px;
      width: 260px;
      padding: 20px 0; }
      @media (min-width: 1240px) {
        header nav .mobil-menu {
          position: relative;
          left: auto;
          display: block;
          width: 100%;
          padding: 0px;
          overflow: visible;
          background-color: none; } }
      header nav .mobil-menu .mobile-SubMenu {
        display: block; }
        @media (min-width: 1240px) {
          header nav .mobil-menu .mobile-SubMenu {
            display: none; } }
      header nav .mobil-menu .header-menu {
        text-align: left;
        padding: 0 20px; }
        @media (min-width: 1240px) {
          header nav .mobil-menu .header-menu {
            float: right;
            margin: 30px 0 0 10px;
            text-align: right; } }
        @media (min-width: 1240px) {
          header nav .mobil-menu .header-menu li {
            float: left;
            margin: 0 15px; } }
        header nav .mobil-menu .header-menu li .font-call {
          float: left;
          margin: -2px 5px 0 0;
          color: #fff;
          display: none; }
          @media (min-width: 1240px) {
            header nav .mobil-menu .header-menu li .font-call {
              display: block; } }
        header nav .mobil-menu .header-menu li a {
          font-size: 18px;
          font-family: 'Avenir-Light';
          color: #fff;
          line-height: 26px;
          display: block;
          font-weight: bold; }
          @media (min-width: 1240px) {
            header nav .mobil-menu .header-menu li a {
              color: #fff;
              font-weight: normal; } }
        header nav .mobil-menu .header-menu li i {
          display: none; }
        header nav .mobil-menu .header-menu li.btn {
          margin: -5px -20px 0 0;
          padding: 4px 15px;
          display: none; }
          @media (min-width: 1240px) {
            header nav .mobil-menu .header-menu li.btn {
              display: inline-block; } }
        header nav .mobil-menu .header-menu li.saleBtn {
          position: relative;
          overflow: visible;
          background-color: #5194bb; }
          header nav .mobil-menu .header-menu li.saleBtn a {
            color: #fff;
            font-size: 18px; }
          header nav .mobil-menu .header-menu li.saleBtn ul {
            background-color: #fff;
            position: absolute;
            top: 37px;
            display: none;
            right: 0px;
            min-width: 230px;
            width: 100%;
            overflow: hidden;
            border-radius: 2px;
            padding: 10px 0px; }
            header nav .mobil-menu .header-menu li.saleBtn ul li {
              display: block;
              text-align: center;
              width: 100%;
              margin: 0px; }
              header nav .mobil-menu .header-menu li.saleBtn ul li a {
                color: #000;
                font-size: 14px;
                display: block;
                padding: 0px 0;
                font-family: "Open Sans", sans-serif; }
                header nav .mobil-menu .header-menu li.saleBtn ul li a:hover {
                  text-decoration: underline; }
                @media (min-width: 1240px) {
                  header nav .mobil-menu .header-menu li.saleBtn ul li a {
                    color: #000 !important; } }
        header nav .mobil-menu .header-menu li.noBg {
          background: none; }
          header nav .mobil-menu .header-menu li.noBg a {
            color: #FFFFFF; }
          header nav .mobil-menu .header-menu li.noBg ul {
            display: block;
            position: inherit;
            background: none;
            top: 0px; }
            header nav .mobil-menu .header-menu li.noBg ul li {
              padding-left: 15px;
              text-align: left; }
              header nav .mobil-menu .header-menu li.noBg ul li a {
                color: #bbb;
                padding: 0px 0; }
          @media (min-width: 1240px) {
            header nav .mobil-menu .header-menu li.noBg ul {
              min-width: 110px;
              right: -16px;
              display: none;
              position: absolute;
              background-color: #fff;
              top: 37px;
              width: 100%;
              overflow: hidden;
              border-radius: 2px;
              padding: 10px 0px; }
              header nav .mobil-menu .header-menu li.noBg ul li {
                padding-left: 0px;
                text-align: center; }
                header nav .mobil-menu .header-menu li.noBg ul li a {
                  color: #000;
                  padding: 0px; } }
        header nav .mobil-menu .header-menu li.openSaleList ul {
          display: block; }
      header nav .mobil-menu .language {
        display: none; }
        @media (min-width: 1240px) {
          header nav .mobil-menu .language {
            display: inline-block;
            float: right;
            margin: 25px 0 0 10px; } }
        header nav .mobil-menu .language > li {
          position: relative;
          padding: 0px 5px;
          border: 1px solid #d5d5d5; }
          header nav .mobil-menu .language > li a {
            font-size: 16px;
            color: #fff;
            font-size: 13px; }
            header nav .mobil-menu .language > li a i {
              display: block;
              font-size: 10px; }
          header nav .mobil-menu .language > li:hover ul {
            display: block; }
          header nav .mobil-menu .language > li ul {
            display: none;
            position: absolute;
            top: 34px;
            left: -2px;
            background: #fff;
            padding-top: 5px;
            border: 1px solid #000;
            border-top: 0px; }
            header nav .mobil-menu .language > li ul li {
              float: none;
              text-align: center;
              padding: 1px 5px;
              line-height: 22px; }
              header nav .mobil-menu .language > li ul li a {
                display: block;
                color: #000 !important; }
              header nav .mobil-menu .language > li ul li:hover {
                background: #000; }
                header nav .mobil-menu .language > li ul li:hover a {
                  color: #fff !important; }
      header nav .mobil-menu .mobile-SubMenu {
        padding: 20px;
        text-align: left; }
        header nav .mobil-menu .mobile-SubMenu a {
          font-size: 16px;
          font-family: "Times New Roman", Times, serif;
          color: #ffffff;
          line-height: 22px;
          display: block; }
    header nav .open-menu {
      left: 0px;
      -webkit-transition: all, 0.3s;
      -moz-transition: all, 0.3s;
      transition: all, 0.3s; }
      header nav .open-menu .mobilBtn {
        position: absolute;
        top: 10px;
        right: 20px;
        bottom: auto;
        left: auto;
        color: #fff;
        font-size: 20px; }
      header nav .open-menu .btn {
        background: none;
        padding: 0; }
    header nav .mobilBtn {
      display: block;
      position: absolute;
      top: 10px;
      left: 10px;
      font-size: 25px;
      margin-top: 5px;
      color: #fff; }
      @media (min-width: 1240px) {
        header nav .mobilBtn {
          display: none; } }
    header nav .callMobile {
      display: inline-block;
      position: absolute;
      top: 10px;
      right: 60px;
      color: #fff;
      font-size: 25px;
      margin-top: 8px; }
      @media (min-width: 1240px) {
        header nav .callMobile {
          display: none; } }

.videoPage {
  z-index: 0;
  overflow: hidden;
  position: relative;
  background-position: top;
  background-size: cover; }
  .videoPage:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 250px;
    background-image: -webkit-linear-gradient(180deg, black, transparent);
    background-image: linear-gradient(180deg, black, transparent);
    opacity: .7; }
  .videoPage:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 250px;
    background-image: -webkit-linear-gradient(360deg, black, transparent);
    background-image: linear-gradient(360deg, black, transparent);
    opacity: .7;
    z-index: 1; }
  .videoPage video {
    display: none; }
    @media (min-width: 768px) {
      .videoPage video {
        display: none; } }
  .videoPage .videoPageTitle {
    position: absolute;
    bottom: 70px;
    width: 100%;
    z-index: 2; }
    .videoPage .videoPageTitle h3 {
      max-width: 980px;
      text-align: center;
      font-family: "Times New Roman", Times, serif;
      font-size: 25px;
      font-weight: normal;
      color: #fff;
      margin: 0px auto;
      display: none; }
      @media (min-width: 768px) {
        .videoPage .videoPageTitle h3 {
          font-size: 64px;
          display: block; } }
      .videoPage .videoPageTitle h3 span {
        display: block;
        line-height: 30px;
        margin-top: 5px; }
        .videoPage .videoPageTitle h3 span .font-arrow_bold {
          font-size: 20px;
          display: inline-block;
          line-height: 30px;
          cursor: pointer; }
          @media (min-width: 768px) {
            .videoPage .videoPageTitle h3 span .font-arrow_bold {
              font-size: 40px; } }
  .videoPage .mobileSubLiks {
    display: block;
    position: absolute;
    bottom: 100px;
    z-index: 999;
    width: 100%;
    text-align: center; }
    .videoPage .mobileSubLiks li {
      display: inline-block;
      float: none; }
      .videoPage .mobileSubLiks li:after {
        content: '';
        width: 5px;
        height: 5px;
        background-color: #000;
        border-radius: 50%;
        display: inline-block;
        float: right;
        margin: 12px 10px 12px 12px; }
      .videoPage .mobileSubLiks li a {
        color: #fff;
        font-family: "Times New Roman", Times, serif;
        font-size: 22px;
        padding: 5px; }
      .videoPage .mobileSubLiks li.mobileVideoLink {
        display: block;
        margin-bottom: 20px;
        position: relative; }
        .videoPage .mobileSubLiks li.mobileVideoLink:after {
          display: none; }
        .videoPage .mobileSubLiks li.mobileVideoLink:before {
          content: "";
          position: absolute;
          font-size: 14px;
          left: 50%;
          top: 0;
          color: #fff;
          font-size: 45px;
          margin-top: -70px;
          margin-left: -25px;
          -webkit-transition: all, 0.3s;
          -moz-transition: all, 0.3s;
          transition: all, 0.3s;
          cursor: pointer;
          z-index: 999; }
      .videoPage .mobileSubLiks li.videoicon:before {
        display: none; }
      .videoPage .mobileSubLiks li:last-child:after {
        display: none; }
    @media (min-width: 1240px) {
      .videoPage .mobileSubLiks {
        display: none; } }
  .videoPage .justforD {
    display: none; }
    @media (min-width: 1240px) {
      .videoPage .justforD {
        display: block; } }

#videoLayover {
  max-width: 980px; }

#vid.modal-window .modal-close-btn i {
  color: #fff; }

.popupLink {
  position: absolute;
  top: 75px;
  left: 0;
  background: #fff;
  width: 150px;
  height: auto;
  color: #000;
  font-sizE: 16px;
  border-radius: 2px;
  opacity: 0;
  padding: 10px; }
  .popupLink .font-arrow_bold {
    color: #fff;
    position: absolute;
    top: -10px;
    right: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.splash img {
  max-width: 600px; }

#bgvidMobile {
  position: absolute;
  bottom: 0px;
  z-index: 10000; }

footer {
  background-color: #000;
  border-top: 1px solid #e5e9ec;
  padding-top: 36px;
  margin: 44px 0 0;
  text-align: center;
  overflow: hidden;
  width: 100%; }
  footer::after {
    clear: both;
    content: "";
    display: table; }
  footer .footer-list {
    overflow: inherit;
    margin-bottom: 20px; }
    footer .footer-list li {
      position: relative; }
      footer .footer-list li a {
        color: #fff;
        font-size: 14px;
        position: relative;
        margin: 0 25px;
        padding: 10px 0;
        display: block;
        font-family: "Open Sans", sans-serif; }
        footer .footer-list li a:after {
          content: "";
          position: absolute;
          right: -30px;
          top: 50%;
          width: 5px;
          height: 5px;
          margin-top: -2px;
          background: #d0d0ce;
          display: none;
          border-radius: 2px; }
        @media (min-width: 768px) {
          footer .footer-list li a {
            display: inline-block; }
            footer .footer-list li a:after {
              display: block; } }
      @media (min-width: 768px) {
        footer .footer-list li {
          display: inline-block; }
          footer .footer-list li:last-child a:after {
            display: none; } }
      footer .footer-list li:hover ul {
        display: block; }
      footer .footer-list li ul {
        display: block; }
        @media (min-width: 768px) {
          footer .footer-list li ul {
            display: none;
            position: absolute;
            top: 36px;
            left: 0px;
            background: #ccc; } }
        footer .footer-list li ul a {
          color: #999; }
          @media (min-width: 768px) {
            footer .footer-list li ul a {
              color: #000; } }
  footer .footer-logo {
    font-size: 180px;
    line-height: 52px;
    display: inline-block; }
    footer .footer-logo .font-logo {
      color: #fff;
      line-height: 0; }
  footer .footer-call {
    overflow: hidden;
    display: block;
    color: #fff; }
    @media (min-width: 768px) {
      footer .footer-call {
        margin: 10px 0; } }
  footer .social-medya {
    margin: 20px 0;
    overflow: hidden; }
    footer .social-medya a {
      color: #fff;
      font-size: 40px;
      overflow: hidden;
      margin: 0 8px; }
      footer .social-medya a:hover {
        color: #6c6c6c; }
  footer .footer-bottombox {
    background: #333;
    border-top: 1px solid #dddddd;
    padding: 10px 0;
    text-align: center; }
    footer .footer-bottombox a {
      display: block;
      margin: 4px 0;
      padding: 4px 0;
      color: #fff;
      position: relative; }
      footer .footer-bottombox a:after {
        content: "";
        position: absolute;
        right: -20px;
        top: 50%;
        width: 5px;
        height: 5px;
        margin-top: -2px;
        display: none;
        background: #d0d0ce;
        border-radius: 2px; }
        @media (min-width: 768px) {
          footer .footer-bottombox a:after {
            display: inline-block; } }
      footer .footer-bottombox a .font-newsletter {
        display: none;
        float: left;
        margin: -2px 7px 5px 0; }
        @media (min-width: 768px) {
          footer .footer-bottombox a .font-newsletter {
            display: inline-block;
            color: #bbbfc1; } }
      @media (min-width: 768px) {
        footer .footer-bottombox a {
          display: inline-block;
          margin: 4px 15px; } }
    footer .footer-bottombox .email-modul:after {
      display: none; }
    footer .footer-bottombox select {
      margin: 10px 0;
      max-width: 200px;
      width: 100%;
      height: 30px;
      line-height: 30px; }

.news-home-list::after {
  clear: both;
  content: "";
  display: table; }

.news-home-list .newsbox-list {
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #e5e9ec; }
  .news-home-list .newsbox-list::after {
    clear: both;
    content: "";
    display: table; }
  @media (min-width: 768px) {
    .news-home-list .newsbox-list {
      padding: 60px 0; } }
  .news-home-list .newsbox-list img {
    float: left;
    width: 100%;
    margin-bottom: 10px; }
    @media (min-width: 640px) {
      .news-home-list .newsbox-list img {
        width: auto;
        margin-right: -380px; } }
  .news-home-list .newsbox-list .newslist-text {
    font-family: "Open Sans", sans-serif;
    margin-left: 0px;
    float: left; }
    .news-home-list .newsbox-list .newslist-text::after {
      clear: both;
      content: "";
      display: table; }
    @media (min-width: 640px) {
      .news-home-list .newsbox-list .newslist-text {
        margin-left: 410px;
        float: none; } }
    .news-home-list .newsbox-list .newslist-text h2 {
      color: #000;
      font-size: 20px;
      margin: 20px 0 0;
      font-family: "Times New Roman", Times, serif;
      font-weight: normal; }
      @media (min-width: 768px) {
        .news-home-list .newsbox-list .newslist-text h2 {
          font-size: 24px; } }
      .news-home-list .newsbox-list .newslist-text h2 a {
        text-decoration: none;
        color: #000;
        font-size: 20px;
        margin: 20px 0 0;
        font-family: "Times New Roman", Times, serif;
        font-weight: normal; }
        @media (min-width: 768px) {
          .news-home-list .newsbox-list .newslist-text h2 a {
            font-size: 24px; } }
    .news-home-list .newsbox-list .newslist-text p {
      font-size: 14px;
      color: #000;
      line-height: 24px; }
      @media (min-width: 768px) {
        .news-home-list .newsbox-list .newslist-text p {
          font-size: 16px; } }
    .news-home-list .newsbox-list .newslist-text a {
      font-weight: normal;
      font-size: 16px;
      margin: 5px 35px 5px 0;
      position: relative;
      display: block;
      text-decoration: underline; }
      @media (min-width: 768px) {
        .news-home-list .newsbox-list .newslist-text a {
          display: inline-block; } }
      .news-home-list .newsbox-list .newslist-text a:last-child:after {
        display: none; }

.news-home-list .rightImg img {
  float: right;
  margin: 0px; }
  @media (min-width: 640px) {
    .news-home-list .rightImg img {
      margin: 0 0 10px -380px; } }

.news-home-list .rightImg .newslist-text {
  margin: 0px; }
  @media (min-width: 640px) {
    .news-home-list .rightImg .newslist-text {
      margin: 0px 410px 0 0; } }

.home-hotel-list {
  margin: 0 -10px;
  padding-top: 10px; }
  .home-hotel-list .itemsC {
    width: 100%;
    padding: 10px; }
    .home-hotel-list .itemsC:after {
      clear: both;
      display: block;
      content: ""; }
    @media (min-width: 768px) {
      .home-hotel-list .itemsC {
        width: 50%;
        float: left; } }
    .home-hotel-list .itemsC .items {
      width: 100%;
      height: 100%; }
      .home-hotel-list .itemsC .items a {
        display: block; }
        .home-hotel-list .itemsC .items a:hover .items-right strong {
          color: #8f8f8f;
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        .home-hotel-list .itemsC .items a .items-text {
          width: 100%;
          border: 1px solid #d0d0d0;
          padding: 20px;
          float: left; }
          .home-hotel-list .itemsC .items a .items-text .items-left {
            width: 60%;
            float: left;
            padding-right: 10px; }
            @media (min-width: 768px) {
              .home-hotel-list .itemsC .items a .items-text .items-left {
                padding: 10px 0 0 0; } }
            .home-hotel-list .itemsC .items a .items-text .items-left strong {
              display: block; }
          .home-hotel-list .itemsC .items a .items-text .items-right {
            width: 40%;
            float: left; }
            .home-hotel-list .itemsC .items a .items-text .items-right strong {
              border: 1px solid #d0d0d0;
              display: inline-block;
              width: 100%;
              text-align: center;
              font-family: 'Avenir-Black';
              float: right;
              padding: 10px 5px; }
              @media (min-width: 768px) {
                .home-hotel-list .itemsC .items a .items-text .items-right strong {
                  padding: 20px 5px; } }
        .home-hotel-list .itemsC .items a img {
          width: 100%;
          float: left; }
  .home-hotel-list .all-list-btn {
    text-align: center;
    padding-top: 10px;
    clear: both;
    display: block; }
    .home-hotel-list .all-list-btn a {
      border: 1px solid #d0d0d0;
      display: block;
      padding: 15px 20px 14px 20px;
      margin: 0 10px;
      font-family: 'Avenir-Black'; }
      @media (min-width: 768px) {
        .home-hotel-list .all-list-btn a {
          width: auto;
          display: inline-block;
          margin: 0; } }
      .home-hotel-list .all-list-btn a:hover {
        color: #8f8f8f;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease; }
  .home-hotel-list:after {
    clear: both;
    display: block;
    content: ""; }

.newsListLinkCt {
  text-align: center; }
  .newsListLinkCt a {
    max-width: 210px;
    margin: 20px auto;
    border: 1px solid #d0e2ed;
    padding: 13px 15px;
    display: block;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    font-weight: 700; }
    .newsListLinkCt a:hover {
      border-color: #000; }

.sales-box {
  background: #f2f2f0;
  border-bottom: 1px solid #e5e9ec;
  padding: 18px 0;
  position: relative;
  z-index: 9;
  text-align: center;
  box-sizing: border-box; }
  .sales-box .containerWidth, .sales-box header nav, header .sales-box nav {
    padding: 0px; }
  @media (min-width: 768px) {
    .sales-box {
      text-align: left; } }
  .sales-box .sales-box-content {
    display: block;
    text-align: center; }
    @media (min-width: 1240px) {
      .sales-box .sales-box-content {
        text-align: left;
        display: none; } }
    @media (min-width: 768px) {
      .sales-box .sales-box-content {
        display: block; } }
    .sales-box .sales-box-content .sls-first {
      width: 100%;
      float: left;
      padding: 0px; }
      @media (min-width: 1240px) {
        .sales-box .sales-box-content .sls-first {
          width: 88%; } }
      .sales-box .sales-box-content .sls-first > div {
        floaT: left;
        width: 50%;
        padding: 0 12px 20px;
        box-sizing: border-box;
        color: #000; }
        @media (min-width: 1240px) {
          .sales-box .sales-box-content .sls-first > div {
            width: 160px;
            padding: 0 12px 0 0; } }
        .sales-box .sales-box-content .sls-first > div input {
          width: 100%;
          height: 40px;
          border: 1px solid #bfbfbd;
          border-radius: 2px; }
        .sales-box .sales-box-content .sls-first > div select {
          width: 100%;
          height: 40px;
          border: 1px solid #bfbfbd;
          border-radius: 2px; }
        .sales-box .sales-box-content .sls-first > div label {
          font-size: 14px;
          display: block;
          padding-bottom: 4px;
          text-align: left; }
        .sales-box .sales-box-content .sls-first > div.hotelSelect {
          width: 100%; }
          @media (min-width: 1240px) {
            .sales-box .sales-box-content .sls-first > div.hotelSelect {
              width: 230px; } }
        .sales-box .sales-box-content .sls-first > div.datebox {
          width: 100%;
          padding: 0 0px 10px;
          position: relative; }
          @media (min-width: 1240px) {
            .sales-box .sales-box-content .sls-first > div.datebox {
              width: 380px;
              padding: 0px; } }
          .sales-box .sales-box-content .sls-first > div.datebox > div {
            float: left;
            width: 50%;
            padding: 0 10px; }
            @media (min-width: 1240px) {
              .sales-box .sales-box-content .sls-first > div.datebox > div {
                width: 179px;
                padding: 0 0px;
                position: relative; } }
            .sales-box .sales-box-content .sls-first > div.datebox > div:last-child {
              margin-left: 0px; }
              @media (min-width: 1240px) {
                .sales-box .sales-box-content .sls-first > div.datebox > div:last-child {
                  width: 179px;
                  margin-left: 10px; } }
          .sales-box .sales-box-content .sls-first > div.datebox input {
            text-indent: 5px; }
        .sales-box .sales-box-content .sls-first > div.cardRoyalty {
          width: 100%;
          float: left; }
          @media (min-width: 1240px) {
            .sales-box .sales-box-content .sls-first > div.cardRoyalty {
              width: 287px;
              padding: 0 0px;
              margin-top: 20px; } }
          .sales-box .sales-box-content .sls-first > div.cardRoyalty .chb {
            width: 100%; }
            .sales-box .sales-box-content .sls-first > div.cardRoyalty .chb span {
              border-radius: 50%;
              background: #000;
              color: #fff;
              width: 15px;
              height: 15px;
              float: right;
              text-align: center;
              line-height: 15px; }
    .sales-box .sales-box-content .btn {
      max-width: 100%;
      width: 100%;
      float: none;
      height: 40px;
      font-size: 20px;
      line-height: 40px;
      display: inline-block;
      margin-top: 22px;
      font-family: "Times New Roman", Times, serif; }
      @media (min-width: 1240px) {
        .sales-box .sales-box-content .btn {
          float: right;
          max-width: 135px; } }
    .sales-box .sales-box-content.flightWhere .sls-first {
      width: 100%;
      float: left;
      padding: 0px; }
      @media (min-width: 1240px) {
        .sales-box .sales-box-content.flightWhere .sls-first {
          width: 88%; } }
      .sales-box .sales-box-content.flightWhere .sls-first > div {
        floaT: left;
        width: 50%;
        padding: 0 12px 10px;
        box-sizing: border-box;
        color: #000; }
        @media (min-width: 1240px) {
          .sales-box .sales-box-content.flightWhere .sls-first > div {
            width: 160px;
            padding: 0 12px 0 0; } }
        .sales-box .sales-box-content.flightWhere .sls-first > div input {
          width: 100%;
          height: 40px;
          border: 1px solid #bfbfbd;
          border-radius: 2px; }
        .sales-box .sales-box-content.flightWhere .sls-first > div select {
          width: 100%;
          height: 40px;
          border: 1px solid #bfbfbd;
          border-radius: 2px;
          padding-right: 17px; }
        .sales-box .sales-box-content.flightWhere .sls-first > div label {
          font-size: 14px;
          display: block;
          padding-bottom: 4px;
          text-align: left; }
        .sales-box .sales-box-content.flightWhere .sls-first > div.hotelSelect {
          width: 100%; }
          @media (min-width: 1240px) {
            .sales-box .sales-box-content.flightWhere .sls-first > div.hotelSelect {
              width: 220px; } }
        .sales-box .sales-box-content.flightWhere .sls-first > div.datebox {
          width: 100%;
          padding: 0 0px 10px;
          position: relative; }
          @media (min-width: 1240px) {
            .sales-box .sales-box-content.flightWhere .sls-first > div.datebox {
              width: 340px;
              padding: 0px; } }
          .sales-box .sales-box-content.flightWhere .sls-first > div.datebox > div {
            float: left;
            width: 50%;
            padding: 0 10px; }
            @media (min-width: 1240px) {
              .sales-box .sales-box-content.flightWhere .sls-first > div.datebox > div {
                width: 159px;
                padding: 0 0px;
                position: relative; } }
            .sales-box .sales-box-content.flightWhere .sls-first > div.datebox > div:last-child {
              margin-left: 0px; }
              @media (min-width: 1240px) {
                .sales-box .sales-box-content.flightWhere .sls-first > div.datebox > div:last-child {
                  width: 159px;
                  margin-left: 10px; } }
          .sales-box .sales-box-content.flightWhere .sls-first > div.datebox input {
            text-indent: 5px; }
        .sales-box .sales-box-content.flightWhere .sls-first > div.cardRoyalty {
          width: 100%;
          float: left; }
          @media (min-width: 1240px) {
            .sales-box .sales-box-content.flightWhere .sls-first > div.cardRoyalty {
              width: 287px;
              padding: 0 0px;
              margin-top: 20px; } }
          .sales-box .sales-box-content.flightWhere .sls-first > div.cardRoyalty .chb {
            width: 100%; }
            .sales-box .sales-box-content.flightWhere .sls-first > div.cardRoyalty .chb span {
              border-radius: 50%;
              background: #000;
              color: #fff;
              width: 15px;
              height: 15px;
              float: right;
              text-align: center;
              line-height: 15px; }
      @media (min-width: 1240px) {
        .sales-box .sales-box-content.flightWhere .sls-first .col.form-group {
          width: 220px !important; } }
  .sales-box .btn {
    width: 95%;
    display: inline-block;
    float: none; }
    @media (min-width: 768px) {
      .sales-box .btn {
        display: none; } }

.TR .priceBox .price em {
  float: none !important;
  padding-left: 10px; }
  @media (min-width: 640px) {
    .TR .priceBox .price em {
      float: right !important; } }

.DE .flightSummary .action .longProcess {
  font-size: 14px !important; }

.RU .header-menu li a {
  font-size: 13px !important; }

@media (min-width: 1240px) {
  .RU .expo2016-page .colm-3 div:last-child p {
    font-size: 14px; } }

.RU .flightSummary .action .longProcess {
  font-size: 14px !important; }

.sales-Detail {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  display: none; }
  @media (min-width: 640px) {
    .sales-Detail {
      display: block; } }
  .sales-Detail:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 250px;
    background-image: -webkit-linear-gradient(180deg, black, transparent);
    background-image: linear-gradient(180deg, black, transparent);
    opacity: .7;
    z-index: 4; }
  .sales-Detail .slideNodeCt .slideNode {
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity 0.9s;
    -moz-transition: opacity 0.9s;
    transition: opacity 0.9s;
    z-index: 1;
    width: 100%; }
    .sales-Detail .slideNodeCt .slideNode .slideImg {
      position: relative;
      top: 0;
      right: 0;
      bottom: 0;
      left: 50%;
      margin-left: -960px; }
    .sales-Detail .slideNodeCt .slideNode .slideImg img {
      /*width: 100%;*/
      min-width: 1920px;
      max-width: none; }
  .sales-Detail .imgFixer {
    /*width: 100%;*/
    min-width: 1920px;
    max-width: none; }

.onlineSalesPage {
  max-width: 1140px !important; }
  .onlineSalesPage h1 {
    padding: 70px 0 20px 0; }
    @media (min-width: 640px) {
      .onlineSalesPage h1 {
        padding: 0px; } }
  .onlineSalesPage .containerWidth, .onlineSalesPage header nav, header .onlineSalesPage nav {
    max-width: 1140px !important; }
  .onlineSalesPage .content {
    margin-top: 1px;
    display: none; }
    .onlineSalesPage .content .sales-box {
      background: none; }
      .onlineSalesPage .content .sales-box .sales-box-content .hotelSelect {
        width: 100%; }
        @media (min-width: 1240px) {
          .onlineSalesPage .content .sales-box .sales-box-content .hotelSelect {
            width: 300px; } }
      .onlineSalesPage .content .sales-box .sales-box-content .datebox {
        width: 100%;
        padding: 0 0px 10px;
        position: relative; }
        @media (min-width: 1240px) {
          .onlineSalesPage .content .sales-box .sales-box-content .datebox {
            width: 420px;
            padding: 0px; } }
        .onlineSalesPage .content .sales-box .sales-box-content .datebox > div {
          float: left;
          width: 50%;
          padding: 0 13px; }
          @media (min-width: 1240px) {
            .onlineSalesPage .content .sales-box .sales-box-content .datebox > div {
              width: 199px;
              padding: 0 0px;
              position: relative; } }
          .onlineSalesPage .content .sales-box .sales-box-content .datebox > div:last-child {
            margin-left: 0px; }
            @media (min-width: 1240px) {
              .onlineSalesPage .content .sales-box .sales-box-content .datebox > div:last-child {
                width: 199px;
                margin-left: 10px; } }
        .onlineSalesPage .content .sales-box .sales-box-content .datebox input {
          text-indent: 5px; }
      .onlineSalesPage .content .sales-box .sales-box-content .col.form-group {
        width: 100%; }
        @media (min-width: 1240px) {
          .onlineSalesPage .content .sales-box .sales-box-content .col.form-group {
            width: 260px; } }
      .onlineSalesPage .content .sales-box .sales-box-content .btn {
        font-family: 'Avenir-Black';
        color: #fff;
        background: #5194bb;
        font-size: 18px; }

.clear {
  clear: both;
  overflow: hidden;
  height: 0;
  width: 100%; }

.sales-tab-view {
  margin-bottom: 40px; }
  .sales-tab-view .list {
    padding: 0 10px;
    position: relative; }
    @media (min-width: 768px) {
      .sales-tab-view .list {
        padding: 0 40px; } }
    .sales-tab-view .list:before {
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      content: "";
      height: 0;
      width: 100%;
      border-bottom: 1px solid #e5e9ec;
      background-color: #e5e9ec; }
    .sales-tab-view .list .item {
      width: 50%;
      float: left;
      padding: 0 5px; }
      @media (min-width: 1240px) {
        .sales-tab-view .list .item {
          width: 20%; } }
      .sales-tab-view .list .item button {
        border: 1px solid #e5e9ec;
        font-size: 16px;
        font-weight: bold;
        width: 100%;
        background-color: #f4f4f4;
        padding: 8px 7px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        outline: none; }
        .sales-tab-view .list .item button:hover {
          background-color: #f9f9f9; }
        .sales-tab-view .list .item button span {
          padding-top: 3px;
          display: block;
          font-size: 12px;
          font-weight: normal;
          color: #7a7a7a; }
      .sales-tab-view .list .item.active button {
        border-bottom: 1px solid #FFF;
        background-color: #FFF;
        position: relative;
        cursor: default;
        border-top: 2px solid #000;
        padding: 7px 7px 8px 7px; }
        .sales-tab-view .list .item.active button:after {
          position: absolute;
          right: 0;
          bottom: 0;
          left: 0;
          height: 0;
          width: 100%;
          border-bottom: 1px solid #FFF;
          content: "";
          display: block; }

.select-room .itemsC {
  width: 100%;
  padding: 10px; }
  .select-room .itemsC:after {
    clear: both;
    display: block;
    content: ""; }
  @media (min-width: 768px) {
    .select-room .itemsC {
      width: 50%;
      float: left; } }
  .select-room .itemsC .items {
    width: 100%;
    height: 100%; }
    .select-room .itemsC .items .items-text {
      width: 100%;
      border: 1px solid #d0d0d0;
      padding: 20px;
      float: left;
      min-height: 100px; }
      .select-room .itemsC .items .items-text .items-left {
        padding-right: 5px;
        width: 100%; }
        @media (min-width: 768px) {
          .select-room .itemsC .items .items-text .items-left {
            width: 50%;
            float: left; } }
        @media (min-width: 768px) {
          .select-room .itemsC .items .items-text .items-left.earlyReservationNull {
            padding-top: 15px; } }
        .select-room .itemsC .items .items-text .items-left strong {
          display: block; }
        .select-room .itemsC .items .items-text .items-left span {
          display: block;
          color: #15af00; }
        .select-room .itemsC .items .items-text .items-left em {
          font-style: normal;
          font-family: 'Avenir-Black';
          font-size: 14px;
          color: #cb0000;
          display: inline-block;
          position: relative; }
          .select-room .itemsC .items .items-text .items-left em i {
            font-style: normal;
            font-size: 12px; }
          .select-room .itemsC .items .items-text .items-left em:after {
            content: "";
            height: 1px;
            width: 100%;
            background: #cb0000;
            display: block;
            position: absolute;
            top: 50%;
            left: 0; }
      .select-room .itemsC .items .items-text .items-right {
        width: 100%;
        padding-top: 10px; }
        @media (min-width: 768px) {
          .select-room .itemsC .items .items-text .items-right {
            width: 50%;
            float: right;
            padding: 0; } }
        .select-room .itemsC .items .items-text .items-right .prc {
          font-size: 20px;
          float: left;
          font-family: 'Avenir-Light';
          font-weight: bold;
          border: 1px solid #d0d0d0;
          display: inline-block;
          width: 50%;
          height: 46px;
          line-height: 46px;
          text-align: center; }
          @media (min-width: 1240px) {
            .select-room .itemsC .items .items-text .items-right .prc {
              font-size: 24px;
              padding: 0 5px; } }
          .select-room .itemsC .items .items-text .items-right .prc span {
            font-size: 14px; }
            @media (min-width: 1240px) {
              .select-room .itemsC .items .items-text .items-right .prc span {
                font-size: 18px; } }
        .select-room .itemsC .items .items-text .items-right .btn-room-buy {
          background: #5194bb;
          font-family: 'Avenir-Black';
          border-radius: 0;
          padding: 0 5px;
          width: 50%;
          height: 46px;
          line-height: 49px;
          border: 0;
          float: left;
          color: #fff;
          text-align: center; }
          .select-room .itemsC .items .items-text .items-right .btn-room-buy:hover {
            background: #5194bb;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            transition: all 0.5s ease; }
        .select-room .itemsC .items .items-text .items-right .btn-search {
          border: 1px solid #d0d0d0;
          display: inline-block;
          text-align: center;
          font-family: 'Avenir-Black';
          float: left;
          padding: 10px 5px;
          width: 70%;
          margin-top: 10px; }
          .select-room .itemsC .items .items-text .items-right .btn-search:hover {
            color: #8f8f8f; }
        .select-room .itemsC .items .items-text .items-right strong {
          border: 1px solid #d0d0d0;
          display: inline-block;
          width: 100%;
          text-align: center;
          font-family: 'Avenir-Black';
          float: right;
          padding: 10px 5px; }
          @media (min-width: 768px) {
            .select-room .itemsC .items .items-text .items-right strong {
              padding: 20px 5px; } }
    .select-room .itemsC .items a {
      display: block; }
      .select-room .itemsC .items a img {
        width: 100%;
        float: left; }

.bxsliderHomePage {
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
  padding: 30px 10px;
  position: relative; }
  @media (min-width: 768px) {
    .bxsliderHomePage {
      padding: 50px 0; } }
  .bxsliderHomePage .bxslider {
    overflow: hidden; }
    .bxsliderHomePage .bxslider div {
      text-align: center; }
      @media (min-width: 768px) {
        .bxsliderHomePage .bxslider div {
          text-align: left; } }
      .bxsliderHomePage .bxslider div img {
        float: none;
        max-width: 220px;
        width: 100%;
        margin-right: 0px; }
        @media (min-width: 768px) {
          .bxsliderHomePage .bxslider div img {
            float: left;
            margin-right: -220px; } }
      .bxsliderHomePage .bxslider div .crouselText {
        float: left;
        margin-left: 0px;
        padding: 10px; }
        @media (min-width: 768px) {
          .bxsliderHomePage .bxslider div .crouselText {
            margin-left: 245px;
            padding-top: 10px; } }
        .bxsliderHomePage .bxslider div .crouselText h3 {
          font-size: 20px;
          font-weight: normal;
          position: relative;
          margin: 5px 0;
          display: inline-block;
          font-family: "Times New Roman", Times, serif;
          color: #000; }
          @media (min-width: 768px) {
            .bxsliderHomePage .bxslider div .crouselText h3 {
              font-size: 24px; } }
        .bxsliderHomePage .bxslider div .crouselText p {
          font-size: 14px;
          line-height: 24px;
          color: #000;
          font-family: "Times New Roman", Times, serif; }
          @media (min-width: 768px) {
            .bxsliderHomePage .bxslider div .crouselText p {
              font-size: 16px; } }
        .bxsliderHomePage .bxslider div .crouselText a {
          font-size: 16px;
          display: inline-block;
          margin-top: 5px;
          font-family: "Times New Roman", Times, serif;
          font-weight: bold; }
    .bxsliderHomePage .bxslider .swipe-wrap > div {
      float: left;
      width: 100%;
      position: relative; }
  .bxsliderHomePage .leftbtn {
    position: absolute;
    left: -75px;
    top: 50%;
    margin-top: -35px;
    font-size: 80px;
    cursor: pointer;
    display: none;
    color: #cccccc;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
    @media screen and (min-width: 1150px) {
      .bxsliderHomePage .leftbtn {
        display: block; } }
  .bxsliderHomePage .rightbtn {
    position: absolute;
    right: -75px;
    top: 50%;
    margin-top: -43px;
    cursor: pointer;
    display: none;
    font-size: 80px;
    color: #cccccc; }
    @media screen and (min-width: 1150px) {
      .bxsliderHomePage .rightbtn {
        display: block; } }

.room-detail-list {
  border-bottom: 1px solid #e5e9e8;
  padding-bottom: 20px; }
  .room-detail-list h3 {
    font-family: 'Avenir-Black'; }
  .room-detail-list ul li {
    line-height: 26px; }

#tooltip {
  text-align: center;
  color: #fff;
  background: #111;
  position: absolute;
  z-index: 100;
  padding: 10px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 2px; }

#tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #111;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px; }

#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #111;
  top: -20px;
  bottom: auto; }

#tooltip.left:after {
  left: 10px;
  margin: 0; }

#tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0; }

.flightPackage .introText {
  width: 100%;
  margin-top: 20px; }
  .flightPackage .introText span {
    color: #000;
    font-size: 24px;
    font-family: "Times New Roman", Times, serif; }
  .flightPackage .introText p {
    color: #666;
    font-size: 14px; }

.flightPackage .flightArea {
  width: 100%;
  float: left;
  box-sizing: border-box; }
  @media (min-width: 1240px) {
    .flightPackage .flightArea {
      width: 792px;
      float: left;
      box-sizing: border-box; } }
  .flightPackage .flightArea .flight-Row {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    float: left;
    margin-bottom: 20px; }
    @media (min-width: 1240px) {
      .flightPackage .flightArea .flight-Row {
        border: 1px solid #e5e5e5;
        box-sizing: border-box; } }
    .flightPackage .flightArea .flight-Row .left-Cont {
      width: 100%;
      padding: 10px 0px;
      float: left;
      box-sizing: border-box; }
      @media (min-width: 1240px) {
        .flightPackage .flightArea .flight-Row .left-Cont {
          width: 590px;
          padding: 20px; } }
      .flightPackage .flightArea .flight-Row .left-Cont .roomInfo {
        width: 100%;
        float: left;
        margin-bottom: 20px; }
        .flightPackage .flightArea .flight-Row .left-Cont .roomInfo img {
          width: 70px;
          float: left;
          margin: 0px 10px 10px 0px; }
          @media (min-width: 1240px) {
            .flightPackage .flightArea .flight-Row .left-Cont .roomInfo img {
              width: 105px; } }
        .flightPackage .flightArea .flight-Row .left-Cont .roomInfo span {
          display: block;
          line-height: 15px; }
          @media (min-width: 1240px) {
            .flightPackage .flightArea .flight-Row .left-Cont .roomInfo span {
              line-height: 20px; } }
          .flightPackage .flightArea .flight-Row .left-Cont .roomInfo span.roomName {
            color: #000;
            font-size: 14px;
            font-weight: bold;
            font-family: Arial, Helvetica, SansSerif; }
            @media (min-width: 1240px) {
              .flightPackage .flightArea .flight-Row .left-Cont .roomInfo span.roomName {
                font-size: 16px; } }
          .flightPackage .flightArea .flight-Row .left-Cont .roomInfo span.hotelName {
            color: #999999;
            font-size: 10px;
            font-family: Arial, Helvetica, SansSerif; }
            @media (min-width: 1240px) {
              .flightPackage .flightArea .flight-Row .left-Cont .roomInfo span.hotelName {
                font-size: 12px; } }
        .flightPackage .flightArea .flight-Row .left-Cont .roomInfo a {
          display: block;
          color: #000;
          font-size: 12px;
          font-family: Arial, Helvetica, SansSerif; }
          @media (min-width: 1240px) {
            .flightPackage .flightArea .flight-Row .left-Cont .roomInfo a {
              font-size: 14px; } }
      .flightPackage .flightArea .flight-Row .left-Cont .flightInfo {
        width: 100%;
        float: left; }
        .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .direction {
          float: left;
          color: #000;
          font-size: 12px;
          font-family: Arial, Helvetica, SansSerif; }
          .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .direction i {
            color: #666;
            font-style: normal; }
        .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow {
          background: #f6f6f6;
          width: 100%;
          margin-bottom: 10px;
          padding: 10px 0;
          float: left; }
          .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .airLogo {
            float: left;
            width: 40px; }
          .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .depTime {
            color: #000;
            font-size: 14px;
            font-weight: bold;
            font-family: Arial, Helvetica, SansSerif;
            float: left;
            margin: 6px 5px; }
            @media (min-width: 1240px) {
              .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .depTime {
                margin: 6px 15px; } }
            .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .depTime span {
              font-weight: normal; }
          .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .airType {
            color: #000;
            font-size: 11px;
            font-weight: bold;
            font-family: Arial, Helvetica, SansSerif;
            float: left;
            width: 58px; }
            @media (min-width: 640px) {
              .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .airType {
                width: 120px;
                margin-top: 8px; } }
            .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .airType span {
              font-weight: normal;
              width: 100%;
              float: left; }
              @media (min-width: 640px) {
                .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .airType span {
                  width: auto;
                  margin-left: 8px; } }
          .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .arrTime {
            color: #000;
            font-size: 14px;
            font-weight: bold;
            font-family: Arial, Helvetica, SansSerif;
            float: left;
            margin: 6px 5px; }
            .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .arrTime span {
              font-weight: normal; }
          .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .airClass {
            display: none;
            font-size: 12px;
            font-family: Arial, Helvetica, SansSerif;
            float: left;
            margin: 6px 10px; }
            @media (min-width: 640px) {
              .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .airClass {
                display: block; } }
          .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .airDetail {
            float: left;
            margin: 0px 10px;
            cursor: pointer; }
            .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .airDetail a {
              border-radius: 50%;
              background: #000;
              color: #fff;
              width: 20px;
              height: 20px;
              float: left;
              text-align: center;
              line-height: 20px;
              margin-top: 4px; }
            .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .airDetail span {
              display: none;
              font-size: 12px;
              font-family: Arial, Helvetica, SansSerif;
              float: right;
              margin: 6px 10px; }
              @media (min-width: 640px) {
                .flightPackage .flightArea .flight-Row .left-Cont .flightInfo .flightRow .airDetail span {
                  display: block; } }
      .flightPackage .flightArea .flight-Row .left-Cont .flight-Loading {
        width: 100%;
        text-align: center;
        padding: 50px 0px;
        background: #f6f6f6;
        float: left;
        width: 100%;
        color: #999; }
    .flightPackage .flightArea .flight-Row .flightPriceBox {
      width: 100%;
      box-sizing: border-box; }
      @media (min-width: 1240px) {
        .flightPackage .flightArea .flight-Row .flightPriceBox {
          width: 200px;
          border-left: 1px solid #e5e5e5;
          float: right;
          padding: 10px; } }
      .flightPackage .flightArea .flight-Row .flightPriceBox .prmc {
        width: 100%;
        float: left; }
        .flightPackage .flightArea .flight-Row .flightPriceBox .prmc .promoT {
          font-size: 12px;
          color: #000; }
          @media (min-width: 1240px) {
            .flightPackage .flightArea .flight-Row .flightPriceBox .prmc .promoT {
              list-style-type: disc;
              margin-left: 20px; } }
          .flightPackage .flightArea .flight-Row .flightPriceBox .prmc .promoT.yesil {
            color: #50ab29; }
      .flightPackage .flightArea .flight-Row .flightPriceBox .packageType {
        width: 30%;
        float: left;
        background: #f1faff;
        font-weight: 700;
        font-size: 12px;
        padding: 15px 0px;
        height: 67px; }
        @media (min-width: 1240px) {
          .flightPackage .flightArea .flight-Row .flightPriceBox .packageType {
            width: 100%;
            font-size: 16px;
            background: none; } }
      .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice {
        width: 70%;
        float: right;
        background: #f1faff;
        padding: 15px 0px;
        height: 67px; }
        @media (min-width: 1240px) {
          .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice {
            width: 100%;
            background: none; } }
        .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice .btn {
          float: right;
          width: 30%;
          padding: 0px 15px; }
          @media (min-width: 1240px) {
            .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice .btn {
              width: auto;
              padding: 0px 20px;
              float: left; } }
          .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice .btn i {
            display: none; }
          .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice .btn span {
            display: block; }
          .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice .btn.active {
            background: #4cad19; }
            .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice .btn.active span {
              display: none; }
            .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice .btn.active i {
              display: block;
              font-size: 20px; }
        .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice div {
          float: left;
          width: 70%;
          text-align: right;
          padding-right: 10px; }
          @media (min-width: 1240px) {
            .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice div {
              width: 100%;
              float: left;
              text-align: left; } }
          .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice div .oldPrc {
            color: #666;
            font-family: Arial, Helvetica, SansSerif;
            font-size: 12px;
            text-decoration: line-through;
            width: 100%;
            float: right; }
            @media (min-width: 1240px) {
              .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice div .oldPrc {
                width: 100%;
                float: left;
                text-align: left;
                font-size: 14px;
                margin-bottom: 6px; } }
          .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice div .currentPrc {
            color: #fd9b27;
            font-size: 20px;
            font-weight: bold;
            font-family: Arial, Helvetica, SansSerif;
            width: 100%;
            float: right; }
            @media (min-width: 1240px) {
              .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice div .currentPrc {
                width: 100%;
                float: left;
                text-align: left;
                font-size: 24px;
                margin-bottom: 10px; } }
            .flightPackage .flightArea .flight-Row .flightPriceBox .packagePrice div .currentPrc em {
              font-size: 18px;
              font-weight: normal;
              font-style: normal; }

.flightSummary.summary {
  position: fixed;
  padding: 20px 10px;
  height: 100%;
  width: 100%;
  background-color: #FFF;
  height: auto;
  border-top: 1px solid #e5e9ec;
  box-shadow: -1px 0 5px 0 rgba(0, 0, 0, 0.1);
  z-index: 10; }
  @media (min-width: 1240px) {
    .flightSummary.summary {
      width: 328px;
      float: right;
      position: static;
      background-color: transparent;
      border-top: none;
      box-shadow: none;
      padding: 0px 0px; }
      .flightSummary.summary.stick {
        position: fixed;
        top: 100px; }
        .flightSummary.summary.stick.stickNon {
          position: static; } }
  .flightSummary.summary .close {
    display: none; }
  .flightSummary.summary .toggle-summary-btn {
    float: right;
    color: #000;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    margin-top: 3px;
    outline: none; }
    @media (min-width: 1240px) {
      .flightSummary.summary .toggle-summary-btn {
        display: none; } }
  .flightSummary.summary.opened {
    height: 100%;
    overflow-y: scroll;
    z-index: 1000;
    padding: 10px 10px 10px 10px; }
    .flightSummary.summary.opened .close {
      display: block; }
    .flightSummary.summary.opened .show-details {
      display: none; }
      @media (min-width: 1240px) {
        .flightSummary.summary.opened .show-details {
          display: none; } }
    .flightSummary.summary.opened .btn {
      display: none; }
      @media (min-width: 1240px) {
        .flightSummary.summary.opened .btn {
          display: none; } }
    .flightSummary.summary.opened .total {
      display: none; }
      @media (min-width: 1240px) {
        .flightSummary.summary.opened .total {
          display: none; } }
    .flightSummary.summary.opened .contenT {
      max-height: 800px; }
  .flightSummary.summary .contenT {
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s; }
  .flightSummary.summary .win {
    height: 100%; }
    @media (min-width: 1240px) {
      .flightSummary.summary .win {
        border: 1px solid #e5e9ec;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.07);
        border-radius: 2px;
        background-color: #fcfcfc;
        padding: 15px; } }
    @media (min-width: 1240px) {
      .flightSummary.summary .win .contenT {
        max-height: none;
        display: block; } }
  .flightSummary.summary .row {
    border-bottom: 1px solid #e5e9ec;
    padding-bottom: 15px;
    margin-bottom: 15px; }
    .flightSummary.summary .row .title {
      text-transform: uppercase;
      font-size: 12px;
      color: gray;
      margin-bottom: 10px; }
    .flightSummary.summary .row .t {
      font-weight: bold;
      font-size: 16px;
      margin-bottom: 6px; }
    .flightSummary.summary .row p {
      margin: 0;
      margin-bottom: 4px;
      font-size: 12px; }
    .flightSummary.summary .row.total-price {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
      .flightSummary.summary .row.total-price .title {
        padding-top: 5px;
        float: left;
        margin-right: 10px;
        margin-bottom: 0;
        display: none; }
        @media (min-width: 1240px) {
          .flightSummary.summary .row.total-price .title {
            padding-top: 0;
            float: left;
            margin-bottom: 5px;
            display: block; } }
      .flightSummary.summary .row.total-price .price {
        float: left; }
        @media (min-width: 1240px) {
          .flightSummary.summary .row.total-price .price {
            float: left; } }
        .flightSummary.summary .row.total-price .price.total {
          font-size: 18px; }
          @media (min-width: 1240px) {
            .flightSummary.summary .row.total-price .price.total {
              font-size: 22px; } }
      .flightSummary.summary .row.total-price .btn {
        float: right; }
      .flightSummary.summary .row.total-price .toggle-summary-btn {
        float: left;
        margin-right: 20px; }
    .flightSummary.summary .row .price {
      font-weight: bold;
      color: #4cae19;
      font-size: 14px; }
      .flightSummary.summary .row .price.total {
        font-size: 22px; }
      .flightSummary.summary .row .price span {
        font-weight: normal;
        font-size: 12px; }
  .flightSummary.summary .summary-header {
    font-weight: bold;
    font-size: 16px; }
  .flightSummary.summary .rooms .room {
    position: relative;
    padding-left: 70px; }
    .flightSummary.summary .rooms .room .image {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      left: 0;
      height: 60px;
      width: 60px;
      overflow: hidden; }
      .flightSummary.summary .rooms .room .image img {
        height: 100%; }
  .flightSummary.summary .action .longProcess {
    background: #5194bb;
    width: 100%;
    font-family: 'Avenir-Black';
    font-size: 18px;
    margin-top: 10px; }

.showWhileWaitingAjaxResult {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 10000;
  top: 0px;
  left: 0px;
  text-align: center; }
  .showWhileWaitingAjaxResult span {
    text-align: center;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -35px;
    width: 70px;
    height: 70px;
    border-radius: 10px; }

.recommended-flight {
  width: 100%;
  float: left; }
  .recommended-flight .filter-r {
    width: 100%;
    float: left; }
    @media (min-width: 1240px) {
      .recommended-flight .filter-r {
        width: 220px; } }
    .recommended-flight .filter-r.active {
      position: fixed;
      top: 0px;
      left: 0px;
      z-index: 1000;
      overflow-y: scroll;
      height: 100%; }
      @media (min-width: 1240px) {
        .recommended-flight .filter-r.active {
          position: static; } }
      .recommended-flight .filter-r.active .filterArea {
        display: block;
        height: auto;
        margin-top: 48px;
        overflow: hidden; }
      .recommended-flight .filter-r.active .title-doDilter {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 1001; }
        .recommended-flight .filter-r.active .title-doDilter i {
          display: block; }
    .recommended-flight .filter-r .title-doDilter {
      width: 100%;
      float: left;
      text-align: center;
      color: #000;
      font-family: Arial, Helvetica, SansSerif;
      font-weight: bold;
      font-size: 12px;
      background: #e9e9e9;
      border: 1px solid #c7c7c7;
      padding: 15px 10px;
      display: block; }
      .recommended-flight .filter-r .title-doDilter i {
        font-style: normal;
        float: right;
        font-size: 16px;
        display: none; }
      @media (min-width: 1240px) {
        .recommended-flight .filter-r .title-doDilter {
          display: none; } }
    .recommended-flight .filter-r .filterArea {
      border: 1px solid #c7c7c7;
      background: #ededed;
      width: 100%;
      float: left;
      display: none;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      @media (min-width: 1240px) {
        .recommended-flight .filter-r .filterArea {
          display: block; } }
      .recommended-flight .filter-r .filterArea .title-D {
        background: #f0f0f0;
        color: #000;
        font-family: Arial, Helvetica, SansSerif;
        font-weight: bold;
        font-size: 14px;
        padding: 10px 20px;
        float: left;
        border-top: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        width: 100%; }
      .recommended-flight .filter-r .filterArea .listBy {
        float: left;
        width: 100%;
        padding: 10px 20px; }
        .recommended-flight .filter-r .filterArea .listBy span {
          width: 100%;
          float: left;
          color: #2c93d5;
          font-size: 9px;
          font-family: Arial, Helvetica, SansSerif;
          margin-bottom: 10px; }
          .recommended-flight .filter-r .filterArea .listBy span a {
            color: #2c93d5;
            font-size: 11px;
            font-family: Arial, Helvetica, SansSerif; }
          .recommended-flight .filter-r .filterArea .listBy span.ui-slider-handle {
            position: absolute;
            z-index: 2;
            width: 22px;
            height: 22px;
            cursor: default;
            border: none;
            cursor: pointer; }
        .recommended-flight .filter-r .filterArea .listBy p {
          float: left;
          color: #000000;
          font-size: 12px; }
          .recommended-flight .filter-r .filterArea .listBy p span {
            float: left;
            color: #000000;
            font-size: 12px;
            width: auto; }
          .recommended-flight .filter-r .filterArea .listBy p i {
            float: left;
            color: #000000;
            font-size: 12px;
            font-style: normal;
            line-height: 12px;
            margin: 0px 5px; }
          .recommended-flight .filter-r .filterArea .listBy p em {
            float: left;
            color: #000000;
            font-size: 12px;
            font-style: normal;
            line-height: 12px;
            margin: 0px 5px; }
      .recommended-flight .filter-r .filterArea label {
        width: 100%;
        float: left;
        margin-bottom: 5px;
        font-size: 12px;
        color: #000;
        font-family: Arial, Helvetica, SansSerif; }
      .recommended-flight .filter-r .filterArea input[type="radio"] + label:before {
        border-width: 1px; }
      .recommended-flight .filter-r .filterArea input[type="radio"]:checked + label:before {
        border-width: 5px;
        background-color: #FFF !important; }
      .recommended-flight .filter-r .filterArea input[type="checkbox"] + label:before {
        width: 16px;
        height: 16px; }

#time-range p {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  color: #333; }

.ui-slider-horizontal {
  height: 8px;
  background: #D7D7D7;
  border: 1px solid #BABABA;
  box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
  clear: both;
  margin: 8px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider-horizontal .ui-slider-range {
  top: -1px;
  height: 100%; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 8px;
  font-size: .7em;
  display: block;
  border: 1px solid #5BA8E1;
  box-shadow: 0 1px 0 #AAD6F6 inset;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  background: #81B8F3;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
  background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
  background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
  background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
  background-image: linear-gradient(top, #A0D4F5, #81B8F3); }

.ui-slider .ui-slider-handle {
  border-radius: 50%;
  background: #3f90b9;
  width: 22px;
  height: 22px;
  -webkit-transition: box-shadow .3s;
  -moz-transition: box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 22px;
  cursor: default;
  border: none;
  cursor: pointer;
  border: 1px solid #fff; }

.ui-slider .ui-slider-handle:focus {
  outline: none; }

/*.ui-slider .ui-slider-handle:after {
  content:"";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -4px;
  background: #30A2D2;
  -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
  -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
  box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}*/
.ui-slider-horizontal .ui-slider-handle {
  top: -.8em;
  margin-left: -.6em; }

.ui-slider a:focus {
  outline: none; }

.rec-results {
  width: 100%;
  float: right;
  margin-top: 30px;
  font-family: Arial, Helvetica, SansSerif; }
  @media (min-width: 1240px) {
    .rec-results {
      width: 562px;
      margin-top: 0px; } }
  .rec-results .dest-label {
    display: none; }
    @media (min-width: 1240px) {
      .rec-results .dest-label {
        background: #f6f6f6;
        float: left;
        width: 100%;
        border-top: 1px solid #e5e5e5;
        display: block;
        color: #999;
        font-size: 12px;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        padding: 10px 0px; }
        .rec-results .dest-label table {
          width: 100%; } }
  .rec-results .rfl-title-row {
    background: #f6f6f6;
    float: left;
    width: 100%;
    padding: 20px 10px;
    border-top: 1px solid #e5e5e5; }
    @media (min-width: 1240px) {
      .rec-results .rfl-title-row {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5; } }
    .rec-results .rfl-title-row h4 {
      font-size: 16px;
      float: left;
      margin: 0px 20px 0px 0px; }
    .rec-results .rfl-title-row .dest-flight {
      float: left;
      color: #666;
      font-size: 14px; }
    .rec-results .rfl-title-row .flight-dates {
      width: 100%;
      float: left;
      margin-top: 10px;
      color: #333;
      font-size: 14px; }
      @media (min-width: 1240px) {
        .rec-results .rfl-title-row .flight-dates {
          width: auto;
          float: right;
          margin-top: 0px; } }
  .rec-results .space {
    height: 20px; }
  .rec-results .international-filghts {
    padding: 0px;
    background: #f6f6f6;
    float: left;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5; }
    @media (min-width: 1240px) {
      .rec-results .international-filghts {
        padding: 10px;
        border: 1px solid #e5e5e5; } }
    .rec-results .international-filghts .internal-Total {
      float: right;
      font-size: 20px;
      font-weight: bold;
      padding: 10px 0px;
      width: 100%;
      text-align: right; }
      @media (min-width: 1240px) {
        .rec-results .international-filghts .internal-Total {
          padding: 10px 0px 0px 0px; } }
      .rec-results .international-filghts .internal-Total span {
        font-weight: normal;
        font-size: 16px; }
    .rec-results .international-filghts .internal-title {
      float: left;
      font-size: 12px;
      font-weight: bold;
      color: #333;
      padding-bottom: 10px; }
      .rec-results .international-filghts .internal-title span {
        color: #666; }
    .rec-results .international-filghts .redNote {
      color: #ff0000;
      float: left;
      font-size: 12px;
      margin: 15px 0px 0px; }
    .rec-results .international-filghts .tckrules {
      float: right;
      font-size: 12px;
      font-weight: bold;
      margin: 15px 0px 0px; }
      .rec-results .international-filghts .tckrules i {
        border-radius: 50%;
        background: #000;
        color: #fff;
        width: 15px;
        height: 15px;
        float: left;
        text-align: center;
        line-height: 15px;
        margin-right: 4px;
        font-size: 10px;
        font-style: normal; }
    .rec-results .international-filghts .recommended-flight-row {
      background: #fff; }
      @media (min-width: 1240px) {
        .rec-results .international-filghts .recommended-flight-row .part-one {
          width: 350px; }
          .rec-results .international-filghts .recommended-flight-row .part-one .airType {
            margin: 6px 5px; }
          .rec-results .international-filghts .recommended-flight-row .part-one .theDayafter {
            color: #ff0000; }
        .rec-results .international-filghts .recommended-flight-row .part-two {
          width: 187px; }
          .rec-results .international-filghts .recommended-flight-row .part-two .flight-price {
            width: auto;
            border: none;
            padding: 0px;
            margin: 0px; } }
  .rec-results .recommended-flight-row {
    border-top: 1px solid #e5e5e5;
    float: left;
    width: 100%;
    padding: 15px 0px 0px 0px; }
    @media (min-width: 1240px) {
      .rec-results .recommended-flight-row {
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5; } }
    .rec-results .recommended-flight-row .part-one {
      width: 100%;
      float: left; }
      @media (min-width: 1240px) {
        .rec-results .recommended-flight-row .part-one {
          width: 390px; } }
    .rec-results .recommended-flight-row .part-two {
      width: 100%;
      float: left;
      background: #f1faff;
      padding: 15px 0px; }
      @media (min-width: 1240px) {
        .rec-results .recommended-flight-row .part-two {
          width: 170px;
          padding: 0px 0px 10px 0px;
          background: none; } }
    .rec-results .recommended-flight-row .airLogo {
      float: left;
      width: 40px; }
    .rec-results .recommended-flight-row .depTime {
      color: #000;
      font-size: 14px;
      font-weight: bold;
      font-family: Arial, Helvetica, SansSerif;
      float: left;
      margin: 6px 15px; }
      @media (min-width: 1240px) {
        .rec-results .recommended-flight-row .depTime {
          margin: 6px 15px; } }
      .rec-results .recommended-flight-row .depTime span {
        font-weight: normal; }
    .rec-results .recommended-flight-row .airType {
      color: #000;
      font-size: 11px;
      font-weight: bold;
      font-family: Arial, Helvetica, SansSerif;
      float: left;
      width: 58px;
      margin: 6px 15px; }
      @media (min-width: 640px) {
        .rec-results .recommended-flight-row .airType {
          width: 120px;
          margin-top: 8px; } }
      .rec-results .recommended-flight-row .airType span {
        font-weight: normal;
        width: 100%;
        float: left; }
        @media (min-width: 640px) {
          .rec-results .recommended-flight-row .airType span {
            width: auto;
            margin-left: 8px; } }
    .rec-results .recommended-flight-row .arrTime {
      color: #000;
      font-size: 14px;
      font-weight: bold;
      font-family: Arial, Helvetica, SansSerif;
      float: right;
      margin: 6px 5px; }
      @media (min-width: 640px) {
        .rec-results .recommended-flight-row .arrTime {
          float: left; } }
      .rec-results .recommended-flight-row .arrTime span {
        font-weight: normal; }
    .rec-results .recommended-flight-row .airClass {
      display: block;
      font-size: 12px;
      font-family: Arial, Helvetica, SansSerif;
      float: left;
      margin: 6px 10px; }
      @media (min-width: 640px) {
        .rec-results .recommended-flight-row .airClass {
          display: block; } }
    .rec-results .recommended-flight-row .airDetail {
      float: left;
      margin: 0px 10px;
      cursor: pointer; }
      .rec-results .recommended-flight-row .airDetail a {
        border-radius: 50%;
        background: #000;
        color: #fff;
        width: 15px;
        height: 15px;
        float: left;
        text-align: center;
        line-height: 15px;
        margin-top: 4px;
        font-size: 10px; }
      .rec-results .recommended-flight-row .airDetail span {
        display: block;
        font-size: 12px;
        font-family: Arial, Helvetica, SansSerif;
        float: right;
        margin: 6px 10px; }
        @media (min-width: 640px) {
          .rec-results .recommended-flight-row .airDetail span {
            display: block; } }
    .rec-results .recommended-flight-row .flight-price {
      float: right;
      font-size: 20px;
      font-weight: bold; }
      @media (min-width: 1240px) {
        .rec-results .recommended-flight-row .flight-price {
          width: 100%;
          border-top: 1px solid #e5e5e5;
          padding-top: 10px;
          margin-top: 10px;
          text-align: right; } }
      .rec-results .recommended-flight-row .flight-price span {
        font-weight: normal;
        font-size: 16px; }
      .rec-results .recommended-flight-row .flight-price input[type="radio"] + label:before {
        width: 20px;
        height: 20px;
        border-color: #3f90b9; }
    .rec-results .recommended-flight-row.last {
      border-bottom: 1px solid #e5e5e5; }

.flightPackageDetail {
  max-width: 600px;
  padding: 0px 10px; }
  .flightPackageDetail h3 {
    font-size: 24px;
    font-family: "Times New Roman", Times, serif;
    width: 100%;
    margin: 10px 0px; }
  .flightPackageDetail .roundFlight {
    width: 100%;
    float: left; }
    .flightPackageDetail .roundFlight .flightTitle {
      font-size: 16px;
      font-weight: bold;
      color: #000;
      border-top: 1px solid #efefef;
      width: 100%;
      float: left;
      padding: 10px 0px; }
    .flightPackageDetail .roundFlight table {
      font-size: 14px;
      color: #000;
      line-height: 15px; }
      .flightPackageDetail .roundFlight table td {
        padding: 5px;
        vertical-align: top; }
        .flightPackageDetail .roundFlight table td.lg {
          padding: 0px; }
        .flightPackageDetail .roundFlight table td span {
          color: #666; }
        .flightPackageDetail .roundFlight table td strong {
          font-size: 16px;
          font-weight: bold; }
  .flightPackageDetail .roundFlightStop {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    width: 100%;
    float: left;
    padding: 15px 0px;
    margin: 20px 0px; }
    .flightPackageDetail .roundFlightStop img {
      float: left;
      margin-right: 30px; }
    .flightPackageDetail .roundFlightStop span {
      font-size: 14px;
      color: #666;
      float: left; }
      .flightPackageDetail .roundFlightStop span strong {
        font-size: 16px;
        color: #000;
        font-weight: bold; }
  .flightPackageDetail .ticketRules {
    width: 100%;
    border-top: 1px solid #efefef;
    float: left;
    padding: 15px 0px;
    margin: 20px 0px;
    color: #666;
    font-size: 12px; }
    .flightPackageDetail .ticketRules span {
      font-size: 24px;
      font-family: "Times New Roman", Times, serif;
      width: 100%;
      padding-bottom: 20px;
      float: left;
      color: #000; }
    .flightPackageDetail .ticketRules b {
      color: #000; }

.pagination {
  float: right;
  width: 100%; }
  .pagination ul {
    margin-bottom: 30px;
    float: none;
    text-align: center; }
    @media (min-width: 640px) {
      .pagination ul {
        float: right; } }
    .pagination ul li {
      float: none;
      margin: 0 3px;
      display: inline-block; }
      @media (min-width: 640px) {
        .pagination ul li {
          margin: 0 7px;
          float: left; } }
      .pagination ul li a {
        color: #000;
        font-weight: bold;
        font-family: "Times New Roman", Times, serif;
        font-size: 16px;
        padding: 5px 3px; }
        @media (min-width: 640px) {
          .pagination ul li a {
            padding: 5px 7px; } }
        .pagination ul li a:hover {
          color: #94cdee; }
      .pagination ul li.active a {
        color: #000;
        border-bottom: 1px solid #000; }
      .pagination ul li.first {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg); }
      .pagination ul li.last {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg); }

.where1 {
  padding: 0px 5px; }

.ui-menu .ui-autocomplete-category.ui-menu-item {
  border-bottom: 1px solid #A2A2A2;
  color: #343434;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  margin: 10px 0px 5px -2px;
  text-indent: 9px;
  font-weight: bold;
  padding: 0px 0px 3px 0px; }

.ui-menu .ui-autocomplete-category.ui-menu-item.ui-state-focus,
.ui-menu .ui-autocomplete-category.ui-menu-item.ui-state-active {
  background: none; }

.ui-autocomplete-category img {
  margin: 4px 0px 0px 10px; }

.ui-autocomplete {
  background: #e5e9ec;
  max-height: 250px;
  width: 329px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px 0px;
  border: 1px solid #D0D0D0;
  font-family: "Open Sans", sans-serif;
  z-index: 100; }

.ui-menu {
  list-style: none;
  padding: 0px;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 2px .4em;
  color: #343434;
  cursor: pointer;
  width: 100%; }

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-menu-item.ui-state-focus,
.ui-menu .ui-menu-item.ui-state-active {
  background: #fff5af; }

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

/*# sourceMappingURL=onlineSales.css.map */
