/*
Theme Name: Premium Wellness WordPress Theme
Author: MALVI
Description: Mobile friendly Theme
Version: 0.0.1
Tags: bootstrap
*/

@font-face {
  font-family: "Gletscher";
  src: url("/wp-content/themes/premium_wellness/fonts/GletscherTrial-Regular.otf");
  font-style: normal;
}

@font-face {
  font-family: "Gotham-Light";
  src: url("/wp-content/themes/premium_wellness/fonts/Gotham-Light.otf");
  font-style:normal;
  font-weight: 200;
}
a.downlink {
    font-family: gotham !important;
    font-size: 25px !important;
    font-weight: 600;
    margin-right: 18px;
    margin-top: 12px;
}
li.accordion {
    font-family: "Gletscher" !important;
    font-weight: 300 !important;
}
h1 {

    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    margin: 20px 0;

}

h4 {
    color: #000000;
    font-family: "Gletscher" !important;
    font-size: 36px !important;
    line-height: 51px !important;
    margin: 42px auto 26px auto !important;
    border-top: 4px solid #CFAD9D;
    /* float: left; */
    font-weight: 300;
    padding-top: 25px
}

h10 {
    color: #000000;
    font-family: "Gletscher" !important;
    font-size: 36px !important;
    line-height: 51px !important;
    margin: 42px auto 26px auto !important;
    /* float: left; */
    font-weight: 300;
    padding-top: 25px
}

h1 {
    color: #000000;
    font-family: "Gletscher" !important;
    font-size: 36px !important;
    line-height: 51px !important;
    margin: 42px auto 26px auto !important;
    /* float: left; */
    font-weight: 300;
    padding-top: 25px
}
ol,li {
    margin: 0;
    padding: 0;
}

ol {
    counter-reset: foo;
    display: table;
}

li {
    list-style: none;
    counter-increment: foo;
    display: table-row;
}

li::before {
    display: table-cell;
    text-align: right;
    padding-right: .3em;
}
.paddingpage {
    padding-right: 5%;
    padding-left: 5%;
}
img.wp-image-320756.aligncenter {
    margin-top: 80px;
}
img.size-full.wp-image-320760.aligncenter {
    margin-top: 101px;
}
.imc-logo-wrapper.tool_tip_set {
    margin-top: 20%;
}

page-id-285 h1 {
    border-top: none !important;
}
.section-title {
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  border-top: 4px solid #CFAD9D;
  display: inline-block; /* Ensures proper border alignment */
}

/* Section title without border */
.section-title-2 {
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
}
ul#menu-menu-left {
    text-align: right;
}

ul#menu-menu-right {
    text-align: left;
}
p {


    color: #000000;
    font-family: "Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 29px;

}

.thankyourow {
    margin-top: -35% !important;
    position: relative !important;
}

.cbp-l-grid-projects-desc {
    padding: 12px !important;
    color: #fff !important;
}
.cbp-l-caption-body {
    background: #cfad9d;
}
.panels p {
    padding: 15px;
    text-align: left !important;
    padding: 37px !important;
}
.panels.col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    font-family: gotham !important;
    font-weight: 300 !important;
}
.aticle-text {
    border-style: solid;
    border-width: 1px;
    width: 100%;
    height: 70px;
    position: relative;
    top: 355px;
    background-color: #ffffff !important;
    padding: 5px;
    text-align: center;
    color: #cfad9d !important;
    font-size: 20px;
    font-family: Playfair Display;
    margin-bottom: 20px;
    text-transform: lowercase;
}
.days .date {
    font-size: 30px;
    padding-left: 40px;
    padding-bottom: 10px;
    font-family: "Gletscher" !important;
    font-weight: 100 !important;
    letter-spacing: 5px;
}


p.infor {
    font-weight: 300 !important;
    font-family: gotham !important;
}

p.date {
    font-family: gotham !important;
    margin-top: 32px !important;
    font-weight: 600!important;
}
html, body{
  overflow-x: hidden;
}
/*Main Navigation*/

#navbar-primary {
  top: 3%; transition: 0.3s ease;
}

#navbar-primary .navbar-nav {
  width: 100%;
  text-align: center;

}
#navbar-primary .navbar-nav > li {
  display: inline-block;
}
#navbar-primary .navbar-nav > li > a {
  padding-left: 30px;
  padding-right: 30px;
  height: 24px;
  width: 100%;
  color: #000000;
  font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 2vh;
  font-weight: 200;
  line-height: 29px;
  text-decoration: none;
}
.flyout-trigger-id-323980.flyout-trigger.trigger-right.trigger-button {
    font-size: 26px;
    padding-right: 14px;
    padding-left: 14px;
        font-family: 'Gotham-Light';
}
#navbar-primary .navbar-nav .prem-item .active > a {
  color: #CFAD9D;
  border-top: 4px solid black;
}

#navbar-primary .navbar-nav > .prem-item  > a:hover {
  background-color: inherit;
  color: #CFAD9D;
  border-top: 4px solid black;
}

#navbar-primary .navbar-nav > .prem-item-logo  > a:hover {
  background-color: inherit;
}

#navbar-primary .navbar-nav > .prem-item-logo  > a:focus {
  background-color: inherit;
}

#navbar-primary .navbar-nav > .prem-item  > a:focus {
  background-color: inherit;
  color: #CFAD9D;
  border-top: 4px solid black;
}


#nav-icon4 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s linear-out;
  -moz-transition: .5s linear-out;
  -ms-transition: .5s linear-out;
  -o-transition: .5s linear-out;
  transition: .5s linear-out;
  cursor: pointer;
  z-index: 2;
}

 #nav-icon4 span {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s linear-out;
  -moz-transition: .25s linear-out;
  -ms-transition: .25s linear-out;
  -o-transition: .25s linear-out;
  transition: .25s linear-out;
  z-index: 2;
}


#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 8px;
  margin-top: 8px !important;
}

#premium-map1, .premium-location-map{
  height: 100%;
  width: 100%;
  display: inline-block;
  overflow: hidden;
}

/*Website footer*/
.premium-footer{
  height: 449px;
  width: 100%;
  opacity: 0.9;
  background-color: #000000;
  position: relative;
}

.premium-footer-col1{
  position: relative;
  height: 30vh;
}

.premium-footer-col2{
  position: relative;
  height: 30vh;
}

.premium-footer-col3{
  position: relative;
  height: 30vh;
}

.premium-footer-content1{
  height: auto; width: 75%; color: #CFAD9D; font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px; font-weight: 200; line-height: 24px; position: relative; top: 30%; left: 0;
}

.premium-footer-logo{
  position: absolute;
  top: 50%;
  left: 62%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.introthehub {
    margin-top: 16px;
    text-align: center;
    font-family: 'Gotham-Light';
    font-size: 19px;
}

.premium-footer-content2{
  height: auto;
  width: 360px;
  color: #CFAD9D;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 36px;
  position: relative;
  top: 25%;
  left: 0;
  padding-left: 35%;
}

.premium-footer-line{
  height: 4px;
  width: 238px;
  background-color: #CFAD9D;
  position: absolute;
  bottom: 20%;
}

.premium-footer-social{
  position: relative;
  width: 58%;
  top: 53%;
}

.premium-social-icon{
  margin-left: 10%;
}

.premium-footer-full-logo{
  position: relative;
  margin-top: 15%;
}

.premium-footer-copyrights{
  height: 26px;
  width: 360px;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 12px;
  font-weight: 200;
  line-height: 26px;
  position: relative;
}

.premium-footer-copyrights a { color: #FFFFFF; font-size: 12px; font-weight: 200; line-height: 18px; }

/*Homepage Hero*/
.premium-hero{
  position: relative;
}

.bgimage {
  width:100%;
  height: 100vh;
  background: url('/wp-content/uploads/2018/08/hero_main.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

.bgimage h5 {
  height: 160px;
  width: 368px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
  position: absolute;
  right: 23%;
  top: 15%;
}

.bgimage h5 > span{
  height: 160px;
  width: 368px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
  border-top: 4px solid #CFAD9D;
}

.premium-container{
  margin: auto;
}

.premium-container2{
  position: relative;
}

.premium-hero-container{
  height: 287px;
  width: 412px;
  opacity: 0.7;
  background-color: #FFFFFF;
  margin-top: 50vh;
  margin-left: 66%;
}

.premium-hero-button{
  height: 45px;
  width: 259px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border: 3px solid #CFAD9D;
  background-color: #FFFFFF;
  position: absolute;
  top: 91%;
  right: 49%;
}

.premium-home-testimonials{
  width: 100%;
  height: 50vh;
  position: relative;
  padding: 5%;
  min-height: 550px;
}

.premium-test-container{
  position: relative;
  /*height: 50vh;*/
}

.premium-home-testimonials-container{
    height: 577px !important;
    width: 935px;
    background-color: #CFAD9D;
    position: absolute;
    right: 0;
}

.premium-testimonial-title{
  height: 45px;
  width: 265px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #000000;
  font-family: "Gletscher";
  font-size: 20px;
  line-height: 24px;
  text-align: right;
  position: absolute;
  left: -30%;
  top: 45%;
}

.premium-test-quote{
  position: absolute;
  z-index: 1;
  left: 12%;
  top: 5%;
}

.premium-test-photoholder{
  width: 265px;
  height: 265px;
  position: absolute;
  background: url("/wp-content/uploads/2018/08/mykonos_testimonial.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  top: 15%;
  left: -13%;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.premium-test-photoholder2{
  width: 265px;
  height: 265px;
  position: absolute;
  background: url("/wp-content/uploads/2018/08/Testimonial-ski-break-1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  top: 15%;
  left: -13%;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.premium-test-photoholder3{
  width: 265px;
  height: 265px;
  position: absolute;
  background: url("/wp-content/uploads/2023/11/office90234.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  top: 15%;
  left: -13%;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.premium-test-line{
  height: 4px;
  width: 128px;
  background-color: #000000;
  position: absolute;
  top: 75%;
  left: 9%;
}

.premium-test-text{
  height: 132px;
  width: 558px;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  position: absolute;
  top: 32%;
  left: 56%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.premium-test-name{
  height: 45px;
  width: 267px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 36px;
  line-height: 43px;
  position: absolute;
  top: 72%;
  left: 26%;
}

.premium-test-location{
  height: 33px;
  width: 65%;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 26px;
  position: absolute;
  top: 80%;
  left: 26%;
}

.premium-home-test-extra{
  height: 375px;
  width: 95px;
  background-color: #DBC4B9;
  position: absolute;
  right: 0;
  z-index: 1
}

/*home section3*/
.premium-home-section3{
  width: 100%;
  height: auto;
  position: relative;
  padding: 5% 0% 5% 0%;
  min-height: 550px;
  outline: 0;
  margin-top: 76px;
}

.premium-s3-photoholder-left{
  width: 100%;
  height: 550px;
  background: url("/wp-content/uploads/2018/08/rsz_expert_guidance.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  position: absolute;
  left: 0;
}

.premium-s3-title-holder{
  height: 235px;
  width: 550px;
  background-color: #FFFFFF;
  position: absolute;
  left: 80%;
  margin-top: -4%
}

.premium-s3-title{
  height: 143px;
  width: 250px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  margin: auto;
}

.premium-s3-title > span{
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  border-top: 4px solid #CFAD9D;
}

.premium-s3-col{
  height: auto;
  min-height: 550px;
  position: relative;
}

.premium-s3-content{
  width: 455px;
  height: 440px;
  position: relative;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.premium-s3-text{
  height: 156px;
  width: 455px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.premium-s3-button{
    height: 45px; width: 259px; color: #000000; font-family: "Gletscher"; font-size: 18px; background: white;
    line-height: 42px; text-align: center; border: 3px solid #CFAD9D; position: absolute; bottom: 0;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.premium-s3-button:hover {
    background: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.premium-pattern-right{
  position: absolute;
  right: 0;
  z-index: 1;
  margin-top: -10%;
}

.premium-pattern-left{
  position: absolute;
  left: 0;
  z-index: 1;
  margin-top: -10%;
}

/*home section4*/
.premium-home-section4{
  width: 100%;
  height: auto;
  min-height: 550px;
  position: relative;
  padding: 10% 0% 10% 0%;
}

.premium-s4-photoholder-right{
  width: 100%;
  height: 550px;
  background: url("/wp-content/uploads/2025/01/WELLNESS-BACK.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  position: absolute;
  left: 0;
}

.premium-s4-title-holder{
    height: 235px; width: 550px; background-color: #FFFFFF; position: absolute;
    left: 60%; margin-top: -8%; z-index: 1;
}

.premium-s4-title{
  height: 143px;
  width: 250px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  margin: auto;
}

.premium-s4-title > span{
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  border-top: 4px solid #CFAD9D;
}

/* home section5 */
.premium-home-section5{
  width: 100%;
  height: auto;
  background: url("/wp-content/uploads/2018/07/drz-leto-8771.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  position: relative;
}

.premium-s5-row{
  width: 100%;
}

.premium-s5-col1{
    height: auto; position: relative; background-color: rgba(207,173,157,0.7); padding: 5%;
}

.premium-s5-col2{ height: auto; position: relative; padding: 5%; }
.premium-s5-text-holder{ width: 550px; height: auto; }
.premium-s5-location{ height: 42px; width: 265px; color: #FFFFFF; font-family: "Gletscher"; font-size: 18px; line-height: 42px; text-transform: uppercase; }
.premium-s5-title{
    height: auto; width: 550px; color: #FFFFFF; font-family: "Gletscher";
    line-height: 70px; margin-top: 10%; margin-bottom: 5%; font-size: 64px;
}
.premium-s5-date{
    height: 26px; width: 455px; color: #FFFFFF; line-height: 26px; font-weight: 200;
    font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 24px;
}
.premium-s5-button{
    height: 45px; width: 259px; color: #000000; font-family: "Gletscher"; font-size: 18px; line-height: 42px;
    border: 3px solid #CFAD9D; background-color: #FFFFFF; text-align: center; margin-top: 50px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.premium-s5-button:hover, .premium-s6-button:hover, .premium-s7-button:hover {
    background: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.premium-s5-line{
  height: 4px;
  width: 170px;
  background-color: #CFAD9D;
  margin-bottom: 5%;
}

.premium-s5-hastag{
	height: 65px;
  width: 276px;
  background-color: #FFFFFF;
  color: #CFAD9D;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  text-align: center;
  position: absolute;
  top: 0;
  right: -15px;
  padding-top: 2%;
}

.premium-s5-pattern{
  position: absolute;
  top: 50%;
  z-index: -1;
}

.premium-point-line{
  position: absolute;
  top: 30%;
  left: 148%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* home section6 */

.premium-home-section6{
  width: 100%;
  height: auto;
  min-height: 550px;
  position: relative;
  margin: 0 0 5% 0;
  padding: 5% 0% 5% 0%;
  opacity: 0.9;
  background-color: #000000;
  /*z-index: -2;*/
}

.premium-s6-row{
  width: 100%;
}

.premium-s6-col1{
  height: auto;
  position: relative;
}

.premium-s6-col2{
  height: auto;
  position: relative;
}

.premium-s6-content{
  width: 550px;
  height: auto;
  position: relative;
  margin: auto;
}

.premium-s7-cont{
  position: relative;
  margin: 5% auto;
  width: 80%;
  height: auto;
  display: block;
  z-index: 10;
}

.premium-s6-title{
  height: auto;
  width: 550px;
  color: #FFFFFF;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 90px;
  text-align: right;
  margin: auto;
}

.premium-s6-title > span {
  border-top: 4px solid #CFAD9D;
}

.premium-s6-text{
  height: auto;
  width: 455px;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  text-align: right;
  position: relative;
  margin-left: auto;
  padding: 10% 0 10% 0;
}

.premium-s6-button{
  height: 45px;
  width: 259px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border: 3px solid #CFAD9D;
  position: relative;
  background-color: #FFFFFF;
  margin-left: auto;
  z-index: 10;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

/* home section7 */

.premium-home-section7{
  position: relative;
  width: 100%;
  height: 50vh;
  min-height: 550px;
  margin: 10% 0 10% 0;
  background-color: #FFFFFF;
}

.premium-s7-col1{
  height: 50vh;
  position: relative;
}

.premium-s7-col2{
  height: 50vh;
  position: relative;
  background: url("/wp-content/uploads/2018/08/professional_services.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

.premium-s7-content{
  position: absolute;
  height: auto;
  width: 100%;
  border: 10px solid #CFAD9D;
  z-index: 1;
  top: -15%;
  left: 15%;
  padding: 5%;
}

.premium-s7-title{
  height: 143px;
  width: 550px;
  color: #CFAD9D;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
}

.premium-s7-text{
  height: 234px;
  width: 455px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin-top: 5%;
}

.premium-s7-button{
  height: 45px;
  width: 259px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border: 3px solid #CFAD9D;
  position: relative;
  margin: 5% 0 0 0;
  background-color: #FFFFFF;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

/*Retreat Single Page*/
.page-template-retreat-single .premium-retreat-yoga { margin-top: 15%; }
.single-post .premium-home-section6 { margin-bottom: 0; }

/* Retreat Single Page - New Services Section */
.services-row { background: linear-gradient(to right, #CFAD9D 0%,#CFAD9D 58.33%,rgba(207,173,157,0.7) 0%,rgba(207,173,157,0.7) 100%); }
.services-wrapper { float: left; width: 100%; padding: 5%; outline: 10px solid white; outline-offset: -135px; }
.services-col { padding: 5% 5% 245px 5%; }
.service-heading { color: #000000; font-family: "Gletscher"; font-size: 36px; line-height: 40px; width: 360px; margin: 0 auto 85px auto; }
.service-heading.mrg { margin-left: initial; margin-bottom: 35px; }
.service-content { color: #000000;   font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 18px; font-weight: 200; line-height: 26px; width: 294px; margin: 0 auto; }
.service-content.mrg { margin-left: initial; }
.services-row-old { display: none; visibility: hidden; }

.premium-retreat-single-hero{
  width:100%;
  height: auto;
  background:  linear-gradient(
      rgba(207,173,157,0.7),
      rgba(207,173,157,0.7)
    ), url('/wp-content/uploads/2018/07/drz-leto-8771.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  /*margin-top: 5.5%;*/
}

.premium-single-hero-container{
  height: 367px;
  background: url('/wp-content/uploads/2018/07/drz-leto-8771.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  top: 22%;
  margin-bottom: 1.5vh;
  position: absolute;
  right: 0;
}

.premium-single-hero-button{
    height: 45px; width: 259px; color: #000000; font-family: "Gletscher"; font-size: 18px; top: 94%; right: 56%;
    line-height: 42px; text-align: center; border: 3px solid #CFAD9D; background-color: #FFFFFF; position: absolute;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.premium-single-hero-button:hover {
    background-color: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.premium-hero-col1{
  position: relative;
  height: auto;
}

.premium-retreat-hero-content{
  position: relative;
  padding: 25% 0 25% 0;
}

.premium-retreat-hero-content2{
  height: 26px;
  width: 455px;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  text-align: center;
  position: absolute;
  bottom: -30%;
  left: 0%;
}

.premium-retreat-icon{
  margin-left: 2%;
}

.premium-retreat-hero-location{
  height: 42px;
  width: 265px;
  color: #FFFFFF;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
}

.premium-retreat-hero-title{
    height: 143px !important;
    width: 550px !important;
    color: #FFFFFF;
    font-family: "Gletscher" !important;
    font-size: 64px !important;
    line-height: 70px !important;
    margin: 5% 0 5% 0 !important;
}

.premium-retreat-hero-date{
  height: 26px;
  width: 455px;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 26px;
  margin-top: 3%;
}

.premium-retreat-price1{
  height: 26px;
  width: 170px;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin-top: 13%;
}

.premium-retreat-price2{
  height: 65px;
  width: 265px;
  color: #FFFFFF;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
}

.premium-retreat-price3{
  height: 26px;
  width: 170px;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  text-align: center;
  border-top: 4px solid #CFAD9D;
}

.premium-retreat-section2{
  position: relative;
  height: auto;
  padding: 10% 0 10% 0;
}

.premium-retreat-s2-title{
  height: 143px;
  width: 550px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
}
.premium-retreat-s2-title.longer { width: 650px; }

.premium-retreat-s2-title > span{
  border-top: 4px solid #CFAD9D;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
}

.premium-retreat-s2-content{
  height: 258px;
  width: 455px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}

.premium-retreat-s2-box{
  height: auto;
  width: 48%;
  background-color: #CFAD9D;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5%;
}

.premium-retreat-s2-pattern1{ position: absolute; z-index: -1; }

.premium-retreat-s2-box-text{
	height: auto;
  width: 455px;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}

/*.premium-retreat-s2-box-icons{
  margin: 10%;
}*/

.box-icons{
  margin-left: 10%;
}

.premium-retreat-section3{
  position: relative;
  height: auto;
  padding: 0% 0 5% 0;
}

.premium-retreat-s3-image1{
  background: url("/wp-content/uploads/2018/08/hydra_main.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 61vh;
  width: 61vw;
}

.premium-retreat-s3-image-mini1{
  background: url("/wp-content/uploads/2018/08/hydra_02.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 20vh;
  width: 20vw;
  position: absolute;
  right: 0;
  bottom: 0;
}

.premium-villas-s3-image-mini1{
  background: url("/wp-content/uploads/2018/08/nomios_031.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 20vh;
  width: 20vw;
  position: absolute;
  right: -25%;
  bottom: 0;
}


.premium-villas-s3-image-mini2{
  background: url("/wp-content/uploads/2018/08/hog_02.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 20vh;
  width: 20vw;
  position: absolute;
  right: -25%;
  bottom: 0;
}

.premium-retreat-box-count{
  height: 45px;
  width: 67px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  display: inline-flex;
}

.premium-retreat-box-count > p{
  color: #000000;
  font-family: "Gletscher";
  font-size: 14px;
}

.premium-retreat-s3-image2{
  background: url("/wp-content/uploads/2018/08/hog_01.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 61vh;
  width: 61vw;
}

.premium-retreat-s3-box{
  height: 375px;
  width: 95px;
  background-color: rgba(207,173,157,0.7);
}

.premium-retreat-s3-box2{
  height: 375px;
  position: relative;
  /*background-color: rgba(207,173,157,0.7);*/
}

.premium-retreat-s3-content{
  height: auto;
  width: 455px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  padding-top: 10%;
}

.premium-retreat-section4{
  position: relative;
  height: auto;
  padding: 0 0 5% 0;
}

.premium-retreat-s4-image{
  background: url("/wp-content/uploads/2018/08/hotel_main.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 100vh;
  width: 100%;
}


.premium-retreat-s4-title{
  height: 76px;
  width: 391px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 36px;
  line-height: 43px;
}

.premium-retreat-s4-content{
  height: auto;
  width: 455px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}

.premium-retreat-s4-col1{
  margin-top: -15%;
  background-color: white;
  width: 47vw;
  position: relative;
  z-index: 1;
  height: 13vh;
}

a{
  text-decoration: none;
  color: inherit;
}

a:hover{
  text-decoration: none;
  color: inherit;
}

.premium-retreat-s4-card{
  padding: 5% 0 0 15%;
}

.premium-retreat-card-title{
    height: auto; padding: 0 15px; color: #000000; font-family: "Gletscher";
    font-size: 24px; line-height: 29px; text-align: center; margin-top: 5%; margin-bottom: 3%;
}

.premium-retreat-card-subtitle{
  height: 42px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  text-align: center;
  margin-top: 3%;
}


.premium-retreat-s4-line{
  height: 4px;
  width: 170px;
  background-color: #CFAD9D;
  margin: auto;
}

.premium-retreat-card-text{
  height: auto;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  text-align: center;
  padding-bottom: 30px;
}

.premium-retreat-s4-card-container{
  height: auto;
  width: 550px;
  border: 10px solid #CFAD9D;
  background-color: #FFFFFF;
}

.premium-retreat-s2-pattern2{
  position: absolute;
  right: 0;
  margin-top: -13%;
}

.premium-retreat-section5{
  position: relative;
  height: auto;
  padding: 5% 0 5% 0;
}

.little-stars { margin: 5% auto; width: auto; height: 30px; text-align: center; }
.rating-wrapper .little-stars img { width: 30px; position: relative; right: initial; top: initial; }
.premium-retreat-s5-photo1{
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/08/sofia_beloka.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  margin: 20% auto auto auto;
}

.premium-retreat-s5-photo2{
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/08/vasiliki_small.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  margin: 20% auto auto auto;
}

.premium-retreat-s5-photo3{
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/08/Rectangle-Copy.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  margin: auto;
}

.premium-retreat-s5-name{
    height: 92px; width: 267px; color: #000000; font-family: "Gletscher";
    font-size: 36px; line-height: 40px; margin: 5% auto;
}

.premium-retreat-s5-job{
  height: 33px;
  width: 265px;
  color: #CFAD9D;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 26px;
  margin: 5% auto;
}

.premium-retreat-section6{
  position: relative;
  height: 50vh;
  padding: 5% 0 5% 0;
}

.premium-retreat-s6-container{
  height: 279px;
  width: 780px;
  background-color: #CFAD9D;
  position: absolute;
  right: 8.5%;
}

.premium-s6-container{
  position: relative;
}

.premium-retreat-s6-content{
  height: 182px;
  width: 455px;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin: 5% auto;
}

.premium-retreat-s6-image{
  width: 265px;
  height: 265px;
  position: absolute;
  background: url("/wp-content/uploads/2018/08/Rectangle-Copy-3.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 40%;
  left: -29%;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}

.premium-retreat-s6-image1{
  width: 265px;
  height: 265px;
  position: absolute;
  background: url("/wp-content/uploads/2018/08/activities_yoga.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: 40%;
  left: -29%;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}


.premium-retreat-section7{
  position: relative;
  height: auto;
  padding: 0 0 5% 0;
}

.premium-retreat-yoga{
  height: 92px;
  width: 267px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 36px;
  line-height: 40px;
  margin-left: 4.5%;
}

.premium-activity-titles{
  padding-top: 2%;
  padding-bottom: 2%;
}

.premium-retreat-s7-text1{
  height: auto;
  width: 265px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin: auto;
}

.premium-retreat-s7-img1{
  background: url("/wp-content/uploads/2018/08/activities_cruise.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  margin: auto;
}

.premium-retreat-s7-img2{
  background: url("/wp-content/uploads/2018/08/activities_beach_wellness.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  margin: auto;
}

.premium-retreat-s7-img3{
  background: url("/wp-content/uploads/2018/08/activities_traditional_cooking.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  margin: auto;
}

.premium-retreat-s7-img4{
  background: url("/wp-content/uploads/2018/08/activities_night_out.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  margin: auto;
}

.premium-retreat-s7-img5{
  background: url("/wp-content/uploads/2018/08/activities_trekking.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  margin: auto;
}

.premium-retreat-s7-mini-title{
  height: 92px;
  width: 267px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 36px;
  line-height: 40px;
  margin: auto;
}

.premium-retreat-section8{
  position: relative;
  height: auto;
  padding: 5% 0 5% 0;
}

/*.premium-retreat-services-stroke{
  height: auto;
  width: 100%;
  padding: 5%;
  position: relative;
}*/

.premium-retreat-s8-col1{
  background-color: #CFAD9D;
  padding: 5% 0 5% 5%;
  /*border: 10px solid #ffffff;*/
}

.premium-retreat-s8-col2{
  background-color: rgba(207,173,157,0.7);
  padding: 5% 5% 5% 0;
  /*border: 10px solid #ffffff;*/
}

.premium-retreat-s8-included1{
  border-top: 10px solid #ffffff;
  border-left: 10px solid #ffffff;
  border-bottom: 10px solid #ffffff;
  height: 100%;
  padding: 5%;
}

.premium-retreat-s8-included2{
  border-top: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
  border-bottom: 10px solid #ffffff;
  height: 100%;
  padding: 7.28%;
}

.premium-retreat-s8-title1{
  height: 10vh;
  width: 360px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 36px;
  line-height: 40px;
  margin: auto;
}

.premium-retreat-s8-title2{
  height: 10vh;
  width: 360px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 36px;
  line-height: 40px;
  /*margin: auto;*/
}

.premium-retreat-s8-text1{
  height: 58.3vh;
  width: 360px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin: auto;
}

.premium-retreat-s8-text2{
  height: 58.3vh;
  width: 265px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}

/*retreat form*/

.premium-entry-content{
  width: 100%;
  height: auto;
  position: relative;
  padding: 5%;
}

.premium-form-stroke{
  height: auto;
  width: 100%;
  border: 10px solid #000000;
  padding: 5%;
}

.premium-form-title{
  height: 168px;
  width: 740px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
}

.premium-form-title > span{
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  border-top: 4px solid #CFAD9D;
}

.premium-form-desc{
  height: 143px;
  width: 265px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin-top: 10%;
}

.premium-form-pattern{
  position: relative;
}

.premium-form-name { width: 360px; height: 45px; border-bottom: 4px solid #CFAD9D; border-top: none; border-left: none; border-right: none; }
.premium-form-label { width: 360px; height: 45px; color: #000000; font-family: "Gletscher"; font-size: 18px; line-height: 50px; }

.premium-form-content{
  height: 65px;
  width: 360px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin: 10% 0 5% 0;
}

.premium-form-radios{
    width: 100%;
    padding: 5% 0 ;
    margin-bottom: 5%;
}

.premium-form-inline{
  display: inline;
}

.premium-form-inline input{ position: absolute; opacity: 0; cursor: pointer; z-index: 1; width: 28px; height: 28px; }

.premium-checkmark{
  box-sizing: border-box;
  position: absolute;
  height: 29px;
  width: 29px;
  border: 3px solid #CFAD9D;
  /*background-color: #FFFFFF;*/
  border-radius: 50%;
}

/* When the radio button is checked, add a black background */
.premium-form-inline input:checked ~ .premium-checkmark {
    background-color: #ffffff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.premium-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.premium-form-inline input:checked ~ .premium-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.premium-form-inline .premium-checkmark:after {
 	top: 7px;
	left: 7px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #000000;
}

.premium-form-label-radio{
	height: 26px;
  width: 120px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin-left: 10%;
}

::placeholder{
  height: 35px;
  width: 265px;
  color: rgba(207,173,157,0.7);
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}

.premium-form-email{
  margin-top: 5%;
}

.premium-form-phone{
  margin-top: 5%;
}

.premium-checkboxes-content{
  height: 35px;
  width: 360px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin: 10% 0 10% 0;
}

.premium-form-checkboxes{
  position: relative;
  height: 10vh;
}

.premium-checkbox-container{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  height: 33px;
  width: 78px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}
/* Hide the browser's default checkbox */
.premium-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 3px solid #CFAD9D;
    background-color: #FFFFFF;
}

/* When the checkbox is checked, add a white background */
.premium-checkbox-container input:checked ~ .checkbox-checkmark {
    background-color: #000000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.premium-checkbox-container input:checked ~ .checkbox-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.premium-checkbox-container .checkbox-checkmark:after {
    left: 7px;
    top: 7px;
    width: 10px;
    height: 10px;
    background-color: #000000;
}

.premium-submit-check{
  height: 65px;
  width: 334px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 18px;
}

.premium-form-submit{
    height: 45px; width: 360px; color: #000000; font-family: "Gletscher"; font-size: 18px;
    line-height: 42px; text-align: center; border: 3px solid #CFAD9D; background: #FFFFFF; margin-top: 5%;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.premium-form-submit:hover {
    background: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.premium-submit-valid{
  padding: 0;
  margin-bottom: 2%;
  margin-top: 10%;
  margin-left: 15px !important;
}

.error{
  padding: 5px 9px;
  border: 1px solid red;
  color: red;
  border-radius: 3px;
}

.success{
  padding: 5px 9px;
  border: 1px solid green;
  color: green;
  border-radius: 3px;
}

form span{
  color: red;
}

/*Contact Page*/

.premium-contact{
  height: 15vh;
  width: 100%;
  position: relative;
  margin-top: 10%;
  margin-bottom: 5%;
}

.premium-contact-title{
  height: 143px;
  width: 645px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
}

.premium-contact-title > span{
  border-top: 4px solid #CFAD9D;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
}

.premium-contact-section1{
  position: relative;
  height: auto;
  padding: 5% 0 5% 0;
}

.premium-contact-content{
  height: 238px;
  width: 300px;
  color: #CFAD9D;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 34px;
  float: right;
}

/* Customised Page*/

.premium-tailor-hero{
  position: relative;
  padding-bottom: 5%;
}

.bgimage-tailor {
  width:100%;
  height: 100vh;
  background: url('/wp-content/uploads/2018/08/tailor_made.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  /*background-attachment: fixed;*/
}
.bgimage-thehub {
  width:100%;
  height: 100vh;
  background: url('/wp-content/uploads/2025/01/io91.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  /*background-attachment: fixed;*/
}
.bgimage-tailor h5 {
  height: 160px;
  width: 368px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
  position: absolute;
  right: 23%;
  top: 15%;
}
.bgimage-thehub h5 {
  height: 160px;
  width: 368px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
  position: absolute;
  right: 23%;
  top: 15%;
}

.bgimage-tailor h5 > span{
  height: 160px;
  width: 368px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
  border-top: 4px solid #CFAD9D;
}

.bgimage-thehub h5 > span{
  height: 160px;
  width: 368px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
  border-top: 4px solid #CFAD9D;
}

.premium-container{
  margin: auto;
}

.premium-tailor-hero-container{
  height: 287px;
  width: 412px;
  opacity: 0.7;
  background-color: #FFFFFF;
  margin-top: 50vh;
  margin-left: 66%;
}

.premium-tailor-hero-button{
  height: 45px;
  width: 259px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border: 3px solid #CFAD9D;
  background-color: #FFFFFF;
  position: absolute;
  top: 91%;
  right: 49%;
}

.premium-tailor-left-title{
  height: 143px;
  width: 320px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  margin: auto;
  text-align: left;
}

.premium-tailor-left-title > span{
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  border-top: 4px solid #CFAD9D;
}

.premium-tailor-left-title2{
  height: 143px;
  width: 453px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  margin: auto;
  text-align: left;
}

.premium-tailor-left-title2 > span{
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  border-top: 4px solid #CFAD9D;
}

.premium-tailor-right-title{
  height: 143px;
  width: 320px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  margin: auto;
  text-align: right;
}

.premium-tailor-right-title > span{
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  border-top: 4px solid #CFAD9D;
}

.premium-tailor-photoholder-left1{
  width: 100%;
  height: 40vh;
  background: url("/wp-content/uploads/2025/01/premiumwellness01.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  position: absolute;
  left: 0;
}
.premium-tailor-photoholder-left11{
  width: 100%;
  height: 40vh;
  background: url("/wp-content/uploads/2025/01/THEHUB-89.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  position: absolute;
  left: 0;
}

.premium-tailor-photoholder-left2{
  width: 100%;
  height: 40vh;
  background: url("/wp-content/uploads/2025/01/premium-3.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  position: absolute;
  left: 0;
}

.premium-thehub-photoholder-left2{
  width: 100%;
  height: 40vh;
  background: url("/wp-content/uploads/2023/11/image2302434.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  position: absolute;
  left: 0;
}

.premium-tailor-photoholder-right{
  width: 100%;
  height: 40vh;
  background: url("/wp-content/uploads/2025/01/premium-2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  position: absolute;
  left: 0;
}

.premium-thehub-photoholder-right{
  width: 100%;
  height: 40vh;
  background: url("/wp-content/uploads/2025/01/the-hub-2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  position: absolute;
  left: 0;
}

.premium-tailor-section5{ width: 100%; height: auto; position: relative; padding: 0 0 5% 0; }
.premium-tailor-s5-bg{
  width: 100%;
  height: 80vh;
  background: url("/wp-content/uploads/2023/10/thehub.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.premium-tailor-s5-container{
  height: 640px;
  width: 740px;
  background-color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 2%;
}

.premium-tailor-s5-title{
  height: 81px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  text-align: center;
}

.premium-tailor-s5-line{
  height: 4px;
  width: 183px;
  background-color: #CFAD9D;
  margin: 5% auto;
}

.premium-tailor-s5-text{
  height: 216px;
  width: 360px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin: 5% auto;
}


.premium-tailor-s5-button{
    height: 45px; width: 259px; color: #000000; font-family: "Gletscher"; font-size: 18px;
    line-height: 42px; text-align: center; border: 3px solid #CFAD9D; margin: 2% auto;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.premium-tailor-s5-button:hover {
    background-color: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}


.premium-tailor-s6-button{
    height: 45px; width: 259px; color: #000000; font-family: "Gletscher"; font-size: 18px;
    line-height: 42px; text-align: center; border: 3px solid #CFAD9D; margin: 13% auto;
        
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.premium-tailor-s6-button:hover {
    background-color: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.premium-right-col-form{
  padding-left: 11%;
  padding-top: 7%;
}

/*About us Page*/

.premium-about-section1{
  width: 100%;
  height: auto;
  position: relative;
  padding: 5% 0 5% 0;
  margin: 10% 0 0 0;
}

.premium-about-s1-box{ position: relative; top: 70px; height: 480px; width: 95px; background-color: rgba(207,173,157,0.7); }
.premium-about-s1-image{
    height: 484px; width: 358px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); position: relative; top: -70px;
    background: url("/wp-content/uploads/2019/10/360paris.jpg"); margin-top: 45%; background-repeat: no-repeat; background-position: center; background-size: cover;
}
.premium-about-s1-box.animation-top {
    top: 0;
    -webkit-transition: top 0.5s linear;
    -moz-transition: top 0.5s linear;
    -ms-transition: top 0.5s linear;
    -o-transition: top 0.5s linear;
    transition: top 0.5s linear;
}
.premium-about-s1-image.animation-bottom {
    top: 0;
    -webkit-transition: top 0.5s linear;
    -moz-transition: top 0.5s linear;
    -ms-transition: top 0.5s linear;
    -o-transition: top 0.5s linear;
    transition: top 0.5s linear;
}

.premium-s1-text{
  height: 561px;
  width: 455px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  float: right;
}

.premium-about-line{
  height: 4px;
  width: 128px;
  background-color: #000000;
  position: absolute;
  bottom: 10%;
  left: -25%;
}

.premium-about-s1-name{
  height: 45px;
  width: 267px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 36px;
  line-height: 43px;
  margin: 8% 0 3% 0;
}

.premium-about-s1-job{
  height: 33px;
  width: 170px;
  color: #CFAD9D;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 26px;
}

.premium-about-section2{
  width: 100%;
  height: auto;
  position: relative;
  padding: 5% 0 5% 0;
}

.premium-about-s2-box{
  height: 380px;
  width: 685px;
  background-color: #CFAD9D;
  position: relative;
  padding: 5%;
}

.premium-about-s2-title{
  height: 45px;
  width: 190px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #000000;
  font-family: "Gletscher";
  font-size: 20px;
  line-height: 24px;
  text-align: right;
  position: absolute;
  left: 0;
  margin-top: 77%;
}

.premium-about-s2-text{
  height: 286px;
  width: 455px;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin: auto;
}

.premium-about-s3-content{
  width: 455px;
  height: auto;
  position: relative;
  margin: 15% auto;
}

.premium-about-section5{
  position: relative;
  height: auto;
  padding: 5% 0 5% 0;
}

.premium-about-s5-title{
  height: 143px;
  width: 550px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  margin: 0 0 5% 5%;
}

.premium-about-s5-title > span{
  border-top: 4px solid #CFAD9D;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
}

.premium-about-s5-photo1{
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/08/paris_small.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  margin: auto;
}

.premium-about-s5-photo2{
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/09/chara.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  margin: auto;
}

.premium-about-s5-photo3{
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/09/vasiliki.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  margin: auto;
}

.premium-about-s5-photo4{
  height: 265px;
  width: 265px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/09/virginia.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  margin: auto;
}

.premium-about-s2-pattern2{
  position: absolute;
  right: 15%;
  margin-top: -13%;
}

.premium-about-section6{
  position: relative;
  height: auto;
  margin: 0 0 5% 0;
}

.bgimage-about {
  width:100%;
  height: 65vh;
  background: url('/wp-content/uploads/2019/10/premium.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
}
.bgimage-about h5 {
  height: 160px;
  width: 368px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
  position: absolute;
  right: 23%;
  top: 15%;
}

.bgimage-about h5 > span{
  height: 160px;
  width: 368px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
  /* border-top: 4px solid #CFAD9D; */
  position: relative;
}

.bgimage-about h5 > span::after {
    content: ""; position: absolute; top: 2px; left: 0; height: 4px; background-color: #CFAD9D; width: 100%;
}

.premium-about-container{
  height: 287px;
  width: 412px;
  opacity: 0.7;
  background-color: #FFFFFF;
  margin-top: 10vh;
}

.premium-about-quote{
  height: 42px;
  width: 137px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  position: absolute;
  bottom: 15%;
  right: 15%;
}

.premium-about-s3-title{
  height: 143px;
  width: 250px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  margin: auto;
  border-top: 4px solid #CFAD9D;
}

.premium-about-s3-text1{
  height: auto;
  width: 391px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 36px;
  line-height: 43px;
  position: relative;
  padding-bottom: 10%;
}

.premium-about-s3-text2{
  height: auto;
  width: auto;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  position: relative;
}

.premium-about-section7{
  position: relative;
  margin: 10% 0 5% 0;
  min-height: 200px;
}

.premium-about-s7-box{
  height: 320px;
  width: 95px;
  background-color: rgba(207,173,157,0.7);
  position: absolute;
}

.bg-number{
  height: 449px;
  width: 170px;
  opacity: 0.5;
  color: rgba(207,173,157,0.7);
  font-family: "Gletscher";
  font-size: 288px;
  line-height: 346px;
  margin: auto;
}

.premium-about-s7-title{
  height: 104px;
  width: 170px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 36px;
  line-height: 43px;
  position: absolute;
}

.premium-about-s7-text{
  height: 104px;
  width: 360px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  position: absolute;
  top: 30%;
}

/*Professional Services*/

.bgimage-prof {
  width:100%;
  height: 80vh;
  background: url('/wp-content/uploads/2018/08/professional-services.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  /*background-attachment: fixed;*/
}
.bgimage-prof h5 {
  height: 160px;
  width: 368px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
  position: absolute;
  right: 23%;
  top: 15%;
}

.bgimage-prof h5 > span{
  height: 160px;
  width: 368px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
  border-top: 4px solid #CFAD9D;
}

.premium-hero-container-prof{
  height: 365px;
  width: 412px;
  opacity: 0.7;
  background-color: #FFFFFF;
  margin-top: 20vh;
  margin-left: 10%;
}

.premium-hero-button-prof{
  height: 45px;
  width: 259px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border: 3px solid #CFAD9D;
  background-color: #FFFFFF;
  position: absolute;
  top: 91%;
  right: 49%;
}

.premium-prof-section1{
  position: relative;
  width: 100%;
  margin: 5% 0 5% 0;
  height: a;
}

.premium-prof-pattern{
  position: absolute;
}

.premium-prof-s1-text{
  height: 258px;
  width: 455px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}

.premium-prof-s1-text ul,
.premium-prof-s3-text2 ul{
  list-style: none;
  padding: 0;
}

.premium-prof-s1-text ul > li::before,
.premium-prof-s3-text2 ul > li::before {
  content: "•";
  color: #CFAD9D;
}

.premium-prof-s1-title{
  margin-top: 20%;
  height: 143px;
  width: 550px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
}

.premium-prof-s1-title > span{
  border-top: 4px solid #CFAD9D;
}

.premium-prof-s1-text2{
  height: 143px;
  width: 538px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}

.premium-prof-s1-img2{
  position: absolute;
  right: 0;
  bottom: 70px;
}

.premium-prof-download-row{
  position: relative;
  width: 100%;
  height: auto;
  margin: 5% 0 5% 0;
}

.premium-prof-download-1-row{
  position: relative;
  width: 100%;
  height: auto;
  margin: 5% 0 5% 0;
}

.premium-prof-btn1{
    height: 45px; width: 259px; color: #000000; font-family: "Gletscher"; font-size: 18px;
    line-height: 42px; text-align: center; border: 3px solid #CFAD9D; margin: auto;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.premium-prof-btn1:hover {
    background: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.premium-prof-or{
  height: 26px;
  width: 75px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  text-align: center;
  margin: auto;
}

.premium-prof-download{
  height: 45px;
  width: 285px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-decoration: underline;
  margin: auto;
}

.premium-prof-1-download{
  height: 45px;
  width: 285px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-decoration: underline;
  margin: auto;
}

.premium-prof-point-line{
  position: absolute;
  right: 0;
  bottom: 15px;
}

.premium-photo-point-line{
  position: absolute;
  right: 0;
  margin: 8% auto;
  width: 25%;
  z-index: 1;
}

.premium-photo-point-line > span{
    height: 45px; width: 197px; color: #000000; font-family: "Gletscher";
    font-size: 14px; line-height: 17px; text-align: center;
}
.premium-photo-point-line-accom{ position: absolute; right: 0; margin: 0; width: 19%; z-index: 1; height: 95px; top: 15%; cursor: pointer; }
.premium-photo-point-line-accom.prv-img { left: 10px; }
.premium-photo-point-line-accom.prv-img svg {
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
.premium-photo-point-line-accom.prv-img > span { left: 0; right: initial; }
.premium-photo-point-line-accom svg { position: absolute; right: 0; margin: 8% auto; z-index: 1; }
.premium-photo-point-line-accom > span{
    height: 45px; width: 197px; color: #000000; font-family: "Gletscher"; font-size: 14px;
    line-height: 17px; text-align: center; position: absolute; right: 0;
    -webkit-transition: color 0.25s linear;
    -moz-transition: color 0.25s linear;
    -ms-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear;
}

.premium-photo-point-line-accom:hover > span {
    color: #ffffff;
    -webkit-transition: color 0.25s linear;
    -moz-transition: color 0.25s linear;
    -ms-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear;
}

.premium-prof-section2{
  position: relative;
  width: 100%;
  margin: 5% 0 5% 0;
  height: auto;
}

.premium-prof-pattern-right{
  position: absolute;
  right: 0;
}

.premium-prof-s2-title{
  height: 143px;
  width: 550px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  margin: 10% 0 10% 0;
  text-align: right;
}

.premium-prof-s2-title > span{
  border-top: 4px solid #CFAD9D;
}

.premium-prof-s1-img3{
  position: absolute;
  right: 0;
}

.premium-prof-s3-content2{
  position: relative;
  height: 498px;
}

.premium-prof-s3-text2{
  /* height: 143px; */
  height: 322px;
  width: 538px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  position: absolute;
  bottom: 0;
}

.premium-prof-element{
  position: absolute;
  left: 0; width: 280px;
}

.premium-prof-row-absolute{
  position: absolute;
}

.premium-prof-section5{
  position: relative;
  width: 100%;
  margin: 20% 0 5% 0;
  height: auto;
}

.premium-prof-s5-title{
  height: 143px;
  width: 550px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  margin: -5% 0 30% 0;
  text-align: right;
}

.premium-prof-s5-title > span{
  border-top: 4px solid #CFAD9D;
}

.premium-prof-stroke{
  height: auto;
  width: 100%;
  border: 10px solid #CFAD9D;
  padding: 5%;
}

.premium-prof-last-title{
  height: 143px;
  width: 550px;
  color: #CFAD9D;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
}

.premium-prof-hotel-content{
  padding: 15%;
}

.premium-prof-hotel-pic1{
  height: 360px;
  width: 360px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/08/hotels_kivotos.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

.premium-prof-hotel-pic2{
  height: 360px;
  width: 360px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/08/hotels_bella_mare1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

.premium-prof-hotel-pic3{
  height: 360px;
  width: 360px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/08/hotel_branco.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

.premium-prof-hotel-pic4{
  height: 360px;
  width: 360px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/08/hotel_elatos.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

.premium-prof-hotel-pic5{
  height: 360px;
  width: 360px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  background: url("/wp-content/uploads/2018/08/hotels_aspro.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
}

.premium-prof-hotel-name{
  height: auto;
  width: 360px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 36px;
  line-height: 43px;
  background-color: #ffffff;
  position: absolute;
  margin-top: -10%;
  left: 0;
}

.premium-prof-hotel-desc{
  height: 88px;
  width: 360px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin-top: 25%;
}

.premium-prof-hotel-desc-lg{
  height: 165px;
  width: 360px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin-top: 25%;
}

.premium-prof-hotel-line{
  height: 4px;
  width: 238px;
  background-color: #CFAD9D;
}

.premium-villas-hero{
  position: relative;
  height: auto;
  padding-top: 10%;
  padding-bottom: 5%;
}

.premium-villas-title{
  height: 143px;
  width: 740px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 64px;
  line-height: 70px;
  text-align: center;
  margin: auto;
}

.premium-villas-line{
  height: 4px;
  width: 128px;
  background-color: #CFAD9D;
  margin: 5% auto;
}

.premium-villas-hero-text{
  height: 286px;
  width: 455px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}

.premium-villas-section1{
  position: relative;
  height: auto;
  padding: 5% 0 5% 0;
}
.a-villa { outline: 0; }

.premium-villas-pattern{
  position: absolute;
  left: 0;
}

.premium-villas-v1-image1{
  background: url("/wp-content/uploads/2018/08/nomios_03.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 61vh;
  width: 61vw;
}

.premium-villas-v2-image1{
  background: url("/wp-content/uploads/2018/08/hog_01.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  height: 61vh;
  width: 61vw;
}

.premium-villa-map{
  position: absolute;
  left: 51%;

}

.premium-villa-btn1{
  height: 45px;
	width: 259px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border: 3px solid #CFAD9D;
  margin: 5% 0 10% 0;
}

.premium-villas-location-title{
  height: 92px;
  width: 267px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 36px;
  line-height: 40px;
  margin-top: 5%;
}

.premium-villas-location-text1{
  height: auto;
  width: 455px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}

.premium-villas-location-text2{
  margin-top: 5%;
  height: auto;
  width: 455px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
}

/*Thank you page*/
.bgimage-thank {
  width:100%;
  height: 100vh;
  background:url('/wp-content/uploads/2018/08/tailor_made.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  /*background-attachment: fixed;*/
}
.bgimage-thank h5 {
    height: 160px; width: 368px; color: #000000;   font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 24px;
    font-weight: 200; line-height: 40px; position: relative; margin: 5% auto; padding: 30px;
}

.bgimage-thank h5 > span{
  height: 160px;
  width: 368px;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 40px;
  border-bottom: 4px solid #CFAD9D;
}

.bgimage-thank h1{
  font-family: "Gletscher";
  color: #CFAD9D;
  text-align: center;
  border-top: none !important;
  margin-top: -31% !important;
}

.premium-thank-hero-container{
  height: 35vh;
  width: 35vw;
  opacity: 0.9;
  background-color: #FFFFFF;
}

.premium-thank-hero-button{
  height: 45px;
  width: 259px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border: 3px solid #CFAD9D;
  background-color: #FFFFFF;
  position: relative;
  margin: auto;
}
/*Mobile version*/
.navbar-toggle .icon-bar {
  background: black;
}

.premium-retreat-section7-mobile, .premium-retreat-mobile-cont{
/*    display: none;  */
}

.premium-toright:hover::before{
    position: relative;
    content: " ";
    top: 6%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 230px;
    height: 230px;
    display: block;
    z-index: 0;
    background: rgba(207,173,157,0.75);
    -webkit-transition: linear .5s;
    -moz-transition: linear .5s;
    -ms-transition: linear .5s;
    -o-transition: linear .5s;
    transition: linear .5s;
    margin: auto;
}

.premium-toright-text, .premium-toright-line, .premium-hide-checks2{
   display: none;  
}

.premium-toright-line img{
  width: 100%;
  position: absolute;
  right: 0;
}

.premium-toright:hover .premium-toright-text{ 
   
  display: block;
  height: auto;
  width: auto;   
  color: #ffffff;
  font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 26px;
  text-align: center;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer; 
}

.premium-toright:hover .premium-toright-line{
  display: block;
  position: absolute;
  top: 48%;
  right: -1px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 31%;
}


.premium-hide-checks{
  visibility: hidden;
}

/* Popup lead */
.leadpop-wrapper {
    position: fixed; bottom: 0; right: -650px; z-index: 100; width: 550px;
    -webkit-transition: right 0.3s linear;
    -moz-transition: right 0.3s linear;
    -ms-transition: right 0.3s linear;
    -o-transition: right 0.3s linear;
    transition: right 0.3s linear;
}
.leadpop-wrapper.temp-show {
    right: 0;
    -webkit-transition: right 0.3s linear;
    -moz-transition: right 0.3s linear;
    -ms-transition: right 0.3s linear;
    -o-transition: right 0.3s linear;
    transition: right 0.3s linear;
}
.leadpop-wrapper .closer-pop {
    position: absolute; top: 0px; left: -32px; width: 60px; height: 60px; cursor: pointer;
    background-image: url('/wp-content/uploads/2018/08/close_button.png');
    background-repeat: no-repeat; background-position: center center; background-size: cover;
}
.leadpop-wrapper.strong-hide { display: none !important; }
.leadpop-wrapper .leadpop{ box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2); margin: 0; padding: 40px 25px; z-index: 1000; background: white; float: left; }
.leadpop-wrapper .leadpop-inners {
    display: block; float: left; width: 100%; text-align: center; margin: 0 0 5px; background: white;
    border-radius: 0px; border: 10px solid; border-color: #CFAD9D; padding: 30px;
}
.leadpop-wrapper .leadpop-title { color: #000000; font-family: "Gletscher"; font-size: 30px; line-height: 40px; text-align: center; margin: 0 0 30px 0; }
.leadpop-wrapper .leadpop-text { color: #000000;   font-family:"Gotham-Light", Verdana, Sans-Serif;	font-size: 16px; font-weight: 200; width: 265px; text-align: left; margin: 30px auto; line-height: 26px; }
.leadpop-wrapper .leadpop-email input {
    color: #CFAD9D; background: none; width: 100%; border-bottom: 3px solid #CFAD9D; height: 45px;
    border-radius: initial; box-shadow: none; border-top: none; border-left: none; border-right: none;
      font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 18px; font-weight: 200; line-height: 26px; position: relative;
}
.leadpop-wrapper .leadpop-email-label label { color: #000000;	font-family: "Gletscher";	font-size: 18px; line-height: 26px; float: left; padding-top: 10px; width: 100%; text-align: left;}
.leadpop-wrapper .leadpop-signbutton input {
    color: #000000; font-family: "Gletscher"; font-size: 18px; line-height: 42px; width: 100%;
    text-align: center; background-color: white; border: 3px solid #CFAD9D; margin-top: 30px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.leadpop-wrapper .leadpop-signbutton input:hover {
    background-color: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.leadpop-wrapper .leadpop-optin { float: left; margin: 30px 0; }
.leadpop-wrapper .leadpop-optin p { padding-left: 35px; text-align: left; }

.leadpop-wrapper .leadpop-optin span {  }
span.wpcf7-list-item { margin: 0; }
.leadpop-wrapper .div.wpcf7 .ajax-loader { display: none; }
.leadpop-wrapper input[type=checkbox].css-checkbox  {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
.leadpop-wrapper input[type=checkbox].css-checkbox + label.css-label {
    padding-left:35px; height:25px; display:inline-block;	line-height:25px;	background-repeat:no-repeat;
    background-position: 0 0;	font-size:25px;	vertical-align:middle; cursor:pointer; float: left; color: black;
      font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 14px; font-weight: 200; line-height: 18px; text-align: left;
}
.leadpop-wrapper input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -25px; }
.leadpop-wrapper label.css-label {
    background-image:url('/wp-content/uploads/2018/09/checkbox.png');
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
    -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.leadpop-wrapper .leadpop-optin .css-checkbox input[type=checkbox] {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
.leadpop-wrapper .leadpop-optin .css-checkbox input[type=checkbox] + span.wpcf7-list-item-label {
    padding-left:35px; height:25px; display:inline-block;	line-height:25px;	background-repeat:no-repeat;
    background-position: 0 0;	font-size:25px;	vertical-align:middle; cursor:pointer; float: left; color: black;
      font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 14px; font-weight: 200; line-height: 18px; text-align: left;
}

.leadpop-wrapper .leadpop-optin span.wpcf7-list-item-label {
    background-image:url('/wp-content/uploads/2018/09/checkbox.png');
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
    -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.leadpop-wrapper .leadpop-optin .css-checkbox input[type=checkbox]:checked + span.wpcf7-list-item-label { background-position: 0 -25px; }

.leadpop-wrapper .leadpop-optin span.wpcf7-not-valid-tip { position: absolute; width: 150px; top: -60px; left: -10px; }

.leadpop-wrapper .leadpop-title { color: #000000; font-family: "Gletscher"; font-size: 30px; line-height: 40px; text-align: center; margin: 0 0 30px 0; }
.leadpop-wrapper .leadpop-text { color: #000000;   font-family:"Gotham-Light", Verdana, Sans-Serif;	font-size: 16px; font-weight: 200; width: 265px; text-align: left; margin: 30px auto; line-height: 26px; }
.leadpop-wrapper .leadpop-email input {
    color: #CFAD9D; background: none; width: 100%; border-bottom: 3px solid #CFAD9D; height: 45px;
    border-radius: initial; box-shadow: none; border-top: none; border-left: none; border-right: none;
      font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 18px; font-weight: 200; line-height: 26px; position: relative;
}
.leadpop-wrapper .leadpop-email-label label { color: #000000;	font-family: "Gletscher";	font-size: 18px; line-height: 26px; float: left; padding-top: 10px; width: 100%; text-align: left;}
.leadpop-wrapper .leadpop-signbutton input {
    color: #000000; font-family: "Gletscher"; font-size: 18px; line-height: 42px; width: 100%;
    text-align: center; background-color: white; border: 3px solid #CFAD9D; margin-top: 30px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.cf-wrapper .leadpop-signbutton input:hover {
    background-color: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

/* Contact page form */
.cf-wrapper .closer-pop {
    position: absolute; top: 0px; left: -32px; width: 60px; height: 60px; cursor: pointer;
    background-image: url('/wp-content/uploads/2018/08/close_button.png');
    background-repeat: no-repeat; background-position: center center; background-size: cover;
}
.cf-wrapper.strong-hide { display: none !important; }
.cf-wrapper .leadpop{ box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2); margin: 0; padding: 40px 25px; z-index: 1000; background: white; float: left; }
.cf-wrapper .leadpop-inners {
    display: block; float: left; width: 100%; text-align: center; margin: 0 0 5px; background: white;
    border-radius: 0px; padding: 30px;
}
.cf-wrapper .leadpop-title { color: #000000; font-family: "Gletscher"; font-size: 30px; line-height: 40px; text-align: center; margin: 0 0 30px 0; }
.cf-wrapper .leadpop-text { color: #000000;   font-family:"Gotham-Light", Verdana, Sans-Serif;	font-size: 16px; font-weight: 200; width: 265px; text-align: left; margin: 30px auto; line-height: 26px; }
.cf-wrapper .leadpop-email input,
.cf-wrapper .leadpop-email textarea {
    color: #CFAD9D; background: none; width: 100%; border-bottom: 3px solid #CFAD9D; height: 45px;
    border-radius: initial; box-shadow: none; border-top: none; border-left: none; border-right: none;
      font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 18px; font-weight: 200; line-height: 26px; position: relative;
}
.cf-wrapper .leadpop-email textarea { min-height: 200px; }

.cf-wrapper .leadpop-email-label label { color: #000000;	font-family: "Gletscher";	font-size: 18px; line-height: 26px; float: left; padding-top: 10px; width: 100%; text-align: left;}
.cf-wrapper .leadpop-signbutton input {
    color: #000000; font-family: "Gletscher"; font-size: 18px; line-height: 42px; width: 100%;
    text-align: center; background-color: white; border: 3px solid #CFAD9D; margin-top: 30px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.cf-wrapper .leadpop-signbutton input:hover {
    background-color: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.cf-wrapper .leadpop-optin { float: left; margin: 30px 0; }
.cf-wrapper .leadpop-optin p { padding-left: 35px; text-align: left; }

.cf-wrapper .leadpop-optin span {  }
span.wpcf7-list-item { margin: 0; }
.cf-wrapper .div.wpcf7 .ajax-loader { display: none; }
.cf-wrapper input[type=checkbox].css-checkbox  {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
.cf-wrapper input[type=checkbox].css-checkbox + label.css-label {
    padding-left:35px; height:25px; display:inline-block;	line-height:25px;	background-repeat:no-repeat;
    background-position: 0 0;	font-size:25px;	vertical-align:middle; cursor:pointer; float: left; color: black;
      font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 14px; font-weight: 200; line-height: 18px; text-align: left;
}
.cf-wrapper input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -25px; }
.cf-wrapper label.css-label {
    background-image:url('/wp-content/uploads/2018/09/checkbox.png');
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
    -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.cf-wrapper .leadpop-optin .css-checkbox input[type=checkbox] {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
.cf-wrapper .leadpop-optin .css-checkbox input[type=checkbox] + span.wpcf7-list-item-label {
    padding-left:35px; height:25px; display:inline-block;	line-height:25px;	background-repeat:no-repeat;
    background-position: 0 0;	font-size:25px;	vertical-align:middle; cursor:pointer; float: left; color: black;
      font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 14px; font-weight: 200; line-height: 18px; text-align: left;
}

.cf-wrapper .leadpop-optin span.wpcf7-list-item-label {
    background-image:url('/wp-content/uploads/2018/09/checkbox.png');
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
    -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.cf-wrapper .leadpop-optin .css-checkbox input[type=checkbox]:checked + span.wpcf7-list-item-label { background-position: 0 -25px; }

.cf-wrapper .leadpop-optin span.wpcf7-not-valid-tip { position: absolute; width: 150px; top: -60px; left: -10px; }

.cf-wrapper .leadpop-title { color: #000000; font-family: "Gletscher"; font-size: 30px; line-height: 40px; text-align: center; margin: 0 0 30px 0; }
.cf-wrapper .leadpop-text { color: #000000;   font-family:"Gotham-Light", Verdana, Sans-Serif;	font-size: 16px; font-weight: 200; width: 265px; text-align: left; margin: 30px auto; line-height: 26px; }
.cf-wrapper .leadpop-email input {
    color: #CFAD9D; background: none; width: 100%; border-bottom: 3px solid #CFAD9D; height: 45px;
    border-radius: initial; box-shadow: none; border-top: none; border-left: none; border-right: none;
      font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 18px; font-weight: 200; line-height: 26px; position: relative;
}
.cf-wrapper .leadpop-email-label label { color: #000000;	font-family: "Gletscher";	font-size: 18px; line-height: 26px; float: left; padding-top: 10px; width: 100%; text-align: left;}
.cf-wrapper .leadpop-signbutton input {
    color: #000000; font-family: "Gletscher"; font-size: 18px; line-height: 42px; width: 100%;
    text-align: center; background-color: white; border: 3px solid #CFAD9D; margin-top: 30px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.cf-wrapper .leadpop-signbutton input:hover {
    background-color: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}




/* Back to top */
.back-top { position: fixed; bottom: 100px; right: 24px; z-index: 1000; width: 60px; display: none; }
.back-top .txt { text-align: center; color: #000000; font-family: "Gletscher"; font-size: 14px; line-height: 17px; cursor: pointer; }
.back-top .triangle { background-image: url('/wp-content/uploads/2018/09/Triangle.png'); background-repeat: no-repeat; width: 9px; height: 9px; margin: 0 auto 10px auto; }
.back-top .line { background-image: url('/wp-content/uploads/2018/09/Combined-Shape-Copy-5.png'); background-repeat: no-repeat; width: 10px; height: 85px; margin: 10px auto 0 auto; }

/* Villa quick go to */
.villas-quick-goto .villa-name { color: #000000; font-family: "Gletscher"; font-size: 36px; line-height: 40px; margin-top: 30px; }
.villas-quick-goto .villa-location { color: #000000; font-family: "Gletscher"; font-size: 18px; line-height: 36px; }
.villas-quick-goto .villa-capacity { color: #000000;   font-family:"Gotham-Light", Verdana, Sans-Serif;	font-size: 18px; font-weight: 200; line-height: 26px; }
.villas-quick-goto .villa-featured-image { min-height: 230px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.villas-quick-goto hr { height: 4px; width: 40px; background-color: #CFAD9D; margin: 10px 0; }
.villas-quick-goto .goto-villa a, .a-villa .cfs-hyperlink {
    height: auto; width: auto; color: #000000; font-family: "Gletscher"; margin: 5% 0 10% 0; padding: 5px 10px;
    font-size: 18px; line-height: 42px; text-align: center; border: 3px solid #CFAD9D; float: left; background-color: #FFFFFF;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.villas-quick-goto .goto-villa a:hover, .a-villa .cfs-hyperlink:hover {
    background-color: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.villas-quick-goto .quick-link { margin-bottom: 50px; }

/* Custom Contact Form Patches */
.page-template-tailor-made .premium-form-checkboxes .checkbox-holder { padding-left: 0; }
.page-template-customised .premium-form-checkboxes .checkbox-holder { padding-left: 0; }

/* Front Retreats Section */
.go-to-retreats { position: relative; height: 160px; }
.go-to-retreats a {
    height: 45px; width: 259px; color: #000000; font-family: "Gletscher"; font-size: 18px; line-height: 42px; text-align: center;
    border: 3px solid #CFAD9D; background-color: #FFFFFF; position: absolute; top: 50%; left: 50%; z-index: 10;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.premium-hero-button-prof:hover,
.premium-tailor-hero-button:hover,
.premium-hero-button:hover {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.go-to-retreats a:hover,
.premium-hero-button-prof:hover,
.premium-tailor-hero-button:hover,
.premium-hero-button:hover {
    background-color: #CFAD9D; border: 3px solid white; color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}


.front-retreats .premium-s5-title { width: 100%; }
.front-retreats.left-to-right-animation .premium-s5-col1 {
    left: 0;
    -webkit-transition: left 0.3s linear;
    -moz-transition: left 0.3s linear;
    -ms-transition: left 0.3s linear;
    -o-transition: left 0.3s linear;
    transition: left 0.3s linear;
}
.front-retreats:last-child .premium-s5-pattern { top: 50%; }

/* Category icons */
.icons-wrapper { float: left; width: 100%; }
.icons-wrapper-small { float: left; width: 100%; max-width: 300px; }
.parent-category-activities .activity-icon {
    width: 38px; height: 38px; float: left;
    background-image: url('/wp-content/uploads/2018/09/pw_icon_sheet.png');
    background-repeat: no-repeat; background-position: center center;
}
.activity-icon-wrapper span { display: none; }
.parent-category-activities.larger-margin .activity-icon-wrapper { width: 20%; float: left; margin-bottom: 20px; }
.icons-wrapper-small .parent-category-activities .activity-icon-wrapper { width: 20%; float: left; margin-bottom: 20px; }

.parent-category-activities .activity-icon:first-child,
.parent-category-activities.larger-margin .activity-icon:first-child,
.parent-category-activities.larger-margin .activity-icon.no-margin { margin-left: 0; }

.parent-category-activities .activity-icon.activity-yoga               { background-position: -381px center; }
.parent-category-activities .activity-icon.activity-trekking           { background-position: -339px center; }
.parent-category-activities .activity-icon.activity-tai-chi-and-qigong { background-position: -297px center; }
.parent-category-activities .activity-icon.activity-sports             { background-position: -255px center; }
.parent-category-activities .activity-icon.activity-spa                { background-position: -213px center; }
.parent-category-activities .activity-icon.activity-stand-up-paddle    { background-position: -171px center; }
.parent-category-activities .activity-icon.activity-pilates            { background-position: -129px center; }
.parent-category-activities .activity-icon.activity-meditation         { background-position: -87px center; }
.parent-category-activities .activity-icon.activity-fitness            { background-position: -45px center; }
.parent-category-activities .activity-icon.activity-detox              { background-position: -3px center; }

.premium-s5-hastag { text-transform: uppercase; cursor: default; }
.premium-s5-hastag a, .premium-s5-hastag a:hover { cursor: default; }
/* New Trainer Modal */
.trainer-modal {
    display: none; width: 55%; position: absolute; z-index: 100; top: 50%; left: 50%; opacity: 1; visibility: visible;
    -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.trainer-modal .modal-content { background: rgba(207,173,157,0.98); width: 100%; border-radius: 0; }
.trainer-modal .premium-modal1 { padding: 5%; color: #ffffff;   font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 18px; }
.trainer-modal .premium-modal-title { height: 92px; color: #000000; font-family: "Gletscher"; line-height: 40px; margin-bottom: 30px; font-size: 36px; }
.close { position: absolute; top: -6%; margin: auto; text-align: center; opacity: 1; right: -68px; }
.close img{ width: 50%; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }

/* Bordered animation */
.bordered { position: relative; border: none; padding: 15px; }
.bordered::after,
.bordered::before {
    content: ""; position: absolute; border: 10px solid transparent; width: 0; height: 0;
    -webkit-transition: width 0.25s linear, height 0.25s linear 0.25s;
    -moz-transition: width 0.25s linear, height 0.25s linear 0.25s;
    -ms-transition: width 0.25s linear, height 0.25s linear 0.25s;
    -o-transition: width 0.25s linear, height 0.25s linear 0.25s;
    transition: width 0.25s linear, height 0.25s linear 0.25s;
}
.bordered::after { bottom: 0; right: 0; }
.bordered::before { top: 0; left: 0; }
.bordered.border-animation::after,
.bordered.border-animation::before {
    width: 100%; height: 100%;
    -webkit-transition: width 0.25s linear, height 0.25s linear 0.25s;
    -moz-transition: width 0.25s linear, height 0.25s linear 0.25s;
    -ms-transition: width 0.25s linear, height 0.25s linear 0.25s;
    -o-transition: width 0.25s linear, height 0.25s linear 0.25s;
    transition: width 0.25s linear, height 0.25s linear 0.25s;
}
.bordered.border-animation::after { border-bottom-color: #CFAD9D; border-right-color: #CFAD9D; }
.bordered.border-animation::before { border-top-color: #CFAD9D; border-left-color: #CFAD9D; }

/* movement from left to right and toumbalin */
.movement-right { position: relative; left: -100%; }
.movement-left { position: relative; right: -100%; }
.movement-right.movement-right-animation {
    left: 0;
    -webkit-transition: left 1s ease-out;
    -moz-transition: left 1s ease-out;
    -ms-transition: left 1s ease-out;
    -o-transition: left 1s ease-out;
    transition: left 1s ease-out;
}
.movement-left.movement-left-animation {
    right: 0;
    -webkit-transition: right 1s ease-out;
    -moz-transition: right 1s ease-out;
    -ms-transition: right 1s ease-out;
    -o-transition: right 1s ease-out;
    transition: right 1s ease-out;
}

/* Front retreats movement */
.front-retreats .pink-part { left: -100%; }
.front-retreats.pink-part-animation .pink-part {
    left: 0; height: auto;
    -webkit-transition: left 1s ease-out;
    -moz-transition: left 1s ease-out;
    -ms-transition: left 1s ease-out;
    -o-transition: left 1s ease-out;
    transition: left 1s ease-out;
  }

/* Single Activities movement */
.single .test-activities .activities-row .an-activity-t {
    opacity: 0; padding-left: 0; padding-right: 0; float: left; height: 300px; margin-bottom: 500px; position: relative; padding-bottom: 60px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.single .test-activities .activities-row .an-activity-t .distancer {
    position: relative; margin-top: 300px; opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.single .test-activities .activities-row .an-activity-t.from-bottom {
    opacity: 1; padding-left: 15px; padding-right: 15px; float: left; height: 100%; margin-bottom: 0px; padding-bottom: 60px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.single .test-activities .activities-row .an-activity-t.from-bottom .distancer {
    margin-top: 0; opacity: 1;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
/* Active */
.prem-item.active a {
    border-top: 2px solid black;
    -webkit-transition: border-top 0.25s ease-out;
    -moz-transition: border-top 0.25s ease-out;
    -ms-transition: border-top 0.25s ease-out;
    -o-transition: border-top 0.25s ease-out;
    transition: border-top 0.25s ease-out;
}

/* Process numbered appearance */
.a-process { display: ; }

/* Our Services Include Section */
.our-services-include-section { padding: 0; position: relative; height: auto; margin-top: 10%; }
.our-services-include-row {     /* background: #CFAD9D; */
    margin-top: 0%;
    width: 90%;
    margin-left: 5%;}
.our-services-include-row .services-wrapper { width: 100%; background: #cfad9d;}
.our-services-include-row .services-col { padding: 5%; }
.our-services-include-row span { color: #000000; font-family: "Gletscher"; font-size: 36px; line-height: 40px; margin: 0 auto 85px auto; }


.our-services-include-section1 { padding: 0; position: relative; height: auto; margin-top: 10%; }
.our-services-include-row1 { background: none ; margin-top: 5%; text-align: center; }
.our-services-include-row1 .services-wrapper { width: 100%; }
.our-services-include-row1 .services-col { padding: 5%; }
.our-services-include-row1 span { color: #000000; font-family: "Gletscher"; font-size: 36px; line-height: 40px; margin: 0 auto 85px auto; }

img.thehubclass {
    margin-top: 130px;
    margin-left: 167px;
}
/* next item location gallery */
.the-next { float: right; width: 30%; }
.the-next #miniChange1 {
    height: 200px; width: 65%; position: absolute; bottom: 50%; cursor: pointer; right: 15px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}
.the-next #miniChange1 .premium-photo-point-line {
    position: absolute; width: 135%; z-index: 1; bottom: 50%; cursor: pointer; right: 15px; margin: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

#navbar-primary.menu-thinner-state { top: 0; transition: 0.3s ease; background: rgba(255,255,255, 0.9); margin-bottom: 0; padding: 10px 0; }
#navbar-primary.menu-thinner-state .navbar-nav > li > a { padding: 5px 30px; transition: 0.3s ease; height: 100%; }
#navbar-primary.menu-thinner-state .navbar-nav li a img { width: 35px; }

/* Mixitup */
.mixitup-nav .closer { display: none; }
.mixitup-container .mixitup-nav ul,
.mixitup-activity-container .activity-filter ul { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; text-align: center; }
.mixitup-container .mixitup-nav ul li {
    display: inline-block; color: #CFAD9D;  font-family: "Gotham-Light", Verdana, Sans-Serif;
    margin-bottom: 30px; font-size: 24px; cursor: pointer; font-weight: 300; line-height: 29px;
    text-transform: uppercase; height: auto; margin: 0 15px 30px 15px;
}
.mixitup-container .mixitup-nav ul li:first-child { margin-left: 0; }
.mixitup-container .mixitup-nav ul li:last-child { margin-right: 0; }
.mixitup-activity-container { height: 60px;	background-color: rgba(207,173,157,0.7); margin-bottom: 100px; }
.filtering-controls .the-controls nav li span { display: none; }

/* Activity icons background */
.activity-filter ul li.activity-icon { display: inline-block; margin: 11px 15px 0 15px; float: none; cursor: pointer; }

/* Category Header */
.category-header { text-align: center; padding: 70px 0px; margin-top: 100px; }
.category-header.other-retreats-header { margin-top: 0; }
.category-header h2 { color: #000000; font-family: "Gletscher"; font-size: 64px; line-height: 70px; }
.category-header hr { height: 4px; width: 130px; background-color: #CFAD9D; margin: 30px auto; }
.category-header span { font-family: "Gotham-Light", Verdana, Sans-Serif; font-size: 24px; font-weight: 300; line-height: 29px; }

/* Category Retreat sections */
.category .a-retreat {
    display: none; position: relative; margin-bottom: 115px; min-height: 665px;
    padding-top: 65px; padding-bottom: 65px; height: 100%; width: 100%;
}
.a-retreat.other-retreat { display: inline-block; }
.category .a-retreat .premium-retreat-single-hero { min-height: 650px; }
.category .a-retreat .bottom-fill { width: 100%; height: 115px; position: absolute; bottom: -115px; }
.category .a-retreat .retreat-hashtag {
    background: white; height: 65px; width: 276px; background-color: #FFFFFF; padding-top: 15px;
    color: #CFAD9D; font-family: "Gotham-Light", Verdana, Sans-Serif; font-size: 18px; font-weight: 300;
    line-height: 26px; text-align: center; position: absolute; text-transform: uppercase; top: 0; right: 0;
}
.category .a-retreat .premium-retreat-excerpt {
    background: white; padding: 3.5% 15% 1.2% 6%; position: absolute; width: 50%;
    height: auto; bottom: 125px; right: 0; min-height: 235px;
}
.category .a-retreat .premium-retreat-excerpt p {
    color: #000000; font-family: "Gotham-Light", Verdana, Sans-Serif; font-size: 18px;
    font-weight: 300; line-height: 26px; height: 235px; margin-bottom: 0;
}
.category .a-retreat .premium-retreat-excerpt .book-shortcut { position: absolute; }
.category .a-retreat .premium-retreat-excerpt .book-shortcut a {
    transition: all 0.25s ease; color: #000000; font-family: "Gletscher"; font-size: 18px;
    text-align: center; text-decoration: none; border: 3px solid #CFAD9D; background-color: #FFFFFF;
    padding: 3% 5%; width: 260px; display: inline-block;
}
.category .a-retreat .premium-retreat-excerpt .book-shortcut a:hover {
    background-color: #CFAD9D; border: 3px solid white; color: white;
    transition: all 0.25s ease;
}
.category-container .a-retreat:last-child(1) { margin-bottom: 0;}
.category-container .a-retreat:last-child(1) .bottom-fill { display: none; }
.category-container.other-retreats-container .a-retreat { margin-bottom: 135px; }
.category-container { padding-left: 0px; padding-right: 0px; position: relative; }

/* Pattern */
.bottom-fill .fill-pattern {
    background-image: url(/wp-content/uploads/2018/07/Group3.png); background-repeat: repeat;
    width: 315px; height: 115px; position: absolute; left: 52%; background-size: 25%;
}

/* Customised */
.tailor-made-container .bottom-fill .fill-pattern { height: 205px; top: -172px; left: 52%; }
.category .premium-home-section6 { margin: 100px 0; }
.category .premium-retreat-hero-content { padding: 0; }
.category .premium-retreat-hero-title { height: auto !important; width:100% !important; }

/* Load More */
.load-more-retreats {
    color: #000000; font-family: "Gletscher"; font-size: 18px; text-align: center; text-decoration: none;
    cursor: pointer; z-index: 1; position: relative; border: 3px solid #CFAD9D; background-color: #FFFFFF;
    padding: 10px; width: 260px; height: 50px; display: block; margin: -25px auto 0 auto;
}
.loadmore { text-align: center; }
.loadmore button.loadmore-button {
    color: #000000; font-family: "Gletscher"; font-size: 18px; text-align: center; display: inline-block;
    text-decoration: none; border: 3px solid #CFAD9D; background-color: #FFFFFF; padding: 5px 10px; width: 260px;
}
.loadmore button.loadmore-less { display: none; }

/* Contact */
.premium-contact-section1,
.premium-contact-section1 .container-fluid { padding: 0; }
.premium-contact-section1 .premium-contact-content { width: 300px; position: absolute; right: 15px; bottom: 50%; }
.premium-contact-section1 .premium-prof-point-line {
    position: absolute; right: -250px; bottom: 56%; z-index: 10;
    -webkit-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg);
}
.premium-contact-section1 .premium-prof-pattern { position: absolute; top: -200px; right: 0; }
.premium-contact-section1 .contact-info-holder { height: 800px; position: relative; }

/* Single */
.single .premium-retreat-hero-location,
.single .premium-retreat-hero-title { margin: 0 0 20px 0; }
.single .premium-retreat-hero-location h3 { margin: 0; text-transform: uppercase; }
.single .premium-retreat-hero-content,
.single .premium-retreat-hero-location,
.single .premium-retreat-hero-title,
.single .premium-retreat-hero-icons,
.single .premium-retreat-hero-date,
.single .premium-retreat-price2 { height: auto !important; width: 100% !important; margin-top: 0 !important; float: left !important; }
.single .premium-retreat-price1 { width: auto; float: left; margin-top: 20%; }
.single .premium-retreat-price3 { width: 170px; height: auto; margin-top: 0; float: left; }
.single .premium-single-hero-container { height: 400px; }
.single .premium-s5-hastag { text-transform: uppercase; line-height: 65px; padding-top: 0; }

/* New implementation of Activities */
.single .premium-retreat-section6 { height: auto; }
.single .premium-retreat-section6 .activities-main-container { padding: 0 30px; }
.single .premium-s6-container { margin-bottom: 260px; }
.single .premium-retreat-s6-container { position: relative; left: 25%; }
.single .premium-retreat-s6-content { margin: 0 auto; padding-top: 35px; }
.single .activities-row { height: 100%; }
/* .single .activities-row .an-activity { padding-bottom: 170px; } */
.single .activities-row .an-activity:first-child { position: relative; top: -42vh; }
/* .single .activities-row .an-activity:nth-child(3n+4) { position: relative; top: -46vh; } */
.single .activities-row .an-activity .premium-retreat-yoga { margin: 60px auto; height: auto; }
/* .single .premium-retreat-section8 { top: -115px; } */
.single .premium-retreat-hero-icons { float: left; width: 100%; }
.single .included,
.single .optional { position: relative; }
.single .included::before,
.single .optional::before,
.single .included::after,
.single .optional::after { content: ""; position: absolute; }
.single .included::before {
    height: 7px; background: white; width: 25px; left: -75px; top: 17px;
    -webkit-transform: rotateZ(50deg); -ms-transform: rotateZ(50deg); transform: rotateZ(50deg);
}
.single .included::after {
    height: 7px; background: white; width: 50px; left: -64px; top: 9px;
    -webkit-transform: rotateZ(140deg); -ms-transform: rotateZ(140deg); transform: rotateZ(140deg);
}
.single .optional::before {
    height: 7px; background: white; width: 40px; left: -55px; top: 17px;
    -webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); transform: rotateZ(90deg);
}
.single .optional::after {
    height: 7px; background: white; width: 40px; left: -55px; top: 17px;
    -webkit-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg);
}

/* Early bird */
.single .premium-retreat-hero-date { margin-bottom: 50px; }
.pricing-wrapper { float: left; width: 100%; }
.pricing-wrapper.earlybird-enabled .early-bird { display: block; }
.pricing-wrapper.earlybird-enabled .normal-price { position: relative; left: 20%; }
.pricing-wrapper.earlybird-enabled .normal-price { float: left; width: 50%; }
.pricing-wrapper .early-bird { height: 228px; display: none; float: left; width: 50%; background: white; padding: 15px 15px 15px 0; position: relative; }
.pricing-wrapper.earlybird-enabled .early-bird::before { content: ""; width: 600%; height: 228px; background: white; left: -600%; top: 0; position: absolute; }
.early-bird span { display: block; }
.early-bird span:nth-of-type(1)  { margin-bottom: 15px; color: #000000; font-size: 18px; font-weight: 300; line-height: 19px; font-family: "Gotham-Light", Verdana, Sans-Serif; }
.early-bird span:nth-of-type(2) { color: #000000;	font-family: "Gletscher";	font-size: 24px; line-height: 26px; }
.early-bird .the-line { height: 4px; width: 50%; background-color: #CFAD9D; margin: 25px 0 15px 0; }
.early-bird span:nth-of-type(3) { color: #CFAD9D; font-family: "Gotham-Light", Verdana, Sans-Serif; line-height: 19px; }
.early-bird span:nth-of-type(4) { color: #CFAD9D;	font-family: "Gletscher";	font-size: 36px; line-height: 30px; }

.page-template-about-us .trainer { position: relative; }



/* Blog */

/* Media Queries */
/* Responsive Patches */
@media(min-width: 1681px) and (max-width: 1920px) {
    /* Retreat Single Page - New Services Section */
    .services-wrapper { outline-offset: -105px; }
    .category .a-retreat .premium-retreat-excerpt { background: white; padding: 3.5% 12% 1.2% 6%; }
}

@media (min-width: 1441px) and (max-width: 1920px) {
    /* Customised Experiences Responsive Patches */
    .page-template-tailor-made .premium-s4-title-holder { height: 205px; width: 500px; }
}

@media(min-width: 1441px) and (max-width: 1680px) {
    /* Retreat Single Page - New Services Section */
    #wellness .premium-prof-element { max-width: 185px; top: 300px; }
    .services-wrapper { outline-offset: -95px; }
    .category .a-retreat .premium-retreat-excerpt { background: white; padding: 3.5% 8% 1.2% 6%; }
}

@media (min-width: 1367px) and (max-width: 1680px) {
    /* Professional Services */
    #corporations .premium-prof-s1-img3 { max-width: 220px; bottom: 0; }
    .premium-prof-point-line { width: 250px; }
}
@media (min-width: 200px) and (max-width: 404px) {
    
    h1.the-title.premium-retreat-hero-title {
    float: left;
    margin-left: -75px !important;
}
.premium-retreat-hero-date {
    float: left !important;
    margin-left: -81px;
}
.premium-retreat-price2 {
    margin-left: -91px !important;
}
.premium-retreat-price1 {
    margin-left: -81px;
}
.premium-retreat-price3 {
    margin-left: 57px !important;
}
.premium-retreat-hero-location {
    margin-left: -74px !important;
}
}
/*
@media (min-width: 1281px) and (max-width: 1440px) {
    .single .test-activities .activities-row .an-activity-t { opacity: 1; margin-bottom: 250px; }
    .single .test-activities .activities-row .an-activity-t .distancer { opacity: 1; margin-top: 0; }
    .single .test-activities .activities-row .an-activity-t.from-bottom { opacity: 1; }
}
*/

@media (min-width: 1025px) and (max-width: 1441px) {
    .leadpop-wrapper .leadpop { padding: 10px; }
    .leadpop-wrapper .leadpop-inners { padding: 10px 30px; border: 5px solid; border-color: #CFAD9D; }
    .leadpop-wrapper .leadpop-text { margin: 15px auto; width: auto; font-size: 14px;}
    .leadpop-wrapper .leadpop-title { margin: 0 0 15px 0; }
    .leadpop-wrapper .leadpop-signbutton { float: left; display: block; margin: 0 auto; }
    .leadpop-wrapper .leadpop-signbutton input { margin-top: 15px; }
    .premium-footer-copyrights { width: 100%; }
    .premium-about-s3-title { font-size: 46px; line-height: 50px; }
    .premium-about-s3-text1 { padding-bottom: 5%; padding-top: 5%; font-size: 30px; line-height: 36px; }
    .premium-about-s7-text { width: 90%; }
    .premium-point-line { top: initial; bottom: -20%; left: 50%; margin-right: initial; -webkit-transform: initial; -moz-transform: initial; -ms-transform: initial; -o-transform: initial; transform: initial; }
}

@media (min-width: 1025px) and (max-width: 1680px) {
    /* Professional Services */
    #hotels .premium-prof-pattern img:last-child,
    #corporations .premium-prof-pattern img:last-child { display: none; }
    #concierge  .premium-prof-pattern-right img:first-child,
    .premium-prof-section5 .premium-prof-pattern-right img:first-child { display: none; }
    .premium-prof-pattern-right { position: absolute; right: -40px; }
}

@media(min-width: 1367px) and (max-width: 1440px) {
    .category .a-retreat .premium-retreat-excerpt { background: white; padding: 3.5% 8% 1.2% 6%; }
    .category .a-retreat .premium-retreat-excerpt p { font-size: 16px; }
    /* Retreat Single Page - New Services Section */
    .services-wrapper { outline-offset: -80px; }
    /* Retreat Single page fix */
    .page-template-retreat-single .premium-retreat-yoga { margin-top: 20%; }
    .page-template-retreat-single .premium-retreat-s6-image1 { top: 30%; }
    /* Customised Experience Responsive Patches */
    .page-template-tailor-made .premium-s4-title-holder { height: 180px; }
    #wellness .premium-prof-element { max-width: 170px; top: 300px; }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    /* Customised Responsive Patches */
    .page-template-tailor-made .premium-s4-title-holder { height: 190px; width: 450px; }
    .page-template-customised .premium-s4-title-holder { height: 190px; width: 450px; }
    /* Professional Services */
    #corporations .premium-prof-s1-img3 { max-width: 200px; bottom: 0; }
    .premium-prof-point-line { width: 180px; }
    #wellness .premium-prof-element { max-width: 160px; top: 300px; }
    /* Retreat Single page fix */
    .page-template-retreat-single .premium-retreat-yoga { margin-top: 28%; }
}

@media (min-width: 1201px) and (max-width: 1280px) {
  .page-template-retreat-single .premium-retreat-yoga { margin-top: 30%; }
  .the-next #miniChange1 .premium-photo-point-line { width: 140%; }
}

@media (min-width: 1025px) and (max-width: 1366px) {
    /* Retreat Single Page - New Services Section */
    .services-wrapper { outline-offset: -70px; }
    /* Contact Form in Retreat Single & */
    .premium-right-col-form { padding-left: initial; }
    .premium-s5-title { font-size: 54px; }
    .category .a-retreat .premium-retreat-excerpt { background: white; padding: 3.5% 3.5% 2.5% 3.5%; }
    .category .a-retreat .premium-retreat-excerpt p { font-size: 16px; }
}

@media (min-width:1025px) and (max-width: 1200px) {
    .page-template-retreat-single .premium-retreat-s6-content { left: 14%; position: relative; }
    .page-template-retreat-single .premium-retreat-s6-image1 { width: 265px; height: 265px; top: 30%; left: -9%; }
    .page-template-retreat-single .premium-retreat-yoga { margin-top: 30%; margin-left: 2.5%; }
    .single .pricing-wrapper.earlybird-enabled .normal-price { position: relative; left: 7%; }
    .premium-s6-row { width: 80%; }
    .premium-prof-pattern { left: -30%; }
}



@media(min-width: 1025px) and (max-width: 1280px) {
    /* Customised Responsive Patches */
    .page-template-tailor-made .premium-s4-title-holder { height: 180px; width: 365px; }
    .page-template-tailor-made .premium-pattern-left { left: -50px; }
    .page-template-tailor-made .premium-pattern-right { right: -50px; }
    /* Professional Services */
    #corporations .premium-prof-s1-img3 { max-width: 180px; bottom: 0; }
    .premium-prof-s3-text2 { height: 340px; width: 100%; }
    .premium-prof-point-line { width: 120px; }
    #wellness .premium-prof-element { max-width: 120px; top: 280px; }
    .premium-prof-pattern { position: absolute; left: -40px; }
    #hotels .premium-prof-s1-img2 { bottom: 180px; }
    #hotels .premium-prof-s1-text,
    #hotels .premium-prof-s1-text2 { width: auto; }
    #concierge .premium-prof-s2-title,
    .premium-prof-section5 .premium-prof-s5-title { width: auto; height: auto; font-size: 59px; margin-bottom: 40px; }
    #selected-clients .container.premium-mobile-col-flex { width: 100%; }
    #selected-clients .premium-prof-hotel-desc,
    #selected-clients .premium-prof-hotel-desc-lg { margin-top: 33%; }

    /* Contact Form */
    .premium-form-stroke .container { width: 100%; }
    .premium-s7-content { top: -5%; left: initial; width: 90%; }
    .premium-s7-title { width: 100%; height: auto; font-size: 54px; }
    .premium-s7-text { width: 100%; height: auto; margin-bottom: 5%; }

    .front-retreats .premium-s5-text-holder { width: initial; margin-right: 0; }
    .premium-pattern-left { left: -45px; }
    .premium-pattern-right { right: -45px; }
    .service-content.mrg { margin: 0 auto; }

    .premium-contact-section1 .premium-prof-pattern {
        top: -100px; right: -50%;
        -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);
    }


}

@media (min-width: 1025px) and (max-width: 1920px ) {
    .single .activities-row .an-activity:first-child { position: relative; top: -44vh; }
    .single .activities-row .an-activity:nth-child(3n+4) { position: relative; top: -48vh; }
}

@media (max-width: 1024px) {

    .our-services-include-row span { font-size: 30px; }
    .single .pricing-wrapper.earlybird-enabled .normal-price { width: 100%; display: block; margin: 0 auto; float: none; left: 0; }
    .pricing-wrapper.earlybird-enabled .early-bird { margin: 0 auto; float: none; width: 100%; background: white; text-align: center; }
    .pricing-wrapper.earlybird-enabled .early-bird .the-line { width: 170px; margin: 25px auto; }
    .pricing-wrapper.earlybird-enabled .early-bird::before { display: none; }
    .pricing-wrapper .normal-price { width: 100%; }

    .premium-prof-s5-title {
        height: auto; width: auto; color: #000000; font-family: "Gletscher";
        margin: 5% auto auto; text-align: left; padding: 5%; line-height: 70px;
    }

    .premium-photo-point-line-accom > span { text-shadow: 1px 1px #ffffff; }
    .premium-photo-point-line-accom:hover > span { color: #000; }
    .single .premium-photo-point-line-accom svg { display: none; }

    #navbar-primary.menu-thinner-state { background: rgba(255,255,255, 0); }
    .services-row { display: none; }
    .services-row-old { display: block; visibility: visible; }
    .premium-prof-download-row { padding: 3% }
    .premium-prof-point-line { display: none; }
    .premium-entry-content .premium-mobile-col-flex,
    .premium-form-stroke .container { width: 100%; }
    .premium-form-inline { display: inline; margin-bottom: 20px; float: left; width: 100%; }
    .premium-retreat-s2-box .icons-wrapper { padding: 0 5%; }
    .trainer-modal { width: 85%; }
    .service-content.mrg { margin: 0 auto; }
    .our-services-include-row .services-col { padding: 10%; }
    .our-services-include-row .services-wrapper { width: 100%; outline-offset: -45px; }
    .our-services-include-row .service-content { width: 100%; padding: 10px; }
    .icons-wrapper-small { float: none; margin: 0 auto; }
    .icons-wrapper-small .parent-category-activities .activity-icon-wrapper { margin: 15px 4px; width: 17%; }

    .category-header { padding: 30px 0px; margin-top: 0; }
    .category-header h2 { font-size: 46px; }
    .category .a-retreat { min-height: initial; padding-bottom: 60px; padding-top: 60px; margin-bottom: 60px; float: left; width: 100%; }
    .category .a-retreat .premium-retreat-hero-title { width: auto; margin: 3% auto; }
    .category .a-retreat .premium-retreat-hero-icons { padding: 2%; }
    .category .a-retreat .premium-retreat-hero-icons .activity-icon { float: none; display: inline-block; }
    .category .a-retreat .retreat-hashtag { position: relative; margin: 0 auto; height: auto; padding-top: 0; }
    .category .a-retreat .premium-retreat-excerpt { background: white; position: relative; bottom: initial; right: initial; padding: 40px; min-height: initial; height: auto; float: left; width: 80%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
    .category .a-retreat .premium-retreat-excerpt p { height: auto; }
    .category .a-retreat .premium-retreat-hero-content { position: relative; top: initial; left: initial; margin-right: 0; width: 100%; margin-bottom: 60px; transform: none; z-index: 1; width: 100%; height: auto; margin: auto; float: left; }
    .category .a-retreat .premium-retreat-price3 { position: relative; left: 50%; margin-top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
    .category .a-retreat .premium-retreat-excerpt .book-shortcut { position: absolute; left: 50%; bottom: -25px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

    .bottom-fill .fill-pattern { height: 60px; background-size: 13%; }
    .load-more-retreats { margin: 20px auto 0 auto; float: left; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); }
    .load-more-retreats::after { display: none; }

    .premium-contact-section1 .contact-info-holder { height: initial; }
    .premium-contact-section1 .premium-contact-content { position: relative; left: 0; width: 100%; padding: 0; }
    .premium-contact-section1 .premium-prof-pattern,
    .premium-contact-section1 .premium-prof-point-line { display: none; }

    .single .premium-retreat-hero-content,
    .single .premium-retreat-hero-location,
    .single .premium-retreat-hero-title,
    .single .premium-retreat-hero-icons,
    .single .premium-retreat-hero-date,
    .single .premium-retreat-price2 { width: 100%; }
    .single .premium-retreat-price2,
    .single .premium-retreat-price3 { width: 170px; margin: 0 auto; float: none; }
    .single .premium-single-hero-button { width: 260px; margin-left: 31%;}
    .icons-wrapper-small { float: none; width: 100%; max-width: 300px; display: block; margin: 30px auto; }
    .single .premium-retreat-hero-title { width: 340px !important; margin: 0 auto; font-size: 54px; }
    .single .premium-s6-container { margin-bottom: 35px; }
    .single .premium-retreat-s6-container { left: 0; }
    .single .activities-row .an-activity:first-child,
    .single .activities-row .an-activity:nth-child(3n+4) { top: 0; }
    .single .activities-row .an-activity { width: 100%; padding-bottom: 50px; }
    .single .activities-row .an-activity .premium-retreat-yoga { padding: 0; }
    .single .activities-row .an-activity .premium-retreat-s7-text1 { margin: 0 auto; }
    .single .icons-wrapper { float: left; width: 100%; left: 50%; margin-bottom: 30px; }
    .single .premium-retreat-hero-date,
    .single .premium-retreat-price1,
    .single .premium-retreat-mobile-cont,
    .single .premium-retreat-hero-location,
    .single .premium-retreat-hero-icons { float: left; width: 100% !important; }
    .lead-pop { display: none; }
    .single .premium-retreat-hero-content .premium-retreat-hero-icons { float: left; width: 100%; position: relative; padding: initial; }
    .single .premium-retreat-hero-content .icons-wrapper { margin: 0 30px; }
    .activity-icon, .premium-retreat-hero-icons .activity-icon { : 10px; margin-bottom: 15px; float: none; display: inline-block; }
    .single .premium-photo-point-line-accom.prv-img { left: 25px; margin: 0; width: 10%; z-index: 1; }
    .single .premium-photo-point-line-accom.nxt-img { right: 25px; }

    .single .premium-photo-point-line-accom.nxt-img,
    .single .premium-photo-point-line-accom.prv-img {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .single .premium-photo-point-line-accom svg,
    .single .premium-photo-point-line-accom > span { right: 0; margin: 0; z-index: 1; width: 60%; }
    .single .premium-photo-point-line-accom > span { margin-top: 25px; }
    .single .premium-retreat-section8 { top: 0; }

}

@media(min-width:768px ) and (max-width:1024px ) {
    .premium-retreat-form-col-mob,
    .premium-right-col-form  { width: 80%; }
    .premium-right-col-form { margin-top: 80px; }
    .premium-form-content { height: auto; margin: 5% 0 0 0; }
    .premium-form-radios { margin: 5% 0 0 0; }
    .premium-prof-hotel-pic1,
    .premium-prof-hotel-pic2,
    .premium-prof-hotel-pic3,
    .premium-prof-hotel-pic4,
    .premium-prof-hotel-pic5 { width: 35vh; height: 35vh; }
    .premium-prof-s5-title { font-size: 64px; }
    .premium-prof-pattern { left: -15%; }
    .premium-prof-pattern-right { position: absolute; right: -15%; }
}

@media (max-width: 767px) {

    .premium-about-s1-image { margin-bottom: 50px; width: 280px; height: 386px; }
    .premium-about-s1-box { height: 300px; }
    .back-top .line { display: none; }
    .leadpop-wrapper { display: none; }
    .premium-footer-line { display: none; }
    .premium-prof-hotel-pic1,
    .premium-prof-hotel-pic2,
    .premium-prof-hotel-pic3,
    .premium-prof-hotel-pic4,
    .premium-prof-hotel-pic5 { width: 100%; height: initial; min-height: 300px; }

    #corporations .premium-prof-s1-title,
    #concierge .premium-prof-s2-title { font-size: 36px; }
    .premium-prof-s5-title { font-size: 36px; }

    .front-retreats .premium-s5-title { width: 100%; height: auto; font-size: 50px; }
    .front-retreats .premium-s5-location { margin: 0 auto; text-align: center; }
    .front-retreats .premium-s5-line { margin: 0 auto 5% auto; }
    .front-retreats .premium-s5-date { width: auto; text-align: center; }
    .front-retreats .premium-s5-button { margin: 30px auto; }

    .premium-prof-pattern-right,
    .premium-prof-pattern { display: none; }

    .premium-retreat-s4-card-container.rating-wrapper { border: none; }
    .rating-wrapper .little-stars img { width: 25px; }

    /* Controls */
    .filtering-controls { position: fixed; z-index: 100; background: white; height: 40px; bottom: 0; width: 100%; }
    .filtering-controls .the-controls { background: white; width: 50%; float: left; cursor: pointer; height: 100%; position: relative; outline: 3px solid #CFAD9D; outline-offset: -5px; transition: background-color 0.3s ease, outline 0.3s ease; }
    .filtering-controls .the-controls.open { background-color: #ddc6bb; outline: 3px solid #fff; }
    .filtering-controls .the-controls:first-child { left: 0px; }
    .filtering-controls .the-controls:last-child { right: -30px; }
    .filtering-controls .the-controls::after { font-family: Gotham; font-size: 15px; font-weight: 300; line-height: 40px; text-align: center; width: 100%; }
    .filtering-controls .the-controls.mixitup-container::after { content: "THEMES"; }
    .filtering-controls .the-controls.mixitup-activity-container::after { content: "ACTIVITIES"; }
    .filtering-controls .the-controls nav { display: none; }
    .filtering-controls .the-controls.open nav { display: block; position: absolute; bottom: 0; width: 200%; padding: 15px; left: 0; background: white; outline: 3px solid #CFAD9D; outline-offset: -6px; }
    .filtering-controls .the-controls.mixitup-activity-container.open nav { left: -100%; }
    .filtering-controls .the-controls.open nav li { display: block; margin: 10px 0; font-size: 18px; }
    .filtering-controls .the-controls.open nav li span { font-size: 8px; display: block; position: absolute; left: 50%; bottom: -12px; width: 100%; color: #CFAD9D; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
    .filtering-controls .the-controls.mixitup-activity-container nav li { display: inline-block; margin: 10px 10px 0 10px; }

    .mixitup-nav .closer {
      background-image: url('/wp-content/uploads/2018/08/close_button.png'); width: 45px; height: 45px;
      display: block; background-size: cover; position: absolute; left: 15px; top: 15px; z-index: 100;
    }

    /* larger icons with titles */
    .filtering-controls .the-controls.mixitup-activity-container nav li { display: inline-block; margin: 20px 20px; position: relative; width: 65px; height: 65px; background-size: 650px; }
    .filtering-controls .the-controls .activity-icon.activity-yoga { background-position: -584px center; }
    .filtering-controls .the-controls .activity-icon.activity-pilates { background-position: -195px center; }
    .filtering-controls .the-controls .activity-icon.activity-trekking { background-position: -519px center; }
    .filtering-controls .the-controls .activity-icon.activity-sports { background-position: -390px center; }
    .filtering-controls .the-controls .activity-icon.activity-fitness { background-position: -66px center; }
    .filtering-controls .the-controls .activity-icon.activity-detox { background-position: -2px center; }
    .filtering-controls .the-controls .activity-icon.activity-tai-chi-and-qigong { background-position: -455px center; }
    .filtering-controls .the-controls .activity-icon.activity-spa { background-position: -325px center; }
    .filtering-controls .the-controls .activity-icon.activity-stand-up-paddle { background-position: -260px center; }
    .filtering-controls .the-controls .activity-icon.activity-meditation { background-position: -131px center; }
    .category-header span { display: none; }

    .premium-s6-button { width: 100% !important; }
    .premium-about-s2-pattern2 { display: none; }
}

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

    html, body{ overflow-x: hidden; }
    .bgimage { width:100%; height: 800px; }
    .bgimage h5, .bgimage-tailor h5, .bgimage-prof h5 { height: auto; width: 100%; top: 15%; right: 5%; font-size: 23px; }
    .bgimage h5, .bgimage-thehub h5, .bgimage-prof h5 { height: auto; width: 100%; top: 15%; right: 5%; font-size: 23px; }

img.thehubclass {
    margin-top: 130px;
    margin-left: 7px;
}

.bgimage h5 > span, .bgimage-tailor h5 > span, .bgimage-prof h5 > span{
  height: auto;
  width: 368px;
  font-size: 23px;
 }
 
 .bgimage h5 > span, .bgimage-thehub h5 > span, .bgimage-prof h5 > span{
  height: auto;
  width: 368px;
  font-size: 23px;
 }

.premium-container{
  margin: auto;
}

.premium-container2{
  position: relative;
}

.premium-hero-container, .premium-tailor-hero-container,  .premium-hero-container-prof {
    width: 90%;
    margin-top: 30%;
    margin-left: 5%;
    margin-right: 15%;
}

.premium-hero-button {
  width: 90%;
  top: 92%;
  left: 5%;
}

.premium-home-testimonials {
  width: 100%;
  height: auto;
  position: relative;
  padding: 5%;
}

.premium-test-container {
  position: relative;
  height: auto;
}

.premium-home-testimonials-container {
  height: 1264px;
  width: 100%;
  position: relative;
  right: 0;
  padding: 5%;
}

.premium-home-test-extra {
  display: none;
}

.premium-testimonial-title {
    top: 8%;
    z-index: 1;
    position: absolute;
    margin: 0% auto;
    right: 44%;
    width: 20%;
}

.premium-test-quote {
  top: -2%;
}

.premium-test-photoholder {
  width: 65vw;
  height: 65vw;
  position: relative;
  background: url("/wp-content/uploads/2018/08/mykonos_testimonial.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  left: 15%;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}

.premium-test-line {
  top: 24.3%;
  left: -35%;
}

.premium-test-text {
  position: relative;
  height: auto;
  width: 100%;
  padding: 5%;
  margin: 5% auto;
  top: 0;
  left: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.premium-test-name {
  position: relative;
  height: auto;
  width: 100%;
  top: 0;
  left: 0;
}

.premium-test-location {
  position: relative;
  top: 0;
  left: 0;
}


.premium-home-section3 {
  padding: 15% 0% 5% 0%;
}

.premium-s3-col {
  height: auto;
  width: 100%;
  min-height: inherit;
}

.premium-s3-photoholder-left {
  width: 100vw;
  height: 40vh;
  position: relative;
}

.premium-s4-photoholder-right{
  width: 100vw;
  height: 40vh;
  position: relative;
}

.premium-s3-title-holder {
    height: auto;
    width: 100%;
    left: 0;
    position: relative;
    margin-top: 5%;
    padding: 5% 10%;
}

.premium-s3-title {
    height: auto;
    width: 100%;
    color: #000000;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    margin: auto;
}

.premium-s3-content {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    position: relative;
    height: auto;
    margin: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.premium-s3-text {

    width: 100%;
    top: 0;
    left: 0;
    height: auto;
    margin: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    padding: 10%;
    position: relative;

}

.premium-s3-button { height: 45px; bottom: 0; left: 0; position: relative; padding: 0%; margin: auto; display: block; width: 280px; }
.premium-pattern-left { display:none; }
.premium-pattern-right { display:none; }

.premium-s4-title-holder {
  height: auto;
  width: 100%;
  left: 0;
  position: relative;
  margin-top: 5%;
  padding: 10%;
}

.premium-s4-title{
  margin: inherit;
}

.premium-home-mobile-row1{
  display: flex;
  flex-direction: column-reverse;
}

.premium-mobile-col-flex{
  display: flex;
  flex-direction: column;
  width: 100%;
}

.premium-s5-text-holder { width: 100%; height: auto; }

.premium-s5-col1 {
  height: auto;
  position: relative;
  background-color: rgba(207,173,157,0.7);
  padding: 10%;
  width: 100%;
  margin-left: 15px;
}

.premium-s5-button{
  position: relative;
  margin: 30px 0;
}

.premium-point-line {
    position: absolute;
    top: 30%;
    right: 0;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.premium-s5-pattern{
	display: none;
}

.premium-s6-col2 {
    height: auto;
    position: relative;
    width: 100%;
    padding: 10% 10%;
}

.premium-s6-content {
  width: 100%;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  margin-right: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  padding: 0;
}

.premium-s6-title {
    height: auto; width: auto; color: #FFFFFF; font-family: "Gletscher";
    font-size: 52px; line-height: 90px; text-align: left; margin-bottom: 45px;
}
.premium-s6-text {
    height: auto; width: auto; color: #FFFFFF; font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 18px; font-weight: 200;
    text-align: left; position: relative; left: 0; margin-bottom: 45px; line-height: 26px; padding: initial;
}

.premium-s6-button {
  height: 45px;
  width: 260px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border: 3px solid #CFAD9D;
  position: relative;
  bottom: 0;
  left: 5%;
  background-color: #FFFFFF;
  margin: auto;
  z-index: 10;
}

.premium-home-section7 {
    position: relative;
    width: 100%;
    height: auto;
    margin: 10% 0 10% 0;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column-reverse;
}

.premium-s7-col1 {

    height: auto;
    position: relative;
    width: 100%;

}

.premium-s7-content {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    padding: 10%;
    margin: 5% auto;
}

.premium-s7-cont {
    position: relative;
    top: 0%;
    left: 0;
    margin-right: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    height: auto;
    width: 100%;
}

.premium-s7-title {
  height: auto;
  width: auto;
  color: #CFAD9D;
  font-family: "Gletscher";
  font-size: 41px;
  line-height: 42px;
}

.premium-s7-text {
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    margin-top: 10%;
}

.premium-s7-col2 {

    height: 50vh;
    position: relative;
    background: url("/wp-content/uploads/2018/08/professional_services.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    margin-top: 5%;

}

.premium-footer {

    height: auto;
    width: 100%;
    opacity: 0.9;
    background-color: #000000;
    position: relative;

}

.premium-footer-col3 {
    position: relative;
    height: auto;
    text-align: center;
    width: 100%;
}

.premium-footer-content2 {
    height: auto;
    width: 100%;
    color: #CFAD9D;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 36px;
    position: relative;
    margin: 10% auto;
    top: 0;
    left: 0;
    padding-left: 0;
}

.premium-footer-full-logo {
    position: relative;
    bottom: 0;
    right: 0;
}

.premium-footer-logo {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  margin: auto;
  width: 20%;
  display: block;
}

.premium-footer-copyrights {
    height: auto;
    width: 226px;
    color: #FFFFFF;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: 200;
    line-height: 26px;
    position: relative;
    bottom: 0;
    right: 0;
    margin: auto;
}

.premium-footer-col2 { display: none; }
.premium-footer-col1 { position: relative; height: auto; width: 100%; }

.premium-footer-content1 {
    height: auto;
    width: 75%;
    color: #CFAD9D;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 24px;
    position: relative;
    top: 0%;
    /*left: 22%;*/
    margin: auto;
    text-align: center;
}

.premium-footer-social { position: relative; bottom: 0; left: 0; width: 100%; text-align: center; margin: 5% 0; }
.premium-footer-social a:first-child img { margin-left: 0; }

.premium-retreat-single-hero {
    width: 100%;
    height: auto;
    background: linear-gradient( rgba(207,173,157,0.7), rgba(207,173,157,0.7) ), url('/wp-content/uploads/2018/07/drz-leto-8771.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 0;
}

.premium-hero-col1 {
    position: relative;
    height: auto;
    width: 100%;
}

.premium-retreat-mobile-cont{
  display: block;
  height: auto;
  width: 100%;
  position: relative;
  margin: auto;
}

.premium-retreat-mob-hide{
  display: ;
}
.premium-s5-hastag {
    display: none;
}
.premium-single-hero-container {
    background: none !important;

}
.premium-single-hero-container {
    height: 51vh;
    width: 43%;
    background: url(/wp-content/uploads/2018/07/drz-leto-8771.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 7.5vh !important;
    margin-bottom: 1.5vh !important;
    position: relative !important;
    right: -1% !important;
    z-index: 1 !important;
    bottom: 101px !important;
}
.premium-retreat-hero-content2 {
    display: none !important;
}

.premium-retreat-hero-content {
  position: relative;
  top: 0;
  left: 0;
  margin-right: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1;
  width: 100%;
  height: auto;
  margin: auto;
}

.premium-retreat-hero-location {
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Gletscher";
    font-size: 18px;
    line-height: 42px;
    text-align: center;
}

.premium-retreat-hero-title {
    height: 143px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    margin: 10% 0 3% 0;
    text-align: center;
}

.premium-retreat-hero-icons{
  margin: auto;
  width: auto;
  padding: 7%;
  text-align: center;
}

.premium-retreat-hero-date {
    height: 26px;
    width: 100%;
    color: #FFFFFF;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 24px;
    font-weight: 200;
    line-height: 26px;
    margin-top: 3%;
    text-align: center;
}

.premium-retreat-price1 {
    height: 26px;
    width: 100%;
    color: #FFFFFF;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    margin-top: 10%;
    text-align: center;
}

.premium-retreat-price2 {
    height: 65px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    text-align: center;
}

.premium-retreat-price3 {
    height: 26px;
    width: 170px;
    color: #FFFFFF;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    text-align: center;
    border-top: 4px solid #CFAD9D;
    margin: 3% auto;
}

.premium-single-hero-container {

    height: 51vh;
    width: 43%;
    background: url('/wp-content/uploads/2018/07/drz-leto-8771.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 7.5vh;
    margin-bottom: 1.5vh;
    position: absolute;
    right: 0;
    z-index: 1;

}

.premium-single-hero-button {
    height: 45px;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    border: 3px solid #CFAD9D;
    background-color: #FFFFFF;
    position: relative;
    top: 0;
    right: 0;
    margin: 10% auto;
}

.premium-retreat-hero-content2 {
  height: auto;
  width: 238px;
  color: #FFFFFF;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  text-align: center;
  position: relative;
  bottom: 0;
  left: 0;
  margin: 5% auto;
}

.premium-s5-hastag {

    height: 65px;
    width: 206px;
    background-color: #FFFFFF;
    color: #CFAD9D;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    text-align: center;
    position: absolute;
    top: 0;
    right: -15px;
    padding-top: 11%;

}

/*.premium-single-hero-button {

    height: 45px;
    width: 259px;
    color: #000000;
    font-family: "Gletscher";
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    border: 3px solid #CFAD9D;
    background-color: #FFFFFF;
    position: absolute;
    top: 149%;
    right: 35%;

}*/

.premium-s7-button{
  height: 45px;
  width: 260px;
  color: #000000;
  font-family: "Gletscher";
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  border: 3px solid #CFAD9D;
  position: relative;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  margin: 5% auto;
}

.premium-retreat-s2-box {
    height: auto;
    width: 100%;
    background-color: #CFAD9D;
    position: relative;
    padding: 5%;
    margin-top: 5%;
}

.premium-retreat-s2-content {
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    padding: 5%
}

.premium-retreat-s2-box-text {
    height: auto; width: auto; color: #FFFFFF;   font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px; font-weight: 200; line-height: 26px; padding: 5%;
}

.premium-retreat-s2-box-icons {
    margin: 5%;
}

.box-icons {
    margin-left: 3%;
}

.premium-retreat-section3 {

    position: relative;
    height: auto;
    padding: 20% 0 5% 0;

}

.premium-retreat-s3-image1 {
    background: url("/wp-content/uploads/2018/08/hydra_main.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 61vh;
    width: 100%;

}

.premium-retreat-s3-content {
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    padding: 5%;
}

.premium-retreat-s2-title {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 50px;
    line-height: 70px;
    padding: 5%;
}

.premium-retreat-s2-title-mob {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 40px;
    line-height: 70px;
    padding: 5%;
}

.premium-retreat-s2-title > span {
    border-top: 4px solid #CFAD9D;
    color: #000000;
    font-family: "Gletscher";
    font-size: 50px;
    line-height: 70px;
}

.premium-retreat-s2-title-mob > span {
    border-top: 4px solid #CFAD9D;
    color: #000000;
    font-family: "Gletscher";
    font-size: 40px;
    line-height: 70px;
}

.premium-retreat-s4-content {
  height: auto;
  width: auto;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  padding: 5%;
}

.premium-retreat-s4-col1 {
    visibility: hidden;
}

.premium-retreat-s4-card {
    padding: 5%;
}

.premium-retreat-s4-card-container {
    height: auto;
    width: auto;
    border: 10px solid #CFAD9D;
    background-color: #FFFFFF;
    padding: 5% 0 5% 0;
}

.premium-retreat-s2-pattern2 {
    display: none;
}

.premium-col4-mobile{
  width: 100%;
}

.premium-retreat-s6-container {
    height: auto;
    width: 100%;
    background-color: #CFAD9D;
    position: relative;
    right: 0;
    padding: 10%;
}

.premium-retreat-s6-content {
    height: auto;
    width: auto;
    color: #FFFFFF;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    margin: 5% auto;
}

.premium-retreat-s6-image1 {

    width: 265px;
    height: 265px;
    position: absolute;
    background: url("/wp-content/uploads/2018/08/activities_yoga.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 100%;
    left: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);

}

.premium-retreat-mobile-row{
  margin-top: 100%;
}

.premium-retreat-services-stroke{
  display: flex;
  flex-direction: column;
}

.premium-retreat-s8-col1 {

    background-color: #CFAD9D;
    padding: 5%;
    border: 10px solid #ffffff;
    width: 100%;

}
.premium-retreat-s8-included1 {

    border-top: 10px solid #ffffff;
    border-left: 10px solid #ffffff;
    border-bottom: 10px solid #ffffff;
    height: 100%;
    padding: 5%;
    border-right: 10px solid #ffffff;

}

.premium-retreat-s8-text1 {
  height: auto;
  width: auto;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin: auto;
}

.premium-retreat-s8-col2 {

    background-color: rgba(207,173,157,0.7);
    padding: 5%;
    border: 10px solid #ffffff;
    width: 100%;

}

.premium-retreat-s8-included2 {

    border-top: 10px solid #ffffff;
    border-right: 10px solid #ffffff;
    border-bottom: 10px solid #ffffff;
    height: 100%;
    padding: 7.28%;
    border-left: 10px solid #ffffff;

}

.premium-retreat-s8-text2 {
  height: auto;
  width: auto;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin-top: 5%;
}

.premium-form-pattern{
  display: none;
}

.premium-form-title { height: auto; width: auto; color: #000000; font-family: "Gletscher";font-size: 32px; line-height: 56px; }
.premium-form-stroke { padding: 5% 0; }
.premium-form-title > span {
    color: #000000;
    font-family: "Gletscher";
    font-size: 42px;
    border-top: 4px solid #CFAD9D;
}

.premium-right-col-form {

    padding-left: 0;
    padding-top: 0;
    width: 100%;
}

.premium-form-name {
    width: 100%;
    height: 45px;
    border-bottom: 4px solid #CFAD9D;
    border-top: none;
    border-left: none;
    border-right: none;
}
.premium-form-label { width: 100%; }

.premium-form-content {
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    margin: 5% 0;
}

.premium-form-label-radio {
    height: 26px; width: 100%; color: #000000;   font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px; font-weight: 200; line-height: 26px; margin-left: 50px;
}

.premium-checkboxes-content {
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    margin: 5% 0;
}

.premium-form-checkboxes {
    position: relative;
    height: auto;
    float: left;
    width: 100%;
}

.premium-mob-col3{
  width: 50%;
  padding-left: 0;
}

.premium-submit-check {
  height: auto;
  width: auto;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 18px;
}

.premium-submit-valid { padding: 0; margin: 5% 0; float: left; width: 100%;      }

.premium-form-submit {
  height: auto; color: #000000; font-family: "Gletscher"; font-size: 18px; line-height: 25px; text-align: center;
  border: 3px solid #CFAD9D; background: #FFFFFF; margin: 0 auto; padding: 10px 15px; display: block; width: auto;
}


  .premium-tailor-s5-container {
      height: 640px; width: auto; background-color: #FFFFFF; position: absolute; top: 50%; left: 50%; padding: 4%;   margin-right: -50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
   }

   .premium-tailor-s5-title {

    height: 81px;
    color: #000000;
    font-family: "Gletscher";
    font-size: 37px;
    line-height: 32px;
    text-align: center;

}

.premium-tailor-s5-text {

    height: auto;
    width: 247px;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    margin: 5% auto;

}

.premium-about-mob1{
  width: 100%;
}

.premium-s1-text {
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    float: right;
    margin-top: 10%;
    padding: 5%;
}

.premium-about-line {

    height: 4px;
    width: 128px;
    background-color: #000000;
    position: absolute;
    bottom: 10%;
    left: 75%;

}

.premium-about-s2-title {

    height: 45px;
    width: 190px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #000000;
    font-family: "Gletscher";
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    position: absolute;
    left: -60px;
    margin-top: 234%;
    z-index: 1;

}

.premium-about-s2-box {
    height: auto;
    width: auto;
    background-color: #CFAD9D;
    position: relative;
    padding: 5%;
}

.premium-about-s2-text {
    height: auto;
    width: auto;
    color: #FFFFFF;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    margin: 0;
    padding: 5%;
}

.premium-retreat-s5-job {
    height: 33px; width: 265px; color: #CFAD9D; font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 20px; font-weight: 200; line-height: 26px; margin: 5% auto;
}

.premium-retreat-s5-photo1 { margin: 5% auto; }

.bgimage-about h5 {

    height: 160px;
    width: 368px;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 36px;
    font-weight: 200;
    line-height: 40px;
    position: absolute;
    right: 14%;
    top: 15%;

}

.premium-about-quote {

    height: 42px;
    width: 137px;
    color: #000000;
    font-family: "Gletscher";
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    bottom: 15%;
    right: 25%;

}

.premium-about-s3-text1 {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 36px;
    line-height: 43px;
    position: relative;
    top: 0;
    left: 0;
    margin-right: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    padding: 5% 10%;
  }

.premium-about-s3-text2 {
    height: auto; width: auto; color: #000000; font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 18px; font-weight: 200; line-height: 26px;
    position: relative; top: 0; left: 0; margin-right: 0; padding: 5% 10%;
    -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;
}

.premium-about-section7 { margin: 5% 0; }

.premium-test-photoholder2 {
    width: 65vw;
    height: 65vw;
    position: relative;
    background: url("/wp-content/uploads/2018/08/Testimonial-ski-break-1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 2%;
    left: 15%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.premium-prof-s1-text {

    height: 258px;
    width: 347px;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;

}

.premium-prof-s1-text2 {
  height: auto;
  width: auto;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  z-index: 1;
  position: relative;
  padding: 5%;
}

.premium-prof-download-row {
  position: relative;
  width: 100%;
  padding: 2%;
  display: flex;
  flex-direction: column;
  height: auto;
}

.premium-prof-s1-text {

    height: auto;
    width: 347px;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;

}

  /*responsive navigation*/

  .navbar-collapse{
    height: 100vh;
    background-color: #ffffff;
    max-height: 100vh !important;
    position: absolute;
    top: -35%;
    width: 100%;
    overflow: hidden;
  }

  #navbar-primary .navbar-nav > li {
    display: block;
    float: none;
  }

  #navbar-primary .navbar-nav > li > a {
    padding-left: 30px;
    padding-right: 30px;
    height: 61px;
    width: 100%;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 3vh;
    font-weight: 200;
    line-height: 38px;
    text-decoration: none;
  }

  #navbar-primary .navbar-nav {
    width: 100%;
    text-align: center;
    margin: 35% auto;
  }

  .premium-photo-point-line{
    position: absolute;
    right: 0;
    margin: 8% auto;
    width: 90%;
    z-index: 1;
  }

  .premium-retreat-box-count {
    height: auto;
    width: 67px;
    color: #000000;
    font-family: "Gletscher";
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    display: inline-flex;
    margin: 46% auto;
  }

  .premium-retreat-s3-box2{
    display: none;
  }

  .premium-retreat-s3-col-mob{
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .premium-villa-map {
    position: relative;
    left: 0;
    width: 100%;
  }

  .premium-retreat-s6-image1, .premium-retreat-section7{
    display: none;
  }

  .premium-retreat-section7-mobile {
    display: flex;
    height: auto;
    width: 100%;
    position: relative;
    flex-direction: column;
}
  .premium-retreat-s6-img1-mob{
    background: url("/wp-content/uploads/2018/08/activities_yoga.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 265px;
    width: 265px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    margin: auto;
  }

  .premium-retreat-section6{
    position: relative;
    height: auto;
    padding: 5% 0 5% 0;
  }

  .premium-retreat-s7-mob-mini-col{
    margin: auto;
    width: auto;
  }

  .premium-retreat-s7-mini-title, .premium-retreat-yoga{

    height: 92px;
    width: 267px;
    color: #000000;
    font-family: "Gletscher";
    font-size: 36px;
    line-height: 40px;
    margin: auto;
    padding: 10% 0 0 0;

}

.premium-retreat-s7-text1 {
    height: auto;
    width: 265px;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    margin: 15% auto;
}

.premium-retreat-s2-col-mob { width: 100%; padding: 2% 10%; }
.bg-number { height: auto; }
.premium-retreat-s2-col-mob img { width: 20%; position: absolute; right: 0; top: 35px; }


.premium-retreat-s3-box {
    height: auto;
    width: 94px;
    background-color: rgba(207,173,157,0.7);
    position: absolute;
    right: 0;
}

.premium-retreat-s2-pattern1 {
    position: absolute;
    z-index: -1;
    margin-top: -10%;
    width: 100%;
}

.premium-retreat-s8-title1 {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 43px;
    line-height: 40px;
    margin: auto;
    padding: 5% 0 5% 0;
}

.premium-retreat-s8-title2 {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 36px;
    line-height: 40px;
    margin: auto;
}

.premium-retreat-form-col-mob{
  width: auto;
  padding-left: 0;
}

.premium-form-desc{
  height: auto;
  width: auto;
  color: #000000;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 26px;
  margin: 5% 0;
}

.premium-form-radios {
    width: 100%;
    padding: 0;
    margin: 5% 0;
    float: left;
}

.premium-checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
}

.premium-tailor-photoholder-left1, .premium-tailor-photoholder-right, .premium-tailor-photoholder-left2{
  position: relative;
}
.premium-tailor-photoholder-left11, .premium-tailor-photoholder-right, .premium-tailor-photoholder-left2{
  position: relative;
}
.premium-tailor-photoholder-left2, .premium-tailor-photoholder-right, .premium-tailor-photoholder-left2{
  position: relative;
}
.premium-tailor-photoholder-left2, .premium-thehub-photoholder-right, .premium-thehub-photoholder-left2{
  position: relative;
}
.premium-tailor-hero-button{
  width: 90%;
  top: 92%;
  left: 5%;
}
.bgimage h5, .bgimage-thehub h5, .bgimage-prof h5 {
    height: auto;
    width: 77%;
    top: 3%;
    right: 7%;
    font-size: 23px;
}


img.thehubclass {
    margin-top: 119px;
    margin-left: 18px;
}
.premium-test-name {
    top: 47px !important;
}
.premium-test-text {
    position: relative;
    height: auto;
    width: 100%;
    padding: 5%;
    margin: 5% auto;
    top: 447px;
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.premium-home-testimonials-container {
    height: 1264px  !important;
    width: 100%;
    position: relative;
    right: 0;
    padding: 5%;
}

.premium-test-name {
    position: relative;
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    margin-top: 398px;
}
.premium-tailor-left-title {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    margin: auto;
    text-align: left;
}

.premium-tailor-right-title {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    margin: auto;
    text-align: left;
}

.premium-tailor-left-title2 {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    margin: auto;
    text-align: left;
}

.premium-tailor-s5-bg {
    width: 100%; height: 100vh; background: url("/wp-content/uploads/2018/08/villas_bg.jpg");
    background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: initial;
}

.premium-about-s2-pattern2{
  right: 0;
}

.premium-about-s3-title {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    margin: auto;
    border-top: 4px solid #CFAD9D;
}

.premium-about-s7-text{
  height: auto;
  width: auto;
}

.premium-hero-button-prof{
    width: 90%;
    top: 92%;
    left: 5%;
}

.bgimage-prof{
  height: 100vh;
}

.premium-prof-s1-title {
    margin: 0 auto;
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    padding: 5%;
    overflow-wrap: break-word;
}

.premium-prof-s1-text {
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    padding: 5%;
}

.premium-prof-s1-img1 { width: 40%; }

.premium-prof-btn1 {
    height: auto;
    width: 260px;
    color: #000000;
    font-family: "Gletscher";
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    border: 3px solid #CFAD9D;
    margin: auto;
}

.premium-prof-download {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 15px;
    line-height: 42px;
    text-decoration: underline;
    margin: auto;
    text-align: center;
}
.premium-prof-download-1 {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 15px;
    line-height: 42px;
    text-decoration: underline;
    margin: auto;
    text-align: center;
}

.premium-prof-point-line {
    position: absolute;
    bottom: 15px;
    left: 5%;
}

.premium-prof-s2-title {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    margin: 10% auto;
    text-align: left;
    padding: 5%;
}

.premium-prof-s1-img3 {
    position: relative;
    right: 0;
    width: 100%;
}

.premium-prof-s3-content2 {
    position: relative;
    height: auto;
}

.premium-prof-s3-text2 {
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    position: relative;
    bottom: 0;
    padding: 5%;
}

.premium-prof-s1-img3 { position: absolute; right: 0; width: 20%; }
.premium-prof-last-title {
    height: auto;
    width: auto;
    color: #CFAD9D;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
}



.premium-prof-hotel-content {
    padding: 5%;
}

.premium-prof-hotel-name {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 36px;
    line-height: 43px;
    background-color: #ffffff;
    position: relative;
    margin-top: 10%;
    left: 0;
}

.premium-prof-hotel-desc {
    height: auto; width: auto; color: #000000;   font-family:"Gotham-Light", Verdana, Sans-Serif; position: relative;
    font-size: 18px; font-weight: 200; line-height: 26px;  margin-top: 15px;
}

.premium-prof-hotel-desc-lg {
    height: auto; width: auto; color: #000000;   font-family:"Gotham-Light", Verdana, Sans-Serif; font-size: 18px;
    font-weight: 200; line-height: 26px; margin-top: 15px;
}

.premium-prof-hotel-line{
  display: none;
}

.premium-villas-title {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    text-align: center;
    margin: auto;
}

.premium-villas-hero-text {
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    padding: 5%;
}

.premium-villas-pattern{
  left: -17%;
}

.premium-villas-location-title {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 36px;
    line-height: 40px;
    margin-top: 5%;
    padding: 5%;
}

.premium-villas-location-text1 {
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    padding: 5%;
}

.premium-retreat-card-text {
    height: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
    text-align: center;
}

.premium-villas-location-text2 {
    margin-top: 5%;
    height: auto;
    width: auto;
    color: #000000;
      font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 26px;
}

.premium-s5-col2, .premium-s6-col1{
   display: none;
}

.premium-prof-section5 {
    position: relative;
    width: 100%;
    margin: 5% 0;
    height: auto;
}

.premium-retreat-s4-image {
    background: url("/wp-content/uploads/2018/08/hotel_main.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 61vh;
    width: 100%;
    position: relative;
}

.premium-contact {
    height: auto;
    width: 100%;
    position: relative;
    margin-top: 10%;
    margin-bottom: 5%;
}

.premium-contact-title {
    height: auto;
    width: auto;
    color: #000000;
    font-family: "Gletscher";
    font-size: 64px;
    line-height: 70px;
    word-wrap: break-word;
    padding: 5%;
}

.premium-contact-content {
    height: auto;
    width: 265px;
    color: #CFAD9D;
    font-family:"Gotham-Light", Verdana, Sans-Serif;
    font-size: 24px;
    font-weight: 200;
    line-height: 34px;
    position: relative;
    padding: 5%;
}

.premium-contact-section1{
  display: flex;
  flex-direction: column;
}

.premium-footer-logo {
  display: none;
}

.premium-photo-point-line-accom svg {
    position: absolute;
    right: 0;
    margin: 35% auto;
    z-index: 1;
    width: 200%;
}

.close {
    position: absolute;
    top: -3%;
    margin: auto;
    text-align: center;
    opacity: 1;
    right: -58px;
  }

  .premium-about-s3-content{
    width: auto;
    height: auto;
    position: relative;
    margin: 5% auto;
  }
  .premium-prof-row-absolute,
  .premium-prof-element { display: none; }
}