body.home main .section .item .details .float h1 {
    font: 300 30px/40px "Raleway Webfont";
}

a.logo-footer {
    font-size: 34px;
    color: #357ec7;
    font-weight: 500;
}

video.slider-video {
    width: 100%;
}
.paddingtop50 {
  padding-top: 50px;
}
.paddingBottom50 {
  padding-bottom: 50px;
}
.text-center {
  text-align: center;
}

.heading .label a {
    color: #357EC7;
}

body.single-islands iframe {
    margin: 0 auto;
    text-align: center;
    display: block;
}

body.single-islands .content p {
  font-size: 16px;
  text-align: left;
}

body.single-islands .content .col-1 {
  margin-bottom: 50px;
}
body.single-islands .content .show-more {
  color: #fff;
  padding-top: 5px;
  text-align: center;
  cursor: pointer;
  background: #357EC7;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 200px;
  border-radius: 6px;
  padding: 10px;
}
body.single-islands .content .show-more:hover { 
    background: #444;
    color: #fff;
}
body.single-islands .content .show-more-height {
  height: 380px;
  overflow:hidden;
  position: relative;
}

.info_content p {
    margin-bottom: 0px;
}

body.page-id-58 .center {
  max-width: 100%;
  padding: 0px;
}

div.wpcf7-validation-errors {
    border: none !important;
    color: #fff;
}

.wpcf7-form .field.calendar {
    height: 50px;
}

.wpcf7-form div.col-2 p:first-child {
    display: none;
}

.wpcf7-form .field.calendar input {
    margin-top: -27px;
}

.single-islands .pop:after {
  display: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

/* Gallery */
.gallery-list {
    clear: both;
    padding: 0px;
    margin: 0 auto;
}

.gallery-list.group:before,
.gallery-list.group:after { content:""; display:table; }
.gallery-list.group:after { clear:both;}
.gallery-list.group { zoom:1; /* For IE 6/7 */ }


.gallery-list .col:first-child {margin-left: 0;}

.gallery-list a img {
  width: 100%;
  height:auto;
}
.gallery-list a {
  width: 19.6%;
  border: solid #fff;
}

.gallery-list .hide, .gallery-list .pophide{
  width:0%;
  opacity:0;
  transition:all 0.1s;
}

.gallery-list .pop{
  width:100%;
  position:relative;
  z-index:2;
  box-shadow:0 0 0px 1000px rgba(0,0,0,0.5);
}
.pop:after{
  content:"\00D7";
  position:absolute;
  top: 10px;
  right:10px;
  color:#333;
  background:#fff;
  border-radius:50%;
  opacity:0.8;
  font-size: 3em;
  padding: 10px 15px 15px 15px;
}
.pop:hover:after{
  opacity:1
}
.follow{
  font-size: 12px;
  text-align: center;
  color: #666;
  background:rgba(0,0,0,0.92);
  width: 100%;
  position: absolute;
  top: 1200px;
  opacity: 0.5;
  padding:5px 0
}

ul#tabs-gallery {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  position: relative;
  font-size: 1.2em;
  background: #357EC7;
}
ul#tabs-gallery li {
  float: left;
  margin: 0;
  padding: 0;
  border-right: 1px solid #555;
}
ul#tabs-gallery li a {
  padding: 10px 15px;
  display: block;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
}
ul#tabs-gallery li:hover { background: #444 }
ul#tabs-gallery li span {
  float: left;
  padding: 15px 0;
  position: absolute;
  left: 0;
  top: 50px;
  display: none;
  width: 100%;
  background: #4a4a4a;
  color: #fff;
  -moz-border-radius-bottomright: 5px;
  -khtml-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -khtml-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  z-index: 99;
}
ul#tabs-gallery li:hover span { display: block; }
ul#tabs-gallery li span a { display: inline; }
ul#tabs-gallery li span a:hover {text-decoration: underline;}


/* Hotel View */
body.single.single-apartments header {
    position: absolute;
}

body.single.single-apartments .carousel {
    margin-bottom: 15px;
    max-height: 550px;
}

body.single.single-apartments main .section .col-7 {
    background: #fff;
    padding-top: 20px;
}

body.single.single-apartments main .section .col-7 p,
body.single.single-apartments main .section .col-7 li,
body.single.single-apartments main .section .col-7 strong,
body.single.single-apartments main .section .col-7 div {
    color: #000;
}
body.single-apartments h2 {
    font-weight: 600;
}
body.single.single-apartments h3 {
    font-weight: 500;
    padding-top: 25px;
    font-size: 32px;
}

body.single.single-apartments .section div iframe {
    width: 100%;
    max-height: 510px;
}

.subscribe .social a > i {
    color: #fff;
}

ul.occupancies li {
    display: inline-block;
    font-size: 18px;
}

ul.occupancies {
    border: 1px solid #dadada;
    border-left: none;
    border-right: none;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

ul.menu-hotel {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #357EC7;
    margin-bottom: 50px;
}

ul.menu-hotel li {
    float: left;
}

ul.menu-hotel li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: none;
    font-weight: 500;
}

ul.menu-hotel li a:hover:not(.active) {
    background-color: #de7e7e;
    border-bottom: none;
}

ul.menu-hotel .active {
    background-color: #4CAF50;
}

.menu-hotel li > a > i {
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-bottom: -5px;
  margin-right: 20px;
}

#features li {
  padding-left: 1.3em;
}
#features li:before {
  content: "\f373"; /* Ionicons Unicode */
  font-family: "Ionicons";
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

#prices li {
  padding-left: 1.3em;
}
#prices li:before {
  content: "\f2f4"; /* Ionicons Unicode */
  font-family: "Ionicons";
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

div#location div.col-2 {
    border: 1px solid #357ec76b;
    padding: 20px;
    text-align: center;
}

.specialist {
    background: #404040;
    padding-bottom: 10px;
}

.specialist ul {
    padding-top: 25px;
}

.specialist li {
    color: #fff !important;
}

.occupancies li > i {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-bottom: -5px;
    margin-left: 15px;
}

i.villa {
    background: url('../images/hotel/villa.png');
    background-size: contain;
    background-repeat: no-repeat;
}
i.bedrooms {
    background: url('../images/hotel/beds.png');
    background-size: contain;
    background-repeat: no-repeat;
}
i.bathrooms {
    background: url('../images/hotel/bathrooms.png');
    background-size: contain;
    background-repeat: no-repeat;
}
i.persons {
    background: url('../images/hotel/persons.png');
    background-size: contain;
    background-repeat: no-repeat;
}
i.sleep {
    background: url('../images/hotel/sleep.png');
    background-size: contain;
    background-repeat: no-repeat;
}

i.desc {
    background: url('../images/hotel/desc.png');
    background-size: contain;
    background-repeat: no-repeat;
}
i.features {
    background: url('../images/hotel/features.png');
    background-size: contain;
    background-repeat: no-repeat;
}
i.location {
    background: url('../images/hotel/location.png');
    background-size: contain;
    background-repeat: no-repeat;
}
i.video {
    background: url('../images/hotel/video.png');
    background-size: contain;
    background-repeat: no-repeat;
}
i.prices {
    background: url('../images/hotel/prices.png');
    background-size: contain;
    background-repeat: no-repeat;
}

#sticky.stick {
    position: fixed;
    /* top: 0; */
    width: 310px;
    display: inline-block;
}

.slider-nav a.prev {
    position: absolute;
    left: 0;
    bottom: 250px;
}

.slider-nav a.next {
    position: absolute;
    right: 0;
    bottom: 250px;
}

div.wpcf7-mail-sent-ok {
    border: 0px;
    color: #59d225;
}

.share-button .addthis_button_compact {
    color: #fff;
    border: 1px solid #c3c3c3;
    padding: 15px;
}

.share-button {
    padding-top: 30px;
}

.share-button .addthis_button_compact:hover {
    background: #357ec7;
    color: #fff;
}

#at20mc {
  display: none;
}

@media only screen and (max-width: 480px) {
  ul.menu-hotel li {
      width: 100%;
  }

  ul.menu-hotel li a {
      text-align: left;
  }
  body.single-apartments main .center .col-3 {
      width: 100%;
  }
  body.single-apartments main .center .col-2 {
      width: 100%;
  }
  body.single-apartments main .date-field.date-book {
      width: 310px;
  }
  body.single.single-apartments .section div iframe {
    height: 100%;
  }
  ul#tabs-gallery li a {
      font-size: 15.1px;
      padding: 5px 5px;
  }
  body.single-islands iframe {
    width: 100%;
    height: auto;
  }
  .gallery-list a {
    width: 49.33333%;
  }
  .slider-nav a.prev,
  .slider-nav a.next {
    bottom: 110px;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  body.single-apartments main .center .col-3 {
      width: 32%;
  }
  body.single-apartments main .center .col-2 {
      width: 24.8%;
  }
  .slider-nav a.prev,
  .slider-nav a.next {
    bottom: 180px;
  }

  	.gallery-list a {
	  width: 19.1%;
	}
}

@media only screen and (max-width: 1024px) {
  body.single-apartments main .center,
  body.single-apartments main .center .col-7 {
      padding: 10px;
  }
  body.single-apartments main .center .col-7 {
      width: 100%;
  }
  
  body.single-apartments main div#stick {
      position: absolute;
  }

  body.single-apartments main #sticky.stick {
      right: 0;
      left: 0;
      margin: 0 auto;
      top: 93% !important;
      margin: 0 auto;
      z-index: 99;
  }

  body.single-apartments main #sticky.stick .date-arrival, #sticky.stick .date-departure, #sticky.stick .specialist {
      display: none;
  }

  body.single-apartments main .book-bar .date-field .date {
      font: 200 19px/45px "Raleway Webfont";
      padding: 0px;
      width: 100%;
  }

  /* .section:not(.stats):not(.services) div[class^='col'], footer div[class^='col'] { width:100%; } */
  .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8 { 
    width:100%; 
  }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  body.single-apartments main .center ul.menu-hotel li a {
    font-size: 12px;
  }
  body.single-apartments main .center ul.occupancies li {
    font-size: 15px;
  }
  body.single-apartments main .center div#location div.col-2 {
    padding: 15px;
  }
  body.single-apartments main .book-bar .date-field .date {
      font: 200 19px/45px "Raleway Webfont";
      padding: 15px;
      width: 280px;
  }
}