/********************************* SECTION 1 **********************************/
.section1 .text1 p {
  position: relative;
}

body .section1 .social-facebook .wd-icon:before,
body .section1 .social-instagram .wd-icon:before {
  display: none;
}

body .section1 .social-facebook .wd-icon,
body .section1 .social-instagram .wd-icon {
  width: 20px;
  height: 20px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

body .section1 .social-facebook .wd-icon {
  background-image: url('/wp-content/uploads/2022/03/facebook-icon.svg');
}

body .section1 .social-instagram .wd-icon {
  background-image: url('/wp-content/uploads/2022/03/instagram-icon.svg');
}

body .section1 .social-form-circle .wd-social-icon:hover {
  opacity: 0.8;
}


@media (min-width:768px) and (max-width:991px) {

}

@media (min-width:768px) and (max-width:1199px) {
  .section1 .wd-social-icons {
    transform: translateY(-20px);
  }
}

@media (min-width: 992px) {

}

@media (min-width:992px) and (max-width:1199px) {
  .section1 {
    display: flex;
    flex-direction: column-reverse;
  }
}

@media (min-width: 1200px) {
  body .section1 .vc_column-inner {
    padding: 0px !important;
  }
  body .section1 .column1 .wpb_wrapper {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    position: absolute;
    bottom: 6vw;
    left: 44%;
  }
  .section1 .text1 {
    margin-right: 0px!important;
  }
  .section1 .text1 p {
    position: relative;
    font-size: clamp(12px,0.9vw,16px) !important;
  }
  body .section1 .column1 .wpb_wrapper .wd-social-icons {
    display: inline-block;
    position: absolute;
    bottom: -4vh;
    left: -16%;
  }
  body .section1 .social-facebook .wd-icon {
    transform: rotate(90deg);
  }
  
  body .section1 .social-instagram .wd-icon {
    transform: rotate(90deg);
  }
  .section1 .text1 p:before {
    content: "";
    position: absolute;
    top: -14vh;
    left: 50%;
    width: 2px;
    height: 6vw;
    display: block;
    background-color: #728579;
  }
}

@media (max-width:767px) {
  .section1 .wd-social-icons {
    transform: translateY(-20px);
  }
}

/********************************* SECTION 2 **********************************/

body .section2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -30%;
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('/wp-content/uploads/2022/03/Background-Lines-01.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.5;
}

.section2 .column2 .wpb_raw_code .wpb_wrapper {
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: 0 23px;
}

.section2 .column2 .wpb_raw_code .wpb_wrapper img {
  max-width: 75px;
  cursor: pointer;
}

.section2 .heading1 h2 {
  font-family: 'Lovelace';
  font-size: 47px;
  line-height: 1.3;
  color: #476B54;
  font-weight: 500;
}

.section2 .text1 p {
  line-height: 1.3;
  position: relative;
}

.section2 .text1 p:before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(100% + 30px);
  width: 100px;
  height: 3px;
  display: block;
  background-color: #515252;
}

.section2 .text2 p {
  line-height: 1.4;
}

.section2 .column3 .vc_column-inner {
  display: flex;
  justify-content: end;
}

.section2 .column2 {
  position: relative;
}

@media (min-width: 992px) {
  body .section2 .column1,
  body .section2 .column3 {
    width: 30%;
  }

  body .section2 .column2 {
    width: 40%;
  }

  .section2 .column3 .vc_column-inner {
    padding-left: 12%;
  }
  .section2 .heading1 h2 {
    max-width: 280px;
  }
  
  .section2 .text1 p {
    max-width: 250px;
  }
  .section2 .column2:before {
    content: "";
    position: absolute;
    left: 45%;
    top: -140px;
    width: 20vw;
    height: 100%;
    display: block;
    background-image: url(/wp-content/uploads/2022/03/Shape-32-copy.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 9;
    pointer-events: none;
  }
}

@media (max-width:991px) {
  .section2 .column2:before {
    content: "";
    position: absolute;
    left: 45%;
    top: -61px;
    width: 48vw;
    height: 100%;
    display: block;
    background-image: url(/wp-content/uploads/2022/03/Shape-32-copy.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: 9;
    pointer-events: none;
  }
}

/********************************* SECTION 3 **********************************/

body .section3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-image: url('/wp-content/uploads/2022/03/leafe-shadow-min.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  pointer-events: none;
  z-index: 1;
  filter: grayscale(1);
  opacity: 0.6;
}

.section3 .row1,
.section3 .row2 {
  position: relative;
  z-index: 9;
}

.section3 .row1 {
  max-width: 1400px;
  margin:0 auto;
}

body .section3 .wd-images-gallery {
  max-width: 1400px;
  margin:0 auto;
}

.section3 .row2 {
  max-width: 1660px;
  margin: 0 auto;
}

body .section3 .row2 .row-image img {
  max-width: 120px;
  max-height: 80px;
  width: 100%;
  object-fit: contain;
  object-position: bottom;
}

body .section3 .img2 img {
  transform: translateX(13px);
}

.section3 .heading1 p {
  font-weight: 600;
  font-family: 'Proxima Nova Lt';
}

body .section3 .wd-images-gallery {
  position: relative;
  z-index: 2;
}

body .section3 .row2 .img3 img {
  max-height: 110px;
  margin-top: calc(-110px + 80px);
  transform: translateX(-5px);
}

body .section3 .row2 .row-image {
  display: flex;
  flex-direction: column-reverse;
}

body .section3 .row2 .row-image h2 {
  font-size: 20px;
  line-height: 1.2;
  font-family: 'Proxima Nova Rg';
  font-weight: 500;
  color: #515252;
  max-width: 150px;
  margin: 0 auto;
  margin-top: 20px;
}

/** lines **/

.section3 .line-holder {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0px;
  pointer-events: none;
}

.section3 .line-holder>.wpb_wrapper {
  max-width: 1666px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  position: relative;
}

.section3 .line-holder>.wpb_wrapper .lines {
  position: absolute;
  width: 3px;
  height: 100%;
  display: block;
  background-color: #B4C7BB;
  z-index: 1;
}

.section3 .line-holder>.wpb_wrapper .line1 {
  left: 0;
}

.section3 .line-holder>.wpb_wrapper .line2 {
  left: 20%;
}

.section3 .line-holder>.wpb_wrapper .line3 {
  left: 40%;
}

.section3 .line-holder>.wpb_wrapper .line4 {
  left: 60%;
}

.section3 .line-holder>.wpb_wrapper .line5 {
  left: 80%;
}

.section3 .line-holder>.wpb_wrapper .line6 {
  right: 0;
}

@media (min-width:768px) {
  body .section3 .wd-images-gallery .owl-stage .owl-item:nth-child(1),
  body .section3 .wd-images-gallery .owl-stage .owl-item:nth-child(3) {
    margin-top: 150px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .section3 .row2 {
    width: 100vw;
    margin-left: -10vw;
  }
  body .section3 .row2 .row-image {
    transform: scale(0.7);
  }
}

/********************************** SECTION 4 *********************************/

body .section4 .row1 {
  max-width: 1600px;
  margin: 0 auto;
}

body .section4:before {
  content: "";
  position: absolute;
  left: -300px;
  bottom: -232px;
  height: 100%;
  width: 85%;
  display: block;
  background-image: url(/wp-content/uploads/2022/03/shape-left-diamonh-new.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
}

body .section4:after {
  content: "";
  position: absolute;
  right: -300px;
  top: -194px;
  height: 100%;
  width: 50%;
  display: block;
  background-image: url('/wp-content/uploads/2022/03/shape-left-diamonh-new.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
  pointer-events: none;
}

body .section4 h2 {
  font-size: 65px;
  line-height: 75px;
  color: #476c54;
  font-weight: 600;
  font-family: 'Proxima Nova Lt';
}

body .section4 .column3 .vc_column-inner {
  padding-left: 15px;
}

body .section4 .slider-heading {
  font-family: 'Lovelace' !important;
}

body .section4 .promo-banner{
  overflow: visible;
}

body .section4 .promo-banner .banner-title{
  font-family: 'Lovelace';
  font-size: clamp(20px,1.4vw,26px)!important;
  line-height: 1.2!important;
}

body .section4 .promo-banner .banner-btn-wrapper a {
  font-family: 'Proxima Nova Lt';
  text-transform: none;
}

body .section4 .content-banner .title {
  font-size: 12px;
  letter-spacing: 1px;
  display: inline;
}

body .section4 .content-banner .text {
  margin-left: 10px;
  display: inline;
}

body .section4 .promo-banner .content-banner {
  width: fit-content;
  background-color: #4b6c53;
  padding: 20px;
}

body .section4 .promo-banner .wrapper-content-banner {
  overflow: visible;
}

body .section4 .promo-banner .banner-btn-wrapper {
  display: none;
}

.owl-carousel .owl-stage {
  overflow: visible!important;
}

body .section4 .owl-carousel,
body .section4 .owl-carousel .owl-stage-outer {
  overflow: visible!important;
}

body .section4 .owl-carousel.owl-drag .owl-item {
  padding-right: 30px !important;
  padding-left: 30px !important;
  overflow: visible;
}

body .section4 .promo-banner .banner-inner {
  margin-top: 15px!important;
}

body .section4 .promo-banner-wrapper,
body .section4 .banners-carousel-wrapper {
  overflow: visible;
}

@media (min-width: 1024px) {
  body .section4 .owl-nav>div[class*="prev"] {
    left: 0px!important;
  }
  
  body .section4 .owl-nav>div[class*="next"] {
    right: 0px!important;
  }
}

@media (min-width:768px) and (max-width:1023px) {
  body .section4 .owl-nav>div[class*="prev"] {
    justify-content: center;
    left: -55px!important;
  }
  
  body .section4 .owl-nav>div[class*="next"] {
    justify-content: center;
    right: -55px!important;
  }
}

@media (min-width:769px) {
  body .section4 .promo-banner{
    overflow: visible;
    height: 46vh;
  }  
}

@media (min-width:768px) {

  body .section4 .owl-nav>div[class*="prev"],
  body .section4 .owl-nav>div[class*="next"] {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: visible;
    background-color: #486B54!important;
    top: 40%;
  }
  
  body .section4 .wd-btn-arrow[class*="prev"]:after,
  body .section4 .wd-btn-arrow[class*="next"]:after {
    color: #f8f1ea!important;
  }
}

@media (max-width:768px) {
  body .section4 .promo-banner{
    overflow: visible;
    height: 46vh;
  }    
  body .section4 .promo-banner .wrapper-content-banner {
    padding: 0!important;
    position: absolute;
    top: 160px;
    display: block;
  }

  body .section4 .promo-banner .content-banner {
    width: 100%;
  }

  body .section4 h2 {
    font-size: 44px;
    line-height: 52px;
    text-align: left;
  }
  body .section4 .promo-banner{
    height: 400px;
  }
}

@media (max-width:767px) {

}

/************************************   SECTION 5   ***************************************************/

body .section5 {
  position: relative;
  z-index: 2;
  background-color: #476c54 !important;
}

body .section5:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% - 155px);
  display: block;
  background-color: #476c54;
  z-index: -1;
}

.section5 .text1 .woodmart-text-block {
    font-family: 'Proxima Nova Rg';
}

.section5 .image1 img{
  width: 200px;
}

body .section5 .color-scheme-light .hotspot-content{
  background: #486B54;
}

body .section5 .color-scheme-light .hotspot-content a{
  width: 100%;
  background-color: #42624D;
  color: #fff !important;
  font-family: 'Proxima Nova Lt';
  font-weight: 600;
  padding: 16px;
  font-size: 16px;
}

.section5 .hotspot-icon-default .hotspot-btn{
  background-color: #313131;
}

.section5 .wd-image-hotspot::before {
  content: "Apartments";
  font-family: 'Proxima Nova Rg';
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  text-align: center;
  line-height: 1.2;
}

.hotspot-sonar {
  display: none!important;
}

.section5 .wd-image-hotspot:nth-child(2)::before{
  content: "Apartments";
}
body:lang(el) .section5 .wd-image-hotspot:nth-child(2)::before{
  content: "Διαμερίσματα";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(2)::before{
  content: "Appartements";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(2)::before{
  content: "Appartements";
}

.section5 .wd-image-hotspot:nth-child(3)::before{
  content: "Reception";
}
body:lang(el) .section5 .wd-image-hotspot:nth-child(3)::before{
  content: "Χώρος Υποδοχής";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(3)::before{
  content: "Réception";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(3)::before{
  content: "Rezeption";
}

.section5 .wd-image-hotspot:nth-child(4)::before{
  content: "Multipurpose sports field";
}
body:lang(el) .section5 .wd-image-hotspot:nth-child(4)::before{
  content: "Γήπεδο πολλαπλών χρήσεων";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(4)::before{
  content: "Terrains multifonctionnels";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(4)::before{
  content: "Mehrzwecksportplatz";
}

.section5 .wd-image-hotspot:nth-child(5)::before{
  content: "Beach";
}
body:lang(el) .section5 .wd-image-hotspot:nth-child(5)::before{
  content: "Παραλία";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(5)::before{
  content: "Plage";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(5)::before{
  content: "Strand";
}

.section5 .wd-image-hotspot:nth-child(6)::before{
  content: "Rooms";
}
body:lang(el) .section5 .wd-image-hotspot:nth-child(6)::before{
  content: "Δωμάτια";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(6)::before{
  content: "Chambres";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(6)::before{
  content: "Zimmer";
}

.section5 .wd-image-hotspot:nth-child(7)::before{
  content: "Restaurant - Grocery shop - Bar";
}
body:lang(el) .section5 .wd-image-hotspot:nth-child(7)::before{
  content: "Εστιατόριο - Mini Market - Αναψυκτήριο";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(7)::before{
  content: "Taverne -Mini Market - Café Bar";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(7)::before{
  content: "Restaurant - Laden - Bar";
}

.section5 .wd-image-hotspot:nth-child(8)::before{
  content: "Camping sights";
}
body:lang(el) .section5 .wd-image-hotspot:nth-child(8)::before{
  content: "Θέσεις κάμπινγκ";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(8)::before{
  content: "Sites de camping";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(8)::before{
  content: "Camping Sehenswürdigkeiten";
}

body .section5 .hotspot-content .wd-entities-title {
  font-family: 'Proxima Nova Rg';
  font-weight: 600;
  color: #fff;
}

.section5 .wd-image-hotspot:nth-child(9)::before{
  content: "Camping sights";
}

body:lang(el) .section5 .wd-image-hotspot:nth-child(9)::before{
  content: "Θέσεις κάμπινγκ";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(9)::before{
  content: "Sites de camping";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(9)::before{
  content: "Camping Sehenswürdigkeiten";
}

.section5 .wd-image-hotspot:nth-child(10)::before{
  content: "Rooms";
}
body:lang(el) .section5 .wd-image-hotspot:nth-child(10)::before{
  content: "Δωμάτια";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(10)::before{
  content: "Chambres";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(10)::before{
  content: "Zimmer";
}

.section5 .wd-image-hotspot:nth-child(11)::before{
  content: "Camping Facilities";
}
body:lang(el) .section5 .wd-image-hotspot:nth-child(11)::before{
  content: "Εγκαταστάσεις";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(11)::before{
  content: "Installations de camping";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(11)::before{
  content: "Campingeinrichtungen";
}

.section5 .wd-image-hotspot:nth-child(12)::before{
  content: "Camper-Station";
}
body:lang(el) .section5 .wd-image-hotspot:nth-child(12)::before{
  content: "Camper-Station";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(12)::before{
  content: "Station service de camping-car";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(12)::before{
  content: "Camper-Service";
}

.section5 .wd-image-hotspot:nth-child(13)::before{
  content: "WC";
}
body:lang(el) .section5 .wd-image-hotspot:nth-child(13)::before{
  content: "WC";
}
body:lang(fr-FR) .section5 .wd-image-hotspot:nth-child(13)::before{
  content: "WC";
}
body:lang(de-DE) .section5 .wd-image-hotspot:nth-child(13)::before{
  content: "WC";
}

.section5 .wd-image-hotspot.nospot .hotspot-btn,
.section5 .wd-image-hotspot.nospot .hotspot-text {
  visibility: hidden!important;
}

@media (min-width:768px) {
    .section5 .text1 .woodmart-text-block {
        column-count: 2;
        column-gap: 4vw;
    }
    .section5 .wd-image-hotspot-wrapper {
        border: 30px solid #476c54;
    }
}

@media (max-width: 1279px){
  .section5 .wd-image-hotspot::before{
    display: none;
  }
}

@media (max-width:767px) {
    body .section5 {
        background-color: #718579 !important;
    }
    .section5 .image1 {
        text-align: center!important;
    }
    .section5 .text1 .woodmart-text-block {
        text-align: center;
    }

   
    body .section5:before {
      height: 100%!important;
    }
}

/************************************   SECTION 6   ***************************************************/

.section6 .title-wrapper h4{
  font-family: 'Proxima Nova Lt';
}

.section6 .testimonial-content {
  font-family: 'Proxima Nova Lt';
  color: #f9f1ea;
  font-size: 15px;
  text-align: left;
  line-height: 2;
}

.section6 .woodmart-title-style-simple .liner-continer:after {
  background-color: #C3A384!important;
}

.section6 .testimonial .testimonial-content footer,
.section6 .testimonial .testimonial-content footer>span {
  color: #ffffff;
  font-weight: 300;
}

.section6 .owl-nav>div {
  color: rgb(255 255 255);
}

.section6 .testimonial .testimonial-rating {
  display: none;
}

.section6 .wd-gallery-item img {
  max-width: 120px;
}

@media (min-width:768px) {

}

@media (max-width:1024px) {
  div[class*=woodmart-carousel-spacing] .owl-nav>div[class*=prev] {
      margin-left: 15px!important;
  }
  div[class*=woodmart-carousel-spacing] .owl-nav>div[class*=next] {
      margin-right: 15px!important;
  }
}

@media (max-width:991px) {
  .section6 .title-wrapper h4{
      text-align: center;
  }
  .section6 .gallery-halign-left .woodmart-gallery-item {
      justify-content: center;
  }
}

@media (max-width:767px) {
  .section6 .wpb_column .vc_column-inner {
      padding: 10%!important;
  }
  .section6 .wpb_column .vc_column-inner .wpb_column .vc_column-inner {
      padding: 14%!important;
  }
  .section6 [class*="wd-carousel-spacing-"] .owl-nav>div[class*="prev"] {
    left: -60px;
  }
  .section6 [class*="wd-carousel-spacing-"] .owl-nav>div[class*="next"] {
    right: -60px;
  }
  .section6 .wd-gallery-item {
    margin-bottom: 30px!important;
  }
}

/************ ESPA BANNER *************/

body .espa-holder {
  position: fixed;
  bottom: 120px;
  right: 0px;
  z-index: 99;
}

.espa-holder .espa-banner {
  cursor: pointer;
  width: 300px;
}

.espa-holder .close-icon {
  width: 35px;
  padding: 8px;
  border: 2px solid #e5e5e5;
  background-color: #E5E5E5;
  border-radius: 50%;
  position: absolute;
  left: -48px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: 0.6s ease;
  transform-origin: center;
}

.espa-holder .close-icon:hover {
  transform: translateY(-50%) rotate(180deg);
}

@media (max-width: 767px) {
  body .espa-holder {
    bottom: 0;
    top: auto;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .espa-holder .close-icon {
    transform: translateX(-50%);
    top: -45px;
    left: 50%;
  }

  .espa-holder .espa-banner {
    width: 300px;
  }

  .espa-holder .close-icon:hover {
    transform: none;
  }
}

@media (max-width: 550px) {
  .espa-holder .espa-banner {
    width: 300px;
  }
}