@import url(fonts/ropa/stylesheet.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(framework.css);
.main-header {
  z-index: 4;
  position: relative;
  margin: 0 auto;
  height: 65px; }
  @media only screen and (max-width: 40em) {
    .main-header {
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } }
  @media only screen and (min-width: 64.063em) {
    .main-header {
      height: 15.5rem; } }
  .main-header-logo {
    z-index: 2;
    position: relative;
    padding: .5rem;
    width: 110px; }
    @media only screen and (min-width: 64.063em) {
      .main-header-logo {
        padding-top: 1.5rem;
        width: 220px; } }
    .main-header-logo img {
      width: 100%; }
  .main-header-menu {
    z-index: 2;
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0; }
    @media only screen and (min-width: 64.063em) {
      .main-header-menu {
        display: block; } }
    .main-header-menu ul {
      display: table;
      padding: 0;
      list-style: none;
      text-transform: uppercase; }
      .main-header-menu ul li {
        display: table-cell;
        vertical-align: middle; }
        .main-header-menu ul li a {
          display: block;
          color: #fff; }
    .main-header-menu-primary {
      width: 100%;
      margin: 0 0 .75rem 0; }
      .main-header-menu-primary li {
        background-color: #ff5000;
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
        border-left: solid 1px rgba(255, 255, 255, 0.25); }
        .main-header-menu-primary li:hover, .main-header-menu-primary li.active {
          background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0.25) 100%); }
        .main-header-menu-primary li:first-child {
          border: none; }
        .main-header-menu-primary li a {
          padding: .4rem .8rem;
          font: 1.25rem/0.72rem "ropa_soft_proregular", Calibri, sans-serif;
          text-align: center; }
          .main-header-menu-primary li a small {
            font-size: .84rem; }
          .main-header-menu-primary li a .season {
            display: inline-block;
            padding: .1rem .2rem;
            background: #1b366e; }
          .main-header-menu-primary li a .fa-home {
            display: block;
            font-size: 1.25rem;
            line-height: 30px; }
    .main-header-menu-secondary {
      margin: 0; }
      .main-header-menu-secondary li a {
        padding: 0 .75rem;
        font-weight: bold;
        font-size: .72rem;
        line-height: 2rem; }
        .main-header-menu-secondary li a:hover {
          text-shadow: 0 0 10px rgba(255, 255, 255, 0.5); }
    .main-header-menu-third {
      z-index: 2;
      display: none;
      position: absolute;
      top: .25rem;
      right: 0;
      margin: 0;
      padding: 0;
      list-style: none; }
      @media only screen and (min-width: 64.063em) {
        .main-header-menu-third {
          display: table; } }
      .main-header-menu-third li {
        display: table-cell; }
        .main-header-menu-third li a {
          display: block;
          padding: .25rem;
          max-width: 4rem;
          font: 0.72rem/0.92rem "ropa_soft_proregular", Calibri, sans-serif;
          text-transform: uppercase;
          text-align: center; }
          .main-header-menu-third li a i {
            display: block;
            margin: 0 0 .25rem 0;
            font-size: .84rem;
            color: #ff5000; }
          .main-header-menu-third li a:hover {
            background: rgba(255, 255, 255, 0.75); }
  .main-header-lang {
    z-index: 2;
    display: none;
    position: absolute;
    top: .25rem;
    left: 16rem;
    text-transform: uppercase;
    text-align: right; }
    @media only screen and (min-width: 64.063em) {
      .main-header-lang {
        display: block; } }
    .main-header-lang a {
      float: left;
      padding: .25rem;
      line-height: 1rem;
      font: 0.72rem "ropa_soft_proregular", Calibri, sans-serif;
      text-align: center; }
      .main-header-lang a img {
        display: block; }
      .main-header-lang a:hover, .main-header-lang a.active {
        background: rgba(255, 255, 255, 0.75); }
  .main-header-contact {
    z-index: 2;
    display: none;
    position: absolute;
    top: .75rem;
    right: 3rem;
    padding: .25rem;
    text-align: left; }
    @media only screen and (min-width: 40.063em) {
      .main-header-contact {
        display: block; } }
    @media only screen and (min-width: 64.063em) {
      .main-header-contact {
        top: .25rem;
        right: auto;
        left: 25rem;
        padding: 0; } }
    .main-header-contact > a {
      font: 1.75rem "ropa_soft_proregular", Calibri, sans-serif; }
      .main-header-contact > a .fa {
        font-size: 1.25rem; }
    .main-header-contact .f-dropdown {
      padding: .5rem;
      min-width: 12rem;
      text-align: left;
      box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1); }
      .main-header-contact .f-dropdown .button {
        color: #fff; }
    .main-header-contact-us {
      margin: 0 1.5rem 0 0;
      font-size: .68rem;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.5); }
    .main-header-contact-mini {
      position: absolute;
      top: 1rem;
      right: 3.5rem;
      font-size: 1.5rem; }
      @media only screen and (min-width: 40.063em) {
        .main-header-contact-mini {
          display: none; } }
  .main-header-search {
    z-index: 2;
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 15rem; }
    @media only screen and (min-width: 64.063em) {
      .main-header-search {
        display: block; } }
    .main-header-search input[type="text"] {
      margin: 0;
      height: 2rem;
      border: none;
      opacity: .75; }
    .main-header-search .submit {
      z-index: 2;
      position: absolute;
      top: .25rem;
      right: .25rem;
      cursor: pointer; }
      .main-header-search .submit input {
        position: relative;
        width: 1.5rem;
        height: 1.5rem;
        background: transparent;
        border: none; }
      .main-header-search .submit::after {
        content: "\f002";
        display: block;
        position: absolute;
        top: .15rem;
        right: .25rem;
        font: 1rem "FontAwesome";
        color: #1b366e; }
    .main-header-search:hover input[type="text"], .main-header-search:focus input[type="text"] {
      opacity: 1; }
  .main-header-links {
    z-index: 2;
    display: none;
    position: absolute;
    top: 0;
    left: .75rem; }
    @media only screen and (min-width: 64.063em) {
      .main-header-links {
        display: block; } }
    .main-header-links a {
      font: 0.84rem/1.25rem "ropa_soft_proregular", Calibri, sans-serif;
      color: #ff5000;
      border-bottom: solid 1px rgba(255, 80, 0, 0.25); }
  .main-header-social {
    z-index: 2;
    display: none;
    position: absolute;
    right: .75rem;
    bottom: 7rem; }
    @media only screen and (min-width: 64.063em) {
      .main-header-social {
        display: block; } }
  .main-header-user {
    z-index: 2;
    display: none;
    position: absolute;
    top: 4rem;
    right: .75rem; }
    @media only screen and (min-width: 64.063em) {
      .main-header-user {
        display: block; } }
    .main-header-user a {
      margin: 0 0 0 1rem;
      font: 0.92rem/1.25rem "ropa_soft_proregular", Calibri, sans-serif;
      border-bottom: solid 1px rgba(27, 54, 110, 0.25); }
  .main-header-banner {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    @media only screen and (min-width: 64.063em) {
      .main-header-banner {
        display: block; } }
    .main-header-banner::before {
      content: "";
      z-index: 1;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: url(../img/main-header.svg) no-repeat center top;
      background-size: cover;
      opacity: .66; }
    .main-header-banner a {
      position: relative; }
      .main-header-banner a img {
        width: 100%; }

.main-content {
  padding: .5rem 0; }
  @media only screen and (min-width: 40.063em) {
    .main-content {
      margin: 0 -.375rem;
      padding: .75rem 0 0 0; } }
  .main-content .body-title {
    margin: 0 0 .75rem 0; }
    @media only screen and (min-width: 40.063em) {
      .main-content .body-title {
        padding: .75rem .75rem .25rem .75rem;
        background: #1b366e; }
        .main-content .body-title * {
          color: #fff; }
        .main-content .body-title h1 {
          margin: 0 0 .5rem 0; }
        .main-content .body-title p {
          margin-bottom: .5rem;
          font-size: .84rem; } }
  .main-content .body-page {
    margin: 0 0 .75rem 0; }
    @media only screen and (min-width: 40.063em) {
      .main-content .body-page {
        padding: .75rem .75rem 0 .75rem;
        background: #fff; } }
    @media only screen and (min-width: 40.063em) {
      .main-content .body-page > .panel:not(.list-more) {
        max-width: 47.5%; } }
    .main-content .body-page .map {
      height: 100%; }
      .main-content .body-page .map iframe {
        height: 350px; }
    .main-content .body-page .close-reveal-modal {
      display: none; }
  .main-content .table {
    display: table;
    margin: 0 0 .75rem 0;
    width: 100%; }
    .main-content .table-cell {
      display: table-cell;
      vertical-align: top; }

@media only screen and (max-width: 40em) {
  .main-footer {
    text-align: center; } }
.main-footer-pre {
  margin: .5rem 0;
  padding-top: .75rem;
  background: #e7edf9; }
  @media only screen and (min-width: 40.063em) {
    .main-footer-pre {
      margin: 0 0 1rem 0;
      padding: .75rem; } }
  @media only screen and (min-width: 64.063em) {
    .main-footer-pre {
      padding: 1rem 1rem 0; }
      .main-footer-pre h3 {
        margin: 0 0 .75rem 0;
        padding: 0;
        font: 0.92rem "ropa_soft_proregular", Calibri, sans-serif;
        text-transform: uppercase;
        color: #ff5000; }
      .main-footer-pre > .row > .columns {
        padding-right: 1rem;
        padding-left: 1rem; }
        .main-footer-pre > .row > .columns:first-child {
          padding-left: inherit; }
        .main-footer-pre > .row > .columns:last-child {
          padding-right: inherit; }
      .main-footer-pre > .row:first-child > .columns:nth-child(even) {
        border-right: solid 1px rgba(255, 255, 255, 0.25);
        border-left: solid 1px rgba(255, 255, 255, 0.25);
        box-shadow: 1px 0 rgba(0, 0, 0, 0.1), -1px 0 rgba(0, 0, 0, 0.1); }
      .main-footer-pre > .row:last-child {
        margin-top: 2rem;
        padding-top: 1rem;
        border-top: solid 1px rgba(255, 255, 255, 0.25);
        box-shadow: 0 -1px rgba(0, 0, 0, 0.1); } }
  .main-footer-pre p,
  .main-footer-pre li {
    font-size: .72rem;
    line-height: 1rem;
    color: rgba(14, 27, 55, 0.75); }
  .main-footer-pre-newsletter {
    margin: 0 0 .75rem 0; }
    .main-footer-pre-newsletter .button {
      background: #698eda; }
  .main-footer-pre-silky {
    margin: 0 0 1.5rem 0; }
    @media only screen and (min-width: 40.063em) {
      .main-footer-pre-silky img {
        float: left;
        margin: 0 1rem 0 0;
        width: 7.5rem; } }
  @media only screen and (max-width: 40em) {
    .main-footer-pre-member {
      margin: 0 0 1rem 0; } }
  .main-footer-pre-member-logo img {
    max-width: 7.5rem; }
  @media only screen and (min-width: 40.063em) {
    .main-footer-pre-client {
      position: relative;
      padding: 0 0 0 3rem; }
      .main-footer-pre-client::before {
        content: "\f234";
        position: absolute;
        top: 0;
        left: 0;
        font: 2rem "FontAwesome";
        color: rgba(27, 54, 110, 0.75); } }
  @media only screen and (max-width: 40em) {
    .main-footer-pre-payment {
      margin: 0 0 1rem 0; } }
  .main-footer-pre-payment-card .fa {
    font-size: 2rem;
    color: rgba(27, 54, 110, 0.75); }
.main-footer-nav {
  margin: 0 0 1rem 0; }
  @media only screen and (min-width: 64.063em) {
    .main-footer-nav {
      float: right;
      margin: 0; } }
  .main-footer-nav a {
    display: inline-block;
    margin: 0 .5rem;
    font-size: .72rem; }
    @media only screen and (min-width: 64.063em) {
      .main-footer-nav a {
        margin: 0 0 0 1rem;
        color: rgba(255, 255, 255, 0.75); }
        .main-footer-nav a:hover {
          color: #fff; } }
.main-footer-copyright {
  font-size: .72rem; }
  @media only screen and (min-width: 40.063em) {
    .main-footer-copyright {
      color: rgba(255, 255, 255, 0.75); } }

.accordion {
  margin: 0 0 .75rem 0; }
  .body .accordion .accordion-navigation {
    margin-bottom: .25rem !important; }
  .side .accordion .accordion-navigation {
    margin-bottom: 1px !important; }
  .accordion .accordion-navigation > a {
    position: relative;
    font-family: "ropa_soft_proregular", Calibri, sans-serif;
    color: #fff; }
    .body .accordion .accordion-navigation > a {
      background: #333; }
      .body .accordion .accordion-navigation > a:hover {
        background: #5c5c5c; }
      @media only screen and (min-width: 64.063em) {
        .body .accordion .accordion-navigation > a {
          font-size: 1.25rem; } }
    .side .accordion .accordion-navigation > a {
      text-transform: uppercase;
      background: #1b366e !important; }
      .side .accordion .accordion-navigation > a:hover {
        background: #2a53aa !important; }
      @media only screen and (min-width: 64.063em) {
        .side .accordion .accordion-navigation > a {
          font-size: .92rem; } }
    @media only screen and (min-width: 64.063em) {
      .accordion .accordion-navigation > a {
        padding: .5rem 2rem .5rem 1rem; } }
    .accordion .accordion-navigation > a:after {
      content: "+";
      position: absolute;
      top: 0;
      right: 1rem;
      text-align: right;
      line-height: 2.75rem; }
  .accordion .accordion-navigation.active > a {
    background: #222; }
    .accordion .accordion-navigation.active > a:after {
      content: "\2013"; }
  .accordion .accordion-navigation.secondary > a {
    background: #ff5000 !important; }
  .accordion .content {
    padding: 1rem 0 !important; }
    .accordion .content h4 {
      margin-bottom: 1rem; }
    .accordion .content p {
      font-size: .92rem; }
    .side .accordion .content {
      padding: 0 !important; }
      @media only screen and (min-width: 40.063em) {
        .side .accordion .content {
          padding: 0 1rem !important;
          background: #e7edf9 !important; } }
      .side .accordion .content ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .side .accordion .content ul li {
          padding: .5rem 0;
          font-size: .78rem;
          border-bottom: solid 1px #ddd; }
          .side .accordion .content ul li:last-child {
            border: none; }
          .side .accordion .content ul li .fa-sun-o {
            color: #ff5000; }
      .side .accordion .content .button {
        margin: 0 0 .5rem 0; }

.path {
  margin: 0 0 .75rem 0;
  padding: .75rem;
  background: #1b366e; }
  @media only screen and (min-width: 40.063em) {
    .path {
      margin: 0 0 1px 0; } }
  .path > span {
    font-size: .72rem;
    text-transform: uppercase;
    color: #fff; }
    .path > span a {
      color: #f5f5f5; }
      .path > span a::after {
        content: "\00a0\00a0\f105\00a0";
        font: 0.92rem "FontAwesome";
        color: rgba(255, 255, 255, 0.5); }
    .path > span strong {
      font-weight: 400; }

.button {
  text-transform: uppercase;
  color: #fff; }
  .button.large {
    display: block;
    text-transform: none; }
    .button.large.smoke {
      color: #222;
      text-shadow: 1px 1px white;
      background-color: #f5f5f5;
      background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
      box-shadow: inset -1px -1px 1px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1); }
    .button.large:hover {
      background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.2) 100%); }
    .button.large:active {
      background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); }
  .button.small {
    padding: .45rem 1rem !important;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 50%);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15); }
  .button.tiny.like {
    margin: 0 .175rem .375rem 0;
    border: solid 1px rgba(255, 255, 255, 0.1);
    border-radius: 3px; }
    .button.tiny.like b,
    .button.tiny.like i {
      display: inline-block;
      font-weight: normal;
      font-style: normal; }
    .button.tiny.like b {
      padding: .15rem 0; }
    .button.tiny.like i {
      margin: 0 0 0 .375rem;
      padding: .15rem .375rem;
      color: #1b366e;
      background: rgba(255, 255, 255, 0.75);
      border-radius: 2px; }
    .button.tiny.like:hover i {
      color: #fff;
      background: #c00; }
  .button.tiny.spit {
    padding: 0;
    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
    color: #1b366e;
    background: transparent; }
    .button.tiny.spit::after {
      content: "\00a0\f105";
      font: 0.84rem "FontAwesome"; }
    .button.tiny.spit:hover {
      color: #698eda; }
  .button.tiny.more {
    position: relative;
    padding-right: 1.75rem; }
    .button.tiny.more::after {
      content: "\f105";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      padding: 0 .75rem;
      font: 0.92rem "FontAwesome";
      line-height: 1.4rem; }
  .button.blue {
    background: #23aee8; }
    .button.blue:hover {
      background: #91d7f4; }

form input.date {
  background-image: url(../../_img/ico/bp-calendar.svg);
  background-repeat: no-repeat;
  background-position: 97.5% .25rem;
  background-size: 24px; }
form label .span {
  line-height: 2rem; }
form label.fit {
  margin: 0;
  line-height: 2rem; }
  form label.fit input,
  form label.fit select {
    display: inline;
    margin: 0;
    width: auto;
    vertical-align: middle; }
form h5 {
  font-weight: normal;
  color: #162b58; }
form p {
  margin: 0 0 .5rem 0;
  font-size: .84rem; }
form .important ::-webkit-input-placeholder {
  color: #ff6666; }
form .important ::-moz-placeholder {
  color: #ff6666; }
@media only screen and (min-width: 64.063em) {
  form .button {
    margin-bottom: 0; } }

.list-more .inline-list li a {
  font-size: .84rem; }
.list-more .inline-list li:last-child a::after {
  content: ""; }

@media only screen and (min-width: 64.063em) {
  .off-canvas {
    display: none; } }
.off-canvas .right-off-canvas-toggle {
  z-index: 5;
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.4rem;
  color: #aaa; }
.off-canvas-list {
  margin: 3.5rem 0 0 0;
  border-bottom: solid 1px rgba(255, 255, 255, 0.15); }
  .off-canvas-list a {
    color: #fff; }
  .off-canvas-list li a {
    padding: .3rem 1rem;
    font-size: .92rem;
    border-top: solid 1px rgba(255, 255, 255, 0.15); }
  .off-canvas-list li .right-submenu {
    list-style: none; }
    .off-canvas-list li .right-submenu .back > a {
      font-size: 1.25rem;
      border: 0;
      color: #fff; }
      .off-canvas-list li .right-submenu .back > a::after {
        content: "\f177";
        font-family: "FontAwesome"; }

.pagination-bar {
  text-align: center; }
  .pagination-bar > ul {
    display: inline-block; }
  .main-forum-body .pagination-bar {
    margin: 0;
    text-align: left; }
    .main-forum-body .pagination-bar .pagination {
      margin: 0; }

.panel .left {
  margin: .25rem 1rem 0 0; }
.panel.vaucher {
  background: #fff;
  border: dashed 1px #ff5000;
  color: #ff5000; }
  .panel.vaucher .fa {
    vertical-align: middle; }
  @media only screen and (min-width: 40.063em) {
    .panel.vaucher em {
      float: right; }
      .panel.vaucher em img {
        max-width: 5rem; } }
  .list-offer-head .panel.vaucher {
    max-width: 0 0 .375rem 0;
    padding: .375rem .75rem;
    font-size: .84rem; }
@media only screen and (min-width: 40.063em) {
  .panel.help {
    padding-left: 10rem;
    background: #fff url(../../_img/operator.png) no-repeat left bottom; }
    .panel.help p,
    .panel.help li {
      margin: 0;
      font-size: .72rem !important; } }
.panel.white {
  padding: .75rem .75rem 0 .75rem;
  background: #fff; }
.panel.light {
  background: #e7edf9;
  border: none; }
  .panel.light .panel-title {
    margin: -.75rem -.75rem .75rem -.75rem;
    padding: .75rem;
    background: #1b366e; }
    .panel.light .panel-title > * {
      margin: 0;
      padding: 0;
      color: #fff; }
  .panel.light p,
  .panel.light li {
    font-size: .84rem; }
.panel.dark {
  background: #1b366e;
  border: none; }
  .panel.dark * {
    color: #fff; }
.panel.secondary {
  background: #ff5000;
  border: none; }
  .panel.secondary p,
  .panel.secondary li,
  .panel.secondary div,
  .panel.secondary label {
    color: #fff; }
.panel.foot {
  padding: 0;
  padding: .75rem 0 0 0;
  background: transparent;
  border: none;
  border-top: solid 1px #c9d6f2; }
  .panel.foot * {
    font-size: .72rem; }
  .panel.foot .inline-list {
    margin-bottom: 0; }
.panel.tiny * {
  font-size: .72rem; }
.panel .button {
  margin: 0; }

.reveal-modal {
  border: 0;
  border-radius: 0; }
  .reveal-modal .pp-body p {
    font-size: .92rem; }
  .reveal-modal.full {
    padding: 0;
    max-width: 100% !important;
    min-height: 100%;
    height: auto; }
    .reveal-modal.full.fs {
      height: 100%; }
      .reveal-modal.full.fs .map {
        height: 100%; }
        .reveal-modal.full.fs .map iframe {
          height: 100%; }
  .reveal-modal .close-reveal-modal:hover {
    text-decoration: none; }

.default,
.pricelist {
  width: 100%;
  border-collapse: collapse; }
  .default th,
  .pricelist th {
    text-align: left; }
  .wall .default thead th, .wall
  .pricelist thead th {
    color: #fff;
    background: #1b366e; }
  .default thead td,
  .pricelist thead td {
    font-weight: normal;
    text-align: center; }
  .default tbody th,
  .default tbody td,
  .pricelist tbody th,
  .pricelist tbody td {
    border-top: solid 1px #abc0ea; }
  .default tbody td,
  .pricelist tbody td {
    font-weight: 300; }
    .default tbody td big,
    .pricelist tbody td big {
      font-size: 1.5rem;
      line-height: 2.25rem; }
  .default tbody .extra,
  .pricelist tbody .extra {
    display: block;
    font-weight: 400;
    font-size: .72rem;
    opacity: .75; }
  .default.omen thead th,
  .pricelist.omen thead th {
    text-align: center;
    border: solid 1px #ddd; }
  .default.omen tbody td,
  .pricelist.omen tbody td {
    text-align: center;
    border-left: solid 1px #ddd; }

.accommo {
  clear: both;
  margin: 1rem 0;
  width: 100%;
  border-collapse: collapse; }
  .accommo th,
  .accommo tr.room td {
    text-align: left;
    white-space: nowrap;
    background: #e7edf9; }
    .accommo th .note,
    .accommo tr.room td .note {
      display: inline;
      font-weight: 300;
      color: #666; }
  .accommo td {
    background: #fff;
    border-top: solid 1px #efefef; }
    .accommo td.room .name {
      font-weight: 700; }
    .accommo td.room .note,
    .accommo td.room .discounts {
      font-size: .68rem;
      opacity: .75; }
  .accommo tr.discount td.price,
  .accommo td.room div.discounts {
    color: #f7742c !important; }
  .accommo .rprc {
    font-weight: 700; }
    .accommo .rprc .descr {
      text-align: right; }
  .accommo .total td {
    font-weight: 700;
    font-size: 1rem;
    text-align: right;
    color: #fff;
    background: #ff5000; }
  .accommo select {
    display: inline;
    margin: 0;
    width: 5rem; }
  .accommo label {
    display: inline;
    margin: 0 .25rem 0 0; }

.booking-details th {
  padding: 8px 10px;
  color: #555;
  font: 15px 'Roboto Slab';
  line-height: 18px;
  text-transform: uppercase;
  color: #fff;
  background: #333; }
.booking-details td {
  padding: 8px;
  font-size: 13px;
  line-height: 15px;
  border-bottom: dotted 1px #ccc; }
.booking-details td:nth-child(odd) {
  font-weight: bold;
  color: #666; }
.booking-details tr.bd-total td {
  background: #f7742c;
  color: #fff; }
.booking-details tr.bd-apart th {
  background: #666; }

.tabs {
  font-weight: bold; }
  .tabs .tab-title {
    margin-right: 1px;
    text-transform: uppercase; }
    .list-deals .tabs .tab-title.active a {
      background: #e7edf9; }
    .tabs .tab-title.secondary:not(.active) a {
      color: #fff;
      background: #ff5000; }
    .tabs .tab-title.blue:not(.active) a {
      color: #fff;
      background: #23aee8; }
    .tabs .tab-title.red:not(.active) a {
      color: #fff;
      background: #c00; }
    .tabs .tab-title.green:not(.active) a {
      color: #fff;
      background: #34c448; }
  .tabs-content {
    margin: 0 0 .75rem 0;
    background: #fff; }
    @media only screen and (min-width: 40.063em) {
      .tabs-content .content {
        padding: .75rem; } }
    .tabs-content .content .body-page {
      margin: 0;
      padding: 0; }
    @media only screen and (min-width: 40.063em) {
      .list-deals .tabs-content .content {
        padding-right: 3rem;
        padding-left: 3rem; }
        .list-deals .tabs-content .content .slick-prev {
          left: -2.25rem; }
        .list-deals .tabs-content .content .slick-next {
          right: -2.25rem; } }
    .list-deals .tabs-content {
      background: #e7edf9; }

.color-red {
  color: #c00; }
.color-blue {
  color: #23aee8; }
.color-green {
  color: #34c448; }
.color-orange {
  color: #ff5000; }
.color-steel {
  color: #666; }

.checks-list {
  margin-bottom: 1rem; }
  .checks-list li {
    padding-bottom: .4rem;
    font-size: .88rem; }
    .checks-list li::before {
      content: "\f00c";
      font-family: "FontAwesome";
      color: #1b366e; }

h2 {
  color: #ff5000; }

p small, li small {
  font-size: .68rem; }

.text-small {
  font-size: .72rem; }

.area {
  position: relative;
  margin: 0 0 .75rem 0;
  background: #fff; }
  @media only screen and (min-width: 64.063em) {
    .area {
      margin: 0;
      height: 100%;
      border-bottom: solid 0.75rem #22458c; } }
  .area-head {
    padding: .35rem .75rem;
    background: #162b58; }
    .secondary .area-head {
      background: #ff5000; }
    .area-head > * {
      margin: 0;
      padding: 0;
      color: #fff; }
  .area-body {
    padding: .75rem 0; }
    @media only screen and (min-width: 64.063em) {
      .area-body {
        padding: .75rem .75rem 2.75rem .75rem; } }
    .area-body p {
      font-size: .84rem; }
  .area-foot {
    padding: .5rem .75rem;
    font-size: .78rem;
    text-align: center;
    background: #e1e8f8; }
    @media only screen and (min-width: 64.063em) {
      .area-foot {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0; } }
    .area-foot > a {
      margin: 0 .75rem;
      display: inline-block; }

.list-banner {
  margin: 0 0 .75rem 0;
  text-align: center; }
  .list-banner a {
    color: #fff; }
    .list-banner a img {
      width: 100%; }

.list-deals {
  margin: 0 0 .75rem 0; }
  .list-deals-item {
    position: relative;
    display: block;
    margin: 0 0 .75rem 0; }
    @media only screen and (min-width: 40.063em) {
      .list-deals-item {
        margin: 0 .375rem;
        padding: .5rem;
        background: #fff;
        box-shadow: inset 0 0 0 2px #c3d2f0; }
        .side .list-deals-item {
          margin: 0;
          background: #e7edf9;
          box-shadow: none; } }
    .list-deals-item > span {
      z-index: 2;
      position: relative;
      display: block; }
  .list-deals-title {
    padding: .5rem 0 0 0;
    font: 1.25rem "ropa_soft_proregular", Calibri, sans-serif; }
  .list-deals-star {
    float: right;
    margin: .15rem 0 0 0; }
    .list-deals-star img {
      display: inline-block; }
  .list-deals-subtitle {
    padding: .25rem 0;
    font-size: .68rem;
    text-transform: uppercase;
    color: #aaa; }
  .list-deals-description {
    font-size: .72rem;
    color: #666; }
  .list-deals-badge {
    position: absolute;
    top: 0;
    left: .375rem; }
  .list-deals-percent {
    position: absolute;
    right: .375rem;
    bottom: .3rem; }

.forum {
  font-size: .84rem; }
  .forum-head {
    margin: 1.5rem 0; }
  .forum-body {
    margin: 0 0 .75rem 0; }
  .forum-user {
    margin: 0;
    padding: 0 0 .75rem 0; }
    @media only screen and (min-width: 40.063em) {
      .forum-user {
        padding: .75rem .75rem 0 0; } }
    .forum-user dd {
      margin: 0;
      padding: 0 0 .375rem 0;
      font-size: .72rem; }
      .forum-user dd.forum-user-info {
        font-size: .84rem; }
        .forum-user dd.forum-user-info i {
          color: #666; }
  .forum-comment {
    position: relative;
    padding: .75rem;
    background: #fff; }
    .forum-comment::before {
      position: absolute;
      top: .75rem;
      left: -20px;
      display: block;
      box-sizing: border-box;
      width: 0;
      border: inset 10px transparent;
      border-right: solid 10px #fff; }
      @media only screen and (min-width: 40.063em) {
        .forum-comment::before {
          content: ""; } }
    .forum-comment p {
      font-size: .84rem; }
    .forum-comment-vote {
      color: #666; }
      .forum-comment-vote .inline-list {
        margin-bottom: 0;
        padding: 0; }
        .forum-comment-vote .inline-list li {
          font-size: .72rem; }
          .forum-comment-vote .inline-list li .fa {
            color: #aaa; }
    .forum-comment-thumb {
      float: right;
      display: block;
      margin: 0 0 0 .75rem;
      max-width: 25%; }
      .forum-comment-thumb img {
        width: 100%; }

@media only screen and (min-width: 40.063em) {
  .main-forum-head .spit {
    float: right; } }
.main-forum-body .forum-head {
  margin-top: 0; }
.main-forum-body .forum-user-avatar {
  max-width: 10rem; }
  .main-forum-body .forum-user-avatar img {
    width: 100%; }
.main-forum-foot .inline-list {
  margin-bottom: 0; }

.newsletter {
  display: block;
  margin: 0 0 .75rem 0; }
  @media only screen and (min-width: 40.063em) {
    .newsletter {
      padding: 1rem;
      background: #e7edf9;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } }
  @media only screen and (min-width: 40.063em) {
    .newsletter h4 {
      position: relative;
      padding-left: 2.75rem; }
      .newsletter h4::before {
        content: "\f0e0";
        position: absolute;
        top: .25rem;
        left: 0;
        font: 2rem/2rem "FontAwesome";
        color: #6781A2; } }
  .newsletter input {
    margin: 0; }

.list-offer-head {
  padding: .15rem .375rem;
  margin: 0 0 .375rem 0;
  background: #f0f4fb; }
  @media only screen and (min-width: 40.063em) {
    .clearfix .list-offer-head {
      margin-left: 40.75%; }
      .body-page .clearfix .list-offer-head, .tabs-content .clearfix .list-offer-head {
        margin-left: 30.75%; } }
  .body-title .list-offer-head {
    padding: 0;
    background: transparent; }
.list-offer-foot {
  font-size: .72rem; }
  @media only screen and (min-width: 40.063em) {
    .list-offer-foot {
      margin: .375rem 0 0 0;
      padding: .375rem 0;
      text-align: right;
      border-top: solid 1px #c9d6f2; } }
  .list-offer-foot .inline-list {
    margin-bottom: 0; }
    .list-offer-foot .inline-list li {
      font-size: .72rem;
      line-height: 2rem; }
  .body-title .list-offer-foot {
    margin: 0;
    padding: 0;
    border: none; }
  .body-page .list-offer-foot {
    box-shadow: 0 1px #c9d6f2; }
.list-offer-thumb {
  position: relative;
  font-size: .72rem; }
  @media only screen and (min-width: 40.063em) {
    .list-offer-thumb {
      float: left;
      margin-right: .375rem;
      max-width: 40%; }
      .list-offer-head .list-offer-thumb {
        margin-top: .15rem; }
      .body-page .list-offer-thumb, .tabs-content .list-offer-thumb {
        max-width: 30%; } }
  .list-offer-thumb img {
    width: 100%; }
  .list-offer-thumb-badge {
    position: absolute;
    top: .375rem;
    left: .375rem; }
  .list-offer-thumb-percent {
    position: absolute;
    bottom: .375rem;
    right: .375rem; }
.list-offer-cam {
  position: relative; }
  .list-offer-cam-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .375rem;
    font-size: .72rem;
    text-align: center;
    text-shadow: 0 0 1px #000;
    color: #fff;
    background: rgba(0, 0, 0, 0.75); }
.list-offer-title > * {
  margin: 0;
  padding: 0;
  font-weight: normal; }
.body-title .list-offer-title img {
  vertical-align: text-top; }
.list-offer-subtitle {
  font-size: .72rem; }
  .list-offer-subtitle b {
    font-weight: 400;
    color: #222; }
    @media only screen and (min-width: 40.063em) {
      .list-offer-foot .list-offer-subtitle b {
        margin: 0 0 0 .75rem; } }
  .list-offer-subtitle i:not(.fa) {
    margin: 0 .75rem 0 0;
    font-style: normal;
    color: #666; }
    @media only screen and (min-width: 40.063em) {
      .list-offer-foot .list-offer-subtitle i:not(.fa) {
        margin: 0; } }
.list-offer-price {
  padding: .75rem;
  background: #fff; }
  .list-offer-price big {
    display: block;
    margin: 0 0 .375rem 0;
    font-size: 1.75rem; }
    .list-offer-price big strong {
      font: 150% "ropa_soft_proregular", Calibri, sans-serif;
      color: #ff5000; }
  .list-offer-price small {
    display: block;
    font-size: .68rem;
    line-height: .84rem;
    opacity: .75; }
    .list-offer-price small a {
      display: block;
      text-decoration: underline; }
  .list-offer-head .list-offer-price {
    float: right;
    margin: -0.15rem -0.375rem .375rem .75rem;
    padding: .375rem;
    max-width: 12rem;
    background: #1b366e; }
    .list-offer-head .list-offer-price * {
      color: #fff; }
    .list-offer-head .list-offer-price big {
      font-size: 1rem;
      line-height: 1rem; }
    .list-offer-head .list-offer-price small a {
      display: inline; }
.list-offer-description h3.subheader {
  margin: 0;
  color: #ff5000; }
.list-offer-description p {
  margin: 0 0 .25rem 0;
  font-size: .78rem; }
.list-offer-description li {
  font-size: .78rem; }
@media only screen and (min-width: 40.063em) {
  .list-offer-star {
    float: right;
    line-height: initial; } }
.list-offer-star img {
  width: inherit; }
.list-offer-rate {
  display: block;
  margin: .7rem 0;
  height: 10px; }
  .list-offer-rate > span {
    float: left;
    width: 15.75%;
    font-size: .72rem;
    line-height: 10px;
    text-align: right; }
  .list-offer-rate-scale {
    background: linear-gradient(0deg, #ddd 0%, #eee 100%); }
    .list-offer-rate-scale b {
      display: block;
      height: 10px;
      background: linear-gradient(0deg, #ff5000 0%, rgba(255, 80, 0, 0.8) 100%); }
  .forum .list-offer-rate {
    margin: .15rem 0; }
.list-offer-vote {
  white-space: nowrap; }
  @media only screen and (min-width: 40.063em) {
    .list-offer-vote {
      margin: 0 .25rem 0 1rem; } }
  .list-offer-vote a {
    display: inline-block;
    margin: 0 .75rem 0 0;
    color: #aaa; }
.list-offer .button {
  margin: 0; }
  .list-offer .button.right {
    margin-left: 1.5rem; }
@media only screen and (min-width: 64.063em) {
  .body-page .list-offer {
    position: relative;
    padding: 0 0 2rem 0; }
    .body-page .list-offer::after {
      content: "";
      position: absolute;
      right: -1rem;
      bottom: 0;
      left: -1rem;
      height: .75rem;
      background: #22458c; } }

.list-promo * {
  color: #fff; }
.list-promo-head {
  padding: .75rem;
  font: bold 1.2rem "ropa_soft_proregular", Calibri, sans-serif;
  text-transform: uppercase;
  background: #1b366e; }
  .list-promo-head a:hover {
    color: #fff; }
  .blue .list-promo-head {
    background: #23aee8; }
  .red .list-promo-head {
    background: #c00; }
  .green .list-promo-head {
    background: #34c448; }
.list-promo-body {
  padding: .75rem;
  background: #e7edf9; }
  .list-promo-body p {
    margin: 0;
    padding: 0;
    font-size: .84rem;
    color: #1b366e; }
  .list-promo-body strong {
    display: block;
    color: #ff5000; }
.list-promo .button {
  margin-bottom: 0; }

.search {
  margin: 0 0 .75rem 0;
  background-color: #e7edf9;
  background-image: url(../img/search.png);
  background-size: cover; }
  .search-head {
    padding: .35rem .75rem;
    background: #1b366e; }
    .search-head > * {
      margin: 0;
      padding: 0;
      color: #fff; }
  .search-body {
    padding: .75rem .75rem 0; }
  .search-foot {
    padding: 0 .75rem .75rem; }

@media only screen and (min-width: 40.063em) {
  .list-seo {
    position: relative;
    margin: 0 -.75rem;
    padding: .75rem .375rem;
    background: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25); } }
.list-seo-item {
  height: 100%; }
.list-seo > .row > .columns:nth-child(1) > div {
  background: #a5bbe9; }
.list-seo > .row > .columns:nth-child(2) > div {
  background: #c3d2f0; }
.list-seo > .row > .columns:nth-child(3) > div {
  background: #e1e8f8; }
.list-seo > .row > .columns:nth-child(4) > div {
  background: #ffede5; }
.list-seo h3 {
  display: block;
  margin: 0;
  padding: .35rem .75rem;
  font-size: 1rem;
  text-transform: uppercase;
  color: #fff;
  background: #162b58; }
.list-seo ul {
  margin: 0;
  padding: .5rem .75rem; }
  .list-seo ul li {
    margin: .15rem 0;
    font-size: .84rem; }

.slider-gallery {
  margin: 0 0 .75rem 0;
  background: #1b366e; }
  .slider-gallery button {
    background: transparent; }
  .slider-gallery .slick-prev {
    left: .25rem; }
  .slider-gallery .slick-next {
    right: .25rem; }
  .slider-gallery-for .item img {
    width: 100%; }
  .slider-gallery-nav {
    padding: 1rem 2.5rem; }
    .slider-gallery-nav .item {
      margin: 0 .25rem; }
    .wall .slider-gallery-nav .slick-prev, .wall
    .slider-gallery-nav .slick-next {
      color: #1b366e; }
      .wall .slider-gallery-nav .slick-prev:hover, .wall .slider-gallery-nav .slick-prev:active, .wall
      .slider-gallery-nav .slick-next:hover, .wall
      .slider-gallery-nav .slick-next:active {
        background: transparent; }
  .wall .slider-gallery {
    background: #e7edf9; }

.badge {
  display: inline-block;
  margin: 0 .15rem .375rem 0;
  padding: 0 .375rem;
  font-size: .72rem;
  text-transform: uppercase;
  color: #fff; }
  .badge-white {
    color: #333;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 50%); }
  .badge-red {
    background-color: #c00; }
  .badge-green {
    background-color: #34c448; }
  .badge-blue {
    background-color: #23aee8; }

.contacts li {
  padding: .25rem;
  font-size: .84rem;
  line-height: 1rem; }
  .contacts li:hover {
    background: transparent; }
  .contacts li a:not(.button) {
    margin: 0;
    padding: 0;
    line-height: normal; }
  .contacts li .fa {
    width: 1.2rem;
    text-align: center;
    opacity: .75; }
    .contacts li .fa-mobile {
      font-size: 150%; }
  .contacts li .button {
    margin: 0; }
  .pp-body .contacts li {
    padding: .5rem 0;
    border-top: solid 1px #ddd; }
.contacts-bar {
  display: table;
  margin: -.75rem 0 .75rem 0;
  padding: .75rem;
  width: 100%;
  background: #c9d6f2;
  box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1); }
  .contacts-bar li {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #1b366e; }
    @media only screen and (min-width: 40.063em) {
      .contacts-bar li {
        display: table-cell; } }
    .contacts-bar li .fa {
      font-size: 1.5rem;
      vertical-align: bottom; }

.download {
  margin: 0 0 2rem 0; }
  .download ul {
    padding: 1rem;
    border: solid 2px #ddd;
    border-radius: 5px; }
    @media only screen and (min-width: 64.063em) {
      .download ul {
        width: 50%;
        margin: 0 auto; } }
    .download ul li {
      margin: 0 0 1rem 0;
      padding: 0 0 1rem 0;
      font-size: 1rem;
      border-bottom: dotted 1px #ddd; }
      @media only screen and (min-width: 64.063em) {
        .download ul li {
          font-size: 1.2rem; } }
      .download ul li .fa {
        float: left;
        margin: .25rem .75rem 0 0;
        font-size: 2rem;
        color: #aaa; }
        @media only screen and (min-width: 64.063em) {
          .download ul li .fa {
            font-size: 3rem; } }
        .download ul li .fa.fa-file-pdf-o {
          color: #921b27; }
        .download ul li .fa.fa-file-word-o {
          color: #2a5696; }
        .download ul li .fa.fa-file-excel-o {
          color: #1e7145; }
      .download ul li h4,
      .download ul li p {
        margin: 0;
        padding: 0; }
      .download ul li small {
        color: #666; }
        @media only screen and (min-width: 64.063em) {
          .download ul li small {
            display: block; } }
      .download ul li a > small {
        display: block; }
    .download ul li:last-child {
      margin: 0;
      padding: 0;
      border: 0; }

.hotel-book-info {
  border-top: solid 1px #ddd; }
  .hotel-book-info > * {
    float: left;
    margin: 0;
    padding: .5rem 0;
    font-size: .84rem;
    border-bottom: solid 1px #ddd; }
  .hotel-book-info > dt {
    width: 30%;
    font-weight: 300; }
  .hotel-book-info > dd {
    width: 70%;
    clear: right; }
    .hotel-book-info > dd b {
      font-weight: 400; }

.loader {
  display: inline-block;
  line-height: 2.2rem; }
  .loader svg rect {
    fill: #888; }
  .loader-general {
    z-index: 9;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.75); }
    .loader-general .panel {
      position: absolute;
      top: 50%;
      right: 1rem;
      left: 1rem;
      margin: -3rem auto 0 auto;
      font-weight: 700; }
      @media only screen and (min-width: 64.063em) {
        .loader-general .panel {
          width: 40%; } }

#toTop {
  z-index: 3;
  display: none;
  visibility: hidden;
  position: fixed;
  bottom: 1rem;
  right: .575rem;
  width: 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.15);
  color: #fff;
  background: rgba(27, 54, 110, 0.5);
  border-radius: 50%; }
  @media only screen and (min-width: 64.063em) {
    #toTop {
      visibility: visible; } }
  #toTop:hover {
    background: #000; }

.social a {
  display: inline-block;
  margin: 0 0 0 .05rem;
  min-width: 1.75rem;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: .92rem;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  background: rgba(27, 54, 110, 0.75);
  border-radius: 1rem; }
  .social a:hover {
    background: #1b366e; }
    .main-header .social a:hover {
      background: #fff; }
  .social a strong {
    padding: 0 .75rem;
    font-weight: 400; }
  .social a img {
    width: 1rem;
    vertical-align: middle; }
  .main-header .social a {
    color: #1b366e;
    background: rgba(255, 255, 255, 0.75); }
.social-bar {
  margin: 0 0 .75rem 0; }
  .body-title .social-bar {
    margin: .75rem 0 0 0; }
  .social-bar-plus {
    margin-top: -.75rem;
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1); }

.step {
  display: table;
  margin: 0 0 1.25rem 0;
  padding: 0;
  width: 100%;
  font-family: "ropa_soft_proregular", Calibri, sans-serif;
  text-align: center;
  list-style: none;
  color: #666; }
  @media only screen and (min-width: 40.063em) {
    .step li {
      display: table-cell; } }
  .step li > a,
  .step li > span {
    display: block;
    padding: .5rem 1rem;
    font-size: 1rem; }
    @media only screen and (min-width: 40.063em) {
      .step li > a,
      .step li > span {
        margin-left: .5rem; } }
  @media only screen and (min-width: 40.063em) {
    .step li:first-child > a,
    .step li:first-child > span {
      margin-left: 0; } }
  .step-past a {
    color: #fff;
    background: #1b366e; }
  .step-present span {
    font-weight: 700;
    color: #fff;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.25);
    background: #ff5000; }
  .step-future span {
    color: #4b77d3;
    text-shadow: 1px 1px #fff;
    background: #9fb7e7; }

.toggler {
  margin: 0 0 1.25rem 0; }
  .toggler-head {
    padding: .5rem 1rem;
    font-weight: 400;
    font-size: .84rem;
    background: #e7edf9;
    border: solid 1px #c9d6f2; }
  .toggler-body {
    padding: .5rem 1rem;
    background: #f9fafe;
    border: solid 1px #c9d6f2;
    border-top-style: none; }
  .search .toggler {
    margin: 0;
    font-size: .68rem;
    line-height: 1.75rem;
    text-transform: uppercase; }

.wall {
  font-size: .84rem; }
  @media only screen and (min-width: 40.063em) {
    .body .wall {
      width: 50%; } }
  @media only screen and (min-width: 40.063em) {
    .wall-left {
      float: left;
      margin: 0 1rem 0 0; } }
  @media only screen and (min-width: 40.063em) {
    .wall-right {
      float: right;
      margin: 0 0 0 1rem; } }
  .wall-center {
    margin: 0 auto 1rem auto;
    text-align: center; }
  .wall .inline-list li {
    font-size: .72rem; }
  .wall .map {
    height: 100%; }
    .wall .map iframe {
      height: 350px; }
  .wall .close-reveal-modal {
    display: none; }

@media only screen and (min-width: 64.063em) {
  .clear-right {
    margin-right: 52%; } }

.wfWrapper {
  margin: 20px 0 0 0;
  width: 100%;
  height: 250px; }

.wfCurrentContent,
.wfNonCurrentContent {
  position: relative;
  float: left;
  margin: 0 0 0 5px;
  width: 100px;
  height: 250px;
  vertical-align: top;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 5px; }

.wfCurrentContent:hover,
.wfNonCurrentContent:hover {
  background: #fafafa;
  border-color: #aaa; }

.wfNonCurrentDay {
  display: block;
  margin: 0 0 10px 0;
  padding: 9px 0;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border-bottom: dotted 1px #ddd; }

.wfCurrentContent {
  margin: 0;
  width: 183px; }

.wfCurrentImg,
.wfNonCurrentImg {
  display: block;
  margin: 0 auto; }

.wfCurrentContent .wfCurrentTemp {
  display: inline-block;
  font-weight: normal;
  font-size: 48px;
  line-height: 50px; }

.wfCurrentFeelTemp {
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 13px; }

.wfCurrentFeelTemp span {
  font-weight: bold; }

.wfNonCurrentDate {
  display: block;
  margin: 0 0 10px 0;
  font-size: 13px;
  color: #888; }

.wfNonCurrentTemp {
  display: block;
  padding: 36px 0 12px 0;
  font-size: 14px;
  line-height: 17px;
  color: #777; }

.wfNonCurrentTemp span {
  color: #000; }

.wfNonCurrentCond {
  display: block;
  font-size: 13px; }

.wfCurrentBottom,
.wfNonCurrentBottom {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  padding: 5px 0 0 0;
  font-size: 13px;
  border-top: dotted 1px #ddd; }

@media only screen and (min-width: 64.063em) {
  body {
    background: url(../img/body.jpg) no-repeat 50% 0 fixed;
    background-size: cover; }
    body::after {
      content: "";
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      height: 20rem;
      background-image: linear-gradient(0deg, #1b366e 0%, transparent 100%); }
    body .inner-wrap {
      z-index: 2;
      margin: .75rem auto;
      padding: .75rem;
      max-width: 64rem;
      background: #22458c; } }