@charset "UTF-8";
@font-face {
  font-family: "icons";
  src: url("/fonts/icons-e110f8e64a8da30be2b3988b346b6ea5.eot");
  font-weight: normal;
  font-style: normal; }

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

[class^="i-"]:before,
[class*=" i-"]:before {
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }

.i-2person:before {
  content: "\f101"; }

.i-Leader:before {
  content: "\f102"; }

.i-V:before {
  content: "\f103"; }

.i-about-bag:before {
  content: "\f104"; }

.i-about-phone:before {
  content: "\f105"; }

.i-about-pig:before {
  content: "\f106"; }

.i-about-pointer:before {
  content: "\f107"; }

.i-about-purse:before {
  content: "\f108"; }

.i-about-safe:before {
  content: "\f109"; }

.i-accommodation:before {
  content: "\f10a"; }

.i-add:before {
  content: "\f10b"; }

.i-adult:before {
  content: "\f10c"; }

.i-africa:before {
  content: "\f10d"; }

.i-age:before {
  content: "\f10e"; }

.i-air:before {
  content: "\f10f"; }

.i-airport:before {
  content: "\f110"; }

.i-all-inclusive:before {
  content: "\f111"; }

.i-amenities-12:before {
  content: "\f112"; }

.i-amenities-150:before {
  content: "\f113"; }

.i-amenities-156:before {
  content: "\f114"; }

.i-amenities-159:before {
  content: "\f115"; }

.i-amenities-172:before {
  content: "\f116"; }

.i-amenities-180:before {
  content: "\f117"; }

.i-amenities-181:before {
  content: "\f118"; }

.i-amenities-186:before {
  content: "\f119"; }

.i-amenities-189:before {
  content: "\f11a"; }

.i-amenities-191:before {
  content: "\f11b"; }

.i-amenities-194:before {
  content: "\f11c"; }

.i-amenities-2:before {
  content: "\f11d"; }

.i-amenities-207:before {
  content: "\f11e"; }

.i-amenities-210:before {
  content: "\f11f"; }

.i-amenities-211:before {
  content: "\f120"; }

.i-amenities-212:before {
  content: "\f121"; }

.i-amenities-215:before {
  content: "\f122"; }

.i-amenities-217:before {
  content: "\f123"; }

.i-amenities-223:before {
  content: "\f124"; }

.i-amenities-236:before {
  content: "\f125"; }

.i-amenities-237:before {
  content: "\f126"; }

.i-amenities-238:before {
  content: "\f127"; }

.i-amenities-239:before {
  content: "\f128"; }

.i-amenities-241:before {
  content: "\f129"; }

.i-amenities-243:before {
  content: "\f12a"; }

.i-amenities-253:before {
  content: "\f12b"; }

.i-amenities-256:before {
  content: "\f12c"; }

.i-amenities-290:before {
  content: "\f12d"; }

.i-amenities-322:before {
  content: "\f12e"; }

.i-amenities-347:before {
  content: "\f12f"; }

.i-amenities-369:before {
  content: "\f130"; }

.i-amenities-370:before {
  content: "\f131"; }

.i-amenities-373:before {
  content: "\f132"; }

.i-amenities-404:before {
  content: "\f133"; }

.i-amenities-405:before {
  content: "\f134"; }

.i-amenities-410:before {
  content: "\f135"; }

.i-amenities-411:before {
  content: "\f136"; }

.i-amenities-413:before {
  content: "\f137"; }

.i-amenities-414:before {
  content: "\f138"; }

.i-amenities-415:before {
  content: "\f139"; }

.i-amenities-416:before {
  content: "\f13a"; }

.i-amenities-419:before {
  content: "\f13b"; }

.i-amenities-422:before {
  content: "\f13c"; }

.i-amenities-503:before {
  content: "\f13d"; }

.i-amenities-523:before {
  content: "\f13e"; }

.i-amenities-525:before {
  content: "\f13f"; }

.i-amenities-527:before {
  content: "\f140"; }

.i-amenities-538:before {
  content: "\f141"; }

.i-amenities-540:before {
  content: "\f142"; }

.i-amenities-543:before {
  content: "\f143"; }

.i-amenities-544:before {
  content: "\f144"; }

.i-amenities-546:before {
  content: "\f145"; }

.i-amenities-547:before {
  content: "\f146"; }

.i-amenities-552:before {
  content: "\f147"; }

.i-amenities-554:before {
  content: "\f148"; }

.i-amenities-555:before {
  content: "\f149"; }

.i-amenities-556:before {
  content: "\f14a"; }

.i-amenities-557:before {
  content: "\f14b"; }

.i-amenities-558:before {
  content: "\f14c"; }

.i-amenities-559:before {
  content: "\f14d"; }

.i-amenities-564:before {
  content: "\f14e"; }

.i-amenities-567:before {
  content: "\f14f"; }

.i-amenities-568:before {
  content: "\f150"; }

.i-amenities-6:before {
  content: "\f151"; }

.i-amenities-607:before {
  content: "\f152"; }

.i-amenities-608:before {
  content: "\f153"; }

.i-amenities-609:before {
  content: "\f154"; }

.i-amenities-610:before {
  content: "\f155"; }

.i-amenities-611:before {
  content: "\f156"; }

.i-amenities-612:before {
  content: "\f157"; }

.i-amenities-613:before {
  content: "\f158"; }

.i-amenities-614:before {
  content: "\f159"; }

.i-amenities-615:before {
  content: "\f15a"; }

.i-amenities-616:before {
  content: "\f15b"; }

.i-amenities-617:before {
  content: "\f15c"; }

.i-amenities-618:before {
  content: "\f15d"; }

.i-amenities-619:before {
  content: "\f15e"; }

.i-amenities-620:before {
  content: "\f15f"; }

.i-amenities-621:before {
  content: "\f160"; }

.i-amenities-622:before {
  content: "\f161"; }

.i-amenities-623:before {
  content: "\f162"; }

.i-amenities-624:before {
  content: "\f163"; }

.i-amenities-625:before {
  content: "\f164"; }

.i-amenities-626:before {
  content: "\f165"; }

.i-amenities-627:before {
  content: "\f166"; }

.i-amenities-628:before {
  content: "\f167"; }

.i-amenities-629:before {
  content: "\f168"; }

.i-amenities-630:before {
  content: "\f169"; }

.i-amenities-631:before {
  content: "\f16a"; }

.i-amenities-632:before {
  content: "\f16b"; }

.i-amenities-633:before {
  content: "\f16c"; }

.i-amenities-634:before {
  content: "\f16d"; }

.i-amenities-635:before {
  content: "\f16e"; }

.i-amenities-636:before {
  content: "\f16f"; }

.i-amenities-637:before {
  content: "\f170"; }

.i-amenities-638:before {
  content: "\f171"; }

.i-amenities-639:before {
  content: "\f172"; }

.i-amenities-640:before {
  content: "\f173"; }

.i-amenities-641:before {
  content: "\f174"; }

.i-amenities-642:before {
  content: "\f175"; }

.i-amenities-643:before {
  content: "\f176"; }

.i-amenities-644:before {
  content: "\f177"; }

.i-amenities-645:before {
  content: "\f178"; }

.i-amenities-646:before {
  content: "\f179"; }

.i-amenities-647:before {
  content: "\f17a"; }

.i-amenities-648:before {
  content: "\f17b"; }

.i-amenities-649:before {
  content: "\f17c"; }

.i-amenities-650:before {
  content: "\f17d"; }

.i-amenities-651:before {
  content: "\f17e"; }

.i-amenities-652:before {
  content: "\f17f"; }

.i-amenities-653:before {
  content: "\f180"; }

.i-amenities-654:before {
  content: "\f181"; }

.i-amenities-655:before {
  content: "\f182"; }

.i-amenities-656:before {
  content: "\f183"; }

.i-amenities-8:before {
  content: "\f184"; }

.i-android:before {
  content: "\f185"; }

.i-animals:before {
  content: "\f186"; }

.i-apartments:before {
  content: "\f187"; }

.i-apple:before {
  content: "\f188"; }

.i-area:before {
  content: "\f189"; }

.i-arrow-back:before {
  content: "\f18a"; }

.i-arrow-down-iframe:before {
  content: "\f18b"; }

.i-arrow-down-v2:before {
  content: "\f18c"; }

.i-arrow-down:before {
  content: "\f18d"; }

.i-arrow-l:before {
  content: "\f18e"; }

.i-arrow-left-v2:before {
  content: "\f18f"; }

.i-arrow-left:before {
  content: "\f190"; }

.i-arrow-r:before {
  content: "\f191"; }

.i-arrow-right-v2:before {
  content: "\f192"; }

.i-arrow-right:before {
  content: "\f193"; }

.i-arrow-up-v2:before {
  content: "\f194"; }

.i-arrow:before {
  content: "\f195"; }

.i-arrow_circle:before {
  content: "\f196"; }

.i-arrow_l:before {
  content: "\f197"; }

.i-arrow_r:before {
  content: "\f198"; }

.i-asia:before {
  content: "\f199"; }

.i-at:before {
  content: "\f19a"; }

.i-avia_icon:before {
  content: "\f19b"; }

.i-baby:before {
  content: "\f19c"; }

.i-back-arrow:before {
  content: "\f19d"; }

.i-back-v2:before {
  content: "\f19e"; }

.i-back:before {
  content: "\f19f"; }

.i-backlink:before {
  content: "\f1a0"; }

.i-bag:before {
  content: "\f1a1"; }

.i-bar:before {
  content: "\f1a2"; }

.i-basket-inverse:before {
  content: "\f1a3"; }

.i-basket:before {
  content: "\f1a4"; }

.i-bath:before {
  content: "\f1a5"; }

.i-bed:before {
  content: "\f1a6"; }

.i-bell:before {
  content: "\f1a7"; }

.i-best-href:before {
  content: "\f1a8"; }

.i-best-price:before {
  content: "\f1a9"; }

.i-bestprice:before {
  content: "\f1aa"; }

.i-booking-error:before {
  content: "\f1ab"; }

.i-booking-wait:before {
  content: "\f1ac"; }

.i-breackfast:before {
  content: "\f1ad"; }

.i-breackfast2:before {
  content: "\f1ae"; }

.i-breakfast:before {
  content: "\f1af"; }

.i-business:before {
  content: "\f1b0"; }

.i-cabinet-activity:before {
  content: "\f1b1"; }

.i-cabinet-bron:before {
  content: "\f1b2"; }

.i-cabinet-download:before {
  content: "\f1b3"; }

.i-cabinet-favorites-alt:before {
  content: "\f1b4"; }

.i-cabinet-favorites:before {
  content: "\f1b5"; }

.i-cabinet-filters-activity:before {
  content: "\f1b6"; }

.i-cabinet-flag:before {
  content: "\f1b7"; }

.i-cabinet-print:before {
  content: "\f1b8"; }

.i-cabinet-profile:before {
  content: "\f1b9"; }

.i-cabinet-recently:before {
  content: "\f1ba"; }

.i-cabinet-responce:before {
  content: "\f1bb"; }

.i-calendar:before {
  content: "\f1bc"; }

.i-cancel-conditions:before {
  content: "\f1bd"; }

.i-cancel-free:before {
  content: "\f1be"; }

.i-cancelation:before {
  content: "\f1bf"; }

.i-card:before {
  content: "\f1c0"; }

.i-change:before {
  content: "\f1c1"; }

.i-city:before {
  content: "\f1c2"; }

.i-clear:before {
  content: "\f1c3"; }

.i-clock-24-support:before {
  content: "\f1c4"; }

.i-clock-24:before {
  content: "\f1c5"; }

.i-clock:before {
  content: "\f1c6"; }

.i-close:before {
  content: "\f1c7"; }

.i-comments:before {
  content: "\f1c8"; }

.i-condition:before {
  content: "\f1c9"; }

.i-continue:before {
  content: "\f1ca"; }

.i-cooking:before {
  content: "\f1cb"; }

.i-cross:before {
  content: "\f1cc"; }

.i-currency-c01-slim:before {
  content: "\f1cd"; }

.i-currency-c01:before {
  content: "\f1ce"; }

.i-currency-eur:before {
  content: "\f1cf"; }

.i-currency-eur2:before {
  content: "\f1d0"; }

.i-currency-kzt:before {
  content: "\f1d1"; }

.i-currency-rub:before {
  content: "\f1d2"; }

.i-currency-uah:before {
  content: "\f1d3"; }

.i-currency-usd:before {
  content: "\f1d4"; }

.i-distance-lines:before {
  content: "\f1d5"; }

.i-dynamic-package:before {
  content: "\f1d6"; }

.i-econom:before {
  content: "\f1d7"; }

.i-egg:before {
  content: "\f1d8"; }

.i-email:before {
  content: "\f1d9"; }

.i-europe:before {
  content: "\f1da"; }

.i-extra-info:before {
  content: "\f1db"; }

.i-eye:before {
  content: "\f1dc"; }

.i-fb:before {
  content: "\f1dd"; }

.i-fen:before {
  content: "\f1de"; }

.i-fitness:before {
  content: "\f1df"; }

.i-flight-straight:before {
  content: "\f1e0"; }

.i-flight-transfer:before {
  content: "\f1e1"; }

.i-food:before {
  content: "\f1e2"; }

.i-for-pay:before {
  content: "\f1e3"; }

.i-forgot:before {
  content: "\f1e4"; }

.i-four:before {
  content: "\f1e5"; }

.i-galka:before {
  content: "\f1e6"; }

.i-gallery:before {
  content: "\f1e7"; }

.i-globe-lines:before {
  content: "\f1e8"; }

.i-globe-pointer:before {
  content: "\f1e9"; }

.i-globe:before {
  content: "\f1ea"; }

.i-globus:before {
  content: "\f1eb"; }

.i-gplus:before {
  content: "\f1ec"; }

.i-hamburger-hover:before {
  content: "\f1ed"; }

.i-hamburger:before {
  content: "\f1ee"; }

.i-heart:before {
  content: "\f1ef"; }

.i-help-steps-1:before {
  content: "\f1f0"; }

.i-help-steps-2:before {
  content: "\f1f1"; }

.i-help-steps-3:before {
  content: "\f1f2"; }

.i-help-steps-4:before {
  content: "\f1f3"; }

.i-help-steps-5:before {
  content: "\f1f4"; }

.i-help:before {
  content: "\f1f5"; }

.i-home-v2:before {
  content: "\f1f6"; }

.i-home-v3:before {
  content: "\f1f7"; }

.i-home:before {
  content: "\f1f8"; }

.i-hostel:before {
  content: "\f1f9"; }

.i-hotel-alt:before {
  content: "\f1fa"; }

.i-hotel-feedback:before {
  content: "\f1fb"; }

.i-hotel-info:before {
  content: "\f1fc"; }

.i-hotel-stars:before {
  content: "\f1fd"; }

.i-hotel-theme:before {
  content: "\f1fe"; }

.i-hotel:before {
  content: "\f1ff"; }

.i-house:before {
  content: "\f200"; }

.i-housemaid:before {
  content: "\f201"; }

.i-info:before {
  content: "\f202"; }

.i-information:before {
  content: "\f203"; }

.i-key-alt:before {
  content: "\f204"; }

.i-key:before {
  content: "\f205"; }

.i-keys-2:before {
  content: "\f206"; }

.i-keys-3:before {
  content: "\f207"; }

.i-keys-4:before {
  content: "\f208"; }

.i-large:before {
  content: "\f209"; }

.i-laundry:before {
  content: "\f20a"; }

.i-left:before {
  content: "\f20b"; }

.i-letter:before {
  content: "\f20c"; }

.i-like-empty:before {
  content: "\f20d"; }

.i-like-old:before {
  content: "\f20e"; }

.i-like:before {
  content: "\f20f"; }

.i-list:before {
  content: "\f210"; }

.i-location:before {
  content: "\f211"; }

.i-lock:before {
  content: "\f212"; }

.i-login:before {
  content: "\f213"; }

.i-logout:before {
  content: "\f214"; }

.i-man:before {
  content: "\f215"; }

.i-map-marker:before {
  content: "\f216"; }

.i-map:before {
  content: "\f217"; }

.i-marker:before {
  content: "\f218"; }

.i-middle-east:before {
  content: "\f219"; }

.i-miles-slim:before {
  content: "\f21a"; }

.i-miles:before {
  content: "\f21b"; }

.i-mili:before {
  content: "\f21c"; }

.i-mini-bar:before {
  content: "\f21d"; }

.i-minus:before {
  content: "\f21e"; }

.i-newuser:before {
  content: "\f21f"; }

.i-night-v2:before {
  content: "\f220"; }

.i-night:before {
  content: "\f221"; }

.i-nights:before {
  content: "\f222"; }

.i-no-filter:before {
  content: "\f223"; }

.i-no-food:before {
  content: "\f224"; }

.i-no-photo:before {
  content: "\f225"; }

.i-no-search:before {
  content: "\f226"; }

.i-no-smoking:before {
  content: "\f227"; }

.i-nofood:before {
  content: "\f228"; }

.i-north-america:before {
  content: "\f229"; }

.i-oceania:before {
  content: "\f22a"; }

.i-od:before {
  content: "\f22b"; }

.i-odnoklassniki:before {
  content: "\f22c"; }

.i-one:before {
  content: "\f22d"; }

.i-order2:before {
  content: "\f22e"; }

.i-order3:before {
  content: "\f22f"; }

.i-order4:before {
  content: "\f230"; }

.i-other-payments:before {
  content: "\f231"; }

.i-parking:before {
  content: "\f232"; }

.i-password:before {
  content: "\f233"; }

.i-payinhotel:before {
  content: "\f234"; }

.i-payment:before {
  content: "\f235"; }

.i-payonsite:before {
  content: "\f236"; }

.i-pen-alt:before {
  content: "\f237"; }

.i-pen:before {
  content: "\f238"; }

.i-peoples-1:before {
  content: "\f239"; }

.i-peoples-2:before {
  content: "\f23a"; }

.i-peoples-2p:before {
  content: "\f23b"; }

.i-percent:before {
  content: "\f23c"; }

.i-person-full:before {
  content: "\f23d"; }

.i-person-info:before {
  content: "\f23e"; }

.i-person-lines:before {
  content: "\f23f"; }

.i-person-torso:before {
  content: "\f240"; }

.i-person:before {
  content: "\f241"; }

.i-phone-v2:before {
  content: "\f242"; }

.i-phone:before {
  content: "\f243"; }

.i-pic-left:before {
  content: "\f244"; }

.i-pic-right:before {
  content: "\f245"; }

.i-places-nearby:before {
  content: "\f246"; }

.i-plain-back:before {
  content: "\f247"; }

.i-plain-engine:before {
  content: "\f248"; }

.i-plain-line-back:before {
  content: "\f249"; }

.i-plain-line-forward:before {
  content: "\f24a"; }

.i-plain-takeoff:before {
  content: "\f24b"; }

.i-plain:before {
  content: "\f24c"; }

.i-player-back-arrow:before {
  content: "\f24d"; }

.i-player-forward-arrow:before {
  content: "\f24e"; }

.i-player-pause:before {
  content: "\f24f"; }

.i-player-play-on-screen:before {
  content: "\f250"; }

.i-player-play:before {
  content: "\f251"; }

.i-plus:before {
  content: "\f252"; }

.i-pointer:before {
  content: "\f253"; }

.i-pool:before {
  content: "\f254"; }

.i-popularity:before {
  content: "\f255"; }

.i-pressa:before {
  content: "\f256"; }

.i-price:before {
  content: "\f257"; }

.i-print-v3:before {
  content: "\f258"; }

.i-print:before {
  content: "\f259"; }

.i-priority:before {
  content: "\f25a"; }

.i-profile-ico:before {
  content: "\f25b"; }

.i-question-circle:before {
  content: "\f25c"; }

.i-question:before {
  content: "\f25d"; }

.i-question_circle:before {
  content: "\f25e"; }

.i-rating-full:before {
  content: "\f25f"; }

.i-reception:before {
  content: "\f260"; }

.i-refresh-v3:before {
  content: "\f261"; }

.i-refresh:before {
  content: "\f262"; }

.i-remove:before {
  content: "\f263"; }

.i-require:before {
  content: "\f264"; }

.i-restaurant:before {
  content: "\f265"; }

.i-right:before {
  content: "\f266"; }

.i-room-facilities-1:before {
  content: "\f267"; }

.i-room-facilities-10:before {
  content: "\f268"; }

.i-room-facilities-100:before {
  content: "\f269"; }

.i-room-facilities-102:before {
  content: "\f26a"; }

.i-room-facilities-103:before {
  content: "\f26b"; }

.i-room-facilities-104:before {
  content: "\f26c"; }

.i-room-facilities-105:before {
  content: "\f26d"; }

.i-room-facilities-106:before {
  content: "\f26e"; }

.i-room-facilities-107:before {
  content: "\f26f"; }

.i-room-facilities-108:before {
  content: "\f270"; }

.i-room-facilities-109:before {
  content: "\f271"; }

.i-room-facilities-11:before {
  content: "\f272"; }

.i-room-facilities-110:before {
  content: "\f273"; }

.i-room-facilities-111:before {
  content: "\f274"; }

.i-room-facilities-112:before {
  content: "\f275"; }

.i-room-facilities-113:before {
  content: "\f276"; }

.i-room-facilities-114:before {
  content: "\f277"; }

.i-room-facilities-115:before {
  content: "\f278"; }

.i-room-facilities-116:before {
  content: "\f279"; }

.i-room-facilities-117:before {
  content: "\f27a"; }

.i-room-facilities-118:before {
  content: "\f27b"; }

.i-room-facilities-119:before {
  content: "\f27c"; }

.i-room-facilities-12:before {
  content: "\f27d"; }

.i-room-facilities-120:before {
  content: "\f27e"; }

.i-room-facilities-121:before {
  content: "\f27f"; }

.i-room-facilities-122:before {
  content: "\f280"; }

.i-room-facilities-123:before {
  content: "\f281"; }

.i-room-facilities-124:before {
  content: "\f282"; }

.i-room-facilities-125:before {
  content: "\f283"; }

.i-room-facilities-126:before {
  content: "\f284"; }

.i-room-facilities-127:before {
  content: "\f285"; }

.i-room-facilities-129:before {
  content: "\f286"; }

.i-room-facilities-13:before {
  content: "\f287"; }

.i-room-facilities-130:before {
  content: "\f288"; }

.i-room-facilities-131:before {
  content: "\f289"; }

.i-room-facilities-132:before {
  content: "\f28a"; }

.i-room-facilities-133:before {
  content: "\f28b"; }

.i-room-facilities-134:before {
  content: "\f28c"; }

.i-room-facilities-135:before {
  content: "\f28d"; }

.i-room-facilities-136:before {
  content: "\f28e"; }

.i-room-facilities-137:before {
  content: "\f28f"; }

.i-room-facilities-138:before {
  content: "\f290"; }

.i-room-facilities-14:before {
  content: "\f291"; }

.i-room-facilities-15:before {
  content: "\f292"; }

.i-room-facilities-16:before {
  content: "\f293"; }

.i-room-facilities-17:before {
  content: "\f294"; }

.i-room-facilities-2:before {
  content: "\f295"; }

.i-room-facilities-20:before {
  content: "\f296"; }

.i-room-facilities-21:before {
  content: "\f297"; }

.i-room-facilities-22:before {
  content: "\f298"; }

.i-room-facilities-23:before {
  content: "\f299"; }

.i-room-facilities-24:before {
  content: "\f29a"; }

.i-room-facilities-25:before {
  content: "\f29b"; }

.i-room-facilities-26:before {
  content: "\f29c"; }

.i-room-facilities-28:before {
  content: "\f29d"; }

.i-room-facilities-29:before {
  content: "\f29e"; }

.i-room-facilities-3:before {
  content: "\f29f"; }

.i-room-facilities-30:before {
  content: "\f2a0"; }

.i-room-facilities-31:before {
  content: "\f2a1"; }

.i-room-facilities-32:before {
  content: "\f2a2"; }

.i-room-facilities-33:before {
  content: "\f2a3"; }

.i-room-facilities-35:before {
  content: "\f2a4"; }

.i-room-facilities-36:before {
  content: "\f2a5"; }

.i-room-facilities-37:before {
  content: "\f2a6"; }

.i-room-facilities-38:before {
  content: "\f2a7"; }

.i-room-facilities-39:before {
  content: "\f2a8"; }

.i-room-facilities-4:before {
  content: "\f2a9"; }

.i-room-facilities-40:before {
  content: "\f2aa"; }

.i-room-facilities-41:before {
  content: "\f2ab"; }

.i-room-facilities-42:before {
  content: "\f2ac"; }

.i-room-facilities-43:before {
  content: "\f2ad"; }

.i-room-facilities-44:before {
  content: "\f2ae"; }

.i-room-facilities-45:before {
  content: "\f2af"; }

.i-room-facilities-46:before {
  content: "\f2b0"; }

.i-room-facilities-5:before {
  content: "\f2b1"; }

.i-room-facilities-6:before {
  content: "\f2b2"; }

.i-room-facilities-68:before {
  content: "\f2b3"; }

.i-room-facilities-69:before {
  content: "\f2b4"; }

.i-room-facilities-70:before {
  content: "\f2b5"; }

.i-room-facilities-71:before {
  content: "\f2b6"; }

.i-room-facilities-72:before {
  content: "\f2b7"; }

.i-room-facilities-73:before {
  content: "\f2b8"; }

.i-room-facilities-74:before {
  content: "\f2b9"; }

.i-room-facilities-75:before {
  content: "\f2ba"; }

.i-room-facilities-76:before {
  content: "\f2bb"; }

.i-room-facilities-77:before {
  content: "\f2bc"; }

.i-room-facilities-79:before {
  content: "\f2bd"; }

.i-room-facilities-8:before {
  content: "\f2be"; }

.i-room-facilities-80:before {
  content: "\f2bf"; }

.i-room-facilities-82:before {
  content: "\f2c0"; }

.i-room-facilities-83:before {
  content: "\f2c1"; }

.i-room-facilities-84:before {
  content: "\f2c2"; }

.i-room-facilities-85:before {
  content: "\f2c3"; }

.i-room-facilities-86:before {
  content: "\f2c4"; }

.i-room-facilities-87:before {
  content: "\f2c5"; }

.i-room-facilities-89:before {
  content: "\f2c6"; }

.i-room-facilities-9:before {
  content: "\f2c7"; }

.i-room-facilities-90:before {
  content: "\f2c8"; }

.i-room-facilities-91:before {
  content: "\f2c9"; }

.i-room-facilities-93:before {
  content: "\f2ca"; }

.i-room-facilities-95:before {
  content: "\f2cb"; }

.i-room-facilities-96:before {
  content: "\f2cc"; }

.i-room-facilities-98:before {
  content: "\f2cd"; }

.i-room-facilities-99:before {
  content: "\f2ce"; }

.i-room-size:before {
  content: "\f2cf"; }

.i-room-size1:before {
  content: "\f2d0"; }

.i-room-size2:before {
  content: "\f2d1"; }

.i-room-size3:before {
  content: "\f2d2"; }

.i-room-size4:before {
  content: "\f2d3"; }

.i-room-size8:before {
  content: "\f2d4"; }

.i-ruble-new:before {
  content: "\f2d5"; }

.i-ruble:before {
  content: "\f2d6"; }

.i-search-v2:before {
  content: "\f2d7"; }

.i-search-v3:before {
  content: "\f2d8"; }

.i-search:before {
  content: "\f2d9"; }

.i-select-date:before {
  content: "\f2da"; }

.i-separator:before {
  content: "\f2db"; }

.i-services:before {
  content: "\f2dc"; }

.i-shield:before {
  content: "\f2dd"; }

.i-shower:before {
  content: "\f2de"; }

.i-skype:before {
  content: "\f2df"; }

.i-smart:before {
  content: "\f2e0"; }

.i-smoking:before {
  content: "\f2e1"; }

.i-smorgasbord:before {
  content: "\f2e2"; }

.i-sort-feedback:before {
  content: "\f2e3"; }

.i-sort-popular:before {
  content: "\f2e4"; }

.i-sort-price:before {
  content: "\f2e5"; }

.i-south-america:before {
  content: "\f2e6"; }

.i-spa:before {
  content: "\f2e7"; }

.i-star-holder:before {
  content: "\f2e8"; }

.i-star-line:before {
  content: "\f2e9"; }

.i-star:before {
  content: "\f2ea"; }

.i-stars-opacity:before {
  content: "\f2eb"; }

.i-support:before {
  content: "\f2ec"; }

.i-ta:before {
  content: "\f2ed"; }

.i-tag:before {
  content: "\f2ee"; }

.i-tax:before {
  content: "\f2ef"; }

.i-telefon:before {
  content: "\f2f0"; }

.i-telephone:before {
  content: "\f2f1"; }

.i-there-back:before {
  content: "\f2f2"; }

.i-there:before {
  content: "\f2f3"; }

.i-three:before {
  content: "\f2f4"; }

.i-thumb:before {
  content: "\f2f5"; }

.i-tour_icon:before {
  content: "\f2f6"; }

.i-transfer:before {
  content: "\f2f7"; }

.i-trash:before {
  content: "\f2f8"; }

.i-tv:before {
  content: "\f2f9"; }

.i-tw:before {
  content: "\f2fa"; }

.i-twenty-years:before {
  content: "\f2fb"; }

.i-two:before {
  content: "\f2fc"; }

.i-user-avatar:before {
  content: "\f2fd"; }

.i-vault:before {
  content: "\f2fe"; }

.i-viber:before {
  content: "\f2ff"; }

.i-vibor-est:before {
  content: "\f300"; }

.i-video-small:before {
  content: "\f301"; }

.i-video:before {
  content: "\f302"; }

.i-view:before {
  content: "\f303"; }

.i-visa-pass:before {
  content: "\f304"; }

.i-visa:before {
  content: "\f305"; }

.i-vk:before {
  content: "\f306"; }

.i-volume:before {
  content: "\f307"; }

.i-warm:before {
  content: "\f308"; }

.i-warning-v2:before {
  content: "\f309"; }

.i-warning:before {
  content: "\f30a"; }

.i-weather-gloomy:before {
  content: "\f30b"; }

.i-wifi-free:before {
  content: "\f30c"; }

.i-wifi:before {
  content: "\f30d"; }

.i-woman:before {
  content: "\f30e"; }

.autocomplete input {
  font-size: 14px; }

.form-control {
  border: 0; }

ul.hidden {
  visibility: hidden !important; }

.pagination {
  margin: 0; }
  .pagination > li:first-child > a, .pagination > li:last-child > a {
    width: 20px;
    height: 20px;
    line-height: 16px; }
  .pagination > li:first-child > a {
    margin: 6px 12px 6px 0; }
  .pagination > li:last-child > a {
    margin: 6px 0 6px 12px; }
  .pagination > li.active > a, .pagination > li.active > span {
    color: #fff;
    background-color: control-fill; }
    .pagination > li.active > a:hover, .pagination > li.active > span:hover {
      color: #ffffff;
      background-color: control-fill; }
  .pagination > li.disabled:hover {
    cursor: default; }
  .pagination > li.disabled > a, .pagination > li.disabled > span {
    color: #626c78;
    background-color: transparent; }
    .pagination > li.disabled > a:hover, .pagination > li.disabled > span:hover {
      cursor: default;
      color: #626c78;
      background-color: transparent; }
  .pagination > li > a, .pagination > li > span {
    width: 32px;
    margin: 0 3px;
    padding: 0;
    padding-left: 1px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-align: center;
    color: #626c78;
    border: 1px solid #9da8b7;
    border-radius: 0;
    background-color: #ffffff;
    font-family: "Roboto";
    line-height: 30px; }
    .pagination > li > a:hover, .pagination > li > span:hover {
      color: #46bcea;
      border-color: #46bcea;
      background-color: #ffffff; }

.modal {
  z-index: 9999999; }

.modal-open {
  overflow-y: hidden; }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-backdrop {
  background-color: rgba(156, 168, 183, 0.7); }

.modal-content {
  border: 0;
  border-radius: 0;
  box-shadow: none; }

.help-block {
  position: absolute;
  margin: 0;
  line-height: 1; }

.form-group {
  margin-bottom: 20px; }

#swipebox-overlay {
  background: rgba(0, 0, 0, 0.9); }

#swipebox-action {
  bottom: 0;
  height: 100%;
  border: none;
  background: none; }

#swipebox-action.visible-bars {
  -webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none; }

#swipebox-caption {
  top: -50px;
  text-align: center; }

#swipebox-caption.visible-bars {
  -webkit-transform: none;
  -ms-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none; }

#swipebox-action #swipebox-close {
  top: 10px;
  right: 27px;
  left: auto;
  background-position: 9px 4px; }

#swipebox-action #swipebox-prev {
  top: 50%;
  right: initial;
  left: 75px;
  background-position: -68px 6px; }

#swipebox-action #swipebox-next {
  top: 50%;
  right: 100px;
  background-position: -146px 6px; }

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next, #swipebox-action #swipebox-close {
  background-size: 200px; }

div.intl-tel-input input {
  top: -1px;
  width: 260px;
  padding-right: 5px;
  padding-left: 76px !important; }

div.intl-tel-input .flag-dropdown {
  left: 34px; }

.iti-flag {
  background-image: url("/images/flags-9c77765196.png"); }

.infoBox img {
  display: none; }

.noUi-handle:after, .noUi-handle:before {
  background-color: transparent; }

.tooltip {
  z-index: 99998; }
  .tooltip .i-currency:before {
    font-size: 9px; }
  .tooltip [class*="i-currency-"] {
    position: relative;
    top: -1px;
    font-size: 12px; }

.tooltip.in {
  opacity: 1; }

/* screen readers only */
.sr_only,
.aria-invisible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  border: 0;
  clip: rect(0, 0, 0, 0); }

@media (min-width: 1600px) {
  .g-Cabinet .Header {
    position: fixed;
    padding: 0 10px; }
    .g-Cabinet .Header > .container {
      width: 990px; } }

@media (max-width: 1599px) {
  .g-Cabinet .Header {
    padding: 0;
    min-width: 1280px; }
  .g-Cabinet .Header .container {
    margin: 0;
    width: -webkit-calc(100vw / 2 - 485px + 970px);
    width: -moz-calc(100vw / 2 - 485px + 970px);
    width: calc(100vw / 2 - 485px + 970px);
    padding: 0 10px;
    min-width: 1280px; }
  .g-Cabinet .CabinetPage-menuHeaderBtn {
    display: none; }
  .g-Cabinet .Header-logo {
    width: 260px; }
    .g-Cabinet .Header-logo img {
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); } }

.g-Cabinet .WGFooter {
  display: none; }

.Aeroflot-backLink {
  display: none; }

.modal-backdrop.am-fade {
  z-index: 100000;
  background-color: rgba(59, 70, 83, 0.7); }

.container {
  width: 1200px;
  margin: auto; }

.container--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .container--flex:before {
    content: initial; }
  .container--flex:after {
    content: initial; }

.FadeBox {
  opacity: 0;
  background-color: #3b4653;
  position: fixed;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  -webkit-transition: all 0.5s  ease-in;
  -o-transition: all 0.5s  ease-in;
  -moz-transition: all 0.5s  ease-in;
  transition: all 0.5s  ease-in;
  top: 0;
  left: 0;
  display: none; }

.FadeBox--active {
  opacity: .7;
  display: block; }

.page404 .HotelSearchForm-hint,
.page404 .AviaSearch-searchHotels,
.page404 .AviaSearch-flightType .Radio .Radio-label {
  color: #3b4653;
  line-height: 21px; }

.page404 .AviaSearch-flightType .Radio.is-checked .Radio-label {
  color: #54C0F9; }

.page404 .AviaSearch-flightType .Radio .Radio-icon {
  border-color: #3b4653; }

.page404 .AviaSearch-flightType .Radio.is-checked .Radio-icon {
  border-color: #54C0F9; }

.page404 .AviaSearch-flightType .Radio.is-checked .Radio-iconCheck {
  background-color: #54C0F9; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: inherit; }

input:focus {
  border: 1px solid #ffb72e;
  outline: none; }

/* -----------------------------------------
   Template helpers
----------------------------------------- */
/* ------------------ Sizes --------------------*/
.s10 {
  font-size: 10px !important; }
  .s10:before {
    font-size: 10px !important; }

.s11 {
  font-size: 11px !important; }
  .s11:before {
    font-size: 11px !important; }

.s12 {
  font-size: 12px !important; }
  .s12:before {
    font-size: 12px !important; }

.s13 {
  font-size: 13px !important; }
  .s13:before {
    font-size: 13px !important; }

.s14 {
  font-size: 14px !important; }
  .s14:before {
    font-size: 14px !important; }

.s15 {
  font-size: 15px !important; }
  .s15:before {
    font-size: 15px !important; }

.s16 {
  font-size: 16px !important; }
  .s16:before {
    font-size: 16px !important; }

.s17 {
  font-size: 17px !important; }
  .s17:before {
    font-size: 17px !important; }

.s18 {
  font-size: 18px !important; }
  .s18:before {
    font-size: 18px !important; }

.s19 {
  font-size: 19px !important; }
  .s19:before {
    font-size: 19px !important; }

.s20 {
  font-size: 20px !important; }
  .s20:before {
    font-size: 20px !important; }

.s21 {
  font-size: 21px !important; }
  .s21:before {
    font-size: 21px !important; }

.s22 {
  font-size: 22px !important; }
  .s22:before {
    font-size: 22px !important; }

.s23 {
  font-size: 23px !important; }
  .s23:before {
    font-size: 23px !important; }

.s24 {
  font-size: 24px !important; }
  .s24:before {
    font-size: 24px !important; }

.s25 {
  font-size: 25px !important; }
  .s25:before {
    font-size: 25px !important; }

.s26 {
  font-size: 26px !important; }
  .s26:before {
    font-size: 26px !important; }

.s27 {
  font-size: 27px !important; }
  .s27:before {
    font-size: 27px !important; }

.s28 {
  font-size: 28px !important; }
  .s28:before {
    font-size: 28px !important; }

.s29 {
  font-size: 29px !important; }
  .s29:before {
    font-size: 29px !important; }

.s30 {
  font-size: 30px !important; }
  .s30:before {
    font-size: 30px !important; }

.s31 {
  font-size: 31px !important; }
  .s31:before {
    font-size: 31px !important; }

.s32 {
  font-size: 32px !important; }
  .s32:before {
    font-size: 32px !important; }

.s33 {
  font-size: 33px !important; }
  .s33:before {
    font-size: 33px !important; }

.s34 {
  font-size: 34px !important; }
  .s34:before {
    font-size: 34px !important; }

.s35 {
  font-size: 35px !important; }
  .s35:before {
    font-size: 35px !important; }

.s36 {
  font-size: 36px !important; }
  .s36:before {
    font-size: 36px !important; }

.s37 {
  font-size: 37px !important; }
  .s37:before {
    font-size: 37px !important; }

.s38 {
  font-size: 38px !important; }
  .s38:before {
    font-size: 38px !important; }

.s39 {
  font-size: 39px !important; }
  .s39:before {
    font-size: 39px !important; }

.s40 {
  font-size: 40px !important; }
  .s40:before {
    font-size: 40px !important; }

.lh10 {
  line-height: 10px !important; }
  .lh10:before {
    line-height: 10px !important; }

.lh11 {
  line-height: 11px !important; }
  .lh11:before {
    line-height: 11px !important; }

.lh12 {
  line-height: 12px !important; }
  .lh12:before {
    line-height: 12px !important; }

.lh13 {
  line-height: 13px !important; }
  .lh13:before {
    line-height: 13px !important; }

.lh14 {
  line-height: 14px !important; }
  .lh14:before {
    line-height: 14px !important; }

.lh15 {
  line-height: 15px !important; }
  .lh15:before {
    line-height: 15px !important; }

.lh16 {
  line-height: 16px !important; }
  .lh16:before {
    line-height: 16px !important; }

.lh17 {
  line-height: 17px !important; }
  .lh17:before {
    line-height: 17px !important; }

.lh18 {
  line-height: 18px !important; }
  .lh18:before {
    line-height: 18px !important; }

.lh19 {
  line-height: 19px !important; }
  .lh19:before {
    line-height: 19px !important; }

.lh20 {
  line-height: 20px !important; }
  .lh20:before {
    line-height: 20px !important; }

.lh21 {
  line-height: 21px !important; }
  .lh21:before {
    line-height: 21px !important; }

.lh22 {
  line-height: 22px !important; }
  .lh22:before {
    line-height: 22px !important; }

.lh23 {
  line-height: 23px !important; }
  .lh23:before {
    line-height: 23px !important; }

.lh24 {
  line-height: 24px !important; }
  .lh24:before {
    line-height: 24px !important; }

.lh25 {
  line-height: 25px !important; }
  .lh25:before {
    line-height: 25px !important; }

.lh26 {
  line-height: 26px !important; }
  .lh26:before {
    line-height: 26px !important; }

.lh27 {
  line-height: 27px !important; }
  .lh27:before {
    line-height: 27px !important; }

.lh28 {
  line-height: 28px !important; }
  .lh28:before {
    line-height: 28px !important; }

.lh29 {
  line-height: 29px !important; }
  .lh29:before {
    line-height: 29px !important; }

.lh30 {
  line-height: 30px !important; }
  .lh30:before {
    line-height: 30px !important; }

.lh31 {
  line-height: 31px !important; }
  .lh31:before {
    line-height: 31px !important; }

.lh32 {
  line-height: 32px !important; }
  .lh32:before {
    line-height: 32px !important; }

.lh33 {
  line-height: 33px !important; }
  .lh33:before {
    line-height: 33px !important; }

.lh34 {
  line-height: 34px !important; }
  .lh34:before {
    line-height: 34px !important; }

.lh35 {
  line-height: 35px !important; }
  .lh35:before {
    line-height: 35px !important; }

.lh36 {
  line-height: 36px !important; }
  .lh36:before {
    line-height: 36px !important; }

.lh37 {
  line-height: 37px !important; }
  .lh37:before {
    line-height: 37px !important; }

.lh38 {
  line-height: 38px !important; }
  .lh38:before {
    line-height: 38px !important; }

.lh39 {
  line-height: 39px !important; }
  .lh39:before {
    line-height: 39px !important; }

.lh40 {
  line-height: 40px !important; }
  .lh40:before {
    line-height: 40px !important; }

.vat {
  vertical-align: top !important; }

.vam {
  vertical-align: middle !important; }

.vab {
  vertical-align: bottom !important; }

.tal {
  text-align: left !important; }

.tac {
  text-align: center !important; }

.tar {
  text-align: right !important; }

.wsp {
  white-space: pre; }

.fl {
  float: left; }

.fr {
  float: right; }

.i-top1 {
  position: relative;
  top: -1px; }

.top4 {
  position: relative;
  top: 4px; }

.b {
  font-weight: bold; }

.ib {
  display: inline-block;
  float: left; }

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

.block {
  display: block !important; }

.dt {
  display: table !important;
  width: 100%; }

.dtc {
  display: table-cell !important; }

/* ------------------ Margins --------------------*/
.row.no-padding {
  margin-right: 0;
  margin-left: 0; }

.row.no-padding [class^="col-"] {
  padding: 0; }

.currency-price .Currency:before {
  font-size: 1.2em !important; }

/* ------------------ Margins --------------------*/
.m0 {
  margin: 0px !important; }

.m5 {
  margin: 5px !important; }

.m10 {
  margin: 10px !important; }

.m15 {
  margin: 15px !important; }

.m20 {
  margin: 20px !important; }

.m25 {
  margin: 25px !important; }

.m30 {
  margin: 30px !important; }

.m35 {
  margin: 35px !important; }

.m40 {
  margin: 40px !important; }

.m45 {
  margin: 45px !important; }

.m50 {
  margin: 50px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.ml0 {
  margin-left: 0px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

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

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.m0 {
  margin: 0px !important; }

.m1 {
  margin: 1px !important; }

.m2 {
  margin: 2px !important; }

.m3 {
  margin: 3px !important; }

.m4 {
  margin: 4px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt1 {
  margin-top: 1px !important; }

.mt2 {
  margin-top: 2px !important; }

.mt3 {
  margin-top: 3px !important; }

.mt4 {
  margin-top: 4px !important; }

.ml0 {
  margin-left: 0px !important; }

.ml1 {
  margin-left: 1px !important; }

.ml2 {
  margin-left: 2px !important; }

.ml3 {
  margin-left: 3px !important; }

.ml4 {
  margin-left: 4px !important; }

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

.mr1 {
  margin-right: 1px !important; }

.mr2 {
  margin-right: 2px !important; }

.mr3 {
  margin-right: 3px !important; }

.mr4 {
  margin-right: 4px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb1 {
  margin-bottom: 1px !important; }

.mb2 {
  margin-bottom: 2px !important; }

.mb3 {
  margin-bottom: 3px !important; }

.mb4 {
  margin-bottom: 4px !important; }

/* ------------------ Paddings --------------------*/
.p5 {
  padding: 5px !important; }

.p10 {
  padding: 10px !important; }

.p15 {
  padding: 15px !important; }

.p20 {
  padding: 20px !important; }

.p25 {
  padding: 25px !important; }

.p30 {
  padding: 30px !important; }

.p35 {
  padding: 35px !important; }

.p40 {
  padding: 40px !important; }

.p45 {
  padding: 45px !important; }

.p50 {
  padding: 50px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl45 {
  padding-left: 45px !important; }

.pl50 {
  padding-left: 50px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr45 {
  padding-right: 45px !important; }

.pr50 {
  padding-right: 50px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.p0 {
  padding: 0px !important; }

.p1 {
  padding: 1px !important; }

.p2 {
  padding: 2px !important; }

.p3 {
  padding: 3px !important; }

.p4 {
  padding: 4px !important; }

.pt0 {
  padding-top: 0px !important; }

.pt1 {
  padding-top: 1px !important; }

.pt2 {
  padding-top: 2px !important; }

.pt3 {
  padding-top: 3px !important; }

.pt4 {
  padding-top: 4px !important; }

.pl0 {
  padding-left: 0px !important; }

.pl1 {
  padding-left: 1px !important; }

.pl2 {
  padding-left: 2px !important; }

.pl3 {
  padding-left: 3px !important; }

.pl4 {
  padding-left: 4px !important; }

.pr0 {
  padding-right: 0px !important; }

.pr1 {
  padding-right: 1px !important; }

.pr2 {
  padding-right: 2px !important; }

.pr3 {
  padding-right: 3px !important; }

.pr4 {
  padding-right: 4px !important; }

.pb0 {
  padding-bottom: 0px !important; }

.pb1 {
  padding-bottom: 1px !important; }

.pb2 {
  padding-bottom: 2px !important; }

.pb3 {
  padding-bottom: 3px !important; }

.pb4 {
  padding-bottom: 4px !important; }

/* ------------------ Percent widths --------------------*/
.per5 {
  width: 5% !important; }

.per10 {
  width: 10% !important; }

.per15 {
  width: 15% !important; }

.per20 {
  width: 20% !important; }

.per25 {
  width: 25% !important; }

.per30 {
  width: 30% !important; }

.per35 {
  width: 35% !important; }

.per40 {
  width: 40% !important; }

.per45 {
  width: 45% !important; }

.per50 {
  width: 50% !important; }

.per55 {
  width: 55% !important; }

.per60 {
  width: 60% !important; }

.per65 {
  width: 65% !important; }

.per70 {
  width: 70% !important; }

.per75 {
  width: 75% !important; }

.per80 {
  width: 80% !important; }

.per85 {
  width: 85% !important; }

.per90 {
  width: 90% !important; }

.per95 {
  width: 95% !important; }

.per100 {
  width: 100% !important; }

.h100 {
  height: 100%; }

.mh100 {
  min-height: 100%; }

.w100 {
  width: 100%; }

.zi-5 {
  z-index: 5; }

.zi-10 {
  z-index: 10; }

.zi-top {
  z-index: 9999 !important; }

.text-bold {
  font-weight: 800; }

.text-blue {
  color: #006498; }

.text-uppercase {
  text-transform: uppercase; }

.no-wrap {
  white-space: nowrap; }

.no-pointer-events {
  pointer-events: none !important; }

.cp {
  cursor: pointer !important; }

@media print {
  .hideForPrint {
    display: none !important; }
  .Header {
    display: none !important; }
  .Footer {
    display: none !important; }
  .container {
    width: 1000px !important; } }

.not-visible {
  visibility: hidden; }

.rel {
  position: relative; }

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

.icon-width10 svg {
  width: 10px; }

.icon-width11 svg {
  width: 11px; }

.icon-width12 svg {
  width: 12px; }

.icon-width13 svg {
  width: 13px; }

.icon-width14 svg {
  width: 14px; }

.icon-width15 svg {
  width: 15px; }

.icon-width16 svg {
  width: 16px; }

.icon-width17 svg {
  width: 17px; }

.icon-width18 svg {
  width: 18px; }

.icon-width19 svg {
  width: 19px; }

.icon-width20 svg {
  width: 20px; }

.icon-width21 svg {
  width: 21px; }

.icon-width22 svg {
  width: 22px; }

.icon-width23 svg {
  width: 23px; }

.icon-width24 svg {
  width: 24px; }

.icon-width25 svg {
  width: 25px; }

.icon-width26 svg {
  width: 26px; }

.icon-width27 svg {
  width: 27px; }

.icon-width28 svg {
  width: 28px; }

.icon-width29 svg {
  width: 29px; }

.icon-width30 svg {
  width: 30px; }

.c-i40 input {
  padding-left: 45px !important; }

.c-i40:before {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
  text-align: center;
  color: #9DA8B7;
  font-size: 23px;
  line-height: 39px; }

.c-i50 input {
  padding-left: 55px !important; }

.c-i50:before {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
  text-align: center;
  color: #9DA8B7;
  font-size: 25px;
  line-height: 49px; }

.i50:before {
  display: inline-block;
  float: left;
  width: 40px;
  text-align: center;
  vertical-align: top;
  color: #3b4653;
  font-size: 33px;
  line-height: 40px; }

.i40:before {
  display: inline-block;
  float: left;
  width: 40px;
  text-align: center;
  vertical-align: top;
  color: #46bcea;
  font-size: 23px;
  line-height: 40px; }

.i30:before {
  display: inline-block;
  width: 30px;
  text-align: center;
  vertical-align: top;
  font-size: 17px;
  line-height: 30px; }

.i-tv {
  margin-top: -.1em; }

.icon--rotateLeft {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.icon--rotateRight {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

/* ------------------------------------------- */
/* Mixins
/* ------------------------------------------- */
/* ------------------------------------------- */
/* Toggle Fade
/* ------------------------------------------- */
.toggle {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */ }
  .toggle.ng-enter {
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .toggle.ng-enter-active {
    opacity: 1; }
  .toggle.ng-leave {
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .toggle.ng-leave-active {
    opacity: 0; }
  .toggle.ng-hide-add {
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .toggle.ng-hide-add.ng-hide-add-active {
    opacity: 0; }
  .toggle.ng-hide-remove {
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .toggle.ng-hide-remove.ng-hide-remove-active {
    opacity: 1; }
  .toggle.ng-enter-stagger {
    /* 200ms will be applied between each sucessive enter operation */
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    /* this is here to avoid accidental CSS inheritance */
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0; }

/* ------------------------------------------- */
/* Toggle delay Fade
/* ------------------------------------------- */
.toggle-delay {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s; }
  .toggle-delay.ng-enter {
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .toggle-delay.ng-enter-active {
    opacity: 1; }
  .toggle-delay.ng-leave {
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .toggle-delay.ng-leave-active {
    opacity: 0; }
  .toggle-delay.ng-hide-add {
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .toggle-delay.ng-hide-add.ng-hide-add-active {
    opacity: 0; }
  .toggle-delay.ng-hide-remove {
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .toggle-delay.ng-hide-remove.ng-hide-remove-active {
    opacity: 1; }
  .toggle-delay.ng-enter-stagger {
    /* 200ms will be applied between each sucessive enter operation */
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    /* this is here to avoid accidental CSS inheritance */
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0; }

/* ------------------------------------------- */
/* Slide Top
/* ------------------------------------------- */
.slide-top {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */ }
  .slide-top.ng-enter {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .slide-top.ng-enter-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .slide-top.ng-leave {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .slide-top.ng-leave-active {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0; }
  .slide-top.ng-hide-add {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .slide-top.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0; }
  .slide-top.ng-hide-remove {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .slide-top.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

/* ------------------------------------------- */
/* Slide Rigth
/* ------------------------------------------- */
.slide-right {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */ }
  .slide-right.ng-enter {
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .slide-right.ng-enter-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .slide-right.ng-leave {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .slide-right.ng-leave-active {
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
    opacity: 0; }
  .slide-right.ng-hide-add {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .slide-right.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
    opacity: 0; }
  .slide-right.ng-hide-remove {
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -o-transform: translateX(60px);
    transform: translateX(60px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .slide-right.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }

/* ------------------------------------------- */
/* Slide Left
/* ------------------------------------------- */
.slide-left {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */ }
  .slide-left.ng-enter {
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .slide-left.ng-enter-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .slide-left.ng-leave {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .slide-left.ng-leave-active {
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0; }
  .slide-left.ng-hide-add {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .slide-left.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    opacity: 0; }
  .slide-left.ng-hide-remove {
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .slide-left.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }

/* ------------------------------------------- */
/* Slide Down
/* ------------------------------------------- */
.slide-down {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */ }
  .slide-down.ng-enter {
    -webkit-transform: translate3D(0, -40px, 0);
    -ms-transform: translate3D(0, -40px, 0);
    -moz-transform: translate3D(0, -40px, 0);
    -o-transform: translate3D(0, -40px, 0);
    transform: translate3D(0, -40px, 0);
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 0 !important;
    opacity: 0; }
  .slide-down.ng-enter-active {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    height: 40px !important;
    opacity: 1; }
  .slide-down.ng-leave {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 40px !important;
    opacity: 1; }
  .slide-down.ng-leave-active {
    -webkit-transform: translate3D(0, -40px, 0);
    -ms-transform: translate3D(0, -40px, 0);
    -moz-transform: translate3D(0, -40px, 0);
    -o-transform: translate3D(0, -40px, 0);
    transform: translate3D(0, -40px, 0);
    height: 0 !important;
    opacity: 0; }
  .slide-down.ng-hide-add {
    -webkit-transform: translate3D(0);
    -ms-transform: translate3D(0);
    -moz-transform: translate3D(0);
    -o-transform: translate3D(0);
    transform: translate3D(0);
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 40px !important;
    opacity: 1; }
  .slide-down.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translate3D(0, -40px, 0);
    -ms-transform: translate3D(0, -40px, 0);
    -moz-transform: translate3D(0, -40px, 0);
    -o-transform: translate3D(0, -40px, 0);
    transform: translate3D(0, -40px, 0);
    height: 0 !important;
    opacity: 0; }
  .slide-down.ng-hide-remove {
    -webkit-transform: translate3D(0, -40px, 0);
    -ms-transform: translate3D(0, -40px, 0);
    -moz-transform: translate3D(0, -40px, 0);
    -o-transform: translate3D(0, -40px, 0);
    transform: translate3D(0, -40px, 0);
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 0 !important;
    opacity: 0; }
  .slide-down.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    height: 40px !important;
    opacity: 1; }

/* ------------------------------------------- */
/* Slide Down delay
/* ------------------------------------------- */
.slide-down-delay {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */ }
  .slide-down-delay.ng-enter {
    -webkit-transform: translate3D(0, -40px, 0);
    -ms-transform: translate3D(0, -40px, 0);
    -moz-transform: translate3D(0, -40px, 0);
    -o-transform: translate3D(0, -40px, 0);
    transform: translate3D(0, -40px, 0);
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 0 !important;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    opacity: 0; }
  .slide-down-delay.ng-enter-stagger {
    -webkit-transition-delay: .04s;
    -moz-transition-delay: .04s;
    -o-transition-delay: .04s;
    transition-delay: .04s;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s; }
  .slide-down-delay.ng-enter-active {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    height: 40px !important;
    opacity: 1; }
    .slide-down-delay.ng-enter-active.HotelSearch-roomBox {
      height: 64px !important; }
  .slide-down-delay.ng-leave {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 40px !important;
    opacity: 1; }
    .slide-down-delay.ng-leave.HotelSearch-roomBox {
      height: 64px !important; }
  .slide-down-delay.ng-leave-active {
    -webkit-transform: translate3D(0, -40px, 0);
    -ms-transform: translate3D(0, -40px, 0);
    -moz-transform: translate3D(0, -40px, 0);
    -o-transform: translate3D(0, -40px, 0);
    transform: translate3D(0, -40px, 0);
    height: 0 !important;
    opacity: 0; }
  .slide-down-delay.ng-hide-add {
    -webkit-transform: translate3D(0);
    -ms-transform: translate3D(0);
    -moz-transform: translate3D(0);
    -o-transform: translate3D(0);
    transform: translate3D(0);
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 40px !important;
    opacity: 1; }
    .slide-down-delay.ng-hide-add.HotelSearch-roomBox {
      height: 64px !important; }
  .slide-down-delay.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translate3D(0, -40px, 0);
    -ms-transform: translate3D(0, -40px, 0);
    -moz-transform: translate3D(0, -40px, 0);
    -o-transform: translate3D(0, -40px, 0);
    transform: translate3D(0, -40px, 0);
    height: 0 !important;
    opacity: 0; }
  .slide-down-delay.ng-hide-remove {
    -webkit-transform: translate3D(0, -40px, 0);
    -ms-transform: translate3D(0, -40px, 0);
    -moz-transform: translate3D(0, -40px, 0);
    -o-transform: translate3D(0, -40px, 0);
    transform: translate3D(0, -40px, 0);
    -webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    height: 0 !important;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    opacity: 0; }
  .slide-down-delay.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    height: 40px !important;
    opacity: 1; }
    .slide-down-delay.ng-hide-remove.ng-hide-remove-active.HotelSearch-roomBox {
      height: 64px !important; }
  .slide-down-delay.form-group.ng-enter {
    margin-bottom: 0; }
  .slide-down-delay.form-group.ng-enter-active {
    margin-bottom: 20px; }
  .slide-down-delay.form-group.ng-leave {
    margin-bottom: 20px; }
  .slide-down-delay.form-group.ng-leave-active {
    margin-bottom: 0; }
  .slide-down-delay.form-group.ng-hide-add {
    margin-bottom: 20px; }
  .slide-down-delay.form-group.ng-hide-add.ng-hide-add-active {
    margin-bottom: 0; }
  .slide-down-delay.form-group.ng-hide-remove {
    margin-bottom: 0; }
  .slide-down-delay.form-group.ng-hide-remove.ng-hide-remove-active {
    margin-bottom: 20px; }

.slide-left-stagger {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-duration: 600ms;
  -moz-transition-duration: 600ms;
  -o-transition-duration: 600ms;
  transition-duration: 600ms;
  -webkit-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  -moz-transform: translateX(-40px);
  -o-transform: translateX(-40px);
  transform: translateX(-40px);
  opacity: 0; }
  .slide-left-stagger.slide-left-stagger-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }

/* ------------------------------------------- */
/* Bouncy Slide Top
/* ------------------------------------------- */
.bouncy-slide-top {
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  /* custom */ }
  .bouncy-slide-top.ng-enter {
    -webkit-transform: translateY(240px);
    -ms-transform: translateY(240px);
    -moz-transform: translateY(240px);
    -o-transform: translateY(240px);
    transform: translateY(240px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .bouncy-slide-top.ng-enter-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .bouncy-slide-top.ng-leave {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .bouncy-slide-top.ng-leave-active {
    -webkit-transform: translateY(240px);
    -ms-transform: translateY(240px);
    -moz-transform: translateY(240px);
    -o-transform: translateY(240px);
    transform: translateY(240px);
    opacity: 0; }
  .bouncy-slide-top.ng-hide-add {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .bouncy-slide-top.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translateY(240px);
    -ms-transform: translateY(240px);
    -moz-transform: translateY(240px);
    -o-transform: translateY(240px);
    transform: translateY(240px);
    opacity: 0; }
  .bouncy-slide-top.ng-hide-remove {
    -webkit-transform: translateY(240px);
    -ms-transform: translateY(240px);
    -moz-transform: translateY(240px);
    -o-transform: translateY(240px);
    transform: translateY(240px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .bouncy-slide-top.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

/* ------------------------------------------- */
/* Bouncy Slide Rigth
/* ------------------------------------------- */
.bouncy-slide-right {
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  /* custom */ }
  .bouncy-slide-right.ng-enter {
    -webkit-transform: translateX(240px);
    -ms-transform: translateX(240px);
    -moz-transform: translateX(240px);
    -o-transform: translateX(240px);
    transform: translateX(240px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .bouncy-slide-right.ng-enter-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .bouncy-slide-right.ng-leave {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .bouncy-slide-right.ng-leave-active {
    -webkit-transform: translateX(240px);
    -ms-transform: translateX(240px);
    -moz-transform: translateX(240px);
    -o-transform: translateX(240px);
    transform: translateX(240px);
    opacity: 0; }
  .bouncy-slide-right.ng-hide-add {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .bouncy-slide-right.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translateX(240px);
    -ms-transform: translateX(240px);
    -moz-transform: translateX(240px);
    -o-transform: translateX(240px);
    transform: translateX(240px);
    opacity: 0; }
  .bouncy-slide-right.ng-hide-remove {
    -webkit-transform: translateX(240px);
    -ms-transform: translateX(240px);
    -moz-transform: translateX(240px);
    -o-transform: translateX(240px);
    transform: translateX(240px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .bouncy-slide-right.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }

/* ------------------------------------------- */
/* Bouncy Slide Left
/* ------------------------------------------- */
.bouncy-slide-left {
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  /* custom */ }
  .bouncy-slide-left.ng-enter {
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -moz-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .bouncy-slide-left.ng-enter-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .bouncy-slide-left.ng-leave {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .bouncy-slide-left.ng-leave-active {
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -moz-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    opacity: 0; }
  .bouncy-slide-left.ng-hide-add {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .bouncy-slide-left.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -moz-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    opacity: 0; }
  .bouncy-slide-left.ng-hide-remove {
    -webkit-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -moz-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .bouncy-slide-left.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }

/* ------------------------------------------- */
/* Bouncy Slide Down
/* ------------------------------------------- */
.bouncy-slide-down {
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  /* custom */ }
  .bouncy-slide-down.ng-enter {
    -webkit-transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -moz-transform: translateY(-240px);
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .bouncy-slide-down.ng-enter-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  .bouncy-slide-down.ng-leave {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .bouncy-slide-down.ng-leave-active {
    -webkit-transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -moz-transform: translateY(-240px);
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    opacity: 0; }
  .bouncy-slide-down.ng-hide-add {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .bouncy-slide-down.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -moz-transform: translateY(-240px);
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    opacity: 0; }
  .bouncy-slide-down.ng-hide-remove {
    -webkit-transform: translateY(-240px);
    -ms-transform: translateY(-240px);
    -moz-transform: translateY(-240px);
    -o-transform: translateY(-240px);
    transform: translateY(-240px);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .bouncy-slide-down.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

/* ------------------------------------------- */
/* Scale Fade
/* ------------------------------------------- */
.scale-fade {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */ }
  .scale-fade.ng-enter {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .scale-fade.ng-enter-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  .scale-fade.ng-leave {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .scale-fade.ng-leave-active {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  .scale-fade.ng-hide-add {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .scale-fade.ng-hide-add.ng-hide-add-active {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0; }
  .scale-fade.ng-hide-remove {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .scale-fade.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

/* ------------------------------------------- */
/* Spin Fade
/* ------------------------------------------- */
.spin-toggle {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */ }
  .spin-toggle.ng-enter {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .spin-toggle.ng-enter-active {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  .spin-toggle.ng-leave {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .spin-toggle.ng-leave-active {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  .spin-toggle.ng-hide-add {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .spin-toggle.ng-hide-add.ng-hide-add-active {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }
  .spin-toggle.ng-hide-remove {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .spin-toggle.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }

/* ------------------------------------------- */
/* Scale in Fade
/* ------------------------------------------- */
.scale-fade-in {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */ }
  .scale-fade-in.ng-enter {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 0; }
  .scale-fade-in.ng-enter-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  .scale-fade-in.ng-leave {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .scale-fade-in.ng-leave-active {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    opacity: 0; }
  .scale-fade-in.ng-hide-add {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    opacity: 1; }
  .scale-fade-in.ng-hide-add.ng-hide-add-active {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    opacity: 0; }
  .scale-fade-in.ng-hide-remove {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    -o-transition-duration: 250ms;
    transition-duration: 250ms;
    display: block !important;
    opacity: 0; }
  .scale-fade-in.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

/* ------------------------------------------- */
/* Bouncy Scale in Fade
/* ------------------------------------------- */
.bouncy-scale-in {
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  /* custom */ }
  .bouncy-scale-in.ng-enter {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    -webkit-transition-duration: 450ms;
    -moz-transition-duration: 450ms;
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    opacity: 0; }
  .bouncy-scale-in.ng-enter-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  .bouncy-scale-in.ng-leave {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 450ms;
    -moz-transition-duration: 450ms;
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    opacity: 1; }
  .bouncy-scale-in.ng-leave-active {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    opacity: 0; }
  .bouncy-scale-in.ng-hide-add {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 450ms;
    -moz-transition-duration: 450ms;
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    opacity: 1; }
  .bouncy-scale-in.ng-hide-add.ng-hide-add-active {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    opacity: 0; }
  .bouncy-scale-in.ng-hide-remove {
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    -moz-transform: scale(3);
    -o-transform: scale(3);
    transform: scale(3);
    -webkit-transition-duration: 450ms;
    -moz-transition-duration: 450ms;
    -o-transition-duration: 450ms;
    transition-duration: 450ms;
    display: block !important;
    opacity: 0; }
  .bouncy-scale-in.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }

/* ------------------------------------------- */
/* Flip In
/* ------------------------------------------- */
.flip-in {
  -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */ }
  .flip-in.ng-enter {
    -webkit-transform: perspective(500px) rotateX(90deg);
    -ms-transform: perspective(500px) rotateX(90deg);
    -moz-transform: perspective(500px) rotateX(90deg);
    transform: perspective(500px) rotateX(90deg);
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    opacity: .7; }
  .flip-in.ng-enter-active {
    -webkit-transform: perspective(500px) rotateX(0deg);
    -ms-transform: perspective(500px) rotateX(0deg);
    -moz-transform: perspective(500px) rotateX(0deg);
    transform: perspective(500px) rotateX(0deg);
    opacity: 1; }
  .flip-in.ng-leave {
    -webkit-transform: perspective(300px) rotateX(0deg);
    -ms-transform: perspective(300px) rotateX(0deg);
    -moz-transform: perspective(300px) rotateX(0deg);
    transform: perspective(300px) rotateX(0deg);
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    opacity: 1; }
  .flip-in.ng-leave-active {
    -webkit-transform: perspective(300px) rotateX(135deg);
    -ms-transform: perspective(300px) rotateX(135deg);
    -moz-transform: perspective(300px) rotateX(135deg);
    transform: perspective(300px) rotateX(135deg);
    opacity: .7; }
  .flip-in.ng-hide-add {
    -webkit-transform: perspective(300px) rotateX(0deg);
    -ms-transform: perspective(300px) rotateX(0deg);
    -moz-transform: perspective(300px) rotateX(0deg);
    transform: perspective(300px) rotateX(0deg);
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    opacity: 1; }
  .flip-in.ng-hide-add.ng-hide-add-active {
    -webkit-transform: perspective(300px) rotateX(135deg);
    -ms-transform: perspective(300px) rotateX(135deg);
    -moz-transform: perspective(300px) rotateX(135deg);
    transform: perspective(300px) rotateX(135deg);
    opacity: 0; }
  .flip-in.ng-hide-remove {
    -webkit-transform: perspective(300px) rotateX(90deg);
    -ms-transform: perspective(300px) rotateX(90deg);
    -moz-transform: perspective(300px) rotateX(90deg);
    transform: perspective(300px) rotateX(90deg);
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    display: block !important;
    opacity: 0; }
  .flip-in.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: perspective(300px) rotateX(0deg);
    -ms-transform: perspective(300px) rotateX(0deg);
    -moz-transform: perspective(300px) rotateX(0deg);
    transform: perspective(300px) rotateX(0deg);
    opacity: 1; }

/* ------------------------------------------- */
/* Rotate In
/* ------------------------------------------- */
.rotate-in {
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595);
  /* custom */ }
  .rotate-in.ng-enter {
    -webkit-transform: perspective(300px) rotateY(40deg);
    -ms-transform: perspective(300px) rotateY(40deg);
    -moz-transform: perspective(300px) rotateY(40deg);
    transform: perspective(300px) rotateY(40deg);
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    opacity: .7; }
  .rotate-in.ng-enter-active {
    -webkit-transform: perspective(300px) rotateY(0deg);
    -ms-transform: perspective(300px) rotateY(0deg);
    -moz-transform: perspective(300px) rotateY(0deg);
    transform: perspective(300px) rotateY(0deg);
    opacity: 1; }
  .rotate-in.ng-leave {
    -webkit-transform: perspective(300px) rotateY(0deg);
    -ms-transform: perspective(300px) rotateY(0deg);
    -moz-transform: perspective(300px) rotateY(0deg);
    transform: perspective(300px) rotateY(0deg);
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    opacity: 1; }
  .rotate-in.ng-leave-active {
    -webkit-transform: perspective(300px) rotateY(-40deg);
    -ms-transform: perspective(300px) rotateY(-40deg);
    -moz-transform: perspective(300px) rotateY(-40deg);
    transform: perspective(300px) rotateY(-40deg);
    opacity: .7; }
  .rotate-in.ng-hide-add {
    -webkit-transform: perspective(300px) rotateY(0deg);
    -ms-transform: perspective(300px) rotateY(0deg);
    -moz-transform: perspective(300px) rotateY(0deg);
    transform: perspective(300px) rotateY(0deg);
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    opacity: 1; }
  .rotate-in.ng-hide-add.ng-hide-add-active {
    -webkit-transform: perspective(300px) rotateY(-40deg);
    -ms-transform: perspective(300px) rotateY(-40deg);
    -moz-transform: perspective(300px) rotateY(-40deg);
    transform: perspective(300px) rotateY(-40deg);
    opacity: 0; }
  .rotate-in.ng-hide-remove {
    -webkit-transform: perspective(300px) rotateY(40deg);
    -ms-transform: perspective(300px) rotateY(40deg);
    -moz-transform: perspective(300px) rotateY(40deg);
    transform: perspective(300px) rotateY(40deg);
    -webkit-transition-duration: 550ms;
    -moz-transition-duration: 550ms;
    -o-transition-duration: 550ms;
    transition-duration: 550ms;
    display: block !important;
    opacity: 0; }
  .rotate-in.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: perspective(300px) rotateY(0deg);
    -ms-transform: perspective(300px) rotateY(0deg);
    -moz-transform: perspective(300px) rotateY(0deg);
    transform: perspective(300px) rotateY(0deg);
    opacity: 1; }

/* ------------------------------------------- */
/* Select drop
/* ------------------------------------------- */
@-webkit-keyframes select-drop-in {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
    opacity: 0; }
  4% {
    -webkit-transform: matrix3d(0.96758, 0, 0, 0, 0, 0.96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1);
    transform: matrix3d(0.96758, 0, 0, 0, 0, 0.96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1); }
  8% {
    -webkit-transform: matrix3d(0.96176, 0, 0, 0, 0, 0.96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1);
    transform: matrix3d(0.96176, 0, 0, 0, 0, 0.96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1); }
  12% {
    -webkit-transform: matrix3d(0.96958, 0, 0, 0, 0, 0.96958, 0, 0, 0, 0, 1, 0, 0, -0.25224, 0, 1);
    transform: matrix3d(0.96958, 0, 0, 0, 0, 0.96958, 0, 0, 0, 0, 1, 0, 0, -0.25224, 0, 1);
    opacity: 1; }
  16% {
    -webkit-transform: matrix3d(0.98144, 0, 0, 0, 0, 0.98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1);
    transform: matrix3d(0.98144, 0, 0, 0, 0, 0.98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1); }
  20% {
    -webkit-transform: matrix3d(0.99188, 0, 0, 0, 0, 0.99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1);
    transform: matrix3d(0.99188, 0, 0, 0, 0, 0.99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1); }
  24% {
    -webkit-transform: matrix3d(0.99884, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1);
    transform: matrix3d(0.99884, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1); }
  28% {
    -webkit-transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1);
    transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1); }
  32% {
    -webkit-transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, 0.56005, 0, 1);
    transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, 0.56005, 0, 1); }
  36% {
    -webkit-transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, 0.12148, 0, 1);
    transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, 0.12148, 0, 1); }
  40% {
    -webkit-transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -0.14782, 0, 1);
    transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -0.14782, 0, 1); }
  44% {
    -webkit-transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -0.25729, 0, 1);
    transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -0.25729, 0, 1); }
  48% {
    -webkit-transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.25225, 0, 1);
    transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.25225, 0, 1); }
  52% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 0.99986, 0, 0, 0, 0, 1, 0, 0, -0.18613, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 0.99986, 0, 0, 0, 0, 1, 0, 0, -0.18613, 0, 1); }
  56% {
    -webkit-transform: matrix3d(0.99973, 0, 0, 0, 0, 0.99973, 0, 0, 0, 0, 1, 0, 0, -0.10336, 0, 1);
    transform: matrix3d(0.99973, 0, 0, 0, 0, 0.99973, 0, 0, 0, 0, 1, 0, 0, -0.10336, 0, 1); }
  60% {
    -webkit-transform: matrix3d(0.99975, 0, 0, 0, 0, 0.99975, 0, 0, 0, 0, 1, 0, 0, -0.03233, 0, 1);
    transform: matrix3d(0.99975, 0, 0, 0, 0, 0.99975, 0, 0, 0, 0, 1, 0, 0, -0.03233, 0, 1); }
  64% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99983, 0, 0, 0, 0, 1, 0, 0, 0.01446, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99983, 0, 0, 0, 0, 1, 0, 0, 0.01446, 0, 1); }
  68% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0.03631, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0.03631, 0, 1); }
  72% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.03908, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.03908, 0, 1); }
  76% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, 0.03077, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, 0.03077, 0, 1); }
  80% {
    -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.01851, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.01851, 0, 1); }
  84% {
    -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.00719, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.00719, 0, 1); }
  88% {
    -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -0.00078, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -0.00078, 0, 1); }
  92% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00493, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00493, 0, 1); }
  96% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00594, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00594, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1; } }
@-moz-keyframes select-drop-in {
  0% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
    opacity: 0; }
  4% {
    -moz-transform: matrix3d(0.96758, 0, 0, 0, 0, 0.96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1);
    transform: matrix3d(0.96758, 0, 0, 0, 0, 0.96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1); }
  8% {
    -moz-transform: matrix3d(0.96176, 0, 0, 0, 0, 0.96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1);
    transform: matrix3d(0.96176, 0, 0, 0, 0, 0.96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1); }
  12% {
    -moz-transform: matrix3d(0.96958, 0, 0, 0, 0, 0.96958, 0, 0, 0, 0, 1, 0, 0, -0.25224, 0, 1);
    transform: matrix3d(0.96958, 0, 0, 0, 0, 0.96958, 0, 0, 0, 0, 1, 0, 0, -0.25224, 0, 1);
    opacity: 1; }
  16% {
    -moz-transform: matrix3d(0.98144, 0, 0, 0, 0, 0.98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1);
    transform: matrix3d(0.98144, 0, 0, 0, 0, 0.98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1); }
  20% {
    -moz-transform: matrix3d(0.99188, 0, 0, 0, 0, 0.99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1);
    transform: matrix3d(0.99188, 0, 0, 0, 0, 0.99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1); }
  24% {
    -moz-transform: matrix3d(0.99884, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1);
    transform: matrix3d(0.99884, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1); }
  28% {
    -moz-transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1);
    transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1); }
  32% {
    -moz-transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, 0.56005, 0, 1);
    transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, 0.56005, 0, 1); }
  36% {
    -moz-transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, 0.12148, 0, 1);
    transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, 0.12148, 0, 1); }
  40% {
    -moz-transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -0.14782, 0, 1);
    transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -0.14782, 0, 1); }
  44% {
    -moz-transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -0.25729, 0, 1);
    transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -0.25729, 0, 1); }
  48% {
    -moz-transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.25225, 0, 1);
    transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.25225, 0, 1); }
  52% {
    -moz-transform: matrix3d(0.99986, 0, 0, 0, 0, 0.99986, 0, 0, 0, 0, 1, 0, 0, -0.18613, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 0.99986, 0, 0, 0, 0, 1, 0, 0, -0.18613, 0, 1); }
  56% {
    -moz-transform: matrix3d(0.99973, 0, 0, 0, 0, 0.99973, 0, 0, 0, 0, 1, 0, 0, -0.10336, 0, 1);
    transform: matrix3d(0.99973, 0, 0, 0, 0, 0.99973, 0, 0, 0, 0, 1, 0, 0, -0.10336, 0, 1); }
  60% {
    -moz-transform: matrix3d(0.99975, 0, 0, 0, 0, 0.99975, 0, 0, 0, 0, 1, 0, 0, -0.03233, 0, 1);
    transform: matrix3d(0.99975, 0, 0, 0, 0, 0.99975, 0, 0, 0, 0, 1, 0, 0, -0.03233, 0, 1); }
  64% {
    -moz-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99983, 0, 0, 0, 0, 1, 0, 0, 0.01446, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99983, 0, 0, 0, 0, 1, 0, 0, 0.01446, 0, 1); }
  68% {
    -moz-transform: matrix3d(0.99991, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0.03631, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0.03631, 0, 1); }
  72% {
    -moz-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.03908, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.03908, 0, 1); }
  76% {
    -moz-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, 0.03077, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, 0.03077, 0, 1); }
  80% {
    -moz-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.01851, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.01851, 0, 1); }
  84% {
    -moz-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.00719, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.00719, 0, 1); }
  88% {
    -moz-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -0.00078, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -0.00078, 0, 1); }
  92% {
    -moz-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00493, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00493, 0, 1); }
  96% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00594, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00594, 0, 1); }
  100% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1; } }
@-o-keyframes select-drop-in {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
    opacity: 0; }
  4% {
    transform: matrix3d(0.96758, 0, 0, 0, 0, 0.96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1); }
  8% {
    transform: matrix3d(0.96176, 0, 0, 0, 0, 0.96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1); }
  12% {
    transform: matrix3d(0.96958, 0, 0, 0, 0, 0.96958, 0, 0, 0, 0, 1, 0, 0, -0.25224, 0, 1);
    opacity: 1; }
  16% {
    transform: matrix3d(0.98144, 0, 0, 0, 0, 0.98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1); }
  20% {
    transform: matrix3d(0.99188, 0, 0, 0, 0, 0.99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1); }
  24% {
    transform: matrix3d(0.99884, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1); }
  28% {
    transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1); }
  32% {
    transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, 0.56005, 0, 1); }
  36% {
    transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, 0.12148, 0, 1); }
  40% {
    transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -0.14782, 0, 1); }
  44% {
    transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -0.25729, 0, 1); }
  48% {
    transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.25225, 0, 1); }
  52% {
    transform: matrix3d(0.99986, 0, 0, 0, 0, 0.99986, 0, 0, 0, 0, 1, 0, 0, -0.18613, 0, 1); }
  56% {
    transform: matrix3d(0.99973, 0, 0, 0, 0, 0.99973, 0, 0, 0, 0, 1, 0, 0, -0.10336, 0, 1); }
  60% {
    transform: matrix3d(0.99975, 0, 0, 0, 0, 0.99975, 0, 0, 0, 0, 1, 0, 0, -0.03233, 0, 1); }
  64% {
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99983, 0, 0, 0, 0, 1, 0, 0, 0.01446, 0, 1); }
  68% {
    transform: matrix3d(0.99991, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0.03631, 0, 1); }
  72% {
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.03908, 0, 1); }
  76% {
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, 0.03077, 0, 1); }
  80% {
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.01851, 0, 1); }
  84% {
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.00719, 0, 1); }
  88% {
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -0.00078, 0, 1); }
  92% {
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00493, 0, 1); }
  96% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00594, 0, 1); }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1; } }
@keyframes select-drop-in {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1);
    opacity: 0; }
  4% {
    -webkit-transform: matrix3d(0.96758, 0, 0, 0, 0, 0.96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1);
    -moz-transform: matrix3d(0.96758, 0, 0, 0, 0, 0.96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1);
    transform: matrix3d(0.96758, 0, 0, 0, 0, 0.96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1); }
  8% {
    -webkit-transform: matrix3d(0.96176, 0, 0, 0, 0, 0.96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1);
    -moz-transform: matrix3d(0.96176, 0, 0, 0, 0, 0.96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1);
    transform: matrix3d(0.96176, 0, 0, 0, 0, 0.96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1); }
  12% {
    -webkit-transform: matrix3d(0.96958, 0, 0, 0, 0, 0.96958, 0, 0, 0, 0, 1, 0, 0, -0.25224, 0, 1);
    -moz-transform: matrix3d(0.96958, 0, 0, 0, 0, 0.96958, 0, 0, 0, 0, 1, 0, 0, -0.25224, 0, 1);
    transform: matrix3d(0.96958, 0, 0, 0, 0, 0.96958, 0, 0, 0, 0, 1, 0, 0, -0.25224, 0, 1);
    opacity: 1; }
  16% {
    -webkit-transform: matrix3d(0.98144, 0, 0, 0, 0, 0.98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1);
    -moz-transform: matrix3d(0.98144, 0, 0, 0, 0, 0.98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1);
    transform: matrix3d(0.98144, 0, 0, 0, 0, 0.98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1); }
  20% {
    -webkit-transform: matrix3d(0.99188, 0, 0, 0, 0, 0.99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1);
    -moz-transform: matrix3d(0.99188, 0, 0, 0, 0, 0.99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1);
    transform: matrix3d(0.99188, 0, 0, 0, 0, 0.99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1); }
  24% {
    -webkit-transform: matrix3d(0.99884, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1);
    -moz-transform: matrix3d(0.99884, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1);
    transform: matrix3d(0.99884, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1); }
  28% {
    -webkit-transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1);
    -moz-transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1);
    transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1); }
  32% {
    -webkit-transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, 0.56005, 0, 1);
    -moz-transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, 0.56005, 0, 1);
    transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, 0.56005, 0, 1); }
  36% {
    -webkit-transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, 0.12148, 0, 1);
    -moz-transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, 0.12148, 0, 1);
    transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, 0.12148, 0, 1); }
  40% {
    -webkit-transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -0.14782, 0, 1);
    -moz-transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -0.14782, 0, 1);
    transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -0.14782, 0, 1); }
  44% {
    -webkit-transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -0.25729, 0, 1);
    -moz-transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -0.25729, 0, 1);
    transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -0.25729, 0, 1); }
  48% {
    -webkit-transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.25225, 0, 1);
    -moz-transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.25225, 0, 1);
    transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -0.25225, 0, 1); }
  52% {
    -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 0.99986, 0, 0, 0, 0, 1, 0, 0, -0.18613, 0, 1);
    -moz-transform: matrix3d(0.99986, 0, 0, 0, 0, 0.99986, 0, 0, 0, 0, 1, 0, 0, -0.18613, 0, 1);
    transform: matrix3d(0.99986, 0, 0, 0, 0, 0.99986, 0, 0, 0, 0, 1, 0, 0, -0.18613, 0, 1); }
  56% {
    -webkit-transform: matrix3d(0.99973, 0, 0, 0, 0, 0.99973, 0, 0, 0, 0, 1, 0, 0, -0.10336, 0, 1);
    -moz-transform: matrix3d(0.99973, 0, 0, 0, 0, 0.99973, 0, 0, 0, 0, 1, 0, 0, -0.10336, 0, 1);
    transform: matrix3d(0.99973, 0, 0, 0, 0, 0.99973, 0, 0, 0, 0, 1, 0, 0, -0.10336, 0, 1); }
  60% {
    -webkit-transform: matrix3d(0.99975, 0, 0, 0, 0, 0.99975, 0, 0, 0, 0, 1, 0, 0, -0.03233, 0, 1);
    -moz-transform: matrix3d(0.99975, 0, 0, 0, 0, 0.99975, 0, 0, 0, 0, 1, 0, 0, -0.03233, 0, 1);
    transform: matrix3d(0.99975, 0, 0, 0, 0, 0.99975, 0, 0, 0, 0, 1, 0, 0, -0.03233, 0, 1); }
  64% {
    -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99983, 0, 0, 0, 0, 1, 0, 0, 0.01446, 0, 1);
    -moz-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99983, 0, 0, 0, 0, 1, 0, 0, 0.01446, 0, 1);
    transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99983, 0, 0, 0, 0, 1, 0, 0, 0.01446, 0, 1); }
  68% {
    -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0.03631, 0, 1);
    -moz-transform: matrix3d(0.99991, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0.03631, 0, 1);
    transform: matrix3d(0.99991, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0.03631, 0, 1); }
  72% {
    -webkit-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.03908, 0, 1);
    -moz-transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.03908, 0, 1);
    transform: matrix3d(0.99997, 0, 0, 0, 0, 0.99997, 0, 0, 0, 0, 1, 0, 0, 0.03908, 0, 1); }
  76% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, 0.03077, 0, 1);
    -moz-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, 0.03077, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, 0.03077, 0, 1); }
  80% {
    -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.01851, 0, 1);
    -moz-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.01851, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.01851, 0, 1); }
  84% {
    -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.00719, 0, 1);
    -moz-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.00719, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0.00719, 0, 1); }
  88% {
    -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -0.00078, 0, 1);
    -moz-transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -0.00078, 0, 1);
    transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -0.00078, 0, 1); }
  92% {
    -webkit-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00493, 0, 1);
    -moz-transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00493, 0, 1);
    transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -0.00493, 0, 1); }
  96% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00594, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00594, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.00594, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1; } }

/* Generated with Bounce.js. Edit at http://goo.gl/MMKN5F */
@-webkit-keyframes select-drop-out {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1; }
  3.333333% {
    -webkit-transform: matrix3d(0.96087, 0, 0, 0, 0, 0.96087, 0, 0, 0, 0, 1, 0, 0, -7.51968, 0, 1);
    transform: matrix3d(0.96087, 0, 0, 0, 0, 0.96087, 0, 0, 0, 0, 1, 0, 0, -7.51968, 0, 1); }
  6.666667% {
    -webkit-transform: matrix3d(0.92971, 0, 0, 0, 0, 0.92971, 0, 0, 0, 0, 1, 0, 0, -13.07032, 0, 1);
    transform: matrix3d(0.92971, 0, 0, 0, 0, 0.92971, 0, 0, 0, 0, 1, 0, 0, -13.07032, 0, 1); }
  10% {
    -webkit-transform: matrix3d(0.90914, 0, 0, 0, 0, 0.90914, 0, 0, 0, 0, 1, 0, 0, -16.52067, 0, 1);
    transform: matrix3d(0.90914, 0, 0, 0, 0, 0.90914, 0, 0, 0, 0, 1, 0, 0, -16.52067, 0, 1); }
  13.333333% {
    -webkit-transform: matrix3d(0.89794, 0, 0, 0, 0, 0.89794, 0, 0, 0, 0, 1, 0, 0, -18.32881, 0, 1);
    transform: matrix3d(0.89794, 0, 0, 0, 0, 0.89794, 0, 0, 0, 0, 1, 0, 0, -18.32881, 0, 1); }
  16.666667% {
    -webkit-transform: matrix3d(0.89343, 0, 0, 0, 0, 0.89343, 0, 0, 0, 0, 1, 0, 0, -19.04206, 0, 1);
    transform: matrix3d(0.89343, 0, 0, 0, 0, 0.89343, 0, 0, 0, 0, 1, 0, 0, -19.04206, 0, 1); }
  20% {
    -webkit-transform: matrix3d(0.89292, 0, 0, 0, 0, 0.89292, 0, 0, 0, 0, 1, 0, 0, -19.12273, 0, 1);
    transform: matrix3d(0.89292, 0, 0, 0, 0, 0.89292, 0, 0, 0, 0, 1, 0, 0, -19.12273, 0, 1); }
  23.333333% {
    -webkit-transform: matrix3d(0.8943, 0, 0, 0, 0, 0.8943, 0, 0, 0, 0, 1, 0, 0, -18.90605, 0, 1);
    transform: matrix3d(0.8943, 0, 0, 0, 0, 0.8943, 0, 0, 0, 0, 1, 0, 0, -18.90605, 0, 1); }
  26.666667% {
    -webkit-transform: matrix3d(0.8962, 0, 0, 0, 0, 0.8962, 0, 0, 0, 0, 1, 0, 0, -18.60516, 0, 1);
    transform: matrix3d(0.8962, 0, 0, 0, 0, 0.8962, 0, 0, 0, 0, 1, 0, 0, -18.60516, 0, 1);
    opacity: 0; }
  30% {
    -webkit-transform: matrix3d(0.89791, 0, 0, 0, 0, 0.89791, 0, 0, 0, 0, 1, 0, 0, -18.33422, 0, 1);
    transform: matrix3d(0.89791, 0, 0, 0, 0, 0.89791, 0, 0, 0, 0, 1, 0, 0, -18.33422, 0, 1); }
  33.333333% {
    -webkit-transform: matrix3d(0.89914, 0, 0, 0, 0, 0.89914, 0, 0, 0, 0, 1, 0, 0, -18.13784, 0, 1);
    transform: matrix3d(0.89914, 0, 0, 0, 0, 0.89914, 0, 0, 0, 0, 1, 0, 0, -18.13784, 0, 1); }
  36.666667% {
    -webkit-transform: matrix3d(0.89988, 0, 0, 0, 0, 0.89988, 0, 0, 0, 0, 1, 0, 0, -18.01922, 0, 1);
    transform: matrix3d(0.89988, 0, 0, 0, 0, 0.89988, 0, 0, 0, 0, 1, 0, 0, -18.01922, 0, 1); }
  40% {
    -webkit-transform: matrix3d(0.90024, 0, 0, 0, 0, 0.90024, 0, 0, 0, 0, 1, 0, 0, -17.96213, 0, 1);
    transform: matrix3d(0.90024, 0, 0, 0, 0, 0.90024, 0, 0, 0, 0, 1, 0, 0, -17.96213, 0, 1); }
  43.333333% {
    -webkit-transform: matrix3d(0.90034, 0, 0, 0, 0, 0.90034, 0, 0, 0, 0, 1, 0, 0, -17.94535, 0, 1);
    transform: matrix3d(0.90034, 0, 0, 0, 0, 0.90034, 0, 0, 0, 0, 1, 0, 0, -17.94535, 0, 1); }
  46.666667% {
    -webkit-transform: matrix3d(0.90031, 0, 0, 0, 0, 0.90031, 0, 0, 0, 0, 1, 0, 0, -17.95028, 0, 1);
    transform: matrix3d(0.90031, 0, 0, 0, 0, 0.90031, 0, 0, 0, 0, 1, 0, 0, -17.95028, 0, 1); }
  50% {
    -webkit-transform: matrix3d(0.90023, 0, 0, 0, 0, 0.90023, 0, 0, 0, 0, 1, 0, 0, -17.96374, 0, 1);
    transform: matrix3d(0.90023, 0, 0, 0, 0, 0.90023, 0, 0, 0, 0, 1, 0, 0, -17.96374, 0, 1); }
  53.333333% {
    -webkit-transform: matrix3d(0.90014, 0, 0, 0, 0, 0.90014, 0, 0, 0, 0, 1, 0, 0, -17.97793, 0, 1);
    transform: matrix3d(0.90014, 0, 0, 0, 0, 0.90014, 0, 0, 0, 0, 1, 0, 0, -17.97793, 0, 1); }
  56.666667% {
    -webkit-transform: matrix3d(0.90007, 0, 0, 0, 0, 0.90007, 0, 0, 0, 0, 1, 0, 0, -17.98923, 0, 1);
    transform: matrix3d(0.90007, 0, 0, 0, 0, 0.90007, 0, 0, 0, 0, 1, 0, 0, -17.98923, 0, 1); }
  60% {
    -webkit-transform: matrix3d(0.90002, 0, 0, 0, 0, 0.90002, 0, 0, 0, 0, 1, 0, 0, -17.99669, 0, 1);
    transform: matrix3d(0.90002, 0, 0, 0, 0, 0.90002, 0, 0, 0, 0, 1, 0, 0, -17.99669, 0, 1); }
  63.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00075, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00075, 0, 1); }
  66.666667% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00238, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00238, 0, 1); }
  70% {
    -webkit-transform: matrix3d(0.89998, 0, 0, 0, 0, 0.89998, 0, 0, 0, 0, 1, 0, 0, -18.00257, 0, 1);
    transform: matrix3d(0.89998, 0, 0, 0, 0, 0.89998, 0, 0, 0, 0, 1, 0, 0, -18.00257, 0, 1); }
  73.333333% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00207, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00207, 0, 1); }
  76.666667% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00138, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00138, 0, 1); }
  80% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00076, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00076, 0, 1); }
  83.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00031, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00031, 0, 1); }
  86.666667% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00004, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00004, 0, 1); }
  90% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99991, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99991, 0, 1); }
  93.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99988, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99988, 0, 1); }
  96.666667% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99989, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99989, 0, 1); }
  100% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18, 0, 1);
    opacity: 0; } }
@-moz-keyframes select-drop-out {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1; }
  3.333333% {
    -webkit-transform: matrix3d(0.96087, 0, 0, 0, 0, 0.96087, 0, 0, 0, 0, 1, 0, 0, -7.51968, 0, 1);
    -moz-transform: matrix3d(0.96087, 0, 0, 0, 0, 0.96087, 0, 0, 0, 0, 1, 0, 0, -7.51968, 0, 1);
    transform: matrix3d(0.96087, 0, 0, 0, 0, 0.96087, 0, 0, 0, 0, 1, 0, 0, -7.51968, 0, 1); }
  6.666667% {
    -webkit-transform: matrix3d(0.92971, 0, 0, 0, 0, 0.92971, 0, 0, 0, 0, 1, 0, 0, -13.07032, 0, 1);
    -moz-transform: matrix3d(0.92971, 0, 0, 0, 0, 0.92971, 0, 0, 0, 0, 1, 0, 0, -13.07032, 0, 1);
    transform: matrix3d(0.92971, 0, 0, 0, 0, 0.92971, 0, 0, 0, 0, 1, 0, 0, -13.07032, 0, 1); }
  10% {
    -webkit-transform: matrix3d(0.90914, 0, 0, 0, 0, 0.90914, 0, 0, 0, 0, 1, 0, 0, -16.52067, 0, 1);
    -moz-transform: matrix3d(0.90914, 0, 0, 0, 0, 0.90914, 0, 0, 0, 0, 1, 0, 0, -16.52067, 0, 1);
    transform: matrix3d(0.90914, 0, 0, 0, 0, 0.90914, 0, 0, 0, 0, 1, 0, 0, -16.52067, 0, 1); }
  13.333333% {
    -webkit-transform: matrix3d(0.89794, 0, 0, 0, 0, 0.89794, 0, 0, 0, 0, 1, 0, 0, -18.32881, 0, 1);
    -moz-transform: matrix3d(0.89794, 0, 0, 0, 0, 0.89794, 0, 0, 0, 0, 1, 0, 0, -18.32881, 0, 1);
    transform: matrix3d(0.89794, 0, 0, 0, 0, 0.89794, 0, 0, 0, 0, 1, 0, 0, -18.32881, 0, 1); }
  16.666667% {
    -webkit-transform: matrix3d(0.89343, 0, 0, 0, 0, 0.89343, 0, 0, 0, 0, 1, 0, 0, -19.04206, 0, 1);
    -moz-transform: matrix3d(0.89343, 0, 0, 0, 0, 0.89343, 0, 0, 0, 0, 1, 0, 0, -19.04206, 0, 1);
    transform: matrix3d(0.89343, 0, 0, 0, 0, 0.89343, 0, 0, 0, 0, 1, 0, 0, -19.04206, 0, 1); }
  20% {
    -webkit-transform: matrix3d(0.89292, 0, 0, 0, 0, 0.89292, 0, 0, 0, 0, 1, 0, 0, -19.12273, 0, 1);
    -moz-transform: matrix3d(0.89292, 0, 0, 0, 0, 0.89292, 0, 0, 0, 0, 1, 0, 0, -19.12273, 0, 1);
    transform: matrix3d(0.89292, 0, 0, 0, 0, 0.89292, 0, 0, 0, 0, 1, 0, 0, -19.12273, 0, 1); }
  23.333333% {
    -webkit-transform: matrix3d(0.8943, 0, 0, 0, 0, 0.8943, 0, 0, 0, 0, 1, 0, 0, -18.90605, 0, 1);
    -moz-transform: matrix3d(0.8943, 0, 0, 0, 0, 0.8943, 0, 0, 0, 0, 1, 0, 0, -18.90605, 0, 1);
    transform: matrix3d(0.8943, 0, 0, 0, 0, 0.8943, 0, 0, 0, 0, 1, 0, 0, -18.90605, 0, 1); }
  26.666667% {
    -webkit-transform: matrix3d(0.8962, 0, 0, 0, 0, 0.8962, 0, 0, 0, 0, 1, 0, 0, -18.60516, 0, 1);
    -moz-transform: matrix3d(0.8962, 0, 0, 0, 0, 0.8962, 0, 0, 0, 0, 1, 0, 0, -18.60516, 0, 1);
    transform: matrix3d(0.8962, 0, 0, 0, 0, 0.8962, 0, 0, 0, 0, 1, 0, 0, -18.60516, 0, 1);
    opacity: 0; }
  30% {
    -webkit-transform: matrix3d(0.89791, 0, 0, 0, 0, 0.89791, 0, 0, 0, 0, 1, 0, 0, -18.33422, 0, 1);
    -moz-transform: matrix3d(0.89791, 0, 0, 0, 0, 0.89791, 0, 0, 0, 0, 1, 0, 0, -18.33422, 0, 1);
    transform: matrix3d(0.89791, 0, 0, 0, 0, 0.89791, 0, 0, 0, 0, 1, 0, 0, -18.33422, 0, 1); }
  33.333333% {
    -webkit-transform: matrix3d(0.89914, 0, 0, 0, 0, 0.89914, 0, 0, 0, 0, 1, 0, 0, -18.13784, 0, 1);
    -moz-transform: matrix3d(0.89914, 0, 0, 0, 0, 0.89914, 0, 0, 0, 0, 1, 0, 0, -18.13784, 0, 1);
    transform: matrix3d(0.89914, 0, 0, 0, 0, 0.89914, 0, 0, 0, 0, 1, 0, 0, -18.13784, 0, 1); }
  36.666667% {
    -webkit-transform: matrix3d(0.89988, 0, 0, 0, 0, 0.89988, 0, 0, 0, 0, 1, 0, 0, -18.01922, 0, 1);
    -moz-transform: matrix3d(0.89988, 0, 0, 0, 0, 0.89988, 0, 0, 0, 0, 1, 0, 0, -18.01922, 0, 1);
    transform: matrix3d(0.89988, 0, 0, 0, 0, 0.89988, 0, 0, 0, 0, 1, 0, 0, -18.01922, 0, 1); }
  40% {
    -webkit-transform: matrix3d(0.90024, 0, 0, 0, 0, 0.90024, 0, 0, 0, 0, 1, 0, 0, -17.96213, 0, 1);
    -moz-transform: matrix3d(0.90024, 0, 0, 0, 0, 0.90024, 0, 0, 0, 0, 1, 0, 0, -17.96213, 0, 1);
    transform: matrix3d(0.90024, 0, 0, 0, 0, 0.90024, 0, 0, 0, 0, 1, 0, 0, -17.96213, 0, 1); }
  43.333333% {
    -webkit-transform: matrix3d(0.90034, 0, 0, 0, 0, 0.90034, 0, 0, 0, 0, 1, 0, 0, -17.94535, 0, 1);
    -moz-transform: matrix3d(0.90034, 0, 0, 0, 0, 0.90034, 0, 0, 0, 0, 1, 0, 0, -17.94535, 0, 1);
    transform: matrix3d(0.90034, 0, 0, 0, 0, 0.90034, 0, 0, 0, 0, 1, 0, 0, -17.94535, 0, 1); }
  46.666667% {
    -webkit-transform: matrix3d(0.90031, 0, 0, 0, 0, 0.90031, 0, 0, 0, 0, 1, 0, 0, -17.95028, 0, 1);
    -moz-transform: matrix3d(0.90031, 0, 0, 0, 0, 0.90031, 0, 0, 0, 0, 1, 0, 0, -17.95028, 0, 1);
    transform: matrix3d(0.90031, 0, 0, 0, 0, 0.90031, 0, 0, 0, 0, 1, 0, 0, -17.95028, 0, 1); }
  50% {
    -webkit-transform: matrix3d(0.90023, 0, 0, 0, 0, 0.90023, 0, 0, 0, 0, 1, 0, 0, -17.96374, 0, 1);
    -moz-transform: matrix3d(0.90023, 0, 0, 0, 0, 0.90023, 0, 0, 0, 0, 1, 0, 0, -17.96374, 0, 1);
    transform: matrix3d(0.90023, 0, 0, 0, 0, 0.90023, 0, 0, 0, 0, 1, 0, 0, -17.96374, 0, 1); }
  53.333333% {
    -webkit-transform: matrix3d(0.90014, 0, 0, 0, 0, 0.90014, 0, 0, 0, 0, 1, 0, 0, -17.97793, 0, 1);
    -moz-transform: matrix3d(0.90014, 0, 0, 0, 0, 0.90014, 0, 0, 0, 0, 1, 0, 0, -17.97793, 0, 1);
    transform: matrix3d(0.90014, 0, 0, 0, 0, 0.90014, 0, 0, 0, 0, 1, 0, 0, -17.97793, 0, 1); }
  56.666667% {
    -webkit-transform: matrix3d(0.90007, 0, 0, 0, 0, 0.90007, 0, 0, 0, 0, 1, 0, 0, -17.98923, 0, 1);
    -moz-transform: matrix3d(0.90007, 0, 0, 0, 0, 0.90007, 0, 0, 0, 0, 1, 0, 0, -17.98923, 0, 1);
    transform: matrix3d(0.90007, 0, 0, 0, 0, 0.90007, 0, 0, 0, 0, 1, 0, 0, -17.98923, 0, 1); }
  60% {
    -webkit-transform: matrix3d(0.90002, 0, 0, 0, 0, 0.90002, 0, 0, 0, 0, 1, 0, 0, -17.99669, 0, 1);
    -moz-transform: matrix3d(0.90002, 0, 0, 0, 0, 0.90002, 0, 0, 0, 0, 1, 0, 0, -17.99669, 0, 1);
    transform: matrix3d(0.90002, 0, 0, 0, 0, 0.90002, 0, 0, 0, 0, 1, 0, 0, -17.99669, 0, 1); }
  63.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00075, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00075, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00075, 0, 1); }
  66.666667% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00238, 0, 1);
    -moz-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00238, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00238, 0, 1); }
  70% {
    -webkit-transform: matrix3d(0.89998, 0, 0, 0, 0, 0.89998, 0, 0, 0, 0, 1, 0, 0, -18.00257, 0, 1);
    -moz-transform: matrix3d(0.89998, 0, 0, 0, 0, 0.89998, 0, 0, 0, 0, 1, 0, 0, -18.00257, 0, 1);
    transform: matrix3d(0.89998, 0, 0, 0, 0, 0.89998, 0, 0, 0, 0, 1, 0, 0, -18.00257, 0, 1); }
  73.333333% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00207, 0, 1);
    -moz-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00207, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00207, 0, 1); }
  76.666667% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00138, 0, 1);
    -moz-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00138, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00138, 0, 1); }
  80% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00076, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00076, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00076, 0, 1); }
  83.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00031, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00031, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00031, 0, 1); }
  86.666667% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00004, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00004, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00004, 0, 1); }
  90% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99991, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99991, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99991, 0, 1); }
  93.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99988, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99988, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99988, 0, 1); }
  96.666667% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99989, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99989, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99989, 0, 1); }
  100% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18, 0, 1);
    opacity: 0; } }
@-o-keyframes select-drop-out {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1; }
  3.333333% {
    -webkit-transform: matrix3d(0.96087, 0, 0, 0, 0, 0.96087, 0, 0, 0, 0, 1, 0, 0, -7.51968, 0, 1);
    transform: matrix3d(0.96087, 0, 0, 0, 0, 0.96087, 0, 0, 0, 0, 1, 0, 0, -7.51968, 0, 1); }
  6.666667% {
    -webkit-transform: matrix3d(0.92971, 0, 0, 0, 0, 0.92971, 0, 0, 0, 0, 1, 0, 0, -13.07032, 0, 1);
    transform: matrix3d(0.92971, 0, 0, 0, 0, 0.92971, 0, 0, 0, 0, 1, 0, 0, -13.07032, 0, 1); }
  10% {
    -webkit-transform: matrix3d(0.90914, 0, 0, 0, 0, 0.90914, 0, 0, 0, 0, 1, 0, 0, -16.52067, 0, 1);
    transform: matrix3d(0.90914, 0, 0, 0, 0, 0.90914, 0, 0, 0, 0, 1, 0, 0, -16.52067, 0, 1); }
  13.333333% {
    -webkit-transform: matrix3d(0.89794, 0, 0, 0, 0, 0.89794, 0, 0, 0, 0, 1, 0, 0, -18.32881, 0, 1);
    transform: matrix3d(0.89794, 0, 0, 0, 0, 0.89794, 0, 0, 0, 0, 1, 0, 0, -18.32881, 0, 1); }
  16.666667% {
    -webkit-transform: matrix3d(0.89343, 0, 0, 0, 0, 0.89343, 0, 0, 0, 0, 1, 0, 0, -19.04206, 0, 1);
    transform: matrix3d(0.89343, 0, 0, 0, 0, 0.89343, 0, 0, 0, 0, 1, 0, 0, -19.04206, 0, 1); }
  20% {
    -webkit-transform: matrix3d(0.89292, 0, 0, 0, 0, 0.89292, 0, 0, 0, 0, 1, 0, 0, -19.12273, 0, 1);
    transform: matrix3d(0.89292, 0, 0, 0, 0, 0.89292, 0, 0, 0, 0, 1, 0, 0, -19.12273, 0, 1); }
  23.333333% {
    -webkit-transform: matrix3d(0.8943, 0, 0, 0, 0, 0.8943, 0, 0, 0, 0, 1, 0, 0, -18.90605, 0, 1);
    transform: matrix3d(0.8943, 0, 0, 0, 0, 0.8943, 0, 0, 0, 0, 1, 0, 0, -18.90605, 0, 1); }
  26.666667% {
    -webkit-transform: matrix3d(0.8962, 0, 0, 0, 0, 0.8962, 0, 0, 0, 0, 1, 0, 0, -18.60516, 0, 1);
    transform: matrix3d(0.8962, 0, 0, 0, 0, 0.8962, 0, 0, 0, 0, 1, 0, 0, -18.60516, 0, 1);
    opacity: 0; }
  30% {
    -webkit-transform: matrix3d(0.89791, 0, 0, 0, 0, 0.89791, 0, 0, 0, 0, 1, 0, 0, -18.33422, 0, 1);
    transform: matrix3d(0.89791, 0, 0, 0, 0, 0.89791, 0, 0, 0, 0, 1, 0, 0, -18.33422, 0, 1); }
  33.333333% {
    -webkit-transform: matrix3d(0.89914, 0, 0, 0, 0, 0.89914, 0, 0, 0, 0, 1, 0, 0, -18.13784, 0, 1);
    transform: matrix3d(0.89914, 0, 0, 0, 0, 0.89914, 0, 0, 0, 0, 1, 0, 0, -18.13784, 0, 1); }
  36.666667% {
    -webkit-transform: matrix3d(0.89988, 0, 0, 0, 0, 0.89988, 0, 0, 0, 0, 1, 0, 0, -18.01922, 0, 1);
    transform: matrix3d(0.89988, 0, 0, 0, 0, 0.89988, 0, 0, 0, 0, 1, 0, 0, -18.01922, 0, 1); }
  40% {
    -webkit-transform: matrix3d(0.90024, 0, 0, 0, 0, 0.90024, 0, 0, 0, 0, 1, 0, 0, -17.96213, 0, 1);
    transform: matrix3d(0.90024, 0, 0, 0, 0, 0.90024, 0, 0, 0, 0, 1, 0, 0, -17.96213, 0, 1); }
  43.333333% {
    -webkit-transform: matrix3d(0.90034, 0, 0, 0, 0, 0.90034, 0, 0, 0, 0, 1, 0, 0, -17.94535, 0, 1);
    transform: matrix3d(0.90034, 0, 0, 0, 0, 0.90034, 0, 0, 0, 0, 1, 0, 0, -17.94535, 0, 1); }
  46.666667% {
    -webkit-transform: matrix3d(0.90031, 0, 0, 0, 0, 0.90031, 0, 0, 0, 0, 1, 0, 0, -17.95028, 0, 1);
    transform: matrix3d(0.90031, 0, 0, 0, 0, 0.90031, 0, 0, 0, 0, 1, 0, 0, -17.95028, 0, 1); }
  50% {
    -webkit-transform: matrix3d(0.90023, 0, 0, 0, 0, 0.90023, 0, 0, 0, 0, 1, 0, 0, -17.96374, 0, 1);
    transform: matrix3d(0.90023, 0, 0, 0, 0, 0.90023, 0, 0, 0, 0, 1, 0, 0, -17.96374, 0, 1); }
  53.333333% {
    -webkit-transform: matrix3d(0.90014, 0, 0, 0, 0, 0.90014, 0, 0, 0, 0, 1, 0, 0, -17.97793, 0, 1);
    transform: matrix3d(0.90014, 0, 0, 0, 0, 0.90014, 0, 0, 0, 0, 1, 0, 0, -17.97793, 0, 1); }
  56.666667% {
    -webkit-transform: matrix3d(0.90007, 0, 0, 0, 0, 0.90007, 0, 0, 0, 0, 1, 0, 0, -17.98923, 0, 1);
    transform: matrix3d(0.90007, 0, 0, 0, 0, 0.90007, 0, 0, 0, 0, 1, 0, 0, -17.98923, 0, 1); }
  60% {
    -webkit-transform: matrix3d(0.90002, 0, 0, 0, 0, 0.90002, 0, 0, 0, 0, 1, 0, 0, -17.99669, 0, 1);
    transform: matrix3d(0.90002, 0, 0, 0, 0, 0.90002, 0, 0, 0, 0, 1, 0, 0, -17.99669, 0, 1); }
  63.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00075, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00075, 0, 1); }
  66.666667% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00238, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00238, 0, 1); }
  70% {
    -webkit-transform: matrix3d(0.89998, 0, 0, 0, 0, 0.89998, 0, 0, 0, 0, 1, 0, 0, -18.00257, 0, 1);
    transform: matrix3d(0.89998, 0, 0, 0, 0, 0.89998, 0, 0, 0, 0, 1, 0, 0, -18.00257, 0, 1); }
  73.333333% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00207, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00207, 0, 1); }
  76.666667% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00138, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00138, 0, 1); }
  80% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00076, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00076, 0, 1); }
  83.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00031, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00031, 0, 1); }
  86.666667% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00004, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00004, 0, 1); }
  90% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99991, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99991, 0, 1); }
  93.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99988, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99988, 0, 1); }
  96.666667% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99989, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99989, 0, 1); }
  100% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18, 0, 1);
    opacity: 0; } }
@keyframes select-drop-out {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    opacity: 1; }
  3.333333% {
    -webkit-transform: matrix3d(0.96087, 0, 0, 0, 0, 0.96087, 0, 0, 0, 0, 1, 0, 0, -7.51968, 0, 1);
    -moz-transform: matrix3d(0.96087, 0, 0, 0, 0, 0.96087, 0, 0, 0, 0, 1, 0, 0, -7.51968, 0, 1);
    transform: matrix3d(0.96087, 0, 0, 0, 0, 0.96087, 0, 0, 0, 0, 1, 0, 0, -7.51968, 0, 1); }
  6.666667% {
    -webkit-transform: matrix3d(0.92971, 0, 0, 0, 0, 0.92971, 0, 0, 0, 0, 1, 0, 0, -13.07032, 0, 1);
    -moz-transform: matrix3d(0.92971, 0, 0, 0, 0, 0.92971, 0, 0, 0, 0, 1, 0, 0, -13.07032, 0, 1);
    transform: matrix3d(0.92971, 0, 0, 0, 0, 0.92971, 0, 0, 0, 0, 1, 0, 0, -13.07032, 0, 1); }
  10% {
    -webkit-transform: matrix3d(0.90914, 0, 0, 0, 0, 0.90914, 0, 0, 0, 0, 1, 0, 0, -16.52067, 0, 1);
    -moz-transform: matrix3d(0.90914, 0, 0, 0, 0, 0.90914, 0, 0, 0, 0, 1, 0, 0, -16.52067, 0, 1);
    transform: matrix3d(0.90914, 0, 0, 0, 0, 0.90914, 0, 0, 0, 0, 1, 0, 0, -16.52067, 0, 1); }
  13.333333% {
    -webkit-transform: matrix3d(0.89794, 0, 0, 0, 0, 0.89794, 0, 0, 0, 0, 1, 0, 0, -18.32881, 0, 1);
    -moz-transform: matrix3d(0.89794, 0, 0, 0, 0, 0.89794, 0, 0, 0, 0, 1, 0, 0, -18.32881, 0, 1);
    transform: matrix3d(0.89794, 0, 0, 0, 0, 0.89794, 0, 0, 0, 0, 1, 0, 0, -18.32881, 0, 1); }
  16.666667% {
    -webkit-transform: matrix3d(0.89343, 0, 0, 0, 0, 0.89343, 0, 0, 0, 0, 1, 0, 0, -19.04206, 0, 1);
    -moz-transform: matrix3d(0.89343, 0, 0, 0, 0, 0.89343, 0, 0, 0, 0, 1, 0, 0, -19.04206, 0, 1);
    transform: matrix3d(0.89343, 0, 0, 0, 0, 0.89343, 0, 0, 0, 0, 1, 0, 0, -19.04206, 0, 1); }
  20% {
    -webkit-transform: matrix3d(0.89292, 0, 0, 0, 0, 0.89292, 0, 0, 0, 0, 1, 0, 0, -19.12273, 0, 1);
    -moz-transform: matrix3d(0.89292, 0, 0, 0, 0, 0.89292, 0, 0, 0, 0, 1, 0, 0, -19.12273, 0, 1);
    transform: matrix3d(0.89292, 0, 0, 0, 0, 0.89292, 0, 0, 0, 0, 1, 0, 0, -19.12273, 0, 1); }
  23.333333% {
    -webkit-transform: matrix3d(0.8943, 0, 0, 0, 0, 0.8943, 0, 0, 0, 0, 1, 0, 0, -18.90605, 0, 1);
    -moz-transform: matrix3d(0.8943, 0, 0, 0, 0, 0.8943, 0, 0, 0, 0, 1, 0, 0, -18.90605, 0, 1);
    transform: matrix3d(0.8943, 0, 0, 0, 0, 0.8943, 0, 0, 0, 0, 1, 0, 0, -18.90605, 0, 1); }
  26.666667% {
    -webkit-transform: matrix3d(0.8962, 0, 0, 0, 0, 0.8962, 0, 0, 0, 0, 1, 0, 0, -18.60516, 0, 1);
    -moz-transform: matrix3d(0.8962, 0, 0, 0, 0, 0.8962, 0, 0, 0, 0, 1, 0, 0, -18.60516, 0, 1);
    transform: matrix3d(0.8962, 0, 0, 0, 0, 0.8962, 0, 0, 0, 0, 1, 0, 0, -18.60516, 0, 1);
    opacity: 0; }
  30% {
    -webkit-transform: matrix3d(0.89791, 0, 0, 0, 0, 0.89791, 0, 0, 0, 0, 1, 0, 0, -18.33422, 0, 1);
    -moz-transform: matrix3d(0.89791, 0, 0, 0, 0, 0.89791, 0, 0, 0, 0, 1, 0, 0, -18.33422, 0, 1);
    transform: matrix3d(0.89791, 0, 0, 0, 0, 0.89791, 0, 0, 0, 0, 1, 0, 0, -18.33422, 0, 1); }
  33.333333% {
    -webkit-transform: matrix3d(0.89914, 0, 0, 0, 0, 0.89914, 0, 0, 0, 0, 1, 0, 0, -18.13784, 0, 1);
    -moz-transform: matrix3d(0.89914, 0, 0, 0, 0, 0.89914, 0, 0, 0, 0, 1, 0, 0, -18.13784, 0, 1);
    transform: matrix3d(0.89914, 0, 0, 0, 0, 0.89914, 0, 0, 0, 0, 1, 0, 0, -18.13784, 0, 1); }
  36.666667% {
    -webkit-transform: matrix3d(0.89988, 0, 0, 0, 0, 0.89988, 0, 0, 0, 0, 1, 0, 0, -18.01922, 0, 1);
    -moz-transform: matrix3d(0.89988, 0, 0, 0, 0, 0.89988, 0, 0, 0, 0, 1, 0, 0, -18.01922, 0, 1);
    transform: matrix3d(0.89988, 0, 0, 0, 0, 0.89988, 0, 0, 0, 0, 1, 0, 0, -18.01922, 0, 1); }
  40% {
    -webkit-transform: matrix3d(0.90024, 0, 0, 0, 0, 0.90024, 0, 0, 0, 0, 1, 0, 0, -17.96213, 0, 1);
    -moz-transform: matrix3d(0.90024, 0, 0, 0, 0, 0.90024, 0, 0, 0, 0, 1, 0, 0, -17.96213, 0, 1);
    transform: matrix3d(0.90024, 0, 0, 0, 0, 0.90024, 0, 0, 0, 0, 1, 0, 0, -17.96213, 0, 1); }
  43.333333% {
    -webkit-transform: matrix3d(0.90034, 0, 0, 0, 0, 0.90034, 0, 0, 0, 0, 1, 0, 0, -17.94535, 0, 1);
    -moz-transform: matrix3d(0.90034, 0, 0, 0, 0, 0.90034, 0, 0, 0, 0, 1, 0, 0, -17.94535, 0, 1);
    transform: matrix3d(0.90034, 0, 0, 0, 0, 0.90034, 0, 0, 0, 0, 1, 0, 0, -17.94535, 0, 1); }
  46.666667% {
    -webkit-transform: matrix3d(0.90031, 0, 0, 0, 0, 0.90031, 0, 0, 0, 0, 1, 0, 0, -17.95028, 0, 1);
    -moz-transform: matrix3d(0.90031, 0, 0, 0, 0, 0.90031, 0, 0, 0, 0, 1, 0, 0, -17.95028, 0, 1);
    transform: matrix3d(0.90031, 0, 0, 0, 0, 0.90031, 0, 0, 0, 0, 1, 0, 0, -17.95028, 0, 1); }
  50% {
    -webkit-transform: matrix3d(0.90023, 0, 0, 0, 0, 0.90023, 0, 0, 0, 0, 1, 0, 0, -17.96374, 0, 1);
    -moz-transform: matrix3d(0.90023, 0, 0, 0, 0, 0.90023, 0, 0, 0, 0, 1, 0, 0, -17.96374, 0, 1);
    transform: matrix3d(0.90023, 0, 0, 0, 0, 0.90023, 0, 0, 0, 0, 1, 0, 0, -17.96374, 0, 1); }
  53.333333% {
    -webkit-transform: matrix3d(0.90014, 0, 0, 0, 0, 0.90014, 0, 0, 0, 0, 1, 0, 0, -17.97793, 0, 1);
    -moz-transform: matrix3d(0.90014, 0, 0, 0, 0, 0.90014, 0, 0, 0, 0, 1, 0, 0, -17.97793, 0, 1);
    transform: matrix3d(0.90014, 0, 0, 0, 0, 0.90014, 0, 0, 0, 0, 1, 0, 0, -17.97793, 0, 1); }
  56.666667% {
    -webkit-transform: matrix3d(0.90007, 0, 0, 0, 0, 0.90007, 0, 0, 0, 0, 1, 0, 0, -17.98923, 0, 1);
    -moz-transform: matrix3d(0.90007, 0, 0, 0, 0, 0.90007, 0, 0, 0, 0, 1, 0, 0, -17.98923, 0, 1);
    transform: matrix3d(0.90007, 0, 0, 0, 0, 0.90007, 0, 0, 0, 0, 1, 0, 0, -17.98923, 0, 1); }
  60% {
    -webkit-transform: matrix3d(0.90002, 0, 0, 0, 0, 0.90002, 0, 0, 0, 0, 1, 0, 0, -17.99669, 0, 1);
    -moz-transform: matrix3d(0.90002, 0, 0, 0, 0, 0.90002, 0, 0, 0, 0, 1, 0, 0, -17.99669, 0, 1);
    transform: matrix3d(0.90002, 0, 0, 0, 0, 0.90002, 0, 0, 0, 0, 1, 0, 0, -17.99669, 0, 1); }
  63.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00075, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00075, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00075, 0, 1); }
  66.666667% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00238, 0, 1);
    -moz-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00238, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00238, 0, 1); }
  70% {
    -webkit-transform: matrix3d(0.89998, 0, 0, 0, 0, 0.89998, 0, 0, 0, 0, 1, 0, 0, -18.00257, 0, 1);
    -moz-transform: matrix3d(0.89998, 0, 0, 0, 0, 0.89998, 0, 0, 0, 0, 1, 0, 0, -18.00257, 0, 1);
    transform: matrix3d(0.89998, 0, 0, 0, 0, 0.89998, 0, 0, 0, 0, 1, 0, 0, -18.00257, 0, 1); }
  73.333333% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00207, 0, 1);
    -moz-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00207, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00207, 0, 1); }
  76.666667% {
    -webkit-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00138, 0, 1);
    -moz-transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00138, 0, 1);
    transform: matrix3d(0.89999, 0, 0, 0, 0, 0.89999, 0, 0, 0, 0, 1, 0, 0, -18.00138, 0, 1); }
  80% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00076, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00076, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00076, 0, 1); }
  83.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00031, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00031, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00031, 0, 1); }
  86.666667% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00004, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00004, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18.00004, 0, 1); }
  90% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99991, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99991, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99991, 0, 1); }
  93.333333% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99988, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99988, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99988, 0, 1); }
  96.666667% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99989, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99989, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -17.99989, 0, 1); }
  100% {
    -webkit-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18, 0, 1);
    -moz-transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18, 0, 1);
    transform: matrix3d(0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 0, -18, 0, 1);
    opacity: 0; } }

/*
@-webkit-keyframes select-drop-out {
  100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1); opacity: 0; }
  96% { transform: matrix3d(.96758, 0, 0, 0, 0, .96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1); }
  92% { transform: matrix3d(.96176, 0, 0, 0, 0, .96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1); }
  88% { transform: matrix3d(.96958, 0, 0, 0, 0, .96958, 0, 0, 0, 0, 1, 0, 0, -.25224, 0, 1); }
  84% { transform: matrix3d(.98144, 0, 0, 0, 0, .98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1); }
  80% { transform: matrix3d(.99188, 0, 0, 0, 0, .99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1); }
  76% { transform: matrix3d(.99884, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1); }
  72% { transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1); }
  68% { transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, .56005, 0, 1);  opacity: 1; }
  64% { transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, .12148, 0, 1); }
  60% { transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -.14782, 0, 1); }
  56% { transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -.25729, 0, 1); }
  54% { transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -.25225, 0, 1); }
  48% { transform: matrix3d(.99986, 0, 0, 0, 0, .99986, 0, 0, 0, 0, 1, 0, 0, -.18613, 0, 1); }
  44% { transform: matrix3d(.99973, 0, 0, 0, 0, .99973, 0, 0, 0, 0, 1, 0, 0, -.10336, 0, 1); }
  40% { transform: matrix3d(.99975, 0, 0, 0, 0, .99975, 0, 0, 0, 0, 1, 0, 0, -.03233, 0, 1); }
  36% { transform: matrix3d(.99983, 0, 0, 0, 0, .99983, 0, 0, 0, 0, 1, 0, 0, .01446, 0, 1); }
  32% { transform: matrix3d(.99991, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, .03631, 0, 1); }
  28% { transform: matrix3d(.99997, 0, 0, 0, 0, .99997, 0, 0, 0, 0, 1, 0, 0, .03908, 0, 1); }
  24% { transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, .03077, 0, 1); }
  20% { transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, .01851, 0, 1); }
  16% { transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, .00719, 0, 1); }
  12% { transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -.00078, 0, 1); }
  8% { transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -.00493, 0, 1); }
  4% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -.00594, 0, 1); }
  0% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; }
}
@-webkit-keyframes select-drop-out {
  100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -10, 0, 1); opacity: 0; }
  96% { transform: matrix3d(.96758, 0, 0, 0, 0, .96758, 0, 0, 0, 0, 1, 0, 0, -6.46592, 0, 1); }
  92% { transform: matrix3d(.96176, 0, 0, 0, 0, .96176, 0, 0, 0, 0, 1, 0, 0, -2.91725, 0, 1); }
  88% { transform: matrix3d(.96958, 0, 0, 0, 0, .96958, 0, 0, 0, 0, 1, 0, 0, -.25224, 0, 1); }
  84% { transform: matrix3d(.98144, 0, 0, 0, 0, .98144, 0, 0, 0, 0, 1, 0, 0, 1.26207, 0, 1); }
  80% { transform: matrix3d(.99188, 0, 0, 0, 0, .99188, 0, 0, 0, 0, 1, 0, 0, 1.76942, 0, 1); }
  76% { transform: matrix3d(.99884, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 1.60106, 0, 1); }
  72% { transform: matrix3d(1.0023, 0, 0, 0, 0, 1.0023, 0, 0, 0, 0, 1, 0, 0, 1.10713, 0, 1); }
  68% { transform: matrix3d(1.00324, 0, 0, 0, 0, 1.00324, 0, 0, 0, 0, 1, 0, 0, .56005, 0, 1); opacity: 1; }
  64% { transform: matrix3d(1.00278, 0, 0, 0, 0, 1.00278, 0, 0, 0, 0, 1, 0, 0, .12148, 0, 1); }
  60% { transform: matrix3d(1.00181, 0, 0, 0, 0, 1.00181, 0, 0, 0, 0, 1, 0, 0, -.14782, 0, 1); }
  56% { transform: matrix3d(1.00088, 0, 0, 0, 0, 1.00088, 0, 0, 0, 0, 1, 0, 0, -.25729, 0, 1); }
  54% { transform: matrix3d(1.00021, 0, 0, 0, 0, 1.00021, 0, 0, 0, 0, 1, 0, 0, -.25225, 0, 1); }
  48% { transform: matrix3d(.99986, 0, 0, 0, 0, .99986, 0, 0, 0, 0, 1, 0, 0, -.18613, 0, 1); }
  44% { transform: matrix3d(.99973, 0, 0, 0, 0, .99973, 0, 0, 0, 0, 1, 0, 0, -.10336, 0, 1); }
  40% { transform: matrix3d(.99975, 0, 0, 0, 0, .99975, 0, 0, 0, 0, 1, 0, 0, -.03233, 0, 1); }
  36% { transform: matrix3d(.99983, 0, 0, 0, 0, .99983, 0, 0, 0, 0, 1, 0, 0, .01446, 0, 1); }
  32% { transform: matrix3d(.99991, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, .03631, 0, 1); }
  28% { transform: matrix3d(.99997, 0, 0, 0, 0, .99997, 0, 0, 0, 0, 1, 0, 0, .03908, 0, 1); }
  24% { transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, .03077, 0, 1); }
  20% { transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, .01851, 0, 1); }
  16% { transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, .00719, 0, 1); }
  12% { transform: matrix3d(1.00002, 0, 0, 0, 0, 1.00002, 0, 0, 0, 0, 1, 0, 0, -.00078, 0, 1); }
  8% { transform: matrix3d(1.00001, 0, 0, 0, 0, 1.00001, 0, 0, 0, 0, 1, 0, 0, -.00493, 0, 1); }
  4% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -.00594, 0, 1); }
  0% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; }
}
*/
.select-drop {
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear; }

.select-drop.select-drop-add,
.select-drop.ng-hide-remove,
.select-drop.ng-move {
  -webkit-animation-name: select-drop-in;
  -moz-animation-name: select-drop-in;
  -o-animation-name: select-drop-in;
  animation-name: select-drop-in; }

.select-drop.select-drop-remove,
.select-drop.ng-hide {
  -webkit-animation-name: select-drop-out;
  -moz-animation-name: select-drop-out;
  -o-animation-name: select-drop-out;
  animation-name: select-drop-out; }

.select-drop.ng-enter {
  -webkit-animation-name: select-drop-in;
  -moz-animation-name: select-drop-in;
  -o-animation-name: select-drop-in;
  animation-name: select-drop-in;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused; }

.select-drop.ng-enter.ng-enter-active {
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running; }

.select-drop.ng-leave {
  -webkit-animation-name: select-drop-out;
  -moz-animation-name: select-drop-out;
  -o-animation-name: select-drop-out;
  animation-name: select-drop-out;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused; }

.select-drop.ng-leave.ng-leave-active {
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running; }

/* ------------------------------------------- */
/* Rotate in
/* ------------------------------------------- */
/* Generated with Bounce.js. Edit at http://goo.gl/PGNfm9 */
@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% {
    -webkit-transform: matrix3d(-0.13105, -0.3687, 0, 0, 0.3687, -0.13105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.13105, -0.3687, 0, 0, 0.3687, -0.13105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% {
    -webkit-transform: matrix3d(0.41838, -0.56486, 0, 0, 0.56486, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.41838, -0.56486, 0, 0, 0.56486, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% {
    -webkit-transform: matrix3d(0.87138, -0.25736, 0, 0, 0.25736, 0.87138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.87138, -0.25736, 0, 0, 0.25736, 0.87138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% {
    -webkit-transform: matrix3d(1.01847, 0.06602, 0, 0, -0.06602, 1.01847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01847, 0.06602, 0, 0, -0.06602, 1.01847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% {
    -webkit-transform: matrix3d(1.04307, 0.21829, 0, 0, -0.21829, 1.04307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04307, 0.21829, 0, 0, -0.21829, 1.04307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% {
    -webkit-transform: matrix3d(1.04442, 0.2362, 0, 0, -0.2362, 1.04442, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04442, 0.2362, 0, 0, -0.2362, 1.04442, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% {
    -webkit-transform: matrix3d(1.04011, 0.18839, 0, 0, -0.18839, 1.04011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04011, 0.18839, 0, 0, -0.18839, 1.04011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% {
    -webkit-transform: matrix3d(1.03061, 0.12363, 0, 0, -0.12363, 1.03061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03061, 0.12363, 0, 0, -0.12363, 1.03061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% {
    -webkit-transform: matrix3d(1.01873, 0.06712, 0, 0, -0.06712, 1.01873, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01873, 0.06712, 0, 0, -0.06712, 1.01873, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% {
    -webkit-transform: matrix3d(1.00825, 0.02733, 0, 0, -0.02733, 1.00825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00825, 0.02733, 0, 0, -0.02733, 1.00825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% {
    -webkit-transform: matrix3d(1.00119, 0.00378, 0, 0, -0.00378, 1.00119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0.00378, 0, 0, -0.00378, 1.00119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% {
    -webkit-transform: matrix3d(0.99761, -0.00742, 0, 0, 0.00742, 0.99761, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99761, -0.00742, 0, 0, 0.00742, 0.99761, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% {
    -webkit-transform: matrix3d(0.99653, -0.01069, 0, 0, 0.01069, 0.99653, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99653, -0.01069, 0, 0, 0.01069, 0.99653, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% {
    -webkit-transform: matrix3d(0.99685, -0.00973, 0, 0, 0.00973, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99685, -0.00973, 0, 0, 0.00973, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% {
    -webkit-transform: matrix3d(0.99771, -0.0071, 0, 0, 0.0071, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99771, -0.0071, 0, 0, 0.0071, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% {
    -webkit-transform: matrix3d(0.99861, -0.00433, 0, 0, 0.00433, 0.99861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99861, -0.00433, 0, 0, 0.00433, 0.99861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% {
    -webkit-transform: matrix3d(0.99932, -0.00211, 0, 0, 0.00211, 0.99932, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99932, -0.00211, 0, 0, 0.00211, 0.99932, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% {
    -webkit-transform: matrix3d(0.99979, -0.00065, 0, 0, 0.00065, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99979, -0.00065, 0, 0, 0.00065, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% {
    -webkit-transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% {
    -webkit-transform: matrix3d(1.00015, 0.00047, 0, 0, -0.00047, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00015, 0.00047, 0, 0, -0.00047, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% {
    -webkit-transform: matrix3d(1.00016, 0.0005, 0, 0, -0.0005, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00016, 0.0005, 0, 0, -0.0005, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% {
    -webkit-transform: matrix3d(1.00013, 0.00041, 0, 0, -0.00041, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00013, 0.00041, 0, 0, -0.00041, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% {
    -webkit-transform: matrix3d(1.00009, 0.00027, 0, 0, -0.00027, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00009, 0.00027, 0, 0, -0.00027, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% {
    -webkit-transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% {
    -webkit-transform: matrix3d(1.00002, 0.00006, 0, 0, -0.00006, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00002, 0.00006, 0, 0, -0.00006, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% {
    -webkit-transform: matrix3d(1, 0.00001, 0, 0, -0.00001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0.00001, 0, 0, -0.00001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% {
    -webkit-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% {
    -webkit-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% {
    -webkit-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@-moz-keyframes rotate-in {
  0% {
    -moz-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% {
    -moz-transform: matrix3d(-0.13105, -0.3687, 0, 0, 0.3687, -0.13105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.13105, -0.3687, 0, 0, 0.3687, -0.13105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% {
    -moz-transform: matrix3d(0.41838, -0.56486, 0, 0, 0.56486, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.41838, -0.56486, 0, 0, 0.56486, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% {
    -moz-transform: matrix3d(0.87138, -0.25736, 0, 0, 0.25736, 0.87138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.87138, -0.25736, 0, 0, 0.25736, 0.87138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% {
    -moz-transform: matrix3d(1.01847, 0.06602, 0, 0, -0.06602, 1.01847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01847, 0.06602, 0, 0, -0.06602, 1.01847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% {
    -moz-transform: matrix3d(1.04307, 0.21829, 0, 0, -0.21829, 1.04307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04307, 0.21829, 0, 0, -0.21829, 1.04307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% {
    -moz-transform: matrix3d(1.04442, 0.2362, 0, 0, -0.2362, 1.04442, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04442, 0.2362, 0, 0, -0.2362, 1.04442, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% {
    -moz-transform: matrix3d(1.04011, 0.18839, 0, 0, -0.18839, 1.04011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04011, 0.18839, 0, 0, -0.18839, 1.04011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% {
    -moz-transform: matrix3d(1.03061, 0.12363, 0, 0, -0.12363, 1.03061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03061, 0.12363, 0, 0, -0.12363, 1.03061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% {
    -moz-transform: matrix3d(1.01873, 0.06712, 0, 0, -0.06712, 1.01873, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01873, 0.06712, 0, 0, -0.06712, 1.01873, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% {
    -moz-transform: matrix3d(1.00825, 0.02733, 0, 0, -0.02733, 1.00825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00825, 0.02733, 0, 0, -0.02733, 1.00825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% {
    -moz-transform: matrix3d(1.00119, 0.00378, 0, 0, -0.00378, 1.00119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0.00378, 0, 0, -0.00378, 1.00119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% {
    -moz-transform: matrix3d(0.99761, -0.00742, 0, 0, 0.00742, 0.99761, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99761, -0.00742, 0, 0, 0.00742, 0.99761, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% {
    -moz-transform: matrix3d(0.99653, -0.01069, 0, 0, 0.01069, 0.99653, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99653, -0.01069, 0, 0, 0.01069, 0.99653, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% {
    -moz-transform: matrix3d(0.99685, -0.00973, 0, 0, 0.00973, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99685, -0.00973, 0, 0, 0.00973, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% {
    -moz-transform: matrix3d(0.99771, -0.0071, 0, 0, 0.0071, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99771, -0.0071, 0, 0, 0.0071, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% {
    -moz-transform: matrix3d(0.99861, -0.00433, 0, 0, 0.00433, 0.99861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99861, -0.00433, 0, 0, 0.00433, 0.99861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% {
    -moz-transform: matrix3d(0.99932, -0.00211, 0, 0, 0.00211, 0.99932, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99932, -0.00211, 0, 0, 0.00211, 0.99932, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% {
    -moz-transform: matrix3d(0.99979, -0.00065, 0, 0, 0.00065, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99979, -0.00065, 0, 0, 0.00065, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% {
    -moz-transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% {
    -moz-transform: matrix3d(1.00015, 0.00047, 0, 0, -0.00047, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00015, 0.00047, 0, 0, -0.00047, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% {
    -moz-transform: matrix3d(1.00016, 0.0005, 0, 0, -0.0005, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00016, 0.0005, 0, 0, -0.0005, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% {
    -moz-transform: matrix3d(1.00013, 0.00041, 0, 0, -0.00041, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00013, 0.00041, 0, 0, -0.00041, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% {
    -moz-transform: matrix3d(1.00009, 0.00027, 0, 0, -0.00027, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00009, 0.00027, 0, 0, -0.00027, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% {
    -moz-transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% {
    -moz-transform: matrix3d(1.00002, 0.00006, 0, 0, -0.00006, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00002, 0.00006, 0, 0, -0.00006, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% {
    -moz-transform: matrix3d(1, 0.00001, 0, 0, -0.00001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0.00001, 0, 0, -0.00001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% {
    -moz-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% {
    -moz-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% {
    -moz-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@-o-keyframes rotate-in {
  0% {
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% {
    transform: matrix3d(-0.13105, -0.3687, 0, 0, 0.3687, -0.13105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% {
    transform: matrix3d(0.41838, -0.56486, 0, 0, 0.56486, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% {
    transform: matrix3d(0.87138, -0.25736, 0, 0, 0.25736, 0.87138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% {
    transform: matrix3d(1.01847, 0.06602, 0, 0, -0.06602, 1.01847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% {
    transform: matrix3d(1.04307, 0.21829, 0, 0, -0.21829, 1.04307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% {
    transform: matrix3d(1.04442, 0.2362, 0, 0, -0.2362, 1.04442, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% {
    transform: matrix3d(1.04011, 0.18839, 0, 0, -0.18839, 1.04011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% {
    transform: matrix3d(1.03061, 0.12363, 0, 0, -0.12363, 1.03061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% {
    transform: matrix3d(1.01873, 0.06712, 0, 0, -0.06712, 1.01873, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% {
    transform: matrix3d(1.00825, 0.02733, 0, 0, -0.02733, 1.00825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% {
    transform: matrix3d(1.00119, 0.00378, 0, 0, -0.00378, 1.00119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% {
    transform: matrix3d(0.99761, -0.00742, 0, 0, 0.00742, 0.99761, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% {
    transform: matrix3d(0.99653, -0.01069, 0, 0, 0.01069, 0.99653, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% {
    transform: matrix3d(0.99685, -0.00973, 0, 0, 0.00973, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% {
    transform: matrix3d(0.99771, -0.0071, 0, 0, 0.0071, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% {
    transform: matrix3d(0.99861, -0.00433, 0, 0, 0.00433, 0.99861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% {
    transform: matrix3d(0.99932, -0.00211, 0, 0, 0.00211, 0.99932, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% {
    transform: matrix3d(0.99979, -0.00065, 0, 0, 0.00065, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% {
    transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% {
    transform: matrix3d(1.00015, 0.00047, 0, 0, -0.00047, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% {
    transform: matrix3d(1.00016, 0.0005, 0, 0, -0.0005, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% {
    transform: matrix3d(1.00013, 0.00041, 0, 0, -0.00041, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% {
    transform: matrix3d(1.00009, 0.00027, 0, 0, -0.00027, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% {
    transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% {
    transform: matrix3d(1.00002, 0.00006, 0, 0, -0.00006, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% {
    transform: matrix3d(1, 0.00001, 0, 0, -0.00001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% {
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% {
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% {
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@keyframes rotate-in {
  0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% {
    -webkit-transform: matrix3d(-0.13105, -0.3687, 0, 0, 0.3687, -0.13105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.13105, -0.3687, 0, 0, 0.3687, -0.13105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.13105, -0.3687, 0, 0, 0.3687, -0.13105, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% {
    -webkit-transform: matrix3d(0.41838, -0.56486, 0, 0, 0.56486, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.41838, -0.56486, 0, 0, 0.56486, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.41838, -0.56486, 0, 0, 0.56486, 0.41838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% {
    -webkit-transform: matrix3d(0.87138, -0.25736, 0, 0, 0.25736, 0.87138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.87138, -0.25736, 0, 0, 0.25736, 0.87138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.87138, -0.25736, 0, 0, 0.25736, 0.87138, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% {
    -webkit-transform: matrix3d(1.01847, 0.06602, 0, 0, -0.06602, 1.01847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.01847, 0.06602, 0, 0, -0.06602, 1.01847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01847, 0.06602, 0, 0, -0.06602, 1.01847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% {
    -webkit-transform: matrix3d(1.04307, 0.21829, 0, 0, -0.21829, 1.04307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.04307, 0.21829, 0, 0, -0.21829, 1.04307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04307, 0.21829, 0, 0, -0.21829, 1.04307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% {
    -webkit-transform: matrix3d(1.04442, 0.2362, 0, 0, -0.2362, 1.04442, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.04442, 0.2362, 0, 0, -0.2362, 1.04442, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04442, 0.2362, 0, 0, -0.2362, 1.04442, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% {
    -webkit-transform: matrix3d(1.04011, 0.18839, 0, 0, -0.18839, 1.04011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.04011, 0.18839, 0, 0, -0.18839, 1.04011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.04011, 0.18839, 0, 0, -0.18839, 1.04011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% {
    -webkit-transform: matrix3d(1.03061, 0.12363, 0, 0, -0.12363, 1.03061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.03061, 0.12363, 0, 0, -0.12363, 1.03061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.03061, 0.12363, 0, 0, -0.12363, 1.03061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% {
    -webkit-transform: matrix3d(1.01873, 0.06712, 0, 0, -0.06712, 1.01873, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.01873, 0.06712, 0, 0, -0.06712, 1.01873, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01873, 0.06712, 0, 0, -0.06712, 1.01873, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% {
    -webkit-transform: matrix3d(1.00825, 0.02733, 0, 0, -0.02733, 1.00825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.00825, 0.02733, 0, 0, -0.02733, 1.00825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00825, 0.02733, 0, 0, -0.02733, 1.00825, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% {
    -webkit-transform: matrix3d(1.00119, 0.00378, 0, 0, -0.00378, 1.00119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.00119, 0.00378, 0, 0, -0.00378, 1.00119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00119, 0.00378, 0, 0, -0.00378, 1.00119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% {
    -webkit-transform: matrix3d(0.99761, -0.00742, 0, 0, 0.00742, 0.99761, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.99761, -0.00742, 0, 0, 0.00742, 0.99761, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99761, -0.00742, 0, 0, 0.00742, 0.99761, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% {
    -webkit-transform: matrix3d(0.99653, -0.01069, 0, 0, 0.01069, 0.99653, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.99653, -0.01069, 0, 0, 0.01069, 0.99653, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99653, -0.01069, 0, 0, 0.01069, 0.99653, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% {
    -webkit-transform: matrix3d(0.99685, -0.00973, 0, 0, 0.00973, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.99685, -0.00973, 0, 0, 0.00973, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99685, -0.00973, 0, 0, 0.00973, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% {
    -webkit-transform: matrix3d(0.99771, -0.0071, 0, 0, 0.0071, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.99771, -0.0071, 0, 0, 0.0071, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99771, -0.0071, 0, 0, 0.0071, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% {
    -webkit-transform: matrix3d(0.99861, -0.00433, 0, 0, 0.00433, 0.99861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.99861, -0.00433, 0, 0, 0.00433, 0.99861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99861, -0.00433, 0, 0, 0.00433, 0.99861, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% {
    -webkit-transform: matrix3d(0.99932, -0.00211, 0, 0, 0.00211, 0.99932, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.99932, -0.00211, 0, 0, 0.00211, 0.99932, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99932, -0.00211, 0, 0, 0.00211, 0.99932, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% {
    -webkit-transform: matrix3d(0.99979, -0.00065, 0, 0, 0.00065, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.99979, -0.00065, 0, 0, 0.00065, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99979, -0.00065, 0, 0, 0.00065, 0.99979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% {
    -webkit-transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% {
    -webkit-transform: matrix3d(1.00015, 0.00047, 0, 0, -0.00047, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.00015, 0.00047, 0, 0, -0.00047, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00015, 0.00047, 0, 0, -0.00047, 1.00015, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% {
    -webkit-transform: matrix3d(1.00016, 0.0005, 0, 0, -0.0005, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.00016, 0.0005, 0, 0, -0.0005, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00016, 0.0005, 0, 0, -0.0005, 1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% {
    -webkit-transform: matrix3d(1.00013, 0.00041, 0, 0, -0.00041, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.00013, 0.00041, 0, 0, -0.00041, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00013, 0.00041, 0, 0, -0.00041, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% {
    -webkit-transform: matrix3d(1.00009, 0.00027, 0, 0, -0.00027, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.00009, 0.00027, 0, 0, -0.00027, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00009, 0.00027, 0, 0, -0.00027, 1.00009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% {
    -webkit-transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00005, 0.00015, 0, 0, -0.00015, 1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% {
    -webkit-transform: matrix3d(1.00002, 0.00006, 0, 0, -0.00006, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1.00002, 0.00006, 0, 0, -0.00006, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00002, 0.00006, 0, 0, -0.00006, 1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% {
    -webkit-transform: matrix3d(1, 0.00001, 0, 0, -0.00001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0.00001, 0, 0, -0.00001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0.00001, 0, 0, -0.00001, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% {
    -webkit-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% {
    -webkit-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% {
    -webkit-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99999, -0.00002, 0, 0, 0.00002, 0.99999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

/* ------------------------------------------- */
/* rotate out
/* ------------------------------------------- */
/* Generated with Bounce.js. Edit at http://goo.gl/eNi4J1 */
@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% {
    -webkit-transform: matrix3d(0.21696, -0.61042, 0, 0, 0.61042, 0.21696, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.21696, -0.61042, 0, 0, 0.61042, 0.21696, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% {
    -webkit-transform: matrix3d(-0.21866, -0.29521, 0, 0, 0.29521, -0.21866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.21866, -0.29521, 0, 0, 0.29521, -0.21866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% {
    -webkit-transform: matrix3d(-0.17481, -0.05163, 0, 0, 0.05163, -0.17481, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.17481, -0.05163, 0, 0, 0.05163, -0.17481, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% {
    -webkit-transform: matrix3d(-0.08129, 0.00527, 0, 0, -0.00527, -0.08129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.08129, 0.00527, 0, 0, -0.00527, -0.08129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% {
    -webkit-transform: matrix3d(-0.04003, 0.00838, 0, 0, -0.00838, -0.04003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.04003, 0.00838, 0, 0, -0.00838, -0.04003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% {
    -webkit-transform: matrix3d(-0.03539, 0.008, 0, 0, -0.008, -0.03539, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.03539, 0.008, 0, 0, -0.008, -0.03539, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% {
    -webkit-transform: matrix3d(-0.04789, 0.00867, 0, 0, -0.00867, -0.04789, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.04789, 0.00867, 0, 0, -0.00867, -0.04789, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% {
    -webkit-transform: matrix3d(-0.06533, 0.00784, 0, 0, -0.00784, -0.06533, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.06533, 0.00784, 0, 0, -0.00784, -0.06533, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% {
    -webkit-transform: matrix3d(-0.08098, 0.00534, 0, 0, -0.00534, -0.08098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.08098, 0.00534, 0, 0, -0.00534, -0.08098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% {
    -webkit-transform: matrix3d(-0.0922, 0.0025, 0, 0, -0.0025, -0.0922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.0922, 0.0025, 0, 0, -0.0025, -0.0922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% {
    -webkit-transform: matrix3d(-0.09892, 0.00037, 0, 0, -0.00037, -0.09892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09892, 0.00037, 0, 0, -0.00037, -0.09892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% {
    -webkit-transform: matrix3d(-0.10213, -0.00076, 0, 0, 0.00076, -0.10213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10213, -0.00076, 0, 0, 0.00076, -0.10213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% {
    -webkit-transform: matrix3d(-0.10307, -0.00111, 0, 0, 0.00111, -0.10307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10307, -0.00111, 0, 0, 0.00111, -0.10307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% {
    -webkit-transform: matrix3d(-0.10279, -0.001, 0, 0, 0.001, -0.10279, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10279, -0.001, 0, 0, 0.001, -0.10279, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% {
    -webkit-transform: matrix3d(-0.10204, -0.00073, 0, 0, 0.00073, -0.10204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10204, -0.00073, 0, 0, 0.00073, -0.10204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% {
    -webkit-transform: matrix3d(-0.10124, -0.00044, 0, 0, 0.00044, -0.10124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10124, -0.00044, 0, 0, 0.00044, -0.10124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% {
    -webkit-transform: matrix3d(-0.10061, -0.00021, 0, 0, 0.00021, -0.10061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10061, -0.00021, 0, 0, 0.00021, -0.10061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% {
    -webkit-transform: matrix3d(-0.10019, -0.00007, 0, 0, 0.00007, -0.10019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10019, -0.00007, 0, 0, 0.00007, -0.10019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% {
    -webkit-transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% {
    -webkit-transform: matrix3d(-0.09987, 0.00005, 0, 0, -0.00005, -0.09987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09987, 0.00005, 0, 0, -0.00005, -0.09987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% {
    -webkit-transform: matrix3d(-0.09986, 0.00005, 0, 0, -0.00005, -0.09986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09986, 0.00005, 0, 0, -0.00005, -0.09986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% {
    -webkit-transform: matrix3d(-0.09988, 0.00004, 0, 0, -0.00004, -0.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09988, 0.00004, 0, 0, -0.00004, -0.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% {
    -webkit-transform: matrix3d(-0.09992, 0.00003, 0, 0, -0.00003, -0.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09992, 0.00003, 0, 0, -0.00003, -0.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% {
    -webkit-transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% {
    -webkit-transform: matrix3d(-0.09998, 0.00001, 0, 0, -0.00001, -0.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09998, 0.00001, 0, 0, -0.00001, -0.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% {
    -webkit-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% {
    -webkit-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% {
    -webkit-transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% {
    -webkit-transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@-moz-keyframes rotate-out {
  0% {
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% {
    -moz-transform: matrix3d(0.21696, -0.61042, 0, 0, 0.61042, 0.21696, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.21696, -0.61042, 0, 0, 0.61042, 0.21696, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% {
    -moz-transform: matrix3d(-0.21866, -0.29521, 0, 0, 0.29521, -0.21866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.21866, -0.29521, 0, 0, 0.29521, -0.21866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% {
    -moz-transform: matrix3d(-0.17481, -0.05163, 0, 0, 0.05163, -0.17481, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.17481, -0.05163, 0, 0, 0.05163, -0.17481, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% {
    -moz-transform: matrix3d(-0.08129, 0.00527, 0, 0, -0.00527, -0.08129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.08129, 0.00527, 0, 0, -0.00527, -0.08129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% {
    -moz-transform: matrix3d(-0.04003, 0.00838, 0, 0, -0.00838, -0.04003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.04003, 0.00838, 0, 0, -0.00838, -0.04003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% {
    -moz-transform: matrix3d(-0.03539, 0.008, 0, 0, -0.008, -0.03539, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.03539, 0.008, 0, 0, -0.008, -0.03539, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% {
    -moz-transform: matrix3d(-0.04789, 0.00867, 0, 0, -0.00867, -0.04789, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.04789, 0.00867, 0, 0, -0.00867, -0.04789, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% {
    -moz-transform: matrix3d(-0.06533, 0.00784, 0, 0, -0.00784, -0.06533, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.06533, 0.00784, 0, 0, -0.00784, -0.06533, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% {
    -moz-transform: matrix3d(-0.08098, 0.00534, 0, 0, -0.00534, -0.08098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.08098, 0.00534, 0, 0, -0.00534, -0.08098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% {
    -moz-transform: matrix3d(-0.0922, 0.0025, 0, 0, -0.0025, -0.0922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.0922, 0.0025, 0, 0, -0.0025, -0.0922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% {
    -moz-transform: matrix3d(-0.09892, 0.00037, 0, 0, -0.00037, -0.09892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09892, 0.00037, 0, 0, -0.00037, -0.09892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% {
    -moz-transform: matrix3d(-0.10213, -0.00076, 0, 0, 0.00076, -0.10213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10213, -0.00076, 0, 0, 0.00076, -0.10213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% {
    -moz-transform: matrix3d(-0.10307, -0.00111, 0, 0, 0.00111, -0.10307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10307, -0.00111, 0, 0, 0.00111, -0.10307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% {
    -moz-transform: matrix3d(-0.10279, -0.001, 0, 0, 0.001, -0.10279, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10279, -0.001, 0, 0, 0.001, -0.10279, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% {
    -moz-transform: matrix3d(-0.10204, -0.00073, 0, 0, 0.00073, -0.10204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10204, -0.00073, 0, 0, 0.00073, -0.10204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% {
    -moz-transform: matrix3d(-0.10124, -0.00044, 0, 0, 0.00044, -0.10124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10124, -0.00044, 0, 0, 0.00044, -0.10124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% {
    -moz-transform: matrix3d(-0.10061, -0.00021, 0, 0, 0.00021, -0.10061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10061, -0.00021, 0, 0, 0.00021, -0.10061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% {
    -moz-transform: matrix3d(-0.10019, -0.00007, 0, 0, 0.00007, -0.10019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10019, -0.00007, 0, 0, 0.00007, -0.10019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% {
    -moz-transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% {
    -moz-transform: matrix3d(-0.09987, 0.00005, 0, 0, -0.00005, -0.09987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09987, 0.00005, 0, 0, -0.00005, -0.09987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% {
    -moz-transform: matrix3d(-0.09986, 0.00005, 0, 0, -0.00005, -0.09986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09986, 0.00005, 0, 0, -0.00005, -0.09986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% {
    -moz-transform: matrix3d(-0.09988, 0.00004, 0, 0, -0.00004, -0.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09988, 0.00004, 0, 0, -0.00004, -0.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% {
    -moz-transform: matrix3d(-0.09992, 0.00003, 0, 0, -0.00003, -0.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09992, 0.00003, 0, 0, -0.00003, -0.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% {
    -moz-transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% {
    -moz-transform: matrix3d(-0.09998, 0.00001, 0, 0, -0.00001, -0.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09998, 0.00001, 0, 0, -0.00001, -0.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% {
    -moz-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% {
    -moz-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% {
    -moz-transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% {
    -moz-transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -moz-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@-o-keyframes rotate-out {
  0% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% {
    transform: matrix3d(0.21696, -0.61042, 0, 0, 0.61042, 0.21696, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% {
    transform: matrix3d(-0.21866, -0.29521, 0, 0, 0.29521, -0.21866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% {
    transform: matrix3d(-0.17481, -0.05163, 0, 0, 0.05163, -0.17481, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% {
    transform: matrix3d(-0.08129, 0.00527, 0, 0, -0.00527, -0.08129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% {
    transform: matrix3d(-0.04003, 0.00838, 0, 0, -0.00838, -0.04003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% {
    transform: matrix3d(-0.03539, 0.008, 0, 0, -0.008, -0.03539, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% {
    transform: matrix3d(-0.04789, 0.00867, 0, 0, -0.00867, -0.04789, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% {
    transform: matrix3d(-0.06533, 0.00784, 0, 0, -0.00784, -0.06533, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% {
    transform: matrix3d(-0.08098, 0.00534, 0, 0, -0.00534, -0.08098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% {
    transform: matrix3d(-0.0922, 0.0025, 0, 0, -0.0025, -0.0922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% {
    transform: matrix3d(-0.09892, 0.00037, 0, 0, -0.00037, -0.09892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% {
    transform: matrix3d(-0.10213, -0.00076, 0, 0, 0.00076, -0.10213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% {
    transform: matrix3d(-0.10307, -0.00111, 0, 0, 0.00111, -0.10307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% {
    transform: matrix3d(-0.10279, -0.001, 0, 0, 0.001, -0.10279, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% {
    transform: matrix3d(-0.10204, -0.00073, 0, 0, 0.00073, -0.10204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% {
    transform: matrix3d(-0.10124, -0.00044, 0, 0, 0.00044, -0.10124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% {
    transform: matrix3d(-0.10061, -0.00021, 0, 0, 0.00021, -0.10061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% {
    transform: matrix3d(-0.10019, -0.00007, 0, 0, 0.00007, -0.10019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% {
    transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% {
    transform: matrix3d(-0.09987, 0.00005, 0, 0, -0.00005, -0.09987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% {
    transform: matrix3d(-0.09986, 0.00005, 0, 0, -0.00005, -0.09986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% {
    transform: matrix3d(-0.09988, 0.00004, 0, 0, -0.00004, -0.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% {
    transform: matrix3d(-0.09992, 0.00003, 0, 0, -0.00003, -0.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% {
    transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% {
    transform: matrix3d(-0.09998, 0.00001, 0, 0, -0.00001, -0.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% {
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% {
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% {
    transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% {
    transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }
@keyframes rotate-out {
  0% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.333333% {
    -webkit-transform: matrix3d(0.21696, -0.61042, 0, 0, 0.61042, 0.21696, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(0.21696, -0.61042, 0, 0, 0.61042, 0.21696, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.21696, -0.61042, 0, 0, 0.61042, 0.21696, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.666667% {
    -webkit-transform: matrix3d(-0.21866, -0.29521, 0, 0, 0.29521, -0.21866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.21866, -0.29521, 0, 0, 0.29521, -0.21866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.21866, -0.29521, 0, 0, 0.29521, -0.21866, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10% {
    -webkit-transform: matrix3d(-0.17481, -0.05163, 0, 0, 0.05163, -0.17481, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.17481, -0.05163, 0, 0, 0.05163, -0.17481, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.17481, -0.05163, 0, 0, 0.05163, -0.17481, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.333333% {
    -webkit-transform: matrix3d(-0.08129, 0.00527, 0, 0, -0.00527, -0.08129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.08129, 0.00527, 0, 0, -0.00527, -0.08129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.08129, 0.00527, 0, 0, -0.00527, -0.08129, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.666667% {
    -webkit-transform: matrix3d(-0.04003, 0.00838, 0, 0, -0.00838, -0.04003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.04003, 0.00838, 0, 0, -0.00838, -0.04003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.04003, 0.00838, 0, 0, -0.00838, -0.04003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20% {
    -webkit-transform: matrix3d(-0.03539, 0.008, 0, 0, -0.008, -0.03539, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.03539, 0.008, 0, 0, -0.008, -0.03539, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.03539, 0.008, 0, 0, -0.008, -0.03539, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  23.333333% {
    -webkit-transform: matrix3d(-0.04789, 0.00867, 0, 0, -0.00867, -0.04789, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.04789, 0.00867, 0, 0, -0.00867, -0.04789, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.04789, 0.00867, 0, 0, -0.00867, -0.04789, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  26.666667% {
    -webkit-transform: matrix3d(-0.06533, 0.00784, 0, 0, -0.00784, -0.06533, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.06533, 0.00784, 0, 0, -0.00784, -0.06533, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.06533, 0.00784, 0, 0, -0.00784, -0.06533, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  30% {
    -webkit-transform: matrix3d(-0.08098, 0.00534, 0, 0, -0.00534, -0.08098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.08098, 0.00534, 0, 0, -0.00534, -0.08098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.08098, 0.00534, 0, 0, -0.00534, -0.08098, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.333333% {
    -webkit-transform: matrix3d(-0.0922, 0.0025, 0, 0, -0.0025, -0.0922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.0922, 0.0025, 0, 0, -0.0025, -0.0922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.0922, 0.0025, 0, 0, -0.0025, -0.0922, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  36.666667% {
    -webkit-transform: matrix3d(-0.09892, 0.00037, 0, 0, -0.00037, -0.09892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.09892, 0.00037, 0, 0, -0.00037, -0.09892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09892, 0.00037, 0, 0, -0.00037, -0.09892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  40% {
    -webkit-transform: matrix3d(-0.10213, -0.00076, 0, 0, 0.00076, -0.10213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.10213, -0.00076, 0, 0, 0.00076, -0.10213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10213, -0.00076, 0, 0, 0.00076, -0.10213, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  43.333333% {
    -webkit-transform: matrix3d(-0.10307, -0.00111, 0, 0, 0.00111, -0.10307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.10307, -0.00111, 0, 0, 0.00111, -0.10307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10307, -0.00111, 0, 0, 0.00111, -0.10307, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.666667% {
    -webkit-transform: matrix3d(-0.10279, -0.001, 0, 0, 0.001, -0.10279, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.10279, -0.001, 0, 0, 0.001, -0.10279, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10279, -0.001, 0, 0, 0.001, -0.10279, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  50% {
    -webkit-transform: matrix3d(-0.10204, -0.00073, 0, 0, 0.00073, -0.10204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.10204, -0.00073, 0, 0, 0.00073, -0.10204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10204, -0.00073, 0, 0, 0.00073, -0.10204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  53.333333% {
    -webkit-transform: matrix3d(-0.10124, -0.00044, 0, 0, 0.00044, -0.10124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.10124, -0.00044, 0, 0, 0.00044, -0.10124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10124, -0.00044, 0, 0, 0.00044, -0.10124, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  56.666667% {
    -webkit-transform: matrix3d(-0.10061, -0.00021, 0, 0, 0.00021, -0.10061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.10061, -0.00021, 0, 0, 0.00021, -0.10061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10061, -0.00021, 0, 0, 0.00021, -0.10061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60% {
    -webkit-transform: matrix3d(-0.10019, -0.00007, 0, 0, 0.00007, -0.10019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.10019, -0.00007, 0, 0, 0.00007, -0.10019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10019, -0.00007, 0, 0, 0.00007, -0.10019, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.333333% {
    -webkit-transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  66.666667% {
    -webkit-transform: matrix3d(-0.09987, 0.00005, 0, 0, -0.00005, -0.09987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.09987, 0.00005, 0, 0, -0.00005, -0.09987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09987, 0.00005, 0, 0, -0.00005, -0.09987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  70% {
    -webkit-transform: matrix3d(-0.09986, 0.00005, 0, 0, -0.00005, -0.09986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.09986, 0.00005, 0, 0, -0.00005, -0.09986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09986, 0.00005, 0, 0, -0.00005, -0.09986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  73.333333% {
    -webkit-transform: matrix3d(-0.09988, 0.00004, 0, 0, -0.00004, -0.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.09988, 0.00004, 0, 0, -0.00004, -0.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09988, 0.00004, 0, 0, -0.00004, -0.09988, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.666667% {
    -webkit-transform: matrix3d(-0.09992, 0.00003, 0, 0, -0.00003, -0.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.09992, 0.00003, 0, 0, -0.00003, -0.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09992, 0.00003, 0, 0, -0.00003, -0.09992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80% {
    -webkit-transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09996, 0.00001, 0, 0, -0.00001, -0.09996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.333333% {
    -webkit-transform: matrix3d(-0.09998, 0.00001, 0, 0, -0.00001, -0.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.09998, 0.00001, 0, 0, -0.00001, -0.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.09998, 0.00001, 0, 0, -0.00001, -0.09998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  86.666667% {
    -webkit-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  90% {
    -webkit-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.333333% {
    -webkit-transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  96.666667% {
    -webkit-transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.10001, 0, 0, 0, 0, -0.10001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% {
    -webkit-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -moz-transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(-0.1, 0, 0, 0, 0, -0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } }

@-webkit-keyframes red-attention {
  0% {
    background-color: #FFF; }
  20% {
    background-color: #9FD7EC; }
  100% {
    background-color: #FFF; } }

@-moz-keyframes red-attention {
  0% {
    background-color: #FFF; }
  20% {
    background-color: #9FD7EC; }
  100% {
    background-color: #FFF; } }

@-o-keyframes red-attention {
  0% {
    background-color: #FFF; }
  20% {
    background-color: #9FD7EC; }
  100% {
    background-color: #FFF; } }

@keyframes red-attention {
  0% {
    background-color: #FFF; }
  20% {
    background-color: #9FD7EC; }
  100% {
    background-color: #FFF; } }

/* ------------------------------------------- */
/* list animation
/* ------------------------------------------- */
.list-animation {
  -webkit-transition: .2s linear all;
  -o-transition: .2s linear all;
  -moz-transition: .2s linear all;
  transition: .2s linear all; }

.list-animation.ng-move,
.list-animation.ng-enter,
.list-animation.ng-leave {
  -webkit-transition: all linear .2s;
  -o-transition: all linear .2s;
  -moz-transition: all linear .2s;
  transition: all linear .2s; }

.list-animation.ng-leave.ng-leave-active,
.list-animation.ng-move,
.list-animation.ng-enter {
  max-height: 0;
  opacity: 0; }

.list-animation.ng-leave,
.list-animation.ng-move.ng-move-active,
.list-animation.ng-enter.ng-enter-active {
  max-height: 30px;
  opacity: 1; }

.list-animation.ng-leave-stagger {
  -webkit-transition-delay: .04s;
  -moz-transition-delay: .04s;
  -o-transition-delay: .04s;
  transition-delay: .04s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

.list-animation.ng-enter-stagger {
  -webkit-transition-delay: .04s;
  -moz-transition-delay: .04s;
  -o-transition-delay: .04s;
  transition-delay: .04s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/* ------------------------------------------- */
/* no animation
/* ------------------------------------------- */
.no-animate.ng-leave, .no-animate.ng-hide-add {
  display: none !important; }

/* ------------------------------------------- */
/* no animation
/* ------------------------------------------- */
.fade-zoom.ng-enter {
  -webkit-animation-name: fadeIn, zoomIn;
  -moz-animation-name: fadeIn, zoomIn;
  -o-animation-name: fadeIn, zoomIn;
  animation-name: fadeIn, zoomIn;
  -webkit-animation-duration: .6s, .2s;
  -moz-animation-duration: .2s, .2s;
  -o-animation-duration: .2, .2s;
  animation-duration: .2, .2s; }

.fade-zoom-fade-down.ng-enter {
  -webkit-animation-name: fadeIn, zoomIn;
  -moz-animation-name: fadeIn, zoomIn;
  -o-animation-name: fadeIn, zoomIn;
  animation-name: fadeIn, zoomIn;
  -webkit-animation-duration: .2s, .2s;
  -moz-animation-duration: .2s, .2s;
  -o-animation-duration: .2s, .2s;
  animation-duration: .2s, .2s; }

.fade-zoom-fade-down.ng-leave {
  -webkit-animation: fadeOutDown .2s;
  -moz-animation: fadeOutDown .2s;
  -o-animation: fadeOutDown .2s;
  animation: fadeOutDown .2s; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0; } }

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0; } }

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    transform: translate3d(0, 100%, 0);
    opacity: 0; } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0; } }

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
    opacity: 0; }
  50% {
    opacity: 1; } }

@-moz-keyframes zoomIn {
  0% {
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
    opacity: 0; }
  50% {
    opacity: 1; } }

@-o-keyframes zoomIn {
  0% {
    transform: scale3d(0.8, 0.8, 0.8);
    opacity: 0; }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
    opacity: 0; }
  50% {
    opacity: 1; } }

.popup-toggle {
  -webkit-transition: opacity 0.06s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.06s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 0.06s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.06s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .popup-toggle.ng-enter {
    opacity: 0; }
  .popup-toggle.ng-enter-active {
    opacity: 1; }
  .popup-toggle.ng-leave {
    opacity: 1; }
  .popup-toggle.ng-leave-active {
    opacity: 0; }
  .popup-toggle.ng-hide-add {
    opacity: 1; }
  .popup-toggle.ng-hide-add.ng-hide-add-active {
    opacity: 0; }
  .popup-toggle.ng-hide-remove {
    opacity: 0; }
  .popup-toggle.ng-hide-remove.ng-hide-remove-active {
    opacity: 1; }

.popup-slide-down {
  -webkit-transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  /* easeOutQuad */ }
  .popup-slide-down.ng-enter {
    -webkit-transform: translate3D(0, -10px, 0);
    -moz-transform: translate3D(0, -10px, 0);
    -ms-transform: translate3D(0, -10px, 0);
    -o-transform: translate3D(0, -10px, 0);
    transform: translate3D(0, -10px, 0);
    opacity: 0; }
  .popup-slide-down.ng-enter-active {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    opacity: 1; }
  .popup-slide-down.ng-leave {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    opacity: 1; }
  .popup-slide-down.ng-leave-active {
    -webkit-transform: translate3D(0, -10px, 0);
    -moz-transform: translate3D(0, -10px, 0);
    -ms-transform: translate3D(0, -10px, 0);
    -o-transform: translate3D(0, -10px, 0);
    transform: translate3D(0, -10px, 0);
    opacity: 0; }
  .popup-slide-down.ng-hide-add {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    opacity: 1; }
  .popup-slide-down.ng-hide-add.ng-hide-add-active {
    -webkit-transform: translate3D(0, -10px, 0);
    -moz-transform: translate3D(0, -10px, 0);
    -ms-transform: translate3D(0, -10px, 0);
    -o-transform: translate3D(0, -10px, 0);
    transform: translate3D(0, -10px, 0);
    opacity: 0; }
  .popup-slide-down.ng-hide-remove {
    -webkit-transform: translate3D(0, -10px, 0);
    -moz-transform: translate3D(0, -10px, 0);
    -ms-transform: translate3D(0, -10px, 0);
    -o-transform: translate3D(0, -10px, 0);
    transform: translate3D(0, -10px, 0);
    opacity: 0; }
  .popup-slide-down.ng-hide-remove.ng-hide-remove-active {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    opacity: 1; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.form-control {
  box-shadow: none;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out; }
  .form-control:focus {
    box-shadow: none;
    border: 0; }
  .form-control.is-attended {
    -webkit-animation: red-attention 1.2s 1;
    -moz-animation: red-attention 1.2s 1;
    -o-animation: red-attention 1.2s 1;
    animation: red-attention 1.2s 1;
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s; }
  .form-control::-webkit-input-placeholder {
    color: #9CA7B6; }
  .form-control:-moz-placeholder {
    color: #9CA7B6; }
  .form-control:-ms-input-placeholder {
    color: #9CA7B6; }
  .form-control::placeholder {
    color: #9CA7B6; }
  .form-control:disabled {
    opacity: .8; }

.caret.caret-gray {
  border-top-color: #B3BAC6; }

.input-group .form-control + .input-group-addon {
  padding-left: 0; }

.input-group .input-group-addon + .form-control {
  padding-left: 0; }

.is-attended {
  -webkit-animation: red-attention 1.2s 1;
  -moz-animation: red-attention 1.2s 1;
  -o-animation: red-attention 1.2s 1;
  animation: red-attention 1.2s 1;
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -o-animation-delay: .1s;
  animation-delay: .1s; }

@font-face {
  font-family: 'tripadvisor';
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/TripAdvisor_Regular.woff2") format("woff2"); }

/** TripAdvisor **/
.TripAdvisor-rating {
  color: #00AF87;
  font-size: 14px; }

.TripAdvisor-rating--0-5:after {
  content: "\e00c\e00d\e00d\e00d\e00d";
  font-family: tripadvisor !important; }

.TripAdvisor-rating--1-0:after {
  content: "\e00b\e00d\e00d\e00d\e00d";
  font-family: tripadvisor !important; }

.TripAdvisor-rating--1-5:after {
  content: "\e00b\e00c\e00d\e00d\e00d";
  font-family: tripadvisor !important; }

.TripAdvisor-rating--2-0:after {
  content: "\e00b\e00b\e00d\e00d\e00d";
  font-family: tripadvisor !important; }

.TripAdvisor-rating--2-5:after {
  content: "\e00b\e00b\e00c\e00d\e00d";
  font-family: tripadvisor !important; }

.TripAdvisor-rating--3-0:after {
  content: "\e00b\e00b\e00b\e00b\e00d";
  font-family: tripadvisor !important; }

.TripAdvisor-rating--3-5:after {
  content: "\e00b\e00b\e00b\e00b\e00c";
  font-family: tripadvisor !important; }

.TripAdvisor-rating--4-0:after {
  content: "\e00b\e00b\e00b\e00b\e00b";
  font-family: tripadvisor !important; }

.TripAdvisor-rating--4-5:after {
  content: "\e00b\e00b\e00b\e00b\e00c";
  font-family: tripadvisor !important; }

.TripAdvisor-rating--5-0:after {
  content: "\e00b\e00b\e00b\e00b\e00b";
  font-family: tripadvisor !important; }

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.HbLayout {
  position: relative;
  height: 100%;
  padding-top: 60px; }
  .HbLayout .Header {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0; }
  .HbLayout .HbLayout-content {
    position: relative;
    min-height: -webkit-calc(100% - 115px);
    min-height: -moz-calc(100% - 115px);
    min-height: calc(100% - 115px);
    background-color: #e7ebf2;
    /*@CONFIGURABLE-COLOR:bg*/ }
  .HbLayout .HbLayout-content--noFooter {
    min-height: 100%; }
  .HbLayout .Loading--white {
    position: fixed !important;
    z-index: 1000;
    background-color: #ffffff; }
  .HbLayout .Loading--light {
    background-color: #f0f3f6; }

.Header {
  width: 100%;
  height: 60px;
  color: #fff;
  /*@CONFIGURABLE-COLOR:color-hf*/
  background-color: #3b4653;
  /*@CONFIGURABLE-COLOR:bg-hf*/ }
  .Header .container {
    position: relative;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .Header-ContainerFlex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .Header-logo {
    display: block;
    height: 50px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative;
    padding-right: 15px; }
    .Header-logo img {
      position: relative;
      top: 50%;
      max-height: 50px;
      cursor: pointer;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      z-index: 1; }
  .Header-logoText {
    padding-right: 10px;
    line-height: 45px;
    font-size: 25px;
    font-weight: 800;
    cursor: pointer; }
  .Header-nav {
    font-size: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .Header-nav ul {
      position: relative;
      margin: 0 0 0 25px;
      padding: 0; }
    .Header-nav ul:after {
      content: '';
      position: absolute;
      display: block;
      height: 1px;
      width: 100%;
      left: 0;
      right: 0;
      top: 17px;
      background-color: #fff;
      background-color: rgba(255, 255, 255, 0.1); }
    .Header-nav li {
      cursor: pointer;
      float: left;
      display: inline-block;
      margin-top: 0px;
      margin-bottom: 0;
      margin-left: 0;
      line-height: 40px; }
      .Header-nav li:not(:last-child) {
        margin-right: 25px; }
    .Header-nav--icon {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 5px; }
    .Header-nav .active {
      position: relative;
      color: #ffb72e; }
  .Header a.Header-navLink {
    color: #fff; }
  .Header-navLink {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 12px; }
    .Header-navLink:after {
      content: '';
      visibility: hidden;
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s; }
    .Header-navLink:hover:after, .Header-navLink:focus:after {
      content: '';
      z-index: 100;
      position: absolute;
      display: block;
      width: 100%;
      height: 3px;
      bottom: -7px;
      background-color: #fff;
      visibility: visible;
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
      -o-transform: scaleX(1);
      transform: scaleX(1);
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      -moz-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s;
      right: 0px; }
    .active .Header-navLink:after {
      content: '';
      z-index: 100;
      position: absolute;
      display: block;
      width: 100%;
      height: 3px;
      bottom: -7px;
      background-color: #ffb72e;
      /*@CONFIGURABLE-COLOR:input-border-focus*/
      visibility: visible;
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
      -o-transform: scaleX(1);
      transform: scaleX(1);
      right: 0px; }
    .Header-navLink:hover, .Header-navLink:focus, .Header-navLink:visited {
      text-decoration: none;
      outline: none; }
  .Header-aside {
    font-size: 13px;
    padding-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
  .Header-backLink {
    cursor: pointer;
    color: #ffffff !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 42px; }
    .Header-backLink svg {
      height: 15px;
      width: 15px;
      margin-right: 5px; }
  .Header-favorite {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 84px;
    cursor: pointer; }
    .Header-favorite svg {
      width: 18px;
      height: 16px;
      margin-right: 7px;
      position: relative;
      top: 2px; }
  .Header-favoriteCounter {
    height: 18px;
    width: 18px;
    background-color: #ffb72e;
    background-color: #ffb72e;
    line-height: 18px;
    text-align: center;
    margin-left: 7px;
    border-radius: 50%;
    color: #3b4653; }
  .Header-currency, .Header-language {
    margin-right: 42px;
    height: 60px;
    border: none;
    background: none;
    outline: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    .Header-currency .CaretBg, .Header-language .CaretBg {
      display: none; }
    .Header-currency .Dropdown-label, .Header-language .Dropdown-label {
      font-weight: bold; }
    .Header-currency > *, .Header-language > * {
      height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
      float: left;
      position: relative; }
  .Header-currency {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Header-lang a {
    cursor: pointer !important; }
  .Header .head-TextLang {
    margin: 0 0 0 5px; }
  .Header--iconArrow {
    font-size: 10px;
    margin-top: 3px; }
  .Header-auth {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    color: #006498;
    margin-left: 42px; }
    .Header-auth button, .Header-auth a {
      margin-right: 42px;
      font-weight: bold;
      text-transform: uppercase;
      color: #006498;
      line-height: 60px;
      cursor: pointer;
      padding: 0; }
      .Header-auth button:last-child, .Header-auth a:last-child {
        margin-right: 0; }
  .Header-burger {
    cursor: pointer;
    line-height: 60px; }
    .Header-burger svg {
      width: 21px;
      height: 11px; }
  .Header-cabinet {
    background: none;
    border: none;
    outline: none; }
    .Header-cabinet .CaretBg {
      margin-left: 1px; }
    .Header-cabinet > * {
      height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      cursor: pointer;
      float: left;
      position: relative; }
    .Header-cabinet svg {
      height: 10px;
      width: 10px; }
    .Header-cabinet .CaretBg path {
      fill: #ffffff; }
  .Header-currency {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.Footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: 115px;
  padding-top: 25px;
  padding-bottom: 22px;
  text-align: center;
  color: #fff;
  /*@CONFIGURABLE-COLOR:color-hf*/
  background-color: #3b4653;
  /*@CONFIGURABLE-COLOR:bg-hf*/ }
  .Footer .Footer-socialBox {
    width: 100%;
    text-align: right; }
  .Footer .Footer-social {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 3px;
    margin-bottom: 10px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #fff;
    /*@CONFIGURABLE-COLOR:color-hf*/
    border-radius: 2px;
    background-color: transparent;
    font-size: 16px;
    line-height: 23px; }
    .Footer .Footer-social:last-child {
      margin-right: 0; }
  .Footer .Footer-logo {
    display: block;
    margin-bottom: 21px; }
    .Footer .Footer-logo img {
      max-height: 50px; }
  .Footer .TripAdviser {
    padding-top: 6px;
    white-space: nowrap;
    font-size: 13px; }
  .Footer .Footer-menu {
    display: inline-block;
    margin: 0;
    margin-bottom: 23px;
    padding: 0;
    list-style-type: none;
    text-align: center; }
    .Footer .Footer-menu ul {
      margin: 0; }
    .Footer .Footer-menu li {
      display: inline-block;
      float: left;
      margin-right: 10px;
      font-size: 13px;
      line-height: 13px; }
      .Footer .Footer-menu li a {
        -webkit-transition: color .4s;
        -o-transition: color .4s;
        -moz-transition: color .4s;
        transition: color .4s;
        text-decoration: none;
        color: #FFF; }
        .Footer .Footer-menu li a:hover {
          color: #2d7dc8; }
        .Footer .Footer-menu li a .i-CommonProSmall {
          position: relative;
          top: 1px;
          float: left;
          margin-right: 3px; }
    .Footer .Footer-menu li:last-child {
      margin-right: 0; }
  .Footer .Footer-middleBlock {
    position: absolute;
    left: 50%;
    display: inline-block;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 13px;
    line-height: 13px; }
  .Footer .Footer-siteInfo {
    text-align: right;
    font-size: 13px;
    line-height: 14px; }
  .Footer .Footer-phoneNumber {
    font-size: 19px;
    line-height: 22px; }
  .Footer .Footer-phone {
    font-size: 10px;
    line-height: 10px; }
  .Footer .i-telefon:before {
    margin-right: 5px;
    vertical-align: top;
    font-size: 11px;
    line-height: 9px; }

.LayoutSeparator {
  border-top: 1px solid #E4E9F2;
  border-bottom: 1px solid #FFF; }

.i-CommonEn {
  background-image: url(/images/common-0af6a9e476.png);
  background-position: -764px -430px;
  width: 23px;
  height: 15px;
  display: inline-block; }

.i-CommonRu {
  background-image: url(/images/common-0af6a9e476.png);
  background-position: -789px -430px;
  width: 23px;
  height: 15px;
  display: inline-block; }

.NotFound {
  width: 100%;
  min-width: 1200px;
  min-height: 540px;
  background-color: #e7ebf2; }
  .NotFound .AviaSearch-upBox {
    padding: 0; }
  .NotFound .ExtendedSearchForm-tabs {
    width: 400px;
    margin: 0 auto;
    padding-bottom: 30px; }
    .NotFound .ExtendedSearchForm-tabs .ExtendedSearchForm-tab {
      cursor: pointer;
      float: left;
      height: 27px;
      font-size: 18px;
      line-height: 27px;
      padding: 0 15px;
      margin-left: 10px;
      text-align: center;
      background-color: none;
      color: #006598; }
      .NotFound .ExtendedSearchForm-tabs .ExtendedSearchForm-tab [class^="i-"]:before {
        line-height: 18px;
        font-size: 17px;
        padding-bottom: 3px; }
    .NotFound .ExtendedSearchForm-tabs .ExtentedSearchForm-tab--active {
      color: white;
      border-radius: 50px;
      background-color: #006598; }
  .NotFound .NotFound-sadText, .NotFound .NotFound-unfortText {
    color: #3b4653; }
  .NotFound .HotelSearchForm .AutocompleteLoader {
    left: -webkit-calc(100% - 240px) !important;
    left: -moz-calc(100% - 240px) !important;
    left: calc(100% - 240px) !important; }
  .NotFound-back {
    text-decoration: underline;
    margin: auto;
    display: inline-block;
    font-size: 20px;
    color: #006597;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .NotFound-back:hover {
      color: #003d5b; }

.NotFound-container {
  position: relative;
  top: 50%;
  padding: 50px 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #a7aebd; }
  .NotFound-container .NotFound-supportTel {
    font-size: 30px;
    font-weight: 800; }
  .NotFound-container .NotFound-supportPhoto {
    margin: auto;
    margin-top: 10px;
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -602px 0px;
    width: 216px;
    height: 161px; }
    .NotFound-container .NotFound-supportPhoto404 {
      margin: auto;
      background-image: url(/images/common-0af6a9e476.png);
      background-position: -279px 0px;
      width: 321px;
      height: 183px; }
  .NotFound-container .SearchFormModal {
    display: table;
    margin: 0 auto; }
  .NotFound-container .SearchForm .SearchForm-searchHeader {
    margin: 30px auto 0; }
  .NotFound-container .SearchForm .HotelSearch {
    margin-bottom: 30px; }
  .NotFound-container .DPackSearchForm-autocomplete {
    margin-right: 3px; }
  .NotFound-container .DPackSearchForm-group {
    background-color: transparent;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: inherit; }
  .NotFound-container .DateBox-divider {
    display: none; }
  .NotFound-container .DPackSearchForm-group:first-child {
    width: inherit; }
  .NotFound-container .DPackSearchForm-group:first-child {
    -webkit-transform-origin: 50% 50% 0px;
    -moz-transform-origin: 50% 50% 0px;
    -ms-transform-origin: 50% 50% 0px;
    -o-transform-origin: 50% 50% 0px;
    transform-origin: 50% 50% 0px; }
  .NotFound-container .DPackSearchForm .AutoCompleteBox input {
    height: 60px;
    width: 245px; }
  .NotFound-container .DPackSearchForm .DateBox {
    height: 60px; }
  .NotFound-container .DPackPassengersPickerControl-icon {
    position: absolute;
    top: 19px;
    left: 7px;
    z-index: 1; }
  .NotFound-container .DPackSearchForm .DPackPassengersPickerControl {
    height: 60px;
    line-height: 58px; }
  .NotFound-container .DPackSearchForm-searchBtn {
    height: 60px;
    line-height: 60px; }
  .NotFound-container .DPackSearchForm-row {
    height: 60px; }
  .NotFound-container .DPackPassengersPickerControl--opened .DPackPassengersPickerControl {
    line-height: 56px;
    height: 56px; }

.Contacts {
  min-height: -webkit-calc(100vh - 215px);
  min-height: -moz-calc(100vh - 215px);
  min-height: calc(100vh - 215px); }

.Contacts-contactsDetails {
  width: 100%;
  height: 260px;
  color: #3b4653;
  background-color: #ffffff; }
  .Contacts-contactsDetails .ContactsDetails-left,
  .Contacts-contactsDetails .ContactsDetails-right {
    position: relative;
    top: 40px;
    text-align: center; }
  .Contacts-contactsDetails .ContactsDetails-left {
    width: 450px; }
  .Contacts-contactsDetails .ContactsDetails-right {
    text-align: center; }
    .Contacts-contactsDetails .ContactsDetails-right .ContactsDetails-phones {
      margin: auto; }
      .Contacts-contactsDetails .ContactsDetails-right .ContactsDetails-phones .contactType {
        padding: 0 15px;
        border-right: 2px solid #dce3ec;
        line-height: 22px; }
        .Contacts-contactsDetails .ContactsDetails-right .ContactsDetails-phones .contactType:last-child {
          border-right: none; }
        .Contacts-contactsDetails .ContactsDetails-right .ContactsDetails-phones .contactType > div:before {
          position: relative;
          top: -2px;
          margin-right: 5px;
          font-size: 21px;
          font-weight: 800; }
        .Contacts-contactsDetails .ContactsDetails-right .ContactsDetails-phones .contactType a {
          outline: 0;
          color: inherit;
          border: none;
          text-decoration: none; }
          .Contacts-contactsDetails .ContactsDetails-right .ContactsDetails-phones .contactType a:visited {
            color: inherit;
            border: none; }
          .Contacts-contactsDetails .ContactsDetails-right .ContactsDetails-phones .contactType a:hover {
            color: inherit; }
    .Contacts-contactsDetails .ContactsDetails-right .ContactsLink {
      display: inline-block;
      cursor: pointer;
      border-bottom: 1px dashed #46bcea; }
      .Contacts-contactsDetails .ContactsDetails-right .ContactsLink:hover {
        text-decoration: none !important;
        color: #006498;
        border-color: #006498; }
  .Contacts-contactsDetails .ContactsDetails-supportPhoto {
    position: relative;
    left: 50%;
    margin-top: 36px;
    margin-left: 20px;
    -webkit-transform: translateX(-70%);
    -moz-transform: translateX(-70%);
    -ms-transform: translateX(-70%);
    -o-transform: translateX(-70%);
    transform: translateX(-70%);
    background-image: url(/images/common-0af6a9e476.png);
    background-position: 0px 0px;
    width: 277px;
    height: 258px;
    background-size: 580px;
    width: 190px;
    height: 183px; }

.Contacts-map {
  width: 100%;
  height: -webkit-calc(100% - 260px);
  height: -moz-calc(100% - 260px);
  height: calc(100% - 260px);
  min-height: 500px; }

@media print {
  img {
    max-width: none !important; }
  .Contacts-map {
    min-height: 500px !important;
    height: 500px !important; } }

.CabinetItem {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 40px;
  border-top: 1px solid #fff;
  border-bottom: 3px solid #a8b3bf;
  border-top-left-radius: 2px;
  background-color: #F0F3F6; }
  .CabinetItem-BookingInfo {
    width: 600px; }
  .CabinetItem-head {
    position: relative;
    height: 40px;
    line-height: 40px;
    background-color: #46bcea; }
  .CabinetItem-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px;
    padding-left: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    font-size: 15px;
    border: 1px dashed;
    border-radius: 3px; }
    .CabinetItem-message [class*="i-"] {
      display: inline-block;
      padding: 0 5px;
      color: white;
      font-size: 20px; }
    .CabinetItem-message .Href {
      float: none; }
    .CabinetItem-message .Btn {
      width: 325px; }
  .CabinetItem-message--warning {
    color: #ff8500;
    background-color: rgba(255, 183, 46, 0.3);
    border-color: #ffaa2e; }
    .CabinetItem-message--warning [class*="i-"] {
      background-color: #ffc46d; }
  .CabinetItem-message--success {
    color: #599442;
    background-color: rgba(89, 148, 66, 0.3);
    border-color: #599442; }
    .CabinetItem-message--success [class*="i-"] {
      background-color: #64af5b; }
  .CabinetItem-orderInsuranceLink {
    line-height: 15px; }
  .CabinetItem-headStatus {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    -moz-transition: color .5s;
    transition: color .5s;
    text-align: center;
    color: #fff;
    border-top-left-radius: 2px;
    font-size: 17px; }
    .CabinetItem-headStatus--success {
      background-color: rgba(67, 159, 53, 0.8); }
    .CabinetItem-headStatus--warning {
      background-color: rgba(255, 170, 46, 0.8); }
    .CabinetItem-headStatus--error {
      background-color: rgba(220, 50, 40, 0.8); }
  .CabinetItem-headInfo {
    padding: 0px 15px;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .CabinetItem-textInfo {
    padding: 3px 0;
    display: inline-block; }
  .CabinetItem-headAction {
    display: block;
    float: right;
    margin-left: 30px;
    cursor: pointer;
    font-size: 15px;
    font-weight: normal;
    border-left: 2px solid #ffffff;
    padding-left: 36px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .CabinetItem-headAction > i {
      position: relative;
      top: -2px;
      left: -5px;
      display: inline-block;
      vertical-align: top;
      font-size: 18px; }
      .CabinetItem-headAction > i.i-cabinet-print {
        left: -6px; }
    .CabinetItem-headAction > svg {
      position: relative;
      top: 8px;
      display: inline-block;
      width: 18px;
      height: 18px;
      margin-right: 5px;
      vertical-align: top; }
      .CabinetItem-headAction > svg path, .CabinetItem-headAction > svg polygon {
        fill: #ffffff; }
    .CabinetItem-headAction:hover {
      color: #ffffff; }
  .CabinetItem-body {
    position: relative;
    background-color: #fff; }
  .CabinetItem--active {
    min-height: 327px !important; }
  .CabinetItem-bodyPackage {
    position: relative;
    background-color: #fff;
    padding: 19px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .CabinetItem-blockLeft {
    width: 660px;
    padding-left: 20px; }
  .CabinetItem-headBlockBody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 14px;
    border-bottom: 1px dashed #d1d5df; }
  .CabinetItem-blockRight {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .CabinetItem-successBlock {
    color: #599442;
    font-size: 30px; }
  .CabinetItem-priceBlock {
    font-size: 23px;
    color: #006498;
    margin-top: -8px; }
  .CabinetItem-titleBlock {
    color: #626c78;
    font-size: 12px;
    margin-top: -5px; }
  .CabinetItem-detailBlock {
    margin-top: 48px;
    text-align: center; }
    .CabinetItem-detailBlock b {
      display: block;
      margin-top: 30px;
      margin-bottom: 8px; }
  .CabinetItem-foot {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .CabinetItem-arrow {
    width: 10px;
    height: 10px; }
    .CabinetItem-arrow path {
      fill: #006598; }
    .CabinetItem-arrow--top {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .CabinetItem-footInfo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
    color: #536272;
    background-color: #DCE3EC;
    line-height: 40px; }
  .CabinetItem-footMore {
    padding: 12px 20px 13px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .CabinetItem-footMore a {
      color: #006598; }
    .CabinetItem-footMore a, .CabinetItem-footMore b {
      display: inline-block;
      cursor: pointer;
      vertical-align: top;
      text-decoration: none !important;
      border-bottom: 1px dashed;
      line-height: 14px; }
    .CabinetItem-footMore b {
      margin-top: 1px;
      border-bottom: 0;
      font-weight: normal; }
  .CabinetItem-footAction {
    position: relative;
    float: left;
    width: 100%;
    height: 40px; }
    .CabinetItem-footAction .Btn {
      display: block;
      width: 100%;
      border-radius: 0; }
    .CabinetItem-footAction--half {
      width: 50%; }
  .CabinetItem-footCancelationSuccess {
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    text-align: center;
    opacity: 1;
    color: #64af5b;
    line-height: 40px; }
    .CabinetItem-footCancelationSuccess.ng-hide-remove {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 0; }
  .CabinetItem-footCanceleationFail {
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    text-align: center;
    opacity: 1;
    color: #DF5851;
    line-height: 40px; }
    .CabinetItem-footCanceleationFail.ng-hide-remove {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -ms-transform: scale(0);
      -o-transform: scale(0);
      transform: scale(0);
      opacity: 0; }
  .CabinetItem-purchase {
    margin: -20px 0 20px; }

.CabinetTicket-headStatus {
  width: 180px; }

.CabinetTicket-headInfo {
  margin-left: 180px; }

.CabinetTicket-body {
  padding: 19px 0; }

.CabinetTicket-footInfo {
  width: 180px; }
  .CabinetTicket-footInfo > i {
    margin-right: 1px;
    font-size: 24px;
    line-height: 20px; }

.CabinetTicket-footMore {
  right: 250px;
  left: 180px; }

.CabinetTicket-footActions {
  width: 250px; }

.CabinetTicket-flightTitle {
  color: #006498;
  font-size: 20px;
  font-weight: bold;
  margin: 0 20px 15px; }
  .CabinetTicket-flightTitle--cabinetAvia {
    margin: -10px 20px 0px; }
  .CabinetTicket-flightTitle--cabinetPackage {
    margin: -6px 20px 0px 0px;
    color: #3b4653; }
  .CabinetTicket-flightTitle--travel {
    margin-top: 10px;
    max-width: 100%;
    margin-bottom: -6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    .CabinetTicket-flightTitle--travel .i-change--size {
      margin: 0 8px; }
  .CabinetTicket-flightTitle svg {
    width: 15px;
    height: 15px;
    margin: 0 5px; }
    .CabinetTicket-flightTitle svg [fill="#F33710"] {
      fill: #006498; }

.CabinetTicket-flightDefinition {
  margin: 0 20px 10px;
  font-size: 14px;
  color: #626c78; }

.CabinetTicket-item {
  margin-right: 320px;
  margin-bottom: 3px; }

.CabinetTicket-priceBox {
  position: absolute;
  top: 0;
  right: 0;
  width: 310px;
  height: 100%; }

.CabinetTicket-priceTable {
  display: table;
  width: 100%;
  height: 100%; }

.CabinetTicket-priceTableCol {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.CabinetTicket-favorite {
  background-image: url(/images/common-0af6a9e476.png);
  background-position: -413px -185px;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 113px;
  top: 30px; }

.CabinetTicket-price {
  color: #006498;
  font-family: "Roboto";
  font-size: 23px;
  line-height: 25px; }
  .CabinetTicket-price .Currency {
    font-size: 20px;
    line-height: 20px; }

.CabinetTicket-priceExplain {
  color: #626c78;
  font-size: 12px; }

.CabinetTicket-flightGroupTitle {
  margin-top: -3px;
  margin-left: 180px;
  text-align: center;
  color: #FF8500;
  font-family: "Roboto";
  font-size: 17px;
  font-weight: bold;
  line-height: 40px; }
  .CabinetTicket-flightGroupTitle > b {
    color: #414754; }
  .CabinetTicket-flightGroupTitle--first {
    margin-top: -15px; }

.RestorePasswordPage {
  width: 100%;
  min-height: 335px;
  padding: 40px;
  background-color: #e7ebf2; }
  .RestorePasswordPage-title {
    font-size: 22px;
    color: #006498; }
  .RestorePasswordPage-subTitle {
    font-size: 16px;
    color: #3b4653; }
  .RestorePasswordPage-form {
    width: 440px;
    margin: auto;
    margin-top: 10px; }
  .RestorePasswordPage-form--invalid .RestorePasswordPage-inputField > .ng-invalid {
    border: 1px solid #dc3228; }
  .RestorePasswordPage-inputField {
    height: 50px;
    margin-bottom: 5px;
    position: relative;
    width: 440px; }
    .RestorePasswordPage-inputField:last-child {
      margin-bottom: 0; }
    .RestorePasswordPage-inputField:before {
      position: absolute;
      font-size: 22px;
      top: 14px;
      left: 10px; }
    .RestorePasswordPage-inputField input {
      width: 100%;
      height: 100%;
      border: 1px solid #d1d5df;
      padding-left: 40px; }
  .RestorePasswordPage-changeBtn {
    width: 100%;
    margin-bottom: 10px;
    height: 50px;
    line-height: 50px;
    font-size: 16px; }
  .RestorePasswordPage .RestorePasswordPage-wrapper {
    width: 880px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    background-color: #ffffff; }

.ResotrePasswordPage-footer {
  position: relative;
  bottom: 0; }

.AuthModal {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*
  .nav-tabs > li.active > a {
    color: $links;
    margin: 0 1px;
    background: none;
    &:before {
      top: 3px;
      content: ' ';
      position: absolute;
      width: 100%;
      height: 100%;
      border-bottom: 3px solid $links;
    }
  }
  .nav-tabs > li > a:hover {
    color: $links;
    border: none;
    background: none;
  }
  .nav-tabs > li > a:focus {
    color: $links;
    border: none;
    background: none;
  }
  .nav-tabs > li.active > a:hover {
    color: $links;
    background: none;
    border: none;
  }*/ }
  .AuthModal .modal-dialog {
    width: 465px !important;
    margin: 0; }
    .AuthModal .modal-dialog .modal-body {
      padding: 0; }
  .AuthModal .modal-vertical-centered {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important; }
  .AuthModal .form-group {
    margin-bottom: 4px; }
    .AuthModal .form-group .form-control {
      height: 50px;
      padding: 0 14px; }
  .AuthModal .Btn {
    width: 100%;
    height: 50px;
    line-height: 50px; }
  .AuthModal .nav-tabs {
    width: 100%;
    border: none;
    padding: 20px 20px 0 20px;
    font-size: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .AuthModal .nav-tabs > li {
    width: 40%;
    min-width: 0px;
    text-align: center; }
  .AuthModal .nav-tabs > li:first-of-type {
    width: 20%;
    padding-left: 0; }
  .AuthModal .nav-tabs > li:last-of-type {
    padding-right: 0; }
  .AuthModal .AuthModal-navLogin {
    width: 90px; }
  .AuthModal .AuthModal-navPin {
    width: 160px; }
  .AuthModal .AuthModal-navReg {
    width: 160px; }
  .AuthModal .AuthModal-content {
    padding: 20px; }
    .AuthModal .AuthModal-content [class^="i-"]:before, .AuthModal .AuthModal-content [class*=" i-"]:before {
      line-height: 39px; }
  .AuthModal .AuthModal-login .i-login {
    position: relative;
    top: -1px;
    padding-right: 5px; }
  .AuthModal .AuthModal-restore .Btn {
    margin-top: 20px; }
  .AuthModal .AuthModal-loginForget {
    font-size: 15px;
    color: #006598;
    text-align: left; }
    .AuthModal .AuthModal-loginForget--title {
      border-bottom: 1px dashed #006598; }
    .AuthModal .AuthModal-loginForget a .i-information {
      font-size: 18px; }
    .AuthModal .AuthModal-loginForget a:hover {
      text-decoration: blink; }
  .AuthModal .AuthModal-loginInfo {
    color: #009cda;
    font-size: 16px; }
  .AuthModal .AuthModal-loginInfoCount {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    text-align: center;
    color: #FFF;
    border-radius: 50%;
    background-color: #009AD7;
    font-size: 8px; }
  .AuthModal .AuthModal-loginInfo > ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .AuthModal .AuthModal-loginInfo > ul > li {
    color: #505d71;
    font-size: 12px;
    line-height: 1.5; }
  .AuthModal .AuthModal-registration .Btn {
    margin-top: 20px; }
  .AuthModal .AuthModal-registration .i-newuser {
    position: relative;
    top: -1px; }
  .AuthModal .AuthModal-registration .SocialBox {
    margin-top: 20px; }
  .AuthModal .AuthModal-registration .Checkbox-icon {
    background-color: #009cd9; }
  .AuthModal .AuthModal-registration .Checkbox-label {
    width: 90%; }
  .AuthModal .AuthModal-registration .Checkbox-checkIcon {
    color: #FFF; }
  .AuthModal-closeIcon {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer; }
    .AuthModal-closeIcon svg {
      width: 100%;
      height: 100%; }

.SocialBox {
  position: relative;
  top: -5px;
  float: right; }
  .SocialBox .SocialBox-title {
    color: #9da8b7; }

.SocialBoxIcon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 1px;
  cursor: pointer;
  color: #FFF;
  border-radius: 50%;
  font-size: 16px;
  line-height: 24px; }
  .SocialBoxIcon i {
    position: relative; }

.SocialBoxIcon--Ok {
  background-color: #f68721; }
  .SocialBoxIcon--Ok i {
    top: -2px;
    left: 8px; }

.SocialBoxIcon--Vk {
  background-color: #37648f; }
  .SocialBoxIcon--Vk i {
    top: -2px;
    left: 3px; }

.SocialBoxIcon--Fb {
  background-color: #475d87; }
  .SocialBoxIcon--Fb i {
    top: -2px;
    left: 8px; }

.SocialBoxIcon--Gl {
  background-color: #D3513F; }
  .SocialBoxIcon--Gl i {
    top: -2px;
    left: 6px; }

.AuthModal-divider {
  position: relative;
  display: block;
  padding: 5px 0px;
  margin: 18px 0px 18px;
  text-align: center;
  color: #d1d5df; }
  .AuthModal-divider:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 16px;
    height: 1px;
    background-color: #d1d5df; }
  .AuthModal-divider span {
    position: relative;
    background-color: #fff;
    padding: 0px 10px; }

.AuthModal .AuthModal-loginForget {
  text-align: center;
  font-size: 14px;
  margin-bottom: 12px; }
  .AuthModal .AuthModal-loginForget a .i-information {
    font-size: 12px; }

.AuthModal .AuthModal .Btn {
  margin-bottom: 22px; }

.AuthModal .AuthModal .AuthModal-content {
  padding: 30px; }

.AuthModal .nav-tabs {
  padding: 32px 35px 2px 35px; }

.AuthModal .nav-tabs > li > a {
  position: relative;
  color: #626c78;
  display: inline;
  padding: 0px 0px 6px 0px;
  margin: 0 1px;
  border: none;
  line-height: 30px;
  background-color: transparent; }
  .AuthModal .nav-tabs > li > a:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background-color: #3b4653;
    -webkit-transform: scale3d(0, 1, 1);
    -moz-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    -o-transition: -o-transform 0.1s;
    -moz-transition: transform 0.1s, -moz-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s, -moz-transform 0.1s, -o-transform 0.1s; }
  .AuthModal .nav-tabs > li > a:hover {
    color: #3b4653; }
    .AuthModal .nav-tabs > li > a:hover:after {
      display: block;
      width: 100%;
      -webkit-transform: scale3d(1, 1, 1);
      -moz-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
      -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s; }

.AuthModal .nav-tabs > li.active > a {
  color: #46bcea;
  border: none; }
  .AuthModal .nav-tabs > li.active > a:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.1s;
    transition: -webkit-transform 0.1s;
    -o-transition: -o-transform 0.1s;
    -moz-transition: transform 0.1s, -moz-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s, -moz-transform 0.1s, -o-transform 0.1s;
    background-color: #46bcea; }
  .AuthModal .nav-tabs > li.active > a:hover, .AuthModal .nav-tabs > li.active > a:focus {
    background-color: transparent; }

.AuthModal .form-group {
  margin-bottom: 0px; }
  .AuthModal .form-group:not(:first-child) {
    margin-top: 10px; }
  .AuthModal .form-group .form-control {
    height: 44px;
    text-align: center; }

.AuthModal .AuthModal-SocialLogin {
  text-align: center; }
  .AuthModal .AuthModal-SocialLogin p {
    margin-bottom: 5px; }

.AuthModal .SocialList {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }
  .AuthModal .SocialList-Item {
    display: inline-block;
    width: 45px;
    height: 45px; }
    .AuthModal .SocialList-Item:not(:last-child) {
      margin-right: 5px; }
    .AuthModal .SocialList-Item:hover {
      cursor: pointer; }
      .AuthModal .SocialList-Item:hover path.st0 {
        -webkit-columns: #333;
        -moz-columns: #333;
        columns: #333; }

/*Adaptive*/
@media screen and (max-width: 400px) {
  .AuthModal .nav-tabs {
    font-size: 12px !important; } }

.SearchFormModal-closeBtn {
  position: absolute;
  z-index: 9999999;
  top: 195px;
  left: 1485px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  color: #46bcea;
  font-size: 22px; }

.SearchForm--inline {
  display: inline-block;
  margin: auto; }

.SearchForm--blue .SearchForm .SearchForm-searchHeader {
  background-color: #46bcea; }
  .SearchForm--blue .SearchForm .SearchForm-searchHeader div {
    border-bottom-color: #FFF; }

.SearchForm--blue .HotelSearch .HotelSearch-upBox {
  background-color: #46bcea; }

.SearchForm--blue .HotelSearch .HotelSearch-downBox {
  background-color: #46bcea; }

.SearchForm--blue .HotelSearch .HotelSearch-roomNumber {
  color: #46bcea;
  background-color: #FFF; }
  .SearchForm--blue .HotelSearch .HotelSearch-roomNumber:before {
    border-left-color: #FFF; }

.SearchForm--blue .HotelSearch .HotelSearch-hint a {
  color: #FFF; }

.SearchFormModal {
  z-index: 99997; }
  .SearchFormModal .modal-dialog {
    width: 1180px !important;
    margin-top: 220px; }
    .SearchFormModal .modal-dialog .SearchForm-searchHeader {
      margin: 0; }

.MessageModal {
  max-width: 500px; }
  .MessageModal-title {
    font-size: 18px;
    color: #006498;
    margin-bottom: 15px; }
  .MessageModal-message {
    margin-bottom: 15px; }
  .MessageModal-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.ModalDialog-modal.infoMassage {
  text-align: center;
  font-size: 15px;
  padding: 50px;
  max-width: 700px;
  position: relative; }

.infoMassage-exit {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #006597;
  cursor: pointer;
  -webkit-transition: color 0.4s linear;
  -o-transition: color 0.4s linear;
  -moz-transition: color 0.4s linear;
  transition: color 0.4s linear; }
  .infoMassage-exit:hover {
    color: #0098e3; }

.infoMassage-image {
  display: inline-block;
  background-image: url(/images/common-0af6a9e476.png);
  background-position: -409px -260px;
  width: 70px;
  height: 78px; }

.infoMassage-title {
  color: #3b4653;
  font-size: 30px; }

.infoMassage-description {
  color: #626c78;
  margin-top: 10px; }

.infoMassage-btn {
  color: #006597;
  border: 1px solid;
  border-radius: 50px;
  padding: 5px 20px;
  margin-top: 20px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: color 0.4s linear;
  -o-transition: color 0.4s linear;
  -moz-transition: color 0.4s linear;
  transition: color 0.4s linear; }
  .infoMassage-btn:hover {
    color: #0098e3; }

.ModalSearchTimeout {
  text-align: center;
  padding: 20px;
  font-size: 15px;
  color: #626c78;
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999999 !important;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: white;
  box-shadow: 8px 7px 25px #b1aeae; }
  .ModalSearchTimeout-title {
    font-size: 30px;
    color: #f33710; }
  .ModalSearchTimeout-buttons {
    margin-top: 10px; }
  .ModalSearchTimeout .Info-btn[class*="i-"]:before {
    margin-right: 5px; }
  .ModalSearchTimeout .Info-btn.i-home-v3:before {
    font-size: 21px;
    position: relative;
    top: -2px; }
  .ModalSearchTimeout-backDrop {
    z-index: 999999 !important; }

.ModalDialogForm {
  width: 425px; }
  .ModalDialogForm-row {
    margin-bottom: 3px; }
    .ModalDialogForm-row:last-child {
      margin-bottom: 0; }
  .ModalDialogForm-row--offsetTop {
    margin-top: 20px; }
  .ModalDialogForm-inputField {
    width: 100%;
    height: 50px;
    position: relative; }
    .ModalDialogForm-inputField input {
      width: 100%;
      height: 100%;
      border: 1px solid #d1d5df;
      padding: 0 20px; }
    .ModalDialogForm-inputField input::-moz-placeholder {
      color: #626c78;
      opacity: 1; }
    .ModalDialogForm-inputField input:-ms-input-placeholder {
      color: #626c78;
      opacity: 1; }
    .ModalDialogForm-inputField input::-webkit-input-placeholder {
      color: #626c78;
      opacity: 1; }
  .ModalDialogForm-inputField--requried:after {
    font-family: "icons";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    color: #D6383C; }
  .ModalDialogForm-btn.Btn {
    width: 100%;
    height: 50px;
    line-height: 50px; }

.ModalSearchDead {
  text-align: center;
  padding: 20px;
  font-size: 15px;
  color: #626c78;
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: white;
  box-shadow: 8px 7px 25px #b1aeae; }
  .ModalSearchDead-title {
    font-size: 30px;
    color: #f33710; }
  .ModalSearchDead-buttons {
    margin-top: 10px; }
  .ModalSearchDead .Info-btn[class*="i-"]:before {
    margin-right: 5px; }
  .ModalSearchDead .Info-btn.i-home-v3:before {
    font-size: 21px;
    position: relative;
    top: -2px; }

.ModalAppliedCoupon {
  padding: 50px;
  text-align: center;
  width: 600px;
  border-bottom: none;
  box-shadow: none;
  position: relative; }
  .ModalAppliedCoupon-closeIcon {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer; }
    .ModalAppliedCoupon-closeIcon svg {
      width: 20px;
      height: 20px; }
  .ModalAppliedCoupon-title {
    font-size: 30px;
    line-height: 30px;
    color: #3b4653;
    margin-bottom: 20px; }
  .ModalAppliedCoupon-hotelInfo {
    font-size: 20px;
    line-height: 24px;
    color: #3b4653; }
  .ModalAppliedCoupon-oldPriceBadge {
    background-color: #ffb72e;
    color: white;
    font-size: 14px;
    line-height: 14px;
    width: 130px;
    margin: auto;
    margin-bottom: 3px;
    margin-top: 38px;
    position: relative;
    height: 54px;
    padding-top: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .ModalAppliedCoupon-oldPriceBadge:after {
      position: absolute;
      bottom: -16px;
      display: block;
      content: '';
      left: 0;
      width: 0;
      height: 0;
      border-left: 65px solid transparent;
      border-right: 65px solid transparent;
      border-top: 16px solid #ffb72e; }
  .ModalAppliedCoupon-oldPrice {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    position: relative; }
    .ModalAppliedCoupon-oldPrice:after {
      content: '';
      display: block;
      background-color: white;
      height: 1px;
      width: 100%;
      bottom: 9px;
      position: absolute;
      z-index: 10;
      -webkit-transform: rotate(-9deg);
      -moz-transform: rotate(-9deg);
      -ms-transform: rotate(-9deg);
      -o-transform: rotate(-9deg);
      transform: rotate(-9deg); }
  .ModalAppliedCoupon-newPrice {
    font-size: 40px;
    line-height: 40px;
    margin-top: 36px;
    margin-bottom: 15px;
    color: #ffb72e;
    font-weight: bold; }
  .ModalAppliedCoupon-arrowIcon {
    margin-bottom: 15px; }
    .ModalAppliedCoupon-arrowIcon svg {
      height: 20px;
      width: 8px; }
  .ModalAppliedCoupon-applyBtn.Btn {
    width: 290px;
    height: 60px;
    font-size: 20px;
    line-height: 60px; }
  .ModalAppliedCoupon-dotsDivider {
    margin: 15px 0;
    color: #626c78; }
  .ModalAppliedCoupon-hint {
    color: #626c78; }

.RulesModal {
  width: 700px;
  background-color: #e7ebf2;
  border-radius: 10px;
  max-height: 90vh;
  position: relative;
  color: #3b4653;
  /** List **/ }
  .RulesModal-exit {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 20px;
    cursor: pointer; }
    .RulesModal-exit:hover {
      color: #00529c; }
  .RulesModal-content {
    overflow: auto;
    max-height: 80vh;
    padding-right: 20px;
    margin: 40px 0px 20px; }
  .RulesModal-title {
    font-weight: lighter;
    text-align: left;
    font-size: 30px;
    margin-bottom: 20px;
    margin-left: 30px; }
  .RulesModal ol {
    list-style: none;
    counter-reset: li; }
  .RulesModal li:before {
    counter-increment: li;
    content: counters(li, ".") ". "; }
  .RulesModal-table {
    margin-top: 20px;
    text-align: center;
    margin: 10px auto 20px; }
    .RulesModal-table table {
      margin: 0 auto; }
    .RulesModal-table thead tr {
      color: #fff; }
      .RulesModal-table thead tr th {
        font-size: 16px;
        line-height: 32px;
        text-align: center;
        padding: 0 30px;
        background-color: #626c78; }
    .RulesModal-table tbody tr:nth-child(odd) {
      background-color: #f0f3f6; }
    .RulesModal-table tbody tr:nth-child(even) {
      background-color: #fafbfc; }
    .RulesModal-table tbody tr:hover {
      background: #00529c;
      color: #fff; }
    .RulesModal-table tbody tr > * {
      cursor: default;
      border: 1px solid #d6d6d6;
      padding: 5px; }
  .RulesModal .List {
    list-style: none;
    margin: 0px;
    padding: 0px; }
    .RulesModal .List li {
      color: #3b4653; }
  .RulesModal .List--numericCircle {
    counter-reset: my-badass-counter;
    margin-left: 30px; }
    .RulesModal .List--numericCircle > li {
      position: relative;
      padding-left: 40px;
      margin-bottom: 15px;
      font-size: 20px; }
      .RulesModal .List--numericCircle > li ol {
        padding-top: 15px; }
        .RulesModal .List--numericCircle > li ol li:not(:last-child) {
          margin-bottom: 10px; }
      .RulesModal .List--numericCircle > li:before {
        position: absolute;
        display: block;
        left: 0px;
        width: 25px;
        height: 25px;
        color: #3b4653;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        content: counter(my-badass-counter);
        counter-increment: my-badass-counter;
        border: 1px solid #3b4653;
        border-radius: 15px; }
  .RulesModal .List--dotted > li {
    position: relative;
    padding-left: 12px;
    font-size: 14px; }
    .RulesModal .List--dotted > li:before {
      position: absolute;
      content: '\00b7';
      display: block;
      left: 0px;
      font-size: 50px;
      color: #3b4653;
      line-height: 16px; }

.Currency {
  display: inline-block;
  vertical-align: top; }
  .Currency.is-bold:before {
    font-weight: bold; }
  .Currency:before {
    font-size: .8em; }

.DateBox {
  height: 40px;
  cursor: pointer;
  color: #3b4653;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .DateBox-arrow {
    width: 30px; }
  .DateBox-arrow--left {
    margin-right: 10px; }
  .DateBox-arrow--right {
    margin-left: 10px; }
  .DateBox .DateBox-datesContainer {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #ffffff; }
    .DateBox .DateBox-datesContainer > div {
      -webkit-box-flex: 10;
      -webkit-flex-grow: 10;
      -moz-box-flex: 10;
      -ms-flex-positive: 10;
      flex-grow: 10;
      -webkit-flex-shrink: 10;
      -ms-flex-negative: 10;
      flex-shrink: 10; }
    .DateBox .DateBox-datesContainer--container {
      width: 100px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
  .DateBox .DateBox-dateContainer {
    position: relative;
    height: 100%;
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden; }
    .DateBox .DateBox-dateContainer:last-child {
      border-left: 1px solid #d1d5df; }
    .DateBox .DateBox-dateContainer svg path {
      -webkit-transition: fill 0.2s;
      -o-transition: fill 0.2s;
      -moz-transition: fill 0.2s;
      transition: fill 0.2s; }
    .DateBox .DateBox-dateContainer:after {
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      -moz-transition: all .3s ease-in;
      transition: all .3s ease-in;
      border-bottom: 3px solid transparent; }
    .DateBox .DateBox-dateContainer input {
      width: 100%;
      height: 100%;
      padding: 5px 5px 5px 40px;
      border: none;
      outline: none;
      text-align: left;
      font-size: 18px; }
    .DateBox .DateBox-dateContainer input:focus {
      border: 2px solid #ffb72e; }
    .DateBox .DateBox-dateContainer > .DateBox-icon {
      display: none; }
  .DateBox .DateBox-label {
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: white; }
  .DateBox .DateBox-dateContainer--current .DateBox-icon {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 18px;
    display: block; }
  .DateBox .DateBox-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px; }
    .DateBox .DateBox-icon > svg {
      display: block;
      width: 100%;
      height: 100%; }
      .DateBox .DateBox-icon > svg path {
        fill: #3b4653; }
  .DateBox-dayOfWeek {
    width: 21px;
    height: 21px;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #ffb72e;
    border-radius: 2px;
    background-color: transparent;
    font-size: 14px;
    line-height: 19px;
    margin-right: 5px; }
  .DateBox .DateBox-date {
    font-size: 18px; }

.DateBox.one-way .DateBox-datesContainer {
  overflow: hidden; }

.DateBox.one-way .DateBox-dateContainer:last-child .DateBox-label {
  background-color: #808081;
  cursor: default;
  pointer-events: none; }

.DateBox.disabled .DateBox-dateContainer {
  color: rgba(0, 101, 151, 0.7);
  background-color: rgba(0, 122, 171, 0.3); }

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: -1000; } }

@-moz-keyframes dash {
  to {
    stroke-dashoffset: -1000; } }

@-o-keyframes dash {
  to {
    stroke-dashoffset: -1000; } }

@keyframes dash {
  to {
    stroke-dashoffset: -1000; } }

@-webkit-keyframes appear {
  from {
    opacity: 0; }
  top {
    opacity: 1; } }

@-moz-keyframes appear {
  from {
    opacity: 0; }
  top {
    opacity: 1; } }

@-o-keyframes appear {
  from {
    opacity: 0; }
  top {
    opacity: 1; } }

@keyframes appear {
  from {
    opacity: 0; }
  top {
    opacity: 1; } }

.LineLoader {
  position: absolute;
  z-index: 100;
  top: 60px;
  width: 100%;
  height: 6px;
  -webkit-animation: appear .8s linear;
  -moz-animation: appear .8s linear;
  -o-animation: appear .8s linear;
  animation: appear .8s linear;
  -webkit-animation: stripes-animation .8s linear infinite;
  -moz-animation: stripes-animation .8s linear infinite;
  -o-animation: stripes-animation .8s linear infinite;
  animation: stripes-animation .8s linear infinite;
  background-image: url(/svg/line-loader-circle.svg);
  background-color: #46bcea;
  /*@CONFIGURABLE-COLOR:control-fill*/
  background-size: 8px 6px !important;
  border-radius: 6px; }

@-webkit-keyframes stripes-animation {
  from {
    background-position: 0 0; }
  to {
    background-position: 23px 0; } }

@-moz-keyframes stripes-animation {
  from {
    background-position: 0 0; }
  to {
    background-position: 23px 0; } }

@-o-keyframes stripes-animation {
  from {
    background-position: 0 0; }
  to {
    background-position: 23px 0; } }

@keyframes stripes-animation {
  from {
    background-position: 0 0; }
  to {
    background-position: 23px 0; } }

.Loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center; }
  .Loading circle {
    fill: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill-v2*/ }
  .Loading .Loading-content {
    display: table;
    width: 100%;
    height: 100%; }
  .Loading .Loading-box {
    display: table-cell;
    vertical-align: middle; }
  .Loading .Loading-title {
    color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill*/
    font-size: 13px; }
  .Loading .Loading-svg {
    max-width: 100px;
    margin: auto;
    color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill-v2*/ }
  .Loading path {
    fill: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill-v2*/ }
  .Loading [class*="Loading-bounce"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    -webkit-animation: loadingbouncedelay 1.4s infinite ease-in-out;
    -moz-animation: loadingbouncedelay 1.4s infinite ease-in-out;
    -o-animation: loadingbouncedelay 1.4s infinite ease-in-out;
    animation: loadingbouncedelay 1.4s infinite ease-in-out;
    border-radius: 100%;
    background-color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill*/
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both; }
  .Loading .Loading-bounce1 {
    -webkit-animation-delay: -.32s;
    -moz-animation-delay: -.32s;
    -o-animation-delay: -.32s;
    animation-delay: -.32s; }
  .Loading .Loading-bounce2 {
    -webkit-animation-delay: -.16s;
    -moz-animation-delay: -.16s;
    -o-animation-delay: -.16s;
    animation-delay: -.16s; }

.Loading--pageLoader .Loading-title {
  font-size: 35px; }

.Loading--CabinetLoad {
  position: inherit;
  padding-right: 20px;
  margin-top: 150px; }
  .Loading--CabinetLoad .Loading-title {
    color: #46bcea;
    font-size: 35px; }
  .Loading--CabinetLoad [class*="Loading-bounce"] {
    background-color: #46bcea; }

@-webkit-keyframes loadingbouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes loadingbouncedelay {
  0%, 80%, 100% {
    -moz-transform: scale(0);
    transform: scale(0); }
  40% {
    -moz-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes loadingbouncedelay {
  0%, 80%, 100% {
    -o-transform: scale(0);
    transform: scale(0); }
  40% {
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes loadingbouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.textSlider {
  position: relative; }

.textSlider-contentWrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 230px; }
  .textSlider-contentWrapper .textSlider-contentItem {
    position: absolute;
    left: 50%;
    display: inline-block;
    width: 800px;
    height: 100%;
    margin-left: -400px;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    text-align: center;
    opacity: 0; }
    .textSlider-contentWrapper .textSlider-contentItem.notr {
      opacity: 0; }
  .textSlider-contentWrapper .textSlider-contentItem--big {
    width: 900px;
    margin-left: -445px;
    text-align: left; }
    .textSlider-contentWrapper .textSlider-contentItem--big h3 {
      text-align: center; }
  .textSlider-contentWrapper .textSlider-contentCurrent {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .textSlider-contentWrapper .textSlider-contentNext {
    -webkit-transform: translateX(-100vw);
    -moz-transform: translateX(-100vw);
    -ms-transform: translateX(-100vw);
    -o-transform: translateX(-100vw);
    transform: translateX(-100vw);
    opacity: 1; }
  .textSlider-contentWrapper .textSlider-contentPrev {
    -webkit-transform: translateX(100vw);
    -moz-transform: translateX(100vw);
    -ms-transform: translateX(100vw);
    -o-transform: translateX(100vw);
    transform: translateX(100vw);
    opacity: 1; }

.textSlider-arrowNext,
.textSlider-arrowPrev {
  position: absolute;
  z-index: 9999;
  top: 85px;
  width: 25px;
  height: 25px;
  cursor: pointer; }

.textSlider-arrowNext {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1179px -424px;
  width: 20px;
  height: 37px;
  right: 10px; }

.textSlider-arrowPrev {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: 0px -848px;
  width: 20px;
  height: 37px;
  left: 10px; }

.textSlider-progressIndicators {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
  .textSlider-progressIndicators .textSlider-progressIndicator {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    border: 1px solid #3b4653;
    border-radius: 2px; }
    .textSlider-progressIndicators .textSlider-progressIndicator:last-child {
      margin-right: 0; }
    .textSlider-progressIndicators .textSlider-progressIndicator.active {
      background-color: #3b4653; }

@media screen and (max-width: 910px) {
  .textSlider-progressIndicator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    cursor: pointer; } }

.SearchHistory {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  width: 100%;
  background-color: #fafbfc;
  border-radius: 2px;
  color: #3b4653;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 10px; }
  .SearchHistory-title {
    width: 150px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 15px;
    line-height: 15px; }
    .SearchHistory-title .Link {
      font-size: 12px;
      line-height: 14px; }
  .SearchHistory-search {
    cursor: pointer;
    width: 200px;
    padding-right: 25px; }
    .SearchHistory-search:hover {
      color: #2d7dc8; }
  .SearchHistory-searchPlace, .SearchHistory-searchInfo {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .SearchHistory-searchPlace {
    line-height: 14px; }
  .SearchHistory-searchInfo {
    font-size: 12px;
    line-height: 14px; }
  .SearchHistory .HorizontalScroll {
    width: 710px; }
    .SearchHistory .HorizontalScroll-arrow--left {
      margin-right: 25px;
      background-image: url(/images/common-0af6a9e476.png);
      background-position: -811px -358px;
      width: 7px;
      height: 13px;
      width: 8px; }
    .SearchHistory .HorizontalScroll-arrow--right {
      margin-left: 25px;
      background-image: url(/images/common-0af6a9e476.png);
      background-position: -802px -358px;
      width: 7px;
      height: 13px;
      width: 8px; }
    .SearchHistory .HorizontalScroll-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }

.PassengersPickerControl {
  position: relative;
  height: 50px;
  width: 200px;
  line-height: 50px;
  background-color: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  font-size: 18px;
  color: #3b4653;
  outline: none;
  border: none; }
  .PassengersPickerControl-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .PassengersPickerControl:focus {
    border: 2px solid #ffb72e; }
  .PassengersPickerControl .i-person-torso {
    font-size: 22px;
    margin: 0 5px 0 10px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    top: -2px; }
  .PassengersPickerControl--opened {
    border: 2px solid #ffb72e;
    height: 106%; }
    .PassengersPickerControl--opened .PassengersPickerControl-dropdownIcon {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .PassengersPickerControl-text {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: left; }
  .PassengersPickerControl-dropdownIcon {
    height: 13px;
    width: 13px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in; }
    .PassengersPickerControl-dropdownIcon svg {
      display: block; }
  .PassengersPickerControl + .dropdown-menu {
    width: 351px;
    margin-top: 8px;
    padding: 20px;
    color: #3b4653;
    border-color: #ffffff;
    border-radius: 3px;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .PassengersPickerControl + .dropdown-menu:before {
      display: block;
      content: '';
      position: absolute;
      top: -7px;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -7px;
      border-style: solid;
      border-width: 7px 7px 0 7px;
      border-color: #ffffff transparent transparent transparent; }
  .PassengersPickerControl-guests {
    width: 175px;
    float: left;
    margin-right: 19px; }
  .PassengersPickerControl-row {
    padding-bottom: 15px; }
    .PassengersPickerControl-row:last-of-type {
      padding: 0; }
  .PassengersPickerControl-title {
    font-size: 15px;
    line-height: 34px;
    vertical-align: 30px;
    float: left;
    width: 110px; }
    .PassengersPickerControl-title--withChildren {
      line-height: 19px; }
    .PassengersPickerControl-title--childrenWarn {
      font-size: 12px;
      line-height: 12px; }
  .PassengersPickerControl-numPicker {
    float: left;
    width: 64px; }
  .PassengersPickerControl-class {
    width: 114px;
    float: left; }
  .PassengersPickerControl-classItem {
    cursor: pointer;
    text-align: center;
    width: 100%;
    font-size: 15px;
    line-height: 33px;
    color: #46bcea;
    background-color: #ffffff;
    border: 1px solid #46bcea;
    border-radius: 3px;
    display: block;
    background-color: transparent;
    outline: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .PassengersPickerControl-classItem:focus {
      border: 1px solid #ffb72e; }
    .PassengersPickerControl-classItem:first-letter {
      text-transform: uppercase; }
    .PassengersPickerControl-classItem--active {
      background-color: #46bcea;
      color: #ffffff; }
      .PassengersPickerControl-classItem--active:hover {
        background-color: #46bcea !important;
        color: #ffffff !important; }
    .PassengersPickerControl-classItem:hover {
      background-color: rgba(70, 188, 234, 0.2);
      color: #46bcea;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
  .PassengersPickerControl-childrenPlaceholder {
    cursor: default; }
  .PassengersPickerControl-childrenPlaceholderIcon {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 35px;
    height: 16px;
    margin-right: 7px;
    vertical-align: middle;
    border: 1px solid #666;
    border-radius: 8px;
    cursor: pointer; }
    .PassengersPickerControl-childrenPlaceholderIcon:before {
      display: block;
      content: '';
      position: absolute;
      top: 1px;
      left: 1px;
      width: 12px;
      height: 12px;
      background-color: #666;
      border-radius: 50%; }
  .PassengersPickerControl-adults, .PassengersPickerControl-children, .PassengersPickerControl-smallChildren {
    position: relative; }
  .PassengersPickerControl-increase, .PassengersPickerControl-decrease {
    position: absolute;
    top: 0;
    width: 40px;
    font-family: "PT Sans", sans-serif;
    font-size: 28px;
    cursor: pointer; }
  .PassengersPickerControl-increase {
    left: 0; }
  .PassengersPickerControl-decrease {
    right: 0; }
  .PassengersPickerControl-classBtn {
    position: absolute;
    top: 0;
    width: 50%;
    height: 40px;
    font-family: "PT Sans", sans-serif;
    font-size: 13px;
    border: 1px solid #3aa3d0;
    cursor: pointer;
    font-size: 19px; }
  .PassengersPickerControl-classBtn--economy {
    left: 0; }
  .PassengersPickerControl-classBtn--business {
    right: 0; }
  .PassengersPickerControl-classBtn--active {
    color: #ffffff;
    background-color: #3aa3d0;
    cursor: default; }
  .PassengersPickerControl-classBtn--firstClass {
    top: 40px;
    height: 40px;
    width: 100%;
    border: none;
    border-radius: 0 0 3px 3px; }

.imageNewPreview {
  width: 70%;
  height: 80%;
  border-radius: 3px;
  position: fixed;
  top: 10%;
  left: 15%;
  min-height: 540px;
  max-height: 765px;
  max-width: 1345px; }
  .imageNewPreview-ImagesBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%; }
  .imageNewPreview-imageActiveBlock {
    width: 80%;
    background-color: rgba(0, 0, 0, 0.9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #303b47; }
  .imageNewPreview-imageActive {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden; }
    .imageNewPreview-imageActive img {
      cursor: pointer;
      max-width: 100%;
      max-height: 100%; }
  .imageNewPreview-arrowLeft {
    left: 20px;
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -523px -260px;
    width: 19px;
    height: 35px; }
  .imageNewPreview-arrowRight {
    right: 20px;
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -481px -260px;
    width: 19px;
    height: 35px; }
  .imageNewPreview-arrowLeft, .imageNewPreview-arrowRight {
    position: absolute;
    cursor: pointer;
    top: -webkit-calc(50% - 7.5px);
    top: -moz-calc(50% - 7.5px);
    top: calc(50% - 7.5px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .imageNewPreview-arrowLeft:hover, .imageNewPreview-arrowRight:hover {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
  .imageNewPreview-title {
    color: #fff;
    font-size: 20px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 12px 20px;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent));
    background: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 50%, transparent 100%); }
  .imageNewPreview-sliderBlock {
    background-color: rgba(0, 0, 0, 0.8);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 60px;
    min-width: 265px; }

.imageNewPreviewExit {
  display: inline-block;
  border-radius: 20px;
  padding: 0px 5px;
  position: absolute;
  -webkit-transition: border 0.2s;
  -o-transition: border 0.2s;
  -moz-transition: border 0.2s;
  transition: border 0.2s;
  cursor: pointer;
  right: 20px;
  top: 20px;
  width: 40px;
  height: 40px;
  border: 3px solid #fff; }
  .imageNewPreviewExit:after, .imageNewPreviewExit:before {
    content: '';
    display: block;
    border-top: 3px solid #fff;
    width: 20px;
    position: absolute;
    top: 14.5px;
    left: 7px;
    -webkit-transition: border 0.2s;
    -o-transition: border 0.2s;
    -moz-transition: border 0.2s;
    transition: border 0.2s; }
  .imageNewPreviewExit:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .imageNewPreviewExit:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .imageNewPreviewExit:hover,
  .imageNewPreviewExit:hover .imageNewPreviewExit:after,
  .imageNewPreviewExit:hover .imageNewPreviewExit:before {
    border-color: #fff; }

.imagesList {
  height: 580px; }
  .imagesList--800 {
    display: none; }
  .imagesList .HorizontalScroll-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .imagesList .HorizontalScroll-arrow--left {
    left: 65px;
    top: -60px !important;
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -523px -260px;
    width: 19px;
    height: 35px; }
  .imagesList .HorizontalScroll-arrow--right {
    bottom: -60px;
    left: 65px;
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -481px -260px;
    width: 19px;
    height: 35px; }
  .imagesList .HorizontalScroll-arrow--left,
  .imagesList .HorizontalScroll-arrow--right {
    position: absolute;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -moz-transition: transform 0.3s, -moz-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; }
    .imagesList .HorizontalScroll-arrow--left:hover,
    .imagesList .HorizontalScroll-arrow--right:hover {
      -webkit-transform: rotate(90deg) scale(1.2);
      -moz-transform: rotate(90deg) scale(1.2);
      -ms-transform: rotate(90deg) scale(1.2);
      -o-transform: rotate(90deg) scale(1.2);
      transform: rotate(90deg) scale(1.2); }
  .imagesList .HorizontalScroll-desibledLeft,
  .imagesList .HorizontalScroll-desibledRight {
    cursor: default; }
  .imagesList .HorizontalScroll-desibledLeft {
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -502px -260px;
    width: 19px;
    height: 35px; }
  .imagesList .HorizontalScroll-desibledRight {
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -544px -260px;
    width: 19px;
    height: 35px; }
  .imagesList-imagesListBlock {
    border-radius: 2px;
    width: 140px;
    height: 140px;
    margin: 2.5px;
    display: inline-block;
    background-size: cover;
    cursor: pointer;
    z-index: 9999;
    position: relative; }
    .imagesList-imagesListBlock img {
      width: 140px;
      height: 140px; }
    .imagesList-imagesListBlock.active {
      border: 2px solid #ffb72e; }
  .imagesList .HorizontalScroll-window {
    height: 580px;
    overflow: hidden; }

@media (max-height: 880px) {
  .imagesList {
    display: none; }
    .imagesList--800 {
      height: 420px;
      display: block;
      width: 100px; }
      .imagesList--800 .HorizontalScroll-arrow--left {
        top: -45px !important;
        left: 45px; }
      .imagesList--800 .HorizontalScroll-arrow--right {
        bottom: -45px;
        left: 45px; }
      .imagesList--800 .imagesList-imagesListBlock {
        height: 100px;
        width: 97px; }
      .imagesList--800 .HorizontalScroll-window {
        height: 420px; }
  .imageNewPreview-sliderBlock {
    padding: 0 15px;
    min-width: 135px;
    position: relative;
    z-index: 9; } }

@media (max-width: 1281px) {
  .imageNewPreview-title {
    font-size: 15px;
    padding: 9.5px 20px; } }

.Paginator {
  position: fixed;
  z-index: 999;
  right: 10px; }
  .Paginator-page {
    display: block;
    margin-bottom: 5px; }
    .Paginator-page a {
      display: block;
      width: 30px;
      height: 30px;
      text-align: center;
      text-decoration: none;
      color: #006597;
      /*@CONFIGURABLE-COLOR:btn-common*/
      border: 3px solid #006597;
      /*@CONFIGURABLE-COLOR:btn-common*/
      border-radius: 50%;
      font-size: 15px;
      font-weight: 800;
      line-height: 25px; }
      .Paginator-page a:hover {
        color: #ffffff;
        border-color: #006597;
        /*@CONFIGURABLE-COLOR:btn-common*/
        background-color: #006597;
        /*@CONFIGURABLE-COLOR:btn-common*/ }
  .Paginator-page--active a {
    color: #ffffff;
    border-color: #006597;
    /*@CONFIGURABLE-COLOR:btn-common*/
    background-color: #006597;
    /*@CONFIGURABLE-COLOR:btn-common*/ }
  .Paginator-page--disabled a {
    pointer-events: none;
    border: none;
    font-size: 22px;
    line-height: 18px; }

.PopupNotification {
  background-color: rgba(198, 20, 15, 0.9);
  border-radius: 6px;
  position: absolute;
  padding: 15px 12px 10px 12px;
  color: white;
  width: 100%; }
  .PopupNotification-arrow {
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -602px -447px;
    width: 41px;
    height: 22px;
    position: absolute;
    bottom: -21px;
    left: 100px; }
  .PopupNotification-close {
    position: absolute;
    color: white;
    right: 6px;
    top: 0px;
    cursor: pointer; }
    .PopupNotification-close a span:before {
      color: white; }
  .PopupNotification-content {
    text-align: center; }

.LandingSwitcher {
  position: relative;
  margin: 0;
  margin-bottom: 30px;
  font-size: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (min-height: 1000px) {
    .LandingSwitcher {
      margin-bottom: 40px; } }
  .LandingSwitcher ul {
    padding: 0;
    margin: 0; }
  .LandingSwitcher li {
    width: 167px;
    cursor: pointer;
    display: inline-block;
    margin: 0 3px;
    line-height: 40px;
    border: 1px solid #ff8500;
    border-radius: 50px; }
    @media (min-width: 1900px) {
      .LandingSwitcher li {
        line-height: 50px;
        width: 200px; } }
  .LandingSwitcher-tab {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    background: rgba(255, 255, 255, 0.2); }
    .LandingSwitcher-tab a {
      color: #ff8500; }
    .LandingSwitcher-tab:hover {
      background: rgba(255, 133, 0, 0.1);
      border: 1px solid #e67700; }
      .LandingSwitcher-tab:hover a {
        color: #e67700; }
    .LandingSwitcher-tab--active {
      background: #ff8500; }
      .LandingSwitcher-tab--active a {
        color: white; }
        .LandingSwitcher-tab--active a:hover {
          color: white; }
      .LandingSwitcher-tab--active:hover {
        background: #ff8500;
        border: 1px solid #ff8500; }
        .LandingSwitcher-tab--active:hover a {
          color: white; }
  .LandingSwitcher-bg {
    z-index: -10;
    top: -140px;
    right: 0;
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 350px;
    background: url(/images/white-labels/hotelbook/bg_menu-5aeb61b8f6.png);
    background-size: cover;
    background-position: center; }

.HighlightOnFocus-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  z-index: 9998; }

.HighlightOnFocus-backdrop--hidden {
  opacity: 0;
  visibility: hidden; }

.HighlightOnFocus-focused {
  position: relative;
  z-index: 99999; }

.DateRangeHockey {
  border-radius: 2px;
  overflow: hidden;
  padding: 0 30px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  font-size: 15px;
  width: 1000px;
  z-index: 9000; }
  .DateRangeHockey.tooltip .tooltip-arrow {
    display: none;
    border-width: 7px 7px 0 7px;
    border-top-color: #ffb72e; }
  .DateRangeHockey.tooltip.top {
    border-radius: 2px;
    overflow: hidden;
    margin-top: 15px; }
  .DateRangeHockey.tooltip.bottom {
    margin-top: 0;
    padding: 0; }
  .DateRangeHockey.tooltip.top .tooltip-arrow {
    border-width: 10px 10px 0;
    border-top-color: white;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  .DateRangeHockey-box {
    border-radius: 2px;
    overflow: hidden;
    max-width: 1000px;
    padding: 0; }
  .DateRangeHockey-head {
    padding-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #3b4653;
    background-color: #ffffff; }
    .DateRangeHockey-head .DateRangeHockey-control {
      padding-top: 3px;
      padding-left: 10px;
      text-align: center;
      text-transform: uppercase; }
    .DateRangeHockey-head .DateRangeHockey-controlArrow {
      height: 18px; }
    .DateRangeHockey-head .DateRangeHockey-controlArrow svg {
      color: #3b4653;
      height: 15px;
      width: 15px;
      cursor: pointer; }
    .DateRangeHockey-head .DateRangeHockey-controlArrow--disabled svg path {
      fill: #B0B7BF !important; }
    .DateRangeHockey-head .DateRangeHockey-monthName {
      font-size: 30px;
      text-transform: uppercase; }
    .DateRangeHockey-head .DateRangeHockey-label {
      padding: 0 15px;
      border-left: 1px solid white;
      border-right: 1px solid white; }
  .DateRangeHockey-main {
    padding: 15px 51px 28px 51px;
    background-color: white; }
  .DateRangeHockey-calendar {
    width: 100%; }
  .DateRangeHockey-day {
    float: left;
    width: 128px;
    height: 100%;
    color: #626c78;
    border-bottom: 1px solid #d1d5df;
    border-left: 1px solid #d1d5df;
    line-height: 34px; }
    .DateRangeHockey-day:nth-child(7n+1) {
      border-left: none; }
    .DateRangeHockey-day:last-child {
      border-right: 1px solid #d1d5df; }
  .DateRangeHockey-date {
    background-color: #e7ebf2;
    margin-bottom: 1px;
    font-size: 20px; }
    .DateRangeHockey-date--empty {
      height: 100%;
      background-color: transparent; }
  .DateRangeHockey-match {
    color: #3b4653;
    width: 60px;
    float: left;
    background: #e7ebf2;
    border-radius: 2px;
    margin-bottom: 1px;
    margin-left: 3px;
    margin-top: 1px; }
    .DateRangeHockey-match .iti-flag {
      float: left;
      top: 2px;
      width: 10px !important;
      height: 10px !important; }
  .DateRangeHockey-matchTeam {
    width: 100%;
    line-height: 14px;
    height: 14px; }
  .DateRangeHockey-country {
    float: left;
    padding-left: 2px;
    font-size: 10px;
    letter-spacing: -0.05em; }
  .DateRangeHockey-weekdays {
    background-color: #626c78; }
    .DateRangeHockey-weekdays .DateRangeHockey-day {
      height: 23px;
      text-transform: capitalize;
      color: #ffffff;
      font-size: 16px;
      line-height: 22px;
      border: none; }
  .DateRangeHockey-week {
    height: 128px; }
    .DateRangeHockey-week .DateRangeHockey-date--empty {
      line-height: 128px; }
    .DateRangeHockey-week--clear {
      height: 65px; }
      .DateRangeHockey-week--clear .DateRangeHockey-date {
        line-height: 65px; }
  @media (min-height: 900px) {
    .DateRangeHockey .DateRangeHockey-week--clear {
      height: 128px; }
      .DateRangeHockey .DateRangeHockey-week--clear .DateRangeHockey-date {
        line-height: 128px; } }
  .DateRangeHockey-days {
    border: 1px solid #d1d5df; }
    .DateRangeHockey-days .DateRangeHockey-day {
      color: #626c78;
      font-size: 18px;
      cursor: pointer; }
      .DateRangeHockey-days .DateRangeHockey-day:nth-child(n+29) {
        border-bottom: 1px solid #d1d5df; }
      .DateRangeHockey-days .DateRangeHockey-day:nth-child(7n-1) {
        /* background-color: #d0e7f1; */ }
      .DateRangeHockey-days .DateRangeHockey-day:nth-child(7n) {
        /* background-color: #d0e7f1; */ }
      .DateRangeHockey-days .DateRangeHockey-day.is-disabled {
        cursor: default;
        color: #a8b3bf; }
        .DateRangeHockey-days .DateRangeHockey-day.is-disabled:hover {
          background-color: #ffffff; }
          .DateRangeHockey-days .DateRangeHockey-day.is-disabled:hover .DateRangeHockey-date {
            color: #a8b3bf;
            background-color: #ffffff; }
      .DateRangeHockey-days .DateRangeHockey-day.is-amid {
        overflow: hidden;
        background-color: #d5e5f4; }
        .DateRangeHockey-days .DateRangeHockey-day.is-amid .DateRangeHockey-match {
          background-color: #ffffff;
          opacity: 0.9; }
        .DateRangeHockey-days .DateRangeHockey-day.is-amid .DateRangeHockey-date {
          background-color: #b3d0eb; }
        .DateRangeHockey-days .DateRangeHockey-day.is-amid.is-last-selected-date {
          color: #ffffff;
          background-color: #abcbe9; }
          .DateRangeHockey-days .DateRangeHockey-day.is-amid.is-last-selected-date .DateRangeHockey-date {
            background-color: #006498; }
        .DateRangeHockey-days .DateRangeHockey-day.is-amid.is-first-selected-date {
          color: #ffffff;
          background-color: #abcbe9; }
          .DateRangeHockey-days .DateRangeHockey-day.is-amid.is-first-selected-date .DateRangeHockey-date {
            background-color: #006498; }
        .DateRangeHockey-days .DateRangeHockey-day.is-amid:hover {
          position: relative; }
      .DateRangeHockey-days .DateRangeHockey-day.is-selected {
        /*  color: $white; */
        background-color: #abcbe9; }
        .DateRangeHockey-days .DateRangeHockey-day.is-selected .DateRangeHockey-date {
          color: #ffffff;
          background-color: #006498; }
        .DateRangeHockey-days .DateRangeHockey-day.is-selected .DateRangeHockey-match {
          background-color: #ffffff;
          opacity: 0.9; }
      .DateRangeHockey-days .DateRangeHockey-day:hover {
        background-color: #abcbe9; }
        .DateRangeHockey-days .DateRangeHockey-day:hover .DateRangeHockey-date {
          color: #ffffff;
          background-color: #006498; }
        .DateRangeHockey-days .DateRangeHockey-day:hover .DateRangeHockey-match {
          background-color: #ffffff;
          opacity: 0.9; }
      .DateRangeHockey-days .DateRangeHockey-day.is-today {
        border: 2px solid #ffb72e;
        border-left: 3px solid #ffb72e; }

.Lightbox {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0; }
  .Lightbox-closeBtn {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer; }
    .Lightbox-closeBtn svg {
      width: 30px;
      height: 30px; }
    .Lightbox-closeBtn svg path {
      fill: #fff !important;
      stroke-width: 2px; }
  .Lightbox-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #ffb72e; }
  .Lightbox-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer; }
    .Lightbox-arrow svg {
      width: 20px;
      height: 20px; }
    .Lightbox-arrow svg path {
      fill: #fff; }
  .Lightbox-arrow--left {
    left: 20px; }
  .Lightbox-arrow--right {
    right: 20px; }
  .Lightbox-currentImg {
    max-height: 80vh;
    max-width: 80vw; }
  .Lightbox-status {
    height: 40px;
    color: white;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0 14px; }

.HelpBalloon {
  font-size: 14px;
  background: rgba(198, 20, 15, 0.96);
  color: white;
  padding: 15px 25px; }
  .HelpBalloon .arrow:after {
    border-top-color: rgba(198, 20, 15, 0.96) !important; }
  .HelpBalloon .HelpBalloon-title {
    text-align: center;
    font-size: 38px;
    line-height: 20px; }
  .HelpBalloon .HelpBalloon-close {
    font-size: 13px;
    position: absolute;
    right: 5px;
    top: 2px; }
    .HelpBalloon .HelpBalloon-close a {
      color: white; }

.blockFooter {
  position: absolute;
  bottom: -16px;
  left: 0;
  height: 16px;
  overflow: hidden;
  display: block;
  width: 100%; }
  .blockFooter:before, .blockFooter:after {
    position: absolute;
    content: '';
    width: 50%;
    height: 100%;
    left: -15px;
    top: 0;
    background-color: #fff; }
  .blockFooter:before {
    -webkit-transform: skew(63deg);
    -moz-transform: skew(63deg);
    -ms-transform: skew(63deg);
    -o-transform: skew(63deg);
    transform: skew(63deg); }
  .blockFooter:after {
    -webkit-transform: skew(-63deg);
    -moz-transform: skew(-63deg);
    -ms-transform: skew(-63deg);
    -o-transform: skew(-63deg);
    transform: skew(-63deg);
    left: -webkit-calc(50% + 15px);
    left: -moz-calc(50% + 15px);
    left: calc(50% + 15px); }

.HeadBlock {
  height: 800px;
  position: relative;
  text-align: center; }
  .HeadBlock-FrameVideo {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    min-height: -webkit-calc(100% + 18px);
    min-height: -moz-calc(100% + 18px);
    min-height: calc(100% + 18px); }
  .HeadBlock-DarkFon {
    width: 100%;
    height: -webkit-calc(100% + 20px);
    height: -moz-calc(100% + 20px);
    height: calc(100% + 20px);
    position: absolute;
    left: 0;
    top: 0;
    background: url(/images/white-labels/wg/dottes-f3f8dc62f9.png) repeat left top; }
  .HeadBlock-searchFormWrapper--extended .HeadBlock-img {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  .HeadBlock-searchFormWrapper--extended .HeadBlock-title {
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px); }
  .HeadBlock-searchFormWrapper--extended .HotelSearchForm {
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px); }
  .HeadBlock-searchFormWrapper--extended .HeadBlock-title--size {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px); }
  .HeadBlock-img {
    margin-top: 150px;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -moz-transition: transform 0.5s, -moz-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; }
    .HeadBlock-img svg,
    .HeadBlock-img img {
      height: 40px; }
  .HeadBlock-title {
    margin: 80px auto 40px;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
    .HeadBlock-title--size {
      position: absolute;
      bottom: -17px;
      width: 100%;
      font-size: 20px; }
      .HeadBlock-title--size > * {
        display: inline-block;
        cursor: pointer; }
    .HeadBlock-title-svg svg {
      height: 15px;
      margin-top: 10px; }
      .HeadBlock-title-svg svg path {
        fill: #fff; }
  .HeadBlock .DPackSearchForm {
    display: inline-block;
    width: inherit; }
  .HeadBlock .DPackSearchForm-group,
  .HeadBlock .DPackSearchForm-group input,
  .HeadBlock .DateBox-datesContainer {
    border-radius: 2px; }
  .HeadBlock #video,
  .HeadBlock #landing-video,
  .HeadBlock video {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: -webkit-calc(100% + 18px);
    min-height: -moz-calc(100% + 18px);
    min-height: calc(100% + 18px); }
  .HeadBlock .SearchForm {
    margin-top: 20px; }
    .HeadBlock .SearchForm .HotelSearch-upBox {
      background: none; }

.DateInfoRange {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px; }
  .DateInfoRange > div {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .DateInfoRange-icon {
    position: relative;
    top: -2px; }
  .DateInfoRange-dayOfWeek {
    border: 1px solid #ffb72e;
    border-radius: 2px;
    height: 20px;
    min-width: 20px;
    padding: 0 2px;
    line-height: 16px;
    margin: 0 5px;
    text-align: center; }

.DateInputField {
  position: relative;
  width: 100%;
  height: 100%; }
  .DateInputField-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    background-color: white;
    border: 1px solid #d1d5df;
    color: #3b4653;
    text-align: left; }
  .DateInputField-inputs {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .DateInputField-input--day {
    width: 75px;
    position: relative;
    margin-right: 2px; }
  .DateInputField-input--month {
    position: relative;
    margin-right: 2px;
    width: 114px; }
    .DateInputField-input--month input {
      text-align: center; }
  .DateInputField-input--year {
    position: relative;
    width: 75px; }
  .DateInputField-input--day input, .DateInputField-input--year input {
    padding-right: 0; }

.MultiAutocomplete {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 44px;
  color: #3b4653;
  font-size: 15px;
  padding-left: 38px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
  width: 100%; }
  .MultiAutocomplete:before {
    position: absolute;
    left: 8px;
    font-size: 23px;
    top: 9px; }
  .MultiAutocomplete-selectedItems {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .MultiAutocomplete-selectedItem {
    padding: 0 10px;
    background-color: #f0f3f6;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 26px;
    line-height: 26px;
    margin-right: 3px;
    border-radius: 2px; }
    .MultiAutocomplete-selectedItem:last-child {
      margin-right: 10px; }
  .MultiAutocomplete-removeItem {
    margin-left: 5px;
    cursor: pointer;
    font-size: 10px;
    position: relative;
    top: -1px; }
  .MultiAutocomplete-termInput {
    -webkit-box-flex: 100;
    -webkit-flex-grow: 100;
    -moz-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: none;
    height: 100%; }
    .MultiAutocomplete-termInput:hover {
      border: none;
      outline: none; }
    .MultiAutocomplete-termInput:focus {
      border: none;
      outline: none; }
  .MultiAutocomplete-loader {
    z-index: 99;
    position: absolute;
    right: 5px;
    top: 6px;
    display: block;
    visibility: visible;
    width: 30px;
    height: 30px;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spinner .4s infinite linear;
    -moz-animation: spinner .4s infinite linear;
    -o-animation: spinner .4s infinite linear;
    animation: spinner .4s infinite linear;
    opacity: 1;
    border-top: 3px solid rgba(255, 255, 255, 0.2);
    border-right: 3px solid rgba(255, 255, 255, 0.2);
    border-bottom: 5px solid rgba(255, 255, 255, 0.2);
    border-left: 3px solid #46bcea;
    border-radius: 50%;
    background-color: #ffffff; }
    .MultiAutocomplete-loader.ng-hide {
      opacity: 0; }

.HelpfullInfo {
  background: #e0e6ee url(/images/info_angle-bd32ed1bd1.png) no-repeat left bottom;
  margin-left: auto;
  margin-right: auto;
  margin-top: 38px;
  margin-bottom: 180px;
  padding-bottom: 80px; }
  .HelpfullInfo:before, .HelpfullInfo:after {
    content: " ";
    display: table; }
  .HelpfullInfo:after {
    clear: both; }
  @media (min-width: 1024px) {
    .HelpfullInfo {
      width: 1024px; } }
  @media (min-width: 1280px) {
    .HelpfullInfo {
      width: 1180px; } }
  .HelpfullInfo-Nail {
    height: 75px;
    background: url(/images/pin-aero-43327787b5.png) no-repeat center center; }
  .HelpfullInfo-Title {
    font-size: 45px;
    text-align: center; }
  .HelpfullInfo-SliderItemTitle {
    font-size: 27px; }
  .HelpfullInfo-SliderItemAnnotation {
    font-size: 19px; }
  .HelpfullInfo .textSlider-arrowPrev {
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -498px -297px;
    width: 15px;
    height: 28px;
    left: 30px; }
    .HelpfullInfo .textSlider-arrowPrev:hover {
      background-image: url(/images/common-0af6a9e476.png);
      background-position: -802px -326px;
      width: 15px;
      height: 30px; }
  .HelpfullInfo .textSlider-arrowNext {
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -481px -297px;
    width: 15px;
    height: 28px;
    right: 30px; }
    .HelpfullInfo .textSlider-arrowNext:hover {
      background-image: url(/images/common-0af6a9e476.png);
      background-position: -802px -378px;
      width: 15px;
      height: 30px; }
  .HelpfullInfo .textSlider-contentWrapper {
    height: 230px; }
  .HelpfullInfo .textSlider-progressIndicator {
    width: 70px;
    height: 5px;
    border: none;
    background-color: #ffffff; }
    .HelpfullInfo .textSlider-progressIndicator.active {
      background-color: #46bcea; }

.AppLoader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .AppLoader-loader {
    width: 190px;
    height: 190px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-animation: bgcolors 10s linear infinite;
    -moz-animation: bgcolors 10s linear infinite;
    -o-animation: bgcolors 10s linear infinite;
    animation: bgcolors 10s linear infinite;
    stroke-linecap: round;
    stroke-width: 4;
    fill: none;
    stroke: #009ddb; }
  .AppLoader-internalCircle, .AppLoader-externalCircle {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    stroke-dashoffset: 0; }
  .AppLoader-internalCircle {
    -webkit-animation: internal 2s ease-in-out infinite;
    -moz-animation: internal 2s ease-in-out infinite;
    -o-animation: internal 2s ease-in-out infinite;
    animation: internal 2s ease-in-out infinite;
    opacity: .4;
    stroke-dasharray: 187;
    stroke-width: 12; }
  .AppLoader-externalCircle {
    -webkit-animation: external 2s linear infinite;
    -moz-animation: external 2s linear infinite;
    -o-animation: external 2s linear infinite;
    animation: external 2s linear infinite;
    opacity: .9;
    stroke-dasharray: 312;
    stroke-width: 6; }

@-webkit-keyframes internal {
  0% {
    stroke-dashoffset: 187; }
  25% {
    stroke-dashoffset: 80; }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    stroke-dashoffset: 187; } }

@-moz-keyframes internal {
  0% {
    stroke-dashoffset: 187; }
  25% {
    stroke-dashoffset: 80; }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    stroke-dashoffset: 187; } }

@-o-keyframes internal {
  0% {
    stroke-dashoffset: 187; }
  25% {
    stroke-dashoffset: 80; }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    stroke-dashoffset: 187; } }

@keyframes internal {
  0% {
    stroke-dashoffset: 187; }
  25% {
    stroke-dashoffset: 80; }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    stroke-dashoffset: 187; } }

@-webkit-keyframes external {
  0% {
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
    stroke-dashoffset: 312; }
  60% {
    stroke-dashoffset: -312; }
  100% {
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
    stroke-dashoffset: -312; } }

@-moz-keyframes external {
  0% {
    -moz-transform: rotate(70deg);
    transform: rotate(70deg);
    stroke-dashoffset: 312; }
  60% {
    stroke-dashoffset: -312; }
  100% {
    -moz-transform: rotate(450deg);
    transform: rotate(450deg);
    stroke-dashoffset: -312; } }

@-o-keyframes external {
  0% {
    -o-transform: rotate(70deg);
    transform: rotate(70deg);
    stroke-dashoffset: 312; }
  60% {
    stroke-dashoffset: -312; }
  100% {
    -o-transform: rotate(450deg);
    transform: rotate(450deg);
    stroke-dashoffset: -312; } }

@keyframes external {
  0% {
    -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    transform: rotate(70deg);
    stroke-dashoffset: 312; }
  60% {
    stroke-dashoffset: -312; }
  100% {
    -webkit-transform: rotate(450deg);
    -moz-transform: rotate(450deg);
    -o-transform: rotate(450deg);
    transform: rotate(450deg);
    stroke-dashoffset: -312; } }

@-webkit-keyframes bgcolors {
  0% {
    stroke: #1a87c5; }
  25% {
    stroke: #c51a3a; }
  50% {
    stroke: #e6d121; }
  75% {
    stroke: #22cf76; }
  100% {
    stroke: #1a87c5; } }

@-moz-keyframes bgcolors {
  0% {
    stroke: #1a87c5; }
  25% {
    stroke: #c51a3a; }
  50% {
    stroke: #e6d121; }
  75% {
    stroke: #22cf76; }
  100% {
    stroke: #1a87c5; } }

@-o-keyframes bgcolors {
  0% {
    stroke: #1a87c5; }
  25% {
    stroke: #c51a3a; }
  50% {
    stroke: #e6d121; }
  75% {
    stroke: #22cf76; }
  100% {
    stroke: #1a87c5; } }

@keyframes bgcolors {
  0% {
    stroke: #1a87c5; }
  25% {
    stroke: #c51a3a; }
  50% {
    stroke: #e6d121; }
  75% {
    stroke: #22cf76; }
  100% {
    stroke: #1a87c5; } }

.is-green {
  color: #599442 !important;
  /*@CONFIGURABLE-COLOR:text-pros*/
  border-bottom-color: #599442 !important;
  /*@CONFIGURABLE-COLOR:text-pros*/ }

.is-darkRed {
  color: #862626 !important;
  border-bottom-color: #862626 !important; }

.StateBtn {
  height: 25px;
  background-color: transparent;
  border: 1px solid #46bcea;
  color: #46bcea;
  font-size: 12px;
  line-height: 23px;
  border-radius: 35px;
  padding: 0 14px;
  -webkit-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  cursor: pointer; }
  .StateBtn:before {
    position: relative;
    margin-right: 5px;
    top: -2px; }
  .StateBtn:hover {
    background-color: rgba(70, 188, 234, 0.2);
    color: #46bcea; }

.StateBtn--active {
  background-color: #46bcea;
  color: white; }

.Btn {
  position: relative;
  display: inline-block;
  height: 40px;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
  text-align: center;
  border: 0;
  border-radius: 2px;
  background-color: #B3BAC6;
  font-size: 15px;
  line-height: 40px; }
  .Btn:focus {
    border: 1px solid #ffb72e;
    outline: none; }

.Btn--small {
  height: 30px;
  line-height: 30px; }

.Btn-flat {
  display: inline-block;
  overflow: hidden;
  height: 40px;
  padding: 0 10px;
  cursor: pointer;
  text-align: center;
  color: #007aab;
  border: 1px solid #007aab;
  border-radius: 2px;
  background-color: transparent;
  line-height: 40px; }
  .Btn-flat [class*="i-"] {
    color: #007aab; }
  .Btn-flat:hover {
    color: #ffffff;
    background-color: #007aab; }

.Btn-flat--disabled {
  color: #ffffff;
  background-color: #007aab; }

.Btn--blue {
  padding: 0 20px;
  color: #ffffff;
  background-color: #006597; }
  .Btn--blue:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #035575; }
  .Btn--blue:active {
    background-color: #004763; }
  .Btn--blue[disabled], .Btn--blue[disabled]:hover {
    opacity: .5;
    background-color: #006597 !important; }
  .Btn--blue.Btn--loading {
    cursor: default;
    -webkit-animation: stripes-animation 2s linear infinite;
    -moz-animation: stripes-animation 2s linear infinite;
    -o-animation: stripes-animation 2s linear infinite;
    animation: stripes-animation 2s linear infinite;
    background: -moz- oldlinear-gradient(45deg, #006597 25%, #035575 25%, #035575 50%, #006597 50%, #006597 75%, #035575 75%, #035575) !important;
    background: -o-linear-gradient(45deg, #006597 25%, #035575 25%, #035575 50%, #006597 50%, #006597 75%, #035575 75%, #035575) !important;
    background: linear-gradient(45deg, #006597 25%, #035575 25%, #035575 50%, #006597 50%, #006597 75%, #035575 75%, #035575) !important;
    background-size: 40px 40px !important; }

.Btn--orange {
  padding: 0 20px;
  -webkit-transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  -o-transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  -moz-transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  color: #ffffff;
  border-top: 0 solid transparent;
  border-bottom: 3px solid #e67700;
  border-bottom-color: #e67700;
  /*@CONFIGURABLE-COLOR:btn-submit-underline*/
  background-color: #ff8500;
  /*@CONFIGURABLE-COLOR:btn-submit*/ }
  .Btn--orange:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #ff9624;
    /*@CONFIGURABLE-COLOR:btn-submit-hover*/ }
  .Btn--orange:active {
    border-top-width: 2px;
    border-bottom-width: 1px;
    background-color: #ff9624;
    /*@CONFIGURABLE-COLOR:btn-submit-hover*/ }
  .Btn--orange[disabled], .Btn--orange[disabled]:hover {
    opacity: .5;
    background-color: #ff8500 !important;
    /*@CONFIGURABLE-COLOR:btn-submit*/ }
  .Btn--orange.Btn--loading {
    cursor: default;
    -webkit-animation: stripes-animation 2s linear infinite;
    -moz-animation: stripes-animation 2s linear infinite;
    -o-animation: stripes-animation 2s linear infinite;
    animation: stripes-animation 2s linear infinite;
    background: -moz- oldlinear-gradient(45deg, #ff8500 25%, #e67800 25%, #e67800 50%, #ff8500 50%, #ff8500 75%, #e67800 75%, #e67800) !important;
    background: -o-linear-gradient(45deg, #ff8500 25%, #e67800 25%, #e67800 50%, #ff8500 50%, #ff8500 75%, #e67800 75%, #e67800) !important;
    background: linear-gradient(45deg, #ff8500 25%, #e67800 25%, #e67800 50%, #ff8500 50%, #ff8500 75%, #e67800 75%, #e67800) !important;
    /*@CONFIGURABLE-COLOR:btn-submit:btn-submit-loading-stripe:btn-submit-loading-stripe:btn-submit:btn-submit:btn-submit-loading-stripe:btn-submit-loading-stripe*/
    background-size: 40px 40px !important; }

.Btn--submitV2 {
  text-transform: uppercase;
  color: #3b4653;
  padding: 0 20px;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
  background-color: #ff8500;
  /*@CONFIGURABLE-COLOR:btn-submit*/
  border-radius: 28px;
  border: 2px solid #e67700; }
  .Btn--submitV2:hover {
    text-decoration: none;
    background-color: #ff9624;
    /*@CONFIGURABLE-COLOR:btn-submit-hover*/ }
  .Btn--submitV2:active {
    background-color: #ff9624;
    /*@CONFIGURABLE-COLOR:btn-submit-hover*/ }
  .Btn--submitV2[disabled], .Btn--submitV2[disabled]:hover {
    opacity: .5;
    background-color: #ff8500 !important;
    /*@CONFIGURABLE-COLOR:btn-submit*/ }

.Btn.Btn--loading {
  cursor: default;
  -webkit-animation: stripes-animation 2s linear infinite;
  -moz-animation: stripes-animation 2s linear infinite;
  -o-animation: stripes-animation 2s linear infinite;
  animation: stripes-animation 2s linear infinite;
  background: -moz- oldlinear-gradient(45deg, #e9e151 25%, #fff650 25%, #fff650 50%, #e9e151 50%, #e9e151 75%, #fff650 75%, #fff650) !important;
  background: -o-linear-gradient(45deg, #e9e151 25%, #fff650 25%, #fff650 50%, #e9e151 50%, #e9e151 75%, #fff650 75%, #fff650) !important;
  background: linear-gradient(45deg, #e9e151 25%, #fff650 25%, #fff650 50%, #e9e151 50%, #e9e151 75%, #fff650 75%, #fff650) !important;
  background-size: 40px 40px !important; }

.Btn--orange.Btn--loading {
  background: #ff8500 !important;
  overflow: hidden; }
  .Btn--orange.Btn--loading:after {
    opacity: 0.2;
    position: absolute;
    height: 100%;
    background-color: red;
    top: 0;
    left: 0;
    width: 150%;
    z-index: 10;
    content: '';
    display: block;
    -webkit-animation-name: slidein;
    -moz-animation-name: slidein;
    -o-animation-name: slidein;
    animation-name: slidein;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.Btn--special.Btn--loading {
  background: #ff6400 !important;
  overflow: hidden; }
  .Btn--special.Btn--loading:after {
    opacity: 0.2;
    position: absolute;
    height: 100%;
    background-color: orange;
    top: 0;
    left: 0;
    width: 150%;
    z-index: 10;
    content: '';
    display: block;
    -webkit-animation-name: slidein;
    -moz-animation-name: slidein;
    -o-animation-name: slidein;
    animation-name: slidein;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

.Btn--blue.Btn--loading {
  background: #006597 !important;
  overflow: hidden; }
  .Btn--blue.Btn--loading:after {
    opacity: 0.2;
    position: absolute;
    height: 100%;
    background-color: blue;
    top: 0;
    left: 0;
    width: 150%;
    z-index: 10;
    content: '';
    display: block;
    -webkit-animation-name: slidein;
    -moz-animation-name: slidein;
    -o-animation-name: slidein;
    animation-name: slidein;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite; }

@-webkit-keyframes slidein {
  from {
    -webkit-transform: translate(-100%);
    transform: translate(-100%); }
  to {
    -webkit-transform: translate(100%);
    transform: translate(100%); } }

@-moz-keyframes slidein {
  from {
    -moz-transform: translate(-100%);
    transform: translate(-100%); }
  to {
    -moz-transform: translate(100%);
    transform: translate(100%); } }

@-o-keyframes slidein {
  from {
    -o-transform: translate(-100%);
    transform: translate(-100%); }
  to {
    -o-transform: translate(100%);
    transform: translate(100%); } }

@keyframes slidein {
  from {
    -webkit-transform: translate(-100%);
    -moz-transform: translate(-100%);
    -o-transform: translate(-100%);
    transform: translate(-100%); }
  to {
    -webkit-transform: translate(100%);
    -moz-transform: translate(100%);
    -o-transform: translate(100%);
    transform: translate(100%); } }

.Btn--special {
  color: white;
  border-bottom: 3px solid #e65000;
  /*@CONFIGURABLE-COLOR:btn-special-underline*/
  background-color: #ff6400;
  /*@CONFIGURABLE-COLOR:btn-special*/ }
  .Btn--special:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #ff7a24;
    /*@CONFIGURABLE-COLOR:btn-special-hover*/ }
  .Btn--special.Btn--loading {
    cursor: default;
    -webkit-animation: stripes-animation 2s linear infinite;
    -moz-animation: stripes-animation 2s linear infinite;
    -o-animation: stripes-animation 2s linear infinite;
    animation: stripes-animation 2s linear infinite;
    background: -moz- oldlinear-gradient(45deg, #ff8500 25%, #e67800 25%, #e67800 50%, #ff8500 50%, #ff8500 75%, #e67800 75%, #e67800) !important;
    background: -o-linear-gradient(45deg, #ff8500 25%, #e67800 25%, #e67800 50%, #ff8500 50%, #ff8500 75%, #e67800 75%, #e67800) !important;
    background: linear-gradient(45deg, #ff8500 25%, #e67800 25%, #e67800 50%, #ff8500 50%, #ff8500 75%, #e67800 75%, #e67800) !important;
    /*@CONFIGURABLE-COLOR:btn-submit:btn-submit-loading-stripe:btn-submit-loading-stripe:btn-submit:btn-submit:btn-submit-loading-stripe:btn-submit-loading-stripe*/
    background-size: 40px 40px !important; }

.Btn--gray {
  padding: 0 20px;
  -webkit-transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  -o-transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  -moz-transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  color: #ffffff;
  border-top: 0 solid transparent;
  border-bottom: 3px solid #575f6a;
  background-color: #626c78; }
  .Btn--gray:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #727e8c; }
  .Btn--gray:active {
    border-top-width: 2px;
    border-bottom-width: 1px;
    background-color: #727e8c; }
  .Btn--gray[disabled], .Btn--gray[disabled]:hover {
    opacity: .5;
    background-color: #626c78 !important; }

.Btn--cancel {
  color: white;
  border-bottom: 3px solid #3d454e;
  background-color: #616c78; }

@keyframes stripes-animation {
  from {
    background-position: 0 0; }
  to {
    background-position: 40px 0; } }

.Btn--common {
  padding: 0 20px;
  -webkit-transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  -o-transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  -moz-transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  transition: all .2s ease-out, border-bottom .05s ease-out, border-top .05s ease-out;
  color: white;
  border-bottom: 3px solid #00567e;
  /*@CONFIGURABLE-COLOR:btn-common-underline*/
  background-color: #006597;
  /*@CONFIGURABLE-COLOR:btn-common*/ }
  .Btn--common:hover {
    background-color: #007dbb;
    /*@CONFIGURABLE-COLOR:btn-common-hover*/ }
  .Btn--common:focus {
    border: 1px solid #ffb72e; }
  .Btn--common[disabled], .Btn--common[disabled]:hover {
    opacity: .5;
    background-color: #006597 !important;
    /*@CONFIGURABLE-COLOR:btn-common*/ }
  .Btn--common.Btn--loading {
    cursor: default;
    -webkit-animation: stripes-animation 2s linear infinite;
    -moz-animation: stripes-animation 2s linear infinite;
    -o-animation: stripes-animation 2s linear infinite;
    animation: stripes-animation 2s linear infinite;
    background: -moz- oldlinear-gradient(45deg, #006597 25%, #00547e 25%, #00547e 50%, #006597 50%, #006597 75%, #00547e 75%, #00547e) !important;
    background: -o-linear-gradient(45deg, #006597 25%, #00547e 25%, #00547e 50%, #006597 50%, #006597 75%, #00547e 75%, #00547e) !important;
    background: linear-gradient(45deg, #006597 25%, #00547e 25%, #00547e 50%, #006597 50%, #006597 75%, #00547e 75%, #00547e) !important;
    /*@CONFIGURABLE-COLOR:btn-common:btn-common-loading-stripe:btn-common-loading-stripe:btn-common:btn-common:btn-common-loading-stripe:btn-common-loading-stripe*/
    background-size: 40px 40px !important; }

.Btn--flatOrange {
  display: inline-block;
  overflow: hidden;
  height: 40px;
  padding: 0 10px;
  cursor: pointer;
  text-align: center;
  color: #ff8500;
  border: 1px solid #ff8500;
  border-radius: 2px;
  background-color: transparent;
  line-height: 40px; }
  .Btn--flatOrange [class*="i-"] {
    color: #ff8500; }
  .Btn--flatOrange:hover {
    color: white;
    background-color: #ff9624; }

.Btn--flatControlFill {
  display: inline-block;
  overflow: hidden;
  height: 40px;
  padding: 0 10px;
  cursor: pointer;
  text-align: center;
  color: #46bcea;
  border: 1px solid #46bcea;
  border-radius: 2px;
  background-color: transparent;
  line-height: 40px; }
  .Btn--flatControlFill [class*="i-"] {
    color: #46bcea; }

.Btn--flatActiveControlFill {
  background-color: #46bcea;
  color: #ffffff; }
  .Btn--flatActiveControlFill [class*="i-"] {
    color: #ffffff; }

.Btn--pros {
  background-color: #599442;
  border-bottom-color: #599442;
  color: white; }
  .Btn--pros:hover {
    background-color: #70b356; }

.Dropdown {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  width: 100%;
  padding: 0 30px 0 10px;
  border: 1px solid #d1d5df;
  text-align: left;
  color: #626c78;
  /*@CONFIGURABLE-COLOR:text*/
  border-radius: 2px;
  background-color: #ffffff;
  line-height: 40px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 15px;
  outline: none; }
  .Dropdown:focus {
    border: 2px solid #ffb72e !important; }
  .Dropdown--focus {
    border: 2px solid #ffb72e !important; }
  .Dropdown .Dropdown-FFfix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Dropdown .Dropdown-label {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .Dropdown .HeadDropdown-label {
    color: #626c78;
    /*@CONFIGURABLE-COLOR:text*/
    font-size: 14px; }
  .Dropdown [class*="i-"]:before {
    margin-right: 5px;
    color: #626c78;
    /*@CONFIGURABLE-COLOR:text*/
    position: relative;
    top: -2px; }
  .Dropdown .CaretBg {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    cursor: pointer;
    text-align: center;
    border-radius: 0 2px 2px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .Dropdown .CaretBg svg {
      width: 13px;
      height: 13px;
      -webkit-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
  .Dropdown + .dropdown-menu {
    margin-top: 7px;
    padding: 0;
    border: 0; }
    .Dropdown + .dropdown-menu [class*="i-"] {
      margin-right: 5px; }
    .Dropdown + .dropdown-menu > li > a {
      padding: 0 5px 0 10px !important;
      cursor: pointer !important;
      color: #626c78;
      line-height: 40px;
      font-size: 18px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .Dropdown + .dropdown-menu > li.active > a {
      color: white; }
    .Dropdown + .dropdown-menu > li > a .Dropdown-icon {
      margin: 10px;
      color: #000;
      font-size: 14px; }
      .Dropdown + .dropdown-menu > li > a .Dropdown-icon > * {
        vertical-align: middle; }

.Dropdown-container {
  position: fixed;
  z-index: 999999;
  top: 175px;
  left: 175px; }
  .Dropdown-container .dropdown-menu {
    margin-top: 7px;
    padding: 0;
    border: 0; }
    .Dropdown-container .dropdown-menu [class*="i-"] {
      color: #007aab; }
    .Dropdown-container .dropdown-menu > .active > a, .Dropdown-container .dropdown-menu > .active > a:hover, .Dropdown-container .dropdown-menu > .active > a:focus {
      color: #007aab;
      background-color: #a2def5; }
      .Dropdown-container .dropdown-menu > .active > a [class*="i-"], .Dropdown-container .dropdown-menu > .active > a:hover [class*="i-"], .Dropdown-container .dropdown-menu > .active > a:focus [class*="i-"] {
        color: #007aab; }
    .Dropdown-container .dropdown-menu > li > a {
      padding: 0 5px 0 0 !important;
      cursor: pointer !important;
      color: #A6AEBD;
      line-height: 40px; }
    .Dropdown-container .dropdown-menu > li > a .Dropdown-icon {
      margin: 10px;
      color: #000;
      font-size: 14px; }
      .Dropdown-container .dropdown-menu > li > a .Dropdown-icon > * {
        vertical-align: middle; }
  .Dropdown-container.Dropdown--noIcon .dropdown-menu [class*="i-"] {
    display: none; }
  .Dropdown-container.Dropdown--noIcon .dropdown-menu > li > a > span {
    margin-right: 20px;
    margin-left: 30px; }

.Dropdown--small {
  height: 35px;
  padding-right: 35px;
  line-height: 37px; }
  .Dropdown--small .CaretBg {
    width: 35px;
    height: 35px; }
  .Dropdown--small [class*="i-"]:before {
    width: 35px;
    font-size: 16px;
    line-height: 35px; }
  .Dropdown--small + .dropdown-menu [class*="i-"]:before {
    width: 35px;
    font-size: 16px;
    line-height: 35px; }
  .Dropdown--small + .dropdown-menu > li > a {
    line-height: 35px; }

.Dropdown--noControlIcon [class*='i-'] {
  display: none; }

.Dropdown--noIcon + .dropdown-menu [class*="i-"] {
  display: none; }

.Dropdown--noIcon + .dropdown-menu > li > a {
  padding-right: 20px;
  padding-left: 30px; }

.Dropdown--noCaret .CaretBg {
  display: none; }

.Dropdown-error {
  border: 1px solid #D6383C !important; }

.Dropdown--head {
  overflow: hidden;
  width: 60px;
  height: 30px;
  padding: 0;
  padding-right: 30px;
  border-radius: 1px;
  line-height: 30px; }
  .Dropdown--head .HeadDropdown-label {
    display: none; }
  .Dropdown--head .Dropdown-icon {
    display: inline-block;
    width: 30px;
    text-align: center;
    border-radius: 1px;
    font-size: 14px; }
  .Dropdown--head .CaretBg {
    width: 30px;
    height: 30px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    background-color: #46bcea; }
  .Dropdown--head .caret {
    margin-top: -1px;
    border-top-color: #FEFFFF; }
  .Dropdown--head + .dropdown-menu {
    z-index: 100600;
    width: 60px;
    min-width: 60px; }
    .Dropdown--head + .dropdown-menu > .active > a, .Dropdown--head + .dropdown-menu > .active > a:hover, .Dropdown--head + .dropdown-menu > .active > a:focus {
      color: #a0a8b7;
      background-color: #E4E9F2; }
    .Dropdown--head + .dropdown-menu > li > a {
      padding: 3px 0;
      cursor: pointer !important;
      text-align: center;
      color: #A6AEBD;
      font-size: 10px;
      line-height: 30px; }
    .Dropdown--head + .dropdown-menu > li > a .Dropdown-icon {
      position: relative;
      top: -2px;
      margin: 0;
      color: #000;
      font-size: 14px; }
    .Dropdown--head + .dropdown-menu .Dropdown-label {
      padding: 0; }

.Radio {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: #666D7A;
  font-size: 14px;
  font-weight: normal; }
  .Radio:focus {
    outline: none; }
  .Radio input {
    display: none; }
  .Radio .Radio-icon {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 1px solid #666D7A;
    border-radius: 50%; }
  .Radio .Radio-iconCheck {
    position: absolute;
    display: none;
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #009cda; }
  .Radio .Radio-label {
    display: inline-block;
    float: left; }
  .Radio.is-checked .Radio-icon {
    border-color: #46bcea;
    /*@CONFIGURABLE-COLOR:$control-fill*/
    background-color: #46bcea;
    /*@CONFIGURABLE-COLOR:$control-fill*/ }
  .Radio.is-checked .Radio-iconCheck {
    display: block;
    background-color: #fff; }

.Radio.Radio--btn .Radio-icon {
  display: none; }

.Radio.Radio--btn .Radio-iconCheck {
  display: none; }

.Radio.Radio--btn .Radio-label {
  width: 85px;
  height: 25px;
  text-align: center;
  color: #007aab;
  border: 1px solid #007aab;
  border-radius: 3px;
  background-color: white;
  line-height: 25px; }

.Radio.Radio--btn.is-checked .Radio-label {
  color: white;
  background-color: #007aab; }

.Href {
  position: relative;
  float: left;
  cursor: pointer;
  -webkit-transition: color .2s ease-out;
  -o-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  transition: color .2s ease-out;
  text-decoration: none;
  color: #006598;
  /*@CONFIGURABLE-COLOR:links*/
  border-bottom: 1px dashed #006598;
  /*@CONFIGURABLE-COLOR:links*/
  outline: 0; }
  .Href.is-open:before {
    top: 5px;
    border: 5px transparent solid;
    border-bottom-color: #006598;
    /*@CONFIGURABLE-COLOR:links*/ }
  .Href:hover {
    color: #2d7dc8;
    /*@CONFIGURABLE-COLOR:links-hover*/
    border-color: #2d7dc8;
    /*@CONFIGURABLE-COLOR:links-hover*/ }
  .Href.Href--caret:before {
    position: absolute;
    top: 10px;
    right: -15px;
    content: "";
    border: 5px transparent solid;
    border-top-color: #006598;
    /*@CONFIGURABLE-COLOR:links*/ }

.Textarea {
  display: inline-block;
  float: left;
  padding: 10px 15px;
  color: #9da8b7;
  border: 1px solid #BFCCDA;
  outline: 0; }

.Textarea-error {
  border: 1px solid #D6383C !important; }

checkbox {
  display: block; }

.Checkbox {
  background-color: transparent;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Checkbox:focus {
    border: 1px dashed #ffb72e; }
  .Checkbox input {
    display: none; }
  .Checkbox-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Checkbox-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border: 1px solid #626C78;
    border-radius: 20px;
    background-color: transparent;
    position: relative; }
  .Checkbox-checkIcon {
    -webkit-transition: all 0.4s cubic-bezier(0.91, 0.8, 0.63, 1.72);
    -o-transition: all 0.4s cubic-bezier(0.91, 0.8, 0.63, 1.72);
    -moz-transition: all 0.4s cubic-bezier(0.91, 0.8, 0.63, 1.72);
    transition: all 0.4s cubic-bezier(0.91, 0.8, 0.63, 1.72);
    -webkit-transform: scale(0, 0) rotate(-180deg);
    -moz-transform: scale(0, 0) rotate(-180deg);
    -ms-transform: scale(0, 0) rotate(-180deg);
    -o-transform: scale(0, 0) rotate(-180deg);
    transform: scale(0, 0) rotate(-180deg);
    position: relative;
    top: 1px;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/svg/check-icon.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px; }

.Checkbox--checked .Checkbox-icon {
  background-color: #46bcea;
  /*@CONFIGURABLE-COLOR:control-fill*/
  border-color: #46bcea;
  /*@CONFIGURABLE-COLOR:control-fill*/ }

.Checkbox--checked .Checkbox-checkIcon {
  -webkit-transform: scale(1, 1) rotate(0deg);
  -moz-transform: scale(1, 1) rotate(0deg);
  -ms-transform: scale(1, 1) rotate(0deg);
  -o-transform: scale(1, 1) rotate(0deg);
  transform: scale(1, 1) rotate(0deg); }

.Checkbox--searchblock .Checkbox-icon {
  border: 1px solid #fff;
  background-color: transparent; }

.Checkbox--blue .Checkbox-checkIcon {
  color: #fff; }

.Checkbox--blue--checked {
  color: #46bcea;
  /*@CONFIGURABLE-COLOR:control-fill*/ }
  .Checkbox--blue--checked .Checkbox-icon {
    background-color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill*/ }

.Checkbox--dark {
  color: #a2def5; }
  .Checkbox--dark .Checkbox-icon {
    background-color: #a2def5; }
  .Checkbox--dark .Checkbox-checkIcon {
    color: #9da8b7; }
  .Checkbox--dark--checked {
    color: #ffffff; }
    .Checkbox--dark--checked .Checkbox-icon {
      background-color: #ffffff; }

.NumberPicker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3b4653;
  height: 40px; }
  .NumberPicker-label {
    padding: 0 20px 0 20px;
    font-size: 20px; }
  .NumberPicker-controls {
    background-color: #ffffff;
    height: 100%;
    width: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .NumberPicker-arrows {
    width: 33px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .NumberPicker-arrow svg {
    width: 13px;
    height: 13px;
    cursor: pointer;
    display: block; }
    .NumberPicker-arrow svg path {
      fill: #3b4653; }
  .NumberPicker-arrow--up {
    margin-bottom: 4px; }
  .NumberPicker-arrow--down {
    margin-top: 4px; }
  .NumberPicker input {
    border: none;
    height: 100%;
    text-align: center;
    padding-left: 5px;
    font-size: 20px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 37px;
    -ms-flex-preferred-size: 37px;
    flex-basis: 37px; }
    .NumberPicker input:focus {
      outline: none;
      border: 1px solid #ffb72e; }

.forSizeAdaptation {
  display: none; }

@media screen and (max-width: 910px) {
  .forSizeAdaptation {
    display: block !important; }
  .defolt {
    display: none; }
  .NumberPicker-arrow svg {
    width: 13px;
    height: 15px !important;
    cursor: pointer;
    display: block;
    margin-top: 8px; }
    .NumberPicker-arrow svg path {
      fill: #3b4653; }
  .NumberPicker-arrow--right {
    margin-right: 3px; }
  .NumberPicker-arrow--left {
    margin-left: 3px; } }

.InputSet {
  display: none;
  float: left;
  height: 40px;
  border: 1px solid #d1d5df;
  border-radius: 2px;
  background-color: white;
  font-size: 15px;
  line-height: 40px; }
  .InputSet .tooltip-inner {
    border-radius: 3px;
    width: 230px;
    max-width: 300px; }
  .InputSet.is-error {
    border-color: #D6383C; }
    .InputSet.is-error input {
      color: #D6383C; }
  .InputSet.is-show {
    display: inline-block; }
  .InputSet label {
    display: inline-block;
    float: left;
    margin: 0;
    color: #007aab;
    font-weight: normal; }
  .InputSet .InputSet-icons {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    margin-top: -1px;
    margin-right: 5px;
    text-align: center;
    color: #46bcea; }
    .InputSet .InputSet-icons > * {
      margin-top: -2px;
      vertical-align: middle; }
  .InputSet input {
    display: inline-block;
    float: right;
    width: 40px;
    height: 40px;
    margin-top: -1px;
    padding: 10px 0;
    text-align: center;
    color: #007aab;
    border: 0;
    outline: 0;
    background-color: #ffffff;
    line-height: 20px; }
    .InputSet input:focus {
      box-shadow: 0; }
  .InputSet .InputSet-box {
    position: relative;
    z-index: 110;
    display: inline-block;
    float: right;
    border-left: 1px solid #dce3ec; }
  .InputSet .InputSet-input {
    width: 40px;
    height: 40px; }
    .InputSet .InputSet-input:not(:first-child) {
      border-right: 1px solid #dce3ec; }
  .InputSet .InputSet-label {
    padding: 0 10px 0 0; }

.InputSet--light {
  border: 1px solid #ffffff; }
  .InputSet--light .InputSet-icons {
    color: #ffffff; }
  .InputSet--light .InputSet-label {
    color: #ffffff; }

.InputSet--small {
  height: 35px;
  line-height: 35px; }
  .InputSet--small .InputSet-icons {
    width: 34px;
    height: 35px; }
  .InputSet--small input {
    width: 35px;
    height: 35px;
    padding: 8.75px 0;
    line-height: 17.5px; }
  .InputSet--small .InputSet-input {
    width: 33px;
    height: 33px;
    margin-top: 1px; }
  .InputSet--small .InputSet-label {
    padding-right: 5px;
    font-size: 13px; }
  .InputSet--small [class*="i-"]:before {
    width: 34px;
    font-size: 19px;
    line-height: 35px; }

.Tooltip {
  z-index: 999999;
  -webkit-animation-duration: .07s;
  -moz-animation-duration: .07s;
  -o-animation-duration: .07s;
  animation-duration: .07s; }
  .Tooltip .tooltip-inner {
    padding: 8px 10px;
    font-size: 12px; }
  .Tooltip.top-left .tooltip-arrow {
    left: 10px; }
  .Tooltip.top-right .tooltip-arrow {
    right: 5px;
    left: initial; }
  .Tooltip .Tooltip-loader {
    position: relative;
    top: 4px;
    width: 100px;
    height: 38px; }
    .Tooltip .Tooltip-loader [class*="bounce"] {
      background-color: #ffffff; }

.Tooltip--big {
  z-index: 1100; }
  .Tooltip--big .tooltip-inner {
    width: 200px; }

.Tooltip--info .tooltip-inner {
  max-width: 250px;
  background-color: #009cd9;
  /*@CONFIGURABLE-COLOR:bg-tooltip*/
  font-size: 14px;
  color: #3b4653; }

.Tooltip--info.left .tooltip-arrow {
  border-left-color: #009cd9;
  /*@CONFIGURABLE-COLOR:bg-tooltip*/ }

.Tooltip--info.right .tooltip-arrow {
  border-right-color: #009cd9;
  /*@CONFIGURABLE-COLOR:bg-tooltip*/ }

.Tooltip--info.top .tooltip-arrow {
  border-top-color: #009cd9;
  /*@CONFIGURABLE-COLOR:bg-tooltip*/ }

.Tooltip--info.bottom .tooltip-arrow {
  border-bottom-color: #009cd9;
  /*@CONFIGURABLE-COLOR:bg-tooltip*/ }

.Tooltip--info.top-left .tooltip-arrow {
  border-top-color: #009cd9;
  /*@CONFIGURABLE-COLOR:bg-tooltip*/ }

.Tooltip--info.top-right .tooltip-arrow {
  border-top-color: #009cd9;
  /*@CONFIGURABLE-COLOR:bg-tooltip*/ }

.Tooltip--error .tooltip-inner {
  background-color: #D6383C;
  white-space: nowrap; }

.Tooltip--error.left .tooltip-arrow {
  border-left-color: #D6383C; }

.Tooltip--error.right .tooltip-arrow {
  border-right-color: #D6383C; }

.Tooltip--error.top .tooltip-arrow {
  border-top-color: #D6383C; }

.Tooltip--error.top-left .tooltip-arrow {
  border-top-color: #D6383C; }

.Tooltip--error.top-right .tooltip-arrow {
  border-top-color: #D6383C; }

.Tooltip--error.bottom .tooltip-arrow {
  border-bottom-color: #D6383C; }

.Tooltip--error.bottom-left .tooltip-arrow {
  border-bottom-color: #D6383C; }

.Tooltip--error.bottom-right .tooltip-arrow {
  border-bottom-color: #D6383C; }

.Tooltip--condition .tooltip-inner {
  min-width: 200px; }

.Tooltip--coniditonInvisible {
  visibility: hidden !important; }

.Tooltip--conditionBig {
  min-width: 400px; }
  .Tooltip--conditionBig .tooltip-inner {
    min-width: 400px;
    min-height: 38px;
    text-align: left; }

.InputBox {
  position: relative;
  display: inline-block;
  width: 100%;
  border-radius: 2px; }
  .InputBox input {
    width: 100%;
    margin-top: -1px;
    padding-right: 40px;
    color: #9da8b7;
    border: 1px solid #BFCCDA;
    outline: 0;
    background-color: #ffffff;
    line-height: 20px; }
    .InputBox input:focus {
      box-shadow: 0; }
  .InputBox input:focus {
    border: 1px solid #BFCCDA; }
  .InputBox.is-require:after {
    font-family: "icons";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    color: #D6383C; }
  .InputBox .InputBox-validation {
    position: absolute;
    top: 0;
    left: 0; }
  .InputBox.InputBox-error input {
    color: #D6383C;
    border: 1px solid #D6383C; }
  .InputBox.InputBox-error:before {
    color: #D6383C; }
  .InputBox.InputBox-error input:focus {
    border: 1px solid #D6383C; }
  .InputBox.InputBox-error [class*="c-i"]:before {
    color: #D6383C; }
  .InputBox.InputBox-success input {
    color: #599442;
    border: 1px solid #599442; }
  .InputBox.InputBox-success:before {
    color: #599442; }
  .InputBox.InputBox-success:after {
    color: #599442; }
  .InputBox.InputBox-success input:focus {
    border: 1px solid #599442; }

.TextareaBox {
  position: relative;
  display: inline-block;
  width: 100%;
  border-radius: 2px; }
  .TextareaBox textarea {
    width: 100%;
    margin-top: -1px;
    padding-right: 40px;
    padding-left: 40px;
    resize: vertical;
    color: #9da8b7;
    border: 1px solid #BFCCDA;
    outline: 0;
    background-color: #ffffff;
    line-height: 20px; }
    .TextareaBox textarea:focus {
      box-shadow: 0; }
  .TextareaBox textarea:focus {
    border: 1px solid #BFCCDA; }
  .TextareaBox.is-require:after {
    font-family: "icons";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    color: #D6383C; }
  .TextareaBox .TextareaBox-validation {
    position: absolute;
    top: 0;
    left: 0; }
  .TextareaBox.TextareaBox-error textarea {
    color: #D6383C;
    border: 1px solid #D6383C; }
  .TextareaBox.TextareaBox-error:before {
    color: #D6383C; }
  .TextareaBox.TextareaBox-error textarea:focus {
    border: 1px solid #D6383C; }
  .TextareaBox.TextareaBox-error [class*="c-i"]:before {
    color: #D6383C; }
  .TextareaBox.TextareaBox-success textarea {
    color: #599442;
    border: 1px solid #599442; }
  .TextareaBox.TextareaBox-success:before {
    color: #599442; }
  .TextareaBox.TextareaBox-success:after {
    color: #599442; }
  .TextareaBox.TextareaBox-success textarea:focus {
    border: 1px solid #599442; }

.DateRangeBox {
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  border-radius: 2px;
  font-size: 15px; }
  .DateRangeBox input {
    z-index: 15;
    padding-right: 6px;
    cursor: pointer;
    text-align: center; }
  .DateRangeBox[class*="i-"]:before {
    color: #007aab; }

.DateRangeBox--sm input {
  height: 35px;
  padding-left: 35px;
  font-size: 13px; }

.DateRange {
  border-radius: 2px;
  overflow: visible;
  padding: 0 30px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  font-size: 15px;
  width: 600px; }
  .DateRange.tooltip .tooltip-arrow {
    border-width: 7px 7px 0 7px;
    border-top-color: #ffb72e; }
  .DateRange.tooltip.top {
    border-radius: 2px;
    overflow: hidden;
    margin-top: 15px; }
  .DateRange.tooltip.bottom {
    margin-top: 0;
    padding: 8px 0; }
  .DateRange.tooltip.top .tooltip-arrow {
    border-width: 10px 10px 0;
    border-top-color: white;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  .DateRange .DateRange-box {
    border-radius: 2px;
    overflow: hidden;
    max-width: 600px;
    padding: 0; }
  .DateRange .DateRange-head {
    height: 40px;
    padding: 0 30px;
    color: white;
    background-color: #009dda;
    line-height: 40px; }
    .DateRange .DateRange-head .DateRange-control {
      width: 100%;
      height: 100%;
      text-align: center;
      text-transform: uppercase;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .DateRange .DateRange-head .DateRange-controlArrow svg {
      height: 12px;
      width: 12px;
      cursor: pointer; }
    .DateRange .DateRange-head .DateRange-controlArrow--disabled svg path {
      fill: #B0B7BF !important; }
    .DateRange .DateRange-head .DateRange-monthName {
      font-size: 15px;
      width: 150px; }
    .DateRange .DateRange-head .DateRange-label {
      padding: 0 15px;
      border-left: 1px solid white;
      border-right: 1px solid white; }
  .DateRange .DateRange-main {
    padding: 27px 30px;
    background-color: white; }
    .DateRange .DateRange-main .DateRange-calendar {
      float: left;
      width: 240px; }
      .DateRange .DateRange-main .DateRange-calendar:first-child {
        margin-right: 60px; }
    .DateRange .DateRange-main .DateRange-day {
      float: left;
      width: 34px;
      height: 34px;
      color: #626c78;
      /* border-bottom: 1px solid #b1d7e7; */
      /* border-left: 1px solid #b1d7e7; */
      line-height: 34px; }
      .DateRange .DateRange-main .DateRange-day:nth-child(7n+1) {
        border-left: none; }
    .DateRange .DateRange-main .DateRange-weekdays {
      padding-bottom: 5px;
      margin-bottom: 10px;
      border-bottom: 2px dotted #dce3ec; }
      .DateRange .DateRange-main .DateRange-weekdays .DateRange-day {
        height: 21px;
        text-transform: capitalize;
        color: #626c78;
        font-size: 15px;
        line-height: 18px; }
    .DateRange .DateRange-main .DateRange-days .DateRange-day {
      color: #626c78;
      font-size: 18px;
      cursor: pointer; }
      .DateRange .DateRange-main .DateRange-days .DateRange-day:nth-child(n+29) {
        border-bottom: none; }
      .DateRange .DateRange-main .DateRange-days .DateRange-day:nth-child(7n-1) {
        color: #006498;
        /* background-color: #d0e7f1; */ }
      .DateRange .DateRange-main .DateRange-days .DateRange-day:nth-child(7n) {
        color: #006498;
        /* background-color: #d0e7f1; */ }
      .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid {
        /*  color: $white; */
        overflow: hidden;
        background-color: rgba(0, 100, 152, 0.2); }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid:nth-child(7n-6) {
          border-radius: 50% 0 0 50% !important; }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid:nth-child(7n) {
          border-radius: 0 50% 50% 0 !important; }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid.is-last-selected-date {
          border-radius: 0 50% 50% 0 !important; }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid.is-last-selected-date:nth-child(7n-6) {
          border-radius: 50%;
          background: none; }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid.is-first-selected-date {
          border-radius: 50% 0 0 50% !important; }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid:last-child {
          border-radius: 0 50% 50% 0; }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid:last-child:nth-child(7n-6) {
          border-radius: 50%; }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid.is-first-day-in-month {
          border-radius: 50% 0 0 50%; }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid.is-first-day-in-month.is-last-selected-date {
          border-radius: 50%; }
      .DateRange .DateRange-main .DateRange-days .DateRange-day:not(.is-amid) + .is-amid:nth-child(7n) {
        border-radius: 50% !important; }
      .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid:hover, .DateRange .DateRange-main .DateRange-days .DateRange-day.is-selected {
        position: relative;
        border-radius: 0px;
        color: #ffffff; }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid:hover:after, .DateRange .DateRange-main .DateRange-days .DateRange-day.is-selected:after {
          position: absolute;
          top: 0;
          left: 0;
          background-color: #006498;
          z-index: 2;
          content: '';
          display: block;
          width: 34px;
          height: 34px;
          border-radius: 50%; }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-amid:hover span, .DateRange .DateRange-main .DateRange-days .DateRange-day.is-selected span {
          position: relative;
          z-index: 3; }
      .DateRange .DateRange-main .DateRange-days .DateRange-day:not(.is-amid):hover {
        color: #ffffff;
        background-color: #49bce9;
        border-radius: 50px; }
      .DateRange .DateRange-main .DateRange-days .DateRange-day.is-disabled {
        cursor: default;
        color: #a8b3bf; }
        .DateRange .DateRange-main .DateRange-days .DateRange-day.is-disabled:hover {
          background-color: transparent;
          color: #a8b3bf; }
      .DateRange .DateRange-main .DateRange-days .DateRange-day.is-today:before {
        position: absolute;
        display: block;
        width: 33px;
        height: 33px;
        content: "";
        border: 1px solid #ff8700;
        border-radius: 50%; }
      .DateRange .DateRange-main .DateRange-days .DateRange-day.is-today.is-amid:hover:before {
        border-radius: 0px;
        border: none; }
      .DateRange .DateRange-main .DateRange-days .DateRange-day.is-today.is-amid:hover:after {
        border: 1px solid #ff8700; }
    .DateRange .DateRange-main .DateRange-calendar--currentMonth .DateRange-days .DateRange-day.is-disabled span {
      display: block; }
  .DateRange .DateRange-bottom {
    height: 30px;
    color: white;
    background-color: #63afcf;
    line-height: 30px; }
    .DateRange .DateRange-bottom .Checkbox {
      top: 5px;
      display: inline-block;
      color: white; }
      .DateRange .DateRange-bottom .Checkbox .Checkbox-icons {
        border-color: white;
        background-color: transparent; }

.TopDestinations, .TopDestinations-title {
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.TopDestinations-content {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }

.TopDestinations {
  position: absolute;
  z-index: 1070;
  width: 820px;
  margin-top: 9px;
  line-height: 36px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .TopDestinations.top-left {
    margin-top: -7px; }
    .TopDestinations.top-left .TopDestinations-title:before {
      top: 278px; }
  .TopDestinations .TopDestinations-title {
    text-align: left;
    height: 43px;
    padding-left: 10px;
    padding-right: 10px;
    color: #3b4653;
    background-color: #ffffff;
    font-size: 23px;
    line-height: 33px; }
    .TopDestinations .TopDestinations-title:before {
      position: absolute;
      top: -9px;
      left: 188px;
      content: "";
      border: 7px transparent solid;
      border-top: 7px white solid; }
    .TopDestinations .TopDestinations-title .TopDestinations-title-text {
      text-transform: uppercase;
      font-size: 15px;
      padding-left: 5px;
      left: 40px;
      top: 0;
      line-height: 40px; }
    .TopDestinations .TopDestinations-title .TopDestinations-dotted {
      border-bottom: 2px dotted #d1d5df; }
  .TopDestinations .TopDestinations-content {
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;
    float: left;
    background-color: #ffffff; }
  .TopDestinations .TopDestinations-list {
    float: left;
    width: 630px;
    padding-left: 10px; }
  .TopDestinations .TopDestinations-filters {
    font-size: 15px;
    position: relative;
    float: left;
    padding-left: 10px; }
  .TopDestinations .TopDestinations-filtersItem {
    background-color: transparent;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    border-radius: 40px;
    width: 180px;
    border: 1px solid #46bcea;
    color: #46bcea;
    cursor: pointer;
    text-align: center;
    line-height: 29px;
    margin-top: 5px; }
    .TopDestinations .TopDestinations-filtersItem [class*="i-"] {
      display: inline-block;
      width: 31px;
      height: 31px;
      margin-right: 10px;
      text-align: center;
      background-color: #eceff2; }
    .TopDestinations .TopDestinations-filtersItem:hover {
      background-color: #46bcea;
      color: #ffffff; }
    .TopDestinations .TopDestinations-filtersItem:focus {
      outline: 1px solid #ffb72e; }
    .TopDestinations .TopDestinations-filtersItem.is-active {
      color: #46bcea;
      background-color: #46bcea;
      color: #ffffff; }
      .TopDestinations .TopDestinations-filtersItem.is-active [class*="i-"] {
        color: #ffffff; }
  .TopDestinations .TopDestinations-city {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    float: left;
    width: 299px;
    padding-left: 20px;
    cursor: pointer;
    text-align: left;
    color: #006598;
    font-size: 15px;
    line-height: 36px;
    text-decoration: none;
    outline: none;
    display: block; }
    .TopDestinations .TopDestinations-city .TopDestinations-cityHotels {
      color: #626c78;
      font-size: 15px; }
    .TopDestinations .TopDestinations-city:hover {
      color: #46bcea;
      background-color: #f0f3f6; }
    .TopDestinations .TopDestinations-city:focus {
      color: #46bcea;
      background-color: #f0f3f6; }

@media (max-width: 1440px) {
  .TopDestinations {
    width: 760px; }
    .TopDestinations .TopDestinations-content {
      padding-top: 0; }
    .TopDestinations .i-distance-lines {
      float: left;
      margin-right: 5px;
      font-size: 14px;
      line-height: 14px; }
    .TopDestinations .TopDestinations-list {
      padding-top: 10px;
      width: 590px; }
    .TopDestinations .TopDestinations-filters {
      padding-top: 10px; }
    .TopDestinations .TopDestinations-title {
      height: 36px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .TopDestinations .TopDestinations-title .TopDestinations-title-text {
        font-size: 14px;
        line-height: 14px; }
    .TopDestinations .TopDestinations-filtersItem {
      font-size: 13px;
      line-height: 24px;
      width: 160px; }
    .TopDestinations .TopDestinations-city {
      line-height: 30px;
      font-size: 14px;
      width: 289px; }
    .TopDestinations .TopDestinations-cityHotels {
      font-size: 12px; } }

.roomsGuestsPicker, .roomsGuestsPicker-content {
  border-radius: 2px; }

.roomsGuestsPicker {
  position: absolute;
  z-index: 9999;
  width: 474px;
  margin-top: 9px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .roomsGuestsPicker.top-left {
    margin-top: -7px; }
    .roomsGuestsPicker.top-left .TopDestinations-title:before {
      top: 278px; }

.roomsGuestsPicker-addButton {
  margin-top: 10px;
  cursor: pointer;
  padding: 8px 0;
  text-align: center;
  border-radius: 2px;
  font-size: 15px;
  border: 1px solid #ff8500;
  color: #ff8500;
  background-color: transparent;
  outline: none;
  display: block;
  width: 100%; }
  .roomsGuestsPicker-addButton:hover {
    background-color: #ff8500;
    color: #ffffff; }
  .roomsGuestsPicker-addButton:focus {
    background-color: #ff8500;
    color: #ffffff; }

.roomsGuestsPicker-content {
  padding: 20px;
  position: relative;
  margin-top: 7px;
  background-color: #ffffff; }
  .roomsGuestsPicker-content:before {
    position: absolute;
    top: -9px;
    left: 222px;
    content: "";
    border: 7px transparent solid;
    border-top: 7px white solid; }

.roomsGuestsPicker-row {
  position: relative;
  margin-top: 20px;
  padding: 6px 0;
  background: #f0f3f6; }
  .roomsGuestsPicker-row:before {
    position: absolute;
    content: ' ';
    top: -10px;
    border-bottom: 2px dotted #d1d5df;
    width: 100%;
    height: 100%; }
  .roomsGuestsPicker-row:first-of-type {
    margin-top: 0; }
    .roomsGuestsPicker-row:first-of-type:before {
      display: none; }

.roomsGuestsPicker-rowNumber {
  float: left;
  text-align: left;
  padding-left: 15px;
  position: relative;
  width: 116px;
  font-size: 18px;
  line-height: 53px;
  margin-bottom: 0;
  color: inherit;
  border: none; }

.roomsGuestsPicker-remove {
  position: absolute;
  top: 40px;
  line-height: 10px;
  font-size: 12px;
  cursor: pointer;
  color: #006598;
  border-bottom: 1px dotted #006598;
  display: block; }

.roomsGuestsPicker-rowBody {
  float: left;
  position: relative; }

.roomsGuestsPicker-adults {
  float: left;
  position: relative; }

.roomsGuestsPicker-children {
  padding-left: 15px;
  float: left;
  position: relative; }

.roomsGuestsPicker-title {
  line-height: 12px;
  padding-bottom: 7px;
  text-align: left;
  display: block;
  font-weight: normal;
  margin-bottom: 0; }

.roomsGuestsPicker-childrenAge-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 145px;
  position: relative; }

.roomsGuestsPicker-childrenAge {
  float: left;
  position: relative;
  padding-left: 15px; }

.roomsGuestsPicker-childrenAge-input {
  margin-left: 5px;
  width: 100%;
  min-width: 0px;
  border-radius: 2px;
  border: 1px solid #d1d5df;
  text-align: center;
  height: 35px; }
  .roomsGuestsPicker-childrenAge-input:first-of-type {
    margin: 0; }

.NumberPicker {
  height: 35px;
  border-radius: 2px;
  border: 1px solid #d1d5df; }

.NumberPicker input {
  font-size: 15px;
  max-width: 40px; }

.NumberPicker-arrows {
  width: 20px; }

.NumberPicker-controls {
  width: 64px; }

.NumberPicker-arrow svg {
  width: 9px;
  height: 8px;
  cursor: pointer;
  display: block; }

.roomsGuestsPicker-childrenAge .NumberPicker {
  width: 60px;
  float: left;
  margin-left: 5px; }

.AutoCompleteBox {
  position: relative;
  display: block;
  color: #3b4653; }
  .AutoCompleteBox:before {
    color: #3b4653;
    text-align: center; }
  .AutoCompleteBox input {
    color: #3b4653;
    border-radius: 2px;
    font-size: 15px; }
    .AutoCompleteBox input::-webkit-input-placeholder {
      color: #3b4653; }
  .AutoCompleteBox .AutoComplete-clear {
    position: absolute;
    top: 20px;
    right: 30px;
    cursor: pointer;
    font-size: 10px; }

.AutocompleteLoader {
  position: relative;
  z-index: 99;
  display: inline-block !important;
  top: -35px !important;
  left: 215px !important;
  display: block;
  visibility: visible;
  width: 30px;
  height: 30px;
  -webkit-transition: opacity 2s;
  -o-transition: opacity 2s;
  -moz-transition: opacity 2s;
  transition: opacity 2s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: spinner .4s infinite linear;
  -moz-animation: spinner .4s infinte linear;
  -o-animation: spinner .4s infinite linear;
  animation: spinner .4s infinite linear;
  opacity: 1;
  border-top: 3px solid rgba(255, 255, 255, 0.2);
  border-right: 3px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 3px solid #46bcea;
  border-radius: 50%;
  background-color: #ffffff; }
  .AutocompleteLoader.ng-hide {
    opacity: 0; }

.Progressbar {
  position: relative;
  width: 100%;
  color: #516270; }
  .Progressbar .Progressbar-bar {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 7px;
    vertical-align: middle;
    border-radius: 2px;
    background-color: #516270; }
  .Progressbar .Progressbar-progress {
    position: absolute;
    height: 7px;
    -webkit-transition: width .2s ease-out;
    -o-transition: width .2s ease-out;
    -moz-transition: width .2s ease-out;
    transition: width .2s ease-out;
    border-radius: 2px;
    background-color: #46bcea; }
  .Progressbar .Progressbar-text {
    display: inline-block;
    float: left;
    width: 88px;
    vertical-align: middle;
    font-size: 12px; }
  .Progressbar .Progressbar-value {
    display: none; }

.Gallery {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  background-color: #D9DCE6; }
  .Gallery:hover .Gallery-left {
    left: -6px;
    opacity: .85; }
  .Gallery:hover .Gallery-right {
    right: -6px;
    opacity: .85; }
  .Gallery .Gallery-left, .Gallery .Gallery-right {
    position: absolute;
    top: 41%;
    width: 27px;
    height: 27px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-align: center;
    vertical-align: top;
    color: #199cd9;
    border-radius: 50%;
    background-color: #ffffff;
    font-size: 17px;
    line-height: 25px; }
  .Gallery .Gallery-left {
    left: -27px; }
  .Gallery .Gallery-right {
    right: -27px; }
  .Gallery .Gallery-controls {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%; }
  .Gallery .carousel-inner {
    height: 100%; }
  .Gallery .item {
    height: 100%;
    background-position: center center;
    background-size: cover; }
  .Gallery .Gallery-noPhoto {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #9CA7B6; }
    .Gallery .Gallery-noPhoto [class*="i-"] {
      height: 85px;
      font-size: 70px;
      line-height: 70px; }
      .Gallery .Gallery-noPhoto [class*="i-"]:before {
        padding-left: 7px; }
    .Gallery .Gallery-noPhoto > * {
      display: table-cell;
      vertical-align: middle; }

.List {
  padding-left: 20px;
  list-style-type: square; }
  .List li {
    color: #FFB72E; }
    .List li span {
      color: #818993; }
    .List li.is-main span {
      border-bottom: 1px #626C78 dashed; }

.EditText-button {
  width: 40px;
  height: 40px;
  margin: 0 !important;
  color: #ffffff;
  border: none;
  background-color: #46bcea; }
  .EditText-button [class*="i-"] {
    position: relative;
    top: 2px;
    left: 9px;
    font-size: 22px; }

.EditText-button:focus {
  outline: none;
  background-color: #018990; }

.EditText-button:hover {
  background-color: #0eb5be; }

.editable-input {
  width: 257px !important;
  height: 40px !important;
  padding: 9px 8px !important;
  color: #626c78 !important;
  border: 1px solid #46bcea !important;
  border-right: none !important;
  background: none !important;
  font-size: 14px !important;
  font-weight: normal !important; }

.MultiSelectDropdown {
  overflow-y: auto;
  max-height: 500px;
  margin: 2px 0;
  padding: 0; }
  .MultiSelectDropdown li {
    border-bottom: 1px #F0F3F6 solid; }
    .MultiSelectDropdown li a {
      min-height: 40px;
      padding: 0 5px;
      cursor: pointer !important;
      white-space: pre-wrap;
      word-wrap: break-word;
      color: #A8B3BF;
      line-height: 0; }
      .MultiSelectDropdown li a span {
        display: table;
        height: 100%;
        line-height: 16px; }
        .MultiSelectDropdown li a span span {
          display: table-cell;
          vertical-align: middle; }
      .MultiSelectDropdown li a [class*="i-"]:before {
        color: #007aab; }
    .MultiSelectDropdown li.active {
      display: none; }

.MultiSelect {
  position: relative;
  padding: 1px 5px 6px 0;
  cursor: pointer;
  border: 1px #c5d0db solid;
  background-color: rgba(255, 255, 255, 0.5); }
  .MultiSelect .MultiSelect-items {
    position: relative;
    float: left;
    margin: 5px 0 0 5px;
    padding: 6px 20px 6px 10px;
    color: #ffffff;
    background-color: #46bcea;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px; }
    .MultiSelect .MultiSelect-items [class*="i-"]:before {
      width: 14px;
      margin-right: 5px;
      font-size: 14px;
      line-height: 14px; }
    .MultiSelect .MultiSelect-items span {
      display: table; }
      .MultiSelect .MultiSelect-items span span {
        display: table-cell;
        vertical-align: middle; }
  .MultiSelect .MultiSelect-choose {
    float: left;
    margin: 5px 0 0 5px;
    padding: 6px 0;
    cursor: pointer;
    color: #c5d0db;
    background: none;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px; }
  .MultiSelect .MultiSelect-items .glyphicon {
    position: absolute;
    top: 7px;
    right: 5px;
    cursor: pointer;
    font-size: 12px;
    line-height: 1; }
  .MultiSelect .glyphicon-plus {
    margin: 0 7px 0 5px; }

.MultiSelect--sm .MultiSelect-items {
  margin-bottom: 5px;
  padding: 1px 5px;
  font-size: 13px; }
  .MultiSelect--sm .MultiSelect-items [class*="i-"]:before {
    position: relative;
    top: 3px;
    width: 13px;
    margin-right: 5px;
    font-size: 13px;
    line-height: 13px; }

.MultiSelect--sm .dropdown-menu li [class*="i-"] {
  position: relative;
  top: -2px;
  margin-right: 5px;
  font-size: 14px; }

.MultiSelect--sm .glyphicon {
  top: 2px;
  right: -3px; }

.MultiSelect--sm .MultiSelect-choose {
  margin-bottom: 5px;
  font-size: 13px; }

.MultiSelect--sm ul li a {
  line-height: 35px; }
  .MultiSelect--sm ul li a [class*="i-"]:before {
    width: 35px;
    font-size: 16px;
    line-height: 35px; }

.Link {
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  transition: all .15s ease-out;
  text-decoration: none;
  color: #006598;
  /*@CONFIGURABLE-COLOR:links*/
  border-bottom: 1px dashed #006598;
  /*@CONFIGURABLE-COLOR:links*/ }
  .Link:hover {
    text-decoration: none;
    color: #2d7dc8;
    /*@CONFIGURABLE-COLOR:links-hover*/
    border-bottom: 1px dashed #2d7dc8;
    /*@CONFIGURABLE-COLOR:links-hover*/ }
  .Link:focus {
    text-decoration: none; }

.LinkWithIcon {
  cursor: pointer;
  -webkit-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  transition: all .15s ease-out;
  color: #006598;
  /*@CONFIGURABLE-COLOR:links*/ }
  .LinkWithIcon:before {
    position: relative;
    top: -1px;
    margin-right: 3px; }
  .LinkWithIcon:hover {
    color: #2d7dc8; }
  .LinkWithIcon:focus {
    text-decoration: none; }
  .LinkWithIcon span {
    position: relative; }
    .LinkWithIcon span:after {
      content: '';
      width: 100%;
      border-bottom: 1px dashed;
      position: absolute;
      left: 0;
      bottom: 0; }

.Counter {
  position: relative; }
  .Counter .Counter-label {
    display: inline-block;
    min-width: 18px;
    height: 18px;
    margin-left: 5px;
    padding: 0 5px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #c6140f;
    /*@CONFIGURABLE-COLOR:text-accent*/
    font-size: 11px;
    line-height: 19px; }
    .Counter .Counter-label.is-bounced {
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -ms-transform: scale(2);
      -o-transform: scale(2);
      transform: scale(2);
      color: #c6140f;
      /*@CONFIGURABLE-COLOR:text-accent*/
      background-color: transparent; }

.Trip {
  cursor: pointer; }
  .Trip div {
    float: left; }
  .Trip .Trip-rating {
    position: relative;
    margin-left: 2px;
    padding-top: 3px; }
  .Trip .i-CommonTrip {
    float: left; }
  .Trip .i-CommonRating {
    position: relative; }
  .Trip .i-CommonRatingFull {
    position: absolute;
    top: 0;
    left: 0; }

.Label {
  position: relative;
  float: left;
  height: 30px;
  margin-left: 13px;
  padding: 0 10px;
  color: #FFF;
  background-color: #9da8b7;
  font-size: 12px;
  font-weight: normal;
  line-height: 30px; }
  .Label:before {
    position: absolute;
    top: 0;
    left: -30px;
    content: "";
    border: 15px solid transparent;
    border-right: 15px solid #9da8b7; }
  .Label:after {
    position: absolute;
    top: 15px;
    left: -5px;
    width: 2px;
    height: 2px;
    content: "";
    background-color: #FFF; }
  .Label [class*="i-"] {
    width: 30px;
    line-height: 30px; }
  .Label [class*="i-"]:before {
    width: 30px;
    line-height: 30px; }

.FixedBox.is-fixed {
  position: fixed !important;
  top: 0; }

.FixedBox.is-bottom {
  position: absolute !important;
  bottom: 0; }

.FixedBoxCont {
  position: relative; }

.modal-vertical-centered {
  -webkit-transform: translate(0, 50%) !important;
  -moz-transform: translate(0, 50%) !important;
  -ms-transform: translate(0, 50%) !important;
  -o-transform: translate(0, 50%) !important;
  transform: translate(0, 50%) !important; }

.Voucher {
  display: none; }

.Header-switch {
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  background-color: #FFF;
  line-height: 36px; }
  .Header-switch.is-active {
    opacity: .7; }

.Header-logo {
  display: block;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.Header-link {
  display: inline-block;
  float: left;
  height: 30px;
  padding: 0 10px;
  cursor: pointer;
  -webkit-transition: all .3s ease-out 0;
  -o-transition: all .3s ease-out 0;
  -moz-transition: all .3s ease-out 0;
  transition: all .3s ease-out 0;
  text-decoration: none;
  color: #fff;
  /*@CONFIGURABLE-COLOR:color-hf*/
  border: 1px solid #506175;
  /*@CONFIGURABLE-COLOR:btn-border-hf*/
  border-radius: 1px;
  border-radius: 2px;
  line-height: 30px; }
  .Header-link i {
    position: relative;
    top: -2px; }
  .Header-link:hover {
    text-decoration: none;
    color: #fff;
    background-color: #506175; }
    .Header-link:hover i {
      color: #fff; }
  .Header-link .i-CommonPro {
    position: relative;
    top: 5px; }

.SliderBtn {
  display: block;
  padding: 0;
  width: 33px;
  height: 15px;
  cursor: pointer;
  border: 1px solid #626c78;
  border-radius: 30px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: transparent; }
  .SliderBtn:focus {
    outline: none;
    border: 1px solid #ffb72e; }
  .SliderBtn:before {
    position: relative;
    left: 1px;
    display: block;
    overflow: hidden;
    width: 11px;
    height: 11px;
    content: "";
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: -o-transform .5s;
    -moz-transition: transform .5s, -moz-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
    border-radius: 50%;
    background-color: #626c78; }
  .SliderBtn.active:before {
    -webkit-transform: translateX(18px);
    -moz-transform: translateX(18px);
    -ms-transform: translateX(18px);
    -o-transform: translateX(18px);
    transform: translateX(18px);
    background-color: #46bcea;
    /*@CONFIGURABLE-COLOR:$control-fill*/ }

.Checkbox.CheckboxSlider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .Checkbox.CheckboxSlider .Checkbox-label {
    float: none;
    display: block;
    padding-left: 0; }
  .Checkbox.CheckboxSlider.is-checked .Checkbox-icons:before {
    -webkit-transform: translateX(19px);
    -moz-transform: translateX(19px);
    -ms-transform: translateX(19px);
    -o-transform: translateX(19px);
    transform: translateX(19px);
    background-color: #46bcea; }
  .Checkbox.CheckboxSlider .Checkbox-icons {
    position: inherit;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 33px;
    height: 14px;
    border: 1px solid #9da8b7;
    border-radius: 30px; }
    .Checkbox.CheckboxSlider .Checkbox-icons:before {
      position: relative;
      top: 1px;
      left: 1px;
      display: block;
      overflow: hidden;
      width: 10px;
      height: 10px;
      content: "";
      -webkit-transition: -webkit-transform .5s;
      transition: -webkit-transform .5s;
      -o-transition: -o-transform .5s;
      -moz-transition: transform .5s, -moz-transform .5s;
      transition: transform .5s;
      transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;
      border-radius: 50%;
      background-color: #9da8b7; }
    .Checkbox.CheckboxSlider .Checkbox-icons .Checkbox-checked {
      display: none; }

.HotelLike {
  width: 35px;
  height: 35px;
  cursor: pointer; }
  .HotelLike-icon {
    stroke: #fff650;
    fill: white;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .HotelLike-icon:hover {
      opacity: .8;
      -webkit-clip-path: none;
      clip-path: none;
      fill: #fff650;
      fill: rgba(255, 246, 80, 0.5);
      stroke: #fff650; }
  .HotelLike--isLiked {
    -webkit-animation-name: hearbeat;
    -moz-animation-name: hearbeat;
    -o-animation-name: hearbeat;
    animation-name: hearbeat;
    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
    .HotelLike--isLiked .HotelLike-icon {
      opacity: 1;
      stroke: #fff650; }

@-webkit-keyframes hearbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes hearbeat {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  50% {
    -moz-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -moz-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes hearbeat {
  0% {
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes hearbeat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.BookingStepper {
  overflow: hidden;
  border-bottom: 3px solid #ABADB2;
  background-color: #dce3ec;
  /*@CONFIGURABLE-COLOR:bg-stepper-inactive*/
  font-size: 18px;
  font-weight: bold; }
  .BookingStepper-steps:before, .BookingStepper-steps:after {
    display: table;
    float: none;
    content: ""; }
  .BookingStepper-steps:after {
    clear: both; }
  .BookingStepper-step {
    position: relative;
    float: left;
    width: 25%;
    height: 40px;
    padding: 5px 0;
    cursor: default;
    text-align: center;
    background-color: #dce3ec;
    /*@CONFIGURABLE-COLOR:bg-stepper-inactive*/
    line-height: 30px; }
    .BookingStepper-step--active {
      background-color: #fff;
      /*@CONFIGURABLE-COLOR:bg-stepper-active*/ }
      .BookingStepper-step--active:first-child:before {
        position: absolute;
        top: 0;
        right: 100%;
        bottom: 0;
        left: -1000px;
        display: block;
        content: "";
        background-color: #fff;
        /*@CONFIGURABLE-COLOR:bg-stepper-active*/ }
      .BookingStepper-step--active:last-child:after {
        position: absolute;
        top: 0;
        right: -1000px;
        bottom: 0;
        left: 100%;
        display: block;
        content: "";
        background-color: #fff;
        /*@CONFIGURABLE-COLOR:bg-stepper-active*/ }
  .BookingStepper-stepNum {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    text-align: center;
    color: #ffffff;
    border-radius: 50%;
    background-color: #63AFCF;
    /*@CONFIGURABLE-COLOR:text-stepper-inactive*/
    font-size: 21px;
    line-height: inherit; }
  .BookingStepper-stepTitle {
    display: inline-block;
    color: #63AFCF;
    /*@CONFIGURABLE-COLOR:text-stepper-inactive*/
    line-height: inherit; }
  .BookingStepper-stepArrow {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 10px;
    height: 100%; }
    .BookingStepper-stepArrow--fore {
      z-index: 1;
      right: -5px; }
      .BookingStepper-stepArrow--fore:after {
        position: absolute;
        top: -4px;
        right: 2px;
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-width: 24px 0 24px 8px;
        border-style: solid;
        border-color: transparent transparent transparent #dce3ec;
        /*@CONFIGURABLE-COLOR:bg-stepper-inactive*/ }
    .BookingStepper-stepArrow--back {
      z-index: 0;
      left: -5px;
      background-color: #dce3ec;
      /*@CONFIGURABLE-COLOR:bg-stepper-inactive*/ }
      .BookingStepper-stepArrow--back:before {
        position: absolute;
        top: -4px;
        right: 0;
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-width: 24px 0 24px 8px;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
        /*@CONFIGURABLE-COLOR:bg-stepper-active*/ }
      .BookingStepper-stepArrow--back:after {
        position: absolute;
        top: -4px;
        right: 1px;
        display: block;
        width: 0;
        height: 0;
        content: "";
        border-width: 24px 0 24px 8px;
        border-style: solid;
        border-color: transparent transparent transparent #C8D2DC; }
  .BookingStepper-step--active .BookingStepper-stepNum {
    background-color: #0771A1;
    /*@CONFIGURABLE-COLOR:text-stepper-active*/
    color: #ffffff; }
  .BookingStepper-step--active .BookingStepper-stepTitle {
    color: #0771A1;
    /*@CONFIGURABLE-COLOR:text-stepper-active*/ }
  .BookingStepper-step--active .BookingStepper-stepArrow--fore:after {
    border-color: transparent transparent transparent #fff;
    /*@CONFIGURABLE-COLOR:bg-stepper-active*/ }
  .BookingStepper-step--active .BookingStepper-stepArrow--back {
    background-color: #fff;
    /*@CONFIGURABLE-COLOR:bg-stepper-active*/ }

.Select {
  position: relative; }

.Select-control {
  position: relative;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  padding: 0 52px 0 10px;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  background-color: white;
  line-height: 40px; }

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

.is-searchable.is-open > .Select-control {
  cursor: text; }

.is-open > .Select-control {
  border-color: #b3b3b3 #ccc #d9d9d9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: white; }

.is-open > .Select-control > .Select-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text; }

.is-focused:not(.is-open) > .Select-control {
  border-color: #08c #0099e6 #0099e6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px rgba(0, 136, 204, 0.5); }

.Select-placeholder {
  position: absolute;
  top: 0;
  right: -15px;
  left: 0;
  overflow: hidden;
  max-width: 100%;
  padding: 0 52px 0 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #aaa; }

.has-value > .Select-control > .Select-placeholder {
  color: #333; }

.Select-input > input {
  display: inline-block;
  margin: 0;
  padding: 0;
  cursor: default;
  border: 0 none;
  outline: none;
  background: none transparent;
  font-family: inherit;
  font-size: inherit;
  -webkit-appearance: none; }

.is-focused .Select-input > input {
  cursor: text; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading {
  position: relative;
  position: absolute;
  top: 50%;
  right: 30px;
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  -moz-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  border: 2px solid #ccc;
  border-right-color: #333;
  border-radius: 50%; }

.has-value > .Select-control > .Select-loading {
  right: 46px; }

.Select-clear {
  position: absolute;
  top: 0;
  right: 17px;
  display: inline-block;
  padding: 6px 10px;
  cursor: pointer;
  color: #999;
  font-size: 16px; }

.Select-clear:hover {
  color: #c0392b; }

.Select-clear > span {
  font-size: 1.1em; }

.Select-arrow {
  position: absolute;
  top: 0;
  right: 10px;
  display: block;
  font-size: 12px; }
  .Select-arrow:after {
    font-family: "icons";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    content: ""; }

.Select-menu-outer {
  position: absolute;
  z-index: 1000;
  top: 100%;
  -webkit-overflow-scrolling: touch;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-height: 200px;
  margin-top: -1px;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }

.Select-menu {
  overflow-y: auto;
  max-height: 198px; }

.Select-option {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 8px 10px;
  cursor: pointer;
  color: #666; }

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.Select-option.is-focused {
  color: #ffffff;
  background-color: #428bca; }

.Select-option.is-disabled {
  cursor: not-allowed;
  color: #ccc; }

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

.Select.is-multi .Select-control {
  padding: 2px 52px 2px 3px; }

.Select.is-multi .Select-input {
  margin: 2px;
  padding: 3px 0;
  vertical-align: middle;
  border: 1px solid transparent; }

.Select-item {
  display: inline-block;
  margin: 2px;
  color: #08c;
  border: 1px solid #c9e6f2;
  border-radius: 2px;
  background-color: #f2f9fc;
  font-size: 1em; }

.Select-item-icon,
.Select-item-label {
  display: inline-block;
  vertical-align: middle; }

.Select-item-label {
  padding: 3px 5px;
  cursor: default;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.Select-item-label .Select-item-label__a {
  cursor: pointer;
  color: #08c; }

.Select-item-icon {
  padding: 2px 5px 4px;
  cursor: pointer;
  border-right: 1px solid #c9e6f2;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

.Select-item-icon:hover,
.Select-item-icon:focus {
  color: #0077b3;
  background-color: #ddeff7; }

.Select-item-icon:active {
  background-color: #c9e6f2; }

@-moz-keyframes Select-animation-spin {
  to {
    -moz-transform: rotate(1turn);
    transform: rotate(1turn); } }

@-o-keyframes Select-animation-spin {
  to {
    -o-transform: rotate(1turn);
    transform: rotate(1turn); } }

@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.PageLoader-mainTitle {
  color: #3b4653;
  font-size: 30px; }

.PageLoader-subtitle {
  color: #3b4653;
  font-size: 20px; }

.CancelConditions.CancelConditions-free {
  color: #599442; }

.CancelConditions.CancelConditions-noBorder span {
  border-bottom: none; }

.ModalDialog {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 9999; }
  .ModalDialog-modal {
    background-color: #ffffff;
    border-radius: 0px;
    /*border-radius: $border-radius;*/
    padding: 30px;
    /*border-bottom: 3px solid $divider;*/
    box-shadow: 8px 7px 25px #b1aeae; }
  .ModalDialog-title {
    font-size: 30px;
    color: #f33710; }

.InputControl {
  position: relative; }
  .InputControl:after {
    content: '';
    display: block;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    background-color: transparent; }
  .InputControl input {
    border: none;
    width: 100%; }

.InputControl--disabled:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-color: rgba(111, 111, 111, 0.49); }

.UISelectField {
  line-height: inherit;
  text-align: left;
  color: inherit;
  background-color: white;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  position: relative; }
  .UISelectField.open .ui-select-search {
    border: 1px solid #ffb72e; }
  .UISelectField:focus {
    outline: none; }
  .UISelectField .ui-select-match {
    border: 1px solid #d1d5df;
    outline: none;
    height: 40px;
    box-shadow: none; }
  .UISelectField:focus .ui-select-match {
    outline: none;
    border-color: #ffb72e; }
  .UISelectField .btn-default-focus {
    border-color: #ffb72e; }
  .UISelectField .ui-select-match:focus {
    outline: none; }
  .UISelectField .ui-select-search {
    border: 1px solid #d1d5df;
    box-shadow: none; }
  .UISelectField .ui-select-toggle:hover {
    background-color: white; }
  .UISelectField .ui-select-toggle {
    outline: 0;
    height: 100%;
    position: relative;
    top: -2px; }
  .UISelectField .ui-select-placeholder {
    color: #3b4653; }
  .UISelectField .CaretBg {
    position: absolute;
    top: 2px;
    right: 0;
    width: 28px;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .UISelectField .CaretBg svg {
      height: 13px; }

.UISelectField + ul.dropdown-menu {
  display: block;
  position: absolute;
  z-index: 3;
  width: 100%;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: -1px 0 0;
  padding: 4px 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d1d9df;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.15); }
  .UISelectField + ul.dropdown-menu > li {
    display: block;
    width: 100%; }
    .UISelectField + ul.dropdown-menu > li > a {
      display: block;
      padding: 5px 9px;
      cursor: pointer !important; }
    .UISelectField + ul.dropdown-menu > li:hover {
      background-color: #F0F3F6; }
    .UISelectField + ul.dropdown-menu > li.active {
      background-color: #E6EBF0; }

.SelectField {
  padding: 0 10px;
  line-height: inherit;
  text-align: left;
  color: inherit;
  background-color: white;
  border: 1px solid #d1d5df;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  position: relative; }
  .SelectField:focus {
    outline: none;
    border: 1px solid #ffb72e; }
  .SelectField .CaretBg {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .SelectField .CaretBg svg {
      height: 13px; }
  .SelectField .caret {
    margin-top: -4px;
    border: 0;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle; }
    .SelectField .caret:after {
      font-family: "icons";
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      font-weight: normal;
      font-style: normal;
      speak: none;
      text-decoration: inherit;
      text-transform: none;
      -moz-osx-font-smoothing: grayscale;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
      text-rendering: optimizeLegibility !important;
      -webkit-font-smoothing: antialiased !important;
      content: ""; }

.SelectField + ul.dropdown-menu {
  display: block;
  position: absolute;
  z-index: 3;
  width: 100%;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: -1px 0 0;
  padding: 4px 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d1d9df;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.15); }
  .SelectField + ul.dropdown-menu > li {
    display: block;
    width: 100%; }
    .SelectField + ul.dropdown-menu > li > a {
      display: block;
      padding: 5px 9px;
      cursor: pointer !important; }
    .SelectField + ul.dropdown-menu > li:hover {
      background-color: #F0F3F6; }
    .SelectField + ul.dropdown-menu > li.active {
      background-color: #E6EBF0; }

.MarkerPriceBadge {
  background-color: #85d168;
  padding: 5px;
  border: 1px solid #589342;
  color: white;
  cursor: pointer; }
  .MarkerPriceBadge--low {
    border-color: #589342;
    background-color: #85d168; }
  .MarkerPriceBadge--medium {
    border-color: #ff8500;
    background-color: #fab468; }
  .MarkerPriceBadge--high {
    border-color: #c5130f;
    background-color: #ee5f5c; }

.SearchStub {
  color: #266AAB;
  padding: 40px;
  text-align: center;
  width: 900px; }
  .SearchStub-icon {
    font-size: 300px;
    display: block;
    color: #266AAB; }
  .SearchStub-title {
    font-size: 21px;
    font-weight: bold; }
  .SearchStub-subtitle {
    font-size: 19px; }
    .SearchStub-subtitle .Href {
      float: none; }
      .SearchStub-subtitle .Href:hover {
        text-decoration: none; }

.SearchStub--noTickets {
  width: 100%; }

.BookingForm-notifiction {
  border: 1px dashed #dc3228;
  color: #dc3228;
  padding: 5px; }

.BookingForm .Radio:not(:last-child) {
  margin-right: 15px; }

.BookingForm--invalid input.ng-invalid {
  border: 1px solid #dc3228 !important; }

.BookingForm--invalid cyrillic-input.ng-invalid {
  border: 1px solid #dc3228 !important; }
  .BookingForm--invalid cyrillic-input.ng-invalid input {
    border: none !important; }

.BookingForm--invalid .BookingForm-dateField.ng-invalid .DateInputField-placeholder {
  border: 1px solid #dc3228 !important; }

.BookingForm--invalid .SelectField.ng-invalid {
  border: 1px solid #dc3228 !important; }

.BookingForm--invalid .UISelectField.ng-invalid .ui-select-match {
  border: 1px solid #dc3228 !important; }

.BookingForm--invalid .BookingForm-passengerAccost.Radio.ng-invalid .Radio-label {
  border: 1px solid #dc3228 !important; }

.BookingForm-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3px; }

.BookingForm-row--fromStart {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.BookingForm-row--fromEnd {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.BookingForm-row--pullUp {
  margin-top: -10px; }

.BookingForm-row--withOffset {
  margin-top: 10px; }

.BookingForm-row--sb {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.BookingForm-rowCol {
  width: 269px; }

.BookingForm-rowCol--full {
  width: 100%; }

.BookingForm-rowCol--subRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.BookingForm-rowCol--spaceBetween {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.BookingForm-rowCol--pullRight {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.BookingForm-fieldset {
  padding: 0 20px 20px;
  border-bottom: 1px solid #C8D2DC; }
  .BookingForm-fieldset.BookingForm-fieldset--paymentMethods {
    margin: 0; }

.BookingForm-fieldset--notLastInGroup {
  border-bottom: 1px dashed #c8d2dc; }

.BookingForm-fieldset--group {
  padding: 10px; }

.BookingForm-fieldset--withTopPadding {
  padding-top: 20px; }

.BookingForm-fieldset--noBotPadding {
  padding-bottom: 0; }

.BookingForm-fieldsetLegend {
  line-height: 50px;
  font-size: 15px;
  font-weight: 600;
  color: #3b4653; }
  .BookingForm-fieldsetLegend:before {
    position: relative;
    top: -2px;
    font-size: 20px;
    margin-right: 5px;
    font-weight: 800; }

.BookingForm-fieldsetLegen--condenced {
  line-height: 15px; }

.BookingForm-subTitle {
  font-size: 12px;
  line-height: 14px; }

.BookingForm-fieldExplain {
  margin-top: 5px;
  padding-left: 2px;
  line-height: 16px;
  font-size: 14px;
  color: #006598; }
  .BookingForm-fieldExplain .tooltip-inner {
    padding: 10px; }

.BookingForm-fieldExplainLabel {
  display: inline-block;
  border-bottom: 1px dashed;
  cursor: default; }

.BookingForm-fieldExplainIcon {
  display: inline-block; }
  .BookingForm-fieldExplainIcon:before {
    margin-top: -2px;
    font-size: 16px;
    font-family: "icons";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    content: ""; }

.BookingForm-aviaGroupTitle {
  width: 100px;
  height: 30px;
  line-height: 30px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: #3b4653;
  background-color: #c8d2dc;
  text-align: center;
  margin: 0 20px; }

.BookingForm-aviaGroupLegend {
  line-height: 50px;
  font-family: 'Roboto';
  font-size: 17px;
  font-weight: normal;
  padding: 0 20px; }

.BookingForm-group {
  background-color: #f0f3f6;
  padding: 10px;
  margin-bottom: 10px; }
  .BookingForm-group:last-child {
    margin-bottom: 0; }

.BookingForm-group--transparent {
  background-color: transparent; }

.BookingForm-group--condenced {
  padding: 0 10px 0 10px; }

.BookingForm-group--noBotPadding {
  padding-bottom: 0; }

.BookingForm-group--pullUp {
  margin-top: -10px; }

.BookingForm-group--noBotMarging {
  margin-bottom: 0; }

.BookingForm-group--mt20 {
  margin-top: 20px; }

.BookingForm-groupLegend {
  font-size: 15px;
  color: #3b4653;
  font-weight: 600;
  line-height: 18px;
  margin-bottom: 15px; }

.BookingForm-groupLegend--subGroup {
  margin-bottom: 5px;
  margin-top: 15px;
  padding-left: 2px; }

.BookingForm-guestLabel {
  font-size: 15px;
  color: #3b4653;
  font-weight: 800;
  line-height: 40px; }

.BookingForm-inputField {
  font-size: 14px;
  height: 40px;
  line-height: 38px;
  position: relative;
  color: #3b4653;
  background-color: white; }
  .BookingForm-inputField > input {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
    border: 1px solid #d1d5df;
    border-radius: 2px;
    outline: none; }
    .BookingForm-inputField > input:focus {
      border: 1px solid #ffb72e; }
  .BookingForm-inputField > input::-webkit-input-placeholder {
    color: #3b4653;
    opacity: 1; }
  .BookingForm-inputField > input:-ms-input-placeholder {
    color: #3b4653;
    opacity: 1; }
  .BookingForm-inputField > input::-moz-placeholder {
    color: #3b4653;
    opacity: 1; }

.BookingForm-inputField--cyrillicInput cyrillic-input {
  width: 100%;
  height: 100%;
  display: block; }
  .BookingForm-inputField--cyrillicInput cyrillic-input .CyrillicInput {
    width: 100%;
    height: 100%; }
    .BookingForm-inputField--cyrillicInput cyrillic-input .CyrillicInput > input {
      width: 100%;
      height: 100%;
      padding: 0 10px;
      line-height: inherit;
      font-family: inherit;
      font-size: inherit;
      border: 1px solid #d1d5df;
      border-radius: 2px;
      outline: none; }
      .BookingForm-inputField--cyrillicInput cyrillic-input .CyrillicInput > input:focus {
        border: 1px solid #ffb72e; }
    .BookingForm-inputField--cyrillicInput cyrillic-input .CyrillicInput > input::-webkit-input-placeholder {
      color: #3b4653;
      opacity: 1; }
    .BookingForm-inputField--cyrillicInput cyrillic-input .CyrillicInput > input:-ms-input-placeholder {
      color: #3b4653;
      opacity: 1; }
    .BookingForm-inputField--cyrillicInput cyrillic-input .CyrillicInput > input::-moz-placeholder {
      color: #3b4653;
      opacity: 1; }

.BookingForm-inputField--childAge {
  width: 137px;
  padding-left: 13px; }

.BookingForm-inputField--email input, .BookingForm-inputField--phone input, .BookingForm-inputField--game input {
  padding-left: 40px; }

.BookingForm-inputField--email:before, .BookingForm-inputField--phone:before, .BookingForm-inputField--game:before {
  position: absolute;
  top: 9px;
  left: 0;
  width: 43px;
  text-align: center;
  font-size: 23px;
  line-height: 32px;
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }

.BookingForm-inputField--email:before {
  content: ""; }

.BookingForm-inputField--phone:before {
  content: ""; }

.BookingForm-inputField--phone input:focus {
  border: 1px solid #ffb72e !important; }

.BookingForm-inputField--mileCard {
  height: 40px;
  border: 1px solid #d1d5df;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  line-height: 14px;
  padding-top: 5px; }

.BookingForm-inputField--mileCardActive {
  color: #ffffff;
  background-color: #599442; }

.BookingForm-inputField--coupon svg {
  position: absolute;
  top: 7px;
  left: 5px;
  height: 100%;
  height: 25px;
  width: 25px; }

.BookingForm-inputField--coupon input {
  padding-left: 40px; }

.BookingForm-inputField--phone .intl-tel-input {
  display: block;
  border: 1px solid #d1d5df;
  position: relative; }
  .BookingForm-inputField--phone .intl-tel-input input {
    width: -webkit-calc(100% - 92px);
    width: -moz-calc(100% - 92px);
    width: calc(100% - 92px);
    position: relative;
    left: 92px;
    padding-left: 10px !important;
    border: none;
    height: 38px;
    line-height: 35px;
    outline: none;
    padding-top: 0;
    padding-bottom: 0;
    right: 0;
    top: 0;
    background-color: transparent;
    display: inline-block;
    line-height: inherit;
    font-family: inherit;
    font-size: inherit;
    border-radius: 2px; }
    .BookingForm-inputField--phone .intl-tel-input input:focus {
      border: 1px solid #ffb72e !important; }
    .BookingForm-inputField--phone .intl-tel-input input::-webkit-input-placeholder {
      color: #3b4653;
      opacity: 1; }
    .BookingForm-inputField--phone .intl-tel-input input:-ms-input-placeholder {
      color: #3b4653;
      opacity: 1; }
    .BookingForm-inputField--phone .intl-tel-input input::-moz-placeholder {
      color: #3b4653;
      opacity: 1; }
  .BookingForm-inputField--phone .intl-tel-input .flag-dropdown {
    outline: none !important;
    bottom: 0;
    left: 41px;
    bottom: 2px;
    padding: 0;
    height: 100%;
    border-left: 1px solid rgba(209, 217, 223, 0.5);
    border-right: 1px solid rgba(209, 217, 223, 0.5); }
    .BookingForm-inputField--phone .intl-tel-input .flag-dropdown .selected-flag {
      width: 50px;
      padding-left: 10px; }
      .BookingForm-inputField--phone .intl-tel-input .flag-dropdown .selected-flag:focus {
        border: 1px solid #ffb72e !important;
        outline: none; }
      .BookingForm-inputField--phone .intl-tel-input .flag-dropdown .selected-flag .flag {
        margin-top: -6px; }
      .BookingForm-inputField--phone .intl-tel-input .flag-dropdown .selected-flag .arrow {
        position: absolute;
        top: 2px;
        right: 15px;
        margin-left: 2px;
        font-size: 12px;
        border: 0; }
        .BookingForm-inputField--phone .intl-tel-input .flag-dropdown .selected-flag .arrow:after {
          font-family: "icons";
          display: inline-block;
          vertical-align: middle;
          line-height: 1;
          font-weight: normal;
          font-style: normal;
          speak: none;
          text-decoration: inherit;
          text-transform: none;
          -moz-osx-font-smoothing: grayscale;
          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
          text-rendering: optimizeLegibility !important;
          -webkit-font-smoothing: antialiased !important;
          content: ""; }

.BookingForm-passengerAccost.Radio {
  float: left; }
  .BookingForm-passengerAccost.Radio .Radio-label {
    color: #46bcea !important;
    border: 1px solid #46bcea !important;
    border-radius: 2px;
    width: 131px;
    height: 38px;
    line-height: 38px; }
  .BookingForm-passengerAccost.Radio.is-checked .Radio-label {
    color: #fff !important;
    background-color: #46bcea !important; }

.BookingForm-textAreaField {
  padding: 10px 15px;
  color: #3b4653;
  border: 1px solid #d1d5df;
  outline: 0;
  width: 100%;
  height: 80px; }
  .BookingForm-textAreaField > input::-webkit-input-placeholder {
    color: #4D4D4F;
    opacity: 1; }
  .BookingForm-textAreaField > input:-ms-input-placeholder {
    color: #4D4D4F;
    opacity: 1; }
  .BookingForm-textAreaField > input::-moz-placeholder {
    color: #4D4D4F;
    opacity: 1; }

.BookingForm-guestNumber {
  width: 20px;
  height: 20px;
  color: #006498;
  border: 1px solid #006498;
  line-height: 18px;
  text-align: center;
  margin-right: 5px; }

.BookingForm-sliderField {
  margin: 12px 0; }

.BookingForm-sliderField--noMargin {
  margin: 0px; }

.BookingForm-sliderField--ml {
  margin-left: 10px; }

.BookingForm-sliderBtnLabel {
  line-height: 12px;
  margin-left: 5px; }

.BookingForm-dateRange .DateBox-datesContainer {
  border: 1px solid #d1d5df;
  border-radius: 3px; }

.BookingForm-fieldLabel {
  font-size: 15px;
  color: #3b4653;
  font-weight: 800;
  line-height: 40px; }

.BookingForm-errorMsg {
  color: #dc3228;
  line-height: 16px; }

.BookingForm-prosMessage {
  color: #599442; }

.BookingForm-rowBtn {
  width: 100%; }

.BookingForm-messages {
  margin-top: 20px; }

.BookingForm-message {
  color: #fff;
  border-radius: 2px;
  background-color: #e17477; }

.BookingForm-messageIcon {
  background-color: #d6383c;
  padding: 6px; }

.BookingForm-messageText {
  position: relative;
  margin-left: 34px;
  padding: 7px 10px;
  border-radius: 0 2px 2px 0;
  line-height: 30px; }

.BookingForm-rowText {
  height: 40px;
  line-height: 40px;
  font-size: 15px; }

.BookingForm-rowText--offsetRight {
  margin-right: 5px; }

.BookingForm-passengerLabelIndex {
  height: 25px;
  width: 25px;
  background-color: #c8d2dc;
  color: #3b4653;
  float: left;
  margin-right: 10px;
  line-height: 25px;
  text-align: center;
  position: relative;
  top: 7px; }

.BookingForm-requireExample {
  position: relative;
  margin-right: 5px;
  width: 20px;
  height: 20px; }

.BookingForm-warning {
  color: #dc3228;
  border: 1px dashed #dc3228;
  border-radius: 2px;
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px; }

.BookingForm-warningIcon {
  font-size: 17px;
  position: relative;
  top: -2px;
  margin-right: 10px; }

.BookingForm .is-require:after {
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  color: #D6383C; }

.BookingForm-dateField {
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 38px; }
  .BookingForm-dateField input[readonly] {
    display: none; }

.BookingForm-selectField {
  width: 100%;
  height: 40px;
  line-height: 38px;
  position: relative; }
  .BookingForm-selectField input[readonly] {
    display: none; }
  .BookingForm-selectField button {
    background-color: white;
    position: relative;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: 1px solid #d1d5df;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
    padding-left: 10px;
    color: #3b4653; }
  .BookingForm-selectField .CaretBg {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .BookingForm-selectField .CaretBg svg {
      height: 13px; }
  .BookingForm-selectField ul.dropdown-menu {
    display: block;
    position: absolute;
    z-index: 3;
    width: 100%;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 4px 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #d1d9df;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.15); }
    .BookingForm-selectField ul.dropdown-menu > li {
      display: block;
      width: 100%;
      cursor: pointer; }
      .BookingForm-selectField ul.dropdown-menu > li > a {
        display: block;
        padding: 5px 9px; }
      .BookingForm-selectField ul.dropdown-menu > li:hover {
        background-color: #F0F3F6; }
      .BookingForm-selectField ul.dropdown-menu > li.active {
        background-color: #E6EBF0; }

.ru .BookingForm-selectField--citizenshipSelect .dropdown-menu li:nth-child(4) {
  border-bottom: 1px solid #3b4653; }

.ru .BookingForm-selectField--citizenshipSelect .ui-select-choices-row:nth-child(6) {
  border-bottom: 1px solid #3b4653; }

.BookingForm-priceDetails {
  color: #3b4653;
  line-height: 16px;
  font-weight: 800;
  max-width: 220px; }

.BookingForm-taxInfo {
  font-size: 12px;
  line-height: 14px; }

.BookingForm-price {
  font-size: 23px;
  color: #ffb72e; }

.BookingForm-bookBtn {
  width: 160px;
  height: 40px;
  padding: 0; }

.BookingError {
  height: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .BookingError-errorText {
    color: #a7aebd;
    width: 420px;
    text-align: center;
    font-size: 23px;
    line-height: 23px;
    margin-bottom: 20px; }
  .BookingError .Btn {
    min-width: 140px; }

.BookingResult-panel {
  width: 580px;
  background-color: #fafbfc;
  margin-bottom: 3px;
  border-radius: 2px; }
  .BookingResult-panel:last-child {
    margin-bottom: 0px; }

.BookingResult-section {
  padding: 20px;
  border-top: 1px solid #dce3ec;
  position: relative; }
  .BookingResult-section:first-child {
    border-top: none; }

.BookingResult-section--inComponent:first-child {
  border-top: 1px solid #dce3ec; }

.BookingResult-section--total {
  padding-top: 20px; }

.BookingResult-section--condenced {
  padding: 10px; }

.BookingResult-sectionTitle {
  line-height: 18px;
  font-size: 15px;
  color: #3b4653;
  font-weight: 400;
  margin-bottom: 15px; }

.BookingResult-sectionTitle--offsetTop {
  margin-top: 15px;
  margin-bottom: 5px; }

.BookingResult-title {
  color: #006498;
  font-weight: normal;
  font-size: 20px; }

.BookingResult-text {
  line-height: 16px;
  font-size: 14px; }
  .BookingResult-text--small {
    margin-top: 5px;
    line-height: 16px;
    font-size: 12px; }

.BookingResult-socialShare {
  position: relative; }

.BookingResult-shareMotivationTitle {
  width: 50%; }

.BookingResult-shareBtns {
  position: absolute;
  right: 0;
  bottom: 0; }

.BookingResult-shareBtn {
  width: 130px;
  height: 40px;
  font-size: 14px;
  margin-right: 5px;
  text-decoration: none !important; }
  .BookingResult-shareBtn:hover {
    text-decoration: none !important; }
  .BookingResult-shareBtn:first-child {
    margin-right: 0px; }
  .BookingResult-shareBtn i:before {
    margin-right: 5px;
    font-size: 20px;
    position: relative;
    top: -2px; }

.BookingResult-group {
  background-color: #f0f3f6;
  padding: 10px;
  margin-bottom: 10px; }

.BookingResult-rows {
  margin: 14px 0; }

.BookingResult-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  line-height: 17px;
  font-size: 14px;
  margin-bottom: 3px; }
  .BookingResult-row:last-child {
    margin-bottom: 0; }

.BookingResult-row--sb {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.BookingResult-infoLabel {
  width: 140px;
  color: #3b4653;
  font-weight: 400; }

.BookingResult-infoValue--offsetRight {
  margin-right: 30px; }

.BookingResult-bonusStatusMsg {
  margin-bottom: 10px; }

.BookingResult-roomBlock {
  background-color: #f0f3f6;
  padding: 10px;
  margin-bottom: 10px; }

.BookingResult-roomBlockTitle {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #3b4653;
  margin-bottom: 15px; }

.BookingResult-paxIndex {
  height: 20px;
  width: 20px;
  border: 1px solid #006498;
  color: #006498;
  line-height: 18px;
  text-align: center;
  border-radius: 2px;
  margin-right: 5px; }

.BookingResult-finalPrice {
  color: #3b4653;
  font-weight: 400;
  line-height: 16px; }

.BookingResult-taxInfo {
  font-size: 12px;
  line-height: 14px; }

.BookingResult-price {
  font-size: 23px;
  color: #ffb72e; }
  .BookingResult-price .Currency {
    position: relative;
    top: -2px; }

.BookingResult-actionBtn {
  width: 130px; }

.BookingResult-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .BookingResult-total > div {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }

.BookingResult-totalLabel {
  color: #3b4653;
  max-width: 225px; }

.BookingResult-totalLabelExplain {
  font-size: 12px; }

.BookingResult-totalPrice {
  color: #ff8500;
  font-size: 23px;
  text-align: center; }

.BookingResult-totalBtn .Btn {
  width: 130px;
  font-size: 15px; }

.BookingResult-payNotification {
  color: #de0000;
  line-height: 15px;
  width: 385px;
  float: left; }

.BookingResult-expirationInterval {
  width: 155px;
  float: right;
  text-align: center;
  line-height: 30px;
  font-size: 22px;
  color: #f33710;
  font-weight: 800; }

.BookingResult-isCardholder {
  color: #599442; }
  .BookingResult-isCardholder:before {
    position: relative;
    top: -2px;
    margin-right: 5px; }

.AutoComplete {
  padding: 10px !important;
  border-radius: 2px !important;
  z-index: 99999;
  width: 637px;
  margin-top: 9px;
  background-color: #ffffff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .AutoComplete.tooltip {
    padding: 0;
    opacity: 1; }
  .AutoComplete.tooltip.bottom-left {
    margin-top: 7px; }
  .AutoComplete.tooltip.top-left {
    margin-top: -7px; }
  .AutoComplete.tooltip.top-left:after {
    position: absolute;
    bottom: -7px;
    left: 14px;
    content: "";
    border: 7px transparent solid;
    border-bottom-color: #ffffff; }
  .AutoComplete .AutoComplete-title {
    position: relative;
    vertical-align: top;
    color: #3b4653;
    background-color: #ffffff;
    font-size: 15px;
    line-height: 40px;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 2px dotted #d1d5df;
    border-top: 2px dotted #d1d5df;
    padding-left: 5px; }
    .AutoComplete .AutoComplete-title--first {
      border-top: none; }
  .AutoComplete .AutoComplete-titleIcon {
    position: relative;
    color: #ffffff; }
    .AutoComplete .AutoComplete-titleIcon [class*="i-"]:before {
      float: left;
      padding-top: 5px;
      margin-left: 3px; }
  .AutoComplete .AutoComplete-list {
    border-radius: 2px !important; }
  .AutoComplete .AutoComplete-item {
    display: block;
    width: 100%;
    padding: 5px 20px 5px 20px;
    cursor: pointer;
    -webkit-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    color: #626c78;
    background-color: #ffffff;
    line-height: 30px;
    font-size: 17px;
    text-align: left; }
    .AutoComplete .AutoComplete-item:hover {
      background-color: #f0f3f6; }
  .AutoComplete .AutoComplete-item--selected {
    background-color: #f0f3f6; }
  .AutoComplete .AutoComplete-item--active {
    background-color: none; }
  .AutoComplete .AutoComplete-item--sub-icon {
    padding-right: 5px; }
  .AutoComplete .AutoComplete-name {
    color: #626c78;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .AutoComplete .is-black {
    color: #626C78; }
  .AutoComplete .is-gray {
    color: #626c78; }
  .AutoComplete .is-blue {
    color: #006498; }
  .AutoComplete .AutoComplete-error {
    padding: 0 25px 0 20px;
    color: #626c78; }

.BookingLoader {
  position: relative;
  width: 580px;
  height: 100%;
  background-color: #ffffff;
  padding: 300px 30px 30px 30px;
  overflow: hidden; }
  .BookingLoader .Loading {
    height: 300px; }
  .BookingLoader-hotelLoader {
    width: 100%;
    height: 385px; }
  .BookingLoader-loaderTitle {
    text-align: center;
    font-size: 18px;
    line-height: 18px; }
  .BookingLoader-loaderTitle--sun {
    font-size: 16px;
    line-height: 16px; }
  .BookingLoader-loaderUsefullNotes {
    background-color: #F0F3F6;
    margin-top: 30px;
    padding-top: 15px; }
    .BookingLoader-loaderUsefullNotes .textSlider-contentWrapper {
      height: 110px; }
    .BookingLoader-loaderUsefullNotes .textSlider-contentItem {
      width: 374px;
      margin-left: -187px; }
    .BookingLoader-loaderUsefullNotes .textSlider-arrowNext, .BookingLoader-loaderUsefullNotes .textSlider-arrowPrev {
      top: 10px; }
    .BookingLoader-loaderUsefullNotes .textSlider-progressIndicators {
      bottom: 20px; }

.RedirectTimer {
  height: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .RedirectTimer .Loading {
    position: inherit;
    margin: none;
    margin-top: 20px; }
  .RedirectTimer-legend {
    width: 420px;
    padding-top: 20px;
    text-align: center;
    color: #a7aebd;
    font-size: 23px;
    line-height: 23px; }
  .RedirectTimer-timer {
    font-size: 16px;
    width: 420px;
    padding-top: 10px;
    text-align: center;
    color: #a7aebd;
    line-height: 23px; }
  .RedirectTimer-redirectLink {
    font-size: 12px; }

.MilesBlock {
  padding: 5px 0 70px 0;
  font-size: 20px; }
  @media (min-width: 1280px) and (min-height: 950px) {
    .MilesBlock {
      font-size: 25px;
      line-height: 30px; } }
  @media (min-width: 1600px) {
    .MilesBlock {
      font-size: 25px; } }
  @media (min-width: 1900px) {
    .MilesBlock {
      padding: 5px 0 80px 0; } }
  @media (max-height: 801px) {
    .MilesBlock {
      padding: 5px 0 50px 0; } }
  @media (min-height: 1000px) {
    .MilesBlock {
      padding: 5px 0 85px 0; } }
  @media (min-height: 1100px) {
    .MilesBlock {
      padding: 5px 0 8vh 0; } }
  .MilesBlock--cMili {
    color: #ffb72e; }
  .MilesBlock-iconMili {
    font-size: 35px;
    line-height: 20px;
    position: relative; }

cities-slider-picker {
  display: block; }

.CitiesSliderPicker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  color: #3b4653; }
  .CitiesSliderPicker-window {
    overflow: hidden;
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
    -moz-box-flex: 10;
    -ms-flex-positive: 10;
    flex-grow: 10; }
  .CitiesSliderPicker-shade {
    width: 20px;
    height: 30px;
    position: absolute;
    z-index: 9; }
  .CitiesSliderPicker-shade--left {
    left: 30px;
    top: 0;
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(5%, transparent), color-stop(7%, rgba(240, 243, 246, 0.2)), to(#f0f3f6));
    background: -moz- oldlinear-gradient(right, transparent 0%, transparent 5%, rgba(240, 243, 246, 0.2) 7%, #f0f3f6 100%);
    background: -o-linear-gradient(right, transparent 0%, transparent 5%, rgba(240, 243, 246, 0.2) 7%, #f0f3f6 100%);
    background: linear-gradient(to left, transparent 0%, transparent 5%, rgba(240, 243, 246, 0.2) 7%, #f0f3f6 100%); }
  .CitiesSliderPicker-shade--right {
    right: 30px;
    top: 0;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, transparent), color-stop(7%, rgba(240, 243, 246, 0.2)), to(#f0f3f6));
    background: -moz- oldlinear-gradient(left, transparent 0%, transparent 5%, rgba(240, 243, 246, 0.2) 7%, #f0f3f6 100%);
    background: -o-linear-gradient(left, transparent 0%, transparent 5%, rgba(240, 243, 246, 0.2) 7%, #f0f3f6 100%);
    background: linear-gradient(to right, transparent 0%, transparent 5%, rgba(240, 243, 246, 0.2) 7%, #f0f3f6 100%); }
  .CitiesSliderPicker-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in; }
  .CitiesSliderPicker-city {
    margin-left: 20px;
    margin-right: 20px;
    cursor: pointer;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    font-size: 18px;
    padding-bottom: 8px;
    -webkit-transition: color 0.3s ease-in;
    -o-transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
    border-bottom: 3px solid transparent; }
    .CitiesSliderPicker-city:hover {
      color: #006498; }
  .CitiesSliderPicker-city--active {
    border-bottom: 3px solid #006498;
    color: #006498; }
  .CitiesSliderPicker-arrow {
    width: 30px;
    height: 30px;
    background-color: white;
    cursor: pointer;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px; }
    .CitiesSliderPicker-arrow svg {
      width: 15px;
      height: 15px; }
      .CitiesSliderPicker-arrow svg path {
        stroke: #006598;
        stroke-width: 0px; }
  .CitiesSliderPicker-arrow--left {
    margin-right: 15px; }
  .CitiesSliderPicker-arrow--right {
    margin-left: 15px; }
  .CitiesSliderPicker-arrow--disabled {
    background-color: #eeeeee;
    cursor: inherit; }

.LineStepper {
  position: relative; }
  .LineStepper-line {
    height: 5px;
    width: 542px;
    position: absolute;
    top: 45px;
    background-color: #006498;
    left: 50%;
    margin-left: -271px;
    z-index: 0; }
  .LineStepper-line--length3 {
    width: 373px;
    margin-left: -188px; }
  .LineStepper-line--length2 {
    width: 183px;
    margin-left: -93px; }
  .LineStepper-points {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 5; }
  .LineStepper-pointItem {
    text-align: center;
    width: 180px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .LineStepper-pointItem--active {
    color: red; }
    .LineStepper-pointItem--active .LineStepper-pointLabel {
      color: #006498; }
    .LineStepper-pointItem--active .LineStepper-point {
      position: relative; }
      .LineStepper-pointItem--active .LineStepper-point:before {
        width: 30px;
        height: 30px;
        border: 4px solid #006498;
        border-radius: 50%;
        content: '';
        display: block;
        position: absolute;
        background-color: white;
        top: -7px;
        left: -7px; }
  .LineStepper-point {
    height: 15px;
    width: 15px;
    background-color: #006498;
    border-radius: 50%;
    cursor: pointer; }
  .LineStepper-pointLabel {
    font-size: 18px;
    color: #3b4653;
    margin-bottom: 15px;
    cursor: pointer; }

.conditions-btn {
  color: #006598;
  display: inline-block;
  border-bottom: 1px dashed;
  cursor: pointer;
  font-size: 20px; }
  .conditions-btn--desibled {
    cursor: default;
    color: #006498;
    border: none; }

.conditions-block {
  margin-top: 15px; }
  .conditions-block--none {
    margin-top: 0; }

.conditions-title {
  font-weight: bold; }

.conditions-content {
  line-height: 22px; }

.bookingRules {
  padding: 15px;
  text-align: center; }

.AviaBooking-bookingRules .bookingRules {
  margin-bottom: -10px; }

.CyrillicInput {
  position: relative; }
  .CyrillicInput-transliterated {
    left: 50%;
    margin-left: 32px;
    padding: 0;
    margin-bottom: 0;
    line-height: 14px;
    top: 50%;
    margin-top: -6px;
    line-height: 14px;
    font-weight: normal;
    position: absolute;
    color: #626c78; }
  .CyrillicInput-icon {
    width: 24px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 0; }

circle-timer {
  position: absolute;
  z-index: 10000;
  top: 100px;
  left: 20px; }

.circle {
  position: relative;
  width: 85px;
  height: 85px;
  margin: 20px auto; }

.circle svg {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: initial;
  -moz-transform-origin: initial;
  -ms-transform-origin: initial;
  -o-transform-origin: initial;
  transform-origin: initial; }

.circle svg circle {
  stroke-width: 6px;
  fill: none; }

.circle svg.circleFill {
  z-index: 1;
  stroke-dasharray: 322;
  stroke-dashoffset: 322;
  -webkit-transition-property: all;
  -o-transition-property: all;
  -moz-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.circle svg.circleFill circle {
  stroke: #46bcea; }

.circle svg.circleFill.filled {
  stroke-dashoffset: 38.5; }

.circle svg.circleTrack {
  z-index: 0; }

.circle svg.circleTrack circle {
  fill: #59626c; }

.CircleTimer-label {
  position: absolute;
  z-index: 9;
  text-align: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: white; }

.CircleTimer-seconds {
  font-size: 34px;
  font-weight: 800;
  line-height: 30px; }

.CircleTimer-sublabel {
  line-height: 12px;
  margin-bottom: 10px; }

.purchase-message {
  font-size: 15px;
  border: 1px dashed #006498;
  border-radius: 3px;
  background-color: rgba(0, 100, 152, 0.3);
  height: 40px;
  padding-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #006498; }

.purchase-order {
  background-color: #ffffff;
  margin-bottom: 20px; }

.purchase-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 15px;
  border-bottom: 1px solid #d1d5df; }
  .purchase-row:last-child {
    border: none; }

.purchase-infoBlock {
  width: 50%;
  padding-right: 20px; }

.purchase-df {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #626c78;
  font-size: 14px; }

.purchase-img {
  background: no-repeat center center;
  background-size: cover;
  display: inline-block;
  width: 50px;
  height: 50px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 15px;
  margin-top: 13px; }

.purchase-orderCode {
  font-weight: bold;
  font-size: 20px;
  color: #006498; }

.purchase-status, .purchase-price, .purchase-quantity, .purchase-itemPrice, .purchase-btn {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: -webkit-calc(50% / 3);
  width: -moz-calc(50% / 3);
  width: calc(50% / 3); }

.purchase-status {
  font-size: 18px; }
  .purchase-status--1 {
    color: #ffb72e; }
  .purchase-status--2 {
    color: #599442; }
  .purchase-status--3 {
    color: #dc3228; }
  .purchase-status--4 {
    color: #626c78; }

.purchase-itemPrice, .purchase-price {
  font-weight: bold;
  font-size: 23px;
  color: #006498; }

.purchase-quantity {
  font-size: 18px;
  color: #626c78; }

@-webkit-keyframes barloader {
  0% {
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2); }
  50% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    -webkit-transform: scaleY(0.2);
    transform: scaleY(0.2); } }

@-moz-keyframes barloader {
  0% {
    -moz-transform: scaleY(0.2);
    transform: scaleY(0.2); }
  50% {
    -moz-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    -moz-transform: scaleY(0.2);
    transform: scaleY(0.2); } }

@-o-keyframes barloader {
  0% {
    -o-transform: scaleY(0.2);
    transform: scaleY(0.2); }
  50% {
    -o-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    -o-transform: scaleY(0.2);
    transform: scaleY(0.2); } }

@keyframes barloader {
  0% {
    -webkit-transform: scaleY(0.2);
    -moz-transform: scaleY(0.2);
    -o-transform: scaleY(0.2);
    transform: scaleY(0.2); }
  50% {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1); }
  100% {
    -webkit-transform: scaleY(0.2);
    -moz-transform: scaleY(0.2);
    -o-transform: scaleY(0.2);
    transform: scaleY(0.2); } }

.BarLoader {
  margin: auto; }
  .BarLoader-loader {
    width: 85px;
    height: 50px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .BarLoader-bar {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -moz-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    margin: 0px 2px;
    height: 100%;
    background: #ff8500;
    border-radius: 10px;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1); }
  .BarLoader-bar:nth-child(1) {
    -webkit-animation: barloader 1s linear infinite;
    -moz-animation: barloader 1s linear infinite;
    -o-animation: barloader 1s linear infinite;
    animation: barloader 1s linear infinite; }
  .BarLoader-bar:nth-child(2) {
    -webkit-animation: barloader 1s linear infinite;
    -moz-animation: barloader 1s linear infinite;
    -o-animation: barloader 1s linear infinite;
    animation: barloader 1s linear infinite;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s; }
  .BarLoader-bar:nth-child(3) {
    -webkit-animation: barloader 1s linear infinite;
    -moz-animation: barloader 1s linear infinite;
    -o-animation: barloader 1s linear infinite;
    animation: barloader 1s linear infinite;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s; }
  .BarLoader-bar:nth-child(4) {
    -webkit-animation: barloader 1s linear infinite;
    -moz-animation: barloader 1s linear infinite;
    -o-animation: barloader 1s linear infinite;
    animation: barloader 1s linear infinite;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s; }
  .BarLoader-bar:nth-child(5) {
    -webkit-animation: barloader 1s linear infinite;
    -moz-animation: barloader 1s linear infinite;
    -o-animation: barloader 1s linear infinite;
    animation: barloader 1s linear infinite;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s; }
  .BarLoader-bar:nth-child(6) {
    -webkit-animation: barloader 1s linear infinite;
    -moz-animation: barloader 1s linear infinite;
    -o-animation: barloader 1s linear infinite;
    animation: barloader 1s linear infinite;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s; }

body, html {
  width: 100%;
  height: 100%;
  color: #626c78;
  background-color: #e7ebf2;
  font-family: weblysleek, sans-serif; }

.MainBox {
  min-width: 1200px;
  height: 100%; }

@font-face {
  font-family: "als_rublregular";
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/rouble-webfont.eot");
  src: url("/fonts/rouble-webfont.eot") format("embedded-opentype"), url("/fonts/rouble-webfont.woff") format("woff"), url("/fonts/rouble-webfont.ttf") format("truetype"), url("/fonts/rouble-webfont.svg") format("svg"); }

@font-face {
  font-family: "weblysleek";
  font-weight: 300;
  font-style: normal;
  src: url("/fonts/weblysleekuil-webfont.eot");
  src: url("/fonts/weblysleekuil-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/weblysleekuil-webfont.woff2") format("woff2"), url("/fonts/weblysleekuil-webfont.woff") format("woff"), url("/fonts/weblysleekuil-webfont.ttf") format("truetype"), url("/fonts/weblysleekuil-webfont.svg#weblysleek_uilight") format("svg"); }

@font-face {
  font-family: "weblysleek";
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/weblysleekuisl-webfont.eot");
  src: url("/fonts/weblysleekuisl-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/weblysleekuisl-webfont.woff2") format("woff2"), url("/fonts/weblysleekuisl-webfont.woff") format("woff"), url("/fonts/weblysleekuisl-webfont.ttf") format("truetype"), url("/fonts/weblysleekuisl-webfont.svg#weblysleek_uisemilight") format("svg"); }

@font-face {
  font-family: "weblysleek";
  font-weight: 700;
  font-style: normal;
  src: url("/fonts/weblysleekuisb-webfont.eot");
  src: url("/fonts/weblysleekuisb-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/weblysleekuisb-webfont.woff2") format("woff2"), url("/fonts/weblysleekuisb-webfont.woff") format("woff"), url("/fonts/weblysleekuisb-webfont.ttf") format("truetype"), url("/fonts/weblysleekuisb-webfont.svg#weblysleek_uisemibold") format("svg"); }

input::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

.AdvantagesBlock {
  padding-top: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .AdvantagesBlock--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .AdvantagesBlock--center > div {
      margin: 0 20px; }
  .AdvantagesBlock-col {
    padding: 40px 10px 20px 10px;
    border-radius: 3px;
    position: relative;
    -webkit-flex-basis: 360px;
    -ms-flex-preferred-size: 360px;
    flex-basis: 360px;
    text-align: center;
    color: #3b4653; }
  .AdvantagesBlock-icon > * {
    margin: auto; }
  .AdvantagesBlock-svgIcon {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%; }
  .AdvantagesBlock-svgIcon svg {
    height: 60px;
    stroke-width: 0px; }
  .AdvantagesBlock-description {
    font-size: 16px;
    margin-top: 9px;
    text-transform: uppercase; }
  .AdvantagesBlock-line {
    background-color: #3b4653;
    width: 50px;
    height: 1px;
    display: inline-block;
    margin: 4px auto; }
  .AdvantagesBlock-content {
    font-size: 15px; }
  .AdvantagesBlock-number {
    display: inline;
    color: #46bcea; }
  .AdvantagesBlock--two {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .AdvantagesBlock--two > * {
      margin: 0 30px; }
  .AdvantagesBlock-miles {
    font-size: 23px;
    line-height: 20px; }

.topMenu {
  padding: 20px 0 !important;
  min-width: 305px; }
  .topMenu-svg {
    width: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }
    .topMenu-svg svg {
      width: 11px;
      height: 9px;
      margin: 0; }
    .topMenu-svg .footer_arrow {
      stroke: #006598; }
    .topMenu-svg .footer_arrow1 {
      fill: #006598; }
  .topMenu.dropdown-menu > li > a {
    padding: 10px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    .topMenu.dropdown-menu > li > a:hover {
      background-color: inherit;
      color: #006598; }
      .topMenu.dropdown-menu > li > a:hover .topMenu-svg {
        width: 15px; }

@media screen and (max-width: 910px) {
  .MainBox {
    min-width: 100vw;
    height: 100%; } }

@charset "UTF-8";
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.HorizontalList {
  overflow-x: auto; }
  .HorizontalList .HorizontalList-item {
    display: inline-block;
    float: left; }

.u-vAlign {
  display: table;
  width: 100%;
  height: 100%; }
  .u-vAlign > * {
    display: table-cell;
    vertical-align: middle; }

.HotelSearch {
  position: relative;
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  color: #fff; }
  .HotelSearch .HotelSearch-dateRangeBox {
    display: inline-block;
    float: left; }
  .HotelSearch .HotelSearch-persons {
    display: inline-block;
    float: left;
    width: 195px; }
    .HotelSearch .HotelSearch-persons + .dropdown-menu {
      width: 195px; }
    .HotelSearch .HotelSearch-persons .CaretBg {
      height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .HotelSearch .HotelSearch-persons .CaretBg svg {
        height: 15px; }
  .HotelSearch .HotelSearch-price {
    display: inline-block;
    float: left;
    width: 195px; }
    .HotelSearch .HotelSearch-price + .dropdown-menu {
      width: 195px; }
  .HotelSearch .HotelSearch-noDate {
    float: left;
    min-height: 25px;
    margin: 0;
    padding-top: 5px;
    vertical-align: middle;
    color: #FFF;
    font-size: 14px;
    line-height: 25px; }
  .HotelSearch .HotelSearch-stars {
    display: inline-block;
    float: left;
    position: relative;
    width: 525px;
    margin-right: 5px;
    padding-left: 50px;
    vertical-align: top;
    color: #46bcea;
    border: 1px solid #FFF;
    border-radius: 2px;
    background-color: white;
    font-size: 15px; }
    .HotelSearch .HotelSearch-stars:before {
      top: -1px;
      left: -1px;
      width: 40px;
      height: 40px;
      color: #46bcea;
      font-size: 30px; }
    .HotelSearch .HotelSearch-stars .Stars {
      display: inline-block;
      float: right;
      width: auto;
      margin-top: -1px;
      padding: 0 10px; }
      .HotelSearch .HotelSearch-stars .Stars .Stars-star {
        color: #FDDB28; }
  .HotelSearch .HotelSearch-starsTitle {
    display: inline-block;
    float: left;
    vertical-align: middle;
    line-height: 38px; }
  .HotelSearch .AutoCompleteBox input {
    padding-left: 40px;
    line-height: 21px; }
  .HotelSearch .HotelSearch-accommodation {
    display: inline-block;
    float: left;
    width: 315px;
    margin-right: 20px; }
    .HotelSearch .HotelSearch-accommodation + .dropdown-menu {
      width: 315px; }
  .HotelSearch .HotelSearch-rating {
    display: inline-block;
    float: left;
    width: 465px; }
    .HotelSearch .HotelSearch-rating + .dropdown-menu {
      width: 465px; }
  .HotelSearch .HotelSearch-roomBox {
    position: relative;
    z-index: 30;
    height: 65px;
    padding: 12px 0 12px 0; }
    .HotelSearch .HotelSearch-roomBox.ng-enter, .HotelSearch .HotelSearch-roomBox.ng-move {
      height: 0;
      opacity: 0; }
    .HotelSearch .HotelSearch-roomBox.ng-enter.ng-enter-active, .HotelSearch .HotelSearch-roomBox.ng-move.ng-move-active {
      height: 40px;
      opacity: 1; }
    .HotelSearch .HotelSearch-roomBox.ng-leave {
      height: 40px;
      opacity: 1; }
    .HotelSearch .HotelSearch-roomBox.ng-leave-active {
      height: 0;
      opacity: 0; }
    .HotelSearch .HotelSearch-roomBox > * {
      position: relative;
      z-index: 10; }
  .HotelSearch .HotelSearch-roomAges {
    overflow: hidden;
    height: 50px;
    border-radius: 2px;
    font-size: 18px;
    line-height: 50px; }
    .HotelSearch .HotelSearch-roomAges .InputSet-box .InputSet-input {
      height: 50px; }
    .HotelSearch .HotelSearch-roomAges .InputSet-icons {
      width: 34px; }
      .HotelSearch .HotelSearch-roomAges .InputSet-icons .i40:before {
        width: 34px;
        height: 50px;
        line-height: 50px; }
    .HotelSearch .HotelSearch-roomAges label {
      margin-right: 30px; }
      .HotelSearch .HotelSearch-roomAges label .InputSet-label {
        position: relative;
        float: left; }
  .HotelSearch .HotelSearch-roomBoxTriangle {
    position: relative;
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px; }
    .HotelSearch .HotelSearch-roomBoxTriangle:before {
      position: absolute;
      top: 13px;
      left: 18px;
      content: "";
      border: 7px solid transparent;
      border-left: 7px solid #1A9BD7; }
  .HotelSearch .HotelSearch-roomNumber {
    position: relative;
    display: inline-block;
    float: left;
    width: 100px;
    height: 50px;
    text-align: center;
    border-radius: 2px;
    background-color: #fafbfc;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px; }
    .HotelSearch .HotelSearch-roomNumber:before {
      position: absolute;
      top: 18px;
      right: -13px;
      content: "";
      border: 7px solid transparent;
      border-left-color: #fafbfc; }
  .HotelSearch .HotelSearch-roomGuests [class*="i-"]:before {
    font-size: 32px !important; }
  .HotelSearch .HotelSearch-roomNumberIcon {
    display: inline-block;
    float: left;
    width: 40px;
    height: 39px;
    text-align: center;
    background-color: #1A9BD7; }
  .HotelSearch .form-group {
    margin-bottom: 20px; }
    .HotelSearch .form-group.slide-down.ng-enter {
      margin-bottom: 0; }
    .HotelSearch .form-group.slide-down.ng-enter-active {
      margin-bottom: 30px; }
    .HotelSearch .form-group.slide-down.ng-leave {
      margin-bottom: 30px; }
    .HotelSearch .form-group.slide-down.ng-leave-active {
      margin-bottom: 0; }
    .HotelSearch .form-group.slide-down.ng-hide-add {
      margin-bottom: 30px; }
    .HotelSearch .form-group.slide-down.ng-hide-add.ng-hide-add-active {
      margin-bottom: 0; }
    .HotelSearch .form-group.slide-down.ng-hide-remove {
      margin-bottom: 0; }
    .HotelSearch .form-group.slide-down.ng-hide-remove.ng-hide-remove-active {
      margin-bottom: 30px; }
  .HotelSearch .HotelSearch-childrenAge {
    overflow: hidden;
    max-width: 0;
    margin-right: 0;
    -webkit-transition: margin-right .2s ease-in-out, max-width .2s ease-in-out;
    -o-transition: margin-right .2s ease-in-out, max-width .2s ease-in-out;
    -moz-transition: margin-right .2s ease-in-out, max-width .2s ease-in-out;
    transition: margin-right .2s ease-in-out, max-width .2s ease-in-out;
    border-width: 0; }
    .HotelSearch .HotelSearch-childrenAge.is-show {
      max-width: 300px;
      margin-right: 20px;
      border-width: 1px; }
  .HotelSearch .HotelSearch-searchBtn {
    width: 110px;
    padding: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
  .HotelSearch .HotelSearch-roomRemove {
    display: inline-block;
    width: 124px;
    height: 50px;
    cursor: pointer;
    -webkit-transition: color .08s ease-out;
    -o-transition: color .08s ease-out;
    -moz-transition: color .08s ease-out;
    transition: color .08s ease-out;
    text-align: center;
    color: #fff;
    border-bottom: 3px solid #3d454e;
    border-radius: 2px;
    background-color: #616c78;
    font-size: 18px;
    line-height: 50px; }
  .HotelSearch .HotelSearch-roomAdd {
    display: inline-block;
    width: 124px;
    height: 50px;
    cursor: pointer;
    -webkit-transition: color .08s ease-out;
    -o-transition: color .08s ease-out;
    -moz-transition: color .08s ease-out;
    transition: color .08s ease-out;
    text-align: center;
    color: #fff;
    border-bottom: 3px solid #589342;
    border-radius: 2px;
    background-color: #85c440;
    font-size: 18px;
    line-height: 50px; }
  .HotelSearch .HotelSearch-color1 {
    border-color: #099DD6; }
    .HotelSearch .HotelSearch-color1 .HotelSearch-roomNumberIcon {
      background-color: #099DD6; }
  .HotelSearch .HotelSearch-color2 {
    border-color: #037AAB; }
    .HotelSearch .HotelSearch-color2 .HotelSearch-roomNumberIcon {
      background-color: #037AAB; }
  .HotelSearch .HotelSearch-color3 {
    border-color: #28876D; }
    .HotelSearch .HotelSearch-color3 .HotelSearch-roomNumberIcon {
      background-color: #28876D; }
  .HotelSearch .HotelSearch-color4 {
    border-color: #36A886; }
    .HotelSearch .HotelSearch-color4 .HotelSearch-roomNumberIcon {
      background-color: #36A886; }
  .HotelSearch .HotelSearch-color5 {
    border-color: #57A84B; }
    .HotelSearch .HotelSearch-color5 .HotelSearch-roomNumberIcon {
      background-color: #57A84B; }
  .HotelSearch .HotelSearch-autocompleteInputBox {
    float: left;
    width: auto; }
    .HotelSearch .HotelSearch-autocompleteInputBox.InputBox-error input {
      border-color: #D6383C; }
    .HotelSearch .HotelSearch-autocompleteInputBox.InputBox-error > [class*="i-"]:before {
      color: #D6383C; }
    .HotelSearch .HotelSearch-autocompleteInputBox input {
      margin-top: 0;
      border: none; }
  .HotelSearch .DateRangeBox.InputBox-error:before {
    color: #D6383C !important; }
  .HotelSearch .DateRangeBox.InputBox-error input {
    border-color: #D6383C; }
  .HotelSearch .DateRangeBox input {
    margin-top: 0;
    border-color: transparent; }
  .HotelSearch .Dropdown {
    font-size: 15px; }

.HotelSearch .HotelSearch-noDate {
  display: none; }

.MapMarker {
  text-align: center;
  position: relative;
  position: relative;
  text-align: center; }
  .MapMarker.is-haveNotRooms {
    display: none; }
  .MapMarker [class*="i-cabinet"] {
    position: absolute;
    top: -3px;
    width: 4px;
    /* border width and paddin */
    color: #FFF;
    font-size: 24px; }
  .MapMarker [class*="glyphicon-remove"] {
    cursor: pointer; }
  .MapMarker .MapMarker-body {
    position: relative;
    width: 405px;
    height: 138px;
    border-bottom: 3px solid #46bcea;
    background-color: #FFF; }
  .MapMarker .MapMarker-infoBox {
    padding: 10px 20px 10px 145px;
    text-align: left; }
  .MapMarker .glyphicon {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #2d7dc8; }
  .MapMarker .MapMarker-image {
    display: inline-block;
    float: left;
    width: 135px;
    height: 135px;
    background-position: center center;
    background-size: cover;
    cursor: pointer; }
  .MapMarker .Stars {
    width: 66px;
    height: 20px; }
  .MapMarker .MapMarker-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    color: #46bcea;
    font-size: 16px;
    line-height: 20px;
    max-width: 250px;
    display: inline-block;
    cursor: pointer; }
  .MapMarker .MapMarker-address {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #9da8b7;
    font-size: 12px; }
  .MapMarker .MapMarker-address--multiline {
    white-space: pre-wrap !important; }
  .MapMarker .MapMarker-price {
    position: absolute;
    bottom: 5px;
    color: #599442;
    font-size: 18px; }
    .MapMarker .MapMarker-price span {
      font-size: 28px;
      font-weight: bold; }
  .MapMarker .MapMarker-triangle {
    position: absolute;
    bottom: -23px;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #46BCEA; }
  .MapMarker.disabled {
    background-color: #9CA7B5; }
    .MapMarker.disabled .MapMarker-triangle {
      border-top: 6px solid #9DA8B7; }

.MapMarker--Favorites .MapMarker-body {
  background-color: #FF5A5F; }

.MapMarker--Favorites .MapMarker-triangle {
  border-top: 6px solid #FF5A5F; }

.MapMarker--Favorites [class*="i-cabinet"] {
  top: -1px; }

.MapMarker--Bron .MapMarker-body {
  background-color: #38A887; }

.MapMarker--Bron .MapMarker-triangle {
  border-top: 6px solid #38A887; }

.MapMarker--History .MapMarker-body {
  background-color: #00769F; }

.MapMarker--History .MapMarker-triangle {
  border-top: 6px solid #00769F; }

.MapPopover {
  width: 100px;
  height: 100px;
  padding: 4px;
  border: 1px #46bcea solid;
  background-color: #FFF; }
  .MapPopover img {
    width: 90px;
    height: 60px; }
  .MapPopover .MapMarker-triangle {
    position: absolute;
    top: 100px;
    left: 47px;
    width: 0;
    height: 0;
    border-top: 6px solid #FFF;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent; }

.HotelGallery {
  position: relative;
  overflow-x: hidden;
  background-color: #3b4653; }
  .HotelGallery .HotelGallery-noPhotos {
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    line-height: 200px; }
  .HotelGallery .HotelGallery-leftArrow, .HotelGallery .HotelGallery-rightArrow {
    position: absolute;
    z-index: 100;
    top: 90px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: rgba(65, 71, 84, 0.5);
    font-size: 20px; }
    .HotelGallery .HotelGallery-leftArrow:hover, .HotelGallery .HotelGallery-rightArrow:hover {
      background-color: rgba(65, 71, 84, 0.8); }
  .HotelGallery .HotelGallery-leftArrow {
    left: 20px;
    padding: 6px 14px; }
  .HotelGallery .HotelGallery-rightArrow {
    right: 20px;
    padding: 6px 18px; }
  .HotelGallery .HotelGallery-images {
    position: relative;
    left: 0;
    -webkit-transition: left .4s ease-out;
    -o-transition: left .4s ease-out;
    -moz-transition: left .4s ease-out;
    transition: left .4s ease-out;
    text-align: center;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .HotelGallery .HotelGallery-smallImages {
    position: relative;
    margin: auto;
    background-color: #516270; }
  .HotelGallery .HotelGallery-image {
    display: inline-block;
    width: 215px;
    height: 215px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 5px;
    cursor: pointer;
    background-position: center center;
    background-size: cover; }
    .HotelGallery .HotelGallery-image:last-child {
      margin-right: 5px; }
    .HotelGallery .HotelGallery-image img {
      width: 215px;
      height: 215px;
      /* height: 100%; */
      /* display: none; */ }
  .HotelGallery .HotelGallery-image--small {
    position: relative;
    width: 45px;
    height: 45px; }
  .HotelGallery .HotelGallery-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 55px;
    -webkit-transition: left .4s ease-out;
    -o-transition: left .4s ease-out;
    -moz-transition: left .4s ease-out;
    transition: left .4s ease-out;
    background-color: #fafbfc; }

.HoverGallery {
  position: absolute;
  z-index: 1250; }
  .HoverGallery.left .tooltip-arrow {
    border-left-color: #3b4653; }
  .HoverGallery.is-bottom .tooltip-arrow {
    top: 280px; }
  .HoverGallery.is-top .tooltip-arrow {
    top: 20px; }
  .HoverGallery.right .tooltip-arrow {
    border-right-color: #3b4653; }
  .HoverGallery.vertical.top-left .tooltip-arrow {
    left: 15px;
    border-top-color: #3b4653; }
  .HoverGallery.vertical.top-right .tooltip-arrow {
    left: 385px;
    border-top-color: #3b4653; }
  .HoverGallery.vertical.bottom-left .tooltip-arrow {
    left: 15px;
    border-bottom-color: #3b4653; }
  .HoverGallery.vertical.bottom-right .tooltip-arrow {
    left: 385px;
    border-bottom-color: #3b4653; }
  .HoverGallery.in {
    opacity: 1; }
  .HoverGallery.is-small .tooltip-inner {
    width: 300px;
    max-width: 300px;
    height: 200px; }
  .HoverGallery .tooltip-inner {
    width: 400px;
    max-width: 400px;
    height: 300px;
    padding: 0;
    border: 5px #3b4653 solid;
    background-color: rgba(255, 255, 255, 0.8); }
  .HoverGallery .HoverGallery-image {
    position: relative;
    z-index: 1100;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover; }

.NoPhoto {
  position: absolute;
  width: 100%;
  padding-top: 47px;
  text-align: center;
  color: #92A4B6; }
  .NoPhoto .NoPhoto-icon {
    display: block;
    font-size: 90px;
    line-height: 90px; }
  .NoPhoto .NoPhoto-label {
    font-size: 10px; }
  .NoPhoto.NoPhoto--small {
    padding-top: 0; }
    .NoPhoto.NoPhoto--small .NoPhoto-label {
      display: none; }
    .NoPhoto.NoPhoto--small .NoPhoto-icon {
      font-size: 20px;
      line-height: 45px; }

.Browser {
  height: 100%;
  text-align: center;
  color: #FFF;
  background-color: #02458D;
  line-height: 1; }
  .Browser .Browser-image {
    width: 389px;
    height: 276px;
    margin: auto;
    margin-top: 100px;
    background-image: url("/images/browser-f31176e9ce.png"); }
  .Browser .Browser-title {
    width: 830px;
    margin: auto;
    margin-top: 20px;
    font-size: 21px; }
  .Browser .Browser-text {
    font-size: 18px; }

.HotelSearchForm {
  width: 1180px;
  margin: auto;
  color: #3b4653;
  background-color: transparent;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }
  .HotelSearchForm-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px; }
    .HotelSearchForm-row:last-child {
      margin-bottom: 0;
      border-radius: 2px; }
    .HotelSearchForm-row:not(:first-child) {
      border-left: none !important; }
    .HotelSearchForm-row > * {
      margin-right: 3px; }
      .HotelSearchForm-row > *:last-child {
        margin-right: 0;
        /* margin-left: -3px; */ }
        .HotelSearchForm-row > *:last-child .Checkbox-icons {
          background-color: initial;
          border-color: #ffffff; }
  .HotelSearchForm-row--bordered {
    border: 1px solid #ffffff;
    height: 70px;
    overflow: hidden; }
  .HotelSearchForm-rowPullRight {
    -webkit-box-flex: 9999;
    -webkit-flex-grow: 9999;
    -moz-box-flex: 9999;
    -ms-flex-positive: 9999;
    flex-grow: 9999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelSearchForm .Dropdown {
    border: 0;
    font-size: 18px;
    cursor: pointer;
    color: #3b4653; }
    .HotelSearchForm .Dropdown [class*='i-'] {
      font-size: 20px;
      color: #3b4653; }
    .HotelSearchForm .Dropdown-svg {
      -webkit-flex-basis: 20px;
      -ms-flex-preferred-size: 20px;
      flex-basis: 20px;
      margin-right: 5px; }
      .HotelSearchForm .Dropdown-svg svg {
        width: 20px;
        height: 20px;
        margin-right: 5px;
        position: relative;
        top: 3px; }
        .HotelSearchForm .Dropdown-svg svg .st0 {
          fill: #3B4653;
          stroke: #3B4653; }
  .HotelSearchForm .Checkbox.is-checked .Checkbox-icons,
  .HotelSearchForm .Checkbox .Checkbox-icons .Checkbox-checked {
    background: none; }
  .HotelSearchForm-autocompleteBox {
    height: 70px;
    width: 433px;
    position: relative; }
    .HotelSearchForm-autocompleteBox .AutoComplete.tooltip.bottom-left:before {
      border-top-color: #ffb72e; }
    .HotelSearchForm-autocompleteBox .TopDestinations .TopDestinations-title:before {
      border-top-color: #ffb72e; }
    .HotelSearchForm-autocompleteBox .AutoCompleteBox {
      height: 100%; }
    .HotelSearchForm-autocompleteBox .AutoComplete-clear {
      top: 23px !important; }
    .HotelSearchForm-autocompleteBox .AutoCompleteBox:before {
      font-size: 23px;
      line-height: 68px;
      position: absolute;
      width: 23px;
      height: 100%;
      left: 9px; }
    .HotelSearchForm-autocompleteBox .AutoCompleteBox input {
      height: 100%;
      font-size: 18px;
      width: 433px;
      padding: 5px 10px 5px 34px; }
    .HotelSearchForm-autocompleteBox .AutoCompleteBox input:focus {
      border: 2px solid #ffb72e;
      outline: none; }
  .HotelSearchForm-dateRangeBox {
    height: 70px;
    width: 323px; }
    .HotelSearchForm-dateRangeBox .DateBox {
      height: 70px; }
    .HotelSearchForm-dateRangeBox .DateBox .DateBox-date {
      font-size: 18px; }
  .HotelSearchForm #DateRangeContainer {
    position: absolute; }
  .HotelSearchForm-persons .Dropdown {
    height: 70px;
    width: 245px;
    position: relative; }
  .HotelSearchForm-persons .Dropdown--opened {
    border: 2px solid #ffb72e; }
  .HotelSearchForm-persons .Dropdown--opened .CaretBg svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .HotelSearchForm .roomsGuestsPicker-content:before {
    border-top-color: #ffb72e; }
  .HotelSearchForm-searchBtn {
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    height: 70px;
    width: 170px;
    overflow: hidden;
    font-size: 20px;
    line-height: 70px;
    padding: 0; }
  .HotelSearchForm-hint {
    width: 433px;
    font-size: 14px;
    line-height: 14px;
    text-align: left;
    color: #ffffff; }
    .HotelSearchForm-hint a {
      display: inline-block;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      transition: all .2s ease-out;
      color: #54C0F9;
      border-bottom: 1px dashed;
      line-height: 13px; }
      .HotelSearchForm-hint a:hover {
        text-decoration: none;
        color: #0895df; }
  .HotelSearchForm-noDate {
    color: #ffffff; }
  .HotelSearchForm-inputControl {
    height: 68px;
    line-height: 68px;
    color: #ffffff;
    font-size: 20px;
    border: 1px solid #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden; }
  .HotelSearchForm-inputControl--noBorder {
    height: 70px;
    border: none; }
  .HotelSearchForm-inputControlDropdown .Dropdown {
    height: 100%;
    width: 100%;
    line-height: inherit; }
  .HotelSearchForm .AutocompleteLoader {
    top: -50px !important;
    left: -webkit-calc(100% - 230px) !important;
    left: -moz-calc(100% - 230px) !important;
    left: calc(100% - 230px) !important; }
  .HotelSearchForm .AutoComplete-clear {
    right: 10px; }
  .HotelSearchForm .Checkbox {
    color: #ffffff; }

.SearchForm--bg .HotelSearchForm-hint,
.SearchForm--bg .Checkbox-label {
  color: #3b4653; }

.SearchForm--bg a {
  color: #006598; }

.SearchForm--bg .HotelSearchForm-row > *:last-child .Checkbox-icons {
  border-color: #3b4653; }

.HotelSearchForm--inset .HotelSearchForm {
  margin-top: 0px; }
  .HotelSearchForm--inset .HotelSearchForm-row > * {
    margin-right: 0px; }
    .HotelSearchForm--inset .HotelSearchForm-row > *:not(:first-child) {
      border-left: none; }
  .HotelSearchForm--inset .HotelSearchForm-autocompleteBox {
    border: 3px solid #ffb72e; }
    .HotelSearchForm--inset .HotelSearchForm-autocompleteBox .AutoCompleteBox {
      background-color: #ffb72e; }
      .HotelSearchForm--inset .HotelSearchForm-autocompleteBox .AutoCompleteBox input {
        width: 427px;
        padding-left: 20px;
        border-radius: 2px; }
        .HotelSearchForm--inset .HotelSearchForm-autocompleteBox .AutoCompleteBox input:focus {
          border: none; }
      .HotelSearchForm--inset .HotelSearchForm-autocompleteBox .AutoCompleteBox:before {
        display: none; }
  .HotelSearchForm--inset .HotelSearchForm-dateRangeBox {
    border: 3px solid #ffb72e;
    background-color: #ffb72e; }
    .HotelSearchForm--inset .HotelSearchForm-dateRangeBox .DateBox {
      height: 64px; }
      .HotelSearchForm--inset .HotelSearchForm-dateRangeBox .DateBox-dateContainer {
        border-radius: 2px; }
        .HotelSearchForm--inset .HotelSearchForm-dateRangeBox .DateBox-dateContainer:last-child {
          border-left-style: dotted; }
        .HotelSearchForm--inset .HotelSearchForm-dateRangeBox .DateBox-dateContainer input {
          padding-left: 50px; }
          .HotelSearchForm--inset .HotelSearchForm-dateRangeBox .DateBox-dateContainer input:focus {
            border: none; }
      .HotelSearchForm--inset .HotelSearchForm-dateRangeBox .DateBox-datesContainer {
        background-color: #ffb72e; }
        .HotelSearchForm--inset .HotelSearchForm-dateRangeBox .DateBox-datesContainer--container {
          border-radius: 0px; }
  .HotelSearchForm--inset .HotelSearchForm-persons {
    border: 3px solid #ffb72e;
    height: 70px;
    background-color: #ffb72e; }
    .HotelSearchForm--inset .HotelSearchForm-persons .Dropdown {
      height: 64px;
      padding-left: 20px;
      border-radius: 2px; }
      .HotelSearchForm--inset .HotelSearchForm-persons .Dropdown:focus {
        border: none !important; }
      .HotelSearchForm--inset .HotelSearchForm-persons .Dropdown-svg {
        display: none;
        width: 20px; }

.HotelSearchForm--inset .DateRange.tooltip.bottom {
  margin-top: 4px; }

.TopSearchForm {
  position: static;
  width: 100%;
  background-color: #fafbfc;
  /*@CONFIGURABLE-COLOR:bg-top-search-panel*/
  /**/ }
  .TopSearchForm .TopSearchForm-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 10px; }
  .TopSearchForm .TopSearchForm-container > *:not(:last-child) {
    margin-right: 14px; }
  .TopSearchForm .AutoCompleteBox.focus,
  .TopSearchForm .TopSearchForm-input.focus {
    z-index: 101; }
  .TopSearchForm .AutoCompleteBox {
    margin-right: 3px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .TopSearchForm .AutoCompleteBox input:focus {
      border: 2px solid #ffb72e;
      outline: none; }
    .TopSearchForm .AutoCompleteBox:before {
      position: absolute;
      z-index: 100;
      top: 0;
      left: 14px;
      width: 21px;
      height: 40px;
      text-align: center;
      font-size: 21px;
      margin-top: 16px; }
    .TopSearchForm .AutoCompleteBox .AutoComplete-clear {
      top: 20px;
      right: 14px; }
    .TopSearchForm .AutoCompleteBox .AutocompleteLoader {
      position: absolute;
      top: 6px !important;
      left: 324px !important; }
  .TopSearchForm .TopSearchForm-city {
    width: 100%;
    height: 56px;
    padding-left: 0px;
    text-align: center;
    background-color: white;
    font-size: 18px;
    border: 1px solid #d1d5df; }
  .TopSearchForm .DPackPassengersPickerControl--opened:focus {
    border: none; }
  .TopSearchForm .DateBox {
    overflow: hidden;
    margin-right: 3px;
    height: 56px;
    font-size: 18px; }
    .TopSearchForm .DateBox .DateBox-datesContainer {
      position: relative;
      background-color: transparent; }
      .TopSearchForm .DateBox .DateBox-datesContainer:after {
        content: "\00b7";
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1000;
        display: block;
        margin: 0 auto;
        width: 12px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        text-align: center;
        color: #d1d5df;
        font-size: 50px; }
      .TopSearchForm .DateBox .DateBox-datesContainer .DateBox-dateContainer {
        width: 153px; }
        .TopSearchForm .DateBox .DateBox-datesContainer .DateBox-dateContainer:not(:last-child) {
          margin-right: 14px; }
        .TopSearchForm .DateBox .DateBox-datesContainer .DateBox-dateContainer input:focus {
          border: none; }
    .TopSearchForm .DateBox .DateBox-dateContainer--current {
      border: 3px solid #fff650; }
      .TopSearchForm .DateBox .DateBox-dateContainer--current .DateBox-icon {
        left: 13px; }
    .TopSearchForm .DateBox .DateBox-dayOfWeek {
      width: 28px;
      height: 28px;
      text-align: center;
      text-transform: lowercase;
      border: 1px solid #ffb72e;
      border-radius: 2px;
      background-color: transparent;
      font-size: 14px;
      line-height: 26px;
      margin-top: 0px;
      margin-right: 5px;
      font-size: 16px;
      color: #17222c;
      background-color: #fff650;
      border: none;
      border-radius: 14px; }
  .TopSearchForm .TopSearchForm-persons {
    display: block;
    margin-right: 3px; }
    .TopSearchForm .TopSearchForm-persons .Dropdown {
      width: 245px;
      height: 56px;
      color: #3b4653;
      /*@CONFIGURABLE-COLOR:text-highlight*/
      font-size: 18px; }
      .TopSearchForm .TopSearchForm-persons .Dropdown-svg {
        -webkit-flex-basis: 20px;
        -ms-flex-preferred-size: 20px;
        flex-basis: 20px; }
        .TopSearchForm .TopSearchForm-persons .Dropdown-svg svg {
          height: 20px;
          position: relative;
          top: 4px;
          margin-right: 5px; }
    .TopSearchForm .TopSearchForm-persons .Dropdown .Dropdown-FFfix {
      width: 100%; }
    .TopSearchForm .TopSearchForm-persons .Dropdown .Dropdown-label {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: center; }
      .TopSearchForm .TopSearchForm-persons .Dropdown .Dropdown-label .Dropdown-svg .st0 {
        fill: #3b4653;
        /*@CONFIGURABLE-COLOR:text-highlight*/
        stroke: none; }
  .TopSearchForm .Dropdown-svg {
    width: 20px; }
  .TopSearchForm .TopSearchForm-searchBtn {
    display: inline-block;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 56px;
    line-height: 26px;
    padding: 15px 28px;
    color: #17222c;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #fff650;
    border-radius: 28px;
    background-color: #ffc800;
    box-shadow: 0px 1px 2px -1px #000;
    -webkit-transition: box-shadow 500ms, background-color 500ms;
    -o-transition: box-shadow 500ms, background-color 500ms;
    -moz-transition: box-shadow 500ms, background-color 500ms;
    transition: box-shadow 500ms, background-color 500ms;
    -webkit-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    -o-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); }
    .TopSearchForm .TopSearchForm-searchBtn:hover {
      text-decoration: none;
      background-color: #fff650;
      box-shadow: 0 2px 8px -1px #000; }
    .TopSearchForm .TopSearchForm-searchBtn.Btn--common.Btn--loading {
      cursor: default;
      -webkit-animation: stripes-animation 2s linear infinite;
      -moz-animation: stripes-animation 2s linear infinite;
      -o-animation: stripes-animation 2s linear infinite;
      animation: stripes-animation 2s linear infinite;
      background: -moz- oldlinear-gradient(45deg, #e9e151 25%, #fff650 25%, #fff650 50%, #e9e151 50%, #e9e151 75%, #fff650 75%, #fff650) !important;
      background: -o-linear-gradient(45deg, #e9e151 25%, #fff650 25%, #fff650 50%, #e9e151 50%, #e9e151 75%, #fff650 75%, #fff650) !important;
      background: linear-gradient(45deg, #e9e151 25%, #fff650 25%, #fff650 50%, #e9e151 50%, #e9e151 75%, #fff650 75%, #fff650) !important;
      background-size: 40px 40px !important; }
  .TopSearchForm .Dropdown:focus {
    border: none; }
  .TopSearchForm input#TopSearchFormAutocomplete,
  .TopSearchForm .DateBox-dateContainer,
  .TopSearchForm .TopSearchForm-persons .Dropdown {
    border: 1px solid #d1d5df;
    border-radius: 50px; }
  .TopSearchForm input#TopSearchFormAutocomplete:focus,
  .TopSearchForm .DateBox-dateContainer.DateBox-dateContainer--current:focus,
  .TopSearchForm .TopSearchForm-persons .Dropdown:focus:focus {
    border: 3px solid #fff650 !important; }

.TAFeedback {
  padding-bottom: 10px; }
  .TAFeedback .TAFeedback-title {
    margin-right: 6px;
    text-align: right;
    border-bottom: 2px solid #e3e3e3;
    background-color: #f3f3f3;
    font-size: 9px;
    line-height: 32px; }
    .TAFeedback .TAFeedback-title img {
      float: right;
      width: 132px; }
  .TAFeedback .HotelInfo-awards {
    display: table; }
    .TAFeedback .HotelInfo-awards .HotelInfo-award {
      display: table-cell;
      padding-left: 20px;
      vertical-align: middle; }
      .TAFeedback .HotelInfo-awards .HotelInfo-award:first-child {
        padding-left: 0; }
  .TAFeedback .TAFeedback-hotelInfoRanking {
    color: #00a680;
    font-size: 14px;
    font-weight: 800; }
  .TAFeedback .TAFeedback-hotelRatings {
    border-top: 2px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3; }
    .TAFeedback .TAFeedback-hotelRatings .TAFeedback-hotelRatingsBlock {
      float: left;
      width: 50%;
      padding: 10px 0 10px 0; }
      .TAFeedback .TAFeedback-hotelRatings .TAFeedback-hotelRatingsBlock:last-child {
        padding-left: 10px;
        border-left: 1px solid #e3e3e3; }
      .TAFeedback .TAFeedback-hotelRatings .TAFeedback-hotelRatingsBlock .HotelRating {
        margin-bottom: 2px; }
        .TAFeedback .TAFeedback-hotelRatings .TAFeedback-hotelRatingsBlock .HotelRating:before, .TAFeedback .TAFeedback-hotelRatings .TAFeedback-hotelRatingsBlock .HotelRating:after {
          display: table;
          content: " "; }
        .TAFeedback .TAFeedback-hotelRatings .TAFeedback-hotelRatingsBlock .HotelRating:after {
          clear: both; }
        .TAFeedback .TAFeedback-hotelRatings .TAFeedback-hotelRatingsBlock .HotelRating .HotelRating-title {
          float: left;
          width: 125px;
          font-size: 12px;
          line-height: 12px; }
        .TAFeedback .TAFeedback-hotelRatings .TAFeedback-hotelRatingsBlock .HotelRating img {
          float: left; }
  .TAFeedback .TAFeedback-feedbacks .TAFeedback-feedback {
    display: table;
    width: 100%;
    padding: 20px 0 20px 0;
    border-bottom: 2px solid #e3e3e3; }
    .TAFeedback .TAFeedback-feedbacks .TAFeedback-feedback:first-child {
      border-top: 2px solid #e3e3e3; }
    .TAFeedback .TAFeedback-feedbacks .TAFeedback-feedback .TAFeedback-feedbackAuthor {
      display: table-cell;
      overflow: hidden;
      width: 120px;
      text-align: left; }
    .TAFeedback .TAFeedback-feedbacks .TAFeedback-feedback .TAFeedback-feedbackContent {
      display: table-cell;
      padding-left: 40px; }
      .TAFeedback .TAFeedback-feedbacks .TAFeedback-feedback .TAFeedback-feedbackContent .FeedbackContent-title {
        text-align: left;
        font-size: 18px;
        font-style: italic; }
      .TAFeedback .TAFeedback-feedbacks .TAFeedback-feedback .TAFeedback-feedbackContent .FeedbackContent-rate {
        padding: 10px 0 10px 0; }
        .TAFeedback .TAFeedback-feedbacks .TAFeedback-feedback .TAFeedback-feedbackContent .FeedbackContent-rate img {
          display: inline-block;
          float: left;
          margin-right: 10px; }
  .TAFeedback .TAProgressBar {
    margin-bottom: 2px; }
    .TAFeedback .TAProgressBar .Progressbar:before, .TAFeedback .TAProgressBar .Progressbar:after {
      display: table;
      content: " "; }
    .TAFeedback .TAProgressBar .Progressbar:after {
      clear: both; }
    .TAFeedback .TAProgressBar .Progressbar .Progressbar-text {
      display: inline-block;
      float: left;
      width: 80px;
      font-size: 12px;
      line-height: 12px; }
    .TAFeedback .TAProgressBar .Progressbar .Progressbar-bar {
      display: inline-block;
      float: left;
      height: 12px;
      margin-top: 0;
      background-color: #e3e3e3; }
      .TAFeedback .TAProgressBar .Progressbar .Progressbar-bar .Progressbar-progress {
        height: 12px;
        border-radius: 0;
        background-color: #00a680; }
    .TAFeedback .TAProgressBar .Progressbar .Progressbar-value {
      display: inline-block;
      float: left;
      margin-left: 5px;
      color: #00a680;
      font-size: 12px;
      line-height: 12px; }

.HotelsSearchPreview {
  position: fixed;
  z-index: 99998;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: auto;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  border-right: 1px solid #006598;
  background-color: white;
  box-shadow: 2px 0 6px 2px rgba(70, 188, 234, 0.27); }
  .HotelsSearchPreview.is-hidden {
    -webkit-transform: translateX(-301px);
    -moz-transform: translateX(-301px);
    -ms-transform: translateX(-301px);
    -o-transform: translateX(-301px);
    transform: translateX(-301px); }
  .HotelsSearchPreview.is-above {
    z-index: 99999; }

.SmallHotelsWrapper {
  position: relative;
  height: 100%;
  width: 380px;
  padding-left: 30px; }

@-webkit-keyframes appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-o-keyframes appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.SmallHotel--animation {
  -webkit-animation: appear .8s;
  -moz-animation: appear .8s;
  -o-animation: appear .8s;
  animation: appear .8s; }

.SmallHotel {
  width: 350px;
  height: 300px;
  margin-bottom: 10px;
  padding: 20px 20px 50px 20px;
  position: relative;
  background-color: white; }
  .SmallHotel-row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .SmallHotel-row--spaceBetween {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .SmallHotel-row--facilities {
    margin: 10px 0; }
  .SmallHotel-row--photos {
    margin-top: 12px; }
  .SmallHotel-row--distance {
    position: relative;
    top: -2px; }
  .SmallHotel-name {
    overflow: hidden;
    max-width: 230px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #006498;
    /*@CONFIGURABLE-COLOR:text-header*/
    font-size: 20px;
    line-height: 20px;
    font-weight: 500; }
  .SmallHotel .Stars {
    position: relative;
    top: -2px;
    margin-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .SmallHotel-payType {
    font-size: 14px; }
    .SmallHotel-payType .i-card {
      font-size: 18px;
      margin-left: 10px;
      margin-right: 5px; }
      .SmallHotel-payType .i-card:before {
        position: relative;
        top: -2px; }
  .SmallHotel-payType--inHotel {
    color: #599442; }
  .SmallHotel-photo {
    width: 102px;
    height: 102px;
    margin-right: 3px; }
    .SmallHotel-photo:last-child {
      margin-right: 0; }
  .SmallHotel-facilitiesTitle {
    color: #3b4653;
    margin-right: 10px; }
  .SmallHotel-facilities {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    color: #3b4653; }
    .SmallHotel-facilities > div {
      margin-right: 8px; }
      .SmallHotel-facilities > div:last-child {
        margin-right: 0; }
    .SmallHotel-facilities .i-tv:before {
      font-size: 29px; }
  .SmallHotel-bonusInfo {
    width: 102px;
    color: #dc3228;
    border: 1px dashed #dc3228;
    text-align: center;
    font-size: 12px;
    line-height: 10px;
    padding: 3px 3px;
    border-radius: 3px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .SmallHotel-bonusInfo .i-miles-slim {
      font-size: 17px;
      position: relative;
      top: -1px;
      margin-left: 3px; }
  .SmallHotel-bottomBlock {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  .SmallHotel-tripRating {
    -webkit-box-flex: 100;
    -webkit-flex-grow: 100;
    -moz-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    background-color: #f0f3f6;
    height: 50px;
    padding: 6px 0; }
  .SmallHotel-tripRatingTitle {
    font-size: 10px;
    color: #3b4653;
    text-align: center; }
  .SmallHotel-tripRatingImg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    width: 122px;
    height: 21px;
    background: none transparent; }
    .SmallHotel-tripRatingImg:before {
      display: inline-block;
      content: '';
      background-image: url(/images/hotels-6de3b74b4c.png);
      background-position: -1074px -766px;
      width: 31px;
      height: 21px;
      display: inline-block;
      margin-right: 5px; }
    .SmallHotel-tripRatingImg:after {
      display: inline-block;
      color: #00af87;
      font-family: tripadvisor !important;
      font-size: 17px;
      line-height: 17px; }
  .SmallHotel-bookBtn {
    width: 174px;
    height: 50px;
    overflow: hidden; }
    .SmallHotel-bookBtn:focus {
      outline: none;
      text-decoration: none;
      color: white; }
  .SmallHotel-price {
    font-size: 20px;
    line-height: 20px;
    margin-top: 8px; }
    .SmallHotel-price .Currency {
      position: relative;
      top: -2px; }
  .SmallHotel-priceInfo {
    font-size: 12px;
    line-height: 12px; }
  .SmallHotel-controls {
    position: absolute;
    left: -30px;
    top: 0px;
    background-color: white;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .SmallHotel-controlBlock {
    height: 30px; }
    .SmallHotel-controlBlock .HotelLike {
      width: 18px;
      height: 18px;
      margin: auto;
      margin-top: 6px; }
    .SmallHotel-controlBlock:before {
      position: relative;
      top: -1px;
      font-size: 18px; }
  .SmallHotel-controlBlock--active {
    color: #dc3228; }
  .SmallHotel.SmallHotel-mock {
    height: 283px;
    margin-bottom: 10px; }

@keyframes appear {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.HotelCard {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #fff;
  box-shadow: 0px 0px 16px 0px #989898;
  overflow: hidden; }
  .HotelCard-bubbleBtn {
    text-align: center;
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding: 0 15px;
    border-radius: 50px;
    border: 1px solid #46bcea;
    color: #46bcea;
    margin-right: 3px;
    background-color: transparent;
    line-height: 23px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    outline: 0 !important; }
  .HotelCard-bubbleBtn:before {
    position: relative;
    margin-right: 4px;
    top: -2px; }
  .HotelCard-bubbleBtn.i-eye:before {
    font-size: 17px; }
  .HotelCard-bubbleBtn:last-child {
    margin-right: 0; }
  .HotelCard-bubbleBtn:hover {
    background-color: rgba(70, 188, 234, 0.1); }
  .HotelCard-bubbleBtn--active, .HotelCard-bubbleBtn--active:hover {
    background: #46bcea;
    color: #fff; }
  .HotelCard:not(:last-child) {
    margin-bottom: 21px; }
  .HotelCard .HotelCard-discountBadge {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 42px 42px 0;
    border-color: transparent #79e778 transparent transparent; }
  .HotelCard .HotelCard-discountPercents {
    position: absolute;
    top: 3px;
    right: -35px;
    font-weight: 600;
    font-size: 15px; }
  .HotelCard .HotelCard-preview {
    position: relative;
    -webkit-flex-basis: 250px;
    -ms-flex-preferred-size: 250px;
    flex-basis: 250px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 250px;
    background-color: #333; }
    .HotelCard .HotelCard-preview .HotelCard-photo {
      background-size: cover;
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px; }
    .HotelCard .HotelCard-preview .HotelLike {
      left: 14px;
      top: 14px;
      width: 36px;
      height: 36px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      z-index: 5;
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.5);
      border: none;
      border-radius: 18px;
      cursor: pointer; }
      .HotelCard .HotelCard-preview .HotelLike i {
        display: inline-block;
        height: 16px; }
      .HotelCard .HotelCard-preview .HotelLike svg {
        width: 18px;
        height: 16px; }
        .HotelCard .HotelCard-preview .HotelLike svg .st0 {
          stroke: #fff650; }
    .HotelCard .HotelCard-preview .HotelLike:hover svg .st0 {
      -webkit-clip-path: none;
      clip-path: none;
      fill: #fff650;
      fill: rgba(255, 246, 80, 0.5);
      stroke: #fff650; }
    .HotelCard .HotelCard-preview .HotelLike.HotelLike--isLiked svg .st0 {
      -webkit-clip-path: none;
      clip-path: none;
      fill: #fff650;
      fill: #fff650;
      stroke: #fff650; }
    .HotelCard .HotelCard-preview .HotelPhotoGallery-loading {
      position: absolute;
      width: 100%; }
  .HotelCard .HotelCard-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-basis: 630px;
    -ms-flex-preferred-size: 630px;
    flex-basis: 630px; }
  .HotelCard .HotelCard-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 21px 21px 0px 21px; }
    .HotelCard .HotelCard-header .HotelCard-headerLeft {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      overflow: hidden; }
    .HotelCard .HotelCard-header .HotelCard-headerRight {
      -webkit-flex-basis: 162px;
      -ms-flex-preferred-size: 162px;
      flex-basis: 162px;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .HotelCard .HotelCard-header .Stars {
      display: inline-block;
      margin-right: 14px; }
      .HotelCard .HotelCard-header .Stars .Stars-star {
        color: #17222c;
        font-size: 15px;
        line-height: 14px;
        margin-right: 1px; }
      .HotelCard .HotelCard-header .Stars .Stars-star.i-star-holder {
        display: none; }
    .HotelCard .HotelCard-header .HotelCard-title {
      display: block;
      color: #006598;
      font-size: 24px;
      line-height: 20px;
      margin-top: 0px;
      padding-bottom: 6px;
      text-decoration: none;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      max-width: 415px; }
    .HotelCard .HotelCard-header .HotelCard-distanceToCenter {
      margin-bottom: 2px; }
      .HotelCard .HotelCard-header .HotelCard-distanceToCenter .HotelCard-distance {
        color: #006598;
        border-color: #006598; }
        .HotelCard .HotelCard-header .HotelCard-distanceToCenter .HotelCard-distance .i-distance-lines:before {
          vertical-align: baseline; }
        .HotelCard .HotelCard-header .HotelCard-distanceToCenter .HotelCard-distance span {
          margin-left: 3px;
          cursor: pointer;
          border-bottom: 1px dashed #006598; }
      .HotelCard .HotelCard-header .HotelCard-distanceToCenter .HotelCard-distance:hover {
        text-decoration: none; }
    .HotelCard .HotelCard-header .HotelCard-fastView {
      cursor: pointer; }
    .HotelCard .HotelCard-header .HotelCard-price {
      color: #17222c; }
    .HotelCard .HotelCard-header .HotelCard-oldCost {
      margin-bottom: 7px;
      text-decoration: line-through; }
    .HotelCard .HotelCard-header .HotelCard-cost {
      font-size: 13px;
      line-height: 13px;
      margin-bottom: 1px;
      font-weight: 600; }
      .HotelCard .HotelCard-header .HotelCard-cost strong {
        font-size: 28px; }
    .HotelCard .HotelCard-header .HotelCard-cost.HotelCard-cost--discounted {
      color: #3f9259; }
    .HotelCard .HotelCard-header .HotelCard-conditions {
      margin-bottom: 2px; }
  .HotelCard .HotelCard-divider {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #d1d5df;
    margin-top: 13px;
    margin-bottom: 15px; }
  .HotelCard .HotelCard-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0px 21px 21px 21px; }
  .HotelCard .HotelCard-tripBox {
    margin-right: 21px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .HotelCard .HotelCard-tripBox .HotelCard-tripBoxCount {
      font-size: 12px;
      border-color: #006598; }
    .HotelCard .HotelCard-tripBox .HotelCard-tripBoxCount:hover a {
      text-decoration: none; }
  .HotelCard .HotelCard-bonuses {
    display: inline-block; }
  .HotelCard .HotelCard-servicesList {
    font-size: 16px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
    .HotelCard .HotelCard-servicesList .HotelCard-servicesListCol:first-child {
      width: 257px; }
    .HotelCard .HotelCard-servicesList .HotelCard-servicesListCol:last-child {
      width: 180px; }
    .HotelCard .HotelCard-servicesList .HotelCard-servicesItem {
      display: block;
      color: #17222c; }
      .HotelCard .HotelCard-servicesList .HotelCard-servicesItem .check-icon svg {
        width: 14px;
        height: 10px; }
        .HotelCard .HotelCard-servicesList .HotelCard-servicesItem .check-icon svg .st0 {
          stroke: #17222c; }
      .HotelCard .HotelCard-servicesList .HotelCard-servicesItem .i-miles-slim:before {
        font-size: 18px;
        vertical-align: bottom;
        margin-left: 4px; }
    .HotelCard .HotelCard-servicesList .HotelCard-servicesItem.HotelCard-servicesItem--gift {
      color: #3f9259; }
      .HotelCard .HotelCard-servicesList .HotelCard-servicesItem.HotelCard-servicesItem--gift .check-icon svg .st0 {
        stroke: #3f9259; }
  .HotelCard .HotelCard-servicesList:first-child.HotelCard-servicesList:last-child {
    width: 456px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: auto; }
  .HotelCard .HotelCard-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0px 21px 21px 21px; }
    .HotelCard .HotelCard-footer .HotelCard-footerLeft {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -moz-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-basis: 405px;
      -ms-flex-preferred-size: 405px;
      flex-basis: 405px; }
    .HotelCard .HotelCard-footer .HotelCard-footerRight {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-basis: 182px;
      -ms-flex-preferred-size: 182px;
      flex-basis: 182px;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
    .HotelCard .HotelCard-footer .HotelCard-facilities {
      -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
      align-self: flex-end;
      -webkit-flex-basis: 405px;
      -ms-flex-preferred-size: 405px;
      flex-basis: 405px; }
    .HotelCard .HotelCard-footer .HotelCard-facilitiesTitle {
      color: #17222c;
      font-size: 16px;
      font-weight: 600; }
    .HotelCard .HotelCard-footer .HotelCard-facilitiesList {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-size: 16px; }
    .HotelCard .HotelCard-footer .HotelCard-facility {
      line-height: 16px;
      font-size: 16px;
      margin-right: 14px;
      margin-top: 5px;
      text-transform: lowercase; }
      .HotelCard .HotelCard-footer .HotelCard-facility:before {
        content: '';
        display: inline-block;
        width: 4px;
        height: 4px;
        background-color: #000;
        vertical-align: middle;
        margin-right: 7px; }
    .HotelCard .HotelCard-footer .HotelCard-book {
      display: block;
      -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
      align-self: flex-end;
      position: relative;
      bottom: 0;
      max-width: 200px;
      width: 100%;
      height: 56px;
      line-height: 26px;
      padding: 15px 17px;
      border: 1px solid #fff650;
      border-radius: 28px;
      background-color: #ffc800;
      color: #17222c;
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      text-transform: uppercase;
      box-shadow: 0px 1px 2px -1px #000;
      -webkit-transition: box-shadow 500ms, background-color 500ms;
      -o-transition: box-shadow 500ms, background-color 500ms;
      -moz-transition: box-shadow 500ms, background-color 500ms;
      transition: box-shadow 500ms, background-color 500ms;
      -webkit-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
      -moz-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
      -o-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
      transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); }
      .HotelCard .HotelCard-footer .HotelCard-book:hover {
        background-color: #fff650;
        text-decoration: none;
        box-shadow: 0 2px 8px -1px #000; }

.HotelsSlider {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .HotelsSlider-hotel {
    position: relative;
    overflow: hidden;
    width: 280px;
    height: 280px;
    margin-right: 20px;
    cursor: pointer;
    border-radius: 2px;
    background-color: white;
    background-size: cover;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-grow: 0;
    flex-shrink: 0; }
    .HotelsSlider-hotel:last-child {
      margin-right: 0; }
  .HotelsSlider-hotelHeader {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 60px;
    padding: 0 5px;
    color: white;
    background-color: #ff8500;
    font-size: 20px;
    line-height: 22px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .HotelsSlider-hotelAvgPrice {
    overflow: hidden;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px; }
  .HotelsSlider-hotelAvgPriceDetails {
    font-size: 14px; }
  .HotelsSlider-hotelInfo {
    height: 170px;
    padding-top: 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0)));
    background: -moz- oldlinear-gradient(top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)); }
  .HotelsSlider-hotelCategory {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .HotelsSlider-hotelName {
    color: #006498;
    font-size: 20px;
    font-weight: 800; }
  .HotelsSlider-hotelDistance {
    color: #006598;
    font-size: 14px; }
    .HotelsSlider-hotelDistance:hover {
      color: #2d7dc8; }
    .HotelsSlider-hotelDistance > span {
      text-decoration: underline; }
  .HotelsSlider-hoverControls {
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 280px;
    height: 280px;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    opacity: 1;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.6); }
  .HotelsSlider-hoverControls--active {
    visibility: visible;
    opacity: 1; }
    .HotelsSlider-hoverControls--active .HotelsSlider-bookBtn,
    .HotelsSlider-hoverControls--active .HotelsSlider-datesPicker {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px); }
  .HotelsSlider-hoverHotelInfo {
    position: absolute;
    bottom: 65px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/ }
  .HotelsSlider-hoverHotelName {
    overflow: hidden;
    width: 280px;
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #3b4653;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px; }
  .HotelsSlider-hoverHotelPrice {
    color: #3b4653;
    font-size: 16px; }
  .HotelsSlider-bookBtn, .HotelsSlider-datesPicker {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translateY(-120px);
    -moz-transform: translateY(-120px);
    -ms-transform: translateY(-120px);
    -o-transform: translateY(-120px);
    transform: translateY(-120px); }
  .HotelsSlider-bookBtn {
    display: block;
    height: 60px;
    font-size: 20px;
    line-height: 60px; }
  .HotelsSlider-datesPicker.DateBox {
    height: 60px; }
  .HotelsSlider-datesPicker.DateBox .DateBox-datesContainer {
    width: 280px; }
  .HotelsSlider-datesPicker.DateBox .DateBox-dateContainer {
    width: 138px;
    height: 60px;
    padding: 5px 0 5px 0; }
    .HotelsSlider-datesPicker.DateBox .DateBox-dateContainer:last-child {
      width: 142px;
      border-left: 1px solid #dce3ec; }
  .HotelsSlider-datesPicker.DateBox .DateBox-date {
    height: 47px;
    font-size: 16px;
    line-height: 47px; }
  .HotelsSlider .HorizontalScroll-window {
    overflow: hidden;
    width: 1180px; }
  .HotelsSlider .HorizontalScroll-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .HotelsSlider .HorizontalScroll-arrow--left {
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: 0px -848px;
    width: 20px;
    height: 37px;
    margin-right: 10px; }
  .HotelsSlider .HorizontalScroll-arrow--right {
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: -1179px -424px;
    width: 20px;
    height: 37px;
    margin-left: 10px; }

.HotelsMapPreview {
  position: relative;
  display: block;
  width: 100%;
  height: 108px;
  cursor: pointer;
  background: no-repeat center center; }
  .HotelsMapPreview-btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 54px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-align: center;
    color: white;
    background-color: rgba(255, 133, 0, 0.8);
    /*@CONFIGURABLE-COLOR:bg-map-btn*/
    font-size: 15px;
    line-height: 54px; }
    .HotelsMapPreview-btn [class*="i-"] {
      position: relative;
      top: -1px;
      margin-right: 5px; }
    .HotelsMapPreview-btn:hover {
      height: 108px;
      background-color: #ff8500;
      line-height: 107px; }

.HotelInfoTabs-infoNavBar {
  position: relative;
  width: 100%;
  color: #f0f3f6;
  /*@CONFIGURABLE-COLOR:text-on-header-bg*/
  background-color: #fafbfc;
  /*@CONFIGURABLE-COLOR:bg-hotel-info-tabs*/ }

.HotelInfoTabs-tab {
  border-radius: 0;
  float: left;
  height: 40px;
  padding: 0 20px;
  cursor: pointer;
  background-color: #fafbfc;
  /*@CONFIGURABLE-COLOR:bg-hotel-info-tabs*/
  font-size: 14px;
  line-height: 30px; }
  .HotelInfoTabs-tab [class*="i-"] {
    position: relative;
    top: 2px;
    margin-right: 10px;
    font-size: 25px; }
  .HotelInfoTabs-tab.is-active {
    background-color: #009ddb;
    /*@CONFIGURABLE-COLOR:bg-hotel-info-tabs-active*/ }
  .HotelInfoTabs-tab:hover {
    background-color: #009ddb;
    /*@CONFIGURABLE-COLOR:bg-hotel-info-tabs-hover*/ }

.HotelInfoTabs-headerInfoBorder {
  width: 100%;
  height: 5px;
  background-color: #3b4653;
  /*@CONFIGURABLE-COLOR:bg-header*/ }

.HotelInfoPlaces {
  height: 310px; }
  .HotelInfoPlaces-placesNearbyMap {
    float: right;
    width: 675px;
    height: 265px;
    margin: 20px 0; }
  .HotelInfoPlaces-placesList {
    float: left;
    overflow: hidden;
    width: 400px;
    height: 280px;
    margin-top: 15px; }
  .HotelInfoPlaces-placesList--loading {
    position: inherit;
    width: 400px;
    height: 240px; }
  .HotelInfoPlaces-placesList--title {
    margin-bottom: 10px;
    font-size: 20px; }
  .HotelInfoPlaces-place {
    margin-top: 3px;
    white-space: nowrap; }
  .HotelInfoPlaces-placeDistance {
    margin-right: 5px;
    padding: 2px 7px;
    color: white;
    border-radius: 30px;
    background-color: #006598;
    /*@CONFIGURABLE-COLOR:links*/
    line-height: 20px; }
  .HotelInfoPlaces-placeName {
    cursor: pointer; }
    .HotelInfoPlaces-placeName:hover {
      color: #006598;
      /*@CONFIGURABLE-COLOR:links*/ }

.formErrors {
  margin: 20px;
  padding: 20px;
  border: 1px dashed #d6383c;
  border-radius: 3px; }
  .formErrors a {
    text-decoration: underline; }
  .formErrors strong {
    color: #d6383c; }
  .formErrors-title {
    color: #d6383c;
    padding-bottom: 5px; }

.Direction {
  padding-top: 30px;
  line-height: 1.2;
  background-color: #fff;
  /*redifenitions*/
  /*header*/
  /*content*/
  /*Locations*/
  /*signature*/
  /*footer*/
  /*
  &-unsubscrib{
    margin-top: 10px;
    font-size: 12px;
    color:#acafb8;
    a{
      color:#acafb8;
      text-decoration: underline;
    }
  }
  */
  /*****/
  /*coupon*/
  /*offer*/
  /*best offers*/
  /*tags*/
  /*icons*/
  /*redefinitions*/ }
  .Direction:before, .Direction:after {
    display: table;
    content: " "; }
  .Direction:after {
    clear: both; }
  .Direction-container {
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px; }
    .Direction-container:before, .Direction-container:after {
      display: table;
      content: " "; }
    .Direction-container:after {
      clear: both; }
    @media (min-width: 1024px) {
      .Direction-container {
        width: 1024px; } }
    @media (min-width: 1280px) {
      .Direction-container {
        width: 1180px; } }
  .Direction .text-primary {
    color: #ce1619; }
  .Direction-header {
    height: 70px;
    color: #3b4653; }
    .Direction-header .Direction-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%; }
  .Direction-logo {
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 200px;
    height: 30px;
    background-image: url(/images/direction-hb-logo-5c3d895734.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat; }
  .Direction-logo--light {
    background-image: url(/images/direction-hb-logo-light-2210bbc67b.png); }
  .Direction-supportBlock {
    position: relative;
    display: inline-block;
    margin-right: 22px; }
    .Direction-supportBlock:after {
      content: '';
      position: absolute;
      display: block;
      top: 0px;
      right: -12px;
      width: 1px;
      height: 100%;
      background-color: #d1d5df; }
  .Direction-supportNumber {
    margin-top: 0;
    font-size: 20px; }
  .Direction-supportDescription {
    margin-bottom: 0;
    font-size: 12px; }
  .Direction-socialBlock {
    display: inline-block; }
    .Direction-socialBlock .Social {
      margin: 0;
      padding: 0;
      list-style: none; }
    .Direction-socialBlock .Social-item {
      display: inline-block;
      float: left; }
      .Direction-socialBlock .Social-item:not(:last-child) {
        margin-right: 5px; }
      .Direction-socialBlock .Social-item .Icon svg {
        width: 30px;
        height: 30px; }
  .Direction-content {
    color: #3b4653;
    font-size: 18px; }
    .Direction-content p:last-child {
      margin-bottom: 30px; }
  .Direction-contentTitle {
    font-size: 30px;
    margin-bottom: 20px; }
  .Direction-contentImage {
    margin-bottom: 20px;
    max-width: 100%; }
  .Direction .Locations {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 30px; }
  .Direction .Locations-category {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 20px; }
    .Direction .Locations-category:not(:last-child) {
      margin-right: 20px; }
  .Direction .Locations-title {
    height: 50px;
    padding: 16px 10px;
    font-size: 18px;
    text-align: center;
    background-color: #f0f3f6;
    border-radius: 3px; }
  .Direction .Locations-list {
    padding: 0;
    margin: 0;
    list-style: none; }
  .Direction .Locations-listItem {
    position: relative;
    padding: 10px 0px 12px;
    color: #3b4653;
    font-size: 16px;
    text-align: center; }
    .Direction .Locations-listItem a {
      color: #007aab;
      text-decoration: underline; }
    .Direction .Locations-listItem:not(:last-child):after {
      position: absolute;
      bottom: 0px;
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      background-image: url(/images/dash-23359f4c1c.png);
      background-size: contain;
      background-position: center;
      background-repeat: repeat-x; }
  .Direction-signature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px; }
  .Direction-signatureFoto {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    height: 90px;
    width: 90px;
    margin-right: 20px;
    border-radius: 45px;
    background-color: #f0f3f6;
    background-image: url(/images/alena-62be568eed.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
  .Direction-signatureDesire {
    margin-right: 40px;
    font-size: 20px; }
  .Direction-signatureUser {
    width: 280px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    background-color: #f0f3f6;
    border-radius: 3px; }
  .Direction .Direction-signatureUser p {
    margin-bottom: 0; }
  .Direction-signatureUserName {
    font-weight: 800; }
  .Direction-footer {
    height: 70px;
    margin-bottom: 40px; }
    .Direction-footer .Direction-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100%;
      background-color: #3b4653;
      border-radius: 3px; }
    .Direction-footer .Direction-supportBlock {
      height: 40px;
      color: #fff; }
      .Direction-footer .Direction-supportBlock:after {
        background-color: #fff; }
    .Direction-footer .Direction-socialBlock .Social-item .Icon svg #circ {
      stroke: #fff; }
    .Direction-footer .Direction-socialBlock .Social-item .Icon svg #logo {
      fill: #fff; }
    .Direction-footer .Direction-socialBlock .Social-item .Icon--instagram svg .st0 {
      fill: #fff;
      stroke: none; }
    .Direction-footer .Direction-socialBlock .Social-item .Icon--instagram svg .st1 {
      fill: #fff;
      stroke: none; }
  .Direction-coupon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 330px;
    height: 110px;
    margin-bottom: 25px;
    background-image: url(/images/direction-coupon-8efbe30ae9.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat; }
  .Direction-couponLeft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center; }
  .Direction-couponCode {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 10px; }
  .Direction-couponRight {
    width: 75px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #fff;
    text-align: center; }
  .Direction-couponSale {
    font-size: 25px;
    font-weight: 800; }
    .Direction-couponSale span {
      display: block;
      font-size: 16px;
      font-weight: 500; }
  .Direction .Offer .Offer-line {
    position: relative;
    display: block;
    padding: 12px 20px;
    margin-bottom: 15px;
    width: 100%;
    min-height: 74px;
    box-shadow: 0px 0px 23px -4px; }
    .Direction .Offer .Offer-line:not(:last-child):after {
      position: absolute;
      content: '';
      display: block;
      z-index: 10;
      left: 0;
      bottom: -6px;
      height: 6px;
      width: 100%;
      background-image: url(/images/HB_Direction-border-t-72bb4a0cb6.png);
      background-size: contain;
      background-position: center;
      background-repeat: repeat-x; }
    .Direction .Offer .Offer-line:not(:first-child):before {
      position: absolute;
      content: '';
      display: block;
      z-index: 10;
      left: 0;
      top: -6px;
      height: 6px;
      width: 100%;
      background-image: url(/images/HB_Direction-border-b-ff6bf7319c.png);
      background-size: contain;
      background-position: center;
      background-repeat: repeat-x; }
  .Direction .Offer .Offer-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .Direction .Offer-slider {
    width: 330px; }
  .Direction .Offer-sliderItem {
    display: block;
    float: left;
    width: 150px;
    height: 150px;
    margin-right: 15px;
    border-radius: 3px;
    background-color: #333; }
  .Direction .Offer-price {
    position: relative;
    display: inline-block;
    height: 50px;
    padding: 10px 25px;
    margin-right: 42px;
    color: #fff;
    float: left;
    background-color: #ce1619; }
    .Direction .Offer-price:after {
      position: absolute;
      content: '';
      display: block;
      top: 0px;
      right: -12px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 25px 0 25px 12px;
      border-color: transparent transparent transparent #ce1619; }
  .Direction .Offer-discountCoast {
    font-size: 18px;
    line-height: 18px;
    text-decoration: line-through; }
  .Direction .Offer-discount {
    font-size: 13px;
    line-height: 13px; }
  .Direction .Offer-coast {
    display: inline-block;
    float: left;
    color: #ce1619;
    font-size: 26px;
    line-height: 50px;
    font-weight: 800; }
  .Direction .Offer-bookingBtn {
    display: inline-block;
    float: right;
    width: 300px;
    height: 50px;
    margin-bottom: 3px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    background-color: #ff8500;
    box-shadow: 0px 3px 0px 0px #f06e00;
    border: none;
    border-radius: 3px; }
    .Direction .Offer-bookingBtn:focus, .Direction .Offer-bookingBtn:hover {
      outline: none; }
  .Direction .Offer-present {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .Direction .Offer-presentIcon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px; }
    .Direction .Offer-presentIcon svg {
      width: 50px;
      height: 50px; }
  .Direction .Offer-presentIcon--present svg .cls-1 {
    fill: #ce1619;
    stroke: none; }
  .Direction .Offer-presentIcon--divider {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .Direction .Offer-presentIcon--divider svg {
      height: 50px;
      width: auto; }
      .Direction .Offer-presentIcon--divider svg .cls-1 {
        fill: #ce1619;
        stroke: none; }
  .Direction .Offer-presentIcon--visaBox svg .cls-1 {
    fill: none; }
  .Direction .Offer-presentIcon--visaBox svg .cls-2 {
    fill: #3b4653;
    stroke: none; }
  .Direction .Offer-presentIcon--milesBox svg .cls-1 {
    stroke: none; }
  .Direction .Offer-presentText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    -moz-box-flex: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
    color: #ce1619; }
    .Direction .Offer-presentText span {
      font-weight: 800;
      text-transform: uppercase; }
  .Direction .Offer-presentVisa {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #3b4653; }
  .Direction .Offer-presentMiles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #3b4653; }
  .Direction .Offer-raiting svg .starText {
    display: none; }
  .Direction .Offer-hotleName {
    color: #3b4653;
    font-size: 18px;
    margin-bottom: 5px; }
  .Direction .Offer-location {
    font-size: 14px;
    margin-bottom: 15px;
    color: #626c78; }
  .Direction .Offer-locationIcon svg {
    width: 20px;
    vertical-align: sub; }
  .Direction .Offer-duration {
    margin-bottom: 2px; }
  .Direction .Offer-duration--inline > * {
    display: inline-block; }
  .Direction .Offer-durationIcon {
    vertical-align: top;
    margin-right: 15px; }
  .Direction .Offer-durationFrom span {
    display: inline-block;
    min-width: 25px;
    padding: 0 3px;
    border: 1px solid #ff8500;
    border-radius: 2px;
    text-transform: capitalize; }
  .Direction .Offer-durationTo span {
    display: inline-block;
    min-width: 25px;
    padding: 0 3px;
    border: 1px solid #ff8500;
    border-radius: 2px;
    text-transform: capitalize; }
  .Direction .Offer-durationDivider svg {
    width: 20px;
    vertical-align: middle;
    display: inline-block; }
    .Direction .Offer-durationDivider svg path {
      fill: #000;
      stroke: #000; }
    .Direction .Offer-durationDivider svg polyline {
      stroke: #000; }
  .Direction .Offer-guestsIcon {
    width: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 15px; }
  .Direction-BestOffersTitle {
    margin-top: 30px;
    margin-bottom: 25px; }
  .Direction .BestOffersList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px; }
    .Direction .BestOffersList .BestOffer {
      position: relative;
      width: 270px;
      margin-bottom: 30px;
      margin-right: 30px;
      color: #000;
      text-align: center;
      background-color: transparent; }
      .Direction .BestOffersList .BestOffer-content {
        position: relative;
        padding-top: 10px;
        box-shadow: 0px 0px 23px -4px; }
        .Direction .BestOffersList .BestOffer-content:before {
          position: absolute;
          content: '';
          display: block;
          z-index: 10;
          top: -6px;
          height: 6px;
          width: 100%;
          background-image: url(/images/HB_Direction-border-b-ff6bf7319c.png);
          background-size: contain;
          background-position: center;
          background-repeat: repeat-x; }
      .Direction .BestOffersList .BestOffer-price {
        position: relative;
        height: 40px;
        z-index: 100; }
      .Direction .BestOffersList .BestOffer-cost--new {
        position: absolute;
        display: block;
        width: 146px;
        height: 40px;
        margin: 0px auto;
        top: 8px;
        font-size: 25px;
        line-height: 40px;
        color: #fff;
        left: 0;
        right: 0;
        background-image: url(/images/HB_direction-card_price-9d3a4d8a78.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat; }
      .Direction .BestOffersList .BestOffer-raiting {
        width: 100px;
        margin: 0px auto 5px; }
        .Direction .BestOffersList .BestOffer-raiting svg .starText {
          display: none; }
      .Direction .BestOffersList .BestOffer-hotleName {
        color: #3b4653;
        font-size: 18px;
        margin-bottom: 5px; }
      .Direction .BestOffersList .BestOffer-location {
        font-size: 14px;
        margin-bottom: 15px;
        color: #626c78; }
      .Direction .BestOffersList .BestOffer-locationIcon svg {
        width: 20px;
        vertical-align: sub; }
      .Direction .BestOffersList .BestOffer-preview {
        display: block;
        width: 100%;
        height: 170px;
        background-color: #333; }
      .Direction .BestOffersList .BestOffer-duration {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 10px 5px;
        margin: 0px 20px 20px;
        font-size: 14px;
        border: 1px solid #d1d5df;
        border-radius: 2px; }
      .Direction .BestOffersList .BestOffer-durationIcon {
        position: absolute;
        display: block;
        top: -15px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        .Direction .BestOffersList .BestOffer-durationIcon svg {
          width: 30px; }
          .Direction .BestOffersList .BestOffer-durationIcon svg .st0 {
            fill: #fff;
            stroke: none; }
          .Direction .BestOffersList .BestOffer-durationIcon svg .st1 {
            fill: #d1d5df;
            stroke: none; }
      .Direction .BestOffersList .BestOffer-durationFrom span {
        display: inline-block;
        min-width: 25px;
        padding: 0 3px;
        border: 1px solid #ff8500;
        border-radius: 2px; }
      .Direction .BestOffersList .BestOffer-durationTo span {
        display: inline-block;
        min-width: 25px;
        padding: 0 3px;
        border: 1px solid #ff8500;
        border-radius: 2px; }
      .Direction .BestOffersList .BestOffer-durationDivider svg {
        width: 20px;
        vertical-align: middle;
        display: inline-block; }
        .Direction .BestOffersList .BestOffer-durationDivider svg path {
          fill: #000;
          stroke: #000; }
        .Direction .BestOffersList .BestOffer-durationDivider svg polyline {
          stroke: #000; }
      .Direction .BestOffersList .BestOffer-goBtn {
        display: block;
        width: 100%;
        height: 50px;
        margin-bottom: 3px;
        line-height: 50px;
        color: #fff;
        font-size: 18px;
        background-color: #ff8500;
        box-shadow: 0px 3px 0px 0px #f06e00;
        border: none;
        border-radius: 3px; }
        .Direction .BestOffersList .BestOffer-goBtn:focus, .Direction .BestOffersList .BestOffer-goBtn:hover {
          outline: none; }
        .Direction .BestOffersList .BestOffer-goBtn:before, .Direction .BestOffersList .BestOffer-goBtn:after {
          display: table;
          content: " "; }
        .Direction .BestOffersList .BestOffer-goBtn:after {
          clear: both; }
  .Direction .Tags {
    padding: 0;
    margin: 0px 0px 30px;
    list-style: none; }
    .Direction .Tags .Tag {
      display: inline-block;
      padding: 7px 10px;
      margin-bottom: 10px;
      font-size: 12px;
      border-color: #d1d5df;
      border-style: solid;
      border-width: 1px 1px 1px 2px;
      border-radius: 0px 3px 3px 0px;
      border-left-color: #46bcea; }
      .Direction .Tags .Tag:not(:last-child) {
        margin-right: 10px; }
  .Direction .Icon--instagram .st0 {
    fill: #517fa6;
    stroke: none; }
  .Direction .Icon--instagram .st1 {
    fill: #517fa6;
    stroke: none; }
  .Direction .Icon--category svg {
    width: 20px;
    height: 20px;
    vertical-align: baseline; }
  .Direction .currency:before {
    vertical-align: initial; }

.HotelPageInfo {
  background-color: #ffffff;
  width: 1180px;
  margin: auto;
  padding-bottom: 40px; }
  .HotelPageInfo-shadowedPanel {
    padding-bottom: 1px;
    box-shadow: 0 0 30px 6px #bfbfbf; }
  .HotelPageInfo-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .HotelPageInfo-section {
    margin-top: 35px; }
  .HotelPageInfo-rightBlock {
    width: 368px;
    margin-left: 50px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .HotelPageInfo-reviews {
    padding: 0 20px;
    display: block;
    margin-top: 20px; }

.HotelPageInfoHeader {
  width: 100%;
  padding: 35px 35px 0 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start; }
  .HotelPageInfoHeader-hotelSection {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    margin-right: 35px; }
  .HotelPageInfoHeader-stars {
    height: 14px;
    margin-bottom: 5px; }
    .HotelPageInfoHeader-stars .SvgStars-star {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
    .HotelPageInfoHeader-stars .SvgStars-star--active svg .starIcon {
      fill: #3b4653;
      stroke: #3b4653; }
    .HotelPageInfoHeader-stars .SvgStars-star svg {
      width: 14px;
      height: 14px; }
  .HotelPageInfoHeader-nameSection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelPageInfoHeader-name {
    font-size: 32px;
    line-height: 32px;
    color: #006598;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .HotelPageInfoHeader-like {
    height: 36px;
    width: 36px;
    outline: none;
    border: none;
    border-radius: 50%;
    background-color: #676566;
    margin-left: 20px;
    padding: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
    .HotelPageInfoHeader-like .HotelLike {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100%;
      height: 100%; }
    .HotelPageInfoHeader-like.HotelLike--isLiked svg path {
      fill: #ffb72e;
      stroke: #ffb72e; }
    .HotelPageInfoHeader-like svg {
      margin-top: 2px;
      width: 18px;
      height: 16px; }
    .HotelPageInfoHeader-like svg path {
      fill: transparent;
      stroke: #ffb72e;
      stroke-width: 3px; }
  .HotelPageInfoHeader-locationSection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 13px;
    margin-top: 5px; }
  .HotelPageInfoHeader-distance {
    margin-right: 30px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .HotelPageInfoHeader-distance .i-distance-lines {
      color: #006598;
      position: relative;
      top: -2px; }
  .HotelPageInfoHeader-breadcrumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden; }
  .HotelPageInfoHeader-breadcrumb {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .HotelPageInfoHeader-breadcrumb:last-child {
      -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1; }
  .HotelPageInfoHeader-breadcrumbDivider {
    margin: 0 5px; }
  .HotelPageInfoHeader-bookSection {
    margin-right: 40px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelPageInfoHeader-bookBtn {
    width: 234px;
    height: 56px;
    line-height: 54px;
    font-size: 16px;
    font-weight: bold; }
  .HotelPageInfoHeader-bookLink {
    margin-top: 15px;
    font-size: 16px;
    line-height: 16px; }
  .HotelPageInfoHeader-priceSection {
    margin-right: 70px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center; }
  .HotelPageInfoHeader-priceRow {
    font-weight: bold;
    color: #3b4653;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 4px; }
  .HotelPageInfoHeader-priceLoader {
    width: 192px;
    height: 40px;
    position: relative;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  .HotelPageInfoHeader-price {
    font-size: 28px;
    line-height: 28px; }
    .HotelPageInfoHeader-price .i-currency-rub:before {
      vertical-align: baseline; }
  .HotelPageInfoHeader-priceDetatils {
    font-size: 13px;
    line-height: 13px; }
  .HotelPageInfoHeader-bonuses {
    margin-top: 14px;
    border: 1px dashed #599442;
    color: #599442;
    font-size: 16px;
    height: 33px;
    line-height: 30px;
    padding: 0 12px;
    display: inline-block; }
    .HotelPageInfoHeader-bonuses .i-miles-slim {
      display: inline-block;
      line-height: 11px; }
      .HotelPageInfoHeader-bonuses .i-miles-slim:before {
        vertical-align: bottom; }

.HotelPageInfoGallery {
  margin-top: 30px;
  position: relative; }
  .HotelPageInfoGallery-arrow {
    position: absolute;
    top: -webkit-calc(50% - 15px);
    top: -moz-calc(50% - 15px);
    top: calc(50% - 15px);
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    .HotelPageInfoGallery-arrow svg {
      width: 30px;
      height: 30px; }
    .HotelPageInfoGallery-arrow svg path {
      fill: #858f98; }
    .HotelPageInfoGallery-arrow:hover {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
  .HotelPageInfoGallery-arrow--left {
    left: -35px; }
  .HotelPageInfoGallery-arrow--right {
    right: -35px; }
  .HotelPageInfoGallery-window {
    width: 100%;
    overflow: hidden; }
  .HotelPageInfoGallery-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 324px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .HotelPageInfoGallery-container--allBig {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .HotelPageInfoGallery-container--allBig .HotelPageInfoGallery-smallContainer {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .HotelPageInfoGallery-container--allBig .HotelPageInfoGallery-img {
      width: 384px;
      height: 324px; }
      .HotelPageInfoGallery-container--allBig .HotelPageInfoGallery-img:last-child {
        margin-right: 0; }
      .HotelPageInfoGallery-container--allBig .HotelPageInfoGallery-img:nth-child(2n) {
        margin-top: 0; }
  .HotelPageInfoGallery-container--twoBig .HotelPageInfoGallery-img:nth-child(2n) {
    margin-top: 0; }
  .HotelPageInfoGallery-container--twoBig .HotelPageInfoGallery-img:nth-child(2n+1) {
    margin-top: 14px; }
  .HotelPageInfoGallery-container--twoBig .HotelPageInfoGallery-img:first-child {
    width: 384px;
    height: 324px;
    margin-top: 0; }
  .HotelPageInfoGallery-smallContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%; }
  .HotelPageInfoGallery-mainImage {
    margin-right: 14px;
    background-color: grey;
    height: 324px;
    width: 384px;
    background-size: cover;
    background-position: 50% 50%;
    cursor: pointer; }
  .HotelPageInfoGallery-img {
    margin-right: 14px;
    background-color: gray;
    width: 185px;
    height: 155px;
    background-size: cover;
    background-position: 50% 50%;
    cursor: pointer; }
    .HotelPageInfoGallery-img:nth-child(2n) {
      margin-top: 14px; }

.HotelPageInfoFacilities {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .HotelPageInfoFacilities-title {
    color: #3b4653;
    font-size: 21px;
    line-height: 21px;
    margin-right: 30px; }
  .HotelPageInfoFacilities-facilityIcon {
    width: 42px;
    height: 42px;
    background-color: #f0f3f6;
    border-radius: 50%;
    margin-right: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .HotelPageInfoFacilities-facilityIcon svg {
      width: 25px;
      height: 25px;
      display: block; }

.HotelPageInfoTime-title {
  text-align: left;
  font-size: 21px;
  line-height: 21px;
  color: #3b4653;
  margin-bottom: 10px; }

.HotelPageInfoTime-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 333px;
  font-size: 16px; }

.HotelPageInfoTime-start, .HotelPageInfoTime-end {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .HotelPageInfoTime-start svg, .HotelPageInfoTime-end svg {
    height: 20px;
    width: 35px;
    margin-right: 5px;
    position: relative;
    top: 3px; }

.HotelPageInfoTime-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-right: 1px dotted #d1d5df; }

.HotelPageInfoTime-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.HotelPageInfoDescription-title {
  font-size: 21px;
  line-height: 21px;
  color: #3b4653;
  margin-bottom: 15px; }

.HotelPageInfoDescription-description {
  font-size: 16px;
  max-height: 180px;
  overflow: hidden;
  position: relative; }

.HotelPageInfoDescription-description--unlimited {
  max-height: inherit; }

.HotelPageInfoDescription-gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(62%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.9)));
  background: -moz- oldlinear-gradient(top, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%);
  background: -o-linear-gradient(top, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%);
  background: linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%); }

.HotelPageInfoDescription-expander {
  margin-top: 20px;
  font-size: 13px;
  line-height: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #46bcea;
  cursor: pointer; }

.HotelTaRating {
  width: 368px; }
  .HotelTaRating-title {
    font-size: 21px;
    line-height: 21px;
    color: #3b4653;
    margin-bottom: 15px; }
  .HotelTaRating-totalRate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelTaRating-logo {
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: -1074px -766px;
    width: 31px;
    height: 21px;
    display: inline-block;
    margin-right: 5px; }
  .HotelTaRating-totalRateImg {
    color: #00af87;
    font-size: 17px;
    line-height: 17px; }
  .HotelTaRating-comments {
    font-size: 13px;
    line-height: 13px;
    margin-top: 5px; }
  .HotelTaRating-recommendRate {
    font-size: 16px;
    line-height: 16px;
    color: #3b4653;
    margin: 18px 0; }
  .HotelTaRating-ratings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .HotelTaRating-rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 35px;
    margin-bottom: 10px; }
    .HotelTaRating-rating:nth-child(2n) {
      margin-right: 0; }
  .HotelTaRating-ratingTitle {
    font-size: 13px;
    width: 94px;
    text-align: left;
    line-height: 13px; }
  .HotelTaRating-ratingImg {
    color: #00af87;
    font-size: 14px;
    line-height: 15px; }

.HotelPageNav {
  background-color: #f0f3f6; }
  .HotelPageNav-container {
    width: 1180px;
    height: 71px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto; }
  .HotelPageNav-backBtn {
    height: 100%;
    color: #46bcea;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    padding-right: 42px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer; }
    .HotelPageNav-backBtn svg {
      width: 10px;
      height: 10px;
      margin-right: 5px; }
    .HotelPageNav-backBtn svg path {
      fill: #46bcea; }
  .HotelPageNav-navs {
    border-left: 1px solid #d1d5df;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%; }
  .HotelPageNav-nav {
    color: #46bcea;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    margin-right: 30px;
    cursor: pointer; }
    .HotelPageNav-nav:first-child {
      margin-left: 42px; }
  .HotelPageNav-location {
    font-size: 16px;
    line-height: 16px;
    color: #3b4653; }
  .HotelPageNav-dates {
    font-size: 13px;
    line-height: 13px;
    margin-top: 5px; }
  .HotelPageNav-changeLink {
    font-size: 13px;
    line-height: 13px; }
  .HotelPageNav-searchInfo {
    min-width: 300px; }

.ModalHotelSearchForm {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999; }
  .ModalHotelSearchForm-container {
    background-color: #fff;
    padding: 35px 10px;
    width: 1200px;
    position: relative; }
  .ModalHotelSearchForm-closeBtn {
    position: absolute;
    width: 18px;
    height: 18px;
    cursor: pointer;
    right: 15px;
    top: 15px; }
    .ModalHotelSearchForm-closeBtn svg {
      width: 18px;
      height: 18px; }
    .ModalHotelSearchForm-closeBtn svg path {
      fill: #3b4653 !important; }
  .ModalHotelSearchForm .HotelSearchForm .AutoCompleteBox {
    border: 1px solid #d1d5df; }
  .ModalHotelSearchForm .HotelSearchForm .DateBox .DateBox-datesContainer {
    border: 1px solid #d1d5df; }
  .ModalHotelSearchForm .HotelSearchForm .Dropdown {
    border: 1px solid #d1d5df; }
  .ModalHotelSearchForm .HotelSearchForm .Checkbox .Checkbox-label {
    color: #3b4653; }
  .ModalHotelSearchForm .HotelSearchForm .HotelSearchForm-hint {
    color: #3b4653; }
  .ModalHotelSearchForm .HBHotelSF .AutoCompleteBox {
    border: 1px solid #d1d5df; }
  .ModalHotelSearchForm .HBHotelSF .DateBox-label {
    background-color: #fff; }
  .ModalHotelSearchForm .HBHotelSF .DateBox-dateContainer {
    border: 1px solid #d1d5df; }
  .ModalHotelSearchForm .HBHotelSF .Dropdown {
    border: 1px solid #d1d5df; }
  .ModalHotelSearchForm .HBHotelSF .HBHotelSF-inputLabel {
    color: #626c78; }
  .ModalHotelSearchForm .HBHotelSF .HBHotelSF-inputLabel--footer {
    color: #46bcea; }
  .ModalHotelSearchForm .HbLandingSwitcher-tab {
    color: #3b4653; }
    .ModalHotelSearchForm .HbLandingSwitcher-tab:hover a {
      color: #3b4653; }
  .ModalHotelSearchForm .HbLandingSwitcher-tab:hover a:after {
    background-color: #3b4653; }
  .ModalHotelSearchForm .HBDpackSF .AutoCompleteBox {
    border: 1px solid #d1d5df; }
  .ModalHotelSearchForm .HBDpackSF .DateBox-label {
    background-color: #fff; }
  .ModalHotelSearchForm .HBDpackSF .DateBox-dateContainer {
    border: 1px solid #d1d5df; }
  .ModalHotelSearchForm .HBDpackSF .DPackPassengersPickerControl {
    border: 1px solid #d1d5df; }
  .ModalHotelSearchForm .HBDpackSF .HBDpackSF-nightsNumPicker {
    border: 1px solid #d1d5df; }
  .ModalHotelSearchForm .HBDpackSF .HBDpackSF-inputLabel {
    color: #626c78; }

.HotelPageFilters {
  padding-top: 35px;
  background-color: #f0f3f6;
  margin-bottom: 50px;
  border-bottom: 1px solid #d1d5df; }
  .HotelPageFilters-container {
    width: 1180px;
    margin: auto; }
  .HotelPageFilters-title {
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    color: #3b4653; }
  .HotelPageFilters-searchForm {
    margin: 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelPageFilters .DateBox {
    height: 56px;
    margin-right: 14px; }
  .HotelPageFilters .DateBox .DateBox-datesContainer {
    background-color: transparent; }
  .HotelPageFilters .DateBox-dateContainer {
    border: 1px solid #d1d5df;
    border-radius: 50px;
    width: 154px;
    font-size: 16px;
    color: #3b4653; }
  .HotelPageFilters .DateBox-dateContainer:not(:last-child) {
    margin-right: 14px; }
  .HotelPageFilters .DateBox .DateBox-dayOfWeek {
    width: 28px;
    height: 28px;
    text-align: center;
    text-transform: lowercase;
    line-height: 26px;
    margin-top: 0;
    margin-right: 5px;
    font-size: 16px;
    color: #17222c;
    background-color: #fff650;
    border: 0;
    border-radius: 14px; }
  .HotelPageFilters .DateBox .DateBox-dateContainer input {
    border-radius: 50px; }
  .HotelPageFilters-persons {
    display: block;
    margin-right: 14px; }
    .HotelPageFilters-persons .Dropdown {
      border: 1px solid #d1d5df;
      border-radius: 50px;
      width: 293px;
      height: 56px;
      color: #3b4653;
      font-size: 16px; }
    .HotelPageFilters-persons .Dropdown-FFfix {
      width: 100%; }
    .HotelPageFilters-persons .Dropdown-svg svg {
      height: 20px;
      position: relative;
      top: 4px;
      margin-right: 5px; }
    .HotelPageFilters-persons .Dropdown-label {
      text-align: center;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -moz-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
  .HotelPageFilters-searchBtn {
    width: 200px;
    height: 56px;
    font-size: 13px;
    line-height: 54px;
    font-weight: bold;
    letter-spacing: 1.2; }
  .HotelPageFilters-roomTypes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelPageFilters-roomTypesTitle {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #3b4653;
    padding-bottom: 18px;
    position: relative;
    top: 3px; }
  .HotelPageFilters-roomTypesContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
  .HotelPageFilters-roomTypesWindow {
    overflow: hidden;
    padding-bottom: 18px;
    width: 100%;
    position: relative;
    top: 3px; }
  .HotelPageFilters-roomType {
    margin-left: 25px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 27px;
    height: 27px;
    position: relative;
    cursor: pointer; }
    .HotelPageFilters-roomType:hover:after {
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
      -o-transform: scaleX(1);
      transform: scaleX(1); }
    .HotelPageFilters-roomType:after {
      background-color: #17222c;
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0);
      content: '';
      position: absolute;
      display: block;
      left: 0;
      bottom: -17px;
      width: 100%;
      height: 3px;
      -webkit-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      -moz-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s; }
  .HotelPageFilters-roomType--active:after {
    background-color: #b29b23;
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }
  .HotelPageFilters-typePrice {
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    padding: 7px;
    background-color: #d1d5df;
    color: #3b4653;
    display: inline-block; }
  .HotelPageFilters-iconLeft {
    cursor: pointer;
    position: relative;
    height: 27px;
    left: 12px;
    z-index: 99; }
    .HotelPageFilters-iconLeft svg {
      width: 10px;
      height: 10px; }
  .HotelPageFilters-iconLeft--disabled svg path {
    fill: #a8b3bf; }
  .HotelPageFilters-iconRight {
    cursor: pointer;
    position: relative;
    height: 27px; }
    .HotelPageFilters-iconRight svg {
      width: 10px;
      height: 10px; }
    .HotelPageFilters-iconRight:before {
      content: '';
      position: absolute;
      width: 45px;
      height: 30px;
      background-color: white;
      left: -45px;
      top: -5px;
      background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, transparent), color-stop(20%, rgba(240, 243, 246, 0.2)), color-stop(75%, #f0f3f6));
      background: -moz- oldlinear-gradient(left, transparent 0%, transparent 5%, rgba(240, 243, 246, 0.2) 20%, #f0f3f6 75%);
      background: -o-linear-gradient(left, transparent 0%, transparent 5%, rgba(240, 243, 246, 0.2) 20%, #f0f3f6 75%);
      background: linear-gradient(to right, transparent 0%, transparent 5%, rgba(240, 243, 246, 0.2) 20%, #f0f3f6 75%); }

.HotelRoomCategory {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  width: 1180px; }
  .HotelRoomCategory-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #d1d5df; }
  .HotelRoomCategory-header + .HotelRoomCategory-header:before {
    content: '';
    position: absolute;
    display: block;
    top: -10px;
    left: 0;
    right: 0;
    width: 45px;
    height: 20px;
    margin: 0 auto;
    background-image: url(/images/white-labels/hotelbook/room-header-divider-5c6d890726.png); }
  .HotelRoomCategory-preview {
    display: block;
    width: 308px;
    height: 252px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: cover; }
  .HotelRoomCategory-description {
    position: relative;
    padding: 21px 34px 31px 34px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: transparent; }
  .HotelRoomCategory-title {
    display: inline-block;
    margin-bottom: 16px;
    color: #3b4653;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500; }
  .HotelRoomCategory-trackBtn {
    position: absolute;
    top: 33px;
    right: 32px;
    color: #46bcea;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    outline: none; }
  .HotelRoomCategory-header--noImage .HotelRoomCategory-description {
    padding-left: 35px;
    padding-top: 17px; }
  .HotelRoomCategory-header--noImage .HotelRoomCategory-trackBtn {
    top: 25px;
    right: 37px; }
  .HotelRoomCategory-conditions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 19px; }
  .HotelRoomCategory-conditionDivider {
    margin: 0 28px; }
    .HotelRoomCategory-conditionDivider svg {
      width: 3px;
      height: 22px; }
  .HotelRoomCategory-condition {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3b4653;
    font-size: 16px; }
    .HotelRoomCategory-condition b {
      font-weight: 700; }
    .HotelRoomCategory-condition .Icon {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 7px; }
    .HotelRoomCategory-condition .Icon--maxGuests {
      display: inline-block; }
      .HotelRoomCategory-condition .Icon--maxGuests svg {
        width: 21px;
        height: 14px; }
    .HotelRoomCategory-condition .Icon--area svg {
      width: 21px;
      height: 23px; }
  .HotelRoomCategory-facilities {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 15px; }
  .HotelRoomCategory-facilitiesTitle {
    margin-right: 28px;
    font-size: 16px;
    font-weight: 700;
    color: #17222c; }
  .HotelRoomCategory-facilitiesMain {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline; }
  .HotelRoomCategory-facility {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    height: 28px;
    padding-right: 28px;
    color: #3b4653;
    font-size: 16px;
    max-width: 180px; }
    .HotelRoomCategory-facility span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .HotelRoomCategory-facility [class*="i-room-facilities"] {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 21px;
      margin-right: 7px; }
  .HotelRoomCategory-header--noImage .HotelRoomCategory-facility {
    max-width: 250px; }
  .HotelRoomCategory-facilitiesAll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px; }
  .HotelRoomCategory-facilityFont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
    width: 33%;
    padding-right: 28px;
    color: #3b4653;
    font-size: 16px;
    margin-bottom: 7px; }
    .HotelRoomCategory-facilityFont span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .HotelRoomCategory-facilityFont [class*="i-room-facilities"] {
      font-size: 21px;
      margin-right: 7px; }
  .HotelRoomCategory-annotation {
    margin-bottom: 11px;
    font-size: 16px;
    line-height: 21px;
    max-height: 40px;
    overflow: hidden;
    position: relative; }
  .HotelRoomCategory-annotation--unlimited {
    max-height: inherit; }
  .HotelRoomCategory-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(62%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.9)));
    background: -moz- oldlinear-gradient(top, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%);
    background: -o-linear-gradient(top, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%); }
  .HotelRoomCategory-readmore {
    right: 35px;
    color: #46bcea;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0; }
    .HotelRoomCategory-readmore .Icon {
      margin-left: 4px; }
    .HotelRoomCategory-readmore .Icon.Icon--chevron svg {
      width: 10px;
      height: 8px; }
    .HotelRoomCategory-readmore .Icon.Icon--chevron svg .chevron-st0 {
      stroke: #46bcea;
      fill: none; }
    .HotelRoomCategory-readmore--active .Icon svg {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .HotelRoomCategory-viewAllRooms {
    letter-spacing: 0.8px;
    display: block;
    margin: auto;
    color: #46bcea;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    padding: 35px 0;
    background-color: transparent;
    border: none;
    outline: none; }

.RoomOffer {
  padding: 35px;
  border-bottom: 1px solid #d1d5df; }
  .RoomOffer-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px; }
  .RoomOffer-title {
    margin-right: 14px;
    color: #3b4653;
    font-size: 21px;
    font-weight: 500; }
  .RoomOffer-titleCounter {
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #ffb72e;
    color: #3b4653;
    font-size: 14px;
    text-align: center;
    line-height: 25px; }
  .RoomOffer-badge {
    display: inline-block;
    height: 23px;
    padding: 0 7px;
    margin-right: 14px;
    line-height: 23px;
    color: #3b4653;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #7ae778; }
  .RoomOffer-benefits {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 430px; }
  .RoomOffer-benefit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 215px; }
    .RoomOffer-benefit:nth-child(-n+2) {
      margin-bottom: 7px; }
    .RoomOffer-benefit .i-information {
      margin-right: 7px;
      font-size: 21px; }
    .RoomOffer-benefit span {
      display: inline-block; }
      .RoomOffer-benefit span:first-letter {
        text-transform: uppercase !important; }
  .RoomOffer-benefitIco {
    margin-right: 14px; }
  .RoomOffer-benefitIco svg {
    height: 20px;
    width: 21px; }
  .RoomOffer-bedsType {
    background-color: transparent;
    outline: none;
    border: 1px solid #d1d5df;
    color: #3b4653;
    line-height: 54px;
    font-size: 16px;
    height: 56px;
    width: 361px;
    border-radius: 30px;
    position: relative;
    margin-top: 25px;
    display: block; }
    .RoomOffer-bedsType .CaretBg {
      position: absolute;
      right: 15px;
      top: 1px; }
    .RoomOffer-bedsType .CaretBg svg {
      height: 10px;
      width: 10px; }
  .RoomOffer-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 16px; }
  .RoomOffer-bonus {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 200px;
    height: 56px;
    line-height: 54px;
    color: #3f9259;
    text-align: center;
    border: 1px dashed #3f9259; }
    .RoomOffer-bonus b, .RoomOffer-bonus span {
      margin-left: 7px; }
  .RoomOffer-bonusIco {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 21px;
    margin-right: 7px; }
    .RoomOffer-bonusIco svg {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 20px;
      height: 21px; }
      .RoomOffer-bonusIco svg .cls-1 {
        fill: #3f9259; }
  .RoomOffer-price {
    margin: 0 42px;
    text-align: center; }
  .RoomOffer-cost {
    display: block;
    margin-bottom: 6px;
    line-height: 28px;
    font-size: 28px;
    font-weight: 700;
    color: #17222c; }
  .RoomOffer--discount .RoomOffer-cost {
    color: #3f9259; }
  .RoomOffer-cost--old {
    font-size: 16px;
    text-decoration: line-through; }
  .RoomOffer-costDesc {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 16px; }
  .RoomOffer-bookBtn {
    height: 56px;
    width: 200px;
    line-height: 54px;
    padding: 0px 28px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    text-align: center; }

.BookingStepperNew {
  height: 70px;
  background-color: #f0f3f6;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .BookingStepperNew-badges {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 25px;
    color: #3b4653;
    width: 1180px;
    margin: auto;
    position: relative; }
  .BookingStepperNew-badge {
    width: 110px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase; }
  .BookingStepperNew-badgePrew {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    cursor: pointer; }
  .BookingStepperNew-badgePrewText {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #46bcea; }
  .BookingStepperNew-badgePrewIcon {
    width: 13px;
    height: 13px;
    margin-right: 7px; }
    .BookingStepperNew-badgePrewIcon svg {
      width: 100%;
      height: 100%; }
    .BookingStepperNew-badgePrewIcon svg path {
      fill: #46bcea; }
  .BookingStepperNew-arrow {
    width: 13px;
    height: 13px;
    margin: 0 40px; }
    .BookingStepperNew-arrow svg {
      width: 100%;
      height: 100%; }
    .BookingStepperNew-arrow svg path {
      fill: #d1d5df; }
  .BookingStepperNew-progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    bottom: -14px; }
  .BookingStepperNew-progressPoint {
    height: 26px;
    width: 26px;
    border-radius: 50%;
    line-height: 23px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #d1d5df;
    color: #3b4653;
    background-color: #f0f3f6; }
  .BookingStepperNew-progressPoint--active {
    color: white;
    background-color: #46bcea;
    border-color: #46bcea; }
  .BookingStepperNew-progressLine {
    width: 178px;
    height: 3px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    background-color: #d1d5df; }
    .BookingStepperNew-progressLine:last-child {
      background-color: #d1d5df; }
  .BookingStepperNew-progressLine--active {
    background-color: #46bcea; }
  .BookingStepperNew-progressLine--outer {
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
    -moz-box-flex: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
    -webkit-flex-shrink: 10;
    -ms-flex-negative: 10;
    flex-shrink: 10; }
    .BookingStepperNew-progressLine--outer:first-child {
      background-color: #46bcea; }

.HotelBookingInfo {
  width: 322px;
  background-color: white; }
  .HotelBookingInfo-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px; }
  .HotelBookingInfo-absolutePrice {
    color: #3b4653;
    line-height: 13px;
    font-size: 13px; }
  .HotelBookingInfo-taxPrice {
    line-height: 13px;
    font-size: 13px;
    margin-top: 4px; }
  .HotelBookingInfo-priceNum {
    line-height: 28px;
    font-size: 28px;
    color: #3b4653;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .HotelBookingInfo-priceNumIcon {
    width: 18px;
    height: 17px; }
    .HotelBookingInfo-priceNumIcon svg {
      width: 100%;
      height: 100%; }
    .HotelBookingInfo-priceNumIcon svg path {
      fill: #3b4653; }
  .HotelBookingInfo-someInfo {
    margin-bottom: 30px;
    line-height: 13px;
    font-size: 13px;
    color: #46bcea;
    text-transform: uppercase;
    cursor: pointer; }
  .HotelBookingInfo-image {
    height: 200px;
    width: 100%;
    background-color: grey;
    background-size: cover;
    background-origin: center center; }
  .HotelBookingInfo-info {
    padding: 15px;
    padding-top: 20px;
    background-color: #f0f3f6; }
  .HotelBookingInfo-stars svg .starText {
    display: none; }
  .HotelBookingInfo-stars .SvgStars-star--active svg .starIcon {
    fill: #3b4653;
    stroke: #3b4653; }
  .HotelBookingInfo-stars .SvgStars-star:not(.SvgStars-star--active) {
    display: none; }
  .HotelBookingInfo-hotelName {
    height: 48px;
    width: 260px;
    background-color: cadetblue; }
  .HotelBookingInfo-enterGuestNumber {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .HotelBookingInfo-smallImages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap; }
  .HotelBookingInfo-name {
    line-height: 16px;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3b4653; }
  .HotelBookingInfo-address {
    font-size: 13px;
    line-height: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 7px; }
  .HotelBookingInfo-icons {
    width: 110px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 14px; }
  .HotelBookingInfo-orderOption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    margin-top: 7px; }
  .HotelBookingInfo-optionName {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 110px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .HotelBookingInfo-optionIcon {
    width: 14px;
    height: 14px;
    margin-right: 5px; }
    .HotelBookingInfo-optionIcon svg {
      width: 100%;
      height: 100%; }
    .HotelBookingInfo-optionIcon svg path {
      fill: #3b4653; }
  .HotelBookingInfo-aditionalDetails {
    margin-top: 50px; }
  .HotelBookingInfo-roomName {
    font-weight: bold;
    color: #3b4653; }
  .HotelBookingInfo-bookingConditions {
    display: block;
    margin-top: 50px; }
    .HotelBookingInfo-bookingConditions .BookingConditions-title {
      font-weight: bold;
      color: #3b4653; }
  .HotelBookingInfo-refinement span {
    color: red; }

.HBAInfo {
  position: fixed;
  background-color: #ffffff;
  z-index: 9999;
  top: 10vh;
  left: 50%;
  margin-left: -420px;
  max-height: 80vh;
  overflow-y: auto;
  width: 850px;
  font-size: 13px; }
  .HBAInfo-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 132px;
    background-color: #f0f3f6;
    padding: 0 33px;
    padding-bottom: 9px; }
  .HBAInfo-title {
    font-size: 21px;
    color: #3b4653;
    line-height: 25px; }
  .HBAInfo-subtitle {
    font-size: 13px;
    color: #58616f;
    line-height: 18px; }
  .HBAInfo-priceBlock {
    margin-left: 40px; }
  .HBAInfo-price {
    font-size: 28px;
    color: #3b4653;
    line-height: 24px;
    font-weight: 700; }
    .HBAInfo-price span {
      position: relative;
      top: -3px; }
  .HBAInfo-bonusBlock {
    margin-left: 40px;
    padding: 15px;
    border: 1px dashed #599442;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 16px;
    color: #599442;
    line-height: 24px; }
  .HBAInfo-bonusIcon {
    width: 20px;
    height: 21px;
    margin-right: 3px; }
    .HBAInfo-bonusIcon svg {
      width: 20px;
      height: 21px; }
      .HBAInfo-bonusIcon svg path {
        fill: #599442; }
  .HBAInfo-milesIcon {
    width: 18px;
    height: 15px;
    top: 3px;
    margin-left: 4px; }
    .HBAInfo-milesIcon svg {
      width: 18px;
      height: 15px; }
      .HBAInfo-milesIcon svg polygon {
        fill: #599442; }
  .HBAInfo-cross {
    width: 10px;
    height: 10px;
    position: absolute;
    right: 2%;
    top: 7px;
    cursor: pointer; }
    .HBAInfo-cross svg {
      width: 100%;
      height: 100%; }
      .HBAInfo-cross svg polygon {
        fill: #3b4653; }
  .HBAInfo-content {
    padding: 0 34px;
    padding-bottom: 60px;
    padding-top: 37px; }
  .HBAInfo-contentRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .HBAInfo-leftBlock {
    width: 250px;
    margin-right: 34px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .HBAInfo-photo {
    width: 250px;
    height: 205px;
    background-color: grey;
    background-size: 100%; }
  .HBAInfo-arrow {
    width: 8px;
    height: 14px;
    margin-top: 95px;
    cursor: pointer; }
    .HBAInfo-arrow svg {
      width: 100%;
      height: 100%; }
      .HBAInfo-arrow svg path {
        fill: white; }
  .HBAInfo-arrow--left {
    float: left;
    margin-left: 7px; }
  .HBAInfo-arrow--right {
    float: right;
    margin-right: 7px; }
  .HBAInfo-stars svg .starText {
    height: 12px;
    display: none; }
  .HBAInfo-stars .SvgStars-star--active svg .starIcon {
    width: 15px;
    height: 15px;
    fill: #3b4653;
    stroke: #3b4653; }
    .HBAInfo-stars .SvgStars-star--active svg .starIcon svg {
      width: 15px;
      height: 15px; }
  .HBAInfo-stars .SvgStars-star svg {
    width: 15px;
    height: 15px; }
  .HBAInfo-stars .SvgStars-star:not(.SvgStars-star--active) {
    width: 15px;
    height: 15px;
    display: none; }
    .HBAInfo-stars .SvgStars-star:not(.SvgStars-star--active) svg {
      width: 15px;
      height: 15px; }
  .HBAInfo-name {
    font-size: 25px;
    color: #3b4653;
    line-height: 23px; }
  .HBAInfo-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px; }
  .HBAInfo-distance {
    font-size: 13px;
    line-height: 21px;
    color: #58616f;
    margin-right: 30px;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .HBAInfo-distanceIcon {
    width: 12px;
    height: 14px; }
    .HBAInfo-distanceIcon svg {
      width: 100%;
      height: 100%; }
      .HBAInfo-distanceIcon svg path {
        fill: #58616f; }
  .HBAInfo-address {
    font-size: 13px;
    line-height: 21px;
    color: #58616f;
    white-space: nowrap; }
  .HBAInfo-regDetails {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .HBAInfo-regDetails b {
      color: #3b4653;
      margin-right: 3px; }
  .HBAInfo-registration {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 22px;
    width: 480px; }
  .HBAInfo-regDetailsIcon {
    width: 28px;
    height: 16px;
    margin-right: 4px; }
    .HBAInfo-regDetailsIcon svg {
      width: 100%;
      height: 100%; }
  .HBAInfo-dotesIco {
    width: 3px;
    height: 14px; }
    .HBAInfo-dotesIco svg {
      width: 100%;
      height: 100%; }
  .HBAInfo-guests {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px; }
  .HBAInfo-guestsIcon {
    width: 28px;
    height: 18px;
    margin-right: 4px; }
    .HBAInfo-guestsIcon svg {
      width: 100%;
      height: 100%; }
  .HBAInfo-guestsText b {
    color: #3b4653;
    margin-right: 3px; }
  .HBAInfo-facilities {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 16px;
    color: #3b4653;
    line-height: 31px;
    margin-top: 29px; }
    .HBAInfo-facilities span {
      margin-right: 13px; }
  .HBAInfo-fasilitiesIco {
    width: 35px;
    height: 35px;
    background-color: #f0f3f6;
    border-radius: 50%;
    margin-right: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .HBAInfo-fasilitiesIco:first-child {
      margin-left: 20px; }
    .HBAInfo-fasilitiesIco svg {
      width: 20px;
      height: 20px;
      display: block; }
  .HBAInfo-descriptionTitle {
    font-size: 16px;
    color: #3b4653;
    line-height: 21px;
    margin-top: 24px; }
  .HBAInfo-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(62%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.9)));
    background: -moz- oldlinear-gradient(top, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%);
    background: -o-linear-gradient(top, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%); }
  .HBAInfo-expander {
    margin-top: 20px;
    font-size: 13px;
    line-height: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #46bcea;
    cursor: pointer; }
  .HBAInfo-roomName {
    font-size: 21px;
    color: #3b4653;
    line-height: 25px;
    margin-top: 35px; }
  .HBAInfo-roomDetails {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 14px; }
  .HBAInfo-roomDetail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .HBAInfo-roomDetail b {
      color: #3b4653;
      font-size: 13px;
      line-height: 21px;
      margin-right: 3px; }
    .HBAInfo-roomDetail sup {
      top: 0.5em; }
  .HBAInfo-dotesRoomIco {
    width: 3px;
    height: 14px;
    margin: 0px 20px; }
    .HBAInfo-dotesRoomIco svg {
      width: 100%;
      height: 100%; }
  .HBAInfo-roomFeatures {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px; }
  .HBAInfo-roomFeature {
    margin-right: 12px;
    line-height: 20px; }
  .HBAInfo-description {
    margin-top: 17px;
    max-height: 200px;
    position: relative;
    overflow: hidden; }
  .HBAInfo-description--unlimited {
    max-height: inherit; }
  .HBAInfo-roomFeatureIcon {
    margin-right: 4px;
    font-size: 20px; }
  .HBAInfo-facilitiesAll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px; }
  .HBAInfo-facilityFont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px;
    width: 33%;
    padding-right: 28px;
    color: #58616f;
    font-size: 13px;
    margin-bottom: 7px; }
    .HBAInfo-facilityFont span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .HBAInfo-facilityFont [class*="i-room-facilities"] {
      font-size: 21px;
      margin-right: 7px; }
  .HBAInfo-annotation {
    margin-bottom: 11px;
    font-size: 13px;
    line-height: 21px;
    max-height: 40px;
    overflow: hidden;
    position: relative; }
  .HBAInfo-annotation--unlimited {
    max-height: inherit; }
  .HBAInfo-chevronIcon {
    width: 10px;
    height: 10px;
    margin-left: 4px; }
    .HBAInfo-chevronIcon svg {
      width: 100%;
      height: 100%; }
      .HBAInfo-chevronIcon svg path {
        fill: #46bcea; }
  .HBAInfo-fullDescLink {
    color: #46bcea;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 14px;
    cursor: pointer; }
  .HBAInfo-chevronIcon--invert svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .HBAInfo-orderOption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    margin-top: 7px; }
  .HBAInfo-optionName {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 110px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .HBAInfo-optionIcon {
    width: 14px;
    height: 14px;
    margin-right: 5px; }
    .HBAInfo-optionIcon svg {
      width: 100%;
      height: 100%; }
    .HBAInfo-optionIcon svg path {
      fill: #3b4653; }
  .HBAInfo-optionText {
    color: #3b4653; }
  .HBAInfo-conditionsIcon {
    font-size: 16px;
    line-height: 21px;
    color: #3b4653;
    margin-top: 35px;
    margin-bottom: 13px; }
  .HBAInfo-taRatings .HotelTaRating {
    width: 100%;
    margin-top: 25px; }
  .HBAInfo-taRatings .HotelTaRating-comments {
    margin-top: 4px; }
  .HBAInfo-taRatings .HotelTaRating-title {
    font-size: 16px; }
  .HBAInfo-taRatings .HotelTaRating-totalRateSection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HBAInfo-taRatings .HotelTaRating-totalRate {
    width: 93px;
    height: 15px;
    margin-right: 5px; }
  .HBAInfo-taRatings .HotelTaRating-logo {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); }
  .HBAInfo-taRatings .HotelTaRating-totalRateImg {
    font-size: 11px; }
  .HBAInfo-taRatings .HotelTaRating-recommendRate {
    font-weight: bold;
    color: #3b4653;
    font-size: 14px;
    margin-top: 14px;
    margin-bottom: 16px; }
  .HBAInfo-taRatings .HotelTaRating-rating {
    display: block;
    margin-bottom: 14px; }
  .HBAInfo-facility svg {
    width: 30px;
    height: 30px; }
  .HBAInfo-refinement span {
    color: red; }

.TopOffersGroup {
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #fff;
  /*@CONFIGURABLE-COLOR:bg-landing-inset*/ }
  .TopOffersGroup-title {
    color: #3b4653;
    font-size: 30px;
    text-align: center;
    margin-bottom: 35px; }
  .TopOffersGroup-offersContainer {
    margin: auto;
    width: 1200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .TopOffersGroup-item {
    margin-bottom: 20px; }
    .TopOffersGroup-item:nth-child(4n) {
      margin-right: 0; }

.LandingPage landing-benefits-old {
  position: absolute;
  z-index: 100;
  bottom: 0;
  overflow: hidden;
  width: 100%; }

.LandingPage-miles {
  position: absolute;
  z-index: 9999;
  top: -webkit-calc(100% / 2 - 560px / 2);
  top: -moz-calc(100% / 2 - 560px / 2);
  top: calc(100% / 2 - 560px / 2);
  display: table;
  width: 100%;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s; }
  .LandingPage-miles .MilesContainer .MilesContainer-milesHeader {
    margin: 0 auto;
    text-shadow: 1px 1px 2px black; }

.LandingPage .MilesContainer .MilesContainer-milesHeader {
  position: relative;
  width: 1180px;
  margin: 70px auto 0;
  padding: 0 20px;
  text-align: center;
  color: #FFF;
  font-family: Helvetica;
  font-size: 30px;
  font-weight: 300;
  line-height: 35px; }

.LandingPage-searchFormHeader .SearchForm-searchHeader {
  position: relative;
  width: 1180px;
  margin: 70px auto 0;
  padding: 0 20px;
  text-align: center;
  color: #FFF;
  font-family: Helvetica;
  font-size: 30px;
  font-weight: 300;
  line-height: 55px; }

.LandingPage-searchForm {
  position: absolute;
  top: -webkit-calc(50vh - 200px);
  top: -moz-calc(50vh - 200px);
  top: calc(50vh - 200px);
  left: -webkit-calc(50vw - 590px);
  left: -moz-calc(50vw - 590px);
  left: calc(50vw - 590px); }

.LandingPage-logo {
  position: relative;
  top: 40px;
  display: block;
  margin: auto;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }
  .LandingPage-logo img {
    position: relative;
    left: 50%;
    max-height: 120px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%); }

.LandingPage-header {
  position: absolute;
  top: 30px;
  right: 30px; }

.LandingPage-headerControls {
  position: relative;
  z-index: 999999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.LandingPage-headerControl {
  margin-left: 5px; }

.LandingPage-photoBox {
  position: relative;
  height: -webkit-calc(100vh - 100px);
  height: -moz-calc(100vh - 100px);
  height: calc(100vh - 100px);
  min-height: 600px;
  margin-top: -50px; }
  .LandingPage-photoBox:before, .LandingPage-photoBox:after {
    display: table;
    content: " "; }
  .LandingPage-photoBox:after {
    clear: both; }

.LandingPage-photo {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  transition: all 1s ease-out;
  opacity: 0;
  background-position: center 43%;
  background-size: cover; }

.LandingPage-about {
  text-align: center;
  margin: auto;
  padding: 25px 0; }
  .LandingPage-about .LandingPage-aboutHeading, .LandingPage-about h3, .LandingPage-about h2, .LandingPage-about h1 {
    font-size: 40px;
    line-height: 48px;
    margin: 20px 0; }
  .LandingPage-about .LandingPage-aboutParagraph, .LandingPage-about p {
    font-size: 18px;
    line-height: 22px;
    margin: 20px 0; }

.LandingPage-aboutContainer {
  width: 746px;
  margin: auto; }

.UsefullInfo {
  color: #3b4653;
  /*@CONFIGURABLE-COLOR:landing-text-color-inset*/ }

.i-weather-snowy {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -981px -766px;
  width: 30px;
  height: 30px;
  display: inline-block; }

.i-weather-rainy {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -949px -766px;
  width: 30px;
  height: 30px;
  display: inline-block; }

.i-weather-clear {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -885px -766px;
  width: 30px;
  height: 30px;
  display: inline-block; }

.i-weather-cloudy {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1013px -766px;
  width: 30px;
  height: 30px;
  display: inline-block; }

.i-weather-overcast {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -917px -766px;
  width: 30px;
  height: 30px;
  display: inline-block; }

.i-wearther-windy {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -853px -766px;
  width: 30px;
  height: 30px;
  display: inline-block; }

.popover-datepicker {
  max-width: 560px;
  color: #666; }

/* --------------- HotelsList ---------------------*/
.HotelsList {
  position: relative;
  min-height: -webkit-calc(100vh - 165px);
  min-height: -moz-calc(100vh - 165px);
  min-height: calc(100vh - 165px);
  background-color: #e7ebf2;
  /*@CONFIGURABLE-COLOR:bg*/ }
  .HotelsList-loaderWrapper {
    background-color: #fafbfc;
    /*@CONFIGURABLE-COLOR:bg-top-search-panel*/
    padding: 14px 0px;
    position: absolute;
    width: 100%; }
    .HotelsList-loaderWrapper .LineLoader {
      position: relative;
      display: block;
      top: 0px;
      width: 1180px;
      margin: 0 auto;
      -webkit-animation: appear .8s linear;
      -moz-animation: appear .8s linear;
      -o-animation: appear .8s linear;
      animation: appear .8s linear;
      -webkit-animation: stripes-animation .8s linear infinite;
      -moz-animation: stripes-animation .8s linear infinite;
      -o-animation: stripes-animation .8s linear infinite;
      animation: stripes-animation .8s linear infinite;
      /*background: linear-gradient(-45deg, #0588bd 23%, #0588bd 23%, #0588bd 52%, #0c9ed9 52%, #0c9ed9 73%, #0588bd 73%, #0588bd) !important;*/
      background: transparent;
      background-image: url(/svg/line-loader-circle.svg);
      background-color: #46bcea;
      /*@CONFIGURABLE-COLOR:control-fill*/
      background-size: 8px 5px !important;
      border-radius: 6px; }
  .HotelsList-filtersPanel {
    display: block; }
  .HotelsList-filtersPanel.ScrollFloat-notSticky {
    position: relative;
    top: 8px; }
  .HotelsList-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .HotelsList-sidePanel {
    width: 280px; }
  .HotelsList-mainPanel {
    width: 880px; }
  .HotelsList-scrollToTop {
    z-index: 1000;
    position: fixed;
    right: 7px;
    bottom: 40px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    color: #006598;
    /*@CONFIGURABLE-COLOR:links*/
    font-size: 35px; }
    .HotelsList-scrollToTop:before {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
    .HotelsList-scrollToTop:hover {
      -webkit-transform: translateY(-5px);
      -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      -o-transform: translateY(-5px);
      transform: translateY(-5px);
      color: #2d7dc8;
      /*@CONFIGURABLE-COLOR:links-hover*/ }
  .HotelsList-showMoreBtn {
    margin: 15px auto;
    width: 330px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill*/
    font-weight: 600;
    display: block;
    text-align: center;
    padding: 0px 14px;
    cursor: pointer; }
  .HotelsList .HotelsList-pageIndicator {
    position: absolute;
    top: 70px;
    right: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: white;
    color: white;
    border-radius: 50%;
    background-color: #006598;
    /*@CONFIGURABLE-COLOR:links*/
    font-size: 19px;
    font-weight: 800;
    line-height: 30px; }
  .HotelsList .HotelsList-resultBox {
    padding-left: 21px;
    padding-right: 21px;
    margin-top: 0px; }
    .HotelsList .HotelsList-resultBox .HotelsList-resultBoxTitle {
      margin-top: 34px;
      margin-bottom: 4px;
      line-height: 15px;
      font-size: 15px;
      color: #3b4653;
      /*@CONFIGURABLE-COLOR:text-highlight*/
      font-weight: 600; }
    .HotelsList .HotelsList-resultBox .HotelsList-resultBoxBtn {
      color: #006598;
      /*@CONFIGURABLE-COLOR:links*/
      border-bottom: 1px dashed #006598;
      /*@CONFIGURABLE-COLOR:links*/ }
      .HotelsList .HotelsList-resultBox .HotelsList-resultBoxBtn:hover {
        cursor: pointer;
        text-decoration: none; }
  .HotelsList .Footer {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .HotelsList .af-Footer {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .HotelsList .AutoComplete {
    width: 780px; }
  .HotelsList .HotelsList-searchFormBox {
    position: relative;
    width: 100%; }
  .HotelsList-favouriteHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    margin-bottom: 10px; }
  .HotelsList-favouriteTitle {
    font-size: 30px;
    color: #3b4653; }
    .HotelsList-favouriteTitle:before {
      font-size: 24px;
      position: relative;
      top: -3px;
      margin-right: 5px; }
  .HotelsList-favouriteShareMotiv {
    color: #3b4653;
    line-height: 16px;
    margin-right: 10px;
    padding: 4px 0; }
  .HotelsList-favouriteShareBtn .ShareFavourite {
    height: 40px;
    border: 1px solid #006598;
    color: #006598;
    width: 238px;
    font-size: 15px;
    line-height: 38px;
    border-radius: 25px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.3 ease-in;
    -o-transition: all 0.3 ease-in;
    -moz-transition: all 0.3 ease-in;
    transition: all 0.3 ease-in;
    background-color: transparent; }
    .HotelsList-favouriteShareBtn .ShareFavourite:hover {
      background-color: rgba(0, 101, 152, 0.2); }
  .HotelsList-HotelsBunner {
    height: 270px;
    width: 880px;
    background-image: url(/images/white-labels/hotelbook/880x270-6e118479fa.jpg);
    background-size: cover;
    box-shadow: 0px 0px 16px 0px #989898;
    margin-bottom: 21px; }

.HotelStubFavourite-hotelFrame {
  position: relative; }

.HotelStubFavourite-hotelFrameBorder {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: 0px 0px;
  width: 880px;
  height: 215px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: hideBorder .5s;
  -moz-animation: hideBorder .5s;
  -o-animation: hideBorder .5s;
  animation: hideBorder .5s;
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  -o-animation-delay: 4.5s;
  animation-delay: 4.5s;
  opacity: .6;
  box-shadow: 10px 10px rgba(157, 168, 183, 0.5);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.HotelStubFavourite-hotelFrameItem {
  -webkit-animation: landPanel .5s;
  -moz-animation: landPanel .5s;
  -o-animation: landPanel .5s;
  animation: landPanel .5s;
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  -o-animation-delay: 4.5s;
  animation-delay: 4.5s;
  opacity: .6;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
  .HotelStubFavourite-hotelFrameItem:after {
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: 0px -217px;
    width: 880px;
    height: 215px;
    position: absolute;
    display: block;
    content: ""; }

.HotelStubFavourite-hotelFrameHeart {
  position: absolute;
  top: 20px;
  left: 180px;
  -webkit-animation: heartBeat 1.5s infinite;
  -moz-animation: heartBeat 1.5s infinite;
  -o-animation: heartBeat 1.5s infinite;
  animation: heartBeat 1.5s infinite;
  color: red;
  font-size: 23px; }

.HotelStubFavourite-hotelFrameHeartShadow {
  position: absolute;
  top: 20px;
  left: 180px;
  -webkit-animation: heartBeatShadow 1.5s infinite;
  -moz-animation: heartBeatShadow 1.5s infinite;
  -o-animation: heartBeatShadow 1.5s infinite;
  animation: heartBeatShadow 1.5s infinite;
  opacity: .6;
  color: red;
  font-size: 23px; }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  70% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: sclae(1);
    transform: sclae(1); } }

@-moz-keyframes heartBeat {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  70% {
    -moz-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -moz-transform: sclae(1);
    transform: sclae(1); } }

@-o-keyframes heartBeat {
  0% {
    -o-transform: scale(1);
    transform: scale(1); }
  70% {
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -o-transform: sclae(1);
    transform: sclae(1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  70% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: sclae(1);
    -moz-transform: sclae(1);
    -o-transform: sclae(1);
    transform: sclae(1); } }

@-webkit-keyframes heartBeatShadow {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .6; }
  100% {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0; } }

@-moz-keyframes heartBeatShadow {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  70% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: .6; }
  100% {
    -moz-transform: scale(2);
    transform: scale(2);
    opacity: 0; } }

@-o-keyframes heartBeatShadow {
  0% {
    -o-transform: scale(1);
    transform: scale(1); }
  70% {
    -o-transform: scale(1);
    transform: scale(1);
    opacity: .6; }
  100% {
    -o-transform: scale(2);
    transform: scale(2);
    opacity: 0; } }

@keyframes heartBeatShadow {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  70% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: .6; }
  100% {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    opacity: 0; } }

@-webkit-keyframes landPanel {
  from {
    opacity: .6; }
  to {
    opacity: 1; } }

@-moz-keyframes landPanel {
  from {
    opacity: .6; }
  to {
    opacity: 1; } }

@-o-keyframes landPanel {
  from {
    opacity: .6; }
  to {
    opacity: 1; } }

@keyframes landPanel {
  from {
    opacity: .6; }
  to {
    opacity: 1; } }

@-webkit-keyframes hideBorder {
  from {
    opacity: .6;
    box-shadow: 10px 10px rgba(157, 168, 183, 0.5); }
  to {
    opacity: 0;
    box-shadow: 0 0 rgba(157, 168, 183, 0.5); } }

@-moz-keyframes hideBorder {
  from {
    opacity: .6;
    box-shadow: 10px 10px rgba(157, 168, 183, 0.5); }
  to {
    opacity: 0;
    box-shadow: 0 0 rgba(157, 168, 183, 0.5); } }

@-o-keyframes hideBorder {
  from {
    opacity: .6;
    box-shadow: 10px 10px rgba(157, 168, 183, 0.5); }
  to {
    opacity: 0;
    box-shadow: 0 0 rgba(157, 168, 183, 0.5); } }

@keyframes hideBorder {
  from {
    opacity: .6;
    box-shadow: 10px 10px rgba(157, 168, 183, 0.5); }
  to {
    opacity: 0;
    box-shadow: 0 0 rgba(157, 168, 183, 0.5); } }

.HotelStubWatched-hotelFrame {
  position: relative; }

.HotelStubWatched-hotelFrameBorder {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: 0px 0px;
  width: 880px;
  height: 215px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: hideBorder .5s;
  -moz-animation: hideBorder .5s;
  -o-animation: hideBorder .5s;
  animation: hideBorder .5s;
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  -o-animation-delay: 4.5s;
  animation-delay: 4.5s;
  opacity: .6;
  box-shadow: 10px 10px rgba(157, 168, 183, 0.5);
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.HotelStubWatched-hotelFrameItem {
  -webkit-animation: landPanel .5s;
  -moz-animation: landPanel .5s;
  -o-animation: landPanel .5s;
  animation: landPanel .5s;
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  -o-animation-delay: 4.5s;
  animation-delay: 4.5s;
  opacity: .6;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
  .HotelStubWatched-hotelFrameItem:after {
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: 0px -217px;
    width: 880px;
    height: 215px;
    position: absolute;
    display: block;
    content: ""; }

.HotelStubWatched-hotelFrameClickMe {
  position: absolute;
  top: 130px;
  left: 700px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: red; }
  .HotelStubWatched-hotelFrameClickMe > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation: beat .7s infinite;
    -moz-animation: beat .7s infinite;
    -o-animation: beat .7s infinite;
    animation: beat .7s infinite;
    border: 6px solid red;
    border-radius: 100%;
    background-color: rgba(255, 102, 102, 0.64); }

@-webkit-keyframes beat {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 6px; }
  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border-width: 0; } }

@-moz-keyframes beat {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 6px; }
  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border-width: 0; } }

@-o-keyframes beat {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 6px; }
  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border-width: 0; } }

@keyframes beat {
  0% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 6px; }
  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    border-width: 0; } }

.HotelsList-hotelPageLabels {
  position: absolute;
  text-align: center; }
  .HotelsList-hotelPageLabels .HotelPageLabels-label {
    position: absolute;
    width: 880px;
    color: #006598;
    /*@CONFIGURABLE-COLOR:links*/ }

.HotelsSorterList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
  margin-bottom: 21px;
  margin-top: 15px;
  color: #3b4653;
  /*@CONFIGURABLE-COLOR:text-highlight*/
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid #d1d5df; }
  .HotelsSorterList .HotelsSorterList-title {
    margin-right: 28px; }
  .HotelsSorterList .HotelsSorterList-map {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    text-align: right;
    margin-left: 40px;
    text-transform: uppercase;
    color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill*/
    font-size: 13px;
    text-decoration: none;
    height: 15px; }
    .HotelsSorterList .HotelsSorterList-map:hover {
      text-decoration: none; }
  .HotelsSorterList .HotelsSorterList-mapIcon svg {
    position: relative;
    top: 4px;
    width: 17px;
    height: 21px;
    margin-right: 7px; }
    .HotelsSorterList .HotelsSorterList-mapIcon svg .sorter-map-btn-st0 {
      stroke: #46bcea;
      /*@CONFIGURABLE-COLOR:control-fill*/ }
  .HotelsSorterList .HotelsSorterList-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelsSorterList .HotelsSorterList-item {
    position: relative;
    margin-right: 25px;
    cursor: pointer; }
  .HotelsSorterList .HotelsSorterList-item:after,
  .HotelsSorterList .HotelsSorterList-map:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -18px;
    left: 0;
    background-color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
  .HotelsSorterList .HotelsSorterList-map:after {
    bottom: -17px; }
  .HotelsSorterList .HotelsSorterList-item.HotelsSorterList-item--active:after {
    background-color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill*/ }
  .HotelsSorterList .HotelsSorterList-item.HotelsSorterList-item--active:after,
  .HotelsSorterList .HotelsSorterList-item.HotelsSorterList-item:hover:after,
  .HotelsSorterList .HotelsSorterList-map:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1); }

.HotelsListSorter {
  position: relative;
  z-index: 99;
  overflow: hidden;
  height: 50px;
  margin-bottom: 8px;
  border-radius: 3px; }
  .HotelsListSorter-groups, .HotelsListSorter-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelsListSorter-group, .HotelsListSorter-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 100;
    -webkit-flex-grow: 100;
    -moz-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100; }
  .HotelsListSorter-group--sorter {
    padding-right: 2px;
    width: 537px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .HotelsListSorter-group--sorter .HotelsListSorter-item {
    width: auto; }
  .HotelsListSorter-group--filter {
    padding-left: 2px; }
  .HotelsListSorter-group--filter .HotelsListSorter-items {
    table-layout: fixed; }
  .HotelsListSorter-group--filter .HotelsListSorter-item:not(:first-child) {
    padding-left: 1px; }
  .HotelsListSorter-group--filter .HotelsListSorter-item:not(:last-child) {
    padding-right: 1px; }
  .HotelsListSorter-control {
    position: relative;
    display: block;
    height: 50px;
    padding: 0 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-sort-panel*/
    border-radius: 0;
    background-color: #fafbfc;
    /*@CONFIGURABLE-COLOR:bg-sort-panel*/
    width: 100%; }
  .HotelsListSorter-control--filter {
    width: 169x;
    border: 1px solid white; }
  .HotelsListSorter-control--filter._active {
    background-color: #e7ebf2; }
  .HotelsListSorter-item:first-child .HotelsListSorter-control {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  .HotelsListSorter-item:last-child .HotelsListSorter-control {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  .HotelsListSorter-group--sorter .HotelsListSorter-control {
    padding: 0 7px 0 11px; }
  .HotelsListSorter-group--sorter .HotelsListSorter-item:first-child .HotelsListSorter-control {
    padding-left: 10px; }
  .HotelsListSorter-group--sorter .HotelsListSorter-item:last-child .HotelsListSorter-control {
    padding-right: 10px; }
  .HotelsListSorter-group--filter .HotelsListSorter-control {
    padding: 0 3px 0 0; }
  .HotelsListSorter-controlIcon, .HotelsListSorter-controlText {
    display: inline-block;
    height: 50px;
    vertical-align: top; }
  .HotelsListSorter-controlIcon {
    position: relative;
    width: 16px;
    padding-top: 17px;
    line-height: 16px; }
  .HotelsListSorter-controlIcon--backlink {
    position: relative;
    top: -2px; }
    .HotelsListSorter-controlIcon--backlink svg path {
      fill: #dc3228 !important; }
  .HotelsListSorter-controlIcon > svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle; }
  .HotelsListSorter-controlIcon > svg path,
  .HotelsListSorter-controlIcon > svg polygon {
    fill: #3b4653;
    /*@CONFIGURABLE-COLOR:text-sort-panel*/ }
  .HotelsListSorter-controlText {
    padding: 15px 0;
    font-size: 14px;
    line-height: 20px; }
  .HotelsListSorter-group--sorter .HotelsListSorter-control._active,
  .HotelsListSorter-group--sorter .HotelsListSorter-control._active .HotelsListSorter-controlIcon > svg path,
  .HotelsListSorter-group--sorter .HotelsListSorter-control._active .HotelsListSorter-controlIcon > svg polygon {
    color: #006598;
    /*@CONFIGURABLE-COLOR:links*/
    fill: #006598;
    /*@CONFIGURABLE-COLOR:links*/ }
  .HotelsListSorter-group--filter .HotelsListSorter-control .HotelsListSorter-controlIcon > svg path,
  .HotelsListSorter-group--filter .HotelsListSorter-control .HotelsListSorter-controlIcon > svg polygon {
    fill: #3b4653;
    /*@CONFIGURABLE-COLOR:text-sort-panel*/ }
  .HotelsListSorter-group--filter .HotelsListSorter-control .Counter .Counter-label {
    margin-left: 3px;
    background-color: #dc3228;
    /*@CONFIGURABLE-COLOR:text-accent*/ }

.HotelsMap {
  overflow: hidden;
  height: 100%;
  /*
  @media (min-width: 2000px) {
    .InlineFiltersP {
      width: 1180px;
    }
  }

  @media (max-width: 2000px) {
    .InlineFiltersP {
      width: 1050px;
    }
  }

  @media (max-width: 1500px) {
    .HotelsMap-hotels {
      margin-top: 55px;
      //margin-right: calc(50% - 590px);
    }
    .HotelsMap-hotelsList {
      height: calc(100vh - 170px);
    }
    .InlineFiltersP {
      width: 1180px;
    }
  }

  @media (min-width: 1500px) and (max-width: 1700px) {
    .InlineFiltersP {
      width: calc(100% - (50% - 580px));
    }
    .HotelsMap-hotels {
      margin-top: 55px;
    }
    .HotelsMap-hotelsList {
      height: calc(100vh - 170px);
    }
  }
*/ }
  .HotelsMap .HotelsMap-content {
    display: table;
    width: 100%;
    height: 100%;
    position: relative; }
  .HotelsMap .HotelsMap-map {
    display: table-cell;
    height: -webkit-calc(100vh - 131px);
    height: -moz-calc(100vh - 131px);
    height: calc(100vh - 131px);
    background-color: #D1D8DE; }
  .HotelsMap-map {
    width: 100%;
    height: 100%; }
  .HotelsMap .Map-searchBox {
    top: 65px !important;
    left: -webkit-calc(50% - 590px) !important;
    left: -moz-calc(50% - 590px) !important;
    left: calc(50% - 590px) !important;
    width: 420px !important;
    height: 50px !important;
    padding-left: 10px;
    font-size: 14px; }
    .HotelsMap .Map-searchBox::-webkit-input-placeholder {
      color: #626c78;
      font-weight: normal;
      font-size: 14px;
      opacity: 1;
      font-family: 'weblysleek'; }
    .HotelsMap .Map-searchBox:-moz-placeholder {
      color: #626c78;
      font-weight: normal;
      font-size: 14px;
      opacity: 1;
      font-family: 'weblysleek'; }
    .HotelsMap .Map-searchBox:-ms-input-placeholder {
      color: #626c78;
      font-weight: normal;
      font-size: 14px;
      opacity: 1;
      font-family: 'weblysleek'; }
    .HotelsMap .Map-searchBox::placeholder {
      color: #626c78;
      font-weight: normal;
      font-size: 14px;
      opacity: 1;
      font-family: 'weblysleek'; }
  .HotelsMap-searchBoxIcon {
    position: absolute;
    top: 65px;
    left: -webkit-calc(50% - 170px) !important;
    left: -moz-calc(50% - 170px) !important;
    left: calc(50% - 170px) !important;
    z-index: 9;
    height: 50px;
    background-color: white;
    font-size: 18px;
    text-align: center;
    line-height: 43px;
    width: 35px;
    color: #626c78; }
  .HotelsMap .Map-controls {
    display: none; }
  .HotelsMap-sliderWrapper {
    float: left;
    padding-left: 34px;
    padding-right: 10px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelsMap-sliderText {
    float: left; }
  .HotelsMap-bottomBlockWrapper {
    height: 340px;
    position: absolute;
    min-width: 100%;
    bottom: -235px;
    left: 0px; }
    .HotelsMap-bottomBlockWrapper:hover .HotelsMap-bottomBlock {
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      -webkit-transform: translateY(-210px);
      -moz-transform: translateY(-210px);
      -ms-transform: translateY(-210px);
      -o-transform: translateY(-210px);
      transform: translateY(-210px); }
    .HotelsMap-bottomBlockWrapper:hover .HotelsMap-Scroll {
      opacity: 1;
      visibility: visible; }
  .HotelsMap-Scroll {
    cursor: pointer;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    -o-transition: visibility 0s, opacity 0.5s linear;
    -moz-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
    opacity: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    width: 50px;
    height: 100%;
    top: 0; }
    .HotelsMap-Scroll .hb-i {
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      padding-left: 15px;
      line-height: 350px;
      font-size: 30px;
      color: #f2f2f2; }
    .HotelsMap-Scroll--left {
      left: 0; }
    .HotelsMap-Scroll--right {
      right: 0; }
    .HotelsMap-Scroll:hover {
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      background-color: rgba(0, 0, 0, 0.7); }
      .HotelsMap-Scroll:hover .hb-i {
        color: #fff; }
  .HotelsMap-bottomBlock {
    height: 100%;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    width: 100%;
    bottom: 25px; }
    .HotelsMap-bottomBlock .SmallHotelsWrapper {
      position: relative;
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
      overflow: visible;
      white-space: nowrap; }
    .HotelsMap-bottomBlock .SmallHotelsScroller {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      position: absolute; }
    .HotelsMap-bottomBlock .SmallHotel {
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
      cursor: pointer;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      -moz-transition: all 0.5s;
      transition: all 0.5s;
      background: #ffffff;
      height: 300px;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -moz-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin: 0 10px;
      margin-top: 30px; }
      .HotelsMap-bottomBlock .SmallHotel-controls {
        background: #ffffff;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        left: 107px;
        top: -27px;
        width: 110px;
        padding: 0 24px; }
        .HotelsMap-bottomBlock .SmallHotel-controls .i-eye {
          line-height: 25px; }
      .HotelsMap-bottomBlock .SmallHotel:hover {
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        background: #dce3ec; }
        .HotelsMap-bottomBlock .SmallHotel:hover .SmallHotel-controls {
          -webkit-transition: all 0.5s;
          -o-transition: all 0.5s;
          -moz-transition: all 0.5s;
          transition: all 0.5s;
          background: #dce3ec; }
    .HotelsMap-bottomBlock .SmallHotel.SmallHotel-mock {
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -moz-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0; }
  .HotelsMap-hotels {
    position: relative; }
    .HotelsMap-hotels .SmallHotelsWrapper {
      position: relative;
      overflow: hidden;
      height: 100%; }
  .HotelsMap-ViewSwhtch {
    margin-left: -webkit-calc(50% - 130px);
    margin-left: -moz-calc(50% - 130px);
    margin-left: calc(50% - 130px);
    position: absolute;
    top: 65px;
    left: 0;
    width: 720px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelsMap-hotelsList {
    height: 400px; }
  .HotelsMap-hotelsList--noSwitches {
    height: -webkit-calc(100vh - 115px);
    height: -moz-calc(100vh - 115px);
    height: calc(100vh - 115px); }
  .HotelsMap-filterGroups {
    width: 350px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 5px 30px; }
  .HotelsMap-filterGroupSwitch {
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
    -moz-box-flex: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
    height: 50px;
    color: #3b4653;
    cursor: pointer;
    border-right: 1px solid #dce3ec;
    text-align: center;
    line-height: 50px;
    background-color: #fafbfc; }
    .HotelsMap-filterGroupSwitch:last-child {
      border-right: none; }
  .HotelsMap-filterGroupSwitch--active {
    background-color: #e7ebf2;
    border: 1px solid white; }
  .HotelsMap-switchText:before {
    position: relative;
    top: -1px;
    margin-right: 5px; }
  .HotelsMap-switchText.i-eye:before {
    font-size: 18px; }
  .HotelsMap-filteringStatus {
    width: 350px;
    background-color: #fafbfc;
    padding: 0 10px;
    margin: 0 0 5px 30px;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelsMap-filteringStatus--big {
    height: 50px; }
  .HotelsMap .InlineFiltersP {
    position: absolute;
    top: 10px;
    z-index: 10;
    margin-left: -webkit-calc(50% - 590px);
    margin-left: -moz-calc(50% - 590px);
    margin-left: calc(50% - 590px); }
  .HotelsMap-controlPanel {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    right: 0;
    bottom: 140px; }
    .HotelsMap-controlPanel--hover {
      -webkit-transform: translateY(-210px);
      -moz-transform: translateY(-210px);
      -ms-transform: translateY(-210px);
      -o-transform: translateY(-210px);
      transform: translateY(-210px); }
  .HotelsMap-zoomControl {
    cursor: pointer;
    float: left;
    margin: 0 10px;
    margin-top: 56px;
    z-index: 9000;
    position: relative;
    color: white;
    text-align: center; }
  .HotelsMap-zoomControlItem {
    font-size: 23px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    background: #006597;
    line-height: 26px;
    margin-bottom: 5px;
    border-radius: 4px;
    box-shadow: 0px 3px 0px 0px #00567e; }
    .HotelsMap-zoomControlItem:hover {
      background: #0064a4; }
  .HotelsMap-legend {
    float: left;
    margin-bottom: 5px;
    position: relative;
    background-color: #fafbfc;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    color: #3b4653;
    border-radius: 2px; }
  .HotelsMap-legendTitle {
    font-size: 14px;
    line-height: 14px; }
  .HotelsMap-legendSubTitle {
    font-size: 12px;
    line-height: 12px; }
  .HotelsMap-legendItem {
    padding-right: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5px; }
    .HotelsMap-legendItem:last-child {
      border-right: none;
      padding-right: 15px; }
    .HotelsMap-legendItem img {
      margin-right: 10px; }
    .HotelsMap-legendItem .Currency {
      position: relative;
      top: -2px; }
  .HotelsMap .SmallNoHotels {
    margin-left: 30px; }
  .HotelsMap .Map-mapBox {
    z-index: 0; }
    .HotelsMap .Map-mapBox .leaflet-popup-content-wrapper, .HotelsMap .Map-mapBox .leaflet-popup-tip {
      padding: 0px;
      background: transparent; }
    .HotelsMap .Map-mapBox .leaflet-popup-content {
      margin: 0px;
      width: 405px !important; }
    .HotelsMap .Map-mapBox .leaflet-touch .leaflet-control-layers, .HotelsMap .Map-mapBox .leaflet-touch .leaflet-bar {
      border: none !important; }
    .HotelsMap .Map-mapBox .leaflet-control-container .leaflet-gac-control {
      height: 50px;
      width: 420px;
      border-radius: 0px !important;
      border: none !important;
      font-size: 14px; }
    .HotelsMap .Map-mapBox .leaflet-control-zoom {
      display: none; }
    .HotelsMap .Map-mapBox .leaflet-right {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .HotelsMap .Map-mapBox .leaflet-top {
      top: 53px; }
    .HotelsMap .Map-mapBox .leaflet-control-container .leaflet-right .leaflet-gac-control {
      right: 165px; }

.HotelPage {
  background-color: #ffffff; }
  .HotelPage-nav {
    z-index: 99 !important; }
  .HotelPage-map.Map {
    width: 100%;
    height: 200px;
    position: absolute;
    z-index: 0; }
  .HotelPage-hotelPageInfo {
    position: relative;
    z-index: 1;
    width: 1180px;
    margin: auto;
    margin-top: 70px;
    display: block;
    -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in; }
  .HotelPage-hotelPageInfo--mapOn {
    margin-top: -webkit-calc(100vh - 131px);
    margin-top: -moz-calc(100vh - 131px);
    margin-top: calc(100vh - 131px); }
  .HotelPage-map--mapOn.Map {
    height: -webkit-calc(100vh - 131px);
    height: -moz-calc(100vh - 131px);
    height: calc(100vh - 131px); }
  .HotelPage-roomCategories {
    background-color: #fff;
    margin-bottom: 98px; }
  .HotelPage-roomCategory {
    margin-top: 42px;
    display: block; }
    .HotelPage-roomCategory:first-child {
      margin-top: 0; }
  .HotelPage-roomLoader {
    text-align: center;
    color: #3b4653;
    margin: 100px 0; }
  .HotelPage-loaderTitle {
    font-size: 42px; }
  .HotelPage-loaderSubtitle {
    font-size: 32px; }
  .HotelPage-noOffers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 36px;
    color: #3b4653; }
  .HotelPage-noOffersIcon {
    margin-right: 15px; }
    .HotelPage-noOffersIcon svg {
      width: 50px; }
    .HotelPage-noOffersIcon svg path {
      fill: #3b4653 !important; }
  .HotelPage .subscribe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 490px;
    padding: 0; }
  .HotelPage .leaflet-control-container .leaflet-right .leaflet-gac-control {
    display: none !important; }
  .HotelPage .leaflet-popup-content {
    margin: 0px !important;
    width: 405px !important; }
  .HotelPage .leaflet-popup-tip-container {
    display: none; }
  .HotelPage .leaflet-popup-content-wrapper {
    padding: 0px; }

.HotelInfoBlock {
  background-color: #ffffff; }

.HotelInfoNav {
  background-color: #fafbfc;
  height: 50px;
  line-height: 50px;
  z-index: 999 !important; }
  .HotelInfoNav-container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .HotelInfoNav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 15px;
    margin: 0;
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .HotelInfoNav-tab {
    list-style: none;
    text-align: center;
    padding: 0 13px;
    cursor: pointer; }
    .HotelInfoNav-tab a {
      color: #ffffff;
      text-decoration: none; }
    .HotelInfoNav-tab [class*='i-'] {
      margin-right: 5px;
      font-size: 17px; }
    .HotelInfoNav-tab .i-hotel-info {
      position: relative;
      top: -2px; }
    .HotelInfoNav-tab:hover {
      background-color: #009ddb; }
      .HotelInfoNav-tab:hover a {
        color: #ffffff; }
  .HotelInfoNav-tab--active {
    background-color: #009ddb; }
    .HotelInfoNav-tab--active a {
      color: #ffffff; }
  .HotelInfoNav-searchInfoBlock {
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 800;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 250px;
    overflow: hidden; }
  .HotelInfoNav-searchParams {
    font-size: 15px;
    color: #ffffff;
    line-height: 15px;
    white-space: nowrap; }
  .HotelInfoNav-searchFormLink {
    font-weight: 800;
    line-height: 14px; }

.HotelInfoHeader {
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .HotelInfoHeader-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelInfoHeader-hotel {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 10px;
    width: -webkit-calc(100% - 440px);
    width: -moz-calc(100% - 440px);
    width: calc(100% - 440px);
    overflow: hidden; }
  .HotelInfoHeader-hotelName {
    color: #006498;
    font-size: 30px;
    text-transform: capitalize;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .HotelInfoHeader-stars.Stars {
    margin-left: 20px; }
    .HotelInfoHeader-stars.Stars .Stars-star {
      margin-right: 0; }
  .HotelInfoHeader-like {
    margin-left: 20px;
    width: 25px;
    height: 25px; }
  .HotelInfoHeader .HotelCard-bubbleBtn {
    margin-left: 20px; }
  .HotelInfoHeader .HotelCard-bubbleBtn.HotelLike--isLiked {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    background: #46bcea;
    color: #ffffff; }
    .HotelInfoHeader .HotelCard-bubbleBtn.HotelLike--isLiked .i-cabinet-favorites-alt:before {
      color: #ffffff; }
  .HotelInfoHeader-distance {
    white-space: nowrap;
    position: relative;
    top: -2px; }
  .HotelInfoHeader-breadcrumbs {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .HotelInfoHeader-breadcrumb {
    font-size: 14px;
    white-space: nowrap; }
  .HotelInfoHeader-breadcrumb--address {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .HotelInfoHeader-breadcrumbDivider {
    margin: 0 3px;
    color: #006598; }
  .HotelInfoHeader-milies {
    width: 160px;
    height: 70px;
    margin-right: 20px;
    font-size: 12px;
    line-height: 12px;
    border-radius: 3px;
    border: 1px dashed #A9130A;
    color: #A9130A;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; }
    .HotelInfoHeader-milies .i-miles-slim:before {
      font-size: 16px;
      font-weight: 800; }
  .HotelInfoHeader-bolder {
    font-weight: 800; }
  .HotelInfoHeader-pricesBtn {
    width: 295px;
    height: 70px;
    border-radius: 2px;
    padding: 5px 0 10px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative; }
  .HotelInfoHeader-bubbleBadge {
    position: absolute;
    background-color: #dc3228;
    color: white;
    top: -10px;
    right: -6px;
    padding: 0 10px;
    line-height: 14px;
    font-weight: 800;
    padding: 2px 4px;
    font-size: 12px; }
    .HotelInfoHeader-bubbleBadge:before {
      content: '';
      background-image: url(/images/hotels-6de3b74b4c.png);
      background-position: -1175px -505px;
      width: 7px;
      height: 7px;
      width: 7px;
      height: 7px;
      position: absolute;
      bottom: -7px;
      right: 0; }
  .HotelInfoHeader-badgePercent {
    font-size: 18px;
    line-height: 18px; }
  .HotelInfoHeader-pricesBtnTitle {
    font-weight: bold;
    font-size: 30px;
    line-height: 30px; }
    .HotelInfoHeader-pricesBtnTitle .Currency {
      position: relative;
      top: -4px; }
  .HotelInfoHeader-priceLoading {
    position: relative;
    height: 30px; }
    .HotelInfoHeader-priceLoading .Loading .Loading-bounce1,
    .HotelInfoHeader-priceLoading .Loading .Loading-bounce2,
    .HotelInfoHeader-priceLoading .Loading .Loading-bounce3 {
      background-color: #ffffff; }
  .HotelInfoHeader-pricesBtnSubtitle {
    font-size: 20px;
    line-height: 20px; }
    .HotelInfoHeader-pricesBtnSubtitle .i-arrow-down-v2 {
      font-size: 9px;
      position: relative;
      top: -3px; }

.HotelPhotoGallery {
  position: relative;
  margin-bottom: 20px; }
  .HotelPhotoGallery-sliderBox {
    width: 1200px;
    margin: 0 auto; }
  .HotelPhotoGallery-photoWrapper {
    width: 222px;
    height: 222px;
    margin-right: 3px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 2px;
    overflow: hidden; }
    .HotelPhotoGallery-photoWrapper img {
      width: 100%; }
  .HotelPhotoGallery-loading {
    background-color: #d1d5df;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .HotelPhotoGallery-loading svg:not(.animate) {
      width: 70px;
      height: 70px;
      margin-top: 20px; }
    .HotelPhotoGallery-loading svg.animate {
      margin-top: 20px; }
      .HotelPhotoGallery-loading svg.animate [fill="#0E9AD4"] {
        fill: #fff; }
  .HotelPhotoGallery .HorizontalScroll-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .HotelPhotoGallery .HorizontalScroll-arrow--right {
    margin-left: -10px;
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: -1179px -424px;
    width: 20px;
    height: 37px;
    position: relative;
    position: relative;
    right: -30px;
    width: 22px; }
  .HotelPhotoGallery .HorizontalScroll-arrow--left {
    margin-right: -10px;
    position: relative;
    left: -30px;
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: 0px -848px;
    width: 20px;
    height: 37px; }
  .HotelPhotoGallery .HorizontalScroll--notMovable .HorizontalScroll-arrow--right,
  .HotelPhotoGallery .HorizontalScroll--notMovable .HorizontalScroll-arrow--left {
    background-image: none; }
  .HotelPhotoGallery .HorizontalScroll--notMovable .HorizontalScroll-container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .HotelPhotoGallery .HorizontalScroll-desibledLeft,
  .HotelPhotoGallery .HorizontalScroll-desibledRight {
    opacity: 0;
    cursor: default; }

.HotelMainInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px; }
  .HotelMainInfo-descriptionBlock {
    -webkit-flex-basis: 705px;
    -ms-flex-preferred-size: 705px;
    flex-basis: 705px; }
  .HotelMainInfo-rightSideBlock {
    -webkit-flex-basis: 430px;
    -ms-flex-preferred-size: 430px;
    flex-basis: 430px; }
  .HotelMainInfo .HotelDescription {
    color: #626c78; }
    .HotelMainInfo .HotelDescription-title {
      color: #3b4653;
      font-size: 18px;
      margin-bottom: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .HotelMainInfo .HotelDescription-titleIcon {
      margin-right: 5px; }
      .HotelMainInfo .HotelDescription-titleIcon svg {
        width: 20px;
        height: 20px; }
    .HotelMainInfo .HotelDescription-text {
      overflow: hidden;
      position: relative;
      height: 170px; }
    .HotelMainInfo .HotelDescription-text--unlimited {
      height: inherit; }
    .HotelMainInfo .HotelDescription-gradient {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(62%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.9)));
      background: -moz- oldlinear-gradient(top, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%);
      background: -o-linear-gradient(top, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%);
      background: linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%); }
  .HotelMainInfo .HotelFacilities {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .HotelMainInfo .HotelFacilities-title {
      color: #3b4653;
      font-size: 18px; }
    .HotelMainInfo .HotelFacilities-facilitiesList {
      margin-left: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .HotelMainInfo .HotelFacilities-facilityIcon {
      width: 35px;
      height: 35px;
      background-color: #f0f3f6;
      border-radius: 50%;
      margin-right: 3px; }
      .HotelMainInfo .HotelFacilities-facilityIcon svg {
        width: 25px;
        height: 25px;
        display: block;
        margin: auto;
        position: relative;
        top: 5px; }
  .HotelMainInfo .HotelInfoRatings .HotelTaBlock {
    background-color: white; }
  .HotelMainInfo .HotelInfoRatings .HotelTaBlock-ratingsBlock {
    font-size: 12px; }
  .HotelMainInfo .HotelInfoRatings .HotelTaBlock-ratingsBlock:first-child {
    padding: 0; }
  .HotelMainInfo .HotelInfoRatings .HotelTaBlock-ratingsPercent {
    float: left;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    margin-right: 5px;
    vertical-align: inherit; }
  .HotelMainInfo .HotelInfoRatings .HotelTaBlock-ratingsPercentText {
    font-size: 18px;
    display: inline;
    font-weight: normal; }
  .HotelMainInfo .HotelInfoRatings .HotelTaBlock-ratingsText {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px; }
  .HotelMainInfo .HotelInfoRatings .HotelTaBlock-ratingsTrip {
    margin-top: 20px !important; }
  .HotelMainInfo .HotelRegistrationTime {
    font-size: 18px;
    color: #3b4653;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px; }
    .HotelMainInfo .HotelRegistrationTime > * {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
    .HotelMainInfo .HotelRegistrationTime-start {
      text-align: left; }
    .HotelMainInfo .HotelRegistrationTime-end {
      text-align: right;
      border-left: 1px solid #dce3ec; }
    .HotelMainInfo .HotelRegistrationTime sup {
      font-size: 10px; }

.HotelInfoMap {
  height: 540px;
  position: relative;
  padding-bottom: 25px; }
  .HotelInfoMap-map {
    width: 100%;
    height: 100%; }
  .HotelInfoMap-placesListTitle {
    font-size: 18px;
    color: #3b4653;
    margin-bottom: 5px; }
    .HotelInfoMap-placesListTitle [class*='i-'] {
      position: relative;
      top: -3px; }
  .HotelInfoMap-placesList {
    position: absolute;
    background-color: #ffffff;
    padding: 10px;
    top: 10px;
    left: 20px;
    z-index: 10;
    max-width: 333px;
    color: #3b4653; }
  .HotelInfoMap-place {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 5px; }
  .HotelInfoMap-placeDistance {
    background-color: #46bcea;
    border-radius: 10px;
    height: 16px;
    font-size: 10px;
    line-height: 16px;
    color: #ffffff;
    padding: 0 5px;
    margin-right: 5px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap; }
  .HotelInfoMap .DPackSearchMap-zoomControl {
    cursor: pointer;
    float: left;
    margin: 0 10px;
    margin-top: 5px;
    z-index: 9000;
    position: relative;
    color: white;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px; }

.HotelInfoVideo {
  height: 475px;
  background-color: #3b4653;
  padding: 10px 0; }
  .HotelInfoVideo iframe {
    width: 804px;
    height: 100%;
    margin: 0 auto;
    display: block;
    border: none; }

.jslider {
  margin-top: 30px;
  margin-bottom: 10px; }

.jslider .jslider-bg {
  height: 7px;
  border: 1px solid #ECEEF0;
  border-radius: 2px;
  background-color: #FFF; }

.jslider .jslider-bg .v {
  background-color: #64B8E2; }

.jslider .jslider-pointer {
  width: 17px;
  height: 17px;
  background-color: #B1D6EE; }

.jslider {
  position: relative;
  top: .6em;
  display: block;
  width: 100%;
  height: 1em;
  font-family: Arial, sans-serif; }

.jslider table {
  width: 100%;
  border: 0;
  border-collapse: collapse; }

.jslider td, .jslider th {
  padding: 0;
  text-align: left;
  vertical-align: top;
  border: 0; }

.jslider table,
.jslider table tr,
.jslider table tr td {
  width: 100%;
  vertical-align: top; }

.jslider .jslider-bg {
  position: relative; }

.jslider .jslider-bg i {
  position: absolute;
  top: 0;
  height: 7px;
  font-size: 0; }

.jslider .jslider-bg .l {
  left: 0;
  width: 10%;
  background-position: 0 0; }

.jslider .jslider-bg .f {
  left: 10%;
  width: 80%;
  background-repeat: repeat-x;
  background-position: 0 -20px; }

.jslider .jslider-bg .r {
  left: 90%;
  width: 10%;
  background-position: right 0; }

.jslider .jslider-bg .v {
  position: absolute;
  top: 0;
  left: 20%;
  width: 60%;
  height: 7px;
  background-repeat: repeat-x;
  background-position: 0 -40px; }

.jslider .jslider-pointer {
  position: absolute;
  top: -4px;
  left: 20%;
  width: 17px;
  height: 17px;
  margin-left: -8px;
  cursor: pointer;
  cursor: hand;
  border-radius: 2px;
  background-position: 0 -60px; }

.jslider .jslider-pointer-hover {
  background-position: -20px -60px; }

.jslider .jslider-pointer-to {
  left: 80%; }

.jslider .jslider-label {
  position: absolute;
  top: -18px;
  left: 0;
  padding: 0 2px;
  white-space: nowrap;
  color: #626C78;
  font-size: 12px;
  line-height: 12px; }

.jslider .jslider-label-to {
  right: 0;
  left: auto; }

.jslider .jslider-value {
  position: absolute;
  top: -32px;
  left: 20%;
  padding: 4px 10px;
  white-space: nowrap;
  color: #626C78;
  border-radius: 2px;
  background: white;
  font-size: 12px;
  line-height: 12px;
  -o-border-radius: 2px; }

.jslider .jslider-value-to {
  left: 80%; }

.jslider .jslider-label small,
.jslider .jslider-value small {
  position: relative;
  top: -.4em; }

.jslider .jslider-scale {
  position: relative;
  top: 9px; }

.jslider .jslider-scale span {
  position: absolute;
  height: 5px;
  border-left: 1px solid #999;
  font-size: 0; }

.jslider .jslider-scale ins {
  position: absolute;
  top: 5px;
  left: 0;
  text-decoration: none;
  color: #999;
  font-size: 9px; }

.jslider-single .jslider-pointer-to,
.jslider-single .jslider-value-to,
.jslider-single .jslider-bg .v,
.jslider-limitless .jslider-label {
  display: none; }

.jslider-value {
  -webkit-transition: border-color .2s ease-out;
  -o-transition: border-color .2s ease-out;
  -moz-transition: border-color .2s ease-out;
  transition: border-color .2s ease-out;
  border: 1px solid #C5D1DA; }
  .jslider-value:before {
    position: absolute;
    bottom: -6px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -6px;
    content: "";
    -webkit-transition: border-color .2s ease-out;
    -o-transition: border-color .2s ease-out;
    -moz-transition: border-color .2s ease-out;
    transition: border-color .2s ease-out;
    border-width: 6px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #C5D1DA;
    border-bottom-width: 0; }
  .jslider-value:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -5px;
    content: "";
    border-width: 5px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #FFF;
    border-bottom-width: 0; }

.jslider-pointer {
  -webkit-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-color: #B1D6EE; }
  .jslider-pointer:hover, .jslider-pointer.jslider-pointer-hover {
    background-color: #64B8E2; }
    .jslider-pointer:hover:not(.jslider-pointer-to) ~ .jslider-value:not(.jslider-value-to), .jslider-pointer.jslider-pointer-hover:not(.jslider-pointer-to) ~ .jslider-value:not(.jslider-value-to) {
      border-color: #64B8E2; }
      .jslider-pointer:hover:not(.jslider-pointer-to) ~ .jslider-value:not(.jslider-value-to):before, .jslider-pointer.jslider-pointer-hover:not(.jslider-pointer-to) ~ .jslider-value:not(.jslider-value-to):before {
        border-top-color: #64B8E2; }
    .jslider-pointer:hover.jslider-pointer-to ~ .jslider-value.jslider-value-to, .jslider-pointer.jslider-pointer-hover.jslider-pointer-to ~ .jslider-value.jslider-value-to {
      border-color: #64B8E2; }
      .jslider-pointer:hover.jslider-pointer-to ~ .jslider-value.jslider-value-to:before, .jslider-pointer.jslider-pointer-hover.jslider-pointer-to ~ .jslider-value.jslider-value-to:before {
        border-top-color: #64B8E2; }

.CabinetPage {
  position: relative;
  height: 100%;
  background-color: #e6ebf1;
  min-height: -webkit-calc(100vh - 50px);
  min-height: -moz-calc(100vh - 50px);
  min-height: calc(100vh - 50px); }
  .CabinetPage .CabinetPage-container {
    position: relative;
    padding-left: 200px; }
  .CabinetPage .CabinetPage-noHotel {
    position: relative;
    width: 100%;
    text-align: center; }
    .CabinetPage .CabinetPage-noHotel [class*="i-"] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      opacity: .3;
      color: #a7aebd;
      font-size: 200px;
      line-height: 150px; }
    .CabinetPage .CabinetPage-noHotel .CabinetPage-noHotelText {
      position: relative;
      width: 400px;
      margin: auto;
      padding-top: 85px;
      color: #626c78;
      font-size: 23px;
      font-weight: bold;
      line-height: 1.2; }
  .CabinetPage .CabinetHead {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0; }
    .CabinetPage .CabinetHead-textTitle {
      font-size: 30px;
      display: inline-block;
      color: #46bcea; }
    .CabinetPage .CabinetHead-title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
    .CabinetPage .CabinetHead-btn {
      cursor: pointer;
      width: 190px;
      color: #006498;
      border: 1px solid #006498;
      border-radius: 3px;
      margin: auto 2px;
      text-align: center;
      padding: 8.5px;
      font-size: 15px; }
      .CabinetPage .CabinetHead-btn.active {
        background-color: #006498;
        color: #fff; }
    .CabinetPage .CabinetHead-dateFilter {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }
    .CabinetPage .CabinetHead-dateFilterTitle {
      width: 160px;
      font-size: 15px;
      line-height: 19px;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      color: #3b4653; }
      .CabinetPage .CabinetHead-dateFilterTitle--w170 {
        width: 170px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -moz-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline; }
    .CabinetPage .CabinetHead-dateRange {
      width: 360px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      left: 11px; }
      .CabinetPage .CabinetHead-dateRange .DateBox-arrow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .CabinetPage .CabinetHead-dateRange .DateBox-arrow svg {
          height: 10px; }
      .CabinetPage .CabinetHead-dateRange .DateBox-arrow--left {
        margin-right: 2px; }
      .CabinetPage .CabinetHead-dateRange .DateBox-arrow--right {
        margin-left: 2px; }
      .CabinetPage .CabinetHead-dateRange .DateBox-dayOfWeek {
        border-color: #ff8500; }
  .CabinetPage .CabinetPage-favorite {
    width: 430px; }
    .CabinetPage .CabinetPage-favorite .Btn {
      position: absolute;
      right: 0;
      bottom: 0; }
  .CabinetPage .CabinetPage-noFavorite {
    position: relative;
    width: 100%;
    text-align: center; }
    .CabinetPage .CabinetPage-noFavorite [class*="i-"] {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      opacity: .3;
      color: #a7aebd;
      font-size: 200px;
      line-height: 150px; }
    .CabinetPage .CabinetPage-noFavorite .CabinetPage-noFavoriteText {
      position: relative;
      width: 400px;
      margin: auto;
      color: #626c78;
      font-size: 23px;
      font-weight: bold;
      line-height: 1.2; }
    .CabinetPage .CabinetPage-noFavorite .CabinetPage-noFavoriteImage {
      width: 430px;
      height: 207px;
      background-image: url("/images/favorive-9db17a6dbb.png"); }
  .CabinetPage .Hotel-canceled {
    height: 40px;
    text-align: center;
    color: #2d7dc8;
    border-top: 1px solid #dce3ec;
    border-left: 1px solid #dce3ec;
    background-color: #f6f8fa;
    font-weight: bold;
    line-height: 40px; }
  .CabinetPage .CabinetPage-menu {
    position: fixed;
    height: 100%;
    left: -webkit-calc(50% - 590px);
    left: -moz-calc(50% - 590px);
    left: calc(50% - 590px);
    display: block;
    width: 170px;
    text-align: center;
    background-color: #f0f3f6;
    border-left: #f0f3f6 1px solid;
    border-right: #f0f3f6 1px solid; }
  .CabinetPage .CabinetPage-content {
    display: block;
    width: 990px; }
  .CabinetPage-menuHeader {
    background-color: #006498;
    color: #ffffff;
    font-size: 15px;
    height: 50px; }
    .CabinetPage-menuHeader a:hover {
      color: #ffffff; }
  .CabinetPage-menuHeaderBtn {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 50px; }
    .CabinetPage-menuHeaderBtn .i-search {
      position: relative;
      top: -2px;
      margin-right: 5px; }
  .CabinetPage-menuUser {
    height: 138px;
    padding-top: 15px;
    background-color: #ffffff; }
  .CabinetPage-menuUserTitle {
    text-align: center;
    color: #009ad9;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px; }
  .CabinetPage-menuUserEmail {
    margin-top: 12px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 20px; }
  .CabinetPage-menuUserSetupBtn {
    width: 210px;
    height: 35px;
    line-height: 35px; }
  .CabinetPage-menuNavLink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    padding: 17px 20px 19px;
    cursor: pointer;
    text-decoration: none !important;
    color: #006598;
    font-size: 15px;
    font-weight: 400; }
    .CabinetPage-menuNavLink:hover {
      color: #46BCEA; }
    .CabinetPage-menuNavLink--active {
      cursor: default;
      background-color: #fafbfc;
      color: #46BCEA !important; }
    .CabinetPage-menuNavLink:hover, .CabinetPage-menuNavLink--active {
      background-color: #fafbfc; }
      .CabinetPage-menuNavLink:hover svg path, .CabinetPage-menuNavLink--active svg path {
        fill: #46BCEA; }
  .CabinetPage-menuNavLinkIcon {
    display: block;
    width: 20px;
    height: 30px;
    font-size: 20px;
    margin-right: 10px; }
    .CabinetPage-menuNavLinkIcon:before {
      vertical-align: top; }
    .CabinetPage-menuNavLinkIcon--favorites {
      font-size: 22px;
      height: 42px; }
      .CabinetPage-menuNavLinkIcon--favorites:before {
        position: relative;
        top: 4px; }
  .CabinetPage-menuNavLinkImg {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px; }
    .CabinetPage-menuNavLinkImg path {
      fill: #006598; }
  .CabinetPage-menuNavLinkTitle {
    display: inline-block;
    line-height: 20px; }

.CabinetFavouriteStub {
  margin-top: 100px;
  text-align: center;
  font-size: 35px; }

.BookingPage {
  position: relative;
  background-color: #e7ebf2;
  /*@CONFIGURABLE-COLOR:bg*/ }
  .BookingPage-block {
    width: 580px;
    background-color: #fafbfc;
    /*@CONFIGURABLE-COLOR:bg-panel*/ }
  .BookingPage-block--transparent {
    background-color: transparent; }
  .BookingPage-main {
    padding: 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: -webkit-calc(100vh - 208px);
    min-height: -moz-calc(100vh - 208px);
    min-height: calc(100vh - 208px); }
  .BookingPage .GuestDetails-segmentBox {
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #bfccda; }
    .BookingPage .GuestDetails-segmentBox:last-child {
      border-bottom: 0; }
    .BookingPage .GuestDetails-segmentBox .i-forgot {
      margin-right: 5px;
      color: #009AD7; }
  .BookingPage .BookingPage-makeOrderLoaderContent {
    position: relative;
    float: right; }
  .BookingPage .GuestDetails-price {
    margin-right: 25px;
    color: #006498;
    /*@CONFIGURABLE-COLOR:text-header*/
    font-size: 27px;
    font-weight: 800;
    line-height: 40px; }
  .BookingPage input::-webkit-input-placeholder {
    font-size: 14px; }
  .BookingPage input:-moz-placeholder {
    font-size: 14px; }
  .BookingPage input:-ms-input-placeholder {
    font-size: 14px; }
  .BookingPage input::placeholder {
    font-size: 14px; }
  .BookingPage input::-webkit-input-placeholder {
    font-size: 14px; }
  .BookingPage-map {
    position: absolute;
    width: 100%;
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px);
    margin-top: 40px; }
  .BookingPage-mapContent {
    width: 100%;
    height: 100%; }
  .BookingPage-back {
    position: absolute;
    top: 7px;
    width: 125px;
    height: 35px;
    font-size: 15px;
    line-height: 35px; }
    .BookingPage-back [class*="i-"] {
      position: relative;
      top: -2px;
      font-size: 17px; }
  .BookingPage-contentColumn {
    position: relative;
    display: table-cell;
    width: 600px;
    padding: 0 10px;
    vertical-align: top; }
    .BookingPage-contentColumn.is-ready {
      float: right; }
  .BookingPage-block .c-i40:before {
    line-height: 39px; }
  .BookingPage-formLabel {
    color: #626c78;
    /*@CONFIGURABLE-COLOR:text*/
    font-size: 17px;
    font-weight: normal;
    line-height: 1.2;
    font-family: 'Roboto'; }
  .BookingPage-content {
    position: relative;
    display: table;
    padding: 50px 0; }
  .BookingPage-difPrice {
    vertical-align: middle; }
  .BookingPage-difPriceText {
    text-align: center;
    color: #a7aebd;
    /*@CONFIGURABLE-COLOR:text-bg*/
    font-size: 23px; }
  .BookingPage-loader {
    vertical-align: middle; }
    .BookingPage-loader .Loading {
      position: initial;
      margin: auto; }
  .BookingPage-loaderText {
    width: 420px;
    margin: 0 80px;
    padding-top: 20px;
    text-align: center;
    color: #a7aebd;
    /*@CONFIGURABLE-COLOR:text-bg*/
    font-size: 23px;
    line-height: 23px; }
  .BookingPage-loaderHref {
    text-align: center;
    color: #a7aebd;
    /*@CONFIGURABLE-COLOR:text-bg*/
    line-height: 1; }
  .BookingPage .BookingInfo {
    overflow: hidden;
    background-color: #fafbfc;
    /*@CONFIGURABLE-COLOR:bg-panel*/ }
    .BookingPage .BookingInfo-hotelImage {
      float: left;
      width: 135px;
      height: 135px; }
    .BookingPage .BookingInfo-hotelInfo {
      float: left;
      width: -webkit-calc(100% - 135px);
      width: -moz-calc(100% - 135px);
      width: calc(100% - 135px);
      height: 135px;
      padding-top: 10px;
      padding-left: 10px;
      border-bottom: 1px solid #dce3ec; }
    .BookingPage .BookingInfo-hotelInfo-name {
      float: left;
      overflow: hidden;
      max-width: 340px;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #006498;
      /*@CONFIGURABLE-COLOR:text-header*/
      font-size: 20px;
      font-weight: 800;
      line-height: 20px; }
    .BookingPage .BookingInfo-hotelInfo-stars {
      position: relative;
      top: -5px;
      float: left;
      margin-left: 10px; }
    .BookingPage .BookingInfo-hotelInfo-distance {
      font-size: 13px;
      line-height: 13px; }
    .BookingPage .BookingInfo-hotelInfo-addres {
      overflow: hidden;
      white-space: nowrap;
      font-size: 13px;
      line-height: 13px; }
    .BookingPage .BookingInfo-hotelInfo-date {
      position: relative;
      float: left;
      width: 348px;
      font-size: 14px;
      line-height: 14px; }
      .BookingPage .BookingInfo-hotelInfo-date > div {
        display: inline-block; }
      .BookingPage .BookingInfo-hotelInfo-date [class*="i-"] {
        position: relative;
        top: -4px; }
      .BookingPage .BookingInfo-hotelInfo-date-label {
        max-width: 70px;
        font-weight: bold; }
      .BookingPage .BookingInfo-hotelInfo-date sup {
        top: -7px;
        border-bottom: 1px solid;
        font-size: 8px; }
    .BookingPage .BookingInfo-roomInfo {
      padding: 20px; }
    .BookingPage .BookingInfo-roomInfo-roomName {
      margin-bottom: 5px;
      color: #006498;
      /*@CONFIGURABLE-COLOR:text-header*/
      font-size: 15px;
      font-weight: 800;
      line-height: 15px; }
    .BookingPage .BookingInfo-roomInfo-items {
      display: table;
      width: 100%; }
    .BookingPage .BookingInfo-roomInfo-item {
      display: table-cell;
      color: #516270;
      font-size: 13px; }
      .BookingPage .BookingInfo-roomInfo-item [class*="i-"]:before {
        position: relative;
        top: -3px;
        margin-right: 5px;
        font-size: 22px; }
    .BookingPage .BookingInfo-roomInfo-bookingConditions .BookingConditions-title {
      color: #006498; }
    .BookingPage .BookingInfo-roomInfo-bookingConditions .i-cancelation {
      position: relative;
      top: -2px;
      font-size: 18px; }
    .BookingPage .BookingInfo-information {
      margin-top: 10px; }
    .BookingPage .BookingInfo-informationTitle {
      color: #006498;
      margin-bottom: 5px;
      font-weight: 800; }
  .BookingPage .GuestDetails .InputBox {
    width: 260px; }
  .BookingPage .GuestDetails .Btn--submit {
    width: 160px; }
  .BookingPage .GuestDetails-price {
    margin-right: 25px;
    color: #006498;
    /*@CONFIGURABLE-COLOR:text-header*/
    font-size: 27px;
    font-weight: 800;
    line-height: 40px; }
  .BookingPage .GuestDetails-ageBox {
    margin-right: 7px; }
    .BookingPage .GuestDetails-ageBox .InputBox {
      width: 50px; }
    .BookingPage .GuestDetails-ageBox .InputBox input {
      padding-right: 5px;
      padding-left: 5px;
      text-align: center; }
  .BookingPage .GuestDetails-ageBoxText {
    color: #626c78;
    /*@CONFIGURABLE-COLOR:text*/
    font-size: 14px;
    line-height: 39px; }
  .BookingPage .GuestDetails-addAllGuests .Checkbox-label {
    position: relative;
    top: -5px; }
  .BookingPage .GuestDetails-postponedPayText {
    padding-left: 26px;
    color: #D6383C;
    font-size: 12px;
    line-height: 1.2; }
  .BookingPage .GuestDetails-info a {
    color: #9da8b7; }
    .BookingPage .GuestDetails-info a .i-forgot {
      color: #009AD7; }
  .BookingPage .GuestDetails-info a:hover {
    text-decoration: blink; }
  .BookingPage .GuestDetails-checkBox {
    float: left;
    width: 100%;
    height: 39px; }
  .BookingPage .Href {
    float: inherit;
    color: #006598;
    /*@CONFIGURABLE-COLOR:links*/
    border-bottom-color: #006598;
    /*@CONFIGURABLE-COLOR:links*/
    line-height: 1; }
    .BookingPage .Href:hover {
      text-decoration: none;
      color: #2d7dc8;
      /*@CONFIGURABLE-COLOR:links-hover*/
      border-bottom-color: #2d7dc8;
      /*@CONFIGURABLE-COLOR:links-hover*/ }
  .BookingPage .HotelBox {
    position: relative; }
    .BookingPage .HotelBox-socialShare {
      position: relative;
      margin: 0 20px 20px 20px; }
    .BookingPage .HotelBox-text {
      font-size: 17px; }
    .BookingPage .HotelBox-text--small {
      line-height: 16px; }
    .BookingPage .HotelBox-shareMotivationTitle {
      width: 50%; }
    .BookingPage .HotelBox-shareBtns {
      position: absolute;
      right: 0;
      bottom: 0; }
    .BookingPage .HotelBox-shareBtn {
      width: 130px;
      height: 40px;
      margin-right: 5px;
      text-decoration: none !important;
      font-size: 14px; }
      .BookingPage .HotelBox-shareBtn:hover {
        text-decoration: none !important; }
      .BookingPage .HotelBox-shareBtn:first-child {
        margin-right: 0; }
      .BookingPage .HotelBox-shareBtn i:before {
        position: relative;
        top: -2px;
        margin-right: 5px;
        font-size: 20px; }
    .BookingPage .HotelBox-image {
      float: left;
      width: 215px;
      height: 215px;
      background-position: center center;
      background-size: cover; }
    .BookingPage .HotelBox-hotelInfo {
      float: left;
      width: 362px;
      height: 215px;
      padding-left: 15px;
      border-bottom: 2px dotted #dce3ec; }
    .BookingPage .HotelBox-name {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      float: left;
      width: 348px;
      padding-top: 10px;
      color: #009CDA;
      font-size: 20px;
      font-weight: bold;
      line-height: 1.2; }
    .BookingPage .HotelBox .Stars {
      float: left;
      width: 348px;
      height: 27px; }
    .BookingPage .HotelBox-address {
      float: left;
      width: 348px;
      height: 40px;
      color: #626c78;
      /*@CONFIGURABLE-COLOR:text*/
      font-size: 13px;
      line-height: 1.2; }
    .BookingPage .HotelBox-address--small {
      height: 30px; }
    .BookingPage .HotelBox-orderPriceWithTax .HotelBox-priceText {
      font-size: 21px;
      line-height: 34px; }
    .BookingPage .HotelBox-orderPriceWithTax .HotelBox-price {
      font-size: 30px; }
    .BookingPage .HotelBox-priceText {
      color: #516270;
      font-size: 23px;
      font-weight: bold;
      line-height: 23px; }
    .BookingPage .HotelBox-taxInfo {
      color: #516270;
      font-size: 14px;
      line-height: 15px; }
      .BookingPage .HotelBox-taxInfo .i-forgot {
        position: relative;
        top: -1px;
        float: left;
        margin-right: 5px;
        color: #009AD7; }
    .BookingPage .HotelBox .HotelBox-price.HotelBox-prevPrice {
      color: #506171; }
    .BookingPage .HotelBox-item {
      display: table;
      width: 100%;
      min-height: 48px;
      background-color: #f0f3f6; }
      .BookingPage .HotelBox-item:first-child {
        margin-top: 15px; }
    .BookingPage .HotelBox-leftBox {
      padding: 10px 20px; }
    .BookingPage .HotelBox-roomNameBox {
      display: table-cell;
      width: 280px;
      vertical-align: middle; }
      .BookingPage .HotelBox-roomNameBox.is-multi > * {
        margin-bottom: 1px;
        background-color: #DCE3EC; }
    .BookingPage .HotelBox .Rooms-roomInfoItems {
      display: table-cell;
      vertical-align: middle; }
    .BookingPage .HotelBox-roomName {
      display: table-cell;
      width: 280px;
      height: 30px;
      vertical-align: middle;
      color: #006498;
      /*@CONFIGURABLE-COLOR:text-header*/
      font-size: 16px;
      font-weight: bold;
      line-height: 1.2; }
    .BookingPage .HotelBox-roomInfo {
      padding: 20px;
      background-color: #F6F8FA;
      font-size: 13px; }
    .BookingPage .HotelBox .Rooms-roomInfoItem {
      color: #516270;
      font-size: 13px; }
      .BookingPage .HotelBox .Rooms-roomInfoItem [class*="i-"]:before {
        position: relative;
        top: -2px;
        width: 20px;
        padding-top: 2px;
        vertical-align: top;
        font-size: 16px; }
    .BookingPage .HotelBox .Rooms-roomCancelInfo {
      display: inline-block; }
    .BookingPage .HotelBox-cancellationInfo {
      display: inline-block;
      cursor: pointer;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      transition: all .2s ease-out;
      border-bottom: 1px dashed #5c6f7f; }
      .BookingPage .HotelBox-cancellationInfo:hover {
        color: #006498;
        border-bottom-color: #006498; }
    .BookingPage .HotelBox-roomGuests {
      display: table-cell;
      padding: 2px 10px 0 0;
      text-align: center;
      vertical-align: middle;
      color: #516270; }
      .BookingPage .HotelBox-roomGuests [class*="i-"]:before {
        font-size: 30px;
        line-height: 20px; }
    .BookingPage .HotelBox-data {
      position: relative;
      float: left;
      width: 348px;
      color: #3b4653;
      /*@CONFIGURABLE-COLOR:text-highlight*/
      font-size: 14px; }
      .BookingPage .HotelBox-data div {
        display: inline-block; }
      .BookingPage .HotelBox-data [class*="i-"] {
        position: relative;
        top: -4px; }
      .BookingPage .HotelBox-data .HotelBox-dataLabel {
        width: 50px;
        font-weight: bold; }
      .BookingPage .HotelBox-data sup {
        top: -7px;
        border-bottom: 1px solid;
        font-size: 8px; }
    .BookingPage .HotelBox-price {
      padding-right: 10px;
      text-align: right;
      color: #66C254;
      font-size: 37px;
      font-weight: bold;
      line-height: 28px; }
      .BookingPage .HotelBox-price.is-through {
        text-decoration: line-through; }
    .BookingPage .HotelBox-priceNew {
      position: relative;
      top: 7px;
      color: #506171;
      font-size: 16px; }
    .BookingPage .HotelBox-infoTitle {
      color: #3b4653;
      /*@CONFIGURABLE-COLOR:text-highlight*/
      font-size: 18px;
      font-weight: bold; }
    .BookingPage .HotelBox-infoContext {
      position: relative;
      color: #626C78;
      font-size: 14px; }
      .BookingPage .HotelBox-infoContext div {
        float: left; }
      .BookingPage .HotelBox-infoContext [class*="i-"] {
        height: 22px;
        padding-right: 5px;
        font-size: 20px; }
        .BookingPage .HotelBox-infoContext [class*="i-"]:before {
          position: relative;
          top: -5px; }
      .BookingPage .HotelBox-infoContext .HotelBox-infoContextType {
        width: 60px; }
      .BookingPage .HotelBox-infoContext .HotelBox-infoContextSex {
        width: 35px; }
      .BookingPage .HotelBox-infoContext sup {
        top: -7px;
        border-bottom: 1px #626C78 solid;
        font-size: 8px; }
    .BookingPage .HotelBox-payment {
      position: relative;
      padding: 20px; }
      .BookingPage .HotelBox-payment .HotelBox-paymentTitle {
        color: #006498;
        /*@CONFIGURABLE-COLOR:text-header*/
        font-size: 22px;
        font-weight: bold; }
      .BookingPage .HotelBox-payment .HotelBox-paymentNumber {
        font-size: 17px;
        font-weight: bold; }
      .BookingPage .HotelBox-payment .HotelBox-paymentText {
        float: left;
        padding-top: 15px;
        font-size: 14px;
        line-height: 1.2; }
      .BookingPage .HotelBox-payment .Btn {
        position: absolute;
        right: 20px;
        bottom: 20px; }
  .BookingPage .Currency-fix {
    position: relative;
    top: 4px; }
  .BookingPage .InputBox {
    display: block;
    float: left; }
  .BookingPage .Textarea {
    width: 100%;
    height: 107px; }
  .BookingPage .Btn--print {
    display: none; }

.BookingDiffPrice {
  height: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .BookingDiffPrice-warningText {
    color: #a7aebd;
    font-size: 23px;
    line-height: 23px;
    text-align: center;
    margin-bottom: 20px; }
  .BookingDiffPrice-text {
    font-size: 13px;
    line-height: 14px;
    color: #a7aebd;
    text-align: center; }
    .BookingDiffPrice-text .Currency {
      position: relative;
      top: -1px; }
  .BookingDiffPrice .Btn {
    margin-top: 20px; }

.HBookingInfo {
  background-color: #fafbfc; }
  .HBookingInfo-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .HBookingInfo-photo {
    width: 118px;
    height: 118px;
    background-size: cover;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .HBookingInfo-hotelDetails {
    height: 118px;
    width: 100%;
    padding: 15px;
    overflow: hidden;
    border-bottom: 1px solid #dce3ec; }
  .HBookingInfo-hotelName {
    font-size: 20px;
    color: #006498;
    margin-right: 10px;
    max-width: 325px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .HBookingInfo-address {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px; }
    .HBookingInfo-address:before {
      position: relative;
      top: -2px;
      margin-right: 3px; }
  .HBookingInfo-dates {
    width: 200px;
    border-right: 1px solid #dce3ec;
    color: #3b4653; }
  .HBookingInfo-guestsNum {
    color: #3b4653;
    margin-left: 15px; }
    .HBookingInfo-guestsNum .GuestsNum:before {
      margin-right: 5px;
      font-size: 20px;
      position: relative;
      top: -1px; }
  .HBookingInfo-orderAdv {
    width: 147px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .HBookingInfo-orderAdv:before {
      margin-right: 5px; }
    .HBookingInfo-orderAdv.i-breakfast:before {
      font-size: 21px;
      position: relative;
      top: -3px; }
    .HBookingInfo-orderAdv.i-view:before {
      position: relative;
      top: -2px; }
    .HBookingInfo-orderAdv.i-card:before {
      font-size: 17px;
      position: relative;
      top: -1px; }
  .HBookingInfo-roomsNum {
    color: #006498; }
  .HBookingInfo-roomName {
    height: 52px;
    font-size: 15px;
    padding: 0 20px;
    line-height: 52px;
    font-weight: 800; }
  .HBookingInfo-roomInfoTabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    color: #3b4653;
    line-height: 40px; }
  .HBookingInfo-roomInfoTab {
    margin-right: 1px;
    width: 50%;
    height: 100%;
    background-color: #d1d5df;
    cursor: pointer;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .HBookingInfo-roomInfoTab:last-child {
      margin-right: 0; }
  .HBookingInfo-roomInfoTab--active {
    background-color: #f0f3f6; }
  .HBookingInfo-featuresListItemPreview {
    margin-right: 15px;
    color: #3b4653;
    font-size: 18px; }
  .HBookingInfo-featuresListItemPreview--expand {
    color: #006598; }
  .HBookingInfo-featuresListItem {
    margin-right: 15px;
    color: #3b4653;
    font-size: 18px;
    min-width: 227px;
    max-width: 227px;
    overflow: hidden;
    white-space: nowrap;
    text-overf: ellipsis;
    -webkit-box-flex: 100;
    -webkit-flex-grow: 100;
    -moz-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 25px; }
    .HBookingInfo-featuresListItem i {
      margin-right: 5px;
      font-size: 18px;
      position: relative;
      top: -2px; }
  .HBookingInfo-roomInfoPane {
    padding: 20px;
    background-color: #f0f3f6; }
  .HBookingInfo-roomInfoPane--facilities {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .HBookingInfo-bookingConditions {
    padding: 20px;
    display: block; }
    .HBookingInfo-bookingConditions .BookingConditions-title {
      color: #3b4653;
      margin-top: 10px; }
      .HBookingInfo-bookingConditions .BookingConditions-title:first-child {
        margin-top: 0; }
  .HBookingInfo-bookingConditions--noTP {
    padding-top: 0; }
  .HBookingInfo-bookingConditions--pullUp {
    padding-top: 0; }
  .HBookingInfo-information {
    padding: 0 20px 20px 20px; }
  .HBookingInfo-informationTitle {
    color: #3b4653;
    font-weight: 800; }
  .HBookingInfo-notes {
    padding: 20px; }

.BookingPage {
  background-color: white; }
  .BookingPage-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 1180px;
    margin: auto;
    margin-top: 68px; }

.BookingLoaderNew {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 710px;
  width: 100%; }
  .BookingLoaderNew-loader {
    margin-bottom: 20px; }
  .BookingLoaderNew-title {
    color: #3b4653;
    font-size: 24px;
    text-align: center; }

.BookingOrderForm {
  width: 749px;
  margin-left: 104px; }
  .BookingOrderForm--invalid input.ng-invalid,
  .BookingOrderForm--invalid cyrillic-input.ng-invalid,
  .BookingOrderForm--invalid .BookingOrderForm-gender.ng-invalid {
    border-color: #dc3228; }
  .BookingOrderForm-pointerTextInp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
  .BookingOrderForm-youData {
    margin: auto;
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    margin-bottom: 17px;
    color: #3b4653; }
  .BookingOrderForm-consumInf {
    margin: auto;
    font-size: 21px;
    line-height: 21px;
    text-align: center;
    color: #3b4653; }
  .BookingOrderForm-pointerTextInp {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 32px; }
  .BookingOrderForm-input {
    width: 362px;
    height: 51px;
    border-radius: 25px;
    margin-top: 14px;
    border: 1px solid #d1d5df;
    text-align: center;
    line-height: 54px; }
  .BookingOrderForm-select {
    width: 364px;
    height: 54px;
    border-radius: 27px;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 35px;
    border: 1px solid #d1d5df;
    text-align: center;
    line-height: 54px;
    position: relative;
    background-color: #ffffff;
    outline: none; }
    .BookingOrderForm-select .CaretBg {
      position: absolute;
      right: 10px;
      top: 3px; }
      .BookingOrderForm-select .CaretBg svg {
        height: 15px;
        width: 15px; }
  .BookingOrderForm .intl-tel-input input[type=text].BookingOrderForm-input--phone {
    width: 362px !important;
    padding-left: 0 !important;
    margin-top: 14px !important; }
  .BookingOrderForm-mailInput {
    position: relative; }
  .BookingOrderForm-mailIcon {
    position: absolute;
    width: 19px;
    height: 19px;
    top: 30px;
    left: 13px; }
    .BookingOrderForm-mailIcon svg {
      width: 100%;
      height: 100%; }
    .BookingOrderForm-mailIcon svg path {
      fill: #3b4653; }
  .BookingOrderForm-mailQuest {
    text-align: center;
    font-size: 13px;
    line-height: 13px;
    margin-top: 15px;
    display: block; }
  .BookingOrderForm-inputText {
    display: block;
    text-align: center;
    font-weight: normal; }
  .BookingOrderForm div.intl-tel-input .flag-dropdown {
    left: 0;
    top: 10px; }
  .BookingOrderForm-infoTextName {
    font-size: 21px;
    line-height: 21px;
    display: block;
    text-align: center;
    color: #3b4653;
    margin-top: 120px;
    margin-bottom: 32px; }
  .BookingOrderForm-guestDataText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .BookingOrderForm-guestText {
    font-size: 21px;
    line-height: 35px;
    display: block;
    text-align: center;
    color: #3b4653;
    margin-right: 15px; }
  .BookingOrderForm-guestNumber {
    font-size: 21px;
    line-height: 35px;
    height: 35px;
    width: 52px;
    display: block;
    text-align: center;
    color: #3b4653;
    background-color: #ff9624;
    border-radius: 17px; }
  .BookingOrderForm-inputName {
    width: 327px;
    height: 54px;
    border-radius: 25px;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 35px;
    border: 1px solid #d1d5df;
    text-align: center;
    line-height: 54px; }
  .BookingOrderForm-inputName--select .UISelectField {
    background-color: transparent;
    border-radius: none; }
  .BookingOrderForm-inputName--select .UISelectField .ui-select-match {
    border: none;
    background-color: transparent !important; }
  .BookingOrderForm-inputName--select .ui-select-bootstrap > .ui-select-match > .btn {
    background-color: transparent;
    text-align: center !important; }
  .BookingOrderForm-inputName--select .UISelectField .ui-select-search {
    outline: none;
    border: none;
    background-color: transparent;
    height: 100%;
    text-align: center; }
  .BookingOrderForm-inputName--select .UISelectField .CaretBg {
    top: 0;
    right: 7px; }
    .BookingOrderForm-inputName--select .UISelectField .CaretBg svg {
      height: 16px; }
  .BookingOrderForm-inputName--select .ui-select-placeholder {
    line-height: 34px; }
  .BookingOrderForm-inputName--select .UISelectField .ui-select-match {
    height: 100%; }
  .BookingOrderForm-inputName--select .ui-select-match-text {
    line-height: 33px;
    float: none !important; }
  .BookingOrderForm-inputName--cyrillic {
    display: block;
    background-color: white;
    padding: 0 20px; }
    .BookingOrderForm-inputName--cyrillic input {
      width: 100%;
      height: 100%;
      background-color: transparent;
      border: none;
      text-align: center; }
    .BookingOrderForm-inputName--cyrillic .CyriilicInput--isCyrillic input {
      text-align: left; }
  .BookingOrderForm-guestSexName {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 35px; }
  .BookingOrderForm-genderControl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 34px; }
  .BookingOrderForm-gender {
    height: 54px;
    width: 152px;
    border: 1px solid #46bcea;
    border-radius: 20px;
    margin-left: 15px;
    line-height: 39px;
    text-align: center;
    cursor: pointer;
    border-radius: 25px; }
    .BookingOrderForm-gender .Radio-icon {
      display: none; }
    .BookingOrderForm-gender .Radio-iconCheck {
      display: none !important; }
    .BookingOrderForm-gender .Radio-label {
      width: 100%;
      float: none; }
    .BookingOrderForm-gender--mailcontroll {
      height: 40px;
      width: 100px;
      margin-left: 0px; }
      .BookingOrderForm-gender--mailcontroll:first-child {
        margin-right: 50px; }
  .BookingOrderForm-gender.is-checked {
    background-color: #46bcea;
    color: white; }
  .BookingOrderForm-nameText {
    text-align: center;
    display: block;
    margin-left: 20px;
    font-weight: normal; }
  .BookingOrderForm-guestData {
    background-color: #fafbfc;
    padding-top: 35px; }
  .BookingOrderForm-overName {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    height: 61px;
    background-color: #f0f3f6;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer; }
  .BookingOrderForm-nameButton {
    width: 20px;
    height: 20px;
    border: 1px solid #3b4653;
    border-radius: 50%;
    margin-right: 15px;
    margin-top: 21px; }
  .BookingOrderForm-nameButton--active {
    background-color: #46bcea;
    border-color: #46bcea; }
  .BookingOrderForm-nameButtonIcon {
    position: relative;
    top: -1px;
    left: 3px; }
    .BookingOrderForm-nameButtonIcon svg {
      width: 12px;
      height: 9px; }
  .BookingOrderForm-overText {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    margin-top: 21px;
    color: #3b4653; }
    .BookingOrderForm-overText--mailSuscribe {
      margin-top: 0px; }
  .BookingOrderForm-bonusMile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 117px; }
  .BookingOrderForm-mileNum {
    color: #599442; }
  .BookingOrderForm-mileIcon {
    width: 23px;
    height: 15px; }
  .BookingOrderForm-mileText {
    font-size: 21px;
    line-height: 21px;
    color: #3b4653; }
  .BookingOrderForm-alredyButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 61px;
    margin-top: 28px;
    background-color: #f0f3f6;
    cursor: pointer; }
  .BookingOrderForm-mailSubscribe {
    height: 64px;
    margin-top: 28px;
    background-color: #f0f3f6;
    text-align: center;
    padding-top: 14px; }
  .BookingOrderForm-mailSubscribeControl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 34px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .BookingOrderForm-overTextDescr {
    font-size: 13px;
    color: #17222c;
    line-height: 18px; }
  .BookingOrderForm-bonusTextIcon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .BookingOrderForm-bonusText {
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    line-height: 16px;
    margin-left: 122px; }
  .BookingOrderForm-bonusIcon {
    height: 16px;
    width: 16px; }
  .BookingOrderForm-bonusTextFirst {
    font-size: 16px;
    line-height: 16px; }
  .BookingOrderForm-bonusTextLast {
    font-size: 16px;
    line-height: 16px; }
  .BookingOrderForm-bonusCard {
    margin-top: 35px; }
  .BookingOrderForm-cupon {
    font-size: 21px;
    line-height: 21px;
    margin-left: 293px;
    margin-top: 98px;
    color: #3b4653; }
  .BookingOrderForm-certificat {
    margin-top: 35px;
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    text-align: center; }
  .BookingOrderForm-inpCupNum {
    margin-top: 30px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .BookingOrderForm-inpNum {
    height: 55px;
    width: 201px;
    border: 1px solid #d1d5df;
    border-radius: 26px;
    margin-right: 15px;
    line-height: 55px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .BookingOrderForm-cuponButton {
    color: #46bcea;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer; }
  .BookingOrderForm-couponLoader .BarLoader-loader {
    width: 50px;
    height: 30px; }
  .BookingOrderForm-couponError {
    color: #dc3228;
    margin-top: 15px; }
  .BookingOrderForm-couponSuccess {
    color: #599442;
    text-align: center;
    margin-top: 25px;
    font-size: 16px; }
  .BookingOrderForm-submitBtn {
    margin-top: 70px;
    height: 62px;
    width: 361px;
    margin-left: 192px;
    margin-bottom: 98px; }
  .BookingOrderForm-inputStar {
    color: red; }
  .BookingOrderForm-ofertaModal {
    margin-left: 3px;
    color: #006598;
    cursor: pointer;
    pointer-events: auto; }
  .BookingOrderForm-oferta {
    cursor: auto; }
  .BookingOrderForm-subCondition {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    height: 20px;
    margin-top: 21px;
    color: #3b4652; }

.BookingOrderForm-gameGoldText {
  font-size: 21px;
  color: #3b4653;
  margin-top: 98px;
  text-align: center; }

.BookingOrderForm-gameGoldStep {
  font-size: 16px;
  text-align: center;
  margin-top: 35px; }

.BookingOrderForm-gameRegistration {
  font-size: 13px;
  text-align: center;
  margin-top: 15px; }

.BookingOrderForm-overFinalGold {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.BookingOrderForm-finalGold {
  margin-top: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 363px;
  height: 56px;
  border: 1px dashed #599442;
  padding: 16px; }

.BookingOrderForm-finalGoldYou {
  font-size: 16px;
  text-align: 16px; }

.BookingOrderForm-howGold {
  font-size: 16px;
  text-align: 16px;
  font-weight: bold;
  color: #3b4653; }

.BookingOrderForm-warGoldReg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 35px; }

.BookingOrderForm-warMailText {
  text-align: center;
  display: block;
  margin-left: 20px;
  font-weight: normal;
  font-size: 13px; }

.BookingOrderForm-inputWarMail {
  width: 364px;
  height: 54px;
  border-radius: 27px;
  margin-left: 20px;
  margin-top: 15px;
  margin-bottom: 35px;
  border: 1px solid #d1d5df;
  text-align: center;
  line-height: 54px; }

.BookingOrderForm-aeroCard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 35px;
  background-color: #fafbfc;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.BookingOrderForm-aeroCardLabe {
  text-align: center;
  display: block;
  margin-left: 20px;
  font-weight: normal;
  font-size: 13px; }
  .BookingOrderForm-aeroCardLabe:first-child {
    margin-left: 0; }

.BookingOrderForm-aeroCardInput {
  width: 210px;
  height: 54px;
  border-radius: 27px;
  margin-left: 20px;
  margin-top: 15px;
  border: 1px solid #d1d5df;
  text-align: center;
  line-height: 54px; }
  .BookingOrderForm-aeroCardInput:first-child {
    margin-left: 0; }

.BookingOrderForm-bookingErrors {
  display: block;
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #f0f3f6;
  text-align: left;
  box-shadow: 0px 0px 25px #b9b9b9;
  z-index: 99;
  max-height: 350px;
  overflow: auto; }
  .BookingOrderForm-bookingErrors .formErrors {
    border: none;
    width: 1200px;
    padding: 0;
    margin: 0 auto;
    padding: 40px 0 40px 430px;
    color: #3b4653; }
    .BookingOrderForm-bookingErrors .formErrors-title {
      font-size: 21px;
      color: #3b4653;
      margin-bottom: 25px; }
    .BookingOrderForm-bookingErrors .formErrors-error {
      font-size: 16px;
      margin-bottom: 20px; }
      .BookingOrderForm-bookingErrors .formErrors-error i {
        color: #dc3228;
        font-size: 19px;
        position: relative;
        top: -2px;
        line-height: 18px;
        margin-right: 5px; }
      .BookingOrderForm-bookingErrors .formErrors-error strong {
        color: #3b4653;
        font-weight: bold; }

.BookingCreditCardForm {
  width: 580px;
  margin: auto; }
  .BookingCreditCardForm-submitBtn {
    margin-top: 70px;
    height: 62px;
    width: 361px;
    margin-left: 110px;
    margin-bottom: 98px;
    line-height: 60px; }

.SuccessOrder {
  width: 100%;
  margin-left: 104px; }
  .SuccessOrder-hederText {
    font-size: 28px;
    color: #599442;
    text-align: center; }
  .SuccessOrder-orderNumber {
    font-size: 21px;
    text-align: center;
    color: #3b4653;
    margin-top: 21px; }
  .SuccessOrder-orderMail {
    margin-top: 21px;
    font-size: 16px;
    text-align: center; }
  .SuccessOrder-friendsTell {
    margin-top: 56px;
    font-size: 21px;
    text-align: center;
    color: #3b4653; }
  .SuccessOrder-friendsTellUnder {
    margin-top: 21px;
    font-size: 16px;
    text-align: center; }
  .SuccessOrder-repostBtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .SuccessOrder-repostBtnSoc {
    width: 173px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    border: 1px solid #006598;
    border-radius: 28px;
    text-align: center;
    color: #006598;
    line-height: 56px;
    font-size: 13px;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer; }
    .SuccessOrder-repostBtnSoc:last-child {
      margin-left: 21px; }
  .SuccessOrder-repostBtnSocIcon {
    width: 40.5px;
    height: 40.5px; }
    .SuccessOrder-repostBtnSocIcon svg path {
      fill: transparent;
      stroke: #006598; }
  .SuccessOrder-consInf {
    margin-top: 56px;
    font-size: 21px;
    text-align: center;
    color: #3b4653; }
  .SuccessOrder-consInfBold {
    font-weight: bold; }
  .SuccessOrder-mailNameText {
    font-size: 13px;
    text-align: center;
    margin-top: 15px; }
  .SuccessOrder-consMail {
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
    color: #3b4653; }
  .SuccessOrder-telNameText {
    font-size: 13px;
    text-align: center;
    margin-top: 15px; }
  .SuccessOrder-consTel {
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
    color: #3b4653; }
  .SuccessOrder-guestsInfo {
    margin-top: 56px;
    font-size: 21px;
    text-align: center;
    color: #3b4653; }
  .SuccessOrder-guestsNameOther {
    margin-top: 31px;
    background-color: #fafbfc;
    padding-top: 35px;
    padding-bottom: 49px; }
  .SuccessOrder-twoGuestsInfo {
    font-size: 21px;
    line-height: 21px;
    text-align: center;
    color: #3b4653;
    margin-bottom: 21px; }
  .SuccessOrder-adultOneInfo {
    font-size: 13px;
    text-align: center;
    margin-top: 15px; }
  .SuccessOrder-adultOneName {
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
    color: #3b4653; }
  .SuccessOrder-printPushButton {
    margin-top: 56px;
    height: 62px;
    width: 361px;
    margin-bottom: 98px; }
  .SuccessOrder-printButton {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.BookingLoaderPage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 110px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%; }
  .BookingLoaderPage-orderLoad {
    margin-top: 28px;
    font-size: 28px;
    text-align: center;
    line-height: 28px;
    color: #3b4653; }
  .BookingLoaderPage-pleaseWaite {
    color: #3b4653;
    font-size: 21px;
    margin-top: 20px;
    text-align: center;
    line-height: 21px; }
  .BookingLoaderPage circle-timer {
    position: static; }
  .BookingLoaderPage .circle svg.circleFill circle {
    stroke: #46bcea;
    stroke-width: 2px; }
  .BookingLoaderPage .circle svg.circleTrack circle {
    fill: none;
    stroke-width: 1px;
    stroke: #d1d5df; }
  .BookingLoaderPage .CircleTimer-label {
    color: #3b4653; }
  .BookingLoaderPage-infoPrew {
    width: 45px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .BookingLoaderPage-infoPrew:last-child {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -moz-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
  .BookingLoaderPage-infoPrewIcon {
    height: 20px;
    width: 11px; }
    .BookingLoaderPage-infoPrewIcon svg {
      width: 100%;
      height: 100%; }
    .BookingLoaderPage-infoPrewIcon svg path {
      fill: #d1d5df; }
  .BookingLoaderPage-infoNextIcon {
    height: 20px;
    width: 11px; }
    .BookingLoaderPage-infoNextIcon svg {
      width: 100%;
      height: 100%; }
    .BookingLoaderPage-infoNextIcon svg path {
      fill: #d1d5df; }
  .BookingLoaderPage-infoPoints {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 26px; }
  .BookingLoaderPage-slider {
    margin-top: 64px;
    margin-left: 50px;
    margin-right: 50px; }
  .BookingLoaderPage .textSlider-contentWrapper {
    background-color: #fafbfc;
    height: 150px; }
  .BookingLoaderPage .textSlider-contentWrapper .textSlider-contentItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 50px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    width: 100%;
    margin-left: -324px; }
  .BookingLoaderPage .textSlider-arrowNext,
  .BookingLoaderPage .textSlider-arrowPrev {
    width: 15px;
    height: 28px;
    background-size: contain;
    background-position: top left; }
  .BookingLoaderPage .textSlider-arrowNext {
    background-image: url(/svg/arrow-right.svg);
    right: -35px;
    top: 58px;
    left: inherit; }
  .BookingLoaderPage .textSlider-arrowPrev {
    left: -35px;
    top: 58px;
    background-image: url(/svg/arrow-left.svg); }
  .BookingLoaderPage .textSlider-progressIndicator {
    height: 5px;
    width: 5px;
    background-color: #a8b3bf;
    border-radius: 50%;
    margin-left: 21px; }
    .BookingLoaderPage .textSlider-progressIndicator:first-child {
      margin-left: 0; }
    .BookingLoaderPage .textSlider-progressIndicator.active {
      background-color: #3b4653; }
  .BookingLoaderPage .textSlider-progressIndicators {
    bottom: -35px; }

.ErrorMes {
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 120px; }
  .ErrorMes-container {
    width: 750px;
    margin: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 70px; }
  .ErrorMes-icon {
    width: 57px;
    height: 56px;
    margin: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .ErrorMes-icon svg {
      width: 100%;
      height: 100%; }
  .ErrorMes-title {
    font-size: 24px;
    line-height: 28px;
    color: #3b4653;
    margin: auto;
    text-align: center;
    margin-bottom: 26px;
    margin-top: 55px; }
  .ErrorMes-text {
    font-size: 15px;
    color: #626c78;
    margin: auto;
    text-align: center;
    line-height: 20px; }
  .ErrorMes-tryAgain {
    font-size: 13px;
    text-transform: uppercase;
    color: #46bcea;
    margin: auto;
    text-align: center;
    letter-spacing: 1.0;
    font-weight: bold;
    cursor: pointer; }
  .ErrorMes-btnBlock {
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .ErrorMes-btn.Btn.Btn--submitV2.BookingOrderForm-submitBtn {
    margin-top: 10px;
    margin-bottom: 21px;
    height: 66px;
    margin-left: 0px;
    width: 303px;
    letter-spacing: 2.0px;
    border-radius: 33px;
    font-weight: bold; }

.afertaModalAeroflot .modal-dialog {
  top: 22%;
  max-height: 80vh; }

.FeedbackPage {
  min-height: -webkit-calc(100vh - 165px);
  min-height: -moz-calc(100vh - 165px);
  min-height: calc(100vh - 165px);
  width: 1035px;
  padding: 35px;
  color: #3b4653;
  background-color: #e7ebf2;
  font-size: 15px; }
  .FeedbackPage-header {
    text-align: center;
    color: #3b4653; }
  .FeedbackPage-headerTitle {
    font-size: 27px;
    font-weight: 800; }
  .FeedbackPage-headerHotel {
    font-weight: 800;
    font-size: 17px; }
    .FeedbackPage-headerHotel .Stars {
      display: inline-block;
      position: relative;
      top: 3px; }
  .FeedbackPage-headerDates {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3px;
    font-size: 14px; }
    .FeedbackPage-headerDates .DateInfoRange {
      font-size: 14px; }
  .FeedbackPage-container {
    margin-top: 50px;
    padding: 20px;
    background-color: #ffffff; }
  .FeedbackPage-view {
    width: 540px;
    margin: auto; }
  .FeedbackPage-Btn {
    margin: 45px auto 0;
    height: 50px;
    width: 400px;
    text-align: center;
    border: 1px solid #ff8500;
    border-radius: 3px;
    color: #ff8500;
    font-size: 20px;
    line-height: 45px;
    cursor: pointer; }
  .FeedbackPage-validationErr {
    color: #dc3228;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0; }
  .FeedbackPage .FeedbackPage-saved {
    float: right;
    width: 500px; }
  .FeedbackPage .FeedbackPage-content--saved {
    float: left;
    max-width: 650px; }
  .FeedbackPage .FeedbackPage--redText {
    color: #f15d61; }
  .FeedbackPage .FeedbackPage--greenText {
    color: #85c441; }
  .FeedbackPage .FeedbackPage--blueText {
    color: #006498; }
  .FeedbackPage .FeedbackPage--hightlightText {
    font-size: 18px;
    font-weight: 800; }
  .FeedbackPage .FeedbackPage-smile {
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: -820px -522px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    display: inline-block; }
  .FeedbackPage .FeedbackPage-hotelInfo {
    margin-top: 5px; }
    .FeedbackPage .FeedbackPage-hotelInfo .HotelInfo-photo {
      width: 175px;
      height: 175px; }
    .FeedbackPage .FeedbackPage-hotelInfo .HotelInfo-hotelName {
      margin-right: 10px;
      font-size: 18px;
      font-weight: 800; }
    .FeedbackPage .FeedbackPage-hotelInfo .Hotel-data {
      line-height: 25px; }
      .FeedbackPage .FeedbackPage-hotelInfo .Hotel-data div {
        display: inline-block; }
      .FeedbackPage .FeedbackPage-hotelInfo .Hotel-data .i-calendar {
        position: relative;
        top: -2px; }
    .FeedbackPage .FeedbackPage-hotelInfo .HotelInfo-address {
      font-size: 14px; }
  .FeedbackPage-textArea {
    border: 1px solid #d1d5df;
    padding: 10px; }
  .FeedbackPage-textArea--fullWidth {
    height: 100px;
    width: 810px; }
  .FeedbackPage .FeedbackPage-content {
    padding: 20px;
    background-color: #ffffff; }
    .FeedbackPage .FeedbackPage-content .RateBlock-controlsContainer {
      float: left;
      margin-top: 15px; }
      .FeedbackPage .FeedbackPage-content .RateBlock-controlsContainer .DropdownBlock {
        width: 380px;
        margin-top: 15px; }
        .FeedbackPage .FeedbackPage-content .RateBlock-controlsContainer .DropdownBlock .Dropdown {
          width: 100%;
          padding-left: 10px;
          border: 1px solid #dbe2eb;
          border-radius: 2px;
          background-color: #F8F9FB; }
        .FeedbackPage .FeedbackPage-content .RateBlock-controlsContainer .DropdownBlock .dropdown-menu {
          width: 380px; }
          .FeedbackPage .FeedbackPage-content .RateBlock-controlsContainer .DropdownBlock .dropdown-menu > li > a {
            padding-left: 10px !important; }
      .FeedbackPage .FeedbackPage-content .RateBlock-controlsContainer .MessageBlock {
        width: 380px;
        margin-top: 25px;
        margin-bottom: 25px; }
        .FeedbackPage .FeedbackPage-content .RateBlock-controlsContainer .MessageBlock textarea {
          width: 380px;
          height: 235px;
          padding: 15px;
          border-color: #d1d5df;
          border-radius: 2px; }

.FeedbackForm {
  color: #3b4653; }
  .FeedbackForm-title {
    font-size: 17px;
    font-weight: 800; }
  .FeedbackForm-titleMark {
    font-size: 15px; }
  .FeedbackForm-middleBlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px; }
    .FeedbackForm-middleBlock > * {
      font-weight: 800;
      -webkit-flex-basis: 49%;
      -ms-flex-preferred-size: 49%;
      flex-basis: 49%; }
  .FeedbackForm-Btn {
    background-color: #ffffff;
    color: #46bcea;
    border: 1px solid #46bcea;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer; }
    .FeedbackForm-Btn--selected {
      background-color: #46bcea;
      color: #ffffff; }
  .FeedbackForm-dataIsNotCorret {
    margin-top: 20px; }
    .FeedbackForm-dataIsNotCorret textarea {
      margin-top: 20px;
      width: 100%;
      height: 100px;
      resize: none; }
  .FeedbackForm-fieldset {
    border: 2px groove #d1d5df;
    margin-top: 20px; }
    .FeedbackForm-fieldset legend {
      padding: 0 15px;
      width: inherit;
      font-weight: 800;
      font-size: 15px;
      margin: 0 0 0 15px;
      border: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .FeedbackForm-fieldset legend:before {
        content: '';
        display: inline-block;
        margin-right: 5px; }
    .FeedbackForm-fieldset label {
      padding: 15px;
      cursor: pointer;
      display: block; }
    .FeedbackForm-fieldset textarea {
      width: 100%;
      height: 100px;
      resize: none;
      border: none;
      cursor: pointer; }
      .FeedbackForm-fieldset textarea:focus {
        cursor: text; }
  .FeedbackForm .FeedbackForm-checkboxLabel {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    right: 10px; }
    .FeedbackForm .FeedbackForm-checkboxLabel span {
      width: 15px;
      height: 15px;
      margin-right: 10px;
      border: 1px solid #3b4653;
      background-color: #ffffff;
      display: inline-block; }
      .FeedbackForm .FeedbackForm-checkboxLabel span.ok:before {
        content: "✔";
        display: block;
        margin-top: -4px; }
    .FeedbackForm .FeedbackForm-checkboxLabel input[type="checkbox"] {
      display: none; }
  .FeedbackForm-fieldsetContent {
    margin: 10px 18px 18px; }
  .FeedbackForm-fieldsetGood {
    color: #599442; }
    .FeedbackForm-fieldsetGood:before {
      background-image: url(/images/hotels-6de3b74b4c.png);
      background-position: -856px -522px;
      width: 15px;
      height: 15px; }
  .FeedbackForm-fieldsetBad {
    color: #A9130A; }
    .FeedbackForm-fieldsetBad:before {
      background-image: url(/images/hotels-6de3b74b4c.png);
      background-position: -784px -564px;
      width: 15px;
      height: 15px; }
  .FeedbackForm-facilities .HotelFacilities-facilitiesList {
    margin-left: 18px; }
  .FeedbackForm-facilities.HotelMainInfo {
    padding-bottom: 18px; }
  .FeedbackForm-description {
    margin: 10px 18px 18px;
    max-height: 110px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 16px;
    padding-right: 5px; }
    .FeedbackForm-description::-webkit-scrollbar {
      width: 5px;
      cursor: pointer; }
    .FeedbackForm-description::-webkit-scrollbar-track {
      background-color: #d1d5df; }
    .FeedbackForm-description::-webkit-scrollbar-thumb {
      background-color: #3b4653; }

.MarkBlock {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 800; }
  .MarkBlock .MarkBlock-th {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0px 10px 5px; }
    .MarkBlock .MarkBlock-th > * {
      width: 20px;
      margin-right: 3px;
      text-align: center; }

.FeedbackSaved {
  min-height: -webkit-calc(100vh - 165px);
  min-height: -moz-calc(100vh - 165px);
  min-height: calc(100vh - 165px);
  padding-top: 150px;
  width: 770px;
  margin: auto;
  text-align: center;
  color: #3b4653;
  font-size: 18px;
  font-weight: 600; }
  .FeedbackSaved-imgBlock {
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: -820px -594px;
    width: 225px;
    height: 131px;
    margin-bottom: 55px;
    display: inline-block; }
  .FeedbackSaved-title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px; }

.feedbackSlider {
  width: 497px;
  margin: 10px auto 18px;
  height: 97px; }
  .feedbackSlider-photoWrapper {
    width: 97px;
    height: 97px;
    margin-right: 3px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 2px;
    overflow: hidden; }
    .feedbackSlider-photoWrapper img {
      width: 100%; }
  .feedbackSlider .HorizontalScroll-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .feedbackSlider .HorizontalScroll-arrow--right {
    right: 0; }
  .feedbackSlider .HorizontalScroll-arrow--left {
    left: 0; }
  .feedbackSlider .HorizontalScroll-svg {
    position: absolute;
    left: 0;
    top: -webkit-calc(50% - 12.5px);
    top: -moz-calc(50% - 12.5px);
    top: calc(50% - 12.5px);
    width: 20px; }
  .feedbackSlider .HorizontalScroll-arrow--left,
  .feedbackSlider .HorizontalScroll-arrow--right {
    height: 97px;
    width: 20px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    position: absolute; }
    .feedbackSlider .HorizontalScroll-arrow--left:hover .HorizontalScroll-svg,
    .feedbackSlider .HorizontalScroll-arrow--right:hover .HorizontalScroll-svg {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }

.infoHotel {
  margin: 10px 18px 18px; }
  .infoHotel-description {
    background-color: #f0f3f6;
    padding: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold; }
  .infoHotel-Adv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px; }
  .infoHotel-orderAdv {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .infoHotel-orderAdv.i-breakfast:before {
      font-size: 21px;
      position: relative;
      top: -3px; }
    .infoHotel-orderAdv.i-view:before {
      position: relative;
      top: -2px; }
    .infoHotel-orderAdv:before {
      margin-right: 5px; }

.Info {
  min-height: -webkit-calc(100vh - 165px);
  min-height: -moz-calc(100vh - 165px);
  min-height: calc(100vh - 165px); }

.Info-header {
  position: relative;
  z-index: 99;
  width: 100%;
  height: 50px;
  padding: 5px 0;
  background-color: #fafbfc; }
  .Info-header .Info-navBtn {
    position: relative;
    top: 2px;
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
    color: #006598;
    font-size: 25px; }
    .Info-header .Info-navBtn:hover {
      color: #2d7dc8; }
      .Info-header .Info-navBtn:hover a {
        color: #fff; }
  .Info-header .Info-btn {
    min-width: 130px;
    padding: 0 10px 0 10px; }
    .Info-header .Info-btn a {
      color: #007aab; }
      .Info-header .Info-btn a:hover {
        color: #fff;
        text-decoration: none; }
    .Info-header .Info-btn:before {
      position: relative;
      top: -3px;
      margin-right: 5px; }

.Info-container {
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: calc(100% - 50px); }

.FAQ {
  height: 100%;
  padding-top: 50px;
  background-color: #ffffff; }
  .FAQ .FAQ-groups {
    margin: 0 -10px; }
  .FAQ .FAQ-groupsGroup {
    float: left;
    width: 33.33333%;
    padding: 10px; }
  .FAQ .FAQ-group {
    position: relative;
    overflow: hidden;
    height: 250px;
    cursor: pointer;
    border-radius: 6px; }
    .FAQ .FAQ-group:hover .FAQ-groupCaption {
      height: 100px; }
    .FAQ .FAQ-group .FAQ-groupCaption {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 50px;
      -webkit-transition: all .35s;
      -o-transition: all .35s;
      -moz-transition: all .35s;
      transition: all .35s;
      text-align: center;
      color: #ffffff;
      background-color: rgba(38, 47, 58, 0.8); }
      .FAQ .FAQ-group .FAQ-groupCaption.FAQ-groupCaption--active {
        height: 100px;
        box-shadow: inset 0 3px 0 0 #ff8500; }
    .FAQ .FAQ-group .FAQ-groupCaptionTitleTable {
      display: table;
      width: 100%;
      height: 50px;
      table-layout: fixed; }
    .FAQ .FAQ-group .FAQ-groupCaptionTitle {
      display: table-cell;
      vertical-align: middle;
      line-height: 20px; }
    .FAQ .FAQ-group .FAQ-groupCaptionDescription {
      padding: 0 10px;
      line-height: 15px; }
  .FAQ .FAQ-qa {
    display: table;
    margin-bottom: 20px; }
    .FAQ .FAQ-qa .FAQ-questions {
      display: table-cell;
      width: 380px; }
      .FAQ .FAQ-qa .FAQ-questions .FAQ-question {
        display: block;
        margin: 10px 0;
        cursor: pointer;
        color: #006498; }
        .FAQ .FAQ-qa .FAQ-questions .FAQ-question.FAQ-question--active {
          color: #005082; }
    .FAQ .FAQ-qa .FAQ-answer {
      position: relative;
      display: table-cell;
      width: 780px;
      padding: 20px;
      border-radius: 2px;
      background-color: #edf1f5; }
      .FAQ .FAQ-qa .FAQ-answer .FAQ-answerArrow {
        position: absolute;
        top: 10px;
        left: -10px;
        margin-top: 10px;
        border-top: 10px solid transparent;
        border-right: 10px solid #edf1f5;
        border-bottom: 10px solid transparent; }

.FAQ-answer ol {
  padding: 0;
  counter-reset: li; }

.FAQ-answer ol > li {
  position: relative;
  display: block;
  margin: 0 0 6px 2em;
  /* Give each list item a left margin to make room for the numbers */
  list-style: none;
  line-height: 22px; }

.FAQ-answer ol > li:before {
  position: absolute;
  top: 0;
  left: -2em;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  content: counter(li);
  counter-increment: li;
  text-align: center;
  color: #006498;
  border: 1px solid #007aab;
  border-radius: 50%;
  line-height: 20px; }

.FAQ-answer li ol,
.FAQ-answer li ul {
  margin-top: 6px; }

.FAQ-answer ol ol li:last-child {
  margin-bottom: 0; }

.AutocompleteChoice {
  padding-bottom: 40px;
  text-align: center;
  color: #3b4653;
  background-color: #E5EAF0; }
  .AutocompleteChoice-segment {
    margin-top: 30px; }
  .AutocompleteChoice-segmentTitle[class*="i-"]:before {
    position: relative;
    top: -5px;
    margin-right: 5px; }
  .AutocompleteChoice .SegmentItem {
    position: relative;
    overflow: hidden;
    width: 770px;
    height: 115px;
    margin: auto;
    margin-bottom: 2px;
    margin-bottom: 2px;
    padding: 20px 20px 17px 17px;
    border: 2px solid #f8f9fb;
    border-radius: 2px;
    background-color: #f0f3f6; }
    .AutocompleteChoice .SegmentItem-image {
      background-image: url(/images/hotels-6de3b74b4c.png);
      background-position: -1104px -424px;
      width: 73px;
      height: 74px;
      float: left;
      width: 74px;
      height: 74px;
      border-radius: 50%; }
    .AutocompleteChoice .SegmentItem-info {
      float: left;
      overflow: hidden;
      max-width: 325px;
      margin-left: 15px;
      text-align: left;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .AutocompleteChoice .SegmentItem-name {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #0c9dd9;
      font-size: 23px;
      line-height: 23px; }
    .AutocompleteChoice .SegmentItem-location {
      font-size: 14px;
      line-height: 14px; }
    .AutocompleteChoice .SegmentItem-extraInfoTa {
      position: relative;
      top: 2px;
      -webkit-transform: scale(0.7);
      -moz-transform: scale(0.7);
      -ms-transform: scale(0.7);
      -o-transform: scale(0.7);
      transform: scale(0.7); }
    .AutocompleteChoice .SegmentItem-searchBtn {
      float: right;
      height: 45px;
      margin-top: 14px;
      cursor: pointer;
      color: #f60;
      border: 1px solid #f60;
      border-radius: 2px;
      font-size: 19px;
      line-height: 45px; }
      .AutocompleteChoice .SegmentItem-searchBtn.Btn--loading {
        cursor: default;
        -webkit-animation: stripes-animation 2s linear infinite;
        -moz-animation: stripes-animation 2s linear infinite;
        -o-animation: stripes-animation 2s linear infinite;
        animation: stripes-animation 2s linear infinite;
        color: #ffffff;
        background: -moz- oldlinear-gradient(45deg, #ff8500 25%, #e67800 25%, #e67800 50%, #ff8500 50%, #ff8500 75%, #e67800 75%, #e67800) !important;
        background: -o-linear-gradient(45deg, #ff8500 25%, #e67800 25%, #e67800 50%, #ff8500 50%, #ff8500 75%, #e67800 75%, #e67800) !important;
        background: linear-gradient(45deg, #ff8500 25%, #e67800 25%, #e67800 50%, #ff8500 50%, #ff8500 75%, #e67800 75%, #e67800) !important;
        background-size: 40px 40px !important; }
  .AutocompleteChoice .SegmentItem--city .SegmentItem-searchBtn {
    width: 310px; }
  .AutocompleteChoice .SegmentItem--city .SegmentItem-info {
    max-width: 325px; }
  .AutocompleteChoice .SegmentItem--city .SegmentItem-location {
    padding-bottom: 10px;
    border-bottom: 1px solid #dce3ec; }
  .AutocompleteChoice .SegmentItem--hotel .SegmentItem-searchBtn {
    width: 202px; }
  .AutocompleteChoice .SegmentItem--hotel .SegmentItem-info {
    max-width: 425px; }

.CabinetBooking {
  overflow-y: hidden;
  height: 100%; }
  .CabinetBooking .CabinetBooking-content {
    width: 1000px;
    padding: 15px 0 20px 42px; }
  .CabinetBooking .CabinetBooking-loadingBox {
    position: relative;
    padding: 50px; }
  .CabinetBooking .CabinetBooking-heading {
    padding: 10px 0; }
  .CabinetBooking .CabinetBooking-title {
    float: left;
    margin-left: -1px;
    /* optical compensation */
    color: #1d9dd9;
    font-size: 30px;
    font-weight: 300;
    line-height: 40px; }
  .CabinetBooking .CabinetBooking-dates {
    display: table;
    float: right;
    width: auto; }
  .CabinetBooking .CabinetBooking-datesLabel {
    display: table-cell;
    padding-right: 10px;
    text-align: right;
    vertical-align: middle;
    font-size: 17px;
    line-height: 17px; }
  .CabinetBooking .CabinetBooking-datesCalendar {
    position: relative;
    display: table-cell;
    vertical-align: middle; }
    .CabinetBooking .CabinetBooking-datesCalendar .DateBox-leftArrow,
    .CabinetBooking .CabinetBooking-datesCalendar .DateBox-rightArrow {
      position: absolute;
      z-index: 999;
      top: 0;
      cursor: pointer;
      -webkit-transition: all .4s ease-out;
      -o-transition: all .4s ease-out;
      -moz-transition: all .4s ease-out;
      transition: all .4s ease-out;
      color: #006597;
      font-size: 14px;
      line-height: 40px; }
    .CabinetBooking .CabinetBooking-datesCalendar .DateBox-leftArrow {
      left: 15px; }
    .CabinetBooking .CabinetBooking-datesCalendar .DateBox-rightArrow {
      right: 15px; }
    .CabinetBooking .CabinetBooking-datesCalendar .DateBox {
      width: 340px;
      height: 40px; }
    .CabinetBooking .CabinetBooking-datesCalendar .DateBox-datesContainer {
      width: 340px; }
    .CabinetBooking .CabinetBooking-datesCalendar .DateBox-dateContainer {
      width: 165px;
      padding-left: 15px; }
      .CabinetBooking .CabinetBooking-datesCalendar .DateBox-dateContainer:first-child {
        padding-left: 30px; }
      .CabinetBooking .CabinetBooking-datesCalendar .DateBox-dateContainer:last-child {
        border-left: 1px solid #dce3ec; }
  .CabinetBooking-nav {
    padding: 10px 0; }
  .CabinetBooking-navBtn {
    float: left;
    width: 330px;
    height: 50px;
    margin-right: 3px;
    cursor: pointer;
    text-align: center;
    color: #009ad9;
    border: 1px solid #1d9dd9;
    border-radius: 2px;
    font-size: 22px;
    font-weight: 300;
    line-height: 46px; }
    .CabinetBooking-navBtn--active {
      cursor: default;
      color: #fff;
      background-color: #1d9dd9; }
  .CabinetBooking-navBtnCount {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 3px;
    margin-left: 5px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    border-radius: 50%;
    background-color: #ffaa2e;
    font-size: 17px;
    font-weight: bold;
    line-height: 30px; }
  .CabinetBooking-navCal {
    float: left;
    width: 304px;
    background-color: #e2e2e2; }

.DPackCabinet .Loading--pageLoader,
.CabinetBooking .Loading--pageLoader {
  margin-top: 150px !important; }

.CabinetHotel-headStatus {
  font-size: 30px; }
  .CabinetHotel-headStatus--success {
    color: #599442; }
  .CabinetHotel-headStatus--warning {
    color: #ffb72e; }
  .CabinetHotel-headStatus--error {
    color: #dc3228; }

.CabinetHotel-headInfo {
  margin-left: 215px; }

.CabinetHotel-body {
  min-height: 175px;
  margin-left: 215px; }

.CabinetHotel-foot {
  margin-left: 215px; }

.CabinetHotel-side {
  position: absolute;
  top: 0;
  bottom: -40px;
  left: -215px;
  width: 215px;
  background-color: #f0f3f6; }

.CabinetHotel-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.CabinetHotel-nameRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.CabinetHotel-HotelDefinition {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2; }

.CabinetHotel-hotelMore, .CabinetHotel-hotelTrip {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.CabinetHotel-Btn {
  display: inline-block;
  margin: 2px auto 0px;
  border-radius: 15px;
  border: 1px solid #46bcea;
  color: #46bcea;
  font-size: 12px;
  padding: 5px 10px; }

.CabinetHotel-footInfo {
  width: 235px; }

.CabinetHotel-footMore {
  width: 450px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.CabinetHotel-footActions {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.CabinetHotel-photo {
  position: relative;
  display: block;
  width: 215px;
  height: 215px;
  background-position: center center;
  background-size: cover; }

.CabinetHotel-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 310px;
  cursor: pointer;
  color: #006498;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px; }

.CabinetHotel-stars {
  display: inline-block;
  width: 101px;
  margin-left: 6px;
  vertical-align: 7px;
  line-height: 15px; }

.CabinetHotel-sideLeft {
  width: 435px;
  margin: 10px 0 9px 15px; }

.CabinetHotel-addressRow {
  margin-top: -2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  margin: 0 0 8px; }

.CabinetHotel-dateAndVisitor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }
  .CabinetHotel-dateAndVisitor > * {
    display: inline-block; }

.CabinetHotel-VisitorBlock {
  margin-left: 11px;
  padding-left: 15px;
  border-left: 1px solid #d1d5df; }
  .CabinetHotel-VisitorBlock .GuestsNum:before {
    font-size: 20px;
    margin-right: 5px; }

.CabinetHotel-sideRight {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.CabinetHotel-roomPrice {
  color: #006498;
  font-size: 23px;
  line-height: 25px; }
  .CabinetHotel-roomPrice .Currency {
    font-size: 20px;
    line-height: 20px; }

.CabinetHotel-roomPriceDays {
  color: #626c78;
  text-align: center;
  font-size: 12px;
  line-height: 15px; }

.CabinetHotel-infoBock {
  border: 1px dashed;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 14px;
  margin-top: 10px;
  width: 190px;
  text-align: center; }
  .CabinetHotel-infoBock i {
    font-size: 17px; }
  .CabinetHotel-infoBock--success {
    color: #599442; }
  .CabinetHotel-infoBock--disabled {
    color: #a8b3bf; }

.CabinetHotel-costumerInfo {
  margin: 50px 0;
  color: #626c78;
  font-size: 14px;
  text-align: center; }
  .CabinetHotel-costumerInfo b {
    color: #3b4653;
    font-size: 15px;
    margin-bottom: 15px; }
  .CabinetHotel-costumerInfo p {
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px; }
  .CabinetHotel-costumerInfo--cabinetAvia {
    margin: auto; }
    .CabinetHotel-costumerInfo--cabinetAvia b {
      margin: 15px auto 5px;
      display: block; }

.CabinetHotel-distance {
  display: inline-block;
  margin-left: -3px;
  margin-right: 7px;
  height: auto;
  cursor: pointer;
  vertical-align: top;
  text-decoration: none !important;
  border-right-width: 0;
  line-height: 16px;
  color: #3b4653;
  cursor: initial; }
  .CabinetHotel-distance:hover {
    color: #3b4653; }
  .CabinetHotel-distance > i {
    position: relative;
    top: -1px;
    margin-right: 0;
    margin-left: 1px;
    /* optical compensation */ }
  .CabinetHotel-distance > span {
    display: inline-block;
    border-bottom: 1px solid;
    line-height: 14px; }

.CabinetHotel-address {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #626c78;
  font-size: 14px; }

.CabinetHotel-rooms {
  margin-top: 10px; }

.CabinetHotel-room {
  width: 100%;
  background-color: #f0f3f6;
  margin-bottom: 20px; }

.CabinetHotel-roomBody {
  padding: 7px 10px; }

.CabinetHotel-listVisitor {
  margin: 8px 0 3px;
  padding: 0; }
  .CabinetHotel-listVisitor > * {
    margin: 3px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }

.CabinetHotel-listVisitorNumber {
  border-radius: 2px;
  border: 1px solid #006498;
  color: #006498;
  font-size: 14px;
  padding: 0 7px;
  min-width: 24px;
  text-align: center; }

.CabinetHotel-listSideLeft {
  padding: 0 15px 0 5px; }

.CabinetHotel-footerInformation {
  background-color: #d1d5df;
  color: #3b4653;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .CabinetHotel-footerInformation > * {
    width: 50%; }

.CabinetHotel-showMoreDescription {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #ffffff; }
  .CabinetHotel-showMoreDescription.active {
    background-color: #f0f3f6; }

.CabinetHotel-facilities {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #626c78;
  height: 40px;
  cursor: pointer; }
  .CabinetHotel-facilities [class*="i-"]:before {
    font-size: 18px;
    line-height: 20px; }
  .CabinetHotel-facilities > * {
    padding: 0 9px;
    color: #3b4653; }
  .CabinetHotel-facilities > *:last-child {
    position: relative;
    top: 7px;
    color: #006598; }
  .CabinetHotel-facilities.active {
    background-color: #f0f3f6; }

.CabinetHotel-roomSide {
  display: table-cell;
  width: 250px;
  padding: 7px 10px;
  text-align: center;
  vertical-align: middle; }

.CabinetHotel-roomNameTable {
  display: table;
  width: 100%; }

.CabinetHotel-roomNameTableCell {
  display: table-cell;
  vertical-align: top; }
  .CabinetHotel-roomNameTableCell--name {
    width: 100%; }

.CabinetHotel-roomNameRow {
  position: relative;
  height: 20px; }

.CabinetHotel-roomName {
  font-size: 15px;
  font-weight: bold;
  line-height: 20px; }

.CabinetHotel-countRooms {
  color: #006498;
  font-size: 15px; }
  .CabinetHotel-countRooms--x {
    font-size: 10px;
    position: relative;
    bottom: 2.5px;
    right: 1px; }

.CabinetHotel-roomSize {
  display: block;
  height: 20px; }
  .CabinetHotel-roomSize > i {
    position: relative;
    top: -4px;
    left: -1px;
    /* optical compensation */
    display: inline-block;
    margin-right: 5px;
    vertical-align: top;
    font-size: 28px;
    line-height: 20px; }

.CabinetHotel-roomInfo {
  padding-top: 10px;
  color: #626c78;
  font-size: 13px; }

.CabinetHotel-roomDatesTable {
  display: table;
  float: left;
  width: auto;
  min-width: 180px; }

.CabinetHotel-roomDatesTableRow {
  display: table-row; }

.CabinetHotel-roomDatesTableCol {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  line-height: 24px; }
  .CabinetHotel-roomDatesTableCol--label {
    width: 1px;
    padding-right: 5px;
    font-weight: bold; }
  .CabinetHotel-roomDatesTableCol > i {
    position: relative;
    top: -2px;
    margin-right: 2px;
    vertical-align: top !important;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px; }

.CabinetHotel-roomInfoDetails {
  float: left;
  margin-left: 30px;
  line-height: 24px; }

.CabinetHotel-roomCancellation {
  cursor: pointer;
  color: #006598; }
  .CabinetHotel-roomCancellation > span {
    border-bottom: 1px dashed;
    line-height: 15px; }
    .CabinetHotel-roomCancellation > span > i {
      position: relative;
      top: -2px;
      margin-left: 3px;
      font-size: 10px; }

.CabinetHotel-order {
  margin-top: -9px; }
  .CabinetHotel-order .BookingConditions-title {
    margin-top: 9px; }

.CabinetHotel-orderTitle {
  position: relative;
  overflow: hidden;
  margin-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3b4653;
  font-size: 14px;
  font-weight: bold; }

.CabinetHotel-orderTable {
  display: table;
  color: #626c78; }

.CabinetHotel-orderTableRow {
  display: table-row; }

.CabinetHotel-orderTableCol {
  display: table-cell;
  font-size: 13px;
  line-height: 17px; }
  .CabinetHotel-orderTableCol--label {
    width: 150px;
    font-weight: bold; }

.CabinetHotel-orderItem {
  margin-top: 7px;
  border-top: 1px solid #dce3ec;
  box-shadow: inset 0 1px 0 0 #f0f3f6; }

.CabinetHotel-orderDesire {
  margin-top: 7px;
  border-top: 1px solid #dce3ec;
  box-shadow: inset 0 1px 0 0 #f0f3f6; }
  .CabinetHotel-orderDesire.CabinetHotel-orderDesire--showMore > * {
    margin-top: 7px; }
  .CabinetHotel-orderDesire--showMore {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex; }
    .CabinetHotel-orderDesire--showMore > * {
      width: -webkit-calc(100% / 3);
      width: -moz-calc(100% / 3);
      width: calc(100% / 3);
      margin-top: -10px;
      color: #626c78;
      font-size: 14px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .CabinetHotel-orderDesire--showMore i {
      width: 20px;
      height: 20px;
      margin-right: 5px; }
    .CabinetHotel-orderDesire--showMore svg {
      width: 20px;
      height: 20px; }

.CabinetHotel-orederDesireDescripttion {
  width: 110px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.CabinetHotel-orderDesireLabel {
  color: #626c78;
  font-size: 14px;
  padding-bottom: 5px; }
  .CabinetHotel-orderDesireLabel > i {
    position: relative;
    top: -1px;
    left: -1px;
    /* optical compensation */
    font-size: 16px; }

.CabinetHotel--favorite .CabinetHotel-main {
  padding: 10px 15px 15px;
  display: block; }

.CabinetSetting {
  overflow-y: hidden;
  height: 100%;
  padding: 15px 0 20px 42px;
  background-color: #f0f3f6; }
  .CabinetSetting .CabinetSetting-title {
    position: relative;
    padding-bottom: 16px;
    color: #46bcea;
    border-bottom: 2px #46bcea solid;
    font-size: 41px;
    font-weight: bold;
    line-height: 1.2; }
  .CabinetSetting .CabinetSetting-title::before, .CabinetSetting .CabinetSetting-title::after {
    position: absolute;
    bottom: -26px;
    left: 30px;
    content: "";
    border: 13px solid transparent;
    border-top: 13px solid #46bcea; }
  .CabinetSetting .CabinetSetting-title::after {
    bottom: -23px;
    border-top: 13px solid #f0f3f6; }
  .CabinetSetting .CabinetSetting-profile {
    max-width: 950px; }
  .CabinetSetting .Block {
    float: left;
    width: 420px;
    padding-top: 20px;
    color: #626c78;
    font-size: 18px;
    font-weight: bold; }
  .CabinetSetting .Block--first {
    margin-right: 110px; }
  .CabinetSetting .CabinetSetting-profileLabel {
    float: left;
    width: 80px;
    padding: 7px 0 8px 0; }
  .CabinetSetting .CabinetSetting-profileLabelBig {
    float: left;
    width: 145px;
    padding: 7px 0 8px 0; }
  .CabinetSetting .CabinetSetting-editText {
    float: left;
    cursor: pointer;
    border: none; }
    .CabinetSetting .CabinetSetting-editText .CabinetSetting-editTextLabel {
      float: left;
      width: 297px;
      min-height: 40px;
      padding: 9px 8px;
      color: #626c78;
      border: 1px solid transparent;
      border-right: none;
      font-size: 14px;
      font-weight: normal;
      font-style: normal; }
    .CabinetSetting .CabinetSetting-editText .CabinetSetting-editTextButton {
      display: none;
      float: left;
      width: 40px;
      height: 40px;
      margin: 0 !important;
      color: #FFF;
      border: none;
      background-color: #46bcea; }
      .CabinetSetting .CabinetSetting-editText .CabinetSetting-editTextButton [class*="i-"] {
        position: relative;
        top: 2px;
        left: 9px;
        font-size: 22px; }
  .CabinetSetting .CabinetSetting-editText:hover .CabinetSetting-editTextLabel {
    border: 1px solid #46bcea;
    border-right: none; }
  .CabinetSetting .CabinetSetting-editText:hover .CabinetSetting-editTextButton {
    display: block; }
  .CabinetSetting .SocialBox {
    top: 0;
    float: left;
    width: 105px; }
    .CabinetSetting .SocialBox .SocialBoxIcon {
      float: left;
      margin-right: 5px; }
    .CabinetSetting .SocialBox .SocialBoxIcon-text {
      float: left;
      margin-right: 10px;
      padding-top: 2px;
      cursor: pointer;
      color: #46bcea;
      border-bottom: 1px dashed #46bcea;
      font-size: 12px;
      font-weight: normal; }
  .CabinetSetting .CabinetSetting-city {
    padding-top: 22px; }
    .CabinetSetting .CabinetSetting-city .CabinetSetting-cityLabel::before {
      position: absolute;
      top: 0;
      left: -26px;
      content: "";
      border: 13px solid transparent;
      border-right: 13px solid #9da8b7; }
    .CabinetSetting .CabinetSetting-city .CabinetSetting-cityLabel::after {
      position: absolute;
      top: 12px;
      left: -5px;
      width: 2px;
      height: 2px;
      content: "";
      background-color: #FFF; }
    .CabinetSetting .CabinetSetting-city .CabinetSetting-cityLabel {
      position: relative;
      float: left;
      height: 26px;
      margin-bottom: 5px;
      margin-left: 18px;
      padding: 5px 7px 5px 5px;
      color: #FFF;
      background-color: #9da8b7;
      font-size: 12px;
      font-weight: normal;
      line-height: 1.3; }
    .CabinetSetting .CabinetSetting-city .CabinetSetting-cityBlock {
      float: left;
      width: 317px; }
    .CabinetSetting .CabinetSetting-city .CabinetSetting-cityTitle {
      float: left;
      width: 100px; }
  .CabinetSetting .MultiSelect {
    float: left;
    width: 275px; }
  .CabinetSetting .CabinetSetting-cards {
    padding-top: 45px; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-cardPic {
      position: relative;
      top: -4px;
      float: left;
      width: 46px;
      height: 30px;
      border-radius: 2px;
      background-color: #626C78; }
      .CabinetSetting .CabinetSetting-cards .CabinetSetting-cardPic.isChecked {
        background-color: #009cd9; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-cardLabel {
      float: left;
      width: 100px;
      margin-top: 2px;
      padding-left: 12px;
      font-size: 14px;
      font-weight: normal; }
      .CabinetSetting .CabinetSetting-cards .CabinetSetting-cardLabel.isChecked {
        color: #009cd9; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-deleteCard:before {
      position: absolute;
      top: 4px;
      left: -20px;
      width: 14px;
      height: 14px;
      content: "";
      border-radius: 50%;
      background-color: #9da8b7; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-deleteCard:hover:before {
      background-color: #626C78; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-deleteCard:after {
      position: absolute;
      top: -1px;
      left: -19px;
      content: "—";
      color: #FFF;
      font-size: 15px;
      font-weight: bold; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-deleteCard {
      position: relative;
      float: left;
      margin-top: 2px;
      margin-left: 20px;
      cursor: pointer;
      color: #9da8b7;
      border-bottom: 1px dashed #9da8b7;
      font-size: 12px;
      font-weight: normal; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-deleteCard:hover {
      color: #626C78;
      border-bottom: 1px dashed #626C78; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-addCard:before {
      position: absolute;
      top: 4px;
      left: -20px;
      width: 14px;
      height: 14px;
      content: "";
      border-radius: 50%;
      background-color: #85c441; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-addCard:hover:before {
      background-color: #87aa39; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-addCard:after {
      position: absolute;
      top: -2px;
      left: -18px;
      content: "+";
      color: #FFF;
      font-size: 18px;
      font-weight: bold; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-addCard {
      position: relative;
      float: left;
      margin-top: 2px;
      margin-left: 20px;
      cursor: pointer;
      border-bottom: 1px dashed #626C78;
      font-size: 12px;
      font-weight: normal; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-addCardButton {
      float: left;
      width: 121px;
      margin-left: 60px;
      font-size: 12px;
      font-weight: normal; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-addCardCancel {
      float: left;
      margin-top: 5px;
      margin-left: 15px;
      cursor: pointer;
      color: #9da8b7;
      border-bottom: 1px dashed #9da8b7;
      font-size: 12px;
      font-weight: normal; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-addCardCancel:hover {
      color: #626C78;
      border-bottom: 1px dashed #626C78; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-addCard:hover {
      color: #626C78; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-creditCard:before {
      position: absolute;
      top: -22px;
      left: 50px;
      content: "";
      border: 11px solid transparent;
      border-bottom: 11px solid #006598; }
    .CabinetSetting .CabinetSetting-cards .CabinetSetting-creditCard {
      position: relative;
      float: left;
      width: 412px;
      height: 261px;
      padding: 15px;
      color: #FFF;
      border-radius: 15px;
      background-color: #006598;
      font-size: 14px; }
      .CabinetSetting .CabinetSetting-cards .CabinetSetting-creditCard h4 {
        margin: 0;
        padding-bottom: 8px;
        font-weight: bold;
        line-height: 1.5; }
      .CabinetSetting .CabinetSetting-cards .CabinetSetting-creditCard label {
        margin-bottom: 2px;
        font-weight: normal; }
      .CabinetSetting .CabinetSetting-cards .CabinetSetting-creditCard .CabinetSetting-creditCardNumber input {
        letter-spacing: 10px; }
      .CabinetSetting .CabinetSetting-cards .CabinetSetting-creditCard .CabinetSetting-creditCardData input {
        width: 80px;
        letter-spacing: 4px; }
      .CabinetSetting .CabinetSetting-cards .CabinetSetting-creditCard .CabinetSetting-creditCardName label {
        float: left;
        width: 100%; }
      .CabinetSetting .CabinetSetting-cards .CabinetSetting-creditCard .CabinetSetting-creditCardName input {
        float: left;
        width: 277px;
        letter-spacing: 4px; }
      .CabinetSetting .CabinetSetting-cards .CabinetSetting-creditCard .form-group {
        margin-bottom: 10px; }
    .CabinetSetting .CabinetSetting-cards .Checkbox {
      float: left; }
      .CabinetSetting .CabinetSetting-cards .Checkbox .Checkbox-label {
        width: 150px; }
  .CabinetSetting .CabinetSetting-distribution {
    padding-top: 45px; }
    .CabinetSetting .CabinetSetting-distribution .CabinetSetting-checkBox {
      display: table-cell;
      vertical-align: middle; }
    .CabinetSetting .CabinetSetting-distribution .CabinetSetting-distributionSeparator {
      display: table-cell;
      padding-right: 15px;
      padding-left: 13px;
      vertical-align: middle;
      color: #555F69;
      font-size: 10px; }
      .CabinetSetting .CabinetSetting-distribution .CabinetSetting-distributionSeparator.isChecked {
        color: #009cd9; }
    .CabinetSetting .CabinetSetting-distribution .CabinetSetting-distributionLabel {
      display: table-cell;
      width: 245px;
      text-align: justify;
      color: #555F69;
      font-size: 12px;
      font-weight: normal;
      line-height: 1.2; }
  .CabinetSetting .Checkbox .Checkbox-checked {
    color: #f0f3f6; }
  .CabinetSetting .Checkbox .Checkbox-label {
    width: 110px;
    line-height: 1.2; }
  .CabinetSetting .Checkbox .Checkbox-icons {
    margin-top: 0; }
  .CabinetSetting .Checkbox.is-checked .Checkbox-icons {
    margin-top: 0; }
  .CabinetSetting .MultiSelectDropdown {
    min-width: 275px; }
  .CabinetSetting .InlineDropdown {
    border: none;
    line-height: 40px; }
    .CabinetSetting .InlineDropdown.not-select:before {
      position: absolute;
      display: block;
      width: 44px;
      height: 29px;
      content: "";
      border-bottom: 1px dashed #46bcea; }
    .CabinetSetting .InlineDropdown + .dropdown-menu {
      min-width: 105px;
      margin: 0; }

.CabinetUnsubscribe {
  display: table;
  width: 100%;
  height: 100%; }
  .CabinetUnsubscribe .CabinetUnsubscribe-status {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    color: #006498;
    font-size: 30px; }
    .CabinetUnsubscribe .CabinetUnsubscribe-status:before {
      position: relative;
      top: -3px;
      margin-right: 10px; }

.CatalogHeader {
  height: 50px;
  background-color: #fafbfc;
  /*@CONFIGURABLE-COLOR:bg-top-search-panel*/
  line-height: 50px; }

.CatalogContinent {
  position: relative;
  left: 0;
  margin-top: 30px;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s; }
  .CatalogContinent-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .CatalogContinent-map {
    width: 290px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .CatalogContinent-descriptionBlock {
    text-align: left; }
  .CatalogContinent-descriptionBlockTitle {
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 40px;
    line-height: 48px; }
  .CatalogContinent-topPlaces {
    display: block;
    width: 290px;
    height: 50px;
    font-size: 18px;
    line-height: 50px; }
  .CatalogContinent-topCountries {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .CatalogContinent-country {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 580px;
    margin-bottom: 20px;
    cursor: pointer;
    background-color: #fafbfc;
    /*@CONFIGURABLE-COLOR:bg-panel*/
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .CatalogContinent-country.ng-enter {
    padding-left: 30px;
    -webkit-transition: all ease 350ms;
    -o-transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    transition: all ease 350ms;
    opacity: 0; }
  .CatalogContinent-country.ng-enter-stagger {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s; }
  .CatalogContinent-country.ng-enter-active {
    padding-left: 0;
    opacity: 1.0; }
  .CatalogContinent-countryPhotoBlock {
    width: 290px;
    height: 290px;
    background-color: orange;
    background-size: cover;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .CatalogContinent-countryInfoBlock {
    padding: 15px; }
  .CatalogContinent-countryInfoBlockTitle {
    overflow: hidden;
    width: 260px;
    margin-bottom: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 30px;
    line-height: 30px; }
  .CatalogContinent-countryInfoBlockAdvantage:before {
    margin-right: 5px;
    color: #599442;
    /*@CONFIGURABLE-COLOR:text-pros*/ }
  .CatalogContinent-countryInfoBlockDisadvantage:before {
    margin-right: 5px;
    color: #dc3228;
    /*@CONFIGURABLE-COLOR:text-accent*/ }
  .CatalogContinent-text {
    font-size: 16px;
    padding: 25px 0;
    text-align: left; }
  .CatalogContinent-textTitle {
    font-weight: normal;
    color: #3b4653;
    margin-top: 0;
    padding-top: 0;
    text-align: center;
    margin-bottom: 20px; }

.CatalogCountry {
  -webkit-transition: opacity .3s ease-in;
  -o-transition: opacity .3s ease-in;
  -moz-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in; }
  .CatalogCountry.ng-enter {
    opacity: 0; }
  .CatalogCountry.ng-enter.ng-enter-active {
    opacity: 1; }
  .CatalogCountry-usefullInfo {
    padding: 50px 0;
    text-align: center;
    background-color: white; }
  .CatalogCountry-usefullInfoTitle {
    margin-bottom: 20px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 40px;
    line-height: 40px; }
  .CatalogCountry-prosAndCons {
    width: 880px;
    margin: auto;
    margin-bottom: 25px;
    padding: 20px;
    background-color: #e7ebf2;
    /*@CONFIGURABLE-COLOR:bg*/ }
  .CatalogCountry-prosAndConsTitle {
    margin-bottom: 20px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 30px;
    line-height: 30px; }
  .CatalogCountry-prosAndConsWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 18px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .CatalogCountry-pros {
    margin-right: 15px;
    text-align: right; }
  .CatalogCountry-advantage span {
    margin-left: 10px;
    color: #599442;
    /*@CONFIGURABLE-COLOR:text-pros*/ }
  .CatalogCountry-cons {
    margin-left: 15px;
    text-align: left; }
  .CatalogCountry-disadvantage:before {
    margin-right: 10px;
    color: #dc3228;
    /*@CONFIGURABLE-COLOR:text-accent*/ }
  .CatalogCountry-usefullInfoContent {
    width: 880px;
    margin: auto;
    margin-bottom: 25px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/ }
  .CatalogCountry-usefullInfoText {
    -webkit-transition: height .3s ease-in;
    -o-transition: height .3s ease-in;
    -moz-transition: height .3s ease-in;
    transition: height .3s ease-in;
    font-size: 18px;
    text-align: justify; }
  .CatalogCountry-usefullInfoText--shorten {
    overflow: hidden;
    height: 75px; }
  .CatalogCountry-usefullInfoShowAllBtn {
    width: 384px;
    height: 50px;
    font-size: 18px;
    line-height: 50px; }

.CatalogCities-title {
  margin-top: 40px;
  text-align: center;
  color: #3b4653;
  /*@CONFIGURABLE-COLOR:text-highlight*/
  font-size: 40px; }

.CatalogCities-subTitle {
  text-align: center;
  color: #3b4653;
  /*@CONFIGURABLE-COLOR:text-highlight*/
  font-size: 30px; }

.CatalogCities-topCities {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.CatalogCities-topCity {
  position: relative;
  width: 220px;
  height: 220px;
  margin-bottom: 20px;
  cursor: pointer;
  background-size: cover; }

.CatalogCities-topCity.ng-enter {
  padding-left: 30px;
  -webkit-transition: all ease 350ms;
  -o-transition: all ease 350ms;
  -moz-transition: all ease 350ms;
  transition: all ease 350ms;
  opacity: 0; }

.CatalogCities-topCity.ng-enter-stagger {
  -webkit-transition-delay: .1s;
  -moz-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

.CatalogCities-topCity.ng-enter-active {
  padding-left: 0;
  opacity: 1.0; }

.CatalogCities-topCityName {
  position: absolute;
  bottom: 30px;
  left: 15px;
  overflow: hidden;
  width: 190px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: white;
  font-size: 18px;
  line-height: 18px; }

.CatalogCities-topCityHotelsNum {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #ffb72e;
  /*@CONFIGURABLE-COLOR:input-border-focus*/
  font-size: 12px;
  line-height: 12px; }

.CatalogCities-citiesList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-bottom: 30px; }

.CatalogCities-citiesListColumn {
  overflow: hidden;
  width: -webkit-calc(100% / 4);
  width: -moz-calc(100% / 4);
  width: calc(100% / 4); }

.CatalogCities-citiesListItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
  font-size: 15px;
  line-height: 26px; }

.CatalogCities-citiesListItemCityName {
  overflow: hidden;
  max-width: 160px;
  margin-right: 5px;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .CatalogCities-citiesListItemCityName a {
    overflow: hidden;
    max-width: -webkit-calc(100% / 4 - 130px);
    max-width: -moz-calc(100% / 4 - 130px);
    max-width: calc(100% / 4 - 130px);
    white-space: nowrap;
    text-decoration: underline;
    text-overflow: ellipsis;
    color: #006598;
    /*@CONFIGURABLE-COLOR:links*/ }
  .CatalogCities-citiesListItemCityName a:hover {
    color: #2d7dc8;
    /*@CONFIGURABLE-COLOR:links-hover*/ }

.CatalogCities-citiesListItemCityName--popular {
  font-weight: 800; }

.CatalogCities-citiesListItem--delimeter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #006498;
  /*@CONFIGURABLE-COLOR:text-header*/
  font-size: 18px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.CatalogCities-delimeterImg {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1175px -500px;
  width: 31px;
  height: 3px;
  position: relative;
  top: 11px;
  left: 7px; }

.CatalogCity {
  -webkit-transition: opacity .3s ease-in;
  -o-transition: opacity .3s ease-in;
  -moz-transition: opacity .3s ease-in;
  transition: opacity .3s ease-in; }
  .CatalogCity.ng-enter {
    opacity: 0; }
  .CatalogCity.ng-enter.ng-enter-active {
    opacity: 1; }
  .CatalogCity .CatalogNavigationBlock {
    top: 750px; }
  .CatalogCity-usefullInfo {
    padding: 50px 0;
    text-align: center;
    background-color: white; }
  .CatalogCity-usefullInfoTitle {
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 40px;
    line-height: 40px; }
  .CatalogCity-usefullInfoContent {
    margin-top: 50px;
    margin-bottom: 25px; }
  .CatalogCity-usefullInfoText {
    -webkit-transition: height .3s ease-in;
    -o-transition: height .3s ease-in;
    -moz-transition: height .3s ease-in;
    transition: height .3s ease-in;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 18px;
    text-align: justify; }
  .CatalogCity-usefullInfoText--shorten {
    overflow: hidden;
    height: 75px; }
  .CatalogCity-usefullInfoShowAllBtn {
    width: 384px;
    height: 50px;
    font-size: 18px;
    line-height: 50px; }
  .CatalogCity-hotelsSlider {
    margin-bottom: 50px;
    text-align: center; }
    .CatalogCity-hotelsSlider:first-child {
      margin-top: 50px; }
  .CatalogCity-hotelsCategory {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .CatalogCity-hotelsTitle {
    margin-bottom: 25px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 40px;
    line-height: 40px; }
  .CatalogCity-allCitiesBigBtn {
    display: block;
    width: 784px;
    height: 60px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 30px;
    line-height: 60px; }
  .CatalogCity-hotelsMap {
    width: 100%;
    height: 500px; }
  .CatalogCity-priceDynamics {
    padding-top: 50px;
    background-color: white; }
  .CatalogCity-priceDynamicsTitle {
    text-align: center;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 40px;
    line-height: 40px; }
  .CatalogCity-priceDynamicsSubTitlte {
    text-align: center;
    font-size: 20px; }
  .CatalogCity-priceDynamicsChart {
    margin-top: 25px;
    margin-bottom: 100px; }

.CatalogHotel-header {
  position: relative;
  z-index: 999;
  height: 80px;
  padding: 15px 0;
  background-color: white; }

.CatalogHotel-header > .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.CatalogHotel-headerLeft {
  width: -webkit-calc(100% - 435px);
  width: -moz-calc(100% - 435px);
  width: calc(100% - 435px); }

.CatalogHotel-headerFisrtLine, .CatalogHotel-headerSecondLine {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.CatalogHotel-hotelName {
  overflow: hidden;
  max-width: 550px;
  margin-right: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #006498;
  /*@CONFIGURABLE-COLOR:text-header*/
  font-size: 20px; }

.CatalogHotel-stars {
  margin-right: 15px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.CatalogHotel-likeBtn {
  position: relative;
  top: 3px;
  width: 21px;
  height: 21px;
  cursor: pointer; }

.CatalogHotel-distanceFromCenter {
  margin-right: 10px;
  color: #006598;
  /*@CONFIGURABLE-COLOR:links*/ }
  .CatalogHotel-distanceFromCenter:hover {
    color: #2d7dc8;
    /*@CONFIGURABLE-COLOR:links-hover*/ }
  .CatalogHotel-distanceFromCenter span {
    text-decoration: underline; }
  .CatalogHotel-distanceFromCenter [class*="i-"] {
    position: relative;
    top: -2px; }

.CatalogHotel-breadcrumbs .CatalogBreadcrumbs {
  color: #006598;
  /*@CONFIGURABLE-COLOR:links*/
  font-size: 14px; }

.CatalogHotel-breadcrumbs .CatalogBreadcrumbs-item--home,
.CatalogHotel-breadcrumbs .CatalogBreadcrumbs-item--home + .CatalogBreadcrumbs-delimeter {
  display: none; }

.CatalogHotel-breadcrumbs .CatalogBreadcrumbs-item {
  text-decoration: underline; }
  .CatalogHotel-breadcrumbs .CatalogBreadcrumbs-item:hover {
    color: #2d7dc8;
    /*@CONFIGURABLE-COLOR:links-hover*/ }

.CatalogHotel-breadcrumbs .CatalogBreadcrumbs-item--active {
  text-decoration: none;
  color: #626c78;
  /*@CONFIGURABLE-COLOR:text*/ }

.CatalogHotel-breadcrumbs .CatalogBreadcrumbs-delimeter {
  margin: 0 5px; }

.CatalogHotel-headerRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 435px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.CatalogHotel-datesPicker.DateBox {
  height: 50px;
  margin-right: 3px;
  border: 1px solid #d1d5df;
  /*@CONFIGURABLE-COLOR:input-border*/ }
  .CatalogHotel-datesPicker.DateBox .DateBox-datesContainer {
    width: 250px; }
  .CatalogHotel-datesPicker.DateBox .DateBox-dateContainer {
    width: 125px;
    height: 50px;
    padding: 10px 0 10px 8px; }
  .CatalogHotel-datesPicker.DateBox .DateBox-dateContainer:last-child {
    width: 125px;
    height: 50px;
    border-left: 1px solid #d1d5df;
    /*@CONFIGURABLE-COLOR:input-border*/ }
  .CatalogHotel-datesPicker.DateBox .DateBox-date {
    font-size: 16px;
    line-height: 26px; }

.CatalogHotel-headerSearchBtn {
  width: 180px;
  height: 50px;
  font-size: 16px;
  line-height: 50px; }

.CatalogHotel-gallery {
  padding: 5px 0;
  background-color: #3b4653;
  /*@CONFIGURABLE-COLOR:bg-hf*/ }

.CatalogHotel-hotelInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.CatalogHotel-infoLeft, .CatalogHotel-infoRight {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.CatalogHotel-infoLeft {
  width: 720px; }

.CatalogHotel-infoRight {
  width: 430px; }

.CatalogHotel-infoRightItem {
  min-height: 60px;
  margin-bottom: 5px;
  text-align: center;
  color: #3b4653;
  /*@CONFIGURABLE-COLOR:text-highlight*/
  background-color: white;
  font-size: 15px;
  line-height: 60px; }
  .CatalogHotel-infoRightItem:last-child {
    margin-bottom: 0; }

.CatalogHotel-taRating {
  text-align: left;
  font-size: inherit;
  line-height: inherit; }
  .CatalogHotel-taRating .HotelTaBlock {
    border-color: white;
    background-color: white; }

.CatalogHotel-hotelMinPrice {
  color: #006498;
  /*@CONFIGURABLE-COLOR:text-header*/
  font-size: 20px; }

.CatalogHotel-arrivalInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex; }

.CatalogHotel-checkIn {
  -webkit-box-flex: 10;
  -webkit-flex-grow: 10;
  -moz-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10; }

.CatalogHotel-checkOut {
  -webkit-box-flex: 10;
  -webkit-flex-grow: 10;
  -moz-box-flex: 10;
  -ms-flex-positive: 10;
  flex-grow: 10; }

.CatalogHotel-infoSection {
  margin-bottom: 20px; }

.CatalogHotel-infoSectionTitle {
  margin-bottom: 10px;
  color: #3b4653;
  /*@CONFIGURABLE-COLOR:text-highlight*/
  font-size: 18px; }
  .CatalogHotel-infoSectionTitle[class*="i-"]:before {
    position: relative;
    top: -3px;
    margin-right: 5px;
    font-size: 20px; }

.CatalogHotel-infoSectionContent {
  padding-left: 30px; }

.CatalogHotel-infoSectionDescription {
  position: relative; }

.CatalogHotel-infoSectionDescription--short {
  overflow: hidden;
  max-height: 175px; }

.CatalogHotel-fadeGradient {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px;
  pointer-events: none;
  background: -webkit-gradient(linear, left bottom, left top, from(#e7ebf2), to(rgba(255, 255, 255, 0)));
  background: -moz- oldlinear-gradient(bottom, #e7ebf2, rgba(255, 255, 255, 0));
  background: -o-linear-gradient(bottom, #e7ebf2, rgba(255, 255, 255, 0));
  background: linear-gradient(to top, #e7ebf2, rgba(255, 255, 255, 0)); }

.CatalogHotel-infoSectionShowAll {
  display: inline-block;
  float: none; }

.CatalogHotel-infoSectionPlaces {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.CatalogHotel-infoSectionPlace {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 340px;
  margin-bottom: 3px;
  font-size: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.CatalogHotel-infoSectioPlaceDistance {
  margin-right: 10px;
  padding: 0 5px;
  color: #006498;
  /*@CONFIGURABLE-COLOR:text-header*/
  border: 1px solid #006498;
  /*@CONFIGURABLE-COLOR:text-header*/
  border-radius: 20px;
  line-height: 21px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.CatalogHotel-searchFormTitle {
  text-align: center;
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-weight: normal;
  margin-bottom: 65px;
  margin-top: 0; }

.CatalogHotel-searchForm {
  padding: 50px 0 10px 0;
  background-color: #dce3ec;
  /*@CONFIGURABLE-COLOR:bg-stepper-inactive*/ }
  .CatalogHotel-searchForm .SearchForm .SearchForm-searchHeader {
    display: none; }
  .CatalogHotel-searchForm .HotelSearch-upBox > div:nth-child(2) {
    display: none; }
  .CatalogHotel-searchForm .SearchForm .HotelSearch .HotelSearch-upBox {
    background-color: transparent; }
  .CatalogHotel-searchForm .SearchForm .HotelSearch {
    min-height: inherit;
    margin-bottom: 0; }
  .CatalogHotel-searchForm .SearchForm .HotelSearch .HotelSearch-upBox {
    padding-top: 0; }
  .CatalogHotel-searchForm .SearchForm .HotelSearch .HotelSearch-downBox {
    background-color: transparent; }

.CatalogHotel-map {
  height: 450px; }

.Stars {
  cursor: default;
  text-align: center; }
  .Stars:before, .Stars:after {
    display: table;
    content: " "; }
  .Stars:after {
    clear: both; }
  .Stars .i-stars-opacity:before {
    opacity: .5; }
  .Stars .Stars-star {
    display: inline-block;
    float: left;
    margin-right: 1px;
    color: #ffb72e;
    font-size: 17px; }
  .Stars.is-select .Stars-star {
    position: relative;
    margin-top: -3px;
    cursor: pointer;
    font-size: 24px; }
  .Stars.is-select .Stars-starNumber {
    display: block; }
  .Stars.Stars--small .Stars-star {
    margin-right: 2px;
    font-size: 14px; }
  .Stars.Stars--tiny .Stars-star {
    margin-right: 1px;
    font-size: 11px; }
  .Stars .Stars-starNumber {
    position: absolute;
    top: 13px;
    left: 0;
    display: none;
    width: 24px;
    text-align: center;
    color: #000;
    font-size: 11px; }

.SvgStars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .SvgStars-star {
    cursor: pointer; }
    .SvgStars-star svg {
      height: 20px;
      width: 20px; }
  .SvgStars-star--unEditable {
    cursor: default; }
  .SvgStars-star--inactive svg .starIcon {
    fill: transparent;
    stroke: #ffb72e; }
  .SvgStars-star--active svg .starIcon {
    fill: #ffb72e;
    stroke: #ffb72e; }
  .SvgStars-star--hover svg .starIcon {
    stroke: #ffb72e;
    fill: rgba(255, 183, 46, 0.2); }

.LoadingCover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center; }
  .LoadingCover--pageLoader {
    height: -webkit-calc(100vh - 50px);
    height: -moz-calc(100vh - 50px);
    height: calc(100vh - 50px); }
  .LoadingCover-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 679px;
    height: 158px;
    margin-top: -79px;
    margin-left: -339.5px; }
  .LoadingCover-map {
    position: absolute;
    width: 679px;
    height: 158px;
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: 0px -434px;
    width: 679px;
    height: 158px; }
  .LoadingCover-mapCover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: -moz- oldradial-gradient(center ellipse, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -o-radial-gradient(center ellipse, rgba(255, 255, 255, 0) 0%, white 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, white 100%); }
  .LoadingCover-pointer {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 97px;
    height: 129px;
    margin-top: -129px;
    margin-left: -48.5px; }
  .LoadingCover-pointerImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: -1104px -293px;
    width: 97px;
    height: 129px;
    -webkit-animation: LoadingCoverPointerImageBounce 1s infinite;
    -moz-animation: LoadingCoverPointerImageBounce 1s infinite;
    -o-animation: LoadingCoverPointerImageBounce 1s infinite;
    animation: LoadingCoverPointerImageBounce 1s infinite; }
  .LoadingCover-pointerShadow {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: 12px;
    margin-bottom: -6px;
    margin-left: -24px;
    -webkit-animation: LoadingCoverPointerShadowBounce 1s infinite;
    -moz-animation: LoadingCoverPointerShadowBounce 1s infinite;
    -o-animation: LoadingCoverPointerShadowBounce 1s infinite;
    animation: LoadingCoverPointerShadowBounce 1s infinite;
    border-radius: 50%;
    background-color: rgba(59, 70, 82, 0.5); }
  .LoadingCover-caption {
    position: absolute;
    top: 100%;
    width: 100%;
    color: #3b4652; }
  .LoadingCover-captionTitle {
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    font-weight: 300;
    line-height: 42px; }
  .LoadingCover-captionSubtitle {
    font-family: "Roboto", sans-serif;
    font-size: 21px;
    font-weight: 300;
    line-height: 20px; }

@-webkit-keyframes LoadingCoverPointerImageBounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px); }
  60% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); } }

@-moz-keyframes LoadingCoverPointerImageBounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -moz-transform: translateY(-50px);
    transform: translateY(-50px); }
  60% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px); } }

@-o-keyframes LoadingCoverPointerImageBounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -o-transform: translateY(-50px);
    transform: translateY(-50px); }
  60% {
    -o-transform: translateY(-10px);
    transform: translateY(-10px); } }

@keyframes LoadingCoverPointerImageBounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px); }
  60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); } }

@-webkit-keyframes LoadingCoverPointerShadowBounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  40% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6); }
  60% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@-moz-keyframes LoadingCoverPointerShadowBounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: scale(1);
    transform: scale(1); }
  40% {
    -moz-transform: scale(0.6);
    transform: scale(0.6); }
  60% {
    -moz-transform: scale(0.8);
    transform: scale(0.8); } }

@-o-keyframes LoadingCoverPointerShadowBounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: scale(1);
    transform: scale(1); }
  40% {
    -o-transform: scale(0.6);
    transform: scale(0.6); }
  60% {
    -o-transform: scale(0.8);
    transform: scale(0.8); } }

@keyframes LoadingCoverPointerShadowBounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  40% {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6); }
  60% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); } }

.LoadingCover--light {
  background-color: #f0f3f6; }
  .LoadingCover--light .LoadingCover-mapCover {
    background: -moz- oldradial-gradient(center ellipse, rgba(255, 255, 255, 0) 0%, #f0f3f6 100%);
    background: -o-radial-gradient(center ellipse, rgba(255, 255, 255, 0) 0%, #f0f3f6 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, #f0f3f6 100%); }

.Map {
  position: relative; }
  .Map .Map-mapBox {
    width: 100%;
    height: 100%; }
  .Map .Map-loader {
    position: absolute;
    background-color: #f0f3f6; }
  .Map .Map-controls {
    position: absolute;
    top: 10px;
    right: 10px; }
  .Map .Map-zoomIn, .Map .Map-zoomOut {
    width: 40px;
    height: 40px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    color: #fff;
    background-color: #4dbde8;
    font-size: 24px; }
    .Map .Map-zoomIn:hover, .Map .Map-zoomOut:hover {
      background-color: #0d6697; }
  .Map-searchBox {
    position: absolute;
    top: 10;
    left: 0;
    height: 40px;
    border: none;
    width: 300px !important;
    padding: 0 0px 0 0px;
    font-size: 15px; }
    .Map-searchBox:hover {
      border: none; }
    .Map-searchBox:focus {
      border: none;
      outline: none; }
  .Map-searchBoxWrapper {
    position: relative; }
  .Map .Map-zoomIn {
    margin-bottom: 10px;
    padding-top: 5px;
    padding-left: 9px; }
  .Map .Map-zoomOut {
    padding-top: 5px;
    padding-left: 7px; }

.BookingConditions {
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
  color: #006598;
  /*@CONFIGURABLE-COLOR:links*/ }
  .BookingConditions:before {
    margin-right: 5px; }
  .BookingConditions.is-noBorder {
    cursor: default;
    border: 0; }
    .BookingConditions.is-noBorder i {
      display: none; }
  .BookingConditions .i-extra-info:before {
    width: 12px !important;
    vertical-align: middle !important;
    font-size: 12px !important; }
  .BookingConditions-text {
    margin-left: 5px;
    border-bottom: 1px dashed #006598;
    /*@CONFIGURABLE-COLOR:links*/ }

.BookingConditionsInline [class*="i-"] {
  padding-right: 6px;
  vertical-align: 1px; }

.Tooltip.Tooltip--condition .tooltip-inner {
  padding: 0;
  background-color: transparent;
  max-width: none; }

.Tooltip.Tooltip--condition .Tooltip-loader {
  width: 350px;
  background-color: #009cd9; }
  .Tooltip.Tooltip--condition .Tooltip-loader [class*="bounce"] {
    background-color: #3b4653; }

.Tooltip.Tooltip--condition .tooltip-arrow {
  border-top-color: #009cd9 !important; }

.Tooltip.Tooltip--conditionExpired .tooltip-arrow {
  border-top-color: #D6383C !important; }

.CancelationConditions-no {
  width: 300px;
  padding: 15px;
  text-align: center;
  color: #ffffff;
  background-color: #009cd9; }

.CancelationConditions-expired {
  width: 300px;
  background-color: #D6383C;
  color: white;
  padding: 10px; }

.CancelationConditions .CancelationConditions-item {
  overflow: hidden;
  width: 350px;
  margin-bottom: 2px;
  text-align: left;
  color: #3b4653;
  border-radius: 2px;
  background-color: #009cd9; }
  .CancelationConditions .CancelationConditions-item:last-child {
    margin-bottom: 0; }
  .CancelationConditions .CancelationConditions-item .CancelationConditions-icon {
    display: table-cell;
    width: 50px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    background-color: #009cd9;
    padding: 5px 0 5px 0; }
    .CancelationConditions .CancelationConditions-item .CancelationConditions-icon[class*="i-"]:before {
      left: -5px;
      display: block;
      margin: auto;
      font-size: 30px;
      line-height: 30px;
      border-right: 1px solid #d1d5df; }
  .CancelationConditions .CancelationConditions-item .CancelationConditions-info {
    display: table-cell;
    width: 250px;
    padding: 5px;
    font-size: 14px;
    vertical-align: middle;
    padding-left: 10px; }
    .CancelationConditions .CancelationConditions-item .CancelationConditions-info .Currency:before {
      top: 0;
      margin-left: 4px;
      font-size: 12px; }

.Currency {
  display: inline-block;
  vertical-align: top; }
  .Currency.is-bold:before {
    font-weight: bold; }
  .Currency:before {
    font-size: .8em; }

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.StatusBar {
  float: left;
  margin-left: 100px;
  color: white; }
  .StatusBar .StatusBar-message {
    float: left;
    margin-left: 15px;
    line-height: 50px; }
  .StatusBar .StatusBar-loader {
    -webkit-animation-name: load3;
    -moz-animation-name: load3;
    -o-animation-name: load3;
    animation-name: load3;
    -webkit-animation-duration: 1.4s;
    -moz-animation-duration: 1.4s;
    -o-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    margin-top: 10px;
    -webkit-animation: load3 1.4s infinite linear;
    -moz-animation: load3 1.4s infinite linear;
    -o-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    text-indent: -9999em;
    border-radius: 50%;
    background: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fff), color-stop(42%, rgba(255, 255, 255, 0)));
    background: -moz- oldlinear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #fff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #fff 10%, rgba(255, 255, 255, 0) 42%); }
    .StatusBar .StatusBar-loader:before {
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 50%;
      content: "";
      border-radius: 100% 0 0 0;
      background: #FFF; }
    .StatusBar .StatusBar-loader:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 75%;
      height: 75%;
      margin: auto;
      content: "";
      border-radius: 50%;
      background-color: #3b4653; }

.StatusBar--landing .StatusBar-loader:after {
  background: #363d54; }

#video {
  height: 100%; }

.Video-playOnScreenWrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 320px; }
  .Video-playOnScreenWrapper .Video-playOnScreenBtn {
    position: relative;
    top: 50%;
    width: 45px;
    height: 45px;
    margin: auto;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    -moz-transition: transform .3s, -moz-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s;
    color: #ffffff;
    background-image: url(/images/common/player-play-on-screen.png);
    background-size: contain;
    font-size: 45px;
    line-height: 45px; }
    .Video-playOnScreenWrapper .Video-playOnScreenBtn:hover {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1); }

.Video-controls {
  position: relative;
  top: -45px;
  height: 43px; }
  .Video-controls .Video-seekBar {
    height: 6px;
    border: none; }
    .Video-controls .Video-seekBar .noUi-handle {
      display: none; }
    .Video-controls .Video-seekBar .noUi-base {
      background-color: #46bcea; }
    .Video-controls .Video-seekBar .noUi-origin {
      border-radius: inherit;
      background-color: #ffffff; }
  .Video-controls .Video-lowerControls {
    height: 37px;
    padding: 0 12px;
    color: #ffffff;
    background: #3b4554;
    line-height: 37px; }
    .Video-controls .Video-lowerControls .Video-leftLowerControls {
      float: left; }
      .Video-controls .Video-lowerControls .Video-leftLowerControls .Video-time {
        color: #46bcea; }
    .Video-controls .Video-lowerControls .Video-rightLowerControls {
      float: right; }
    .Video-controls .Video-lowerControls .Video-middleLowerControls {
      width: 70px;
      margin: 0 auto; }
      .Video-controls .Video-lowerControls .Video-middleLowerControls .Video-arrowBack {
        margin-right: 10px;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s; }
        .Video-controls .Video-lowerControls .Video-middleLowerControls .Video-arrowBack:hover {
          color: #46bcea; }
      .Video-controls .Video-lowerControls .Video-middleLowerControls .Video-playBtn {
        cursor: pointer;
        color: #46bcea;
        font-size: 17px; }
      .Video-controls .Video-lowerControls .Video-middleLowerControls .Video-arrowForward {
        margin-left: 9px;
        cursor: pointer;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s; }
        .Video-controls .Video-lowerControls .Video-middleLowerControls .Video-arrowForward:hover {
          color: #46bcea; }

.Mark-error .MarkControl-control {
  border-color: #A9130A; }

.MarkControl {
  background-color: #f0f3f6;
  height: 32px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 10px; }
  .MarkControl-controls {
    display: inline-block;
    height: 20px; }
  .MarkControl-control {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    cursor: pointer;
    border: 1px solid #e7ebf2;
    background-color: #ffffff;
    border-radius: 50%; }
    .MarkControl-control:hover {
      border-color: #46bcea; }
    .MarkControl-control:before {
      position: absolute;
      top: 3px;
      left: 3px;
      display: block;
      width: 12px;
      height: 12px;
      content: "";
      border-radius: 50%; }
    .MarkControl-control--selected:before {
      background-color: #46bcea; }

.TARating-small {
  float: left;
  width: 83px;
  height: 17px; }

.TARating {
  position: relative;
  width: 100%;
  height: 100%; }
  .TARating .TARating-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/common/rating-big.png); }
  .TARating .TARating-rate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/images/common/rating-big-full.png); }

.i-common-ta-rating-0-0:after {
  content: '\e00d\e00d\e00d\e00d\e00d'; }

.i-common-ta-rating-0-5:after {
  content: '\e00c\e00d\e00d\e00d\e00d'; }

.i-common-ta-rating-1-0:after {
  content: '\e00b\e00d\e00d\e00d\e00d'; }

.i-common-ta-rating-1-5:after {
  content: '\e00b\e00c\e00d\e00d\e00d'; }

.i-common-ta-rating-2-0:after {
  content: '\e00b\e00b\e00d\e00d\e00d'; }

.i-common-ta-rating-2-5:after {
  content: '\e00b\e00b\e00c\e00d\e00d'; }

.i-common-ta-rating-3-0:after {
  content: '\e00b\e00b\e00b\e00d\e00d'; }

.i-common-ta-rating-3-5:after {
  content: '\e00b\e00b\e00b\e00c\e00d'; }

.i-common-ta-rating-4-0:after {
  content: '\e00b\e00b\e00b\e00b\e00d'; }

.i-common-ta-rating-4-5:after {
  content: '\e00b\e00b\e00b\e00b\e00c'; }

.i-common-ta-rating-5-0:after {
  content: '\e00b\e00b\e00b\e00b\e00b'; }

.i-common-sm-ta-rating-0-0 {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1069px -559px;
  width: 119px;
  height: 20px;
  margin-bottom: 3px;
  margin-top: 3px;
  margin-bottom: 3px; }

.i-common-sm-ta-rating-0-5 {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1047px -613px;
  width: 101px;
  height: 17px;
  margin-top: 3px;
  margin-bottom: 3px; }

.i-common-sm-ta-rating-1-0 {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -681px -564px;
  width: 101px;
  height: 17px;
  margin-top: 3px;
  margin-bottom: 3px; }

.i-common-sm-ta-rating-1-5 {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1047px -689px;
  width: 101px;
  height: 17px;
  margin-top: 3px;
  margin-bottom: 3px; }

.i-common-sm-ta-rating-2-0 {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -820px -727px;
  width: 101px;
  height: 17px;
  margin-top: 3px;
  margin-bottom: 3px; }

.i-common-sm-ta-rating-2-5 {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1047px -632px;
  width: 101px;
  height: 17px;
  margin-top: 3px;
  margin-bottom: 3px; }

.i-common-sm-ta-rating-3-0 {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1047px -651px;
  width: 101px;
  height: 17px;
  margin-top: 3px;
  margin-bottom: 3px; }

.i-common-sm-ta-rating-3-5 {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1047px -708px;
  width: 101px;
  height: 17px;
  margin-top: 3px;
  margin-bottom: 3px; }

.i-common-sm-ta-rating-4-0 {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1047px -594px;
  width: 101px;
  height: 17px;
  margin-top: 3px;
  margin-bottom: 3px; }

.i-common-sm-ta-rating-4-5 {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1026px -727px;
  width: 101px;
  height: 17px;
  margin-top: 3px;
  margin-bottom: 3px; }

.i-common-sm-ta-rating-5-0 {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -923px -727px;
  width: 101px;
  height: 17px;
  margin-top: 3px;
  margin-bottom: 3px; }

.paymentCard {
  position: relative;
  width: 100%;
  height: 300px; }
  .paymentCard input {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #beccda;
    border-radius: 2px; }
    .paymentCard input::-webkit-input-placeholder {
      font-size: 16px; }
    .paymentCard input::-moz-placeholder {
      font-size: 16px; }

.paymentCard-card {
  position: absolute;
  width: 415px;
  height: 264px; }

.paymentCard-card--fore {
  z-index: 1;
  bottom: 0;
  left: 0;
  background-image: url(/images/payment-card-fore-7fe1e6255f.png); }

.paymentCard-card--back {
  top: 0;
  right: 0;
  background-image: url(/images/payment-card-back-d994e02a56.png);
  background-size: cover; }

.paymentCard-numberLabel,
.paymentCard-cvcLabel,
.paymentCard-expireLabel,
.paymentCard-holderLabel {
  color: white;
  font-weight: normal; }

.paymentCard-number {
  display: block;
  margin-top: 10px;
  padding: 0 20px; }

.paymentCard-numberLabel {
  font-family: arial;
  font-size: 14px;
  line-height: 30px; }

.paymentCard-numberInput {
  display: block;
  width: 100%;
  padding: 7px 0 7px 40px;
  letter-spacing: 5px;
  font-family: consolas;
  font-size: 19px; }

.paymentCard-cvc {
  position: absolute;
  top: 128px;
  right: 0;
  display: block;
  width: 125px;
  padding: 0 20px; }

.paymentCard-cvcLabel {
  font-family: arial;
  font-size: 14px;
  line-height: 30px; }

.paymentCard-cvcInput {
  display: inline-block;
  width: 85px;
  padding: 7px 0 7px 15px;
  letter-spacing: 0;
  font-family: consolas;
  font-size: 19px; }

.paymentCard-expire {
  display: block;
  margin-top: 5px;
  padding: 0 20px; }

.paymentCard-expireLabel {
  font-family: arial;
  font-size: 14px;
  line-height: 30px; }

.paymentCard-expireInput {
  display: inline-block;
  width: 85px;
  padding: 7px 0 7px 15px;
  letter-spacing: 0;
  font-family: consolas;
  font-size: 19px; }

.paymentCard-holder {
  display: block;
  margin-top: 5px;
  padding: 0 20px; }

.paymentCard-holderLabel {
  font-family: arial;
  font-size: 14px;
  line-height: 30px; }

.paymentCard-holderInput {
  display: inline-block;
  width: 280px;
  padding: 7px 0 7px 15px;
  letter-spacing: 0;
  font-family: consolas;
  font-size: 19px; }

.paymentCardInput-error input {
  color: red;
  border-color: red; }

.Trip {
  cursor: pointer; }
  .Trip div {
    float: left; }
  .Trip .Trip-rating {
    padding-top: 3px;
    margin-left: 2px;
    position: relative; }
  .Trip .i-CommonTrip {
    float: left; }
  .Trip .i-CommonRating {
    position: relative; }
  .Trip .i-CommonRatingFull {
    position: absolute;
    left: 0;
    top: 0; }

.i-CommonTrip {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1074px -766px;
  width: 31px;
  height: 21px;
  display: inline-block; }

.i-CommonRating {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -802px -478px;
  width: 69px;
  height: 13px;
  display: inline-block; }

.i-CommonRatingFull {
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -1104px -500px;
  width: 69px;
  height: 13px;
  display: inline-block; }

.TaxDetails .tooltip-inner {
  max-width: 320px;
  padding: 10px 20px;
  text-align: left; }

.TaxDetails-taxSubItems {
  padding-left: 5px;
  list-style-position: inside; }

.TaxDetails.tooltip [class*="i-currency-"] {
  position: relative;
  top: -1px;
  font-size: 15px;
  font-weight: normal; }

.CatalogTopBanner {
  position: relative;
  height: -webkit-calc(100vh - 100px);
  height: -moz-calc(100vh - 100px);
  height: calc(100vh - 100px);
  min-height: 550px;
  background-color: gray;
  background-position: 50% 50%;
  background-size: cover; }
  .CatalogTopBanner-shadow {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    background-color: black; }
  .CatalogTopBanner-content {
    position: relative;
    position: relative;
    z-index: 10;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .CatalogTopBanner-title {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 40px;
    line-height: 40px; }
  .CatalogTopBanner-breadcrumbs {
    width: 100%; }
  .CatalogTopBanner .CatalogBreadcrumbs {
    width: 100%;
    color: #46bcea; }
  .CatalogTopBanner .CatalogBreadcrumbs {
    color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill*/
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .CatalogTopBanner .CatalogBreadcrumbs-item--home {
    line-height: 28px; }
  .CatalogTopBanner-searchForm {
    left: -webkit-calc(50vw - 590px);
    left: -moz-calc(50vw - 590px);
    left: calc(50vw - 590px); }

.CatalogBreadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .CatalogBreadcrumbs-item {
    cursor: pointer; }
    .CatalogBreadcrumbs-item a {
      text-decoration: none;
      color: inherit; }
      .CatalogBreadcrumbs-item a:link {
        text-decoration: none;
        color: inherit; }
      .CatalogBreadcrumbs-item a:visited {
        color: inherit; }
      .CatalogBreadcrumbs-item a:hover {
        text-decoration: none;
        color: inherit; }
      .CatalogBreadcrumbs-item a:active {
        text-decoration: none;
        color: inherit; }
  .CatalogBreadcrumbs-item--home {
    position: relative;
    top: -5px;
    font-size: 30px;
    line-height: 50px; }
  .CatalogBreadcrumbs-item--active {
    cursor: default;
    color: white; }
    .CatalogBreadcrumbs-item--active a {
      cursor: default; }
  .CatalogBreadcrumbs-delimeter {
    margin: 0 10px; }

.CatalogNavigationBlock {
  position: fixed;
  z-index: 999;
  top: 150px; }
  .CatalogNavigationBlock-items {
    position: absolute;
    top: 40px;
    right: 0; }
  .CatalogNavigationBlock-item.ng-enter {
    left: 30px;
    -webkit-transition: all ease 150ms;
    -o-transition: all ease 150ms;
    -moz-transition: all ease 150ms;
    transition: all ease 150ms;
    opacity: 0; }
  .CatalogNavigationBlock-item.ng-enter-stagger {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s; }
  .CatalogNavigationBlock-item.ng-enter-active {
    left: 0;
    opacity: 1.0; }
  .CatalogNavigationBlock-item.ng-leave {
    left: 0;
    -webkit-transition: all ease 150ms;
    -o-transition: all ease 150ms;
    -moz-transition: all ease 150ms;
    transition: all ease 150ms;
    opacity: 1; }
  .CatalogNavigationBlock-item.ng-leave-stagger {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s; }
  .CatalogNavigationBlock-item.ng-leave-active {
    left: 30px;
    opacity: 0; }
  .CatalogNavigationBlock-item {
    position: relative;
    width: 120px;
    height: 25px;
    margin-bottom: 5px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    text-align: center;
    color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill*/
    border: 1px solid #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill*/
    border-radius: 20px;
    background-color: transparent;
    line-height: 22px; }
    .CatalogNavigationBlock-item:hover {
      color: white;
      background-color: #46bcea;
      /*@CONFIGURABLE-COLOR:control-fill*/ }
  .CatalogNavigationBlock-item.CatalogNavigationBlock-item--active {
    color: white;
    background-color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill*/ }

@media (min-width: 1500px) {
  .CatalogNavigationBlock {
    right: -webkit-calc(100vw / 2 - 750px);
    right: -moz-calc(100vw / 2 - 750px);
    right: calc(100vw / 2 - 750px); } }

@media (max-width: 1500px) {
  .CatalogNavigationBlock {
    right: 10px; }
    .CatalogNavigationBlock-hamburger {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      height: 30px;
      cursor: pointer; } }

.CatalogContinent.CatalogContinent--menuActive {
  left: -60px; }

.CatalogNavigation.CatalogNavigation--inline .CatalogNavigationBlock {
  position: static;
  margin-top: 20px;
  right: initial;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  position: static;
  top: initial; }
  .CatalogNavigation.CatalogNavigation--inline .CatalogNavigationBlock .CatalogNavigationBlock-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 1180px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: static;
    top: 0px;
    right: auto; }
  .CatalogNavigation.CatalogNavigation--inline .CatalogNavigationBlock .CatalogNavigationBlock-item {
    display: inline-block;
    margin: 0 20px 15px 0;
    width: initial;
    padding: 4px 14px;
    font-size: 22px;
    height: 40px;
    line-height: 28px; }

.HorizontalScroll-row {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.HorizontalScroll-window {
  overflow: hidden;
  width: 100%; }

.HorizontalScroll-container {
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.HorizontalScroll-arrow {
  cursor: pointer; }

.HorizontalScroll-pages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.HorizontalScroll-page {
  width: 13px;
  height: 13px;
  margin-right: 3px;
  cursor: pointer;
  border: 1px solid #3b4653;
  /*@CONFIGURABLE-COLOR:text-highlight*/
  border-radius: 2px; }
  .HorizontalScroll-page:last-child {
    margin-right: 0; }

.HorizontalScroll-page--active {
  background-color: #3b4653;
  /*@CONFIGURABLE-COLOR:text-highlight*/ }

.CatalogBottomSearch {
  width: 100%;
  min-height: 300px;
  padding-top: 65px;
  padding-bottom: 20px;
  background-color: silver;
  background-image: url(/images/line-map-1f0e199fa2.png);
  background-size: cover; }
  .CatalogBottomSearch-title {
    text-align: center;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 40px;
    line-height: 40px; }
  .CatalogBottomSearch-breadcrumbs {
    width: 100%; }
  .CatalogBottomSearch .CatalogBreadcrumbs {
    color: #006598;
    /*@CONFIGURABLE-COLOR:links*/
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .CatalogBottomSearch .CatalogBreadcrumbs-item--home {
    line-height: 28px; }
  .CatalogBottomSearch .CatalogBreadcrumbs-item--active {
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/ }
  .CatalogBottomSearch-searchForm .SearchForm .HotelSearch .HotelSearch-upBox {
    background-color: transparent; }
  .CatalogBottomSearch-searchForm .HotelSearch .HotelSearch-noDate {
    display: none; }
  .CatalogBottomSearch-searchForm .SearchForm .SearchForm-formCollapse {
    color: #006598;
    /*@CONFIGURABLE-COLOR:links*/
    border-bottom-color: #006598;
    /*@CONFIGURABLE-COLOR:links*/ }
    .CatalogBottomSearch-searchForm .SearchForm .SearchForm-formCollapse:hover {
      color: #2d7dc8;
      /*@CONFIGURABLE-COLOR:links-hover*/
      border-bottom-color: #2d7dc8;
      /*@CONFIGURABLE-COLOR:links-hover*/ }
  .CatalogBottomSearch-searchForm .SearchForm .HotelSearch .HotelSearch-upBox .HotelSearch-hint {
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/ }
  .CatalogBottomSearch-searchForm .SearchForm .HotelSearch .HotelSearch-upBox .HotelSearch-hint a {
    color: #006598;
    /*@CONFIGURABLE-COLOR:links*/
    border-bottom-color: #006598;
    /*@CONFIGURABLE-COLOR:links*/ }
    .CatalogBottomSearch-searchForm .SearchForm .HotelSearch .HotelSearch-upBox .HotelSearch-hint a:hover {
      color: #2d7dc8;
      /*@CONFIGURABLE-COLOR:links-hover*/
      border-bottom-color: #2d7dc8;
      /*@CONFIGURABLE-COLOR:links-hover*/ }
  .CatalogBottomSearch-searchForm .SearchForm .HotelSearch .HotelSearch-downBox {
    background-color: transparent; }

.CitiesSlider-countryInfo {
  position: relative;
  width: 100%;
  height: 384px;
  padding-top: 70px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  background-position: 50% 50%;
  background-size: cover; }

.CitiesSlider-backgroundShadow {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .4;
  background-color: black; }

.CitiesSlider-countryInfoContent {
  position: relative;
  z-index: 10; }

.CitiesSlider-countryInfoTitle {
  margin-bottom: 15px;
  color: white;
  font-size: 40px;
  line-height: 40px; }

.CitiesSlider-allCitiesBtn {
  overflow: hidden;
  width: 384px;
  height: 60px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 30px;
  line-height: 60px; }

.CitiesSlider-countryCapital {
  margin-top: 40px;
  color: white;
  font-size: 30px; }

.CitiesSlider-countryCapitalHotelsNum {
  color: #ffb72e;
  font-size: 18px; }

.CitiesSlider-citiesSlider .HorizontalScroll {
  position: relative; }
  .CitiesSlider-citiesSlider .HorizontalScroll-pages {
    margin-top: 20px; }
  .CitiesSlider-citiesSlider .HorizontalScroll-arrow {
    position: absolute;
    z-index: 999;
    top: 0;
    width: 60px;
    height: 100%;
    background-color: rgba(59, 70, 83, 0.5); }
  .CitiesSlider-citiesSlider .HorizontalScroll-arrow--left {
    left: 0; }
    .CitiesSlider-citiesSlider .HorizontalScroll-arrow--left:before {
      background-image: url(/images/hotels-6de3b74b4c.png);
      background-position: 0px -848px;
      width: 20px;
      height: 37px;
      position: absolute;
      top: 160px;
      left: 15px;
      display: block;
      content: ""; }
  .CitiesSlider-citiesSlider .HorizontalScroll-arrow--right {
    right: 0; }
    .CitiesSlider-citiesSlider .HorizontalScroll-arrow--right:before {
      background-image: url(/images/hotels-6de3b74b4c.png);
      background-position: -1179px -424px;
      width: 20px;
      height: 37px;
      position: absolute;
      top: 160px;
      right: 15px;
      display: block;
      content: ""; }

.CitiesSlider-citiesSlider .CountryPlaces {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: inherit;
  width: inherit; }
  .CitiesSlider-citiesSlider .CountryPlaces-placeName {
    font-size: 36px;
    line-height: 30px;
    color: white; }
  .CitiesSlider-citiesSlider .CountryPlaces-placeHotelsNum {
    color: #ffb72e;
    font-size: 20px;
    line-height: 22px; }

.CitiesSlider-citiesSlider .CountryPlaces .CountryPlaces-place {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 15px;
  height: 380px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  background-size: cover;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.HotelTaBlock {
  padding: 10px 0;
  border: 1px solid #fff;
  /*@CONFIGURABLE-COLOR:border-panel*/
  border-radius: 2px;
  background-color: #fafbfc;
  /*@CONFIGURABLE-COLOR:bg-panel*/ }
  .HotelTaBlock-ratingsBlock {
    display: inline-block;
    float: left;
    width: 214px;
    padding: 0 15px; }
    .HotelTaBlock-ratingsBlock:last-child {
      border-left: 1px solid #dce3ec;
      /*@CONFIGURABLE-COLOR:divider*/ }
    .HotelTaBlock-ratingsBlock .fl {
      color: #626c78; }
    .HotelTaBlock-ratingsBlock .ratingImage {
      margin-top: 4px;
      margin-right: 16px; }
  .HotelTaBlock-ratingsPercent {
    display: inline-block;
    vertical-align: middle;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 20px;
    font-weight: bold;
    line-height: 20px; }
  .HotelTaBlock-ratingsPercentText {
    display: inline-block;
    width: 125px;
    vertical-align: middle;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 13px;
    font-weight: bold;
    line-height: 1; }
  .HotelTaBlock-ratingsTrip {
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 12px; }
  .HotelTaBlock-ratingsTripContainer {
    padding-top: 45px; }
  .HotelTaBlock-ratingsCount {
    color: #626c78;
    /*@CONFIGURABLE-COLOR:text*/
    font-size: 12px;
    line-height: 10px; }
  .HotelTaBlock-ratingsText {
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 13px;
    font-weight: bold; }
  .HotelTaBlock .Trip-rating {
    padding-top: 5px; }

.cabinetAviaTrip {
  margin-top: 20px; }
  .cabinetAviaTrip .HotelTaBlock-ratingsText {
    font-size: 14px; }
  .cabinetAviaTrip .fl {
    color: #626c78;
    font-size: 12px; }
  .cabinetAviaTrip .HotelTaBlock-ratingsBlock {
    width: 225px; }

.NoUiSlider {
  position: relative;
  padding-top: 5px; }
  .NoUiSlider .noUi-target {
    margin: 0;
    border: 0;
    border-color: #46bcea;
    border-radius: 0;
    background-color: #FFF;
    box-shadow: none; }
  .NoUiSlider .noUi-horizontal {
    height: 2px;
    border-radius: 10px; }
  .NoUiSlider .noUi-background {
    background-color: #d1d5df;
    box-shadow: none; }
  .NoUiSlider .NoUiSlider-label {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    color: #516270;
    font-size: 13px; }
    .NoUiSlider .NoUiSlider-label .NoUiSlider-toBlock {
      margin-left: 20px; }
  .NoUiSlider .noUi-origin {
    border-radius: 2px; }
  .NoUiSlider .noUi-connect {
    background-color: #46bcea;
    box-shadow: none; }
  .NoUiSlider .NoUiSlider-slider {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
  .NoUiSlider .noUi-origin {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
  .NoUiSlider .noUi-handle {
    top: -6px;
    left: -14px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    border: none;
    border-radius: 50%;
    background-color: #46bcea;
    box-shadow: none; }
  .NoUiSlider .NoUiSlider-input {
    display: inline-block;
    width: 70px;
    height: 30px;
    padding: 0 0 0 5px;
    text-align: center;
    color: #46bcea;
    border: 1px solid #dce3ec; }
  .NoUiSlider .NoUiSlider-cont {
    padding: 15px 10px 10px; }

.InlineFiltersP {
  background-color: #fafbfc;
  width: 1180px;
  margin: auto;
  height: 50px;
  line-height: 50px; }
  .InlineFiltersP-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .InlineFiltersP-item {
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
    -moz-box-flex: 10;
    -ms-flex-positive: 10;
    flex-grow: 10;
    display: block;
    background-color: #fafbfc;
    border: none;
    outline: none;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer; }
    .InlineFiltersP-item svg {
      height: 9px;
      position: relative;
      top: 1px;
      margin-left: 5px;
      width: 10px; }
  .InlineFiltersP-item--link {
    color: #006598;
    text-decoration: underline; }
    .InlineFiltersP-item--link:hover {
      color: #2d7dc8; }
  .InlineFiltersP-item--reset {
    color: #006598;
    border-right: 1px solid #dce3ec;
    line-height: 30px; }
    .InlineFiltersP-item--reset:hover {
      color: #2d7dc8; }
    .InlineFiltersP-item--reset:before {
      margin: -5px 5px 0 0; }
    .InlineFiltersP-item--reset span {
      text-decoration: underline; }

.DropdownFilter {
  width: 300px;
  z-index: 99;
  position: absolute; }
  .DropdownFilter-content {
    background-color: #fafbfc;
    padding: 10px;
    box-shadow: 2px 4px 7px grey; }
  .DropdownFilter-content--inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .DropdownFilter-taTitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 15px;
    margin-bottom: 10px; }
  .DropdownFilter-taTitleText {
    font-size: 15px;
    color: #3b4653;
    margin-right: 10px; }
  .DropdownFilter-taLogo {
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: -681px -544px;
    width: 100px;
    height: 18px; }
  .DropdownFilter-checkboxOpt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    height: 20px; }
    .DropdownFilter-checkboxOpt:last-child {
      margin-bottom: 0; }
    .DropdownFilter-checkboxOpt .Checkbox-label {
      line-height: 12px; }
  .DropdownFilter-checkboxOptNum {
    -webkit-box-flex: 100;
    -webkit-flex-grow: 100;
    -moz-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    text-align: right;
    margin-right: 2px; }
  .DropdownFilter-option {
    line-height: 25px;
    cursor: pointer;
    padding: 0 10px; }
    .DropdownFilter-option:hover {
      background-color: #337ab7;
      color: white; }
  .DropdownFilter-option--active {
    color: white;
    background-color: #337ab7; }

.DropdownFilter--price {
  width: 230px; }
  .DropdownFilter--price .Currency {
    position: relative;
    top: -2px; }

.DropdownFilter--center {
  width: 200px; }

.DropdownFilter--stars {
  width: 140px; }
  .DropdownFilter--stars .Stars {
    position: relative;
    top: -2px; }

.DropdownFilter--ta {
  width: 200px; }
  .DropdownFilter--ta .DropdownFilter-checkboxOpt {
    margin-bottom: 5px; }

.DropdownFilter--taInline .TripRatingFilter {
  position: relative;
  top: -3px; }

.DropdownFilter--food .Checkbox-label .i40 {
  display: none; }

.DropdownFilter--sorts {
  width: 200px; }
  .DropdownFilter--sorts .DropdownFilter-content {
    padding: 0; }

.HFiltersPanel {
  width: 280px;
  background-color: #fafbfc;
  border: none;
  border-radius: 0px;
  padding: 21px;
  display: block; }
  .HFiltersPanel-segment {
    position: relative; }
    .HFiltersPanel-segment:last-of-type:after {
      display: none; }
    .HFiltersPanel-segment:after {
      overflow: hidden;
      width: 100%;
      position: relative;
      left: 0;
      bottom: 0;
      height: 1px;
      width: 100%;
      content: "";
      margin-top: 20px;
      margin-bottom: 20px;
      letter-spacing: 0px;
      background-color: #d1d5df;
      display: block; }
  .HFiltersPanel-segment--inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HFiltersPanel-segmentTitle {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 15px;
    padding-left: 7px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-weight: 600; }
  .HFiltersPanel-segmentTitle--inline {
    margin-bottom: 0; }
  .HFiltersPanel-segmentTitle--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HFiltersPanel-blockLoader {
    position: relative;
    height: 75px; }
  .HFiltersPanel-searchFilter {
    display: block;
    position: relative;
    border: none;
    width: 100%;
    height: 40px;
    background-color: white;
    border-radius: 20px;
    margin-top: 5px;
    border: none; }
    .HFiltersPanel-searchFilter .help-icon-st0 {
      stroke: #46bcea; }
  .HFiltersPanel-searchInput {
    color: #17222c;
    width: 100%;
    padding-right: 30px;
    width: 100%;
    height: 100%;
    padding: 10px 10px 10px 20px;
    border: none;
    border-radius: 20px;
    font-style: 16px;
    background-color: #fdfdfd;
    border: 1px solid #d1d5df;
    /*@CONFIGURABLE-COLOR:input-border*/ }
    .HFiltersPanel-searchInput:focus {
      outline: none;
      border: 1px solid #46bcea;
      /*@CONFIGURABLE-COLOR:control-fill*/ }
  .HFiltersPanel-searchIcon {
    position: absolute;
    top: -5px;
    right: -2px;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill*/
    border-radius: 25px;
    background-color: white;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .HFiltersPanel-searchIcon svg {
      width: 22px; }
  .HFiltersPanel-checkboxOpt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 34px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    margin-left: -2px;
    margin-right: -2px;
    padding-left: 2px;
    padding-right: 2px; }
    .HFiltersPanel-checkboxOpt:hover {
      background-color: #f0f3f6;
      /*@CONFIGURABLE-COLOR:bg-room-panel*/ }
    .HFiltersPanel-checkboxOpt .Checkbox-label {
      line-height: 14px;
      max-width: 200px;
      color: #3b4653; }
  .HFiltersPanel-checkboxOpt--active {
    background-color: #f0f3f6;
    /*@CONFIGURABLE-COLOR:bg-room-panel*/ }
  .HFiltersPanel-checkboxOptNum {
    -webkit-box-flex: 100;
    -webkit-flex-grow: 100;
    -moz-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    text-align: right;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    margin-right: 2px; }
  .HFiltersPanel-taFilter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 7px;
    padding-top: 7px; }
    .HFiltersPanel-taFilter:hover {
      cursor: pointer;
      background-color: #f0f3f6;
      /*@CONFIGURABLE-COLOR:bg-room-panel*/ }
  .HFiltersPanel-radioOpt {
    padding-top: 7px;
    padding-bottom: 7px; }
    .HFiltersPanel-radioOpt label {
      margin-bottom: 0px; }
    .HFiltersPanel-radioOpt:hover {
      cursor: pointer;
      background-color: #f0f3f6;
      /*@CONFIGURABLE-COLOR:bg-room-panel*/ }
  .HFiltersPanel-TAFilterLogo {
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: -681px -544px;
    width: 100px;
    height: 18px;
    margin-left: 5px;
    position: relative;
    top: 2px; }
  .HFiltersPanel-videoFilter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 14px; }
  .HFiltersPanel-sliderLabel {
    margin-left: 7px; }
  .HFiltersPanel-milesFilter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HFiltersPanel-milesIcon svg {
    height: 23px;
    position: relative;
    top: 5px;
    margin-right: 5px; }
  .HFiltersPanel-manualSearch {
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: center;
    border: 1px solid #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill-v2*/
    color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill-v2*/
    border-radius: 40px; }
    .HFiltersPanel-manualSearch:hover {
      color: #46bcea;
      /*@CONFIGURABLE-COLOR:control-fill-v2*/ }
  .HFiltersPanel-radio {
    border: none !important; }
  .HFiltersPanel .NoUiSlider-input {
    color: #3b4653; }
  .HFiltersPanel .NoUiSlider .noUi-connect {
    background-color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill-v2*/ }
  .HFiltersPanel .NoUiSlider .noUi-handle {
    background-color: #46bcea;
    /*@CONFIGURABLE-COLOR:control-fill-v2*/ }
  .HFiltersPanel .SvgStars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    counter-reset: list 0; }
    .HFiltersPanel .SvgStars .SvgStars-star {
      width: 40px;
      height: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 7px;
      border: 1px solid #46bcea;
      /*@CONFIGURABLE-COLOR:control-fill*/
      border-radius: 20px;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .HFiltersPanel .SvgStars .SvgStars-star:before {
      counter-increment: list;
      content: counter(list) " ";
      margin-right: 2px; }
    .HFiltersPanel .SvgStars .SvgStars-star svg {
      width: 14px;
      height: 14px; }
    .HFiltersPanel .SvgStars .SvgStars-star.SvgStars-star--active {
      background-color: #46bcea;
      /*@CONFIGURABLE-COLOR:control-fill*/
      color: #fff; }
    .HFiltersPanel .SvgStars .SvgStars-star.SvgStars-star--active svg .starIcon {
      fill: #fff;
      stroke: #fff; }
    .HFiltersPanel .SvgStars .SvgStars-star svg .starTextWrapper,
    .HFiltersPanel .SvgStars .SvgStars-star svg .starText {
      display: none; }
    .HFiltersPanel .SvgStars .SvgStars-star--inactive svg .starIcon {
      fill: #3b4653;
      /*@CONFIGURABLE-COLOR:text-highlight*/
      stroke: #3b4653;
      /*@CONFIGURABLE-COLOR:text-highlight*/ }

.SmallNoHotels {
  width: 350px;
  height: 273px;
  background-color: #fafbfc;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .SmallNoHotels-title {
    font-size: 20px;
    color: #3b4653;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: center; }
  .SmallNoHotels-subTitle {
    color: #3b4653;
    text-align: center; }
  .SmallNoHotels-noImage {
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -602px -326px;
    width: 160px;
    height: 119px;
    margin-bottom: 20px; }

hotel-miles-help {
  display: block; }

.HotelMilesHelp {
  color: #599442;
  margin-top: 20px;
  padding: 20px 35px;
  font-size: 14px;
  border: 1px dashed #599442;
  border-radius: 3px; }
  .HotelMilesHelp-title {
    font-size: 18px;
    line-height: 10px; }
  .HotelMilesHelp-content {
    padding: 20px 0px; }
  .HotelMilesHelp-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelMilesHelp-mileIcon {
    margin-left: 10px;
    stroke: #599442;
    width: 22px;
    height: 22px; }

.HotelNoFiltersStub {
  padding: 40px;
  text-align: center;
  color: #a7aebd;
  /*@CONFIGURABLE-COLOR:text-bg*/ }
  .HotelNoFiltersStub-icon {
    display: block;
    color: #a7aebd;
    /*@CONFIGURABLE-COLOR:text-bg*/
    font-size: 300px; }
  .HotelNoFiltersStub-title {
    font-size: 21px;
    font-weight: bold; }
  .HotelNoFiltersStub-subtitle {
    font-size: 19px; }

.HotelTopOffer {
  width: 280px;
  height: 280px;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .HotelTopOffer:hover .HotelTopOffer-images {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3); }
  .HotelTopOffer:hover .HotelTopOffer-footer,
  .HotelTopOffer:hover .HotelTopOffer-header {
    opacity: 0; }
  .HotelTopOffer:hover .HotelTopOffer-content {
    opacity: 1; }
  .HotelTopOffer-images {
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    transition: all 0.7s ease;
    height: 100%;
    background-size: cover; }
  .HotelTopOffer-header {
    position: absolute;
    left: 15px;
    top: 15px; }
  .HotelTopOffer-degree {
    color: #ffffff; }
  .HotelTopOffer-content {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: default;
    opacity: 0; }
  .HotelTopOffer-wather--content {
    zoom: 1.3; }
  .HotelTopOffer-contentWeather {
    padding-top: 35px; }
    .HotelTopOffer-contentWeather .HotelTopOffer-cityName {
      font-size: 40px; }
    .HotelTopOffer-contentWeather .HotelTopOffer-countryName {
      font-size: 18px; }
  .HotelTopOffer-whiteLine {
    background-color: #ffffff;
    width: 50px;
    height: 1px;
    display: inline-block;
    margin: 4px auto; }
  .HotelTopOffer-time {
    font-size: 12px;
    color: #ffffff;
    margin-top: -2px; }
  .HotelTopOffer-centerBlock {
    position: absolute;
    width: 100%;
    left: 0;
    top: 110px; }
  .HotelTopOffer-countHotel {
    color: #ffb72e;
    font-size: 18px; }
  .HotelTopOffer-Btn {
    width: 240px;
    border: 1px solid #ffb72e;
    border-radius: 3px;
    color: #ffb72e;
    font-size: 15px;
    cursor: pointer;
    padding: 5px;
    position: absolute;
    left: 20px;
    bottom: 45px; }
  .HotelTopOffer-footer {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0, 0, 0, 0.6)), to(transparent));
    background: -moz- oldlinear-gradient(bottom, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
    width: 100%;
    position: absolute;
    bottom: 0;
    padding-bottom: 15px;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .HotelTopOffer-footerLeft {
    padding-left: 15px;
    max-width: 200px; }
  .HotelTopOffer-cityName {
    color: #ffffff;
    font-size: 30px;
    line-height: 32px; }
  .HotelTopOffer-countryName {
    color: #ffb72e;
    font-size: 15px;
    margin-top: 5px; }
  .HotelTopOffer-footerRight {
    padding: 0 10px 0 12px;
    background: rgba(0, 0, 0, 0.7);
    text-align: right;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    right: 0;
    bottom: 7px; }
  .HotelTopOffer-price {
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    white-space: nowrap; }
  .HotelTopOffer-description {
    color: #ffb72e;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap; }
    .HotelTopOffer-description--content {
      margin-top: 5px; }
      .HotelTopOffer-description--content .i-currency-c01-slim {
        font-size: 18px;
        border-bottom: 1px dashed;
        cursor: default; }
  .HotelTopOffer-content, .HotelTopOffer-header, .HotelTopOffer-footer {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s; }

.HotelTopOffer-countryName {
  color: #ffffff;
  font-size: 14px;
  margin-top: 0; }

.HotelTopOffer-footer {
  background: none;
  bottom: 0px;
  padding-bottom: 5px; }

.HotelTopOffer-price {
  color: #ffb72e;
  font-weight: bold;
  margin-top: 5px; }

.HotelTopOffer-Btn {
  border-color: #ffb72e;
  color: #ffb72e;
  bottom: 15px; }

.LandingMission {
  text-align: center;
  color: #3b4653;
  /*@CONFIGURABLE-COLOR:landing-text-color*/
  background-color: #e7ebf2;
  /*@CONFIGURABLE-COLOR:bg*/ }
  .LandingMission-content {
    width: 746px;
    margin: 0 auto;
    padding: 25px 0; }
  .LandingMission-image {
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: 0px -594px;
    width: 374px;
    height: 252px;
    margin: 25px auto 40px; }
  .LandingMission-heading, .LandingMission h1, .LandingMission h2, .LandingMission h3 {
    margin: 20px;
    font-size: 40px;
    line-height: 48px; }
  .LandingMission-paragraph, .LandingMission p {
    margin: 20px 0;
    font-size: 18px;
    line-height: 22px; }

.LandingPage-missionHeading {
  margin: 20px;
  font-size: 40px;
  line-height: 48px; }

.LandingPage-missionParagraph {
  margin: 20px 0;
  font-size: 18px;
  line-height: 22px; }

.LandingBenefitsOld {
  height: 135px;
  padding-top: 15px;
  background-color: rgba(255, 255, 255, 0.75); }
  .LandingBenefitsOld-title {
    font-size: 21px; }
  .LandingBenefitsOld-text {
    width: 100%;
    text-align: center;
    font-size: 13px;
    line-height: 16px; }
  .LandingBenefitsOld-icon {
    text-align: center;
    color: #3b4653;
    font-size: 40px;
    line-height: 40px; }
    .LandingBenefitsOld-icon .i-payment {
      height: 45px;
      font-size: 50px; }
  .LandingBenefitsOld-item {
    float: left;
    width: 33%;
    padding: 0 20px;
    text-align: center;
    color: #3b4653; }

.LandingUsefullInfo {
  padding-top: 50px;
  padding-bottom: 50px; }
  .LandingUsefullInfo-title {
    font-size: 40px;
    text-align: center; }
  .LandingUsefullInfo-item {
    font-size: 18px; }
  .LandingUsefullInfo-itemTitle {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px; }

.TAScore .TAScore-label {
  float: left; }

.TAScore .TAScore-ratingWrapper {
  float: right;
  top: 5px;
  background-image: url(/images/hotels-6de3b74b4c.png);
  background-position: -802px -478px;
  width: 69px;
  height: 13px;
  display: inline-block;
  position: relative;
  top: 5px;
  float: right; }
  .TAScore .TAScore-ratingWrapper .TAScore-score {
    background-image: url(/images/hotels-6de3b74b4c.png);
    background-position: -1104px -500px;
    width: 69px;
    height: 13px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0; }

.CvcHelp .modal-dialog {
  width: 500px !important;
  height: 50%;
  margin: auto; }
  .CvcHelp .modal-dialog .modal-body {
    padding: 20px; }

.CvcHelp .modal-content {
  height: 386px;
  padding: 20px; }

.SearchDead {
  height: 50px;
  color: white;
  background-color: rgba(255, 133, 0, 0.8); }
  .SearchDead-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 19px; }
  .SearchDead-icon {
    margin-right: 10px; }
    .SearchDead-icon svg {
      width: 30px;
      height: 30px;
      position: relative;
      top: 2px; }
      .SearchDead-icon svg polygon, .SearchDead-icon svg path {
        fill: white; }
  .SearchDead-reloadBtn {
    margin-left: 10px;
    height: 30px;
    width: 125px;
    line-height: 28px;
    color: white;
    border-color: white; }

.SearchFormModal-closeBtn {
  position: absolute;
  z-index: 9999999;
  top: 195px;
  left: 1485px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  color: #46bcea;
  font-size: 22px; }

.SearchForm--inline {
  display: inline-block;
  margin: auto; }

.SearchForm--blue .SearchForm .SearchForm-searchHeader {
  background-color: #46bcea; }
  .SearchForm--blue .SearchForm .SearchForm-searchHeader div {
    border-bottom-color: #FFF; }

.SearchForm--blue .HotelSearch .HotelSearch-upBox {
  background-color: #46bcea; }

.SearchForm--blue .HotelSearch .HotelSearch-downBox {
  background-color: #46bcea; }

.SearchForm--blue .HotelSearch .HotelSearch-roomNumber {
  color: #46bcea;
  background-color: #FFF; }
  .SearchForm--blue .HotelSearch .HotelSearch-roomNumber:before {
    border-left-color: #FFF; }

.SearchForm--blue .HotelSearch .HotelSearch-hint a {
  color: #FFF; }

.SearchFormModal {
  z-index: 99997; }
  .SearchFormModal .modal-dialog {
    width: 1180px !important;
    margin-top: 220px; }
    .SearchFormModal .modal-dialog .SearchForm-searchHeader {
      margin: 0; }

#imagelightbox {
  position: fixed;
  z-index: 99999;
  cursor: pointer;
  border: 5px solid white;
  box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75); }

#imagelightboxmask {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
  background-color: #ffffff; }

#imagelightboxnext,
#imagelightboxprev {
  position: fixed;
  z-index: 99999;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  cursor: pointer;
  -webkit-transition: all .6;
  -o-transition: all .6;
  -moz-transition: all .6;
  transition: all .6;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5); }
  #imagelightboxnext:hover,
  #imagelightboxprev:hover {
    background-color: #444; }
  #imagelightboxnext:before,
  #imagelightboxprev:before {
    position: relative;
    top: 16px;
    display: inline-block;
    width: 0;
    height: 0;
    content: "";
    border: 15px solid transparent; }

#imagelightboxnext {
  right: 40px; }
  #imagelightboxnext:before {
    left: 25px;
    border-right: none;
    border-left-color: #ffffff; }

#imagelightboxprev {
  left: 40px; }
  #imagelightboxprev:before {
    left: 18px;
    border-right-color: #ffffff;
    border-left: none; }

#imagelightboxclose {
  position: fixed;
  z-index: 99999;
  top: 30px;
  right: 30px;
  width: 40px;
  height: 40px;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  -moz-transition: all .6s;
  transition: all .6s;
  color: transparent;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5); }
  #imagelightboxclose:hover {
    background-color: #444; }
  #imagelightboxclose:before, #imagelightboxclose:after {
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 48%;
    width: 2px;
    content: "";
    background-color: #ffffff; }
  #imagelightboxclose:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  #imagelightboxclose:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

#imagelightbox-loading,
#imagelightbox-loading div {
  border-radius: 50%; }

#imagelightbox-loading {
  position: fixed;
  z-index: 10003;
  top: 50%;
  left: 50%;
  width: 2.5em;
  /* 40 */
  height: 2.5em;
  /* 40 */
  margin: -1.25em 0 0 -1.25em;
  /* 20 */
  padding: .625em;
  /* 10 */
  background-color: #444;
  background-color: rgba(0, 0, 0, 0.5);
  /* 40 */
  box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
  /* 40 */ }

#imagelightbox-loading div {
  width: 1.25em;
  /* 20 */
  height: 1.25em;
  /* 20 */
  -webkit-animation: imagelightbox-loading .5s ease infinite;
  -moz-animation: imagelightbox-loading .5s ease infinite;
  -o-animation: imagelightbox-loading .5s ease infinite;
  animation: imagelightbox-loading .5s ease infinite;
  background-color: #fff; }

@-webkit-keyframes imagelightbox-loading {
  from {
    -webkit-transform: scale(0.75);
    opacity: .5; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.75);
    opacity: .5; } }

@-moz-keyframes imagelightbox-loading {
  from {
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    opacity: .5; }
  50% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -moz-transform: scale(0.75);
    transform: scale(0.75);
    opacity: .5; } }

@-o-keyframes imagelightbox-loading {
  from {
    -o-transform: scale(0.75);
    transform: scale(0.75);
    opacity: .5; }
  50% {
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -o-transform: scale(0.75);
    transform: scale(0.75);
    opacity: .5; } }

@keyframes imagelightbox-loading {
  from {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    opacity: .5; }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    opacity: .5; } }

.ModalEmailInput {
  width: 520px;
  padding: 30px; }
  .ModalEmailInput-title {
    font-size: 30px;
    line-height: 30px;
    color: #3b4653;
    margin-bottom: 25px; }
  .ModalEmailInput-label {
    margin-bottom: 10px; }
  .ModalEmailInput-formRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .ModalEmailInput-formRow > * {
      -webkit-box-flex: 10;
      -webkit-flex-grow: 10;
      -moz-box-flex: 10;
      -ms-flex-positive: 10;
      flex-grow: 10;
      display: block;
      height: 50px;
      line-height: 50px;
      font-size: 15px; }
  .ModalEmailInput-input {
    padding: 10px;
    margin-right: 3px;
    border-radius: 2px;
    border: 1px solid #d1d5df; }
  .ModalEmailInput-btn.Btn {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    border-bottom-color: #fff650;
    background-color: #ffc800;
    color: #17222c;
    box-shadow: 0 1px 2px -1px #000;
    -webkit-transition: box-shadow 500ms,background-color 500ms;
    -o-transition: box-shadow 500ms,background-color 500ms;
    -moz-transition: box-shadow 500ms,background-color 500ms;
    transition: box-shadow 500ms,background-color 500ms;
    -webkit-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    -o-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); }
    .ModalEmailInput-btn.Btn:hover {
      cursor: pointer;
      background-color: #fff650;
      box-shadow: 0 2px 8px -1px #000;
      -webkit-transition: box-shadow 500ms,background-color 500ms;
      -o-transition: box-shadow 500ms,background-color 500ms;
      -moz-transition: box-shadow 500ms,background-color 500ms;
      transition: box-shadow 500ms,background-color 500ms;
      -webkit-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
      -moz-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
      -o-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
      transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); }

.ModalPartnerRegistration {
  position: fixed;
  z-index: 999999;
  top: 50%;
  left: 50%;
  width: 720px;
  padding: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #46bcea;
  background-color: white;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.2); }

.PartnerRegistrationForm {
  padding: 3px 90px 0;
  font-family: "roboto";
  font-weight: 300; }
  .PartnerRegistrationForm-successMessage {
    padding: 20px; }
  .PartnerRegistrationForm-successMessageText {
    margin-top: 10px;
    text-align: center;
    font-size: 23px; }
  .PartnerRegistrationForm-successMessageIcon {
    text-align: center;
    font-size: 60px; }
  .PartnerRegistrationForm-validationError {
    padding: 10px;
    color: #fff;
    border-radius: 2px;
    background-color: #d6383c;
    font-size: 15px; }
  .PartnerRegistrationForm-fieldsetLegend {
    margin: 12px 0 14px;
    text-align: center;
    color: #626C78;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px; }
  .PartnerRegistrationForm-fieldContainer {
    padding: 2px; }
  .PartnerRegistrationForm-field {
    color: #4D4D4F;
    font-family: inherit;
    font-size: 15px; }
    .PartnerRegistrationForm-field input {
      margin: 0;
      padding: 9px 10px;
      color: inherit;
      font-family: inherit;
      font-size: inherit; }
      .PartnerRegistrationForm-field input::-webkit-input-placeholder {
        opacity: 1;
        color: inherit; }
      .PartnerRegistrationForm-field input::-moz-placeholder {
        opacity: 1;
        color: inherit; }
    .PartnerRegistrationForm-field textarea {
      margin: 0;
      padding: 9px 10px;
      color: inherit;
      font-family: inherit;
      font-size: inherit; }
      .PartnerRegistrationForm-field textarea::-webkit-input-placeholder {
        opacity: 1;
        color: inherit; }
      .PartnerRegistrationForm-field textarea::-moz-placeholder {
        opacity: 1;
        color: inherit; }
    .PartnerRegistrationForm-field--captcha, .PartnerRegistrationForm-field--captcha input {
      background-color: #D1D9DF; }
  .PartnerRegistrationForm-acts {
    padding: 30px 0;
    text-align: center; }
  .PartnerRegistrationForm-act {
    height: 50px;
    padding: 0 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 17px;
    line-height: 49px; }

.ModalNotification {
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  display: block;
  width: 400px;
  padding-bottom: 20px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: white;
  box-shadow: 1px 1px 5px black; }

.ModalNotification-title {
  height: 30px;
  padding-left: 20px;
  color: white;
  background-color: #fafbfc;
  font-size: 18px;
  line-height: 30px; }

.ModalNotification-content {
  margin: 20px 20px 20px 10px;
  font-size: 17px; }

.ModalHotelPreview {
  position: fixed;
  top: 10vh;
  left: 50%;
  margin-left: -346px;
  border-radius: 3px; }
  .ModalHotelPreview-container {
    background-color: white;
    width: 692px;
    padding: 30px;
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    min-height: 50vh;
    max-height: 80vh; }
  .ModalHotelPreview-close {
    position: absolute;
    right: 20px;
    top: 10px;
    border: 1px solid #17222c;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 16px;
    cursor: pointer; }
  .ModalHotelPreview-loader.Loading .Loading-title {
    font-size: 25px; }
  .ModalHotelPreview-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .ModalHotelPreview-row--tabs {
    margin-bottom: 30px; }
  .ModalHotelPreview-row--hotelName {
    margin-bottom: 8px; }
  .ModalHotelPreview-row--address {
    margin-bottom: 22px; }
  .ModalHotelPreview-row--ratings {
    margin-top: 22px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 22px; }
  .ModalHotelPreview-tab {
    height: 30px;
    font-size: 15px;
    line-height: 27px;
    color: #46bcea;
    border: 1px solid #46bcea;
    border-radius: 30px;
    width: 182px;
    cursor: pointer;
    text-align: center;
    margin-right: 5px; }
    .ModalHotelPreview-tab:last-child {
      margin-right: 0; }
  .ModalHotelPreview-tab--active {
    color: white;
    background-color: #46bcea; }
  .ModalHotelPreview-name {
    font-size: 30px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    line-height: 30px;
    margin-right: 5px;
    max-width: 515px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ModalHotelPreview .Stars-star {
    font-size: 21px; }
  .ModalHotelPreview-distance {
    margin-right: 5px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .ModalHotelPreview-address {
    -webkit-box-flex: 100;
    -webkit-flex-grow: 100;
    -moz-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    overflow: hidden;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .ModalHotelPreview-sliderBox {
    width: 632px;
    margin: 0 auto; }
  .ModalHotelPreview-photoWrapper {
    width: 124px;
    height: 124px;
    margin-right: 3px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 2px;
    overflow: hidden; }
    .ModalHotelPreview-photoWrapper .lightbox {
      height: 100%;
      width: 100%; }
    .ModalHotelPreview-photoWrapper .HotelPhotoGallery-loading svg.animate {
      margin-top: 10px; }
    .ModalHotelPreview-photoWrapper img {
      width: 100%; }
  .ModalHotelPreview .HorizontalScroll-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .ModalHotelPreview .HorizontalScroll-arrow--right {
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -481px -260px;
    width: 19px;
    height: 35px;
    box-shadow: 0px 0px 57px -2px black;
    width: 22px;
    position: absolute;
    top: 50%;
    right: 3px;
    z-index: 9;
    margin-top: -17px; }
  .ModalHotelPreview .HorizontalScroll-arrow--left {
    background-image: url(/images/common-0af6a9e476.png);
    background-position: -523px -260px;
    width: 19px;
    height: 35px;
    box-shadow: 0px 0px 57px -2px black;
    position: absolute;
    top: 50%;
    left: 3px;
    z-index: 9;
    margin-top: -17px; }
  .ModalHotelPreview .HorizontalScroll--notMovable .HorizontalScroll-arrow--right,
  .ModalHotelPreview .HorizontalScroll--notMovable .HorizontalScroll-arrow--left {
    background-image: none; }
  .ModalHotelPreview .HorizontalScroll--notMovable .HorizontalScroll-container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .ModalHotelPreview-TABlock {
    border-right: 1px solid #dce3ec; }
  .ModalHotelPreview-TABlockTitle {
    font-size: 15px;
    color: #3b4653;
    margin-bottom: 10px;
    font-weight: 600; }
  .ModalHotelPreview-ratings {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .ModalHotelPreview-rating {
    width: 210px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .ModalHotelPreview-ratingLabel {
    width: 100px;
    font-size: 12px; }
  .ModalHotelPreview-registrationInfo {
    width: 190px;
    text-align: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 100%;
    padding-left: 10px;
    text-align: left; }
  .ModalHotelPreview-registrationInfo--noTABlock {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0; }
  .ModalHotelPreview-registrationInfo--noTABlock .ModalHotelPreview-registrationTime {
    margin-right: 20px; }
    .ModalHotelPreview-registrationInfo--noTABlock .ModalHotelPreview-registrationTime:last-child {
      margin-right: 0; }
  .ModalHotelPreview-registrationTime {
    font-size: 15px;
    color: #3b4653;
    line-height: 15px;
    margin-bottom: 8px;
    font-weight: 600; }
    .ModalHotelPreview-registrationTime:last-child {
      margin-bottom: 0; }
  .ModalHotelPreview-descTitle {
    font-size: 15px;
    line-height: 18px;
    color: #3b4653;
    font-weight: 600;
    margin-bottom: 5px; }
  .ModalHotelPreview-desc {
    position: relative;
    overflow: hidden;
    height: 80px; }
  .ModalHotelPreview-desc--noTABlock {
    height: 120px; }
  .ModalHotelPreview-desc--unlimited {
    height: inherit; }
  .ModalHotelPreview-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, transparent), color-stop(62%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.9)));
    background: -moz- oldlinear-gradient(top, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%);
    background: -o-linear-gradient(top, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%);
    background: linear-gradient(to bottom, transparent 0%, transparent 60%, rgba(255, 255, 255, 0) 62%, rgba(255, 255, 255, 0.9) 100%); }
  .ModalHotelPreview-map {
    width: 100%;
    height: -webkit-calc(80vh - 150px);
    height: -moz-calc(80vh - 150px);
    height: calc(80vh - 150px);
    min-height: 370px; }
  .ModalHotelPreview .leaflet-gac-control {
    display: none; }

.ModalShareDialog {
  position: absolute;
  top: 0;
  left: 0;
  position: fixed;
  top: 20vh;
  left: 50%;
  margin-left: -280px; }
  .ModalShareDialog-content {
    background-color: white;
    width: 560px;
    padding: 30px; }
  .ModalShareDialog-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 18px;
    line-height: 30px;
    color: #3b4653; }
    .ModalShareDialog-title:before {
      position: relative;
      top: -3px;
      margin-right: 3px;
      font-size: 28px; }
  .ModalShareDialog-subtitle {
    font-size: 18px;
    line-height: 21px;
    color: #3b4653; }
  .ModalShareDialog-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .ModalShareDialog-row--controls {
    margin-bottom: 10px; }
    .ModalShareDialog-row--controls:last-child {
      margin-bottom: 0; }
  .ModalShareDialog-form {
    margin-top: 25px; }
  .ModalShareDialog-row--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .ModalShareDialog-input {
    height: 45px;
    margin-right: 5px;
    font-size: 18px;
    color: #3b4653;
    border: 1px solid #d1d5df;
    border-radius: 2px;
    -webkit-box-flex: 100;
    -webkit-flex-grow: 100;
    -moz-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    padding: 0 10px; }
    .ModalShareDialog-input::-webkit-input-placeholder {
      color: #3b4653; }
    .ModalShareDialog-input:-moz-placeholder {
      color: #3b4653; }
    .ModalShareDialog-input:-ms-input-placeholder {
      color: #3b4653; }
    .ModalShareDialog-input::placeholder {
      color: #3b4653; }
  .ModalShareDialog-sendBtn {
    width: 170px;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .ModalShareDialog-divider {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    margin: 15px 0;
    color: #3b4653; }
  .ModalShareDialog-socialIcon {
    height: 40px;
    width: 40px;
    margin-right: 5px;
    border-radius: 50%;
    border: 1px solid #46bcea;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer; }
    .ModalShareDialog-socialIcon:last-child {
      margin-right: 0; }
  .ModalShareDialog-socialIcon--fb {
    border-color: #334f8d; }
    .ModalShareDialog-socialIcon--fb svg {
      height: 27px;
      width: 40px; }
  .ModalShareDialog-socialIcon--vk {
    border-color: #4c6d8f; }
    .ModalShareDialog-socialIcon--vk svg {
      height: 32px;
      width: 40px; }
  .ModalShareDialog-socialIcon--tw {
    border-color: #1baeee; }
    .ModalShareDialog-socialIcon--tw svg {
      height: 28px;
      width: 40px; }
  .ModalShareDialog-socialIcon--gl {
    border-color: #bf3f17; }
    .ModalShareDialog-socialIcon--gl svg {
      height: 28px;
      width: 40px; }

.ModalCacheOutdated {
  position: fixed;
  top: 20vh;
  width: 500px;
  background-color: white;
  left: 50%;
  margin-left: -250px;
  padding: 20px; }
  .ModalCacheOutdated-title {
    font-size: 30px;
    color: #006498;
    margin-bottom: 10px; }
  .ModalCacheOutdated-content {
    font-size: 15px;
    color: #3b4653; }
  .ModalCacheOutdated-row {
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .ModalCacheOutdated-btn {
    margin-right: 3px; }
    .ModalCacheOutdated-btn:last-child {
      margin-right: 0; }
    .ModalCacheOutdated-btn.i-home-v3:before {
      font-size: 19px; }
    .ModalCacheOutdated-btn.i-refresh-v3:before {
      font-size: 14px; }
    .ModalCacheOutdated-btn:before {
      position: relative;
      top: -2px;
      margin-right: 3px; }

.ModalBookingDuplicated {
  position: fixed;
  top: 20vh;
  width: 500px;
  background-color: white;
  left: 50%;
  margin-left: -250px;
  padding: 20px; }
  .ModalBookingDuplicated-title {
    font-size: 30px;
    color: #006498;
    margin-bottom: 10px; }
  .ModalBookingDuplicated-content {
    font-size: 15px;
    color: #3b4653; }
  .ModalBookingDuplicated-row {
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .ModalBookingDuplicated-btn {
    margin-right: 3px; }
    .ModalBookingDuplicated-btn:last-child {
      margin-right: 0; }
    .ModalBookingDuplicated-btn.i-home-v3:before {
      font-size: 19px;
      top: -4px; }
    .ModalBookingDuplicated-btn.i-refresh-v3:before {
      font-size: 14px; }
    .ModalBookingDuplicated-btn:before {
      position: relative;
      top: -2px;
      margin-right: 3px; }

.ModalMobileAppBanner {
  position: relative;
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 8px 7px 25px #b1aeae;
  width: 750px;
  padding: 50px 50px 40px 45px;
  background-image: url(/images/white-labels/hotelbook/hb-mobApp-banner-bg-c7b799afab.jpg);
  background-position: top right;
  background-size: cover; }
  .ModalMobileAppBanner-close {
    position: absolute;
    top: 21px;
    right: 21px;
    border: none;
    border-radius: 20px;
    background-color: #fff650;
    color: #17222c;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    padding: 0px;
    margin: 0px;
    cursor: pointer; }
    .ModalMobileAppBanner-close:hover {
      color: #17222c; }
  .ModalMobileAppBanner-content {
    width: 325px;
    color: #fff; }
  .ModalMobileAppBanner-logo {
    margin-bottom: 40px; }
  .ModalMobileAppBanner-title {
    margin-bottom: 30px;
    font-size: 34px;
    line-height: 34px; }
  .ModalMobileAppBanner-text {
    margin-bottom: 30px;
    font-size: 18px; }
    .ModalMobileAppBanner-text span {
      padding: 0px 5px 4px 5px;
      color: #000101;
      font-weight: 600;
      background-color: #fff650; }
  .ModalMobileAppBanner-stores {
    margin-bottom: 30px; }
  .ModalMobileAppBanner-btn {
    display: block;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    bottom: 0;
    width: 325px;
    width: 100%;
    height: 56px;
    line-height: 26px;
    padding: 15px 18px;
    border: 1px solid #fff650;
    border-radius: 28px;
    background-color: #ffc800;
    color: #17222c;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0px 1px 2px -1px #000;
    -webkit-transition: box-shadow 500ms, background-color 500ms;
    -o-transition: box-shadow 500ms, background-color 500ms;
    -moz-transition: box-shadow 500ms, background-color 500ms;
    transition: box-shadow 500ms, background-color 500ms;
    -webkit-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    -moz-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    -o-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
    transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); }
    .ModalMobileAppBanner-btn:hover {
      background-color: #fff650;
      text-decoration: none;
      box-shadow: 0 2px 8px -1px #000; }
  .ModalMobileAppBanner-phone {
    position: absolute;
    display: block;
    right: 30px;
    bottom: 0px; }

.HotelPage-bookingBoxLoader {
  position: fixed;
  z-index: 999999;
  top: 50%;
  left: 50%;
  display: block;
  overflow: hidden;
  width: 500px;
  height: 250px;
  margin-top: -150px;
  margin-left: -250px;
  border-radius: 3px;
  background-color: white;
  box-shadow: 2px 5px 10px #a9a5a5; }
  .HotelPage-bookingBoxLoader circle-timer {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -43px; }
  .HotelPage-bookingBoxLoader .HotelPage-bookingBoxLoaderClose {
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
    color: #006598; }
  .HotelPage-bookingBoxLoader .i-booking-wait {
    position: relative;
    top: -25px;
    left: 130px;
    color: #DCE3EC;
    font-size: 250px;
    line-height: 250px; }
  .HotelPage-bookingBoxLoader .i-booking-error {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -210px;
    margin-left: -125px;
    pointer-events: none;
    color: #DCE3EC;
    font-size: 270px;
    line-height: 1; }
    .HotelPage-bookingBoxLoader .i-booking-error svg {
      height: 100%;
      width: 100%; }

.HotelPage-bookingBoxLoaderText {
  position: absolute;
  z-index: 1100;
  top: 50%;
  width: 100%;
  margin-top: 30px;
  padding: 0 40px;
  text-align: center;
  color: #006498;
  /*@CONFIGURABLE-COLOR:text-header*/
  font-size: 18px;
  font-weight: bold;
  line-height: 1; }

.HotelPage-bookingBoxError {
  position: absolute;
  top: 50%;
  height: 70px;
  margin-top: -10px;
  padding: 0 65px;
  text-align: center;
  color: #D2001A;
  font-size: 12px;
  line-height: 1; }
  .HotelPage-bookingBoxError p {
    font-size: 18px;
    font-weight: bold; }

body.en .BookingPage .HotelBox .HotelBox-dataLabel {
  width: 75px; }

body.en .CabinetBooking .Hotel-data .Hotel-dataLabel {
  width: 75px; }

body.en .CabinetFeed .Hotel-data .Hotel-dataLabel {
  width: 64px; }

@charset "UTF-8";
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
.InsuranceList {
  padding: 10px; }
  .InsuranceList-legend {
    margin: 10px 0 20px 10px;
    position: relative; }
  .InsuranceList-title {
    font-size: 15px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-weight: 800;
    line-height: 18px; }
  .InsuranceList-note {
    font-size: 12px;
    line-height: 14px; }
  .InsuranceList-item {
    margin-bottom: 10px; }
    .InsuranceList-item:last-child {
      margin-bottom: 0; }
  .InsuranceList-item .Insurance:hover {
    border: 2px solid #ffb72e;
    /*@CONFIGURABLE-COLOR:element-highlight*/ }
  .InsuranceList-item--active .Insurance {
    border: 2px solid #ffb72e;
    /*@CONFIGURABLE-COLOR:element-highlight*/ }
  .InsuranceList-searchStub {
    margin-top: 150px;
    font-size: 30px;
    text-align: center;
    width: 100%; }
  .InsuranceList-provider {
    position: absolute;
    top: -14px;
    right: 5px; }

.InsuranceSearchForm {
  height: 122px;
  width: 580px;
  background-color: #fafbfc;
  /*@CONFIGURABLE-COLOR:bg-panel*/
  padding: 20px;
  border: 1px dashed #dc3228;
  /*@CONFIGURABLE-COLOR:text-accent*/
  margin: 10px 0;
  border-radius: 2px;
  /*@CONFIGURABLE-RADIUS:border-radius*/ }
  .InsuranceSearchForm-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px; }
    .InsuranceSearchForm-row:last-child {
      margin-bottom: 0; }
  .InsuranceSearchForm-row--sb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .InsuranceSearchForm-warningIcon {
    font-size: 17px;
    line-height: 17px;
    color: #dc3228;
    /*@CONFIGURABLE-COLOR:text-accent*/
    margin-right: 10px; }
  .InsuranceSearchForm-warningText {
    color: #dc3228;
    /*@CONFIGURABLE-COLOR:text-accent*/
    font-size: 14px;
    line-height: 15px; }
  .InsuranceSearchForm .DateRangeBox {
    width: 263px;
    border: 1px solid #d1d5df;
    border-radius: 2px;
    /*@CONFIGURABLE-RADIUS:border-radius*/
    overflow: hidden; }
  .InsuranceSearchForm .DateBox .DateBox-date {
    font-size: 15px; }
  .InsuranceSearchForm-searchBtn {
    width: 263px; }

.Insurance {
  background-color: #f0f3f6;
  /*@CONFIGURABLE-COLOR:bg-room-panel*/
  padding: 8px;
  margin-bottom: 3px;
  cursor: pointer;
  border: 2px solid #f0f3f6;
  /*@CONFIGURABLE-COLOR:bg-room-panel*/ }
  .Insurance:last-child {
    margin-bottom: 0; }
  .Insurance-info {
    padding: 10px 12px;
    border: 1px dashed #006498;
    /*@CONFIGURABLE-COLOR:text-header*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px; }
  .Insurance-name {
    font-size: 20px;
    color: #006498;
    /*@CONFIGURABLE-COLOR:text-header*/
    font-weight: 400;
    line-height: 24px; }
  .Insurance-logo {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0 10px; }
  .Insurance-details {
    font-size: 12px;
    line-height: 14px; }
  .Insurance-price {
    font-size: 23px;
    line-height: 23px;
    color: #ffb72e;
    /*@CONFIGURABLE-COLOR:element-highlight*/
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .Insurance-price .Currency {
      position: relative;
      top: -2px;
      font-size: 21px; }
  .Insurance-priceBox {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center; }
  .Insurance-priceSubtitle {
    font-size: 12px;
    line-height: 12px; }
  .Insurance-segmentTitle {
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-weight: 800;
    line-height: 14px;
    margin-bottom: 5px; }
  .Insurance-segmentTitle--expandable {
    color: #006598;
    font-weight: normal;
    font-size: 14px; }
    .Insurance-segmentTitle--expandable:before {
      font-size: 20px;
      margin-right: 5px; }
    .Insurance-segmentTitle--expandable span {
      border-bottom: 1px dashed #006598; }
    .Insurance-segmentTitle--expandable svg {
      display: inline-block;
      height: 8px;
      width: 8px;
      margin-left: 5px;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      -moz-transition: all .3s;
      transition: all .3s; }
    .Insurance-segmentTitle--expandable svg path {
      fill: #006598;
      /*@CONFIGURABLE-COLOR:links*/ }
  .Insurance-ageInfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Insurance-ageInfo--expandable {
    margin-left: 20px; }
  .Insurance-ageCondition {
    position: relative;
    padding-left: 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 20px; }
    .Insurance-ageCondition:before {
      position: absolute;
      top: 50%;
      margin-top: -2px;
      display: block;
      content: '';
      width: 5px;
      height: 5px;
      background-color: #006498;
      /*@CONFIGURABLE-COLOR:text-header*/
      left: 0; }
  .Insurance-dottedLine {
    width: 200px;
    -webkit-flex-shrink: 10;
    -ms-flex-negative: 10;
    flex-shrink: 10;
    border-bottom: 1px dotted gray;
    height: 12px;
    margin: 0 3px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
  .Insurance-agePrice {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #ffb72e;
    /*@CONFIGURABLE-COLOR:element-highlight*/ }
    .Insurance-agePrice .Currency {
      position: relative;
      top: -2px; }
  .Insurance-showDescription {
    margin-top: 10px; }
    .Insurance-showDescription:before {
      font-size: 20px; }
    .Insurance-showDescription svg {
      display: inline-block;
      height: 8px;
      margin-left: 5px;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      -moz-transition: all .3s;
      transition: all .3s; }
    .Insurance-showDescription svg path {
      fill: #006598;
      /*@CONFIGURABLE-COLOR:links*/ }
  .Insurance-showDescription--active svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .Insurance-description {
    margin-top: 10px; }
  .Insurance-descriptionTitle {
    color: #3b4653;
    font-weight: 800;
    line-height: 14px;
    margin-bottom: 5px; }
  .Insurance-descriptionText li {
    list-style-type: none;
    position: relative; }
    .Insurance-descriptionText li:before {
      content: '';
      display: block;
      position: absolute;
      height: 5px;
      width: 5px;
      background-color: #006498;
      /*@CONFIGURABLE-COLOR:text-header*/
      left: -17px;
      top: 9px; }

.BookedInsuranceOffer {
  width: 100%;
  background-color: #fafbfc;
  /*@CONFIGURABLE-COLOR:bg-panel*/
  padding: 20px;
  margin: 10px 0;
  border: 1px dashed #599442;
  /*@CONFIGURABLE-COLOR:text-pros*/ }
  .BookedInsuranceOffer-title {
    font-size: 15px;
    color: #599442;
    /*@CONFIGURABLE-COLOR:text-pros*/ }
  .BookedInsuranceOffer-name {
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    margin: 3px 0; }
  .BookedInsuranceOffer-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .BookedInsuranceOffer .DateInfoRange {
    width: 190px;
    border-right: 1px solid #dce3ec;
    /*@CONFIGURABLE-COLOR:divider*/
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-size: 14px; }
  .BookedInsuranceOffer .DateInfoRange-dayOfWeek {
    line-height: 18px; }
  .BookedInsuranceOffer .DateInfoRange-icon {
    top: -3px; }
  .BookedInsuranceOffer .GuestsNum {
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    margin-left: 15px; }
    .BookedInsuranceOffer .GuestsNum:before {
      font-size: 20px;
      position: relative;
      top: -1px;
      margin-right: 5px; }
  .BookedInsuranceOffer-link {
    margin-top: 5px; }

.InsuranceTopSearchForm {
  height: 50px;
  background-color: #46bcea;
  /*@CONFIGURABLE-COLOR:control-fill*/
  padding: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px; }
  .InsuranceTopSearchForm-countries {
    width: 508px;
    margin-right: 3px;
    border-radius: 2px;
    /*@CONFIGURABLE-RADIUS:border-radius*/
    overflow: hidden; }
  .InsuranceTopSearchForm-dateRange {
    width: 246px;
    margin-right: 3px;
    height: 44px;
    border-radius: 2px;
    /*@CONFIGURABLE-RADIUS:border-radius*/
    overflow: hidden; }
    .InsuranceTopSearchForm-dateRange.DateBox .DateBox-date {
      font-size: 15px; }
  .InsuranceTopSearchForm-persons {
    width: 245px;
    margin-right: 3px;
    line-height: 44px;
    font-size: 15px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    position: relative; }
    .InsuranceTopSearchForm-persons .SelectField {
      border: none; }
    .InsuranceTopSearchForm-persons .SelectField:before {
      position: relative;
      font-size: 18px;
      margin-right: 5px;
      top: -2px; }
  .InsuranceTopSearchForm-searchBtn {
    width: 167px;
    height: 44px; }

.OpenInsuranceSearchDialog {
  position: fixed;
  z-index: 999999;
  top: 50%;
  left: 50%;
  display: block;
  overflow: hidden;
  width: 520px;
  height: 250px;
  margin-top: -150px;
  margin-left: -250px;
  border-radius: 3px;
  background-color: white;
  box-shadow: 2px 5px 10px #a9a5a5; }
  .OpenInsuranceSearchDialog .Loading {
    margin-top: -11px; }
  .OpenInsuranceSearchDialog .i-booking-wait {
    position: relative;
    top: -25px;
    left: 130px;
    color: #DCE3EC;
    font-size: 250px;
    line-height: 250px; }
  .OpenInsuranceSearchDialog-loaderText {
    position: absolute;
    z-index: 1100;
    top: 50%;
    width: 100%;
    margin-top: 30px;
    padding: 0 40px;
    text-align: center;
    color: #006498;
    /*@CONFIGURABLE-COLOR:text-header*/
    font-size: 18px;
    font-weight: bold;
    line-height: 1; }
  .OpenInsuranceSearchDialog-redirect {
    position: absolute;
    top: 40px;
    padding: 40px;
    text-align: center; }
  .OpenInsuranceSearchDialog-redirectText {
    font-size: 18px;
    line-height: 20px;
    color: #006498;
    /*@CONFIGURABLE-COLOR:text-header*/
    font-weight: 800;
    margin-bottom: 10px; }
  .OpenInsuranceSearchDialog-redirecTBtn {
    margin: auto; }
  .OpenInsuranceSearchDialog-bookingBoxLoaderClose {
    position: absolute;
    top: 5px;
    right: 8px;
    cursor: pointer;
    color: #006598;
    /*@CONFIGURABLE-COLOR:links*/
    cursor: pointer;
    z-index: 999; }

.InsuranceBook-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 10px 0 40px 0; }

.InsuranceBook-block {
  width: 580px;
  background-color: #fafbfc;
  /*@CONFIGURABLE-COLOR:bg-panel*/ }

.InsuranceOrder {
  padding: 20px; }
  .InsuranceOrder-title {
    font-size: 15px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/
    font-weight: 800;
    line-height: 15px;
    margin-bottom: 10px; }
  .InsuranceOrder-countries {
    margin: 5px 0;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/ }
  .InsuranceOrder-orderDetails {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/ }
  .InsuranceOrder .DateInfoRange {
    width: 200px;
    border-right: 1px solid #dce3ec;
    /*@CONFIGURABLE-COLOR:divider*/ }
  .InsuranceOrder .GuestsNum {
    margin-left: 15px; }
    .InsuranceOrder .GuestsNum:before {
      font-size: 20px;
      position: relative;
      top: -2px;
      margin-right: 5px; }
  .InsuranceOrder-insuranceInfo {
    padding: 10px;
    border: 1px dashed #006498;
    /*@CONFIGURABLE-COLOR:text-header*/ }
  .InsuranceOrder-name {
    font-size: 20px;
    color: #006498;
    /*@CONFIGURABLE-COLOR:text-header*/
    font-weight: 400;
    line-height: 24px; }
  .InsuranceOrder-insuranceDetails {
    font-size: 12px;
    line-height: 14px; }
  .InsuranceOrder-description {
    padding: 10px;
    font-size: 12px;
    background-color: #f0f3f6;
    /*@CONFIGURABLE-COLOR:bg-room-panel*/
    margin-top: 10px; }
    .InsuranceOrder-description li {
      list-style-type: none;
      position: relative; }
      .InsuranceOrder-description li:before {
        content: '';
        display: block;
        position: absolute;
        height: 5px;
        width: 5px;
        background-color: #006498;
        /*@CONFIGURABLE-COLOR:text-header*/
        left: -17px;
        top: 9px; }

.BookingForm-price {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s; }

.BookingForm-price.is-bounced {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2); }

.InsuranceCabinet {
  margin-bottom: 20px; }
  .InsuranceCabinet .SearchStub {
    width: inherit; }
  .InsuranceCabinet-block {
    margin-top: 20px; }
  .InsuranceCabinet-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #006498;
    color: #ffffff; }
    .InsuranceCabinet-header > * {
      padding: 5px 30px; }
    .InsuranceCabinet-header > *:first-child {
      padding-left: 20px; }
    .InsuranceCabinet-header > *:last-child {
      padding-right: 20px; }
  .InsuranceCabinet-BookingDescription {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-weight: bold;
    font-size: 15px; }
  .InsuranceCabinet-headerBtn {
    border-left: 1px solid #ffffff;
    cursor: pointer;
    font-size: 15px;
    font-weight: normal;
    color: #ffffff; }
    .InsuranceCabinet-headerBtn:hover {
      color: #ffffff; }
    .InsuranceCabinet-headerBtn i {
      font-size: 20px; }
  .InsuranceCabinet-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    padding-top: 17px;
    padding-bottom: 60px; }
  .InsuranceCabinet-slideLeft {
    -webkit-flex-basis: 620px;
    -ms-flex-preferred-size: 620px;
    flex-basis: 620px;
    padding-left: 20px;
    position: relative; }
  .InsuranceCabinet-detail {
    position: absolute;
    bottom: -45px;
    left: 20px; }
    .InsuranceCabinet-detail svg {
      width: 10px;
      height: 10px;
      position: relative;
      top: 3px;
      left: 3px;
      -webkit-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in; }
      .InsuranceCabinet-detail svg path {
        fill: #006598;
        /*@CONFIGURABLE-COLOR:links*/ }
  .InsuranceCabinet-detail--opened svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }
  .InsuranceCabinet-description {
    margin-top: 15px;
    padding: 20px;
    background-color: #f0f3f6;
    /*@CONFIGURABLE-COLOR:bg-room-panel*/
    border-radius: 3px;
    line-height: 17px; }
    .InsuranceCabinet-description ul {
      padding-left: 4px; }
    .InsuranceCabinet-description li {
      list-style: none;
      position: relative;
      padding-left: 12px; }
    .InsuranceCabinet-description li:before {
      content: '■';
      position: absolute;
      left: 0;
      width: 5px;
      height: 12px;
      overflow: hidden;
      top: 1px;
      color: #006498;
      /*@CONFIGURABLE-COLOR:text-header*/ }
  .InsuranceCabinet-sideRight {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative; }
  .InsuranceCabinet-status {
    text-align: center;
    font-size: 30px;
    margin-top: 25px; }
  .InsuranceCabinet-price--sideRight {
    text-align: center;
    font-weight: bold;
    margin: -5px 0; }
  .InsuranceCabinet .InsuranceCabinet-textDescription {
    font-size: 12px;
    text-align: center; }
  .InsuranceCabinet-order {
    text-align: center;
    margin: 60px 0; }
  .InsuranceCabinet-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .InsuranceCabinet-info > * {
      text-align: left;
      margin-left: 5px; }
  .InsuranceCabinet-orderIns {
    margin: 8px;
    font-size: 15px; }
  .InsuranceCabinet-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    background-color: #f0f3f6;
    /*@CONFIGURABLE-COLOR:bg-room-panel*/
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    color: #3b4653;
    /*@CONFIGURABLE-COLOR:text-highlight*/ }
  .InsuranceCabinet-footerBtn {
    position: absolute;
    bottom: -60px;
    left: 0;
    height: 40px;
    width: 100%;
    font-size: 15px; }
  .InsuranceCabinet-cancelLoading {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%;
    top: inherit; }
  .InsuranceCabinet-pb40 {
    padding-bottom: 40px; }

.InsuranceCabinet-text {
  color: #626c78;
  /*@CONFIGURABLE-COLOR:text*/
  font-size: 14px; }

.InsuranceCabinet-highlight {
  color: #3b4653;
  /*@CONFIGURABLE-COLOR:text-highlight*/
  font-weight: bold; }

.InsuranceCabinet-price {
  color: #ffaa2e;
  font-size: 23px; }

.InsuranceCabinet-success {
  color: #599442;
  /*@CONFIGURABLE-COLOR:text-pros*/ }

.InsuranceCabinet-title {
  color: #006498;
  /*@CONFIGURABLE-COLOR:text-header*/
  font-size: 20px;
  font-weight: bold; }

.InsuranceCabinet-link {
  color: #006598;
  /*@CONFIGURABLE-COLOR:links*/
  font-size: 14px;
  border-bottom: 1px dashed;
  cursor: pointer; }

.InsuranceCabinet-fz12 {
  font-size: 12px; }

.InsuranceCabinet-fz14 {
  font-size: 14px; }

.InsuranceCabinet-fz15 {
  font-size: 15px; }

.InsuranceOrder--cabinet {
  padding: 0; }