body {

	font-family: 'Open Sans', sans-serif;

}

h1 {

	margin-top: 0;

	margin-bottom: 20px;

	font-size: 50px;

}

img {

	max-width: 100%;

	height: auto;

}

#header {

	background-color: #fff;

}

#logo {

	max-width: 260px;

	float: left;

}

.top-links {

    font-family: 'Open Sans', sans-serif;

    font-size: 0.66em;

    float: right;

    text-transform: initial;

}

.navbar-header {

	float: none;

	padding: 20px 0;

}

#main-navigation, #menu, #quote {

	float: right;

    font-family: 'Open Sans Condensed', sans-serif;

    font-size: 18px;

    text-transform: uppercase;

}

#menu {

    margin-top: 10px;

}

#menu > li > a {

    color: #8D8E92;

    padding: 12px 20px;

}

#page-content .container .container,

.container .container {

	width: 100%;

}



.btn-green, #menu > li:last-child > a {

    padding: 12px 40px;

    background-color: #51AB00;

    border-radius: 0;

    font-size: 16px;

    color: #fff;

}

#menu > li:last-child > a {

	margin-left: 10px;

}

.btn-green a {

	color: #fff;

}

#masthead {

	position: relative;

  	/*min-height: 80vh;*/

  	overflow: hidden;

  	padding: 0;

}

/* The only rule that matters */

#video-background {

/*  making the video fullscreen  */

  position: absolute;

  right: 0; 

  top: 0;

  min-width: 100%; 

  min-height: 100%;

  width: auto; 

  height: auto;

  z-index: -100;

}

.masthead_title h1 {

    color: #fff;

    text-align: center;

    margin: 20px auto;

    width: 65%;
	height: 100px;

    font-weight: 300;

}

.masthead_content {

  position: relative;

  overflow: hidden;

}

.masthead_content {

    position: relative;

    overflow: hidden;

    width: 50%;

    margin: 20px auto;

    color: #fff;

    font-size: 16px;

}
/*
.masthead_content ul {

	list-style: none;

	padding-left: 10px;

}

.masthead_content ul li {

    background-image: url(images/bullets-circle.png);

    padding-left: 30px;

    margin-bottom: 10px;

    background-repeat: no-repeat;

    background-position: left 4px;

}
*/
.masthead_form {

    max-width: 550px;

    margin: 0 auto;

}

.formStyle {

    padding: 20px;

    padding-bottom: 10px;

    background-color: rgba(137,140,144,.5);

    border-radius: 5px;

    margin-top: 0px;

}

.formStyle label { color:white; font-weight:normal; }



.LoginText {

    color: #fff;

    width: 100%;

    text-align: center;

    margin-top: 0 !important;

    margin-bottom: 12px !important;

}

.loginFields {

    width: 100%;

    margin-bottom: 15px;

    padding: 8px;

    background-color: #515B65;

    opacity: .75;

    color: #fff;

    border: 0;

}

.loginButton {

    width: 100%;

    margin-bottom: 15px;

    padding: 8px;

    background-color: #3B79CE;

    border: 1px solid #3B79CE;

    color: #fff;

}

#page-content {

    border-top: 1px solid #f5f5f5;

    padding: 50px 0;

    border-bottom: 1px solid #f5f5f5;


}

#footer {

	background-color: #fff;

	padding: 30px 0;

	text-align: center;

}

.footer-copyright {

    margin-top: 20px;

    font-size: 12px;

}

.slicknav_menu {

	background-color: #3b78ce;

}

.slicknav_nav a {

    font-family: 'Open Sans Condensed', sans-serif;

    text-transform: uppercase;

    font-size: 18px;

}

.notAMemeber {

	color: #ffffff;

}

.form-control {

    border-radius: 0;

    height: 40px;

	max-width: 670px; 

}

.btn-primary {

    border: 0;

    padding: 8px 30px;

    border-radius: 0;

    background-color: #3b78ce;

    text-transform: uppercase;

}

#login .login-logout {

	display: none;

}



/*===== THREE COLUMN PAGE ====*/

.price-column {

    border: 1px solid #ccc;

    border-top: 5px solid #0b66c1;

    margin: 20px 0;

}

.price-column h1 {

    font-size: 24px;

    margin: 20px 0 10px;

    font-weight: 400;

}

.price-column hr {

    margin: 5px auto 0;

    width: 105px;

    border-top: 2px solid #c3c3c3;

}

.price-column p {

    line-height: normal;

    margin-bottom: 0;

}

.btn-yellow {

    background-color: #eec233;

    display: block;

    margin: 0 30px;

}

.btn-yellow a {

    color: #4a4a4a;

    font-weight: bold;

}

.btn-yellow a:hover {

    text-decoration: none;

}

.btn-yellow:hover {

    background-color: #ffcb20;

}

span.main-price {

    font-size: 36px;

    color: #0b66c1;	

}

span.main-price sup {

	position: relative;

	top: -13px;

	font-size: 0.5em;

}

.description-list {

    margin: 30px 0 0;

}

.description-list ul {

    padding: 0;

    list-style-type: none;

}

.description-list ul li {

    padding: 20px 30px;

    border-top: 1px solid #ccc;

}

.price-column .modal h1 {

    margin: 0;

}

.price-column .modal h2 {

    font-size: 20px;

    margin: 0 0 10px;

    color: #777777;

}

.page-template-three-column .modal {

    top: 25%;

}

.page-template-three-column .modal-body {

    padding: 28px 15px 40px;

}

.page-template-three-column .modal .btn-yellow {

    margin: 15px auto 0;

    padding: 5px 30px;

    font-weight: bold;

}

.page-template-three-column .modal hr {

    margin: 6px auto 2px;

    width: 70px;

}

.page-template-three-column .modal .main-price {

    font-size: 32px;

    color: #0b66c1;

}

.page-template-three-column .modal .main-price sup {

    position: relative;

    top: -11px;

    font-size: 0.6em;

}

.page-template-three-column .modal-header {

    padding: 15px;

    border-bottom: 5px solid #0b66c1;

}

.page-template-three-column .modal-footer {

    border-top: 1px solid #b5b5b5;

    margin-top: 5px;

}

.page-template-three-column .modal-footer .btn,

.page-template-three-column .modal-footer .btn:hover {

    text-decoration: underline;

}

@media (max-width:767px) {

    .page-template-three-column .modal-body div[class*="col-"] {

        margin-bottom: 50px;

    }    

    .page-template-three-column .modal-body {

        padding-bottom: 0;

    }

}



/*===============REGISTER and PAYMENT PAGE ==========*/

#register #page-content,

#payment-methods #page-content {

    background-image: url(images/mountain-pexels-photo-355241.jpeg);

    background-size: cover;

    background-position: center center;

}

#register .register-content_wrapper {

    background-color: rgba(255, 255, 255, 0.85);

    padding: 30px;

}

#payment-methods #page-content > .container > .row > .col-sm-12 {

    background-color: rgba(255,255,255,0.85);

    padding: 5px 45px 30px;

    margin: 0 15px;

}

#payment-methods .page-header {

    border-bottom: 1px solid #cacaca;

}

.info_table {

	background: #eee;

	border: 1px dashed #ccc;

}

.title_cell {

	padding-left: 3px;

}

.value_cell {

	padding-right: 3px;

}

/*=============== CONTACT PAGE ==========*/

#page-content form {

    margin-top: 20px;

}

.form-actions {

    margin-top: 25px;

}

.btn-primary {

    padding: 10px 50px;

    border-radius: 0;

    font-size: 16px;

    letter-spacing: 1px;

}

.btn-success {

    padding: 8px 25px;

    border-radius: 0;

    font-size: 14px;

    letter-spacing: 1px;

    background-color: #3b78ce;

    border-color: #3b78ce;

    text-transform: uppercase;

    letter-spacing: unset;

}

.control-label {

    font-size: 14px;

    text-transform: uppercase;

    font-weight: 400 !important;

}

div.form-group {

    margin-bottom: 20px !important;

}

.form-control {

    border-radius: 0;

}



input.form-control {

    height: 40px;

}

textarea.form-control {

    height: 100px;

}

.form-control:hover {

    border-color: #0b66c1;

    border-style: dashed;

    border-width: 2px;

}

.form-control:focus:hover {

    border: 0;

}

#cardno {

	background-image: url("/application/themes/lifebrain_theme/images/creditcards.jpg");

	background-repeat:no-repeat;

}



#cardno:focus {

	background-image: none;

	background: white;

}



.content{

  height: auto;

  margin: 0 auto;

  padding: 30px;

}


.nav-item{

  width: 50%;

}

.nav-pills .nav-item{

  width: auto;

}



.nav-pills .nav-link{

  font-weight: bold;

  padding-top: 13px;

  text-align: center;

  background: #3B78CE;

  color: #fff;

  border-radius: 30px;

  height: 100px;

}

.nav-pills .nav-link.active{

  background: #fff;

  color: #000;

}

.tab-pane .row {

    display: table;

}
body#home .masthead_content{ width:100%;}
.tab-content{

  position: relative;
  min-height: 415px; 
  height: auto;

  margin-top: -50px;

  background: #fff;

  color: #000;

  border-radius: 30px;

  z-index: 1000;

  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);

  padding: 30px;

  margin-bottom: 50px;

}

.tab-content button{

  border-radius: 15px;

  width: 100px;

  margin: 0 auto;

  float: right;

}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #343434;
    background-color: #fff;
}
.tab-pane ul li {
        line-height: 22px;
		padding-left: 30px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
	list-style: none;
    background-position: left 4px;
	background-image: url(http://35.223.76.253/~lifebrainsuite/application/themes/lifebrain_theme/images/bullets-circle-gray.png);
}
.tab-pane ul {
    padding-left: 0;
}
@media (min-width: 768px) {
	
    .top-links {

        background-color: #3b78ce;

        padding: 12px 15px 15px;

        margin-top: -20px;

        border-radius: 0 0 10px 10px;

        color: #fff;

    }

    .top-links a {color: #fff;}

}

@media (max-width:991px) {

	#menu > li > a {

	    padding: 12px;

	}

	.masthead_title h1,

	.masthead_content {

		width: 100%;

	}

}

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

	h1 {

		font-size: 36px;

	}
	.content {
		height: auto;
		margin: 0 auto;
		padding: 30px 10px;
	}
	.tab-content {
		padding: 10px;
		margin-top:0;
		position: unset;
		    min-height: 435px;
	}
	.tab-pane ul {
		padding-left: 0px;
	}
	.tab-content>.active * {
    float: none;
}
	.nav-pills .nav-item {
    width: 100%;
}
.nav-pills .nav-link {
	height:auto;
}
	#logo {

	    float: none;

	    text-align: center;

	    margin: 0 auto;

	}

    #main-navigation {

        float: none;

    }

    .top-links {

        float: none;

        text-align: center;

        margin-top: 10px;

    }

	#masthead {

		background-image: url(images/masthead_bg.jpg);

		background-size: cover;

		background-position: center top;

  		padding: 0;

  		min-height: fit-content;

	}

	.masthead_all_items {

		background-color: rgba(0, 0, 0, 0.25);

  		padding: 3em 0;

	}

	#video-background {

		display: none;

	}

}



#ccm-account-menu { display:none; }