@charset "UTF-8";
/*
Theme Name: Sun Resort
Theme URI: http://www.cssigniter.com/themes/sunresort/
Author: CSSIgniter.com
Author URI: http://www.cssigniter.com
Description: A Hotel Theme for WordPress
Version: 1.2.3
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ci_theme
Domain Path: /lang
*/
/* -----------------------------------------
	Table of Contents
--------------------------------------------

.. 01. General
.. 02. Main Navigation
.. 03. Header
.. 04. Modules
.. 05. Footer
.. 06. Comments
.. 07. Widgets Styling
.. 08. WordPress defaults
.. 09. Mobile Menu
.. 10. External Plugins
.. 11. Global Mediaqueries

*/

/*BE CSS*/




/* -----------------------------------------
	01. General
----------------------------------------- */
/* Basic Typography
=================================== */
body {
  line-height: 1.875;
  font-size: 16px;
  color: #4b4b4b;
  font-family: "Raleway", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  margin: 0 0 25px 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-weight: 400;
}

p {
  margin: 0 0 20px 0;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

a {
  transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
  outline: none;
  text-decoration: none;
}
a:hover, a:focus {

  outline: none;
  text-decoration: none;
}
a:active {
  outline: none;
}

.group:before, .group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.group:after {
  clear: both;
}

/* General Element Styling
=================================== */
/* Reset figure margin from normalize.css */
figure {
  margin: 0;
}

/* Lists */
ul, ol {
  padding-left: 20px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

dl {
  margin: 0 0 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 0 15px;
}

/* Blockquotes */
blockquote {
  margin: 20px 0;
  padding-left: 15px;
  border-left: 3px solid #ccc;
  font-size: 17px;
  font-weight: 300;
}
blockquote cite {
  display: block;
  font-weight: bold;
  font-style: italic;
  margin: 10px 0 0;
  color: rgba(75, 75, 75, 0.8);
  font-size: 14px;
}


/* Embeds and iframes
=================================== */
embed,
iframe,
object,
video,
audio {
  margin-bottom: 15px;
  max-width: 100%;
  border: 0;
}

p > embed,
p > iframe,
p > object,
p > audio,
span > embed,
span > iframe,
span > object,
span > audio {
  margin-bottom: 0;
}

#map,
.map * {
  max-width: none !important;
}

/* CI-Slider Overrides
=================================== */
.ci-slider {
  margin: 0;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  border: 0;
}
.ci-slider.loading:before {
  width: 40px;
  height: 40px;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
  content: "";
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 1000;
}
.ci-slider .slides li:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1000;
}

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
.ci-direction-nav a {
  top: 50%;
  opacity: 0.7;
  line-height: normal;
}
.ci-direction-nav a:hover {
  color: #FFF;
  opacity: 1;
}

.ci-control-paging li {
  margin: 0 4px;
}
.ci-control-paging li a {
  height: 13px;
  width: 13px;
  border-radius: 2px;
  box-shadow: none;
  background-color: #E1E1E1;
}
.ci-control-paging li a.ci-active, .ci-control-paging li a:hover {
  background-color: #00AEEF;
}

.ci-slider .slides > li:first-child {
  display: block;
  /* Display flexslider's first item no matter if its loading or not */
  -webkit-backface-visibility: visible;
}

.ci-slider.loading .slides > li:first-child {
  opacity: 1 !important;
  /* Remove the fade in/out animation when the slider loads */
}

/* Magnific Popup Overrides
=================================== */
.mfp-preloader {
  width: 40px;
  height: 40px;
  background-color: #FFF;
  border-radius: 100%;
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
  background-color: #00AEEF;
  text-indent: -999em;
  margin: 0 auto;
}

button.mfp-close,
button.mfp-arrow {
  border: none;
}
button.mfp-close:hover,
button.mfp-arrow:hover {
  background: none;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #00AEEF;
}

.mfp-arrow {
  line-height: 0.3;
}
.mfp-arrow:before, .mfp-arrow:after {
  border: none;
}
.mfp-arrow:after {
  font-family: FontAwesome;
  font-size: 70px;
  color: #00AEEF;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mpf-a {
  content: "\f105";
}

.mfp-arrow-left:after,
.mfp-arrow-left .mpf-a {
  content: "\f104";
}

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

/* -----------------------------------------
	02. Main Navigation
----------------------------------------- */
.nav {
  position: relative;
  background-color: rgba(0, 0, 0, 0.67);
  padding: 0 10px;
  z-index: 10;
  height: 40px;
}

.nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.navigation:before, .navigation:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navigation:after {
  clear: both;
}
.navigation li {
  position: relative;
  z-index: 100;
}
.navigation > li {
  display: inline-block;
}
.navigation ul {
  position: absolute;
  z-index: 300;
  top: -999em;
}
.navigation li:hover > ul,
.navigation .sfHover > ul {
  top: auto;
}
.navigation li li:hover > ul,
.navigation li .sfHover > ul {
  top: -1px;
  left: 100%;
}
.navigation li li li:hover > ul,
.navigation li li .sfHover > ul {
  top: -1px;
  left: 100%;
}
.navigation a, .navigation .navigation a:visited {
  display: block;
  white-space: nowrap;
}
.navigation.right-nav {
  text-align: right;
}
.navigation.right-nav ul {
  text-align: left;
}
.navigation.right-nav li:last-child:hover > ul, .navigation.right-nav li:last-child.sfHover ul {
  right: -10px;
  left: auto;
}
.navigation.right-nav li:last-child li:hover > ul,
.navigation.right-nav li:last-child .sfHover > ul {
  right: 100%;
}
.navigation a {
  color: #FFF;
  font-size: 12px;
  letter-spacing: 0.1em;
  padding: 10px 7px 9px;
  height: 40px;
  /* Global Menu Link Styles */
}
.navigation a:hover,
.navigation .sfHover > a {
  text-decoration: none;
  color: #479ce5;
  /* First Level & Global Menu Link Hover Styles */
}
.navigation > li > a {
  /* First Level Menu Link Styles */
}
.navigation > li ul a {
  background-color: rgba(0, 0, 0, 0.55);
  margin-top: 1px;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 200px;
  /* All Other Menu Level Link Styles */
}
.navigation > li ul a:hover,
.navigation > li ul .sfHover > a {
  background-color: rgba(0, 0, 0, 0.67);
  /* All Other Level Menu Link Hover Styles */
}
.navigation > li > a:hover,
.navigation > li.sfHover > a,
.navigation > li.sfHover > a:active,
.navigation > li.current_page_item > a,
.navigation > li.current-menu-item > a,
.navigation > li.current-menu-ancestor > a,
.navigation > li.current-menu-parent > a,
.navigation > li.current > a {
  color: #479ce5;
  /* WordPress First Level Current/Ancestor Hover Page Styles */
}
.navigation ul {
  /* All Lower Level Menu ContaineÍr Styles */
}
.navigation a.sf-with-ul {
  padding-right: 18px;
  position: relative;
  /* Styling for navigation arrows  ---------- */
}
.navigation.sf-arrows .sf-with-ul:after {
  content: '\f078';
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -9px;
  font-size: 8px;
  font-weight: normal;
}
.navigation.sf-arrows ul .sf-with-ul:after {
  right: 8px;
  content: "\f054";
  margin-top: -7px;
  /* Styling for right facing arrows  ---------- */
}

.nav-inline {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-inline li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin: 0 5px;
  letter-spacing: 0;
}
.nav-inline li a {
  color: #a5a5a5;
}
.nav-inline li a:hover {
  color: #479ce5;
}

/* -----------------------------------------
	03. Header
----------------------------------------- */
.top-head {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 13px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #6e6e6e;
  height: 32px;
  padding-top: 10px;
}
.header-alt .top-head {
  text-align: right;
}

.logo-wrap {
  position: absolute;
  z-index: 10;
  background-color: #FFF;
  text-align: center;
  width: 100%;
  left: 0;
  top: -40px;
  padding: 20px;
}
.header-alt .logo-wrap {
  width: 190px;
}
.logo-wrap:before {
  content: "";
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  border: 1px solid #00AEEF;
  position: absolute;
  top: 9px;
  z-index: -1;
  left: 9px;
}
.logo-wrap a {
  display: block;
  width: 100%;
  height: 100%;
}

.site-logo {
  margin: 0;
  line-height: 1;
  text-transform: uppercase;
  font-size: 34px;
  font-weight: 700;
}

.site-tagline {
  text-transform: uppercase;
  font-size: 12px;
  line-height: normal;
  margin: 7px 0 0;
}

.head-right {
  text-align: right;
}
.head-right .widget {
  display: inline-block;
  margin: 0 0 0 15px;
}
.head-right .widget-title {
  display: none;
}

/* -----------------------------------------
	04. Modules
----------------------------------------- */
.main {
  padding: 70px 0;
}

/* Page Hero
=================================== */
.page-hero {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  height: 310px;
  padding-top: 205px;
  margin-top: -40px;
}

.hero-title {
  margin: 0;
  line-height: normal;
  color: #FFF;
  font-size: 48px;
}
.page-template-template-homepage .hero-title {
  display: none;
}

/* Homepage Slider
=================================== */
.home-slider {
  position: relative;
  top: -40px;
  margin: 0 0 -40px;
}
.home-slider .slides li {
  position: relative;
  padding-bottom: 45.6%;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.home-slider .ci-direction-nav a:before {
  color: #FFF;
}
.home-slider .ci-control-nav {
  z-index: 50;
  bottom: 15px;
}
.home-slider .ci-control-nav a {
  background-color: #FFF;
  opacity: 0.6;
}
.home-slider .ci-control-nav a.ci-active, .home-slider .ci-control-nav a:hover {
  opacity: 1;
  background-color: #FFF;
}

.slide-content {
  text-align: center;
  padding: 0 20%;
  color: #FFF;
  width: 100%;
  position: absolute;
  top: 55%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slide-subtitle {
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 0 5px;
}

.slide-title {
  font-size: 60px;
  line-height: 0.8;
  margin: 0 0 40px;
}

.ci-map {
  width: 100%;
  padding-bottom: 46%;
}
.ci-map * {
  max-width: none;
}

.map-wrap {
  padding: 5px;
  border: 1px solid #B7B7B7;
  margin: 0 0 50px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
}

/* Entry Styles
=================================== */
.entry {
  margin: 0 0 70px;
}
.entry:only-of-type {
  margin: 0;
}

.entry-title {
  font-size: 36px;
}

.entry-meta {
  margin: -20px 0 30px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.entry-thumb {
  margin-bottom: 30px;
}
.entry-thumb.alignnone, .entry-thumb.alignleft, .entry-thumb.alignright, .entry-thumb.aligncenter {
  margin-top: 0;
}

.entry-time:after {
  content: "•";
  font-size: 1.7em;
  line-height: 0;
  position: relative;
  top: 3px;
  left: 2px;
  margin: 0 5px;
  opacity: 0.7;
}

.entry-content:before, .entry-content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.entry-content:after {
  clear: both;
}
.entry-content a {
  color: #4b4b4b;
  font-weight: 500;
  border-bottom: 1px solid #6DCFF6;
  box-shadow: inset 0 -2px 0 #6DCFF6;
  -webkit-transition: box-shadow 0.15s ease, border-color 0.15s ease;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.entry-content a:hover {
  box-shadow: inset 0 -2px 0 #4b4b4b;
  border-color: #4b4b4b;
}
.entry-content .fluid-width-video-wrapper {
  margin: 30px 0;
}
.entry-content blockquote {
  margin: 25px 0;
  font-size: 26px;
  line-height: 1.5;
  border-left-color: #E8E8E8;
}

.text-primary {
  color: #479ce5;
  font-size: 1.25em;
  line-height: 1.5;
}

/* Items
=================================== */
.row.row-joined {
  margin: 0;
}
.row.row-joined [class^="col"] {
  padding: 0;
}

.item-list {
  margin-bottom: 40px;
}

.item {
  margin: 0 0 30px;
  transition: opacity 0.18s ease;
}
.row-joined .item {
  margin-bottom: 0;
}
.item > a {
  display: block;
  position: relative;
}
.item.transparent {
  opacity: 0.5;
}

.item-details {
  position: absolute;
  background-color: #FFF;
  bottom: 15px;
  right: 15px;
  width: 80%;
  text-align: right;
  padding: 10px 12px 11px;
}

.item-title,
.item-subtitle {
  margin: 0;
  line-height: normal;
}

.item-title {
  font-size: 24px;
}
.sidebar .item-title, .footer .item-title {
  font-size: 20px;
}

.item-subtitle {
  text-transform: uppercase;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #a5a5a5;
}

.item-offer-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  background-color: #FFF;
  font-size: 14px;
  padding: 0 15px;
}

.ci-zoom {
  display: inline-block;
}
.ci-zoom:after {
  font-family: FontAwesome;
  content: "\f00e";
  line-height: 1;
  color: #FFF;
  opacity: 0.5;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -16px;
}

.item-media {
  overflow: hidden;
  zoom: 1;
  margin: 0 0 50px;
}
.item-media .item-thumb {
  float: left;
  max-width: 240px;
  margin-right: 30px;
}
.item-media .item-content {
  overflow: hidden;
  zoom: 1;
}
.item-media .item-title {
  margin: 0 0 15px;
}

@media (min-width: 992px) {
  [class^="col-md-3"] .item-details {
    position: static;
    width: 100%;
    text-align: left;
  }
}
/* Isototpe
=================================== */
.filters-nav {
  margin: 0 0 45px;
  padding: 0;
  list-style: none;
}
.filters-nav li {
  display: inline-block;
}
.filters-nav li a {
  text-transform: uppercase;
  color: #a5a5a5;
  margin-right: 10px;
}
.filters-nav li a.selected, .filters-nav li a:hover {
  color: #4b4b4b;
  border-bottom: 1px solid #6DCFF6;
  box-shadow: inset 0 -2px 0 #6DCFF6;
  -webkit-transition: box-shadow 0.15s ease, border-color 0.15s ease;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

/* Pagination
=================================== */
#paging {
  margin: 70px 0 0;
}
#paging.centered {
  text-align: center;
}
#paging ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#paging ul li {
  display: inline-block;
}
#paging a,
#paging > span,
#paging li span {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  padding: 18px 23px;
  margin: 0 3px 0 0;
  line-height: normal;
  border: 1px solid #B7B7B7;
  color: #B7B7B7;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
}
#paging a:hover {
  border-color: #479ce5;
}
#paging .current {
  color: #FFF;
  border-color: #00AEEF;
  background-color: #00AEEF;
}

/* Room Page
=================================== */
.room-slider {
  margin: 0 0 50px;
}

.room-slider-controls {
  position: absolute;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 100;
  line-height: normal;
  text-align: right;
}
.room-slider-controls a {
  display: inline-block;
  width: 67px;
  height: 67px;
  color: #FFF;
  background-color: #479ce5;
  font-size: 50px;
  line-height: 64px;
  text-align: center;
  vertical-align: middle;
  margin-left: -2px;
}
.room-slider-controls a:hover {
  background-color: #00AEEF;
}

.image-caption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  max-width: 0;
  transition: all 0.4s ease;
  float: left;
}
.image-caption span {
  display: block;
  background-color: #FFF;
  height: 67px;
  font-size: 24px;
  padding: 18px 15px 0;
  color: #a5a5a5;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-amenities {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-amenities li:before {
  font-family: FontAwesome;
  content: "\f005";
  color: #00AEEF;
  margin-right: 7px;
}

/* Booking Form
=================================== */
.booking-form .row {
  margin-bottom: 20px;
}

.booking-wrap {
  margin: 0 0 50px;
}
.booking-wrap:before, .booking-wrap:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.booking-wrap:after {
  clear: both;
}
.booking-wrap > div {
  position: relative;
  float: left;
  width: 23.5%;
  margin-right: 2%;
}
.booking-wrap > div:last-child {
  margin-right: 0;
}

.departure,
.arrival {
  position: relative;
}

.bookbtn {
  text-align: center;
}

.booking-form .dk-select, .booking-form
.dk-select-multi {
  width: 100%;
}

.dk-selected {
  border: 1px solid #B7B7B7;
  border-radius: 0;
  text-transform: uppercase;
  color: rgba(75, 75, 75, 0.5);
  font-weight: normal;
  font-size: 14px;
  height: 56px;
  padding: 15px 12px 0;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
  transition: border-color 0.18s ease;
}
.dk-selected:hover {
  border-color: #479ce5;
}
.dk-selected:after {
  border: 0;
}
.dk-selected:before {
  border: none;
  font-family: FontAwesome;
  content: "\f107";
  font-size: 24px;
  color: #00AEEF;
  margin: -12px 15px 0 0;
}
.field-error .dk-selected {
  border-color: #b35146;
}
.dk-select-open-up .dk-selected:before {
  content: "\f106";
}

.dk-select-options .dk-option-highlight,
.dk-select-options .dk-option-selected {
  background-color: #479ce5;
  color: #FFF;
}

.dk-select-open-down .dk-selected,
.dk-select-open-up .dk-selected {
  border-color: #479ce5;
}
.dk-select-open-down.field-error .dk-selected,
.dk-select-open-up.field-error .dk-selected {
  border-color: #b35146;
}

.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
  border-color: #479ce5;
  border-radius: 0;
}

.dk-option {
  padding: 3px 12px;
}
.form-success {
  background-color: #2fb390;
  color: #FFF;
  font-size: 16px;
  line-height: 1.5;
  padding: 10px 20px 10px 59px;
  margin: 0 0 30px;
  position: relative;
}
.form-success p {
  overflow: hidden;
  zoom: 1;
  margin: 0;
}

.form-error {
  position: relative;
  background-color: #b35146;
  color: #FFF;
  font-size: 16px;
  line-height: 1.5;
  padding: 15px 20px 15px 59px;
  margin: 0 0 30px;
}
.form-error p {
  margin: 0 0 10px;
}
.form-error ul {
  margin: 0;
  font-size: 15px;
  list-style: none;
  padding: 0;
}
.form-error ul li:before {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 0.7em;
  position: relative;
  top: -2px;
  margin-right: 7px;
}

.form-box-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1);
  text-indent: 2px;
}
.form-box-icon i {
  font-size: 24px;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  margin-top: -14px;
}
/* -----------------------------------------
	05. Footer
----------------------------------------- */
.footer {
  text-align: center;
  margin: 0 0 30px;
  position: relative;
  padding-top: 90px;
}
.footer .widget {
  margin: 0 0 30px;
}
.footer .widget:last-of-type {
  margin-bottom: 0;
}
.footer:before {
  width: 240px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -120px;
  content: "";
  display: block;
  height: 15px;
  background: linear-gradient(-45deg, transparent 50%, #00AEEF 53%, transparent 56%), linear-gradient(45deg, transparent 50%, #00AEEF 53%, transparent 56%);
  background-size: 30px 15px, 30px 15px;
  background-position: -6px 0, 36px 0;
}

.footer-text {
  text-transform: uppercase;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  letter-spacing: 0;
  color: #a5a5a5;
}

/* -----------------------------------------
   06. Comments
----------------------------------------- */
#comments {
  margin: 40px 0 0;
}

#comment-list {
  margin: 0;
  list-style: none;
  padding: 0;
}
#comment-list ol {
  list-style: none;
}
@media (max-width: 767px) {
  #comment-list ol {
    margin: 0;
    padding: 0;
  }
}
#comment-list .comment-body {
  margin-bottom: 20px;
  padding-top: 20px;
}
#comment-list > .comment:first-child > .comment-body {
  border-top: none;
  padding-top: 0;
}

.post-comments {
  margin: 0 0 45px;
}

.comment-author .avatar {
  width: 64px;
  height: 64px;
  float: left;
  margin: 0 15px 15px 0;
  overflow: visible;
}
@media (max-width: 767px) {
  .comment-author .avatar {
    display: none;
  }
}

.comment-content {
  overflow: hidden;
  zoom: 1;
  font-size: 13px;
}

.comment-metadata {
  font-size: 12px;
  margin: 0 0 5px;
}

.comment-reply-link {
  font-size: 10px;
  text-transform: uppercase;
  padding: 4px 10px;
  margin-left: 80px;
  height: auto;
  width: auto;
}
@media (max-width: 767px) {
  .comment-reply-link {
    margin: 0;
  }
}

.bypostauthor > article .fn:before {
  font-family: FontAwesome;
  content: "\f005";
  margin: 0 2px 0 -2px;
  position: relative;
  top: -1px;
  font-size: 11px;
}

#cancel-comment-reply-link {
  font-size: 13px;
  font-weight: normal;
  margin-left: 5px;
}

.form-allowed-tags,
.comment-notes {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(75, 75, 75, 0.8);
}

/* -----------------------------------------
	07. Widgets Styling
----------------------------------------- */
.widget {
  margin: 0 0 50px;
}
.sidebar .widget {
  font-size: 14px;
  line-height: 1.714285714;
}

.sidebar .widget:last-child,
.widget p:last-child {
  /* Nullify bottom margin for last elements in widgets and sidebars */
  margin-bottom: 0;
}

.widget-title {
  font-size: 20px;
  line-height: normal;
  border-bottom: 1px solid #00AEEF;
  padding: 0 0 8px;
}
.widget-title label {
  text-transform: none;
  display: block;
  font-size: inherit;
  margin: 0;
  line-height: inherit;
  font-weight: inherit;
}

/* Section Widgets
=================================== */
.home-sections {
  padding-top: 0;
}
.home-sections .widget:first-child:not(.widget-padded) {
  margin-top: 90px;
}

.bottom-sections {
  position: relative;
  padding: 90px 0 80px;
  margin-top: 20px;
}
.bottom-sections:before {
  width: 240px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -120px;
  content: "";
  display: block;
  height: 15px;
  background: linear-gradient(-45deg, transparent 50%, #00AEEF 53%, transparent 56%), linear-gradient(45deg, transparent 50%, #00AEEF 53%, transparent 56%);
  background-size: 30px 15px, 30px 15px;
  background-position: -6px 0, 36px 0;
}
.bottom-sections .widget-padded:first-child {
  margin-top: -90px;
}

.widget:not(.widget-padded) + section.widget-padded {
  margin-top: -100px;
}

.widget-padded + .widget-padded {
  margin-top: -85px;
}

section.widget {
  margin: 0 0 85px;
}
section.widget:last-child {
  margin-bottom: 0;
}
section.widget:last-child:not(.widget-padded) .widget-wrap {
  padding-bottom: 0;
}
section.widget:last-child:not(.widget-padded) .widget-wrap:after {
  display: none;
}

.section-title {
  line-height: 0.8;
  text-align: center;
  font-size: 60px;
  font-weight: 100;
  color: #00AEEF;
}

.section-subtitle {
  text-transform: uppercase;
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
  color: #a5a5a5;
  letter-spacing: 0;
  margin: -15px 0 0;
  padding-bottom: 60px;
}

.widget-wrap {
  background-repeat: no-repeat;
  background-position: top center;
  padding-bottom: 105px;
  position: relative;
}
.widget-padded .widget-wrap:after {
  display: none;
}
.widget-wrap:after {
  width: 240px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -120px;
  content: "";
  display: block;
  height: 15px;
  background: linear-gradient(-45deg, transparent 50%, #00AEEF 53%, transparent 56%), linear-gradient(45deg, transparent 50%, #00AEEF 53%, transparent 56%);
  background-size: 30px 15px, 30px 15px;
  background-position: -6px 0, 36px 0;
}

/* WIDGET: #Widget Paddings Configuration
========================================= */
.widget_ci-hero.widget-padded .widget-wrap {
  padding: 160px 0;
}

.widget_ci-items.widget-padded .widget-wrap {
  padding: 110px 0 130px;
}

.widget_ci-booking-form.widget-padded .widget-wrap,
.widget_ci-testimonials.widget-padded .widget-wrap {
  padding: 110px 0 120px;
}

/* Sidebar Resets
=================================== */
.sidebar .widget-wrap,
.footer .widget-wrap {
  padding: 0;
}
.sidebar .widget-wrap:after,
.footer .widget-wrap:after {
  display: none;
}
.sidebar .widget_ci-items div[class^="col"],
.footer .widget_ci-items div[class^="col"] {
  float: none;
  width: 100%;
}
.sidebar .widget-padded .widget-wrap,
.footer .widget-padded .widget-wrap {
  padding: 15px;
}
.sidebar .widget-padded.widget_ci-hero .widget-wrap,
.footer .widget-padded.widget_ci-hero .widget-wrap {
  padding: 25px 15px 30px;
}
.sidebar .widget-padded .widget-title,
.footer .widget-padded .widget-title {
  border: 0;
  padding-bottom: 0;
  text-align: center;
}

/* WIDGET: Hero
=================================== */
.widget_ci-hero {
  text-align: center;
}
.widget_ci-hero .btn, .widget_ci-hero .comment-reply-link {
  color: inherit;
  border-color: inherit;
}
.widget_ci-hero .btn:hover, .widget_ci-hero .comment-reply-link:hover {
  color: #FFF;
  border-color: #479ce5;
}

.widget-hero-subtitle {
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 0 5px;
}
.sidebar .widget-hero-subtitle, .footer .widget-hero-subtitle {
  font-size: 14px;
}

.widget-hero-title {
  font-size: 60px;
  line-height: 0.8;
  margin: 0 0 40px;
}
.sidebar .widget-hero-title, .footer .widget-hero-title {
  font-size: 32px;
}

/* WIDGET: Testimonials Slider
=================================== */
.slider-testimonials .ci-control-nav {
  line-height: normal;
  position: static;
  margin-top: -20px;
}
.slider-testimonials .ci-control-nav li {
  margin-top: 50px;
}

.hero-testimonial {
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
}
.hero-testimonial:before {
  content: "“";
  font-family: Georgia, sans-serif;
  font-size: 260px;
  opacity: 0.1;
  position: absolute;
  height: 110px;
  line-height: 1;
  overflow: hidden;
  left: 50%;
  margin-left: -53px;
  top: -60px;
  z-index: -1;
}
.hero-testimonial cite {
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}
.sidebar .hero-testimonial, .footer .hero-testimonial {
  font-size: 14px;
  line-height: 1.714285714;
}
.sidebar .hero-testimonial cite, .footer .hero-testimonial cite {
  font-size: 14px;
}
.sidebar .hero-testimonial:before, .footer .hero-testimonial:before {
  font-size: 180px;
  margin-left: -37px;
  top: -30px;
}

/* WIDGET: #List Widgets
========================================= */
.widget select {
  width: 100%;
  padding: 5px 10px;
  border-radius: 0;
  border: 1px solid #B7B7B7;
}

.widget_meta ul,
.widget_pages ul,
.widget_categories ul,
.widget_archive ul,
.widget_nav_menu ul,
.widget_recent_entries ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.widget_meta ul ul,
.widget_pages ul ul,
.widget_categories ul ul,
.widget_archive ul ul,
.widget_nav_menu ul ul,
.widget_recent_entries ul ul {
  margin-left: 15px;
}
.widget_meta ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_nav_menu ul li,
.widget_recent_entries ul li {
  line-height: normal;
  display: block;
  position: relative;
}
.widget_meta ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_nav_menu ul li a,
.widget_recent_entries ul li a {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid #B7B7B7;
}
.widget_meta ul li .count,
.widget_pages ul li .count,
.widget_categories ul li .count,
.widget_archive ul li .count,
.widget_nav_menu ul li .count,
.widget_recent_entries ul li .count {
  position: absolute;
  right: 0;
  top: 8px;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  transition: all 0.18s ease;
  padding: 4px 3px;
}

.widget_recent_comments ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget_recent_comments ul li {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid #B7B7B7;
}

.widget_pages select,
.widget_categories select,
.widget_archive select {
  display: block;
  width: 100%;
  padding: 6px 15px;
  border-radius: 0;
  font-size: 14px;
  height: 40px;
  font-weight: normal;
  border: 1px solid #B7B7B7;
  background: #FFF;
}

/* WIDGET: #Menu Widget in Footer
========================================= */
.footer .widget_nav_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .widget_nav_menu ul li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin: 0 5px;
  letter-spacing: 0;
}
.footer .widget_nav_menu ul li a {
  padding: 0;
  border: 0;
  color: #a5a5a5;
}
.footer .widget_nav_menu ul li a:hover {
  color: #479ce5;
}

/* WIDGET: #Newsletter
========================================= */
.ci-newsletter input[type="email"] {
  margin-bottom: 15px;
}

/* WIDGET: #WPML Language Selector
========================================= */
.head-right #lang_sel,
.head-right #lang_sel_list,
.head-right #lang_sel_click {
  z-index: 25;
  height: auto;
  width: auto;
  font-family: inherit;
  text-align: left;
}
.head-right #lang_sel ul,
.head-right #lang_sel_list ul,
.head-right #lang_sel_click ul {
  display: block;
}
.head-right #lang_sel li,
.head-right #lang_sel_list li,
.head-right #lang_sel_click li {
  border: none;
  width: auto;
  float: none;
  display: block;
}
.head-right #lang_sel a.lang_sel_sel,
.head-right #lang_sel_list a.lang_sel_sel,
.head-right #lang_sel_click a.lang_sel_sel {
  background: transparent;
  position: relative;
  border: none;
  display: block;
  width: auto;
  padding-right: 15px;
  font-size: 12px;
}
.head-right #lang_sel a.lang_sel_sel:after,
.head-right #lang_sel_list a.lang_sel_sel:after,
.head-right #lang_sel_click a.lang_sel_sel:after {
  font-family: FontAwesome;
  content: '\f107';
  position: absolute;
  right: 0;
  top: -2px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0.7;
  color: #00AEEF;
}
.head-right #lang_sel a,
.head-right #lang_sel_list a,
.head-right #lang_sel_click a {
  margin: 0;
  padding: 0;
}
.head-right #lang_sel ul ul,
.head-right #lang_sel_list ul ul,
.head-right #lang_sel_click ul ul {
  width: auto;
  background: transparent;
  min-width: 180px;
  right: 0;
  top: auto;
  left: auto;
  height: auto;
  padding: 0;
  border: 1px solid #C2C2C2;
}
.head-right #lang_sel ul ul li,
.head-right #lang_sel_list ul ul li,
.head-right #lang_sel_click ul ul li {
  border: 1px solid transparent;
  border-bottom: none;
}
.head-right #lang_sel ul ul li:last-child,
.head-right #lang_sel_list ul ul li:last-child,
.head-right #lang_sel_click ul ul li:last-child {
  margin-bottom: 1px !important;
}
.head-right #lang_sel ul ul a,
.head-right #lang_sel_list ul ul a,
.head-right #lang_sel_click ul ul a {
  color: #4b4b4b;
  background: rgba(250, 250, 250, 0.9);
  padding: 8px 12px;
  font-size: 11px;
}
.head-right #lang_sel ul ul a:hover,
.head-right #lang_sel_list ul ul a:hover,
.head-right #lang_sel_click ul ul a:hover {
  background: #FFF;
  color: #6C6C6C;
}
.head-right #lang_sel img.iclflag,
.head-right #lang_sel_list img.iclflag,
.head-right #lang_sel_click img.iclflag {
  width: 14px;
  height: auto;
  top: -1px;
}

/* WIDGET: #Book Room
========================================= */
.widget_ci_book_room_widget,
.widget_ci-book-room {
  border: 1px solid #B7B7B7;
}

.book-widget-inner {
  padding: 20px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
}
.book-widget-inner .btn, .book-widget-inner .comment-reply-link {
  width: 100%;
}

.book-now-price {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 15px;
}
.book-now-price b {
  text-transform: uppercase;
  font-size: 12px;
  line-height: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  display: block;
  color: #a5a5a5;
  font-size: 14px;
  line-height: normal;
  margin: 0 0 -5px;
}
.book-now-price span {
  font-size: 14px;
  text-transform: uppercase;
}

/* WIDGET: #Ads125
========================================= */
#ads125,
.ads125 {
  margin: 0;
  padding: 0;
  list-style: none;
}
#ads125 li,
.ads125 li {
  background: none;
  border: none;
  float: left;
  margin: 0 15px 10px 0;
  padding: 0;
  max-width: 125px;
  height: auto;
}

/* WIDGET: #Search
========================================= */
.searchform > div {
  position: relative;
}
.searchform .searchsubmit {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

/* WIDGET: #Flickr
========================================= */
.flickr_badge_image {
  float: left;
  margin: 0 15px 15px 0;
}
.flickr_badge_image a {
  display: block;
  line-height: 0;
}

/* WIDGET: #About
========================================= */
.widget_about {
  margin-top: -5px;
}
.widget_about img {
  max-width: 100px;
  height: auto;
}
.widget_about .alignleft {
  float: left;
  margin: 5px 15px 6px 0;
}
.widget_about .alignright {
  float: right;
  margin: 5px 0 6px 15px;
}

/* WIDGET: #Text Widget
========================================= */
.widget_text p:last-child {
  margin-bottom: 0;
}

/* WIDGET: #Twitter
========================================= */
.widget_ci_twitter_widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget_ci_twitter_widget ul li {
  margin-bottom: 12px;
}
.widget_ci_twitter_widget ul li:first-child {
  padding-top: 0;
}
.widget_ci_twitter_widget .twitter-time {
  display: block;
  font-size: 0.85em;
}

/* WIDGET: #Calendar
================================================== */
#wp-calendar {
  width: 100%;
}
#wp-calendar a {
  font-weight: bold;
  font-style: italic;
}
#wp-calendar caption {
  text-align: left;
  margin-top: 10px;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
  padding: 9px;
}
#wp-calendar thead {
  font-size: 10px;
}
#wp-calendar thead th {
  background: rgba(0, 0, 0, 0.1);
  font-weight: bold;
  padding: 8px;
}
#wp-calendar tbody td {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 3px;
}
#wp-calendar tbody td:hover {
  background: rgba(0, 0, 0, 0.1);
}
#wp-calendar tbody .pad {
  background: none;
}
#wp-calendar tfoot #next {
  font-size: 10px;
  text-transform: uppercase;
  text-align: right;
}
#wp-calendar tfoot #prev {
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 10px;
}

/* WIDGET: #Social Icons (HTML only)
========================================= */
.social-icon i {
  width: 44px;
  height: 44px;
  line-height: 43px;
  background-color: transparent;
  color: #00AEEF;
  border: 1px solid rgba(183, 183, 183, 0.6);
  font-size: 24px;
  border-radius: 36px;
  text-align: center;
  display: inline-block;
  transition: all 0.18s ease;
}
.social-icon i:hover {
  border-color: #479ce5;
}

/* -----------------------------------------
	08. WordPress Defaults
----------------------------------------- */
/* WordPress Galleries
=================================== */
.gallery {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 15px;
}
.gallery:before, .gallery:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.gallery:after {
  clear: both;
}

.gallery-item {
  margin-bottom: 10px;
}
.gallery-item img {
  width: 100%;
}

.gallery-columns-1 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-1 .gallery-item {
    float: left;
    width: 100%;
  }
}

.gallery-columns-2 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-2 .gallery-item {
    float: left;
    width: 50%;
  }
}

.gallery-columns-3 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-3 .gallery-item {
    float: left;
    width: 33.33333%;
  }
}

.gallery-columns-4 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-4 .gallery-item {
    float: left;
    width: 25%;
  }
}

.gallery-columns-5 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-5 .gallery-item {
    float: left;
    width: 20%;
  }
}

.gallery-columns-6 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-6 .gallery-item {
    float: left;
    width: 16.66667%;
  }
}

.gallery-columns-7 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-7 .gallery-item {
    float: left;
    width: 14.28571%;
  }
}

.gallery-columns-8 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-8 .gallery-item {
    float: left;
    width: 12.5%;
  }
}

.gallery-columns-9 .gallery-item {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  width: 50%;
}
@media (min-width: 768px) {
  .gallery-columns-9 .gallery-item {
    float: left;
    width: 11.11111%;
  }
}

.gallery-caption {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 0 5px;
  max-height: 50%;
  opacity: 0;
  padding: 6px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: left;
  width: calc(100% - 10px);
  transition: opacity 0.18s ease;
}

.gallery-caption:before {
  content: "";
  height: 100%;
  min-height: 49px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/* WordPress Classes
=================================== */
/* Alignment */
.alignnone {
  margin: 5px 0 20px 0;
}
p .alignnone {
  margin-bottom: 0;
}

.aligncenter {
  display: block;
  margin: 7px auto 7px auto;
}

.alignright {
  float: right;
  margin: 7px 0 7px 24px;
}

.alignleft {
  float: left;
  margin: 7px 24px 7px 0;
}

/* Captions */
.wp-caption {
  max-width: 100%;
  margin-bottom: 15px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  padding: 0;
  width: auto;
}

.wp-caption .wp-caption-text {
  font-size: 12px;
  line-height: 17px;
  margin: 3px 0 5px;
  padding: 5px 0 0 0;
  text-align: left;
  font-style: italic;
}

.sticky {
  /* Provide sticky styles */
}

/* -----------------------------------------
  09.  MOBILE MENU
----------------------------------------- */
#mobilemenu {
  display: none;
}
@media (max-width: 991px) {
  #mobilemenu {
    display: block;
  }
}

#mobile-bar {
  display: none;
  text-align: center;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: #FFF;
  padding: 15px 10px 0 10px;
  height: 48px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
  #mobile-bar {
    display: block;
  }
}

.menu-trigger,
.menu-trigger:focus {
  width: 24px;
  height: 21px;
  background: none;
  cursor: pointer;
  opacity: 0.85;
  margin: 0;
  outline: none;
  position: absolute;
  left: 10px;
  top: 9px;
  color: #4b4b4b;
  font-size: 30px;
  line-height: 1;
}

.menu-trigger:hover {
  opacity: 0.95;
  color: #4b4b4b;
}

.menu-trigger:active {
  opacity: 1;
}

.mob-title {
  color: #4b4b4b;
  font-family: sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  margin: 0;
  padding: 0;
}

/* -----------------------------------------
	10. External Plugins
----------------------------------------- */
/* Jetpack Sharing */
.sharedaddy {
  margin-top: 30px;
}

/* WP Instagram */
.null-instagram-feed p {
  padding-top: 10px;
}

.widget .instagram-pics:before, .widget .instagram-pics:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.widget .instagram-pics:after {
  clear: both;
}

.widget .instagram-pics {
  margin: 0;
  padding: 0;
}
.widget .instagram-pics li {
  border-bottom: 0;
  padding: 0;
  float: left;
  width: 33.33333333333%;
  list-style: none;
}
.widget .instagram-pics li a {
  display: block;
  color: #4b4b4b;
}

/* Language Selector */
/* Language Selector */
#lang_sel {
  height: 32px;
  position: relative;
  font-family: verdana, arial, sans-serif;
  display: inline-block;
}

/* hack to correct IE5.5 faulty box model */
* html #lang_sel {
  width: 12em;
  w\idth: 12em;
}

/* remove all the bullets, borders and padding from the default list styling */
#lang_sel ul, #lang_sel li {
  padding: 0 !important;
  margin: 0 !important;
  list-style-type: none !important;
}

#lang_sel li:before {
  content: '' !important;
}

#lang_sel ul ul {
  width: 149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel li {
  float: left;
  width: 149px;
  position: relative;
}

/* style the links for the top level */
#lang_sel a, #lang_sel a:visited {
  display: block;
  font-size: 11px;
  text-decoration: none !important;
  color: #444444;
  border: 1px solid #cdcdcd;
  background: #fff;
  padding-left: 10px;
  line-height: 24px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel a, * html #lang_sel a:visited {
  width: 149px;
  w\idth: 138px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel ul ul {
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 25px;
  left: 0;
  width: 149px;
  border-top: 1px solid #cdcdcd;
}

/* another hack for IE5.5 */
* html #lang_sel ul ul {
  top: 18px;
  t\op: 19px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel table {
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse;
}

/* style the second level links */
#lang_sel ul ul a, #lang_sel ul ul a:visited {
  background: #ffffff;
  color: #444444;
  height: auto;
  line-height: 1em;
  padding: 5px 10px;
  border-width: 0 1px 1px 1px;
}

/* yet another hack for IE5.5 */
* html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {
  width: 150px;
  w\idth: 128px;
}

/* style the top level hover */
#lang_sel a:hover, #lang_sel ul ul a:hover {
  color: #000;
  background: #eee;
}

#lang_sel :hover > a, #lang_sel ul ul :hover > a {
  color: #000;
  background: #eee;
}

#lang_sel a.lang_sel_sel {
  color: #444;
}

#lang_sel a.lang_sel_sel:hover {
  text-decoration: none;
  color: #000;
}

/* make the second level visible when hover on first level list OR link */
#lang_sel ul li:hover ul,
#lang_sel ul a:hover ul {
  visibility: visible;
}

#lang_sel img.iclflag {
  width: 18px;
  height: 12px;
  position: relative;
  top: 1px;
}

#lang_sel_footer {
  margin: 0;
  padding: 7px;
  text-align: center;
  font: 11px Verdana, sans-serif;
  min-height: 15px;
  clear: both;
  background-color: #fff;
  border: 1px solid #cdcdcd;
}

#lang_sel_footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#lang_sel_footer ul li img {
  position: relative;
  top: 1px;
  width: 18px;
  height: 12px;
}

#lang_sel_footer ul li {
  display: inline;
  margin: 0 1px 0 0;
  padding: 0;
  white-space: nowrap;
  line-height: 25px;
}

#lang_sel_footer ul li a, #lang_sel_footer ul li a:visited {
  text-decoration: none;
  padding: 5px 10px;
}

#wpml_credit_footer {
  width: 100%;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  font-size: 11px;
}

#lang_sel_list {
  height: 32px;
  position: relative;
  z-index: 99;
  font-family: verdana, arial, sans-serif;
}

#lang_sel_list.lang_sel_list_vertical {
  width: 149px;
}

/* hack to correct IE5.5 faulty box model */
* html #lang_sel_list {
  width: 12em;
  w\idth: 12em;
}

/* remove all the bullets, borders and padding from the default list styling */
#lang_sel_list ul, #lang_sel_list li {
  padding: 0 !important;
  margin: 0 !important;
  list-style-type: none !important;
}

#lang_sel_list li:before {
  content: '' !important;
}

#lang_sel_list ul.lang_sel_list_vertical {
  width: 149px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel_list li {
  float: left;
  position: relative;
}

#lang_sel_list.lang_sel_list_vertical li {
  width: 149px;
}

/* style the links for the top level */
#lang_sel_list a, #lang_sel_list a:visited {
  display: block;
  font-size: 11px;
  text-decoration: none !important;
  color: #444444;
  background: #fff;
  line-height: 18px;
  padding-left: 5px;
}

#lang_sel_list.lang_sel_list_vertical a, #lang_sel_list.lang_sel_list_vertical a:visited {
  border: 1px solid #cdcdcd;
  border-top-width: 0;
  padding-left: 10px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel_list a, * html #lang_sel_list a:visited {
  width: 149px;
  w\idth: 138px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel_list.lang_sel_list_vertical ul {
  /*visibility:hidden;position:absolute;*/
  height: 0;
  top: 19px;
  left: 0;
  border-top: 1px solid #cdcdcd;
}

/* another hack for IE5.5 */
* html #lang_sel_list ul {
  top: 18px;
  t\op: 19px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel_list table {
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse;
}

/* style the second level links */
#lang_sel_list ul a, #lang_sel_list_list ul a:visited {
  background: #ffffff;
  color: #444444;
  height: auto;
  line-height: 1em;
}

#lang_sel_list.lang_sel_list_vertical ul a, #lang_sel_list_list ul a:visited {
  padding: 3px 10px;
}

/* yet another hack for IE5.5 */
* html #lang_sel_list ul a, * html #lang_sel_list ul a:visited {
  width: 150px;
  w\idth: 128px;
}

#lang_sel_list a.lang_sel_sel {
  background-image: none;
  color: #444;
}

#lang_sel_list a.lang_sel_sel:hover {
  text-decoration: none;
  color: #000;
}

/* make the second level visible when hover on first level list OR link */
#lang_sel_list ul li:hover ul,
#lang_sel_list ul a:hover ul {
  visibility: visible;
}

#lang_sel_list img.iclflag {
  width: 18px;
  height: 12px;
  position: relative;
  top: 1px;
}

#lang_sel.icl_rtl {
  text-align: right;
  direction: rtl;
}

#lang_sel.icl_rtl .lang_sel_sel {
  padding-right: 14px;
}

/* reset menu img definitions */
.menu-item-language img.iclflag {
  height: 12px !important;
  width: 18px !important;
  margin-bottom: 0 !important;
  margin-right: 4px;
}

/* -----------------------------------------
	11. Global Mediaqueries
----------------------------------------- */
@media (max-width: 1199px) {
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .header-alt .resort-weather {
    float: left;
  }

  .logo-wrap {
    left: 50%;
    margin-left: -95px;
  }
}
@media (max-width: 991px) {
  #page {
    padding-top: 48px;
    /* For mobile bar */
  }



  .nav {
    background: none;
  }

  .navigation {
    display: none;
  }

  .home-slider .slides li {
    padding-bottom: 55.6%;
  }

  .slide-content {
    top: 60%;
    padding: 0 6%;
  }

  .slide-title {
    font-size: 50px;
  }

  .section-title {
    font-size: 46px;
  }

  .page-hero {
    height: 260px;
    padding-top: 145px;
  }

  .hero-title {
    font-size: 42px;
  }

  .widget {
    margin: 0 0 40px;
  }

  .home-sections {
    padding-top: 0;
  }
  .home-sections .widget:first-child:not(.widget-padded) {
    margin-top: 90px;
  }

  .bottom-sections {
    padding: 90px 0 80px;
  }
  .bottom-sections .widget-padded:first-child {
    margin-top: -90px;
  }

  .widget:not(.widget-padded) + section.widget-padded {
    margin-top: -100px;
  }

  .widget-padded + .widget-padded {
    margin-top: -45px;
  }

  section.widget {
    margin: 0 0 45px;
  }

  .widget-wrap {
    padding-bottom: 75px;
  }

  .widget_ci-hero.widget-padded .widget-wrap {
    padding: 85px 0;
  }

  .widget_ci-items.widget-padded .widget-wrap {
    padding: 70px 0 100px;
  }

  .widget_ci-booking-form.widget-padded .widget-wrap,
  .widget_ci-testimonials.widget-padded .widget-wrap {
    padding: 65px 0 75px;
  }

  .sidebar .widget-padded .widget-wrap,
  .footer .widget-padded .widget-wrap {
    padding: 15px;
  }

  .entry-title {
    font-size: 30px;
  }

  .booking-form .row {
    margin-bottom: 0;
  }
  .booking-form input,
  .booking-form textarea,
  .booking-form select,
  .booking-form .dk-select {
    margin-bottom: 15px;
  }

  .item-media .item-thumb {
    float: none;
    margin: 0 0 20px;
    max-width: 100%;
  }

  .single.single-cpt_room .entry-content {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
 
  .resort-weather {
    display: none;
  }

  .head-right {
    text-align: center;
  }
  .head-right .widget {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
  }

  .logo-wrap {
    position: relative;
    top: auto;
    margin: 0 0 15px;
  }
  .header-alt .logo-wrap {
    width: auto;
  }

  .nav {
    height: auto;
  }

  .main {
    padding: 50px 0;
  }

  .home-slider .slides li {
    padding-bottom: 71.6%;
  }
  .home-slider .ci-direction-nav,
  .home-slider .ci-control-nav {
    display: none;
  }

  .slide-content {
    top: 55%;
    padding: 0 3%;
  }
  .slide-content .btn, .slide-content .comment-reply-link {
    padding: 10px 27px 9px;
    font-size: 12px;
  }

  .slide-title {
    font-size: 29px;
    margin-bottom: 15px;
    line-height: 1;
  }

  .slide-subtitle {
    font-size: 11px;
  }

  .section-title {
    font-size: 32px;
  }

  .section-subtitle {
    font-size: 14px;
    padding-bottom: 30px;
  }

  .page-hero {
    height: auto;
    padding: 50px 0 40px;
  }

  .hero-title {
    font-size: 32px;
    line-height: 1;
  }

  .item-title {
    margin-bottom: 3px;
    font-size: 18px;
  }

  .filters-nav {
    margin-bottom: 30px;
  }

  .sidebar {
    margin-top: 40px;
  }

  .widget {
    margin: 0 0 40px;
  }

  .widget-hero-title {
    font-size: 32px;
  }

  .widget-hero-subtitle {
    font-size: 14px;
  }

  .home-sections {
    padding-top: 0;
  }
  .home-sections .widget:first-child:not(.widget-padded) {
    margin-top: 90px;
  }

  .bottom-sections {
    padding: 70px 0 60px;
  }
  .bottom-sections .widget-padded:first-child {
    margin-top: -70px;
  }

  .widget:not(.widget-padded) + section.widget-padded {
    margin-top: -55px;
  }

  .widget-padded + .widget-padded {
    margin-top: -45px;
  }

  section.widget {
    margin: 0 0 40px;
  }

  .widget-wrap {
    padding-bottom: 65px;
  }

  .widget_ci-hero.widget-padded .widget-wrap {
    padding: 55px 0;
  }

  .widget_ci-items.widget-padded .widget-wrap {
    padding: 50px 0 75px;
  }

  .widget_ci-booking-form.widget-padded .widget-wrap,
  .widget_ci-testimonials.widget-padded .widget-wrap {
    padding: 45px 0 50px;
  }

  .sidebar .widget-padded .widget-wrap,
  .footer .widget-padded .widget-wrap {
    padding: 15px;
  }

  .booking-wrap {
    margin-bottom: 12px;
  }
  .booking-wrap > div {
    float: none;
    width: 100%;
    margin: 0;
  }

  #paging.centered {
    text-align: left;
  }
  #paging a, #paging > span, #paging li span {
    padding: 10px 15px;
    margin-bottom: 8px;
  }

  .room-slider {
    margin: 0;
  }

  .room-slider-controls {
    position: static;
  }
  .room-slider-controls a {
    width: 37px;
    height: 37px;
    margin: 0;
    font-size: 30px;
    line-height: 38px;
  }

  .image-caption span {
    height: 37px;
    font-size: 14px;
    padding: 13px 6px 0;
    margin: 0;
  }
}