html {
  scroll-behavior: smooth;
}

body
{
	background-color: #ffffff;
  margin: 0px;
  font-size:1.1em !important;
}

/* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
.mobile-container { display:none; }


/* IMAGE OVERLAY EFFECT - 4 IMAGES */
      .container {
        position: relative;
        width: 273px;
        border:solid 1px red;
      }

      .container2 {
        position: relative;
        width: 273px;
        border:solid 1px blue;
      }

      .image {
        display: block;
        width: 273px;
        height: auto;
      }

      /*
      .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 273px;
        opacity: 0;
        transition: .5s ease;
        background-color: #008CBA;
      }
      */

      .overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #008CBA;
        overflow: hidden;
        width: 100%;
        height:0;
        transition: .5s ease;
      }
      
      /*
      .container:hover .overlay {
        opacity: 1;
      }
      */

      .container:hover .overlay {
        bottom: 0;
        height: 100%;
      }

      .text {
        color: white;
        font-size: 24px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
      }





/*****************************************
  CSS3 Animation to allow fade in effect 
******************************************/

#fadetext {
    margin-top: 15px;
	/*font-family:Arial;*/
	font-family:Calibri;
    font-weight:lighter;
    line-height: 45px;
    font-size: 48px;
    color:#ffffff;
    text-align:center;

    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Down Arrow */
.arrow {
  /*border: solid black;*/
  border:solid #6B97C6;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/* End of Down Arrow */

/* Triangle Down */
.triangle-down {
	width: 0;
  height: 0;
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
  /*border-top: 50px solid #555;*/
  border-top: 20px solid#6B97C6;
}

/* Circle */
.circle {
  height: 50px;
  width: 50px;
  background-color: #ffffff;
  border-radius: 50%;
}

.somepadding 
{
  height:30px; 
  width:auto;
  margin:30% 0 0 0;
  /*border:solid 1px black;*/
}

.somepadding:hover
{
  /*border:solid 1px red;*/
  height:20px; 
  margin:45% 0 0 0;
}


h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:300; line-height:1.9; color:#5C82A8; text-align:left; }
#h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:300; line-height:1.9; color:#5C82A8; text-align:center; }

h2 { font-family:Arial, Calibri, Helvetica, Gadugi; font-size:1.0em; font-weight:400; line-height:2.0; color:#ffffff;  }

h3 { font-family:Calibri Light, Helvetica; font-size: 1.1em; font-style:italic; font-weight:700; line-height:1.6; font-style:italic; color:#000000; }

#copyh3forhome { font-family:Calibri Light, Helvetica; font-size: 1.2em; font-weight:100; line-height:1.3; color:#000000; }
/*h4 { font-family:Nirmala UI; font-size: 1.7em; font-weight:100; line-height:1.0; color:#ffffff; }*/
h4 { font-family:Calibri Light, Helvetica; font-size: 1.1em; font-weight:600; line-height:1.2; font-style:italic; color:#5C82A8; }

h5 { font-family:Nirmala UI; font-size: 1em; font-weight:100; line-height:1.8; color:#8FA2C4; }
h6 { font-family:Palatino Linotype; font-size: 1.6em; font-weight:400; font-style:italic; line-height:1.5; color:#43464B; }
h7 { font-family:Calibri Light, Helvetica; font-size: 1.0em; font-weight:900; line-height:1.6; font-style:italic; color:#000000; }

  /* For Testimonial Quotes */
  .h1 { font-family:Palatino Linotype; font-size: 1.4em; font-weight:100; font-style:italic; line-height:1.3; color:#5C82A8; }
  .h2 { font-family:Palatino Linotype; font-size: 1em; text-align:center; font-weight:700; line-height:1.1; color:#000000; }
  .h7 { font-family:Calibri Light; font-size:1.25em; font-weight:400; line-height:1.3; text-align:left; color:#43464B; }




#home_middle_text
{
  font-family:Haettenschweiler, 'Arial Narrow', sans-serif; 
  font-size: 2.0em; 
  font-weight:100; 
  text-align:center;
  margin:3% 0 0 0;
  line-height:2.0; 
  /*color:#000000;*/
  color:#ffffff;
  /*text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #808080, -1px 1px 0 #ffffff, 1px 1px 0 #404040; */
  text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040; 
}


#h2 { 
  font-family:Microsoft YaHei UI Light,Arial; 
  font-size:1.3em; 
  width:25%; 
  font-weight:500; 
  line-height:1.8; 
  background-color:#696971; 
  color:#FBE0D7; 
  text-align:center;
  padding:0.7%;
}

#h3 { 
  font-family:Microsoft YaHei UI Light,Arial; 
  font-size:1.2em; 
  font-weight:800; 
  line-height:1.2; 
  height:6%;
  text-align:center;
  /*text-align:center;*/
  color:#ffffff; 
  font-style: italic;
  text-shadow: #000 0px 0px 1px, #000 0px 0px 1px;
  background-color:rgba(0,0,0,0.6);
  -webkit-font-smoothing: antialiased;
  width:23%;
  padding:1%;



  /*text-shadow: -1px -1px 0 #404040, 1px -1px 0 #404040, -1px 1px 0 #404040, 1px 1px 0 #404040;*/
}

#h4 { font-family:Palatino Linotype; font-size: 1em; font-weight:700; line-height:1.5; color:#000000; }
.h4 { font-family:Palatino Linotype; font-size: 1em; font-weight:700; line-height:1.5; color:#000000; }

#h5 { font-family:Calibri Light; font-size:1.8em; font-weight:450; line-height:1.2;  color:#43464B; }
.h5 { font-family:Calibri Light; font-size:1.8em; font-weight:450; line-height:1.4; text-align:left; color:#43464B; }

#h6 { font-family:Calibri Light; font-size:1.4em; font-weight:400; line-height:1.3; text-align:left; color:#43464B; }
.h6 { font-family:Calibri Light; font-size:1.4em; font-weight:400; line-height:1.3; text-align:left; color:#43464B; }


/* Position Arrov at Bottom of Page */
.sticky-image-wrapper{
  position: absolute;
  bottom: 0;
  width: 100%;
}

.sticky-image-wrapper img{
  display: table;
  position: relative;
  margin: auto;
}

.sticky-image-wrapper .triangle-down{
  display: table;
  position: relative;
  margin: auto;
}

.sticky-image-wrapper .circle{
  display: table;
  position: relative;
  margin: auto;
}

/* Forms Start */
.txtinput { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:40%; }
.txtinputlong { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:50%; }
.txtrows { height:200px; font-size:20px; line-height:2.0; font-family:Arial; width:60%;}
.txtinputshort { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:15%; }
.txtinputlong { height:30px; font-size:20px; line-height:2.0; font-family:Arial; width:75%; }
/* Forms end */

.mapsize { width:1200px; height:580px; }

#iphone_reviews_link { display:none; }
.nodisplay { display:block; width:960px; height:400px; text-align:center; margin:0 0 0 10% !important; }

html 
{
    -webkit-text-size-adjust: 100%;
}

/* LINKS */

    /* a { text-decoration:none; color:#5F223C; }*/
    a { text-decoration:none; color:#ffffff; font-weight:600; }

    /* setup links style */
    a:link { }

    a:visited { color:#000000; }

    /*when someone hovers over the link */
    /*a:hover { color:#F9BDA9; }*/
    a:hover { 
      color:#000000;
      font-weight:600;
    
    }

    .activepc { 
      /*color:#F9BDA9;
      color:#FBE0D7;*/ 
      color:#000000;
      font-weight:400;
    
    }

    .activepc:visited
    { 
      /*color:#FBE0D7;*/
      color:#6B97C6;
      font-weight:600;
    }
    
 
    a .bluelinks { font-family:Calibri Light, Helvetica; font-weight:450; line-height:1.9; color:#5C82A8; }

    .bluelinks { font-family:Calibri Light, Helvetica; font-weight:450; line-height:1.9; color:#5C82A8;  }

    .bluelinks:visited { font-family:Calibri Light, Helvetica; font-weight:300; line-height:1.9; color:#46627F; background-color:inherit;}

    .bluelinks:hover { font-family:Calibri Light, Helvetica; font-weight:300; line-height:1.9; color:#000000; background-color:inherit;}


/* Image Border */
    .imageBorder {
	    border: 5px solid #ffffff;
    }

    .imageBorder:hover {
	    border: 5px solid #7F676F;
    }

    .imageBorderActive {
	    border-bottom: 5px solid #5F4C52;
	    font-weight:900;
    }

    .homepageActive {
	    color:#000000;
	    font-weight:bold;
    }

.href_orange
{
  /*color:#F16334;*/
  color:#4B6A89;
  font-weight:400;
  font-family:Arial, Calibri, Helvetica; 
  line-height:2.0;
}

.href_orange:visited
{ 
  /*color:rgb(173, 69, 34);*/
  color:#4B6A89;
  font-weight:400;
}

.href_orange:hover
{ 
  /*color:#5C82A8; */
  color:#F16334;
  font-weight:400;
}

.href_orange a
{ 
  /*color:#F16334; */
  color:#4B6A89;
  font-weight:400;
}

.href_white
{
  color:#ffffff;
  font-weight:700;
  font-family:Arial, Calibri, Helvetica; 
}

.href_white:visited
{
  color:#ffffff;
  font-weight:700;
  font-family:Arial, Calibri, Helvetica;
}

.href_white:hover
{
  color:#6B97C6; 
  font-weight:700;
  font-family:Arial, Calibri, Helvetica; 
}

.href_white a
{
  color:#ffffff;
  font-weight:700;
  font-family:Arial, Calibri, Helvetica;
}


.href_grey
{
  color:#404040;
  font-weight:500;
  font-family:Arial, Calibri, Helvetica; 
}

.href_grey:visited
{
  color:#404040;
  font-weight:500;
  font-family:Arial, Calibri, Helvetica;
}

.href_grey:hover
{
  color:#6B97C6; 
  font-weight:500;
  font-family:Arial, Calibri, Helvetica; 
}

.href_grey a
{
  color:#ffffff;
  font-weight:500;
  font-family:Arial, Calibri, Helvetica;
}




/* SUBMIT BUTTON */
.btn{
    background-color: #F6CF3C;
    border: none;
    color: #000000;
    padding: 15px;
    text-align: center;
    font-family: 'Corbel', Arial, sans-serif;
    text-decoration: none;
    display: inline-block;
    font-weight:800;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 8px;
    border-left:solid 2px black; 
    border-top:solid 2px black; 
    border-right:solid 5px black; 
    border-bottom:solid 5px black; 
}

.btn:hover  {
  opacity: 0.8; font-weight:bold; 
  border-left:solid 2px black; 
  border-top:solid 2px black; 
  border-right:solid 5px black; 
  border-bottom:solid 5px black; 
  background-color:#ffffff; 
  color: #000000;
  padding: 15px;
  text-align: center;
  font-family: 'Corbel', Arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-weight:800;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 8px;
}

/* SIMPLE BUTTON */
.btn_simple{
 /* background-color: #6B97C6; */
  background-color:#333;;
  border: none;
  color: #FFFFFF;
  padding: 15px;
  text-align: center;
  font-family: 'Corbel', Arial, sans-serif;
  text-decoration: none;
  display: inline-block;
  font-weight:700;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 8px;

}

.btn_simple:hover  {
opacity: 0.8; font-weight:bold; 
/*background-color:#6B97C6;*/
background-color:#000000;
color: #FFFFFF;
padding: 15px;
text-align: center;
font-family: 'Corbel', Arial, sans-serif;
text-decoration: none;
display: inline-block;
font-weight:800;
font-size: 16px;
margin: 4px 2px;
border-radius: 8px;
}

/* BUTTON INVISIBLE */
.btn_invisible{
  display:none;
  border: none;
}

/* SUBMIT BUTTON - Black */
.btn_black {
    background-color: #111111;
    border: none;
    color: #ffffff;
    padding: 25px 40px 25px 40px;
    text-align: center;
    font-family: Microsoft YaHei UI LIght;
    text-decoration: none;
    display: inline-block;
    font-weight:500;
    font-size: 16px;
    margin: 4px 2px;
    /*border-radius: 12px;*/
}

.btn_black:hover {opacity: 0.95; color:#39CCCC; }

/* SUBMIT BUTTON - Black Rounded */
.btn_blackround {
    background-color: #111111;
    border: none;
    color: #ffffff;
    padding: 15px 30px 15px 30px;
    text-align: center;
    font-family: Microsoft YaHei UI LIght;
    text-decoration: none;
    display: inline-block;
    font-weight:500;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 12px;
}

.btn_blackround:hover {opacity: 0.95; color:#39CCCC; }

/*****************************************
  CSS3 Animation to allow fade in effect 
******************************************/

#fadetext {
    margin-top: 15px;
	/*font-family:Arial;*/
	font-family:Calibri;
    font-weight:lighter;
    line-height: 45px;
    font-size: 48px;
    color:#ffffff;
    text-align:left;

    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




/* FULL PAGE CONTAINER */
.containerstress { vertical-align: top; margin: 0 auto; padding: 0; text-align: center; width:100%; height:100% !important;  }

/* IMPORTANT - Keep containerouterheader at MAX z-index so that the scroll works */
#containerouterheader{ vertical-align: top; margin: 0 auto; padding: 0.1% 0 0 0; text-align: center; position:fixed; z-index:350; width:100%; height:190px; background-color:#ffffff; /*background-color:#E6EBEE;*/ }


#container_homebanner 
{ 
  display:block; 
  opacity:1.0; 
  z-index:-1; 
  background:url('../images/banner_home.png') no-repeat right; 
  height:100%; 
  height:700px; 
  width:100%; 
  max-width:100%;  
}

/* Home Page - Logo and Menubar  */
/*.container_menubar { display:block; text-align:center; width: 100%; height:128px; background-color:rgba(123,186,200,0.4); margin: 0 auto; padding: 0;  }
*/

/*
.container_menubar { display:block; text-align:center; width: 100%; height:15%; background-color:#E6EBEE; /*border-bottom:solid 1px #E6EBEE;*/ /*  margin: 0 auto; padding: 0;  }
*/

.container_menubar { display:block; text-align:center; width: 100%; height:22%; /*background-color:rgba(123,186,200,0.6); background-color:#E6EBEE; border-bottom:solid 1px #E6EBEE;*/  margin: 0 auto; padding: 0;  }

.container_menubar_contact { display:block; text-align:center; width: 100%; height:22%; /*background-color:rgba(123,186,200,0.6);*/ /*background-color:#E6EBEE;*/ margin: 0 auto; padding: 0;  }

/*#menubar_left { float:left; width:29%; margin:2.7% 0 0 4%; text-align:left; opacity:1.0; font-size:35px; font-family:U Gothic; }*/
#menubar_left { float:left; width:27%; margin:1% 0 0 4%; text-align:left; opacity:1.0; font-size:35px; font-family:U Gothic; }
#menubar_right { float:right; width:62%; text-align:right;  margin:0.7% 1% 0 0; opacity:1.0; /*border:solid 1px red; */  }

/* Home Page

/* Home Page - Banner Titles - Mindset Coach etc */
.near_bottom_page{
  position: absolute;
  bottom: -5.0%;
  width: 100%;
}

/* Main Page Heading */
.heading_left { float:left; width:100%; height:auto; margin:-14% 0 2% 0; text-align:left; vertical-align:bottom; vertical-align:text-bottom;  }
.heading_right { float:right; width:100%; height:auto; margin:0 0 7% 0; text-align:center; vertical-align:bottom; vertical-align:text-bottom;   }



/* Home Page - Top Banner */
#container_stress { display:block; text-align:center; width: auto; height:470px !important; margin: 0 auto; padding: 0;   }
.stress_left { float:left; width:50%; text-align:left; margin:0 0 0 5% !important;  opacity:1.0; }
.stress_right { float:right; width:33%; text-align:right; margin:4% 10% 0 0; opacity:1.0; }
#stress_image  { display:block; z-index:-1; background:url('../images/home_stress.png') no-repeat center; height:500px; width:100%; max-width:100%; }

/* Home - Healthy Lifestyle */
#container_healthylife { display:inline-block; text-align:center; width: auto; height:480px !important; margin: 0 auto; padding: 0;  }
.healthy_left { float:left; width:50%; vertical-align:top; text-align:left; margin:2% 0 0 5% !important;  opacity:1.0;   }
.healthy_right { float:right; width:33%; vertical-align:top; text-align:left; margin:0 10% 0 0; opacity:1.0;  }


/* Home - Four images */
#container_fourimages { display:block; text-align:center; width: auto; height:720px !important; margin: 0 auto; padding: 0; margin:5% 0 0 0;  }


/* Home Page - Free Consultation */
#container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width: auto; height:115px; margin: 0 auto; padding: 0;     }
.freeconsult_inner { float:left; width: 100%; height:100%; text-align:center;  vertical-align:top middle; margin:0.1% 0 0 0;  }

/* Home Page - Three Boxes */
#container_threebox  { display:block; z-index:-1; background:url('../images/home_background_threebox.png') no-repeat center; opacity:0.6; height:500px; width:100%; max-width:100%;  }

#allboxes { width:1024px; height:400px; vertical-align:middle; margin: 0 auto; padding: 0; padding:7% 0 0 0; }
.box1 { float:left; width:20%; text-align:center; height:300px; background-color:#000000; opacity:1.0; margin:0 20% 0 0; }
.box2 { float:left; width:20%; text-align:center;  height:300px; background-color:#000000; opacity:1.0; margin:0 18% 0 0; }
.box3 { float:right; width:20%; text-align:center;  height:300px; background-color:#000000; opacity:1.0; }

/* Home - Testimonials */
/*
#container_testimonials { display:block; text-align:center; width:100% !important; height:520px !important; margin: 0 auto; padding: 0;  }
*/
#container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:520px; margin: 0 auto; padding: 0; padding:0.1% 0 0 0;  }
.testimonials_inner { width:80% !important; margin:0 10% 0 10% 0; }
.testimonials_inner { width: 1024px; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }

.orange_arrow { color:#F16334; font-family:webdings; font-size:1.2em; line-height:4.0; }

#container_mindsetcoaching { display:block; text-align:center; width: auto; height:800px; margin: 0 auto; padding: 0;  }
.mindsetcoaching_left { float:left; width:45%; text-align:left; margin:5% 0 0 3%; opacity:1.0; }
#mindset_image  { display:block; z-index:-1; background:url('../images/mindset_coaching.png') no-repeat center !important; height:620px !important; width:100% !important; max-width:100%;  }

.mindsetcoaching_right { float:right; width:47%; text-align:left;  margin:1.7% 1% 0 0; opacity:1.0;}

#container_footer { display:block; text-align:center; width: auto; height:450px; margin: 0 auto; padding: 0; background-color:#43464B;  }
.footer_inner { float:left; width:95%; text-align:left; margin:3% 0 0 5%; opacity:1.0; height:auto; }

/* About Page */

#container_about { display:block; text-align:center; width:99%; height:1800px !important;   margin: 0 auto; padding: 0; margin:0 0 0 0;    }
.about_left { float:left; width:30%; height:auto; text-align:left; margin:17% 0 0 5%; opacity:1.0;  }
.about_right { float:right; width:57%; height:auto !important; text-align:left; margin:17% 0 0 0 !important;  }


/* Services Page */
#container_services { display:block; text-align:center; width:99%; height:1300px !important;  margin: 0 auto; padding: 0; margin:0 0 0 0;    }
.services_left { float:left; width:30%; height:auto; text-align:left; margin:17% 0 0 5% !important; opacity:1.0;  }
.services_right { float:right; width:54%; height:auto !important; text-align:left; margin:0 !important; margin:17% 0 0 0 !important;  }

#container_aboutheart { display:block; text-align:center; width:100%; height:540px; margin: 0 auto; padding: 0;    }
.heart_left { float:left; width:47%; max-width:49%; height:96%; text-align:left; margin:3% 0 0 0;  }
.heart_right { float:right; width:46%; height:100%; text-align:right; margin:0 2% 0 2%; opacity:1.0;     }



/* Packages / Programmes Page*/
#container_packages { display:block; text-align:center; width: auto; height:1480px !important; margin: 0 auto; padding: 0;  }
.packages_left { float:left; width:100%; text-align:left; height:auto !important; margin:3% 0 0 0 !important;  opacity:1.0;  }

/*
.packages_right { float:right; width:33%; text-align:right; height:auto !important; margin:14% 10% 0 0; opacity:1.0; }
*/

#program_all { float:left; width:100%; height:auto; vertical-align:top; }
#program_left { float:left; width:28%; text-align:left; height:auto !important; margin:0 2% 0 5% !important; border:solid 1px lightgray;  }
#program_mid { float:left; width:28%; text-align:left; height:auto !important; margin:0 2% 0 0 !important; border:solid 1px lightgray; }
#program_right { float:left; width:28%; text-align:left; height:auto !important; margin:0 3% 0 0 !important; border:solid 1px lightgray; }

.program_text { margin:7.5% 0 0 5%; text-align:left; width:95%; font-family:Calibri Light, Helvetica; font-size: 1.2em; font-weight:100; line-height:1.3; color:#000000;  }
.program_text2 { margin:0 0 0 5%; text-align:left; width:95%; font-family:Calibri Light, Helvetica; font-size: 1.2em; font-weight:100; line-height:1.3; color:#000000;  }

.maximagesize { width:100%; max-width:100%; height:auto; }

/* Nutrition Page */
#container_nutrition { display:block; text-align:center; width:99%; height:2050px !important;  margin: 0 auto; padding: 0;     }
.nutrition_left { float:left; width:40%; height:auto; text-align:left; margin:15% 0 0 5%; opacity:1.0;   }
.nutrition_right { float:right; width:55%; height:auto !important; max-width:55%; text-align:left; margin:15% 0 0 0;   }

/* Aromatherapy Page */
#container_aromatherapy { display:block; text-align:left; width:99%; height:1850px !important;  margin: 0 auto; padding: 0;    }
.aromatherapy_left { float:left; width:40%; height:auto; text-align:left; margin:15% 0 0 5%; opacity:1.0;   }
.aromatherapy_right { float:right; width:55%; height:auto !important; max-width:55%; text-align:left;  margin:15% 0 0 0;   }

/* Health Page */
#container_health { display:block; text-align:left; width: auto; height:1440px !important; margin: 0 auto; padding: 0;  }
.health_left { float:left; width:90%; text-align:left; margin:0 5% 0 5% !important;  opacity:1.0;  }

.healthcoach_left { float:left; width:50%; text-align:left; margin:17% 0 0 5% !important;  opacity:1.0;  }
.healthcoach_right { float:right; width:33%; text-align:right; margin:21% 10% 0 0; opacity:1.0; }

/*
#container_aboutend { display:block; text-align:center; width: 1024px; height:350px;  margin: 0 auto; padding: 0;  }
.aboutend_left { float:left; width:40%; text-align:left; margin:3% 0 0 9%; opacity:1.0;  }
.aboutend_right { float:right; width:40%; text-align:right; margin:0 10% 0 0; opacity:1.0;  }
*/

#container_aboutconclusion { display:block; text-align:center; text-align:center; width: 1080px; height:790px;  margin: 0 auto; padding: 0;   }

/* Contact Page */
#container_contact { display:block; text-align:center; width: auto; height:824px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
.contact_left { float:left; width:40%; text-align:left; margin:2% 0 0 10%; opacity:1.0; }
.contact_right { float:right; width:39%; text-align:left; margin:1% 5% 0 5%; opacity:1.0; }

.txtinputcontact { height:27px !important; font-size:17px; line-height:1.0 !important; vertical-align:top !important; font-family:Arial; width:90%; }
.txtselectcontact { height:33px; font-size:17px; line-height:1.0; vertical-align:top; font-family:Arial; width:92%; }
.txtrowscontact { height:145px; font-size:18px; line-height:2.0; font-family:Arial; width:90%;}

/* Testimonial Page */
#container_testimonial { display:block; text-align:center; width: auto; height:3100px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
.testimonial_left { float:left; width:40%; text-align:left; margin:1% 0 0 10%; opacity:1.0; }
.testimonial_right { float:right; width:39%; text-align:center; margin:0.5% 5% 0 5%; opacity:1.0; }

/* Privacy Policy */
#container_privacy { display:block; text-align:center; width: auto; height:auto;  margin: 0 auto; padding: 0; margin:5% 10% 0 10%;   }

/* Mindset Page */
#container_mindset { display:block; text-align:center; width: auto; height:1550px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
#top_mindset_container { height:21%; width:80%; margin:0 10% 0 10%; }
.mind_wrap { height:41%; width:100%;     }
.mind_left { float:left; width:40%; text-align:left; margin:4% 0 0 10%; opacity:1.0; }
.mind_right { float:right; width:38%; text-align:right; margin:4% 10% 0 0; opacity:1.0; }
#bottom_mindset_container { height:25%; width:80%; margin:0 10% 0 10%;    }


          /* ----------- iPhone 5 and 5S ----------- */

        /* Portrait and Landscape */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 2) {

        }

        /* Iphone Portrait */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 1)
        /* and (-webkit-text-size-adjust:auto) 414 width */
        and (orientation: portrait) 
        {

                   /* Iphone menubar */
                   #myLinks { line-height:1.1 !important; }

                   /* Home Page */
                   .iphoneview { width:50% !important; max-width:50% !important; height:auto; text-align:center !important; }
                   .iphoneviewfull { display:block; width:100% !important; max-width:100% !important; height:auto; margin:5% 0 0 0 !important; }

                   #bg { background-position: bottom right !important; }

                   #home_middle_text
                  {
                    display:none !important;
                  }

                  #container_healthylife { height:auto !important; margin:5% 0 0 0 !important; }
                  .healthy_left { width:100% !important; margin:0 !important; }
                  .healthy_right { width:95% !important; margin:0 0 0 5% !important; }

                  #container_fourimages { display:block; text-align:left; width: 100% !important; max-width:100% !important; height:auto !important; margin: 0 auto; padding: 0;  }

                  /* Home Page - Banner Titles - Mindset Coach etc */
                  .near_bottom_page{
                    position: absolute;
                    bottom: -1%;
                    width: 100%;
                  }
                  .heading_left { float:left; width:98% !important; height:auto; margin:-50% 0 2% 2% !important; text-align:left; vertical-align:bottom; vertical-align:text-bottom;  }
                  .heading_right { float:right; width:99%; height:auto; margin:0 0.5% 8% 0 !important; text-align:center !important; vertical-align:bottom; vertical-align:text-bottom;   }
                  
                  #jomcalister
                  {
                    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                    font-size: 1.8em; 
                    font-weight:800 !important; 
                    margin:4% 0 0 0;
                    line-height:1; 
                    /*color:#000000;*/
                    color:#ffffff;
                    /*text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #808080, -1px 1px 0 #ffffff, 1px 1px 0 #404040; */
                    text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040; 
                  }

                  /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
                  .mobile-container { display:block !important; padding:0 !important;   }
                  #pcview_only { display:none !important; }

                  #containerouterheader { height:240px !important; vertical-align: top middle; max-width:100% !important;  text-align:center !important; }
                  

                  .container_menubar { display:block !important; height:20% !important; text-align:center !important; width: 100%; max-width:100% !important; height:100% !important;  margin: 0 auto; padding: 0;  }
                  .container_menubar_contact { display:block !important; text-align:center !important; width: 100%; max-width:100% !important; height:100% !important;  margin: 0 auto; padding: 0;  }
                 
                  #menubar_left { display:block !important; width:100% !important; max-width:100% !important; background-color:none !important;  text-align:center !important;  margin:0 !important; height:100% !important;  }
                  #menubar_right { float:left !important; width:100% !important; text-align:left !important; max-width:100% !important; height:90% !important;  margin:0 !important; margin:10% 0 0 0; opacity:1.0;  }
                  
                  #telephonedisplay { display:none !important; }

                  /* Titles for Home Page Only */
                  #h1 { 
                    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                    font-size: 1.9em !important; 
                    font-weight:700 !important; 
                    line-height:1.1 !important; 
                    color:#ffffff;
                    text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040;
                    }

                    h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:600 !important; line-height:1.6 !important; color:#5C82A8; }

                    #h3 { 
                      font-family:Microsoft YaHei UI Light,Arial; 
                      font-size:1.6em; 
                      font-weight:600; 
                      line-height:1.1; 
                      height:10%;
                      color:#ffffff; 
                      font-style: italic;
                      text-shadow: #000 0px 0px 1px, #000 0px 0px 1px;
                      background-color:rgba(0,0,0,0.1);
                      -webkit-font-smoothing: antialiased;
                      /*text-shadow: -1px -1px 0 #404040, 1px -1px 0 #404040, -1px 1px 0 #404040, 1px 1px 0 #404040;*/
                    }


                    h5 { font-family:Nirmala UI; font-size: 1.5em !important; font-weight:100; line-height:1.8; color:#8FA2C4; }

                    /* Home Page - Stress Writing */
                    #container_stress { display:block; text-align:center; width:100% !important;  max-width:100% !important; height:auto !important; margin: 0 auto; padding: 0;  }
                    .stress_left { float:left; width:86% !important; text-align:left; margin:16% 7% 0 7% !important; opacity:1.0; }
                    .stress_right { float:left !important; width:100% !important; max-width:100%;text-align:left !important; margin:1% 0 0 0 !important; opacity:1.0;}

                    /* Home Page - Free Consultation */
                    #container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width:100% !important; height:250px !important; margin: 0 auto; padding: 0;     }
                    .freeconsult_inner { float:left; width: 80% !important; height:100% !important; text-align:center;  vertical-align:top middle; margin:0 10% 0 10% !important;  }

                    /* Home Page - Three Boxes */
                    #container_threebox  { display:block; z-index:-1; background:none !important; opacity:0.6; height:1500px !important; width:100%; max-width:100%;  }

                    #allboxes { width:100% !important; height:1300px !important; vertical-align:middle; text-align:center !important; margin: 0 auto; padding: 0; padding:10% 0 0 0; }
                    .box1 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                    .box2 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                    .box3 { float:left !important; width:78% !important; text-align:center !important;  height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 0 10% !important; padding:0 1% 0 1% !important; }
              
                    /* Home Page - Testimonials */
                    #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: 100% !important; height:900px !important; margin: 0 auto; padding: 0; padding:0.5% 0 0 0;  }
                    .testimonials_inner { width:100% !important; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }
              
                    #container_mindsetcoaching { display:block; text-align:center; width: auto; height:1600px !important; margin: 0 auto; padding: 0;  }
                    .mindsetcoaching_left { float:left; width:100% !important; text-align:left; margin:0 !important; opacity:1.0; }
                    .mindsetcoaching_right { float:left !important; width:90% !important; text-align:left;  margin:5% 5% 0 5% !important; opacity:1.0;}

                    /* Footer */
                    #container_footer { display:block; text-align:center; width: auto; height:550px !important; margin: 0 auto; padding: 0; background-color:#43464B;  }
                    .footer_inner { float:left; width:95%; text-align:left; margin:3% 0 0 5%; opacity:1.0; height:auto; }
                    
                    /* Health Page */
                    #container_health { display:block; text-align:left; width: auto; height:2360px !important; margin: 0 auto; padding: 0; }

                    .healthcoach_left { float:left; width:95% !important; text-align:left; margin:0 !important;  opacity:1.0; margin:75% 0 0 5% !important;  }
                    .healthcoach_right { float:left !important; width:100% !important; text-align:right; margin:0 !important; opacity:1.0; }

                    /* Aromatherapy Page */
                    #container_aromatherapy { display:block; text-align:left; width:99%; height:3380px !important;  margin: 0 auto; padding: 0; }
                    .aromatherapy_left { float:left; width:100% !important; height:auto; text-align:left; margin:0 !important; opacity:1.0; margin:40% 0 0 0 !important;   }
                    .aromatherapy_right { float:left !important; width:90% !important; height:auto !important; max-width:100%; text-align:left; margin:0 5% 0 5% !important;  }

                    /* About Page */
                    #container_about { display:block; text-align:center; width:100% !important;  height:3550px !important; margin: 0 auto; padding: 0; margin:0 0 0 0;   }
                    .about_left { float:left; width:100% !important; height:auto !important; text-align:left; margin:60% 0 0 0 !important; opacity:1.0;  }
                    .about_right { float:left; width:90% !important; max-width:100% !important; text-align:left; margin:0 5% 0 5% !important;   }

                    /* Nutrition Page */
                    #container_nutrition { display:block; text-align:center; width:99%; height:4250px !important;  margin: 0 auto; padding: 0;     }
                    .nutrition_left { float:left; width:100%; height:auto; text-align:left; margin:50% 0 0 0; opacity:1.0;   }
                    .nutrition_right { float:left !important; width:90%; height:auto !important; max-width:90%; margin:0 5% 0 5%; text-align:left;   }

                    /* Packages */
                    #container_packages { display:block; text-align:center; width: auto; height:1780px !important; margin: 0 auto; padding: 0;  }
                    .program_text { margin:40% 0 0 5% !important; text-align:left; width:95%; font-family:Calibri Light, Helvetica; font-size: 1.2em; font-weight:100; line-height:1.3; color:#000000;  }

                                        
                    #container_aboutheart { display:block; text-align:center; width:100%; height:1250px;  margin: 0 auto; padding: 0;    }
                    .heart_left { float:left; width:100% !important; max-width:100% !important; height:41%; text-align:left; margin:3% 0 0 0;  }
                    .heart_right { float:left !important; width:90% !important; height:59%;  text-align:left; margin:0 5% 0 5%; opacity:1.0;     }


                    #container_aboutconclusion { display:block; text-align:center; text-align:center; width:90% !important; margin:0 5% 0 5%;  height:1300px !important;   margin: 0 auto; padding: 0;   }

                    /* Testimonial Page */
                    #container_testimonial { display:block; text-align:center; width: auto; height:1600px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
                    .testimonial_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
                    .testimonial_right { float:left !important; width:100% !important; text-align:center; margin:5% 0 0 0 !important; opacity:1.0; }

                    /* Services Page */
                    #container_services { display:block; text-align:center; width:99%; height:2000px !important;  margin: 0 auto; padding: 0; margin:0 0 0 0;    }
                    .services_left { float:left; width:100% !important; height:auto; text-align:left; margin:17% 0 0 0 !important; opacity:1.0;  }
                    .services_right { float:right; width:90% !important; height:auto !important; text-align:left; margin:0 !important; margin:17% 5% 0 5% !important;  }

                    /* Contact Page */
                    #container_contact { display:block; text-align:center; width: auto; height:1450px;  margin: 0 auto; padding: 0; margin:15% 0 0 0;   }
                    .contact_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
                    .contact_right { float:left !important; width:90% !important; text-align:left; margin:8% 5% 0 5% !important; opacity:1.0; }
                
                    /* Mindset Page */
                    #container_mindset { display:block; text-align:center; width: auto; height:2750px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
                    #top_mindset_container { height:23% !important; width:90% !important; margin:0 5% 0 5%; }
                    .mind_wrap { height:41%; width:100%; }
                    .mind_left { float:right; width:90%; text-align:left; margin:0 5% 0 5%; opacity:1.0; }
                    .mind_right { float:left; width:100%; text-align:left; margin:0 !important; opacity:1.0; }
                    #bottom_mindset_container { height:26%; width:90%; margin:0 5% 0 5%;    }


        }

        /* Iphone 5 / 5s Landscape */
        @media only screen 
        and (min-device-width: 320px) 
        and (max-device-width: 568px)
        and (-webkit-min-device-pixel-ratio: 1)
        /* and (-webkit-text-size-adjust:auto) 414 width */
        and (orientation: landscape) 
        {

                  #telephonedisplay { display:none; }
                  #containerouterheader { height:50px !important; vertical-align: top middle; max-width:100% !important;  text-align:center !important; }

                  .iphoneviewfull { display:block; width:100% !important; max-width:100% !important; height:auto; margin:5% 0 0 0 !important; }

                  #container_fourimages { display:none; }

                  #container_healthylife { height:auto !important; margin:5% 0 0 0 !important; }
                  .healthy_left { width:100% !important; margin:0 !important; }
                  .healthy_right { width:95% !important; margin:0 0 0 5% !important; }


                  /* Nutrition Page */
                  #container_nutrition { display:block; text-align:center; width:99%; height:3000px !important;  margin: 0 auto; padding: 0;     }
                  .nutrition_left { float:left; width:100%; height:auto; text-align:left; margin:5% 0 0 0; opacity:1.0;   }
                  .nutrition_right { float:left !important; width:90%; height:auto !important; max-width:90%; margin:0 5% 0 5%; text-align:left;   }


                   /* Home Page - Banner Titles - Mindset Coach etc */
                   .near_bottom_page{
                    position: absolute;
                    bottom: -1%;
                    width: 100%;
                  }
                  .heading_left { float:left; width:98% !important; height:auto; margin:-17% 0 2% 2% !important; text-align:left; vertical-align:bottom; vertical-align:text-bottom;  }
                  .heading_right { float:right; width:99%; height:auto; margin:0 0.5% 2% 0 !important; text-align:center !important; vertical-align:bottom; vertical-align:text-bottom;   }
                  
                  #jomcalister
                  {
                    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                    font-size: 1.8em; 
                    font-weight:800 !important; 
                    margin:1% 0 0 0;
                    line-height:1; 
                    /*color:#000000;*/
                    color:#ffffff;
                    /*text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #808080, -1px 1px 0 #ffffff, 1px 1px 0 #404040; */
                    text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040; 
                  }
        
                  /* Mobile Menubar - ONLY DISPLAY MOBILE MENUBAR ON PHONE */
                  .mobile-container { display:block !important; padding:1% 0 0 0 !important;  }
                  #pcview_only { display:none !important; }
        
                  .container_menubar { display:block; text-align:center; width: 100%; height:65% !important; background-color:rgba(123,186,200,0.1); margin: 0 auto; padding: 0;  }
                  #menubar_left { display:none !important; height:0 !important; }
                  #menubar_right { float:left !important; width:100% !important; text-align:left !important;  margin:0 !important; opacity:1.0;  }
        
                  /* Titles for Home Page Only */
                  #h1 { 
                    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; 
                    font-size: 2em !important; 
                    font-weight:700 !important; 
                    text-align:center;
                    line-height:1.1 !important; 
                    color:#ffffff;
                    text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040;
                    }
        
                    h1 { font-family:Calibri Light, Helvetica; font-size: 2em; font-weight:600 !important; line-height:1.6 !important; color:#5C82A8; }
        
                    h5 { font-family:Nirmala UI; font-size: 1.5em !important; font-weight:100; line-height:1.8; color:#8FA2C4; }
        
                    /* Home Page - Stress Writing */
                    /*
                    #container_stress { display:block; text-align:center; width:100% !important; max-width:100% !important; height:1400px !important; margin: 0 auto; padding: 0;  }
                    */
                    .stress_left { float:left; width:86% !important; text-align:left; margin:6% 7% 0 7% !important; opacity:1.0; }
        
                    .stress_right { float:right; width:100% !important; text-align:right; margin:4% 0 0 0 !important; opacity:1.0;}
                    #stress_image  { display:block; z-index:-1; background:url('../images/home_stress.png') no-repeat center !important; height:450px !important; width:100% !important; max-width:100%;  }
                    

                    /* Home Page - Free Consultation */
                    #container_freeconsultation { display:block; text-align:center; background-color:#CAC6BA; width: auto; height:125px !important; margin: 0 auto; padding: 0;     }
                    .freeconsult_inner { float:left; width: 100%; height:100%; text-align:center;  vertical-align:top middle; margin:0.5% 0 0 0;  }
        
                    /* Home Page - Three Boxes */
                    #container_threebox  { display:block; z-index:-1; background:none !important; opacity:0.6; height:1500px !important; width:100%; max-width:100%;  }
        
                    #allboxes { width:100% !important; height:1300px !important; vertical-align:middle; text-align:center !important; margin: 0 auto; padding: 0; padding:10% 0 0 0; }
                    .box1 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                    .box2 { float:left; width:78% !important; text-align:center !important; height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 10% 10% !important; padding:0 1% 0 1% !important; }
                    .box3 { float:left !important; width:78% !important; text-align:center !important;  height:400px !important; background-color:#000000; opacity:1.0; margin:0 10% 0 10% !important; padding:0 1% 0 1% !important; }
              
                    /* Home Page - Testimonials */
                    #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:600px !important; margin: 0 auto; padding: 0; padding:0.5% 0 0 0;  }
                    .testimonials_inner { width: 100% !important; height:100%; text-align:center; vertical-align:top middle; margin: 0 auto; padding: 0;   }
              
                    #container_mindsetcoaching { display:block; text-align:center; width: auto; height:1500px !important; margin: 0 auto; padding: 0;  }
                    .mindsetcoaching_left { float:left; width:100% !important; text-align:left; margin:0 !important; opacity:1.0; margin:10% 0 0 0 !important; }
                    .mindsetcoaching_right { float:left !important; width:90% !important; text-align:left;  margin:5% 5% 0 5% !important; opacity:1.0;}
        
                    /* Footer */
                    #container_footer { display:block; text-align:center; width: auto; height:400px !important; margin: 0 auto; padding: 0; background-color:#43464B;  }
                    .footer_inner { float:left; width:95%; text-align:left; margin:3% 0 0 5%; opacity:1.0; height:auto; }
                    
                    /* About Page */
                    #container_about { display:block; text-align:center; width:100% !important; height:2600px !important; margin: 0 auto; padding: 0; margin:3% 0 0 0;   }
                    .about_left { float:left; width:100% !important; height:auto !important; text-align:left; margin:0 0 0 0 !important; opacity:1.0; }
                    .about_right { float:left; width:100% !important;  height:auto !important; max-width:100% !important; text-align:left; margin:0 !important;   }


                    /* Aromatherapy Page */
                    #container_aromatherapy { display:block; text-align:left; width:99%; height:2450px !important;  margin: 0 auto; padding: 0; }
                    .aromatherapy_left { float:left; width:100% !important; height:auto; text-align:left; margin:0 !important; opacity:1.0; margin:5% 0 0 0 !important;   }
                    .aromatherapy_right { float:left !important; width:90% !important; height:auto !important; max-width:100%; text-align:left; margin:0 5% 0 5% !important;  }

                  
                    #container_aboutheart { display:block; text-align:center; width:100%; height:880px;  margin: 0 auto; padding: 0;    }
                    .heart_left { float:left; width:100% !important; max-width:100% !important; height:54%; text-align:left; margin:3% 0 0 0;  }
                    .heart_right { float:left !important; width:90% !important; height:40%;  text-align:left; margin:0 5% 0 5%; opacity:1.0;     }
                    .heart_left_image { 
                      background: url('https://www.resetstress.co.uk/images/about_us3.jpg') no-repeat center;
                      max-width:100% !important; 
                      height:450px;
                      opacity:1.0; 
                    }
        
                    #container_aboutconclusion { display:block; text-align:center; text-align:center; width:90% !important; margin:0 5% 0 5%;  height:900px !important;   margin: 0 auto; padding: 0;   }
        
                    /* Testimonial Page */
                    #container_testimonial { display:block; text-align:center; width: auto; height:1000px !important;  margin: 0 auto; padding: 0; margin:0 0 0 0 !important;   }
                    .testimonial_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
                    .testimonial_right { float:left !important; width:100% !important; text-align:center; margin:5% 0 0 0 !important; opacity:1.0; }
        
                    /* Health Page */
                    #container_health { display:block; text-align:left; width: auto; height:1600px !important; margin: 0 auto; padding: 0; }

                    .healthcoach_left { float:left; width:95% !important; text-align:left; margin:0 !important;  opacity:1.0; margin:5% 0 0 5% !important;  }
                    .healthcoach_right { float:left !important; width:100% !important; text-align:right; margin:0 !important; opacity:1.0; }

                    /* Programmes */
                    #container_packages { display:block; text-align:center; width: auto; height:1380px !important; margin: 0 auto; padding: 0;  }
                    .program_text { margin:0 0 0 0 !important; text-align:left; width:100%; font-family:Calibri Light, Helvetica; font-size: 1.2em; font-weight:100; line-height:1.3; color:#000000;  }

                    /* Services Page */
                    #container_services { display:block; text-align:center; width:99%; height:1400px !important;  margin: 0 auto; padding: 0; margin:0 0 0 0;    }
                    .services_left { float:left; width:100% !important; height:auto; text-align:left; margin:5% 0 0 0 !important; opacity:1.0;  }
                    .services_right { float:right; width:90% !important; height:auto !important; text-align:left; margin:0 !important; margin:2% 5% 0 5% !important;  }


                    /* Contact Page */
                    #container_contact { display:block; text-align:center; width: auto; height:1500px;  margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
                    .contact_left { float:left; width:90% !important; text-align:left; margin:7% 5% 0 5% !important; opacity:1.0; }
                    .contact_right { float:left !important; width:90% !important; text-align:left; margin:8% 5% 0 5% !important; opacity:1.0; }
                
                    /* Mindset Page */
                    #container_mindset { display:block; text-align:center; width: auto; height:2020px !important;  margin: 0 auto; padding: 0; margin:5% 0 0 0;  }
                    #top_mindset_container { height:21% !important; width:90% !important; margin:0 5% 0 5%; }
                    .mind_wrap { height:49%; width:100%; }
                    .mind_left { float:right; width:90%; text-align:left; margin:0 5% 0 5%; opacity:1.0; }
                    .mind_right { float:left; width:100%; text-align:center !important; margin:0 !important; opacity:1.0; }
                    #bottom_mindset_container { height:21%; width:90%; margin:0 5% 0 5%;   }
        }


      /* ----------- iPhone 6, 6plus 7, 8, X, XS and Nokia 3   ----------- */

      /* Portrait and Landscape */
      @media only screen 
        and (min-device-width: 375px) 
        and (max-device-width: 812px)
        and (-webkit-min-device-pixel-ratio: 1) {

      }

      /* Portrait */
      @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 812px)
        and (-webkit-min-device-pixel-ratio: 1)
      /* and (-webkit-text-size-adjust:auto) 414 width */
        and (orientation: portrait) 
        {

          }

      /* Landscape iPhone 6, 6plus 7, 8, X, XS and Nokia 3 */
      @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 812px)
      and (-webkit-min-device-pixel-ratio: 1)
      /* and (-webkit-text-size-adjust:auto) 414 width */
      and (orientation: landscape) 
      {

      }

    /* Portrait Android Device - Nokia 3, Galaxy S5, Moto G4 */

    @media only screen 
      and (min-device-width: 360px) 
      and (max-device-width: 640px)
      and (-webkit-min-device-pixel-ratio: 1)
      and (orientation: portrait) {
          /* Home Page */

      }


    /* Landscape Android Device - Nokia 3, Galaxy S5, Moto G4 */

    @media only screen 
      and (min-device-width: 360px) 
      and (max-device-width: 640px)
      and (-webkit-min-device-pixel-ratio: 1)
      and (orientation: landscape) 
      {

 
        
          }




    /* IPad 2 - Portrait View*/

    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px)
    and (-webkit-min-device-pixel-ratio: 1)  
    and (orientation: portrait) {


            #pcview_only { display:none !important; }
            .mobile-container { display:block !important; width:100% !important; text-align:left !important; }
            .iphoneviewfull {  width:100% !important; max-width:100% !important; height:auto; margin:5% 0 0 0 !important; }
            
            #menubar_left { float:left; width:12%; margin:1% 0 0 2%; text-align:left; opacity:1.0; font-size:35px; font-family:U Gothic; }
            #menubar_right { float:right; width:35%; text-align:left !important;  margin:0.7% 1% 0 0; opacity:1.0; /*border:solid 1px red; */ }
      
            /* Add an active class to highlight the current page */
            .activepc {
              background-color:#6B97C6;
              color: white;
              font-family:Arial, Calibri, Helvetica; 
              text-align:left !important;
            }

            #home_middle_text
            {
              font-family:Haettenschweiler, 'Arial Narrow', sans-serif; 
              font-size: 2.0em; 
              font-weight:100; 
              text-align:center;
              margin:1% 0 0 0 !important;
              line-height:2.0; 
              /*color:#000000;*/
              color:#ffffff;
              /*text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #808080, -1px 1px 0 #ffffff, 1px 1px 0 #404040; */
              text-shadow: -1px -1px 0 #808080, 1px -1px 0 #404040, -1px 1px 0 #808080, 1px 1px 0 #404040; 
            }

            /* Main Page Heading */
            .heading_left { float:left; width:100%; height:auto; margin:-20% 0 2% 0; text-align:left; vertical-align:bottom; vertical-align:text-bottom;  }
            .heading_right { float:right; width:100%; height:auto;  margin:0 0 14% 0; text-align:center; vertical-align:bottom; vertical-align:text-bottom;   }

            .healthy_left { float:left; width:50%; vertical-align:top; text-align:left; margin:2% 0 0 4% !important;  opacity:1.0;   }
            .healthy_right { float:right; width:40% !important; vertical-align:top; text-align:left !important; margin:0 0 0 0 !important;   opacity:1.0;  }

            #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:700px !important; margin: 0 auto; padding: 0; padding:0.1% 0 0 0;  }

            #container_fourimages { display:block; text-align:left; width: 100% !important; max-width:100% !important; height:700px !important; margin: 0 auto; padding: 0; margin:5% 0 0 0;   }
            
            .ipad_first { float:left; width:24%; margin:0 1% 0 0; }
            .ipad_second { float:left; width:24%; margin:0 1% 0 0; }
            .ipad_third { float:left; width:24%;  }
            .ipad_fourth { float:right; width:24%; }

            .stress_right { float:right; width:42%; text-align:center !important;  margin:10% 1% 0 0 !important; opacity:1.0; }

              /* About Page */
              #container_about { display:block; text-align:center; width:100% !important;  height:2550px !important; margin: 0 auto; padding: 0; margin:3% 0 0 0;   }
              .about_left { float:left; width:90% !important; height:auto !important; text-align:center !important; margin:20% 5% 0 5% !important; opacity:1.0; }
              .about_right { float:left; width:90% !important; max-width:100% !important; text-align:left; padding:0 5% 0 5% !important; margin:0 !important;   }


              /* MENUBAR AT TOP */
                /* Style the links inside the navigation bar */
                .topnavpc a {
                  float: left;
                  display: block;
                  color: #f2f2f2;
                  text-align: center;
                  padding: 14px 18px !important;
                  text-decoration: none;
                  font-size: 17px !important;
                  font-family:Arial, Calibri, Helvetica; 
                  font-weight:300;
                  /*border:solid 1px blue;*/
                }


                /*Complementary Therapies */
                #container_aromatherapy { display:block; text-align:left; width:99%; height:2400px !important;  margin: 0 auto; padding: 0;    }
                .aromatherapy_left { float:left; width:100%; height:auto; text-align:center !important; margin:15% 0 0 0 !important; opacity:1.0;   }
                .aromatherapy_right { float:left !important; width:100% !important; height:auto !important; max-width:90%; text-align:left;  margin:0 5% 0 5% !important;   }

                /* Nutrition Page */
                #container_nutrition { display:block; text-align:center; width:99%; height:3200px !important;  margin: 0 auto; padding: 0;     }
                .nutrition_left { float:left; width:100%; height:auto; text-align:center !important; margin:15% 0 0 0 !important; opacity:1.0;   }
                .nutrition_right { float:right; width:90% !important; height:auto !important; max-width:100%; text-align:left; margin:0 5% 0 5% !important;   }

                /* Packages / Programmes Page*/
                #container_packages { display:block; text-align:center; width: auto; height:1280px !important; margin: 0 auto; padding: 0;  }

                /* Services Page */
                #container_services { display:block; text-align:center; width:99%; height:1600px !important;  margin: 0 auto; padding: 0; margin:0 0 0 0;    }
                .services_left { float:left; width:100%; height:auto; text-align:center; margin:17% 0 0 5% !important; opacity:1.0;  }
                .services_right { float:right; width:90%; height:auto !important; text-align:left; margin:0 !important; margin:0 5% 0 5% !important;  }

          }

    /* IPad 2 - Landscape View*/

    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px)
    and (-webkit-min-device-pixel-ratio: 1)  
    and (orientation: landscape) 
          {
                  /* HOME */
                  #menubar_left { float:left; width:22%; margin:1% 0 0 4%; text-align:left; opacity:1.0; font-size:35px; font-family:U Gothic; }
                  #menubar_right { float:right; width:72%; text-align:right;  margin:0.7% 1% 0 0; opacity:1.0; /*border:solid 1px red; */  }

                  

                  /* Home - Healthy Lifestyle */
                  #container_healthylife { display:inline-block; text-align:center; width: auto; height:480px !important; margin: 0 auto; padding: 0;  }
                  .healthy_left { float:left; width:50%; vertical-align:top; text-align:left; margin:2% 0 0 5% !important;  opacity:1.0;   }
                  .healthy_right { float:right; width:38%; vertical-align:top; text-align:left; margin:0 0 0 0; opacity:1.0;  }

                  #container_testimonials { display:block; text-align:center; background-color:#FBE0D7; width: auto; height:580px; margin: 0 auto; padding: 0; padding:0.1% 0 0 0;  }
         
                  /* ABOUT */
                  #container_about { display:block; text-align:center; width:99%; height:2200px !important;   margin: 0 auto; padding: 0; margin:0 0 0 0;    }
                  .about_left { float:left; width:30%; height:auto; text-align:left; margin:17% 0 0 5%; opacity:1.0;  }
                  .about_right { float:right; width:52%; height:auto !important; text-align:left; margin:17% 0 0 0 !important;  }

                  /* COMPLEMENTARY THERAPIES */
                  #container_aromatherapy { display:block; text-align:left; width:99%; height:1950px !important;  margin: 0 auto; padding: 0;    }
                  .aromatherapy_left { float:left; width:40%; height:auto; text-align:left; margin:15% 0 0 3%; opacity:1.0;   }
                  .aromatherapy_right { float:right; width:50%; height:auto !important; max-width:50%; text-align:left;  margin:15% 0 0 0;   }


                  /* NUTRITION */
                  #container_nutrition { display:block; text-align:center; width:99%; height:2400px !important;  margin: 0 auto; padding: 0;     }
                  .nutrition_left { float:left; width:40%; height:auto; text-align:left; margin:15% 0 0 3%; opacity:1.0;   }
                  .nutrition_right { float:right; width:50%; height:auto !important; max-width:50%; text-align:left; margin:15% 0 0 0;   }

                  /* SERVICES */
                  #container_services { display:block; text-align:center; width:99%; height:1300PX !important;  margin: 0 auto; padding: 0; margin:0 0 0 0;    }
                  .services_left { float:left; width:30%; height:auto; text-align:left; margin:17% 0 0 3% !important; opacity:1.0;  }
                  .services_right { float:right; width:50%; height:auto !important; text-align:left; margin:0 !important; margin:17% 0 0 0 !important;  }

            }