.offersSliderWrapper{
   -ms-overflow-style: none;  // IE 10+
    scrollbar-width: none;  // Firefox
}
.offersSliderWrapper::-webkit-scrollbar { 
    display: block;  
    height: 10px;

}

.offersSliderWrapper::-webkit-scrollbar-thumb {
    background: silver; 
    background: rgba(0, 0, 0, 0.15);
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    }

.thumbnailsWrapper {
   -ms-overflow-style: none;  // IE 10+
    scrollbar-width: none;  // Firefox
}
.thumbnailsWrapper::-webkit-scrollbar { 
    display: none;  
}

.bookLink ,
.bookLink:hover,
.bookLink:active,
.bookLink:visited

 {
	color: #337ab7;
}    

#back_to_search {

}
	@media (max-width: 992px) {
		#back_to_search {
			display: none;
		}	
	}
	

.prv1 {
	background-color: #FF9933 !important;
	color: #FF9933 !important;

}


.prv2 {
	background-color: #7AC000 !important;
	color: #7AC000 !important;
}

.prv3 {
	background-color: #14A2A9 !important;
	color: #14A2A9 !important;

}

.prv4 {
	background-color: #ee3618 !important;
	color: #ee3618 !important;
}

.prv5 {
	background-color: #002aff !important;
	color: #002aff !important;
}





  #map_popup_name{
	font-size: 20px;
	margin-top: 20px;
	display: block;
	color: #337ab7;
  }
 #map_popup_name:hover, #map_popup_name:visited, {
	color: #337ab7;
  }
  
  #map_popup_price{
	margin-top: 10px;	
  }
  
  #map_popup_link {
	color: black;
	display: block;
	margin-top:20px;
	margin-bottom:10px;

  }
  
  #map_popup_link:hover, #map_popup_link:visited, {
	color: black;
  }

  #map_popup{
  position: absolute; z-index: 200; min-height: 150px; width: 296px;
			left: 50%; margin-left: -145px; margin-top: 80px; background-color: white; 
			border-radius: 5px;  box-shadow: 5px 8px 10px #888888; color: #337ab7;
			text-align: center;
}
#map_image_previews {
	margin: 5px;
}
  
  .popup-bubble{
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -100%);
	/* Style the bubble. */
	background-color: white;
	padding: 5px;
	border-radius: 5px;
	font-family: sans-serif;
	font-size: 15px;
	color: #337ab7;
	border: 1px solid #337ab7;
	font-weight: bold;
	overflow-y: auto;
	max-height: 60px;
	box-shadow: 0px 2px 10px 1px rgba(0,0,0,0.5);
	cursor: pointer;
  
  }  
  
 .eur_map {
	/* Position the bubble centred-above its parent. */
	font-weight: normal;        
  }
  /* The parent of the bubble. A zero-height div at the top of the tip. */
  .popup-bubble-anchor {
	/* Position the div a fixed distance above the tip. */
	position: absolute;
	width: 100%;
	bottom: /* TIP_HEIGHT= */ 8px;
	left: 0;
  }
  /* This element draws the tip. */
  .popup-bubble-anchor::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	/* Center the tip horizontally. */
	transform: translate(-50%, 0);
	/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
	width: 0;
	height: 0;
	/* The tip is 8px high, and 12px wide. */
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: /* TIP_HEIGHT= */ 8px solid #337ab7;
  }
  /* JavaScript will position this div at the bottom of the popup tip. */
  .popup-container {
	cursor: auto;
	height: 0;
	position: absolute;
	/* The max width of the info window. */
	width: 200px;
  }








.thumbnail2 {
    height: 100px;
    width: 133px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 0px solid #e1e1e1;
    background-color: #f3f0f0;
    position: relative;
    cursor: pointer;
    display: inline-block;
}    


.thumbnail2_map {
    height: 70px;
    width: 66px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 0px solid #e1e1e1;
    background-color: #f3f0f0;
    position: relative;
    cursor: normal;
    float: left;
}    


.preview_loading {
	display: none;
	font-size: 18px;
	color: rgba(46, 46, 46, 0.6);
	top: 105px;
	left: 0px;
	width: 100%;	
	text-align: center;
	position: absolute;	
    text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.6);
    animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.img_left {
	position: absolute;
	cursor: pointer;
	top: 100px;
	left: 5px;
	font-size: 50px;
	color: rgba(46, 46, 46, 0.6);
    text-shadow: 1px 1px 6px rgba(255, 255, 255, 0.6);
	
}

.img_right {
	position: absolute;
	cursor: pointer;
	top: 100px;
	right: 5px;
	text-align: right;
	font-size: 50px;
	color: rgba(46, 46, 46, 0.6);
    text-shadow: 1px 1px 6px rgba(255, 255, 255, 0.6);
	
}


.lazyLoadWrapper{
	height: 260px; 
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border: 1px solid #e1e1e1;
	background-color: #f3f0f0;
	position: relative;
}

#div_suggest_dropdown {
	position: absolute;
	top: 40px;
	border: 1px solid silver;
	background-color: white;
	color: black;
	max-width: 200px;
	z-index: 10;
	border-radius: 3px;
	left: -1px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}



#div_suggest_dropdown_source {
	position: absolute;
	top: 40px;
	border: 1px solid silver;
	background-color: white;
	color: black;
	max-width: 200px;
	z-index: 10;
	border-radius: 3px;
	left: -1px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}


#div_suggest_dropdown_destination {
	position: absolute;
	top: 40px;
	border: 1px solid silver;
	background-color: white;
	color: black;
	max-width: 200px;
	z-index: 10;
	border-radius: 3px;
	left: -1px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
.div_suggest_item {
	padding: 5px;
	padding-top:6px;
	padding-bottom:6px;
	cursor: pointer;
	min-width: 80px;
}
.div_suggest_item:hover {
	background-color: silver;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}



   



.div_input {
			border-radius: 3px;
			height: 33px;
			padding: 3px;
			width: 100%;
			margin: 5px;
			border: 0px solid white;
			background-color: white;
			vertical-align: middle;
			position: relative;
			
}	
		
.input_field {
			background-color: #ffffff !important;
			border: 0px solid white;	
			height: 23px;
			padding-left: 23px;
			padding-right: 21px;
			width: 100%;

    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;			
}

.short_selector_under_label{
	color: black; margin-top: 20px; padding-left: 10px;
}

._black{
	color: black; padding-left: 5px;
}
		
.input_icon {
			left: 6px;
			top: 4px;
			position: absolute;
			font-size: 18px;
			color: rgba(0, 51, 102, 0.9);
			height: 23px;
			line-height: 23px;
}
		
.input_icon_right {
			right: 6px;
			top: 4px;
			position: absolute;
			font-size: 18px;
			color: rgba(0, 51, 102, 0.9);
			height: 23px;
			line-height: 23px;
			cursor: pointer;
}
		
.icon_add_room {
	margin-right: 5px;
    font-size: 18px;
    height: 23px;
   
}

.icon_add_room_plus {
	margin-right: -12px;
   
    height: 23px;
   
}


.numbers_div {
	float: left; width: 93px; 
	height: 48px; 
	border-radius: 4px; background-color: white; border: 0px solid white;
	position: relative;
	margin-right: 5px;
	margin-bottom: 5px;
}


.wide_screen_float_right {
	float: left; 
	margin-right: 0px;
}



  @media (min-width: 768px) {
    .wide_screen_float_right {
     float: left;} }
  @media (min-width: 992px) {
    .wide_screen_float_right {
     float: right;
     margin-right: 0px;
     } }
  @media (min-width: 1200px) {
    .wide_screen_float_right {
      float: left;  } }



.search_container {
	margin-bottom: 10px;
	margin-top: 10px;

}





.placeholder2 {
  color: #708692;
  font-weight: 400;
  top: 3px;
  left: 10px;
  position: absolute;
  font-size: 12px;  
}



.Dropdown-root {
  position: relative;
}

.Dropdown-control {
  position: relative;
  overflow: hidden;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-sizing: border-box;
  color: #333;
  cursor: default;
  outline: none;
  padding: 8px 52px 8px 10px;
  transition: all 200ms ease;
}

.Dropdown-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

.Dropdown-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: ' ';
  display: block;
  height: 0;
  margin-top: -ceil(2.5);
  position: absolute;
  right: 10px;
  top: 14px;
  width: 0
}

.is-open .Dropdown-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}

.Dropdown-menu {
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}

.Dropdown-menu .Dropdown-group > .Dropdown-title{
  padding: 8px 10px;
  color: rgba(51, 51, 51, 1);
  font-weight: bold;
  text-transform: capitalize;
}

.Dropdown-option {
  box-sizing: border-box;
  color: rgba(51, 51, 51, 0.8);
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}

.Dropdown-option:last-child {
  border-bottom-right-radius: 2px;
   border-bottom-left-radius: 2px;
}

.Dropdown-option:hover {
  background-color: #f2f9fc;
  color: #333;
}

.Dropdown-option.is-selected {
  background-color: #f2f9fc;
  color: #333;
}

.Dropdown-noresults {
  box-sizing: border-box;
  color: #ccc;
  cursor: default;
  display: block;
  padding: 8px 10px;
}


/*!
 Material Components for the Web
 Copyright (c) 2018 Google Inc.
 License: MIT
*/
@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface--test-edge-var-bug{--mdc-ripple-surface-test-edge-var: 1px solid #000;visibility:hidden}.mdc-ripple-surface--test-edge-var-bug::before{border:var(--mdc-ripple-surface-test-edge-var)}.mdc-ripple-surface{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform, opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards;animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:150ms mdc-ripple-fg-opacity-out;animation:150ms mdc-ripple-fg-opacity-out;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000}.mdc-ripple-surface:hover::before{opacity:.04}.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before,.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.16}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: .16}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface--primary::before,.mdc-ripple-surface--primary::after{background-color:#6200ee}@supports not (-ms-ime-align: auto){.mdc-ripple-surface--primary::before,.mdc-ripple-surface--primary::after{background-color:var(--mdc-theme-primary, #6200ee)}}.mdc-ripple-surface--primary:hover::before{opacity:.04}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before,.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.16}.mdc-ripple-surface--primary.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: .16}.mdc-ripple-surface--accent::before,.mdc-ripple-surface--accent::after{background-color:#018786}@supports not (-ms-ime-align: auto){.mdc-ripple-surface--accent::before,.mdc-ripple-surface--accent::after{background-color:var(--mdc-theme-secondary, #018786)}}.mdc-ripple-surface--accent:hover::before{opacity:.04}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before,.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.16}.mdc-ripple-surface--accent.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: .16}/** import required node modules styles */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

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

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

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

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 16px;
  padding-right: 16px; }
  .container-fluid:before, .container-fluid:after {
    content: " ";
    display: table; }
  .container-fluid:after {
    clear: both; }

/*
.row {
  margin-left: -16px;
  margin-right: -16px; }

  .row:before, .row:after {
    content: " ";
    display: table; }
    
  .row:after {
    clear: both; }
*/    

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

/** global variables */
@font-face {
  font-family: Roboto;
  src: url(/client/fd160a7ab05613cd3a733e0046995d92.eot), url(/client/fd160a7ab05613cd3a733e0046995d92.eot?#iefix) format("embedded-opentype"), url(/client/50db936a55708c077ad4fc567f58ad90.woff2) format("woff2"), url(/client/f27e2017bb70cedb8b63ae10e8c59958.woff) format("woff"), url(/client/7b5fb88f12bec8143f00e21bc3222124.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  font-display: swap; }

@font-face {
  font-family: Roboto;
  src: url(/client/eee713d6454874d4d1d8babd8dd562cf.eot), url(/client/eee713d6454874d4d1d8babd8dd562cf.eot?#iefix) format("embedded-opentype"), url(/client/bde1ca6a5d7cefc8108c75fdaad29ed6.woff2) format("woff2"), url(/client/d60c6fd1200bb6fe2050f4296ace8d43.woff) format("woff"), url(/client/ac3f799d5bbaf5196fab15ab8de8431c.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  font-display: swap; }

@font-face {
  font-family: Roboto;
  src: url(/client/80496fde51f4521974596f40520fd4c1.eot), url(/client/80496fde51f4521974596f40520fd4c1.eot?#iefix) format("embedded-opentype"), url(/client/8116c50ee11080e2f5be765f60ca66ef.woff2) format("woff2"), url(/client/e3f07c7ccfe1a0be0b1d0de4178293b4.woff) format("woff"), url(/client/e4e79b370e0e74f83674ff1a45d3b3ac.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-variant: normal;
  font-display: swap; }

.textInput input:not([type=radio]),
.textInput input:not([type=checkbox]) {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  color: #3c4658;
  height: 40px;
  padding: 0 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%; }
  .textInput input:not([type=radio])::placeholder,
  .textInput input:not([type=checkbox])::placeholder {
    color: #708692; }
  .textInput input:not([type=radio]):active, .textInput input:not([type=radio]):focus,
  .textInput input:not([type=checkbox]):active,
  .textInput input:not([type=checkbox]):focus {
    border-color: rgba(44, 186, 254, 0.5); }
  .textInput input:not([type=radio])[disabled], .textInput input:not([type=radio]).disabled,
  .textInput input:not([type=checkbox])[disabled],
  .textInput input:not([type=checkbox]).disabled {
    background: #e0e6ea;
    border: 1px solid #94adb9;
    color: #708692;
    cursor: not-allowed !important; }

::-ms-clear {
  display: none; }

::-ms-reveal {
  display: none; }

input:invalid {
  box-shadow: none; }

.link {
  
  cursor: pointer;
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }
  
  
  .link.darkBlue {
    color: #273444; }
    .link.darkBlue:hover, .link.darkBlue:active, .link.darkBlue:focus {
      color: #1A93EF; }
      .link.darkBlue:hover .arrowSvg, .link.darkBlue:active .arrowSvg, .link.darkBlue:focus .arrowSvg {
        fill: #1A93EF;
        stroke: #1A93EF; }
    .link.darkBlue .arrowSvg {
      transition: all 0.2s ease-out; }
  .link.blue {
    color: #1A93EF;
    text-decoration: underline; }
    .link.blue:hover {
      color: #0c65a8; }
  .link[disabled], .link.disabled {
    cursor: not-allowed;
    pointer-events: none;
    text-decoration: none;
    color: #a3afb7; }
    .link[disabled] .arrowSvg, .link.disabled .arrowSvg {
      fill: #a3afb7;
      stroke: #a3afb7; }

.formLink {
  color: #fff; }
  .formLink:active, .formLink:hover {
    color: #94adb9; }

/**
 * Override default tags
 */
html,
body,
#root,
#root > div {
  height: 100%;
  margin: 0;
  padding: 0; }

#root {
  position: relative; }

body {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  background-color: #f7f8f9; }

a {
  color: #fff;
  cursor: pointer; }
  a:active, a:focus, a:hover {
    text-decoration: none; }

h1 {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  margin: 16px 0; }

h2 {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }

h3 {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }

h4 {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 12px; }

:focus {
  outline: none; }

ol li {
  margin-bottom: 16px; }

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: inside; }

p {
  margin: 12px 0; }

hr {
  margin-top: 16px;
  margin-bottom: 16px; }

input[type=checkbox] {
  height: 18px;
  width: 18px; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: ""; }
  .clearfix:after {
    clear: both; }

.__react_component_tooltip {
  text-transform: capitalize;
  user-select: none;
  font-size: 14px;
  padding: 8px 12px; }
  .__react_component_tooltip.type-dark {
    color: #333333;
    background-color: #fff;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 14px 0 rgba(0, 0, 0, 0.2); }
    .__react_component_tooltip.type-dark:after {
      border-top-color: #fff !important; }

/** global components styles */
.button {
  width: auto;
  padding: 0 16px;
  height: 36px;
  line-height: 36px;
  min-width: 64px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  transition: all 0.2s ease-in, padding 0.3s ease-in;
  display: inline-block;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  color: #fff;
  position: relative;
  outline: none;
  overflow: hidden; }
  .button .spinner {
    position: absolute;
    display: flex;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    width: auto;
    margin: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in;
    will-change: opacity; }
  .button .mobileIcon {
    display: none; }
  .button.isInProgress {
    padding-right: 32px; }
    .button.isInProgress .spinner {
      opacity: 1; }
  .button:active, .button:focus, .button:hover {
    outline: 0;
    text-decoration: none; }
  .button[disabled], .button.disabled {
    cursor: not-allowed;
    box-shadow: none;
    transition: padding 0.2s cubic-bezier(0.22, 0.61, 0.36, 1); }
    .button[disabled].mdc-ripple-surface::before, .button[disabled].mdc-ripple-surface::after, .button.disabled.mdc-ripple-surface::before, .button.disabled.mdc-ripple-surface::after {
      display: none; }

.btnBlue,
.btnGreen,
.btnWhite {
  box-shadow: 0 2px 4px rgba(50, 50, 93, 0.05), 0 1px 3px rgba(0, 0, 0, 0.08); }
  .btnBlue.mdc-ripple-surface::before, .btnBlue.mdc-ripple-surface::after,
  .btnGreen.mdc-ripple-surface::before,
  .btnGreen.mdc-ripple-surface::after,
  .btnWhite.mdc-ripple-surface::before,
  .btnWhite.mdc-ripple-surface::after {
    background: #fff; }
  .btnBlue[disabled], .btnBlue.disabled, .btnBlue:hover[disabled],
  .btnGreen[disabled],
  .btnGreen.disabled,
  .btnGreen:hover[disabled],
  .btnWhite[disabled],
  .btnWhite.disabled,
  .btnWhite:hover[disabled] {
    background: #dcdcdc;
    color: #708692; }

.btnBlue {
  color: #fff;
  background: #1A93EF; }
  .btnBlue:hover {
    background: #1086e0; }
  .btnBlue:active, .btnBlue:focus {
    background: #0e78c8; }

.btnGreen {
  color: #fff;
  background: #19A976; }
  .btnGreen:hover {
    background: #169366; }
  .btnGreen:active, .btnGreen:focus {
    background: #127d57; }

.btnWhite {
  background-color: #fff;
  color: #1A93EF; }
  .btnWhite:hover {
    background-color: #f7f7f7; }
  .btnWhite:active, .btnWhite:focus {
    background-color: #e8e8e8; }

.btnOutlined {
  background-color: transparent;
  border: 1px solid #e0e6ea;
  color: #1A93EF;
  line-height: 34px; }
  .btnOutlined.mdc-ripple-surface::before, .btnOutlined.mdc-ripple-surface::after {
    background: #1A93EF; }
  .btnOutlined.noBorder {
    border: none; }
  .btnOutlined.short {
    height: 24px;
    line-height: 26px; }
  .btnOutlined:hover {
    background-color: rgba(44, 186, 254, 0.04); }
  .btnOutlined:active, .btnOutlined:focus {
    background-color: rgba(44, 186, 254, 0.12); }
  .btnOutlined[disabled], .btnOutlined.disabled {
    color: #708692; }
    .btnOutlined[disabled]:active, .btnOutlined[disabled]:focus, .btnOutlined[disabled]:hover, .btnOutlined.disabled:active, .btnOutlined.disabled:focus, .btnOutlined.disabled:hover {
      background-color: transparent; }

@media (max-width: 991px) {
  .button.pageAction {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    top: auto;
    bottom: 16px;
    right: 16px;
    z-index: 195;
    border-radius: 50%;
    height: 56px;
    width: 56px;
    min-width: 56px;
    padding: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 0 !important; }
    .button.pageAction .svgIcon {
      fill: #fff; }
      .button.pageAction .svgIcon.plusSvg {
        fill: #fff;
        stroke: #fff; }
    .button.pageAction[disabled] .svgIcon, .button.pageAction.disabled .svgIcon {
      fill: #708692; }
      .button.pageAction[disabled] .svgIcon.plusSvg, .button.pageAction.disabled .svgIcon.plusSvg {
        fill: #708692;
        stroke: #708692; }
    .button.pageAction .buttonTitle {
      display: flex;
      align-items: center; }
    .button.pageAction .mobileIcon {
      display: inline;
      line-height: 1; }
      .button.pageAction .mobileIcon + .buttonTitle {
        display: none; } }

.Dropdown-root {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }
  .Dropdown-root .Dropdown-control {
    border: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    padding: 0;
    height: 40px;
    line-height: 40px; }
  .Dropdown-root .Dropdown-disabled {
    cursor: not-allowed; }
  .Dropdown-root .Dropdown-placeholder {
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin: 0 12px; }
  .Dropdown-root .Dropdown-option {
    height: 30px;
    line-height: 30px;
    padding: 0 12px; }
  .Dropdown-root .Dropdown-arrow {
    border-color: #273444 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2px;
    top: 18px; }

.stars .star {
  fill: #f8961e;
  stroke: #f8961e;
  margin-left: 1px; }

.stars .star:first-child {
  margin-left: 0; }

.stars.brief {
  color: #708692;
  font-size: 12.5px; }
  .stars.brief .star {
    margin-left: 2px;
    vertical-align: -1px;
    fill: #708692;
    stroke: #708692; }

.card {
  margin-bottom: 8px;
  background-color: #fff;
  padding: 0;
  position: relative;
  box-shadow: 0 2px 4px rgba(50, 50, 93, 0.05), 0 1px 3px rgba(0, 0, 0, 0.08);
  border-radius: 3px; }
  @media all and (max-width: 991px) {
    .card {
      border-radius: 0;
      border-left: none;
      border-right: none; } }
  .card:last-child {
    margin-bottom: 0; }
  .card .title {
    color: #1A93EF;
    padding: 12px 16px;
    border-bottom: 1px solid #e0e6ea; }
  .card .content {
    padding: 16px;
    overflow: hidden; }
    .card .content.wide {
      padding: 16px; }
    .card .content.middle {
      padding: 8px; }
    .card .content.thin {
      padding: 4px; }
    .card .content.noPadding {
      padding: 0; }
  .card .searchRow {
    padding: 0; }
  .card .content .pagination {
    margin-bottom: 16px; }

.cancellationPolicy {
  text-align: right;
  margin-bottom: 12px; }
  .cancellationPolicy .cancelInfo {
    font-size: 14px;
    display: block; }
  .cancellationPolicy .free {
    color: #19A976; }
  .cancellationPolicy .cancelDate {
    font-size: 11px;
    color: #708692; }
  .cancellationPolicy .nonRefundable {
    color: #ef6c00; }
  .cancellationPolicy.inline {
    text-align: left; }
    .cancellationPolicy.inline .cancelInfo {
      display: inline; }
    .cancellationPolicy.inline .cancelDate {
      font-size: 14px;
      color: #19A976; }

.price {
  text-align: right;
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  margin: 0;
  white-space: nowrap; }
  .price .mainPrice {
    color: #1A93EF; }
  .price .secondaryPrice {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 11px;
    font-variant: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #708692; }
  .price.inline {
    text-align: center;
    display: inline; }
    .price.inline .mainPrice,
    .price.inline .secondaryPrice {
      display: inline; }
    .price.inline .secondaryPrice {
      font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
      font-variant: normal;
      line-height: 1.4;
      letter-spacing: normal; }
  .price.noData {
    font-size: 12.5px; }

.extendedPrice .prices {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #273444; }
  .extendedPrice .prices .priceDetails {
    width: 240px;
    display: flex;
    padding: 8px; }
    .extendedPrice .prices .priceDetails:not(:last-child) {
      border-bottom: 1px solid #e0e6ea; }
  .extendedPrice .prices .ruleName {
    text-transform: none;
    width: 60%;
    text-align: left; }
  .extendedPrice .prices .priceValue {
    width: 40%;
    text-align: right;
    color: #1A93EF; }
  .extendedPrice .prices::before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.07);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    top: -10px;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: calc(240px / 2 - 12px / 2 - 1px); }
  .extendedPrice .prices::after {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -8px;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: calc(240px / 2 - 12px / 2); }

.extendedPrice .priceWrapper {
  transform: translateX(-40%);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 14px 0 rgba(0, 0, 0, 0.2);
  border-radius: 3px; }

.extendedPrice .secondaryPrice {
  font-size: 12px; }

.squareLoader {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  transform: scale(1.35); }

.squareLoader .loaderCircle {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #1A93EF;
  animation: squareLoader 1.2s linear infinite; }

.squareLoader .loaderCircle:nth-child(1) {
  top: 6px;
  left: 6px;
  animation-delay: 0s; }

.squareLoader .loaderCircle:nth-child(2) {
  top: 6px;
  left: 26px;
  animation-delay: -0.4s; }

.squareLoader .loaderCircle:nth-child(3) {
  top: 6px;
  left: 45px;
  animation-delay: -0.8s; }

.squareLoader .loaderCircle:nth-child(4) {
  top: 26px;
  left: 6px;
  animation-delay: -0.4s; }

.squareLoader .loaderCircle:nth-child(5) {
  top: 26px;
  left: 26px;
  animation-delay: -0.8s; }

.squareLoader .loaderCircle:nth-child(6) {
  top: 26px;
  left: 45px;
  animation-delay: -1.2s; }

.squareLoader .loaderCircle:nth-child(7) {
  top: 45px;
  left: 6px;
  animation-delay: -0.8s; }

.squareLoader .loaderCircle:nth-child(8) {
  top: 45px;
  left: 26px;
  animation-delay: -1.2s; }

.squareLoader .loaderCircle:nth-child(9) {
  top: 45px;
  left: 45px;
  animation-delay: -1.6s; }

@keyframes squareLoader {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.5; } }

.loader {
  z-index: 300;
  position: absolute;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  transition: all 0.2s; }
  .loader.long {
    background-color: rgba(255, 255, 255, 0.75); }
  .loader.noBackground {
    background-color: transparent; }
  .loader .loaderContent {
    position: relative;
    top: -190px;
    height: 100vh; }
  .loader.lower .loaderContent {
    top: -90px; }
  .loader .fixedWrapper {
    position: absolute;
    top: 50%;
    left: 50%; }
  .loader .fixed {
    position: fixed;
    transform: translate(-50%, -50%); }
  .loader .loaderIcon {
    width: 72px;
    height: 72px; }
    .loader .loaderIcon.hidden {
      display: none; }
    .loader .loaderIcon.transparent {
      opacity: 0.5; }
  .loader.relative {
    display: flex;
    align-items: center;
    justify-content: center; }
    .loader.relative .loaderContent {
      top: 0;
      height: auto; }
    .loader.relative .fixedWrapper,
    .loader.relative .fixed {
      position: static; }
    .loader.relative .fixed {
      transform: none; }

.lineLoader {
  display: inline-block;
  position: relative;
  width: 64px !important;
  height: 11px; }

.lineLoader .loaderCircle {
  position: absolute;
  top: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #1A93EF;
  animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lineLoader .loaderCircle:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite; }

.lineLoader .loaderCircle:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite; }

.lineLoader .loaderCircle:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite; }

.lineLoader .loaderCircle:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite; }

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(19px, 0); } }

.loaderWithOverlay {
  text-align: center; }
  .loaderWithOverlay .content {
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-100%); }
  .loaderWithOverlay .loaderIcon {
    width: 72px;
    height: 72px;
    margin-bottom: 32px; }

.simpleLoader {
  display: flex;
  align-items: center;
  justify-content: center; }

.overlayContainer .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  z-index: 10000; }

.overlayContainer.white .overlay {
  background-color: #fff; }

.overlayContainer.white + #root {
  overflow: hidden; }

.hotelTitle {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }
  .hotelTitle .name {
    margin: 0 16px 0 0;
    color: #003366; }
  .hotelTitle .name, .hotelTitle .stars {
    display: inline-block;
    float: left; }
  .hotelTitle .stars {
    height: 28px;
    line-height: 28px; }
  .hotelTitle .hotelTitleLink {
    font-size: 20px; }
  .hotelTitle .location {
    color: #708692;
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    font-variant: normal;
    line-height: 1.4;
    letter-spacing: normal; }
  .hotelTitle .toCityCenter {
    cursor: default; }
    .hotelTitle .toCityCenter.clickable {
      cursor: pointer;
      font-size: 12px; }
  .hotelTitle.withLink .name {
    max-width: calc(100% - 90px); }
  .hotelTitle.withLink .name,
  .hotelTitle.withLink .location {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .hotelTitle.withLink .location {
    margin-bottom: 3px; }
  @media all and (max-width: 991px) {
    .hotelTitle.withLink .__react_component_tooltip {
      display: none; }
    .hotelTitle.withLink .nameWrapper,
    .hotelTitle.withLink .name {
      width: auto;
      display: inline;
      float: none; }
    .hotelTitle.withLink .name,
    .hotelTitle.withLink .location {
      white-space: normal;
      overflow: visible;
      text-overflow: clip; }
    .hotelTitle.withLink .stars {
      float: none; }
    .hotelTitle.withLink .location {
      margin-bottom: 0; } }

.spinner {
  width: 100%;
  margin: 12px auto;
  text-align: center; }

.textInput {
  position: relative;
  margin-bottom: 16px; }
  .textInput .floatingLabel {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12.5px;
    font-variant: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #708692;
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 11px;
    transition: 0.2s ease all; }
  .textInput .floatingInput:focus,
  .textInput .floatingInput:not(:focus):valid,
  .textInput .floatingInput:not(:focus):disabled {
    padding: 16px 8px 0; }
  .textInput .floatingInput:not(:focus):-webkit-autofill {
    padding: 16px 8px 0; }
  .textInput .floatingInput:focus + .floatingLabel,
  .textInput .floatingInput:not(:focus):valid + .floatingLabel,
  .textInput .floatingInput:not(:focus):disabled + .floatingLabel {
    top: 3px;
    font-size: 11px; }
  .textInput .floatingInput:not(:focus):-webkit-autofill + .floatingLabel {
    top: 3px;
    font-size: 11px; }
  .textInput .floatingInput.error {
    border-color: #eb4d5c; }
  .textInput .iconHolder {
    position: absolute;
    height: 40px;
    width: 40px;
    left: 0;
    padding: 7px; }
  .textInput.high .floatingInput {
    height: 48px; }
  .textInput.high .floatingLabel {
    font-size: 14px;
    top: 15px; }
  .textInput.high .floatingInput:focus + .floatingLabel,
  .textInput.high .floatingInput:not(:focus):valid + .floatingLabel,
  .textInput.high .floatingInput:not(:focus):disabled + .floatingLabel {
    top: 5px;
    font-size: 12.5px; }
  .textInput.high .floatingInput:not(:focus):-webkit-autofill + .floatingLabel {
    top: 5px;
    font-size: 12.5px; }
  .textInput.withIcon .floatingLabel {
    left: 40px; }
  .textInput.withIcon .floatingInput:focus,
  .textInput.withIcon .floatingInput:not(:focus):valid,
  .textInput.withIcon .floatingInput:not(:focus):disabled {
    padding: 16px 8px 0 40px; }
  .textInput.withIcon .floatingInput:not(:focus):-webkit-autofill {
    padding: 16px 8px 0 40px; }
  .textInput.withIcon input {
    padding-left: 40px; }
  .textInput .errorIconWrapper {
    position: absolute;
    align-self: center;
    right: 12px;
    height: 20px; }
    .textInput .errorIconWrapper .svgIcon {
      fill: #eb4d5c; }
  @media all and (max-width: 991px) {
    .textInput .errorIconWrapper {
      align-self: unset;
      top: 14px; } }

.textField {
  height: 40px;
  padding: 3px 16px 0;
  margin-bottom: 16px;
  text-align: left; }
  .textField .textFieldLabel {
    color: #708692;
    font-size: 11px; }
  .textField .textFieldContent {
    color: #3c4658;
    font-size: 12.5px; }

.materialTypeAhead {
  background: #fff; }
  .materialTypeAhead .react-autosuggest__container {
    width: calc(100% - ((20px + (2 * 12px)) * 2)); }
    .materialTypeAhead .react-autosuggest__container input {
      width: 100% !important; }
  .materialTypeAhead ul {
    z-index: 1;
    position: absolute;
    background: #fff;
    width: 100%;
    list-style-type: none;
    overflow-y: auto;
    border: 1px solid #e0e6ea;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    left: 0;
    max-height: 350px; }
    .materialTypeAhead ul li {
      padding: 12px;
      cursor: pointer; }
    .materialTypeAhead ul .react-autosuggest__suggestion--highlighted {
      background-color: rgba(247, 248, 249, 0.6); }
  .materialTypeAhead .searchSvg {
    fill: #1A93EF;
    stroke: #1A93EF;
    margin-top: -4px; }
  .materialTypeAhead .closeSvg,
  .materialTypeAhead .spinner {
    position: absolute;
    right: 16px;
    margin: 0 !important; }
  .materialTypeAhead .closeSvg {
    top: 2px;
    cursor: pointer; }
  .materialTypeAhead .spinner {
    display: inline-block;
    width: auto;
    margin-top: -2px !important; }
  @media all and (max-width: 479px) {
    .materialTypeAhead ul {
      max-height: 307px; } }

.table.realTable {
  display: table;
  border-collapse: collapse;
  width: 100%; }
  .table.realTable .listHeader,
  .table.realTable .listRow {
    display: table-row; }
    .table.realTable .listHeader > div,
    .table.realTable .listRow > div {
      display: table-cell;
      white-space: nowrap; }

@media all and (max-width: 639px) {
  .table {
    display: table;
    border-collapse: collapse;
    width: 100%; }
    .table .listHeader,
    .table .listRow {
      display: table-row; }
      .table .listHeader > div,
      .table .listRow > div {
        display: table-cell;
        white-space: nowrap; }
    .table .listHeader > div,
    .table .listRow > div {
      min-width: 100px; } }

.listRow,
.listHeader {
  border-bottom: 1px solid #e0e6ea;
  display: flex; }
  .listRow > div,
  .listHeader > div {
    padding: 8px; }
  .listRow.rowLink:hover,
  .listHeader.rowLink:hover {
    background-color: #f7f8f9; }
  @media (min-width: 992px) {
    .listRow > div,
    .listHeader > div {
      display: flex;
      align-items: center; } }

.listRow {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #273444; }

.listHeader {
  border-width: 2px;
  color: #708692; }

.linkListItem {
  transition: none; }

.linkListItem:hover {
  background-color: #f5f6f7; }

.linkListItem:hover > div {
  color: #3c4658; }

.linkListItem:hover > div:first-child {
  color: #1A93EF; }

@media all and (max-width: 991px) {
  .listRow,
  .listHeader {
    margin-right: -8px;
    margin-left: -8px; } }

.pagination {
  display: flex;
  justify-content: center; }
  .pagination .disabled {
    cursor: not-allowed; }
    .pagination .disabled .page {
      pointer-events: none; }
    .pagination .disabled .arrowSvg {
      fill: #ccc;
      stroke: #ccc; }
  .pagination .page {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    font-variant: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #273444;
    border-radius: 3px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    margin-right: 2px; }
    .pagination .page:last-child {
      margin-right: 0; }
    .pagination .page.active {
      background: rgba(26, 147, 239, 0.12);
      color: #1A93EF; }
    .pagination .page:hover {
      background-color: #eceef1; }
    .pagination .page.active:hover {
      background: rgba(26, 147, 239, 0.12); }

.search {
  width: 100%;
  margin: 16px 0;
  position: relative; }
  .search .textInput input {
    padding-left: 40px;
    padding-right: 40px;
    border: none;
    box-shadow: 0 2px 4px rgba(50, 50, 93, 0.05), 0 1px 3px rgba(0, 0, 0, 0.08); }
  .search .leftIcon,
  .search .closeSvg,
  .search .arrowSvg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .search .leftIcon {
    left: 11px;
    width: 18px;
    height: 18px; }
  .search .closeSvg {
    right: 14px; }
  .search .rightIcon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 0;
    right: 0;
    position: absolute; }
  .search .clear {
    cursor: pointer; }

@media (max-width: 991px) {
  .search {
    ___position: fixed;
    top: 0;
    margin: 0;
    display: flex;
    align-items: center;
    z-index: 200; }
    .search.collapsed {
      position: absolute;
      width: auto;
      display: inline-block;
      top: 16px;
      right: 58px; }
    .search .leftIcon,
    .search .searchSvg,
    .search .closeSvg,
    .search .arrowSvg {
      fill: #fff;
      stroke: none;
      transform: none;
      position: relative;
      right: auto;
      left: auto;
      top: auto; }
    .search .leftIcon .svgIcon,
    .search .searchSvg {
      fill: #fff;
      stroke: #fff; }
    .search .leftIcon {
      position: absolute;
      left: 16px;
      height: 20px;
      width: 20px; }
    .search .textInput {
      margin-bottom: 0;
      padding-left: 52px;
      padding-right: 52px;
      background-color: #273444;
      width: 100%; }
      .search .textInput input {
        border-radius: 0;
        border: none;
        background-color: #273444;
        padding: 0;
        height: 52px;
        color: #fff; }
        .search .textInput input::placeholder {
          color: #fff; }
    .search .rightIcon {
      right: 16px;
      height: auto;
      width: auto;
      line-height: 1;
      top: 16px; } }

.searchList {
  min-height: 150px; }
  .searchList .search {
    margin-top: 0; }
  .searchList .dataRow {
    position: relative; }
  .searchList .paginationRow {
    margin-top: 16px;
    height: 36px; }
    .searchList .paginationRow.lifted {
      margin-top: -68px;
      position: relative; }

.svgIcon * {
  vector-effect: non-scaling-stroke; }

.svgIcon.up {
  transform: rotate(180deg); }

.svgIcon.left {
  transform: rotate(90deg); }

.svgIcon.right {
  transform: rotate(-90deg); }

.arrowSvg {
  fill: #3c4658;
  stroke: #3c4658;
  vertical-align: -3px; }

.searchSvg {
  fill: #3c4658;
  stroke: #3c4658; }

.closeSvg {
  fill: #bdc3c9;
  stroke: #bdc3c9; }
  .closeSvg:hover {
    fill: #708692;
    stroke: #708692; }

.checkbox {
  display: inline-block; }
  .checkbox.disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    .checkbox.disabled .optionLabel,
    .checkbox.disabled .optionLabel:before {
      pointer-events: none; }
  .checkbox .optionCheckbox {
    display: none; }
    .checkbox .optionCheckbox + .optionLabel {
      cursor: pointer; }
      .checkbox .optionCheckbox + .optionLabel.readOnly {
        user-select: none;
        cursor: default; }
      .checkbox .optionCheckbox + .optionLabel:before {
        content: '';
        margin-right: 8px;
        display: inline-block;
        vertical-align: text-top;
        width: 18px;
        height: 18px;
        background: #fff;
        border-radius: 2px;
        border: 1px solid #e0e6ea; }
    .checkbox .optionCheckbox:hover + .optionLabel:before {
      background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmN2Y4Zjk7fS5jbHMtMntmaWxsOiNlMGU2ZWE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jaGVja2JveC1ob3ZlcjwvdGl0bGU+PHBhdGggaWQ9IlJlY3RhbmdsZS04LUNvcHktMyIgY2xhc3M9ImNscy0xIiBkPSJNMCAwaDE1djE1SDB6Ii8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTIuMjggNC4xODJhLjY2Ny42NjcgMCAwIDAtLjkxNi4wMDJMNi4yNzcgOS4zNDZsLTIuNjEyLTIuNjVhLjY3LjY3IDAgMCAwLS40NzgtLjIxLjYzNC42MzQgMCAwIDAtLjQ4LjE5My42ODguNjg4IDAgMCAwLS4yMDcuNDguNy43IDAgMCAwIC4yMDYuNTA3TDUuODAyIDEwLjhhLjY3My42NzMgMCAwIDAgLjk1OCAwbDUuNTYtNS42NDZhLjY5NS42OTUgMCAwIDAtLjA0LS45NzJ6Ii8+PC9zdmc+) no-repeat center center; }
    .checkbox .optionCheckbox:hover + .optionLabel.readOnly:before {
      background: white; }
    .checkbox .optionCheckbox:checked + .optionLabel.readOnly:before {
      opacity: 0.4; }
    .checkbox .optionCheckbox:checked + .optionLabel:before,
    .checkbox .optionCheckbox:checked + .optionLabel.readOnly:before {
      background: url(data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMyY2JhZmU7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jaGVja2JveC1jaGVja2VkPC90aXRsZT48cGF0aCBpZD0iUmVjdGFuZ2xlLTgtQ29weS0zIiBjbGFzcz0iY2xzLTEiIGQ9Ik0wIDBoMTV2MTVIMHoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMi4yOCA0LjE4MmEuNjY3LjY2NyAwIDAgMC0uOTE2LjAwMkw2LjI3NyA5LjM0NmwtMi42MTItMi42NWEuNjcuNjcgMCAwIDAtLjQ3OC0uMjEuNjM0LjYzNCAwIDAgMC0uNDguMTkzLjY4OC42ODggMCAwIDAtLjIwNy40OC43LjcgMCAwIDAgLjIwNi41MDdMNS44MDIgMTAuOGEuNjczLjY3MyAwIDAgMCAuOTU4IDBsNS41Ni01LjY0NmEuNjk1LjY5NSAwIDAgMC0uMDQtLjk3MnoiLz48L3N2Zz4=) no-repeat center center;
      border-color: #01a7f6; }

.orderInfo.detailedInfo .name {
  font-size: 16px; }

.orderInfo.briefInfo {
  text-align: left; }
  .orderInfo.briefInfo .name {
    margin-right: 16px;
    width: auto; }

.orderInfo .hotelInfo {
  padding-left: 0; }

.orderInfo .colTitle {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #708692;
  text-transform: uppercase;
  padding-top: 4px; }

.orderInfo .colContent,
.orderInfo .name {
  color: #003366;
  text-transform: capitalize;
  width: 100%;
  position: relative;
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }

.orderInfo .durationContentWrapper {
  width: auto;
  float: left; }

.orderInfo .calendarSvg {
  fill: #708692;
  stroke: #708692;
  position: relative;
  top: -4px;
  left: 0; }

.orderInfo .beginningDay,
.orderInfo .endDay,
.orderInfo .nights,
.orderInfo .guestsLabel {
  color: #708692;
  text-transform: lowercase;
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }

.orderInfo .orderAdditionalInfo {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  margin-bottom: 16px;
  display: inline-flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center; }

.orderInfo .orderSummary {
  font-size: 12px;
  color: #708692;
  float: right; }

.orderInfo .additionalInfoItem {
  margin-right: 16px; }
  .orderInfo .additionalInfoItem:last-child {
    margin-right: 0; }

.orderInfo .bookingLink {
  font-size: 12px;
  vertical-align: baseline;
  text-transform: uppercase; }

.orderInfo .circle {
  margin-right: 4px;
  vertical-align: -2px !important; }

.orderInfo .orderMainInfo {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px; }

.orderInfo .col {
  padding-right: 16px; }
  .orderInfo .col:last-child {
    padding-right: 0; }

.orderInfo .hotelTitleWrapper {
  width: 47%; }
  .orderInfo .hotelTitleWrapper .stars {
    height: 22px;
    line-height: 22px;
    margin-top: -2px; }

.orderInfo .name {
  margin: 0; }

.orderInfo .name,
.orderInfo .location {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }

.orderInfo .adultsInfo + .childrenInfo {
  margin-left: 8px; }

.orderInfo .guestsAmount {
  margin-right: 2px; }

.orderInfo .adultSvg,
.orderInfo .childSvg {
  fill: #003366;
  vertical-align: text-top; }

@media (max-width: 991px) {
  .orderInfo {
    display: flex;
    flex-direction: column; }
    .orderInfo .newOrderProvider {
      display: inline-flex;
      min-width: 0;
      flex: 1; }
    .orderInfo .provider {
      min-width: 0;
      flex: 1;
      max-width: 100%; }
    .orderInfo .bookingLink {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: bottom;
      display: inline-block;
      width: auto;
      max-width: 100%; }
    .orderInfo .leftSide {
      order: 1;
      width: calc(100% - 12px * 2); }
    .orderInfo .orderMainInfo {
      order: 2;
      justify-content: flex-start;
      flex-wrap: wrap; }
    .orderInfo .col {
      padding-right: 36px;
      padding-bottom: 16px; }
    .orderInfo .hotelTitleWrapper,
    .orderInfo .colPrice,
    .orderInfo .guests {
      padding-right: 0; }
    .orderInfo .orderSummary {
      order: 3;
      margin-bottom: 0;
      float: none; }
    .orderInfo .hotelTitleWrapper {
      width: calc(100vw - 32px); }
    .orderInfo .colPrice {
      margin-left: auto; } }

@media (max-width: 480px) {
  .orderInfo .additionalInfoItem {
    margin-right: 12px; }
  .orderInfo .guests {
    display: none; }
  .orderInfo .col {
    padding-right: 32px; }
  .orderInfo .hotelTitleWrapper,
  .orderInfo .colPrice,
  .orderInfo .duration {
    padding-right: 0; } }

@media (max-width: 399px) {
  .orderInfo {
    display: flex;
    flex-direction: column; }
    .orderInfo .additionalInfoItem {
      margin-right: 8px; }
    .orderInfo .col {
      padding-right: 24px; }
    .orderInfo .hotelTitleWrapper,
    .orderInfo .colPrice,
    .orderInfo .duration {
      padding-right: 0; } }

.calendarWrapper {
  transition: 0.2s ease all; }
  .calendarWrapper.startCalendar {
    border-color: #1A93EF !important; }
  .calendarWrapper.endCalendar {
    border-color: #127d57 !important; }

.calendarBlock {
  position: relative;
  background: #fff;
  border: 1px solid #e0e6ea;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
  width: 528px; }
  .calendarBlock .calendar {
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 261px;
    background: #fff;
    color: #3c4658;
    padding: 0 8px;
    border-radius: 3px;
    box-sizing: border-box;
    text-align: center; }
  .calendarBlock .month {
    position: relative; }
  .calendarBlock .prevMonth,
  .calendarBlock .nextMonth {
    cursor: pointer;
    position: absolute;
    top: 8px; }
    .calendarBlock .prevMonth.hidden,
    .calendarBlock .nextMonth.hidden {
      cursor: default; }
      .calendarBlock .prevMonth.hidden .arrowSvg,
      .calendarBlock .nextMonth.hidden .arrowSvg {
        display: none; }
    .calendarBlock .prevMonth.disabled,
    .calendarBlock .nextMonth.disabled {
      cursor: not-allowed; }
      .calendarBlock .prevMonth.disabled .arrowSvg,
      .calendarBlock .nextMonth.disabled .arrowSvg {
        fill: #bcbcbc;
        stroke: #bcbcbc; }
  .calendarBlock .prevMonth {
    left: 0; }
  .calendarBlock .nextMonth {
    right: 0; }
  .calendarBlock .monthName {
    font-weight: 400;
    text-align: center;
    text-transform: capitalize;
    padding-top: 8px;
    padding-bottom: 4px;
    user-select: none; }
  .calendarBlock .weekDay {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12.5px;
    font-variant: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #708692;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid transparent;
    display: inline-block;
    text-transform: capitalize;
    user-select: none; }
  .calendarBlock .days {
    text-align: left;
    width: 245px;
    display: flex;
    flex-wrap: wrap; }
  .calendarBlock .dateCell {
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 3px;
    user-select: none; }
    .calendarBlock .dateCell.inRange {
      background: rgba(46, 170, 202, 0.15); }
    .calendarBlock .dateCell:hover {
      color: #1A93EF;
      border-color: #1A93EF;
      background-color: #fff; }
    .calendarBlock .dateCell:not(.selected):hover {
      height: 33px;
      line-height: 33px;
      margin-top: 1px; }
    .calendarBlock .dateCell.disabled {
      cursor: not-allowed;
      color: #a3afb7; }
      .calendarBlock .dateCell.disabled:hover {
        background-color: unset;
        border-color: #fff; }
    .calendarBlock .dateCell.selected, .calendarBlock .dateCell.selected.disabled {
      color: #fff;
      background-color: #1A93EF; }
      .calendarBlock .dateCell.selected:hover, .calendarBlock .dateCell.selected.disabled:hover {
        border-color: #fff; }
    .calendarBlock .dateCell.selected.checkOut {
      background-color: #127d57; }
    .calendarBlock .dateCell.selected.disabled {
      cursor: not-allowed; }
    .calendarBlock .dateCell.notActive {
      color: #bbb; }
    .calendarBlock .dateCell.empty {
      height: 0;
      margin: 0;
      border: 0; }

.calendarWrapper.primary,
.calendarWrapper.filterCalendar {
  margin-top: 8px;
  border-top: 4px solid transparent; }
  .calendarWrapper.primary .calendarBlock,
  .calendarWrapper.filterCalendar .calendarBlock {
    height: 280px; }
  .calendarWrapper.primary .calendar:after,
  .calendarWrapper.filterCalendar .calendar:after {
    border-bottom: 8px solid #1A93EF;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -11px;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 40px;
    display: none; }
  .calendarWrapper.primary .calendar:nth-child(2),
  .calendarWrapper.filterCalendar .calendar:nth-child(2) {
    position: absolute;
    right: 0; }
    .calendarWrapper.primary .calendar:nth-child(2):after,
    .calendarWrapper.filterCalendar .calendar:nth-child(2):after {
      left: -10px; }
  .calendarWrapper.primary.startCalendar .calendar:first-child:after,
  .calendarWrapper.filterCalendar.startCalendar .calendar:first-child:after {
    display: block; }
  .calendarWrapper.primary.endCalendar .calendar:last-child:after,
  .calendarWrapper.filterCalendar.endCalendar .calendar:last-child:after {
    border-bottom-color: #127d57;
    display: block; }

.calendarWrapper.secondary .calendarBlock,
.calendarWrapper.filterCalendar .calendarBlock {
  width: 228px;
  height: 247px; }

.calendarWrapper.secondary .calendar,
.calendarWrapper.filterCalendar .calendar {
  width: 226px; }

.calendarWrapper.secondary .weekDay,
.calendarWrapper.filterCalendar .weekDay {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.calendarWrapper.secondary .days,
.calendarWrapper.filterCalendar .days {
  width: 210px; }

.calendarWrapper.secondary .dateCell,
.calendarWrapper.filterCalendar .dateCell {
  width: 30px;
  height: 30px;
  line-height: 30px; }
  .calendarWrapper.secondary .dateCell.empty,
  .calendarWrapper.filterCalendar .dateCell.empty {
    height: 0; }
  .calendarWrapper.secondary .dateCell:not(.selected):hover,
  .calendarWrapper.filterCalendar .dateCell:not(.selected):hover {
    height: 28px;
    line-height: 28px;
    margin-top: 1px; }

@media all and (min-width: 1200px) {
  .calendarWrapper.filterCalendar .calendarBlock {
    width: 236px; }
  .calendarWrapper.filterCalendar .calendar {
    display: block;
    margin: 0 auto; } }

.calendarWrapper.secondary {
  border-left-width: 6px;
  border-left-style: solid;
  margin-top: 0;
  top: 47px;
  left: 292px; }
  .calendarWrapper.secondary .calendarBlock {
    border-top: 1px solid rgba(0, 0, 0, 0.09);
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0; }
  .calendarWrapper.secondary .calendar:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -18px;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #2cbafe;
    border-top: 12px solid transparent; }
  .calendarWrapper.secondary.startCalendar .calendar:after {
    top: 77px; }
  .calendarWrapper.secondary.endCalendar .calendar:after {
    top: 141px;
    border-right-color: #127d57; }

.calendarWrapper.fullscreen {
  overflow: auto;
  width: 100%;
  margin: 0;
  border: none;
  /** dateSelectors styles */
  /** dateSelectors styles end */ }
  .calendarWrapper.fullscreen .checkInSelector,
  .calendarWrapper.fullscreen .checkOutSelector {
    width: calc((100% - 36px) / 2);
    margin-top: 0;
    position: relative; }
    .calendarWrapper.fullscreen .checkInSelector:after,
    .calendarWrapper.fullscreen .checkOutSelector:after {
      border-bottom: 8px solid transparent;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      top: 41px;
      left: 38px; }
  .calendarWrapper.fullscreen .checkInSelector:after {
    border-bottom-color: #1A93EF; }
  .calendarWrapper.fullscreen .checkOutSelector {
    padding-left: 0; }
    .calendarWrapper.fullscreen .checkOutSelector:after {
      border-bottom-color: #127d57; }
    .calendarWrapper.fullscreen .checkOutSelector .calendarSvg {
      display: none; }
  .calendarWrapper.fullscreen .dateSelectors {
    display: flex;
    align-items: center; }
  .calendarWrapper.fullscreen .dateNode {
    border: none;
    border-radius: 0;
    padding-right: 0; }
    .calendarWrapper.fullscreen .dateNode:before, .calendarWrapper.fullscreen .dateNode:after {
      display: none; }
  .calendarWrapper.fullscreen .calendarBlock {
    position: static;
    margin: 0;
    width: 100%;
    text-align: center;
    border: none;
    box-shadow: none;
    border-top: 4px solid transparent;
    height: calc(100vh - 48px - 94px); }
  .calendarWrapper.fullscreen .closeSvg {
    position: absolute;
    top: 14px;
    right: 0;
    cursor: pointer; }
  .calendarWrapper.fullscreen .weekDays.outer {
    background-color: #f7f8f9; }
    .calendarWrapper.fullscreen .weekDays.outer .weekDay {
      height: 32px; }
  .calendarWrapper.fullscreen .calendar {
    margin-top: 16px; }
  .calendarWrapper.fullscreen.startCalendar .calendarBlock {
    border-color: #1A93EF; }
  .calendarWrapper.fullscreen.startCalendar .checkOutSelector:after {
    display: none; }
  .calendarWrapper.fullscreen.endCalendar .calendarBlock {
    border-color: #127d57; }
  .calendarWrapper.fullscreen.endCalendar .checkInSelector:after {
    display: none; }
  .calendarWrapper.fullscreen .closeSvg {
    margin: 0 8px; }
  .calendarWrapper.fullscreen .calendarControls {
    position: fixed;
    bottom: 0;
    height: 94px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #e0e6ea;
    padding: 8px 16px 16px; }
  .calendarWrapper.fullscreen .nights {
    color: #708692;
    padding-bottom: 8px;
    height: 27px; }
  .calendarWrapper.fullscreen .nightsAmount {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    font-variant: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #127d57; }
  .calendarWrapper.fullscreen .nights.disabled {
    color: #a3afb7; }
    .calendarWrapper.fullscreen .nights.disabled .nightsAmount {
      color: inherit; }
  .calendarWrapper.fullscreen .control {
    display: inline-block;
    height: 42px;
    border: 1px solid #1A93EF;
    border-radius: 3px;
    padding-top: 11px; }
  .calendarWrapper.fullscreen .control.disabled {
    color: #a3afb7;
    border-color: #e0e6ea; }
  .calendarWrapper.fullscreen .resetCalendar {
    width: calc(50% + 1px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #1A93EF; }
  .calendarWrapper.fullscreen .applyCalendar {
    width: calc(50% - 1px);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
    background-color: #1A93EF;
    color: #fff; }
  .calendarWrapper.fullscreen .applyCalendar.disabled {
    background-color: #edeff1; }

.datesBlock .dateSelectors.noTransition .placeholder {
  transition: none; }

.datesBlock .checkInSelector,
.datesBlock .checkOutSelector {
  width: 50%;
  display: inline-block;
  margin-top: 16px; }

.datesBlock .checkInSelector {
  padding-right: 8px; }

.datesBlock .checkOutSelector {
  padding-left: 8px; }
  .datesBlock .checkOutSelector .dateNode.active .calendarSvg {
    fill: #127d57; }
  .datesBlock .checkOutSelector .dateNode.active:after {
    background-color: #127d57; }

.datesBlock .fullwidth {
  width: 100%;
  padding-right: 0;
  padding-left: 0; }

.datesBlock .calendarSvg {
  fill: #1A93EF;
  margin: -2px 12px 0; }

.datesBlock .dateNode {
  background-color: #fff;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  color: #3c4658;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 48px;
  position: relative; }
  .datesBlock .dateNode:before, .datesBlock .dateNode:after {
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    content: ""; }


  .datesBlock .dateNode.interacted .placeholder {
    font-size: 12px; }
    
    
  .datesBlock .dateNode.active .checkInLabel {
    color: #1A93EF; }
  .datesBlock .dateNode.active .checkOutLabel {
    color: #127d57; }

.datesBlock .placeholder {
  color: #708692;
  font-weight: 400;
  top: 0;
  left: 0;
  position: absolute;
  transform-origin: top left;
 
  margin-left: 44px; }

.datesBlock .checkInValue,
.datesBlock .checkOutValue {
  position: absolute;
  color: #708692;

  top: 15px;
  left: 44px; }

.datesBlock .checkOutValue,
.datesBlock .checkInValue {
  top: 23px;
  color: #273444;
  font-weight: 400; }

@media all and (max-width: 559px) {
  .datesBlock .checkInSelector,
  .datesBlock .checkOutSelector {
    width: 100%;
    padding-right: 0;
    padding-left: 0; } }

.filters {
  color: #273444; }
  .filters .filter {
    border-bottom: 1px solid #e0e6ea;
    position: relative;
    padding: 16px; }
    .filters .filter:last-of-type {
      border: none; }
  .filters .filterTitle {
    color: #708692;
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    font-variant: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: uppercase;
    padding: 0 0 8px; }
  .filters .commonFilter {
    padding-bottom: 12px; }
    .filters .commonFilter .filterTitle {
      padding-bottom: 4px; }
    .filters .commonFilter .optionLabel:hover {
      background-color: #f5f6f7;
      color: #1A93EF;
      border-radius: 3px; }
  .filters .filtersHeader {
    display: none; }
  .filters .optionLabel {
    cursor: pointer;
    padding: 4px 8px;
    margin-left: -8px;
    margin-right: -8px;
    display: block; }
  .filters .option,
  .filters .checkbox {
    display: block;
    width: 100%; }
  .filters .optionCheckbox + .optionLabel:before {
    vertical-align: -3px; }
  .filters .providersWrapper {
    text-transform: capitalize; }
  .filters .clear {
    margin: 0 16px 16px;
    width: calc(100% - 16px * 2); }

.fullscreenFilters {
  overflow: auto;
  height: 100%;
  margin-bottom: 0 !important; }
  @media all and (max-width: 991px) {
    .fullscreenFilters .filters {
      box-shadow: none;
      overflow-y: auto;
      padding-top: 40px;
      border-top: none;
      margin-bottom: 70px; }
    .fullscreenFilters .filtersHeader {
      font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      font-variant: normal;
      line-height: 1.4;
      letter-spacing: normal;
      display: block;
      height: 40px;
      text-align: center;
      color: #003366;
      padding: 8px 16px 0;
      border-bottom: 1px solid #e0e6ea;
      position: fixed;
      top: 0;
      width: 100%;
      background-color: #fff;
      z-index: 2; }
    .fullscreenFilters .closeWrapper {
      position: absolute;
      right: 16px;
      top: 8px; }
    .fullscreenFilters .filter:nth-child(4) {
      border-bottom: 1px solid #e0e6ea; }
    .fullscreenFilters .filter:nth-child(5) {
      border: none; }
    .fullscreenFilters .buttons {
      background-color: #fff;
      position: fixed;
      bottom: 0;
      padding: 16px;
      width: 100%; }
    .fullscreenFilters .clear {
      width: 35%;
      margin: 0; }
    .fullscreenFilters .apply {
      width: calc(65% - 16px);
      margin-left: 16px; } }

.pageAction.filterSelected {
  border: 3px solid #fff; }

.priceFilter {
  display: flex; }
  .priceFilter .materialTextFieldWrapper:first-child {
    margin-right: 4px; }
  .priceFilter .materialTextFieldWrapper:last-child {
    margin-left: 4px; }

.filters .starRatingsWrapper {
  display: inline-block;
  width: calc((100% - 8px * 5) / 6);
  margin-right: 4px;
  text-align: center; }
  .filters .starRatingsWrapper:last-child {
    margin: 0; }

.filters .stars {
  font-size: 10px;
  padding: 8px 4px;
  border: 1px solid #e0e6ea;
  line-height: 1;
  border-radius: 3px;
  cursor: pointer;
  background-color: #fff; }

.filters .starOption .optionLabel {
  padding: 0;
  margin: 0; }

.filters .stars.brief:hover {
  color: #3c4658;
  border-color: #708692; }
  .filters .stars.brief:hover .star {
    fill: #3c4658;
    stroke: #3c4658; }

.filters .starCheckbox {
  display: none; }

.filters .starCheckbox:checked + .optionLabel .stars {
  color: #f8961e;
  border-color: #f8961e; }

.filters .starCheckbox:checked + .optionLabel .star {
  fill: #f8961e;
  stroke: #f8961e; }

.filters .starCheckbox:checked + .optionLabel:hover .stars {
  color: #f46b45;
  border-color: #f46b45; }

.filters .starCheckbox:checked + .optionLabel:hover .star {
  fill: #f46b45;
  stroke: #f46b45; }

@media all and (max-width: 1199px) and (min-width: 992px) {
  .filters .stars {
    padding-left: 2px;
    padding-right: 2px; } }

@media all and (max-width: 991px) {
  .fullscreenFilters .starRatingsWrapper {
    width: 13.3333%;
    margin-right: 4%; }
  .fullscreenFilters .starRatingsWrapper:last-child {
    margin-right: 0; }
  .fullscreenFilters .options,
  .fullscreenFilters .starOption {
    display: block; }
  .fullscreenFilters .starOption {
    text-align: center; } }

.dateFilter,
.dateFilter .dateSelectors {
  height: 48px; }

.dateFilter .calendarSvg {
  display: none; }

.dateFilter .checkInSelector,
.dateFilter .checkOutSelector {
  margin-top: 0 !important; }

.dateFilter .checkInSelector {
  padding-right: 4px; }

.dateFilter .checkOutSelector {
  padding-left: 4px; }

.dateFilter .calendar:after {
  left: 8px !important; }

.dateFilter .endCalendar .calendar:after {
  left: calc(50% + 8px) !important; }

.dateFilter .placeholder {
  transform: translate(0, 23px) scale(1); }

.dateFilter .checkInValue,
.dateFilter .checkOutValue,
.dateFilter .placeholder {
  margin-left: 0;
  left: 0; }

@media all and (min-width: 1200px) {
  .dateFilter .calendar:after {
    left: 4px !important; } }

@media all and (max-width: 1199px) and (min-width: 992px) {
  .dateFilter .endCalendar .calendar:after {
    left: 49% !important; } }

@media all and (max-width: 991px) {
  .dateFilter .endCalendar {
    left: calc(50% + 8px); }
    .dateFilter .endCalendar .calendar:after {
      left: 8px !important; } }

@media all and (max-width: 560px) {
  .dateFilter,
  .dateFilter .dateSelectors {
    height: 112px; }
  .dateFilter .checkInSelector {
    margin-bottom: 16px; }
  .dateFilter .checkInSelector,
  .dateFilter .checkOutSelector {
    padding: 0; } }

.circle.provider2095242028 {
  display: inline-block;
  background-color: #003366;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  vertical-align: -1px; }

.circle.provider1767766092 {
  display: inline-block;
  background-color: #4097E0;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  vertical-align: -1px; }

.circle.provider-1978293979 {
  display: inline-block;
  background-color: #FF9933;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  vertical-align: -1px; }

.circle.provider-1978289723 {
  display: inline-block;
  background-color: #7AC000;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  vertical-align: -1px; }

.circle.provider-2121 {
  display: inline-block;
  background-color: #002aff;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  vertical-align: -1px; }
  
  

.circle.provider-489389236 {
  display: inline-block;
  background-color: #14A2A9;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  vertical-align: -1px; }

.circle.provider193505086 {
  display: inline-block;
  background-color: #ee3618;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  vertical-align: -1px; }

.providerWrapper .circle {
  margin-left: 2px; }

.marker {
  width: 26px;
  height: 26px;
  background: transparent; }
  .marker .markerIcon {
    fill: #003366; }

.priceMarker {
  cursor: pointer;
  height: 35px;
  min-width: 53px;
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #fff; }
  .priceMarker .top {
    border-radius: 3px;
    text-align: center;
    background: rgba(39, 52, 68, 0.85);
    padding: 6px 8px; }
  .priceMarker .hotelsInCluster {
    display: none;
    background: rgba(26, 147, 239, 0.85);
    color: #fff;
    padding: 6px 8px; }
  .priceMarker .wrapper {
    display: flex;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px; }
    .priceMarker .wrapper.withHotelsAmount .top {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
    .priceMarker .wrapper.withHotelsAmount .hotelsInCluster {
      display: block;
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px; }
  .priceMarker.selected .top {
    background: rgba(25, 169, 118, 0.85); }
  .priceMarker.selected .triangle,
  .priceMarker.selected .triangle-wrapper {
    border-top-color: rgba(25, 169, 118, 0.85); }
  .priceMarker .triangle-wrapper {
    position: relative;
    top: -1px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(0, 0, 0, 0.25); }
  .priceMarker .triangle {
    position: relative;
    top: -17px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid rgba(39, 52, 68, 0.85); }

.mapBackground {
  height: calc(100vh - 52px);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  @media all and (max-width: 991px) {
    .mapBackground {
      display: none; } }

.popupWrapper {
  position: absolute;
  z-index: 10001; }

.popupOverlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 10000; }

.searchSummary {
  _position: sticky;
  top: 0;
  z-index: 200;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(50, 50, 93, 0.05), 0 1px 3px rgba(0, 0, 0, 0.08);
  color: #273444;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-bottom: 12px;
  overflow: hidden; }
  
  .searchSummary.noMargin {
    margin: 0; }
  .searchSummary .back,
  .searchSummary .summaryInfo {
    padding: 0 8px; }
  .searchSummary .goBack {
    margin: 0; }
  .searchSummary .summaryInfo {
    height: 40px; }
  .searchSummary .svgIcon {
    fill: #1A93EF;
    vertical-align: middle;
    margin-right: 8px; }
  .searchSummary .arrowSvg {
    fill: #273444;
    stroke: #273444;
    vertical-align: -3px; }
  .searchSummary .section {
    vertical-align: middle;
    margin-right: 32px; }
  @media all and (max-width: 991px) {
    .searchSummary .row {
      margin: 0; } }
  @media (max-width: 991px) {
    .searchSummary {
      _color: #fff;
      margin: 0;
      height: auto;
      background-color: transparent;
      _display: inline-flex;
      _flex-direction: column;
      width: auto;
      _position: absolute;
      _top: 8px;
      _left: 52px;
      right: 58px; }
      .searchSummary.oneLineContent {
        top: 16px;
        font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        font-variant: normal;
        line-height: 1.4;
        letter-spacing: normal; }
      .searchSummary.narrow {
        right: 94px; }
      .searchSummary .destination,
      .searchSummary .searchDetails {
        line-height: 1.4; }
      .searchSummary .destination {
        font-weight: 500; }
      .searchSummary .searchDetails {
        color: #94adb9;
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%; } }

.linksList {
  padding-bottom: 8px; }
  .linksList .menuTitle {
    color: #708692;
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    font-variant: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: uppercase;
    padding: 16px 16px 8px;
    background: none;
    border: none;
    cursor: default; }
  .linksList .listItem {
    font-weight: 400;
    color: #273444;
    cursor: pointer;
    display: block;
    padding: 8px 16px;
    margin-bottom: 4px; }
    .linksList .listItem:last-child {
      margin-bottom: 0; }
    .linksList .listItem:not(.active):hover {
      background-color: #f5f6f7;
      color: #1A93EF;
      border-left: 4px solid #708692;
      padding-left: 12px; }
  .linksList .active {
    pointer-events: none;
    background-color: rgba(204, 227, 238, 0.3);
    color: #1A93EF;
    border-left: 4px solid #1A93EF;
    padding-left: 12px; }
  .linksList .mdc-ripple-surface:hover::before {
    opacity: 0; }
  .linksList.collapsible {
    padding: 0;
    margin: 0; }
    .linksList.collapsible .arrowSvg {
      fill: #273444;
      stroke: #273444;
      float: right; }
    .linksList.collapsible .menuTitle {
      text-transform: capitalize;
      color: #273444;
      font-size: 16px;
      padding-top: 12px;
      padding-bottom: 12px;
      margin-bottom: 4px;
      width: 100%;
      text-align: left;
      cursor: pointer; }
      .linksList.collapsible .menuTitle:focus {
        background-color: #f5f6f7; }
    .linksList.collapsible .listItem {
      padding: 12px 16px;
      font-size: 16px;
      line-height: 1; }
    .linksList.collapsible.closed .menuTitle {
      margin-bottom: 0; }
    .linksList.collapsible .listItem,
    .linksList.collapsible .listItem:hover {
      padding-left: 32px; }
    .linksList.collapsible .active {
      padding-left: 28px !important; }

.providerColors {
  padding-bottom: 8px;
  color: #273444;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  font-weight: 400; }
  .providerColors .providerColorsTitle {
    color: #708692;
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    font-variant: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: uppercase;
    padding: 16px 16px 8px; }
  .providerColors .provider {
    padding: 8px 16px; }
  .providerColors .providerItem .provider {
    text-transform: capitalize; }
  .providerColors .providerItem .circle {
    margin: 0 8px 0 4px; }

.formPresentational {
  width: 100%;
  max-width: 410px;
  margin: 0 auto;
  text-align: center; }
  .formPresentational .formTitle {
    margin-top: 0;
    margin-bottom: 16px; }
  .formPresentational .iconHolder {
    height: 48px;
    line-height: 48px; }
    .formPresentational .iconHolder .svgIcon {
      height: 25px !important; }
  .formPresentational .svgIcon {
    fill: #1A93EF; }
  .formPresentational .textInput {
    display: flex; }
  .formPresentational .button.btnGreen {
    width: 100%; }
  @media all and (max-width: 991px) {
    .formPresentational {
      max-width: 350px; } }
  @media all and (max-width: 991px) {
    .formPresentational {
      border: 1px solid #e0e6ea;
      border-radius: 3px; }
      .formPresentational .textInput {
        flex-direction: column; } }
  @media all and (max-width: 399px) {
    .formPresentational {
      max-width: none; } }
  @media all and (max-width: 399px) and (max-width: 991px) {
    .formPresentational {
      border-radius: 0;
      border-left: none;
      border-right: none; } }

.infoBlock {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12.5px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  right: -12px;
  transform: translateX(100%);
  border-left: 3px solid #1A93EF;
  border-radius: 3px;
  max-width: 350px;
  text-align: left;
  color: #708692;
  position: absolute;
  align-self: center; }
  .infoBlock .card {
    border-left: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .infoBlock:after {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-right: 8px solid #1A93EF;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px; }
  .infoBlock.error {
    border-left-color: #eb4d5c;
    color: #eb4d5c; }
    .infoBlock.error:after {
      border-right-color: #eb4d5c; }
  @media all and (max-width: 991px) {
    .infoBlock {
      max-width: 200px; } }
  @media all and (max-width: 991px) {
    .infoBlock {
      transform: none;
      position: relative;
      border: none;
      max-width: none;
      align-self: left;
      right: unset; }
      .infoBlock:after {
        display: none; }
      .infoBlock .card {
        border: none;
        box-shadow: none; }
        .infoBlock .card .content {
          padding-bottom: 0; } }

.backLink {
  margin-bottom: 16px;
  display: inline-block;
  max-width: 100%; }
  .backLink .arrowSvg {
    margin-right: 4px; }

.buttonsHolder .customSave {
  margin-right: 8px;
  margin-top: 32px;
  min-width: 140px; }

.buttonsHolder.reversedOrder {
  display: flex;
  justify-content: flex-end; }
  .buttonsHolder.reversedOrder .button {
    margin: 32px 0 0; }
  .buttonsHolder.reversedOrder .customSave {
    order: 1; }
  .buttonsHolder.reversedOrder .customCancel {
    order: 0;
    margin-right: 8px; }

@media all and (max-width: 991px) {
  .buttonsHolder {
    width: 100%;
    text-align: center; }
    .buttonsHolder .button, .buttonsHolder.reversedOrder .button {
      width: 100%;
      margin: 32px 0 0; }
    .buttonsHolder,
    .buttonsHolder .button:last-child {
      margin-bottom: 0; } }

.buttonsHolder.mobile {
  position: absolute;
  height: 52px;
  left: 0;
  right: 0;
  top: 0; }
  .buttonsHolder.mobile .svgIcon {
    fill: #fff; }
  .buttonsHolder.mobile .iconWrapper {
    background: #273444;
    height: 52px;
    width: 52px;
    padding: 16px;
    position: absolute; }
    .buttonsHolder.mobile .iconWrapper.save {
      right: 0; }
    .buttonsHolder.mobile .iconWrapper.cancel {
      left: 0; }
  .buttonsHolder.mobile .closeSvg {
    stroke: none; }

.materialReadOnlyField {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }
  .materialReadOnlyField .fieldLabel {
    transform: translate(0, 1.5px);
    transform-origin: top left;
    font-size: 12px;
    color: #708692;
    line-height: 1;
    height: 16px; }
  .materialReadOnlyField .fieldValue {
    height: 32px;
    padding-top: 6px;
    padding-bottom: 7px; }

@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

@keyframes onAutoFillCancel {
  from {
    /**/ }
  to {
    /**/ } }

.materialTextFieldWrapper {
  display: flex; }
  .materialTextFieldWrapper.iconInside {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    .materialTextFieldWrapper.iconInside .inputWrapper {
      display: flex; }
    .materialTextFieldWrapper.iconInside .inputLabel {
      margin-left: 44px;
      transform: translate(0, 17px) scale(1); }
      .materialTextFieldWrapper.iconInside .inputLabel.shrink {
        transform: translate(0, 1.5px); }
    .materialTextFieldWrapper.iconInside .svgIcon {
      margin-top: -2px;
      margin-left: 12px; }
    .materialTextFieldWrapper.iconInside input {
      width: calc(100% - 20px - (2 * 12px)); }
  .materialTextFieldWrapper .materialTextField {
    position: relative;
    font-size: 14px;
    margin: 0;
    border: 0;
    display: flex;
    padding: 0;
    min-width: 0;
    flex-direction: column;
    width: 100%; }
    .materialTextFieldWrapper .materialTextField.disabled,
    .materialTextFieldWrapper .materialTextField.disabled .inputLabel {
      color: #a3afb7; }
    .materialTextFieldWrapper .materialTextField.disabled .inputWrapper:hover:before, .materialTextFieldWrapper .materialTextField.disabled .inputWrapper:before {
      background-color: transparent;
      background-size: 5px 1px;
      background-image: linear-gradient(to right, #a3afb7 33%, transparent 0%);
      background-repeat: repeat-x;
      background-position: left top; }
  .materialTextFieldWrapper .inputLabel {
    color: #708692;
    top: 0;
    left: 0;
    position: absolute;
    transform: translate(0, 24px) scale(1);
    transform-origin: top left;
    transition: transform 0.2s ease-out 0ms, font-size 0.2s ease-out 0ms, line-height 0.2s ease-out 0ms;
    padding: 0;
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    font-variant: normal;
    line-height: 1;
    letter-spacing: normal; }
    .materialTextFieldWrapper .inputLabel.shrink {
      transform: translate(0, 1.5px);
      font-size: 12px;
      line-height: 1.4; }
  .materialTextFieldWrapper .inputLabel + .inputWrapper {
    margin-top: 16px; }
  .materialTextFieldWrapper .inputLabel.active {
    color: #1A93EF; }
    .materialTextFieldWrapper .inputLabel.active + .inputWrapper:after {
      transform: scaleX(1); }
  .materialTextFieldWrapper .inputWrapper {
    position: relative; }
    .materialTextFieldWrapper .inputWrapper:before, .materialTextFieldWrapper .inputWrapper:after {
      left: 0;
      right: 0;
      bottom: 0;
      position: absolute;
      transition: all 0.2s ease-out;
      pointer-events: none;
      content: ""; }
    .materialTextFieldWrapper .inputWrapper:before {
      height: 1px;
      background-color: rgba(0, 0, 0, 0.25);
      pointer-events: none; }
    .materialTextFieldWrapper .inputWrapper:after {
      height: 2px;
      transform: scaleX(0);
      background-color: #1A93EF; }
    .materialTextFieldWrapper .inputWrapper:hover:before {
      background-color: #273444; }
  .materialTextFieldWrapper input {
    height: 32px;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 6px 0 7px;
    display: block;
    min-width: 0;
    background: none;
    vertical-align: middle;
    font-weight: 400;
    -webkit-tap-highlight-color: transparent; }
  .materialTextFieldWrapper input:-webkit-autofill {
    animation-name: onAutoFillStart;
    transition: background-color 50000s ease-in-out 0s; }
  .materialTextFieldWrapper input:not(:-webkit-autofill) {
    animation-name: onAutoFillCancel; }
  .materialTextFieldWrapper .inputHelperText {
    position: absolute;
    height: 0;
    color: transparent;
    transition: padding 0.2s ease-out;
    text-align: left;
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    font-variant: normal;
    line-height: 1;
    letter-spacing: normal; }
    .materialTextFieldWrapper .inputHelperText.visible {
      color: #708692;
      position: relative;
      padding-top: 8px;
      height: auto; }
  .materialTextFieldWrapper .svgIcon {
    margin-top: 14px;
    margin-right: 12px;
    fill: #1A93EF; }
    .materialTextFieldWrapper .svgIcon + .materialTextField {
      width: calc(100% - 20px - 12px); }
    .materialTextFieldWrapper .svgIcon + .materialTextField .inputLabel {
      transform: translate(0, 15px) scale(1); }
      .materialTextFieldWrapper .svgIcon + .materialTextField .inputLabel.shrink {
        transform: translate(0, 1.5px); }
  .materialTextFieldWrapper.error .inputLabel,
  .materialTextFieldWrapper.error .inputHelperText.visible {
    color: #eb4d5c; }
  .materialTextFieldWrapper.error .inputWrapper:before, .materialTextFieldWrapper.error .inputWrapper:hover:before {
    background-color: #eb4d5c;
    height: 2px; }
  .materialTextFieldWrapper.error .svgIcon {
    fill: #eb4d5c; }
  .materialTextFieldWrapper .svgIcon {
    margin-top: 14px;
    margin-right: 12px; }
    .materialTextFieldWrapper .svgIcon + .materialTextField {
      width: calc(100% - 20px - 12px); }
    .materialTextFieldWrapper .svgIcon + .materialTextField .inputLabel {
      transform: translate(0, 17px) scale(1); }
      .materialTextFieldWrapper .svgIcon + .materialTextField .inputLabel.shrink {
        transform: translate(0, 1.5px); }
  .materialTextFieldWrapper.error .inputLabel,
  .materialTextFieldWrapper.error .inputHelperText.visible {
    color: #eb4d5c; }
  .materialTextFieldWrapper.error .inputWrapper:before, .materialTextFieldWrapper.error .inputWrapper:hover:before {
    background-color: #eb4d5c;
    height: 2px; }
  .materialTextFieldWrapper.error .svgIcon {
    fill: #eb4d5c; }

.materialSelect .selectWrapper {
  position: static; }

.materialSelect .select .Dropdown-control {
  height: 32px;
  border: none;
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  line-height: 32px;
  background-color: transparent;
  padding: 6px 0 7px; }

.materialSelect .select .Dropdown-placeholder {
  height: 19px;
  line-height: 19px;
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }

.materialSelect .select .Dropdown-arrow {
  top: 12px; }

.materialSelect .select .Dropdown-menu {
  margin-top: 0; }

.materialSelect .select .Dropdown-option {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }

.modalWrapper {
  display: flex;
  justify-content: center;
  align-items: center; }

.modal {
  background: #fff;
  border: 1px solid #e0e6ea;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
  width: 100%;
  max-width: 470px;
  max-height: calc(100% - 140px);
  margin: 0 auto;
  overflow-x: auto;
  padding: 24px 24px 8px;
  font-weight: 400; }
  .modal .modalTitle {
    margin-top: 0;
    margin-bottom: 16px; }
  .modal .modalButtons {
    margin-right: -16px; }
  @media all and (max-width: 991px) {
    .modal {
      width: calc(100% - 64px); }
      .modal .modalButtons {
        position: relative;
        right: -16px; } }
  @media all and (max-width: 479px) {
    .modal .modalButtons .button {
      width: initial; } }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  .modal {
    margin: 0; } }

.titleBlock {
  position: relative;
  margin-top: 4px;
  margin-bottom: 8px; }
  .titleBlock .title {
    line-height: 36px;
    margin: 0; }

.cardPageLayout {
  position: relative; }
  .cardPageLayout .titleWrapper {
    position: relative; }
  .cardPageLayout .buttonWrapper {
    position: absolute;
    right: 0;
    top: 0; }
    .cardPageLayout .buttonWrapper .plusSvg {
      fill: #fff;
      stroke: #fff; }
  .cardPageLayout.loaderWrapper {
    min-height: 50vh; }
  .cardPageLayout .loaderContent {
    position: static; }
  @media (max-width: 991px) {
    .cardPageLayout.withButton > .card:last-child {
      padding-bottom: 88px; } }
  @media all and (max-width: 767px) {
    .cardPageLayout .singleCard {
      min-height: calc(100vh - 52px); }
    .cardPageLayout.breadcrumbsPresent .singleCard {
      min-height: calc(100vh - 52px - 40px); } }

.breadcrumbsHolder .desktopBreadcrumbs {
  border-bottom: 1px solid #e0e6ea;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
  height: 40px;
  background-color: #fff; }
  @media (max-width: 991px) {
    .breadcrumbsHolder .desktopBreadcrumbs {
      display: none; } }

.breadcrumbsHolder .container {
  padding: 0 8px; }

.breadcrumbsHolder .content {
  display: flex;
  align-items: center;
  height: 40px; }

.breadcrumbsHolder .breadcrumb.active {
  cursor: default;
  pointer-events: none;
  color: #1A93EF; }

.breadcrumbsHolder .arrowSvg {
  margin: 0 8px;
  vertical-align: -1px;
  fill: #273444;
  stroke: #273444; }

.breadcrumbsHolder .mobileBreadcrumbsWrapper {
  background-color: #273444;
  height: 40px;
  display: flex;
  align-items: center;
  overflow-x: auto;
  width: 100vw; }
  .breadcrumbsHolder .mobileBreadcrumbsWrapper span {
    white-space: nowrap; }
  .breadcrumbsHolder .mobileBreadcrumbsWrapper .mobileBreadcrumbs {
    display: block;
    padding: 0 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.65); }
    .breadcrumbsHolder .mobileBreadcrumbsWrapper .mobileBreadcrumbs .arrowSvg {
      margin: 0 8px;
      vertical-align: -1px;
      fill: rgba(255, 255, 255, 0.65);
      stroke: rgba(255, 255, 255, 0.65); }
    .breadcrumbsHolder .mobileBreadcrumbsWrapper .mobileBreadcrumbs .listItem:hover {
      text-decoration: none; }
    .breadcrumbsHolder .mobileBreadcrumbsWrapper .mobileBreadcrumbs .listItem.active {
      color: #fff;
      pointer-events: none; }

.fullscreenCard {
  box-shadow: none;
  padding-top: 40px;
  border: none;
  background-color: #fff; }
  .fullscreenCard .cardTitle {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    font-variant: normal;
    line-height: 1.4;
    letter-spacing: normal;
    display: block;
    height: 40px;
    text-align: center;
    color: #003366;
    padding: 8px 16px 0;
    border-bottom: 1px solid #e0e6ea;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2; }
  .fullscreenCard .closeWrapper {
    position: absolute;
    right: 16px;
    top: 8px; }

@media (max-width: 991px) {
  .impersonateButton {
    width: 100%; } }

.bookingStatusBlock {
  border: 1px solid rgba(211, 47, 47, 0.5);
  color: #d32f2f;
  border-radius: 3px;
  padding: 2px 12px;
  display: inline-block;
  width: auto;
  text-transform: uppercase; }
  
  .bookingStatusBlock.paid,
  .bookingStatusBlock.PAID {
    color: #388e3c;
    border-color: rgba(56, 142, 60, 0.5); }
    
  .bookingStatusBlock.processing, .bookingStatusBlock.unpaid, .bookingStatusBlock.rejected ,
  .bookingStatusBlock.CONFIRMED,
  .bookingStatusBlock.PROCESSING, .bookingStatusBlock.UNPAID, .bookingStatusBlock.REJECTED {
    color: #ef6c00;
    border-color: rgba(239, 108, 0, 0.5); }
  .bookingStatusBlock.cancelSucceed ,
  .bookingStatusBlock.CANCELLED,
  .bookingStatusBlock.CANCELSUCCEED{
    color: #333333;
    border-color: rgba(51, 51, 51, 0.5); }
  .bookingStatusBlock.failed, .bookingStatusBlock.cancelFailed,
  .bookingStatusBlock.FAILED, .bookingStatusBlock.CANCELFAILED {
    color: #d32f2f;
    border-color: rgba(211, 47, 47, 0.5); }

.toggleWrapper {
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(50, 50, 93, 0.05), 0 1px 3px rgba(0, 0, 0, 0.08);
  display: flex;
  font-weight: 400;
  height: 36px; }
  .toggleWrapper.disabled {
    box-shadow: none;
    opacity: 0.38; }
    .toggleWrapper.disabled .mdc-ripple-surface::before,
    .toggleWrapper.disabled .mdc-ripple-surface::after {
      display: none; }
    .toggleWrapper.disabled .toggle + .toggleLabel {
      color: #708692;
      background: transparent;
      cursor: not-allowed; }
      .toggleWrapper.disabled .toggle + .toggleLabel .svgIcon {
        fill: #708692; }
      .toggleWrapper.disabled .toggle + .toggleLabel:hover {
        color: #708692;
        background: transparent; }
        .toggleWrapper.disabled .toggle + .toggleLabel:hover .svgIcon {
          fill: #708692; }
  .toggleWrapper .toggle {
    display: none; }
  .toggleWrapper .toggle + .toggleLabel:hover {
    color: #1A93EF; }
    .toggleWrapper .toggle + .toggleLabel:hover .svgIcon {
      fill: #1A93EF; }
  .toggleWrapper .toggle + .toggleLabel .svgIcon {
    fill: #708692; }
  .toggleWrapper .toggle:checked + .toggleLabel {
    color: #1A93EF !important; }
    .toggleWrapper .toggle:checked + .toggleLabel .svgIcon {
      fill: #1A93EF !important; }
  .toggleWrapper .mapSvg,
  .toggleWrapper .listSvg {
    margin-right: 8px; }
  .toggleWrapper .toggleLabel {
    color: #708692;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    cursor: pointer;
    user-select: none; }
  .toggleWrapper .optionWrapper {
    display: inline-block; }
    .toggleWrapper .optionWrapper.mdc-ripple-surface::before, .toggleWrapper .optionWrapper.mdc-ripple-surface::after {
      background: #1A93EF; }
  .toggleWrapper .tooltipBlock:first-child .toggle + .toggleLabel {
    border-right: 1px solid #dcdcdc; }

.errorBoundary .homeLink {
  font-size: 20px; }

/** apps styles */
.clusterItem {
  padding: 0;
  color: #003366;
  padding-left: 8px;
  margin: 8px 0;
  font-weight: 400;
  display: block;
  cursor: pointer; }
  .clusterItem .headHotelName {
    display: inline-block; }
  .clusterItem .clusterLink {
    font-size: 20px; }
  .clusterItem .location {
    color: #708692;
    font-size: 11px; }
  .clusterItem.toggled {
    opacity: 0.2; }
  .clusterItem.provider2095242028 {
    border-left: 3px solid #003366; }
  .clusterItem.provider1767766092 {
    border-left: 3px solid #4097E0; }

  .clusterItem.provider-1978289723 {
    border-left: 3px solid #7AC000; }

  .clusterItem.provider-2121 {
    border-left: 3px solid #002aff; }
    

      
  .clusterItem.provider-1978293979 {
    border-left: 3px solid #FF9933; }
  .clusterItem.provider-489389236 {
    border-left: 3px solid #14A2A9; }
  .clusterItem.provider193505086 {
    border-left: 3px solid #ee3618; }

@media all and (max-width: 991px) {
  .clusterItem:last-child {
    margin-bottom: 0; } }

.multiSelectBox .selectedItems {
  margin-top: 16px; }

.multiSelectBox .selectedItem {
  padding: 8px 16px;
  border-bottom: 1px solid #e0e6ea; }

.multiSelectBox .closeSvg {
  float: right;
  cursor: pointer; }

.currencyExchangeRate {
  min-height: 50vh; }
  .currencyExchangeRate .rateFields .content {
    overflow: visible; }
  .currencyExchangeRate .rateField {
    width: 140px;
    margin-right: 16px;
    float: left; }
  .currencyExchangeRate .readOnly .fieldValue {
    padding-bottom: 0;
    height: auto; }
  .currencyExchangeRate .pagination {
    margin-bottom: 0 !important; }
  @media all and (max-width: 991px) {
    .currencyExchangeRate .rateField {
      margin-right: 0;
      float: none;
      margin-top: 16px;
      width: 100%; }
      .currencyExchangeRate .rateField:first-child {
        margin-top: 0; } }

.currencyExchangeHistory .historyTitle {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #273444;
  margin-bottom: 24px; }

.currencyExchangeHistory .bold {
  font-weight: 500; }

@media all and (max-width: 767px) {
  .currencyExchangeHistory {
    width: calc(100vw - 16px * 2); }
    .currencyExchangeHistory .historyTitle {
      font-weight: 500;
      font-size: 14px;
      margin-bottom: 16px; }
    .currencyExchangeHistory .tableWrapper {
      overflow: auto;
      margin-left: -8px;
      margin-right: -8px; } }

.cluster .map,
.cluster .noLocation {
  padding: 0; }

.cluster .noLocation {
  border: 1px solid rgba(0, 0, 0, 0.25);
  height: 180px;
  color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.cluster .noLocationIcon {
  fill: #ccc; }

.cluster .clusterCenter {
  margin-bottom: 16px; }

.cluster .clusterItems {
  margin-left: 16px; }

@media all and (max-width: 991px) {
  .cluster .content {
    display: flex;
    flex-direction: column; }
  .cluster .col-md-5.map {
    order: 2;
    margin-top: 16px; }
  .cluster .hotels {
    order: 1;
    padding: 0; }
  .cluster .clusterCenter:last-child {
    margin-bottom: 0; }
  .cluster .clusterCenter .clusterItem {
    margin: 0; } }

.selectableHotelItem {
  overflow: hidden;
  position: relative; }
  .selectableHotelItem.toggled {
    background-color: #f7f8f9; }
  .selectableHotelItem .name {
    margin-right: 12px; }
  .selectableHotelItem .stars {
    height: 19px;
    line-height: 19px;
    display: inline-block; }
  .selectableHotelItem .starSvg {
    height: 11px;
    width: 11px;
    stroke-width: 1.3; }
  .selectableHotelItem .selectableHotelCheckbox {
    padding: 0; }
  .selectableHotelItem .optionCheckbox + .optionLabel {
    cursor: default; }
    .selectableHotelItem .optionCheckbox + .optionLabel:before {
      cursor: pointer;
      position: absolute;
      left: calc(4% - 8px);
      top: 50%;
      transform: translateY(-50%); }

.clusterDetails.detailsLayout {
  overflow: hidden; }
  .clusterDetails.detailsLayout .detailsTitle {
    overflow: hidden; }
  .clusterDetails.detailsLayout .detailsContent {
    position: relative;
    overflow: hidden; }

.clusterDetails .clasterInfoWrapper {
  padding-left: 0;
  padding-right: 8px; }

.clusterDetails .headHotel {
  font-size: 20px;
  font-weight: 400; }
  .clusterDetails .headHotel .clusterItem {
    margin-top: 0;
    cursor: default; }
  .clusterDetails .headHotel .name {
    margin-right: 16px; }
  .clusterDetails .headHotel .stars {
    display: inline-block;
    height: 28px;
    line-height: 28px; }

.clusterDetails .hotels .clusterItem {
  margin-left: 8%; }

.clusterDetails .hotelsBlock {
  padding-right: 16px; }

.clusterDetails .cardTitle {
  padding-bottom: 8px;
  display: inline-block; }

.clusterDetails .materialTypeAhead {
  margin-bottom: 16px; }
  .clusterDetails .materialTypeAhead .clusterItem {
    margin: 0; }

.clusterDetails .mapWrapper {
  padding: 0;
  height: 460px;
  padding-left: 8px; }

.clusterDetails .checkedBlock {
  margin-top: 16px; }

.clusterDetails .toggleAll {
  margin-left: 16px; }

.clusterDetails .buttonsHolder {
  padding-bottom: 4px; }

@media all and (max-width: 991px) {
  .clusterDetails .clasterInfoWrapper {
    padding-left: 8px; }
  .clusterDetails .checkbox {
    width: 100%; }
  .clusterDetails .mapWrapper {
    padding-right: 8px;
    margin-top: 16px; } }

@media all and (max-width: 991px) {
  .clusterDetails .clasterInfoWrapper,
  .clusterDetails .mapWrapper {
    padding: 0; }
  .clusterDetails .mapWrapper {
    height: 280px; } }

@media (max-width: 991px) {
  .users {
    max-width: calc(100vw - 16px * 2);
    overflow: auto; } }

.adminPage {
  padding: 16px 0;
  color: #273444;
  /** marker styles */ }
  .adminPage .menu,
  .adminPage .adminSubPageWrapper {
    padding: 0 8px; }
  .adminPage .menu {
    position: sticky;
    top: 16px; }
  .adminPage .hide {
    display: none; }
  .adminPage .provider2095242028 {
    fill: #003366; }
  .adminPage .provider1767766092 {
    fill: #4097E0; }
  .adminPage .provider-1978293979 {
    fill: #FF9933; }
  .adminPage .provider-1978289723 {
    fill: #7AC000; }
  .adminPage .provider-2121 {
    fill: #002aff; }


    
  .adminPage .provider-489389236 {
    fill: #14A2A9; }
  .adminPage .provider193505086 {
    fill: #ee3618; }
  .adminPage .adminSubPage .container {
    width: 100%; }
  @media all and (max-width: 991px) {
    .adminPage .menu {
      position: static; }
    .adminPage .providers {
      margin-bottom: 16px; } }
  @media (max-width: 991px) {
    .adminPage {
      padding-bottom: 0; }
      .adminPage .adminSubPageWrapper {
        padding: 0; } }

.footer {
  background-color: transparent;
  overflow: hidden;
  position: relative;
  height: 45px; }
  .footer .container {
    padding: 0 8px; }
  .footer .copyright {
    height: 45px;
    color: #273444;
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12.5px;
    font-variant: normal;
    line-height: 1.4;
    letter-spacing: normal;
    line-height: 45px; }

.pulledUp {
  display: table;
  margin: 0 auto;
  margin-top: -45px;
  position: absolute;
  left: calc((100% - 1170px)/2); }

@media (max-width: 1199px) {
  .pulledUp {
    left: calc((100% - 970px)/2); } }

@media (max-width: 991px) {
  .pulledUp {
    left: 0; } }

.header {
  background-color: #273444;
  line-height: 1.4;
  height: 52px;
  z-index: 200; }
  .header .container {
    height: 52px;
    padding: 0 8px; }
  .header.onlyLogo {
    text-align: center; }

@media (max-width: 991px) {
  .mobileHeader {
    position: relative;
    background-color: #273444;
    line-height: 1.4;
    height: 52px;
    z-index: 200; }
    .mobileHeader .leftActionHolder,
    .mobileHeader .rightActionHolder {
      padding: 16px;
      width: 52px;
      height: 52px;
      vertical-align: top;
      display: inline-block; }
      .mobileHeader .leftActionHolder svg,
      .mobileHeader .rightActionHolder svg {
        fill: #fff;
        stroke: none; }
    .mobileHeader .leftActionHolder {
      padding-left: 16px; }
      .mobileHeader .leftActionHolder .arrowSvg {
        fill: #fff;
        stroke: #fff; }
    .mobileHeader .rightActionHolder {
      padding-right: 16px; }
    .mobileHeader .titleHolder {
      display: inline-block;
      vertical-align: top;
      width: calc(100% - 104px);
      height: 52px; }
      .mobileHeader .titleHolder .title {
        margin: 0;
        overflow-x: scroll;
        width: 100%;
        height: 100%;
        white-space: nowrap;
        font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        font-variant: normal;
        line-height: 52px;
        letter-spacing: normal;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        max-width: calc(100vw - 16px - 20px - 16px - 32px - 26px);
        text-align: left; }
    .mobileHeader .homeSvg {
      fill: #fff; } }

.mainMenu {
  display: inline-block;
  float: right;
  height: 52px;
  line-height: 52px;
  user-select: none; 
  position: relative
  }


  .hamburger {
  	display: none;
  }
 	
  .mainMenu .menuItems {
    height: 52px;
    display: flex;
    align-items: stretch; }
    
  .hamburger {
    	display: none;
  }

  @media (max-width: 800px) {
    .mainMenu .menuItems {
			display: block;
			position: absolute;
			background-color: white;
			top: 55px;
			right: 0px;
			z-index: 1000;
			box-shadow: 0 2px 4px rgba(50, 50, 93, 0.05), 0 1px 3px rgba(0, 0, 0, 0.08);
			height: auto;
	    } 
     
     
     .hamburger {
		display: block;
		position: absolute;
		top: 12px;
		right: 20px;
		font-size: 28px;
	    color: #94adb9;
		z-index: 200;	    		    
	 }
	   
	 .mainMenu {
	 	display: none;
	 }	
   }


   

    
  .mainMenu .menuLink {
    padding: 0 16px;
    color: #94adb9;
    display: flex;
    align-items: center; 
	 font-weight: 400;
    font-size: 12.5px;    
    }
    
    
 @media (max-width: 800px) {
     .mainMenu .menuLink {
     	display: block;
	    font-size: 17px;
    	margin-bottom: 10px;
	    margin-top: 10px; 
     }
     
     .hamburger {
     	display: block;
     }
 }         
    
  .mainMenu .menuLink button,
  .mainMenu .logoutLink button {
    background: none;
    border: none;
    padding: 0; }
  .mainMenu .userSvg {
    fill: #94adb9;
    vertical-align: middle; }
 
  .mainMenu .username,
  .mainMenu .companyName {
    font-weight: 400;
    font-size: 12.5px; }
  .mainMenu .menuLink:hover {
    color: #fff; }
    .mainMenu .menuLink:hover .svgIcon {
      }
  .mainMenu .triangleSvg {
    margin-left: 8px;
    fill: #94adb9; }
  .mainMenu .svgIcon {
    transition: all 0.2s ease-out; }
  .mainMenu .logout {
    color: black; }
  .mainMenu .userMenu {
    background-color: #fff;
    right: 2px;
    top: 52px;
    z-index: 1000;
    border-top: 4px solid #1A93EF;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .mainMenu .menuOptions {
    padding: 12px 0 8px;
    line-height: 32px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
    color: #273444;
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-top: none; }
  .mainMenu .userMenu .link {
    background-color: #fff;
    padding: 4px 16px;
    white-space: nowrap;
    line-height: 1.4; }
    .mainMenu .userMenu .link.selected {
      background-color: #f5f6f7; }
    .mainMenu .userMenu .link:hover {
      color: #1A93EF;
      background-color: #f5f6f7; }
      .mainMenu .userMenu .link:hover .logout,
      .mainMenu .userMenu .link:hover .myProfit {
        color: #1A93EF; }
	
	#user_menu	{
		display: none;
	}
	@media (max-width: 800px) {
		#user_menu{
			margin-top: 220px;
			right: 100px;
			
		}	
	}

	.userInfo {
	color: #94adb9 !important;
	}
	
	.myProfit {
		color: #337ab7 !important;
	}
	
  .mainMenu .exchangeRate {
    color: white;    
    padding: 0 16px; 
	font-weight: 400;
    font-size: 12.5px;     
  }
 @media (max-width: 992px) {
     .mainMenu .exchangeRate {
     	color: #94adb9;
     }
 }   
  @media (max-width: 800px) {
     .mainMenu .exchangeRate {
     	display: block;
	    font-size: 17px;
    	margin-bottom: 10px;
	    margin-top: 10px;
	    color: black; 
     }
 } 
     
    
    
  .mainMenu .currencies {
    margin-right: 4px; }
  .mainMenu .username,
  .mainMenu .companyName {
    padding: 0 16px;
    line-height: 1.4;
    white-space: nowrap; }
  .mainMenu .companyName {
    padding-bottom: 8px;
    text-transform: capitalize; }
  .mainMenu .username {
    color: #708692;
    border-bottom: 1px solid #1A93EF;
    padding-bottom: 8px;
    margin-bottom: 8px; }
  .mainMenu .menuOptions:after {
    border-bottom: 6px solid #1A93EF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -10px;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 13px; }
  .mainMenu .active {
    pointer-events: none;
    color: #fff !important; }

@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  .userMenu {
    top: 52px !important; }
  .triangleSvg,
  .menuLink {
    transition: none; } }

@supports (-ms-ime-align: auto) {
  .userMenu {
    top: 50px !important; }
  .mainMenu .svgIcon,
  .menuLink {
    transition: none; } }

@media (max-width: 991px) {
  .burgerMenu {
    /* Position and sizing of burger button */
    /* General sidebar styles */
    /* Styling of overlay */ }
    .burgerMenu .bm-burger-button {
      position: absolute;
      width: 26px;
      height: 26px;
      right: 16px;
      top: 13px;
      z-index: 0 !important; }
      .burgerMenu .bm-burger-button .svgIcon {
        fill: #fff;
        stroke: #fff; }
    .burgerMenu .bm-menu-wrap {
      top: 0; }
    .burgerMenu .bm-menu {
      background: #fff;
      padding: 0; }
    .burgerMenu .bm-overlay {
      background: rgba(0, 0, 0, 0.3);
      top: 0;
      left: 0; }
    .burgerMenu .menuItems {
      text-align: left; }
      .burgerMenu .menuItems > * {
        padding-bottom: 4px; }
    .burgerMenu .menuLink,
    .burgerMenu .logoutLink,
    .burgerMenu .myProfitLink {
      margin-bottom: 0;
      font-weight: 400;
      font-size: 16px;
      line-height: 1;
      color: #273444;
      display: block; }
    .burgerMenu .menuLink button,
    .burgerMenu .logout,
    .burgerMenu .myProfit {
      background: none;
      border: none;
      padding: 12px 16px;
      width: 100%;
      text-align: left; }
      .burgerMenu .menuLink button:focus,
      .burgerMenu .logout:focus,
      .burgerMenu .myProfit:focus {
        background-color: #f5f6f7; }
    .burgerMenu .linksList:nth-child(2) {
      padding-top: 12px; }
    .burgerMenu .menuLink:nth-child(5) {
      padding-bottom: 12px; }
    .burgerMenu .myProfitLink,
    .burgerMenu .logoutLink {
      padding: 12px 0; }
    .burgerMenu .myProfitLink {
      border-bottom: 1px solid #e0e6ea; }
    .burgerMenu .logoutLink {
      border-top: 1px solid #e0e6ea; }
    .burgerMenu .userMenu .link {
      background-color: #fff;
      white-space: nowrap; }
      .burgerMenu .userMenu .link.selected {
        background-color: #f5f6f7; }
      .burgerMenu .userMenu .link:hover {
        color: #1A93EF;
        background-color: #f5f6f7; }
        .burgerMenu .userMenu .link:hover .logout,
        .burgerMenu .userMenu .link:hover .myProfit {
          color: #1A93EF; }
    .burgerMenu .username,
    .burgerMenu .companyName {
      font-size: 12.5px;
      white-space: nowrap; }
    .burgerMenu .companyName {
      font-weight: 400;
      padding-bottom: 8px;
      text-transform: capitalize;
      font-size: 16px; }
    .burgerMenu .username {
      color: #708692;
      font-size: 14px; } }

.notScrollable {
  overflow: hidden; }

.logo {
  display: inline-block;
  height: 52px;
  padding: 11px 0; }
  .logo .logoIcon {
    width: 153px;
  }

.userInfo {
  position: relative; }
  
  .userInfo .myProfitLink {
    margin-bottom: 8px; }
  .userInfo .myProfit {
    color: #333333; }
  .userInfo .myProfitWrapper {
    border-bottom: 1px solid #1A93EF;
    margin-bottom: 8px; }
  @media (max-width: 991px) {
    .userInfo {
      display: block;
      padding: 24px 16px !important; 
      margin-left: 35px;  
    }
  }

.errorModal .modalContent {
  max-height: 400px;
  overflow: auto; }

@media all and (max-width: 991px) {
  .errorModal .modalContent {
    max-height: calc(100vh - 283px); } }

.app {
  display: table;
  height: 100%;
  width: 100%; }

.main {
  height: 100%;
  display: table-row; }

.roomsBlock {
  border-radius: 3px;
  color: #fff; }
  .roomsBlock .itemRoom:nth-child(4) {
    margin-bottom: 32px; }
  .roomsBlock .itemRoom {
    padding-top: 12px; }
    .roomsBlock .itemRoom .room {
      display: flex;
      justify-content: space-between; }
  .roomsBlock .formLink,
  .roomsBlock .children,
  .roomsBlock .adults {
    width: 50%;
    display: inline-block; }
  .roomsBlock .formLink {
    text-align: right;
    cursor: default; }
  .roomsBlock .roomNumber {
    margin: 0;
    padding-bottom: 16px;
    display: inline-block;
    width: auto; }
  .roomsBlock .selectsWrapper {
    background-color: rgba(136, 146, 166, 0.5);
    padding: 16px; }
  .roomsBlock .children {
    padding-left: 8px;
    vertical-align: top; }
  .roomsBlock .adults {
    padding-right: 8px;
    vertical-align: top; }
  .roomsBlock .labelChildrenAge .children-age {
    padding: 8px 0; }
  .roomsBlock .children-age {
    vertical-align: top;
    width: 100%; }
  .roomsBlock .child-age {
    display: inline-block;
    width: calc((100% - 16px * 2) / 3);
    margin-right: 16px;
    vertical-align: top; }
  .roomsBlock .child-age:last-child {
    margin-right: 0; }
  .roomsBlock .removeWrapper {
    height: 25px;
    display: flex;
    align-items: center;
    color: #94adb9;
    cursor: pointer; }
    .roomsBlock .removeWrapper:hover {
      color: #fff; }
      .roomsBlock .removeWrapper:hover .binSvg {
        fill: #fff;
        stroke: #fff; }
  .roomsBlock .binSvg {
    fill: #94adb9;
    stroke: #94adb9;
    vertical-align: -4px;
    margin-right: 4px;
    float: left; }

.addRoom {
  color: #fff;
  margin: 16px 0;
  cursor: pointer;
  display: inline-block;
  float: right;
  transition: none; }
  .addRoom .plusSvg {
    fill: #fff;
    stroke: #fff;
    vertical-align: -2px;
    margin-right: 4px; }
  .addRoom:hover .plusSvg {
    fill: #94adb9;
    stroke: #94adb9; }
  @media all and (max-width: 767px) {
    .addRoom {
      margin-top: 0; } }

.searchForm.primary {
  max-width: 450px;
  background: rgba(0, 51, 102, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
  padding: 16px;
  position: relative;
  margin-left: 16px;
  margin-top: 16px; }
  .searchForm.primary .title {
    color: #fff;
    margin-top: 0;
    margin-bottom: 8px; }
  .searchForm.primary .button.btnGreen {
    width: 100%; }
    .searchForm.primary .button.btnGreen[disabled] .searchSvg, .searchForm.primary .button.btnGreen.disabled .searchSvg {
      fill: #708692;
      stroke: #708692; }
  .searchForm.primary .searchSvg {
    fill: #fff;
    stroke: #fff;
    vertical-align: middle;
    margin-right: 8px; }
  @media (max-width: 991px) {
    .searchForm.primary {
      margin-left: auto;
      margin-right: auto; } }
  @media all and (max-width: 767px) {
    .searchForm.primary {
      padding: 16px;
      box-shadow: none;
      background-color: #273444;
      min-height: 100%;
      margin-top: 0; }
      .searchForm.primary .roomsBlock .itemRoom {
        padding-top: 0;
        padding-bottom: 16px; }
        .searchForm.primary .roomsBlock .itemRoom:first-child {
          margin-top: 16px; }
        .searchForm.primary .roomsBlock .itemRoom .roomNumber {
          padding-bottom: 12px; }
        .searchForm.primary .roomsBlock .itemRoom .selectsWrapper {
          background-color: transparent;
          padding: 0; }
      .searchForm.primary .roomsBlock .removeWrapper {
        font-size: 12.5px; } }
  @media all and (max-width: 559px) {
    .searchForm.primary {
      border-radius: 0; } }

.searchForm.secondary {
  background: rgba(0, 51, 102, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
  padding: 16px; }
  @media all and (max-width: 991px) {
    .searchForm.secondary {
      border-radius: 0;
      border-left: none;
      border-right: none; } }
  .searchForm.secondary .inputDate {
    padding: 0 16px; }
    .searchForm.secondary .inputDate:first-child {
      margin-bottom: 0; }
      .searchForm.secondary .inputDate:first-child input {
        margin-bottom: 0; }
  .searchForm.secondary .button.btnGreen {
    width: 100%; }
    .searchForm.secondary .button.btnGreen[disabled] .searchSvg, .searchForm.secondary .button.btnGreen.disabled .searchSvg {
      fill: #708692;
      stroke: #708692; }
  .searchForm.secondary .searchSvg {
    fill: #fff;
    stroke: #fff;
    vertical-align: middle;
    margin-right: 8px; }
  .searchForm.secondary .formLink {
    display: inline;
    user-select: none; }
  .searchForm.secondary .formLink[disabled] {
    cursor: not-allowed;
    pointer-events: auto;
    color: #94adb9; }
    .searchForm.secondary .formLink[disabled] .plusSvg {
      fill: #a3afb7;
      stroke: #a3afb7; }
  .searchForm.secondary .formLink[disabled] > * {
    pointer-events: none; }
  
  .searchForm.secondary .title {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    font-variant: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #fff;
    margin-top: 0;
    margin-bottom: 12px;
    text-align: center; }
    
   @media (min-width: 240px) {
    .searchForm.secondary .title {
    padding-top: 10px;
    padding-bottom: 10px;
    } }
    
  @media (min-width: 568px) {
    .searchForm.secondary .title {
    padding-top: 10px;
    padding-bottom: 10px;
    } }
  @media (min-width: 768px) {
    .searchForm.secondary .title {
    padding-top: 10px;
    padding-bottom: 10px;
    } }
  @media (min-width: 992px) {
    .searchForm.secondary .title {
    padding-top: 10px;
    padding-bottom: 10px;
     } }
    
  .searchForm.secondary .editSearch {
    text-align: center;
    margin: 12px 0; }
  .searchForm.secondary .roomNumber {
    padding-top: 0 !important; }
  .searchForm.secondary .roomsBlock .itemRoom {
    padding-top: 0;
    padding-bottom: 16px; }
    .searchForm.secondary .roomsBlock .itemRoom:first-child {
      margin-top: 16px; }
    .searchForm.secondary .roomsBlock .itemRoom .roomNumber {
      padding-bottom: 12px; }
    .searchForm.secondary .roomsBlock .itemRoom .selectsWrapper {
      background-color: transparent;
      padding: 0; }
  .searchForm.secondary .roomsBlock .removeWrapper {
    font-size: 12.5px; }
  .searchForm.secondary .roomsBlock .child-age {
    width: calc(50% - 8px);
    margin: 0; }
  .searchForm.secondary .roomsBlock .child-age:nth-child(1),
  .searchForm.secondary .roomsBlock .child-age:nth-child(3) {
    margin-right: 8px; }
  .searchForm.secondary .roomsBlock .child-age:nth-child(2),
  .searchForm.secondary .roomsBlock .child-age:nth-child(4) {
    margin-left: 8px; }
  .searchForm.secondary .roomsBlock .child-age:nth-child(3),
  .searchForm.secondary .roomsBlock .child-age:nth-child(4) {
    margin-top: 16px; }
  .searchForm.secondary .addRoom {
    margin-top: 0; }
  @media all and (max-width: 991px) {
    .searchForm.secondary .roomsBlock .child-age {
      width: calc(50% - 8px); } }
  @media all and (max-width: 991px) {
    .searchForm.secondary {
      margin-bottom: 16px; }
    .searchForm.secondary .roomsBlock .child-age {
      width: calc((100% - 16px * 2) / 3);
      margin-right: 16px;
      margin-left: 0; }
    .searchForm.secondary .roomsBlock .child-age:last-child {
      margin-right: 0; }
    .searchForm.secondary .roomsBlock .child-age:nth-child(3),
    .searchForm.secondary .roomsBlock .child-age:nth-child(4) {
      margin-top: 0; } }
  @media all and (max-width: 559px) {
    .searchForm.secondary {
      border-radius: 0; } }

.imageGallery {
  width: 100%;
  position: relative;
  user-select: none; }

  .imageGallery .galleryItem {
    height: 375px; }
  .imageGallery .hidden {
    height: 0;
    visibility: hidden;
    overflow: hidden;
    width: 1px; }
  .imageGallery .slide {
    overflow: hidden;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center; }
  .imageGallery .slideImage,
  .imageGallery .noImage {
    border-radius: 3px; }
  .imageGallery .slideImage {
    width: 100%;
    object-fit: cover; }
  .imageGallery .noImage {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: rgba(224, 230, 234, 0.65); }
  .imageGallery .photoSvg {
    fill: #bdc4cb; }
  .imageGallery .arrow {
    z-index: 1;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 25%; }
    .imageGallery .arrow .arrowSvg {
      opacity: 0.85; }
      .imageGallery .arrow .arrowSvg.left {
        margin-left: 8px; }
      .imageGallery .arrow .arrowSvg.right {
        margin-right: 8px; }
    .imageGallery .arrow.right {
      right: 0;
      text-align: right;
      background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.35) 200%);
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px; }
    .imageGallery .arrow.left {
      left: 0;
      background: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.35) 200%);
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px; }
    .imageGallery .arrow:hover.left {
      background: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.5) 200%); }
    .imageGallery .arrow:hover.right {
      background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 200%); }
    .imageGallery .arrow:hover .arrowSvg {
      opacity: 1; }
  .imageGallery .arrowSvg {
    fill: #fff;
    stroke: #fff;
    position: relative;
    top: calc(50% - 32px / 2); }
  .imageGallery.withThumbnails .thumbnailsWrapper {
    margin-top: 8px;
    overflow: hidden; }
  .imageGallery.withThumbnails .thumbnails {
    height: 75px;
    position: relative;
    overflow: visible;
    width: 10000px;
    transition: all 0.2s linear; }
  .imageGallery.withThumbnails .thumbnail {
    margin-right: 8px;
    border: 2px solid transparent;
    box-sizing: border-box;
    width: 100px;
    height: 75px;
    display: inline-block;
    cursor: pointer; }
    .imageGallery.withThumbnails .thumbnail.selected {
      border: 2px solid #1A93EF;
      transition: border 0.2s linear; }
  .imageGallery.withThumbnails .thumbnail:last-child {
    margin-right: 0; }
  .imageGallery.bigThumbnails .galleryItem {
    height: 354px; }
  .imageGallery.bigThumbnails .thumbnails,
  .imageGallery.bigThumbnails .thumbnail {
    height: 100px;
    width: 133px; }
  .imageGallery.withoutBigThumbnails .galleryItem {
    height: 460px; }
  .imageGallery.small .galleryItem {
    height: 260px; }
    @media all and (min-width: 992px) {
      .imageGallery.small .galleryItem .arrowSvg.left {
        margin-left: 4px; }
      .imageGallery.small .galleryItem .arrowSvg.right {
        margin-right: 4px; } }
  .imageGallery.onMap .galleryItem {
    height: 230px; }
  .imageGallery.onMap .thumbnails,
  .imageGallery.onMap .thumbnail {
    height: 60px; }
  @media all and (max-width: 991px) {
    .imageGallery.onMap .galleryItem {
      height: 360px; } }
  @media (max-width: 991px) {
    .imageGallery .thumbnailsWrapper {
      width: calc(100vw - 8px * 2); }
    .imageGallery.bigThumbnails .arrowSvg {
      top: calc(50% - 25px / 2); } }
  @media all and (max-width: 639px) {
    .imageGallery.onMap .galleryItem {
      height: 260px; } }

.hotelSummary {
  height: 100%; }
  .hotelSummary .content {
    height: 100%;
    position: relative; }
  .hotelSummary .blockHeader {
    float: right;
    padding: 0; }
  .hotelSummary .blockGallery {
    padding-left: 0;
    padding-right: 8px; }
  .hotelSummary .slide .spinner {
    margin: 0;
    margin-top: 100px; }
  .hotelSummary .clusterLink,
  .hotelSummary .roomName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .hotelSummary .clusterLink {
    display: none; }
  .hotelSummary .blockRooms {
    padding: 0;
    position: static; }
  .hotelSummary .room {
    transition: all 0.2s ease-out;
    padding: 2px 0;
    position: relative;
    min-height: 40px; }
    .hotelSummary .room:active, .hotelSummary .room:focus, .hotelSummary .room:hover {
      background-color: #f5f6f7; }
    .hotelSummary .room:first-child {
      margin-top: 4px; }
    .hotelSummary .room:hover .hotelLink {
      color: #1A93EF; }
  .hotelSummary .roomInfo {
    display: flex;
    align-items: center;
    height: 40px; }
  .hotelSummary .bed {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .hotelSummary .abbreviations {
    text-align: center;
    color: #708692;
    padding-left: 0;
    padding-right: 16px; }
  .hotelSummary .prices {
    padding-left: 0; }
  .hotelSummary .roomsFooter {
    overflow: hidden;
    position: absolute;
    bottom: 8px;
    right: 8px;
    left: 33.7%;
    border-top: 1px solid #e0e6ea; }
  .hotelSummary .variants {
    color: #708692;
    padding-left: 0; }
  .hotelSummary .variantsAmount {
    margin-right: 12px; }
  .hotelSummary .price.inline {
    font-size: 14px; }
  .hotelSummary .details {
    text-align: right;
    padding-right: 0; }
  .hotelSummary .variants,
  .hotelSummary .details {
    margin-top: 7px; }
  .hotelSummary .providers {
    display: inline-flex; }
  .hotelSummary .link .arrowSvg {
    margin-left: 4px; }
  @media all and (max-width: 991px) {
    .hotelSummary .blockHeader {
      float: none; }
    .hotelSummary .blockGallery {
      margin: 12px 0 16px;
      padding-right: 0; }
    .hotelSummary .room {
      border-bottom: 1px solid #e0e6ea;
      padding: 12px 0; }
      .hotelSummary .room:first-child {
        margin-top: 0;
        padding-top: 0; }
    .hotelSummary .roomInfo {
      display: flex;
      align-items: center;
      height: auto; }
    .hotelSummary .roomName {
      padding-right: 0; }
    .hotelSummary .roomsFooter {
      position: static; }
    .hotelSummary .roomName {
      white-space: normal;
      overflow: visible;
      text-overflow: clip; }
    .hotelSummary .roomName,
    .hotelSummary .abbreviations {
      position: relative;
      transform: none;
      text-align: left; }
    .hotelSummary .abbreviations {
      margin-top: 3px;
      padding-left: 16px;
      padding-right: 0; }
    .hotelSummary .bed {
      min-height: 0;
      align-items: flex-start;
      flex-direction: column;
      padding-right: 8px; }
    .hotelSummary .details,
    .hotelSummary .variants {
      padding: 0; }
    .hotelSummary .providers {
      margin-left: 12px; }
    .hotelSummary .roomsFooter {
      border-top: none; }
    .hotelSummary .address {
      margin-bottom: 0; } }

.hotelSummary.onMap {
  border-radius: 0;
  z-index: 6;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.09); }
  .hotelSummary.onMap .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .hotelSummary.onMap .bed {
    padding: 0;
    width: 66.66667%; }
  .hotelSummary.onMap .abbreviations {
    padding-right: 16px; }
  .hotelSummary.onMap .prices {
    width: 33.33333%; }
  .hotelSummary.onMap .blockHeader {
    float: none;
    margin-bottom: 12px;
    width: 100%; }
  .hotelSummary.onMap .clusterLink {
    display: block;
    padding-top: 4px; }
  .hotelSummary.onMap .clusterName {
    font-weight: 400; }
  .hotelSummary.onMap .blockGallery,
  .hotelSummary.onMap .blockRooms {
    width: 100%;
    padding: 0; }
  .hotelSummary.onMap .blockRooms {
    margin-top: 8px; }
  .hotelSummary.onMap .rooms {
    overflow-y: auto;
    height: calc(100vh - 52px - 8px - 65px - 12px - 298px - 8px - 32px - 8px); }
  .hotelSummary.onMap .roomsFooter {
    position: static; }
  .hotelSummary.onMap .details {
    margin-top: 12px; }

.mapButton {
  background: url(/client/1da2848f17920677a95cfbb59fed0d4d.svg) no-repeat center center;
  background-size: 102%;
  height: 100%; }
  .mapButton .content {
    padding: 12px; }

.mobileMapButton {
  bottom: 88px !important; }

.noResultsBlock {
  text-align: center;
  margin-top: 48px; }
  .noResultsBlock .noResultsIcon {
    width: 160px;
    height: 160px;
    opacity: 0.75;
    fill: #273444; }
  .noResultsBlock .noResultsTitle {
    margin-top: 24px;
    color: #273444;
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 22px;
    font-variant: normal;
    line-height: 0.83;
    letter-spacing: normal; }
  .noResultsBlock .noResultsSubTitle {
    margin-top: 16px;
    color: #273444;
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    font-variant: normal;
    line-height: 1.4;
    letter-spacing: normal; }

.mapSearch {
  width: 100%;
  height: 100%;
  position: relative; }
  .mapSearch .mapWrapper {
    width: 62%;
    height: 100%;
    min-width: calc(100% - 433px);
    position: absolute; }
  .mapSearch .viewSwitch {
    position: absolute;
    top: 56px;
    right: 16px;
    z-index: 1; }
  .mapSearch .map {
    height: calc(100% - 40px) !important; }
  .mapSearch .summaryWrapper {
    width: 38%;
    height: 100%;
    max-width: 433px;
    position: absolute;
    right: 0; }
  .mapSearch .close {
    position: absolute;
    right: 8px;
    top: 16px;
    z-index: 7;
    cursor: pointer;
    display: none; }
  .mapSearch .imageGallery.withThumbnails .thumbnailsWrapper {
    margin-top: 8px; }
  .mapSearch .imageGallery.withThumbnails .thumbnail {
    margin-right: 6px; }
  @media all and (max-width: 991px) {
    .mapSearch .mapWrapper {
      width: 100%; }
    .mapSearch .map {
      height: 100% !important; }
    .mapSearch .summaryWrapper {
      height: auto;
      bottom: auto;
      right: auto;
      left: 0;
      width: 100%;
      max-width: none; } }

.mobileHotelSummary .room {
  padding: 4px 0;
  position: relative;
  min-height: 40px;
  border-bottom: 1px solid #e0e6ea; }

.mobileHotelSummary .roomName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.mobileHotelSummary .bed,
.mobileHotelSummary .prices {
  padding: 0 8px; }

.mobileHotelSummary .abbreviations {
  color: #708692;
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12.5px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }

.mobileHotelSummary .variants,
.mobileHotelSummary .variants .mainPrice,
.mobileHotelSummary .hotelLink,
.mobileHotelSummary .details,
.mobileHotelSummary .photos {
  font-size: 12.5px; }

.mobileHotelSummary .mainPrice {
  font-size: 14px; }

.mobileHotelSummary .details {
  text-align: right; }

.mobileHotelSummary .photos {
  text-decoration: underline;
  color: #708692; }

.mobileHotelSummary .gallerySvg {
  vertical-align: middle;
  margin-right: 4px;
  fill: #708692; }

.mobileHotelSummary .fullscreenGallery {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  margin-top: -20px; }

.mobileHotelSummary .galleryHeader {
  text-align: right;
  padding-right: 16px; }

.mobileHotelSummary .iconWrapper {
  display: inline-block; }

.mobileHotelSummary .closeIcon {
  float: right; }

.mobileHotelSummary .closeSvg {
  fill: #fff;
  stroke: #fff; }

.mobileHotelSummary .galleryContent {
  padding: 16px 12px 0; }

.mobileHotelSummary .details,
.mobileHotelSummary .photos {
  margin-top: 4px;
  padding: 0; }

.mobileHotelSummary .hotelLink .arrowSvg {
  margin-left: 4px; }

.smallHotelTitle,
.smallHotelTitle .name,
.smallHotelTitle .hotelLink {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-variant: normal;
  line-height: 1;
  letter-spacing: normal;
  height: auto; }

.smallHotelTitle .nameWrapper {
  max-width: calc(100% - 23px);
  float: left; }

.smallHotelTitle .nameWrapper,
.smallHotelTitle .name {
  display: inline-block; }

.smallHotelTitle .name {
  margin: 0;
  padding-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }

.smallHotelTitle .starsWrapper {
  float: left; }

.smallHotelTitle .stars.brief {
  color: #f8961e;
  height: auto;
  line-height: 1;
  font-size: 16px; }
  .smallHotelTitle .stars.brief .star {
    fill: #f8961e;
    stroke: #f8961e;
    vertical-align: baseline; }

.resultsPage {
  padding-bottom: 16px;
  position: relative;
  overflow: hidden; }
  .resultsPage .resultsContainer {
    padding: 0 8px; }
  .resultsPage .leftPanel,
  .resultsPage .resultsContent {
    padding: 0; }
  .resultsPage .leftPanel {
    padding-right: 8px; }
  .resultsPage .resultsContent {
    padding-left: 8px; }
  .resultsPage .leftPanel > *,
  .resultsPage .goToMap {
    margin-bottom: 8px; }
  .resultsPage .goToMap {
    border: 5px solid #fff; }
  .resultsPage .loadMore,
  .resultsPage .loaderWrapper {
    transition: opacity 0.4s; }

  .resultsPage .loadMore{
	    opacity: 1;
	    white-space: normal;
    	position: static; }

  .resultsPage .loaderWrapper.show {
  	    text-align: center;
  	    margin-top: 5px;
	    opacity: 1;
	    white-space: normal;
    	position: static; }
    	
  .resultsPage .loaderWrapper,
  .resultsPage .loadMore.hide {
    opacity: 0;
    position: absolute; }
  .resultsPage .loadMore.hide {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap; }
  .resultsPage .loaderWrapper {
    transition-delay: 0.4s; }
  .resultsPage .sortingWrapper,
  .resultsPage .sortingOptions,
  .resultsPage .resultsAmount {
    display: flex; }
  .resultsPage .sortingWrapper {
    justify-content: space-between;
    font-weight: 400;
    align-items: center;
    margin-bottom: 12px; }
  .resultsPage .sortingOptions {
    align-items: flex-end;
    height: 36px; }
  .resultsPage .sortingOption {
    margin-right: 16px;
    display: flex;
    padding: 0 12px 8px; }
    .resultsPage .sortingOption:last-child {
      margin-right: 0; }
    .resultsPage .sortingOption.currentRankingAlgorithm {
      color: #1A93EF;
      border-bottom: 3px solid #1A93EF;
      padding-bottom: 5px; }
  .resultsPage .amountListMapButtonWrapper {
    display: flex;
    align-items: center; }
  .resultsPage .resultsAmount {
    align-items: center;
    color: #708692;
    margin-right: 16px; }
  .resultsPage .listMapToggle .toggleLabel {
    width: 112px;
    height: 36px; }
    
    @media (max-width: 560px) {
    	.listMapToggle {
    		display: none;
    	}
    }  
    
    
    
  .resultsPage .search {
    margin: 0; }
    .resultsPage .search .textInput {
      margin-bottom: 12px; }
  @media all and (max-width: 991px) {
    .resultsPage {
      padding-top: 1px;
      padding-bottom: 160px; }
      .resultsPage .search {
        margin: 0; }
        .resultsPage .search .textInput {
          margin-bottom: 0; }
      .resultsPage .resultsAmount {
        margin-bottom: 8px; }
      .resultsPage .leftPanel,
      .resultsPage .resultsContent {
        padding: 0; }
      .resultsPage .leftPanel {
        margin-left: -8px;
        margin-right: -8px; } }
  @media all and (max-width: 559px) {
    .resultsPage .mobile {
      padding: 0; } }
  .resultsPage .results .hotelsWrapper {
    position: relative; }
  .resultsPage .results .destinationTitle {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    font-variant: normal;
    line-height: 1;
    letter-spacing: normal;
    margin-top: 0;
    height: auto;
    color: #003366; }
  .resultsPage .results .numberHotels {
    color: #003366; }
  .resultsPage .results .__react_component_tooltip {
    text-transform: none; }
  .resultsPage .results .loadMoreWrapper,
  .resultsPage .results .loaderWrapper {
    text-align: center; }
  .resultsPage .results .loadMoreWrapper {
    margin-top: 16px; }
  .resultsPage .results .loaderWrapper {
    margin-top: 24px; }
  .resultsPage .results .loadMore {
    width: auto; }
  @media all and (max-width: 991px) {
    .resultsPage .results .hotels {
      margin-left: -8px;
      margin-right: -8px; } }

.waitMsg {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  font-variant: normal;
  line-height: 1;
  letter-spacing: normal;
  margin-bottom: 24px; }

.closeLoading {
  cursor: pointer;
  letter-spacing: 1px;
  font-weight: 500;
  color: #1A93EF;
  text-transform: uppercase; }

.homePage {
  display: table-cell;
  position: relative;
  height: 100%; }

@media (max-width: 991px) {
  .homePage {
    background: linear-gradient(252deg, #eaecc6, #2bc0e4 80%, #1c95ef); } }

@media all and (max-width: 767px) {
  .homePage {
    padding: 0; } }

.hotelDetailsPage {
  padding-bottom: 16px; }
  .hotelDetailsPage .hotelDetailsContainer {
    padding: 0 8px; }
  .hotelDetailsPage .soldOut {
    margin-bottom: 16px; }
  .hotelDetailsPage .soldTitle {
    font-size: 18px;
    color: #f27935;
    margin-bottom: 12px; }
  .hotelDetailsPage .soldTitle,
  .hotelDetailsPage .backToResultsLink {
    text-align: center;
    display: block;
    width: 100%; }
  .hotelDetailsPage .offers .buttonWrapper {
    text-align: center;
    margin-top: 16px; }
  .hotelDetailsPage .offers .loadMore {
    width: auto; }
  @media all and (max-width: 991px) {
    .hotelDetailsPage .offers {
      margin-top: 0; } }
  @media all and (max-width: 991px) {
    .hotelDetailsPage .backToResultsLink {
      margin-bottom: 20px; } }
  @media all and (max-width: 991px) {
    .hotelDetailsPage .container {
      padding: 0; } }

.newOfferCard {
  background: #fff;
  border: 1px solid #e0e6ea;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
  margin-bottom: 8px;
  position: relative;
  display: flex; }
  @media all and (max-width: 991px) {
    .newOfferCard {
      border-radius: 0;
      border-left: none;
      border-right: none; } }
  .newOfferCard:last-child {
    margin-bottom: 0; }
  .newOfferCard .__react_component_tooltip {
    opacity: 1 !important; }
  .newOfferCard .adminInfo {
    position: absolute;
    right: 4px;
    bottom: 2px;
    display: flex;
    align-items: center; }
  .newOfferCard .priceDiff {
    display: flex;
    line-height: 1;
    font-size: 11px;
    margin-right: 4px; }
    .newOfferCard .priceDiff.free {
      color: #19A976; }
    .newOfferCard .priceDiff.paid {
      color: #ef6c00; }
  .newOfferCard .providers {
    display: flex; }
  .newOfferCard .priceStatus {
    display: inline-block;
    color: #708692;
    margin-left: 4px; }
  .newOfferCard .options {
    width: calc(100% - 300px);
    padding: 8px 12px; }
  .newOfferCard .roomTitle,
  .newOfferCard .selectedBoardTypeTitle {
    height: 40px;
    margin-bottom: 4px; }
  .newOfferCard .roomTitle {
    font-size: 16px;
    line-height: 19px;
    padding: 0;
    width: 100%;
    color: #003366;
    text-transform: capitalize; }
  .newOfferCard .boardTypesNew {
    display: flex;
    width: 100%;
    padding-bottom: 28px; }
  .newOfferCard .spinnerWrapper {
    display: inline-block;
    vertical-align: -3px;
    margin-right: 3px; }
    .newOfferCard .spinnerWrapper .spinner {
      margin: 0; }
  .newOfferCard .boardTypeCancel {
    margin-bottom: 0;
    text-align: left;
    line-height: 16px; }
    .newOfferCard .boardTypeCancel .firstLine {
      color: #19A976; }
    .newOfferCard .boardTypeCancel .secondLine {
      color: #708692;
      font-size: 11px; }
    .newOfferCard .boardTypeCancel .freeCancellationPrice {
      color: #1A93EF;
      font-weight: 500; }
  .newOfferCard .controls {
    width: 300px;
    padding: 8px 12px;
    padding-left: 0;
    position: relative; }
  .newOfferCard .selectedBoardTypeTitle {
    color: #003366;
    font-size: 16px;
    line-height: 19px; }
  .newOfferCard .disabled {
    color: #a3afb7; }
    .newOfferCard .disabled .arrowSvg {
      fill: #a3afb7;
      stroke: #a3afb7; }
  .newOfferCard .cancellationOption {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 4px 8px;
    margin-bottom: 8px;
    cursor: pointer;
    border-radius: 3px; }
    .newOfferCard .cancellationOption:last-child {
      margin-bottom: 28px; }
    .newOfferCard .cancellationOption .cancellationPolicy {
      margin-bottom: 0;
      text-align: left; }
  .newOfferCard .leftSide {
    display: flex;
    align-items: center; }
  .newOfferCard .inputWrapper {
    padding-right: 8px;
    position: relative; }
  .newOfferCard .priceRelevance {
    float: none;
    text-align: left;
    padding: 0 !important;
    display: flex;
    align-items: center; }
    
    
  .newOfferCard .checkedSvg {
    display: inline-block !important;
    fill: #708692; }
  .newOfferCard .flexWrapper {
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 12px;
    left: 12px;
    bottom: 8px;
    height: 15px; }
  .newOfferCard .bookLink {
    line-height: 1; }
    .newOfferCard .bookLink .arrowSvg {
      margin-left: 4px; }
  .newOfferCard .radioInput {
    display: none; }
    .newOfferCard .radioInput:checked + .customRadioButton:after {
      content: '';
      display: inline-block;
      width: 9px;
      height: 9px;
      position: absolute;
      left: 3px;
      top: 3px;
      background: #1A93EF;
      border-radius: 50%; }
  .newOfferCard .customRadioButton:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #1A93EF; }
  @media (max-width: 767px) {
    .newOfferCard {
      display: block; }
      .newOfferCard .options,
      .newOfferCard .controls {
        width: 100%; }
      .newOfferCard .options {
        padding: 8px 8px 12px; }
      .newOfferCard .roomTitle,
      .newOfferCard .selectedBoardTypeTitle {
        height: auto; }
      .newOfferCard .roomTitle {
        margin-bottom: 12px; }
      .newOfferCard .boardTypesNew {
        padding-bottom: 0; }
      .newOfferCard .controls {
        min-height: 89px;
        padding: 0 8px 8px; }
      .newOfferCard .cancellationOption:last-child {
        margin-bottom: 32px; }
      .newOfferCard .selectedBoardTypeTitle {
        margin-bottom: 8px; }
      .newOfferCard .flexWrapper {
        right: 8px;
        left: 8px;
        bottom: 12px; } }

#portalHolder .priceTooltip {
  width: auto;
  position: relative; }

.offersSliderWrapper {
  overflow-x: scroll;
  position: relative; }
  .offersSliderWrapper .arrow {
    z-index: 1;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 40px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .offersSliderWrapper .arrow.right {
      right: 0;
      text-align: right;
      background-image: linear-gradient(to right, rgba(243, 243, 243, 0) 0%, #ffffff 70%);
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px; }
      .offersSliderWrapper .arrow.right:hover .arrowSvg {
        transform: translateX(5px) rotate(-90deg); }
    .offersSliderWrapper .arrow.left {
      left: 0;
      background-image: linear-gradient(to left, rgba(243, 243, 243, 0) 0%, #ffffff 70%);
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px; }
      .offersSliderWrapper .arrow.left:hover .arrowSvg {
        transform: translateX(-5px) rotate(90deg); }
  .offersSliderWrapper .arrowSvg {
    fill: #273444;
    stroke: #273444;
    transition: all 0.2s ease-out; }
  .offersSliderWrapper .offerSlides {
    transition: all 0.2s linear;
    margin-bottom: 3px;
        
    display: flex; }
  @media (max-width: 767px) {
    .offersSliderWrapper {
      overflow: auto;
      max-width: calc(100vw - 8px * 2);
      overflow-y: scroll;
      scrollbar-width: none;
      /* Firefox */
      -ms-overflow-style: none;
      /* IE 10+ */ }
      .offersSliderWrapper::-webkit-scrollbar {
        /* WebKit */
        width: 0;
        height: 0; }
      .offersSliderWrapper .arrow {
        display: none; } }

.newOfferCard .boardTypeNew {
  height: 100px;
  width: 200px;
  min-width: 200px;  
  margin-right: 4px;
  padding: 8px;
  text-align: left;
  display: block;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  cursor: pointer;
  vertical-align: middle; }
  .newOfferCard .boardTypeNew .title {
    color: #003366;
    line-height: 16px;
    margin-bottom: 8px;
    display: inline-block;
    overflow-x: hidden;
    white-space: nowrap;    
    max-width: 185px;
     }
  .newOfferCard .boardTypeNew .subTitle {
    line-height: 16px;
    color: #708692;
    overflow-x: hidden;
    __white-space: nowrap;    
     }
    .newOfferCard .boardTypeNew .subTitle.error {
      color: #a3afb7; }
  .newOfferCard .boardTypeNew .attentionSvg {
    fill: #eb4d5c;
    stroke: #eb4d5c;
    margin-right: 4px;
    vertical-align: -5px; }
  .newOfferCard .boardTypeNew .spinner {
    margin: 0; }
  .newOfferCard .boardTypeNew.boardTypeSold {
    pointer-events: none;
    cursor: not-allowed;
    background-color: transparent; }
    .newOfferCard .boardTypeNew.boardTypeSold .title {
      color: #a3afb7; }
  .newOfferCard .boardTypeNew.selectedType {
    border: 1px solid #1A93EF; }
  .newOfferCard .boardTypeNew:last-child {
    margin-right: 0; }
  .newOfferCard .boardTypeNew.available {
    background-color: #fff; }
    .newOfferCard .boardTypeNew.available.selectedType {
      background-color: rgba(26, 147, 239, 0.05); }
    .newOfferCard .boardTypeNew.available .subTitle {
      color: initial; }
    .newOfferCard .boardTypeNew.available .offerPrice {
      color: #1A93EF; }
  .newOfferCard .boardTypeNew .offerPrice {
    line-height: 16px;
    font-weight: 500;
    color: #708692;
    position: absolute;
    left: 8px;
    bottom: 8px; }

.hotelDetails {
  margin-bottom: 16px; }
  .hotelDetails .location {
    margin-bottom: 8px; }
  .hotelDetails .markerMapSvg {
    display: block;
    margin: 12px auto;
    fill: #003366; }
  .hotelDetails .photoSvg {
    width: 120px; }
  .hotelDetails .galleryWrapper {
    padding: 0;
    padding-right: 8px; }
  .hotelDetails .mapWrapper {
    padding: 0;
    padding-left: 8px; }
  .hotelDetails .map {
    width: 100%;
    height: 460px;
    padding: 0; }
  .hotelDetails .noLocation {
    border: 1px solid rgba(0, 0, 0, 0.25);
    color: #ccc;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 460px;
    margin-left: 8px;
    width: calc(50% - 8px);
    float: left; }
  .hotelDetails .noLocationIcon {
    fill: #ccc; }
  @media all and (max-width: 991px) {
    .hotelDetails .mapWrapper,
    .hotelDetails .noLocation {
      margin-top: 16px; }
    .hotelDetails .noLocation {
      height: auto;
      margin-left: 0;
      width: 100%; }
    .hotelDetails .galleryWrapper,
    .hotelDetails .mapWrapper {
      padding: 0; }
    .hotelDetails .map {
      height: 40vw; } }
  @media all and (max-width: 991px) {
    .hotelDetails .mapWrapper {
      margin-bottom: 0; }
    .hotelDetails .showHotelLocationWrapper {
      text-align: center;
      margin-top: 16px; }
    .hotelDetails .showHotelLocation {
      border: 1px solid #e0e6ea; }
      .hotelDetails .showHotelLocation .button {
        width: auto; }
    .hotelDetails .fullscreenMap .closeSvg {
      position: absolute;
      right: 12px;
      top: 12px; }
    .hotelDetails .fullscreenMap .name {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: calc(100% - 35px); }
    .hotelDetails .fullscreenMap .stars,
    .hotelDetails .fullscreenMap .name {
      display: block;
      float: none; }
    .hotelDetails .fullscreenMap .map {
      height: calc(100vh - 71px); }
    .hotelDetails .mapHeader {
      position: relative;
      padding: 8px; } }

.bookingDetails .radioLable {
  color: #708692;
  font-size: 12.5px; }

.bookingDetails .guest {
  background-color: #f7f8f9;
  margin-top: 16px;
  padding-bottom: 12px; }

.bookingDetails .guest:first-child,
.bookingDetails .guest:nth-child(2) {
  margin-top: 0; }

.bookingDetails .guest:nth-child(2n) {
  width: calc(50% - 8px);
  margin-left: 8px; }

.bookingDetails .guest:nth-child(2n-1) {
  width: calc(50% - 8px);
  margin-right: 8px; }

.bookingDetails .textInput {
  margin-bottom: 0; }

.bookingDetails .guestForm {
  display: flex; }

.bookingDetails .firstName,
.bookingDetails .lastName {
  padding: 0;
  margin-top: 12px;
  flex: 1 1 50%;
  max-width: 50%; }

.bookingDetails .firstName {
  margin-right: 8px; }

.bookingDetails .lastName {
  margin-left: 8px;
  margin-bottom: 16px; }

.bookingDetails .guestTitle {
  padding: 16px 0 4px;
  color: #273444; }

.bookingDetails .genderToggle {
  position: absolute;
  top: 12px;
  right: 16px;
  height: 40px; 
  
  }

.bookingDetails .childTitle {
  color: #708692; }

.bookingDetails .radioWrapper label {
  font-size: 12.5px; }

@media all and (max-width: 991px) {
  .bookingDetails .guestForm {
    display: block; }
  .bookingDetails .firstName,
  .bookingDetails .lastName {
    margin-left: 0;
    margin-right: 0; }
  .bookingDetails .firstName,
  .bookingDetails .lastName {
    margin-bottom: 12px;
    flex: initial;
    max-width: 100%; } }

@media all and (max-width: 991px) {
  .bookingDetails {
    padding: 0 !important; }
  .bookingDetails .firstName {
    margin-top: 16px; }
  .bookingDetails .lastName {
    margin-top: 0; }
  .bookingDetails .guest:nth-child(2) {
    margin-top: 16px; }
  .bookingDetails .guest:last-child {
    margin-bottom: 16px; }
  .bookingDetails .guest:nth-child(2n),
  .bookingDetails .guest:nth-child(2n-1) {
    margin-left: 0;
    margin-right: 0;
    width: 65%; }
  .bookingDetails .guestTitle {
    padding-bottom: 0; } }

@media all and (max-width: 560px) {
  .bookingDetails .guest:nth-child(2n),
  .bookingDetails .guest:nth-child(2n-1) {
    width: 100%; } }

.bookingPage .content {
  padding: 0; }

.bookingPage .room {
  border-top: 1px solid #e0e6ea;
  padding: 16px 0; }

.bookingPage .room:last-child {
  padding-bottom: 0; }

.bookingPage .room:first-child {
  border-top: none; }

.bookingPage .roomHeader {
  margin-bottom: 12px; }

.bookingPage .roomTitle {
  color: #708692; }

.bookingPage .roomType {
  color: #003366;
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }

.bookingPage .boardType {
  color: #273444; }

.bookingPage .roomTitle,
.bookingPage .roomType,
.bookingPage .boardType {
  display: inline; }

.bookingPage .roomTitle {
  margin-right: 8px;
  font-size: 12.5px; }

.bookingPage .boardTypeWrapper {
  margin-top: 4px; }

.bookingPage .roomBody {
  overflow: hidden;
  color: #273444;
  margin-top: 12px; }

@media all and (max-width: 991px) {
  .bookingPage .roomTitle {
    margin-right: 8px; }
  .bookingPage .room:last-child .guest:last-child {
    margin-bottom: 0; } }

.bookingPage .bookingDetails .content {
  overflow: visible; }

.bookingPage .additionalInfo {
  margin-bottom: 48px; }

.bookingPage .bookingButton {
  margin-top: 16px;
  min-width: 250px; }

.bookingPage .border {
  border-top: 1px solid #e0e6ea;
  padding-top: 16px; }

.bookingPage .bookingCancellationPolicy {
  margin-bottom: 0; }

.bookingPage .warning {
  display: inline-block;
  padding-top: 12px; }

@media all and (max-width: 991px) {
  .bookingPage {
    padding-bottom: 16px; }
    .bookingPage .bookingButton {
      width: 45%; } }

@media all and (max-width: 991px) {
  .bookingPage .bookingDetails {
    padding: 0; }
  .bookingPage .bookingButton {
    width: 60%; }
  .bookingPage .lastStep {
    font-size: 11px; } }

@media all and (max-width: 559px) {
  .bookingPage .bookingButton {
    width: 100%; }
  .bookingPage .policyAccept {
    text-align: center; } }

.successfulBooking {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal; }
  .successfulBooking .successSvg {
    fill: #1A93EF;
    stroke: #1A93EF; }
  .successfulBooking .statusBlock {
    display: flex;
    align-items: center;
    margin: 48px 0 16px; }
  .successfulBooking .idValue {
    color: #003366;
    margin-left: 16px;
    text-transform: uppercase; }

.failedBooking .failedSvg {
  fill: #708692;
  stroke: #708692; }

.failedBooking .failMessage {
  margin-bottom: 32px; }

.bookingStatus {
  padding: 16px 0; }
  .bookingStatus .info {
    width: 65%;
    margin: 0 auto; }
  .bookingStatus .iconWrapper {
    margin-top: 4px;
    line-height: 1; }
  .bookingStatus .message {
    margin: 16px 0 8px;
    line-height: 1; }
  .bookingStatus .button {
    margin-top: 32px;
    width: auto; }
  .bookingStatus .center {
    text-align: center; }
  .bookingStatus .searchSummary,
  .bookingStatus .titleBlock {
    display: none; }
  @media all and (max-width: 991px) {
    .bookingStatus .container {
      padding: 0; }
    .bookingStatus .info {
      width: 100%;
      margin: 0; } }
  @media (max-width: 991px) {
    .bookingStatus {
      padding-top: 0; }
      .bookingStatus .searchSummary,
      .bookingStatus .titleBlock {
        display: inline-flex; } }

.guestInfo {
  margin-top: 16px;
  margin-bottom: 16px; }
  .guestInfo .guestInfoHeader {
    color: #708692 !important;
    padding-bottom: 8px !important; }
  .guestInfo .guestInfoHeader, .guestInfo .additionalInfo {
    margin-top: 16px; }
  .guestInfo .guestInfoRow {
    color: #273444;
    display: flex;
    justify-content: space-between; }
    .guestInfo .guestInfoRow > div {
      flex-grow: 1;
      flex-basis: 25%;
      padding: 0 8px;
      padding-left: 0px;	  
     }
  .guestInfo .guestInfoRow {
    padding-bottom: 16px; }
  .guestInfo .guestInfoRow:last-child {
    padding-bottom: 0; }
  .guestInfo .additionalInfo {
    margin-bottom: 16px; }

@media (max-width: 991px) {
  .guestInfo .roomType {
    font-weight: 500; }
  .guestInfo .guestInfoHeader {
    display: none; }
  .guestInfo .guestInfoRow {
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 0px solid #e0e6ea;
    flex-direction: column; }
    .guestInfo .guestInfoRow > div {
      padding: 0; }
  .guestInfo .guest {
    margin-top: 8px;
    margin-left: 0px; }
  .guestInfo .additionalInfo {
    margin-top: 8px; }
  .guestInfo .mobileAdultSvg,
  .guestInfo .mobileChildSvg {
    position: relative;
    top: 2px; } }

.newOrderCard {
  position: relative; }
  .newOrderCard .content {
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: visible; }
  .newOrderCard .cardFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  .newOrderCard .bookingLink .arrowSvg {
    margin-left: 4px; }

.bookingActions .button {
  margin-left: 16px; }

.bookingActions .action {
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  margin-bottom: -4px;
  margin-left: 0; }

.bookingActions .lineLoader {
  margin: 0 12px; }

@media (max-width: 991px) {
  .bookingActions {
    width: auto;
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: 8px;
    right: 16px;
    height: 22px;
    margin-right: -6px; }
    .bookingActions.cardActions {
      position: static;
      margin: 0; }
      .bookingActions.cardActions .action {
        font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 14px;
        font-variant: normal;
        line-height: 1.4;
        letter-spacing: normal; }
    .bookingActions .actionsSvg {
      fill: #273444; }
    .bookingActions .mobileActions {
      top: 0;
      right: 4px;
      width: auto; }
      .bookingActions .mobileActions .card {
        box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.14), 0px 5px 10px 1px rgba(0, 0, 0, 0.1), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
        min-width: 160px;
        border: 0;
        border-radius: 3px; }
      .bookingActions .mobileActions .content {
        padding: 16px; }
    .bookingActions .mobileAction {
      white-space: nowrap;
      margin-bottom: 16px;
      margin-left: 0; }
      .bookingActions .mobileAction:last-child {
        margin-bottom: 0; } }

.bookingManagement {
  padding: 16px 0; }
  .bookingManagement .bookingManagementMenu .content {
    overflow: visible; }
  .bookingManagement .menu,
  .bookingManagement .bookingList {
    padding: 0 8px; }
  .bookingManagement .linksList {
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e6ea; }
  @media all and (max-width: 991px) {
    .bookingManagement .bookingList {
      margin-bottom: 24px; } }
  @media all and (max-width: 991px) {
    .bookingManagement .bookingList {
      padding: 0;
      margin-bottom: 72px; } }

.bookingDetailsCard {
  position: relative;
  margin: 8px auto;
  padding: 8px; }
  .bookingDetailsCard .content {
    overflow: visible; }
  .bookingDetailsCard .border {
    border-top: 1px solid #e0e6ea;
    padding-top: 16px; }
  .bookingDetailsCard .bookingCancellationPolicy {
    margin-bottom: 0; }
  .bookingDetailsCard .warning {
    display: inline-block;
    padding-top: 12px; }

@media (max-width: 991px) {
  .bookingDetailsCard {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0; }
    .bookingDetailsCard .additionalInfo {
      margin-top: 8px; }
  .static .bookingActions {
    position: static; }
  .static .mobileActions {
    top: 8px;
    right: 8px; } }

.contactsPage {
  padding: 16px 0; }
  .contactsPage.loaderWrapper {
    min-height: 50vh; }
  .contactsPage .loader,
  .contactsPage .loaderContent {
    position: static; }
  .contactsPage .leftCol,
  .contactsPage .rightCol {
    padding: 0 8px; }
  .contactsPage .contact {
    margin-bottom: 20px; }
  .contactsPage .contact:last-child {
    margin-bottom: 0; }
  .contactsPage .svgIcon {
    fill: #1A93EF;
    margin-bottom: 16px;
    display: block; }
  .contactsPage .contactTitle {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12.5px;
    font-variant: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #708692;
    display: inline-block;
    margin-bottom: 8px; }
  .contactsPage .contactInfo {
    color: #273444; }
  .contactsPage .mapWrapper {
    height: 300px; }
  @media all and (max-width: 991px) {
    .contactsPage .contact:last-child {
      margin-bottom: 20px; } }
  @media all and (max-width: 991px) {
    .contactsPage .svgIcon {
      margin: 0 auto 16px; }
    .contactsPage .contact,
    .contactsPage .contact:last-child {
      text-align: center;
      margin-bottom: 16px; }
    .contactsPage .iconWrapper {
      margin-left: auto;
      margin-right: auto; }
    .contactsPage .mapWrapper {
      margin-top: 32px; } }
  @media all and (max-width: 639px) {
    .contactsPage .mapWrapper {
      height: 250px; } }

.icons .iconBlock {
  width: 27px;
  height: 27px;
  margin: 16px;
  display: inline-block;
  border: 1px solid #1A93EF; }

.icons .demoIcon {
  fill: #1A93EF; }

.block {
  margin-bottom: 16px; }

.color-block {
  border: 1px solid black;
  border-radius: 3px;
  margin-right: 10px;
  width: 140px;
  height: 30px;
  display: inline-block;
  vertical-align: middle; }

.colors .color {
  display: inline-block;
  padding: 16px; }
  .colors .color .var {
    color: #003366; }
  .colors .color p {
    margin: 0; }

.colors .darkBlue {
  background-color: #003366; }

.colors .darkBlue-90pc {
  background-color: rgba(0, 51, 102, 0.9); }

.colors .red {
  background-color: #eb4d5c; }

.colors .star {
  background-color: #f8961e; }

.colors .accent {
  background-color: #19A976; }

.colors .accentHover {
  background-color: #169366; }

.colors .accentActive {
  background-color: #127d57; }

.colors .blue {
  background-color: #1A93EF; }

.colors .blue-50pc {
  background-color: rgba(44, 186, 254, 0.5); }

.colors .blueHover {
  background-color: #1086e0; }

.colors .blueActive {
  background-color: #0e78c8; }

.colors .darkGray {
  background-color: #273444; }

.colors .darkColdGray {
  background-color: #3c4658; }

.colors .coldGray {
  background-color: #708692; }

.colors .linkGray {
  background-color: #94adb9; }

.colors .middleGray {
  background-color: #999999; }

.colors .borderGray {
  background-color: rgba(0, 0, 0, 0.25); }

.colors .borderShadow {
  background-color: rgba(0, 0, 0, 0.09); }

.colors .shadowGray {
  background-color: rgba(0, 0, 0, 0.07); }

.colors .lightColdGray {
  background-color: #e0e6ea; }

.colors .lightGrayishBlue {
  background-color: #eceef1; }

.colors .whitey {
  background-color: #f7f8f9; }

.colors .whitey-60pc {
  background-color: rgba(247, 248, 249, 0.6); }

.colors .white {
  background-color: #fff; }

.typographic > * {
  margin: 16px 0; }

.body {
  font-size: 14px; }

.description {
  font-size: 12.5px; }

.xs {
  font-size: 11px; }

.designation {
  color: #999999;
  font-style: italic;
  margin: 0; }

.containerBtn {
  margin-bottom: 16px; }

.btnMargin {
  margin: 0 16px;
  display: inline-block; }

.btnBackground {
  background: #003366;
  display: inline-block;
  padding: 16px; }
  .btnBackground .button:first-child {
    margin-right: calc(16px * 2); }

.linkMargin {
  display: block;
  margin-bottom: 16px;
  padding: 10px; }

.linkHotelName h3 {
  margin: 0; }

.links .formLink {
  background-color: #003366; }

.links .menuLink {
  background-color: #273444; }

.inputs, .selects {
  padding: 16px; }

.background {
  background-color: rgba(0, 51, 102, 0.9); }

.inputs input {
  width: 300px; }

.selects {
  padding-top: 0; }
  .selects > * {
    display: inline-block;
    margin-right: 16px;
    width: 100px; }
  .selects .Dropdown-root:first-child {
    width: 150px; }
  .selects .Dropdown-root:last-child {
    width: 200px; }

.example-result {
  background: #fff;
  border: 1px solid #e0e6ea;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
  padding: 10px;
  position: relative;
  padding-top: 45px;
  text-align: left; }

.example-result:after {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 12px;
  color: #999999;
  text-transform: uppercase;
  letter-spacing: 1px;
  content: "Example"; }

#sidenav ul.nav li {
  list-style: none; }

#sidenav ul.nav li a {
  display: block;
  color: #1491C1;
  padding: 5px;
  border-left: 2px solid transparent; }

#sidenav ul.nav li.active > a {
  border-left: 2px solid #1491C1; }

#sidenav ul.nav li > ul.nav li a {
  margin-left: 20px; }

.loginForm .loginFormField {
  margin-bottom: 16px; }

.loginForm .errorMessage {
  margin-bottom: 8px;
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #eb4d5c; }

.loginForm .resetLink,
.loginForm .registrationLink {
  margin-top: 16px;
  display: inline-block; }

.registrationForm .content {
  overflow: visible; }

.registrationForm .mailSvg {
  vertical-align: -1px; }

.registrationForm .loginLink {
  margin-top: 16px;
  display: inline-block; }

.resetPasswordForm .formTitle {
  margin-bottom: 12px; }

.resetPasswordForm .content {
  overflow: visible; }

.resetPasswordForm .email {
  font-weight: 400;
  font-style: italic; }

.resetPasswordForm .resetPasswordField {
  margin-bottom: 16px; }

.resetPasswordForm .requestError {
  padding-top: 12px;
  text-align: left;
  color: #eb4d5c; }

.resetPasswordForm .loginLink {
  margin-top: 16px;
  display: inline-block; }

.newPasswordForm .content {
  overflow: visible; }

.newPasswordForm .newPasswordField {
  margin-bottom: 16px; }

.messageInCard {
  max-width: 410px;
  margin: 0 auto;
  color: #273444; }
  .messageInCard .messageHeader {
    margin-top: 0;
    color: initial;
    text-align: center; }
  .messageInCard .messageFooter {
    margin-top: 16px;
    text-align: center; }

.registration .email {
  font-weight: 400;
  font-style: italic; }

.accountManagementApp {
  display: table-cell;
  position: relative;
  height: 100%;
  padding: 80px 0 77px; }
  @media all and (max-width: 991px) {
    .accountManagementApp {
      background: linear-gradient(252deg, #eaecc6, #2bc0e4 80%, #1c95ef);
      padding: 16px 0 16px; } }

.agencyDetails.loaderWrapper {
  min-height: 50vh; }

.agencyDetails .content {
  overflow: visible; }

.agencyDetails .blockTitle {
  margin-top: 32px;
  margin-bottom: 0; }
  .agencyDetails .blockTitle:first-child {
    margin: 0; }

.agencyDetails .agencyTextField {
  margin: 16px 16px 0; }

@media all and (max-width: 991px) {
  .agencyDetails .blockTitle {
    font-size: 14px;
    font-weight: 500; }
  .agencyDetails .agencyTextField {
    margin-left: 0;
    margin-right: 0; } }

.formPage {
  width: 50%; }
  @media all and (max-width: 991px) {
    .formPage {
      width: 100%; }
      .formPage .textInput {
        flex-direction: column; }
      .formPage .formPageControls {
        text-align: left; } }

.depositHistory .historyTitle {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #273444;
  margin-bottom: 24px; }

.depositHistory .bold {
  font-weight: 500; }

@media all and (max-width: 991px) {
  .depositHistory .historyTitle {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 16px; }
  .depositHistory .historyRecord {
    padding: 0 8px 8px;
    border-bottom: 1px solid #e0e6ea;
    margin-bottom: 8px;
    margin-right: -8px;
    margin-left: -8px; }
    .depositHistory .historyRecord:last-child {
      margin-bottom: 0; }
  .depositHistory .operationMainInfo,
  .depositHistory .operationAdditionalInfo {
    display: flex;
    justify-content: space-between; }
  .depositHistory .operationMainInfo {
    font-weight: 400;
    margin-bottom: 4px; }
  .depositHistory .operationAdditionalInfo {
    color: #708692;
    font-size: 12px; } }

@media all and (max-width: 639px) {
  .depositHistory .tableWrapper {
    width: calc(100vw - 32px);
    overflow: auto; } }

.deposit .accountField {
  width: 140px;
  margin-right: 16px;
  float: left; }

.deposit .readOnly .fieldValue {
  padding-bottom: 0;
  height: auto; }

.deposit .currency {
  color: #273444;
  font-weight: 400;
  margin-bottom: 16px; }

.deposit .textField {
  margin-bottom: 16px;
  padding-left: 12px; }

.deposit .textInput {
  width: 250px; }

@media all and (max-width: 991px) {
  .deposit .currency {
    font-weight: 500; }
  .deposit .accountField {
    margin-right: 0;
    float: none;
    margin-top: 16px;
    width: 100%; }
    .deposit .accountField:first-child {
      margin-top: 0; } }

.commission .commissionField {
  height: 68px;
  margin-bottom: 8px; }

.commission .fieldDescription {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  font-variant: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #708692;
  margin-bottom: 16px; }

.commission.readOnly .commissionField {
  margin-bottom: 0;
  height: auto; }

@media all and (max-width: 991px) {
  .membersList {
    max-width: calc(100vw - 16px * 2);
    overflow: auto; }
    .membersList .delete {
      width: 100%;
      text-align: right; } }

.userToDelete {
  font-weight: 500;
  font-style: italic; }

.memberCreate .fieldDescription {
  font-size: 14px;
  margin-bottom: 16px;
  font-weight: 400; }

.companyPage {
  padding: 16px 0; }
  .companyPage .menu,
  .companyPage .companySubPage {
    padding: 0 8px; }
  @media all and (max-width: 991px) {
    .companyPage {
      padding: 0; }
    .companyPage .menu,
    .companyPage .companySubPage {
      padding: 0; } }

.myProfitHistory .historyTitle {
  font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  font-variant: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #273444;
  margin-bottom: 24px; }

.myProfitHistory .bold {
  font-weight: 500; }

@media all and (max-width: 991px) {
  .myProfitHistory {
    max-width: calc(100vw - 16px * 2);
    overflow: auto; } }

@media all and (max-width: 991px) {
  .myProfitHistoryMobile .historyTitle {
    margin: 24px 16px 16px; }
  .myProfitHistoryMobile .recordRow {
    padding-bottom: 12px; }
    .myProfitHistoryMobile .recordRow:nth-child(4) {
      padding-bottom: 0; }
  .myProfitHistoryMobile .valueTitle {
    width: 150px;
    padding-bottom: 8px;
    font-weight: 500; }
  .myProfitHistoryMobile .cardFooter {
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: center;
    width: calc(100% + (2 * 16px));
    padding-top: 12px;
    margin-top: 16px;
    margin-left: -16px; } }

.myProfitPage {
  padding: 16px 8px; }
  .myProfitPage .myProfit {
    width: 100%; }
  .myProfitPage .profitField {
    height: 68px;
    margin-bottom: 8px;
    width: 50%;
    max-width: 300px; }
  .myProfitPage .fieldDescription {
    font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    font-variant: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #708692;
    margin-bottom: 16px; }
  .myProfitPage.readOnly .profitField {
    margin-bottom: 0;
    height: auto; }
  .myProfitPage .checkboxLabel:before {
    margin-bottom: 2px;
    float: left; }
  @media all and (max-width: 991px) {
    .myProfitPage {
      padding: 0; }
      .myProfitPage .myProfit {
        padding: 0; }
        .myProfitPage .myProfit > .profitHistoryCard:last-child {
          background: transparent;
          box-shadow: none; }
          .myProfitPage .myProfit > .profitHistoryCard:last-child > .content {
            padding: 0; } }
  @media (max-width: 767px) {
    .myProfitPage .profitField {
      width: 100%;
      max-width: none; } }



.registration_div{
	position: absolute; top: 30px; width: 800px; 
	margin-left: -400px; left: 50%; min-height: 100px; background-color: white; border-radius: 5px;
	padding: 20px;
}
@media (max-width: 800px) {
    .registration_div{
      width: 90%;
      margin-left: -45%; 
      padding: 5px;
    } 
}