/* always display scrollbars */
/*::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}*/
/* general */
/*! jQuery UI - v1.11.4 - 2016-06-26
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=0&bgColorHeader=%23ffffff&bgTextureHeader=flat&borderColorHeader=%23ffffff&fcHeader=%23333333&iconColorHeader=%23333333&bgColorContent=%23ffffff&bgTextureContent=flat&borderColorContent=%23dddddd&fcContent=%23333333&iconColorContent=%23333333&bgColorDefault=%23ffffff&bgTextureDefault=flat&borderColorDefault=%23ffffff&fcDefault=%23333333&iconColorDefault=%23333333&bgColorHover=%23cccccc&bgTextureHover=flat&borderColorHover=%23cccccc&fcHover=%232b2b2b&iconColorHover=%23555555&bgColorActive=%23333333&bgTextureActive=flat&borderColorActive=%23333333&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23fffa90&bgTextureHighlight=flat&borderColorHighlight=%23dad55e&fcHighlight=%23777620&iconColorHighlight=%23777620&bgColorError=%23fddfdf&bgTextureError=flat&borderColorError=%23f1a899&fcError=%235f3f3f&iconColorError=%23cc0000&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px&bgImgOpacityHeader=&bgImgOpacityContent=&bgImgOpacityDefault=&bgImgOpacityHover=&bgImgOpacityActive=&bgImgOpacityHighlight=&bgImgOpacityError=
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=0&bgColorHeader=%23ffffff&bgTextureHeader=flat&borderColorHeader=%23ffffff&fcHeader=%23333333&iconColorHeader=%23333333&bgColorContent=%23ffffff&bgTextureContent=flat&borderColorContent=%23dddddd&fcContent=%23333333&iconColorContent=%23333333&bgColorDefault=%23ffffff&bgTextureDefault=flat&borderColorDefault=%23ffffff&fcDefault=%23333333&iconColorDefault=%23333333&bgColorHover=%23cccccc&bgTextureHover=flat&borderColorHover=%23cccccc&fcHover=%232b2b2b&iconColorHover=%23555555&bgColorActive=%23333333&bgTextureActive=flat&borderColorActive=%23333333&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23fffa90&bgTextureHighlight=flat&borderColorHighlight=%23dad55e&fcHighlight=%23777620&iconColorHighlight=%23777620&bgColorError=%23fddfdf&bgTextureError=flat&borderColorError=%23f1a899&fcError=%235f3f3f&iconColorError=%23cc0000&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px&bgImgOpacityHeader=&bgImgOpacityContent=&bgImgOpacityDefault=&bgImgOpacityHover=&bgImgOpacityActive=&bgImgOpacityHighlight=&bgImgOpacityError=
 */
/* Component containers
----------------------------------*/
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
@charset "UTF-8";
/**
 * selectize.default.css (v0.12.3) - Default Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
@font-face {
  font-family: OpenSans;
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Regular.eot');
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Regular.woff') format('woff'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: OpenSans;
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Italic.eot');
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Italic.woff2') format('woff2'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Italic.woff') format('woff'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Italic.ttf') format('truetype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: OpenSans;
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Bold.eot');
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Bold.woff') format('woff'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Bold.ttf') format('truetype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/OpenSans/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: MonoSocial;
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/MonoSocial/MonoSocialIconsFont-1.10.eot');
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/MonoSocial/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/MonoSocial/MonoSocialIconsFont-1.10.woff2') format('woff2'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/MonoSocial/MonoSocialIconsFont-1.10.woff') format('woff'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/MonoSocial/MonoSocialIconsFont-1.10.ttf') format('truetype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/MonoSocial/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont-1.10') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: Fontello;
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/Fontello/fontello.eot');
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/Fontello/fontello.eot?#iefix') format('embedded-opentype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/Fontello/fontello.woff2') format('woff2'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/Fontello/fontello.woff') format('woff'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/Fontello/fontello.ttf') format('truetype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/Fontello/fontello.svg#fontello') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: AgencyFB;
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/AgencyFB/AgencyFB.eot');
  src: url('https://360.agencewebcom.com/web/uploads/api/Fonts/AgencyFB/AgencyFB.eot?#iefix') format('embedded-opentype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/AgencyFB/AgencyFB.woff2') format('woff2'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/AgencyFB/AgencyFB.woff') format('woff'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/AgencyFB/AgencyFB.ttf') format('truetype'), url('https://360.agencewebcom.com/web/uploads/api/Fonts/AgencyFB/AgencyFB.svg#AgencyFB') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

.temporary-map {
  background-image: url('/res/img/map/temporary-map.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  width: 100%;
  height: 600px; }

.mb100 {
  margin-bottom: 100px; }

.lazy {
  background: none !important; }
  .lazy * {
    background: none !important; }

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

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

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  font-size: 0.95em;
  font-family: 'OpenSans', Arial, sans-serif; }

body, main, footer {
  background-color: #fff; }

a {
  text-decoration: none;
  color: #496b7c; }
  a img {
    border: none; }
  a:hover, a:focus {
    text-decoration: underline; }

p {
  padding: 0;
  margin: 0 0 1em; }

button, [type="submit"] {
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  -webkit-appearance: none;
  /* :'( */ }

button[type="button"] {
  outline: none; }

.cover {
  background-size: cover;
  background-position: center; }

.parallax, .bg, .full-container-1 {
  background-attachment: fixed; }

.clear {
  clear: both; }

.full, .slideshow-item {
  width: 100%;
  height: 100%; }

.mt20 {
  margin-top: 20px; }

.mt40 {
  margin-top: 40px; }

.ml20 {
  margin-left: 20px; }

.mr20 {
  margin-right: 20px; }

.mts {
  margin-top: 1em; }

.mtm {
  margin-top: 2.5em; }

.mbs {
  margin-bottom: 1em; }

.hidden {
  display: none; }

.ovhidden {
  overflow: hidden; }

.table {
  display: flex;
  justify-content: space-between;
  width: 100%; }

.table-reverse {
  flex-direction: row-reverse; }

.col {
  display: table-cell;
  vertical-align: top; }

.t-cell {
  display: table-cell;
  vertical-align: middle; }

.inbl {
  display: inline-block; }

.rel {
  position: relative; }

.vat {
  vertical-align: top; }

.vam {
  vertical-align: middle; }

.vab {
  vertical-align: bottom; }

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

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

.align-left {
  text-align: left; }

.centered-content {
  max-width: 1200px;
  margin: 0 auto 100px auto; }

.centered-content-narrow {
  max-width: 1000px;
  margin-bottom: 0; }

.centered-content-vnarrow {
  max-width: 500px;
  margin-bottom: 0; }

.pmr {
  font-size: 1.4em; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 20%; }

.w33 {
  width: 33%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w60 {
  width: 60%; }

.w55 {
  width: 55%; }

.w70 {
  width: 70%; }

.w100 {
  width: 100%; }

.h100 {
  height: 100%; }

.h50 {
  height: 50%; }

.mls {
  margin-left: 0.5em; }

.mrs {
  margin-right: 0.5em; }

.fixed {
  position: fixed;
  z-index: 999; }

.likeh2 {
  text-transform: uppercase;
  font-size: 2em;
  font-weight: normal;
  color: #76c7ff;
  margin-bottom: 3px;
  margin-top: 3px; }
  .likeh2 a {
    color: inherit; }

h2, .h2 {
  margin-top: 3px;
  margin-bottom: 3px;
  color: #1f3240;
  font-size: 2em;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2em; }
  h2 a, .h2 a {
    color: inherit; }

h3, .h3 {
  margin-top: 0;
  color: #1f3240;
  font-size: 1.3em;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase; }

h2 + h3 {
  margin-top: 0.5em; }

h2 + p {
  margin-top: 1.5em; }

h4 {
  text-transform: uppercase;
  font-size: 1.2em;
  color: #76c7ff;
  margin: 10px;
  /* COMMON */ }

.intro {
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  text-align: center; }

.intro-content {
  position: absolute;
  width: 100%;
  height: 274px;
  top: 50%;
  margin-top: -137px; }
  .intro-content > div {
    width: 400px;
    margin: 0 auto; }
    .intro-content > div img {
      display: block; }

.logo-intro {
  width: 400px;
  margin: 0 auto 30px; }

.loader-intro {
  width: 32px;
  margin: 0 auto; }

body.no-slider .main-content {
  padding-top: 130px; }
  body.no-slider .header {
    height: 0; }
  body.no-slider .bg-container {
    display: none; }

.main-content {
  padding-bottom: 20px; }
  .main-content h1 {
    margin-bottom: 20px; }

.wrapper {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px; }

.pink-title h1, .pink-title h2, .pink-title h3, .black-section h1, .black-section h2, .black-section h3 {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 28px;
  color: #76c7ff;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold; }

.bordered-title {
  display: flex;
  justify-content: center;
  align-items: center; }
  .bordered-title h2 {
    flex: 0 0 auto;
    padding: 0 20px;
    font-size: 35px;
    font-weight: normal;
    margin-top: 40px;
    margin-bottom: 40px; }
  .bordered-title:after, .bordered-title:before {
    content: '';
    flex: 1 0 0%;
    border-bottom: 1px solid; }

.black-section {
  background-color: #000;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px; }
  .black-section a {
    color: #fff; }

.invisible {
  position: absolute;
  pointer-events: none;
  opacity: 0; }

.underline-link a {
  text-decoration: underline;
  /* ENDCOMMON */
  /* page 404 */ }

._ .bg-container, ._ .menu-right {
  display: none; }
  ._ .header {
    background-image: url("/cache/img/hotel-sezz-saint-tropez-piscine-78643-1920-900-auto.jpeg");
    background-size: cover;
    background-position: center; }
  ._ h1, ._ h2 {
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 6px #000; }
  ._ h1 {
    font-size: 46px; }

html[lang="ru"] .booking-btn.blue-btn {
  font-size: 0.85em; }
  html[lang="ru"] .booking-btn.blue-btn span {
    margin-right: 46px; }

.blue-btn {
  display: inline-block;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  height: 60px;
  line-height: 50px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.95em;
  padding: 0 30px; }
  .blue-btn span {
    margin-right: 60px; }
  .blue-btn:hover, .blue-btn:focus {
    text-decoration: none; }

.under-center:after {
  content: '';
  width: 40px;
  height: 3px;
  margin-top: 5px;
  background: #76c7ff;
  display: block;
  margin-left: calc(50% - 20px); }

.under:after {
  content: '';
  width: 40px;
  height: 3px;
  background: #76c7ff;
  display: block; }

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

.pastilles {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 840px;
  margin: auto;
  flex-wrap: wrap; }

.pastille {
  flex: 0 0 auto;
  padding: 0 20px;
  max-width: 50%;
  /* .pastille-traveler {
    position: absolute;
    right: 105px;
    top: 100px;
    z-index: 999;
    display: block;
} */
  /* ._presse, ._mentionslegales{
    .pastille-traveler {display: none;}
} */ }
  .pastille.pastille-3 {
    padding: 0; }
  .pastille img {
    max-width: 100%; }

.restaurant-logo {
  position: absolute;
  z-index: 60;
  top: 0;
  right: 0;
  left: 0;
  text-align: center; }

.header {
  height: 100%;
  width: 100%;
  z-index: 9999; }

._blog .header {
  height: auto; }

.bg-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%; }

.slideshow-item {
  display: none;
  background-size: cover; }
  .slideshow-item:first-child {
    display: block; }
  .slideshow-item video {
    position: absolute;
    object-fit: cover;
    width: 160vw;
    height: 100%; }

.controls {
  position: absolute;
  z-index: 665;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center; }

.slideshow-controller {
  display: inline-block;
  vertical-align: top; }
  .slideshow-controller.back {
    margin-right: 20px; }
  .slideshow-controller.next {
    margin-left: 20px; }
  .slideshow-controller:hover svg {
    fill: #dcf1ff;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s; }
  .slideshow-controller svg {
    fill: #fff;
    width: 35px;
    height: 25px;
    cursor: pointer;
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s; }

.common-cycle-pager {
  display: inline-block;
  vertical-align: top; }
  .common-cycle-pager span {
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    position: relative;
    vertical-align: middle;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; }
  .common-cycle-pager span:hover, .common-cycle-pager span.cycle-pager-active {
    background: #fff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; }

.bg-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .bg:nth-child(2) {
    left: 100%; }
  .bg:nth-child(3) {
    left: 200%; }
  .bg:nth-child(4) {
    left: 300%; }
  .bg:nth-child(5) {
    left: 400%; }
  .bg:nth-child(6) {
    left: 500%; }
  .bg:nth-child(7) {
    left: 600%; }
  .bg:nth-child(8) {
    left: 700%; }
  .bg:nth-child(9) {
    left: 800%; }
  .bg:nth-child(10) {
    left: 900%; }
  .bg:nth-child(11) {
    left: 1000%; }
  .bg:nth-child(12) {
    left: 1100%; }
  .bg:nth-child(13) {
    left: 1200%; }
  .bg:nth-child(14) {
    left: 1300%; }
  .bg:nth-child(15) {
    left: 1400%; }
  .bg:nth-child(16) {
    left: 1500%; }
  .bg:nth-child(17) {
    left: 1600%; }

.bg-video video {
  position: fixed;
  top: 0;
  right: 0;
  min-width: 100%;
  width: 178vh; }

.bg-video {
  z-index: -1; }

.shadow {
  z-index: 199;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  /* FF3.6-15 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%); }

.video-gallery {
  margin-top: 50px; }
  .video-gallery div video {
    width: 100%; }

.menu-container {
  z-index: 999;
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 86px;
  left: 0;
  top: 0;
  text-align: center;
  transition: background 0.3s; }
  .menu-container > div {
    width: calc(100% - 310px); }
  .menu-container > div:first-child, .menu-container > div:last-child {
    width: 155px; }
  .menu-container.active, .menu-container.always-active {
    transition: background 0.3s;
    background: rgba(225, 225, 225, .9); }
  .menu-container.active .menu a, .menu-container.always-active .menu a {
    color: #000; }
    .menu-container.active .menu a:hover, .menu-container.always-active .menu a:hover, .menu-container.active .menu a:focus, .menu-container.always-active .menu a:focus, .menu-container.active .menu a.active, .menu-container.always-active .menu a.active {
      color: #76c7ff; }

.trait {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 14px);
  content: '';
  width: 28px;
  height: 2px;
  background: #fff; }
  .trait:before {
    position: absolute;
    top: 10px;
    left: calc(50% - 14px);
    content: '';
    width: 28px;
    height: 2px;
    background: #fff; }
  .trait:after {
    position: absolute;
    top: 20px;
    left: calc(50% - 14px);
    content: '';
    width: 28px;
    height: 2px;
    background: #fff; }

.menu-txt {
  position: absolute;
  bottom: 15px;
  left: calc(50% - 16.5px);
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  font-size: 0.8em; }

.booking-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 155px;
  height: 100%;
  padding: 0 20px;
  color: #fff;
  font-size: 1.25rem;
  font-family: 'AgencyFB', Arial, sans-serif;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 4px;
  background: #76c7ff;
  border: none; }
  .booking-btn div {
    display: block;
    transition: transform 0.2s; }
  .booking-btn:hover, .booking-btn:focus {
    text-decoration: none; }
  .booking-btn:hover div, .booking-btn:focus div {
    transform: scale(1.2);
    transition: transform 0.2s; }

.booking-btn-sub {
  display: block;
  color: #f0f3f4;
  font-size: 0.9rem;
  text-transform: none;
  letter-spacing: 0;
  margin-top: 5px; }

.coordonees p {
  margin: 0; }
  .coordonees img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 0; }

.situation-btn {
  margin-right: 40px;
  font-size: 34px;
  color: #76c7ff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  vertical-align: middle;
  padding-top: 15px; }
  .situation-btn:hover {
    color: #76c7ff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }

._situation .situation-btn {
  display: none; }

.bg-left img {
  position: absolute;
  bottom: 0; }

.scrolldown {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: scroll; }

.arrow-left {
  position: absolute;
  bottom: 10px;
  left: -webkit-calc(50% - 100px);
  left: calc(50% - 120px);
  border: none;
  background: none;
  z-index: 2;
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  .arrow-left:hover {
    color: #76c7ff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }

.arrow-right {
  position: absolute;
  bottom: 10px;
  right: -webkit-calc(50% - 100px);
  right: calc(50% - 100px);
  border: none;
  background: none;
  z-index: 2;
  color: #fff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  /*   SPRITES */ }
  .arrow-right:hover {
    color: #76c7ff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }

.sprite-menu {
  background: url("/res/img/sprite-menu.png");
  display: inline-block;
  /* Contact box */ }
  .sprite-menu.sprite-index {
    background-position: 0 0;
    height: 21px;
    width: 24px; }
  .sprite-menu.sprite-hotel {
    background-position: -24px 0;
    height: 23px;
    width: 24px; }
  .sprite-menu.sprite-room {
    background-position: -53px 0;
    height: 21px;
    width: 24px; }
  .sprite-menu.sprite-location {
    background-position: -77px 0;
    height: 21px;
    width: 23px; }
  .sprite-menu.sprite-pool {
    background-position: -97px 0;
    height: 21px;
    width: 24px; }
  .sprite-menu.sprite-restaurant {
    background-position: -126px 0;
    height: 21px;
    width: 24px; }
  .sprite-menu.sprite-photos {
    background-position: -155px 0;
    height: 21px;
    width: 24px; }
  .sprite-menu.sprite-blog {
    background-position: -184px 0;
    height: 21px;
    width: 24px; }
  .sprite-menu.sprite-avis {
    background-position: -264px 0;
    height: 23px;
    width: 24px; }
  .sprite-menu.sprite-magazine {
    background-position: -237px 0;
    height: 23px;
    width: 24px; }
  .sprite-menu.sprite-offers {
    background-position: -209px 0;
    height: 23px;
    width: 24px; }
  .sprite-menu.sprite-gifts {
    background-position: -290px 0;
    height: 24px;
    width: 24px; }

#btn-book-wrap, #contact-box {
  width: 310px;
  right: 0; }

#contact-box-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10; }

#contact-box {
  position: absolute;
  right: 25px;
  z-index: 150;
  bottom: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, .9);
  border: 1px solid #76c7ff;
  padding: 5px 0; }

#contact-btn {
  color: #76c7ff;
  font-weight: 700;
  display: block;
  padding: 5px;
  font-size: 15px;
  cursor: pointer; }
  #contact-btn:hover {
    text-decoration: none; }

#cbtn-text {
  text-transform: uppercase;
  margin: 0 10px; }

.contact-link {
  display: block;
  margin-bottom: 10px; }
  .contact-link span {
    vertical-align: middle; }
  .contact-link .contact-link-text {
    font-size: 13px;
    margin-left: 5px;
    vertical-align: middle; }

#contact-form {
  text-align: center;
  display: none;
  padding: 0 5px; }
  #contact-form a {
    color: #000; }
  #contact-form a:hover, #contact-form a:focus {
    color: #76c7ff; }
  #contact-form label {
    display: block;
    width: 100%; }
  #contact-form label {
    margin-top: 10px; }
  #contact-form input, #contact-form textarea {
    padding: 5px;
    width: 100%;
    border: 1px solid;
    background: #fff;
    font-family: inherit;
    font-size: 0.9em; }
  #contact-form input::-webkit-input-placeholder, #contact-form textarea::-webkit-input-placeholder {
    color: #000;
    text-transform: capitalize; }
  #contact-form input:-moz-placeholder, #contact-form textarea:-moz-placeholder {
    color: ;
    text-transform: capitalize; }
  #contact-form input::-moz-placeholder, #contact-form textarea::-moz-placeholder {
    color: #000;
    text-transform: capitalize; }
  #contact-form input:-ms-input-placeholder, #contact-form textarea:-ms-input-placeholder {
    color: ;
    text-transform: capitalize; }
  #contact-form textarea {
    height: 120px; }
  .label-text {
    position: absolute;
    clip: rect(0, 0, 0, 0); }

.form-error {
  display: none;
  margin: 0.3em 0 0;
  color: red; }

.recaptcha-wrap {
  width: 100%;
  overflow: hidden; }

.mail-sent {
  display: none;
  padding: 1em;
  margin: 1em 0 0;
  color: #fff;
  text-align: center;
  background: #76c7ff; }
  .mail-sent p {
    padding: 0;
    margin: 0; }

.btn-envoyer-container {
  position: relative;
  width: 194px;
  height: 34px;
  margin: 10px auto 0;
  background: #000; }

.btn-envoyer {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 190px;
  height: 30px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.85em;
  border: 1px solid #fff;
  padding: 1px;
  /* End contact box */ }

.contact {
  font-size: 0.85em;
  text-align: center;
  margin: 0; }
  .contact li {
    padding: 5px 0; }
  .contact li img {
    padding-left: 0; }

.contact-form-container {
  display: block;
  width: 180px;
  margin: 0 auto; }

.contact-form input {
  height: 23px;
  margin: 3px 0;
  width: 190px;
  border: 1px solid #b2b2b2;
  font-family: inherit;
  color: #7f7f7f; }
  .contact-form textarea {
    width: 190px;
    height: 100px;
    border: 1px solid #b2b2b2;
    font-family: inherit;
    font-size: 0.85em; }
  .contact-form input, .contact-form textarea {
    color: #7f7f7f;
    padding: 2px 5px; }
  .contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder {
    color: #7f7f7f;
    padding: 2px 5px; }
  .contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder {
    color: #7f7f7f;
    padding: 2px 5px; }
  .contact-form input.placeholder, .contact-form textarea.placeholder {
    color: #7f7f7f;
    padding: 2px 5px; }

.biggerSize {
  font-size: 16px; }

.alignLeft {
  text-align: left;
  margin-left: 15px; }

.bloc-titre {
  padding: 50px 0; }

.bloc-titre-top {
  padding: 50px 0 30px; }

.border-container {
  border: 1px solid #000; }

.border-content {
  margin: 1.7em; }

.border-content-green {
  margin: 2.4em; }

.square-container {
  display: block;
  margin: 50px auto;
  padding: 0;
  width: 90%; }

.square-container-reverse > .table {
  flex-direction: row-reverse; }

.square-container-top {
  margin-top: 30px; }

.square-image-content {
  height: 100%; }

.square-image {
  width: auto;
  height: 100%;
  min-height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.square-image-actu-img {
  background-position: center;
  background-size: cover;
  width: 300px;
  height: 200px;
  margin: auto; }

html[lang="fr"] .square-image-actu-img.square-image-1 {
  background-image: url("/cache/img/9b0f78d94abebb72b6e2b7998f0c0c170620b6db-9b0f78-800-800-crop.jpeg"); }
  html[lang="fr"] .square-image-actu-img.square-image-2 {
    background-image: url("/cache/img/8509276c1f87bebe9f645ded04627e933b06553d-850927-800-800-crop.jpeg"); }
  html[lang="fr"] .square-image-actu-img.square-image-3 {
    background-image: url("/cache/img/986b689be8d38220c37c9bb66d61ba02a7e1a682-986b68-800-800-crop.jpg"); }

.square-image-actu-img.square-image-1 {
  background-image: url("/cache/img/8e00e54307c17379eec39f04b6ca4dfc93a5bc1a-8e00e5-800-800-crop.jpeg"); }

.square-image-actu-img.square-image-2 {
  background-image: url("/cache/img/169672f76c9ed62a64366ca7c1126b729a0a7149-169672-800-800-crop.jpeg"); }

.square-image-actu-img.square-image-3 {
  background-image: url("/cache/img/1d9b05a0770e7d6f92fa73ff61743655c156740b-1d9b05-800-800-crop.jpg"); }

.square4 {
  margin-top: 0; }

.square-situation {
  height: 600px; }

.slider-container {
  overflow: hidden;
  position: relative; }

.slider {
  overflow: hidden;
  position: relative; }

.slider-content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; }

.slider-item {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover; }
  .slider-item:nth-child(2) {
    left: 100%; }
  .slider-item:nth-child(3) {
    left: 200%; }
  .slider-item:nth-child(4) {
    left: 300%; }
  .slider-item:nth-child(5) {
    left: 400%; }
  .slider-item:nth-child(6) {
    left: 500%; }
  .slider-item:nth-child(7) {
    left: 600%; }
  .slider-item:nth-child(8) {
    left: 700%; }
  .slider-item:nth-child(9) {
    left: 800%; }
  .slider-item:nth-child(10) {
    left: 900%; }
  .slider-item:nth-child(11) {
    left: 1000%; }

.single-post .slider-item {
  position: absolute;
  width: 30%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover; }
  .single-post .slider-item:nth-child(2) {
    left: 35%; }
  .single-post .slider-item:nth-child(3) {
    left: 70%; }
  .single-post .slider-item:nth-child(4) {
    left: 105%; }
  .single-post .slider-item:nth-child(5) {
    left: 140%; }
  .single-post .slider-item:nth-child(6) {
    left: 175%; }
  .single-post .slider-item:nth-child(7) {
    left: 210%; }
  .single-post .slider-item:nth-child(8) {
    left: 245%; }
  .single-post .slider-item:nth-child(9) {
    left: 280%; }
  .single-post .slider-item:nth-child(10) {
    left: 315%; }
  .single-post .slider-item:nth-child(11) {
    left: 350%; }

.btn-slider-prev, .btn-slider-prev2, .btn-slider-next, .btn-slider-next2 {
  position: absolute;
  left: 17px;
  top: 48%;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s; }
  .btn-slider-prev img, .btn-slider-prev2 img, .btn-slider-next img, .btn-slider-next2 img {
    display: block; }
  .btn-slider-prev svg, .btn-slider-prev2 svg, .btn-slider-next svg, .btn-slider-next2 svg {
    width: 45px;
    height: 45px;
    fill: #fff;
    filter: drop-shadow(rgba(0, 0, 0, 0.5) 1px 1px 2px); }
  .btn-slider-prev.blue-arrow svg, .btn-slider-prev2.blue-arrow svg, .btn-slider-next.blue-arrow svg, .btn-slider-next2.blue-arrow svg {
    width: 35px;
    height: 19px;
    fill: #1f3240; }
  .btn-slider-prev:hover, .btn-slider-prev2:hover, .btn-slider-next:hover, .btn-slider-next2:hover, .btn-slider-prev:focus, .btn-slider-prev2:focus, .btn-slider-next:focus, .btn-slider-next2:focus {
    transform: scale(1.2);
    transition: transform 0.2s; }

.btn-slider-next, .btn-slider-next2 {
  left: auto;
  right: 17px; }

.mail-btn {
  border-color: #76c7ff;
  border-width: 3px;
  border-style: solid;
  background-color: white;
  color: #76c7ff;
  padding: 10px;
  border-radius: 10px;
  font-size: 16px;
  margin: 20px;
  text-decoration: none !important;
  cursor: pointer; }

.mail-btn:hover {
  border-color: white;
  color: white;
  background-color: #76c7ff; }

.square-text {
  padding: 0 3.5em;
  text-align: left;
  line-height: 2em;
  font-size: 1rem; }
  .square-text .h3 {
    font-size: 18px; }

.btn {
  display: inline-block;
  background: #76c7ff;
  line-height: 50px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.95em;
  padding: 0 30px;
  transition: background 0.5s; }
  .btn:hover, .btn:focus {
    transition: background 0.5s;
    text-decoration: none;
    background: #76c7ff; }

.twobuttons {
  display: flex;
  justify-content: center; }

.margin-left {
  margin-left: 15px; }

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

.btn-green {
  display: inline-block;
  background: #000;
  line-height: 50px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.95em;
  padding: 0 30px;
  font-family: inherit;
  border: none;
  transition: opacity 0.2s; }
  .btn-green:hover, .btn-green:focus {
    transition: opacity 0.2s;
    opacity: 0.8;
    text-decoration: none; }

.btn-main {
  display: inline-block;
  background: #76c7ff;
  line-height: 50px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.95em;
  padding: 0 30px;
  font-family: inherit;
  border: none;
  transition: opacity 0.2s; }
  .btn-main:hover, .btn-main:focus {
    transition: opacity 0.2s;
    opacity: 0.8;
    text-decoration: none; }

.btn-green-light {
  display: inline-block;
  background: #000;
  line-height: 50px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.95em;
  padding: 0 30px;
  transition: opacity 0.2s; }
  .btn-green-light:hover, .btn-green-light:focus {
    transition: opacity 0.2s;
    opacity: 0.8;
    text-decoration: none; }

.center {
  text-align: center; }

.mini-arrow {
  position: relative;
  vertical-align: middle;
  margin-left: 20px;
  display: inline-block;
  height: 1px;
  width: 40px;
  background: #fff; }
  .mini-arrow:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    height: 1.5px;
    background: #fff;
    transform: rotate(45deg);
    transform-origin: 100% 0; }
  .mini-arrow:after {
    content: '';
    position: absolute;
    right: 1px;
    top: 0;
    width: 10px;
    height: 1.5px;
    background: #fff;
    transform: rotate(-45deg);
    transform-origin: 100% 0; }

.mini-arrow-blue {
  position: relative;
  vertical-align: middle;
  margin-left: 20px;
  display: inline-block;
  height: 1px;
  width: 40px;
  background: #fff;
  transition: background 0.3s; }
  .mini-arrow-blue:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    height: 1.5px;
    background: #fff;
    transform: rotate(45deg);
    transform-origin: 100% 0;
    transition: background 0.3s; }
  .mini-arrow-blue:after {
    content: '';
    position: absolute;
    right: 1px;
    top: 0;
    width: 10px;
    height: 1.5px;
    background: #fff;
    transform: rotate(-45deg);
    transform-origin: 100% 0;
    transition: background 0.3s; }

.mini-arrow-green {
  position: relative;
  vertical-align: middle;
  margin-left: 20px;
  display: inline-block;
  height: 1px;
  width: 40px;
  background: #76c7ff; }
  .mini-arrow-green:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    height: 1.5px;
    background: #76c7ff;
    transform: rotate(45deg);
    transform-origin: 100% 0; }
  .mini-arrow-green:after {
    content: '';
    position: absolute;
    right: 1px;
    top: 0;
    width: 10px;
    height: 1.5px;
    background: #76c7ff;
    transform: rotate(-45deg);
    transform-origin: 100% 0; }

.btn-1 {
  background: url('/res/img/btn1.png') no-repeat; }

.btn-2 {
  background: url('/res/img/btn2.png') no-repeat; }

.btn-3 {
  background: url('/res/img/btn3.png') no-repeat; }

.btn-4 {
  background: url('/res/img/btn4.png') no-repeat; }

.btn-5 {
  background: url('/res/img/btn5.png') no-repeat; }

.btn-6 {
  background: url('/res/img/btn6.png') no-repeat; }

.btn-7 {
  background: url('/res/img/btn7.png') no-repeat; }

.btn-8 {
  background: url('/res/img/btn-white1.png') no-repeat; }

.btn-9 {
  background: url('/res/img/btn-white2.png') no-repeat;
  color: #76c7ff;
  line-height: 50px;
  padding: 0 20px; }
  .btn-9:hover, .btn-9:focus {
    color: #76c7ff; }

.btn-10 {
  background: url('/res/img/btn10.png') no-repeat;
  color: #76c7ff;
  line-height: 50px;
  padding: 0 30px; }

.btn-11 {
  background: url('/res/img/btn11.png') no-repeat;
  color: #76c7ff;
  line-height: 50px;
  padding: 0 30px;
  margin: 20px 0; }
  .btn-11 span {
    line-height: 4em; }

.btn-recrut-1 {
  background: url('/res/img/btn-recrut.png') no-repeat;
  color: #76c7ff;
  height: 50px;
  line-height: 50px;
  padding: 0 30px; }

.btn-container {
  position: absolute;
  top: calc(50% - 62px);
  right: 0; }

.btn-recrut-1, .btn-recrut-2 {
  display: block; }

.btn-recrut-2 {
  width: 203px;
  margin-top: 20px; }

.btn-offre-resa {
  background: url('/res/img/btn-offre-resa.png') no-repeat;
  color: #76c7ff;
  height: 50px;
  line-height: 20px;
  width: 200px;
  font-weight: bold; }

.btn-restau-restau {
  margin-left: 20px; }

.text-container {
  width: 100%;
  line-height: 1.8em; }

.full-container {
  width: 100%;
  min-height: 600px; }
  .full-container .table {
    justify-content: center;
    align-items: center; }

._index .full-container {
  height: 600px; }

.full-square-container {
  margin: 0 auto;
  width: 600px;
  min-height: 300px;
  height: auto;
  max-height: 100%;
  padding: 30px 0;
  display: table;
  background: rgba(255, 255, 255, .8); }

.full-container-1 {
  position: relative;
  overflow: hidden; }

#room-video {
  position: absolute;
  min-width: 100%;
  left: 0;
  top: 0;
  width: 100%;
  object-fit: cover; }
  #room-video + .table {
    position: relative; }

.full-container-2 {
  -webkit-background-attachment: fixed;
  background-attachment: fixed;
  background-position: center bottom; }

.full-container-3 {
  -webkit-background-attachment: fixed;
  background-attachment: fixed; }

.full-container-hotel1 {
  -webkit-background-attachment: fixed;
  background-attachment: fixed; }

.full-container-hotel2 {
  width: 80%;
  height: 100%;
  margin: 0 auto; }

.full-container-piscine1 {
  background: url('/cache/img/14cebed44093ba37484c1ae1f66f2aff20f380c6-14cebe-1600-900-auto.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-background-attachment: fixed;
  background-attachment: fixed; }

.full-container-fitness {
  -webkit-background-attachment: fixed;
  background-attachment: fixed; }

.full-container-restaurant1 {
  background: url('/cache/img/87d71b437035f6e39e82ded9084e909a4c7e7baa-87d71b-1600-900-auto.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
  -webkit-background-attachment: fixed;
  background-attachment: fixed; }

.full-container-situation {
  -webkit-background-attachment: fixed;
  background-attachment: fixed; }

.ibl {
  display: inline-block;
  margin: 0 50px;
  overflow: hidden;
  vertical-align: top; }

.full-square-text {
  display: block;
  width: 85%;
  margin: auto;
  text-align: center; }
  .full-square-text h3 {
    margin-bottom: 20px; }

.square-image-container {
  z-index: 0;
  position: relative; }

.square-text-container {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center; }

.index-gallery-container {
  overflow: hidden;
  height: 500px; }

.fleche {
  position: absolute;
  top: 50%;
  border: none;
  background: none;
  color: #fff;
  font-size: 20px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }
  .fleche:hover {
    color: #76c7ff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }

.fleche-form {
  left: 50px;
  position: absolute;
  top: 10px; }

.fleche-gauche {
  left: 10px; }

.fleche-droite {
  right: 20px; }

.index-gallery {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 300%;
  height: 100%; }

.image-gallery {
  width: 11.11%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .image-gallery img {
    display: block;
    width: 100%;
    height: auto; }
  .image-gallery:nth-child(3n - 1) .cache-index-gallery {
    opacity: 1; }
  .image-gallery:nth-child(3n - 1) .blue-btn {
    display: inline-block;
    background: #fff;
    line-height: 50px;
    color: #76c7ff;
    text-transform: uppercase;
    font-size: 0.95em;
    padding: 0 30px;
    opacity: 0.6;
    transition: opacity 0.2s; }
  .image-gallery:nth-child(3n - 1) .mini-arrow-green {
    display: inline-block; }
  .image-gallery:nth-child(3n - 1) span {
    margin-right: 0; }
  .image-gallery:nth-child(3n - 1):hover .blue-btn, .image-gallery:nth-child(3n - 1):focus .blue-btn {
    opacity: 1;
    transition: opacity 0.2s; }

.cache-index-gallery {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(118, 199, 255, 0.9);
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: background 0.3s; }
  .cache-index-gallery .mini-arrow-green {
    display: none; }

.cache {
  position: absolute;
  background: #76c7ff;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: opacity 0.3s; }

.cache-content {
  display: block; }

.square-text-container-actu {
  margin: 0 1.5em; }

.first-actu {
  max-width: 1060px;
  width: 100%;
  margin: auto; }
  .first-actu img {
    display: block;
    max-width: 100%; }

.first-actu-txt h2 {
  margin-top: 20px; }
  .first-actu-txt .post-excerpt {
    font-size: 1.05em; }

.index-actu {
  display: table-cell;
  vertical-align: top;
  width: 33%; }

.square-text-actu {
  padding: 1.5em;
  text-align: center; }
  .square-text-actu h2, .square-text-actu .h2 {
    font-size: 1.6em; }
  .square-text-actu h2, .square-text-actu .h3 {
    font-size: 1em;
    text-transform: none; }
  .square-text-actu h2 a, .square-text-actu .h3 a {
    color: inherit; }
  .square-text-actu p {
    font-size: 0.95em;
    line-height: 1.6em; }

.square-text-content-actu {
  display: inline-block;
  margin-top: -30px; }

.square-image-actu img {
  width: 80%; }

.footer {
  max-width: 1250px;
  padding: 50px 20px;
  margin: 0 auto;
  font-size: 0.9em; }
  .footer a {
    color: inherit; }

.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.footer-col {
  flex-basis: 20%;
  padding: 0 20px; }

.footer-address p {
  margin-bottom: 0; }

.footer-social {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
  border-left: #000 solid 1px;
  border-right: #000 solid 1px; }

.footer-social-title {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase; }

.partners {
  background: #76c7ff;
  padding: 10px;
  margin: 0 10px; }
  .partners div {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px; }

.truc-footer {
  width: 185px; }

.truc-footer-2 {
  margin-top: 20px; }

.icon-handicap {
  width: 16px;
  height: 16px;
  margin: 0 3px 0 0;
  fill: #000; }

.footer-left {
  padding-right: 15px; }
  .footer-left ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .footer-left ul img {
    padding: 0 5px 0 0; }
  .footer-left ul li {
    padding: 1.5px 0; }
  .footer-left ul li:first-child {
    font-weight: bold;
    text-transform: uppercase; }

.logo-footer {
  width: 140px;
  height: 74px;
  margin-right: 20px; }

.social-menu-container {
  position: relative; }
  .social-menu-container .h5 {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
    margin: 10px 0; }
  .social-menu-container:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #1f3240; }
  .social-menu-container:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #1f3240; }

.social-menu {
  color: #a0a0a0; }
  .social-menu ul {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none; }
  .social-menu li {
    margin: 0 7px; }
  .social-menu a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background: #a0a0a0;
    border-radius: 50%;
    transition: transform 0.3s; }
  .social-menu a:hover, .social-menu a:focus {
    transform: scale(1.15);
    transition: transform 0.3s; }
  .social-menu svg {
    width: 20px;
    height: 20px;
    fill: #fff; }

.social1 {
  animation-delay: 0.2s; }

.social2 {
  animation-delay: 0.4s; }

.social3 {
  animation-delay: 0.6s; }

.social4 {
  animation-delay: 0.8s; }

.social5 {
  animation-delay: 1s; }

.footer-right {
  padding-left: 30px; }

.other-pages {
  padding: 0;
  margin: 0;
  list-style: none; }
  .other-pages li:after {
    content: ' >'; }

.footer-bottom {
  margin-top: 30px;
  text-align: center; }
  .footer-bottom p {
    margin-bottom: 0; }

.menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: 'AgencyFB', Arial, sans-serif;
  font-size: 1.25rem;
  text-align: center;
  text-transform: uppercase; }
  .menu ul {
    display: flex;
    align-items: center;
    flex-basis: calc(50% - 54px);
    padding: 0;
    margin: 30px 0 0;
    list-style: none; }
  .menu ul:first-child {
    justify-content: flex-end; }
  .menu li {
    display: flex;
    align-items: center; }
  .menu li:not(:last-child):after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 30px;
    background: #76c7ff;
    border-radius: 50%; }
  .menu a {
    display: inline-block;
    color: #fff;
    transition: color 0.2s, text-shadow 0.2s; }
  .menu a:hover, .menu a:focus, .menu a.active {
    color: #76c7ff;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .8);
    transition: color 0.2s, text-shadow 0.2s; }

.logo {
  position: relative;
  display: inline-block;
  flex-basis: 108px;
  height: 62px;
  margin: 0 30px;
  text-align: center; }
  .logo img {
    position: absolute;
    width: 108px;
    height: 62px;
    left: 0;
    top: 0;
    transition: opacity 0.3s; }
  .logo img:last-child {
    opacity: 0; }
  .logo.active img:first-child, .logo.always-active img:first-child {
    opacity: 0;
    transition: opacity 0.3s; }
    .logo.active img:last-child, .logo.always-active img:last-child {
      opacity: 1;
      transition: opacity 0.3s; }

.menu-list {
  padding: 0;
  margin: 0 0 2em;
  list-style: none; }
  .menu-list a {
    color: #1f3240;
    font-family: inherit;
    font-size: 1.3em;
    line-height: 2.1em;
    text-transform: uppercase; }
  .menu-list a:hover, .menu-list a:focus {
    font-weight: bold;
    text-decoration: none; }
  .menu-list svg {
    width: 24px;
    height: 21px;
    margin-right: 20px;
    fill: #1f3240; }
  .menu-list span {
    width: 20px;
    display: inline-block;
    text-align: center;
    margin-right: 20px; }

.menu-footer-left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 2em; }
  .menu-footer-left .logo-footer {
    width: 100px; }
  .menu-footer-left ul {
    padding: 0 0 0 20px;
    list-style-type: none; }
  .menu-footer-left a {
    color: inherit; }
  .menu-footer-left a:hover, .menu-footer-left a:focus {
    font-weight: bold;
    text-decoration: none; }

.menu-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end; }

.social-menu-header {
  margin: 1em 0 0; }
  .social-menu-header li {
    margin: 0 14px 0 0; }

.booking-on-container {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background: rgba(26, 23, 27, 0.95);
  text-align: center;
  color: #fff;
  overflow-y: auto; }
  .booking-on-container .h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 2.2em;
    margin: 1em 0 0;
    margin-bottom: 20px;
    color: #fff; }
  .booking-on-container .under-center:after {
    background: #fff !important; }
  .booking-on-container .booking-close {
    cursor: pointer;
    pointer-events: all;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin-top: 20px;
    background: none;
    border: none;
    color: #fff;
    font-size: 0.8em;
    text-transform: uppercase;
    vertical-align: middle; }
  .booking-on-container .booking-close img {
    margin-right: 10px;
    width: 25px;
    height: 25px;
    vertical-align: middle; }
  .booking-on-container .booking-close i {
    font-size: 27px;
    vertical-align: middle; }
  .booking-on-container .booking-close .close {
    position: absolute;
    top: 10px; }
  .booking-on-container .booking {
    display: block;
    width: 600px;
    margin: 0 auto; }
  .booking-on-container .booking .date {
    height: 120px;
    background: #fff;
    margin: 5px; }
  .booking-on-container .promo {
    height: 30px;
    background: #fff; }
  .booking-on-container .booking-offre-container {
    display: none;
    position: relative;
    height: 250px;
    margin: 1em 0 0;
    overflow: hidden; }
  .booking-on-container .offre-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .booking-on-container .offre-content:nth-child(2) {
    left: 100%; }
  .booking-on-container .offre-content:nth-child(3) {
    left: 200%; }
  .booking-on-container .offre-content:nth-child(4) {
    left: 300%; }
  .booking-on-container .offre-content:nth-child(5) {
    left: 400%; }
  .booking-on-container .offre-content:nth-child(6) {
    left: 500%; }
  .booking-on-container .offre-content:nth-child(7) {
    left: 600%; }
  .booking-on-container .offre-content:nth-child(8) {
    left: 700%; }
  .booking-on-container .offre-content:nth-child(9) {
    left: 800%; }
  .booking-on-container .booking-offre {
    position: absolute;
    width: 100%;
    height: 100%; }
  .booking-on-container .offre-resa-img {
    padding-left: 5px; }
  .booking-on-container .offre-resa-txt {
    text-align: left;
    padding: 0 25px 0 15px;
    color: #fff;
    font-size: 0.8em;
    margin-bottom: 0; }
  .booking-on-container .offre-resa-txt .h3 {
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    color: #fff; }
  .booking-on-container .offre-resa-txt .reserver {
    text-transform: uppercase;
    padding: 10px 30px; }
  .booking-on-container .fleche {
    position: absolute;
    border: none;
    background: none;
    padding: 0; }
  .booking-on-container .fleche-gauche {
    left: 0px;
    top: 40%; }
  .booking-on-container .fleche-droite {
    right: 0;
    top: 40%; }

.booking-form label {
  display: block;
  position: relative; }
  .booking-form input[type="text"] {
    display: block;
    width: 100%;
    padding: 0.6em 0.5em;
    font-size: 1em;
    font-family: inherit;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    border: none; }
  .booking-form input[type="submit"] {
    display: block;
    width: 100%;
    padding: 0.6em 0.5em;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    background: #76c7ff;
    border: none;
    transition: color 0.2s, background 0.2s; }
  .booking-form input[type="submit"]:hover, .booking-form input[type="submit"]:focus {
    color: #000;
    background: #fff;
    transition: color 0.2s, background 0.2s; }

.fleche-reserver {
  position: absolute;
  left: 60px;
  top: 10px; }

.booking-fields .col:first-child, .promo-container .col:first-child {
  padding-right: 5px; }
  .booking-fields .col:last-child, .promo-container .col:last-child {
    padding-left: 5px; }

.label-text {
  position: absolute;
  clip: rect(0, 0, 0, 0); }

.datepicker {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 999999999; }

.booking-fake-input {
  display: block;
  width: 100%;
  padding: 2em 1em;
  margin: 0 0 1.5em 0;
  text-align: center;
  background: url('/res/img/bg-fake-label.png') no-repeat 90% center #fff;
  border: none; }

.booking-fake-input-title {
  display: block;
  font-size: 1.1em;
  text-transform: uppercase;
  color: #1a171b; }

.large-date {
  display: block;
  margin: 0;
  font-size: 3.2em;
  line-height: 0.9em;
  color: #76c7ff; }

.small-monthyear {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #194c57; }

.dots-container {
  bottom: 60px;
  height: 50px; }
  .dots-container button {
    cursor: pointer; }
  .dots-container .btn-slider-prev.blue-arrow svg, .dots-container .btn-slider-next.blue-arrow svg {
    fill: #fff;
    filter: none; }

.blue-arrow {
  position: absolute;
  z-index: 998;
  background: none;
  border: none;
  padding: 0;
  width: auto;
  height: auto; }

.white-arrow {
  position: absolute;
  z-index: 998;
  background: none;
  border: none;
  padding: 0;
  width: auto;
  height: auto; }
  .white-arrow svg {
    fill: #fff; }

.blue-arrow-left {
  left: 30%; }

.blue-arrow-right {
  right: 30%; }

.header .dots3 {
  position: absolute;
  width: 100px;
  left: calc(50% - 50px);
  top: auto;
  bottom: 12px;
  z-index: 9; }

.dots, .dots2 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 20px;
  padding: 0;
  margin: 0;
  text-align: center; }
  .dots li, .dots2 li {
    display: inline-block;
    padding: 0 2px; }
  .dots button, .dots2 button {
    cursor: pointer;
    display: block;
    padding: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: none;
    border: 1px solid #fff;
    transition: background 0.2s; }
  .dots button:hover, .dots2 button:hover, .dots button:focus, .dots2 button:focus, .dots button.active, .dots2 button.active {
    background: #fff;
    transition: background 0.2s; }

.dots3 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 20px;
  padding: 0;
  margin: 0;
  text-align: center; }
  .dots3 li {
    display: inline-block;
    padding: 0; }
  .dots3 button {
    cursor: pointer;
    display: block;
    padding: 0;
    width: 15px;
    height: 15px;
    border-radius: 50% 50%;
    background: none;
    border: 1px solid #76c7ff;
    transition: background 0.2s; }
  .dots3 button:hover, .dots3 button:focus, .dots3 button.active {
    background: #76c7ff;
    transition: background 0.2s; }

.bloc-titre-quote {
  width: 55%;
  margin: 30px auto;
  font-size: 1.1rem;
  font-style: italic;
  line-height: 1.5em; }
  .bloc-titre-quote strong {
    display: inline-block;
    color: #76c7ff;
    font-size: 1em;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 10px; }

.hotel-list-title {
  margin-top: 5em; }

.hotel-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .hotel-list li {
    display: inline-block;
    width: 20%;
    padding: 30px;
    vertical-align: middle; }
  .hotel-list li:nth-child(-n + 4) {
    padding-top: 0; }

.logo-hotel-0 {
  animation-delay: 0.1s; }

.logo-hotel-1 {
  animation-delay: 0.2s; }

.logo-hotel-2 {
  animation-delay: 0.3s; }

.logo-hotel-3 {
  animation-delay: 0.4s; }

.logo-hotel-4 {
  animation-delay: 0.5s; }

.logo-hotel-5 {
  animation-delay: 0.6s; }

.logo-hotel-6 {
  animation-delay: 0.7s; }

.logo-hotel-7 {
  animation-delay: 0.8s; }

.logo-hotel-8 {
  animation-delay: 0.9s; }

.logo-hotel-9 {
  animation-delay: 1s; }

.logo-hotel-10 {
  animation-delay: 1.1s; }

.logo-hotel-11 {
  animation-delay: 1.2s; }

.logo-hotel-12 {
  animation-delay: 1.3s; }

.logo-hotel-13 {
  animation-delay: 1.4s; }

.logo-hotel-img {
  margin: auto;
  vertical-align: middle;
  width: 20px;
  height: 20px; }

.logo-hotel-txt {
  vertical-align: middle;
  padding-top: 10px; }

.logo-hotel-img0 {
  background: url('/res/img/logohotel.png') no-repeat -114px -103px;
  width: 29px;
  height: 37px; }

.logo-hotel-img1 {
  background: url('/res/img/logohotel.png') no-repeat -157px -106px;
  width: 32px;
  height: 32px; }

.logo-hotel-img2 {
  background: url('/res/img/logohotel.png') no-repeat -62px -147px;
  width: 36px;
  height: 28px; }

.logo-hotel-img3 {
  background: url('/res/img/logohotel.png') no-repeat -120px -152px;
  width: 47px;
  height: 23px; }

.logo-hotel-img4 {
  background: url('/res/img/logohotel.png') no-repeat -11px -10px;
  width: 40px;
  height: 40px; }

.logo-hotel-img5 {
  background: url('/res/img/logohotel.png') no-repeat -65px -10px;
  width: 37px;
  height: 35px; }

.logo-hotel-img6 {
  background: url('/res/img/logohotel.png') no-repeat -123px -11px;
  width: 53px;
  height: 30px; }

.logo-hotel-img7 {
  background: url('/res/img/logohotel.png') no-repeat -202px -4px;
  width: 26px;
  height: 45px; }

.logo-hotel-img8 {
  background: url('/res/img/logohotel.png') no-repeat -15px -70px;
  width: 36px;
  height: 36px; }

.logo-hotel-img9 {
  background: url('/res/img/logohotel.png') no-repeat -65px -61px;
  width: 43px;
  height: 36px; }

.logo-hotel-img10 {
  background: url('/res/img/logohotel.png') no-repeat -127px -68px;
  width: 41px;
  height: 23px; }

.logo-hotel-img11 {
  background: url('/res/img/logohotel.png') no-repeat -186px -59px;
  width: 43px;
  height: 41px; }

.logo-hotel-img12 {
  background: url('/res/img/logohotel.png') no-repeat -18px -123px;
  width: 38px;
  height: 33px; }

.logo-hotel-img13 {
  background: url('/res/img/logohotel.png') no-repeat -67px -109px;
  width: 37px;
  height: 29px; }

.hotel-bottom {
  display: block;
  height: 600px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  .hotel-bottom:hover .hotel-bottom-cta, .hotel-bottom:focus .hotel-bottom-cta {
    bottom: 45%;
    transition: bottom 0.3s; }
  .hotel-bottom:hover .hotel-bottom-cta-btn, .hotel-bottom:focus .hotel-bottom-cta-btn {
    color: #63baf7;
    background: #fff;
    transition: color 0.3s, background 0.3s; }
  .hotel-bottom:hover .cache, .hotel-bottom:focus .cache {
    transition: opacity 0.3s;
    opacity: 0.7; }
  .hotel-bottom:hover .mini-arrow-blue, .hotel-bottom:focus .mini-arrow-blue, .hotel-bottom:hover .mini-arrow-blue:before, .hotel-bottom:focus .mini-arrow-blue:before, .hotel-bottom:hover .mini-arrow-blue:after, .hotel-bottom:focus .mini-arrow-blue:after {
    background: #76c7ff;
    transition: background 0.3s; }

.hotel-bottom-cta {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 35px;
  text-align: center;
  transition: bottom 0.3s; }

.hotel-bottom-cta-btn {
  display: inline-block;
  cursor: pointer;
  width: 248px;
  height: 57px;
  line-height: 57px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.85em;
  padding: 0 0 0 10px;
  background: #76c7ff;
  transition: color 0.3s, background 0.3s; }

.full-image {
  width: auto;
  height: 600px; }

._chambres .header {
  height: auto; }
  ._chambres .menu-right {
    display: none; }
  ._chambres .cache {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000; }
  ._chambres .cache span {
    color: #fff;
    font-size: 1.2em;
    text-transform: uppercase; }
    ._chambres .cache span strong {
      font-size: 1.3em;
      font-weight: normal; }
    ._chambres .cache span .plus {
      font-size: 1.5em;
      line-height: 1em; }
    ._chambres .cache span:hover, ._chambres .cache span:focus {
      text-decoration: none; }
  ._chambres .cache img {
    display: inline-block;
    width: 24px;
    height: auto; }
  ._chambres .bg-slider-content {
    height: 350px;
    position: relative; }
  ._chambres .bg-slider-content:hover .cache, ._chambres .bg-slider-content:focus .cache {
    transition: opacity 0.3s;
    opacity: 0.7; }
  ._chambres .bg-slider-content .slider {
    height: 100%; }
  ._chambres .dots-container-bg {
    position: absolute; }
  ._chambres .dots-container {
    top: -55px;
    height: auto;
    z-index: 99; }
  ._chambres .dots {
    top: -5px; }

.room-slider-content {
  height: 100%; }

.ss-room-title {
  display: block;
  margin: 0 0 0.2em; }

.full-square-txt-container {
  width: 100%;
  position: relative;
  margin-bottom: 100px; }

.full-square-txt-content {
  display: block;
  width: 80%;
  margin: -70px auto 0 auto;
  background: rgba(255, 255, 255, .8);
  text-align: center; }
  .full-square-txt-content h2 {
    text-align: center;
    margin-top: 50px; }

.picto-perso {
  display: block;
  margin: 30px auto; }

.room-text {
  width: 95%;
  display: block;
  margin: auto;
  text-align: center; }
  .room-text ul {
    padding: 0; }
  .room-text a {
    color: #76c7ff; }

.room-more-btn {
  display: inline-block;
  min-width: 230px;
  padding: 0.5em 1em;
  color: #76c7ff;
  font-size: 0.95em;
  text-transform: uppercase;
  background: none;
  border: #76c7ff solid 1px;
  transition: color 0.2s, background 0.2s; }
  .room-more-btn:hover, .room-more-btn:focus {
    color: #fff;
    background: #76c7ff;
    transition: color 0.2s, background 0.2s; }

.room-text-more {
  display: none; }

.booking-btn-room {
  min-width: 230px;
  padding: 0.5em 1em;
  margin: 1em 0 0;
  line-height: normal;
  background: #76c7ff; }

.rooms-desc {
  max-width: 950px;
  margin: 70px auto 0; }

.room-container .blue-btn span {
  margin-right: 0;
  margin-left: 40px; }
  .room-container .slider-item {
    -webkit-background-attachment: fixed;
    background-attachment: fixed; }

.bg-room-container {
  width: 100%;
  height: 100%; }

.bg-room-content {
  height: 360px;
  margin: 0 0 2px; }
  .bg-room-content .bg-slider-content {
    height: 360px; }

.bg-room {
  padding: 0 1px; }
  .bg-room .table {
    justify-content: center;
    align-items: center; }

.bg-full-room {
  position: relative;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  height: 200px;
  border: 3px solid #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  .bg-full-room:hover .cache, .bg-full-room:focus .cache {
    opacity: 0.7; }

.bg-full-room-1 {
  background-image: url(''); }

.bg-full-room-2 {
  background-image: url(''); }

.room-list {
  position: absolute;
  top: -35px; }
  .room-list li {
    list-style-image: url('/res/img/room-li.png'); }
  .room-list li a {
    font-size: 1.1em;
    text-transform: uppercase;
    color: #76c7ff;
    line-height: 2em; }
  .room-list li:hover, .room-list li:focus {
    list-style-image: url('/res/img/room-li-hover.png'); }
    .room-list li:hover a, .room-list li:focus a {
      color: #76c7ff;
      text-decoration: none; }
  .room-list:before {
    content: '';
    width: 2px;
    height: 200px;
    background: #000;
    position: absolute;
    left: 26px;
    top: 10px;
    z-index: -1; }

.press-wrapper {
  display: inline-block;
  width: 262px;
  padding: 10px; }

.press-container {
  position: relative;
  display: block;
  width: 100%; }
  .press-container img {
    display: block;
    width: 100%;
    height: auto; }
  .press-container:hover .press-content, .press-container:focus .press-content {
    opacity: 1;
    transition: opacity 0.3s; }

.press-content {
  z-index: 20;
  opacity: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 16px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 0.3s; }
  .press-content h2, .press-content h3, .press-content .h2, .press-content .h3 {
    color: white;
    text-transform: uppercase;
    margin-bottom: 10px; }
  .press-content h2, .press-content .h2 {
    font-size: 1.5em; }
  .press-content h3, .press-content .h3 {
    font-size: 1.3em; }

.icon-glasses {
  background-image: url("/res/img/icon-glasses.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 50px;
  height: 50px;
  display: block;
  margin: auto; }

._recrutement .header, ._offres .header, ._situation .header, ._gallery .header, ._mentionslegales .header, ._presse .header, ._avis .header, ._gifts .header, ._404 .header {
  height: 0; }
  ._recrutement .bg-container, ._offres .bg-container, ._situation .bg-container, ._gallery .bg-container, ._mentionslegales .bg-container, ._presse .bg-container, ._avis .bg-container, ._gifts .bg-container, ._404 .bg-container {
    display: none; }

.recrut-container {
  display: block;
  width: 80%;
  height: auto;
  border: 1px solid #76c7ff;
  margin: 50px auto; }
  .recrut-container h3 {
    color: #3883a7; }
  .recrut-container .btn {
    line-height: 50px; }

.recrut-content {
  width: 70%;
  margin: 50px;
  font-size: 1.1em;
  line-height: 2em; }

.recrut-form-container {
  width: 50%;
  display: block;
  margin: auto; }
  .recrut-form-container textarea {
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    margin: 5px 0; }

.formulaire {
  width: 48%;
  height: 30px;
  border: 1px solid #000;
  margin: 3px; }

.formulaire-2 {
  width: 100%;
  height: 30px;
  border: 1px solid #000;
  margin: 5px 0;
  /* blog */ }

._blog h1 {
  padding: 100px 0 0;
  margin: 0 0 1em;
  color: #76c7ff;
  text-transform: uppercase; }

.menu-categories {
  text-align: center;
  text-transform: uppercase;
  margin: 20px 0; }
  .menu-categories ul {
    padding: 0;
    margin: 0; }
  .menu-categories li {
    display: inline-block; }
  .menu-categories li:after {
    content: '/';
    display: inline-block;
    padding: 0 0.3em; }
  .menu-categories li:last-child:after {
    content: ''; }
  .menu-categories a {
    color: #76c7ff; }
  .menu-categories a.active, .menu-categories a:hover, .menu-categories a:focus {
    color: #76c7ff; }

.actus-list {
  margin: 3em 5em 0; }

.actu {
  width: 240px;
  margin-bottom: 25px; }
  .actu img {
    display: block;
    border-radius: 6px 6px 0 0; }

.actu-content {
  padding: 0 5px 5px 5px;
  border-left: #76c7ff solid 1px;
  border-right: #76c7ff solid 1px;
  border-bottom: #76c7ff solid 1px; }

.actu-txt {
  padding: 15px; }
  .actu-txt h2 {
    padding: 0;
    margin: 0;
    font-size: 1.2em;
    text-transform: uppercase; }

.post-date {
  font-size: 0.9em; }

.post-excerpt {
  font-size: 0.9em; }

.post-link {
  color: #76c7ff;
  font-size: 0.9em;
  text-transform: uppercase; }

.actu {
  width: 240px;
  margin-bottom: 25px; }
  .actu img {
    display: block;
    border-radius: 6px 6px 0 0; }

.blog-paginator {
  text-align: center; }
  .blog-paginator ul {
    display: block;
    padding: 0; }
  .blog-paginator li {
    display: inline-block;
    margin: 3px; }
  .blog-paginator a {
    padding: 3px;
    color: #76c7ff;
    border: 1px solid #76c7ff;
    transform: transition color 0.3s background-color 0.3s; }
  .blog-paginator a:hover, .blog-paginator a.active {
    background-color: #76c7ff;
    color: #fff;
    transform: transition color 0.3s background-color 0.3s; }

.offre-list {
  width: 90%;
  display: block;
  margin: 0 auto; }

.offre-titre {
  padding-top: 50px;
  margin-bottom: 20px; }

._offres .bloc-titre {
  margin: 0; }

.offres {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin: 0 25px 5em; }
  .offres img {
    display: block;
    margin: 0 auto;
    border-radius: 6px 6px 0 0; }
  .offres h2 {
    color: #76c7ff;
    text-align: center;
    margin-bottom: 15px; }
  .offres .actu-content {
    min-height: 540px; }
  .offres .actu-txt {
    min-height: 294px; }

.btn-offre {
  position: absolute;
  width: 200px;
  bottom: -25px;
  left: calc(50% - 100px);
  text-align: center;
  border: none; }
  .btn-offre strong {
    margin-left: 20px; }

.btn-article {
  border: medium none;
  width: 260px;
  position: absolute;
  bottom: -120px;
  left: calc(50% - 150px);
  color: #fff !important; }
  .btn-article strong {
    margin-right: 20px; }

.offre-txt {
  font-size: 0.95em;
  text-align: center;
  line-height: 1.3em;
  margin-bottom: 30px; }

.h1-single-post {
  margin-bottom: 0 !important; }

.single-post {
  margin-bottom: 200px; }
  .single-post a {
    color: #76c7ff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }
  .single-post a:hover {
    color: #76c7ff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s; }
  .single-post .dots-container-gallery {
    position: absolute;
    height: 50px;
    width: 100%;
    bottom: 0px;
    background: #fff; }
  .single-post .slider-content {
    height: 300px; }
  .single-post .slider-item {
    height: 300px; }
  .single-post .full-image {
    height: 300px; }
  .single-post .actu-content {
    width: 100%; }
  .single-post .actu {
    width: 100%; }
  .single-post .post-pic {
    max-width: 750px;
    margin: auto; }
  .single-post .post-pic .post-img {
    width: 100%;
    display: block;
    margin: auto; }
  .single-post .border-container {
    margin-top: 30px;
    display: inline-block; }
  .single-post .post-excerpt {
    font-size: 1em; }
  .single-post .actu-txt {
    padding: 65px 30px 40px 30px;
    border: none; }
  .single-post .actu-txt h3 {
    color: #76c7ff;
    font-size: 1.5em;
    margin: 0; }

#map {
  height: 600px;
  background: #e5e3df; }

.pois-container {
  position: absolute;
  width: 255px;
  height: 100%;
  padding: 0;
  left: 0;
  top: 260px; }
  .pois-container .accordion button {
    position: relative;
    display: block;
    color: #fff;
    background: #76c7ff;
    width: 100%;
    padding: 5px 0;
    margin: 5px 0 0;
    font-size: 1.3em;
    font-weight: lighter;
    text-align: left;
    text-transform: uppercase;
    border: none;
    text-decoration: none; }
    .pois-container .accordion button::-moz-focus-inner {
      padding: 0;
      border: 0; }
    .pois-container .accordion button:after {
      content: url('/res/img/sit-icon.png');
      position: absolute;
      right: 10px;
      font-weight: bold;
      color: #fff; }
    .pois-container .accordion button.active:after {
      content: url('/res/img/sit-icon2.png');
      color: #fff; }
  .pois-container .accordion-content {
    padding: 0; }
  .pois-container .accordion-content ul {
    padding: 0; }
    .pois-container .accordion-content ul li button {
      background: #76c7ff;
      font-size: 1.2em;
      font-weight: normal;
      padding: 5px 0 10px 30px;
      margin: 0;
      text-transform: none; }
      .pois-container .accordion-content ul li button:after {
        content: '';
        display: none; }
      .pois-container .accordion-content ul li button.active:after {
        content: '';
        display: none; }

.pois-title {
  position: relative;
  text-transform: uppercase;
  font-size: 1.2em;
  margin: 20px 10px;
  font-weight: normal; }
  .pois-title:after {
    height: 4px; }

.pois {
  margin-top: 30px; }
  .pois ul {
    padding: 15px 0 0 0;
    margin: 0 0 1em; }
  .pois li {
    display: block;
    list-style: none;
    font-size: 0.9em; }
  .pois button {
    padding: 0;
    font-family: inherit;
    text-align: left;
    background: none;
    border: none; }
  .pois button.poi-active, .pois button:hover, .pois button:focus {
    font-weight: bold; }
  .pois strong {
    position: relative;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 0.9em;
    padding-left: 20px; }
  .pois img {
    width: 15px;
    height: 15px;
    margin-right: 20px; }

.square-text-venir {
  height: 500px;
  overflow-x: scroll; }

.venir-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .venir-list li {
    font-size: 1.4em;
    text-transform: uppercase;
    color: #76c7ff;
    font-weight: lighter; }

.accordion button {
  position: relative;
  display: block;
  color: #76c7ff;
  width: 100%;
  padding: 1em 0;
  font-size: 1.5em;
  font-weight: lighter;
  text-align: left;
  text-transform: uppercase;
  background: none;
  border: none;
  border-bottom: #000 solid 1px; }
  .accordion button::-moz-focus-inner {
    padding: 0;
    border: 0; }
  .accordion button:after {
    content: '+';
    position: absolute;
    right: 0;
    font-weight: bold;
    color: #76c7ff; }
  .accordion button.active:after {
    content: '-';
    color: #76c7ff; }

.accordion-content {
  display: none;
  padding: 1em 0; }

.gallery-situation {
  width: 95%;
  margin: 70px auto; }

.location-gallery-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 230px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .location-gallery-item:hover .cache-sit, .location-gallery-item:focus .cache-sit {
    transition: opacity 0.3s;
    opacity: 0.6; }
  .location-gallery-item:nth-child(1) {
    width: 42%; }
  .location-gallery-item:nth-child(2) {
    width: 42%; }
  .location-gallery-item:nth-child(3) {
    width: 16%; }
  .location-gallery-item:nth-child(4) {
    width: 16%; }
  .location-gallery-item:nth-child(5) {
    width: 16%; }
  .location-gallery-item:nth-child(6) {
    width: 26%; }
  .location-gallery-item:nth-child(7) {
    width: 26%; }
  .location-gallery-item:nth-child(8) {
    width: 16%; }
  .location-gallery-item:nth-child(9) {
    width: 32%; }
  .location-gallery-item:nth-child(10) {
    width: 16%; }
  .location-gallery-item:nth-child(11) {
    width: 26%; }
  .location-gallery-item:nth-child(12) {
    width: 26%; }

.cache-sit {
  position: absolute;
  background: #fff;
  opacity: 0;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  transition: opacity 0.3s; }
  .cache-sit strong {
    display: block;
    margin: 0 0 0.4em;
    font-size: 1.4em; }
  .cache-sit span {
    display: block;
    margin: 0 0 0.6em; }

.sit-image {
  display: block;
  width: 100%;
  height: auto; }

.logo-restaurant {
  position: absolute;
  left: -webkit-calc(50% - 100px);
  left: calc(50% - 100px);
  top: 40px; }

.vvisit {
  margin: 20px auto;
  text-align: center; }

._gallery .grid-item {
  width: 33%; }
  ._gallery ._galerie .bg {
    height: 100px; }
    ._gallery ._galerie .bg:after {
      display: none; }
  ._gallery ._galerie #logo {
    top: 39px;
    left: calc(50% - 60px); }
    ._gallery ._galerie #logo img {
      width: 120px;
      height: auto; }
  ._gallery ._galerie .lang-menu li a {
    color: #000;
    font-weight: bold; }
  ._gallery ._galerie .presse-index-container {
    height: auto; }
  ._gallery ._galerie .presse-index {
    padding: 50px 0 100px 0; }
  ._gallery ._galerie .gallery-item:hover .cache, ._gallery ._galerie .gallery-item:focus .cache {
    opacity: 0.7;
    transition: opacity 0.3s; }
    ._gallery ._galerie .gallery-item:hover .cache span, ._gallery ._galerie .gallery-item:focus .cache span {
      font-size: 3.5em;
      color: #fff; }
  ._gallery .galerie {
    width: 90%;
    margin: 0 auto;
    height: auto;
    text-align: justify; }
  ._gallery .galerie h1 {
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 2.3em; }
  ._gallery .gallery-img {
    vertical-align: top;
    width: 260px;
    height: 340px;
    margin: 10px 12px; }
  ._gallery .gallery-img:nth-child(even) {
    width: 340px;
    height: 260px; }
  ._gallery .gallery-img:nth-child(3n) {
    vertical-align: bottom; }
  ._gallery .gallery-list {
    padding: 0;
    margin-top: 30px; }
  ._gallery .gallery-item {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding: 1em;
    margin: 0;
    list-style: none;
    transition: opacity 0.3s; }
  ._gallery .gallery-item img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0; }
  ._gallery .gallery-item:nth-child(6n), ._gallery .gallery-item:nth-child(6n-1), ._gallery .gallery-item:nth-child(6n-2) {
    vertical-align: bottom; }
  ._gallery .cache {
    position: absolute;
    height: auto;
    width: auto;
    background: #000;
    opacity: 0;
    top: 32px;
    bottom: 32px;
    left: 32px;
    right: 32px;
    transition: opacity 0.3s; }

#gallery-modal {
  display: none;
  z-index: 9999999;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, .9); }

.gallery-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 100%; }

.gallery-bg-room {
  background-size: contain; }

#gallery-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer; }

#gallery-loader {
  display: none;
  position: absolute;
  padding: 6px;
  top: 10px;
  left: 10px;
  background: #606060;
  background: rgba(96, 96, 96, .7);
  border-radius: 5px;
  -webkit-border-radius: 5px; }
  #gallery-loader img {
    display: block; }

#gallery-prev {
  cursor: url('/res/img/cursor-prev.cur'), pointer;
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0; }

#gallery-next {
  cursor: url('/res/img/cursor-next.cur'), pointer;
  position: absolute;
  width: 50%;
  height: 100%;
  left: 50%;
  top: 0; }

.legal-container {
  display: block;
  width: 80%;
  margin: auto; }

._presse h2 {
  color: #76c7ff;
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  margin: 0; }
  ._presse h3 {
    color: #76c7ff;
    font-weight: normal;
    font-size: 1em;
    text-align: center;
    display: block; }

.form label {
  display: block;
  width: 100%;
  margin: 0 0 1em; }
  .form [type="text"], .form textarea {
    display: block;
    width: 100%;
    padding: 0.4em 0.7em;
    font-size: 0.9em;
    border: #6b6b6b solid 1px; }
  .form [type="text"]:focus, .form textarea:focus {
    border-style: dashed; }
  .form textarea {
    min-height: 90px; }
  .form [type="submit"] {
    border: none; }
  .form .col:first-child {
    padding-right: 0.5em; }
  .form .col:last-child {
    padding-left: 0.5em; }

.label-title {
  position: absolute;
  clip: rect(0, 0, 0, 0); }

.label-title-visible {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.9em; }

.form-error {
  display: none;
  color: #f00;
  margin: 0.2em 0 0; }

.form-disclaimer {
  text-align: right;
  color: #777;
  font-size: 0.8em; }

.label-file {
  position: relative;
  padding: 0.4em 0.7em;
  color: #777;
  border: #6b6b6b solid 1px; }
  .label-file input {
    position: absolute;
    right: 0.4em; }

.menu-langs {
  position: relative;
  max-width: 150px;
  margin: 2.5em 0 0; }

#btn-langs {
  display: block;
  width: 100%;
  padding: 0.5em 1.5em;
  color: #fff;
  font-size: 0.9em;
  text-transform: uppercase;
  background: #76c7ff;
  border: #76c7ff solid 1px;
  transition: color 0.2s, background 0.2s; }
  #btn-langs:hover, #btn-langs:focus {
    color: #76c7ff;
    background: #fff;
    transition: color 0.2s, background 0.2s; }

.menu-lang-content {
  display: none;
  position: absolute;
  width: 100%;
  padding: 0;
  margin: 0;
  left: 0;
  bottom: 35px; }
  .menu-lang-content li {
    display: block;
    width: 100%;
    list-style: none; }
  .menu-lang-content li:last-child {
    border-bottom: #76c7ff solid 1px; }
  .menu-lang-content a {
    display: block;
    width: 100%;
    padding: 0.3em 3em 0.3em 0.3em;
    color: #76c7ff;
    font-size: 0.9em;
    text-transform: uppercase;
    background: #fff;
    border-top: #76c7ff solid 1px;
    border-left: #76c7ff solid 1px;
    border-right: #76c7ff solid 1px;
    transition: color 0.2s, background 0.2s; }
  .menu-lang-content a:hover, .menu-lang-content a:focus {
    color: #fff;
    text-decoration: none;
    background: #76c7ff;
    transition: color 0.2s, background 0.2s; }

.coordonees {
  /* NEWSLETTER */ }
  .coordonees a {
    color: inherit; }

.newsletter-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh; }

.bloc-newsletter {
  max-width: 580px;
  width: 100%;
  background: rgba(255, 255, 255, .85);
  padding: 40px;
  margin: auto;
  text-align: center; }

#sellinity-widget-newsletter-242 {
  margin-left: auto;
  margin-right: auto; }

.newsletter-form label {
  display: block;
  margin-bottom: 0.5em; }
  .newsletter-form label.label-inline {
    display: inline-block;
    margin-left: 0.25em;
    margin-right: 0.25em; }
  .newsletter-form [type="text"], .newsletter-form [type="email"] {
    padding: 0.7em 1em;
    font-size: 0.9rem;
    font-family: inherit;
    text-align: center;
    border: none; }
  .newsletter-form [type="submit"] {
    cursor: pointer;
    margin-top: 0.8em; }
  .newsletter-form #recaptcha-1 {
    width: 304px;
    margin: 0 auto; }
  .newsletter-form .form-error {
    color: #f00; }

.label-hidden {
  position: absolute;
  clip: rect(0, 0, 0, 0); }

.newsletter-form-title {
  display: block;
  margin: 0 0 0.8em;
  font-size: 2.1em;
  font-style: italic;
  font-weight: normal; }

.btn-underlined {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: transparent;
  border: none; }

.btn-underlined::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  margin: 2px 0 0;
  background: #76c7ff;
  transform-origin: 50% 0;
  -webkit-transition: transform 0.2s;
  transition: transform 0.2s; }

.btn-underlined:hover::after, .btn-underlined:focus::after {
  -webkit-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  transform: scaleX(0.5);
  -webkit-transition: transform 0.2s;
  transition: transform 0.2s; }

.ajax-form-error + .form-error {
  display: block; }

.ajax-form-mail-sent {
  display: none;
  text-align: center; }
  .ajax-form-mail-sent p {
    background: #1f3240;
    color: #fff;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 5px;
    font-size: 13px;
    margin-top: 0.8em;
    display: inline-block; }

#qt-container, #quicktext-launcher-iframe {
  z-index: 999 !important; }

.logo-chb {
  margin: 2em 0 0; }
  .logo-chb a:after {
    display: none; }
  .logo-chb img {
    width: 200px;
    height: auto; }

#wc-gdpr-widget {
  z-index: 99999 !important; }

#qt-container {
  z-index: 1000 !important; }

._city-guide main {
  height: 100%; }
  ._city-guide #__webc_cg {
    height: 100%;
    background: white;
    margin-top: 130px; }
  ._city-guide .header {
    height: auto; }

.home-press {
  position: relative;
  max-width: 1200px;
  padding: 2em 0;
  margin: 0 auto;
  font-size: 1.2rem; }
  .home-press .cycle-slideshow {
    margin: 2em 0 0; }
  .home-press .slideshow-item {
    padding-left: 100px;
    padding-right: 100px; }

.home-press-quote p:first-child:before {
  content: '“ ';
  font-size: 2rem;
  font-weight: bold; }
  .home-press-quote p:last-child:after {
    content: ' ”';
    font-size: 2rem;
    font-weight: bold; }

.home-press-name {
  color: #1f3240; }

.carousel-prev, .carousel-next {
  z-index: 200;
  position: absolute;
  top: 25%;
  padding: 0;
  margin: 0;
  background: none;
  border: none; }
  .carousel-prev svg, .carousel-next svg {
    width: 55px;
    height: 55px;
    fill: #000; }

.carousel-prev {
  left: 0; }

.carousel-next {
  right: 0; }

.mtnone {
  margin-top: 0; }

.wellbeing-form-container {
  padding: 0 16px;
  margin: 0 0 3em; }
  .wellbeing-form-container form {
    max-width: 832px;
    margin-left: auto;
    margin-right: auto; }

.grid {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap; }

.grid-center {
  justify-content: center; }

.f33 {
  flex-basis: calc(33.3% - 8px); }

.form {
  margin: 2em 0 0; }
  .form label {
    display: block;
    margin: 0 0 1em; }
  .form [type="text"], .form [type="email"], .form textarea, .form select {
    display: block;
    width: 100%;
    padding: 0.5em;
    font-family: inherit;
    font-size: 1rem;
    background: transparent;
    border: #000 solid 1px;
    transition: background 0.2s; }
  .form [type="text"]:focus, .form [type="email"]:focus, .form textarea:focus, .form select:focus {
    background: #fff;
    transition: background 0.2s; }
  .form textarea {
    min-height: 220px; }
  .form [type="submit"] {
    display: inline-block;
    padding: 0.5em 1.5em;
    color: #fff;
    font-size: 1.1rem;
    text-transform: uppercase;
    background: #000; }
  .form [type="submit"]:hover, .form [type="submit"]:focus {
    background: #76c7ff; }

.form-error {
  display: none;
  color: #f00;
  font-size: 0.9rem; }

.recaptcha-wrap {
  margin: 0 0 1em; }

.mail-sent {
  display: none;
  padding: 1em;
  margin: 2em 0 0;
  color: #fff;
  text-align: center;
  background: #000; }
  .mail-sent p:last-child {
    margin-bottom: 0; }

.offer-tag {
  z-index: 200;
  position: fixed;
  width: 150px;
  height: 194px;
  right: 25px;
  top: 80px;
  color: #fff;
  font-size: 1.1rem;
  text-align: center;
  line-height: 1.5em;
  transform-origin: 50% 0;
  transform: rotate(-10deg);
  animation: offerSwing 1.5s infinite alternate ease-in-out; }
  .offer-tag:before {
    content: '';
    display: block;
    width: 2px;
    height: 43px;
    background: rgba(255, 255, 255, 0.7);
    margin: 0 auto; }
  .offer-tag > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 150px;
    padding: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4); }
  .offer-tag strong {
    display: inline-block;
    margin: 0.5em 0 0;
    font-size: 1.3rem; }
  .offer-tag p:last-child {
    margin-bottom: 0; }
  .offer-tag:hover, .offer-tag:focus {
    text-decoration: none; }

@keyframes offerSwing {
  0% {
    transform: rotate(-10deg); }

  100% {
    transform: rotate(10deg); } }

.bubble1 {
  z-index: 200;
  position: absolute;
  width: 90px;
  height: 90px;
  right: 130px;
  top: 290px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%; }

.bubble2 {
  z-index: 200;
  position: absolute;
  width: 60px;
  height: 60px;
  right: 200px;
  top: 390px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%; }

.offer-tag-2 {
  z-index: 200;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  right: 55px;
  top: 220px;
  color: #000;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  transition: transform 0.3s; }
  .offer-tag-2 p:last-child {
    margin-bottom: 0; }
  .offer-tag-2:hover, .offer-tag-2:focus {
    text-decoration: none;
    transform: scale(1.15);
    transition: transform 0.3s; }

.mt0 {
  margin-top: 0; }

#wc-widget {
  bottom: 0; }

._faq .header, ._presse-pros .header {
  height: auto; }

.btns-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }
  .btns-list .btn-green, .btns-list .btn-green-light, .btns-list .btn-main {
    min-width: 320px;
    margin: 0 0.5em 1em; }

.square-text-evenements h4 {
  margin-top: 0;
  color: #1f3240;
  font-size: 1.3em;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase; }

.room-gallery {
  display: none; }

.btn-modal {
  position: absolute;
  right: 16px;
  bottom: 16px;
  margin: 0;
  background: none;
  border: none; }
  .btn-modal svg {
    width: 28px;
    height: 28px;
    fill: #fff;
    filter: drop-shadow(rgba(0, 0, 0, 0.5) 1px 1px 2px);
    transition: transform 0.2s; }
  .btn-modal:hover svg, .btn-modal:focus svg {
    transform: scale(1.2);
    transition: transform 0.2s; }

.video-poster {
  background-attachment: fixed; }

.pro-gallery {
  max-width: 1300px;
  padding: 0 20px;
  margin: 0 auto;
  text-align: center; }
  .pro-gallery ul {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding: 0;
    margin: 0;
    list-style: none; }
  .pro-gallery li {
    width: 32%;
    margin: 0 0 1.5%; }
  .pro-gallery a {
    display: block;
    color: #000;
    text-decoration: none; }
  .pro-gallery img {
    display: block;
    width: 100%;
    height: auto; }
  .pro-gallery span {
    display: block;
    margin: 0.5em 0 0; }

.btn-room-plans {
  display: inline-block;
  min-width: 230px;
  padding: 0.5em 1em;
  margin: 1em 0 0;
  color: #76c7ff;
  font-size: 0.95em;
  text-transform: uppercase;
  background: none;
  border: #76c7ff solid 1px;
  transition: color 0.2s, background 0.2s; }
  .btn-room-plans:hover, .btn-room-plans:focus {
    color: #fff;
    background: #76c7ff;
    transition: color 0.2s, background 0.2s; }

.Grid {
  display: flex;
  flex-wrap: wrap; }

.Grid-cell {
  flex: 1 0 0%;
  /* Alignment per row */ }

.Grid--top {
  align-items: flex-start; }

.Grid--bottom {
  align-items: flex-end; }

.Grid--middle {
  align-items: center; }

.Grid--baseline {
  align-items: baseline;
  /* Alignment per cell */ }

.Grid-cell--top {
  align-self: flex-start; }

.Grid-cell--bottom {
  align-self: flex-end; }

.Grid-cell--middle {
  align-self: center; }
  .Grid--gutters-0 {
    margin-top: -0px;
    margin-left: -0px; }
  .Grid--gutters-0 > .Grid-cell {
    padding: 0px 0 0 0px; }
  .Grid--left-gutters-0 {
    margin-left: -0px; }
  .Grid--left-gutters-0 > .Grid-cell {
    padding-left: 0px; }
  .Grid--top-gutters-0 {
    margin-top: -0px; }
  .Grid--top-gutters-0 > .Grid-cell {
    padding-top: 0px; }
  .Grid--gutters-10 {
    margin-top: -10px;
    margin-left: -10px; }
  .Grid--gutters-10 > .Grid-cell {
    padding: 10px 0 0 10px; }
  .Grid--left-gutters-10 {
    margin-left: -10px; }
  .Grid--left-gutters-10 > .Grid-cell {
    padding-left: 10px; }
  .Grid--top-gutters-10 {
    margin-top: -10px; }
  .Grid--top-gutters-10 > .Grid-cell {
    padding-top: 10px; }
  .Grid--gutters-20 {
    margin-top: -20px;
    margin-left: -20px; }
  .Grid--gutters-20 > .Grid-cell {
    padding: 20px 0 0 20px; }
  .Grid--left-gutters-20 {
    margin-left: -20px; }
  .Grid--left-gutters-20 > .Grid-cell {
    padding-left: 20px; }
  .Grid--top-gutters-20 {
    margin-top: -20px; }
  .Grid--top-gutters-20 > .Grid-cell {
    padding-top: 20px; }
  .Grid--gutters-30 {
    margin-top: -30px;
    margin-left: -30px; }
  .Grid--gutters-30 > .Grid-cell {
    padding: 30px 0 0 30px; }
  .Grid--left-gutters-30 {
    margin-left: -30px; }
  .Grid--left-gutters-30 > .Grid-cell {
    padding-left: 30px; }
  .Grid--top-gutters-30 {
    margin-top: -30px; }
  .Grid--top-gutters-30 > .Grid-cell {
    padding-top: 30px; }

.Grid--row-reverse {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.Grid--column {
  -webkit-flex-direction: column;
  flex-direction: column; }

.Grid--center {
  justify-content: center; }

.Grid--right {
  justify-content: flex-end; }

.Grid--ends {
  justify-content: space-between; }

.Grid--auto > .Grid-cell, .Grid-cell--auto {
  flex: 0 0 auto; }

.Grid--fit > .Grid-cell, .Grid-cell--fit {
  flex: 1 0 0%;
  max-width: none; }

.Grid--full > .Grid-cell, .Grid-cell--full {
  flex: 0 0 100%;
  max-width: 100%; }

.Grid--column.large-Grid--full > .Grid-cell, .Grid--column.small-Grid--full > .Grid-cell, .Grid--column.Grid--full > .Grid-cell, .Grid--column > .large-Grid-cell--full, .Grid--column > .small-Grid-cell--full, .Grid--column > .Grid-cell--full {
  max-height: 100%; }

.Grid--2of3 > .Grid-cell, .Grid-cell--2of3 {
  flex: 0 0 66.6666%;
  max-width: 66.6666%; }

.Grid--column.large-Grid--2of3 > .Grid-cell, .Grid--column.small-Grid--2of3 > .Grid-cell, .Grid--column.Grid--2of3 > .Grid-cell, .Grid--column > .large-Grid-cell--2of3, .Grid--column > .small-Grid-cell--2of3, .Grid--column > .Grid-cell--2of3 {
  max-height: 66.6666%; }

.Grid--1of2 > .Grid-cell, .Grid-cell--1of2 {
  flex: 0 0 50%;
  max-width: 50%; }

.Grid--column.large-Grid--1of2 > .Grid-cell, .Grid--column.small-Grid--1of2 > .Grid-cell, .Grid--column.Grid--1of2 > .Grid-cell, .Grid--column > .large-Grid-cell--1of2, .Grid--column > .small-Grid-cell--1of2, .Grid--column > .Grid-cell--1of2 {
  max-height: 50%; }

.Grid--2of5 > .Grid-cell, .Grid-cell--2of5 {
  flex: 0 0 40%;
  max-width: 40%; }

.Grid--column.large-Grid--2of5 > .Grid-cell, .Grid--column.small-Grid--2of5 > .Grid-cell, .Grid--column.Grid--2of5 > .Grid-cell, .Grid--column > .large-Grid-cell--2of5, .Grid--column > .small-Grid-cell--2of5, .Grid--column > .Grid-cell--2of5 {
  max-height: 40%; }

.Grid--1of3 > .Grid-cell, .Grid-cell--1of3 {
  flex: 0 0 33.3333%;
  max-width: 33.3333%; }

.Grid--column.large-Grid--1of3 > .Grid-cell, .Grid--column.small-Grid--1of3 > .Grid-cell, .Grid--column.Grid--1of3 > .Grid-cell, .Grid--column > .large-Grid-cell--1of3, .Grid--column > .small-Grid-cell--1of3, .Grid--column > .Grid-cell--1of3 {
  max-height: 33.3333%; }

.Grid--3of10 > .Grid-cell, .Grid-cell--3of10 {
  flex: 0 0 30%;
  max-width: 30%; }

.Grid--column.large-Grid--3of10 > .Grid-cell, .Grid--column.small-Grid--3of10 > .Grid-cell, .Grid--column.Grid--3of10 > .Grid-cell, .Grid--column > .large-Grid-cell--3of10, .Grid--column > .small-Grid-cell--3of10, .Grid--column > .Grid-cell--3of10 {
  max-height: 30%; }

.Grid--1of4 > .Grid-cell, .Grid-cell--1of4 {
  flex: 0 0 25%;
  max-width: 25%; }

.Grid--column.large-Grid--1of4 > .Grid-cell, .Grid--column.small-Grid--1of4 > .Grid-cell, .Grid--column.Grid--1of4 > .Grid-cell, .Grid--column > .large-Grid-cell--1of4, .Grid--column > .small-Grid-cell--1of4, .Grid--column > .Grid-cell--1of4 {
  max-height: 25%; }

.Grid--1of5 > .Grid-cell, .Grid-cell--1of5 {
  flex: 0 0 20%;
  max-width: 20%; }

.Grid--column.large-Grid--1of5 > .Grid-cell, .Grid--column.small-Grid--1of5 > .Grid-cell, .Grid--column.Grid--1of5 > .Grid-cell, .Grid--column > .large-Grid-cell--1of5, .Grid--column > .small-Grid-cell--1of5, .Grid--column > .Grid-cell--1of5 {
  max-height: 20%; }

.Grid-cell--double {
  flex-grow: 2; }

@media (max-width: 500px) {
  .xsmall-Grid--gutters-0 {
    margin-top: -0px;
    margin-left: -0px; }
    .xsmall-Grid--gutters-0 > .Grid-cell {
      padding: 0px 0 0 0px; }
    .xsmall-Grid--left-gutters-0 {
      margin-left: -0px; }
    .xsmall-Grid--left-gutters-0 > .Grid-cell {
      padding-left: 0px; }
    .xsmall-Grid--top-gutters-0 {
      margin-top: -0px; }
    .xsmall-Grid--top-gutters-0 > .Grid-cell {
      padding-top: 0px; }
    .xsmall-Grid--gutters-10 {
      margin-top: -10px;
      margin-left: -10px; }
    .xsmall-Grid--gutters-10 > .Grid-cell {
      padding: 10px 0 0 10px; }
    .xsmall-Grid--left-gutters-10 {
      margin-left: -10px; }
    .xsmall-Grid--left-gutters-10 > .Grid-cell {
      padding-left: 10px; }
    .xsmall-Grid--top-gutters-10 {
      margin-top: -10px; }
    .xsmall-Grid--top-gutters-10 > .Grid-cell {
      padding-top: 10px; }
    .xsmall-Grid--gutters-20 {
      margin-top: -20px;
      margin-left: -20px; }
    .xsmall-Grid--gutters-20 > .Grid-cell {
      padding: 20px 0 0 20px; }
    .xsmall-Grid--left-gutters-20 {
      margin-left: -20px; }
    .xsmall-Grid--left-gutters-20 > .Grid-cell {
      padding-left: 20px; }
    .xsmall-Grid--top-gutters-20 {
      margin-top: -20px; }
    .xsmall-Grid--top-gutters-20 > .Grid-cell {
      padding-top: 20px; }
    .xsmall-Grid--gutters-30 {
      margin-top: -30px;
      margin-left: -30px; }
    .xsmall-Grid--gutters-30 > .Grid-cell {
      padding: 30px 0 0 30px; }
    .xsmall-Grid--left-gutters-30 {
      margin-left: -30px; }
    .xsmall-Grid--left-gutters-30 > .Grid-cell {
      padding-left: 30px; }
    .xsmall-Grid--top-gutters-30 {
      margin-top: -30px; }
    .xsmall-Grid--top-gutters-30 > .Grid-cell {
      padding-top: 30px; }
    .xsmall-Grid--row-reverse {
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .xsmall-Grid--column {
      -webkit-flex-direction: column;
      flex-direction: column; }
    .xsmall-Grid--center {
      justify-content: center; }
    .xsmall-Grid--right {
      justify-content: flex-end; }
    .xsmall-Grid--ends {
      justify-content: space-between; }
    .xsmall-Grid--auto > .Grid-cell, .xsmall-Grid-cell--auto {
      flex: 0 0 auto; }
    .xsmall-Grid--fit > .Grid-cell, .xsmall-Grid-cell--fit {
      flex: 1 0 0%;
      max-width: none; }
    .xsmall-Grid--full > .Grid-cell, .xsmall-Grid-cell--full {
      flex: 0 0 100%;
      max-width: 100%; }
    .xsmall-Grid--column.large-Grid--full > .Grid-cell, .xsmall-Grid--column.small-Grid--full > .Grid-cell, .xsmall-Grid--column.Grid--full > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--full, .xsmall-Grid--column > .small-Grid-cell--full, .xsmall-Grid--column > .Grid-cell--full {
      max-height: 100%; }
    .xsmall-Grid--2of3 > .Grid-cell, .xsmall-Grid-cell--2of3 {
      flex: 0 0 66.6666%;
      max-width: 66.6666%; }
    .xsmall-Grid--column.large-Grid--2of3 > .Grid-cell, .xsmall-Grid--column.small-Grid--2of3 > .Grid-cell, .xsmall-Grid--column.Grid--2of3 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--2of3, .xsmall-Grid--column > .small-Grid-cell--2of3, .xsmall-Grid--column > .Grid-cell--2of3 {
      max-height: 66.6666%; }
    .xsmall-Grid--1of2 > .Grid-cell, .xsmall-Grid-cell--1of2 {
      flex: 0 0 50%;
      max-width: 50%; }
    .xsmall-Grid--column.large-Grid--1of2 > .Grid-cell, .xsmall-Grid--column.small-Grid--1of2 > .Grid-cell, .xsmall-Grid--column.Grid--1of2 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--1of2, .xsmall-Grid--column > .small-Grid-cell--1of2, .xsmall-Grid--column > .Grid-cell--1of2 {
      max-height: 50%; }
    .xsmall-Grid--2of5 > .Grid-cell, .xsmall-Grid-cell--2of5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .xsmall-Grid--column.large-Grid--2of5 > .Grid-cell, .xsmall-Grid--column.small-Grid--2of5 > .Grid-cell, .xsmall-Grid--column.Grid--2of5 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--2of5, .xsmall-Grid--column > .small-Grid-cell--2of5, .xsmall-Grid--column > .Grid-cell--2of5 {
      max-height: 40%; }
    .xsmall-Grid--1of3 > .Grid-cell, .xsmall-Grid-cell--1of3 {
      flex: 0 0 33.3333%;
      max-width: 33.3333%; }
    .xsmall-Grid--column.large-Grid--1of3 > .Grid-cell, .xsmall-Grid--column.small-Grid--1of3 > .Grid-cell, .xsmall-Grid--column.Grid--1of3 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--1of3, .xsmall-Grid--column > .small-Grid-cell--1of3, .xsmall-Grid--column > .Grid-cell--1of3 {
      max-height: 33.3333%; }
    .xsmall-Grid--3of10 > .Grid-cell, .xsmall-Grid-cell--3of10 {
      flex: 0 0 30%;
      max-width: 30%; }
    .xsmall-Grid--column.large-Grid--3of10 > .Grid-cell, .xsmall-Grid--column.small-Grid--3of10 > .Grid-cell, .xsmall-Grid--column.Grid--3of10 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--3of10, .xsmall-Grid--column > .small-Grid-cell--3of10, .xsmall-Grid--column > .Grid-cell--3of10 {
      max-height: 30%; }
    .xsmall-Grid--1of4 > .Grid-cell, .xsmall-Grid-cell--1of4 {
      flex: 0 0 25%;
      max-width: 25%; }
    .xsmall-Grid--column.large-Grid--1of4 > .Grid-cell, .xsmall-Grid--column.small-Grid--1of4 > .Grid-cell, .xsmall-Grid--column.Grid--1of4 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--1of4, .xsmall-Grid--column > .small-Grid-cell--1of4, .xsmall-Grid--column > .Grid-cell--1of4 {
      max-height: 25%; }
    .xsmall-Grid--1of5 > .Grid-cell, .xsmall-Grid-cell--1of5 {
      flex: 0 0 20%;
      max-width: 20%; }
    .xsmall-Grid--column.large-Grid--1of5 > .Grid-cell, .xsmall-Grid--column.small-Grid--1of5 > .Grid-cell, .xsmall-Grid--column.Grid--1of5 > .Grid-cell, .xsmall-Grid--column > .large-Grid-cell--1of5, .xsmall-Grid--column > .small-Grid-cell--1of5, .xsmall-Grid--column > .Grid-cell--1of5 {
      max-height: 20%; }
    .xsmall-Grid-cell--double {
      flex-grow: 2; } }

@media (min-width: 768px) {
  .small-Grid--gutters-0 {
    margin-top: -0px;
    margin-left: -0px; }
    .small-Grid--gutters-0 > .Grid-cell {
      padding: 0px 0 0 0px; }
    .small-Grid--left-gutters-0 {
      margin-left: -0px; }
    .small-Grid--left-gutters-0 > .Grid-cell {
      padding-left: 0px; }
    .small-Grid--top-gutters-0 {
      margin-top: -0px; }
    .small-Grid--top-gutters-0 > .Grid-cell {
      padding-top: 0px; }
    .small-Grid--gutters-10 {
      margin-top: -10px;
      margin-left: -10px; }
    .small-Grid--gutters-10 > .Grid-cell {
      padding: 10px 0 0 10px; }
    .small-Grid--left-gutters-10 {
      margin-left: -10px; }
    .small-Grid--left-gutters-10 > .Grid-cell {
      padding-left: 10px; }
    .small-Grid--top-gutters-10 {
      margin-top: -10px; }
    .small-Grid--top-gutters-10 > .Grid-cell {
      padding-top: 10px; }
    .small-Grid--gutters-20 {
      margin-top: -20px;
      margin-left: -20px; }
    .small-Grid--gutters-20 > .Grid-cell {
      padding: 20px 0 0 20px; }
    .small-Grid--left-gutters-20 {
      margin-left: -20px; }
    .small-Grid--left-gutters-20 > .Grid-cell {
      padding-left: 20px; }
    .small-Grid--top-gutters-20 {
      margin-top: -20px; }
    .small-Grid--top-gutters-20 > .Grid-cell {
      padding-top: 20px; }
    .small-Grid--gutters-30 {
      margin-top: -30px;
      margin-left: -30px; }
    .small-Grid--gutters-30 > .Grid-cell {
      padding: 30px 0 0 30px; }
    .small-Grid--left-gutters-30 {
      margin-left: -30px; }
    .small-Grid--left-gutters-30 > .Grid-cell {
      padding-left: 30px; }
    .small-Grid--top-gutters-30 {
      margin-top: -30px; }
    .small-Grid--top-gutters-30 > .Grid-cell {
      padding-top: 30px; }
    .small-Grid--row-reverse {
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .small-Grid--column {
      -webkit-flex-direction: column;
      flex-direction: column; }
    .small-Grid--center {
      justify-content: center; }
    .small-Grid--right {
      justify-content: flex-end; }
    .small-Grid--ends {
      justify-content: space-between; }
    .small-Grid--auto > .Grid-cell, .small-Grid-cell--auto {
      flex: 0 0 auto; }
    .small-Grid--fit > .Grid-cell, .small-Grid-cell--fit {
      flex: 1 0 0%;
      max-width: none; }
    .small-Grid--full > .Grid-cell, .small-Grid-cell--full {
      flex: 0 0 100%;
      max-width: 100%; }
    .small-Grid--column.large-Grid--full > .Grid-cell, .small-Grid--column.small-Grid--full > .Grid-cell, .small-Grid--column.Grid--full > .Grid-cell, .small-Grid--column > .large-Grid-cell--full, .small-Grid--column > .small-Grid-cell--full, .small-Grid--column > .Grid-cell--full {
      max-height: 100%; }
    .small-Grid--2of3 > .Grid-cell, .small-Grid-cell--2of3 {
      flex: 0 0 66.6666%;
      max-width: 66.6666%; }
    .small-Grid--column.large-Grid--2of3 > .Grid-cell, .small-Grid--column.small-Grid--2of3 > .Grid-cell, .small-Grid--column.Grid--2of3 > .Grid-cell, .small-Grid--column > .large-Grid-cell--2of3, .small-Grid--column > .small-Grid-cell--2of3, .small-Grid--column > .Grid-cell--2of3 {
      max-height: 66.6666%; }
    .small-Grid--1of2 > .Grid-cell, .small-Grid-cell--1of2 {
      flex: 0 0 50%;
      max-width: 50%; }
    .small-Grid--column.large-Grid--1of2 > .Grid-cell, .small-Grid--column.small-Grid--1of2 > .Grid-cell, .small-Grid--column.Grid--1of2 > .Grid-cell, .small-Grid--column > .large-Grid-cell--1of2, .small-Grid--column > .small-Grid-cell--1of2, .small-Grid--column > .Grid-cell--1of2 {
      max-height: 50%; }
    .small-Grid--2of5 > .Grid-cell, .small-Grid-cell--2of5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .small-Grid--column.large-Grid--2of5 > .Grid-cell, .small-Grid--column.small-Grid--2of5 > .Grid-cell, .small-Grid--column.Grid--2of5 > .Grid-cell, .small-Grid--column > .large-Grid-cell--2of5, .small-Grid--column > .small-Grid-cell--2of5, .small-Grid--column > .Grid-cell--2of5 {
      max-height: 40%; }
    .small-Grid--1of3 > .Grid-cell, .small-Grid-cell--1of3 {
      flex: 0 0 33.3333%;
      max-width: 33.3333%; }
    .small-Grid--column.large-Grid--1of3 > .Grid-cell, .small-Grid--column.small-Grid--1of3 > .Grid-cell, .small-Grid--column.Grid--1of3 > .Grid-cell, .small-Grid--column > .large-Grid-cell--1of3, .small-Grid--column > .small-Grid-cell--1of3, .small-Grid--column > .Grid-cell--1of3 {
      max-height: 33.3333%; }
    .small-Grid--3of10 > .Grid-cell, .small-Grid-cell--3of10 {
      flex: 0 0 30%;
      max-width: 30%; }
    .small-Grid--column.large-Grid--3of10 > .Grid-cell, .small-Grid--column.small-Grid--3of10 > .Grid-cell, .small-Grid--column.Grid--3of10 > .Grid-cell, .small-Grid--column > .large-Grid-cell--3of10, .small-Grid--column > .small-Grid-cell--3of10, .small-Grid--column > .Grid-cell--3of10 {
      max-height: 30%; }
    .small-Grid--1of4 > .Grid-cell, .small-Grid-cell--1of4 {
      flex: 0 0 25%;
      max-width: 25%; }
    .small-Grid--column.large-Grid--1of4 > .Grid-cell, .small-Grid--column.small-Grid--1of4 > .Grid-cell, .small-Grid--column.Grid--1of4 > .Grid-cell, .small-Grid--column > .large-Grid-cell--1of4, .small-Grid--column > .small-Grid-cell--1of4, .small-Grid--column > .Grid-cell--1of4 {
      max-height: 25%; }
    .small-Grid--1of5 > .Grid-cell, .small-Grid-cell--1of5 {
      flex: 0 0 20%;
      max-width: 20%; }
    .small-Grid--column.large-Grid--1of5 > .Grid-cell, .small-Grid--column.small-Grid--1of5 > .Grid-cell, .small-Grid--column.Grid--1of5 > .Grid-cell, .small-Grid--column > .large-Grid-cell--1of5, .small-Grid--column > .small-Grid-cell--1of5, .small-Grid--column > .Grid-cell--1of5 {
      max-height: 20%; }
    .small-Grid-cell--double {
      flex-grow: 2; } }

@media (min-width: 1025px) {
  .large-Grid--gutters-0 {
    margin-top: -0px;
    margin-left: -0px; }
    .large-Grid--gutters-0 > .Grid-cell {
      padding: 0px 0 0 0px; }
    .large-Grid--left-gutters-0 {
      margin-left: -0px; }
    .large-Grid--left-gutters-0 > .Grid-cell {
      padding-left: 0px; }
    .large-Grid--top-gutters-0 {
      margin-top: -0px; }
    .large-Grid--top-gutters-0 > .Grid-cell {
      padding-top: 0px; }
    .large-Grid--gutters-10 {
      margin-top: -10px;
      margin-left: -10px; }
    .large-Grid--gutters-10 > .Grid-cell {
      padding: 10px 0 0 10px; }
    .large-Grid--left-gutters-10 {
      margin-left: -10px; }
    .large-Grid--left-gutters-10 > .Grid-cell {
      padding-left: 10px; }
    .large-Grid--top-gutters-10 {
      margin-top: -10px; }
    .large-Grid--top-gutters-10 > .Grid-cell {
      padding-top: 10px; }
    .large-Grid--gutters-20 {
      margin-top: -20px;
      margin-left: -20px; }
    .large-Grid--gutters-20 > .Grid-cell {
      padding: 20px 0 0 20px; }
    .large-Grid--left-gutters-20 {
      margin-left: -20px; }
    .large-Grid--left-gutters-20 > .Grid-cell {
      padding-left: 20px; }
    .large-Grid--top-gutters-20 {
      margin-top: -20px; }
    .large-Grid--top-gutters-20 > .Grid-cell {
      padding-top: 20px; }
    .large-Grid--gutters-30 {
      margin-top: -30px;
      margin-left: -30px; }
    .large-Grid--gutters-30 > .Grid-cell {
      padding: 30px 0 0 30px; }
    .large-Grid--left-gutters-30 {
      margin-left: -30px; }
    .large-Grid--left-gutters-30 > .Grid-cell {
      padding-left: 30px; }
    .large-Grid--top-gutters-30 {
      margin-top: -30px; }
    .large-Grid--top-gutters-30 > .Grid-cell {
      padding-top: 30px; }
    .large-Grid--row-reverse {
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse; }
    .large-Grid--column {
      -webkit-flex-direction: column;
      flex-direction: column; }
    .large-Grid--center {
      justify-content: center; }
    .large-Grid--right {
      justify-content: flex-end; }
    .large-Grid--ends {
      justify-content: space-between; }
    .large-Grid--auto > .Grid-cell, .large-Grid-cell--auto {
      flex: 0 0 auto; }
    .large-Grid--fit > .Grid-cell, .large-Grid-cell--fit {
      flex: 1 0 0%;
      max-width: none; }
    .large-Grid--full > .Grid-cell, .large-Grid-cell--full {
      flex: 0 0 100%;
      max-width: 100%; }
    .large-Grid--column.large-Grid--full > .Grid-cell, .large-Grid--column.small-Grid--full > .Grid-cell, .large-Grid--column.Grid--full > .Grid-cell, .large-Grid--column > .large-Grid-cell--full, .large-Grid--column > .small-Grid-cell--full, .large-Grid--column > .Grid-cell--full {
      max-height: 100%; }
    .large-Grid--2of3 > .Grid-cell, .large-Grid-cell--2of3 {
      flex: 0 0 66.6666%;
      max-width: 66.6666%; }
    .large-Grid--column.large-Grid--2of3 > .Grid-cell, .large-Grid--column.small-Grid--2of3 > .Grid-cell, .large-Grid--column.Grid--2of3 > .Grid-cell, .large-Grid--column > .large-Grid-cell--2of3, .large-Grid--column > .small-Grid-cell--2of3, .large-Grid--column > .Grid-cell--2of3 {
      max-height: 66.6666%; }
    .large-Grid--1of2 > .Grid-cell, .large-Grid-cell--1of2 {
      flex: 0 0 50%;
      max-width: 50%; }
    .large-Grid--column.large-Grid--1of2 > .Grid-cell, .large-Grid--column.small-Grid--1of2 > .Grid-cell, .large-Grid--column.Grid--1of2 > .Grid-cell, .large-Grid--column > .large-Grid-cell--1of2, .large-Grid--column > .small-Grid-cell--1of2, .large-Grid--column > .Grid-cell--1of2 {
      max-height: 50%; }
    .large-Grid--2of5 > .Grid-cell, .large-Grid-cell--2of5 {
      flex: 0 0 40%;
      max-width: 40%; }
    .large-Grid--column.large-Grid--2of5 > .Grid-cell, .large-Grid--column.small-Grid--2of5 > .Grid-cell, .large-Grid--column.Grid--2of5 > .Grid-cell, .large-Grid--column > .large-Grid-cell--2of5, .large-Grid--column > .small-Grid-cell--2of5, .large-Grid--column > .Grid-cell--2of5 {
      max-height: 40%; }
    .large-Grid--1of3 > .Grid-cell, .large-Grid-cell--1of3 {
      flex: 0 0 33.3333%;
      max-width: 33.3333%; }
    .large-Grid--column.large-Grid--1of3 > .Grid-cell, .large-Grid--column.small-Grid--1of3 > .Grid-cell, .large-Grid--column.Grid--1of3 > .Grid-cell, .large-Grid--column > .large-Grid-cell--1of3, .large-Grid--column > .small-Grid-cell--1of3, .large-Grid--column > .Grid-cell--1of3 {
      max-height: 33.3333%; }
    .large-Grid--3of10 > .Grid-cell, .large-Grid-cell--3of10 {
      flex: 0 0 30%;
      max-width: 30%; }
    .large-Grid--column.large-Grid--3of10 > .Grid-cell, .large-Grid--column.small-Grid--3of10 > .Grid-cell, .large-Grid--column.Grid--3of10 > .Grid-cell, .large-Grid--column > .large-Grid-cell--3of10, .large-Grid--column > .small-Grid-cell--3of10, .large-Grid--column > .Grid-cell--3of10 {
      max-height: 30%; }
    .large-Grid--1of4 > .Grid-cell, .large-Grid-cell--1of4 {
      flex: 0 0 25%;
      max-width: 25%; }
    .large-Grid--column.large-Grid--1of4 > .Grid-cell, .large-Grid--column.small-Grid--1of4 > .Grid-cell, .large-Grid--column.Grid--1of4 > .Grid-cell, .large-Grid--column > .large-Grid-cell--1of4, .large-Grid--column > .small-Grid-cell--1of4, .large-Grid--column > .Grid-cell--1of4 {
      max-height: 25%; }
    .large-Grid--1of5 > .Grid-cell, .large-Grid-cell--1of5 {
      flex: 0 0 20%;
      max-width: 20%; }
    .large-Grid--column.large-Grid--1of5 > .Grid-cell, .large-Grid--column.small-Grid--1of5 > .Grid-cell, .large-Grid--column.Grid--1of5 > .Grid-cell, .large-Grid--column > .large-Grid-cell--1of5, .large-Grid--column > .small-Grid-cell--1of5, .large-Grid--column > .Grid-cell--1of5 {
      max-height: 20%; }
    .large-Grid-cell--double {
      flex-grow: 2; } }

.hoverable-grid-content-wrapper {
  display: block;
  background-size: cover;
  background-position: center;
  position: relative;
  height: 300px;
  padding: 20px 40px;
  color: #fff; }
  .hoverable-grid-content-wrapper:before {
    content: '';
    transition: background-color 0.3s;
    background-color: rgba(0, 0, 0, 0.3); }
  .hoverable-grid-content-wrapper:hover:before {
    transition: background-color 0.3s;
    background-color: rgba(118, 199, 255, 0.8); }
  .hoverable-grid-content-wrapper:hover .hoverable-grid-border {
    opacity: 1;
    transition: padding 0.3s;
    padding: 20px; }
  .hoverable-grid-content-wrapper:hover .hoverable-grid-content {
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s, top 0.3s; }

.hoverable-grid-content-wrapper:before, .hoverable-grid-border {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%; }

.hoverable-grid-border {
  transition: padding 0.3s, opacity 0.3s;
  opacity: 0; }
  .hoverable-grid-border:after {
    content: '';
    height: 100%;
    width: 100%;
    border: 1px solid #fff;
    display: block; }

.hoverable-grid-content {
  position: relative;
  top: 100%;
  transform: translateY(-100%);
  transition: transform 0.3s, top 0.3s;
  /* endgeneral */ }

.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  /* support: IE7 */
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100;
  /* Interaction Cues
----------------------------------*/ }

.ui-state-disabled {
  cursor: default !important;
  /* Icons
----------------------------------*/
  /* states and images */ }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  /* Misc visuals
----------------------------------*/
  /* Overlays */ }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em; }

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
  /* with multiple calendars */ }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
  /* RTL support */ }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
  /* Component containers
----------------------------------*/ }

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333; }

.ui-widget-content a {
  color: #333; }

.ui-widget-header {
  border: 1px solid #fff;
  background: #fff;
  color: #333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333;
  /* Interaction states
----------------------------------*/ }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #fff;
  background: #fff;
  font-weight: normal;
  color: #333; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #333;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #ccc;
  background: #ccc;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #333;
  background: #333;
  font-weight: normal;
  color: #fff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
  /* Interaction Cues
----------------------------------*/ }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
  /* Icons
----------------------------------*/
  /* states and images */ }

.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_333333_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_333333_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_333333_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_cc0000_256x240.png");
  /* positioning */ }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px;
  /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
  /* Misc visuals
----------------------------------*/
  /* Corner radius */ }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0;
  /* Overlays */ }

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  /* support: IE8 */
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: 0px 0 0 0px;
  padding: 5px;
  background: #666;
  opacity: 0.3;
  /* support: IE8 */
  filter: Alpha(Opacity=30);
  border-radius: 8px; }

.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  /* support: IE7 */
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100;
  /* Interaction Cues
----------------------------------*/ }

.ui-state-disabled {
  cursor: default !important;
  /* Icons
----------------------------------*/
  /* states and images */ }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  /* Misc visuals
----------------------------------*/
  /* Overlays */ }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em; }

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
  /* with multiple calendars */ }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
  /* RTL support */ }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333; }

.ui-widget-content a {
  color: #333; }

.ui-widget-header {
  border: 1px solid #fff;
  background: #fff;
  color: #333;
  font-weight: bold; }

.ui-widget-header a {
  color: #333;
  /* Interaction states
----------------------------------*/ }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #fff;
  background: #fff;
  font-weight: normal;
  color: #333; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #333;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #ccc;
  background: #ccc;
  font-weight: normal;
  color: #2b2b2b; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #333;
  background: #333;
  font-weight: normal;
  color: #fff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
  /* Interaction Cues
----------------------------------*/ }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */
  /* Icons
----------------------------------*/
  /* states and images */ }

.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_333333_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_333333_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_333333_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_555555_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_777620_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("/res/vendors/jqueryui/ui-icons_cc0000_256x240.png");
  /* positioning */ }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px;
  /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
  /* Misc visuals
----------------------------------*/
  /* Corner radius */ }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0;
  /* Overlays */ }

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  /* support: IE8 */
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: 0px 0 0 0px;
  padding: 5px;
  background: #666;
  opacity: 0.3;
  /* support: IE8 */
  filter: Alpha(Opacity=30);
  border-radius: 8px; }

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

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

  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg); }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); } }

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px); } }

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

._loyalty {
  font-size: 17px; }
  ._loyalty img {
    max-width: 100%; }
  ._loyalty h1 {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 35px; }

.loyalty-prestay-text {
  padding: 30px 0; }

.loyalty-form {
  width: 100%;
  max-width: 850px;
  margin: auto; }
  .loyalty-form .form-el {
    margin-bottom: 30px; }
  .loyalty-form .form-el-checkbox {
    font-size: 15px;
    color: #666; }
  .loyalty-form .form-el-checkbox input {
    border: 1px solid #666; }
  .loyalty-form .ajax-form-message {
    display: none;
    color: #76c7ff;
    font-size: 12px; }
  .loyalty-form .ajax-form-error {
    border: 1px solid #f00 !important; }
  .loyalty-form .ajax-form-error + .ajax-form-message {
    display: block; }
  .loyalty-form .ajax-form-in-error {
    display: block; }
  .loyalty-form .loyalty-recaptcha {
    display: inline-block; }
  .loyalty-form input:not([type="checkbox"]) {
    padding: 10px; }
  .loyalty-form select {
    padding: 8px 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }
  .loyalty-form input:not([type="checkbox"]), .loyalty-form select {
    background-color: #e6e6e6;
    border-radius: 4px;
    border: none; }
  .loyalty-form button {
    padding: 10px 40px;
    background-color: #76c7ff;
    color: #fff;
    transition: opacity 0.3s;
    border: none;
    border-radius: 4px;
    text-transform: uppercase; }
  .loyalty-form button:hover {
    opacity: 0.8;
    transition: opacity 0.3s; }
  .loyalty-form label p {
    margin: 0 5px 0 0;
    line-height: normal; }

.loyalty-svg-loader {
  fill: #76c7ff; }

.loyalty-form-inputs {
  width: 100%;
  max-width: 565px;
  margin: auto; }
  .loyalty-form-inputs .Grid input {
    min-width: 250px; }

.loyalty-form-name {
  width: 100%;
  max-width: 420px;
  margin: auto; }

.loyalty-hotels {
  overflow: hidden; }
  .loyalty-hotels .hoverable-grid:nth-child(1) .hoverable-grid-content-wrapper {
    background-position-x: right; }
  .loyalty-hotels .hoverable-grid:nth-child(2) .hoverable-grid-content-wrapper {
    background-position-x: right; }
  .loyalty-hotels .hoverable-grid:nth-child(3) .hoverable-grid-content-wrapper {
    background-position-x: left; }
  .loyalty-hotels .hoverable-grid:nth-child(4) .hoverable-grid-content-wrapper {
    background-position-x: right; }
  .loyalty-hotels .hoverable-grid-content-wrapper {
    height: 430px; }
  .loyalty-hotels .hoverable-grid-content {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold; }

.loyalty-black-section {
  margin-bottom: 10px;
  padding: 30px 20px 20px; }
  .loyalty-black-section h3 {
    margin-top: 0; }

.loyalty-profit-black-section-parent {
  background-color: #000;
  min-height: 286px; }

.loyalty-profit-black-section {
  padding: 30px 20px 20px; }

.loyalty-table table {
  width: 100%;
  border-collapse: collapse; }
  .loyalty-table table th {
    color: #76c7ff;
    font-size: 23px; }
  .loyalty-table table td {
    padding: 10px; }
  .loyalty-table table td:first-child {
    text-align: left; }
  .loyalty-table table td + td {
    border-left: 2px solid #76c7ff; }
  .loyalty-table table td:last-child {
    border-right: 2px solid #76c7ff; }

@media all and (max-width: 1024px) {
  .loyalty-profit-image {
    height: 300px; } }

@media all and (max-width: 767px) {
  .loyalty-hotels .hoverable-grid-content-wrapper {
    height: 300px; }

  .loyalty-table table, .loyalty-table table th {
    font-size: 12px; }
    .loyalty-table table td {
      padding: 5px 3px; } }

.video-poster {
  height: 40vw;
  background-size: cover;
  background-position: center; }
  .video-poster a {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    display: inline-block; }
  .video-poster a:hover svg {
    transition: fill 0.3s;
    fill: #999; }
  .video-poster a svg {
    transition: fill 0.3s;
    fill: #fff; }

.modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  z-index: 9999; }
  .modal svg {
    fill: #fff;
    transition: fill 0.3s; }
  .modal svg:hover {
    fill: #b3b3b3;
    transition: fill 0.3s; }

.modal-content {
  position: relative;
  display: inline-block;
  margin: auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  height: calc(100% - 40px);
  max-height: calc((100vw - 40px) * 9 / 16);
  overflow-y: auto;
  background: #fff; }
  .modal-content video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-fit-position: center;
    display: block; }

.modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  padding: 0;
  margin: 0; }

html[lang="ru"] .promo-sticker {
  max-width: 460px; }

.promo-sticker {
  text-align: center;
  background: #fff;
  padding: 20px;
  max-width: 390px;
  width: 100%; }

.ps-bg {
  height: 190px; }

.ps-title {
  text-transform: uppercase;
  color: #76c7ff;
  margin-bottom: 10px;
  font-size: 22px; }

.ps-desc {
  color: #76c7ff;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px; }
  .ps-desc p {
    margin-bottom: 10px; }

.ps-see-more {
  margin-bottom: 10px; }
  .ps-see-more svg {
    fill: #76c7ff;
    width: 20px;
    height: 20px;
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s; }
  .ps-see-more a:hover svg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform 0.2s;
    transition: transform 0.2s; }

@media all and (min-width: 768px) {
  html[lang="ru"] .promo-sticker {
    left: 100px; }

  .promo-sticker {
    position: absolute;
    left: 120px;
    bottom: 20px;
    z-index: 990; } }

.gifts-form h3 {
  display: block;
  margin-top: 2em;
  text-align: center; }
  .gifts-form label {
    display: block;
    margin: 0 0 25px; }
  .gifts-form input, .gifts-form textarea {
    display: block;
    width: 100%;
    padding: 0.5em;
    font-family: inherit;
    font-size: 0.9rem;
    border: #76c7ff solid 1px;
    transition: border-color 0.2s; }
  .gifts-form input:focus, .gifts-form textarea:focus {
    border-color: #76c7ff;
    transition: border-color 0.2s; }
  .gifts-form textarea {
    min-height: 135px; }

.gifts {
  display: flex;
  justify-content: space-between; }

.gift {
  cursor: pointer;
  position: relative;
  flex-basis: 235px;
  padding: 30px 20px;
  font-size: 1rem;
  text-align: center;
  border: #76c7ff solid 1px;
  transition: color 0.3s, background 0.3s; }
  .gift h4 {
    margin: 0 0 1em;
    transition: color 0.3s; }
  .gift em {
    color: #76c7ff;
    font-weight: bold;
    font-style: normal; }
  .gift.active {
    color: #fff;
    background: #76c7ff;
    transition: color 0.3s, background 0.3s; }
  .gift.active h4 {
    color: #fff;
    transition: color 0.3s; }
  .gift.active .gift-check {
    opacity: 1;
    transition: opacity 0.3s; }

.gift-check {
  opacity: 0;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  bottom: -20px;
  background: #76c7ff;
  border-radius: 50%;
  transition: opacity 0.3s; }
  .gift-check svg {
    width: 17px;
    height: 17px;
    fill: #fff; }

.gift-flex {
  display: flex;
  justify-content: space-between; }

.gift-flex-33 {
  flex-basis: calc(33.3% - 25px); }

.gift-flex-50 {
  flex-basis: calc(50% - 25px); }

.gifts-recaptcha > div {
  margin-left: auto;
  margin-right: auto; }

#mail-sent p {
  display: block;
  padding: 0;
  margin: 0 0 1em;
  color: #000;
  font-size: 1rem;
  text-transform: none;
  text-align: center;
  background: none;
  border-radius: 0; }

@media screen and (max-width: 1023px) {
  .centered-content-narrow {
    max-width: 700px; }

  .gifts {
    flex-direction: column; }

  .gift {
    flex-basis: initial;
    padding: 16px;
    margin: 0 0 2em; } }

@media screen and (max-width: 767px) {
  .centered-content-narrow, .centered-content-vnarrow {
    max-width: 95%; }

  .gift-flex {
    flex-direction: column; }

  .gift-flex-33, .gift-flex-50 {
    flex-basis: initial; } }

.btns-contact {
  z-index: 999;
  position: fixed;
  left: 0;
  bottom: 45px; }
  .btns-contact ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    list-style: none; }
  .btns-contact li {
    position: relative;
    margin: 0 0 5px; }
  .btns-contact a {
    display: flex;
    align-items: stretch;
    padding: 10px 10px 8px;
    color: #000;
    text-decoration: none;
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .3); }
  .btns-contact a:hover svg, .btns-contact a:focus svg {
    fill: #76c7ff;
    transform: scale(1.3);
    transition: fill 0.3s, transform 0.3s; }
    .btns-contact a:hover .contact-tooltip, .btns-contact a:focus .contact-tooltip {
      display: block; }
  .btns-contact svg {
    width: 20px;
    height: 20px;
    fill: #000;
    transition: fill 0.3s, transform 0.3s; }

.contact-tooltip {
  display: none;
  padding: 0 5px 0 15px;
  color: #1f3240;
  font-size: 0.9rem; }

.index-offers {
  overflow: hidden;
  position: relative;
  max-width: 995px;
  height: 390px;
  margin: 0 auto 50px; }

.index-offers-content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.index-offer {
  overflow: hidden;
  position: absolute;
  width: 290px;
  height: 290px;
  left: 0;
  top: 55px;
  transition: transform 0.5s; }
  .index-offer .index-offer-img {
    display: block;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(5px);
    transition: transform 0.5s, filter 0.5s; }
  .index-offer.active {
    z-index: 100;
    transform: scale(1.3);
    transition: transform 0.5s; }
  .index-offer.active .index-offer-img {
    filter: grayscale(0%);
    transition: transform 0.5s, filter 0.5s; }
  .index-offer.active .index-offer-overlay {
    opacity: 1;
    transition: opacity 0.5s; }
  .index-offer.active .index-offer-btn-book {
    opacity: 1;
    transition: color 0.2s, background 0.2s, opacity 0.5s; }

.index-offer:nth-child(2) {
  left: 35%; }

.index-offer:nth-child(3) {
  left: 70%; }

.index-offer:nth-child(4) {
  left: 105%; }

.index-offer:nth-child(5) {
  left: 140%; }

.index-offer:nth-child(6) {
  left: 175%; }

.index-offer:nth-child(7) {
  left: 210%; }

.index-offer:nth-child(8) {
  left: 245%; }

.index-offer:nth-child(9) {
  left: 280%; }

.index-offer:nth-child(10) {
  left: 315%; }

.index-offer:nth-child(11) {
  left: 350%; }

.index-offer:nth-child(12) {
  left: 385%; }

.index-offer-overlay {
  opacity: 0;
  position: absolute;
  width: 290px;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  transition: opacity 0.5s; }
  .index-offer-overlay > div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; }
  .index-offer-overlay:before {
    content: '';
    position: absolute;
    width: 120%;
    height: 150px;
    left: -10%;
    top: -webkit-calc(50% - 75px);
    top: calc(50% - 75px);
    background: rgba(255, 255, 255, .88);
    transform: rotate(-10deg); }
  .index-offer-overlay h3 {
    padding: 0;
    margin: 0 0 0.5em;
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase; }

.index-offer-text {
  font-size: 0.8rem;
  font-style: italic; }

.index-offer-btn-book {
  opacity: 0;
  position: absolute;
  width: 100px;
  padding: 7px 0;
  left: -webkit-calc(50% - 50px);
  left: calc(50% - 50px);
  bottom: 20px;
  color: #fff;
  font-size: 0.7rem;
  text-align: center;
  text-transform: uppercase;
  background: #76c7ff;
  transition: color 0.2s, background 0.2s, opacity 0.5s; }
  .index-offer-btn-book:hover, .index-offer-btn-book:focus {
    color: #76c7ff;
    text-decoration: none;
    background: #fff;
    transition: color 0.2s, background 0.2s; }

.index-offers-controls {
  margin: 0 0 50px;
  text-align: center; }

.index-offers-prev, .index-offers-next {
  display: inline-block;
  margin: 0 15px;
  background: none;
  border: none;
  cursor: pointer; }
  .index-offers-prev svg, .index-offers-next svg {
    width: 35px;
    height: 29px; }
  .index-offers-prev.is-disabled, .index-offers-next.is-disabled {
    opacity: 0.3; }

.faq-subtitle {
  color: #000001; }

.faq {
  max-width: 1200px;
  padding: 0 20px;
  margin: 40px auto 0; }

.faq-qrs-container {
  margin-top: 40px; }

.faq-qr {
  border-bottom: 1px solid #000; }
  .faq-qr:first-child {
    border-top: 1px solid #000; }

.faq-question {
  font-weight: bold;
  cursor: pointer;
  display: table; }

.faq-question-col {
  display: table-cell;
  vertical-align: middle;
  padding: 0.5em;
  color: #76c7ff;
  text-transform: uppercase; }
  .faq-question-col p {
    margin: 0; }

.faq-question-col-1 {
  width: 100%; }

.faq-question-col-2 {
  padding-right: 20px; }

.faq-toggle-icon {
  display: inline-block;
  font-size: 20px; }

.faq-response {
  display: none;
  padding-left: 20px; }

.faq-qr.active .faq-toggle-icon {
  transform: rotate(90deg); }

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px white;
  box-shadow: inset 0 0 12px 4px white; }
  .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden; }
  .selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2); }

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important; }

.selectize-dropdown-header-close:hover {
  color: #000; }

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none; }
  .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none; }
  .selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none; }

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important; }
  .selectize-control.plugin-remove_button [data-value] .remove {
    /* fixes ie bug (see #392) */
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0 0;
    border-left: 1px solid #333;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05); }
  .selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #000; }
  .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none; }
  .selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #808080; }
  .selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 28px;
    top: 6px;
    font-size: 23px; }

.selectize-control {
  position: relative; }

.selectize-dropdown, .selectize-input, .selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit; }

.selectize-input, .selectize-control.single .selectize-input.input-active {
  background: white;
  cursor: text;
  display: inline-block; }

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  .selectize-control.multi .selectize-input.has-items {
    padding: 5px 8px 2px; }
  .selectize-input.full, .slideshow-item.selectize-input {
    background-color: white; }
  .selectize-input.disabled, .selectize-input.disabled * {
    cursor: default !important; }
  .selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }
  .selectize-input.dropdown-active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0; }
  .selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; }
  .selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #666;
    color: white;
    border: 1px solid #333; }
  .selectize-control.multi .selectize-input > div.active {
    background: #333;
    color: white;
    border: 1px solid #000; }
  .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
    color: #fff;
    background: #b3b3b3;
    border: 1px solid #808080; }
  .selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 1px !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .selectize-input > input::-ms-clear {
    display: none; }
  .selectize-input > input:focus {
    outline: none !important; }

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left; }

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0; }

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: white;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }
  .selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden; }
  .selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; }
  .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
    padding: 5px 8px; }
  .selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none; }
  .selectize-dropdown .optgroup-header {
    color: #303030;
    background: white;
    cursor: default; }
  .selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68; }
  .selectize-dropdown .active.create {
    color: #495c68; }
  .selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5); }

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px; }

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
  cursor: pointer; }
  .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
    cursor: text; }
  .selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #808080 transparent transparent transparent; }
  .selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #808080 transparent; }

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto; }
  .selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important; }

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa; }

.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px; }
  .selectize-control.multi .selectize-input.disabled [data-value] {
    color: #999;
    text-shadow: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .selectize-control.multi .selectize-input.disabled [data-value], .selectize-control.multi .selectize-input.disabled [data-value] .remove {
    border-color: #e6e6e6; }
  .selectize-control.multi .selectize-input.disabled [data-value] .remove {
    background: none; }
  .selectize-control.multi .selectize-input [data-value] {
    text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #525252;
    background-image: -moz-linear-gradient(top, #666, #333);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333));
    background-image: -webkit-linear-gradient(top, #666, #333);
    background-image: -o-linear-gradient(top, #666, #333);
    background-image: linear-gradient(to bottom, #666, #333);
    background-repeat: repeat-x;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#666)', endColorstr='argb(#333)', GradientType=0)";
    -webkit-box-shadow: "0 1px 0 rgba(black, 0.2), inset 0 1px rgba(white, 0.03)";
    box-shadow: "0 1px 0 rgba(black, 0.2), inset 0 1px rgba(white, 0.03)"; }
  .selectize-control.multi .selectize-input [data-value].active {
    background-color: #1f1f1f;
    background-image: -moz-linear-gradient(top, #333, #000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#000));
    background-image: -webkit-linear-gradient(top, #333, #000);
    background-image: -o-linear-gradient(top, #333, #000);
    background-image: linear-gradient(to bottom, #333, #000);
    background-repeat: repeat-x;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#333)', endColorstr='argb(#000)', GradientType=0)"; }
  .selectize-control.single .selectize-input {
    -webkit-box-shadow: "0 1px 0 rgba(black, 0.05), inset 0 1px 0 rgba(white, 0.8)";
    box-shadow: "0 1px 0 rgba(black, 0.05), inset 0 1px 0 rgba(white, 0.8)";
    background-color: #f9f9f9;
    background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
    background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
    background-repeat: repeat-x;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#fefefe)', endColorstr='argb(#f2f2f2)', GradientType=0)"; }

.selectize-control.single .selectize-input, .selectize-dropdown.single {
  border-color: #b8b8b8; }

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em; }
  .selectize-dropdown .optgroup {
    border-top: 1px solid #f0f0f0; }
  .selectize-dropdown .optgroup:first-child {
    border-top: 0 none; }

.selectize-input, .selectize-control.multi .selectize-input.has-items {
  border: 1px solid #000;
  padding: 15px 10px; }

.popup {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 20px;
  background: rgba(0, 0, 0, .7); }

.popup-content {
  width: 100%;
  max-width: 780px; }

.popup1 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 360px;
  height: 360px;
  margin: 0 auto;
  padding: 30px;
  font-size: 0.9rem;
  background: #fff;
  border-radius: 50%;
  transform: translateX(180px); }
  .popup1 h2 {
    color: #76c7ff;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase; }

.popup-close {
  position: absolute;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  right: 50px;
  top: 20px;
  color: #fff;
  font-size: 30px;
  line-height: 0;
  background: #76c7ff;
  border-radius: 50%;
  border: #fff solid 2px;
  -webkit-appearance: none;
  transition: color 0.2s, background 0.2s; }
  .popup-close:hover, .popup-close:focus {
    color: #76c7ff;
    background: #fff;
    text-decoration: none;
    transition: color 0.2s, background 0.2s; }

.popup2 {
  width: 235px;
  height: 235px;
  margin: -55px auto 0;
  border: #fff solid 1px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  transform: translateX(-30px); }

.popup3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 175px;
  margin: -50px auto 0;
  color: #fff;
  font-family: 'AgencyFB', Arial, sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  background: #76c7ff;
  border: #fff solid 1px;
  border-radius: 50%;
  transform: translateX(-195px);
  transition: color 0.2s, background 0.2s; }
  .popup3:hover, .popup3:focus {
    color: #76c7ff;
    background: #fff;
    text-decoration: none;
    transition: color 0.2s, background 0.2s; }

@media screen and (min-width: 768px) and (max-height: 720px) {
  .popup-content {
    transform: scale(0.9); } }

@media screen and (min-width: 768px) and (max-height: 660px) {
  .popup-content {
    transform: scale(0.8); } }

@media screen and (max-width: 767px) {
  .popup-content {
    transform: scale(0.8); }

  .popup1 {
    transform: translateX(0); }

  .popup2 {
    transform: translateX(0); }

  .popup3 {
    transform: translateX(0); } }

.btn-menu, .logo-mobile, .menu-mobile, .offer-gift {
  display: none; }

@media screen and (max-width: 1480px) {
  .menu li:not(:last-child):after {
    margin: 0 15px; } }

@media screen and (max-width: 1300px) {
  .menu {
    font-size: 1.15rem; } }

@media screen and (max-width: 1250px) {
  .menu {
    font-size: 1.1rem; }
    .menu li:not(:last-child):after {
      margin: 0 10px; } }

@media screen and (max-width: 1190px) {
  .menu {
    font-size: 1rem; } }

@media screen and (max-width: 1130px) {
  .menu {
    font-size: 0.9rem; }

  .booking-btn {
    width: 125px; }

  .menu-container > div {
    width: calc(100% - 250px); }
    .menu-container > div:first-child, .menu-container > div:last-child {
      width: 125px; } }

@media screen and (max-width: 1366px) {
  ._mobile_tablet .parallax, ._mobile_tablet .bg, ._mobile_tablet .full-container-1, ._mobile_tablet .bg, ._mobile_tablet .full-container, ._mobile_tablet .full-container-1, ._mobile_tablet .full-container-2, ._mobile_tablet .full-container-3, ._mobile_tablet .full-container-hotel1, ._mobile_tablet .full-container-piscine1, ._mobile_tablet .full-container-fitness, ._mobile_tablet .full-container-restaurant1, ._mobile_tablet .full-container-situation, ._mobile_tablet .room-container .slider-item {
    -webkit-background-attachment: scroll;
    background-attachment: scroll; } }

@media screen and (max-width: 1025px) {
  .bg, .full-container, .room-container .slider-item, .video-poster {
    background-attachment: scroll; }

  .booking-btn-room {
    top: 45px; }

  .bg-video video, #room-video {
    display: none; } }

@media screen and (max-width: 800px) {
  footer {
    padding-bottom: 25px; }

  .logo-footer {
    width: 143px;
    height: auto;
    margin-left: auto;
    margin-right: auto; }

  .pois-container {
    display: none; }

  .bg, .full-container-1, .full-container-2, .full-container-3, .full-container-hotel1, .full-container-piscine1, .full-container-fitness, .full-container-restaurant1, .full-container-situation, .room-container .slider-item {
    -webkit-background-attachment: scroll;
    background-attachment: scroll; }

  .square-image-actu-img {
    width: 80%;
    height: 370px; }

  .menu-on {
    width: 50%; }

  .btn {
    font-size: 0.7em; }

  .btn-restau-index {
    margin-top: 10px; }

  .index-gallery-container {
    height: 300px; }

  .image-gallery {
    height: auto; }

  .index-actu {
    display: block;
    width: 100%;
    margin: 0 auto 70px; }

  .room-list {
    top: 100px; }

  ._chambres .bloc-titre {
    height: 300px; }

  .btn-restau-restau {
    margin-left: 0; }

  .offres {
    display: block;
    margin: 70px auto; }

  .footer {
    height: auto;
    margin-bottom: 90px; }

  .footer-left {
    display: block;
    width: 90%;
    margin: 0 auto; }

  .social-menu-container {
    display: block;
    width: 90%;
    margin: 20px auto; }

  .footer-right {
    display: block;
    width: 90%;
    margin: 20px auto; }
    .footer-right ul {
      padding: 0;
      margin: 0 auto;
      width: 170px; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .parallax, .bg, .full-container-1 {
    -webkit-background-attachment: scroll;
    background-attachment: scroll; }

  .menu-on {
    padding-left: 20px;
    padding-right: 20px; }

  .bordered-title h2 {
    font-size: 25px; }

  .square-text {
    padding: 0; }

  .full-square-txt-container {
    margin-bottom: 30px; }

  .first-actu {
    width: 90%; }

  .menu-container > div {
    width: calc(100% - 145px); }
    .menu-container > div:first-child {
      width: 0; } }

@media screen and (max-width: 700px) {
  .bloc-newsletter {
    padding-left: 0;
    padding-right: 0; }

  .m-table {
    display: block; }
    .m-table .col {
      display: block;
      width: 100%; }
    .m-table .align-right {
      text-align: center; }
    .m-table img {
      max-width: 100%;
      height: auto; }

  .first-actu {
    padding: 10px; }

  .parallax, .bg, .full-container-1 {
    -webkit-background-attachment: scroll;
    background-attachment: scroll; }

  .restaurant-logo {
    position: static;
    /* .pastille-traveler {
        display: none;
    } */ }

  #contact-box {
    background: white;
    right: 0; }

  #btn-book-wrap, #contact-box {
    width: 100% !important; }

  .booking-on-container .booking {
    width: 100%; }

  .fleche-reserver {
    right: 10px;
    left: unset; }

  .offre-resa-img > img {
    width: 100%; }

  .booking-on-container .booking-offre-container {
    min-height: 300px; }

  .arrow-left, .arrow-right {
    bottom: 50px; }

  .arrow-left {
    left: calc(50% - 105px); }

  .arrow-right {
    right: calc(50% - 105px); }

  .header .dots3 {
    bottom: 52px; }

  .menu-on {
    width: 100%; }
    .menu-on .menu-list a {
      font-size: 1em; }
    .menu-on .menu-footer-left li {
      font-size: 0.9em;
      padding: 2px; }

  .menu-footer-left .logo-footer {
    float: left;
    margin: 0 15px 0 0; }

  .menu-footer-left ul {
    display: block; }

  .footer-left ul {
    margin: 0 auto;
    width: 100%;
    text-align: center; }

  .footer-right-col {
    text-align: center; }

  .situation-btn {
    display: none; }

  .bg-left {
    display: none; }

  .square-text-container {
    width: 90%;
    display: block;
    margin: 30px auto 0; }

  .square-image-container, .slider {
    display: block;
    width: 100%; }

  .square-text-content {
    margin: 0; }

  .square-text {
    padding: 0.5em; }

  .full-square-container {
    width: auto; }

  .square-text-container-actu, .square-image-content {
    margin: 0 auto 1em; }

  .square-image-actu {
    margin-bottom: 1em; }

  .square-image-actu-img {
    width: 100%;
    height: 240px; }

  .square-text-actu {
    padding-left: 0;
    padding-right: 0; }

  .index-actu {
    margin-bottom: 2em; }

  .btn-green, .btn-green-light {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px; }

  .square-container {
    margin-top: 20px;
    margin-bottom: 20px; }

  .hotel-list li {
    width: 40%; }

  .hotel-bottom-container {
    height: auto; }

  .hotel-col {
    display: block;
    width: 100%; }

  .container-logos {
    height: auto; }

  .accordion button {
    width: 100%; }

  .gallery-situation {
    margin: 50px auto; }

  .location-gallery-item {
    width: 100%; }
    .location-gallery-item:hover .cache-sit, .location-gallery-item:focus .cache-sit {
      transition: opacity 0.3s;
      opacity: 0.6; }

  .gallery-situation {
    display: none; }

  .bg-room {
    display: inline-block;
    width: 100%;
    height: 100%; }

  .bg-room-container {
    display: none; }

  .bloc-titre {
    padding-top: 100px;
    margin-bottom: 20px; }

  .room-list {
    display: none; }

  ._chambres .bloc-titre {
    height: auto; }
    ._chambres .square-text-container {
      display: block;
      width: 100%;
      margin: 0 auto; }

  .blue-arrow-left {
    left: 10%; }

  .blue-arrow-right {
    right: 10%; }

  .full-square-txt-content {
    width: 90%;
    margin: 0 auto; }

  .actus-list {
    width: 90%;
    margin: 0 auto; }

  .actu {
    width: 100%;
    margin: 40px auto; }
    .actu img {
      width: 100%; }

  .single-post .post-img {
    height: auto; }
    .single-post .border-container {
      display: inline-block;
      width: 90%;
      margin: -50px 5% 0 5%; }

  .post-gallery {
    display: none; }

  .bloc-titre {
    margin-top: 0; }

  .offre-titre {
    padding: 0;
    margin: 0; }

  .full-container-situation, .full-container-restaurant1, .full-container-piscine1, .full-container-1, .full-container-2, .full-container-3, .full-container-hotel1 {
    background-attachment: scroll; } }

@media screen and (max-width: 1023px) {
  .btns-list .btn-green-light, .btns-list .btn-main {
    min-width: 0; }

  .logo-mobile {
    display: block; }

  .menu {
    display: none; }

  .menu-container {
    height: 62px; }
    .menu-container > div {
      width: 33.3%; }
      .menu-container > div:first-child, .menu-container > div:last-child {
        width: 33.3%; }
      .menu-container > div:first-child {
        display: flex;
        align-items: center; }

  .btn-menu {
    display: block;
    padding: 0 16px;
    margin: 0;
    color: #fff;
    font-family: 'AgencyFB', Arial, sans-serif;
    font-size: 0.9rem;
    text-align: center;
    text-transform: uppercase;
    background: none;
    border: none;
    transition: color 0.2s; }
    .btn-menu.active, .btn-menu.always-active {
      color: #000;
      transition: color 0.2s; }
      .btn-menu.active .icon-menu span, .btn-menu.always-active .icon-menu span, .btn-menu.active .icon-menu:before, .btn-menu.always-active .icon-menu:before, .btn-menu.active .icon-menu:after, .btn-menu.always-active .icon-menu:after {
        background: #000;
        transition: all 0.2s; }
    .btn-menu.open .icon-menu span {
      opacity: 0;
      transition: all 0.2s; }
      .btn-menu.open .icon-menu:before {
        top: 50%;
        transform: rotate(-45deg);
        transition: all 0.2s; }
      .btn-menu.open .icon-menu:after {
        top: 50%;
        transform: rotate(45deg);
        transition: all 0.2s; }

  .icon-menu {
    position: relative;
    display: block;
    width: 20px;
    height: 15px;
    margin: 0 auto 2px; }
    .icon-menu span {
      position: absolute;
      width: 100%;
      height: 2px;
      left: 0;
      top: 6px;
      background: #fff;
      transition: all 0.2s; }
    .icon-menu:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 2px;
      left: 0;
      top: 0;
      background: #fff;
      transition: all 0.2s; }
    .icon-menu:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 2px;
      left: 0;
      top: 12px;
      background: #fff;
      transition: all 0.2s; }

  .menu-mobile {
    z-index: 998;
    display: none;
    position: fixed;
    width: 100%;
    padding: 1em;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 62px;
    bottom: 0;
    font-family: 'AgencyFB', Arial, sans-serif;
    font-size: 1.45rem;
    text-align: center;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.9); }
    .menu-mobile ul {
      padding: 0;
      margin: 0;
      list-style: none; }
    .menu-mobile a {
      display: block;
      padding: 0.3em 0;
      color: #000;
      transition: color 0.2s; }
      .menu-mobile a:hover, .menu-mobile a:focus, .menu-mobile a.active {
        color: #76c7ff;
        text-decoration: none;
        transition: color 0.2s; }

  .logo {
    width: 90px;
    flex-basis: initial;
    height: 100%;
    margin: 0 auto; }
    .logo img {
      width: 75px;
      height: auto;
      top: 5px; }

  .offer-gift {
    z-index: 200;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    left: auto;
    right: 16px;
    top: 70px;
    background: #fff;
    border-radius: 50%; }
    .offer-gift svg {
      width: 33px;
      height: 33px;
      fill: #000;
      transform: translate(2px, 2px); }

  #svg-gift .st1 {
    fill: #76c7ff; }
    #svg-gift .st2 {
      font-size: 125px;
      fill: #fff; }

  .offer-tag, .bubble1, .bubble2 {
    display: none; }

  ._chambres .bloc-titre {
    height: auto; }

  .social-menu a {
    width: 30px;
    height: 30px; }

  .coordonees {
    font-size: 0.85rem; }

  .footer-content {
    flex-direction: column;
    text-align: center; }

  .footer-col {
    flex-basis: initial;
    margin: 0 0 1em; }

  .footer-social {
    border-left: none;
    border-right: none; }

  .btn-green {
    padding: 0 15px;
    font-size: 0.85rem; }

  .booking-btn-room {
    padding: 0.5em 1em; }

  .mini-arrow {
    width: 25px; }

  .blue-arrow-left {
    left: 10%; }

  .blue-arrow-right {
    right: 10%; } }

@media screen and (max-width: 767px) {
  .intro-content > div {
    width: 100%; }
    .logo-intro {
      width: 240px; }
    .booking-btn {
      width: auto;
      padding: 0 0.5em;
      font-size: 0.8rem; }
    .btns-contact {
      width: 100%;
      bottom: 0;
      text-align: center; }
      .btns-contact ul {
        flex-direction: row; }
      .btns-contact li {
        flex-basis: 33.3%;
        margin: 0; }
        .btns-contact li:not(:last-child) a {
          border-right: #808080 solid 1px; }
      .btns-contact li:nth-child(n + 4) {
        display: none; }
      .btns-contact a {
        justify-content: center;
        align-items: center;
        padding: 10px 8px 8px;
        background: rgba(255, 255, 255, 0.9); }
        .btns-contact a:hover .contact-tooltip, .btns-contact a:focus .contact-tooltip {
          display: none; }
      .btns-contact svg {
        width: 22px;
        height: 22px;
        fill: #76c7ff; }
    #wc-widget {
      z-index: 99999;
      max-height: calc(100% - 40px);
      bottom: 40px; }
    .wc-widget.wc-reset {
      z-index: 999 !important;
      bottom: 40px !important; }
    .bg-container-index .controls {
      bottom: 100px; }
    .table, .square-container-reverse > .table {
      flex-direction: column; }
    .bloc-titre {
      padding: 20px 16px 0; }
    h2, .h2, .likeh2 {
      font-size: 1.3rem; }
    .f33 {
      flex-basis: 100%; }
    .controls {
      bottom: 60px; }
    .square-text-container {
      width: 100%; }
    .square-text {
      padding: 0; }
    .border-content-green {
      margin: 0; }
    ._index .full-container {
      height: auto; }
    .index-gallery-container {
      height: auto; }
    .index-gallery {
      position: static;
      width: 100%;
      height: auto; }
    .image-gallery {
      width: 100%;
      height: 240px; }
      .image-gallery:nth-child(n + 4) {
        display: none; }
    .home-press {
      font-size: 0.9rem; }
      .home-press .slideshow-item {
        padding-left: 50px;
        padding-right: 50px; }
      .home-press .carousel-prev, .home-press .carousel-next {
        top: 35%; }
    .newsletter-form-title {
      padding-left: 16px;
      padding-right: 16px;
      font-size: 1.6rem; }
    .menu-on {
      padding-left: 20px;
      padding-right: 20px; }
    .menu-bottom {
      flex-direction: column;
      align-items: flex-start; }
    .logo-footer-container, .coordonees {
      display: none; }
    .menu-langs {
      margin-top: 0; }
    .social-menu-header {
      margin-top: 1em; }
    .bloc-titre-quote {
      width: 100%;
      padding-left: 16px;
      padding-right: 16px; }
    .bloc-titre-quote h2, .bloc-titre-quote .h2 {
      width: 100%;
      padding-left: 16px;
      padding-right: 16px;
      font-size: 1.1rem; }
    .rooms-desc {
      width: 100%; }
    .offres .actu-content {
      min-height: 0; }
    .border-content {
      margin: 0; }
    .square-text-venir {
      height: auto; }
    ._gallery .gallery-item {
      width: 100%; }
    .full-container {
      min-height: 240px; }
    .hotel-bottom {
      height: 240px; }
    ._chambres {
      padding-top: 50px; }
      ._chambres h2 {
        margin: 1em 0 0.5em; }
    ._gallery .gallery-bg {
      background-size: 100% auto;
      background-color: #000; }
    .rooms-desc {
      margin-top: 20px; }
    .full-image {
      height: 320px; }
    .full-square-txt-content {
      padding-top: 90px; }
    ._chambres .dots-container {
      top: -40px; }
    .actu-content {
      border-left: none;
      border-right: none; }
    .square-situation {
      width: 100%;
      height: 190px;
      min-height: 0; }
    .single-post {
      margin-bottom: 20px; }
      .single-post .actu {
        margin-bottom: 0; }
      .single-post .post-pic {
        padding-left: 16px;
        padding-right: 16px; }
      .single-post .actu-txt {
        padding: 16px; }
      .single-post .border-container {
        width: 100%;
        margin: 0;
        border: none; }
    .actu img {
      border-radius: 0; }
    .square-image {
      height: 190px;
      min-height: 0; }
    .dots-container {
      bottom: 10px; }
    .offer-tag-2 {
      display: none; }
    .hotel-bottom-cta-btn {
      background: rgba(118, 199, 255, 0.7); }
    .alignLeft {
      margin-left: 0; }
    .h1-mobile {
      margin-top: 90px; }
    .btn-more {
      display: block;
      width: 44px;
      height: 44px;
      padding: 0;
      margin: 1em auto;
      color: #fff;
      font-size: 1.8rem;
      background: #76c7ff;
      border: none;
      border-radius: 50%; }
    .btn-modal {
      top: 16px;
      bottom: auto; }
    .booking-btn-room {
      position: static;
      display: block;
      right: auto;
      top: auto;
      margin: 1em 0;
      line-height: 50px; }
    .btn-room-plans {
      position: static;
      display: block;
      width: 100%;
      right: auto;
      top: auto;
      margin: 1em 0;
      font-size: 0.85rem;
      line-height: 50px; }
    .room-more-btn {
      display: block;
      width: 100%;
      padding: 0.5em 1em;
      font-size: 0.85rem;
      line-height: 44px; }
      .room-more-btn + br {
        display: none; }
    .room-text {
      width: 100%; }
    .room-text-more {
      padding-left: 16px;
      padding-right: 16px; }
    .room-text p:last-of-type {
      margin-bottom: 0; }
    .btn-main {
      display: block;
      width: 100%; }
    .btns-list .btn-main, .btns-list .btn-green, .btns-list .btn-green-light {
      width: 100%;
      margin: 0 0 1em; }
    .square-text {
      line-height: 1.5em; }
    .index-offers {
      height: auto; }
    .index-offers-content {
      position: static;
      height: auto;
      left: auto;
      top: auto; }
    .index-offer {
      position: relative;
      left: auto;
      top: auto;
      margin: 0 auto 1em; }
      .index-offer.active {
        transform: none; }
      .index-offer .index-offer-img {
        filter: none; }
    .index-offer:nth-child(2) {
      left: auto; }
    .index-offer:nth-child(3) {
      left: auto; }
    .index-offer:nth-child(4) {
      left: auto; }
    .index-offer:nth-child(5) {
      left: auto; }
    .index-offer:nth-child(6) {
      left: auto; }
    .index-offer:nth-child(7) {
      left: auto; }
    .index-offer:nth-child(8) {
      left: auto; }
    .index-offer:nth-child(9) {
      left: auto; }
    .index-offer:nth-child(10) {
      left: auto; }
    .index-offer:nth-child(11) {
      left: auto; }
    .index-offer:nth-child(12) {
      left: auto; }
    .index-offer-overlay, .index-offer-btn-book {
      opacity: 1; }
    .index-offers-controls {
      display: none; }
    .home h1 {
      padding-left: 16px;
      padding-right: 16px; }
    .actu-txt {
      padding: 0;
      margin: 16px 0; }
    .actu-content {
      padding: 0; }
    .first-actu {
      padding: 16px; }
    .legal-container {
      padding: 0 16px; }
    .offre-list {
      text-align: center; }
    .wc-gdpr-template {
      top: 0;
      bottom: auto !important; }
    .wc-gdpr-template .wc-gdpr-general > div {
      height: 250px !important;
      align-content: center; }
    .wc-gdpr-template .wc-gdpr-color-main {
      background: rgba(0, 0, 0, 0.87); } }