@charset "UTF-8";

    .slick-list,
    .slick-slider,
    .slick-track {
      display: block;
      position: relative
    }

    .slick-list,
    .slick-slider,
    .slick-track,
    .sod_select {
      position: relative
    }

    .slick-track:after,
    .ui-helper-clearfix:after {
      clear: both
    }

    #loading,
    #loading img,
    #loading svg,
    .no-svg #loading .loading-status,
    .slick-loading .slick-slide,
    .slick-loading .slick-track {
      visibility: hidden
    }

    .slick-slider {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
      touch-action: pan-y;
      -webkit-tap-highlight-color: transparent
    }

    .slick-list {
      overflow: hidden;
      margin: 0;
      padding: 0
    }

    .slick-list:focus {
      outline: 0
    }

    .slick-list.dragging {
      cursor: pointer;
      cursor: hand
    }

    .slick-slider .slick-list,
    .slick-slider .slick-track {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0)
    }

    .slick-track {
      top: 0;
      left: 0
    }

    .slick-track:after,
    .slick-track:before {
      display: table;
      content: ''
    }

    .slick-slide {
      display: none;
      float: left;
      height: 100%;
      min-height: 1px
    }

    [dir=rtl] .slick-slide {
      float: right
    }

    .slick-slide img {
      display: block
    }

    .slick-slide.slick-loading img {
      display: none
    }

    .slick-slide.dragging img {
      pointer-events: none
    }

    .slick-initialized .slick-slide {
      display: block
    }

    .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent
    }

    .sod_select,
    .sod_select * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .sod_select {
      display: inline-block;
      line-height: 1;
      width: 200px;
      padding: 30px 40px;
      border: 3px solid #efefef;
      background: #efefef;
      color: #333;
      font-size: 16px;
      text-align: left;
      outline: 0;
      outline-offset: -2px;
      /* cursor:default; */
    }

    .align-center,
    .cell.centered,
    .text-center,
    .ui-datepicker .ui-datepicker-title,
    .ui-datepicker th {
      text-align: center
    }

    .sod_select:before {
      content: "";
      position: absolute;
      /* display:inline-block; */
      background: url("../img/icons/arrow-down.svg") center no-repeat;
      background-size: 15px auto;
      right: 27px;
      top: 30px;
      width: 15px;
      height: 15px;
    }

    .sod_select.focus,
    .sod_select.open,
    .sod_select:hover {
      /* border-color:#efefef */
    }

    .sod_select.open {
      color: #919191
    }

    .sod_select.disabled {
      border-color: #828282;
      color: #b2b2b2;
      cursor: not-allowed
    }

    .sod_select .sod_label {
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      height: 20px;
      padding-right: 15px
    }

    .sod_select .sod_list_wrapper {
      position: absolute;
      top: 100%;
      left: 0;
      display: none;
      height: auto;
      width: 100%;
      margin: 0 0 0 -3px;
      background: #efefef;
      border: 3px solid #efefef;
      border-top: none;
      color: #444;
      font-weight: 300;
      z-index: 1
    }

    .sod_select.open .sod_list_wrapper {
      display: block
    }

    .sod_select.disabled.open .sod_list_wrapper {
      display: none
    }

    .sod_select.above .sod_list_wrapper {
      top: auto;
      bottom: 100%;
      border-top: 3px solid #efefef;
      border-bottom: none
    }

    .sod_select .sod_list {
      display: block;
      overflow-y: auto;
      padding: 0;
      margin: 0
    }

    .sod_select .sod_option {
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      position: relative;
      padding: 10px;
      list-style-type: none
    }

    .sod_select .sod_option.optgroup,
    .sod_select .sod_option.optgroup.disabled {
      background: inherit;
      color: #939393;
      font-size: 10px;
      font-style: italic
    }

    .sod_select .sod_option.groupchild {
      padding-left: 20px
    }

    .sod_select .sod_option.is-placeholder {
      display: none
    }

    .sod_select .sod_option.disabled {
      background: inherit;
      color: #ccc
    }

    .sod_select .sod_option.active {
      background: #f7f7f7;
      color: #333
    }

    .sod_select .sod_option.selected {
      font-weight: 700;
      padding-right: 25px
    }

    .sod_select .sod_option.selected:before {
      content: "";
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      display: inline-block;
      color: grey;
      height: 9px;
      width: 10px;
      background: url('data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K')
    }

    .ui-widget-content a,
    .ui-widget-header,
    .ui-widget-header a {
      color: #fff
    }

    .sod_select.no_highlight .sod_option.selected {
      font-weight: 300
    }

    .sod_select.no_highlight .sod_option.selected:before {
      display: none
    }

    .sod_select select {
      display: none !important
    }

    .sod_select.touch select {
      -webkit-appearance: menulist-button;
      position: absolute;
      top: 0;
      left: 0;
      display: block !important;
      height: 100%;
      width: 100%;
      opacity: 0;
      z-index: 1
    }

    /*! jQuery UI - v1.9.2 - 2015-08-18 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=444444&bgTextureHeader=highlight_soft&bgImgOpacityHeader=44&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=loop&bgImgOpacityContent=25&borderColorContent=555555&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=222222&bgTextureDefault=highlight_soft&bgImgOpacityDefault=35&borderColorDefault=444444&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=003147&bgTextureHover=highlight_soft&bgImgOpacityHover=33&borderColorHover=0b93d5&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=0972a5&bgTextureActive=highlight_hard&bgImgOpacityActive=20&borderColorActive=26b3f7&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors;
       */
    .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-zfix,
    .ui-widget-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
    }

    .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:after,
    .ui-helper-clearfix:before {
      content: "";
      display: table
    }

    .ui-helper-clearfix {
      zoom: 1
    }

    .ui-helper-zfix {
      opacity: 0;
      filter: Alpha(Opacity=0)
    }

    .ui-state-disabled {
      cursor: default !important
    }

    .ui-icon {
      display: block;
      text-indent: -99999px;
      overflow: hidden;
      background-repeat: no-repeat
    }

    .ui-datepicker {
      display: none
    }

    .ui-datepicker .ui-datepicker-header {
      position: relative
    }

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

    .ui-datepicker .ui-datepicker-next-hover,
    .ui-datepicker .ui-datepicker-prev-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-next span,
    .ui-datepicker .ui-datepicker-prev 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
    }

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

    .ui-datepicker select.ui-datepicker-month-year {
      width: 100%
    }

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

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

    .ui-datepicker th {
      padding: .7em .3em;
      font-weight: 700;
      border: 0
    }

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

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

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

    .ui-datepicker .ui-datepicker-buttonpane button {
      float: right;
      margin: .5em .2em .4em;
      cursor: pointer;
      padding: .2em .6em .3em;
      width: auto;
      overflow: visible
    }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-multi .ui-datepicker-group,
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
      float: left
    }

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

    .ui-datepicker-multi .ui-datepicker-group table {
      width: 95%;
      margin: 0 auto .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
    }

    .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.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-datepicker-cover {
      position: absolute;
      z-index: -1;
      filter: mask();
      top: -4px;
      left: -4px;
      width: 200px;
      height: 200px
    }

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

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

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

    .ui-widget-content {
      border: 1px solid #555;
      background: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-bg_loop_25_000000_21x21.png.html") 50% 50% #000;
      color: #fff
    }

    .ui-widget-header {
      border: 1px solid #333;
      background: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-bg_highlight-soft_44_444444_1x100.png.html") 50% 50% repeat-x #444;
      font-weight: 700
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
      border: 1px solid #444;
      background: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-bg_highlight-soft_35_222222_1x100.png.html") 50% 50% repeat-x #222;
      font-weight: 400;
      color: #eee
    }

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

    .ui-state-focus,
    .ui-state-hover,
    .ui-widget-content .ui-state-focus,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-focus,
    .ui-widget-header .ui-state-hover {
      border: 1px solid #0b93d5;
      background: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-bg_highlight-soft_33_003147_1x100.png.html") 50% 50% repeat-x #003147;
      font-weight: 400;
      color: #fff
    }

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

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
      border: 1px solid #26b3f7;
      background: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-bg_highlight-hard_20_0972a5_1x100.png.html") 50% 50% repeat-x #0972a5;
      font-weight: 400;
      color: #fff
    }

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

    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
      border: 1px solid #ccc;
      background: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-bg_highlight-soft_80_eeeeee_1x100.png.html") 50% top repeat-x #eee;
      color: #2e7db2
    }

    .ui-state-highlight a,
    .ui-widget-content .ui-state-highlight a,
    .ui-widget-header .ui-state-highlight a {
      color: #2e7db2
    }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
      border: 1px solid #ffb73d;
      background: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-bg_glass_40_ffc73d_1x400.png.html") 50% 50% repeat-x #ffc73d;
      color: #111
    }

    .ui-state-error a,
    .ui-state-error-text,
    .ui-widget-content .ui-state-error a,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error a,
    .ui-widget-header .ui-state-error-text {
      color: #111
    }

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

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
      opacity: .7;
      filter: Alpha(Opacity=70);
      font-weight: 400
    }

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

    .ui-icon,
    .ui-widget-content .ui-icon {
      background-image: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-icons_cccccc_256x240.png.html")
    }

    .ui-state-disabled .ui-icon {
      filter: Alpha(Opacity=35)
    }

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

    .ui-widget-header .ui-icon {
      background-image: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-icons_ffffff_256x240.png.html")
    }

    .ui-state-default .ui-icon {
      background-image: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-icons_cccccc_256x240.png.html")
    }

    .ui-state-focus .ui-icon,
    .ui-state-hover .ui-icon {
      background-image: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-icons_ffffff_256x240.png.html")
    }

    .ui-state-active .ui-icon {
      background-image: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-icons_222222_256x240.png.html")
    }

    .ui-state-highlight .ui-icon {
      background-image: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-icons_4b8e0b_256x240.png.html")
    }

    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
      background-image: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-icons_a83300_256x240.png.html")
    }

    .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-first,
    .ui-icon-seek-start {
      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
    }

    .ui-corner-all,
    .ui-corner-left,
    .ui-corner-tl,
    .ui-corner-top {
      -moz-border-radius-topleft: 6px;
      -webkit-border-top-left-radius: 6px;
      -khtml-border-top-left-radius: 6px;
      border-top-left-radius: 6px
    }

    .ui-corner-all,
    .ui-corner-right,
    .ui-corner-top,
    .ui-corner-tr {
      -moz-border-radius-topright: 6px;
      -webkit-border-top-right-radius: 6px;
      -khtml-border-top-right-radius: 6px;
      border-top-right-radius: 6px
    }

    .ui-corner-all,
    .ui-corner-bl,
    .ui-corner-bottom,
    .ui-corner-left {
      -moz-border-radius-bottomleft: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -khtml-border-bottom-left-radius: 6px;
      border-bottom-left-radius: 6px
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-br,
    .ui-corner-right {
      -moz-border-radius-bottomright: 6px;
      -webkit-border-bottom-right-radius: 6px;
      -khtml-border-bottom-right-radius: 6px;
      border-bottom-right-radius: 6px
    }

    .ui-widget-overlay {
      background: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-bg_flat_50_5c5c5c_40x100.png.html") 50% 50% repeat-x #5c5c5c;
      opacity: .8;
      filter: Alpha(Opacity=80)
    }

    .ui-widget-shadow {
      margin: -7px 0 0 -7px;
      padding: 7px;
      background: url("http://www.umaaengineers.in/slider-gallery/assets/min/images/ui-bg_flat_30_cccccc_40x100.png.html") 50% 50% repeat-x #ccc;
      opacity: .6;
      filter: Alpha(Opacity=60);
      -moz-border-radius: 8px;
      -khtml-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px
    }

    @font-face {
      font-family: uve;
      src: url("../fonts/uve-38679392.eot");
      src: url("../fonts/uve-38679392.eot#iefix") format('embedded-opentype'), url("../fonts/uve-38679392.woff") format('woff'), url("../fonts/uve-38679392.ttf") format('truetype'), url("../fonts/uve-38679392.svg#uve") format('svg');
      font-weight: 400;
      font-style: normal
    }
#rooms-slider [class*=" icon-"]:before,#rooms-slider  [class^=icon-]:before {
    font-family: uve;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
    .icon-arrow-down:before {
      content: '\e800'
    }

    .icon-arrow-right:before {
      content: '\e801'
    }

    .icon-arrow-left:before {
      content: '\e802'
    }

    .icon-arrow-top:before {
      content: '\e803'
    }

    .icon-reservation:before {
      content: '\e804'
    }

    .icon-ok:before {
      content: '\e805'
    }

    .icon-love:before {
      content: '\e806'
    }

    .icon-friendly:before {
      content: '\e807'
    }

    .icon-childrens:before {
      content: '\e808'
    }

    .icon-facebook:before {
      content: '\e809'
    }

    .icon-instagram:before {
      content: '\e80a'
    }

    .icon-twitter:before {
      content: '\e80b'
    }

    .icon-pinterest:before {
      content: '\e80c'
    }

    .icon-play:before {
      content: '\e80d'
    }

    .icon-chair:before {
      content: '\e80e'
    }

    .icon-diamond:before {
      content: '\e80f'
    }

    .icon-child:before {
      content: '\e810'
    }

    .icon-temperature:before {
      content: '\e811'
    }

    .icon-wifi:before {
      content: '\e812'
    }

    .icon-air:before {
      content: '\e813'
    }

    .icon-coofee:before {
      content: '\e814'
    }

    .icon-tv:before {
      content: '\e815'
    }

    .icon-safety:before {
      content: '\e816'
    }

    .icon-phone:before {
      content: '\e817'
    }

    .icon-email:before {
      content: '\e818'
    }

   
    .button-room,
    .button-stroke,
    .label-text,
    .reservation-form .steps-cont .step label,
    .reservation-form .steps-cont .step:before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      font-family: sf-pro;
      font-size: 13px;
      color: #fff;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      font-weight: 400;
      font-family: sf-pro;
    }

    .label-text--dark {
      color: #333
    }

    .label-text--big {
      font-size: 24px;
      letter-spacing: .2em
    }

    @media (max-width:1023px) {

      .table--block-md,
      .table-cell--block-md,
      .table-row--block-md {
        display: block
      }

      .l-hide-md {
        display: none
      }
    }

    .br {
      display: block
    }

    .ul--reset {
      margin: 0;
      padding: 0
    }

    .ul--reset li {
      list-style: none
    }

    .ul--light {
      color: #999;
      font-size: 18px;
      font-family: sf-pro;
      font-weight: 200;
    }

    .ul--light li {
      margin-bottom: 10px
    }

    .ul--ls-line li {
      position: relative;
      padding-left: 40px;
      font-size: 12px;
      margin-bottom: 25px;
      display: block
    }

    .ul--ls-line li:before {
      width: 20px;
      height: 2px;
      background: #999;
      content: "";
      display: block;
      position: absolute;
      top: 6px;
      left: 0
    }

    .ul--ls-line li:after {
      display: block;
      width: 100%;
      height: 1px;
      content: " "
    }

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

    .spacer {
      height: 40px
    }

    .spacer--20 {
      height: 20px
    }

    .spacer--80 {
      height: 80px
    }

    .spacer--140 {
      height: 150px
    }

    @media (max-width:767px) {
      .spacer--140 {
        height: 70px
      }
    }

    .hr-spacer {
      width: 100%;
      max-width: 360px;
      height: 1px;
      background: #efefef;
      border: 0;
      display: block;
      margin: 40px auto
    }

    @media (min-width:768px) {
      .hr-spacer {
        margin: 80px auto
      }
    }

    #loading {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background: #333;
      opacity: 0;
      -webkit-transition: all .5s .5s;
      transition: all .5s .5s
    }

    #loading img,
    #loading svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 250px;
      opacity: 0;
      -webkit-transition: all .6s .3s;
      transition: all .6s .3s;
      margin-top: 50px;
      z-index: 1
    }

    #loading .loading-status {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -20px;
      z-index: 2;
      margin-top: 120px;
      -webkit-transition: all .6s;
      transition: all .6s
    }

    .animations .anim-o,
    .animations .anim-t {
      -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1)
    }

    .no-svg #loading .loading-status {
      border-style: solid;
      border-color: #666 transparent transparent;
      border-width: 3px 0 0;
      opacity: 0;
      border-radius: 50%;
      -webkit-animation: spin 1s infinite linear;
      animation: spin 1s infinite linear
    }

    .loading #loading {
      opacity: 1;
      visibility: visible
    }

    .loading #loading img,
    .loading #loading svg {
      opacity: 1;
      visibility: visible;
      -webkit-transition-delay: .6s;
      transition-delay: .6s;
      margin-top: 0
    }

    .animations .anim-o,
    .animations .anim-t {
      transition: all .8s cubic-bezier(.165, .84, .44, 1)
    }

    .no-svg .loading #loading .loading-status {
      opacity: 1;
      visibility: visible;
      margin-top: 80px !important
    }

    .animations .anim-o {
      opacity: 0
    }

    .animations .anim-o.showed {
      opacity: 1
    }

    .animations .anim-t {
      -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
      transform: translateY(50px)
    }

    .animations .anim-ro,
    .animations .anim-to {
      -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
      transition: all .8s cubic-bezier(.165, .84, .44, 1)
    }

    .animations .anim-t.showed {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
    }

    .animations .anim-to {
      -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
      transform: translateY(50px);
      opacity: 0
    }

    .animations .anim-to.showed {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }

    .animations .anim-ro {
      -webkit-transform: translateX(50px);
      -ms-transform: translateX(50px);
      transform: translateX(50px);
      opacity: 0
    }

    .animations .anim-ro.showed {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
    }

    .animations .anim-lo {
      -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
      transform: translateX(-50px);
      -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
      transition: all .8s cubic-bezier(.165, .84, .44, 1);
      opacity: 0
    }

    .animations .anim-lo.showed {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
    }

    [data-icon] {
      height: inherit;
      position: relative;
      text-align: center
    }

    [data-icon].vcenter img {
      display: inline-block;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
    }


    @media (min-width:1024px) and (max-height:640px) {
      .header-reservation .cont {
        left: auto;
        top: auto;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        position: relative;
        margin: 20px auto 120px
      }
    }

    @media (max-width:767px) and (max-height:805px) {
      .header-reservation .cont {
        margin: 100px auto 120px;
        left: auto;
        top: auto;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        position: relative
      }
    }

    @media (max-width:767px) {
      .header-reservation .cont {
        margin-bottom: 0
      }
    }

    .header-reservation .title {
      font-family: Playfair Display;
      color: #fff;
      font-size: 64px;
      font-size: 3.55556rem;
      line-height: normal;
      margin-top: 0;
      margin-bottom: 30px
    }

    .header-reservation .subtitle {
      color: #999
    }

    @media (max-width:767px) {
      .header-reservation .title {
        font-size: 55px;
        font-size: 3.05556rem
      }

      .header-reservation .subtitle {
        font-size: 14px;
        line-height: 24px
      }
    }

    .reservation-form {
      position: relative;
      margin-top: 87px
    }

    .reservation-form .bt-back {
      position: absolute;
      top: -46px;
      left: 0;
      color: #fff;
      text-decoration: none;
      font-size: 16px;
      opacity: 0;
      visibility: hidden;
      transition: all .6s cubic-bezier(.165, .84, .44, 1);
      z-index: 2
    }

    @media (min-width:768px) {
      .reservation-form .bt-back {
        top: -57px
      }
    }

    @media (max-width:679px) {
      .reservation-form {
        margin-top: 110px
      }

      .reservation-form .bt-back {
        top: -90px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
      }
    }

    .reservation-form .bt-back:before {
      display: inline-block;
      width: 0;
      height: 1px;
      background: #fff;
      content: "";
      vertical-align: middle;
      margin-right: 9px;
      -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1);
      transition: all .6s cubic-bezier(.165, .84, .44, 1)
    }

    .reservation-form.show-back .bt-back {
      opacity: 1;
      visibility: visible
    }

    .reservation-form.show-back .bt-back:before {
      width: 20px
    }

    @media (min-width:768px) {
      .reservation-form.show-back .bt-back:before {
        width: 86px
      }
    }

    .reservation-form .steps-cont {
      border: 5px solid #999;
      padding: 40px 50px;
      position: relative;
      z-index: 1
    }

    @media (max-width:767px) {
      .reservation-form .steps-cont {
        padding: 20px
      }
    }

    .reservation-form .steps-cont .steps {
      position: relative;
      height: 40px
    }

    .reservation-form .steps-cont .step {
      position: absolute;
      padding-left: 40px;
      top: 0;
      left: 0;
      width: 100%;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .3s;
      transition: all .3s;
      -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
      transform: translateY(-40px);
      text-align: left
    }

    #rooms-slider .button-round,
    .button-room,
    .button-room a.right,
    .home-cta .col-text,
    .text-vertical--centered .text,
    .title-line--center {
      text-align: center
    }

    .reservation-form .steps-cont .step label {
      width: 100%;
      text-align: center;
      position: absolute;
      top: -102px;
      left: 0
    }

    @media (max-width:767px) {
      .reservation-form .steps-cont .step {
        padding-left: 0;
        padding-right: 30px
      }

      .reservation-form .steps-cont .step label {
        top: -80px
      }

      .reservation-form .steps-cont .step:before {
        display: none
      }
    }

    .reservation-form .steps-cont .step.active {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
    }

    .reservation-form .steps-cont .step.old {
      -webkit-transform: translateY(40px) !important;
      -ms-transform: translateY(40px) !important;
      transform: translateY(40px) !important
    }

    .reservation-form .steps-cont .step:before {
      position: absolute;
      top: 11px;
      left: 0
    }

    .reservation-form .steps-cont .step.step0:before {
      content: "01."
    }

    .reservation-form .steps-cont .step.step1:before {
      content: "02."
    }

    .reservation-form .steps-cont .step.step2:before {
      content: "03."
    }

    .reservation-form .steps-cont .step.step3:before {
      content: "04."
    }

    .reservation-form .steps-cont .step.step4:before {
      content: "05."
    }

    .reservation-form .steps-cont .step.step5:before {
      content: "06."
    }

    .reservation-form .steps-cont .step.step6:before {
      content: "07."
    }

    .reservation-form .steps-cont .step.step7:before {
      content: "08."
    }

    .reservation-form .steps-cont .datepicker-container {
      display: block;
      position: relative
    }

    .reservation-form .steps-cont .datepicker-container span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0);
      display: block;
      z-index: 1
    }

    .reservation-form .steps-cont input {
      color: #999;
      font-size: 24px;
      border: 0;
      background: 0;
      width: -webkit-calc(100% - 20px);
      width: calc(100% - 20px);
      display: block;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      margin-right: 20px
    }

    .reservation-form .steps-cont input:disabled,
    .reservation-form .steps-cont input[disabled] {
      color: #999 !important
    }

    .reservation-form .steps-cont input:disabled::-webkit-input-placeholder,
    .reservation-form .steps-cont input[disabled]::-webkit-input-placeholder {
      color: #999
    }

    .reservation-form .steps-cont input:disabled:-moz-placeholder,
    .reservation-form .steps-cont input[disabled]:-moz-placeholder {
      color: #999;
      opacity: 1
    }

    .reservation-form .steps-cont input:disabled::-moz-placeholder,
    .reservation-form .steps-cont input[disabled]::-moz-placeholder {
      color: #999;
      opacity: 1
    }

    .reservation-form .steps-cont input:disabled:-ms-input-placeholder,
    .reservation-form .steps-cont input[disabled]:-ms-input-placeholder {
      color: #999
    }

    .reservation-form .steps-cont input.datepicker {
      background: url("http://www.umaaengineers.in/slider-gallery/assets/img/icons/calendar-icon-white.png") right center no-repeat;
      background-size: 35px auto
    }

    .reservation-footer .reservation-form .steps-cont input.datepicker {
      background-image: url("http://www.umaaengineers.in/slider-gallery/assets/img/icons/calendar-icon.png")
    }

    .reservation-form .steps-cont .sod_select {
      margin-right: 20px;
      width: -webkit-calc(100% - 20px);
      width: calc(100% - 20px)
    }

    .reservation-form .steps-cont .required input {
      color: #ef5252
    }

    @media (max-width:767px) {
      .reservation-form .steps-cont input.datepicker {
        background-size: 25px auto
      }

      .reservation-form .steps-cont input {
        font-size: 18px;
        margin-top: 0;
        padding-top: 6px
      }

      .reservation-form .sod_select.select-reservation {
        width: 100%
      }

      .reservation-form .sod_select.select-reservation .sod_label {
        font-size: 18px
      }
    }

    .reservation-form .steps-bar {
      position: absolute;
      left: 0;
      bottom: -10px;
      height: 10px;
      width: 0;
      background: #999;
      -webkit-transition: width .4s cubic-bezier(.645, .045, .355, 1);
      transition: width .4s cubic-bezier(.645, .045, .355, 1)
    }

    .reservation-form .total-steps {
      position: absolute;
      right: 0;
      bottom: -100px;
      font-family: Playfair Display;
      font-size: 30px;
      color: #fff
    }

    @media (max-width:679px) {
      .reservation-form .total-steps {
        font-size: 20px
      }
    }

    .reservation-form .total-steps span {
      display: inline-block;
      font-size: 46px;
      position: relative
    }

    @media (max-width:679px) {
      .reservation-form .total-steps span {
        font-size: 35px
      }
    }

    .reservation-form .current-step {
      position: absolute;
      right: 55px;
      bottom: -80px;
      font-family: Playfair Display;
      font-size: 30px;
      color: #fff
    }

    .reservation-form .box-privacy {
      position: absolute;
      bottom: -93px;
      left: 0;
      color: #fff
    }

    @media (max-width:480px) {
      .reservation-form .box-privacy {
        max-width: 210px
      }
    }

    .reservation-form .box-privacy a {
      color: #fff
    }

    .reservation-form .box-privacy span label {
      display: inline-block;
      width: 45px;
      height: 45px;
      border: 3px solid #fff;
      vertical-align: middle;
      margin-right: 15px;
      -webkit-transition: border .3s;
      transition: border .3s
    }

    .reservation-form .box-privacy span input {
      display: none
    }

    .reservation-form .box-privacy span input:checked+label {
      background: url("../img/icons/privacy-check.svg") center no-repeat;
      background-size: 15px auto
    }

    @media (max-width:679px) {
      .reservation-form .current-step {
        font-size: 20px;
        right: 40px
      }

      .reservation-form .box-privacy span input:checked+label {
        background-size: 10px auto
      }
    }

    .reservation-form .box-privacy span input.required+label {
      border-color: #ef5252
    }

    .reservation-form button {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 20px;
      -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
      transition: all .3s cubic-bezier(.645, .045, .355, 1);
      font-size: 30px;
      color: #999;
      z-index: 2;
      margin-top: -2px
    }

    .no-touchevents .reservation-form button:hover {
      color: #fff
    }

    @media (max-width:767px) {
      .reservation-form .box-privacy span label {
        width: 30px;
        height: 30px
      }

      .reservation-form button {
        right: 30px;
        font-size: 20px
      }

      .reservation-form button img {
        width: 15px !important
      }
    }

    @media (max-width:679px) {
      .reservation-form button {
        right: 15px
      }
    }

    .reservation-form button[type=submit] {
      opacity: 0;
      visibility: hidden;
      font-family: Sofia Pro;
      color: #fff;
      letter-spacing: .4em;
      font-size: 12px;
      right: 50px;
      -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
      transform: translateY(100%)
    }

    @media (max-width:767px) {
      .reservation-form button[type=submit] {
        right: 30px
      }
    }

    .reservation-form.can-submit button[type=button] {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%)
    }

    .reservation-form.can-submit button[type=submit] {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
    }

    .reservation-form .sent-icon {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 65px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    .reservation-form .sod_select {
      width: 100%
    }

    .reservation-form .sod_select .sod_list_wrapper {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 280px;
      height: 320px;
      border: 5px solid #999;
      background: #333
    }

    @media (min-width:768px) {
      .reservation-form .sod_select .sod_list_wrapper {
        width: 350px;
        height: 320px
      }
    }

    .cover-container,
    .vheight {
      height: 100vh;
      position: relative
    }

    .reservation-form .sod_select .sod_list_wrapper .sod_option,
    .reservation-form .sod_select .sod_list_wrapper .sod_option.active {
      font-family: Playfair Display;
      font-size: 14px;
      color: #fff;
      font-weight: 400;
      background: 0
    }

    .no-touchevents .reservation-form .sod_select .sod_list_wrapper .sod_option:hover {
      background: #eee;
      color: #333
    }

    .reservation-form.reservation-sent button {
      opacity: 0 !important;
      visibility: hidden !important;
      -webkit-transform: translateY(-100%) !important;
      -ms-transform: translateY(-100%) !important;
      transform: translateY(-100%) !important
    }

    .cover-container {
      width: 100%;
      overflow: hidden
    }

    .vheight .button-absolute {
      position: absolute;
      bottom: 45px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%)
    }

    .changing .vheight {
      -webkit-transition: all 3s ease-in;
      transition: all 3s ease-in;
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2)
    }

    .bg-fullsize {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover
    }

    .text-vertical {
      display: table;
      width: 100%;
      height: 100%
    }

    .text-vertical .text {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      height: 100%
    }

    .text-vertical--image {
      color: #fff
    }

    .editor-text h1,
    .editor-text h2,
    .editor-text h3,
    .title {
      font-family: Playfair Display;
      font-size: 44px;
      font-weight: 400;
      margin-top: 70px;
      letter-spacing: .025em;
    }

    @media (max-width:768px) {
      .title {
        font-size: 30px;
        line-height: 35px
      }
    }

    .title span {
      display: inline-block;
    }

    .title--small {
      font-size: 30px;
      line-height: 35px
    }

    .title--small-lh {
      line-height: 44px
    }

    .title--big {
      font-size: 30px;
      line-height: 40px
    }

    @media (min-width:1024px) {
      .title--big {
        font-size: 60px;
        line-height: 70px;
        font-weight: 100;
        text-rendering: geometricPrecision;
      }
    }

    @media (max-width:1024px) {
      .top-page .title--big {
        font-size: 30px !important;
        line-height: 40px !important
      }
    }

    .title--black {
      color: #333
    }

    .editor-text h1,
    .editor-text h2,
    .editor-text h3,
    .title--medium {
      font-size: 64px;
      line-height: 72px
    }

    @media (max-width:1023px) {

      .editor-text h1,
      .editor-text h2,
      .editor-text h3,
      .title--medium {
        font-size: 32px;
        line-height: 36px
      }
    }

    .title--bigger {
      font-size: 80px;
      line-height: normal;
      margin-bottom: 0px;
      text-rendering: geometricPrecision;
    }

    @media (max-width:1023px) {
      .title--bigger {
        font-size: 50px;
        margin-bottom: 20px
      }
    }

    .title--nomargin {
      margin: 0;
    }

    .title--no-mt {
      margin-top: 0
    }

    .title-white {
      color: #fff
    }

    .title-line {
      /* font-family:Sofia Pro; */
      font-size: 30px;
      /* letter-spacing:.2em; */
      color: #333;
      padding-top: 100px;
      padding-bottom: 60px;
      text-transform: capitalize;
    }

    #rooms-slider .numbers,
    .price-info .price-num,
    .price-info p,
    .services-list .item h3 {
      font-family: sf-pro;
    }

    .title-line:after {
      content: "";
      width: 18px;
      height: 3px;
      display: block;
      background: #333;
      margin: 10px auto 0;
      position: relative;
      left: -3px
    }

    .title-line--mb-120 {
      margin-bottom: 120px
    }

    .title-line--mb-80 {
      margin-bottom: 80
    }

    .title-subtitle {
      font-size: 18px
    }

    @media (min-width:1024px) {
      .title-subtitle {
        font-size: 24px
      }
    }

    .title-subtitle2 {
      font-size: 16px
    }

    @media (min-width:1024px) {
      .title-subtitle2 {
        font-size: 20px
      }
    }

    .title-subtitle3 {
      font-size: 28px;
      line-height: 64px;
      color: #999
    }

    @media (max-width:767px) {
      .reservation-form .sent-icon {
        right: 30px
      }

      .title-subtitle3 {
        font-size: 18px;
        line-height: 35px
      }
    }

    .button-round {
      width: 75px;
      height: 75px;
      display: inline-block;
      border: 1px solid #fff;
      border-radius: 50%
    }

    .svg .button-round--compose,
    .svg .button-round--compose2,
    .svg .button-round--no-border {
      border: none !important
    }

    .svg .button-round--compose span.icon,
    .svg .button-round--compose2 span.icon {
      position: relative;
      z-index: 2;
      opacity: 0;
      -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
      transition: all .3s cubic-bezier(.645, .045, .355, 1)
    }

    .svg .button-round--compose span.line,
    .svg .button-round--compose2 span.line {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1
    }

    .svg .button-round--compose.showed span.icon,
    .svg .button-round--compose2.showed span.icon {
      opacity: 1;
    }

    .no-svg .button-round--compose span.line *,
    .no-svg .button-round--compose2 span.line * {
      display: none
    }

    .button-round .icon--centered {
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: #fff;
      font-size: 22px;
      display: inline-block;
      position: absolute !important;
      left: 50%
    }

    .button-room a.left:before,
    .button-room a.right:before,
    .button-stroke:before {
      content: "";
      left: 0;
      bottom: 0
    }

    .button-round--dark {
      border-color: #888;
    }

    .button-room {
      background: #3f3f3f;
      display: inline-block;
      cursor: pointer;
      vertical-align: middle;
      height: 100px;
      line-height: 100px;
      padding-right: 100px;
      overflow: hidden
    }

    @media (max-width:767px) {
      .button-room {
        height: 75px;
        line-height: 75px;
        padding-right: 75px
      }
    }

    .button-room a.left {
      padding: 0 30px;
      display: inline-block;
      z-index: 2;
      position: relative;
      color: #fff;
      text-decoration: none
    }

    .button-room a.left:before {
      z-index: -1;
      position: absolute;
      width: 100%;
      height: 0;
      background: #222;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    .no-touchevents .button-room a.left:hover:before {
      height: 100%
    }

    .button-room a.right {
      padding: 0;
      position: absolute;
      top: 0;
      right: 0;
      background: #333;
      width: 100px;
      height: 100px;
      z-index: 2;
      line-height: normal
    }

    @media (max-width:767px) {
      .button-room a.right {
        width: 75px;
        height: 75px
      }
    }

    .button-room a.right img,
    .button-room a.right svg {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      display: inline-block;
      width: 46px
    }

    .button-room a.right:before {
      z-index: -1;
      position: absolute;
      width: 100%;
      height: 0;
      background: #222;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    .button-stroke,
    .button-stroke span {
      position: relative;
      display: inline-block
    }

    .no-touchevents .button-room a.right:hover:before {
      height: 100%
    }

    .no-touchevents .button-room:hover span.icon:before {
      width: 220px
    }

    .button-stroke {
      border: 1px solid #333;
      border-bottom-width: 1px;
      color: #333;
      text-decoration: none;
      -webkit-transition: color .3s;
      transition: color .3s;
    }

    .button-stroke--w-icon {
      width: 100%;
      max-width: 360px
    }

    .button-stroke--w-icon i {
      float: right;
      font-size: 14px
    }

    .button-stroke span {
      z-index: 1;
      width: 100%;
      padding: 25px 40px
    }

    @media (max-width:1024px) {
      .button-stroke span {
        padding: 25px
      }
    }

    .button-stroke:before {
      height: 0;
      width: 100%;
      position: absolute;
      background: #333;
      -webkit-transition: height .3s cubic-bezier(.77, 0, .175, 1);
      transition: height .3s cubic-bezier(.77, 0, .175, 1)
    }

    .button-stroke.on-loading,
    .no-touchevents .button-stroke:hover {
      color: #fff
    }

    #rooms-slider .button-round .icon,
    .button-stroke.on-loading {
      color: #888
    }

    .button-stroke.on-loading:before,
    .no-touchevents .button-stroke:hover:before {
      height: 100%
    }

    #rooms-slider {
      margin-bottom: 200px
    }

    #rooms-slider .slick-list {
      overflow: visible
    }

    #rooms-slider .numbers {
      position: absolute;
      left: 100px;
      top: 90px;
      z-index: 4;
      font-size: 30px
    }

    @media (max-width:1023px) {
      #rooms-slider .numbers {
        left: 50%;
        top: 0;
        text-align: center;
        width: 200px;
        margin-left: -100px
      }
    }

    #rooms-slider .numbers span {
      display: inline-block;
      position: relative
    }

    #rooms-slider .numbers .current {
      top: -16px
    }

    #rooms-slider .numbers .total {
      margin-left: 4px
    }

    #rooms-slider .numbers .total:before {
      font-family: Playfair Display;
      font-size: 42px;
      content: "/";
      position: absolute;
      bottom: -3px;
      left: -12px
    }

    #rooms-slider .button-round {
      width: 70px;
      height: 70px;
      position: absolute;
      top: 50%;
      margin-top: -35px;
      z-index: 1
    }

    @media (max-width:1023px) {
      #rooms-slider .button-round {
        top: 290px;
        width: 45px;
        height: 45px;
        margin-top: -23px
      }
    }

    #rooms-slider .button-round.arrow-left {
      left: 0
    }

    #rooms-slider .button-round.arrow-right {
      right: 0
    }

    @media (min-width:1240px) {
      #rooms-slider .button-round.arrow-left {
        left: -35px
      }

      #rooms-slider .button-round.arrow-right {
        right: -35px;
      }
    }

    #rooms-slider .slick-slide .filter {
      display: block
    }

    #rooms-slider .room {
      position: relative;
      opacity: .2;
      -webkit-transition: opacity .5s;
      transition: opacity .5s
    }

    @media (max-width:767px) {
      #rooms-slider {
        margin-bottom: 40px
      }

      #rooms-slider .slick-slide {
        overflow: hidden
      }

      #rooms-slider .slick-slide .filter img {
        height: 350px;
        width: auto !important;
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
      }

      #rooms-slider .room .button-room {
        position: relative !important;
        bottom: auto !important;
        width: 100% !important;
        right: 0 !important;
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important
      }
    }

    #rooms-slider .room .stripe {
      width: 0;
      height: 100%;
      top: 0;
      left: 0;
      background: #1b1d1f;
      z-index: 2;
      position: absolute;
      -webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1) .8s;
      transition: all .5s cubic-bezier(.77, 0, .175, 1) .8s
    }

    .touch #rooms-slider .room .stripe {
      width: 200px
    }

    @media (max-width:1023px) {
      .touch #rooms-slider .room .stripe {
        width: 50px !important
      }

      #rooms-slider .room .stripe {
        display: none !important
      }

      #rooms-slider .room .filter>img {
        margin-top: -60px
      }
    }

    #rooms-slider .room .stripe.right {
      left: auto;
      right: 0
    }

    .touch #rooms-slider .room .stripe.right {
      width: 100px
    }

    #rooms-slider .room .filter {
      position: relative;
      z-index: 1
    }

    #rooms-slider .room .filter:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
     /* background: rgba(0, 0, 0, 0.2);*/
      display: block;
      content: ""
    }

    #rooms-slider .room .filter>img {
      z-index: 1;
      width: 100%
    }

    #rooms-slider .room .text {
      position: absolute;
      top: 60px;
      left: 100px;
      z-index: 3
    }

    @media (max-width:1023px) {
      #rooms-slider .room .text {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        text-align: center;
        height: 220px
      }
    }

    #rooms-slider .room .text p {
      display: inline-block;
      width: 100%;
      max-width: 340px
    }

    @media (max-width:767px) {
      #rooms-slider .room .filter>img {
        margin-top: 0 !important
      }

      #rooms-slider .room .text p {
        font-size: 14px;
        line-height: 20px
      }
    }

    #rooms-slider .room .title,
    #rooms-slider .room p {
      -webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1) 1.1s;
      transition: all .5s cubic-bezier(.77, 0, .175, 1) 1.1s
    }

    .no-touchevents #rooms-slider .room .title,
    .no-touchevents #rooms-slider .room p {
      opacity: 0;
      -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
      transform: translateY(40px)
    }

    #rooms-slider .room p {
      -webkit-transition-delay: 1.2s;
      transition-delay: 1.2s
    }

    #rooms-slider .room .button-room {
      position: absolute;
      right: 80px;
      bottom: -50px;
      z-index: 5;
      opacity: 0;
      -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
      transform: translateY(40px);
      -webkit-transition: all .5s cubic-bezier(.77, 0, .175, 1) 1.4s;
      transition: all .5s cubic-bezier(.77, 0, .175, 1) 1.4s;
      -webkit-transition-delay: 0s;
      transition-delay: 0s
    }

    #rooms-slider .room.slick-active {
      opacity: 1
    }

    #rooms-slider .room.slick-active .stripe {
      width: 150px
    }

    @media (max-width:1023px) {
      #rooms-slider .room.slick-active .stripe {
        width: 50px !important
      }

      #rooms-slider.images .button-round {
        top: 100px
      }
    }

    #rooms-slider .room.slick-active .stripe.right {
      width: 150px
    }

    #rooms-slider .room.slick-active.slick-current .title,
    #rooms-slider .room.slick-active.slick-current p {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
    }

    #rooms-slider .room.slick-show-button .button-room {
      -webkit-transition-delay: 1.4s;
      transition-delay: 1.4s;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1
    }

    #rooms-slider.images {
      margin: 0 0 50px
    }

    @media (min-width:768px) {
      #rooms-slider.images {
        margin: 0 40px 130px
      }

      #rooms-slider.images .room {
        padding-left: 40px;
        padding-right: 40px
      }
    }

    #rooms-slider.images .room .stripe {
      display: none !important
    }

    #rooms-slider.images .button-round.arrow-left {
      left: 20px !important
    }

    #rooms-slider.images .button-round.arrow-right {
      right: 20px !important
    }

    .home-cta {
      position: relative;
      background: #efefef
    }

    .home-cta .col {
      width: 50%;
      float: left;
      overflow: hidden
    }

    .home-cta .col-img {
      margin-left: 50%
    }

    @media (max-width:767px) {
      #rooms-slider.images .numbers {
        top: -19px
      }

      .home-cta .col {
        width: 100%;
        float: none
      }

      .home-cta .col-img {
        margin-left: 0
      }
    }

    .home-cta .col-img img {
      width: 100%;
      height: auto
    }

    .home-cta .col-text {
      position: absolute;
      height: 100%;
      left: 0;
      top: 0;
      padding: 15px 30px
    }

    @media (max-width:767px) {
      .home-cta .col-text {
        position: relative;
        height: auto;
        margin-bottom: 40px;
        margin-top: 30px;
        text-align: center
      }
    }

    .home-cta p {
      color: #959595;
      font-family: sf-pro;
    }

    .home-cta .text-inner {
      width: 100%;
      max-width: 450px;
      display: inline-block;
      text-align: left;
      position: relative;
      top: 10em;
    }

    .otherservices-list--center,
    .title-head {
      text-align: center
    }

    .home-cta.home-cta--right .col-text {
      float: right;
      left: 50%
    }

    @media (max-width:767px) {
      .home-cta.home-cta--right .col-text {
        width: 100%;
        float: none;
        left: auto
      }
    }

    .home-cta.home-cta--right .col-img {
      margin-left: 0
    }

    .home-cta .button-stroke {
      margin-top: 40px
    }

    .title-head .title {
      margin-top: 20px
    }

    .services-list {
      margin-top: 70px
    }

    .services-list .item {
      margin-bottom: 1px;
      position: relative
    }

    @media (min-width:768px) {
      .home-cta .col-text {
        padding: 15px 60px
      }

      .home-cta .table-cell--vertical {
        vertical-align: top;
        padding: 15% 0 0
      }

      .services-list {
        margin-top: 70px
      }

      .services-list .item {
        width: 100%;
        height: 369px
      }
    }

    @media (min-width:1024px) {
      .home-cta .table-cell--vertical {
        padding: 30% 0 0
      }

      .services-list .item {
        width: 662px;
        height: 331px;
        margin-bottom: 0
      }
    }

    @media (min-width:1200px) {
      .services-list .item {
        width: 778px;
        height: 390px;
      }
    }

    .services-list .item .col {
      height: 230px;
      color: #999;
      position: relative;
      z-index: 2;
      background: #3f3f3f;
      -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
      transition: all .8s cubic-bezier(.77, 0, .175, 1)
    }

    .animations .services-list .item .col.anim {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%)
    }

    .animations .services-list .item .col.anim.showed {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0)
    }

    @media (min-width:768px) {
      .services-list .item .col {
        width: 50%;
        height: inherit;
        float: left
      }
    }

    .services-list .item .col-hover {
      display: block;
      width: 50%;
      height: 100%;
      background: #fff;
      left: 50%;
      top: 0;
      position: absolute;
      -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1);
      transition: .6s cubic-bezier(.165, .84, .44, 1);
      z-index: 1
    }

    @media (max-width:1023px) {
      .services-list .item .col-hover {
        display: none
      }
    }

    .touch .services-list .item .col-hover {
      display: none
    }

    .services-list .item .col-hover .ico {
      display: inline-block;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
    }

    .reservation-recap--info,
    .services-list .item .col-hover img {
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%)
    }

    .services-list .item .col-hover .button-round {
      width: 142px;
      height: 144px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -72px;
      margin-left: -72px
    }

    .services-list .item .col-hover img {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      right: 86%;
    }

    @media (min-width:1024px) {
      .services-list .item.indent {
        margin-left: 331px
      }
    }

    @media (min-width:1200px) {
      .services-list .item.indent {
        margin-left: 390px;
      }
    }

    .services-list .item.indent .col-hover {
      left: 0
    }

    .no-touchevents .services-list .item:hover .col-hover {
      left: 100%
    }

    .no-touchevents .services-list .item:hover.indent .col-hover {
      left: -50%
    }

    .services-list .item p {
      font-size: 13px;
      line-height: 30px;
      padding: 0 40px;
      text-align: left;
      font-family: sf-pro;
      font-weight: 300;
    }

    @media (max-width:767px) {
      .services-list .item p {
        padding: 0 20px;
        font-size: 16px;
        line-height: 25px
      }
    }

    .services-list .item h3 {
      font-size: 30px;
      color: #fff;
      line-height: normal
    }

    .services-list .item .col--title {
      background: #333;
      position: relative;
      z-index: 5
    }

    .animations .services-list .item .col--title.anim {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%)
    }

    .services-list .item .col--title:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: #333 transparent transparent;
      border-width: 10px;
      margin-left: -10px
    }

    .otherservices-list .col-detail .room-price-info,
    .otherservices-list .title {
      position: relative
    }

    @media (min-width:768px) {
      .services-list .item h3 {
        font-size: 40px
      }

      .services-list .item .col--title:before {
        left: 100%;
        top: 50%;
        margin-top: -10px;
        margin-left: auto;
        border-left-color: #ffcb02;
        border-top-color: transparent
      }
    }

    .services-list .item .col--title.anim:before {
      -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
      transform: translateX(-20px);
      -webkit-transition: all .8s .8s;
      transition: all .8s .8s
    }

    footer .row-bottom a.bt-arrow-top,
    footer .social-icons a {
      -webkit-transition: all .3s;
      display: inline-block;
      text-align: center
    }

    .services-list .item .col--title.anim.showed:before {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0)
    }

    .otherservices-list {
      margin-top: 70px;
      padding-bottom: 40px
    }

    .otherservices-list--detail {
      margin-bottom: 120px
    }

    @media (max-width:767px) {
      .otherservices-list--detail {
        margin-bottom: 60px
      }
    }

    @media (min-width:768px) {
      .otherservices-list {
        text-align: left !important;
        margin-top: 140px;
        padding-left: 90px;
        padding-right: 90px
      }
    }

    @media (max-width:1023px) {
      .otherservices-list .title {
        top: -20px
      }
    }

    .otherservices-list>p {
      margin-top: 0;
      margin-bottom: 40px
    }

    @media (min-width:768px) {
      .otherservices-list>p {
        margin-bottom: 80px
      }
    }

    .otherservices-list h3 {
      *margin-bottom: 30px;
      font-family: sf-pro;
    }

    .otherservices-list h3.indent {
      margin-left: 40px
    }

    .otherservices-list .button-stroke {
      margin-top: 40px
    }

    .otherservices-list .mobile-button {
      margin-left: auto;
      margin-right: auto;
      display: block
    }

    @media (min-width:768px) {
      .otherservices-list .sod_select {
        margin-bottom: 60px
      }

      .otherservices-list .mobile-button {
        display: none
      }
    }

    @media (max-width:767px) {
      .otherservices-list .desktop-button {
        display: none
      }
    }

    @media (min-width:680px) and (max-width:767px) {
      .otherservices-list .hr-spacer {
        display: none !important
      }
    }

    .otherservices-list--desktop {
      display: none
    }

    .otherservices-list--mobile {
      display: block;
      margin-top: 30px
    }

    .otherservices-list .sod_select {
      width: 100%;
      max-width: 480px;
      margin-bottom: 30px;
      z-index: 1
    }

    .otherservices-list .col {
      margin-bottom: 48px;
    }

    .otherservices-list .col-select {
      position: relative;
      z-index: 1
    }

    .otherservices-list .col .desc-text {
      margin-top: 0
    }

    .otherservices-list .col-detail {
      background: #333;
      color: #fff;
      text-align: center;
      padding-top: 40px;
      padding-bottom: 30px
    }

    @media (min-width:1024px) {
      .otherservices-list .title {
        top: -45px
      }

      .otherservices-list .col .button--book-room {
        margin-top: 140px
      }

      .otherservices-list .col-detail {
        padding-top: 83px;
        padding-bottom: 60px
      }
    }

    .otherservices-list .col-detail-left {
      float: left
    }

    @media (min-width:768px) {
      .otherservices-list--desktop {
        display: block
      }

      .otherservices-list--mobile {
        display: none
      }

      .otherservices-list .col {
        width: 50%;
        float: left;
        padding-right: 20px;
      }

      .otherservices-list .col-detail-left {
        padding-right: 40px
      }
    }

    .otherservices-list .col-detail .title {
      top: 0 !important;
      margin: 10px 0
    }

    .otherservices-list .col-detail .title-subtitle {
      margin: 10px 0 40px
    }

    @media (min-width:480px) {
      .otherservices-list .col-detail .room-price-info:before {
        display: block;
        width: 1px;
        height: 100%;
        background: #555;
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 1
      }

      .otherservices-list .col-detail .room-price-info .p-col {
        width: 50%;
        float: left
      }
    }

    .otherservices-list .col-detail .room-price-info .p-col {
      padding: 40px 0
    }

    @media (max-width:479px) {
      .otherservices-list .col-detail .room-price-info .p-col {
        border-top: 1px solid #555;
        margin: 0 30px
      }
    }

    .price-info p,
    .price-info-title {
      margin-bottom: 0 !important
    }

    @media (min-width:768px) and (max-width:1199px) {
      .otherservices-list .col-detail .room-price-info:before {
        display: none
      }

      .otherservices-list .col-detail .room-price-info .p-col {
        padding: 20px 0;
        width: 100%;
        float: none
      }
    }

    .otherservices-list .col-detail .room-price-info .p-col p {
      font-size: 14px
    }

    .otherservices-list .col-detail .room-price-info .p-col .price-info {
      width: 100%;
      padding: 0;
      float: none
    }

    .otherservices-list .col-detail .room-price-info .p-col .price-num {
      width: 100%;
      text-align: center;
      font-size: 48px
    }

    @media (min-width:768px) {
      .otherservices-list .col-right {
        float: right
      }
    }

    .price-info {
      text-align: center
    }

    .price-info p {
      font-size: 20px;
      margin-top: 10px !important
    }

    @media (min-width:680px) and (max-width:767px) {
      .price-info {
        width: 50%;
        float: left;
        padding: 40px 0
      }

      .price-info.price-info--left {
        border-right: 1px solid #efefef
      }
    }

    .price-info .price-num {
      font-size: 64px;
      width: 100px;
      position: relative;
      display: inline-block;
      text-align: left;
      margin-left: -60px
    }

    .price-info .price-num i {
      position: relative;
      top: 10px;
      font-style: normal
    }

    .price-info .price-num .val {
      position: absolute;
      left: 50px;
      overflow: hidden;
      display: block;
      height: 87px;
      text-align: left;
      width: 200px;
      top: 0
    }

    .price-info .price-num .val span {
      position: relative;
      display: block
    }

    .reservation-footer {
      margin-top: 70px;
      padding-bottom: 40px
    }

    .reservation-footer .title {
      position: relative;
      top: -20px;
      margin-bottom: 0
    }

    @media (min-width:768px) {
      .reservation-footer {
        text-align: left !important;
        margin-top: 140px;
        padding-left: 90px;
        padding-right: 90px
      }

      .reservation-footer .title {
        top: -45px
      }
    }

    .reservation-footer>p.subtitle {
      margin-top: 0;
      margin-bottom: 40px;
      color: #999;
      font-family: sf-pro;
    }

    .reservation-footer .reservation-form-container {
      padding-bottom: 100px
    }

    @media (min-width:1024px) {
      .reservation-footer .reservation-form {
        margin-left: -40px;
        margin-right: -40px
      }
    }

    @media (min-width:1200px) {
      .reservation-footer .reservation-form {
        margin-left: -90px;
        margin-right: -90px
      }
    }

    .reservation-footer .reservation-form .box-privacy,
    .reservation-footer .reservation-form .box-privacy a,
    .reservation-footer .reservation-form .bt-back,
    .reservation-footer .reservation-form .button-room,
    .reservation-footer .reservation-form .button-stroke,
    .reservation-footer .reservation-form .current-step,
    .reservation-footer .reservation-form .label-text,
    .reservation-footer .reservation-form .steps-cont .step label,
    .reservation-footer .reservation-form .steps-cont .step:before,
    .reservation-footer .reservation-form .total-steps,
    .reservation-footer .reservation-form .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
    .reservation-footer .reservation-form button[type=submit],
    .ui-datepicker .ui-datepicker-header .reservation-footer .reservation-form .ui-datepicker-title {
      color: #333
    }

    .reservation-footer .reservation-form .bt-back:before {
      background: #333
    }

    .reservation-footer .reservation-form .box-privacy span label,
    .reservation-footer .reservation-form .steps-cont {
      border-color: #333
    }

    .reservation-footer .reservation-form .box-privacy span input:checked+label {
      background-image: url("../img/icons/privacy-check-dark.svg")
    }

    footer .row-bottom a.bt-arrow-top {
      position: absolute;
      right: 0;
      bottom: 40px;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      color: #999;
      transition: all .3s;
      line-height: 45px;
      font-size: 18px;
      margin-right: 8px
    }

    .no-svg footer .row-bottom a.bt-arrow-top {
      border: 2px solid #999
    }

    footer .row-bottom a.bt-arrow-top span.icon {
      font-size: 16px
    }

    @media (max-width:1023px) {
      footer .row-bottom a.bt-arrow-top {
        width: 40px;
        height: 40px;
        line-height: 35px;
        bottom: 45px
      }
    }

    .no-touchevents footer .row-bottom a.bt-arrow-top:hover {
      border-color: #fff;
      color: #fff
    }

    footer .dati {
      background: #303030;
      color: #555;
      font-size: 12px;
      text-align: center;
      padding-top: 10px;
      padding-bottom: 0
    }

    @media (min-width:480px) {
      footer .dati {
        padding-top: 20px;
        padding-bottom: 20px
      }
    }

    footer .dati .dmc {
      margin-top: 20px;
      line-height: normal;
    }

    footer .dati .dmc a {
      color: #555;
      text-decoration: none
    }

    @media (min-width:481px) {
      footer .dati .dmc {
        float: left;
        text-align: left;
        color: #C5C4C9;
        font-family: sf-pro;
        position: relative;
        bottom: 31px;
        text-transform: uppercase;
      }

      footer .dati .credits {
        float: right;
        text-align: right;
        color: #c5c4c4;
        font-family: sf-pro;
        position: absolute;
        right: 8%;
        top: 30%;
      }
    }

    footer .dati .credits a {
      color: #555;
      /* text-decoration:underline; */
      -webkit-transition: all .3s;
      transition: all .3s;
      color: #c5c4c4;
    }

    .no-touchevents footer .dati .credits a:hover {
      color: #fff;
      text-decoration: none !important;
    }

    .newsletter-form {
      display: block;
      width: 100%;
      max-width: 265px;
      border: 2px solid #999;
      border-radius: 25px;
      position: relative;
      height: 50px;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    @media (max-width:1023px) {
      .newsletter-form {
        height: 40px
      }
    }

    .newsletter-form input {
      background: 0;
      border: 0;
      position: absolute;
      top: 0;
      width: 100%;
      left: 0;
      padding-left: 28px;
      padding-right: 60px;
      height: 100%;
      color: #fff;
      font-size: 14px;
      display: block;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    .newsletter-form input::-webkit-input-placeholder {
      color: #999
    }

    .newsletter-form input:-moz-placeholder {
      color: #999;
      opacity: 1
    }

    .newsletter-form input::-moz-placeholder {
      color: #999;
      opacity: 1
    }

    .newsletter-form img,
    .newsletter-form.sent button {
      opacity: 0;
      visibility: hidden
    }

    .newsletter-form input:-ms-input-placeholder {
      color: #999
    }

    @media (max-width:1023px) {
      .newsletter-form input {
        padding-left: 18px;
        padding-right: 40px
      }
    }

    .newsletter-form input.required {
      color: #ef5252
    }

    .newsletter-form--focus {
      border-color: #fff
    }

    .newsletter-form button {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 1;
      color: #999;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    @media (max-width:480px) {
      .newsletter-form button {
        padding-right: 0
      }
    }

    .no-touchevents .newsletter-form button:hover {
      color: #fff
    }

    .newsletter-form img {
      position: absolute;
      width: 20px;
      top: 17px;
      right: 25px;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    .newsletter-form.sent img {
      opacity: 1;
      visibility: visible
    }

    .rooms-intro {
      background: #333;
      padding: 100px 60px;
      color: #999
    }

    .rooms-intro .text p {
      font-size: 28px;
      line-height: 64px;
      letter-spacing: .025em
    }

    @media (max-width:1023px) {
      .newsletter-form img {
        width: 20px;
        top: 12px;
        right: 10px
      }

      .rooms-intro {
        max-height: none;
        padding: 30px;
        height: auto
      }

      .rooms-intro .text p {
        font-size: 18px;
        line-height: 42px
      }
    }

    .rooms-intro--item {
      padding: 120px 0 160px;
      max-height: none
    }

    @media (max-width:767px) {
      footer .row-bottom a.bt-arrow-top {
        bottom: 20px
      }

      .rooms-intro .text p {
        font-size: 14px;
        line-height: 24px
      }

      .rooms-intro--item {
        padding: 60px 0 80px
      }
    }

    .rooms-intro--item-title {
      font-size: 24px;
      font-family: Sofia Pro;
      color: #fff;
      font-weight: 700;
      letter-spacing: .2em
    }

    .rooms-intro--item-subtitle {
      font-style: italic;
      font-family: Cardo;
      text-transform: none;
      font-weight: 400;
      letter-spacing: .01em;
      display: inline-block;
      margin-top: 10px
    }

    .rooms-intro--item-subtitle:before {
      width: 40px;
      height: 1px;
      display: inline-block;
      vertical-align: middle;
      content: "";
      background: #fff;
      -webkit-transition: width .6s cubic-bezier(.165, .84, .44, 1);
      transition: width .6s cubic-bezier(.165, .84, .44, 1);
      margin-right: 10px
    }

    .animate .rooms-intro--item-subtitle:before {
      width: 0
    }

    .animate .rooms-intro--item-subtitle.showed:before {
      width: 40px
    }

    .rooms-intro--item-description {
      padding-top: 40px
    }

    @media (min-width:1024px) {
      .rooms-intro--item-description {
        padding: 70px 190px 0 280px
      }
    }

    .room-item {
      position: relative;
      padding-bottom: 50px;
      zoom: 1;
      margin: 0 0 170px
    }

    .room-item:after,
    .room-item:before {
      content: " ";
      display: block;
      height: 0;
      overflow: hidden
    }

    .room-item:after {
      clear: both
    }

    .room-item--image {
      float: right;
      padding-right: 23px;
      overflow: hidden
    }

    @media (min-width:768px) {
      .room-item--image {
        width: 83%
      }
    }

    .room-item--inverse .room-item--image {
      float: left;
      padding-right: 0;
      padding-left: 23px
    }

    @media (max-width:767px) {
      .room-item {
        margin: 0 0 85px
      }

      .room-item--image {
        float: none !important;
        padding: 0;
        margin-left: 20px !important;
        margin-right: 20px !important
      }

      .room-item--text {
        margin-bottom: 0;
        text-align: center;
        position: relative
      }
    }

    @media (min-width:680px) {
      .room-item--image img {
        width: 100%
      }
    }

    @media (max-width:679px) {
      .room-item--image img {
        height: 380px;
        width: auto;
        display: block;
        left: 50%;
        margin-left: -50%
      }
    }

    .room-item--text {
      z-index: 1
    }

    @media (min-width:768px) {
      .room-item--text {
        position: absolute;
        top: 0;
        left: 0
      }

      .room-item--inverse .room-item--text {
        left: auto;
        right: 0;
        text-align: right
      }
    }

    .room-item--text p.description {
      display: inline-block;
      width: 100%;
      max-width: 340px
    }

    .room-item .num {
      margin: 0;
      font-size: 30px;
      font-family: Playfair Display
    }

    .room-item .num:after,
    .room-item .num:before {
      display: inline-block;
      width: 23px;
      margin-right: 5px;
      content: "";
      vertical-align: middle;
      height: 1px;
      background: #333
    }

    .animate .room-item .num:after,
    .animate .room-item .num:before {
      width: 0;
      -webkit-transition: width .8s cubic-bezier(.165, .84, .44, 1);
      transition: width .8s cubic-bezier(.165, .84, .44, 1)
    }

    .room-item .num:after {
      display: none
    }

    .room-item .num.showed:after,
    .room-item .num.showed:before {
      width: 23px
    }

    .room-item .description {
      font-size: 16px;
      line-height: 36px
    }

    @media (max-width:767px) {
      .room-item .description {
        font-size: 12px;
        line-height: 24px
      }
    }

    .room-item .button-room {
      position: absolute;
      z-index: 2;
      right: 0;
      bottom: 0
    }

    @media (max-width:679px) {
      .room-item .button-room {
        width: 100%
      }
    }

    .room-item--inverse .button-room {
      right: auto;
      left: 0
    }

    @media (min-width:768px) {
      .room-item--inverse .num:before {
        display: none
      }

      .room-item--inverse .num:after {
        display: inline-block !important
      }
    }

    .room-detail {
      position: relative
    }

    .room-detail--col-text {
      padding: 50px 40px
    }

    @media (min-width:680px) {
      .room-detail--col {
        width: 50%
      }

      .room-detail--col-text {
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: 50%;
        padding: 0 60px
      }

      .room-detail--inverse .room-detail--col-img {
        float: right
      }
    }

    .room-detail .icon {
      margin-bottom: 15px;
      position: relative;
      width: 70px;
      height: 70px;
      line-height: 70px
    }

    .no-svg .room-detail .icon {
      border: 1px solid #333
    }

    @media (min-width:1024px) {
      .room-detail .icon {
        margin-bottom: 34px;
        width: 130px;
        height: 130px;
        line-height: 130px
      }
    }

    .room-detail .icon img,
    .room-detail .icon svg.drawsvg {
      vertical-align: middle;
      width: 30px
    }

    @media (min-width:1024px) {

      .room-detail .icon img,
      .room-detail .icon svg.drawsvg {
        width: auto
      }
    }

    .room-detail .inner-text {
      display: inline-block;
      width: 100%;
      max-width: 400px
    }

    .room-detail .v-line {
      height: 115px;
      position: relative;
      width: 2px;
      margin: 0 auto
    }

    @media (max-width:1100px) {
      .room-detail .v-line {
        height: 20px
      }
    }

    .room-detail .v-line:before {
      width: 100%;
      height: 100%;
      -webkit-transition: height 1s cubic-bezier(.165, .84, .44, 1);
      transition: height 1s cubic-bezier(.165, .84, .44, 1);
      background: #efefef;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0
    }

    .animate .room-detail .v-line:before {
      height: 0
    }

    .animate .room-detail .v-line.showed:before {
      height: 100% !important
    }

    .room-detail .title {
      margin: 10px 0 30px
    }

    .room-detail .room-detail--col-img {
      position: relative
    }

    @media (max-width:679px) {
      .room-detail .room-detail--col-img {
        overflow: hidden;
        height: 300px
      }

      .room-detail .room-detail--col-img img {
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative
      }
    }

    .room-detail--inverse .room-detail--col-text {
      left: 0
    }

    .room-services {
      background: #333;
      padding: 40px 0
    }

    @media (min-width:1024px) {
      .room-detail .title {
        margin-bottom: 70px
      }

      .room-services {
        padding: 90px 0
      }

      .room-services .container {
        padding: 0 170px
      }
    }

    @media (min-width:680px) {
      .room-services .col {
        width: 50%;
        float: left
      }
    }

    .room-services--item {
      line-height: 90px;
      display: inline-block;
      width: 100%;
      padding: 15px 0
    }

    .room-services--item .icon {
      width: 90px;
      height: 90px;
      position: relative;
      line-height: 90px;
      text-align: center;
      margin-right: 15px
    }

    @media (max-width:767px) {
      .room-services--item .icon {
        width: 60px;
        height: 60px;
        line-height: 60px
      }
    }

    .room-services--item .icon img,
    .room-services--item .icon svg.drawsvg {
      width: 37px;
      vertical-align: middle
    }

    .room-services--item .label {
      vertical-align: middle;
      color: #fff;
      font-size: 14px;
      line-height: 18px
    }

    @media (min-width:1024px) {
      .room-services--item .label {
        font-size: 20px;
        line-height: 25px
      }
    }

    .rate-item {
      padding-top: 70px;
      padding-bottom: 70px
    }

    @media (max-width:767px) {

      .room-services--item .icon img,
      .room-services--item .icon svg.drawsvg {
        width: 25px
      }

      .room-services--item .label {
        font-size: 15px;
        line-height: 20px
      }

      .rate-item--left {
        text-align: center;
        margin-bottom: 50px
      }
    }

    @media (min-width:768px) {
      .rate-item--left {
        float: left;
        width: 280px
      }

      .rate-item--left .title {
        margin-top: 60px
      }
    }

    @media (max-width:767px) {
      .rate-item--left .rate-item--label {
        text-align: center;
        padding: 0;
        margin: 0;
        border-bottom: 0
      }

      .rate-item--left p {
        margin-top: 10px
      }

      .rate-item--right .button-room,
      .rate-item--right .button-stroke,
      .rate-item--right .label-text,
      .rate-item--right .reservation-form .steps-cont .step label,
      .rate-item--right .reservation-form .steps-cont .step:before,
      .rate-item--right .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
      .reservation-form .steps-cont .rate-item--right .step:before,
      .reservation-form .steps-cont .step .rate-item--right label,
      .ui-datepicker .ui-datepicker-header .rate-item--right .ui-datepicker-title {
        font-size: 10px
      }
    }

    @media (min-width:768px) {
      .rate-item--right {
        margin-left: 280px
      }
    }

    .rate-item--label {
      padding-bottom: 24px;
      border-bottom: 1px solid #ddd;
      text-align: left;
      display: block;
      margin-bottom: 24px
    }

    @media (min-width:1024px) {
      .rate-item--label {
        margin-bottom: 50px
      }
    }

    .rate-item th {
      text-align: left;
      padding-right: 10px
    }

    .rate-item td {
      font-size: 20px;
      padding: 20px 10px 20px 0;
      letter-spacing: .025em;
      border-bottom: 1px solid #ddd;
      vertical-align: top
    }

    @media (max-width:767px) {
      .rate-item td {
        font-size: 14px
      }
    }

    .rate-item td a {
      color: #333
    }

    .event-item {
      float: left;
      overflow: hidden;
      background: #fff;
      cursor: pointer
    }

    .event-item--cont2:after,
    .event-item--cont2:before,
    .event-item--cont:after,
    .event-item--cont:before {
      background: #333;
      content: "";
      z-index: 1;
      opacity: 0;
      -webkit-transition: all .3s
    }

    .event-item--cont2 {
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 20px;
      position: relative
    }

    .event-item--cont2:after,
    .event-item--cont2:before {
      width: 100%;
      height: 4px;
      position: absolute;
      left: 0;
      top: 0;
      transition: all .3s
    }

    .event-item--cont2:after {
      top: auto;
      bottom: 0
    }

    .event-item--cont {
      border: 1px solid #ddd;
      height: auto;
      position: relative;
      padding: 60px 110px 30px 30px
    }

    @media (min-width:768px) {
      .event-item--cont {
        height: 340px
      }
    }

    @media (min-width:1024px) {
      .event-item--cont {
        height: 500px;
        padding: 70px 130px40px 60px
      }
    }

    .event-item--cont:after,
    .event-item--cont:before {
      width: 4px;
      height: 100%;
      position: absolute;
      left: -1px;
      top: 0;
      transition: all .3s
    }

    .event-item--cols1,
    .event-item--cols2 {
      width: 100%
    }

    .event-item--cont:after {
      left: auto;
      right: -1px
    }

    @media (min-width:768px) {
      .event-item--cols1 .event-item--cont {
        height: 340px
      }

      .event-item--cols2 {
        width: 50%
      }
    }

    @media (min-width:1024px) {
      .event-item--cols2 {
        width: 33.3333%;
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3)
      }
    }

    .event-item--cols3 {
      width: 100%
    }

    @media (min-width:768px) {
      .event-item--cols3 {
        width: 50%
      }
    }

    .event-item--cols4-5 {
      width: 100%
    }

    @media (min-width:768px) {
      .event-item--cols4-5 {
        width: 50%
      }
    }

    @media (min-width:1024px) {
      .event-item--cols4-5 {
        width: 60%
      }
    }

    .event-item--cols2-5 {
      width: 100%
    }

    @media (min-width:768px) {
      .event-item--cols2-5 {
        width: 50%
      }
    }

    @media (min-width:1024px) {
      .event-item--cols2-5 {
        width: 40%
      }
    }

    .event-item a {
      width: 100%;
      height: auto;
      border-radius: none;
      text-decoration: none;
      color: #333;
      position: static
    }

    .event-item .text {
      margin-top: 20px;
      text-overflow: ellipsis;
      font-size: 16px;
      line-height: 36px;
      color: #999
    }

    .event-item .title--medium {
      font-size: 25px
    }

    @media (min-width:1024px) {
      .event-item .title--medium {
        font-size: 50px;
        line-height: normal
      }
    }

    .event-text,
    .event-text p {
      line-height: 36px;
      font-size: 16px
    }

    .event-item .btn {
      position: absolute;
      right: 40px;
      bottom: 40px;
      width: 60px;
      height: 60px;
      display: block;
      text-align: center
    }

    .no-svg .event-item .btn {
      border: 3px solid #ddd;
      -webkit-transition: all .3s;
      transition: all .3s;
      border-radius: 50%
    }

    @media (max-width:479px) {
      .event-item .btn {
        right: 20px;
        bottom: 20px
      }
    }

    .event-item .btn .icon {
      color: #333
    }

    .event-item .date {
      position: absolute;
      top: 40px;
      right: 40px;
      text-align: right
    }

    .no-touchevents .event-item:hover .event-item--cont2:after,
    .no-touchevents .event-item:hover .event-item--cont2:before,
    .no-touchevents .event-item:hover .event-item--cont:after,
    .no-touchevents .event-item:hover .event-item--cont:before {
      opacity: 1
    }

    .no-touchevents.no-svg .event-item:hover .btn {
      border-color: #333
    }

    .load-more-button {
      padding-top: 120px;
      padding-bottom: 130px
    }

    .load-more-button a {
      width: 100%;
      max-width: 280px
    }

    .load-more-button a span {
      padding-left: 0;
      padding-right: 0
    }

    .events-filters {
      padding: 0 10px;
      position: relative;
      z-index: 10
    }

    .events-filters p {
      margin-bottom: 10px
    }

    .events-filters .filter {
      margin-bottom: 20px
    }

    @media (min-width:768px) {
      .load-more-button a {
        width: 170px;
        max-width: none
      }

      .events-filters .filter {
        width: 33.333%;
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3);
        float: left;
        padding-right: 20px
      }

      .events-filters .filter-last {
        padding-right: 0
      }
    }

    .sod_select.select-stroke {
      width: 100%;
      background: #fff;
      /* border:1px solid #ddd; */
      padding: 15px 27px;
      display: block;
      background: #efefef;
      height: 60px;
      padding: 0 18px;
      border: 0;
      width: 100%;
      /* font-size: 15px; */
      font-family: sf-pro;
      font-weight: 200;
    }

    .sod_select.select-stroke:before {
      top: 23px
    }

    .sod_select.select-stroke .sod_label {
      font-size: 20px;
      color: #999;
      height: auto;
      padding: 21px 0 7px;
      font-size: 15px;
    }

    .sod_select.select-stroke .sod_list_wrapper {
      border: 2px solid #f0f0f0;
      background: #f0f0f0;
      margin: 0;
      display: none;
    }

    .event-text a {
      color: #000
    }

    .event-text .title {
      margin-bottom: 60px
    }

    .event-text p {
      color: #999
    }

    @media (min-width:768px) {
      .event-text {
        padding: 0 80px 70px
      }
    }

    @media (min-width:1024px) {
      .event-text {
        padding: 0 190px 140px
      }
    }

    #map {
      height: 350px
    }

    @media (min-width:769px) {
      #map {
        height: 600px
      }
    }

    #map .map-window {
      background: #333;
      position: absolute;
      width: 300px;
      height: 250px;
      padding-left: 20px;
      padding-right: 20px
    }

    @media (max-width:679px) {
      #map .map-window {
        bottom: 100%;
        left: 50%;
        margin-left: -150px;
        height: auto;
        padding-top: 20px
      }
    }

    @media (min-width:680px) {
      #map .map-window {
        margin-top: -125px;
        right: 30px;
        top: 50%
      }
    }

    #map .map-window p {
      color: #999;
      font-family: Cardo;
      font-size: 16px;
      line-height: 30px
    }

    @media (min-width:900px) {
      #map .map-window {
        width: 380px;
        height: 336px;
        margin-top: -168px;
        padding-left: 50px;
        padding-right: 50px
      }

      #map .map-window p {
        font-size: 24px;
        line-height: 48px
      }
    }

    #map .map-window--small p {
      font-size: 14px;
      line-height: 28px
    }

    #map .map-window img {
      width: 80px
    }

    @media (min-width:900px) {
      #map .map-window--small p {
        font-size: 18px;
        line-height: 40px
      }

      #map .map-window img {
        width: 130px
      }
    }

    #map .map-window:after {
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(51, 51, 51, 0);
      display: block
    }

    @media (max-width:679px) {
      #map .map-window:after {
        top: 100%;
        left: 50%;
        border-top-color: #333;
        border-width: 15px;
        margin-left: -15px
      }
    }

    @media (min-width:680px) {
      #map .map-window:after {
        left: 100%;
        top: 50%;
        border-left-color: #333;
        border-width: 15px;
        margin-top: -15px
      }
    }

    .events-navigation {
      margin-bottom: 70px
    }

    .events-navigation .bt-next,
    .events-navigation .bt-prev {
      display: inline-block;
      float: left;
      width: auto;
      height: auto;
      text-decoration: none;
      text-align: left;
      margin: 40px 0;
      border-radius: 0;
      border: 0
    }

    .events-navigation .bt-next .round-cont,
    .events-navigation .bt-prev .round-cont {
      position: relative;
      width: 60px;
      height: 60px;
      display: inline-block;
      vertical-align: middle;
      margin-right: 25px;
      text-align: center !important
    }

    .no-svg .events-navigation .bt-next .round-cont,
    .no-svg .events-navigation .bt-prev .round-cont {
      border-radius: 50%;
      border: 1px solid #ddd;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    .no-svg .contacts-box .button-round,
    .no-touchevents.no-svg .events-navigation .bt-next:hover .round-cont,
    .no-touchevents.no-svg .events-navigation .bt-prev:hover .round-cont {
      border-color: #333
    }

    @media (max-width:1023px) {

      .events-navigation .bt-next,
      .events-navigation .bt-prev {
        text-align: center !important
      }

      .events-navigation .bt-next .round-cont,
      .events-navigation .bt-prev .round-cont {
        display: block !important;
        margin: 0 auto !important
      }
    }

    .events-navigation .bt-next .round-cont .line,
    .events-navigation .bt-prev .round-cont .line {
      width: 60px;
      height: 60px;
      display: block;
      position: relative
    }

    .events-navigation .bt-next .icon,
    .events-navigation .bt-prev .icon {
      color: #dedede;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    .events-navigation .bt-next .label,
    .events-navigation .bt-prev .label {
      display: inline-block;
      vertical-align: middle;
      color: #999;
      font-size: 32px;
      line-height: 32px;
      padding-bottom: 12px
    }

    @media (max-width:767px) {

      .events-navigation .bt-next .label,
      .events-navigation .bt-prev .label {
        font-size: 20px;
        line-height: 23px
      }
    }

    @media (max-width:679px) {

      .events-navigation .bt-next .label,
      .events-navigation .bt-prev .label {
        font-size: 15px;
        line-height: 15px
      }
    }

    .no-touchevents .events-navigation .bt-next:hover .icon,
    .no-touchevents .events-navigation .bt-prev:hover .icon {
      color: #333
    }

    .events-navigation .bt-next {
      float: right;
      text-align: right
    }

    .events-navigation .bt-next .round-cont {
      margin-right: 0;
      margin-left: 25px
    }

    .intro-text {
      text-align: center;
      padding: 50px 0
    }

    @media (min-width:1024px) {
      .events-navigation .bt-next .round-cont {
        float: right;
        margin-top: 10px
      }

      .intro-text {
        padding: 150px 95px
      }
    }

    .intro-text p {
      font-size: 18px;
      line-height: 30px;
      color: #999
    }

    @media (min-width:768px) {
      .intro-text p {
        font-size: 20px;
        line-height: 45px;
        font-family: sf-pro;
        font-weight: 200;
      }
    }

    .contacts-box {
      padding-bottom: 120px;
      position: relative
    }

    @media (max-width:767px) {
      .contacts-box {
        padding-bottom: 60px
      }
    }

    .contacts-box .button-round {
      width: 170px;
      height: 170px;
      margin: 34px auto 34px 0;
      position: relative;
      line-height: 160px;
      text-align: center
    }

    .contacts-box .button-round svg.drawsvg {
      width: 90px;
      vertical-align: middle
    }

    .contacts-box .button-round img {
      vertical-align: middle
    }

    .contacts-box .col {
      text-align: center;
      width: 100%;
      max-width: 580px;
      margin: 0 auto
    }

    .contacts-box .v-line {
      height: 175px;
      position: relative;
      width: 2px;
      margin: 0 auto
    }

    @media (max-width:1100px) {
      .contacts-box .v-line {
        height: 50px
      }
    }

    .contacts-box .v-line:before {
      width: 100%;
      height: 100%;
      -webkit-transition: height 1s cubic-bezier(.165, .84, .44, 1);
      transition: height 1s cubic-bezier(.165, .84, .44, 1);
      background: #efefef;
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0
    }

    .animate .contacts-box .v-line:before {
      height: 0
    }

    .animate .contacts-box .v-line.showed:before {
      height: 100% !important
    }

    .contacts-box p {
      font-size: 25px;
      line-height: 35px
    }

    @media (min-width:1024px) {
      .contacts-box p {
        font-size: 40px;
        line-height: 45px
      }
    }

    .contacts-box p .button-room,
    .contacts-box p .button-stroke,
    .contacts-box p .label-text,
    .contacts-box p .reservation-form .steps-cont .step label,
    .contacts-box p .reservation-form .steps-cont .step:before,
    .contacts-box p .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
    .reservation-form .steps-cont .contacts-box p .step:before,
    .reservation-form .steps-cont .step .contacts-box p label,
    .ui-datepicker .ui-datepicker-header .contacts-box p .ui-datepicker-title {
      font-size: 16px;
      line-height: 22px
    }

    .contacts-box p .email,
    .contacts-box p a {
      position: relative;
      display: inline-block;
      padding-bottom: 5px;
      color: #000;
      text-decoration: none
    }

    @media (min-width:1024px) {

      .contacts-box p .button-room,
      .contacts-box p .button-stroke,
      .contacts-box p .label-text,
      .contacts-box p .reservation-form .steps-cont .step label,
      .contacts-box p .reservation-form .steps-cont .step:before,
      .contacts-box p .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
      .reservation-form .steps-cont .contacts-box p .step:before,
      .reservation-form .steps-cont .step .contacts-box p label,
      .ui-datepicker .ui-datepicker-header .contacts-box p .ui-datepicker-title {
        font-size: 22px;
        line-height: 27px
      }

      .contacts-box p .email,
      .contacts-box p a {
        padding-bottom: 10px
      }
    }

    .contacts-box p .email:before,
    .contacts-box p a:before {
      width: 100%;
      height: 2px;
      background: #333;
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      -webkit-transition: width .6s cubic-bezier(.165, .84, .44, 1);
      transition: width .6s cubic-bezier(.165, .84, .44, 1)
    }

    .animate .contacts-box p .email:before,
    .animate .contacts-box p a:before {
      width: 0
    }

    .animate .contacts-box p .email.showed:before,
    .animate .contacts-box p a.showed:before {
      width: 100%
    }

    .contacts-box .or {
      text-align: center;
      padding-left: 5px;
      width: 50px;
      margin: 0 auto;
      position: relative;
      display: block
    }

    @media (max-width:679px) {
      .contacts-box .or {
        margin: 40px auto
      }
    }

    @media (min-width:680px) {
      .contacts-box .or {
        position: absolute;
        top: 120px;
        left: 50%;
        margin-left: -25px
      }
    }

    .contacts-box .or span {
      position: relative;
      z-index: 2
    }

    .contacts-box .or:before {
      width: 100%;
      height: 2px;
      background: #efefef;
      position: absolute;
      top: 50%;
      left: 0;
      display: block;
      content: "";
      -webkit-transition: width .6s cubic-bezier(.165, .84, .44, 1);
      transition: width .6s cubic-bezier(.165, .84, .44, 1)
    }

    .animate .contacts-box .or:before {
      width: 0
    }

    .animate .contacts-box .or.showed:before {
      width: 100%
    }

    .contact-form .box-input {
      margin-bottom: 25px
    }

    @media (min-width:680px) {
      .contact-form .box-input {
        width: 50%;
        padding-right: 25px;
        float: left;
      }

      .contact-form .box-input--last {
        padding-right: 0
      }
    }

    .contact-form .box-input--large {
      float: none;
      width: 100%;
      padding-right: 0
    }

    .contact-form .box-input input[type=email],
    .contact-form .box-input input[type=text],
    .contact-form .box-input textarea {
      display: block;
      background: #efefef;
      height: 60px;
      padding: 0 18px;
      border: 0;
      width: 100%;
      font-size: 15px;
      font-family: sf-pro;
      font-weight: 200;
    }

    .contact-form .box-input input[type=email]::-webkit-input-placeholder,
    .contact-form .box-input input[type=text]::-webkit-input-placeholder,
    .contact-form .box-input textarea::-webkit-input-placeholder {
      color: #999
    }

    .contact-form .box-input input[type=email]:-moz-placeholder,
    .contact-form .box-input input[type=text]:-moz-placeholder,
    .contact-form .box-input textarea:-moz-placeholder {
      color: #999;
      opacity: 1
    }

    .contact-form .box-input input[type=email]::-moz-placeholder,
    .contact-form .box-input input[type=text]::-moz-placeholder,
    .contact-form .box-input textarea::-moz-placeholder {
      color: #999;
      opacity: 1
    }

    .contact-form .box-input input[type=email]:-ms-input-placeholder,
    .contact-form .box-input input[type=text]:-ms-input-placeholder,
    .contact-form .box-input textarea:-ms-input-placeholder {
      color: #999
    }

    .contact-form .box-input input[type=email].required,
    .contact-form .box-input input[type=text].required,
    .contact-form .box-input textarea.required {
      color: #ef5252 !important
    }

    .contact-form .box-input input[type=email].required::-webkit-input-placeholder,
    .contact-form .box-input input[type=text].required::-webkit-input-placeholder,
    .contact-form .box-input textarea.required::-webkit-input-placeholder {
      color: #ef5252
    }

    .contact-form .box-input input[type=email].required:-moz-placeholder,
    .contact-form .box-input input[type=text].required:-moz-placeholder,
    .contact-form .box-input textarea.required:-moz-placeholder {
      color: #ef5252;
      opacity: 1
    }

    .contact-form .box-input input[type=email].required::-moz-placeholder,
    .contact-form .box-input input[type=text].required::-moz-placeholder,
    .contact-form .box-input textarea.required::-moz-placeholder {
      color: #ef5252;
      opacity: 1
    }

    .contact-form .box-input input[type=email].required:-ms-input-placeholder,
    .contact-form .box-input input[type=text].required:-ms-input-placeholder,
    .contact-form .box-input textarea.required:-ms-input-placeholder {
      color: #ef5252
    }

    @media (max-width:679px) {

      .contact-form .box-input input[type=email],
      .contact-form .box-input input[type=text],
      .contact-form .box-input textarea {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 14px;
        height: 70px
      }
    }

    .contact-form .box-input textarea {
      padding: 30px 20px;
      height: 100px;
    }

    @media (max-width:679px) {
      .contact-form .box-input textarea {
        padding-left: 20px;
        padding-right: 20px
      }
    }

    .contact-form .box-privacy {
      padding-top: 15px
    }

    .contact-form .box-privacy a {
      color: #333
    }

    .contact-form .box-privacy span label {
      display: inline-block;
      width: 45px;
      height: 45px;
      border: 3px solid #333;
      vertical-align: middle;
      margin-right: 15px;
      -webkit-transition: border .3s;
      transition: border .3s;
      color: #333
    }

    @media (max-width:767px) {
      .contact-form .box-privacy span label {
        width: 30px;
        height: 30px
      }
    }

    .contact-form .box-privacy span input {
      display: none
    }

    .contact-form .box-privacy span input:checked+label {
      background: url("../img/icons/privacy-check-dark.svg") center no-repeat;
      background-size: 15px auto
    }

    .contact-form .box-privacy span input.required+label {
      border-color: #ef5252
    }

    .contact-form button {
      width: 50%;
      max-width: none;
      padding: 0;
      position: relative;
    }

    .contact-form button span {
      padding-top: 25px;
      padding-bottom: 25px;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    @media (min-width:680px) {
      .contact-form button {
        float: left;
      }
    }

    .contact-form button .recap-sent {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .3s;
      transition: all .3s
    }

    #contact-form.message-sent button span {
      opacity: 0;
      visibility: hidden
    }

    #contact-form.message-sent button .recap-sent {
      opacity: 1;
      visibility: visible
    }

    .text-indent {
      padding-left: 0;
      padding-right: 0
    }

    .par-light,
    .pars-light p {
      font-size: 16px;
      line-height: 36px;
      color: #999
    }

    .cols2--pad-bot {
      margin-bottom: 80px
    }

    @media (min-width:768px) {
      .text-indent {
        padding-left: 90px;
        padding-right: 90px
      }

      .cols2 .col {
        width: 50%;
        float: left;
        padding-right: 60px
      }

      .cols2 .col--last {
        padding-left: 60px;
        padding-right: 0
      }
    }

    .sod_select.select-reservation {
      padding: 0;
      background: 0;
      border: 0
    }

    .sod_select.select-reservation .sod_label {
      font-size: 24px;
      color: #999;
      padding-top: 8px;
      padding-bottom: 10px;
      height: auto
    }

    .sod_select.select-reservation:before {
      top: 8px;
      right: 0;
      color: #999;
      background-image: url("../img/icons/arrow-down2.svg") !important
    }

    .sod_select.select-reservation.open {
      z-index: 9
    }

    .static-full-img {
      overflow: hidden;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat
    }

    .static-full-img .button-round {
      width: 100%;
      height: auto;
      border-radius: none
    }

    .static-full-img a {
      display: block;
      position: relative
    }

    .static-full-img a .round-cont {
      width: 150px;
      height: 150px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -75px;
      margin-left: -75px;
      line-height: 150px;
      text-align: center
    }

    @media (max-width:679px) {
      .static-full-img a .round-cont {
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px
      }
    }

    .static-full-img a .round-cont>svg {
      vertical-align: middle;
      width: 60px
    }

    .static-full-img img {
      width: 100%;
      height: 100%;
      opacity: 0;
      visibility: hidden
    }

    @media (max-width:767px) {
      .static-full-img img {
        height: 400px;
        width: auto;
        display: block;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        position: relative
      }
    }

    @media (max-width:679px) {
      .static-full-img img {
        height: 280px
      }
    }

    .static-max-width {
      width: 100%;
      max-width: 440px;
      margin: 0 auto
    }

    .ui-datepicker {
      z-index: 10 !important;
      border: 5px solid #333;
      padding: 0;
      border-radius: 0;
      background: #fff;
      width: 280px;
      height: 280px;
      position: absolute;
      right: 100px;
      margin-right: 138px;
      margin-top: -82px
    }

    @media (min-width:768px) {
      .ui-datepicker {
        width: 350px;
        height: 350px;
        margin-right: 200px;
        margin-top: -82px
      }
    }

    @media (max-width:679px) {
      .ui-datepicker {
        margin-right: -140px;
        right: 50% !important
      }
    }

    .ui-datepicker .ui-datepicker-header {
      padding: 15px 0;
      background: 0;
      border: 0;
      border-bottom: 5px solid #333;
      border-radius: 0 !important
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      font-weight: 400;
      color: #333
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
      background: 0 0 !important;
      border: none !important;
      width: 18px;
      height: 18px;
      text-align: center;
      position: absolute;
      top: 16px;
      left: 15px;
      cursor: pointer
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next span,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
      display: none
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
      font-style: normal;
      font-weight: 400;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      margin-left: .2em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: uve;
      content: "î ‚";
      color: #898989;
      position: absolute;
      top: 0;
      left: 0
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
      left: auto;
      right: 20px
    }

    .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
      content: ""
    }

    .ui-datepicker .ui-datepicker-calendar {
      margin: 10px 0 0
    }

    @media (max-width:767px) and (max-height:805px) {
      .ui-datepicker .ui-datepicker-calendar {
        margin-top: 0
      }
    }

    .ui-datepicker .ui-datepicker-calendar thead {
      font-family: Sofia Pro;
      font-size: 12px;
      color: #333
    }

    .ui-datepicker .ui-datepicker-calendar tbody td {
      border: 0;
      background: 0;
      text-align: center !important;
      font-family: Playfair Display;
      font-size: 14px;
      vertical-align: middle
    }

    .ui-datepicker .ui-datepicker-calendar tbody td a {
      -webkit-transition: all .3s;
      transition: all .3s
    }

    .ui-datepicker .ui-datepicker-calendar tbody td a,
    .ui-datepicker .ui-datepicker-calendar tbody td span {
      border: 0;
      background: 0;
      text-align: center !important;
      color: #333;
      height: 35px;
      padding: 5px 0 0
    }

    @media (max-width:767px) {

      .ui-datepicker .ui-datepicker-calendar tbody td a,
      .ui-datepicker .ui-datepicker-calendar tbody td span {
        padding-top: 0;
        height: 27px
      }
    }

    .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-unselectable a,
    .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-unselectable span {
      color: #bbb
    }

    .no-touchevents .ui-datepicker .ui-datepicker-calendar tbody td a:hover {
      background: #333;
      color: #fff
    }

    .ui-datepicker:after {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(153, 153, 153, 0);
      border-left-color: #333;
      border-width: 9px;
      margin-top: -18px;
      margin-left: 5px
    }

    .showreservation .ui-datepicker {
      border: 5px solid #999;
      background: #333;
      top: 50% !important;
      margin-top: -25px;
      left: 50% !important;
      margin-left: -140px
    }

    @media (min-width:768px) {
      .showreservation .ui-datepicker {
        top: 50% !important;
        left: 50% !important;
        margin-top: -115px;
        margin-left: -175px
      }
    }

    .showreservation .ui-datepicker .ui-datepicker-header {
      border-bottom: 5px solid #999
    }

    .showreservation .ui-datepicker .ui-datepicker-calendar tbody td a,
    .showreservation .ui-datepicker .ui-datepicker-calendar tbody td span,
    .showreservation .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      color: #fff
    }

    .showreservation .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-unselectable a,
    .showreservation .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-unselectable span {
      color: #999
    }

    .showreservation .ui-datepicker .ui-datepicker-calendar tbody td .no-touchevents a:hover {
      background: #fff;
      color: #343434
    }

    .showreservation .ui-datepicker:after {
      border-left-color: #999
    }

    @media (min-width:1024px) and (max-height:640px) {
      .showreservation .ui-datepicker {
        margin-top: -175px !important
      }

      .showreservation .ui-datepicker:after {
        display: none
      }
    }

    @media (max-width:767px) and (max-height:805px) {
      .showreservation .ui-datepicker {
        margin-top: -120px
      }

      .showreservation .ui-datepicker:after {
        display: none
      }
    }

    .reservation-recap--overlay {
      -webkit-transition: all .5s;
      transition: all .5s;
      opacity: 0;
      visibility: hidden;
      background: rgba(63, 63, 63, .7);
      z-index: 100;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      webkit-overflow-scrolling: touch
    }

    .show-reservation-recap,
    .show-video {
      overflow: hidden
    }

    .show-reservation-recap .reservation-recap--overlay {
      opacity: 1;
      visibility: visible
    }

    .reservation-recap--info {
      width: 80%;
      max-width: 850px;
      margin: 0 auto;
      background: #fff;
      padding: 35px 0 0;
      position: relative;
      top: 50%;
      transform: translateY(-50%)
    }

    @media (max-width:1024px) {
      .reservation-recap--info {
        top: 0;
        margin-top: 60px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
      }
    }

    @media (max-width:767px) {
      .reservation-recap--info {
        margin-top: 30px;
        padding: 20px 0 0
      }
    }

    .reservation-recap--info .title-line {
      margin-top: 0;
      margin-bottom: 45px
    }

    @media (max-width:679px) {
      .ui-datepicker:after {
        display: none
      }

      .reservation-recap--info .title-line {
        padding-top: 70px;
        padding-bottom: 20px
      }
    }

    .reservation-recap--info p {
      margin: 0
    }

    .reservation-recap--info .info-text {
      padding: 10px 100px
    }

    .reservation-form .steps-cont .reservation-recap--info .info-text .step:before,
    .reservation-form .steps-cont .step .reservation-recap--info .info-text label,
    .reservation-recap--info .info-text .button-room,
    .reservation-recap--info .info-text .button-stroke,
    .reservation-recap--info .info-text .label-text,
    .reservation-recap--info .info-text .reservation-form .steps-cont .step label,
    .reservation-recap--info .info-text .reservation-form .steps-cont .step:before,
    .reservation-recap--info .info-text .ui-datepicker .ui-datepicker-header .ui-datepicker-title,
    .ui-datepicker .ui-datepicker-header .reservation-recap--info .info-text .ui-datepicker-title {
      font-size: 10px;
      color: #333
    }

    .reservation-recap--info .close-btn {
      position: absolute;
      top: 23px;
      right: 23px;
      width: 47px;
      height: 47px;
      z-index: 2
    }

    .no-svg .reservation-recap--info .close-btn {
      border: 3px solid #ddd;
      -webkit-transition: all .6s;
      transition: all .6s
    }

    .no-touchevents.no-svg .reservation-recap--info .close-btn:hover {
      border: 3px solid #333 !important
    }

    @media (max-width:679px) {
      .reservation-recap--info .info-text {
        padding: 10px 20px;
        text-align: center
      }

      .reservation-recap--info .close-btn {
        right: 50%;
        margin-right: -23px
      }
    }

    .reservation-recap--info .close-btn .iconn-close {
      width: 10px;
      height: 10px;
      display: inline-block;
      background: url("../img/icons/close-btn.png") center no-repeat;
      background-size: 10px auto;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -5px;
      margin-left: -5px
    }

    .reservation-recap--info.sending button,
    .reservation-recap--info.sent button {
      cursor: default;
      color: #333;
      background: #333
    }

    .reservation-recap--info .button-wrap {
      position: relative;
      padding: 40px 0;
      text-align: center
    }

    .reservation-recap--info .recap-sent,
    .reservation-recap--info .send-loading {
      position: absolute;
      top: 50%;
      left: 50%;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all .3s;
      transition: all .3s;
      width: 70px;
      height: 70px;
      margin-top: -35px;
      margin-left: -35px
    }

    .reservation-recap--info .recap-sent img,
    .reservation-recap--info .send-loading img {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -20px;
      width: 40px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
    }

    .filter-img,
    .image-prlx,
    .top-layer {
      position: relative
    }

    .no-svg .reservation-recap--info .send-loading {
      border-style: solid;
      border-color: #fff transparent transparent;
      border-width: 2px 0 0;
      opacity: 0;
      visibility: hidden;
      border-radius: 50%;
      -webkit-animation: spin 1s infinite linear;
      animation: spin 1s infinite linear
    }

    .reservation-recap--info .recap-sent {
      height: 52px;
      margin-top: -26px
    }

    .reservation-recap--info.sending .send-loading,
    .reservation-recap--info.sending button .recap-sent {
      opacity: 1;
      visibility: visible
    }

    .reservation-recap--info.sent button.button-stroke>span {
      opacity: 0
    }

    .reservation-recap--info.sent .send-loading {
      opacity: 0;
      visibility: 0
    }

    .reservation-recap--info.sent .recap-sent {
      opacity: 1;
      visibility: visible
    }

    .svg .hover-scale .round-cont {
      border: none !important
    }

    .no-svg .hover-scale .round-cont {
      border-radius: 50%;
      border: 1px solid #fff
    }

    .hover-scale img {
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      -webkit-transform: scale(1.01);
      -ms-transform: scale(1.01);
      transform: scale(1.01)
    }

    .no-touchevents .hover-scale:hover img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1)
    }

    .image-prlx {
      -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
      transition: all .8s cubic-bezier(.165, .84, .44, 1);
      display: block
    }

    .top-layer {
      z-index: 5
    }

    .event-top .text {
      padding: 0 270px
    }

    @media (max-width:1023px) {
      .event-top .text {
        padding: 0 30px
      }
    }

    .hide {
      display: none
    }

    .img-filter {
      opacity: .75 !important
    }

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

    .static-page a {
      color: #000
    }

    .filter-img {
      display: block
    }

    .filter-img span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, .1);
      z-index: 2
    }

    #cookie-msg {
      bottom: 0 !important;
      font-family: Sofia Pro;
      color: #ccc !important;
      font-weight: 400;
      font-size: 11px !important;
      display: none;
    }

    #cookie-msg a {
      color: #fff
    }

    #cookie-msg #cookie-accept {
      display: inline-block;
      border: 1px solid #fff;
      padding: 4px 20px 8px;
      margin-left: 50px;
      text-decoration: none;
      float: right
    }

    .step-confirm {
      position: fixed;
      left: -1000%;
      top: -1000%
    }

    .button-play-video {
      position: relative;
      margin-top: 30px
    }

    .button-play-video img {
      width: 40px;
      margin-top: 16px;
      margin-left: 2px
    }

    #video,
    .video-container {
      position: fixed;
      left: 0;
      width: 100%;
      height: 100%;
      top: 0
    }

    .video-container {
      background: #000;
      opacity: 0;
      display: none;
      z-index: 999
    }

    .video-container--close {
      width: 40px;
      height: 40px;
      background: rgba(0, 0, 0, .6);
      position: absolute;
      top: 0;
      right: 0;
      z-index: 10
    }

    .video-container--close span:after,
    .video-container--close span:before {
      width: 20px;
      height: 1px;
      background: #fff;
      content: "";
      position: absolute;
      top: 19px;
      left: 11px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg)
    }

    .video-container--close span:after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg)
    }

    .video-container #video-player {
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%
    }

    @media(min-width:768px) {
      .colsText2 {
        column-count: 2;
        column-gap: 50px
      }
    }

    .colsText2 p {
      margin: 2em 0;
      display: inline-block
    }

    .editor-text {
      line-height: 32px
    }

    .editor-text h1,
    .editor-text h2,
    .editor-text h3 {
      margin-bottom: 1em
    }

    .para ul {
      font-size: 13px;
    }

    .para p {
      font-size: 13px;
    }

    .para h3 {
      font-family: sf-pro;
      font-weight: 500;
    }

    .services-list .item .col--title:before {
      border-left-color: #005CA9;

    }

    .services-list .indent .col--title:before {
      border-left-color: #ffcb02;

    }