/* //// Start Topbar ///////////////////////////////// */

.topbar {
	width: 100%;
	margin: 0;
	padding: 5px 0 4px 0;
	background-color: #b9c7ff;
}

.topbar h3 {
  font-size: 24px;
  padding-top:3px;
  margin: 0;
  color: #000 !important;
}

@media only screen and (max-width: 768px) {
.topbar h3 {
    font-size: 16px;
  }
}



/* //// Start Nav Area ///////////////////////////////// */
.navbar {
padding-top: 25px;
padding-bottom: 25px;
}
.logo {
	width: 279px;
	height: 100px;
	margin: 0;
}
a.nav-link{
	margin-left: 15px;
   color: black !important;
   background-color: #fff;
   border-radius: 12px;
   padding: 5px 20px !important;
   transition: 0.3s
}
a.nav-link:hover{
   background-color: #cccccc;
   border-radius: 0px;
}
@media only screen and (max-width: 1180px) {
  a.nav-link{
	  margin-left:8px;
	 padding: 5px 10px !important;
  }
}
@media only screen and (max-width: 991px) {
  a.nav-link{

  padding-top: 20px;
	  margin-bottom:10px;
  }
}





#members .nav-members,
#practitioners .nav-practitioners,
#best-results .nav-best-results,
#detox-sessions .nav-detox-sessions,
#sessions .nav-sessions,
#materials .nav-materials,
#training .nav-training,
#newsletters .nav-newsletters,
#testimonials .nav-testimonials,
#order .nav-order
{
  color: black !important;
  background-color: #b9c7ff;
  border-radius: 12px;
}
.bg-white {
	background-color: #fff;
}
.box-shadow{
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3); 
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}

@media only screen and (min-width: 992px) {
  .nav-centered {
	  position: absolute;
	  left: 50%;
	  transform: translatex(-50%);
  }
}

/* //// End Nav Area ///////////////////////////////// */

/* //// Start Hero ///////////////////////////////// */
.hero {
	min-height: 600px;
	background-image: url("https://platinumenergysystems.ca/images/site/background.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top:100px;
	text-align: center;
	position: relative;
}
.hero-text {
	width: 80%;
 	position: absolute;
  top: 60%;
  left: 50%;
  -ms-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
}
.hero h1 {
	color: #fff;
	text-shadow: 0px 0px 11px rgba(0,33,64,0.45);
}
/* //// End Hero ///////////////////////////////// */


/* //// Start Parallax Devider ///////////////////////////////// */
.parallax-devider {
	min-height: 250px;
	background-image: url("https://platinumenergysystems.ca/images/site/background.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	position: relative;
}
.parallax-devider-text {
	width: 80%;
 	position: absolute;
	top: 40%;
	left: 50%;
	-ms-transform: translate(-50%, -40%);
	transform: translate(-50%, -40%);
}
.parallax-devider h2 {
	color: #fff;
	text-shadow: 0px 0px 11px rgba(0,33,64,0.45);
}
/* //// End Parallax Devider ///////////////////////////////// */


/* //// Start Sections ///////////////////////////////// */
.background-grey {
	background-color: #f2f2f2;
	padding: 5% 0 5% 0;
}
.background-white {
	background-color: #fff;
	padding: 5% 0 5% 0;
}
.background-white-bt-0 {
	background-color: #fff;
	padding: 5% 0 0 0;
}
.background-transparent-overlap {
	background: transparent;
	margin-top: -80px;
}
.cta {
	background-color: #b9c7ff !important;
	padding: 3% 0 3% 0;	
}
.cta h3 {
	color: black !important;
	margin-top: 8px;
}
.health-disclaimer {
	background-color: #f2f2f2;
	padding: 2.5% 0 2% 0;	
	color: #666;
	font-size: .9em;
	line-height: 1.3;
}
footer {
	background: #000;
	color: #aaa;
	font-size: .85em;
	padding: 2.5% 0 2% 0;	
	text-align: center;
}
/* //// End Sections ///////////////////////////////// */

/* //// Start Sidebar ///////////////////////////////// */
.sticky-offset {
    top: 115px;
}
/* //// EndSidebar ///////////////////////////////// */

/* //// Starts Cards ///////////////////////////////// */

.card-blue {
	background: rgb(105,159,229);
    background: linear-gradient(22deg, rgba(105,159,229,1) 0%, rgba(207,239,252,1) 79%, rgba(246,249,254,1) 100%);
}
/* //// End Cards ///////////////////////////////// */


/* //// Starts Buttons ///////////////////////////////// */
.btn-primary{
	background-color: #3272af;
	border-color: #3272af;	
}
.btn-primary:hover, .btn-outline-light:hover{
	background-color: #9c359b;
	border-color: #000;	
	color: #000;
}
.btn-danger{
	background-color: #d35400;
	border-color: #d35400;
	padding: 15px 40px 15px 50px;
}
.btn-danger img{
	margin-left: 15px;
}
.btn-danger:hover {
    -webkit-animation-name: tada;
    animation-name: tada;
	background-color: #c0392b;
	border-color: #c0392b;   
}
/* //// END Buttons ///////////////////////////////// */



/* //// Start Page Headers ///////////////////////////////// */
.page-header{
	background: #b9c7ff;
	padding-top: 50px;
	padding-bottom: 50px;
}
.page-header h1{
	color: #000;
	font-size: 1.95em;
}
/* //// End Page Headers ///////////////////////////////// */



/* //// Start Typogrophy ///////////////////////////////// */
hr {
	margin-top: 30px;
	margin-bottom: 30px;
}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 0 4em 0;
  padding: 0.5em 10px;
}

blockquote p {
  display: block;
}

.edit-this {
	float: right;
}

a {
	color: #D35400;
}
h2 > a {
	color: #000000;
}


/* //// Start Nav Area ///////////////////////////////// */
.logo {
	width: 279px;
	height: 100px;
	margin: 0;
}

#home .nav-home,
#health .nav-health,
#products .nav-products,
#results .nav-results,
#faqs .nav-faqs,
#blog .nav-blog,
#contact .nav-contact
{
  color: rgba(0, 0, 0, 0.9);
  background-color: #f2f2f2;
  border-radius: 3px;
}
.bg-white {
	background-color: #fff;
}
.box-shadow{
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3); 
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.3);
}
/* //// End Nav Area ///////////////////////////////// */

/* //// Start Hero ///////////////////////////////// */
.hero {
	min-height: 600px;
	background-image: url("https://platinumenergysystems.ca/images/site/background.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top:100px;
	text-align: center;
	position: relative;
}
.hero-text {
	width: 80%;
 	position: absolute;
  top: 60%;
  left: 50%;
  -ms-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
}
.hero h1 {
	color: #fff;
	text-shadow: 0px 0px 11px rgba(0,33,64,0.45);
}
/* //// End Hero ///////////////////////////////// */


/* //// Start Parallax Devider ///////////////////////////////// */
.parallax-devider {
	min-height: 250px;
	background-image: url("https://platinumenergysystems.ca/images/site/background.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	position: relative;
}
.parallax-devider-text {
	width: 80%;
 	position: absolute;
	top: 40%;
	left: 50%;
	-ms-transform: translate(-50%, -40%);
	transform: translate(-50%, -40%);
}
.parallax-devider h2 {
	color: #fff;
	text-shadow: 0px 0px 11px rgba(0,33,64,0.45);
}
/* //// End Parallax Devider ///////////////////////////////// */


/* //// Start Sections ///////////////////////////////// */
.background-grey {
	background-color: #f2f2f2;
	padding: 5% 0 5% 0;
}
.background-white {
	background-color: #fff;
	padding: 5% 0 5% 0;
}
.background-white-bt-0 {
	background-color: #fff;
	padding: 5% 0 0 0;
}
.background-transparent-overlap {
	background: transparent;
	margin-top: -80px;
}
.cta {
	background-color: #3272af;
	padding: 3% 0 3% 0;	
}
.cta h3 {
	color: #fff;
	margin-top: 8px;
}
.health-disclaimer {
	background-color: #f2f2f2;
	padding: 2.5% 0 2% 0;	
	color: #666;
	font-size: .9em;
	line-height: 1.3;
}
footer {
	background: #000;
	color: #aaa;
	font-size: .85em;
	padding: 2.5% 0 2% 0;	
	text-align: center;
}
/* //// End Sections ///////////////////////////////// */

/* //// Start Sidebar ///////////////////////////////// */
.sticky-offset {
    top: 115px;
}
/* //// EndSidebar ///////////////////////////////// */

/* //// Starts Cards ///////////////////////////////// */

.card-blue {
	background: rgb(105,159,229);
    background: linear-gradient(22deg, rgba(105,159,229,1) 0%, rgba(207,239,252,1) 79%, rgba(246,249,254,1) 100%);
}
/* //// End Cards ///////////////////////////////// */


/* //// Starts Buttons ///////////////////////////////// */
.btn-primary{
	background-color: #3272af;
	border-color: #3272af;	
}
.btn-outline-light{
	background-color: #b9c7ff;
	border-color: black;	
	color: black;
}
.btn-primary:hover, .btn-outline-light:hover{
	background-color: #883edb;
	border-color: #fff;	
	color: #fff;
}
.btn-danger{
	background-color: #d35400;
	border-color: #d35400;
	padding: 15px 40px 15px 50px;
}
.btn-danger img{
	margin-left: 15px;
}
.btn-danger:hover {
    -webkit-animation-name: tada;
    animation-name: tada;
	background-color: #c0392b;
	border-color: #c0392b;   
}
/* //// END Buttons ///////////////////////////////// */



/* //// Start Typogrophy ///////////////////////////////// */
hr {
	margin-top: 30px;
	margin-bottom: 30px;
}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 0 4em 0;
  padding: 0.5em 10px;
}

blockquote p {
  display: block;
}

.edit-this {
	float: right;
}

a {
	color: #D35400;
}
h2 > a {
	color: #000000;
}
.sidebar a {
	color: #666;
	-webkit-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
}
.sidebar a:hover {
	color: #3272AF;
	background: #ececec;
}
.active a.page-link {
	background-color: #3272AF !important;
}
a.page-link {
	color: #3272AF;
}
/* //// End Typeogrophy ///////////////////////////////// */



/* //// Start Images ///////////////////////////////// */
.image-left {
	float: left;
	margin-right: 20px;
}
.image-right {
	float: right;
	margin-left: 20px;
}
.image-200 {
	max-width: 200px;
	max-height: 200px;
}
/* //// End Image ///////////////////////////////// */:hover {




/* //// Start Images ///////////////////////////////// */
.image-left {
	float: left;
	margin-right: 20px;
}
.image-right {
	float: right;
	margin-left: 20px;
}
.image-200 {
	max-width: 200px;
	max-height: 200px;
}
/* //// End Image ///////////////////////////////// */