html,
body {
  height: 100%;
}

body {
	
	font-family:'dinschriftregular',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:20px;
	/*line-height:1.42857143;*/
	line-height:1.25;
	color:#3c3b37;
	background-color:#fff;
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 0px;
    padding-right: 15px;
    position: relative;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 0px solid #ddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}

.btn-menu-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
.btn-menu {
    -moz-user-select: none;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
	min-width: 160px;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 16px;
    left: 0;
    list-style: outside none none;
    margin: 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
	margin-top:0px;
}

h1 {
	font-size:28px;
}

h2 {
	font-size:24px;
}

h3 {
	font-size:22px;
	color:#8cabae;
}

h4 {
	font-size: 20x;
	margin-bottom: 8px;
}

.whitelink a { 
	color:#fff;  
}

a {
	color:#3e5063;	
}

a:hover {
	text-decoration:none;	
}

a:visited {
	color:#3e5063;	
}	

a:focus {
	outline:none;	
}

.clear {
	clear:both;	
}

.row {
	margin: 0 auto;
}

.credits {
	position: relative;
	left:20px;
	bottom: 0px;
	padding-bottom: 20px;
}

.mobi-img {
width:100%;
margin: 0 -20px 0 -20px;	
}

.dru {
	float:right;
	padding:0 0 20px 20px;
}

.dru img {
	width:80px;
}

.spacer {
	position:relative;
	background-image:url("../images/spacer.gif") repeat ; 	
	width:100%;
	height:100%;
	min-height:100%;	
}

.vertcenter {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);	
}

.navbar-brand {
	margin-top:0px;
}

.navbar-nav > li > a {
    padding-bottom: 45px;
    padding-top: 45px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #fff;
    color: #555;
}

.active {
	height:100%;
	background-color:#c5c5c5;	
}

.right {
	float:right;
	text-align:center;	
}

img.scale-with-grid {
		max-width: 100%;
		height: auto;
		 }
	
.scale-with-grid {
		max-width: 100%;
		height: auto;
		}

/* HOME

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

#homeContainer {
	position:relative;
	background-image:url("../images/rotate/rotate.php");
	height:400px;
	width:100%;
	background-size:cover;
	background-position:center top;
	z-index:1;
}

#privacyContainer {
	position:relative;
	background-color:#b4d1d5;
	width:100%;
	color:#fff;
	font-size:14px;
}


/* ABOUT

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


.containerall-new	{ float:left; width: 100%; min-height:100%; margin: 0 auto; overflow:auto; }

#aboutContainer {
  min-height: 100%;
  height: 100%;
  font-size:16px;
}

#aboutContainer a {
	color:#fff;	
}

#aboutContainer a:hover {
	text-decoration:none;	
}

#aboutContainer a:visited {
	color:#fff;	
}

.center-container {
  height:100%;
  display: table;
  width:100%;
  margin:0;
}

.center-container-about {
  height:100%;
  display: table;
  width:100%;
  margin:0;
  background-color:#c2c2c2;
}

.center-row {
  /*height:50%;
  width:100%;*/
  display: table-row;
}
  
.center-row > div {
  height:100%;
  width:50%;
  display: table-cell;
  border:0 solid #eee;
  vertical-align:middle;
}

.fullheight {
  height:100%;
  display: table-cell;
  border:0 solid #eee;
  color:#fff;
  vertical-align:middle;
}

.bg-one {
    background: url("/images/carole-hilton-stone.jpg"); 
	min-height:100%;
	margin: 0; 
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.bg-two {
  background-color:#768c8e;
  color:#fff;
}

.padding20 {
	padding:20px 50px;	
}

.noshowphone { display: block; }
.showphone { display: none; }

/* TREATMENTS

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

#treatmentsContainer {
	position:relative;
	background-image:url("../images/bg-treatments.jpg"); 
	height:400px;
	width:100%;
	font-size:16px;	
	background-size:cover;
	background-position:center bottom;
	z-index:1;
}

.treatmentsBox {
	float:left;
	padding:20px;
	width:700px;
	color:#63797B;
	line-height:22px;
	background-color: rgba(235, 235, 235, 0.8);
}

.treatmentsBox a, a:visited {
	color:#63797B;	
}

.treatmentsBox a:hover, a:focus {
	color:#8cabae;
	text-decoration:none;
	outline:none;	
}

.treatmentsmore {
	position:relative; 
	padding-left:505px; 
	top:40px;	 
}

.treatmentsmore a {
	color:#3c3b37;	
}

.treatmentsmore a:hover {
	color:#777;	
}

.treatmentsmore a:visited {
	color:#f5f5f5;	
}




/* ISSUES

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

#issuesContainer {
  min-height: 100%;
  height: 100%;
  font-size:16px;
}

.center-container-issues {
  height:100%;
  display: table;
  width:100%;
  margin:0;
  background-color:#c2c2c2;
}

.bg-one-issues {
    background: url("../images/bg-issues.jpg"); 
	min-height:100%;
	margin: 0; 
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.bg-two-issues {
  background-color:#768c8e;
}

/* SETTING

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

#settingContainer {
	position:relative;
	background-image:url("../images/bg-setting.jpg"); 
	height:400px;
	width:100%;
	background-size:cover;
	background-position:center bottom;
	z-index:1;
}

.settingBox {
	float:left;
	padding:20px;
	width:544px;
	color:#fff;
	font-size:16px;	
	line-height:22px;
	background-color:rgba(99, 121, 123, 0.5);
}

.settingBox a, a:visited {
	color:#fff;	
}

.settingBox a:hover, a:focus {
	color:#ccc;
	text-decoration:none;
	outline:none;	
}

.settingmore {
	position:relative; 
	padding-left:505px; 
	top:40px;	 
}

.settingmore a {
	color:#3c3b37;	
}

.settingmore a:hover {
	color:#777;	
}

.settingmore a:visited {
	color:#f5f5f5;	
}

/* TESTIMONIALS

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

#testimonialsContainer {
  min-height: 100%;
  height: 100%;
  font-size:16px;
}

.center-container-testimonials {
  height:100%;
  display: table;
  width:100%;
  margin:0;
  background-color:#a1cace;
}

.bg-one-testimonials {
    background: url("../images/bg-testimonials.jpg"); 
	min-height:100%;
	margin: 0; 
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.bg-two-testimonials {
  background-color:#a1cace; /* 79989B */
  color:#3D4D4E;
}

.bg-two-testimonials a {
  color:#3D4D4E;
}

.bg-two-testimonials a:hover {
  color:#79989B;
}




/* PRICING

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

#pricingContainer {
	min-height: 100%;
	height: 100%;
	color:#79989b;
	font-size:16px;
}

.bg-one-pricing {
    background: url("../images/bg-pricing.jpg"); 
	min-height:100%;
	margin: 0; 
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-two-pricing {
  background-color:#e1fcff;
  color:#79989b;
}

.center-container-pricing {
  height:100%;
  display: table;
  width:100%;
  margin:0;
  color:#79989b;
  background-color:#e1fcff;
}

/* DRU

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

#airbnbContainer {
	position:relative;
	background-image:url("../images/bg-airbnb.jpg"); 
	height:400px;
	width:100%;
	background-size:cover;
	background-position:center center;
}

#airbnbContainer a {
	color:#fff;	
}

#airbnbContainer a:hover {
	text-decoration:none;
	color:#eee;
}

#airbnbContainer a:visited {
	color:#fff;	
}

#druyogaContainer {
	position:relative;
	background-image:url("../images/bg-dru.jpg"); 
	height:400px;
	width:100%;
	background-size:cover;
	background-position:center center;
}

#druyogaContainer a {
	color:#fff;	
}

#druyogaContainer a:hover {
	text-decoration:none;
	color:#eee;
}

#druyogaContainer a:visited {
	color:#fff;	
}

#druyoga2Container {
	position:relative;
	background-image:url("../images/bg-dru.jpg"); 
	height:400px;
	width:100%;
	background-size:cover;
	background-position:center center;
}

#druyoga2Container a {
	color:#fff;	
}

#druyoga2Container a:hover {
	text-decoration:none;
	color:#eee;
}

#druyoga2Container a:visited {
	color:#fff;	
}

.airbnbBox {
	float:left;
	padding:20px;
	width:700px;
	color:#fff;
	font-size:16px;	
	line-height:22px;
	background-color:rgba(161,206,206,0.5);
}

.airbnbBox a, a:visited {
	color:#fff;	
}

.airbnbBox a:hover, a:focus {
	color:#ccc;
	text-decoration:none;
	outline:none;	
}

.airbnbmore {
	position:relative; 
	padding-left:505px; 
	top:40px;	 
}

.airbnbmore a {
	color:#3c3b37;	
}

.airbnbmore a:hover {
	color:#777;	
}

.airbnbmore a:visited {
	color:#f5f5f5;	
}


/* CONTACT

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

#contactContainer {
	min-height: 100%;
	height: 100%;
	background: url("../images/bg-contact.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	font-size:16px;
}

#contactContainer a {
	color:#fff;	
}

#contactContainer a:hover {
	text-decoration:none;	
}

#contactContainer a:visited {
	color:#fff;	
}

.bg-one-contact {
	min-height:100%;
	margin: 0; 
}
.bg-two-contact {
  	background-color:rgba(0,0,0,0.3);
}

.center-container-contact {
  height:100%;
  display: table;
  width:100%;
  margin:0;
  color:#fff;
}


/* GENERAL

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


.logo {
	float:left;
	margin-top:20px;
	width:348px;
	height:173px;	
}

.cnhc {
	position:absolute;
	bottom:20px;
	right:20px;	
}

.cnhc img {
	width:130px;
}

.mti {
	position:absolute;
	bottom:20px;
	right:170px;	
}

.mti img {
	width:130px;	
}

.lightgreybox {
	float:left;
	padding:20px;
	width:320px;
	height:195px;
	color:#fff;
	font-size:14px;	
	line-height:22px;
	background-color:rgba(161,202,206,0.8);
}

.lightgreybox a, a:visited {
	color:#fff;	
}

.lightgreybox a:hover, a:focus {
	color:#eee;
	text-decoration:none;
	outline:none;	
}

.greybox {
	float:left;
	padding:20px 17px;
	width:280px;
	height:185px;
	color:rgba(140,171,174,1);
	font-size:14px;	
	line-height:22px;
	background-color:rgba(250,250,250,0.8);
	text-align:center;
}

.greybox a, a:visited {
	color:rgba(140,171,174,1);	
}

.greybox a:hover, a:focus {
	color:rgba(140,171,174,0.8);
	text-decoration:none;
	outline:none;	
}

.creambox {
	float:left;
	padding:20px;
	width:544px;
	color:#8cabae;
	font-size:14px;	
	line-height:22px;
	background-color:#ebebea;
}

.creambox a, a:visited {
	color:#8cabae;	
}

.creambox a:hover, a:focus {
	color:#63797B;
	text-decoration:none;
	outline:none;	
}

.socmed {
	font-size:14px;	
	text-align:center;
	margin-top:0px;
}

.socmed a {
	color:#3d444e;
}

.socmed a:hover {
	color:#324867;
}

#topRow {
	margin-top:150px; 
}

#topRow h1 {
	font-size:300%;
}

#details {
    display: table;
    margin: 0 auto;
	padding-top:50px;
}

#details h1 {
	font-size:300%;
}

#emailSignup {
	margin-top:50px;
}

.bold {
	font-weight:bold;
}
 
.marginTop {
	margin-top:30px;
}	

.marginTopHome {
	margin-top:150px;
}	

.center {
	text-align:center;
}

.title {
	margin-top:100px; 
	font-size:300%;
}

#footer {
	background-color: rgba(60, 80, 100, 0.3); 
	padding-top:70px; 
	width:100%;
	color:#3e5063;
}

.marginBottom {
	margin-bottom:30px;
}

.appstoreImage {
	width:250px;
}

.nav {
	height:100px;	
}

.active  {
	min-height:100px;	
}

.btn-success {
	background-color:#3e5063;	
	border-color:#3e5063;
}

.btn-success:hover{color:#3e5063;background-color:#ebdc0b;border-color:#ebdc0b}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#3e5063;background-color:#ebdc0b;border-color:#ebdc0b}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#3e5063;background-color:#ebdc0b;border-color:#ebdc0b}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#ebdc0b;border-color:#ebdc0b}

.noshowcontact { display: none; }
.showcontact { display: show; }

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

.navbar-static-top {
    margin-right:75px;
  }
	
	.navbar-collapse {
      position:relative;
	  min-height:520px;
	  max-height: none;
      overflow-x: auto;
	  z-index:2;
   }
   
.navbar-default {
    position: absolute;
}


.logo img {
	width:300px;
	height:149px;
	margin-left:25px;
}

.cnhc {
	position:absolute;
	bottom:10px;
	right:10px;
}

.cnhc img {
	width:80px;
}
	
.mti {
	position:absolute;
	bottom:10px;
	right:105px;	
}

.mti img {
	width:80px;	
}
	
.lightgreybox {
	float:left;
	margin-top:-20px;
	padding:8px;
	width:260px;
	height:170px;
	}
	
.greybox {
	float:left;
	padding:8px;
	width:260px;
	height:170px;
	}
	
.dropdown-menu {
    margin-top: -30px;
}
	
.padding20 {
	padding:10px 20px;	
}
	
.noshowphone { display: none; }
.showphone { display: block; }
	
.white {
	color:#fff;
	font-size: 14px;
	}
	
.white a {
	color:#fff;
	}
	
.white a:hover {
	color:#eee;
	}
	
.mobiAbout {
	display:block;
	background-color: #768C8E;
	color:white;
	font-size: 14px;
}
	
.mobiTreatments {
	display:block;
	background-color: #A1CACE;
	color:white;
	font-size: 14px;
}
	
.mobiIssues {
	display:block;
	background-color: #768C8E;
	color:white;
	font-size: 14px;
}
	
.mobiSetting {
	display:block;
	background-color: #A1CACE;
	color:white;
	font-size: 14px;
}
	
.mobiTestimonials {
	display:block;
	background-color: #fafafa;
	color:768C8E;
	font-size: 14px;
}
	
.mobiPricing {
	display:block;
	background-color: #768C8E;
	color:white;
	font-size: 14px;
}
	
.mobiAirbnb {
	display:block;
	background-color: #A1CACE;
	color:white;
	font-size: 14px;
}
	
.mobiContact {
	display:block;
	background-color: #768C8E;
	color:white;
	font-size: 14px;
}
	
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}
	
	
	/* Tablet Landscape Orientation */
	@media only screen and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	/*and (orientation : landscape)*/ { 
	
#homeContainer {
	position:relative;
	background-image:url("../images/rotatesm/rotate.php"); 
	width:100%;
	background-size:cover;
	background-position:center bottom;
	z-index:1;
}
		
#aboutContainer {
  font-size:14px;
}
		
.noshowtablet { display: none; }
.showtablet { display: block; }
		
.bg-one {
    min-height:100%;
	margin: 0; 
	background-image: url(../images/carole-hilton-stone.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
		
#treatmentsContainer {
  font-size:14px;
}
		
.treatmentsBox {
	width:700px;
	line-height:18px;
}
		
#issuesContainer {
  font-size:14px;
}
		
.settingBox {
	width:440px;
	font-size:14px;	
	line-height:18px;
}
		
.airbnbBox {
	float:left;
	padding:15px 15px 0 15px;
	width:700px;
	color:#fff;
	font-size:16px;	
	line-height:22px;
	background-color:rgba(161,206,206,0.5);
}
		
#testimonialsContainer {
  font-size:14px;
}
		
#pricingContainer {
	font-size:14px;
}
		
.noshowpricing { display: none; }
.showpricing { display: block; }
		
#contactContainer {
	font-size:14px;
}
		
#contactContainer {
	font-size:14px;
}


.watermark {
	position:absolute;
	bottom:20px;
	right:20px;
	width:150px;	
}

.watermark img {
	width:150px;
}
		
.padding20 {
	padding:10px 20px;	
}
		
	}

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

}

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

    }

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

}

@media screen and (min-width:1200px) and (max-width:1380px) {
	
body {
	
	font-family:'forumregular',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:16px;
	line-height:1.2;
	color:#3c3b37;
	background-color:#fff;
}
	
#homeContainer {
	position:relative;
	background-image:url("../images/rotatesm/rotate.php"); 
	width:100%;
	background-size:cover;
	background-position:center top;
	z-index:1;
}

.noshowcontact { display: block; }
.showcontact { display: none; }

.watermark {
	position:absolute;
	bottom:0px;
	right:20px;
	width:150px;	
}


.watermark img {
	width:150px;
}
	


}

@media screen and (min-width:1366px) and (max-width:1366px) {
	
	.noshowtablet { display: none; }
	.showtablet { display: block; }

	#privacyContainer {
	font-size:14px;
	}
	
	#aboutContainer {
	font-size:14px;
	}
	
	#treatmentsContainer {
	font-size:14px;
	}
	
	#settingContainer {
	font-size:14px;
	}
	
	#airbnbContainer {
	font-size:14px;
	}
	
	#contactContainer {
	font-size:14px;
	}
	
	#testimonialsContainer {
  	font-size:12px;
	}
	
	#testimonials2Container {
  	font-size:14px;
	}
		
	#pricingContainer {
	font-size:14px;
	}
	
	.testimonialsMargin {
	display: block;
	height:500px;
	}
	
	}



/**********************
	Scroller  
**********************/

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: rgba(250,250,250,0.4);
    color: #021f32;
    width: 43px;
    height: 43px;
    line-height: 43px;
    right: 30px;
    bottom: 30px;
    padding-left: 1px;
	padding-bottom:3px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: rgba(250,250,250,0.7);
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/* FONTS */

@font-face {
    font-family: 'playfair_displayregular';
    src: url('../fonts/playfairdisplay-regular-webfont.eot');
    src: url('../fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplay-regular-webfont.woff') format('woff'),
         url('../fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('../fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'dinschriftregular';
    src: url('../fonts/DINNeuzeitGrotesk-Light-webfont.eot');
    src: url('../fonts/DINNeuzeitGrotesk-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINNeuzeitGrotesk-Light-webfont.woff2') format('woff2'),
         url('../fonts/DINNeuzeitGrotesk-Light-webfont.woff') format('woff'),
         url('../fonts/DINNeuzeitGrotesk-Light-webfont.ttf') format('truetype'),
         url('../fonts/DINNeuzeitGrotesk-Light-webfont.svg#dinschriftregular') format('svg');
    font-weight: normal;
    font-style: normal;

}