@font-face {
    font-display: auto;
    font-family: 'robotoblack';
    src: url('/css/new/roboto-black-webfont.eot');
    src: url('/css/new/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/new/roboto-black-webfont.woff2') format('woff2'),
         url('/css/new/roboto-black-webfont.woff') format('woff'),
         url('/css/new/roboto-black-webfont.ttf') format('truetype'),
         url('/css/new/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: auto;
    font-family: 'robotoregular';
    src: url('/fonts/common/roboto-regular-webfont.eot');
    src: url('/fonts/common/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/common/roboto-regular-webfont.woff2') format('woff2'),
         url('/fonts/common/roboto-regular-webfont.woff') format('woff'),
         url('/fonts/common/roboto-regular-webfont.ttf') format('truetype'),
         url('/fonts/common/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-display: auto;
    font-family: 'robotobold';
    src: url('/fonts/common/roboto-bold-webfont.eot');
    src: url('/fonts/common/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/common/roboto-bold-webfont.woff2') format('woff2'),
         url('/fonts/common/roboto-bold-webfont.woff') format('woff'),
         url('/fonts/common/roboto-bold-webfont.ttf') format('truetype'),
         url('/fonts/common/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: auto;
    font-family: 'robotolight';
    src: url('/css/new/roboto-light-webfont.eot');
    src: url('/css/new/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/new/roboto-light-webfont.woff2') format('woff2'),
         url('/css/new/roboto-light-webfont.woff') format('woff'),
         url('/css/new/roboto-light-webfont.ttf') format('truetype'),
         url('/css/new/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: auto;
    font-family: 'robotomedium';
    src: url('/fonts/common/roboto-medium-webfont.eot');
    src: url('/fonts/common/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/common/roboto-medium-webfont.woff2') format('woff2'),
         url('/fonts/common/roboto-medium-webfont.woff') format('woff'),
         url('/fonts/common/roboto-medium-webfont.ttf') format('truetype'),
         url('/fonts/common/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-display: auto;
  font-family: 'oswaldregular';
  src: url('/css/new/oswald-regular-webfont.eot');
  src: url('/css/new/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('/css/new/oswald-regular-webfont.woff2') format('woff2'),
  url('/css/new/oswald-regular-webfont.woff') format('woff'),
  url('/css/new/oswald-regular-webfont.ttf') format('truetype'),
  url('/css/new/oswald-regular-webfont.svg#oswaldregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:20px;margin:1em 0}h4{font-size:19px;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}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}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
.DateRangePicker {
  position: relative !important;
  display: inline-block !important;
  width: 100%;
}
#main-search .DateRangePicker {
  width: 205px;
}
#offer-variants-hotel .DateRangePicker {
  margin-top: 5px;
}
.DateRangePicker:after {
  position: absolute;
  content: " ";
  display: block;
  width: 19px;
  height: 18px;
  top: 2px;
  right: 5px;
  z-index: 2;
  background: url("/img/new/sprite.png") -52px 0 no-repeat;
}
.DateRangePicker__block {
  display: block !important;
}
.DateRangePicker_picker__directionLeft {
  left: 0 !important;
}
.DateRangePicker_picker__directionRight {
  right: 0 !important;
}
.DateRangePickerInput {
  background-color: #fff;
  display: inline-block;
  width: 100%;
}
.DateRangePickerInput,
.DateRangePickerInput * {
  cursor: pointer;
}
.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #1782c4;
  float: left;
}
#offer-variants-hotel .DateRangePickerInput_arrow {
  padding-top: 3px;
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #1782c4;
  height: 24px;
  width: 24px;
}
#offer-variants-hotel .DateRangePickerInput_arrow_svg,
#filters-block .DateRangePickerInput_arrow_svg {
  height: 18px;
  width: 18px;
}
.DateRangePicker_picker {
  z-index: 100 !important;
  background-color: #fff !important;
  position: absolute !important;
  top: 35px !important;
}

.CalendarDay,
.CalendarMonth_table td {
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  font-size: 12px !important;
  text-align: center !important;
  padding: 0 !important;
  vertical-align: middle !important;
}
.CalendarDay:active {
  outline: 0 !important;
}
.CalendarDay__defaultCursor {
  cursor: default !important;
}
.CalendarDay__default {
  background: #fff !important;
  border: 1px solid #e4e7e7 !important;
  color: #1b5172 !important;
}
.CalendarDay__default:hover {
  background: #e4e7e7 !important;
  border: 1px solid #e4e7e7 !important;
  color: #1b5172 !important;
}
.CalendarDay__hovered_offset {
  background: #f4f5f5 !important;
  border: 1px double #e4e7e7 !important;
  color: #1b5172 !important;
}
.CalendarDay__outside {
  background: #fff !important;
  border: 0 !important;
  color: #484848 !important;
}
.CalendarDay__outside:hover {
  border: 0 !important;
}
.CalendarDay__blocked_minimum_nights {
  background: #fff !important;
  border: 1px solid #eceeee !important;
  color: #cacccd !important;
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff !important;
  color: #cacccd !important;
}
.CalendarDay__selected_span {
  background: #ddeef9 !important;
  border: 1px double #b8d4e6 !important;
  color: #1b5172 !important;
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #b8d4e6 !important;
  border: 1px double #b8d4e6 !important;
  color: #1b5172 !important;
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #1782c4 !important;
  border: 1px double #1782c4 !important;
  color: #fff !important;
}
.CalendarDay__hovered_span {
  background: #ddeef9 !important;
  border: 1px double #b8d4e6 !important;
  color: #1b5172 !important;
}
.CalendarDay__hovered_span:hover {
  background: #b8d4e6 !important;
  border: 1px double #b8d4e6 !important;
  color: #1b5172 !important;
}
.CalendarDay__hovered_span:active {
  background: #1782c4 !important;
  border: 1px double #1782c4 !important;
  color: #fff !important;
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd !important;
  border: 1px solid #cacccd !important;
  color: #82888a !important;
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #ddd !important;
  border: 1px solid #ddd !important;
  color: #aaa !important;
}
.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee !important;
  border: 1px double #eceeee !important;
}
.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee !important;
  border: 1px double #e4e7e7 !important;
}
.CalendarMonth {
  background: #fff !important;
  text-align: center !important;
  vertical-align: top !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.CalendarMonth_table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.CalendarMonth_table tr {
  height: 0 !important;
}
.CalendarMonth_verticalSpacing {
  border-collapse: separate !important;
}
.CalendarMonth_caption {
  color: #1b5172 !important;
  font-size: 17px !important;
  text-align: center !important;
  padding-top: 22px !important;
  padding-bottom: 37px !important;
  caption-side: initial !important;
  font-weight: bold !important;
  text-transform: capitalize;
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px !important;
  padding-bottom: 7px !important;
}
.CalendarMonthGrid {
  background: #fff !important;
  text-align: left !important;
  z-index: 0 !important;
}
.CalendarMonthGrid__animating {
  z-index: 1 !important;
}
.CalendarMonthGrid__horizontal {
  position: absolute !important;
  left: 9px !important;
}
.CalendarMonthGrid__vertical {
  margin: 0 auto !important;
}
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto !important;
  overflow-y: scroll !important;
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block !important;
  vertical-align: top !important;
  min-height: 100% !important;
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute !important;
  z-index: -1 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.CalendarMonthGrid_month__hidden {
  visibility: hidden !important;
}

.DayPickerNavigation {
  position: relative !important;
  z-index: 2 !important;
}
.DayPickerWrapper .DayPickerNavigation {
  z-index: 21 !important;
}
.DayPickerNavigation__horizontal {
  height: 0;
}
.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0;
}
.DayPickerNavigation__verticalScrollableDefault {
  position: relative;
}
.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0;
}
.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575;
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4;
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2;
}
.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2;
}
.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2;
}
.DayPickerNavigation_button__disabled:active {
  background: 0 0;
}
.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: 0.78;
  padding: 6px;
}
.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px;
}
.DayPickerNavigation_rightButton__horizontalDefault {
  right: 24px;
}
.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%;
}
.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0;
}
.DayPickerNavigation_nextButton__verticalScrollableDefault {
  width: 100%;
}
.DayPickerNavigation_svg__horizontal {
  height: 16px;
  width: 15px;
  fill: #82888a;
  display: block;
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848;
}
.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2;
}
.DayPickerWrapper {
  visibility: hidden;
}
.DayPickerWrapper * {
  z-index: 20 !important;
}
.DayPicker {
  background: #fff;
  position: absolute;
  text-align: left;
}
.DayPicker__horizontal {
  background: #fff;
}
.DayPicker__verticalScrollable {
  height: 100%;
}
.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}
.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}
.DayPicker_portal__vertical {
  position: initial;
}
.DayPicker_focusRegion {
  outline: 0;
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top;
}
.DayPicker_weekHeaders {
  position: relative;
}
.DayPickerWrapper .DayPicker_weekHeaders {
  z-index: 21 !important;
}
.DayPicker_weekHeaders__horizontal {
  margin-left: 9px;
}
.DayPicker_weekHeader {
  color: #1782c4;
  font-weight: bold;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left;
}
.DayPicker_weekHeader__vertical {
  left: 50%;
}
.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}
.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center;
}
.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
}
.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}
.DayPicker_transitionContainer__vertical {
  width: 100%;
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}

.DateInput {
  float: left;
}
.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb;
}
.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  top: 25px !important;
  z-index: 101 !important;
}
.DateInput_fangShape {
  fill: #fff;
}
.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent;
}
.DateInput_screenReaderMessage {
  display: none !important;
}

.CalendarButtons {
  border-top: 1px solid #e4e7e7;
}
.CalendarButtonClear,
.CalendarButtonApply {
  padding: 5px;
  margin: 5px;
  cursor: pointer;
  line-height: initial;
  font-weight: normal;
  font-size: 13px;
}
.CalendarButtonClear {
  float: left;
  background-color: #ff0000;
  color: #fff;
}
.CalendarButtonClear:hover,
.CalendarButtonClear:focus,
.CalendarButtonClear:active {
  background-color: #1b5172;
  color: #fff;
}

.CalendarButtonApply {
  float: right;
  background: #adbf1b;
  color: #fff;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
  color: #222;
}

html {
  font-size: 1em;
  line-height: 1.4;
}

ul {
  list-style: none;
}

a {
  color: #029bd8;
  text-decoration: none;
}

a.force-theme-mobile {
  cursor: pointer;
  cursor: hand;
}

a:hover {
  text-decoration: underline;
}

h2 {
  font-size: 24px;
  line-height: 30px;
  color: #0078b5;
  font-weight: 400;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

hr.site-map {
  height: 1px;
  border: 0;
  border-top: 1px solid #56628a;
  margin: 2em 0px 1em 0px;
  padding: 0;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

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

textarea {
  resize: vertical;
}

body {
  font-family: "robotoregular", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0 auto;
  min-width: 1150px;
}

.wrapper {
  margin: 0 2.5%;
  width: 990px;
}

.fLeft {
  float: left;
}

.fRight {
  float: right;
}

.cBoth {
  clear: both;
}

.noWrap {
  white-space: nowrap;
}

.tLeft {
  text-align: left;
}

.tRight {
  text-align: right;
}

.tCenter {
  text-align: center;
}

.sprite {
  background-image: url("/img/new/sprite.png");
  background-repeat: no-repeat;
}

i.sprite {
  display: inline-block;
}

.arrowLeft:after,
.arrowLeft:before {
  right: 100%;
  top: 25px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrowLeft:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 12px;
  margin-top: -12px;
}

.arrowLeft:before {
  border-color: rgba(102, 102, 102, 0);
  border-right-color: #e1e1e1;
  border-width: 13px;
  margin-top: -13px;
}

.breadcrumbs {
  padding: 0 0 15px 0;
}

#search-variant i,
#clipboard-search i {
  display: block;
  margin: 15px auto 5px;
}

.spritePlaneHotel,
.spritePlane {
  background-position: -38px -111px;
  width: 37px;
  height: 21px;
}

.helpIcon {
  display: block;
  position: relative;
  width: 15px;
  height: 15px;
  background-position: -84px -1px;
}

#form-search-home .helpIcon {
  position: absolute;
  top: 2px;
  right: 0;
}

#form-search-home .childrenAge .helpIcon {
  position: relative;
  top: 1px;
  color: #222;
}

#form-search-home .row1 {
  position: relative;
  z-index: 11;
  padding-bottom: 0;
}

#form-search-home .zi9 {
  position: relative;
  z-index: 9;
}

#form-search-home .zi11 {
  position: relative;
  z-index: 10;
}

#form-search-home .row1 > .formCell {
  padding-bottom: 5px;
}

#form-search-home > .formRow > .departAirport,
#form-search-home > .formRow {
  margin-top: 5px;
}

#search-variant .helpIcon,
#clipboard-search .helpIcon {
  right: 15px;
  top: -6px;
}

.helpIcon .helpTxt {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  margin: -18px 0 0 15px;
  background-color: #fff;
  padding: 10px;
  z-index: 10;
  box-shadow: 2px 3px 5px #666;
  color: #222222;
  width: 250px;
  min-height: 30px;
}

.helpIcon:hover .helpTxt {
  display: block;
}

.iconTel,
.iconMobile,
.iconMail,
.iconHours,
.iconFb {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-position: -108px 0;
}

.iconMobile {
  width: 15px;
  height: 24px;
  background-position: -111px -22px;
}

.iconMail {
  width: 18px;
  height: 21px;
  background-position: -110px -48px;
}

.iconHours {
  width: 21px;
  height: 21px;
  background-position: -109px -73px;
}

.iconFb {
  width: 35px;
  height: 35px;
  background-position: -94px -100px;
}

.facilitiesIcon {
  float: left;
  background-image: url("/img/new/udogodnienia.png");
  width: 26px;
  height: 22px;
  margin: 0 5px 0 0;
  position: relative;
  background-repeat: no-repeat;
}

.facilitiesIcon > .iconText {
  display: none;
  overflow: hidden;
  width: 0;
  height: 0;
  text-indent: 40px;
}

.facilitiesIcon:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 10px;
  background-color: #fff;
  color: #444;
  font-size: 11px;
  padding: 5px 10px;
  line-height: 1;
  display: none;
  box-shadow: 2px 2px 2px #ccc;
  font-weight: normal;
}

.facilitiesIcon:hover:after {
  display: block;
}

.iconFacil-1 {
  /*przy plaży*/
  background-position: -112px -26px;
  width: 28px;
}

.iconFacil-1:after {
  content: "Przy plaży";
}

.iconFacil-1:hover {
  background-position: -112px top;
  width: 28px;
}

.iconFacil-2 {
  /*dla dzieci*/
  background-position: -468px -26px;
  width: 15px;
}

.iconFacil-2:after {
  content: "Dla dzieci";
}

.iconFacil-2:hover {
  background-position: -468px top;
}

.iconFacil-3 {
  /*wellness*/
  background-position: -518px -26px;
  width: 18px;
}

.iconFacil-3:after {
  content: "Wellness / Spa";
}

.iconFacil-3:hover {
  background-position: -518px top;
  width: 18px;
}

.iconFacil-4 {
  /*basen odkryty*/
  background-position: -165px -26px;
  width: 21px;
}

.iconFacil-4:after {
  content: "Basen odkryty";
}

.iconFacil-4:hover {
  background-position: -165px top;
  width: 21px;
}

.iconFacil-5 {
  /*sporty wodne*/
  background-position: -207px -26px;
  width: 39px;
}

.iconFacil-5:after {
  content: "Sporty wodne";
}

.iconFacil-5:hover {
  background-position: -207px top;
  width: 39px;
}

.iconFacil-6 {
  /*sporty drużynowe*/
  background-position: -615px -26px;
  width: 22px;
}

.iconFacil-6:after {
  content: "Sporty drużynowe";
}

.iconFacil-6:hover {
  background-position: -615px top;
  width: 22px;
}

.iconFacil-7 {
  /*rowery i spacery*/
  background-position: -365px -26px;
  width: 23px;
}

.iconFacil-7:after {
  content: "Rowery i spacery";
}

.iconFacil-7:hover {
  background-position: -365px top;
  width: 23px;
}

.iconFacil-8 {
  /*golf*/
  background-position: -415px -26px;
  width: 23px;
}

.iconFacil-8:after {
  content: "Golf";
}

.iconFacil-8:hover {
  background-position: -415px top;
  width: 23px;
}

.iconFacil-9 {
  /*konie*/
  background-position: -314px -26px;
  width: 25px;
}

.iconFacil-9:after {
  content: "Jazda konna";
}

.iconFacil-9:hover {
  background-position: -314px top;
  width: 25px;
}

.iconFacil-10 {
  /*Fitness*/
  background-position: -62px -26px;
  width: 27px;
}

.iconFacil-10:after {
  content: "Fitness";
}

.iconFacil-10:hover {
  background-position: -62px top;
}

.iconFacil-11 {
  /*tenis*/
  background-position: -568px -26px;
  width: 21px;
}

.iconFacil-11:after {
  content: "Tenis";
}

.iconFacil-11:hover {
  background-position: -568px top;
  width: 21px;
}

.iconFacil-12 {
  /*nurkowanie*/
  background-position: -259px -26px;
  width: 36px;
}

.iconFacil-12:after {
  content: "Nurkowanie";
}

.iconFacil-12:hover {
  background-position: -259px top;
  width: 36px;
}

.iconFacil-13 {
  /*basen kryty*/
  background-position: -712px -26px;
  width: 25px;
}

.iconFacil-13:after {
  content: "Basen kryty";
}

.iconFacil-13:hover {
  background-position: -712px top;
}

.iconFacil-14 {
  /*zajecia animacyjne*/
  background-position: -669px -26px;
  width: 15px;
}

.iconFacil-14:after {
  content: "Zajęcia animacyjne";
}

.iconFacil-14:hover {
  background-position: -663px top;
}

.iconFacil-15 {
  /*dyskoteka*/
  background-position: -762px -26px;
  width: 23px;
}

.iconFacil-15:after {
  content: "Dyskoteka";
}

.iconFacil-15:hover {
  background-position: -762px top;
}

.iconFacil-16 {
  /*Wifi free*/
  background-position: -15px -26px;
  width: 23px;
}

.iconFacil-16:after {
  content: "Wifi free";
}

.iconFacil-16:hover {
  background-position: -15px top;
}

.iconFacil-17 {
  /*tylko dla dorosłych*/
  background-position: -812px -26px;
  width: 26px;
}

.iconFacil-17:after {
  content: "Tylko dla dorosłych";
}

.iconFacil-17:hover {
  background-position: -812px top;
}

.iconFacil-18 {
  /*kuchenka*/
  background-position: -1416px -26px;
  width: 26px;
}

.iconFacil-18:after {
  content: "Kuchenka";
}

.iconFacil-18:hover {
  background-position: -1416px top;
}

.iconFacil-19 {
  /*klimatyzacja*/
  background-position: -1314px -26px;
  width: 21px;
}

.iconFacil-19:after {
  content: "Klimatyzacja";
}

.iconFacil-19:hover {
  background-position: -1314px 1px;
}

.iconFacil-20 {
  /*TV/Sat*/
  background-position: -1363px -26px;
  width: 25px;
}

.iconFacil-20:after {
  content: "TV / Sat";
}

.iconFacil-20:hover {
  background-position: -1363px top;
}

.iconFacil-21 {
  /*internet*/
  background-position: -1014px -26px;
  width: 25px;
}

.iconFacil-21:after {
  content: "Internet";
}

.iconFacil-21:hover {
  background-position: -1014px top;
}

.iconFacil-22 {
  /*widok na morze*/
  background-position: -2514px -26px;
  width: 21px;
}

.iconFacil-22:after {
  content: "Widok na morze";
}

.iconFacil-22:hover {
  background-position: -2514px top;
}

.iconFacil-23 {
  /*AGD/RTV*/
  background-position: -1469px -26px;
  width: 16px;
}

.iconFacil-23:after {
  content: "AGD / RTV";
}

.iconFacil-23:hover {
  background-position: -1469px top;
}

.iconFacil-24 {
  /*kominek*/
  background-position: -1065px -26px;
  width: 26px;
}

.iconFacil-24:after {
  content: "Kominek";
}

.iconFacil-24:hover {
  background-position: -1065px top;
}

.iconFacil-25 {
  /*w centrum*/
  background-position: -2664px -26px;
  width: 30px;
}

.iconFacil-25:after {
  content: "W centrum";
}

.iconFacil-25:hover {
  background-position: -2664px top;
  width: 40px;
}

.iconFacil-26 {
  /*bezpośredni przy plaży*/
  background-position: -2714px -26px;
  width: 19px;
}

.iconFacil-26:after {
  content: "Bezpośrednio przy plaży";
}

.iconFacil-26:hover {
  background-position: -2714px top;
}

.iconFacil-27 {
  /*spokojna lokalizacja*/
  background-position: -2864px -26px;
  width: 20px;
}

.iconFacil-27:after {
  content: "Spokojna lokalizacja";
}

.iconFacil-27:hover {
  background-position: -2856px top;
}

.iconFacil-28 {
  /*plaża piaszczysta*/
  background-position: -2756px -26px;
  width: 37px;
}

.iconFacil-28:after {
  content: "Piaszczysta plaża";
}

.iconFacil-28:hover {
  background-position: -2756px top;
}

.iconFacil-29 {
  /*plaża żwirowa*/
  background-position: -2806px -26px;
  width: 37px;
}

.iconFacil-29:after {
  content: "Żwirowa plaża";
}

.iconFacil-29:hover {
  background-position: -2806px top;
  width: 37px;
}

.iconFacil-30 {
  /*życie nocne*/
  background-position: -2616px -26px;
  width: 16px;
}

.iconFacil-30:after {
  content: "Życie nocne";
}

.iconFacil-30:hover {
  background-position: -2616px top;
}

.iconFacil-31 {
  /*region nadmorski*/
  background-position: -2561px -26px;
  width: 30px;
}

.iconFacil-31:after {
  content: "Region nadmorski";
}

.iconFacil-31:hover {
  background-position: -2561px top;
}

.iconFacil-32 {
  /*bez paszportu*/
  background-position: -852px -26px;
  width: 44px;
}

.iconFacil-32:after {
  content: "Bez paszportu";
}

.iconFacil-32:hover {
  background-position: -852px top;
  width: 44px;
}

.iconFacil-33 {
  /*blisko stoku*/
  background-position: -2210px -26px;
}

.iconFacil-33:after {
  content: "Blisko stoku";
  width: 35px;
}

.iconFacil-33:hover {
  background-position: -2210px top;
}

.iconFacil-34 {
  /*ski region*/
  background-position: -2062px -26px;
}

.iconFacil-34:after {
  content: "Narty / Ski region";
}

.iconFacil-34:hover {
  background-position: -2062px top;
}

.iconFacil-35 {
  /*blisko lotniska*/
  background-position: -1206px -26px;
  width: 35px;
}

.iconFacil-35:after {
  content: "Blisko lotniska";
}

.iconFacil-35:hover {
  background-position: -1206px top;
}

.iconFacil-36 {
  /*charakter klubowy*/
  background-position: -1269px -26px;
  width: 16px;
}

.iconFacil-36:after {
  content: "Charakter klubowy";
}

.iconFacil-36:hover {
  background-position: -1269px top;
}

.iconFacil-37 {
  /*bungalow*/
  background-position: -1513px -26px;
  width: 26px;
}

.iconFacil-37:after {
  content: "Bungalow";
}

.iconFacil-37:hover {
  background-position: -1513px top;
}

.iconFacil-38 {
  /*dla niepełnosprawnych*/
  background-position: -1167px -26px;
  width: 20px;
}

.iconFacil-38:after {
  content: "Dla niepełnosprawnych";
}

.iconFacil-38:hover {
  background-position: -1167px top;
}

.iconFacil-39 {
  /*apartament*/
  background-position: -1565px -26px;
  width: 20px;
}

.iconFacil-39:after {
  content: "Apartament";
}

.iconFacil-39:hover {
  background-position: -1565px top;
}

.iconFacil-40 {
  /*city break*/
  background-position: -2467px -26px;
  width: 16px;
}

.iconFacil-40:after {
  content: "City break";
}

.iconFacil-40:hover {
  background-position: -2467px top;
}

.iconFacil-41 {
  /*wypożyczalnia sprzętu*/
  background-position: -2165px -26px;
  width: 20px;
}

.iconFacil-41:after {
  content: "Wypożyczalnia sprzętu";
}

.iconFacil-41:hover {
  background-position: -2165px top;
}

.iconFacil-42 {
  /*gay only/friendly*/
  background-position: -913px -26px;
}

.iconFacil-42:after {
  content: "Gay only / friendly";
}

.iconFacil-42:hover {
  background-position: -913px top;
}

.iconFacil-43 {
  /*animacje dla dorosłych*/
  background-position: -2418px -26px;
  width: 16px;
}

.iconFacil-43:after {
  content: "Animacje dla dorosłych";
}

.iconFacil-43:hover {
  background-position: -2418px top;
}

.iconFacil-44 {
  /*parking*/
  background-position: -973px -26px;
  width: 13px;
}

.iconFacil-44:after {
  content: "Parking";
}

.iconFacil-44:hover {
  background-position: -973px top;
}

.iconFacil-45 {
  /*dla rodzin z dziećmi*/
  background-position: -1119px -26px;
  width: 16px;
}

.iconFacil-45:after {
  content: "Dla rodzin z dziećmi";
}

.iconFacil-45:hover {
  background-position: -1119px top;
}

.iconFacil-46 {
  /*beauty farm*/
  background-position: -1665px -26px;
  width: 26px;
}

.iconFacil-46:after {
  content: "Beauty farm";
}

.iconFacil-46:hover {
  background-position: -1665px top;
}

.iconFacil-47 {
  /*masaże*/
  background-position: -1612px -26px;
  width: 28px;
}

.iconFacil-47:after {
  content: "Masaże";
}

.iconFacil-47:hover {
  background-position: -1612px top;
}

.iconFacil-48 {
  /*Ayurveda*/
  background-position: -1759px -26px;
  width: 33px;
}

.iconFacil-48:after {
  content: "Ayurveda";
}

.iconFacil-48:hover {
  background-position: -1759px top;
}

.iconFacil-49 {
  /*Thalasso*/
  background-position: -1719px -26px;
  width: 16px;
}

.iconFacil-49:after {
  content: "Thalasso";
}

.iconFacil-49:hover {
  background-position: -1719px top;
}

.iconFacil-50 {
  /*zjeżdżalnia wodna*/
  background-position: -2263px -26px;
  width: 23px;
}

.iconFacil-50:after {
  content: "Zjeżdżalnia wodna / Aquapark";
}

.iconFacil-50:hover {
  background-position: -2263px top;
}

.iconFacil-51 {
  /*plac zabaw*/
  background-position: -2310px -26px;
  width: 26px;
}

.iconFacil-51:after {
  content: "Plac zabaw";
}

.iconFacil-51:hover {
  background-position: -2310px top;
}

.iconFacil-52 {
  /*mini club*/
  background-position: -2360px -26px;
  width: 27px;
}

.iconFacil-52:after {
  content: "Mini club";
}

.iconFacil-52:hover {
  background-position: -2360px top;
}

.iconFacil-53 {
  /*Windsurfing*/
  background-position: -1863px -26px;
  width: 18px;
}

.iconFacil-53:after {
  content: "Windsurfing";
}

.iconFacil-53:hover {
  background-position: -1863px top;
}

.iconFacil-54 {
  /*sport*/
  background-position: -1965px -26px;
  width: 18px;
}

.iconFacil-54:after {
  content: "Sport";
  width: 26px;
}

.iconFacil-54:hover {
  background-position: -1965px top;
}

.iconFacil-55 {
  /*sporty zimowe*/
  background-position: -2117px -26px;
  width: 16px;
}

.iconFacil-55:after {
  content: "Sporty zimowe";
}

.iconFacil-55:hover {
  background-position: -2117px top;
}

.iconFacil-56 {
  /*Nordic walking*/
  background-position: -2010px -26px;
  width: 26px;
}

.iconFacil-56:after {
  content: "Nordic walking";
}

.iconFacil-56:hover {
  background-position: -2010px top;
}

.iconFacil-57 {
  /*minigolf*/
  background-position: -1910px -26px;
  width: 31px;
}

.iconFacil-57:after {
  content: "Minigolf";
}

.iconFacil-57:hover {
  background-position: -1910px top;
}

.iconFacil-58 {
  /*żeglarstwo*/
  background-position: -1816px -26px;
  width: 19px;
}

.iconFacil-58:after {
  content: "Żeglarstwo";
}

.iconFacil-58:hover {
  background-position: -1816px top;
}

.iconFacil-59 {
  /*ski-in*/
  background-position: -3012px -26px;
  width: 22px;
}

.iconFacil-59:after {
  content: "Ski in";
}

.iconFacil-59:hover {
  background-position: -3012px top;
}

.iconFacil-60 {
  /*basen podgrzewany*/
  background-position: -2962px -26px;
  width: 26px;
}

.iconFacil-60:after {
  content: "Basen podgrzewany";
}

.iconFacil-60:hover {
  background-position: -2962px top;
}

.iconFacil-61 {
  /*ski-in*/
  background-position: -3060px -26px;
  width: 26px;
}

.iconFacil-61:after {
  content: "Sauna";
}

.iconFacil-61:hover {
  background-position: -3060px top;
}

.iconFacil-62 {
  /*łaźnia turecka*/
  background-position: -1665px -26px;
  width: 26px;
}

.iconFacil-62:after {
  content: "Łaźnia turecka";
}

.iconFacil-62:hover {
  background-position: -1665px top;
}

.iconFacil-63 {
  /*klimatyzacja indywidualna*/
  background-position: -1314px -26px;
  width: 21px;
}

.iconFacil-63:after {
  content: "Klimatyzacja indywidualna";
}

.iconFacil-63:hover {
  background-position: -1314px 1px;
}

.iconFacil-64 {
  /*apartament hotel*/
  background-position: -1565px -26px;
  width: 20px;
}

.iconFacil-64:after {
  content: "Apartament hotel";
}

.iconFacil-64:hover {
  background-position: -1565px top;
}

.iconFacil-65 {
  /*hotel rodzinny*/
  background-position: -1119px -26px;
  width: 16px;
}

.iconFacil-65:after {
  content: "Hotel rodzinny";
}

.iconFacil-65:hover {
  background-position: -1119px top;
}

.iconFacil-66 {
  /*bungalow kompleks*/
  background-position: -1513px -26px;
  width: 26px;
}

.iconFacil-66:after {
  content: "Bungalow kompleks";
}

.iconFacil-66:hover {
  background-position: -1513px top;
}

#search-variant li input:checked + label .spritePlaneHotel,
#search-variant li input:checked + label .spritePlane,
#clipboard-search li input:checked + label .spritePlaneHotel,
#clipboard-search li input:checked + label .spritePlane {
  background-position: 0 -111px;
}

.spritePlane {
  width: 20px;
}

.spriteHotel {
  background-position: -50px -24px;
  width: 25px;
  height: 21px;
}

#search-variant li input:checked + label .spriteHotel,
#clipboard-search li input:checked + label .spriteHotel {
  background-position: -76px -24px;
}

.spriteBus {
  height: 18px;
  width: 51px;
  background-image: url("/img/new/bus.png");
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: 2px;
}

#search-variant li input:checked + label .spriteBus,
#clipboard-search li input:checked + label .spriteBus {
  background-position: bottom center;
}

.spriteMPhone {
  background-position: 0 0;
  width: 12px;
  height: 20px;
}

.spritePhone {
  background-position: 0 -24px;
  width: 28px;
  height: 22px;
}

.spriteSearch {
  width: 23px;
  height: 22px;
  background-position: -27px 0;
}

.spriteHome {
  width: 17px;
  height: 18px;
  background-position: -90px -46px;
}

.spriteUp,
.spriteDown {
  position: absolute;
  top: 22px;
  right: 5px;
  width: 9px;
  height: 8px;
  display: block;
  cursor: pointer;
  background-position: -16px 0px;
  z-index: 2;
}

.spriteUp {
  background-position: -16px -9px;
  top: 11px;
}

.inputWrapper,
.relative {
  position: relative;
  display: block;
}

.childrenAge .childField {
  display: none;
}

.childrenAge {
  visibility: hidden;
}

.children1,
.children2,
.children3 {
  visibility: visible;
}

.children1 .child1,
.children2 .child1,
.children2 .child2,
.children3 .childField {
  display: block;
}

section header {
  margin: 0 0 15px;
  padding: 40px 0 0;
  border-bottom: 3px solid #ddebf3;
}

section#order-form header {
  padding: 0;
}

#popular-regions header {
  padding-top: 20px;
}

section .section-header {
  margin: 0;
  color: #1b5172;
  font-size: 20px;
  font-family: "robotobold";
  font-weight: normal;
  margin-right: 40px;
  padding: 0;
}

section header ul {
  font-size: 15px;
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
  width: 100%;
}

section header li {
  position: relative;
  display: inline-block;
  top: 3px;
  padding: 0 3px 6px;
  margin: 0 0 0 15px;
  color: #1782c4;
  cursor: pointer;
}

section header li:hover {
  border-bottom: 3px solid #186fa5;
}

section header .current {
  top: 3px;
  padding-bottom: 6px;
  color: #1b5172;
  border-bottom: 3px solid #186fa5;
}

.title-block .default-button {
  position: absolute;
  bottom: 25px;
  left: 15px;
  width: 175px;
}

.title-block:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 15px;
  margin-top: -15px;
  z-index: 2;
}

.title-block .section-sub-title {
  margin: 0;
  padding: 0;
  bottom: 90px;
  position: absolute;
  left: 15px;
  max-height: 100px;
  overflow: hidden;
  font-size: 22px;
  color: #1782c4;
  font-family: "robotoblack";
  font-weight: normal;
  text-transform: uppercase;
}

.topPicsBlock li {
  position: relative;
  float: left;
  width: 48.5%;
  height: 185px;
  margin: 0;
  padding: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 0;
}

.topPicsBlock li:last-child {
  margin-right: 0;
  float: right;
}

.topPicsBlock li a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.image-desc {
  position: absolute;
  top: 40px;
  right: 0;
  font-family: "robotoblack";
}

#last-minute-offers .image-desc {
  top: 15px;
  right: auto;
  left: 0;
}

.image-desc .section-country-name,
.image-desc p {
  float: right;
  clear: right;
  display: inline-block;
  height: 40px;
  padding: 0 20px;
  margin: 0;
  font-size: 19px;
  font-weight: normal;
  color: #fff;
  line-height: 40px;
  background-color: #1782c4;
}

.image-desc p {
  position: relative;
  background-color: rgba(0, 0, 0, 0.55);
}

.image-desc span {
  position: relative;
  z-index: 2;
}

.image-desc p:after {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  content: "";
  background-color: #000;
  opacity: 0.4;
}

.offers-row {
  position: relative;
  clear: both;
  padding: 0;
  margin: 25px 0 0;
  text-align: center;
}

.offers-row li {
  display: inline-block;
  width: 230px;
  margin: 0 10px;
  padding: 0;
  height: 220px;
}

.offers-row li > div {
  position: relative;
  margin: 0;
  text-align: left;
}

.offers-row li img {
  width: 100%;
}

.offers-row li.b1 {
  margin-left: 0;
  float: left;
}

.offers-row li.b4 {
  margin-right: 0;
  float: right;
}

.offers-row .img-block {
  background-repeat: no-repeat;
  background-size: cover;
  height: 145px;
}

.offers-row .image-desc h2 {
  font-size: 13px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
}

.offers-row .image-desc p {
  font-size: 14px;
  padding: 0 10px;
  line-height: 30px;
  height: 30px;
}

.offers-row .image-desc p b {
  padding: 0 4px;
  font-weight: normal;
  font-size: 19px;
}

.offers-row .offer-name-rank h4 {
  color: #f27c09;
  font-size: 13px;
  font-weight: normal;
  padding: 5px 0 0 2px;
  margin: 0;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.offers-row .rankLoc {
  padding: 0 0 0 2px;
  margin: 0;
  font-size: 14px;
  color: #1b5172;
}

.rankLoc {
  margin-top: 0;
}

.rankLoc b {
  display: block;
}

.rankLoc .rankStarsBig {
  float: right;
  text-align: right;
  margin-top: -3px;
}

.starsSelect li,
.pricePerPerson li,
.sortBy li {
  padding: 5px 10px;
  text-align: left;
  cursor: pointer;
  font-size: 12px;
  font-family: "robotoregular";
}

.pricePerPerson .ddCheckboxList li {
  white-space: nowrap;
  padding-left: 25px;
  color: #1782c4;
  font-size: 12px;
  font-family: "robotoregular";
}

.starsSelect li:hover,
.sortBy li:hover {
  background-color: #f4f4f4;
}

.pricePerPerson li input,
#filters-block .pricePerPerson li input,
.sortBy li input {
  width: 50px;
  padding-right: 0;
  margin-left: 2px;
  border: 1px solid #ddd;
  text-align: center;
  height: 25px;
  line-height: 25px;
}

#filters-block.filter .pricePerPerson .ddCheckboxBlock {
  height: auto;
  padding-bottom: 5px;
  width: 225px;
}

.starsSelect ul,
#filters-block .pricePerPerson ul,
.sortBy ul {
  margin: 0;
  padding-left: 0;
}

#filters-block.filter .sortBy .ddCheckboxBlock {
  height: auto;
  padding: 0;
  width: 100%;
}

.starsSelect .ddCheckboxBlock,
#form-search-home .starsSelect .ddCheckboxBlock,
#filters-block.filter .starsSelect .ddCheckboxBlock {
  height: auto;
  padding: 10px 0;
  width: 100%;
}

.starsSelect .ddCheckboxBlock,
#filters-block.filter .starsSelect .ddCheckboxBlock,
.sortBy .ddCheckboxBlock {
  padding: 0;
}

.rankStars {
  display: block;
  width: 66px;
  height: 10px;
  background: url("/img/new/sprite.png") 0 -48px no-repeat;
}

.offers-row .rankStars {
  float: right;
}

#last-minute-offers article {
  overflow: hidden;
  position: relative;
}

#last-minute-offers .offers-row {
  margin-top: 0;
  position: relative;
}

#last-minute-offers .scrollCtrl,
#offer-pictures .scrollCtrl {
  position: absolute;
  left: 10px;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  cursor: pointer;
  z-index: 2;
}

#last-minute-offers .scrollNext,
#offer-pictures .scrollNext {
  left: auto;
  right: 10px;
}

#last-minute-offers .scrollCtrl i,
#offer-pictures .scrollCtrl i {
  display: block;
  width: 40px;
  height: 40px;
  background-position: 0 -136px;
}

#last-minute-offers .scrollPrev i,
#offer-pictures .scrollPrev i {
  background-position: -43px -136px;
}

#last-minute-offers .scrollCtrl i:hover,
#offer-pictures .scrollCtrl i:hover {
  opacity: 0.9;
}

.offerVariants {
  padding-top: 8px;
  border-top: 2px solid #fff;
}

.offerVariants p {
  overflow: hidden;
  margin: 0;
  padding: 0 0 2px 0;
  font-size: 12px;
  font-family: "robotobold";
}

.offerVariants a {
  text-decoration: none;
}

.offerVariants p span {
  float: right;
  color: #f27c09;
}

#offer-variants-hotel > article .showTimesAndTables {
  min-height: 200px;
}

#offer-variants-hotel,
#send-offer-to-email-popup,
#ask-about-offer-popup {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 60;
}

.window {
  z-index: 2;
  position: relative;
  margin: 0 auto;
  top: 30%;
  background-color: #f4f4f4;
  width: 498px;
}

.window-title {
  color: white;
  font-size: 20px;
  text-align: center;
  background-color: #1982c4;
  padding: 16px;
}

.window-title:before {
  content: " ";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  position: absolute;
  top: 6px;
  width: 48px;
  height: 48px;
}

.window-close {
  font-size: 23px;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}

#send-offer-to-email-popup .window-title:before {
  background-image: url("/img/new/email.png");
}

#ask-about-offer-popup .window-title:before {
  background-image: url("/img/new/ask.png");
}

.form-wrapper {
  padding: 20px 50px;
}

.form-wrapper .default-button {
  display: block;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 170px;
  text-indent: 0;
}

.form-wrapper .default-button:after {
  display: none;
}

.form-wrapper input,
.form-wrapper textarea {
  margin-top: 5px;
  width: calc(100% - 25px);
  border: 1px #e4e4e4 solid;
  padding: 3px 7px;
}

.form-wrapper textarea {
  height: 6em;
}

.bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.5;
  z-index: 1;
  background-color: #000;
}

#offer-variants-hotel .variantsContent {
  max-width: 1180px;
  height: 529px;
  margin: -270px auto 0;
  top: 50%;
  background-color: #fff;
  z-index: 2;
  position: relative;
}

.variantsHeader .rankStars,
.variantsHeader .offerPrice {
  display: none;
}

.variantsContent .closeButton {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #adbf1b;
  color: #fff;
  width: 53px;
  height: 63px;
  line-height: 63px;
  display: block;
  font-size: 30px;
  text-align: center;
  cursor: pointer;
}

.variantsContent .closeButton:hover {
  opacity: 0.8;
}

.variantsHeader h1 {
  font-weight: normal;
  font-family: "robotobold";
  color: #f27c09;
  font-size: 21px;
  margin: 0;
  padding: 10px 15px 0;
}

.variantsHeader em {
  display: block;
  font-family: "robotoregular";
  font-size: 13px;
  color: #1b5172;
  font-style: normal;
  margin: 0;
  padding: 1px 0 10px 15px;
  line-height: 1;
}

.variantsHeader .selectedOffer {
  background-color: #1782c4;
  padding: 25px 15px 15px;
  margin: 0;
  color: #fff;
  position: relative;
}

.variantsHeader .variantPrice {
  position: absolute;
  top: 5px;
  right: 10px;
}

.variantsHeader .selectedV {
  margin: 0;
  font-size: 15px;
  font-family: "robotobold";
}

.variantPrice .row1 {
  font-size: 27px;
  font-family: "robotobold";
  font-weight: normal;
  line-height: 1;
}

.variantPrice .row1 span {
  font-size: 17px;
  font-weight: normal;
}

.variantPrice .row2 {
  display: block;
}

.variantDetails {
  clear: both;
  margin: 0;
  padding: 15px 0 0;
}

.variantDetails > div {
  float: left;
}

.variantDetails .c1 {
  width: 190px;
}

.variantDetails .c2 {
  width: 210px;
}

.variantDetails .c3 {
  width: 350px;
}

.variantDetails .c4 {
  width: 190px;
}

.variantDetails .voName {
  width: 65px;
  font-size: 12px;
  font-family: "robotobold";
  float: left;
  clear: left;
  margin: 0;
}

.variantDetails .c2 .voName {
  width: 90px;
}

.variantDetails .c3 .voName {
  width: 110px;
}

.variantDetails .c4 .voName {
  width: 85px;
}

.variantDetails .voVal {
  font-size: 13px;
  font-family: "robotobold";
  margin: 0 0 0 65px;
}

.variantDetails .c2 .voVal {
  margin: 0 0 0 90px;
}

.variantDetails .c3 .voVal {
  margin: 0 0 0 110px;
}

.variantDetails .c4 .voVal {
  margin: 0 0 0 85px;
}

.variantFilters {
  background-color: #f5f5f5;
}

.showTimesAndTables .variantFilters .filterCell,
.showTimesAndTables .variantFilters .filterCell p,
.showTimesAndTables .variantFilters .filterCell p:last-child {
  float: left;
}

.showTimesAndTables .filters-row .filterCell .tri input {
  width: 40px;
}

.showTimesAndTables .offerVariants th {
  padding-top: 0;
}

.showTimesAndTables .vColl {
  width: 130px;
}

.variantFilters .filterCell p {
  padding: 0 15px 0 0;
}

.variantFilters h3 {
  font-size: 15px;
  color: #1b5172;
  font-family: "robotobold";
  font-weight: normal;
  margin: 0;
  padding: 15px;
}

.showTimesAndTables .filterCell {
  padding: 0 0 10px;
}

.showTimesAndTables .filterCell {
  width: auto;
}

#region-forecast .forecastTitle {
  color: #1b5172;
  font-size: 19px;
  font-weight: normal;
  margin: 0 100px 0 0;
  padding: 20px 0;
}

.tempForecast {
  position: absolute;
  top: 11px;
  right: 0;
  color: #1b5172;
  font-size: 27px;
  font-weight: normal;
}

#region-forecast .temperature:after {
  content: "\b0";
}

#region-forecast img {
  display: block;
  width: 100%;
}

#region-forecast button {
  width: 170px;
}

#regions-map {
  position: relative;
  margin-right: 330px;
  height: 200px;
  width: 50%;
}

#region-forecast {
  width: 45%;
}

.newsletterFooter input[type="text"] {
  width: 95%;
  padding: 0;
}

.offerVariants {
  clear: both;
  width: 100%;
}

.offerVariants .vCol1 {
  width: 100px;
}

.offerVariants .vCol2 {
  width: 40px;
}

.offerVariants .vCol3 {
  width: 40px;
}

.offerVariants .vCol4 {
  width: 120px;
}

.offerVariants .vCol5 {
  width: 120px;
}

.offerVariants .vCol6 {
  width: 120px;
}

.offerVariants .vCol7 {
  width: 140px;
}

.offerVariants .vCol8 {
  width: 310px;
}

.offerVariants .vCol22 {
  width: 80px;
  white-space: nowrap;
}

.offerVariants .vCol22 label {
  font-weight: bold;
  width: 100%;
  padding: 0;
  display: inline-block;
}

.offerVariants .vCol22 input {
  width: 58px;
  height: 27px !important;
  color: #1782c4;
  padding: 0;
}

tr.searchPageheader th {
  font-weight: 800;
  background-color: #1782c4;
  color: #ffffff;
  padding: 5px 10px;
}

.offerVariants td,
.offerVariants th {
  text-align: center;
  padding: 15px 10px;
}

.offerVariants th label {
  font-weight: normal;
  font-family: "robotoregular";
}

.offerVariants th {
  background-color: #f5f5f5;
  font-size: 11px;
  color: #1b5172;
  font-weight: normal;
}

.offerVariants .vCol2 p {
  width: 70px;
  margin: 3px 5px 0;
  display: inline-block;
}

.offerVariants td {
  color: #1b5172;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
}

.offerVariants tr:last-child td {
  border-bottom: 0;
}

.offerVariants td.vCol1,
.offerVariants th.vCol1 {
  text-align: left;
}

.offerVariants td.vCol8 {
  color: #f27c09;
  font-family: "robotobold";
  font-size: 11px;
}

.offerVariants td.vCol8 .prices {
  height: 80px;
  position: relative;
  margin-top: -5px;
  text-align: right;
}

.offerVariants .priceSummary {
  display: block;
  line-height: 1;
  font-size: 12px;
  font-family: "robotoregular";
  padding-top: 2px;
}

.offerVariants .priceSummary .currency {
  font-family: "robotobold";
}

.offerVariants .checkOfferButton {
  position: absolute;
  bottom: -3px;
  right: 0;
  height: 23px;
  line-height: 23px;
  font-size: 13px;
  font-family: "robotoregular";
  font-weight: normal;
  width: 143px;
  padding: 0 0 0 7px;
  text-indent: 0;
  display: block;
  text-align: left;
  background-color: #1782c4;
}

.offerUpgradeElement .checkOfferUpgradesButton {
  bottom: 1px;
  right: 0;
  height: 23px;
  line-height: 23px;
  font-size: 13px;
  font-family: "robotoregular";
  font-weight: normal;
  width: 145px;
  padding: 0 0 0 7px;
  text-indent: 0;
  display: block;
  text-align: left;
  background-color: #1782c4;
}

.offerUpgradeElement .doReservation {
  background-color: #adbf1b;
}

.offerUpgradeElement .doReservation:hover {
  background-color: #adbf1b;
}

.offerUpgradeElement .checkOfferUpgradesButton:after {
  top: 5px;
}

.offerVariants .prices:nth-child(1) {
  font-size: 16px;
}

.offerVariants .prices:nth-child(2) {
  font-size: 12px;
}

.offerVariants .checkOfferButton:after {
  top: 5px;
}

a.link-sitemap {
  font-size: 12px;
  color: white;
  cursor: pointer;
}

/* ==============
    MOBILE: Menu
   ============== */
nav ul {
  margin: 0;
  padding: 0;
}

/* ==============
    MOBILE: Main
   ============== */
.main {
  padding: 30px 0;
}

.main article h1 {
  font-size: 2em;
}

.main aside {
  color: white;
  padding: 0px 5% 10px;
}

.footer-container {
  background-color: #1782c4;
  margin-top: 30px;
}

.footer-container footer {
  color: white;
  padding: 20px 0;
}

footer .quad {
  margin: 0;
  padding: 0;
  list-style: none;
}

footer .quad > li {
  float: left;
  width: 23.5%;
  margin: 0 2% 0 0;
  padding: 0;
}

footer .quad > li:last-child {
  float: right;
  margin-right: 0;
}

footer .quad .title {
  margin: 0;
  padding: 0 0 5px;
  font-weight: normal;
  font-size: 17px;
  font-family: "robotoregular";
  border-bottom: 1px solid #fff;
}

footer .col1 a {
  font-size: 13px;
  line-height: 2em;
  text-decoration: none;
  color: #fff;
}

footer.wrapper div.col1 strong,
footer.wrapper div.col1 a {
  padding-right: 5px;
}

footer .col1 a:hover {
  text-decoration: underline;
}

footer .col2 {
  font-size: 16px;
}

footer .col2 ul {
  margin: 0;
  padding: 25px 0 0;
}

footer .col2 li {
  position: relative;
  margin: 0;
  padding: 0 0 15px 30px;
}

footer .col3 li {
  position: relative;
  padding: 0 0 20px 45px;
  line-height: 35px;
}

footer .col3 ul {
  padding: 0;
}

footer .col3 a {
  color: inherit;
}

footer .col3 li i {
  left: 0;
}

footer .col3 {
  font-size: 17px;
  font-family: "robotobold";
}

.newsletterFooter {
  padding-top: 10px;
}

.newsletterFooter > div {
  padding: 15px 0 0;
}

.newsletterFooter input[type="text"] {
  height: 40px;
  line-height: 40px;
  color: #1782c4;
  border: 0;
  padding: 0;
}

.newsletterFooter .default-button {
  width: 160px;
}

#offer-section header {
  padding: 0;
  position: relative;
  min-height: 60px;
}

.introTxt h2,
.introTxt .hotelDescription2Title {
  margin: 0;
  width: 84%;
  font-size: 21px;
  color: #f27c09;
  font-weight: normal;
  font-family: "robotoregular";
  line-height: 1;
}

.introTxt .hotelDescription2Title {
  padding-top: 5px;
}

.introTxt .regions a {
  color: inherit;
  cursor: pointer;
  text-transform: capitalize;
}

#offer-section h1 {
  margin: 0;
  float: left;
  width: auto;
  font-size: 21px;
  color: #f27c09;
  font-weight: normal;
  line-height: 1;
  margin-right: 10px;
}

#offer-section .flightHead {
  font-size: 21px;
  margin: 0px 10px 0px 0px;
}

#offer-section h1 .rankStarsBig {
  margin-left: 0px;
  margin-right: 10px;
  width: auto;
}

#offer-section .rankStars {
  position: relative;
  display: inline-block;
  top: -4px;
  margin: 0 0 0 5px;
}

#offer-section .offerPrice .singlePrice,
#offer-section .oldPrice .oldSinglePrice {
  font-size: 21px;
  color: #f27c09;
  font-weight: normal;
  font-family: "robotobold";
}

#offer-section .offerPrice,
#offer-section .oldPrice {
  position: relative;
  float: right;
  text-align: right;
  color: #f27c09;
  font-size: 21px;
  font-family: "robotobold";
  line-height: 1.2;
  padding-bottom: 5px;
  display: block;
}

#offer-section .offerPrice b,
#offer-section .oldPrice b {
  font-size: 21px;
  color: #f27c09;
  font-weight: normal;
  font-family: "robotobold";
}

#offer-section .offerPrice span,
#offer-section .oldPrice span,
#offer-section .hotel-header-left .hotelHotelRegion,
.introTxt .regions {
  display: block;
  text-align: right;
  color: #1b5172;
  font-family: "robotoregular";
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  line-height: 25px;
}

#offer-section .hotel-header-left .hotelHotelRegion,
.introTxt .regions {
  text-align: left;
}

h2.hotelHotelRegion {
  padding: 0px;
  margin: 0px;
  color: #1b5172;
}

h1.hotelHotelRegion {
  padding: 0px;
  margin: 0px 5px 0px 0px !important;
  width: auto !important;
  min-width: 0% !important;
}

#offer-section .hotel-header-left .hotelHotelRegion a,
.introTxt .regions a {
  text-align: left;
  color: #1b5172;
  cursor: pointer;
}

.introTxt .regions h2 {
  font-size: 13px;
  float: left;
  width: auto;
  padding-right: 5px;
}

#offer-section .mTotalPrice {
  color: #1b5172;
  font-family: "robotoregular";
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
}

#offer-section header em,
#offer-section header .hotelHotelRegion {
  color: #1b5172;
  font-family: "robotoregular";
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  text-transform: capitalize;
  display: block;
  float: left;
  padding-right: 5px;
  /* min-width: 26%; */
}

span.oldPrice {
  margin-right: 15px;
}

span.oldPrice,
span.oldPrice * {
  color: #1782c4 !important;
}

#offer-pictures {
  padding-bottom: 10px;
}

#offer-pictures .gallery-wrapper {
  float: right;
  width: 206px;
  margin: 0;
  padding: 0;
  height: 414px;
  overflow: hidden;
}

#offer-pictures .gallery-thumbnail {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 102px;
  height: 82px;
  float: left;
  margin-top: 0;
  padding: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}

#offer-pictures .screen {
  margin-right: 206px;
  height: 414px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

#offer-pictures .gallery-image-number {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-weight: 600;
  background-color: rgba(30, 30, 30, 0.7);
  padding: 6px 10px;
  margin: 5px;
}

#offer-pictures img {
  width: 100%;
  display: block;
}

#offer-params,
#selected-offer-params,
#offer-params-t {
  color: #1782c4;
  padding: 14px;
  clear: both;
  background-color: #fff;
  border: 1px solid #1782c4;
  box-sizing: border-box;
}

#selected-offer-params h2,
#offer-params h2,
#offer-params-t h2 {
  margin: 0;
  padding: 0 0 10px;
  width: 100%;
  font-family: "robotobold";
  font-weight: normal;
  font-size: 17px;
  color: #fff;
}

#offer-params dl,
#selected-offer-params dl,
#offer-params-t dl,
.clipFlightClearfix dl {
  float: left;
  width: 27%;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.6;
}

.clipFlightClearfix dl {
  width: 30%;
}

#offer-params .c2,
#selected-offer-params .c2,
#offer-params-t .c2 {
  width: 40%;
}

.clipFlightClearfix .clipFlight-c2 {
  width: 38%;
}

#offer-params .c3,
#selected-offer-params .c3,
#offer-params-t .c3,
.clipFlightClearfix .clipFlight-c3 {
  width: 30%;
}

#offer-params dt,
#selected-offer-params dt,
#offer-params-t dt {
  float: left;
  clear: both;
  width: 75px;
  font-family: "robotoregular";
}

.clipFlightClearfix dt {
  float: left;
  clear: both;
  width: 90px;
  font-family: "robotoregular";
}

#offer-params .c2 dt,
#selected-offer-params .c2 dt,
#offer-params-t .c2 dt {
  width: 140px;
}

.clipFlightClearfix .clipFlight-c2 dt {
  width: 200px;
}

#offer-params .c3 dt,
#selected-offer-params .c3 dt,
#offer-params-t .c3 dt {
  width: 115px;
}

.clipFlightClearfix .clipFlight-c3 dt {
  width: 100px;
}

#offer-params .c3 dd,
#selected-offer-params .c3 dd,
#offer-params-t .c3 dd {
  float: left;
  width: 158px;
}

.clipFlightClearfix .clipFlight-c3 dd {
  float: left;
  width: 185px;
}

.summaryPrice {
  color: #f27c09;
  font-size: 18px;
}

#offer-params .c2 dd,
#selected-offer-params .c2 dd,
.clipFlightClearfix .clipFlight-c2 dd {
  float: left;
  width: 169px;
}

#offer-params .c1 dd,
#selected-offer-params .c1 dd,
#offer-params-t .c1 dd,
.clipFlightClearfix .clipFlight-c1 dd {
  float: left;
  width: 169px;
}

#offer-params dd,
#selected-offer-params dd,
#offer-params-t dd {
  font-family: "robotobold";
  margin: 0;
  padding-right: 15px;
}

.clipFlightClearfix dd {
  font-family: "robotoregular";
  margin: 0;
  padding-right: 15px;
}

.clipFlightClearfix dd {
  padding-right: 0px;
}

#offer-params .buttons,
#offer-params-t .buttons {
  padding: 20px 0 0;
  clear: both;
}

#offer-params .buttons span,
#offer-params-t .buttons span {
  padding: 0 10px 0 20px;
  font-size: 12px;
  color: #1b5172;
}

#order-form .orderButtonBottom {
  clear: both;
  padding: 0;
  margin: 20px 0 0;
}

#order-form .formButton {
  padding-bottom: 12px;
}

#offer-params .default-button,
.orderButtonBottom .order-button,
#offer-params-t .default-button {
  display: inline-block;
  width: auto;
  padding: 0 35px 0 25px;
}

.orderButtonBottom .order-button {
  margin: 20px 0 0;
}

.orderButtonBottom .form-button {
  margin: 0;
}

#offer-params .summaryPrice,
#offer-params-t .summaryPrice,
.clipFlightClearfix .clipTotalPrice,
.clipFlightClearfix .clipPriceSign {
  font-size: 18px;
  color: #f27c09;
}

.clipFlightClearfix .clipTotalPln,
.clipFlightClearfix .clipPriceSignPln {
  font-size: 15px;
  color: #f27c09;
}

#offer-params .change-params-button,
#offer-params-t .change-params-button {
  color: #fff;
  background-color: #1782c4;
}

#offer-params .change-params-button:after,
#offer-params-t .change-params-button:after {
  background-position: -71px -1px;
}

#offer-params .change-params-button:hover:after,
#offer-params-t .change-params-button:hover:after {
  background-position: -72px -1px;
}

#offer-params .change-params-button:hover,
#offer-params-t .change-params-button:hover {
  background-color: #1b5172;
  color: #fff;
}

#offer-params .order-button,
.order-button,
#offer-params-t .order-button {
  float: right;
}

#offerUpgradesFrame {
  margin-top: 10px;
}

#offerUpgradesFrame h4 {
  font-size: 17px;
  margin: 10px 0 0;
}

#offer-facilities .facilities-head {
  font-size: 13px;
  font-weight: normal;
  font-family: "robotoregular";
  color: #1b5172;
  display: inline-block;
  margin: 1.33em 0;
}

#offer-facilities .facIcons {
  float: left;
  position: relative;
}

#offer-facilities .reviews {
  float: right;
}

#offer-facilities .reviews > div {
  float: left;
  padding: 0 20px;
}

#offer-facilities .revBox {
  padding: 0 0 0 10px;
  width: 150px;
  height: 36px;
  line-height: 36px;
  background-color: #f5f5f5;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #1b5172;
  font-size: 13px;
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
}

#offer-facilities .revBox b {
  color: #f27c09;
  font-family: "robotobold";
  font-size: 27px;
  font-weight: normal;
}

#offer-facilities .revBox span {
  color: #f27c09;
  font-size: 17px;
  font-family: "robotoregular";
}

#offer-facilities .dtRev b,
#offer-facilities .dtRev span {
  color: #adbf1b;
}

#offer-description {
  clear: both;
  padding: 30px 0 0;
  margin: 0;
}

#offer-description .descrTabs {
  margin: 0;
  padding: 0;
  border-bottom: 3px solid #ddebf3;
}

#offer-description .descrTabs li {
  padding: 0 22px;
  margin: 0;
  float: left;
  height: 40px;
  line-height: 40px;
  color: #1782c4;
  font-family: "robotobold";
  font-size: 17px;
  cursor: pointer;
}

#offer-description .descrTabs li .hotelDescrTabHead {
  line-height: 40px;
  color: #1782c4;
  font-family: "robotobold";
  font-size: 17px;
  padding: 0;
  margin: 0;
  font-weight: normal;
}

#offer-description .descrTabs .current,
#offer-description .descrTabs .current .hotelDescrTabHead {
  background-color: #1782c4;
  color: #fff;
}

.descrContent {
  margin: 0;
  padding: 0;
}

.descrContent > li {
  display: none;
}

.descrContent .current {
  display: block;
}

.introTxt {
  margin: 10px 320px 10px 0;
  border-right: 1px solid #f5f5f5;
}

.descrContent .offerAdvantages {
  padding: 7px 0 20px;
  float: right;
  width: 305px;
  color: #1b5172;
  position: relative;
  min-height: 90px;
}

.offerAdvantages .advantagesTitle {
  font-size: 15px;
  margin: 0;
  font-weight: bold;
  font-family: robotoregular, Helvetica, Arial, sans-serif;
  display: block;
}

.descrContent h4 {
  font-size: 18px;
  color: #f27c09;
  margin: 0;
  padding: 10px 0 0px;
}

div#hotelDescription > div#hotelDescription > h2.descrSectionHeader {
  margin: 20px 0px 20px 0px;
}

h2.descrSectionHeader {
  margin-bottom: 10px;
}

.descrContent .descrSectionHeader,
div#hotelDescription > div#hotelDescription > h2 {
  position: relative;
  padding: 0 0 0 58px;
  margin: 0;
  height: 38px;
  font-size: 17px;
  color: #1b5172;
  font-family: "robotoregular";
  font-weight: normal;
  line-height: 38px;
  background-color: #f6f6f6;
}

.oFeatures .standardInfo {
  padding: 0 20px 0 27px;
  margin: 0;
  display: inline-block;
  position: relative;
  line-height: 32px;
  height: 32px;
  font-weight: normal;
  font-size: 14px;
}

.oClipboardFeatures span {
  vertical-align: sub;
  padding: 0 20px 0 27px;
  display: inline-block;
  position: relative;
  line-height: 18px;
}

.offerAdvantages ul {
  margin: 0;
  padding: 10px 0 0 14px;
  list-style: disc;
}

.offerAdvantages li {
  padding: 0 0 5px;
  margin: 0;
}

.offerAdvantages li h5 {
  font-size: 14px;
  font-family: robotoregular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0;
}

.descrSection {
  clear: both;
  margin-top: 15px;
}

.descrSection > div {
  padding: 20px;
}

.descrSection ul,
div#hotelDescription > div#hotelDescription > ul,
div#hotelDescription > div#hotelDescription > ul > li > ul {
  list-style: disc;
}

.descrSection li,
div#hotelDescription > div#hotelDescription > ul > li,
div#hotelDescription > div#hotelDescription > ul > li > ul > li {
  padding: 0 0 5px;
}

.offerSectionSubtitle {
  font-size: 15px;
  font-family: "robotobold";
}

.descrContent .descrSectionHeader:before,
.oFeatures h3:before,
.oClipboardFeatures span:before {
  display: block;
  content: "";
  position: absolute;
  left: 15px;
  top: 10px;
  background: url("/img/new/sprite.png") 30px 30px no-repeat;
}

.descrContent .iconHome:before {
  width: 25px;
  height: 25px;
  background-position: 0 -251px;
  top: 7px;
}

.descrContent .iconFood:before {
  width: 18px;
  height: 25px;
  background-position: -24px -251px;
  top: 7px;
  left: 18px;
}

.descrContent .iconMicrophone:before {
  width: 19px;
  height: 25px;
  background-position: -42px -251px;
  top: 7px;
  left: 19px;
}

.descrContent .iconCompass:before {
  width: 26px;
  height: 25px;
  background-position: -62px -251px;
  top: 7px;
}

.descrContent .iconChild:before {
  width: 16px;
  height: 25px;
  background-position: -89px -251px;
  top: 7px;
  left: 18px;
}

.descrContent .iconAllInclusive:before,
.oFeatures .iconAllInclusive:before,
.oClipboardFeatures .iconAllInclusive:before {
  width: 23px;
  height: 25px;
  background-position: -108px -251px;
  top: 7px;
}

.oFeatures .iconLastMinute:before,
.oClipboardFeatures .iconLastMinute:before {
  width: 23px;
  height: 22px;
  background-position: -32px -278px;
  left: 0;
  top: 6px;
}

.oClipboardFeatures .iconLastMinute:before {
  top: -1px;
}

.oFeatures .iconAllInclusive:before,
.oClipboardFeatures .iconAllInclusive:before {
  top: -1px;
  left: 0;
}

.oClipboardFeatures .iconAllInclusive:before {
  top: -3px;
}

.descrContent .iconMoney:before {
  width: 27px;
  height: 17px;
  background-position: 0 -276px;
  top: 10px;
}

.descrContent .iconSport:before {
  width: 27px;
  height: 20px;
  background-position: -112px -328px;
  top: 10px;
}

.descrContent .iconWellness:before {
  width: 20px;
  height: 22px;
  background-position: -68px -326px;
  top: 10px;
}

.descrContent .iconSwim:before {
  width: 20px;
  height: 22px;
  background-position: 0 -300px;
  top: 10px;
}

.descrContent .iconBeach:before {
  width: 24px;
  height: 22px;
  background-position: -111px -280px;
  top: 10px;
}

.reservationDescription {
  padding: 20px 0 0;
  clear: both;
}

.reservationDescription h5 {
  border-bottom: 2px solid #fff;
  cursor: pointer;
}

.reservationDescription .descrSection > div {
  display: none;
}

#whyDreamtours ul {
  margin: 0;
  padding: 0;
}

#whyDreamtours li {
  margin: 0;
  padding: 0 0 40px;
  width: 33.3%;
  float: left;
}

#whyDreamtours h2,
#similarHotels h2 {
  float: none;
  padding: 40px 0 5px 0px;
  border-bottom: 3px solid #ddebf3;
}

#whyDreamtours li div {
  padding: 0 20px;
}

#whyDreamtours h3 {
  padding: 20px 30px;
  margin: 0;
  text-align: center;
  font-size: 17px;
  font-weight: normal;
  font-family: "robotoblack";
  color: #1782c4;
}

#whyDreamtours i.sprite {
  width: 60px;
  height: 60px;
  display: block;
  margin: 25px auto 0px;
}

#whyDreamtours .iconCustomers {
  background-position: -5px -495px;
}

#whyDreamtours .iconSafety {
  background-position: -10px -430px;
}

#whyDreamtours .iconWarranty {
  background-position: -70px -430px;
}

#offerLinkShare {
  clear: both;
  padding: 0 0 10px;
  border-bottom: 3px solid #f5f5f5;
  position: relative;
}

#offerLinkShare .hotelURL {
  width: 60%;
  display: inline-block;
}

#offerLinkShare .socialIcons {
  /*    max-width: 40%; */
  display: inline-block;
  float: right;
  position: absolute;
  right: 0;
  bottom: 7px;
}

.socialIcons > .wrap-social > div {
  float: right;
}

.offer-avalibility-message {
  clear: both;
  background-color: #adbf1b;
  margin-bottom: 20px;
}

.offer-avalibility-message h2 {
  margin: 0;
  padding: 0 0 10px;
  font-family: "robotobold";
  font-size: 27px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  float: none;
  font-weight: normal;
}

.offer-avalibility-message p {
  margin: 0;
  padding: 0;
  font-size: 17px;
}

.offer-avalibility-message > div {
  padding: 20px 0 15px;
  text-align: center;
  color: #fff;
  line-height: 1;
}

.offer-avalibility-message .offerAvailable {
  background-color: #f66;
}

#order-form {
  color: #1b5172;
}

#order-form .orderInfo {
  display: block;
  color: #f27c09;
  font-style: normal;
  line-height: 1.5;
}

#offer-section h3 {
  font-size: 15px;
  color: #1b5172;
}

#order-form h3 {
  padding: 25px 0px 10px;
  margin: 0;
  color: #1b5172;
  font-family: "robotobold";
  font-size: 15px;
  font-weight: normal;
}

#order-form h3.formSummary {
  padding: 25px 15px 10px;
}

#selected-offer-params fieldset,
#order-form fieldset {
  padding: 2px 15px;
  background-color: #f4f4f4;
}

#selected-offer-params fieldset {
  padding: 10px 10px 10px 10px;
}

#order-form .personalDataContainer {
  background-color: #1782c4 !important;
}

#order-form table {
  width: 100%;
  margin: 10px 0;
}

#order-form td,
#order-form th {
  text-align: left;
  padding: 0 20px 10px 0;
  color: #1782c4;
}

#selected-offer-params td,
#selected-offer-params th {
  text-align: center;
  padding: 0 26px 10px 0;
  color: #1782c4;
}

#order-form th {
  color: #1b5172;
}

#selected-offer-params .flightTripTable {
  margin-bottom: 20px;
}

#order-form fieldset div.row {
  clear: both;
  color: #1b5172;
  height: 2px;
  margin-bottom: 2px;
}

#order-form fieldset div.row > div.error {
  margin-top: 0;
}

#order-form fieldset div.rowParagraphContainer {
  height: 40px;
  line-height: 40px;
  clear: both;
}

#order-form fieldset div.addWishes {
  clear: both;
  margin-bottom: 15px;
}

#order-form fieldset div.insurance {
  margin: 10px 0;
  color: #fff;
}

.insurance div.insurance-options {
  margin-bottom: 10px;
}

.insurance div.insurance-title {
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}

#order-form fieldset div.insurance a {
  color: #fff;
  text-decoration: underline;
}

#order-form fieldset p {
  float: left;
  margin: 10px 0 0 0;
  line-height: 20px;
}

#order-form .formPersonField {
  float: left;
  width: 121px;
  margin-top: 10px;
}

#order-form .participantsRow {
  margin-left: 125px;
}

#order-form fieldset div > p:last-child {
  padding-right: 0;
}

#order-form fieldset input[type="text"],
#order-form fieldset input[type="email"] {
  height: 36px;
  line-height: 36px;
  padding: 0;
  color: #1782c4;
  text-indent: 15px;
  border: 0;
  border-top: 1px solid #cfcfcf;
}

#order-form .formPersonField > div,
#order-form .participantsRow > div {
  margin-top: 10px;
}

#order-form .orderPersonRow .formPersonField > div {
  margin-top: 0;
}

#order-form .orderPersonRow,
#order-form .personFieldBox,
#order-form .row .field-txt3 {
  margin-top: 10px;
}

#order-form .orderPersonRow .formPersonField {
  line-height: 36px;
}

#order-form .orderPersonRow .formPersonField label span {
  margin-top: 12px;
}

#order-form .field-cb1 {
  width: 60px;
  padding-right: 0;
  float: left;
}

#order-form .field-cb2 {
  width: 60px;
  padding-right: 0;
  float: left;
}

#order-form .field-cb3 {
  width: 100px;
  line-height: 36px;
  float: left;
}

.field-txt1 {
  width: 24.3%;
  margin-right: 1%;
  float: left;
}

.field-txt1 input {
  width: 100%;
  float: left;
}

.field-txt2 {
  width: 16%;
  margin-right: 1%;
  float: left;
}

.field-txt2 input {
  width: 100%;
  float: left;
}

.field-txt3 {
  width: 24.2%;
  margin-right: 1%;
  float: left;
}

.field-txt3 input {
  width: 100%;
  float: left;
}

.field-txt3Fix {
  margin-right: 0px !important;
}

.form-expl {
  padding-right: 20px;
  float: left;
}

#order-form fieldset input.form-error {
  border: 1px solid #fb5151;
}

#order-form div.error-message {
  width: 230px;
  color: #fb5151;
  font-size: 10px;
}

#order-form .pricePerPerson {
  float: right;
}

.pricePerPerson b {
  font-family: "robotobold";
  color: #f27c09;
  font-weight: normal;
  font-size: 15px;
  line-height: 50px;
}

.addWishes input {
  float: left;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 12px;
}

.addWishes span {
  display: block;
  margin-left: 580px;
  font-size: 12px;
  color: #2e3133;
}

h3.formSummary {
  padding: 40px 10px 8px 0px;
  border-bottom: 3px solid #ddebf3;
}

ul.formSummary {
  width: 400px;
  margin: 0;
  padding: 5px 0px 0px 0px;
  border-bottom: 3px solid #ddebf3;
}

.formSummary li,
.finalPrice {
  margin: 0;
  padding: 0 15px 5px;
  font-size: 15px;
  color: #1b5172;
  font-family: "robotobold";
}

.formSummary li b,
.finalPrice b {
  float: right;
  color: #f27c09;
  font-weight: normal;
  font-family: "robotobold";
}

.finalPrice {
  padding: 5px 0 0px 15px;
  width: 400px;
}

.finalPrice b {
  font-size: 20px;
}

.personalDataCheckbox {
  position: relative;
  clear: both;
  color: #fff;
}

.personalDataCheckbox input {
  position: absolute;
  top: 3px;
  left: 0;
}

.contact-form input[type="text"].width1to3,
.contact-form input[type="email"].width1to3,
.contact-form input[type="tel"].width1to3,
.contact-form input[type="text"].width1to2,
.contact-form input[type="email"].width1to2,
.contact-form input[type="tel"].width1to2 {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.contact-form .rodo {
  width: 100%;
  float: left;
}

.rankStarsBig {
  position: relative;
  display: inline-block;
  max-width: 115px;
  height: 25px;
  margin: 0;
  text-align: left;
}

.rankStarsBig .rankStarsFill,
.rankStarsBig span {
  height: 15px;
  display: inline-block;
  background: url("/img/new/sprite.png") 0 -179px no-repeat;
}

.rankStarsBig .starsCtrl {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.starsCtrl span {
  float: left;
  width: 10px;
  height: 20px;
  cursor: pointer;
}

.stars5,
.stars55,
.stars6 {
  background-position: 0 -48px;
}

.stars4 {
  background-position: 0 -58px;
}

.stars3 {
  background-position: 0 -68px;
}

.stars2 {
  background-position: 0 -78px;
}

.stars1 {
  background-position: 0 -88px;
}

.stars0 {
  background-position: 0 -98px;
}

.stars15 {
  background-position: 0 -88px;
}

.stars25 {
  background-position: 0 -88px;
}

.stars35 {
  background-position: 0 -88px;
}

.stars45 {
  background-position: 0 -88px;
}

.rankStarsBig .stars5,
.rankStarsBig .stars55,
.rankStarsBig .stars6 {
  width: 92px;
}

.rankStarsBig .stars4 {
  width: 72px;
}

.rankStarsBig .stars3 {
  width: 52px;
}

.rankStarsBig .stars2 {
  width: 35px;
}

.rankStarsBig .stars1 {
  width: 16px;
}

.rankStarsBig .stars0 {
  width: 0;
}

.rankStarsBig .stars45 {
  width: 81px;
}

.rankStarsBig .stars35 {
  width: 63px;
}

.rankStarsBig .stars25 {
  width: 45px;
}

.rankStarsBig .stars15 {
  width: 27px;
}

.starsCtrl .star11,
.starsCtrl .star21,
.starsCtrl .star31,
.starsCtrl .star41 {
  padding-right: 8px;
}

.oDescription > .availabilityInfo {
  line-height: 25px;
  height: 25px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 140px) {
  /* ====================
     INTERMEDIATE: Menu
    ==================== */
  nav ul li {
    display: inline;
  }

  .oldie nav a {
    margin: 0 0.7%;
  }

  #logo {
    float: left;
    padding: 25px 0 0;
  }

  #working-hours {
    float: right;
    padding: 10px 0;
    color: #1782c4;
    font-family: "robotobold";
    text-align: right;
    width: 55%;
  }

  #working-hours span {
    padding-left: 15px;
  }

  #phones {
    padding: 10px 0 0;
    font-size: 22px;
    color: #029bd8;
    font-family: "robotoregular";
  }

  #phones span {
    padding-left: 10px;
  }

  #slogan-search {
    padding: 15px 0;
    clear: both;
    font-size: 17px;
    color: #1b5172;
  }

  #slogan {
    margin: 5px 0 0;
    letter-spacing: -0.3px;
    font-size: 17px;
    font-weight: normal;
  }

  #search-field {
    position: relative;
    text-align: right;
  }

  #search-field input {
    height: 30px;
    line-height: 30px;
    color: #1b5172;
    border: 0;
    border-bottom: 2px solid #ddebf3;
    padding: 0 30px 0 10px;
    font-size: 13px;
  }

  #search-field .spriteSearch {
    position: absolute;
    top: 3px;
    right: 7px;
    cursor: pointer;
  }

  #main-nav {
    position: relative;
  }

  #main-nav .homeMenu {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #1782c4;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 53px;
    height: 50px;
    line-height: 50px;
  }

  #main-nav .homeMenu i {
    line-height: 50px;
    text-align: center;
  }

  #main-nav > div {
    margin: 0 0 0 54px;
  }

  #main-nav ul {
    margin: 0;
    padding: 0;
    display: table;
    background-color: #1782c4;
    width: 100%;
  }

  #main-nav li {
    margin: 0;
    padding: 0;
    display: table-cell;
  }

  #main-nav li a {
    padding: 0 10px;
    line-height: 50px;
    height: 50px;
    display: block;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
  }

  #main-nav li a:hover,
  #main-nav .current,
  #main-nav .homeMenu:hover {
    background-color: #1b5172;
  }

  #main-nav .homeMenu:hover i {
    background-position: -30px -24px;
  }

  #main-search {
    position: relative;
    width: 385px;
    height: 390px;
    float: left;
    background-color: #1782c4;
  }

  #main-search .formRow label {
    color: #fff;
  }

  #main-search .formRow li label {
    color: #222;
  }

  #search-variant,
  #clipboard-search {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
  }

  #search-variant li,
  #clipboard-search li {
    float: left;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #1782c4;
    background-color: #fff;
    text-align: center;
    width: 25%;
    height: 75px;
    line-height: 1.2;
  }

  #search-variant li:last-child,
  #clipboard-search li:last-child {
    float: right;
  }

  #search-variant li label,
  #clipboard-search li label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  #search-variant li input:checked + label,
  #clipboard-search li input:checked + label {
    background-color: #1782c4;
    color: #fff;
  }

  #search-variant li input,
  #clipboard-search li input {
    position: absolute;
    left: -100000px;
  }

  #return-ticket {
    visibility: hidden;
    margin: 0;
    padding: 15px 0 0;
    height: 30px;
    clear: both;
    font-size: 12px;
  }

  #return-ticket li {
    margin: 0;
    padding: 0;
    width: 42%;
    float: left;
    text-align: center;
    color: #fff;
  }

  #return-ticket li:nth-child(1) {
    margin-left: 4%;
  }

  #return-ticket li:nth-child(2) {
    margin-left: 6%;
  }

  #return-ticket > li > label {
    margin-left: -10px;
  }

  #return-ticket input {
    margin: 0 7px 0 0;
  }

  .formRow {
    clear: both;
    padding: 0 15px 5px;
    font-size: 13px;
  }

  .formRow .formRow {
    padding: 0 0 5px;
    clear: both;
  }

  .innerRow {
    padding-bottom: 0;
  }

  .formRow p {
    margin: 0;
  }

  #main-slider {
    margin: 0 0 0 400px;
    height: 390px;
    overflow: hidden;
    position: relative;
  }

  #main-slider .slides {
    height: 330px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
  }

  #main-slider .slides li {
    height: 100%;
    width: 100%;
    left: 100%;
    position: absolute;
    margin: 0;
    padding: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  #main-slider .slides li:first-child {
    left: 0;
  }

  #main-slider .slides li a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-decoration: none;
  }

  #main-slider .default-button {
    position: absolute;
    z-index: 2;
    right: 15px;
    bottom: 45px;
    width: 140px;
  }

  #main-slider a > div {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 290px;
    font-size: 30px;
    color: #fff;
    overflow: hidden;
    font-family: "robotobold";
  }

  .sliderCtrl {
    bottom: 0;
    position: absolute;
    right: 20px;
    margin: 10px 30px;
    z-index: 5;
  }

  .sliderCtrl span {
    background-color: #fff;
    border-radius: 7px;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 0 0 0 5px;
    width: 14px;
  }

  .sliderCtrl .current {
    background-color: #adbf1b;
  }

  .currentOption,
  .multiSelect {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    position: relative;
    text-indent: 10px;
    color: #1782c4 !important;
    overflow: hidden;
    white-space: nowrap;
  }

  .currentOption:after,
  .multiSelect:after,
  .selectedOptions:after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -5px;
    content: " ";
    background: #fff url("/img/new/sprite.png") -17px 0 no-repeat;
    width: 9px;
    height: 8px;
    display: block;
    z-index: 3;
  }

  .currentOption:before,
  .multiSelect:before,
  .selectedOptions:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 19px;
    display: block;
    z-index: 2;
    background-color: #fff;
  }

  .filters-row .multiSelect {
    height: 32px;
    line-height: 32px;
  }

  .customOptions {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    border: 1px solid #ddebf3;
    cursor: pointer;
    min-width: 100%;
  }

  ul.customOptions {
    margin: 0;
    padding: 0;
  }

  .customOptions .optionRow,
  ul.customOptions .optionRow {
    display: block;
    padding: 5px 15px;
    line-height: 1.4;
    background-color: #fff;
    color: #1782c4;
    white-space: nowrap;
    font-size: 12px;
    font-family: "robotoregular";
    cursor: pointer;
  }

  .upDown .customOptions {
    min-width: 100%;
  }

  .childrenAge .upDown .currentOption {
    text-align: left;
    text-indent: 5px;
  }

  .upDown .customOptions .optionRow {
    width: auto;
    display: block;
    white-space: nowrap;
  }

  .customOptions .optionRow:hover {
    background-color: #ddebf3;
  }

  .customSelect,
  .multiSelect {
    position: relative;
    display: block;
    margin-top: 5px;
    z-index: 7;
  }

  .cSelect {
    position: absolute;
    left: -10000px;
    top: -100000px;
  }

  .dateInput input,
  .formRow input,
  .filterCell input {
    float: right;
    height: 36px;
    line-height: 36px;
    width: 150px;
    border: 0;
    color: #1782c4;
    text-align: left;
  }

  .dateInput input {
    cursor: pointer;
  }

  .searchDate:after {
    position: absolute;
    content: " ";
    display: block;
    width: 19px;
    height: 18px;
    right: 17px;
    z-index: 2;
    margin-top: 2px;
    background: url("/img/new/sprite.png") -52px 0 no-repeat;
  }

  #filters-block .searchDate:after {
    right: 5px;
    top: 5px;
  }

  .vCol22 .searchDate:after {
    margin-left: 4px;
    margin-top: 2px;
    display: inline-block;
    right: 0;
    position: relative;
  }

  .dateInput label {
    float: left;
    position: relative;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    color: #1782c4;
    cursor: pointer;
  }

  .dateDisplay > div.dateSeparator,
  .dateSeparator {
    float: left;
    position: relative;
    display: inline-block;
    color: #1782c4;
    cursor: pointer;
    background: #fff;
  }

  .dateInput .dateSeparator {
    padding: 2px;
  }

  .zoomImg {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url("/img/zoom.png") 0 0 no-repeat;
    z-index: 5;
    opacity: 0.7;
  }

  .zoomImg:hover {
    opacity: 1;
  }

  .filterCell input {
    float: none;
  }

  .input-daterange input {
    text-align: center;
  }

  #filters-block .input-daterange input {
    margin-top: 0px;
    padding: 0;
    width: 64px;
    font-size: 14px;
  }

  #filters-block .upDown i {
    right: 5px;
  }

  .dateInput label:last-child {
    float: right;
  }

  #main-search .halfI > span {
    position: relative;
    float: left;
    width: 42px;
  }

  #main-search .halfI > span:last-child {
    margin-left: 10px;
  }

  #main-search.halfI label {
    display: block;
    width: 100%;
    line-height: 1.5;
  }

  #main-search .halfI input,
  #main-search .tripleI input {
    float: none;
    display: block;
    padding: 0 10px;
    width: 20px;
    height: 25px;
    margin-top: 3px;
  }

  #main-search .tripleI > span {
    float: left;
    width: 42px;
    margin-right: 10px;
  }

  #main-search .tripleI input {
    width: 30px;
  }

  #main-search label .customSelect {
    margin-top: 3px;
  }

  .default-button {
    position: relative;
    background-color: #adbf1b;
    color: #fff;
    height: 42px;
    width: 100%;
    text-align: center;
    text-indent: -10px;
    border: 0;
    font-size: 17px;
    line-height: 42px;
    -webkit-transition: background-color 0.1s;
    transition: background-color 0.1s;
    cursor: pointer;
  }

  #offer-params .white-button {
    background-color: #fff;
    color: #1782c4;
    border: 1px #1782c4 solid;
    margin: 0 5px;
    padding: 0 23px;
  }

  #offer-params .white-button:after {
    background: url("/img/new/sprite.png") -72px -87px;
  }

  #offer-params .white-button:hover:after {
    background: url("/img/new/sprite.png") -72px -1px;
  }

  #offer-params .white-button:hover,
  #offer-params .removeFromClipboard {
    background-color: #1782c4;
    color: #fff;
  }

  .shareOpinionButton {
    width: 150px;
    margin: 0 auto;
    display: block;
    height: 35px;
    line-height: 35px;
  }

  .shareOpinionBtnWrapper {
    text-align: center;
  }

  .blue-button {
    background-color: #1782c4;
  }

  .green-button {
    background-color: #adbf1b;
  }

  .grey-button {
    background-color: #a3a3a3;
    line-height: 15px;
    cursor: pointer;
    font-size: 15px;
  }

  .red-button {
    background-color: #ff4d4d;
  }

  #removeFromClipboard {
    position: absolute;
    bottom: 54px;
    height: 30px;
    line-height: 31px;
    width: 100%;
  }

  #removeFromClipboard:after {
    top: 10px;
  }

  .default-button:after,
  .booking-possible:after {
    position: absolute;
    top: 14px;
    right: 10px;
    content: "";
    width: 9px;
    height: 13px;
    background: url("/img/new/sprite.png") -72px -1px;
  }

  .post_button_container a.default-button:after {
    top: 30px;
    right: 15px;
  }

  .default-button:hover {
    background-color: #1b5172;
    text-decoration: none;
  }

  #main-search button {
    margin-top: 12px;
    margin-bottom: 5px;
    width: 205px;
    float: right;
    position: absolute;
    bottom: 5px;
    right: 10px;
  }

  .sortPaginationBar {
    padding: 5px 0;
    margin: 0;
    background-color: #f5f5f5;
  }

  .listSort p {
    margin: 0 10px;
    padding: 0;
    float: right;
    width: 230px;
  }

  .listSort label {
    line-height: 40px;
    padding: 0 15px;
    color: #1b5172;
    font-family: "robotobold";
  }

  #offers-list .pagination {
    float: right;
    position: relative;
    margin: 0;
    padding: 0 40px 0 0;
  }

  .pagination li {
    display: inline-block;
    margin: 0;
    padding: 0 5px;
    line-height: 40px;
  }

  .pagination a {
    color: #1b5172;
    text-decoration: none;
    font-family: "robotobold";
  }

  .pagination a:hover,
  .pagination .current a {
    color: #1782c4;
  }

  .pagination .next {
    position: absolute;
    top: -4px;
    right: 0;
    width: 30px;
    height: 48px;
    padding: 0;
  }

  .pagination .next:after {
    top: 17px;
    left: 10px;
    pointer-events: none;
  }

  .pagination .next a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
  }

  #filters-block {
    position: relative;
  }

  .floatingFilters #filters-block {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    -moz-box-shadow: 0px 3px 3px #ccc;
    -webkit-box-shadow: 0px 3px 3px #ccc;
    box-shadow: 0px 3px 3px #ccc;
    z-index: 100;
    background-color: #f5f5f5;
  }

  .floatingFilters #filters-block .filtersContainer {
    margin: 0 auto;
    max-width: 1180px;
  }

  .floatingFilters .sortPaginationBar {
    margin-top: 220px;
  }

  #filters-show-hide {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0;
    height: 25px;
    text-align: right;
    width: 100%;
  }

  .floatingFilters #filters-show-hide {
    display: block;
  }

  .floatingFilters #filters-show-hide span {
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    cursor: pointer;
  }

  .floatingFilters #filters-show-hide b {
    padding: 5px 15px;
    background-color: #1b5172;
    color: #fff;
    height: 15px;
    cursor: pointer;
  }

  .floatingFilters #filters-show-hide .showFilters,
  .floatingFilters .filtersHidden #filters-show-hide .hideFilters {
    display: none;
  }

  .floatingFilters #filters-show-hide .hideFilters,
  .floatingFilters .filtersHidden #filters-show-hide .showFilters {
    display: inline-block;
  }

  .floatingFilters .filtersHidden #filters-block {
    top: auto;
    bottom: 100%;
  }

  .floatingFilters .filtersHidden #filters-show-hide {
    top: 100%;
    bottom: auto;
    background-color: #f5f5f5;
  }

  #filters-block input,
  #filters-block .currentOption,
  #filters-block .selectedOptions,
  .showTimesAndTables input {
    height: 32px;
    line-height: 32px;
  }

  #filters-block .input-daterange input {
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
  }

  .showTimesAndTables .input-daterange input {
    border: 0;
  }

  #filters-block .customSelect {
    margin-top: 2px;
  }

  #filters-block .spriteUp {
    top: 10px;
  }

  #filters-block .spriteDown {
    top: 19px;
  }

  #filters-block .searchButton {
    width: 150px;
    height: 34px;
    line-height: 34px;
    margin-top: 18px;
  }

  #filters-block .searchButton:after {
    top: 10px;
  }

  .filtersLeft #filters-block .searchButton {
    position: relative;
    top: 0;
    left: 10px;
    float: left;
  }

  .filtersLeft #filters-block .rankStarsBig {
    float: left;
  }

  .filtersLeft #filters-block {
    float: left;
    width: 220px;
  }

  .filtersLeft .sortPaginationBar {
    height: 42px;
  }

  .filtersLeft .sortPaginationBar,
  .filtersLeft #offers-list {
    float: right;
    width: 745px;
  }

  .filtersLeft .filterCellDouble input,
  .filtersLeft .filterCellDouble {
    width: 165px;
  }

  .filtersLeft .filterCell {
    float: none;
    width: auto;
    padding: 0 15px 5px 10px;
    position: relative;
  }

  .filtersLeft .filterCell .input-group p,
  .filtersLeft .filterCell p {
    width: 85px;
    float: left;
  }

  .filtersLeft .filterCell p:last-child {
    float: right;
  }

  .filtersLeft #filters-block .input-daterange input {
    width: 85px;
  }

  .filtersLeft .filters-row .filterCell p input {
    width: 60px;
  }

  .filtersLeft .filters-row .filterCell .tri input {
    width: 31px;
  }

  .filtersLeft .filters-row .filterCell .tri {
    width: 61px;
  }

  .filtersLeft .filters-row .filterCell .tri:last-child {
    padding-right: 0;
  }

  .filtersLeft #filters-block .tri .upDown i {
    right: 9px;
  }

  .filtersLeft #filters-block .tri .spriteUp {
    top: 9px;
  }

  .filtersLeft #filters-block .tri .spriteDown {
    top: 20px;
  }

  .filtersLeft .customSelect,
  .filtersLeft .multiSelect {
    line-height: 1;
  }

  .filtersLeft .oPicture {
    width: 200px;
    height: 150px;
  }

  .filtersLeft .oPicture a {
    height: 150px;
  }

  .filtersLeft .oDescription {
    margin-left: 220px;
  }

  .oDescription > a {
    vertical-align: top;
  }

  .oDescription > .availabilityInfo {
    margin-bottom: 0px;
    display: none;
  }

  .oDescription > .availabilityInfo > span,
  .clipboardItem > .availabilityInfo > span {
    font-size: large;
  }

  .clipboardItem > .availabilityInfo > span {
    margin-left: 10px;
  }

  .filtersLeft .oParams {
    padding-bottom: 0;
  }

  .filtersLeft .oWrapper {
    padding-top: 20px;
  }

  .oClipboardGreen {
    background: #f1ffee;
  }

  .oClipboardRed {
    background: #ffd5d6;
  }

  .greenInfo {
    color: #adbf1b !important;
    margin-bottom: 5px;
  }

  .redInfo {
    margin-bottom: 5px;
    color: #adbf1b !important;
  }

  .redBackground {
    background-color: #ff4d4d !important;
  }

  #hotelDescBtn {
    display: table-cell;
    float: left;
    top: 2px;
    margin-left: 7px;
  }

  #hotelBookBtn {
    display: table-cell;
    float: right;
    top: 2px;
  }

  .oClipboardWrapper #hotelBookBtn {
    left: 0;
    bottom: 0;
    top: auto;
  }

  #hotelBtnWrapper {
    display: inline-flex;
    width: 100%;
  }

  .cell1 {
    z-index: 30;
  }

  .cell2 {
    z-index: 29;
  }

  .cell3 {
    z-index: 28;
  }

  .cell4 {
    z-index: 27;
  }

  .cell5 {
    z-index: 26;
  }

  .cell6 {
    z-index: 25;
  }

  .cell7 {
    z-index: 24;
  }

  .cell8 {
    z-index: 23;
  }

  .cell9 {
    z-index: 22;
  }

  .cell10 {
    z-index: 21;
  }

  .cell11 {
    z-index: 20;
  }

  .cell12 {
    z-index: 19;
  }

  .cell13 {
    z-index: 18;
  }

  .cell14 {
    z-index: 6;
    position: relative;
  }

  #region-forecast {
    float: right;
    width: 290px;
    position: relative;
  }

  #filters-block.filter .filterCell {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  #filters-block.filter .inputWrapper {
    width: 40px;
  }

  #filters-block.filter .upDown {
    height: 58px;
    width: 45px;
    float: left;
    position: relative;
    z-index: 5;
  }

  #filters-block.filter .upDown input {
    width: 35px;
    padding: 0;
    padding-left: 10px;
  }

  #filters-block.filter .filterCell {
    float: left;
    padding: 0 0 0 10px;
    height: 58px;
  }

  .filterCellDouble input {
    display: block;
    width: 100%;
    padding: 0;
  }

  #offer-params dl,
  #selected-offer-params dl {
    font-size: 13px;
  }

  .descrContent .tab6,
  .descrContent .tab5 {
    padding-top: 20px;
  }

  .variantsList .filtersBlock {
    padding: 10px 15px 15px;
    background-color: #1782c4;
  }

  .variantsList .filtersBlock label {
    color: #fff;
  }

  .variantsList .filtersBlock .customOptions label {
    color: #1782c4;
  }

  .variantsList .filterCell {
    display: inline-block;
    width: 150px;
    margin-right: 20px;
    padding-bottom: 0;
  }

  .variantsList .filterCellDouble {
    width: 300px;
  }

  .variantsList .upDown {
    width: 40px;
    float: left;
    margin: 0 10px 0 0;
  }

  .variantsList .upDown input {
    text-indent: 5px;
  }

  .variantsList .default-button {
    width: 140px;
    margin-top: 5px;
  }

  .variantsList .filtersBlock .currentOption {
    height: 32px;
    line-height: 32px;
  }

  .variantsList .filtersBlock .childrenAge {
    margin-bottom: 0;
  }

  #filters-block.filter .filterCell {
    width: 14.1%;
  }

  #filters-block.filter .filterCell.filterCellDouble {
    width: 24.6%;
  }
}

@media only screen and (min-width: 768px) {
  .contact-form input[type="text"].width1to3,
  .contact-form input[type="email"].width1to3,
  .contact-form input[type="tel"].width1to3 {
    width: 48%;
  }

  .contact-form input[type="text"].width1to2,
  .contact-form input[type="email"].width1to2,
  .contact-form input[type="tel"].width1to2 {
    width: 48%;
  }

  .cell5 .ddCheckboxBlock {
    left: auto;
    right: 0;
  }

  .cell6 .ddCheckboxBlock {
    left: 0;
    right: auto;
  }

  .cell10 .ddCheckboxBlock {
    left: 0;
    right: auto;
  }

  .cell13 .ddCheckboxBlock {
    left: 0;
    right: auto;
  }

  section header li {
    margin-left: 10px;
  }

  #offer-params dl,
  #selected-offer-params dl {
    font-size: 14px;
  }

  #main-nav li a {
    font-size: 15px;
    padding: 0 15px;
  }
}

@media only screen and (max-width: 959px) {
  .ddCheckboxBlock {
    position: fixed;
    top: 10px;
    left: 50%;
    margin-left: -250px;
    width: 500px;
  }

  section header li {
    margin-left: 5px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 960px) {
  .contact-form input[type="text"].width1to3,
  .contact-form input[type="email"].width1to3,
  .contact-form input[type="tel"].width1to3 {
    width: 26.5%;
  }

  .contact-form input[type="text"].width1to2,
  .contact-form input[type="email"].width1to2,
  .contact-form input[type="tel"].width1to2 {
    width: 42.6%;
  }

  .cell6 .ddCheckboxBlock {
    left: 0;
    right: auto;
  }

  .cell10 .ddCheckboxBlock {
    left: 0;
    right: auto;
  }

  .cell13 .ddCheckboxBlock {
    left: 0;
    right: auto;
  }
}

@media only screen and (min-width: 1020px) {
  section header li {
    margin-left: 10px;
  }

  .cell6 .ddCheckboxBlock {
    right: 0;
    left: auto;
  }

  #filters-block.filter .upDown {
    margin-left: 10px;
    margin-right: 0;
    width: 37px;
  }

  #filters-block.filter .upDown:first-child {
    margin-left: 0;
  }

  #filters-block.filter .upDown input {
    width: 30px;
  }

  #filters-block.filter .inputWrapper {
    width: 40px;
  }

  #filters-block .spriteUp {
    top: 7px;
  }

  #filters-block .spriteDown {
    top: 17px;
  }
}

@media only screen and (min-width: 1140px) {
  /* ===============
     Maximal Width
    =============== */
  .wrapper {
    width: 97%;
    margin: 0 auto;
    max-width: 1180px;
  }

  #regions-map {
    width: 650px;
    height: 450px;
  }

  .newsletterFooter input[type="text"] {
    width: 208px;
    padding: 0 10px;
  }

  #main-slider .default-button {
    bottom: 15px;
  }

  .sliderCtrl {
    right: 140px;
    margin: 30px;
  }

  #main-slider a > div {
    bottom: 20px;
    top: auto;
  }

  .offers-row .offer-name-rank h4 {
    font-size: 16px;
  }

  #filters-block.filter .cell12,
  #filters-block.filter .cell6,
  #filters-block.filter .cell13 {
    padding-top: 3px;
  }

  #filters-block.filter .searchButton {
    margin-top: 21px;
  }

  .filterCell.filterCellDoubleFix {
    width: 26% !important;
  }

  .rankStarsBig {
    background-position: -1px -172px;
    background-size: 115px;
  }

  .rankStarsBig .rankStarsFill {
    background-size: 115px;
    background-position: 0 -153px;
  }

  .starsCtrl span {
    width: 8px;
  }

  .starsCtrl .star11,
  .starsCtrl .star21,
  .starsCtrl .star31,
  .starsCtrl .star41 {
    padding-right: 7px;
  }

  .starsCtrl .star41 {
  }

  .cell13 .ddCheckboxBlock,
  .cell10 .ddCheckboxBlock {
    left: auto;
    right: 0;
  }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.formRow:after,
.formRow:before,
.filtersLeft .filterCell:before,
.filtersLeft .filterCell:after {
  content: " ";
  display: table;
}

.clearfix:after,
.formRow:after,
.filtersLeft .filterCell:after {
  clear: both;
}

.clearfix,
.formRow,
.filtersLeft .filterCell {
  *zoom: 1;
}

.bgOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  z-index: 50;
}

.multiSelectBox {
  position: absolute;
  top: 40px;
  left: 0;
  margin: 0;
  width: 600px;
  height: 485px;
  z-index: 101;
  background-color: #f5f5f5;
  border: 1px solid #cdcdcd;
}

.multiSelectBox .selectCountry {
  float: left;
  width: 185px;
  height: 310px;
  overflow-y: scroll;
  padding: 15px;
}

.selectCountry.text-search-select-location {
  width: 100%;
  box-sizing: border-box;
}

.multiSelectBox .selectLocation {
  margin-left: 215px;
  overflow-y: scroll;
  height: 333px;
  background-color: #fff;
}

.multiSelectBox .countryHeader {
  font-weight: normal;
  font-size: 13px;
  color: #1782c4;
  margin: 0;
  padding: 5px 0;
  font-family: "robotoregular";
}

.selectCountry ul {
  margin: 0;
  padding: 0;
}

.selectCountry li,
.selectLocation li,
.checkBoxList li {
  position: relative;
  margin: 0;
  padding: 4px 0 4px 0;
  color: #1782c4;
  cursor: pointer;
  font-size: 12px;
  font-family: "robotoregular";
}

.selectCountry li label,
.selectLocation li label,
.checkBoxList li label {
  position: relative;
  padding-left: 25px;
  display: inline-block;
  width: calc(100% - 45px);
  box-sizing: border-box;
}

.ddCheckboxList {
  position: relative;
}

.ddCheckboxList .boxTitle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #f5f5f5;
  font-size: 14px;
  margin: 0;
  padding: 0 0 0 10px;
  color: #1b5172;
  font-weight: normal;
  font-family: "robotobold";
  box-sizing: border-box;
  line-height: 30px;
}

.ddCheckboxList .selectedOptions {
  display: block;
  margin-top: 5px;
  padding: 0 5px;
  height: 36px;
  line-height: 36px;
  background-color: #fff;
  color: #1782c4;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.ddCheckboxList .disabled {
  color: black;
  background-color: #d5d5d5;
}

.filterCellDouble .disabled {
  color: black;
  background-color: #d5d5d5;
}

.disabled::before {
  background-color: #d5d5d5;
}

.disabled::after {
  background: #d5d5d5 url("/img/new/sprite.png") -65px -516px no-repeat;
}

#destination-select {
  line-height: 32px;
}

div.filterCell > #destination-select {
  line-height: 32px;
}

.ddCheckboxBlock {
  display: none;
  position: absolute;
  top: 37px;
  margin: 0;
  padding: 0;
  max-height: 200px;
  overflow-y: auto;
  background-color: #fff;
  z-index: 4;
  border: 1px solid #cdcdcd;
  width: 250px;
}

.ddCheckboxBlock .checkBoxSection {
  width: 33%;
  float: left;
}

.ddCheckboxBlock strong {
  display: block;
  padding: 0 10px 5px 10px;
  font-weight: normal;
  color: #1b5172;
}

.checkBoxList {
  margin: 0;
  padding: 0;
}

.checkBoxList li {
  padding: 5px 10px 5px 0;
  margin-left: 10px;
}

.checkBoxList li label {
  padding-left: 27px;
  padding-right: 15px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.selectLocation > div {
  display: none;
  padding: 15px 15px 0;
}

.selectLocation ul {
  margin: 0;
  padding: 0;
}

.checkedCountry > div {
  display: none;
}

.checkedCountry > .visible {
  display: block;
}

.selectCountry li:before,
.selectLocation li:before,
.checkBoxList li:before {
  position: absolute;
  left: 0;
  top: 13px;
  content: "";
  width: 18px;
  height: 18px;
  display: block;
  background: url("/img/new/sprite.png") -71px -48px no-repeat;
  margin-top: -9px;
}

.selectCountry li.checked:before,
.selectLocation li.checked:before,
.checkBoxList li.checked:before,
.selectCountry li.freezed:before,
.selectLocation li.freezed:before,
.checkBoxList li.freezed:before {
  background-position: -71px -66px;
}

.selectCountry li.freezed:before,
.selectLocation li.freezed:before,
.checkBoxList li.freezed:before {
  opacity: 0.5;
}

.multiSelectBox .searchInputRow {
  padding: 13px 15px;
  background-color: #eee;
}

.searchInputRow {
  position: relative;
}

.search-loader {
  display: none;
  position: absolute !important;
  top: 20px;
  right: 75px;
  width: 25px;
  height: 25px;
}

.sk-fading-circle {
  width: 100%;
  height: 100%;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.sk-fading-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #99afdb;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

.city-arrow {
  display: inline-block;
  margin-left: 8px;
  height: 15px;
  position: absolute;
  right: 8px;
}

.city-arrow:hover {
  text-decoration: underline;
}

.city-arrow::after {
  position: absolute;
  content: " ";
  width: 9px;
  height: 8px;
  display: block;
  z-index: 3;
  top: 7px;
  right: -13px;
  margin-top: -2px;
}

.city-arrow.open::after {
  margin-top: 0;
  background: url("/img/new/sprite.png") no-repeat scroll -17px -10px rgba(255, 255, 255, 0);
}

.city-arrow.closed::after {
  background: url("/img/new/sprite.png") no-repeat scroll -17px 0 rgba(255, 255, 255, 0);
}

.filter-cities {
  margin-left: 25px !important;
}

.multiSelectBox .searchInputRow input {
  width: 410px;
  height: 36px;
  line-height: 36px;
  padding: 0 5px;
  border: 0;
  border-top: 1px solid #d0d0d0;
  color: #1782c4;
}

.multiSelectBox .msClose {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  background-color: #adbf1b;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  color: #fff;
  font-size: 11px;
  cursor: pointer;
  z-index: 1;
}

.multiSelectBox .msClose:hover {
  background-color: #1b5172;
}

.multiSelectBox .default-button {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 130px;
  padding-left: 20px;
  text-align: left;
  text-indent: 0;
}

#active-filters {
  position: relative;
  clear: both;
  margin: 0;
  padding: 10px 100px 10px 15px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  min-height: 1.5em;
  max-height: 2em;
  overflow: hidden;
}

#active-filters li {
  position: relative;
  display: inline-block;
  color: #1782c4;
  padding: 0 30px 0 0;
  font-family: "robotoregular";
  font-size: 12px;
}

#active-filters li .removeLocation {
  position: absolute;
  right: 18px;
  top: -3px;
  font-size: 16px;
  color: #f27c09;
  cursor: pointer;
  font-style: normal;
}

#active-filters li .removeLocation:hover {
  color: #e26c00;
}

#active-filters .removeAll {
  position: absolute;
  padding: 0;
  right: 10px;
  top: 10px;
  color: #f27c09;
  cursor: pointer;
}

#active-filters .removeAll:after {
  display: none;
}

#active-filters .removeAll:hover {
  text-decoration: underline;
}

#search-list-title {
  clear: both;
  text-align: center;
  font-size: 30px;
  font-weight: normal;
  color: #f27c09;
  font-family: "robotomedium";
  margin-top: -4px;
  margin-bottom: 15px;
}

#offers-list ul {
  list-style: none;
  padding: 0;
  line-height: 1;
  margin-top: 15px;
  margin-bottom: 10px;
}

#offers-list > ul > li {
  padding-bottom: 0;
}

#offers-list .vregionslist ul {
  padding-bottom: 0;
}

#offers-list > ul {
  clear: both;
  margin-top: 0px;
  margin-bottom: 0px;
}

#offers-list > ul > li {
  position: relative;
  border-bottom: 2px solid #f5f5f5;
}

.oWrapper {
  position: relative;
  padding: 30px 0 0;
}

.oClipboardWrapper {
  padding: 10px 10px 2px 10px;
}

.oClipboardWrapper .oDescription {
  height: 140px;
}

.ClipboardElement {
  margin-bottom: 14px;
}

.oBody {
  width: 57.5%;
}

.oPicture {
  position: relative;
  float: left;
  width: 100%;
}

.oPicture a {
  display: block;
  width: 100%;
  height: 390px;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.oPicture .gallery-bar {
  height: 28px;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}

.oPicture .gallery-bar.empty {
  display: none;
}

.oPicture .gallery-bar .gallery-loaded {
  display: none;
  height: 100%;
}

.oPicture .gallery-bar.loaded .gallery-loader {
  display: none;
}

.oPicture .gallery-bar.loaded .gallery-loaded {
  display: block;
}

.oPicture .gallery-loader,
.oPicture .gallery-image-number,
.oPicture .gallery-button {
  display: flex;
  height: calc(100% - 12px);
  background-color: rgba(30, 30, 30, 0.7);
  padding: 6px 10px;
  float: left;
  margin-left: 1px;
}

.oPicture .gallery-image-number {
  cursor: default;
}

.oPicture .gallery-button {
  cursor: pointer;
  padding-right: 25px;
}

.oPicture .gallery-button::after {
  position: absolute;
  top: 7px;
  right: 10px;
  content: "";
  width: 9px;
  height: 13px;
  background: url("/img/new/sprite.png") -72px -1px;
}

.oFeatures {
  float: left;
  padding: 0 0 0 10px;
  color: #1b5172;
  position: relative;
}

.oClipboardFeatures {
  float: left;
  color: #1782c4;
  position: relative;
  min-width: 200px;
  height: 30px;
  padding-top: 1px;
  padding-left: 10px;
}

.oDescription {
  height: 215px;
  color: #1782c4;
  margin-bottom: 5px;
}

.oDescription h2 {
  display: block;
  color: #f27c09;
  font-size: 22px;
  line-height: 22px;
  padding: 0px;
  font-family: "robotobold", sans-serif;
}

.oDescription .hotelLocation {
  text-transform: capitalize;
}

.oDescription .hotelLocation a {
  color: #1b5172;
  cursor: pointer;
}

.offersList .oDescription h2 {
  margin: 0;
}

.oDescription h2 a {
  color: #f27c09;
}

.oDescription .hotelLocation h2,
.oDescription em {
  padding-bottom: 3px;
  font-weight: normal;
  font-style: normal;
  display: block;
  font-size: 14px;
  color: #1b5172;
  font-family: "robotoregular";
}

.oDescription .hotelLocation h2 {
  display: inline;
}

.oDescription .uniqueRegionName {
  line-height: 22px;
}

.oDescription .rankStars {
  margin: 5px 0;
}

.oDescription img {
  height: 22px;
  width: auto;
}

.oFooter {
  clear: left;
  padding: 19px 0;
  display: table;
  width: 100%;
}

.oFooter .oDescription,
.oFooter .trustscore {
  display: table-cell;
  padding: 0;
  position: relative;
  line-height: 21px;
  vertical-align: middle;
}

.footerContainer {
  float: right;
  padding: 0;
  position: relative;
  overflow: hidden;
  color: #1b5172;
}

.footerClipboardContainer {
  float: right;
  padding: 0;
  position: relative;
  overflow: hidden;
  min-width: 30%;
  max-width: 45%;
  margin-bottom: 1px;
  height: 30px;
}

.footerClipboardContainer > .oDescription {
  width: 25%;
}

.footerClipboardContainer > .oDescription img {
  height: 22px;
  width: auto;
  max-width: 50px;
}

.footerContainer > .oDescription {
  width: 15%;
}

.oParams .oOrg {
  position: absolute;
  top: 20px;
  right: 1px;
}

.oParams .oOrg img {
  max-height: 32px;
  width: auto;
  max-width: 150px;
}

.footerContainer .trustscoreDesc {
  float: left;
  height: 32px;
  line-height: 32px;
  padding-right: 5px;
}

.footerContainer > .trustscoreDesc,
.footerClipboardContainer > .trustscoreDesc {
  color: #1b5172;
  vertical-align: middle;
  position: relative;
  display: table-cell;
  width: 5%;
  text-align: center;
}

.footerContainer > .tripadvisorBadge {
  float: right;
}

.footerClipboardContainer > .ClipboardTrustscoreDesc {
  vertical-align: top;
  padding-top: 4px;
}

.oClipboardOperator {
  position: absolute;
  top: 20px;
  right: 1px;
}

.oDetails {
  float: right;
  width: 41%;
  height: 450px;
  position: relative;
}

.oDetails .trustscore {
  margin-top: 5px;
}

.oFooter .trustBadge {
  float: right;
  max-width: 100px;
  min-height: 1px;
  margin-left: 40px;
}

.oDetails .default-button {
  display: block;
  position: absolute;
  bottom: 0;
  width: calc(50% - 5px);
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  font-weight: bold;
}

.oDetails button.default-button {
  background: #1782c4;
}

.oDetails button.default-button:hover {
  background: #1b5172;
}

.oDetails .offer-book-btn {
  height: 30px;
  display: table-cell;
  float: right;
  top: 2px;
  vertical-align: middle;
  margin-left: 7px;
  line-height: 29px;
  font-size: 15px;
}

.oDetails .offer-book-btn:after {
  top: 10px;
}

.oClipboardWrapper .oDetails .offer-book-btn {
  height: 45px;
  top: auto;
  line-height: 45px;
  right: 0;
  text-align: center;
}

.oClipboardWrapper .oDetails .offer-book-btn:after {
  top: 16px;
}

.oDetails .similar-offer {
  font-size: 12px;
  background: #ff4d4d;
}

.oDetails button.offer-details-button {
  left: 0;
}

.oDetails a.offer-details-green-button {
  right: 0;
}

.oDetails button.offer-details-button:after,
.oDetails a.offer-details-green-button:after {
  top: 16px;
}

.oClipboardPrice {
  height: 37px;
  bottom: 86px;
}

.bigPrice {
  margin-bottom: 5px;
}

.oPrice {
  position: absolute;
  right: 1px;
  bottom: 72px;
  font-size: 18px;
  color: #f27c09;
  line-height: 25px;
}

#offers-list .oPrice {
  font-weight: bold;
}

.oPrice a {
  color: #f27c09;
}

.oPrice b {
  font-size: 24px;
}

.oClipboardPrice b {
  font-size: 20px;
  font-weight: bold;
}

.oPricePLN,
.oPricePLN a {
  float: right;
  clear: both;
  font-size: 18px;
  color: #f27c09;
}

.oPricePLN {
  min-height: 20px;
  position: absolute;
  font-size: 14px;
  right: 1px;
  float: left;
  bottom: 50px;
}

.oPricePLN a {
  padding-left: 0;
}

.price-info-tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% - 30px);
  left: 50%;
  transform: translateX(-105%);
  max-width: 450px;
  width: 400px;
  font-weight: normal;
  padding: 18px;
  background-color: #1782c4;
  color: #ffffff;
  border-radius: 5px;
  font-size: 14px;
  line-height: 18px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  z-index: 1;
  white-space: normal;
  text-align: justify !important;
  font-family: "robotoregular";
}

.price-info-tooltip-text {
  float: left;
}

.price-info-icon:hover .price-info-tooltip,
.price-info-icon:focus .price-info-tooltip {
  display: block;
}

.price-info-icon:focus {
  outline: none;
}

.price-info-icon-container {
  position: relative;
  float: right;
  padding-left: 10px;
  padding-top: 4px;
}

.price-info-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  color: #02a6e2;
  font-family: "robotoregular", sans-serif;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
  border: 2px solid #02a6e2;
  font-size: 14px;
}

.price-info-icon-container.smaller {
  padding-top: 0px;
}

.price-info-icon-container.smaller > div.price-info-icon {
  width: 14px;
  height: 14px;
  font-size: 12px;
}

.price-info-tooltip-vspace {
  padding-top: 15px;
  float: left;
  font-weight: bold;
}

.oParams {
  display: block;
  width: calc(100% - 6px);
  padding: 12px 3px;
  clear: both;
  border-top: 1px solid #f5f5f5;
  position: relative;
}

.oParams p,
.oParamsMeals {
  position: relative;
  width: 110px;
  margin: 0;
  padding: 5px 0 0 0;
  color: #2e3133;
  line-height: 16px;
}

.oParams p > span,
.oParamsMeals > span {
  overflow: hidden;
  position: absolute;
  left: 100%;
  top: 5px;
  padding-left: 5px;
  color: #1b5172;
  font-family: "robotobold";
  white-space: nowrap;
}

.oParams dl {
  display: inline-block;
  width: 100%;
  margin: 0;
  line-height: 21px;
}

.oParams dl dd {
  float: left;
  width: 53%;
  color: #1782c4;
  font-family: "robotobold";
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.oParams dl dt {
  float: left;
  clear: both;
  width: 110px;
  font-family: "robotoregular";
  color: #1782c4;
}

.bullets h3 {
  margin: 0;
  font-weight: normal;
  position: relative;
  font-size: 14px;
  font-family: "robotoregular";
}

.oParams h4 {
  margin: 0;
  font-size: 14px;
  font-family: "robotobold";
  overflow: hidden;
  color: #1b5172;
  white-space: nowrap;
  font-weight: normal;
}

.oParams h2 {
  margin: 0;
  font-size: 14px;
  font-family: "robotobold";
  overflow: hidden;
  color: #1b5172;
  white-space: nowrap;
  font-weight: normal;
  line-height: 16px;
  text-overflow: ellipsis;
}

ul.bullets {
  margin-top: 4px;
  margin-bottom: 0;
  padding: 0;
}

ul.bullets li {
  position: relative;
  padding: 0 0 6px 15px;
  margin: 0;
  color: #1b5172;
}

ul.bullets li:before {
  left: 0;
  top: 6px;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  display: block;
  background-color: #1b5172;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkitborder-radius: 3px;
}

ul.bullets > div:last-child {
  padding-left: 10px;
}

ul.bullets div {
  display: inline-block;
  vertical-align: top;
  width: 48%;
}

.filtersContainer {
  background-color: #f5f5f5;
  margin: 0 0 20px;
  padding: 15px 0;
}

.filters-row {
  padding: 0 10px;
}

.filtersContainer label,
#form-search-home .formRow li > label {
  font-size: 12px;
  font-weight: normal;
  font-family: "robotoregular";
  color: #1b5172;
  position: relative;
  display: block;
}

.filterCell {
  float: left;
  padding: 0 0 0 10px;
  width: 150px;
}

.filterCellDouble {
  width: 310px;
}

.filterCellDouble label {
  display: block;
}

.filterCell p {
  display: inline-block;
  width: 71px;
  margin: 0;
}

.filterCell p:last-child {
  float: right;
}

.filterCell .tri {
  width: auto;
}

.filterCell .tri:last-child input {
  margin-right: 0;
}

.filterCell p input {
  width: 50px;
}

.filters-row .filterCell p input {
  width: 45px;
  padding-left: 5px;
}

.filters-row .filterCell .tri input {
  width: 20px;
  margin-right: 3px;
}

.upgradeHeader {
  padding-top: 20px !important;
  min-height: 40px !important;
}

.offerUpgradeContainer {
  display: inline-table;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin-bottom: 0px;
}

.offerUpgradeContainer .offerUpgradeElement {
  display: table-row;
}

.offerUpgradeContainer .offerUpgradeElement div {
  display: table-cell;
  padding-bottom: 15px;
}

.offerUpgradeContainer .offerUpgradeElement div:nth-child(even) {
  padding-left: 10px;
}

.offerUpgradeContainer .offerUpgradeElement div:nth-child(1) {
  width: 40px;
}

.offerUpgradeContainer .offerUpgradeElement div:nth-child(2) {
  width: 29%;
}

.offerUpgradeContainer .offerUpgradeElement div:nth-child(6) {
  text-align: right;
  padding-left: 0px;
  width: 12%;
}

.offerUpgradeContainer .offerUpgradeElement div:nth-child(3) {
  width: 80px;
}

.offerUpgradeContainer .offerUpgradeElement div:nth-child(4) {
  width: auto;
}

.offerUpgradeContainer .offerUpgradeElement div:nth-child(5) {
  width: auto;
}

.offerUpgradeContainer .offerUpgradeElement div:nth-child(6) {
  text-align: right;
  width: 82px;
}

.offerUpgradeContainer .offerUpgradeElement div:nth-child(7) {
  width: 135px;
  padding-left: 35px;
}

#offerUpgradeSelector {
  color: #1782c4;
  padding: 0px 14px 0px 14px;
  clear: both;
  background-color: #fff;
  border: 1px solid #1782c4;
  box-sizing: border-box;
}

#offerUpgradeSelector:before {
  content: " ";
  display: table;
}

#offerUpgradeSelector:after {
  content: " ";
  display: table;
}

.rangeSlider {
  margin-top: 15px;
}

.noUi-horizontal .noUi-handle {
  margin-top: 1px;
  width: 9px;
  height: 9px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #009ade;
  box-shadow: 0 0 0;
  border: 0;
}

.noUi-handle:after,
.noUi-handle:before {
  display: none;
}

.noUi-base {
  height: 3px;
  background-color: #e1e1e1;
  border-top: 1px solid #cbcbcb;
}

.noUi-target {
  border: 0;
  box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.noUi-connect,
.noUi-background {
  background-color: transparent;
  box-shadow: none;
}

.noUi-horizontal {
  height: 3px;
}

.noUi-horizontal .noUi-handle-upper {
  left: -5px;
  height: 12px;
  width: 12px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  margin-top: 0;
}

.noUi-horizontal .noUi-handle-lower {
  left: -4px;
}

span.valLow,
span.valHigh {
  padding-top: 3px;
  float: left;
  font-size: 12px;
  color: #1b5172;
}

span.valHigh {
  float: right;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* loading spin */
#circularG {
  position: relative;
  width: 128px;
  height: 128px;
}

#circularG .text-wrap,
#circularGterms .text-wrap {
  font-size: 0.8em;
  vertical-align: middle;
  height: 100%;
  position: relative;
  text-align: center;
  color: #105a87;
}

.circular-text-wrap {
  width: 100%;
  font-size: 1.5em;
  vertical-align: middle;
  height: 100%;
  position: relative;
  text-align: center;
  color: #105a87;
  display: inline-block;
}

.circular-text-wrap .text {
  display: inline-block;
  max-width: 400px;
  word-wrap: break-word;
  text-align: center;
}

#circularGterms .text-wrap .text {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#circularG .text-wrap .text {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#circularGterms {
  position: relative;
  width: 128px;
  height: 128px;
}

.circularG {
  position: absolute;
  background-color: #99afdb;
  width: 29px;
  height: 29px;
  -moz-border-radius: 19px;
  -moz-animation-name: bounce_circularG;
  -moz-animation-duration: 1.04s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -webkit-border-radius: 19px;
  -webkit-animation-name: bounce_circularG;
  -webkit-animation-duration: 1.04s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -ms-border-radius: 19px;
  -ms-animation-name: bounce_circularG;
  -ms-animation-duration: 1.04s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -o-border-radius: 19px;
  -o-animation-name: bounce_circularG;
  -o-animation-duration: 1.04s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  border-radius: 19px;
  animation-name: bounce_circularG;
  animation-duration: 1.04s;
  animation-iteration-count: infinite;
  animation-direction: linear;
}

#circularG_1,
#circularG_1a {
  left: 0;
  top: 50px;
  -moz-animation-delay: 0.39s;
  -webkit-animation-delay: 0.39s;
  -ms-animation-delay: 0.39s;
  -o-animation-delay: 0.39s;
  animation-delay: 0.39s;
}

#circularG_2,
#circularG_2a {
  left: 14px;
  top: 14px;
  -moz-animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
  -ms-animation-delay: 0.52s;
  -o-animation-delay: 0.52s;
  animation-delay: 0.52s;
}

#circularG_3,
#circularG_3a {
  top: 0;
  left: 50px;
  -moz-animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
  -ms-animation-delay: 0.65s;
  -o-animation-delay: 0.65s;
  animation-delay: 0.65s;
}

#circularG_4,
#circularG_4a {
  right: 14px;
  top: 14px;
  -moz-animation-delay: 0.78s;
  -webkit-animation-delay: 0.78s;
  -ms-animation-delay: 0.78s;
  -o-animation-delay: 0.78s;
  animation-delay: 0.78s;
}

#circularG_5,
#circularG_5a {
  right: 0;
  top: 50px;
  -moz-animation-delay: 0.91s;
  -webkit-animation-delay: 0.91s;
  -ms-animation-delay: 0.91s;
  -o-animation-delay: 0.91s;
  animation-delay: 0.91s;
}

#circularG_6,
#circularG_6a {
  right: 14px;
  bottom: 14px;
  -moz-animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  -ms-animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
  animation-delay: 1.04s;
}

#circularG_7,
#circularG_7a {
  left: 50px;
  bottom: 0;
  -moz-animation-delay: 1.17s;
  -webkit-animation-delay: 1.17s;
  -ms-animation-delay: 1.17s;
  -o-animation-delay: 1.17s;
  animation-delay: 1.17s;
}

#circularG_8,
#circularG_8a {
  left: 14px;
  bottom: 14px;
  -moz-animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
  -ms-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

@-moz-keyframes bounce_circularG {
  0% {
    -moz-transform: scale(1);
  }

  100% {
    -moz-transform: scale(0.3);
  }
}

@-webkit-keyframes bounce_circularG {
  0% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.3);
  }
}

@-ms-keyframes bounce_circularG {
  0% {
    -ms-transform: scale(1);
  }

  100% {
    -ms-transform: scale(0.3);
  }
}

@-o-keyframes bounce_circularG {
  0% {
    -o-transform: scale(1);
  }

  100% {
    -o-transform: scale(0.3);
  }
}

@keyframes bounce_circularG {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.3);
  }
}

#circularG {
  margin: 60px auto 0;
}

#circularGterms {
  margin: 60px auto 0;
}

#sorter {
  display: none;
}

#first_step_tab {
  clear: both;
}

/* loading spin end*/
.simpleAccordion > li > h5 {
  list-style: none;
  color: #1b5172;
  height: 38px;
  background-color: #f6f6f6;
  font-size: 17px;
  font-weight: normal;
  line-height: 38px;
  font-family: robotoregular;
  padding-left: 10px;
  cursor: pointer;
  margin: 0;
}

.simpleAccordion > li > h5:hover {
  opacity: 0.7;
  font-weight: bold;
}

.simpleAccordion {
  padding: 0;
}

.simpleAccordion > li > div {
  display: none;
}

.simpleAccordion table {
  width: 90%;
  margin-left: 30px;
}

.simpleAccordion > li.active > div {
  display: block;
}

.simpleAccordion > li > h5 > a {
  display: inline-block;
  width: 88%;
}

.simpleAccordion > li > h5 > span {
  font-size: 10px;
}

.simpleAccordion > li {
  display: block;
  clear: both;
  overflow: hidden;
  margin-bottom: 5px;
  border-bottom: 2px solid #dee5ec;
}

.simpleAccordion > li > div.countryheader {
  list-style: none;
  color: #1b5172;
  height: 38px;
  font-size: 17px;
  font-weight: normal;
  line-height: 38px;
  font-family: robotoregular;
  padding-left: 10px;
  cursor: pointer;
  margin: 0;
  display: block;
}

.simpleAccordion > li > div.countryheader > span {
}

.simpleAccordion > li > div.countryheader > h2 {
  font-size: 17px;
  float: left;
  width: auto;
  margin: 0;
  margin-right: 20px;
  font-weight: bold;
  line-height: 38px;
}

.simpleAccordion > li > div.countryheader > h2:hover {
  opacity: 0.7;
  font-weight: bold;
}

.simpleAccordion > li > div.countryheader > h2 > a {
  color: #1b5172;
}

.simpleAccordion > li > div.countryheader > h5 > a:hover {
  text-decoration: none;
}

.simpleAccordion > li > div.countryheader > ul.hregionslist {
  float: left;
  margin: 0;
}

.simpleAccordion > li.active > div.countryheader > ul.hregionslist {
  display: none;
}

.simpleAccordion > li > div.countryheader > ul.hregionslist > li {
  display: inline;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}

.simpleAccordion > li > div.countryheader > ul.hregionslist > li > a {
  color: #1b5172;
}

.simpleAccordion > li > div.countryheader > div.arrow-accordion {
  padding-left: 13px;
  padding-right: 15px;
  height: 38px;
  background: url("/img/new/down.png") center left no-repeat;
  float: right;
  color: #029bd8;
  font-size: 12px;
}

.simpleAccordion > li > div.countryheader > div.empty {
  opacity: 0;
}

.simpleAccordion > li.active > div.countryheader > div.arrow-accordion {
  background: url("/img/new/up.png") center no-repeat;
}

.simpleAccordion > li > div.countryheader > div.price {
  width: auto;
  height: 100%;
  float: right;
  text-align: right;
}

.simpleAccordion > li > div.countryheader > div.price > div.pln {
  font-size: 12px;
  line-height: 12px;
  display: none;
}

.simpleAccordion > li > div.countryheader > div.price > div.euro {
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  margin-top: 10px;
}

.simpleAccordion > li > div.vregionslist > ul {
  padding-left: 20px;
  padding-right: 20px;
}

.simpleAccordion > li > div.vregionslist > ul > li {
  line-height: 25px;
  border-bottom: 1px solid #f6f6f6;
  overflow: hidden;
}

.simpleAccordion > li > div.vregionslist > ul > li:last-child {
  border: none;
}

.simpleAccordion > li > div.vregionslist > ul > li > h3 > a {
  color: #1b5172;
  margin-left: 10px;
  font-size: 14px;
  font-weight: normal;
}

.simpleAccordion > li > div.vregionslist > ul > li > h3 {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-flex;
}

.simpleAccordion > li > div.vregionslist > ul > li > h3 > a:hover {
  opacity: 0.5;
  text-decoration: none;
}

.simpleAccordion > li > div.vregionslist > ul > li > div.price {
  float: right;
  margin-right: 2px;
}

.simpleAccordion > li > div.vregionslist > ul > li > div.price > div.pln {
  float: right;
  width: 75px;
  text-align: right;
  color: #1b5172;
  opacity: 0.5;
  display: none;
}

.simpleAccordion > li > div.vregionslist > ul > li > div.price > div.euro {
  float: right;
  text-align: right;
  color: #1b5172;
  text-align: left;
  color: #1b5172;
  margin-right: 5px;
  white-space: nowrap;
}

.countryheader .hregionslist {
  clear: both;
}

header.regionsHeader,
header.countriesHeader {
  height: 42px;
  border-bottom: none;
  padding: 0;
  position: relative;
  margin-bottom: 0px;
}

header.countriesHeader {
  margin-bottom: 10px;
}

header.regionsHeader > ul,
header.countriesHeader > ul {
  display: table;
}

header.countriesHeader > ul {
  background: #f5f5f5;
}

.tab-content {
  /*  display: none;*/
}

.tab-content.active {
  display: inherit;
}

ul.regionsHeader > li,
ul.countriesHeader > li,
ul.countriesHeader > a > li {
  display: table-cell;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #f5f5f5;
  margin-right: 2px;
  margin-left: 0;
  border-bottom: none;
  padding: 0 20px;
  white-space: nowrap;
}

ul.countriesHeader > li,
ul.countriesHeader > a > li {
  top: 0px;
  display: inline-block;
  margin-right: 0px;
}

ul.regionsHeader > li:hover,
ul.countriesHeader > li:hover,
ul.countriesHeader > a > li:hover {
  background: #1782c4;
  cursor: pointer;
  border-bottom: none;
  color: #ffffff;
}

ul.regionsHeader > li.active,
ul.countriesHeader > li.active,
ul.countriesHeader > a > li.active {
  background: #b7ca19;
  color: #ffffff;
}

ul.regionsHeader > li.active:hover,
ul.countriesHeader > li.active:hover {
  opacity: 0.9;
}

div.showAllRegions {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 2px solid #f5f5f5;
  position: absolute;
  bottom: 0;
  color: #1782c4;
  font-size: 12px;
}

div.showAllRegions:hover {
  cursor: pointer;
  text-decoration: underline;
}

h2.contact {
  font-weight: normal;
  color: #1b5172;
  border-bottom: solid #f5f5f5 5px;
  padding: 8px 10px;
}

div.contactdata {
  width: 210px;
  height: auto;
  float: left;
  padding-left: 5px;
  margin-bottom: 30px;
}

div.contactdata > h3 {
  font-weight: 600;
  color: #1782c4;
  font-size: 15px;
  margin-bottom: 5px;
  margin-top: 20px;
}

div.contactdata > p {
  font-size: 13px;
  color: #1b5172;
  margin-top: 5px;
}

div.contactdata > table {
  width: 237px;
  height: auto;
  border: none;
  text-align: left;
  vertical-align: middle;
  color: #1b5172;
}

div.contactdata > table > tr > td {
  height: 20px;
}

div.contactdata > table > tr > td:first-child {
  width: 107px;
}

div.contactdata > table > tr > td:last-child {
  width: 125px;
}

div.contactdata > table a {
  color: #1b5172;
}

div.contact-form {
  height: auto;
  background: #f4f4f4;
  padding: 20px;
  margin-bottom: 30px;
  margin-top: 25px;
  margin-left: 250px;
}

#ZapytaniaContactForm .captcha {
  float: right;
  width: 300px;
}

#ZapytaniaContactForm #ZapytaniaCaptcha {
  width: 220px;
  float: left;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
  padding: 10px;
  margin: 0 2% 2% 0;
  float: left;
}

.contact-form input[type="text"][placeholder],
.contact-form input[type="email"][placeholder],
.contact-form input[type="tel"][placeholder],
.contact-form textarea[placeholder] {
  color: #1782c4;
}

.contact-form textarea {
  width: 90.5%;
  min-height: 142px;
}

input[type="checkbox"] {
  display: none;
}

div.chbx {
  float: left;
  width: 42%;
  height: auto;
}

div.chbx.newsletter {
  width: 100%;
  margin-bottom: 30px;
}

div.newsletterCheckbox {
  width: 88.5%;
  height: auto;
  float: right;
  font-size: 11px;
  color: #1b5172;
}

div.chbx > label > span,
input[type="checkbox"] ~ label > span {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #e1e1e1;
  float: left;
  cursor: pointer;
  background: #ffffff;
  margin-right: 2%;
}

input[type="checkbox"]#newsletterCheckbox:checked + label span,
input[type="checkbox"].chbx:checked + label span,
input[type="checkbox"]:checked + label > span {
  background: #ffffff url("/images/chbxchecked.png") center no-repeat;
}

div.captchaImg {
  float: left;
  width: 115px;
  margin-bottom: 17px;
}

button.captchaRefresh {
  width: 37px;
  height: 37px;
  border: none;
  background: url("/img/new/captcharefresh.png") center no-repeat, #ffffff;
}

#ZapytaniaContactForm button.captchaRefresh {
  margin-top: 30px;
  background-color: transparent;
}

.contact-form div.captchaImg {
  width: auto;
}

.captLabel {
  padding-bottom: 5px;
  text-align: left;
}

div.captchaImg img {
  display: block;
  width: 100%;
}

button.default-button.contact {
  float: left;
  width: 42%;
  margin-top: 10px;
}

#captcha {
  width: 85px;
  height: 30px;
  border: 1px solid #029bd8;
  float: right;
  padding: 1px 5px;
  box-sizing: border-box;
}

.captcha .input input {
  float: right;
}

div.description {
  margin: 10px 0 0 15px;
}

div.description > h3 {
  font-weight: 800;
  margin: 20px 0;
  color: #186fa5;
}

div.description > h4 {
  margin: 20px 0 10px 0;
  font-weight: 400;
  color: #186fa5;
}

div.description > p {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  color: #444;
  text-align: justify;
}

div.description > ul li {
  padding-left: 10px;
}

div.description > ul li:before {
  content: "-";
  position: relative;
  left: -10px;
}

div.description > ol {
  list-style-type: lower-latin;
}

div.description > ul.no-list-style li:before {
  content: "";
  left: 0;
}

.with-insurance {
  display: none;
}

input[type="radio"] {
  display: none;
}

input[type="radio"] + label > span {
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 6px;
  background: #ffffff;
  float: left;
  margin-top: 3px;
  cursor: pointer;
  border: 1px solid #e1e1e1;
}

input[type="radio"]:checked + label > span {
  background: #ffffff url("/images/radio.png") center no-repeat;
}

input[type="radio"].form-error + label > span {
  border: 1px solid #fb5151;
}

table.news_content {
  margin: 30px 0;
}

table.news_content > tbody > tr:nth-child(even) {
  background: #e6f7f9;
}

table.news_content > tbody > tr:nth-child(odd) {
  background: #fff;
}

table.news_content > tbody > tr > td {
  padding: 10px;
  vertical-align: top;
}

table.news_content > tbody > tr > td > p {
  margin: 0;
}

div.width100 {
  width: 100%;
  height: auto;
}

table.width100 {
  width: 100%;
}

div.width100:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}

div.paginator {
  margin-left: 50%;
  width: auto;
  float: left;
}

div.paginator-wrapper {
  width: 100%;
  margin-left: -50%;
}

a.back-button {
  margin-top: 30px;
  display: block;
}

div.list-header-charter {
  margin: 30px 0 0 0;
  padding: 8px 10px;
  background-color: #f5f5f5;
}

div.list-header-charter > div {
  width: 100%;
}

div.list-header-charter > div > div {
  float: left;
}

div.offer {
  padding: 0 10px;
}

div.offer > div {
  float: left;
  height: auto;
  min-height: 10px;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2,
.col-xs-4 {
  width: 16.66667%;
}

.col-xs-1 {
  width: 8.3333%;
}

div.charter-check-offer {
  width: 100%;
}

div.charter-check-offer a.default-button {
  width: 150px;
  height: 23px;
  float: right;
  display: block;
  padding: 0px 0px 0 7px;
  font-size: 13px;
  line-height: 23px;
  text-align: left;
  text-indent: initial;
  margin-right: 10px;
  margin-bottom: 1px;
}

div.charter-check-offer a.default-button:after {
  top: 5px;
}

div.charter-check-offer a.default-button img {
  display: none;
}

div.item {
  height: auto;
  border-bottom: 3px solid #f5f5f5;
  color: #1b5172;
}

div.item:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}

div.item div.col-xs-3 {
  font-weight: 100;
}

div.item img {
  height: 30px;
  display: block;
}

div.clipboardItem {
  margin-bottom: 3px;
  display: table;
  width: 100%;
}

div.clipFlightDetailsText,
div.clipFlightDetails,
div.clipFlightHeaderAirports {
  display: table-row;
  width: 100%;
}

div.clipFlightClearfix {
  display: block;
  margin-left: 10px;
  width: 100%;
}

li.ClipboardElement .clipFlightDetailsText {
  font-size: 17px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 20px;
  display: inline-block;
  color: #1782c4;
}

div.clipFlightDetails,
div.clipFlightDetailsText {
  text-align: center;
}

.clipFlightDetails table {
  width: 100%;
}

.clipFlightClearfix dd {
  font-weight: bold;
}

li.ClipboardElement .clipFlightDetails thead {
  border-bottom: 1px solid #1782c4;
}

li.ClipboardElement div.charter-check-offer {
  margin-top: 20px;
  border-bottom: 2px solid #1782c4;
  padding-bottom: 15px;
}

li.ClipboardElement .clipFlightHeaderAirports {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  background-color: #1782c4;
  margin-bottom: 10px;
  height: 30px;
}

li.ClipboardElement .clipFlightHeaderAirports span {
  vertical-align: middle;
}

.upgradeMainHeader {
  color: #1782c4;
  font-size: 21px;
}

span.orange {
  display: block;
  font-weight: 800;
  color: #f27c09;
}

span.emphasis {
  display: block;
  padding-top: 4px;
  font-weight: 100;
}

span.time {
  display: block;
}

div.charter-price {
  text-align: right;
}

span.price.orange {
  display: block;
  background: #f5f5f5;
  padding: 0 10px;
  font-size: 14px;
  line-height: 36px;
  float: right;
}

div.charter {
  font-family: "robotoregular";
  border-bottom-width: 1px;
}

div.charter span.price.orange {
  background: none;
  font-family: "robotobold";
  font-size: 20px;
  line-height: 24px;
  padding: 0px;
}

.charterPersonPrice,
.price .priceEurFix {
  font-size: 16px;
  font-weight: bold;
}

.charterPersonPricePln,
.price .pricePlnFix {
  font-size: 12px;
  font-weight: normal;
}

span.perPers {
  display: block;
  text-align: right;
  position: relative;
  float: right;
  font-size: 11.8999996185303px;
}

div.iconDescription {
  position: absolute;
  z-index: 10;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  bottom: 30px;
  width: 760px;
  display: none;
  left: 95px;
  bottom: 100%;
}

.faciHead {
  position: relative;
}

i.helpIcon:hover + div.iconDescription {
  display: block;
}

div.iconContainer {
  background: #ffffff;
  padding: 10px;
  line-height: 22px;
  height: auto;
}

div.iconContainer:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}

div.arrow {
  position: absolute;
  height: 8px;
  width: 100%;
  min-width: 14px;
  bottom: 0;
}

div.iconContainer > div {
  float: left;
  margin: 1px 20px 7px 10px;
}

div.iWrap {
  float: left;
  margin-right: 7px;
  width: 39px;
  height: 22px;
}

div.iWrap > i {
  float: right;
  margin: 0;
}

div.iconContainer span {
  float: left;
  display: block;
  width: 107px;
  font-size: 12px;
}

.iconFacil-1b {
  /*przy plaży*/
  background-position: -112px top;
  width: 28px;
}

.iconFacil-2b {
  /*dla dzieci*/
  background-position: -468px top;
}

.iconFacil-3b {
  /*wellness*/
  background-position: -518px top;
  width: 18px;
}

.iconFacil-4b {
  /*basen odkryty*/
  background-position: -165px top;
  width: 21px;
}

.iconFacil-5b {
  /*sporty wodne*/
  background-position: -207px top;
  width: 39px;
}

.iconFacil-6b {
  /*sporty drużynowe*/
  background-position: -615px top;
  width: 22px;
}

.iconFacil-7b {
  /*rowery i spacery*/
  background-position: -365px top;
  width: 23px;
}

.iconFacil-8b {
  /*golf*/
  background-position: -415px top;
  width: 23px;
}

.iconFacil-9b {
  /*konie*/
  background-position: -314px top;
  width: 25px;
}

.iconFacil-10b {
  /*Fitness*/
  background-position: -62px top;
}

.iconFacil-11b {
  /*tenis*/
  background-position: -568px top;
  width: 21px;
}

.iconFacil-12b {
  /*nurkowanie*/
  background-position: -259px top;
  width: 36px;
}

.iconFacil-13b {
  /*basen kryty*/
  background-position: -712px top;
}

.iconFacil-14b {
  /*zajecia animacyjne*/
  background-position: -663px top;
}

.iconFacil-15b {
  /*dyskoteka*/
  background-position: -762px top;
}

.iconFacil-16b {
  /*Wifi free*/
  background-position: -11px top;
}

.iconFacil-17b {
  /*tylko dla dorosłych*/
  background-position: -812px top;
}

.iconFacil-18b {
  /*kuchenka*/
  background-position: -1416px top;
}

.iconFacil-19b {
  /*klimatyzacja*/
  background-position: -1314px top;
}

.iconFacil-20b {
  /*TV/Sat*/
  background-position: -1364px top;
}

.iconFacil-21b {
  /*internet*/
  background-position: -1014px top;
}

.iconFacil-22b {
  /*widok na morze*/
  background-position: -2514px top;
}

.iconFacil-23b {
  /*AGD/RTV*/
  background-position: -1460px top;
}

.iconFacil-24b {
  /*kominek*/
  background-position: -1060px top;
}

.iconFacil-25b {
  /*w centrum*/
  background-position: -2664px top;
  width: 40px;
}

.iconFacil-26b {
  /*bezpośredni przy plaży*/
  background-position: -2706px top;
}

.iconFacil-27b {
  /*spokojna lokalizacja*/
  background-position: -2856px top;
}

.iconFacil-28b {
  /*plaża piaszczysta*/
  background-position: -2756px top;
  width: 37px;
}

.iconFacil-29b {
  /*plaża żwirowa*/
  background-position: -2806px top;
  width: 37px;
}

.iconFacil-30b {
  /*życie nocne*/
  background-position: -2606px top;
}

.iconFacil-31b {
  /*region nadmorski*/
  background-position: -2556px top;
}

.iconFacil-32b {
  /*bez paszportu*/
  background-position: -852px top;
  width: 44px;
}

.iconFacil-33b {
  /*blisko stoku*/
  background-position: -2210px top;
}

.iconFacil-34b {
  /*ski region*/
  background-position: -2060px top;
}

.iconFacil-35b {
  /*blisko lotniska*/
  background-position: -1206px top;
}

.iconFacil-36b {
  /*charakter klubowy*/
  background-position: -1260px top;
}

.iconFacil-37b {
  /*bungalow*/
  background-position: -1510px top;
}

.iconFacil-38b {
  /*dla niepełnosprawnych*/
  background-position: -1160px top;
}

.iconFacil-39b {
  /*apartament*/
  background-position: -1560px top;
}

.iconFacil-40b {
  /*city break*/
  background-position: -2456px top;
}

.iconFacil-41b {
  /*wypożyczalnia sprzętu zimowego*/
  background-position: -2160px top;
}

.iconFacil-42b {
  /*gay only/friendly*/
  background-position: -910px top;
}

.iconFacil-43b {
  /*animacje dla dorosłych*/
  background-position: -2410px top;
}

.iconFacil-44b {
  /*parking*/
  background-position: -960px top;
}

.iconFacil-45b {
  /*dla rodzin z dziećmi*/
  background-position: -1110px top;
}

.iconFacil-46b {
  /*beauty farm*/
  background-position: -1662px top;
}

.iconFacil-47b {
  /*masaże*/
  background-position: -1612px top;
  width: 28px;
}

.iconFacil-48b {
  /*Ayurveda*/
  background-position: -1759px top;
}

.iconFacil-49b {
  /*Thalasso*/
  background-position: -1712px top;
}

.iconFacil-50b {
  /*zjeżdżalnia wodna*/
  background-position: -2260px top;
}

.iconFacil-51b {
  /*plac zabaw*/
  background-position: -2310px top;
}

.iconFacil-52b {
  /*mini club*/
  background-position: -2360px top;
}

.iconFacil-53b {
  /*Windsurfing*/
  background-position: -1858px top;
}

.iconFacil-54b {
  /*sport*/
  background-position: -1960px top;
}

.iconFacil-55b {
  /*sporty zimowe*/
  background-position: -2110px top;
}

.iconFacil-56b {
  /*Nordic walking*/
  background-position: -2010px top;
}

.iconFacil-57b {
  /*minigolf*/
  background-position: -1910px top;
}

.iconFacil-58b {
  /*żeglarstwo*/
  background-position: -1812px top;
}

.offer-red {
  margin-right: 10px;
  font-weight: 800;
}

form#ReservationForm input[type="radio"] ~ label > span {
  margin-top: 5px;
  margin-right: 5px;
}

div.reservationMessage {
  background: #1782c4;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  padding: 25px 25px;
  width: 70%;
  margin: auto;
  text-align: center;
  margin-top: 70px;
}

div.reservationMessage > strong {
  font-size: 16px;
}

div.reservationDetails {
  width: 100%;
  height: auto;
  margin-top: 50px;
}

div.reservationDetails:after,
div.reservationDetails > div.row:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}

div.reservationDetails > div.row {
  width: 100%;
  margin-bottom: 15px;
}

div.reservationCell {
  float: left;
  text-align: center;
  margin-right: 2px;
  margin-bottom: 2px;
  padding: 0;
  border: none;
}

div.reservationCell > header {
  background: #1782c4;
  color: #ffffff;
  padding: 10px 15px;
  height: 19px;
}

div.reservationCell > div {
  border: #1782c4 1px solid;
  padding: 15px;
  height: 21px;
}

div.reservationDetails > h3 {
  color: #186fa5;
}

#ReservationFormAgreementCheckbox {
  left: 22px;
  display: block;
  z-index: -5;
  opacity: 0;
}

div#show {
  cursor: pointer;
}

div.gallery-tab {
  width: 100%;
  height: auto;
  clear: both;
  margin-top: 30px;
  max-height: 2000px;
  overflow-y: auto;
  font-size: 0;
}

div.gallery-tab:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}

.available {
  background: #f1ffee;
}

.unavailable {
  background: #ffd5d6;
}

.red {
  position: absolute;
  bottom: 1px;
  right: 0;
  height: 23px;
  line-height: 23px;
  font-size: 13px;
  font-family: "robotoregular";
  font-weight: normal;
  width: 140px;
  padding: 0 0 0 7px;
  text-indent: 0;
  display: block;
  text-align: left;
  background-color: #e04c4c;
  color: white;
}

.redFix {
  position: inherit;
  width: 135px;
  text-decoration: none !important;
}

.sliderWrapper {
  display: table;
  position: fixed;
  right: 0;
  top: 155px;
  z-index: 10;
}

.sliderBtn {
  float: left;
  background: #029bd8 url("/img/new/opinie_o_stronie.png") center center no-repeat;
  border: none;
  height: 375px;
  width: 45px;
  margin: 0px;
  padding: 0px;
  outline: none;
}

#sliderPanel {
  color: #029bd8;
  border: 2px solid #029bd8;
  display: none;
  float: right;
  text-align: justify;
  width: 250px;
  height: 375px;
  background-color: #ffffff;
  border-width: 1px;
  padding: 0 10px;
}

.opinionMessage {
  display: none;
  text-align: center;
  padding-top: 120px;
}

#shareOpinionEmail,
#shareOpinionText {
  border-color: #029bd8;
  border-style: solid;
  border-width: 1px;
  display: block;
  margin-top: 3px;
  margin-bottom: 5px;
  width: 100%;
  resize: none;
}

#shareOpinionEmail {
  height: 25px;
  padding: 0 5px;
  line-height: 25px;
  width: 240px;
}

#shareOpinionText {
  height: 105px;
  padding: 5px;
  width: 240px;
}

#sliderPanel > strong {
  margin: 0;
  padding: 10px 0 7px;
  font-style: italic;
  display: block;
  font-size: 13px;
}

.greenBorderColour {
  border-color: #adbf1b !important;
}

.redBorderColour {
  border-color: #ff4d4d !important;
}

button.actual-page {
  font-weight: bold;
}

#filters-block.filter .filterCell.filterCellDouble label {
  display: inline;
}

.childrenAge label {
  margin-left: 11px;
}

#filters-block.filter .filterCell .input-daterange span {
  width: 44%;
  float: left;
}

#filters-block.filter .filterCell .input-daterange span:first-child {
  margin-left: 4px;
}

#filters-block.filter .filterCell .input-daterange input {
  cursor: pointer;
}

#filters-block.filter .childrenAge > span:last-child {
  margin-right: 0;
}

#filters-block.filter .ddCheckboxBlock {
  width: 248px;
  height: 200px;
  top: 32px;
  color: #1782c4;
}

#filters-block.filter .customOptions {
  top: 35px;
}

#filters-block.filter .filterCell > div label,
#form-search-home .airport li > label {
  color: #1782c4;
  font-size: 12px;
  font-family: "robotoregular";
}

#filters-block.filter .filterCell > div > label {
  color: #1b5172;
}

#filters-block.filter .ddCheckboxBlock,
#form-search-home .ddCheckboxBlock {
  overflow-y: hidden;
}

#form-search-home .checkBoxList {
  overflow: hidden;
}

.ddCheckboxBlock .airport {
  margin-bottom: 20px;
}

.checkBoxList.airport:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
}

#filters-block.filter .ddCheckboxBlock.selectBox,
.selectBox {
  height: auto;
  max-height: 380px;
  z-index: 7;
  padding-bottom: 40px;
  padding-top: 30px;
}

#filters-block.filter .ddCheckboxBlock.selectBox.udogodnienia,
.selectBox.udogodnienia {
  max-height: 420px;
  overflow-y: auto;
}

#filters-block.filter .ddCheckboxBlock.selectBox.dayQuantity,
.selectBox.dayQuantity {
  overflow: hidden;
}

.selectBox .overflow {
  overflow-y: auto;
  max-height: 357px;
  width: 100%;
  padding-left: 0;
}

.selectBox .airport,
#form-search-home .selectBox .airport {
  height: 380px;
  overflow-y: auto;
}

.selectBox .airport ul {
  margin: 0px 10px 8px;
  padding-left: 0px;
}

.selectBox .airport li {
  padding: 3px 10px 3px 0;
}

.selectBox .airport b {
  padding: 0px 0px 10px 20px;
  font-size: 12px;
}

.selectBox .airport strong {
  font-weight: 800;
}

.selectBox.food ul {
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1;
}

.selectBox.org ul,
.udogodnienia ul {
  margin: 0px 10px 8px 10px;
  padding-left: 10px;
}

.selectBox.org b,
.udogodnienia b {
  padding: 0 0 10px 20px;
}

.selectBox.dayQuantity ul {
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1;
  margin: 0 0 10px 0;
}

.selectBox.dayQuantity ul li:last-child label {
  float: left;
}

.selectBox ul li label {
  display: inline-block;
}

.selectBox .default-button {
  width: 100px;
  float: right;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  margin: 0 2px 2px 0;
  position: absolute;
  bottom: 2px;
  right: 2px;
}

.selectBox .airport + .default-button {
  position: absolute;
  bottom: 2px;
  right: 2px;
}

.selectBox.dayQuantity .default-button {
  width: 90px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.selectBox .default-button:after {
  top: 8px;
}

.selectBox .close {
  float: right;
  background: #adbf1b;
  width: 25px;
  height: 25px;
  color: #ffffff;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
  margin: 2px 2px 10px 10px;
  position: absolute;
  right: 2px;
  top: 0;
  z-index: 5;
  font-size: 11px;
}

.selectBox .close:hover {
  background: #1b5172;
}

.checkBoxList b {
  color: #1782c4;
}

input.durationText {
  width: 37px;
  text-align: center;
  margin-right: 7px;
  padding: 0;
  border: 1px solid #e1e1e1;
  float: left;
}

input.durationText:nth-child(odd) {
  margin-right: 0;
}

.tripDetailsTable {
  width: 97%;
}

.dateDisplay {
  width: 100%;
  height: 32px;
  margin-top: 5px;
  background: #ffffff;
  box-shadow: 0px 1px 1px #eee;
  border: 0px none;
  color: #009ade;
  cursor: pointer;
  position: relative;
}

li.customDays {
  line-height: 32px;
  overflow: hidden;
}

.dateDisplay > div {
  height: 32px;
  line-height: 32px;
  float: left;
  margin: 0 3px;
  background-color: #f5f5f5;
}

.datepickerWrapper {
  z-index: 8;
  width: 458px;
  position: relative;
  display: none;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #e1e1e1;
}

.datepickerWrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0px;
  line-height: 0;
}

.dateDisplay:hover + .datepickerWrapper,
.datepickerWrapper:hover {
  display: block;
}

.datepickerWrapper > div {
  float: left;
}

.datepickerWrapper .ui-datepicker {
  display: block;
}

textarea,
input {
  outline: none;
}

:-webkit-autofill {
  background-color: #ffffff !important;
}

.ui-datepicker .ui-datepicker-prev {
  background: url("/img/new/prev.png") center no-repeat;
  background-size: 50%;
}

.ui-datepicker .ui-datepicker-next {
  background: url("/img/new/next.png") center no-repeat;
  background-size: 50%;
}

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center;
}

.ui-state-active {
  color: #ffffff;
  background: #009ade;
}

.ui-datepicker {
  border: 1px solid #009ade;
  padding: 0;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0;
  border-bottom: 1px solid #009ade;
}

.ui-datepicker-unselectable a,
.ui-datepicker-unselectable span {
  color: rgba(82, 198, 1, 0.25);
  background: none;
}

.ui-datepicker th {
  color: #009ade;
}

.ui-datepicker .ui-datepicker-title {
  color: #009ade;
  font-size: 12px;
}

.ui-state-between {
  color: #009ade;
  background: rgba(0, 97, 222, 0.08);
}

#filters-block.filter .ui-datepicker {
  border: none;
  width: 229px;
}

#filters-block.filter .ui-datepicker table {
  width: 90%;
  margin: auto;
  margin-bottom: 0.5em;
}

#filters-block.filter .ui-datepicker .ui-datepicker-header {
  padding: 3px;
}

.datepickerHeader {
  width: 100%;
  height: 20px;
  background: #009ade;
  color: #ffffff;
  text-align: center;
  font-size: 11px;
  line-height: 20px;
}

.showTimesAndTables .overflow {
  overflow-y: auto;
  height: inherit;
}

.showTimesAndTables > .variantsContent th {
  background-color: #1782c4;
  color: #fff;
  font-weight: bold;
}

.showTimesAndTables > .variantsContent th select {
  background-color: #fff;
  color: #1782c4;
  border: 0;
  padding: 2px;
  margin-top: 2px;
}

.showTimesAndTables > .variantsContent h3 {
  padding-bottom: 10px;
  color: #1782c4;
}

.showTimesAndTables pre {
  display: none;
}

.showTimesAndTables > .variantsContent .vCol2 div,
.showTimesAndTables > .variantsContent .vCol3 div {
  width: 60px;
}

.showTimesAndTables > .variantsContent .vCol2 div input,
.showTimesAndTables > .variantsContent .vCol3 div input {
  width: 60px;
  border: none;
  border: none;
  background: none;
  color: #1782c4;
  cursor: pointer;
  background: url("/img/new/calendar.png") no-repeat 40px center;
  background-size: 23%;
}

.showTimesAndTables > .variantsContent .offerVariants div input::-webkit-input-placeholder {
  color: #1782c4;
}

.showTimesAndTables > .variantsContent .offerVariants div input:-moz-placeholder {
  color: #1782c4;
}

.showTimesAndTables > .variantsContent .offerVariants div input::-moz-placeholder {
  color: #1782c4;
}

.showTimesAndTables > .variantsContent .offerVariants div input:-ms-input-placeholder {
  color: #1782c4;
}

.showTimesAndTables > .variantsContent table input {
  height: 28px;
  line-height: 28px;
}

.showTimesAndTables > .variantsContent .ddCheckboxList .selectedOptions {
  background: none;
  height: 20px;
  line-height: 20px;
}

.showTimesAndTables > .variantsContent .currentOption {
  background-color: #fff;
}

.showTimesAndTables > .variantsContent .ddCheckboxList .selectedOptions:after,
.showTimesAndTables > .variantsContent .currentOption:after {
  background: url("/img/new/sprite.png") no-repeat scroll -17px 0 rgba(255, 255, 255, 0);
}

.showTimesAndTables > .variantsContent .vCol4 {
  width: 180px;
  white-space: nowrap;
}

.showTimesAndTables > .variantsContent .vCol7.accommodation {
  width: 40px;
}

.showTimesAndTables > .variantsContent .vCol8 {
  width: 330px;
}

.showTimesAndTables > .variantsContent .vCol7 {
  width: 200px;
}

.showTimesAndTables > .variantsContent .offerVariants td,
.showTimesAndTables > .variantsContent .offerVariants th {
  padding: 5px;
  vertical-align: top;
}

.showTimesAndTables > .variantsContent .offerVariants th div,
.showTimesAndTables > .variantsContent .offerVariants th span {
  text-align: left;
}

.showTimesAndTables > .variantsContent .offerVariants td.vCol8 div,
.showTimesAndTables > .variantsContent .offerVariants th.vCol8 div,
.showTimesAndTables > .variantsContent .offerVariants td.vCol8 span,
.showTimesAndTables > .variantsContent .offerVariants th.vCol8 span {
  /* text-align: center; */
}

.showTimesAndTables > .variantsContent .centerAlign {
  text-align: center !important;
}

.showTimesAndTables > .variantsContent .offerVariants td.vCol8 div,
.showTimesAndTables > .variantsContent .offerVariants td.vCol8 span,
.showTimesAndTables > .variantsContent .offerVariants td.vCol8 {
  /* text-align: right; */
}

.showTimesAndTables > .variantsContent .offerVariants td.vCol8 {
  padding: 10px 5px 15px 5px;
}

.showTimesAndTables > .variantsContent .offerVariants td.vCol8 .checkOfferButton {
  top: 55px;
}

.showTimesAndTables > .variantsContent .offerVariants td.vCol8 .addToClipboard {
  top: 60px;
}

.showTimesAndTables > .variantsContent .offerVariants td.vCol8 .red {
  top: 60px;
}

.showTimesAndTables > .variantsContent .ddCheckboxList .selectedOptions {
  padding: 0;
  width: 100%;
  background-color: #fff;
  font-weight: normal;
}

.showTimesAndTables > .variantsContent .childrenAge,
.showTimesAndTables > .variantsContent .HowManyPeople {
  height: 55px;
  width: auto;
  float: left;
  margin-right: 5px;
  margin-bottom: 15px;
}

.showTimesAndTables > .variantsContent .childrenAge .upDown,
.showTimesAndTables > .variantsContent .HowManyPeople .upDown {
  width: 50px;
  float: left;
}

.showTimesAndTables > .variantsContent .childrenAge input,
.showTimesAndTables > .variantsContent .HowManyPeople input {
  width: 40px;
  padding-left: 5px;
  border: none;
  margin-right: 5px;
  color: #1782c4;
}

.showTimesAndTables > .variantsContent .childrenAge input {
  width: 35px;
  text-indent: 1px;
}

.showTimesAndTables > .variantsContent .childrenAge .upDown {
  width: 40px;
}

.showTimesAndTables .variantsContent .airportMultiselect .ddCheckboxBlock {
  width: 250px;
  height: 270px;
}

.showTimesAndTables .variantsContent .airportMultiselect .ddCheckboxBlock .airport div strong {
  font-size: 14px;
}

.showTimesAndTables .variantsContent .boardFilter {
  width: 250px;
}

.showTimesAndTables > .variantsContent .childrenAge label,
.showTimesAndTables > .variantsContent .HowManyPeople label {
  display: block;
}

.showTimesAndTables > .variantsContent .selectBox {
  margin-top: -10px;
}

.showTimesAndTables > .variantsContent .selectBox .close {
  text-align: center;
}

.showTimesAndTables > .variantsContent .selectBox .default-button {
  text-align: center;
  z-index: 5;
}

.showTimesAndTables > .variantsContent .airport {
  height: 100%;
  margin-bottom: 0;
}

.showTimesAndTables > .variantsContent .selectBox.org,
.udogodnienia {
  overflow: hidden;
  height: 300px;
}

.showTimesAndTables > .variantsContent .offerVariants th.vCol8 span.customOptions {
  margin-top: 5px;
}

.showTimesAndTables > .variantsContent .offerVariants th.vCol8 span.customOptions span.optionRow {
  width: 132px;
}

.showTimesAndTables > .variantsContent .selectBox.transfer .checkBoxList li {
  padding-left: 30px;
}

.showTimesAndTables > .variantsContent .selectBox.transfer {
  width: 170px;
}

.showTimesAndTables > .variantsContent .selectBox.transfer ul {
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1;
}

.showTimesAndTables > .variantsContent .filtersRow {
  height: 80px;
}

.showTimesAndTables .offerVariants .filtersRow .selectedOptions {
  height: 28px;
  line-height: 28px;
  text-indent: 5px;
}

.showTimesAndTables .offerVariants .filtersRow .dateDisplay {
  margin-top: 3px;
  height: 28px;
  line-height: 28px;
}

.showTimesAndTables .offerVariants .filtersRow .dateDisplay input {
  background-position: 44px 5px;
  margin-top: 0;
  background-color: #fff;
  padding: 0;
  text-indent: 3px;
  text-align: left;
  font-size: 10px;
}

.showTimesAndTables > .variantsContent th div.dateDisplay {
  background-color: transparent;
}

div.buttonsPrices {
  width: auto;
  margin-left: 50%;
}

div#buttonsGroup {
  width: 100%;
  margin-left: -50%;
}

button.more-offers {
  width: 365px;
  margin: auto;
  margin-top: 10px;
  display: block;
}

button.more-offers.prev:after {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  left: 10px;
  right: unset;
}

button.paginator-element.page {
  height: 42px;
  width: 42px;
  line-height: 42px;
  text-align: center;
  color: #ffffff;
  background: #adbf1b;
  border: none;
}

button.paginator-element.page:hover {
  background: #1b5172;
}

button.paginator-element.page.actual-page {
  background: #1782c4;
}

.showTimesAndTables > .variantsContent h1 {
  margin: 1px 0;
  font-size: 23px;
}

select#HotelSorter {
  margin-left: 15px;
  width: 70px;
  height: 32px;
  color: rgb(0, 154, 222);
  border: medium none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url("/img/new/down.png") 60px center no-repeat;
  cursor: pointer;
  outline: 0;
}

div.input.select {
  width: 160px;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  padding: 0px 5px;
  color: rgb(0, 154, 222);
  text-align: center;
}

select#HotelSorter option {
  height: 32px;
  line-height: 32px;
}

.filter-select {
  border: none;
  background: none;
}

span.width100 {
  width: 100%;
}

.countryheader {
  text-align: center;
}

.countryheader > .temperaturecenter {
  margin: 0 auto;
  width: 200px;
}

.countryheader > .temperature,
.temperaturecenter > .temperature {
  height: 20px;
  padding-left: 37px;
  font-size: 11px;
  margin-right: 20px;
  line-height: 24px;
}

.countryheader > .water,
.temperaturecenter > .water {
  background: url("/img/new/watertemp.png") center left no-repeat;
}

.countryheader > .air,
.temperaturecenter > .air {
  background: url("/img/new/airtemp.png") center left no-repeat;
}

.countryheader > .temperature > span,
.temperaturecenter > .temperature > span {
  font-size: 16px;
  font-weight: 600;
  color: #00a0e1;
}

.countryheader > .temperature,
.temperaturecenter > .temperature {
  display: inline-block;
}

.hints {
  width: 480px;
  padding-left: 10px;
}

#FilterHotelName {
  text-indent: 5px;
}

.hotelNameSuggester {
  position: absolute;
  top: 100%;
  left: 10px;
  background-color: #fff;
  z-index: 50;
  border: 1px solid #eee;
  border-top: 0;
  max-height: 200px;
  max-width: 100%;
  overflow-y: auto;
  box-shadow: 3px 3px 3px #f5f5f5;
}

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

.hotelNameSuggester ul > li {
  padding: 5px 10px;
  line-height: 1.2;
  cursor: pointer;
  font-size: 13px;
  text-align: left;
}

.hotelNameSuggester ul > li:hover {
  background-color: #f5f5f5;
}

.sorter {
  width: 100%;
  line-height: 20px;
  color: #009ade;
  background-color: #dddddd;
  margin-bottom: 20px;
  padding-bottom: 2px;
}

.sorter #sorter-name {
  display: inline-block;
  margin-left: 10px;
  width: 50%;
}

.sorter #sorter-name span:first-child {
  background: url("/img/new/down.png") bottom left no-repeat;
  vertical-align: super;
}

.sorter #sorter-name span:nth-child(2) {
  background: url("/img/new/up.png") bottom left no-repeat;
  vertical-align: super;
}

.sorter #sorter-price span:first-child {
  background: url("/img/new/down.png") bottom left no-repeat;
  vertical-align: super;
}

.sorter #sorter-price span:nth-child(2) {
  background: url("/img/new/up.png") bottom left no-repeat;
  vertical-align: super;
}

.sorter #expand-all a {
  background: url("/img/new/down.png") bottom left no-repeat;
  vertical-align: super;
}

.sorter #expand-all {
  display: inline-block;
  float: left;
  margin-right: 70px;
}

.sorter #expand-all span:last-child {
  padding-left: 5px;
}

.sorter #sorter-price {
  display: inline-block;
  float: right;
  margin-right: 5px;
  width: 57px;
}

#sorter-name span,
#sorter-price span,
#expand-all a {
  padding: 0 0 0 10px;
  cursor: pointer;
  font-size: 13px;
}

.trustLink {
  display: table-cell;
  margin-top: 0px;
  width: 20%;
}

.trustscore {
  position: relative;
  font-size: 14px;
  font-weight: bold;
}

.trustscore:before,
.trustscore:after {
  display: table;
  clear: both;
  content: "";
}

.trustscore * {
  line-height: 1em;
}

.trustscore.size-s .badges .ty-icon,
.trustscore .score {
  color: #666;
}

.trustscore .badges .ty-icon {
  width: 4px;
  height: 4px;
  display: inline-block;
  margin-right: 2px;
}

.trustscore .badges .ty-icon.neg {
  background-color: #f37159;
}

.trustscore.neg .score {
  color: #f37159;
}

.trustscore .badges .ty-icon.neu {
  background-color: #f9c015;
}

.trustscore.neu .score {
  color: #f9c015;
}

.trustscore .badges .ty-icon.pos {
  background-color: #119a11;
}

.trustscore.pos .score {
  color: #119a11;
}

.trustscore .value {
  position: relative;
  float: left;
  background: #666;
  color: #fff;
  min-height: 1em;
  min-width: 1em;
}

.trustscore .value:after {
  position: absolute;
  top: 100%;
  left: 0;
  border-style: solid;
  border-color: #666 transparent transparent #666;
  content: "";
}

.trustscore-info-trigger {
  position: absolute;
  top: 5px;
  right: -20px;
  z-index: 100;
  color: #bbb;
  cursor: pointer;
}

.trustscore-info-trigger:hover {
  color: #999;
}

.trustscore-info-panel {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 99;
  overflow: hidden;
  padding: 7px;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  color: #888;
  font-weight: normal;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  opacity: 0;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}

.trustscore-info-panel.active {
  opacity: 1;
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.trustscore-info-panel p {
  margin: 0 0 5px;
}

.hideMe {
  display: none;
}

.trustscore-info-panel p.info-title {
  color: #333;
  font-weight: 700;
}

.trustscore-info-panel a,
.trustscore-info-panel a:link,
.trustscore-info-panel a:visited {
  display: block;
  margin-top: 5px;
  color: #333;
  text-align: right;
  text-decoration: none;
}

.trustscore-info-panel a:hover {
  text-decoration: underline;
}

/* ------------- Negative ---------------- */
.trustscore .badges .ty-icon.neg,
.trustscore.neg .score {
  color: #f37159;
}

.trustscore.neg .value {
  background: #f37159;
}

.trustscore.neg .value:after {
  border-color: #f37159 transparent transparent #f37159;
}

/* -------------- Neutral ---------------- */
.trustscore .badges .ty-icon.neu,
.trustscore.neu .score {
  color: #f9c015;
}

.trustscore.neu .value {
  background: #f9c015;
}

.trustscore.neu .value:after {
  border-color: #f9c015 transparent transparent #f9c015;
}

/* ------------- Positive ---------------- */
.trustscore .badges .ty-icon.pos,
.trustscore.pos .score {
  color: #119a11;
}

.trustscore.pos .value {
  background: #119a11;
}

.trustscore.pos .value:after {
  border-color: #119a11 transparent transparent #119a11;
}

/* --------------- XL, L ----------------- */
.trustscore.size-xl,
.trustscore.size-l {
  border: 1px solid #ddd;
  background: #fff;
}

.trustscore.size-xl .title,
.trustscore.size-l .title {
  position: absolute;
  top: -1px;
  right: -1px;
  left: -1px;
  background: #3578c0;
  color: #a8d1fd;
  text-align: center;
  text-transform: uppercase;
}

.trustscore.size-xl .title span:first-child,
.trustscore.size-l .title span:first-child {
  color: #fff;
}

.trustscore.size-xl .value,
.trustscore.size-l .value {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 0 -1px -1px;
  text-align: center;
  font-weight: 700;
}

.trustscore.size-xl .score,
.trustscore.size-l .score {
  width: 100%;
  color: #333;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
}

.trustscore.size-xl .counter,
.trustscore.size-l .counter {
  color: #999;
  text-align: center;
  font-weight: bold;
}

.trustscore.size-xl .signature,
.trustscore.size-l .signature {
  text-align: right;
  font-style: italic;
}

/* ---------------- XL ------------------- */
.trustscore.size-xl {
  width: 144px;
  height: 118px;
  border-radius: 6px;
}

.trustscore.size-xl .title {
  padding: 5px 0;
  border-radius: 6px 6px 0 0;
  font-weight: 700;
  font-size: 1.1em;
}

.trustscore.size-xl .value {
  padding: 8px 0;
  width: 70px;
  letter-spacing: -1px;
  font-size: 2.4em;
}

.trustscore.size-xl .value:after {
  border-width: 9px;
}

.trustscore.size-xl .score {
  margin-top: 30px;
  font-size: 1.4em;
}

.trustscore.size-xl .counter {
  margin-top: 3px;
  font-size: 0.8em;
}

.trustscore.size-xl .badges {
  margin: 24px 10px 2px 75px;
  text-align: right;
  font-size: 0.8em;
}

.trustscore.size-xl .badges .ty-icon {
  margin-right: -3px;
}

.trustscore.size-xl .signature {
  margin: 0 10px 0 75px;
  font-weight: 500;
  font-size: 0.65em;
}

.trustscore.size-xl .info-trigger {
  right: -20px;
}

.trustscore.size-xl .trustscore-info-panel {
  right: -25px;
  bottom: -22px;
  font-size: 11px;
}

.trustscore.size-xl .trustscore-info-panel p.info-title {
  margin-right: 10px;
}

/* ----------------- L ------------------- */
.trustscore.size-l {
  width: 100px;
  height: 85px;
  border-radius: 4px;
}

.trustscore.size-l .title {
  padding: 4px 0;
  border-radius: 4px 4px 0 0;
  font-weight: 700;
  font-size: 0.9em;
}

.trustscore.size-l .value {
  padding: 6px 0;
  width: 43px;
  letter-spacing: -1px;
  font-size: 1.6em;
}

.trustscore.size-l .value:after {
  border-width: 6px;
}

.trustscore.size-l .score {
  margin-top: 23px;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
}

.trustscore.size-l .counter {
  margin-top: 2px;
  font-size: 0.65em;
}

.trustscore.size-l .badges {
  margin: 14px 7px 1px 47px;
  text-align: right;
  font-size: 0.65em;
}

.trustscore.size-l .badges .ty-icon {
  margin-right: -2px;
}

.trustscore.size-l .signature {
  margin: 0 7px 0 47px;
  font-weight: 500;
  font-size: 0.5em;
}

.trustscore.size-l .info-trigger {
  top: 3px;
  right: -20px;
}

.trustscore.size-l .trustscore-info-panel {
  right: -24px;
  bottom: -15px;
  font-size: 10px;
}

.trustscore.size-l .trustscore-info-panel p {
  margin-bottom: 3px;
}

.trustscore.size-l .trustscore-info-panel p.info-title {
  margin-right: 10px;
  margin-bottom: 7px;
}

/* ----------------- M ------------------- */
.trustscore.size-m .value {
  margin: 0 8px 0 0;
  padding: 6px 8px;
  font-weight: 500;
  font-size: 2em;
}

.trustscore.size-m .value:after {
  border-width: 6px;
}

.trustscore.size-m .score {
  margin: 0px 10px 0 0;
  font-weight: 500;
  font-size: 1.45em;
}

.trustscore.size-m .badges {
  font-size: 0.6em;
}

.trustscore.size-m .badges .ty-icon {
  margin-right: -1px;
}

.trustscore.size-m .counter {
  margin-top: 4px;
  color: #999;
  font-weight: 500;
  font-style: italic;
  font-size: 0.65em;
}

/* ----------------- S ------------------- */
.trustscore.size-s .value {
  margin: 0 6px 0 0;
  padding: 5px 6px;
  font-weight: 500;
  font-size: 1.3em;
}

.trustscore.size-s .value:after {
  border-width: 4px;
}

.trustscore.size-s .score {
  display: inline-block;
  float: left;
  margin: 0px 10px 0 0;
  font-weight: 500;
  font-size: 1.45em;
}

.trustscore.size-s .badges {
  font-size: 0.6em;
}

.trustscore.size-s .badges .ty-icon {
  margin-right: -1px;
}

.trustscore.size-s .counter {
  float: left;
  margin-top: 10px;
  color: #b5b5b5;
  font-style: italic;
  font-weight: bold;
}

/* ----------------- XS ------------------ */
.trustscore.size-xs {
  margin-top: 0px;
  width: 25%;
}

.trustscore.size-xs .value {
  margin: 0 3px 0 0;
  padding: 2px 2px;
  font-weight: 500;
  font-size: 0.85em;
}

.trustscore.size-xs .value:after {
  border-width: 2px;
}

.trustscore.size-xs .score {
  display: inline-block;
  float: left;
  margin: 1px 5px 0 0;
  font-weight: bold;
  font-size: 0.9em;
}

.trustscore.size-xs .badges {
  font-size: 0.3em;
}

.trustscore.size-xs .counter {
  color: #b5b5b5;
  font-style: italic;
  font-size: 0.8em;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  clear: both;
}

.offerAdvantages .trustscore.size-l {
  position: absolute;
  top: 7px;
  right: 0;
}

.clearFilter {
  position: absolute;
  top: 0;
  right: 0;
  color: #f00;
  font-weight: bold;
  margin: 0 0 0 5px;
  cursor: pointer;
}

h1#avHeader,
h4#avSubHeader {
  text-align: center;
  color: #b9c92a;
  display: none;
}

span#findAll.default-button {
  padding-left: 10px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#translateButton.default-button {
  background: #1782c4 none repeat scroll 0% 0%;
  padding-left: 10px;
  height: 25px;
  text-indent: initial;
  font-size: 13px;
  line-height: 25px;
  margin-left: 20px;
}

#translateButton.default-button:hover {
  background-color: #1b5172;
}

#translateButton.default-button:after {
  top: 6px;
}

span#translationInfo {
  display: block;
}

div#offer-params-t select {
  color: #1782c4;
  border-color: #1782c4;
}

#offer-description em {
  color: #1b5172;
  font-family: "robotoregular";
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
}

#offer-params.translations {
  margin-bottom: 20px;
}

#offer-params .send-offer-to-email {
  margin-right: 0;
}

.showTimesAndTables .variantsList .more-offers {
  width: 350px;
}

.moreHotels {
  width: 350px;
  margin: 14px auto 0 auto;
  display: block;
}

.moreHotels > a {
  color: #ffffff;
  display: block;
  position: relative;
  background-color: #adbf1b;
  color: #fff;
  height: 42px;
  width: 100%;
  text-align: center;
  text-indent: -10px;
  border: 0;
  font-size: 17px;
  line-height: 42px;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
  cursor: pointer;
}

.moreHotels > a:hover {
  background-color: #1b5172;
}

.moreHotels > a:after {
  position: absolute;
  top: 14px;
  right: 10px;
  content: "";
  width: 9px;
  height: 13px;
  background: url("/img/new/sprite.png") -72px -1px;
}

.moreHotels > a:before {
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
}

.moreTrips {
  width: 350px;
  margin: 0 auto;
  display: block;
}

.moreTrips > a {
  color: #ffffff;
  display: block;
  position: relative;
  background-color: #adbf1b;
  color: #fff;
  height: 42px;
  width: 100%;
  text-align: center;
  text-indent: -10px;
  border: 0;
  font-size: 17px;
  line-height: 42px;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
  cursor: pointer;
}

.moreTrips > a:hover {
  background-color: #1b5172;
}

.moreTrips > a:after {
  position: absolute;
  top: 14px;
  right: 10px;
  content: "";
  width: 9px;
  height: 13px;
  background: url("/img/new/sprite.png") -72px -1px;
}

.loadAnim:after {
  width: 15px;
  height: 15px;
  background: url("/img/ajax-loader.gif");
}

.checkCharterOfferButton {
  background-color: #1782c4;
}

.charterStorageRemoveBtn {
  margin-right: 10px;
}

.checkCharterRed {
  padding-left: 7px;
  text-decoration: none;
  margin: 0 auto;
  bottom: 1px;
  right: 0;
  height: 23px;
  line-height: 23px;
  font-size: 13px;
  font-family: "robotoregular";
  font-weight: normal;
  width: 150px;
  text-indent: 0;
  display: block;
  text-align: center;
  background-color: #e04c4c;
  color: white;
  text-align: left;
  text-indent: initial;
}

.checkCharterRed:hover {
  text-decoration: none;
}

.firstConfirmationNoImagePlaceholder {
  height: 1px;
  width: 30%;
  float: left;
}

.confirmationDescriptionWidthWithoutImage {
  width: 70% !important;
}

#flight-state span {
  display: inline-block;
  width: 55px;
}

.euro {
  float: right;
  display: block;
  background-color: #f5f5f5;
  font-size: 17px;
  color: #f27c09;
  width: 118px;
  margin-right: 7px;
  text-align: left;
}

.euro a {
  color: #f27c09;
}

#regionsWithPrices .euro,
.vregionslist .euro {
  text-align: right;
}

#regionsWithPrices .euro a span,
.vregionslist .euro a span {
  float: left;
}

.euro b {
  font-size: 27px;
}

.tooltip {
  display: none;
  position: absolute;
  border: 1px solid #333;
  background-color: #161616;
  border-radius: 5px;
  padding: 10px;
  color: #fff;
  font-size: 12px;
}

.hotel-header-left {
  float: left;
  width: 50%;
}

.offerC li[data-is-flight="0"] {
  display: none;
}

.offerA li[data-is-holidays="0"] {
  display: none;
}

.offer-header {
  margin-bottom: 15px;
}

#hotelDescription {
  padding-top: 20px;
}

#confirmationImage {
  width: 50%;
  float: left;
  background-size: cover;
  background-position: center;
  height: 275px;
}

#confirmationImage img {
  width: 100%;
  display: block;
  margin-right: auto;
  height: 250px;
}

#confirmationDescritpion {
  float: left;
  width: 50%;
}

.summaryTable {
  display: table;
}

#additionalWishes,
#personalData {
  border-style: none;
}

#additionalWishes td,
#personalData .row {
  padding: 0px;
  vertical-align: top;
}

#personalData,
#additionalWishes {
  display: table;
}

#confirmationDescritpion .row {
  display: table-row;
}

#confirmationDescritpion .cell {
  display: table-cell;
}

#additionalWishes td {
  line-height: 20px;
}

#separationLine:before {
  content: "\00a0";
}

#separationLine {
  border-bottom: 3px solid #ddebf3;
}

#confirmationDescritpion li {
  padding-bottom: 10px;
  color: #1b5172;
}

#confirmationDescritpion strong {
  text-align: right;
  min-width: 155px;
  padding-right: 10px;
  display: inline-block;
}

#confirmationMessage {
  float: center;
  text-align: center;
  display: block;
  color: #1b5172;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 25px;
  padding-right: 25px;
}

#reservation-confirmation-message {
  background-color: #adbf1b;
  text-align: center;
  color: #fff;
  font-size: 14px;
  padding: 20px;
  clear: both;
  margin: 20px 0 40px;
}

.error {
  background-color: #fb5151 !important;
}

#operatorHints b {
  color: #1b5172;
  font-weight: bold;
}

#operatorHints pre {
  border: 2px solid;
  border-color: #1782c4;
  border-width: 1px;
  padding: 10px;
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: left;
}

#operatorHints a {
  color: #1b5172;
}

#offer-section h3 {
  color: #1b5172;
}

#tripDetails {
  padding-bottom: 60px;
  text-align: center;
}

#tripDetails h3 {
  color: #1b5172;
  text-align: left;
}

#tripDetails fieldset {
  padding: 2px 15px 15px 15px;
  background-color: #f4f4f4;
  border: 0px none;
  margin: 0 auto;
}

#tripDetails th {
  color: #1b5172;
}

#tripDetails td,
#tripDetails th {
  text-align: center;
  padding: 10px 20px 5px 10px;
  color: #1b5172;
  overflow: hidden;
}

#tripDetails table {
  table-layout: auto;
  width: 100%;
}

footer:last-of-type {
  background-color: #105885;
  padding: 0;
  height: 125px;
  padding-bottom: 30px;
}

footer:last-of-type > .container {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  zoom: 1;
}

footer:last-of-type > .container > #copyright {
  float: left;
  margin: 0 0 0 35px;
  padding-top: 10px;
}

footer:last-of-type > .container > img {
  float: left;
}

footer:last-of-type > .container > a {
  display: block;
  float: left;
  color: #fff;
}

#nevpix {
  float: right;
  margin-top: 18px;
}

#ppm {
  float: right;
  margin-top: 5px;
  margin-right: 60px;
  font-weight: 600;
}

#copyright > p {
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}

#copyright > p > a {
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5;
}

#copyright > p > a:hover {
  text-decoration: none;
}

#info-box {
  width: 100%;
  padding: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 11;
  margin-top: 0;
  background-color: #67c2f7;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  text-align: center;
}

#info-box > .content-wrapper {
  width: 97%;
  margin: 0 auto;
  max-width: 990px;
  background: url("/images/info-box-bg.jpg") 60px -2px no-repeat;
  background-size: 45px auto;
  height: 43px;
  overflow: hidden;
}

#info_email_form > h3 {
  display: inline-block;
  font-size: 29px;
  font-weight: 700;
  color: #fff;
  line-height: 26px;
  margin-top: 2px;
  margin-right: 15px;
  margin-left: 50px;
  font-family: "robotobold";
  position: relative;
  top: 5px;
}

#info_email_form .footer_phone {
  display: inline-block;
  font-weight: 400;
  font-size: 19px;
  line-height: 34px;
  color: #fff;
  margin-top: 0px;
  margin-right: 15px;
  font-family: "oswaldregular";
  position: relative;
  top: 5px;
}

#info_email_form > p {
  color: #fff;
  display: inline-block;
  margin: 0;
  margin-right: 15px;
  width: auto;
}

#info_email_form > a {
  color: #fff;
  display: inline-block;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ff0000;
  line-height: 35px;
  font-size: 15px;
  font-family: "robotoregular";
  margin-top: 4px;
}

#info_email_form > a:hover {
  background-color: #085f95;
  text-decoration: none;
}

#info-email {
  background-color: #fff;
  box-sizing: border-box;
  color: rgb(0, 154, 222);
  cursor: auto;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 35px;
  letter-spacing: normal;
  line-height: 19px;
  margin: 0;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  text-align: start;
  text-indent: 0px;
  text-shadow: none;
  text-transform: none;
  width: 230px;
  word-spacing: 0px;
  writing-mode: lr-tb;
  zoom: 1;
  border: none;
  font-family: "robotoregular";
  box-shadow: none;
}

.info-email-button {
  color: #fff;
  border: none;
  padding-bottom: 8px;
  padding-top: 8px;
  margin-left: -3px;
  margin-top: 0px;
  height: 35px;
  text-shadow: 0px -1px 1px #7a870e;
  font-family: "robotobold";
  font-size: 15px;
  position: relative;
  top: 3px;
}

.info-email-button:hover {
  background-color: #a7ba09;
}

.sort_link {
  margin-left: -7px;
}

#expand-all {
  cursor: pointer;
}

.flightSeparator {
  display: block;
  padding-top: 13px;
}

#filters-block.filter .cell3 {
  width: 14%;
}

#filters-block.filter .cell4 {
  width: 15.5%;
}

#cookies-element {
  border: 2px solid #009ade;
  font-size: 11px;
  margin-bottom: 5px;
  padding: 5px;
  position: relative;
  line-height: 14px;
  z-index: 11;
}

#cookies-element > .headCookie {
  display: block;
  color: #009ade;
  margin: 0;
  font-size: 12px;
  line-height: 14px;
}

#cookies-element .cookie-buttons {
  position: absolute;
  top: 15px;
  right: 10px;
}

#cookies-element .cookie-buttons em a:hover {
  text-decoration: none;
}

#cookies-element .cookie-buttons button {
  background-color: #009ade;
  margin-left: 10px;
  color: #fff;
  border: 0;
  padding: 3px 5px;
}

.ddCheckboxList .airport div ul li label {
  font-size: 12px;
  font-family: "robotoregular";
}

.offerVariants .addToClipboard {
  position: absolute;
  bottom: -3px;
  height: 23px;
  padding-left: 7px;
  line-height: 23px;
  font-size: 13px;
  font-family: "robotoregular";
  font-weight: normal;
  width: 133px;
  display: block;
  text-align: left;
  background-color: #1782c4;
  float: left;
  visibility: hidden;
  right: 155px;
  text-align: left;
}

.offerVariants .addToClipboard:active {
  opacity: 0.8;
}

.border-bottom .addCharterToClipboard {
  visibility: hidden;
  margin-right: 10px;
  width: 155px;
  background-color: #1782c4;
}

.linkClipboard {
  font-family: "robotoregular";
  font-size: 19px;
  vertical-align: text-top;
  float: left;
  color: #1b5172;
}

.floppyDiskContainer {
  background-image: url("/img/new/clipboard-icon-dark.svg");
  width: 24px;
  height: 24px;
  float: left;
  margin-top: 2px;
  margin-right: 14px;
  transform: scale(1.25);
}

.clipboardButton {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  padding: 2px;
  background-color: #029bd8;
  border-color: #029bd8;
  text-align: center;
  font-size: 12px;
  font-family: "robotoregular";
  color: #fff;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  text-indent: -1px;
  transform: scale(0.8);
}

.childrenPlaceholder {
  height: 20px;
}

.clipboardHeader {
  margin: 0;
}

.remove-from-clipboard {
  color: #fff;
  height: 42px;
  width: 120px;
  text-align: center;
  border: 0;
  font-size: 14px;
  line-height: 42px;
  cursor: pointer;
}

.addToClipFix {
  background-color: #adbf1b;
  color: #fff;
  height: 42px;
  width: 100%;
  text-align: center;
  border: 0;
  font-size: 17px;
  line-height: 42px;
  -webkit-transition: background-color 0.1s;
  transition: background-color 0.1s;
  cursor: pointer;
}

.addToClipboardHotel,
.addToClipboardHotel:hover {
  background-color: #fff;
  margin-right: 10px;
  padding-right: 0px;
  float: right;
}

#offer-params .removeFromClipboard {
  margin-right: 5px;
  float: right;
}

#offer-params .addToClipboardHotel:after,
#offer-params .removeFromClipboard:after {
  background-repeat: no-repeat;
  content: " ";
  width: 23px;
  height: 21px;
  position: absolute;
  top: 10px;
  left: 12px;
}

#offer-params .reservation-button {
  font-size: 24px;
  font-weight: bold;
  height: 46px;
  width: 1085px;
  margin: 10px 0 0 0;
}

#offer-params .reservation-button.booking-possible {
  font-size: 24px;
  font-weight: bold;
  height: 46px;
  width: calc(50% - 8px);
  margin: 10px 16px 0 0;
  display: inline-block;
  padding: 0 35px 0 25px;
  transition: background-color 0.1s;
  cursor: pointer;
  line-height: 42px;
  text-align: center;
  text-indent: -10px;
  position: relative;
  background-color: #fff;
  color: #adbf1b;
  border: 1px solid #adbf1b;
  white-space: nowrap;
  user-select: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
}

#offer-params .reservation-button.booking-possible:hover {
  background-color: #1b5172;
  border-color: #1b5172;
  color: #fff;
  text-decoration: none;
}

#offer-params .book-button.booking-possible {
  font-size: 24px;
  font-weight: bold;
  height: 46px;
  width: calc(50% - 8px);
  margin: 10px 0 0 0;
  display: inline-block;
  padding: 0 35px 0 25px;
  transition: background-color 0.1s;
  cursor: pointer;
  line-height: 42px;
  text-align: center;
  text-indent: -10px;
  position: relative;
  background-color: #adbf1b;
  color: #fff;
  border: 1px solid #adbf1b;
}

#offer-params .book-button.booking-possible:hover {
  background-color: #1b5172;
  color: #fff;
  border: 1px solid #1b5172;
  text-decoration: none;
}

#offer-params .reservation-button.loadAnim,
#offer-params .book-button.loadAnim {
  background-color: #1b5172;
  color: #fff;
  border: 1px solid #1b5172;
}

#offer-params .reservation-button:not(.loadAnim):after,
#offer-params .book-button:not(.loadAnim):after {
  display: none;
}

#offer-params .addToClipboardHotel:after {
  background: url("/img/new/heart.png") 0px 0px;
}

#offer-params .addToClipboardHotel:hover:after,
#offer-params .removeFromClipboard:after,
#offer-params .removeFromClipboard:hover:after {
  background: url("/img/new/heart.png") 0px -21px;
}

.removeFromClipboard {
  background-color: #a3a3a3;
  margin-right: 10px;
}

.addToClipboard:after {
  position: absolute;
  top: 5px;
  right: 10px;
  content: "";
  width: 9px;
  height: 13px;
  background: url("/img/new/sprite.png") -72px -1px;
}

.vCol5 img {
  height: auto;
  width: auto;
  max-height: 25px;
  max-width: 85px;
}

.offerVariants .addedToClipboard {
  position: absolute;
  bottom: 1px;
  height: 23px;
  line-height: 23px;
  font-size: 13px;
  font-family: "robotoregular";
  font-weight: normal;
  width: 155px;
  text-indent: -7px;
  display: block;
  text-align: left;
  background-color: #1782c4;
  float: left;
  visibility: hidden;
  right: 165px;
  text-align: center;
}

.removeAfterEffect:after {
  content: none;
}

.addHooverEffect:hover {
  background-color: #1b5172;
  text-decoration: none;
}

.offersListFix {
  padding: 10px 0 0 0;
}

.border-bottom .greyedOut,
.offerVariants .greyedOut {
  background-color: #a3a3a3;
}

.clipboard-search-variant {
  width: 50% !important;
}

.clipboard-search-variant li {
  width: 20% !important;
}

.clipboard-search-variant .helpIcon {
  right: -25px !important;
  top: -75px !important;
}

#offerVariantsBody .helpIconTimesFix {
  position: inherit;
  float: right;
}

.clipHeaders {
  float: left;
}

.clipFlight-c1,
.clipFlight-c2,
.clipFlight-c3 {
  float: left;
  width: 33%;
}

#offerVariantsBody .helpIconTimesFix .helpTxt {
  position: relative;
  width: 120px;
}

#offerVariantsBody .vCol7 > div {
  display: inline-block;
}

.offerVariants .vCol7 > div {
  display: inline-block;
}

.clipFilterC1,
.clipFilterC2,
.clipFilterS,
.clipFilterR {
  display: none;
}

.clipShow {
  display: block;
}

.clipHide {
  display: none;
}

.clipboardRemoveClass {
  margin-top: 0px !important;
}

.clipFilterLine {
  background: #1782c4;
  width: 100%;
  height: 5px;
  margin-top: 75px;
  position: inherit;
  display: block;
}

.charterMarginFix {
  margin-top: 0px !important;
  display: none;
}

.noClipOffersFound {
  color: #1b5172;
  margin-top: 5px;
  margin-left: 5px;
}

.flightRouteFix {
  padding-left: 0px;
  margin-top: 0px;
}

.popularDestinationsLink a {
  color: #fff;
  text-decoration: none !important;
}

.checkOfferClipboard {
  background-color: #a3a3a3;
  font-size: 13px;
  text-indent: 6px;
  text-align: left;
}

.charterStorageCheckBtn {
  background-color: #a3a3a3;
}

.ddCheckboxList .checkBoxList > b {
  font-size: 12px;
}

.filterFixSizeBottom {
  width: 11% !important;
}

.clipboardOfferCounter {
  border-radius: 50%;
  width: 17px;
  height: 17px;
  padding: 2px;
  background-color: #029bd8;
  border-color: #029bd8;
  text-align: center;
  font-size: 14px;
  font-family: "robotoregular";
  color: #fff;
  float: left;
  margin-left: 3px;
  margin-top: 3px;
}

.clipboardCounterColorChange {
  background-color: #fff;
  color: #029bd8;
  z-index: 15;
  position: relative;
}

#pricesShowFullAirportName {
  text-overflow: ellipsis;
  overflow: hidden;
}

.reservationFormAgreementLabel,
.reservationFormInsuranceLabel {
  margin-left: 35px;
}

.pricePerson .priceEurFix {
  font-size: 16px;
  font-weight: bold;
}

.pricePerson .pricePlnFix {
  font-size: 12px;
  font-weight: normal;
}

.oPriceClipHolder {
  position: absolute;
  bottom: 120px;
  right: 1px;
  padding: 0 2px;
  font-size: 12px;
  color: #f27c09;
  min-height: 20px;
}

.clipPersonEur {
  float: right;
  font-size: 18px;
  font-weight: bold;
  margin-left: 5px;
}

.oldClipPersonEur {
  float: right;
  font-size: 18px;
  font-weight: bold;
}

.clipPersonPln {
  float: right;
  clear: right;
  padding: 0 2px;
  font-size: 10px;
  font-weight: bold;
  line-height: 10px;
}

.clipPersonEur b {
  font-size: 24px;
  font-weight: bold;
}

.clipPersonPln b {
  font-size: 14px;
  font-weight: bold;
}

.fLeftSearch {
  float: left;
  display: table-column;
}

.fRightSearch {
  float: right;
  display: table-column;
}

.formSearchLabel {
  color: #fff;
  float: left;
  width: 140px;
  padding: 0 10px 0 0;
  text-align: right;
}

.searchFormRow1 #destination-select {
  color: #1782c4;
  width: 205px;
  height: 25px;
  line-height: 25px;
  margin-top: 0;
  text-indent: 5px;
}

.upDownFix {
  z-index: 10;
}

#date-cal-out > div {
  clear: both;
}

#main-search .ddCheckboxList .selectedOptions,
#main-search .halfI .currentOption,
#main-search .kids-i .currentOption {
  height: 25px;
  line-height: 25px;
  margin-top: 0;
  display: block;
}

#main-search .ddCheckboxList,
#main-search .halfI,
#main-search .kids-i {
  float: right;
  width: 205px;
}

#main-search .inputWrapper {
  margin-top: 0;
}

#main-search .input-daterange .searchDepDateText,
#main-search .input-daterange .searchArrDateText,
#main-search .fLabel {
  width: 140px;
  float: left;
  text-align: right;
  margin-left: 0;
  line-height: 25px;
  height: 25px;
  background-color: transparent;
}

#main-search .kids-i .childField {
  float: left;
  width: 42px;
  margin: 0 10px 0 0;
}

#main-search .kids-i .childField .currentOption {
  text-indent: 10px;
}

#main-search .dateInput input {
  width: 65px;
  height: 25px;
  line-height: 25px;
  text-align: left;
  text-indent: 5px;
  padding: 0;
}

#main-search .filtersContainer label,
#form-search-home .formRow li > label {
  color: #1782c4;
}

.searchDate {
  display: inline-block;
  background: #fff;
  cursor: pointer;
}

#main-search .searchDate {
  height: 25px;
  float: left;
  width: 205px;
}

.vCol22 .searchDate {
  margin-top: 5px;
  width: 150px;
}

.searchDate input {
  cursor: pointer;
}

.searchDepDate,
.searchArrDate {
  float: left;
}

.searchDepDate {
  margin-left: 5px;
}

.vCol22 label.searchDepDate,
.vCol22 label.searchArrDate {
  width: auto;
}

.vCol22 div.dateSeparator {
  margin-top: 5px;
}

.airportToolTip {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 10px;
  color: #222222;
  z-index: 10;
  box-shadow: 2px 3px 5px #666;
  right: -150px;
  margin-top: 20px;
  min-height: 30px;
  font-size: 12px;
  font-style: italic;
}

.depAirToolFix {
  margin-top: -40px;
  right: -160px;
}

.clipLeftArrow {
  width: 0;
  height: 0;
  position: absolute;
  left: -25px;
}

.clipLeftArrow:after,
.clipLeftArrow:before {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  width: 0;
  height: 0;
  border-style: solid;
}

.clipLeftArrow:after {
  top: 4px;
  border-color: transparent #e4e4e4 transparent transparent;
  border-width: 13px;
  left: -1px;
}

.clipLeftArrow:before {
  top: 4px;
  border-color: transparent #fff transparent transparent;
  border-width: 13px;
  z-index: 2;
}

​ #similarHotels {
  width: 100%;
}

#similarHotels ul {
  width: 100%;
  margin-bottom: 20px;
  padding: 0px 5px 0px 5px;
}

#similarHotels ul li {
  width: 220px;
  margin: 10px 5px;
  display: inline-block;
  vertical-align: top;
}

#similarHotels li div {
  padding: 0 0;
}

#similarHotels ul li div {
  padding-bottom: 3px;
  font-weight: normal;
  font-style: normal;
  display: block;
  font-size: 14px;
  color: #1b5172;
  font-family: "robotoregular";
}

#similarHotels ul li img {
  width: 228px;
  height: 145px;
  padding-bottom: 5px;
}

#similarHotels i.sprite {
  width: 60px;
  height: 60px;
  display: block;
  margin: 25px auto 0px;
}

#similarHotels a {
  color: #f27c09;
}

#similarHotels .regions a {
  color: #1b5172;
}

#similarHotels .regions a:hover {
  color: #1b5172;
  text-decoration: underline;
}

a.seolink {
  float: left;
  width: 100%;
}

.region-search-div {
  width: 255px !important;
}

.not-found-region {
  padding: 10px;
  border-color: red;
  border-style: solid;
  background: red;
  color: white;
  text-align: center;
}

.not-found-region > p {
  margin: 0px;
}

.clipboard-tooltip {
  display: none;
  position: absolute;
  background: #fff;
  color: #0078b5;
  font-size: 10px;
  padding: 0;
  text-align: center;
  width: 90px;
  top: -32px;
  left: -23px;
  line-height: 25px;
  border: #aaa solid 1px;
  text-indent: 0px;
}

#clipboard-button:hover .clipboard-tooltip {
  display: block;
}

.invisible-iframe {
  width: 0px;
  height: 0px;
}

#offer-info a {
  color: inherit;
}

.no-offers {
  color: #1b5172;
  margin: 2em;
  text-align: center;
  font-size: 1.2em;
}

.no-offers ul {
  display: inline-block;
}

.no-offers ul li::before {
  content: "\2212";
  padding-right: 0.7em;
}

.no-offers ul li {
  text-align: left;
}

/* for test only */
#test-nav {
  font-family: "robotoregular", Helvetica, Arial, sans-serif;
}

#test-nav {
  width: 1180px;
  height: 51px;
  background: #1782c4;
  position: relative;
}

#test-nav .select,
#test-nav .current {
  margin: 0;
  padding: 0;
  list-style: none;
}

#test-nav li {
  display: inline;
  margin: 0;
  padding: 0;
  height: auto;
  width: 990px;
}

#test-nav .select a,
#test-nav .current a {
  display: block;
  height: 50px;
  float: left;
  background: #1782c4;
  padding: 17px 16px 0px 15px;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  border-right: 0px solid #fff;
  color: #fff;
}

* html #test-nav .select a,
* html #test-nav .current a {
  width: 1px;
  height: 33px;
}

#test-nav .select a:hover,
#test-nav .select li:hover a {
  background: #1782c4;
  cursor: pointer;
  color: #ff0;
}

#test-nav .sub {
  display: none;
}

#test-nav .current a {
  background: #1782c4;
}

#test-nav .current li:hover a {
  color: #fff;
  background: #1b5172;
}

#test-nav .sub li a:hover,
#test-nav .select a:hover .sub li a:hover,
#test-nav .select li:hover .sub li a:hover {
  background: #1782c4;
  color: #fff;
}

#test-nav .select li:hover a {
  color: #fff;
  background: #1b5172;
}

#test-nav .sub_active .current_sub a,
#test-nav .sub_active a:hover {
  background: #1782c4;
  color: #fff;
}

#test-nav .sub a:hover {
  background: #1782c4;
  color: #fff;
}

#test-nav .select li a:hover .sub,
#test-nav .select li:hover .sub {
  display: block;
  height: 30px;
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  background: #1b5172;
  margin-top: 0;
  padding: 0;
  z-index: 100;
  color: #fff;
  font-size: 12px;
}

#test-nav .sub,
#test-nav .sub_active {
  margin: 0;
  padding: 0;
  list-style: none;
}

#test-nav .sub_active {
  display: block;
  position: absolute;
  width: 1180px;
  top: 50px;
  left: 0;
  background: #1b5172;
  margin-top: 0;
  padding: 0;
  z-index: 10;
}

* html #test-nav .sub_active,
* html #test-nav .select a:hover .sub {
  z-index: -1;
  margin-top: 0;
  margin-top: 1px;
}

#test-nav .sub_active a {
  height: 20px;
  text-decoration: none;
  line-height: 20px;
  white-space: nowrap;
  display: block;
  float: left;
  background: #1b5172;
  padding: 5px 19px 5px 19px;
  margin-left: 0px;
  font-size: 12px;
  white-space: nowrap;
  border: 0;
  color: #fff;
}

#test-nav .select a:hover .sub li a,
#test-nav .select li:hover .sub li a {
  display: block;
  height: 20px;
  background: #1b5172;
  padding: 5px 10px 5px 5px;
  margin-top: 0;
  margin-left: 5px;
  white-space: nowrap;
  border: 0;
  color: #fff;
  font-size: 12px;
}

#test-nav ul.select li ul.sub li a {
  padding-left: 11px !important;
  padding-right: 10px !important;
  margin-left: 0px !important;
}

.text-center {
  text-align: center;
}

/* newsletter page */
.newsletter {
  font-size: 16px;
  color: #1b5172;
  max-width: 1000px;
  margin: 0 auto;
}

.newsletter strong {
  color: #1b5172;
  font-size: 18px;
  float: left;
  background-color: #f5f5f5;
  width: 100%;
}

h2.newsletter-title {
  font-size: 21px;
  text-align: center;
  padding-bottom: 5px;
  color: #f27c09;
}

.newsletter table {
  font-size: 14px;
  border: 1px solid;
  border-color: #e5e5e5;
  padding: 3px;
}

.newsletter a:link {
  color: #f58e09;
  font-size: 16px;
  display: inline-block;
  margin-top: 4px;
  margin-bottom: 25px;
}

.newsletter .hotel_name {
  color: #1782c4;
  font-size: 17px;
  font-weight: bold;
}

.newsletter .hotel_name a {
  color: #1782c4;
  margin-bottom: 0px;
}

.newsletter .price {
  font-size: 16px;
  color: #adbf1b;
  font-weight: bold;
}

#description {
  display: none;
}

#descriptionFirstStep {
  display: block;
}

li > i.icon {
  position: relative;
  top: 5px;
  left: -10px;
}

li[data-tab-name="description"] > i.icon::before {
  content: url("/images/icons/blue/description.png");
}

li[data-tab-name="description"].active > i.icon::before,
li[data-tab-name="description"]:hover > i.icon::before {
  content: url("/images/icons/white/description.png");
}

li[data-tab-name="offers-list-main"] > i.icon::before {
  content: url("/images/icons/blue/offers-list.png");
}

li[data-tab-name="offers-list-main"].active > i.icon::before,
li[data-tab-name="offers-list-main"]:hover > i.icon::before {
  content: url("/images/icons/white/offers-list.png");
}

li[data-tab-name="breakdown-by-country"] {
  float: right;
}

li[data-tab-name="breakdown-by-country"] > i.icon::before {
  content: url("/images/icons/blue/breakdown-by-country.png");
}

li[data-tab-name="breakdown-by-country"].active > i.icon::before,
li[data-tab-name="breakdown-by-country"]:hover > i.icon::before {
  content: url("/images/icons/white/breakdown-by-country.png");
}

/* #rodo {
  height: 200px;
  width: 300px;
  position: fixed;
  bottom: 100px;
  left: 50px;
  padding-bottom: 40px;
  background-color: #ffffff;
  border: 2px solid #1782c4;
  z-index: 998;
  overflow: hidden;
}

#rodo_description {
  overflow-y: scroll;
  text-align: justify;
  height: 100%;
  padding: 5px;

}

#rodo_header {
  width: 100%;
  height: 30px;
  color: #ffffff;
  background-color: #1782c4;
}

#rodo_header > b {
  margin-left: 15px;
  line-height: 1.8;
}

#rodo_header > button {
  margin: 5px;
  border: 0px;
  color: white;
  background-color: #1782c4;
  float: right;
} */

#privacy_policy_table,
#privacy_policy_table tr,
#privacy_policy_table td {
  border: 1px solid black;
}

#seo-tag {
  float: left;
  height: 0;
  width: 50%;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  line-height: 12px;
  color: #b3b5b7;
  font-family: "robotoregular";
}

.quad .col4 a {
  font-size: 13px;
  line-height: 2em;
  text-decoration: none;
  color: #fff;
}

.quad .col4 a:hover {
  text-decoration: underline;
}

.destination-gif-loader {
  background-image: url("/img/new/loader.gif");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
}

.offerVariants tr {
  height: 60px;
}

.offerVariants .flightsRow {
  height: auto;
  border-bottom: 1px solid #dedede;
}

.flightsRow td {
  padding: 5px 10px;
  font-size: 11px;
}

.flightsTableLabel {
  width: 100px;
  float: left;
  font-weight: bold;
}

.flightsTable {
  margin-left: 105px;
}

.flightsTable .flightsTableRow {
  width: 100%;
  float: left;
  padding-bottom: 0.25em;
}

.flightsTable .flightsTableRow.showMore {
  display: none;
}

.flightsTableRow .flightsTableCell {
  float: left;
  overflow: hidden;
  margin: 0px 2px;
  text-align: left;
}

.flightsTableCell.short {
  width: auto;
  min-width: 10%;
  margin-right: 10px;
  min-height: 1px;
}

.flightsTableCell.long {
  width: auto;
}

.flightsTableShowMore {
  display: inline-block;
  padding: 5px 15px;
  cursor: pointer;
}

.flightsTableShowMore::after {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #1b5172;
  border-bottom: none;
}

.flightsTableShowMore.expanded::after {
  border-top: none;
  border-bottom: 5px solid #1b5172;
}

#offer-section > article #flights {
  color: #1e3f66;
  margin: 10px 0px;
}

#offer-section > article .flightsTableLabel {
  width: auto;
  padding-bottom: 10px;
  float: none;
}

#offer-section > article .flightsTable {
  display: inline-block;
  margin-left: unset;
  padding: 15px;
  background-color: #f3f3f3;
}

#offer-section > article .flightsTableHeader {
  width: 100%;
  display: inline-block;
  font-weight: bold;
}

#offer-section > article .flightsTableHeader div {
  float: left;
  margin: 0px 2px;
}

#offer-section > article .flightsTableHeader div.short,
#offer-section > article .flightsTableCell.short {
  margin-right: 0;
  min-width: 0;
  width: 5%;
}

#offer-section > article .flightsTableHeader div.long,
#offer-section > article .flightsTableCell.long {
  width: 13%;
}

#offer-section > article .flightsTableRow {
  width: 100%;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: unset;
  color: #1782c4;
  float: none;
}

.offerAdvantages .tripadvisor-small-container {
  width: 250px;
  height: 85px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 4px;
  margin-right: 30px;
  color: #333;
  text-align: center;
}

.offerAdvantages .tripadvisor-small-title {
  font-weight: bold;
  text-align: center;
  padding: 15px;
}

.offerAdvantages .tripadvisor-small-reviews {
  display: inline-block;
}

.offerAdvantages .tripadvisor-small-svg {
  float: left;
  margin-right: 10px;
}

.offerAdvantages a.tripadvisor-small-reviews-count {
  color: #333;
  float: left;
  font-size: 12px;
  line-height: 20px;
  text-decoration: underline;
}

#offers-list-main .tripadvisor-small-container {
  float: right;
  max-width: 200px;
  color: #333;
  font-size: 12px;
  min-height: 1px;
}

#offers-list-main .tripadvisor-small-reviews {
  display: inline-block;
  margin-top: 10px;
}

#offers-list-main .tripadvisor-small-svg {
  float: left;
  height: 15px;
  margin-right: 5px;
}

#offers-list-main .tripadvisor-small-reviews-count {
  color: #333;
  float: left;
  text-decoration: underline;
}

#tripadvisorOfferContainer {
  text-align: center;
}

#tripadvisorBadgeContainer {
  float: right;
}

.tripadvisor-big-svg {
  float: left;
  margin-right: 5px;
}

.tripadvisor-big-container {
  display: inline-block;
  border: 1px solid #ddd;
  color: #333;
  margin-bottom: 20px;
  text-align: left;
}

.tripadvisor-review-big-container {
  border: 1px solid #ddd;
  color: #333;
  margin-bottom: 20px;
  text-align: left;
}

.tripadvisor-big-scores-container {
  float: left;
  background: #fff;
  padding: 20px 30px;
}

.tripadvisor-big-reviews-container {
  float: left;
}

.tripadvisor-big-scores {
  float: left;
  font-size: 12px;
  color: #666;
  width: 33%;
}

.tripadvisor-big-subratings {
  font-size: 15px;
  color: #666;
  float: left;
  width: 66%;
}

.tripadvisor-big-score {
  display: inline-block;
}

.tripadvisor-big-scores-title {
  font-size: 18px;
  font-weight: bold;
}

.tripadvisor-big-review-scores-title {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding-top: 20px;
  padding-left: 20px;
}

.padding-20 {
  padding: 20px;
}

.tripadvisor-big-scores-description {
  float: left;
  line-height: 30px;
  padding-left: 5px;
  font-size: 13px;
  color: #333;
}

.tripadvisor-big-score-label,
.tripadvisor-big-score-bar,
.tripadvisor-big-score-count {
  float: left;
}

.tripadvisor-big-score-label {
  width: 60px;
  line-height: 10px;
}

.tripadvisor-big-score-count {
  line-height: 10px;
  color: #999;
}

.tripadvisor-big-score-bar {
  width: 200px;
  height: 10px;
  background: #f9f9f9;
  margin: 0 8px;
}

.tripadvisor-big-score-bar.green {
  background: #00a680;
  margin: 0;
}

.tripadvisor-big-svg-main {
  float: left;
  padding: 5px 0;
}

.tripadvisor-big-subrating {
  float: left;
  margin: 8px 0;
  width: 50%;
}

.tripadvisor-big-subrating-label {
  line-height: 9px;
}

a.tripadvisor-big-reviews-count {
  color: #333;
  float: left;
  font-size: 12px;
  line-height: 20px;
  text-decoration: underline;
}

.tripadvisor-buttons {
  float: right;
}

.tripadvisor-button {
  color: #00a680;
  font-weight: bold;
  font-size: 12px;
  padding: 5px 10px;
}

.tripadvisor-button:nth-child(odd) {
  float: left;
  border-right: 1px solid #ddd;
}

.tripadvisor-button:nth-child(even) {
  float: right;
}

.tripadvisor-lower {
  float: left;
  border-top: 1px solid #ddd;
  margin-top: 5px;
  padding-top: 15px;
}

#offer-pictures .gallery-thumbnail > img {
  height: 100%;
  object-fit: cover;
}

#offer-pictures .gallery-thumbnail > img:hover {
  opacity: 0.7;
}

.fancybox-active .fancybox-bg {
  opacity: 0.95;
  background: #000;
}

.fancybox-active .fancybox-thumbs__list a::before {
  border: 6px solid #adbf1b;
}

#offer-reservation-summary {
  padding: 0 12px;
  color: #1782c4;
}

.reservation-summary-header {
  color: #0078b5;
  font-size: 24px;
  padding-bottom: 6px;
  border-bottom: 3px solid #ddebf3;
}

.reservation-summary-header-small {
  color: #1782c4;
  font-family: "robotobold";
  font-size: 17px;
  padding-bottom: 4px;
  border-bottom: 1px solid #a1cce7;
  margin-bottom: 20px;
}

.reservation-summary-header-small.client {
  display: inline-block;
  width: 100%;
}

.reservation-summary-wrapper {
  background: #f6f6f6;
  color: #1782c4;
  margin: 20px 0;
  padding: 30px 20px;
  font-size: 17px;
}

.reservation-summary-wrapper.booking {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #f3f3f3;
  margin-top: 0;
}

.reservation-summary-prices {
  display: inline-block;
  width: 35%;
  margin-right: 15%;
  vertical-align: top;
}

.summary-price-amount {
  float: right;
}

.summary-price-wrapper {
  border-top: 2px solid #b3d5ea;
  margin-top: 10px;
  padding-top: 4px;
  font-family: "robotobold";
  padding-left: 34px;
  padding-right: 10px;
}

.summary-price-label {
  text-transform: uppercase;
}

.summary-person,
.summary-child,
.summary-service-optional {
  padding: 4px 10px 0 2px;
  overflow: auto;
}

.operator-info {
  padding: 8px;
  border: 4px solid #e03d4d;
  border-radius: 4px;
  overflow: auto;
  margin-bottom: 16px;
  color: #333;
}

.operator-info > * {
  text-align: center;
}

.reservation-summary-buttons {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.summary-button-or {
  text-align: center;
  color: #b7ca19;
  font-weight: 800;
  padding: 10px;
}

.book-button.booking-possible {
  font-size: 24px;
  font-weight: bold;
  height: 46px;
  width: 100%;
  display: inline-block;
  padding: 0 35px 0 25px;
  transition: background-color 0.1s;
  cursor: pointer;
  line-height: 42px;
  text-align: center;
  text-indent: -10px;
  position: relative;
  background-color: #adbf1b;
  color: #fff;
  border: 1px solid #adbf1b;
  white-space: nowrap;
  user-select: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
}

.book-button.booking-possible:hover {
  background-color: #1b5172;
  border: 1px solid #1b5172;
}

.reservation-button.booking-possible {
  font-size: 24px;
  font-weight: bold;
  height: 46px;
  width: 100%;
  display: inline-block;
  padding: 0 35px;
  transition: background-color 0.1s;
  cursor: pointer;
  line-height: 42px;
  text-align: center;
  position: relative;
  background-color: #fff;
  color: #adbf1b;
  border: 1px solid #adbf1b;
  white-space: nowrap;
  user-select: none;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
}

.reservation-button.booking-possible:hover {
  background-color: #b7ca19;
  color: #fff;
}

.summary-advance {
  margin-top: 55px;
}

.summary-advance-price {
  font-size: 17px;
}

.summary-advance-price span {
  font-weight: 800;
}

.summary-advance-paydate {
  font-size: 14px;
}

.summary-buy-now {
  margin: 20px 0;
  color: #f27c4d;
  text-align: center;
}

.button-buy-now {
  display: none;
  margin-top: 20px;
  color: #f27c4d;
  padding-left: calc(50% + 8px);
  text-align: center;
}

.summary-blue-icon {
  filter: invert(44%) sepia(17%) saturate(3456%) hue-rotate(168deg) brightness(92%) contrast(91%);
  margin-right: 8px;
  vertical-align: sub;
  user-select: none;
}

.summary-blue-icon.small-margin {
  margin-right: 4px;
}

.summary-blue-icon.summary {
  width: 24px;
  height: 24px;
}

.summary-orange-icon {
  filter: invert(64%) sepia(27%) saturate(2879%) hue-rotate(327deg) brightness(98%) contrast(93%);
  margin-right: 8px;
  vertical-align: sub;
  user-select: none;
}

.summary-grey-icon {
  filter: invert(49%) brightness(90%);
  margin-right: 8px;
  vertical-align: sub;
  user-select: none;
}

.summary-red-icon {
  filter: invert(45%) sepia(66%) saturate(6266%) hue-rotate(344deg) brightness(101%) contrast(91%);
  margin: 0 4px;
  vertical-align: bottom;
  user-select: none;
  height: 16px;
  width: 16px;
}

.summary-orange-icon.small-margin {
  margin-right: 4px;
}

.step-wrapper {
  padding: 26px 0;
  color: #707070;
}

.required {
  display: inline;
  color: #f27c4d;
}

.data-form-row {
  margin-bottom: 16px;
}

.data-form-label {
  margin-bottom: 6px;
}

.data-form-invalid {
  margin: 6px 0;
  color: #dc143c;
  font-size: 12px;
}

.data-form-row input::placeholder {
  color: #d4d4d4;
  font-size: 12px;
  font-style: italic;
}

.data-form-row input[type="text"],
.data-form-row input[type="date"] {
  -webkit-appearance: none;
  border: 1px solid #a9a9a9;
  background: #fff;
  height: 33px;
  padding: 0 8px;
}

.data-form-row input[type="checkbox"] {
  cursor: pointer;
}

.data-form-checkbox-label {
  vertical-align: top;
  cursor: pointer;
}

.step-wrapper .data-form-checkbox-label > span {
  border: 1px solid #707070;
}

.data-form-checkbox-label,
.required-info {
  font-size: 12px;
}

.data-form-address,
.data-form-adult,
.data-form-child {
  margin-bottom: 42px;
}

.full-width {
  width: calc(100% - 18px);
}

.half-width {
  width: calc(50% - 18px);
}

.phone-prefix-width {
  width: 32px;
  margin-right: 10px;
  text-align: center;
}

.phone-width {
  width: calc(50% - 78px);
}

.postal-code-width {
  width: 92px;
  margin-right: 16px;
}

.city-width {
  width: calc(100% - 144px);
}

.step-data-form {
  display: inline-block;
  vertical-align: top;
  width: 40%;
  margin-right: 5%;
}

#booking-summary-info {
  display: inline-block;
  vertical-align: top;
  width: 55%;
}

.checkbox-label-element {
  display: flow-root;
  transition: 2s;
  overflow-y: hidden;
  max-height: 600px;
}

.checkbox-label-element.twoline {
  max-height: 2.2rem;
}

.checkbox-label-element.threeline {
  max-height: 3.3rem;
}

.checkbox-label-element.expanded {
  max-height: 600px;
}

.inline-label-button {
  display: inline-block;
  color: #1782c4;
  text-decoration: underline;
  cursor: pointer;
}

.booking-previous-step-button {
  position: relative;
  width: 100%;
  padding: 8px 0;
  cursor: pointer;
  text-align: center;
  font-size: 24px;
  font-family: "robotobold";
  color: #adbf1b;
  background: #fff;
  border: 1px solid #adbf1b;
  margin-bottom: 10px;
  transition: 0.3s;
}

.booking-previous-step-button:hover {
  background-color: #adbf1b;
  color: #fff;
}

.booking-previous-step-button img {
  position: absolute;
  left: 10px;
  top: calc(50% - 4px);
  transform: rotateZ(-90deg);
  transition: 0.3s;
}

.booking-previous-step-button:hover img {
  filter: brightness(100);
}

.booking-next-step-button {
  position: relative;
  width: 100%;
  padding: 8px 0;
  cursor: pointer;
  text-align: center;
  font-size: 24px;
  font-family: "robotobold";
  color: #fff;
  background: #adbf1b;
  border: 1px solid #adbf1b;
  transition: 0.3s;
}

.booking-next-step-button:hover {
  background-color: #1b5172;
  border: 1px solid #1b5172;
}

.booking-next-step-button.disabled {
  background-color: #7e7e7e;
  border: 1px solid #7e7e7e;
}

.booking-next-step-button img {
  position: absolute;
  right: 10px;
  top: calc(50% - 4px);
  transform: rotateZ(90deg);
  transition: 0.3s;
}

.booking-buttons-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
}

.booking-buttons-grid > * {
  margin-bottom: 0;
}

.book-steps-header {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 30px 0 50px 0;
  position: relative;
  cursor: default;
  user-select: none;
}

.book-steps-bars-wrapper {
  position: absolute;
  top: 20px;
  z-index: -1;
  width: 100%;
  text-align: center;
}

.book-steps-bar {
  border-bottom: 1px solid #a9a9a9;
  width: 23%;
  display: inline-block;
  vertical-align: top;
  transition: 0.3s;
}

.book-steps-bar.done {
  border-color: #1782c4;
}

.book-step-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #a9a9a9;
  font-size: 17px;
  transition: 0.3s;
}

.step-header-number {
  font-family: "robotobold";
  font-size: 17px;
  background: #fff;
  border: 2px solid #a9a9a9;
  border-radius: 48px;
  width: 26px;
  height: 26px;
  margin: 6px;
  transition: 0.3s;
}

.step-header-number img {
  width: 14px;
}

.book-step-header.current .step-header-number {
  scale: 1.33;
  border-color: #1782c4;
  color: #1782c4;
}

.book-step-header.done .step-header-number {
  background: #1782c4;
  border-color: #1782c4;
}

.book-step-header.current .step-header-name {
  font-weight: 600;
  color: #1782c4;
}

.book-step-header.done .step-header-name {
  color: #1782c4;
}

.booking-offer-info {
  width: calc(100% - 32px);
  padding: 10px 16px;
  border: 1px solid #1782c4;
  margin-bottom: 20px;
}

.booking-hotel-name {
  color: #f27c4d;
  font-weight: 600;
  margin-bottom: 6px;
}

.booking-hotel-location {
  margin-bottom: 20px;
}

.booking-offer-panel {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.booking-offer-data-row {
  margin-bottom: 4px;
}

.booking-offer-data-label {
  width: 40%;
  display: inline-block;
  font-weight: 600;
}

.booking-offer-data-value {
  width: calc(60% - 10px);
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
}

.data-form-service-optional {
  width: calc(100% - 20px);
  background: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #adbf1b;
  margin-bottom: 20px;
  padding: 6px 20px;
}

.service-optional-description {
  margin-top: 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid #a1cce7;
  margin-bottom: 16px;
}

.service-optional-description-feature {
  margin-bottom: 8px;
}

.service-optional-description-feature > span {
  display: flex;
  padding: 6px 9px 9px 9px;
  border: 1px solid #707070;
  border-radius: 15px;
}

.service-optional-description-feature > span > img {
  width: 14px;
  height: 14px;
  margin-top: 3px;
  margin-right: 6px;
  filter: invert(26%) sepia(91%) saturate(425%) hue-rotate(14deg) brightness(86%) contrast(89%);
}

.service-optional-description-header {
  color: #1782c4;
  font-family: "robotobold";
  font-size: 17px;
  padding-top: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid #a1cce7;
  margin-bottom: 16px;
}

.service-optional-description-header img {
  filter: invert(44%) sepia(17%) saturate(3456%) hue-rotate(168deg) brightness(92%) contrast(91%);
  margin-right: 18px;
  height: 42px;
  width: 42px;
  vertical-align: middle;
  user-select: none;
}

.service-optional-description-name {
  display: inline-block;
  width: calc(100% - 60px);
  vertical-align: middle;
}

.service-optional-options-wrapper {
  color: #1782c4;
  border-bottom: 1px solid #a1cce7;
  margin-bottom: 16px;
}

.service-optional-option {
  margin-bottom: 16px;
}

.service-optional-footer {
  color: #1782c4;
  text-align: end;
  line-height: 1;
  margin-bottom: 10px;
  min-height: 26px;
}

.service-optional-footer.unavailable .service-optional-checkbox label span {
  text-align: center;
  line-height: 10px;
  font-size: 26px;
  color: #dc143c;
}

.service-optional-price {
  font-size: 12px;
  height: 26px;
}

.service-optional-price.unavailable {
  color: #dc143c;
}

.service-optional-price-number {
  font-family: "robotobold";
  font-size: 26px;
  margin: 0 4px;
}

.service-optional-checkbox label span {
  margin-top: 4px;
}

.no-services-optional-message {
  font-family: "robotobold";
  font-size: 27px;
  text-align: center;
  color: #d4d4d4;
  padding: 10px 40px;
}

.no-services-optional-message.dark {
  color: #707070;
}

.data-form-participants,
.data-form-payment-form,
.data-form-documents {
  margin-bottom: 34px;
}

.data-form-participant {
  font-size: 17px;
  margin-bottom: 26px;
}

.data-form-participant-label {
  width: 40%;
  display: inline-block;
}

.data-form-participant-data {
  width: 60%;
  display: inline-block;
  vertical-align: text-top;
}

.data-form-participant-name {
  margin-bottom: 6px;
}

.after-booking-wrapper {
  text-align: center;
  margin-bottom: 100px;
}

.after-booking-header-wrapper {
  margin: 64px 0 80px 0;
  position: relative;
  cursor: default;
  user-select: none;
}

.after-booking-header-wrapper.grey .after-booking-bar {
  border-bottom: 2px solid #a9a9a9;
}

.after-booking-header-wrapper.grey .after-booking-checkmark {
  background: #a9a9a9;
  border: 2px solid #a9a9a9;
}

.after-booking-header-wrapper.grey .after-booking-name {
  color: #a9a9a9;
}

.after-booking-header-wrapper.invalid .after-booking-bar {
  border-bottom: 2px solid #f44336;
}

.after-booking-header-wrapper.invalid .after-booking-checkmark {
  background: #f44336;
  border: 2px solid #f44336;
}

.after-booking-header-wrapper.invalid .after-booking-name {
  color: #f44336;
}

.after-booking-bar-wrapper {
  position: absolute;
  top: 20px;
  z-index: -1;
  width: 100%;
  text-align: center;
}

.after-booking-bar {
  border-bottom: 2px solid #b7ca19;
  width: 60%;
  display: inline-block;
  vertical-align: top;
  transition: 0.3s;
}

.after-booking-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 17px;
  transition: 0.3s;
}

.after-booking-checkmark {
  background: #b7ca19;
  border: 2px solid #b7ca19;
  border-radius: 48px;
  width: 26px;
  height: 26px;
  margin: 6px;
  scale: 1.33;
  transition: 0.3s;
}

.after-booking-checkmark img {
  width: 14px;
  height: 14px;
  margin-bottom: 2px;
}

.after-booking-name {
  font-family: "robotobold";
  color: #b7ca19;
}

.data-form-payment-methods-wrapper {
  display: grid;
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  margin: 34px 0;
}

.data-form-payment-method {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #70707050;
  transition: 0.2s;
  min-height: 85px;
  cursor: pointer;
  padding: 3px;
}

.data-form-payment-method img {
  max-width: 100%;
  max-height: 100%;
  transition: 0.3s;
}

.data-form-payment-method:hover {
  box-shadow: 0px 3px 6px #00000029;
}

.data-form-payment-method.current {
  box-shadow: 0px 3px 6px #00000029;
  border: 2px solid #b7ca19;
}

.data-form-payment-method.current img {
  scale: 0.9s;
}

@keyframes appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.data-form-loading {
  text-align: center;
}

.data-form-loading svg {
  animation: appear 0.6s ease-in;
  max-height: 100%;
  max-width: 100%;
}

.data-form-loading.price {
  height: 100%;
  text-align: end;
}

.data-form-loading.price svg {
  animation: appear 0.3s ease-in;
}

.order-confirmation-message {
  border: 1px solid #1782c4;
  padding: 22px;
  text-align: center;
  font-size: 14px;
  color: #707070;
  display: inline-block;
  min-width: 40%;
}

.order-confirmation-message > * {
  padding: 8px;
}

a.pay-pending-now {
  display: inline-block;
  padding: 20px 60px;
  margin: 8px 0;
  background: #b7ca19;
  color: #fff;
  font-family: "robotobold";
  font-size: 21px;
  cursor: pointer;
  text-decoration: none;
  transition: 0.2s;
}

a.pay-pending-now:hover {
  background: #1782c4;
}

.order-confirmation-payment-id {
  font-family: "robotobold";
  color: #1782c4;
  font-size: 17px;
}

.order-confirmation-phone-number {
  font-size: 22px;
  color: #029bd8;
  font-family: "robotoregular";
}

.book-unavailable-header {
  font-family: "robotobold";
  color: #dc143c;
  font-size: 27px;
  padding: 16px;
  text-align: center;
}

.book-unavailable-hint {
  color: #707070;
  font-size: 14px;
  padding: 16px;
  text-align: center;
}

.data-form-document {
  margin-bottom: 8px;
}

.data-form-document-checkbox-wrapper {
  display: inline;
}

.data-form-document-download img {
  padding: 0 8px;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: baseline;
  margin: -2px 0 0 0;
}

.data-form-document-download {
  cursor: pointer;
}

.data-form-document-download.book-pdf img {
  padding: 0 8px 0 0;
}

.documents-accept-label {
  font-weight: 600;
  font-size: 12px;
  margin: 20px 0;
}

.documents-loader-text {
  font-weight: 600;
  font-size: 17px;
  text-align: center;
  margin: 20px 0;
}

.data-form-document-preview {
  font-size: 12px;
  vertical-align: top;
  cursor: pointer;
  color: #029bd8;
  text-decoration: none;
}

.copy-client {
  float: right;
  cursor: pointer;
  max-width: calc(100% - 120px);
  text-align: right;
}

.copy-client img {
  height: 24px;
  margin-left: 6px;
  margin-right: 0;
}

.summary-button > .default-button {
  display: inline-block;
}

.swiper-mobile {
  display: none;
}

.swiper-desktop {
  display: initial;
}

@media only screen and (max-width: 768px) {
  .swiper-mobile {
    display: initial;
  }

  .swiper-desktop {
    display: none;
  }
}

a.hotel-list-switch {
  font-size: 16px;
  background-color: #1b5172;
  color: white;
  padding: 5px 20px;
  margin-right: 20px;
  text-decoration: none;
}

a:hover.hotel-list-switch {
  background-color: #1782c4;
}

a.hotel-list-switch.active {
  background-color: #1782c4;
}

.show-hotel-list-switch {
  margin: 20px 0px;
}

.searchAutosugetion {
  margin-top: 3px;
}

.img-html-overlay-text-inner p {
  margin: 0;
}

.airport-hint-popup {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #adbf1b;
  width: 260px;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  max-width: 300px;
  z-index: 9999;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 5px;
}

.airport-hint-popup::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #adbf1b;
}

.airport-hint-popup h4 {
  margin: 0 0 8px 0;
  color: #1782c4;
  font-size: 16px;
}

.airport-hint-popup p {
  margin: 0;
  color: #666;
  width: 100%;
}

.airport-hint-popup-close {
  float: right;
  background: #adbf1b;
  width: 25px;
  height: 25px;
  color: #ffffff;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
  margin: 2px 2px 10px 10px;
  position: absolute;
  right: 2px;
  top: 0;
  z-index: 5;
  font-size: 11px;
}

.selectBox .clear-button {
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  margin: 0 2px 2px 0;
  position: absolute;
  bottom: 2px;
  font-weight: 600;
  left: 4px;
  background-color: #ff0000;
  color: #fff;
  text-align: center !important;
  border: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.clear-button:hover,
.clear-button:focus,
.clear-button:active {
  background-color: #1b5172;
  color: #fff;
}

/* Preload images */
body:after {
  content: url(/css/img/close.png) url(/css/img/loading.gif) url(/css/img/prev.png) url(/css/img/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/css/img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/css/img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 14px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/css/img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.grid-row {
    display: flex;
}

#grid {
  margin-left: -8px;
  margin-right: -8px;
}

#grid > div {
    float: left;
}

.grid-row > div {
    margin: 1px;
}

.grid-width-1, .grid-sizer {
    width: 8.33%;
}

.grid-width-2 {
    width: 16.66%;
}

.grid-width-3 {
    width: 25%;
}

.grid-width-4 {
    width: 33.33%;
}

.grid-width-5 {
    width: 41.66%;
}

.grid-width-6 {
    width: 50%;
}

.grid-width-7 {
    width: 58.33%;
}

.grid-width-8 {
    width: 66.66%;
}

.grid-width-9 {
    width: 75%;
}

.grid-width-10 {
    width: 83.33%;
}

.grid-width-11 {
    width: 91.66%;
}

.grid-width-12 {
    width: 100%;
}

.grid-width-1, .grid-width-2, .grid-width-3, .grid-width-4,
.grid-width-5, .grid-width-6, .grid-width-7, .grid-width-8,
.grid-width-9, .grid-width-10, .grid-width-11, .grid-width-12 {
    padding: 5px;
    box-sizing: border-box;
}

.stars {
    box-sizing: border-box;
    margin: 5px 0px 5px 0px;
    height: 16px;
    background: url('/img/stars.svg');
    display: block;
}

.grid-stars6 {
    width: 98px;
    overflow: hidden;
}

.grid-stars55 {
    width: 91px;
    overflow: hidden;
}

.grid-stars5 {
    width: 84px;
    overflow: hidden;
}

.grid-stars45 {
    width: 76px;
    overflow: hidden;
}

.grid-stars4 {
    width: 67px;
    overflow: hidden;
}

.grid-stars35 {
    width: 59px;
    overflow: hidden;
}

.grid-stars3 {
    width: 51px;
    overflow: hidden;
}

.grid-stars25 {
    width: 42px;
    overflow: hidden;
}


.grid-stars2 {
    width: 33px;
    overflow: hidden;
}

.grid-stars15 {
    width: 25px;
    overflow: hidden;
}

.grid-stars1 {
    width: 16px;
    overflow: hidden;
}

.grid-stars05 {
    width: 8px;
    overflow: hidden;
}

.grid-stars0 {
    width: 0px;
    overflow: hidden;
}

.box {
    -webkit-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.5);
    overflow: hidden;
}

.box > div {
    width: 100%;
}

.box-header, .box-footer {
    background-color: #1782c4;
    padding: 0.6rem;
    font-size: 16px;
    height: 41px;
    clear: both;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.box-header h2, .box-footer h2, .box-header h3, .box-footer h3 {
    margin: 0;
    color: inherit;
    font-weight: normal;
    font-size: inherit;
    padding: 0;
    overflow: hidden;
    line-height: 1.3rem;
}

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

.img-and-text > a {
    color: white;
    text-decoration: none;
}

.region-description-box-title > a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    margin: 0;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.region-description-box-img, .region-box-img {
    width: 100%;
}

.region-description-box-title :hover {
    background-color: #1b5172;
}

.region-description-box-title > a, .region-description-footer > a {
    background-color: #adbf1b;
    text-decoration: none;
    color: white;
}

.region-description-footer > a {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: right;
}

.region-list-footer > a:hover, .region-description-footer > a:hover {
    background-color: #1782c4!important;
    color: white;
}

.background-img {
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
}

p.title {
    font-size: 17px;
    color: white;
    border-bottom: 1px solid white;
}

.box-title {
    background-color: #adbf1b;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0px 10px 14px;
}

.box-content {
    padding: 5px;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #ddd;
}

.hotel-box .hotel-name, .carousel .hotel-name {
    line-height: normal;
    margin: 0px;
}

.hotel-box .hotel-name a, .carousel .hotel-name a {
    display: block;
    color: #f27c09;
    font-size: 16px;
    font-weight: bold;
    padding: 0.5rem 0.5rem 0 0.5rem;
}

.hotel-location {
    text-transform: capitalize;
}

.hotel-box .hotel-location a, .carousel .hotel-location a {
    color: #1b5172;
    font-size: 13px;
    cursor: pointer;
    font-weight: normal;
}

.hotel-box .hotel-location a:hover, .carousel .hotel-location a:hover {
    text-decoration: underline;
}

.hotel-box .hotel-location, .carousel .hotel-location,
.hotel-box .hotel-location h2, .carousel .hotel-location h2,
.hotel-box .hotel-location h3, .carousel .hotel-location h3 {
    color: #1b5172;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: normal;
    font-family: "robotoregular";
    display: inline;
    line-height: 1.4;
    margin: 0;
    cursor: default;
}

.hotel-box .hotel-location, .carousel .hotel-location {
    display: inline-block;
    height: 1rem;
    overflow: hidden;
}

.hotel-box .hotel-location {
    padding: 0 0.5rem 0 0.5rem;
}

.carousel .hotel-location {
    padding: 0 0.5rem 0 0.5rem;
    margin-bottom: 0.5rem;
}

.hotel-box .picture a {
    display: block;
    width: 100%;
    height: 185px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hotel-box .hotel-price {
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
    padding: 0 1rem 0.5rem 0;
}

.hotel-box .hotel-price > span {
    color: #f27c09;
    margin-left: 1rem;
}

.hotel-box a:hover {
    text-decoration: none;
}

.hotel-box .hotel-price:hover {
    text-decoration: underline #f27c09;
}

.hotel-box > a > .hotel-price > span::after {
    position: relative;
    left: 0.5rem;
    top: 5px;
    content: url('/css/img/next.svg');
}

.hotel-price .days, .single-offer-price .days {
    color: #1782c4;
    font-size: 13px;
    font-weight: normal;
}

.region-box-region-name > h3,
.region-box-region-name > h2, .region-box-region-name > span {
    display: block;
    color: #1782c4;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0;
}

.region-bottom {
    position: relative;
    height: 58px;
}

.region-box-region-name {
    width: 55%;
    text-align: left;
    display: inline-block;
    box-sizing: border-box;
    height: 3rem;
    overflow: hidden;
    padding: 1rem 0 1rem 1rem;
}

.region-box > .region-bottom > a {
    position: absolute;
    top: 1.05rem;
    font-weight: bold;
    font-size: 18px;
    margin: 0px;
    box-sizing: border-box;
}

.region-box > .region-bottom > a > .region-price > span {
    color: #f27c09;
    margin-left: 1rem;
}

.region-box > .region-bottom > a {
    display: inline-block;
    width: 43%;
    box-sizing: border-box;
    padding-right: 0.5rem;
}

.region-box > .region-bottom > a:hover {
    text-decoration: underline #f27c09;
}

.img-text-box-text-background {
    display: inline-block;
    box-sizing: border-box;
    background-clip: content-box;
}

.img-text-box-text-background > span {
    display: block;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 16px;
    text-align: justify;
}

.img-text-box-text-background > span * {
    color: inherit;
    font-size: inherit;
}

.img-text-box-img {
    overflow: hidden;
}

.text-box-text {
    box-sizing: border-box;
    text-align: justify;
    overflow-y: auto;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

.text-box-text > p {
    margin: 0;
    display: block;
    min-height: 1rem;
}

.text-box-text ul {
    list-style-type: disc;
}

.region-list-box-list {
    padding: 1rem 1rem 1rem 1rem;
}

.single-region {
    display: inline-block;
    margin: 0;
    width: 100%;
    padding: 5px 0 5px 0;
}

.single-region-name {
    font-size: 16px;
    margin: 0;
    line-height: 1.4;
    color: #1782C4;
    float: left;
    font-weight: normal;
}

.single-region-price {
    float: right;
    font-size: 16px;
    font-weight: bold;
    color: #f27c09;
    padding-left: 3px;
}

.single-region:hover > .single-region-name, .single-region:hover > .single-region-price {
    text-decoration: underline;
}

.region-list-box-footer {
    padding: 0 1rem 1rem 1rem;
    box-sizing: border-box;
}

.region-list-box-footer a {
    color: #f27c09;
}

.region-list-box-footer > a::after, .region-box > .region-bottom > a > .region-price > span::after {
    width: 10px;
    height: 16px;
    background-size: 10px 16px!important;
    display: inline-block;
    background: url('/css/img/next.svg');
    content:"";
    position: relative;
    left: 4px;
    top: 2px;
}

.img-next-to-text > .text {
    width: 50%;
    padding: 1rem;
    box-sizing: border-box;
    text-align: justify;
}

.img-next-to-text > .text > span {
    margin: 0;
    overflow-y: auto;
    height: 100%;
    display: block;
}

.img-next-to-text > .text > span > p {
    margin: 0;
    min-height: 1rem;
    display: block;
}

.img-next-to-text > .text > ul {
    list-style-type: disc;
}

.img-next-to-text > .img {
    padding: 1rem;
    box-sizing: border-box;
    width: 50%;
}
.carousel .picture {
    position: relative;
}

.carousel .picture a {
    display: block;
    width: 100%;
    height: 185px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: relative;
}

.carousel-hotel-price {
    position: absolute;
    bottom: 0px;
}

.carousel-hotel-price .days {
    font-weight: normal;
}

.offer-list-box {
    background-color: white;
}


.offer-list-box > .single-offer, .region-list-with-img-box > .single-offer {
    min-height: 100px;
    border: none;
    margin: 1rem;
    position: relative;
}

.region-list-with-img-box > .single-offer > .region-info {
    box-sizing: border-box;
    padding-left: 110px;
    width: 100%;
    padding-top: 35px;
}

.offers-list-box-hotel-img, .region-list-img {
    width: 100px;
    float: left;
    height: 100px;
    margin-right: 0.5rem;
    overflow: hidden;
}

.offers-list-box-hotel-img {
    width: 100px;
    float: left;
    height: 100px;
    margin-right: 0.5rem;
    overflow: hidden;
}


.single-offer > .single-offer-price {
    font-weight: bold;
    color: #f27c09;
    font-size: 18px;
    position: absolute;
    top: 65px;
    right: 10px;
}

.single-offer > .region-info > .region-price {
    font-weight: bold;
    color: #f27c09;
    font-size: 18px;
    float: right;
    margin-top: -2px;
    text-align: right;
}

.offer-list-box .hotel-location a {
    color: #1b5172;
    font-weight: normal;
    font-size: 13px;
}

.offer-list-box .hotel-location a:hover {
    text-decoration: underline;
}

.offer-list-box .hotel-location, .offer-list-box .hotel-location h2, .offer-list-box .hotel-location h3 {
    color: #1b5172;
    font-weight: normal;
    font-style: normal;
    display: inline;
    line-height: normal;
    font-size: 13px;
    font-family: "robotoregular";
    height: 1.2rem;
    overflow: hidden;
    padding-top: 5px;
}

.offer-list-box .hotel-location {
    display: block;
}

.hotel-image-stars {
    padding: 5px 3px 5px 3px;
    color: white;
    background-color: rgba(23, 130, 196, 0.88);
    position: relative;
    width: 35px;
    height: 30px;
    top: 70px;
    left: 65px;
    box-sizing: border-box;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
}

.carousel-hotel-left .carousel-hotel-price {
    left: 0;
}

.carousel-hotel-right .carousel-hotel-price {
    right: 0;
}

.carousel-hotel-price > span {
    display: block;
    padding: 0.5rem;
    font-size: 16px;
    color: white;
    font-weight: bold;
    background-color: rgba(23, 130, 196, 0.88);
}

#lightSlider > li {
    width: 100%;
}

.carousel-hotel-left {
    width: 50%;
    box-sizing: border-box;
    padding-right: 5px;
    float: left;
}

.carousel-hotel-right {
    width: 50%;
    box-sizing: border-box;
    padding-left: 5px;
    float: right;
}

.img-text-box-text-background {
    display: inline-block;
    box-sizing: border-box;
    background-clip: content-box;
}
.medium-bottom-margin {
    margin-bottom: 15px;
}

.single-offer .hotel-name, .single-offer .hotel-name h2, .single-offer .hotel-name h3 {
    color: #f27c09;
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    margin: 0;
    padding-bottom: 0.7rem;
}

.region-list-name {
    padding: 0;
    min-width: 50px;
    float: left;
    margin-bottom: 0;
    height: 25px;
    line-height: 1.5;
}

.form-box {
    background-color: #f3ecdb;
}

.single-offer .region-name, .single-offer .region-name h2, .single-offer .region-name h3 {
    color: #1782c4;
    font-size: 16px;
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 0;
}

.fake-link-orange {
    color: #f27c09;
    cursor: pointer;
}

.show-more-link::after {
    width: 15px;
    height: 15px;
    background-size: 15px 15px!important;
    display: inline-block;
    background: url('/img/orange_down.png');
    content:"";
    position: relative;
    left: 5px;
    top: 3px;
}

.show-less-link::after {
    width: 15px;
    height: 15px;
    background-size: 15px 15px!important;
    display: inline-block;
    background: url('/img/orange_up.png');
    content:"";
    position: relative;
    left: 5px;
    top: 3px;
}

#grid-title {
    text-align: center;
    color: #f27c09;
    font-size: 23px;
    margin-top: 0;
}

.single-offer-price::after, .single-offer > .region-info > .region-price::after {
    width: 12px;
    height: 18px;
    background-size: 12px 18px!important;
    display: inline-block;
    background: url('/css/img/next.svg');
    content:"";
    position: relative;
    left: 5px;
    top: 3px;
}

.form-box {
    height: 398px;
}