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

/* ----------------------------------------
  Logo
------------------------------------------*/
#main-logo {
  width: 176px;
  padding: 5px 0px;
  margin: 0px; }

#main-logo-min {
  width: 145px;
  padding: 10px 0;
  margin: 0px; }

/* ----------------------------------------
  Menu
------------------------------------------*/
#top-navigation-menu li {
  padding: 10px 0; }
  #top-navigation-menu li .top-navigation-content-wrap {
    padding-right: 22px;
    margin-right: 22px; }
#top-navigation-menu .sub_menu {
  margin-top: 35px; }

/* ----------------------------------------
  Page Crumbs
------------------------------------------*/
#crumbs {
  margin-top: 2px; }

/* ----------------------------------------
  Home Page
------------------------------------------*/
.widget-home-page .divider {
  margin: 20px 29px !important;
  border-top: 1px dashed #ddd; }
.widget-home-page .widget-container {
  width: 380px;
  background: #fff;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  text-align: left; }
.widget-home-page .awards-container {
  width: 380px;
  margin-right: auto;
  margin-left: auto;
  background: #fff;
  padding: 30px 0px; }
  .widget-home-page .awards-container a.award {
    height: 135px; }

/* ----------------------------------------
  Button Blue
------------------------------------------*/
.button-alt.blue {
  background-color: #677c8b; }
  .button-alt.blue:hover {
    border: 2px solid #fff;
    outline: 2px solid #677c8b; }

/* ----------------------------------------
  Slider Revolution Captions
------------------------------------------*/
.tp-caption.sliderTitle {
  background: rgba(0, 0, 0, 0.7);
  padding: 29px 26px;
  color: #fff;
  font-size: 3.6em;
  font-weight: 900; }
.tp-caption.sliderSubTitle {
  background-color: #fff;
  color: #7d7d7d;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 26px;
  white-space: nowrap;
  padding: 10px 20px; }

/* ----------------------------------------
  Footer
------------------------------------------*/
ul.footer {
  margin: 0px; }
  ul.footer li {
    line-height: 31px;
    margin-bottom: 8px;
    background-color: #788C9A;
    display: block; }
    ul.footer li a {
      text-decoration: none;
      display: block;
      margin: 10px; }

#footer-wrap a {
  color: #fff;
  text-decoration: none; }
  #footer-wrap a:hover {
    color: #C0CEEA; }

/* ----------------------------------------
  Reservation Widget
------------------------------------------*/
#reservation-widget-wrap {
  right: 20px;
  top: 65px; }
  #reservation-widget-wrap .reservation-widget-block {
    float: left;
    width: 96px;
    margin-right: 20px; }
  #reservation-widget-wrap #adults-wrap {
    margin-left: 10px; }
  #reservation-widget-wrap .info p {
    padding: 0px 0px 5px 0px;
    margin: 0px;
    font-size: 0.8em;
    color: rgba(222, 84, 61, 0.8);
    font-style: italic; }
    #reservation-widget-wrap .info p strong {
      color: rgba(222, 84, 61, 0.9);
      font-style: normal; }

.ui-datepicker th {
  background-color: white;
  text-transform: capitalize;
  color: black; }

.reservation-widget-wrap {
  margin-top: -20px; }
  .reservation-widget-wrap .ui-datepicker-prev {
    text-decoration: none;
    float: left !important;
    padding: 16px 0px 0px 12px; }
  .reservation-widget-wrap .ui-datepicker-title {
    font-size: 1.2em;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    padding: 15px 20px !important;
    width: 288px !important;
    background: #fff !important; }
  .reservation-widget-wrap .ui-datepicker-next {
    float: right !important;
    text-decoration: none;
    padding: 16px 12px 0px 0px; }
  .reservation-widget-wrap .ui-datepicker-calendar {
    width: 100px;
    margin-top: 0px; }
    .reservation-widget-wrap .ui-datepicker-calendar td {
      background-color: #fff;
      padding: 6px; }
    .reservation-widget-wrap .ui-datepicker-calendar td a {
      text-decoration: none;
      font-weight: bold; }
      .reservation-widget-wrap .ui-datepicker-calendar td a .ui-datepicker-unselectable {
        background-color: #f3f3f3 !important; }
    .reservation-widget-wrap .ui-datepicker-calendar .ui-datepicker-other-month {
      opacity: 1; }

/* ----------------------------------------
  Reservation Pages
------------------------------------------*/
#reservation-step1-form .icon-chevron-left, #reservation-step1-form .icon-chevron-right {
  cursor: pointer; }

div.prosfora-description {
  font-weight: 300;
  font-size: 0.6em;
  border-top: 1px dotted #e0e0e0;
  padding-top: 0px;
  margin: 0px 0px 10px 0px; }
  div.prosfora-description span {
    font-size: 1em; }
  div.prosfora-description strike {
    color: red; }

.room_features ul {
  list-style: none;
  padding: 0px;
  margin: -10px 0 0 0; }
  .room_features ul li {
    float: left;
    margin: 0 5px 3px 0;
    padding: 4px 5px 3px;
    background: none;
    background-color: #666;
    color: #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    line-height: 14px; }

form div.error p {
  color: red;
  font-size: 0.9em;
  margin-bottom: -4px; }

.room-reservation-wrap .room-reservation-title a {
  text-decoration: none;
  font-size: 1.8em;
  float: left;
  margin-bottom: 10px; }
.room-reservation-wrap .room-info {
  display: table;
  width: 100%; }
  .room-reservation-wrap .room-info .room-reservation-price {
    margin-top: 6px;
    float: none; }
    .room-reservation-wrap .room-info .room-reservation-price span.nights {
      color: #e16551; }
  .room-reservation-wrap .room-info .room-reservation-select {
    color: white;
    text-decoration: none;
    float: right;
    margin: 0px;
    font-size: 1.2em; }
  .room-reservation-wrap .room-info .room-reservation-price strike {
    font-weight: bold;
    color: #e16551; }
  .room-reservation-wrap .room-info .room-reservation-description {
    font-style: italic; }
  .room-reservation-wrap .room-info .room-reservation-person {
    padding: 0px 10px;
    float: left;
    color: #e16552; }

@media only screen and (max-width: 480px) {
  .room-info {
    min-width: 310px; } }
#edit-reservation {
  text-decoration: none; }

/* ---------------------------------------------------------------------- */
/*  Room Extras (Reservation Step 2)
/* ---------------------------------------------------------------------- */
.extras-list {
  margin-top: 10px;
  padding: 10px;
  background-color: #f6f6f6;
  font-size: 0.9em; }
  .extras-list h5 {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-weight: normal;
    text-transform: none; }
  .extras-list p {
    margin: 0px; }
  .extras-list .extra-title {
    color: #999; }
  .extras-list .extra-price {
    color: #e16552; }
  .extras-list .form-group {
    margin: 0px; }
    .extras-list .form-group input {
      position: relative;
      top: 3px; }

/* ----------------------------------------
  Gallery
------------------------------------------*/
.my_Gallery {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0px; }
  .my_Gallery li {
    float: left;
    margin: 5px; }
  .my_Gallery .gallery-item-wrap {
    display: inline-block; }
    .my_Gallery .gallery-item-wrap .gallery-image-wrap .gallery-overlay-wrap {
      position: relative; }
      .my_Gallery .gallery-item-wrap .gallery-image-wrap .gallery-overlay-wrap .room-overlay-readmore {
        padding: 14px 16px; }
      .my_Gallery .gallery-item-wrap .gallery-image-wrap .gallery-overlay-wrap .icon-search {
        font-size: 0.8em !important; }
  .my_Gallery .gallery-header {
    text-transform: uppercase;
    font-weight: 700;
    text-align: center; }
  .my_Gallery img {
    height: auto;
    max-width: 100%;
    padding: 4px;
    background: #fff;
    border: solid 1px #ccc;
    border-bottom-color: #aaa;
    border-right-color: #aaa; }
    .my_Gallery img:hover {
      box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75); }

@media (max-width: 517px) {
  ul.my_Gallery li {
    width: 100px;
    height: 100px;
    margin: 8px; } }
/* ----------------------------------------
  Single Room Page
------------------------------------------*/
.reservation-page-wrap .bannercontainer {
  max-height: none; }
  .reservation-page-wrap .bannercontainer .room-cover {
    width: 100%; }

#room-content li {
  margin: 0px; }

.single-room-cover {
  width: 100%;
  height: 370px;
  overflow: hidden;
  margin: 10px;
  position: relative;
  margin: 0 0 30px 0; }
  .single-room-cover img {
    position: absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    min-width: 100%; }

#room-parametr p {
  margin: 8px 0; }

/* ----------------------------------------
  Forms
------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="email"],
textarea, select {
  padding: 10px;
  margin: 0 0 10px 0;
  width: 100%; }

.form-field-wrap input {
  width: 340px; }
.form-field-wrap textarea {
  width: 724px; }

/* Style for a width of 1290+ */
@media only screen and (min-width: 1290px) {
  input.full-width {
    width: 724px; } }
/* Style for Desktops and Laptops */
@media only screen and (min-width: 1030px) and (max-width: 1289px) {
  input.full-width {
    width: 724px; } }
/* Style for Tablet (Portrait and Landscape) */
@media only screen and (min-width: 769px) and (max-width: 1029px) {
  input.full-width {
    width: 440px; } }
/* Style for Mobile Devices (Landscape and Portrait) */
@media only screen and (max-width: 480px) {
  input.full-width {
    width: 290px; } }
@media only screen and (max-width: 770px) {
  #header-reservation-button {
    display: none; } }
/* ----------------------------------------
  Contact Form
------------------------------------------*/
#contact-form-wrap .contact-form-group {
  position: relative;
  float: left;
  margin: 0 10px 0 0; }
#contact-form-wrap .error {
  margin: 0px;
  color: red;
  font-size: 0.8em;
  min-height: 24px;
  position: absolute;
  top: -20px; }
#contact-form-wrap input {
  width: 240px;
  padding: 10px; }

/* ----------------------------------------
  Footer
------------------------------------------*/
.footer-divider {
  border-top: 1px dotted #fff;
  padding: 8px 0px 8px 0px; }

#footer-contact-info-wrap {
  margin: 0px;
  border: 0px;
  padding: 0px; }
  #footer-contact-info-wrap .fa {
    margin-right: 8px; }
  #footer-contact-info-wrap .item-wrap {
    margin-bottom: 8px; }
    #footer-contact-info-wrap .item-wrap .title {
      font-weight: bold; }
    #footer-contact-info-wrap .item-wrap .item-value {
      float: right;
      width: 210px;
      text-align: right; }

.fa-footer {
  color: #677C8B; }

#copyright-wrap {
  padding-top: 10px; }

/* ----------------------------------------
  Home page
------------------------------------------*/
#home-textarea-1 {
  float: right;
  width: 450px;
  font-size: 0.95em;
  margin-right: 40px;
  line-height: 2em; }

#home-textarea-2 {
  width: 340px;
  line-height: 2em; }

/* ----------------------------------------
  Page
------------------------------------------*/
.side-map {
  margin-bottom: 30px; }
  .side-map .subtitle {
    font-size: 0.7em;
    text-align: center; }

.places-near .place {
  border-bottom: 1px solid #ddd;
  padding: 10px; }
  .places-near .place .title {
    float: left; }
    .places-near .place .title a {
      text-decoration: none; }
  .places-near .place .type {
    line-height: 0.5em;
    font-size: 0.8em;
    color: #FBC520;
    font-style: italic; }
  .places-near .place .distance {
    float: right;
    font-size: 1.1em;
    color: #de543e;
    position: relative;
    top: 4px; }

form.booking-sidebar .form-group-check-in, form.booking-sidebar .form-group-check-out {
  width: 40%;
  float: left;
  margin-right: 20px; }
form.booking-sidebar .error {
  margin: 0px;
  color: red;
  font-size: 0.8em;
  min-height: 24px;
  position: relative;
  top: 20px;
  line-height: 1.1em; }

/* ---------------------------------------------------------------------- */
/*  Item Features
/* ---------------------------------------------------------------------- */
table.item-features td {
  text-align: left;
  padding: 5px 10px;
  border-left: none;
  border-right: none; }
table.item-features tbody > tr:nth-child(odd) > td,
table.item-features tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }
table.item-features .feature-group {
  color: #ae582d;
  font-weight: bold; }
table.item-features .bullet {
  font-weight: bold;
  font-style: none;
  color: #888; }
table.item-features .feature {
  padding: 0px 5px;
  font-style: italic; }

/* ---------------------------------------------------------------------- */
/*  Horizontal divider
/* ---------------------------------------------------------------------- */
.text-divider {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 2.3em;
  color: #677c8b; }
  .text-divider:after {
    display: inline-block;
    margin: 0 0 8px 20px;
    height: 1px;
    content: " ";
    text-shadow: none;
    border-bottom: dashed 2px #ccc;
    width: 30%; }
  .text-divider:before {
    display: inline-block;
    margin: 0 20px 8px 0;
    height: 1px;
    content: " ";
    text-shadow: none;
    border-bottom: dashed 2px #ccc;
    width: 30%; }

/* ---------------------------------------------------------------------- */
/*  Shortcode: Call To Action (cta)
/* ---------------------------------------------------------------------- */
.cta {
  background-color: #333;
  padding: 30px 200px 30px 30px;
  margin-top: 36px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  position: relative; }
  .cta a.cta-button {
    background-color: #de543e;
    position: absolute;
    top: 50%;
    margin: -18px 0 0;
    right: 20px;
    padding: 0 32px;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 52px;
    cursor: pointer;
    color: #FFF;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-decoration: none !important; }
  .cta .cta-caption {
    font-size: 2em;
    padding-bottom: 20px;
    color: white; }
  .cta .cta-body {
    color: #CCC;
    width: 95%; }

/* ---------------------------------------------------------------------- */
/*  Pricing Page
/* ---------------------------------------------------------------------- */
.pricing-page table {
  margin-bottom: 0px; }
.pricing-page .prices-notes {
  font-size: 0.9em;
  color: gray;
  padding-top: 5px; }
  .pricing-page .prices-notes span.fa {
    color: #de543e;
    padding: 0 5px 0 10px; }

/* ---------------------------------------------------------------------- */
/*  Pricing Page
/* ---------------------------------------------------------------------- */
.my-panel {
  padding: 10px;
  color: white; }
  .my-panel h2 {
    color: white;
    margin-top: 0px;
    border-bottom: white 1px dashed; }
  .my-panel li {
    margin-bottom: 0px; }
  .my-panel i {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 200; }

.panel-red {
  background-color: #de543e; }

.panel-blue {
  background-color: #677c8b; }

/*# sourceMappingURL=theme.css.map */
