/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds
*/

.some-css-selector {font-size:13px;}

/* Color for "Book now" button @ custom-hotel.css - line 16 */
.kl-cta-ribbon {background: #003580;}
.kl-cta-ribbon .trisvg path {fill: #003580;}

/* Responsive Menu @ template.css - line 860 */
#zn-res-menu li>a { padding: 20px 28px; border-bottom: 1px solid; border-bottom-color: inherit; display: block; z-index: 1; color: #8C8C8C; font-size: 14px}

/* Logo with InfoCard on Hover @ template.css - line 1026 */
.logo-container .logo-infocard {font-size: 14px;}
.logo-container:hover .site-logo + .logo-infocard {margin-top: 0px;}

/* Site Header @ template.css - line 1077 */
.site-header .header-links-container {margin-right: 30px;}

/* Social icons - clean style */
.social-icons.sc--clean li {margin-left: 0; margin-right: 0;}
.social-icons.sc--clean li a {background:white;}
.social-icons.sc--clean li a:hover {background:white;}
.site-header .social-icons.topnav.sc--clean li {margin-left:4px;}

/* HG Section @ template.css - line 1611 */
.hg_section {padding-top: 35px; padding-bottom: 35px;}

/* Background source for elements @ template.css - line 1622 
 style="background-image:url(images/cabana_crenguta_1r80.jpg); background-attachment:scroll; background-position-x:center; background-position-y:center; background-size:cover"

.kl-bg-source__bgimage {background-image:url(../images/CC_iarna.jpg); background-attachment:scroll; background-position-x:center; background-position-y:center; background-size:cover}
 */
.kl-bg-source:not(:empty),
.kl-bg-source__overlay,
.kl-bg-source__bgimage {position: absolute; top:0; left:0; bottom: 0; right:0;}
.kl-bg-source__bgimage {background-position: center; background-repeat: no-repeat; background-size: cover;}

/* subheader-currentdate @template.css - line 1846 */
.support-currentdate {color: #fff; font: 14px Arial, Helvetica, sans-serif; padding: 4px 8px; background: #65874a; border-radius: 25px;}

/*** Page Subheader's defaults 
.page-subheader {min-height:300px; background-color: #066fd9;}
.page-subheader[class*="maskcontainer--"] { min-height: 330px; }
.page-subheader .container {padding: 0 15px; z-index: 1; position: relative; }
.page-subheader > .shadowUP:after {content:''; position:absolute; bottom:-18px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px; }
.page-subheader .bgback {position:absolute; left:0; top:0; right:0; bottom:0; z-index:0; background-size: cover; background-position: center;}
#page_header.no-bg { background: none; } */

.page-subheader .ph-content-wrap {width: 100%; display: table; height: 300px; min-height: 300px;}
.page-subheader .ph-content-v-center {display: table-cell; position: relative; vertical-align: middle;}

/* Newsletter alert @ template.css - line 4408 */
#notification_container .alert { display: inline-block; position: relative; padding: 4px 16px; }

/* Testimonial content @ template.css - line 4515 */
.ts-pt-testimonials__item {margin-left: 40px; margin-bottom: 40px;}
.ts-pt-testimonials__item--size-1 {width: -webkit-calc(26% - 50px); width: calc(26% - 50px);}
.ts-pt-testimonials__item--normal .ts-pt-testimonials__infos {margin-top: 0px;}
.ts-pt-testimonials__name {font-size: 20px; line-height: 1.4; font-weight: 700; text-transform: uppercase; margin-bottom: 0; margin-top: 0; text-shadow: 2px 2px 1px #222, -2px 2px 1px #222, 2px -2px 1px #222, -2px -2px 1px #222;} /*, 1px 1px 0px #222, -1px 1px 0px #222, 1px -1px 0px #222, -1px -1px 1px #222*/
.ts-pt-testimonials__position {font-size: 14px; line-height: 1.4; font-weight: 700; text-transform: uppercase; margin-bottom: 0; margin-top: 0; text-shadow: 1px 1px 1px #222, -1px 1px 1px #222, 1px -1px 1px #222, -1px -1px 1px #222;}

/* Testimonial content @ template.css - line 4521 */
.ts-pt-testimonials__text {background: rgba(0,0,0,0.5); border-radius: 3px; padding:40px 20px; font-size: 16px; font-weight: 400; font-style: italic; line-height: 1.5; position: relative;}

/* Alternative animated border @ template.css - line 4643 */
.media-container__link--style-borderanim2 .media-container__text {font-size: 30px;}

/*** Grid Photo Gallery @ template.css - line 4696 */
.gridPhotoGallery__link {width: 100%; height: 0; display:block; padding-bottom:100%; margin-bottom: 0.2px;}

/* Static Content - Reservation Form - line 5689 */
.sc--resform-style .static-content__title {text-shadow:3px 3px 3px #222, -3px 3px 3px #65874a, 3px -3px 3px #65874a, -3px -3px 3px #65874a; letter-spacing: -1px;}
.sc--resform-style .static-content__subtitle {text-shadow:2px 2px 1px #222, -2px 2px 1px #65874a, 2px -2px 1px #65874a, -2px -2px 1px #65874a; font-weight: 300;} /*, 1px 1px 0px #222, -1px 1px 0px #222, 1px -1px 0px #222, -1px -1px 1px #222*/

/* -------------------------------- 

Point of interest - Main components 

-------------------------------- */
.cd-product {
  text-align: center;
}

.cd-product-wrapper {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 450px;
}
.cd-product-wrapper > img {
  display: block;
}

.cd-single-point {
  position: absolute;
  border-radius: 50%;
}
.cd-single-point > a {
  position: relative;
  z-index: 2;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: inherit;
  background: #d95353;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-single-point > a::after, .cd-single-point > a:before {
  /* rotating plus icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background-color: #ffffff;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.cd-single-point > a::after {
  height: 2px;
  width: 12px;
}
.cd-single-point > a::before {
  height: 12px;
  width: 2px;
}
.cd-single-point::after {
  /* this is used to create the pulse animation */
  content: '';
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  background-color: transparent;
  -webkit-animation: cd-pulse 2s infinite;
  -moz-animation: cd-pulse 2s infinite;
  animation: cd-pulse 2s infinite;
}
.cd-single-point:nth-of-type(1) {
	top: 23%;
	left: 8%;
}
.cd-single-point:nth-of-type(2) {
	top: 20%;
	left: 46%;
}
.cd-single-point:nth-of-type(3) {
	top: 36%;
	left: 48%;
}
.cd-single-point:nth-of-type(4) {
	bottom: 6%;
	left: 17%;
}
.cd-single-point:nth-of-type(5) {
	bottom: 12%;
	right: 34%;
}
.cd-single-point.is-open > a {
  background-color: #475f74;
}
.cd-single-point.is-open > a::after, .cd-single-point.is-open > a::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(135deg);
  transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
.cd-single-point.is-open::after {
  /* remove pulse effect */
  display: none;
}
.cd-single-point.is-open .cd-more-info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}
.cd-single-point.visited > a {
  background-color: #475f74;
}
.cd-single-point.visited::after {
  /* pulse effect no more active on visited elements */
  display: none;
}
@media only screen and (min-width: 600px) {
  .cd-single-point.is-open .cd-more-info.cd-left {
    right: 140%;
  }
  .cd-single-point.is-open .cd-more-info.cd-right {
    left: 140%;
  }
  .cd-single-point.is-open .cd-more-info.cd-top {
    bottom: 140%;
  }
  .cd-single-point.is-open .cd-more-info.cd-bottom {
    top: 140%;
  }
}
@media only screen and (max-width: 600px) {
  .cd-single-point.is-open:nth-of-type(4) .cd-more-info.cd-top {
    margin-left: 54px;
  }
  .cd-single-point.is-open:nth-of-type(4) .cd-more-info.cd-top::before {
    margin-left: -54px;
  }
}
@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  100% {
    -webkit-transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  100% {
    -moz-transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  50% {
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0.8);
  }
  100% {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    box-shadow: inset 0 0 1px 1px rgba(217, 83, 83, 0);
  }
}
.cd-single-point .cd-more-info {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 98%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  text-align: left;
  line-height: 1.5;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 2em 1em 1em;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;
}
.cd-single-point .cd-more-info::before {
  /* triangle next to the interest point description - hidden on mobile */
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  display: none;
  border: 8px solid transparent;
}
.cd-single-point .cd-more-info h2 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: .6em;
}
.cd-single-point .cd-more-info p {
  color: #758eb1;
}
@media only screen and (min-width: 320px) {
  .cd-single-point .cd-more-info {
    position: absolute;
    width: 230px;
    height: 240px;
    padding: 1em;
    overflow-y: visible;
    line-height: 1.4;
    border-radius: 0.25em;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  }
  .cd-single-point .cd-more-info::before {
    display: block;
  }
  .cd-single-point .cd-more-info.cd-left, .cd-single-point .cd-more-info.cd-right {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-point .cd-more-info.cd-left::before, .cd-single-point .cd-more-info.cd-right::before {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-point .cd-more-info.cd-left {
    right: 160%;
    left: auto;
  }
  .cd-single-point .cd-more-info.cd-left::before {
    border-left-color: rgba(255, 255, 255, 0.95);
    left: 100%;
  }
  .cd-single-point .cd-more-info.cd-right {
    left: 160%;
  }
  .cd-single-point .cd-more-info.cd-right::before {
    border-right-color: rgba(255, 255, 255, 0.95);
    right: 100%;
  }
  .cd-single-point .cd-more-info.cd-top, .cd-single-point .cd-more-info.cd-bottom {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-point .cd-more-info.cd-top::before, .cd-single-point .cd-more-info.cd-bottom::before {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-point .cd-more-info.cd-top {
    bottom: 160%;
    top: auto;
  }
  .cd-single-point .cd-more-info.cd-top::before {
    border-top-color: rgba(255, 255, 255, 0.95);
    top: 100%;
  }
  .cd-single-point .cd-more-info.cd-bottom {
    top: 160%;
  }
  .cd-single-point .cd-more-info.cd-bottom::before {
    border-bottom-color: rgba(255, 255, 255, 0.95);
    bottom: 100%;
  }
  .cd-single-point .cd-more-info h2 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0 !important;
  }
  .cd-single-point .cd-more-info p {
    font-size: 13px;
  }
}

/* close the interest point description - only on mobile */
.cd-close-info {
  position: fixed;
  top: 0;
  right: 0;
  height: 44px;
  width: 44px;
}
.cd-close-info::after, .cd-close-info:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background-color: #475f74;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.cd-close-info::after {
  height: 2px;
  width: 16px;
}
.cd-close-info::before {
  height: 16px;
  width: 2px;
}
@media only screen and (min-width: 600px) {
  .cd-close-info {
    display: none;
  }
}


/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

@media only screen and (max-width : 1440px){

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

@media only screen and (max-width: 1199px){

}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px) {
	/*.kl-bg-source__bgimage {
		background-image:url(../images/CC_iarna.jpg);
		background-attachment:scroll;
		background-position-x:center;
		background-position-y:center;
		background-size:cover
	}*/
}

@media only screen and (max-width: 991px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px){
	/*.kl-bg-source__bgimage {
		background-image:url(../images/CC_iarna.jpg);
		background-attachment:scroll;
		background-position-x:center;
		background-position-y:center;
		background-size:cover
	}*/
}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {
	/*.kl-bg-source__bgimage {
		background-image:url(../images/CC_iarna.jpg);
		background-attachment:scroll;
		background-position-x:center;
		background-position-y:center;
		background-size:cover
	}*/
	.ts-pt-testimonials__item--size-1, .ts-pt-testimonials__item--size-2, .ts-pt-testimonials__item--size-3 {
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px);
	}
}

@media only screen and (max-width : 480px) {
	/*.kl-bg-source__bgimage {
		background-image:url(../images/CC_iarna.jpg);
		background-attachment:scroll;
		background-position-x:center;
		background-position-y:center;
		background-size:cover
	}*/
	.media-container__link--style-borderanim2 .media-container__text {
		font-size: 20px;
	}
/* Site Header @ template.css - line 1092 */
	.site-header .social-icons.topnav ~ .kl-header-toptext {
		margin-left: 0px;
		line-height:18px;
	}
}

@media only screen and (max-width : 320px) {

}