@font-face {
	font-family: 'MuseoSans 300';
	src: url('../../../../assets/common/fonts/MuseoSans/MuseoSans_300.eot');
	src: url('../../../../assets/common/fonts/MuseoSans/MuseoSans_300.woff') format('woff'), 
		 url('../../../../assets/common/fonts/MuseoSans/MuseoSans_300.ttf') format('truetype'), 
		 url('../../../../assets/common/fonts/MuseoSans/MuseoSans_300.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MuseoSans 500';
	src: url('../../../../assets/common/fonts/MuseoSans/MuseoSans_500.eot');
	src: url('../../../../assets/common/fonts/MuseoSans/MuseoSans_500.woff') format('woff'), 
		 url('../../../../assets/common/fonts/MuseoSans/MuseoSans_500.ttf') format('truetype'), 
		 url('../../../../assets/common/fonts/MuseoSans/MuseoSans_500.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{font-family:'YFP-Icons';
    src: url('../../../../assets/common/fonts/YFP-Icons/YFP-Icons.eot');
    src: url('../../../../assets/common/fonts/YFP-Icons/YFP-Icons.woff') format('woff'),
         url('../../../../assets/common/fonts/YFP-Icons/YFP-Icons.ttf') format('truetype'),
         url('../../../../assets/common/fonts/YFP-Icons/YFP-Icons.svg') format('svg');
    font-weight:400;
    font-style:normal}


[class*=" icon-"],[class^=icon-]{font-family:'YFP-Icons';
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale}

body {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif!important;
	font-size: 16px;
	overflow-x: hidden;
    color: #232323!important;
}

.bg-white{
    background-color: white;
}

.text-dark{
    color: #000;
}

.w-max-c{
    width: max-content;
}

.inline-block{
    display: inline-block;
}

.relative{
    position: relative;
}

/* navbar formatting ======================================================================= */

.section-navbar {
    background: none;
    font-size: 14px;
    border: none;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 5;
}

.section-navbar .navbar-header {
    float: left;
    margin-right: 0;
    margin-left: -10px;
}

.section-navbar	.navbar-header .logo {
    margin-top: 17px;
    color: #fff;
    padding: 10px 5px 0;
}

.section-navbar	.navbar-header .logo img {
    width: 200px;
}

.section-navbar	.navbar-header .logo .caret-01{
    color: #fff;
    margin-left: 1rem;
    position: relative;
    top: 2px;
}

.section-navbar	.navbar-header .logo .dropdown-toggle{
    text-decoration: none;
    padding-bottom: 8px;
    display: inline-block;
}

.section-navbar	.navbar-header .logo.open .caret-01{
    color: #000;
}

.section-navbar	.navbar-header .logo.open hr{
    display:block;
    margin: 0;
    border-color: #ddd;
}

.section-navbar	.navbar-header .logo hr{
    display:none;
}

.section-navbar	.navbar-header .logo .dropdown-menu {
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 10px 5px;
    margin-top: -10px;
    width: 100%;
}

.section-navbar .navbar-header .logo.open{
    padding: 10px 5px 0;
}

.section-navbar	.navbar-header .logo .logo-2 {
    display: none;
}

.section-navbar .navbar-header .logo.open .logo-1 {
    display: none;
}

.section-navbar .navbar-header .logo.open .logo-2 {
    display: inline-block;
}

.section-navbar .navbar-nav {
    float: left;
    margin: 0;
    padding: 10px 5px;
}

.section-navbar .navbar-nav>li {
    float: left;
}

.section-navbar .p-8-br-3{
    padding: 5px 8px;
    border-radius: 3px;
}

.section-navbar .ml-5{
    margin-left: 5px;
}

.section-navbar .navbar-nav>li>.dropdown-menu {
    position: absolute;
    background: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-radius: 0px;
}

.section-navbar .navbar-nav>li>.dropdown-menu .divider {
    margin: 3px 0;
    background-color: #e5e5e5 !important;
}

.section-navbar .navbar-nav>li>.dropdown-menu>li>a:focus, 
.section-navbar .navbar-nav>li>.dropdown-menu>li>a:hover {
    color: #262626 !important;
    text-decoration: none !important;
    background-color: #f5f5f5 !important;
}

.section-navbar	.navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

.section-navbar .navbar-nav>.open>a,
.section-navbar .navbar-nav>.open>a:focus,
.section-navbar .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent;
}

.section-navbar .navbar-right {
    float: right!important;
    margin-right: -15px;
    width: auto;
}

.section-navbar .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
}

.section-navbar	li a.profile {
    padding-top: 11px;
    padding-bottom: 9px;
}

.section-navbar	.profile img,
.section-navbar	.profile .initials {
    border-radius: 50%;
}

.section-navbar	.profile .initials {
    display: inline-block;
    color: #fff;
    background: #0f51b9;
    padding: 11px 13px;
}

.section-navbar .eo-points{
    color: #fff;
    padding-right: 8rem;
}

.section-navbar .eo-nav{
    align-items: center;
    justify-content: space-between;
}

.section-navbar .nav-eo-right .dropdown-menu{
    left: auto;
    right: 0;
}

.section-navbar .eo-nav .dropdown-menu a{
    color: black!important;
}

/* index formatting ======================================================================= */

.section-index-header {
    background-image: url(../bg/bg-woman-on-beach01.jpg);  
}

.section-index-header.module1 {
    background-image: url(../bg/bg-hero-module-1.jpg);  
}

.section-index-header.module2 {
    background-image: url(../bg/bg-hero-module-2.jpg);  
}

.section-index-header.module3 {
    background-image: url(../bg/bg-hero-module-3.jpg);  
}

.section-index-header-smart-start {
    background-image: url(../bg/bg-woman-with-laptop-and-shaklee-boxes01.jpg);  
}

.section-index-header, .section-index-header-smart-start{
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    color: #fff;
}

.section-index-header .container, 
.section-index-header-smart-start .container {
    padding-top: 130px;
    padding-bottom: 130px;
}

.section-index-header h1, 
.section-index-header-smart-start h1 {
    font-weight: 700;
}

.explore-breadcrumb {
    border-radius: 0px;
    box-shadow: none;
    border: none;
}

.explore-breadcrumb.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
}

.explore-breadcrumb .panel-heading {
    padding: 0;
    border: none;
    position: relative;
}

.explore-breadcrumb .btn {
    color: #1b1b1b;
    padding: 20px 25px;
}

.explore-breadcrumb .btn-link1 {
    box-shadow: none;
    border-right: 1px solid #1b1b1b;
    border-radius: 0;
    padding-left: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

.explore-breadcrumb .btn-link2 {
    box-shadow: none;
    border-left: 1px solid #1b1b1b;
    border-radius: 0;
    padding-right: 10px;
    position: absolute;
    top: 0;
    right: 0;
}

.explore-breadcrumb .btn-text {
    box-shadow: none;
    cursor: auto;
}

.explore-breadcrumb .nav-smart-start .nav-justified li a {
    font-size: 18px;
    line-height: 1.333333;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #f5f5f5;
    color: #1b1b1b;
}

.explore-breadcrumb .nav-smart-start .nav-justified li a:hover,
.explore-breadcrumb .nav-smart-start .nav-justified li a:focus,
.explore-breadcrumb .nav-smart-start .nav-justified li.active a,
.explore-breadcrumb .nav-smart-start .nav-justified li.active a:hover {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-bottom: 2px solid #0f51b9;
}

.section-stimulus-plan {
    font-family: "Montserrat", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    margin-top: 30px;
    font-size: 24px;
    line-height: 26px;
}

.section-stimulus-plan .blue-box {
    border: 6px solid #0f51b9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.section-stimulus-plan .replay-link,
.section-stimulus-plan .replay-link:hover,
.section-stimulus-plan .replay-link:focus{
    color:#0f51b9;
    text-decoration: none;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.section-stimulus-plan .details-link,
.section-stimulus-plan .details-link:hover,
.section-stimulus-plan .details-link:focus{
    color:#0f51b9;
    text-decoration: none;
    font-size: 18px;
}

.section-explore-modules .container {
    padding-left: 30px;
    padding-bottom: 100px;
}

.section-explore-modules .explore-timeline {
    border-left: 2px solid #1b1b1b;
}

.section-explore-modules .product-categories {
    position: relative;
    z-index: 2;
    margin-bottom: 50px;
}

.section-explore-modules .module {
    padding-left: 50px;
    position: relative;
    margin-bottom: 50px;
}

.section-explore-modules .module h3 {
    line-height: 1.5;
}

.section-explore-modules .module .ppt{
    color:#0f51b9;
}

.section-explore-modules .module .v-mins{
    margin-bottom:0;
}

.section-explore-modules .module.ready-to-explore h3 {
    padding-left: 30px;
}

.section-explore-modules .module.module-3 {
    margin-bottom: 0px;
}

.section-explore-modules .module.when-finish p {
    font-size: 20px;
    padding-top: 50px;
    padding-left: 50px;
}

.section-explore-modules .module.shaklee-opportunity {
    margin-bottom: 10px;
}

.section-explore-modules .module.how-create-sales {
    margin-bottom: 10px;
}

.section-explore-modules .module .arrow1 {
    position: absolute;
    left: -2px;
    top: 24px;
    background: #fff;
    z-index: 2;
    padding-bottom: 140px;
}

.section-explore-modules .module .arrow2 {
    position: absolute;
    left: -2px;
    top: -220px;
    background: #fff;
    z-index: 2;
    padding-bottom: 280px;
}

.section-explore-modules .btn-link,
.section-explore-modules .text-link1{
    color: #0f51b9;
}

.section-explore-modules .module .arrow3 {
    position: absolute;
    left: -2px;
    top: 25px;
    z-index: 2;
    padding-bottom: 280px;
}

.section-explore-modules .module .box1 {
    position: absolute;
    left: -39px;
    top: 0px;
    background: #0f51b9;
    color: #fff;
    padding: 10px 30px;
    z-index: 2;
    font-size: 40px;
}

.section-explore-modules .module .circle1 {
    position: absolute;
    left: -13px;
    top: 40px;
    background: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #0f51b9;
    z-index: 2;
}

.section-explore-modules .module .circle1.done {
    background: #0f51b9;
    border: 2px solid #0f51b9;
}

.section-explore-modules .module .circle2 {
    position: absolute;
    left: -13px;
    top: 70px;
    background: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #0f51b9;
    z-index: 2;
}

.section-explore-modules .module .circle2.done {
    background: #0f51b9;
    border: 2px solid #0f51b9;
}

.section-explore-modules .module .coconut {
    position: absolute;
    right: -71px;
    bottom: -50px;
    width: 27%;
}

.section-explore-modules .module .finish {
    position: absolute;
    left: -71px;
    top: 6px;
    z-index: 2;
    background-color: white;
}

.section-explore-modules .module .line1 {
    position: absolute;
    left: -2px;
    top: -3px;
    background: #fff;
    width: 50px;
    height: 24px;
    border-bottom: 2px solid #1b1b1b;
    z-index: 2;
}

.section-explore-modules .module .rocket {
    position: absolute;
    left: -42px;
    top: 79px;
    z-index: 2;
}

.section-explore-modules a .text-link1 {
    color: #0f51b9;
    font-size: 18px;
}

.section-explore-modules a.text-link2 {
    color: #232323;
    text-decoration: none !important;
}

.section-explore-modules a.fb-link,
.section-explore-tour-content .module a.fb-link {
    text-decoration: none !important;
    border: 2px solid #0f51b9;
    display: inline-flex;
    align-items: center;
    padding: 5px 15px;
    font-size: 14px;
    color: #0f51b9;
    font-weight: 700;
}

.section-explore-modules a.fb-link:hover,
.section-explore-modules a.fb-link:focus,
.section-explore-tour-content .module a.fb-link:hover,
.section-explore-tour-content .module a.fb-link:focus {
    color: #fff;
    background-color: #0f51b9;
}

.section-explore-modules a.fb-link:hover svg path,
.section-explore-modules a.fb-link:focus svg path,
.section-explore-tour-content .module a.fb-link:hover svg path,
.section-explore-tour-content .module a.fb-link:focus svg path {
    fill: #fff;
}

.section-explore-modules .btn1 {
    background: #0f51b9;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding: 10px 50px;
}

.section-explore-modules .btn1:hover {
    background: #0b3270;
}

.section-explore-modules .btn2 {
    background: #fff;
    border: 3px solid #0f51b9;
    border-radius: 0;
    color: #0f51b9;
    font-weight: 700;
    font-size: 18px;
    padding: 15px 20px;
}

.section-explore-modules .btn2:hover {
    background: #0f51b9;
    color: #fff;
}

.section-explore-modules .btn3 {
    background: #0f51b9;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    padding: 17px 30px;
}

.section-explore-modules .btn3:hover {
    background: #0b3270;
}

.section-explore-modules .facebook {
    margin-left: -3rem;
}

.section-explore-modules .facebook ul,
.section-explore-tour-content .module .facebook ul {
    padding-left: 0;
    list-style: none;
}

.section-explore-modules .facebook li,
.section-explore-tour-content .module .facebook li {
    display: flex;
    font-size: 15px;
    line-height: 1.9;
}

.section-explore-modules .facebook li i, 
.section-explore-tour-content .module .facebook li i {
    font-size: 7px;
    color: #0f51b9;
    margin-right: 1rem;
    position: relative;
    top: 9px;
}

.section-explore-modules .facebook .media-left, 
.section-explore-tour-content .module .facebook .media-left {
    padding-right: 20px;
}

.section-explore-modules .facebook .media-heading, 
.section-explore-tour-content .module .facebook .media-heading {
    margin: 1.5rem 0;
    font-size: 22px;
}

.section-explore-modules .facebook .media-body strong,
.section-explore-tour-content .module .facebook .media-body strong {
    margin-bottom: 1rem;
    display: block;
}

.footer-hub01-eo, .footer-hub01-mobile-eo{
    border-top: 0px;
    padding: 70px 15px;
    background: #0f0f0f;
    font-size: 14px;
}

.footer-hub01-eo .user-name img{
    width: 70px;
    height: 70px;
    margin-top: 26px;
    margin-right: 10px;
    border-radius: 100%;
}

.footer-hub01-mobile-eo .user-name img{
    width: 70px;
    height: 70px;
    border-radius: 100%;
}


.footer-hub01-eo .user-name span, .footer-hub01-eo .user-name div{
    display: inline-block;
}

.footer-hub01-eo .user-name div{
    position: relative;
    top: -15px;
}

.footer-hub01-eo .navmenu ul,
.footer-hub01-mobile-eo .navmenu ul{
    list-style: none;
}

.footer-hub01-mobile-eo .navmenu ul{
    padding-left: 0;
}

.footer-hub01-eo .navmenu li, .footer-hub01-mobile-eo .navmenu li{
    padding: 10px 50px 10px 10px;
}

.footer-hub01-eo .navmenu li a, .footer-hub01-mobile-eo .navmenu li a{
    color: #000;
}

.footer-hub01-eo .footer-left-name{
    font-size: 16px;
}

.footer-hub01-eo .social-media-eo a,
.footer-hub01-mobile-eo .social-media-eo a {
    font-size: 11px;
    color: transparent;
}


.footer-hub01-mobile-eo .footer-left-name{
    font-size: 20px;
}

.footer-hub01-mobile-eo .user-name div{
    margin: 20px 0 30px;
}

.footer-hub01-eo .social-media-eo span,
.footer-hub01-mobile-eo .social-media-eo span{
    color:#d0d0d0;
}

.footer-hub01-eo .social-media-eo a:hover span,
.footer-hub01-mobile-eo .social-media-eo a:hover span{
    color:#359a88;
}

.footer-hub02-eo{
    background: #252525;
    padding-bottom: 20px;
}

.footer-hub02-eo
.member-name {
    font-size: 13px!important;
    color: #f9f8f6;
}

.footer-hub02-eo .copyright {
    color: #f9f8f6;
    font-size: 13px;
}

.footer-hub02-eo .copyright a {
    color: #359a88;
    font-size: 13px;
}

.footer-hub02-eo  .allRights {
    float: left;
}

.footer-hub02-eo  .poweredby {
    float: right;
}

.footer-hub02-eo .privacy {
    width: 50%;
    margin: 0 auto;
    position: relative;
    top: 20px;
}


/* smart start formatting ======================================================================= */

.section-smart-start .container,
.section-profile .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-smart-start .heading {
    margin-bottom: 30px;
}

.section-smart-start.join .heading .media .media-left,
.section-smart-start.connect .heading .media .media-left,
.section-smart-start.branding .heading .media .media-left,
.section-smart-start.mindset .heading .media .media-left,
.section-smart-start.guide .heading .media .media-left,
.section-smart-start.prospect .heading .media .media-left,
.section-smart-start.sponsor .heading .media .media-left {
    padding-right: 30px;
}

.section-smart-start h3{
    font-size: 18px;
}

.section-smart-start .panel-default,
.section-profile .panel-default {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
}

.section-smart-start .panel-default .panel-heading {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.section-smart-start .panel-default hr {
    border-top: 1px solid #ddd;
}

.section-smart-start .panel-default h4 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 16px;
}

.section-smart-start .panel-default p {
    line-height: 25px;
    margin-bottom: 20px;
}

.section-smart-start .panel-default ul {
    margin: 0 0 20px -20px;
}

.section-smart-start .panel-default ul li {
    line-height: 30px;
}

.section-smart-start .panel-default .date-completed label {
	font-size: 30px;
    line-height: 26px;
}

.section-smart-start .panel-default .date-completed label span {
	position: relative;
    top: 5px;
}

.section-smart-start .panel-default .date-completed label small {
	font-weight: normal;
    font-size: 50%;
    display: inline-block;
    margin: 0px 10px;
}

.section-smart-start .panel-default .date-completed .form-control,
.section-smart-start .form-horizontal .form-control {
	border-radius: 0;
}

.section-smart-start .panel-default .date-completed .form-control-feedback {
    top: 9px;
}

.section-smart-start .panel-default .checkbox-wrap {
	position: relative;
}

.section-smart-start .panel-default .checkbox-wrap input[type=checkbox] {
	display:none;
}

.section-smart-start .panel-default .checkbox-wrap label {
	background: #323232;
	border:2px solid #FFFFFF;
}

.section-smart-start .panel-default .checkbox-wrap input[type=checkbox]:checked+label:after {
	opacity:1;
}

.section-smart-start .panel-default .checkbox-wrap label {
	cursor:pointer;
	position:absolute;
	min-width:20px;
	width: 25px;
	height: 25px;
	top:0;
	left:0;
	background: #fff;
	border: 3px solid #000;
	border-radius:3px;
	margin-right:5px;
}

.section-smart-start .panel-default .checkbox-wrap label:after {
	opacity:0;
	content:'';
	position:absolute;
	width: 16px;
	height: 8px;
	background:0 0;
	top:4px;
	left:2px;
	border: 3px solid #000;
	border-top:none;
	border-right:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.section-smart-start .panel-default .checkbox-wrap input[type=checkbox]:checked+label:after {
	opacity:1;
}

.section-smart-start .panel-default .checkbox-wrap input[type=checkbox]:checked+label {
	background: #fff;
	border: 3px solid #000;
}

.section-smart-start .panel-default .checkbox-label {
    padding-top: 3px;
	padding-left: 40px;
}

.section-smart-start.mindset {
    background: url(../bg/bg-family-on-beach01.png) bottom center no-repeat;
    padding-bottom: 170px;
    background-size: contain;
}

.section-smart-start.mindset .panel-default {
   border-bottom: none;
}

.section-smart-start.mindset .panel {
    background-color: transparent;
}

.section-smart-start.branding .panel-default ul {
    margin-left: 2em;
}

.section-smart-start.branding .fa-check {
    color: #0f51b9;
}

.section-smart-start.branding em, 
.section-smart-start.guide em, 
.section-smart-start.sponsor em {
    color: #337ab7;
    font-style: initial;
}

.section-smart-start .btn1,
.section-profile .btn1 {
    background: #0f51b9;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 10px 30px;
    border: none;
}

.section-smart-start .btn1:hover,
.section-smart-start .btn1:active,
.section-profile .btn1:hover,
.section-profile .btn1:active  {
    background: #0b3270;
    color: #fff;
}

.section-smart-start .btn-grey,
.section-profile .btn-grey {
    background: #ccc;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    padding: 10px 30px;
    border: none;
}

.section-smart-start .btn-grey:hover,
.section-smart-start .btn-grey:active,
.section-profile .btn-grey:hover,
.section-profile .btn-grey:active  {
    background: #ccc;
    color: #fff;
}

.section-smart-start .btn2 {
    background: #fff;
    border-radius: 0;
    color: #0f51b9;
    font-weight: 700;
    font-size: 15px;
    padding: 10px 30px;
    border: 3px solid #0f51b9;
}

.section-smart-start .btn2:hover {
    background: #0f51b9;
    color: #fff;
}

.section-smart-start .relative-inline {
    position: relative;
    display: inline-block;
}

.section-smart-start .flex-center-lg {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.section-smart-start .mr-lg {
    margin-right: 10px;
}

.section-smart-start.overview .table>tbody>tr>td{
    vertical-align: middle;
    padding: 20px 8px;
}

.section-smart-start.overview a, 
td {
    color: rgb(16, 81, 185)
}

.section-smart-start.connect .btnlivetraining{
    display: flex;
    justify-content: space-around;
    max-width: 809px;
}

.section-smart-start.connect .wpx-150{
    margin: 1rem .25rem!important;
    width: 150px!important;
}

.section-smart-start.join .quick-recap{
    margin: -4.5rem 0 2.5rem;
}

/* footer formatting ======================================================================= */

.section-smart-start.footer-smart-start {
    border-top: 3px solid #8a8683;
    background: #323232;
    padding: 0px 15px;
    color: #abaaa8;
}

.section-smart-start.footer-smart-start .follow-us .fa-2x {
    font-size: 1.7em;
}

.section-smart-start.footer-smart-start .fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.section-smart-start.footer-smart-start  .follow-us .fa-2x .fa-stack-2x {
    color: #5a5653;
}

.section-smart-start.footer-smart-start .follow-us .fa-2x .fa-stack-1x {
    font-size: 0.8em;
    color: #abaaa8;
}

.section-smart-start-footer-hub02 {
    background: #060606;
    padding: 25px 15px;
}

.section-smart-start-footer-hub02
.member-name {
    font-family: 'MuseoSans_300', "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size: 13px!important;
    color: #f9f8f6;
}

.section-smart-start-footer-hub02 .copyright {
    color: #f9f8f6;
    font-size: 13px;
}

.section-smart-start-footer-hub02 .copyright a {
    color: rgb(27, 188, 155);
    font-size: 13px;
}

.section-smart-start.footer-smart-start ul {
    list-style: none;
}

.section-smart-start.footer-smart-start ul li a,
.section-smart-start.footer-smart-start ul li {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #abaaa8;
}

.section-smart-start.footer-smart-start .vitality {
    font-family: 'MuseoSans_300', "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 20px 15px 10px;
    border-top: 3px solid #1bbc9b;
    background: #232323;
    color: #FFF;
}

.section-smart-start.footer-smart-start .vitality h3 {
    font-size: 26px;
    margin: 0px 0px 25px;
    font-weight: 400;
}

.section-smart-start.footer-smart-start .vitality .btn {
    font-family: 'MuseoSans_700', "Helvetica Neue", Helvetica, Arial, sans-serif;
    -moz-box-shadow: 0px 4px 0px #0b6e5a;
    -webkit-box-shadow: 0px 4px 0px #0b6e5a;
    box-shadow: 0px 4px 0px #0b6e5a;
    padding: 10px 0px;
    font-size: 24px;
    text-align: center;
    margin: 25px auto 0px;
    max-width: 50%;
    color: #fff;
    border: none;
    border-radius: inherit;
}

.section-smart-start.footer-smart-start .follow-us {
    padding-top: 25px;
    border-top: 3px solid #1bbc9b;
}

.section-smart-start.footer-smart-start ul {
    padding-top: 20px;
    border-top: 3px solid #1bbc9b;
    width: 100%;
    padding-left: 12px
}

.section-smart-start.footer-smart-start .btn-success {
    background: #1bbc9b;
}

.section-smart-start-footer-hub02 .allRights {
    float: left;
}

.section-smart-start-footer-hub02 .poweredby {
    float: right;
}

.section-smart-start-footer-hub02 .privacy {
    width: 50%;
    margin: 0 auto;
    position: relative;
    top: 20px;
}

.section-smart-start.footer-smart-start .follow-us a:hover .fa-2x .fa-stack-2x {
    color: #16A085;
}

.section-smart-start.footer-smart-start .btn-success:hover,
.section-smart-start.footer-smart-start .btn-success:active {
    background: #16A085;
}

/* modal formatting ======================================================================= */

.modal-dialog .close {
    color: #323232;
    font-size: 36px;
    line-height: 24px;
    opacity: 1;
}

.modal-dialog .close {
    color: #323232;
    font-size: 36px;
    line-height: 24px;
    opacity: 1;
}

.modal-dialog .carousel-indicators {
    position: absolute;
    bottom: -10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.modal-dialog .carousel-indicators li {
    width: 20px;
    height: 20px;
    margin: 1px;
    background-color: #fff;
    border: 3px solid rgb(69 69 69);
}

.modal-dialog .carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 1;
    background-color: rgba(15,81,185,1.00);
}

.youtube-modal .youtube-player {
    position: relative;
    padding-bottom: 56.25%;
}

.youtube-modal .youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* My profile formatting ======================================================================= */

.section-profile .flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-profile .form-details {
    padding: 35px 0;
}

.section-profile .form-details label {
    font-weight: 400;
}

.section-profile .profile-photo {
    max-width: 250px;
    margin: 0 auto;
}

input:disabled{
    background-color: #f5f5f5;
}

#btn_login_save,
#btn_login_save:hover,
#btn_login_save:focus,
#btn_save_contact,
#btn_save_contact:hover,
#btn_save_contact:focus{
    background-color: #0f51b9;
    color:#fff;
}

.flex {
    display: flex;
}

.section-profile .form-details input {
    border: 1px solid #8c8c8c;
    width: 100%;
    height: 30px;
    padding: 0 10px;
}

.section-profile .info {
    width: 30%;
    margin-left: 40px;
}

.section-profile .photo-details {
    padding-left: 85px;
}

.section-profile .profile-btn a {
    padding: 8px 10px;
    color: #fff;
    width: 130px;
}

.section-profile .profile-btn {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin: 10px 0;
}

.section-profile .profile-btn a:nth-of-type(1) {
    background-color: gray;
    margin-right: 20px;
}

.section-profile .profile-btn a:nth-of-type(2) {
    background-color: #0f51b9;
}

.section-profile h3 {
    font-weight: 600;
}

.section-profile small {
    margin: 10px 0
}

.align-items-center {
    align-items: center;
}

.icon-Edit:before {
    content: "\e63d";
}

.section-profile .contact_details_edit, 
.section-profile #edit_login_details {
    font-size: 18px;
    color: #4c4c4c;
}

/* end ======================================================================= */

.section-smart-start .progress {
    border-radius: 50px;
}

.section-smart-start .mb-35 {
    margin-bottom: 35px !important;
}

.section-smart-start .ml-1 {
    margin-left: 20px 
}

.section-smart-start .w-25-lg{
    width: 25px;
}

.section-smart-start .w-23{
    width: 23px;
}

.section-smart-start .text-black, .fa-play{
    color: #000;
}

.section-smart-start.join .speed{
    border-bottom: 5px solid #5e9733;
    width: 75px;
    font-size: 1.8rem;
}

.section-smart-start.join .speed-center{
    position:relative;
}

.section-smart-start.overview tr{
    height: 74px;
}

.section-smart-start.join .speed-img{
    height: 95px;
    margin: 0 4rem;
}

.section-smart-start.join .speed-product{
    margin: 4rem auto 5rem;
}

.section-smart-start.join .btnjoin{
    font-size: 16px;
    padding: 10px 50px;
}

.section-smart-start.start .btnactivated{
    background: gray;
    color: white;
    padding: 1rem 2rem;
    font-size: 14px;
    font-weight: 700;

}

.need-help{
    margin-bottom: 40px;
}

.whichSpeed{
    margin-bottom:4rem;
    display: flex;
    justify-content: center;
}

.loyaltyProgram a{
    display: block;
    color:black;
}

.loyaltyProgram p{
    margin-top: 1rem;
}

.my-4{
    margin: 4rem 0;
}

.my-2{
    margin: 2rem 0;
}

.rounded{
    border-radius: 50px!important;
}

.mb-65{
    margin-bottom: 65px;
}

.ml-3{
    margin-left:2rem;
}

.pl-4-lh-2{
    padding-left:1.5rem;
    line-height: 2;
}

.btncustom{
    font-size: 1.5rem!important;
    padding: 1.3rem!important;
    margin-top: 1rem;
    width:216px!important;
}

.text-16{
    font-size: 16px!important;
}

.text-blue{
    color:#0f51b9!important;
}

.ml-0-pl-4{
    margin-left: 0!important;
    padding-left: 1.5rem;
}

.mt-0{
    margin-top:0;
}

.ml-75{
    margin-left: 75px;
}

.mt-3{
    margin-top: 1.5rem;
}

.pl-50{
    padding-left: 50px!important;
}


.blueprint-bullet{
    margin-left: 10px!important;
    margin-top:-20px!important;
}


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

    .explore-breadcrumb .nav-smart-start .container {
        width: 950px;
    }

}

@media (max-width:1280px){

    .section-navbar .hide-lg {
        display: none;
    }

    .section-navbar .show-lg{
        display: inline-block!important;
    }

}


@media (min-width:1281px){
    .hidden-nav-lg{
        display: none;
    }
}

@media (min-width: 1200px) {

    /* index formatting ======================================================================= */

    .section-explore-modules .container {
        padding-left: 107px;
        padding-bottom: 100px;
    }
    
    .section-explore-modules .module {
        padding-left: 100px;
    }

    .section-explore-modules .text-lg-right {
        text-align: right;
    }

}

@media (max-width: 1199px) {
    .section-stimulus-plan .img-stimulus{
        width: 30%;
    }
}

@media (max-width: 1024px) {
    .footer-hub01-eo .navmenu li {
        padding: 10px 26px 10px 10px;
    }

}

@media (max-width: 991px) and (min-width: 768px) {

    .section-smart-start .ml-5 {
        margin-left: 5px;
    }
    /* footer formatting ======================================================================= */

}

@media (max-width: 991px) {

    /* navbar formatting ======================================================================= */



     /* footer formatting ======================================================================= */

    .section-smart-start-footer-hub02 .poweredby,
    .footer-hub02-eo .poweredby {
        text-align: left !important;
        width: 31%;
    }

    .section-smart-start-footer-hub02 .flex-col-sm,
    .footer-hub02-eo .flex-col-sm {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section-smart-start-footer-hub02 .privacy,
    .footer-hub02-eo .privacy {
        top: 0;
        width: 100%;
    }

    .section-smart-start-footer-hub02 .allRights, 
    .section-smart-start-footer-hub02 .poweredby,
    .footer-hub02-eo .allRights, 
    .footer-hub02-eo .poweredby {
        float: none;
    }

    .section-smart-start-footer-hub02 .poweredby,
    .footer-hub02-eo .poweredby {
        width: 100%;
    }

    .footer-hub02-eo{
        padding-top:20px;
    }

    .footer-hub01-eo .navmenu ul{
        padding-left: 10px;
    }

    .footer-hub01-eo .user-name div {
        top: 10px;
    }

    .footer-hub01-eo .user-name img{
        margin-top: 0; 
        margin-right: 0;
    }

    .footer-hub01-eo .user-name{
        text-align: center;
    }

    /* Modules formatting ======================================================================= */

    .section-stimulus-plan .img-stimulus {
        width: 27%;
    }

    /* Navbar formatting ======================================================================= */

    .section-navbar .eo-points{
        padding-right: 0;
    }

    .section-smart-start.join .speed-img{
        height: 95px;
        margin: 0 1rem;
    }
}
@media (min-width: 768px){
    .section-smart-start.join .speed-center:before,
    .section-smart-start.join .speed-center:after{
        content:"";
        width: 1px;
        height: 100%;
        background-color: #0f51b9;
        position: absolute;
        top: 3rem;
    }

    .section-smart-start.join .speed-center:before{
        left:-1rem;
    }

    .section-smart-start.join .speed-center:after{
        right: 1rem;
    }
}
@media screen and (max-width: 768px){
    body {
        font-size: 14px;
    }
    .section-index-header-smart-start{
        background-position: 34%;
    }
}
@media (max-width: 767px) {

   
	/* navbar formatting ======================================================================= */

    .section-navbar	.profile img {
        width: 34px;
        height: 34px;
    }
    
    .section-navbar .mt-6{
        margin-top: -6px;
    }    

	/* index formatting ======================================================================= */
    
    .section-index-header .container {
        padding-top: 60px;
        padding-bottom: 50px;
    }
    
    .section-index-header h1 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .explore-breadcrumb .btn-lg {
        font-size: 14px;
    }
    
    .explore-breadcrumb .btn {
        padding: 10px 15px;
    }
    
    .section-stimulus-plan {
        font-size: 16px;
    }

    .section-stimulus-plan .blue-box {
        max-width: 300px;
        display: block;
    }

    .section-explore-modules .container {
        padding-left: 15px;
    }
    
    .section-explore-modules .profile-and-fb .facebook .media-heading,
    .section-explore-tour-content .module .facebook .media-heading {
        font-size: 16px;
        margin-top: 1rem;
    }

    .section-explore-modules .profile-and-fb .facebook .media-object,
    .section-explore-tour-content .module .facebook .media-object {
        width: 34px;
    }

    .section-explore-modules .module {
        padding-left: 20px;
        position: relative;
        margin-bottom: 20px;
    }

    .section-explore-modules .module img.center-block {
        margin: 0;
    }

    .section-explore-modules .module h3 {
        font-size: 16px;
    }
    
    .section-explore-modules .module h4 {
        font-size: 14px;
    }
    
    .section-explore-modules .module.ready-to-explore h3 {
        font-size: 14px;
        padding-left: 0;
    }
    
    .section-explore-modules .module.module-3 {
        margin-bottom: 20px;
    }
    
    .section-explore-modules .module.module-1 .visible-xs .btn,
    .section-explore-modules .module.module-2 .visible-xs .btn,
    .section-explore-modules .module.module-3 .visible-xs .btn {
        position: absolute;
        z-index: 2;
        top: 30px;
        left: 190px;
    }
    
    .section-explore-modules .module.getting-started .col-sm-8 h4,
    .section-explore-modules .module.getting-started .col-sm-8 p {
        padding-left: 55px;
    }
    
    .section-explore-modules .module.getting-started .visible-xs .btn {
        position: absolute;
        z-index: 2;
        top: 20px;
        left: 190px;
    }
    
    .section-explore-modules .module.when-finish p {
        font-size: 14px;
        padding-left: 55px;
        padding-top: 10px;
    }
    
    .section-explore-modules .module.funwork-videos h4 {
        font-size: 12px;
    }
    
    .section-explore-modules .module.funwork-videos,
    .section-explore-modules .module.arrow-btn-container {
        padding-left: 60px;
    }
    
    .section-explore-modules .module .arrow2 {
        top: -170px;
    }

    .section-explore-modules .module .box1 {
        left: -15px;
        padding: 2px 10px;
        font-size: 18px;
    }
    
    .section-explore-modules .module .circle1 {
        top: 30px;
        width: 18px;
        height: 18px;
        left: -10px;
    }
    
    .section-explore-modules .module .circle2 {
        top: 60px;
        width: 18px;
        height: 18px;
        left: -9px;
    }
    
    .section-explore-modules .module .finish {
        left: -5px;
        width: 59px;
        background: #fff;
        padding-bottom: 50px;
    }
    
    .section-explore-modules .module .rocket {
        left: -15px;
        top: 30px;
        width: 30px;
    }
    
    .section-explore-modules a.text-link1 {
        font-size: 14px;
    }
    
    .section-explore-modules .btn1 {
        font-size: 14px;
        padding: 10px 30px;
    }

    .section-explore-modules .btn2 {
        font-size: 14px;
        padding: 10px 20px;
    }

    .section-explore-modules .btn3 {
        font-size: 14px;
        padding: 12px 20px;
    }

    .section-stimulus-plan .details-link{
        margin-bottom: 3rem;
        display: block;
        margin-top: 1rem;
    }

    .section-stimulus-plan .replay-link{
        margin-top: 3rem;
    }

    .section-explore-modules .facebook {
        margin-left: 0;
        margin-bottom: 2rem;
    }

    .section-explore-modules .facebook .media-left,
    .section-explore-tour-content .module .facebook .media-left {
        padding-right: 10px;
    }

    .section-explore-modules a.fb-link,
    .section-explore-tour-content .module a.fb-link {
        margin-top: .5rem;
    }

    .section-stimulus-plan .img-stimulus {
        width: auto;
    }

    .section-explore-modules .module .v-mins {
        margin-bottom:30px;
    }

    /* footer formatting ======================================================================= */

    .section-smart-start.footer-smart-start ul {
        display: flex;
    }

    .section-smart-start.footer-smart-start ul > div {
        flex: 1
    }

    .section-smart-start.footer-smart-start .container,
    .section-smart-start.footer-smart-start .plr-sm {
        padding: 0;
    }

    .section-smart-start.footer-smart-start .pblr-sm {
        padding-bottom: 15px;
        padding-left: 12px;
        padding-right: 12px;
    }

    .section-smart-start.footer-smart-start .vitality {
        padding: 30px 15px;
    }

    .section-smart-start.footer-smart-start ul {
        border-top: none;
        padding-bottom: 20px;
    }

    .section-smart-start .container  { 
        padding-top: 0px;
    }

    .footer-hub01-mobile-eo {
        padding: 25px 15px;
    }

    .footer-hub01-mobile-eo .social-media-eo{
        border-bottom: 1px solid #359a88;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    /* modal formatting ======================================================================= */

    .modal-dialog .carousel-indicators li {
        width: 15px;
        height: 15px;
    }

    .modal-dialog .carousel-indicators .active {
        width: 15px;
        height: 15px;
    }

    /* Content formatting ======================================================================= */

    .section-smart-start .mb25-sm {
        margin-bottom: 25px;
    }

    .section-smart-start .text-center-sm {
        text-align: center;
    }

    .section-smart-start .progress {
        width: 80%;
        margin: 0 auto 10px;
    }

    .section-smart-start .flex-column-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .section-smart-start .btn-sm {
        width: 100%;
    }

    .section-smart-start .mb-sm {
        margin-bottom: 15px;
    }

    .section-smart-start .mb-sm-0 {
        margin-bottom: 0;
    }

    .section-smart-start .flex-center-lg {
        align-items: center;
    }

    .section-smart-start h4 {
        font-size: 16px;
    }

    .section-smart-start .mindset {
        padding-bottom: 0;
    }

    .section-smart-start .mt20-sm {
        margin-top: 20px;
    }

    .section-smart-start .ml-0-sm {
        margin-left: 0;
    }

    .section-smart-start .w-20-sm{
        width: 20px;
    }

    .section-smart-start.overview a, td{
        font-size: 14px;
    }

    .section-smart-start .panel-default{
        border-bottom: none;
    }

    .section-smart-start .heading .media .media-left{
        padding-right: 15px !important;
        vertical-align: top;
        position: relative;
        top: 15px;
    }

    .section-smart-start .heading .media .media-object{
        max-width: 40px;
    }

    .section-smart-start .panel-default h4,
    .section-smart-start .heading .media h4{
        line-height: 20px;
    }

    .section-smart-start .panel-default p,
    .section-smart-start .panel-default ul li,
    .section-smart-start .heading .media p {
        line-height: 22px;
    }

    /* Modules formatting ======================================================================= */

    .section-explore-modules .explore-timeline .p-30-sm{
        padding-left: 30px;
    }

    .section-explore-modules .module .arrow2{
        padding-bottom: 248px;
    }

    .section-smart-start.join .healthprint{
        width:50px;
    }

    .section-smart-start.connect .btnlivetraining{
        text-align: center;
    }

    .section-smart-start.connect .btnyfp{
        margin-left:0;
    }

    .mt-md-3{
        margin-top: 2rem;
    }

    .ml-md-0{
        margin-left: 0!important;
    }

    .flex-md-col{
        flex-direction: column;
    }


    
    
}

@media screen and (max-width: 600px){
    
     .section-smart-start.overview table tbody tr td:nth-of-type(3) {
        width: 100px !important;
     }
   
     .section-smart-start.overview table tbody tr td:nth-of-type(4) {
        width: 100px !important;
     }

     .section-smart-start.overview table tbody tr td:nth-of-type(2) {
       padding-left: 20px !important;
       width: 150px !important;
     }
}

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

    .section-smart-start .flex-col-sm,
    .section-profile .flex-col-sm {
        flex-direction: column;
        align-items: center;
    }

    .section-smart-start .text-center-xs {
       text-align: center;
    }

    .section-smart-start .p-bottom-xs {
        padding-bottom: 10px
     }

     .section-profile .photo-details {
        padding-left: 0;
    }

    .section-profile .info {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }

    .section-smart-start.branding .flex-center-lg {
        justify-content: space-between;
    }

    .section-smart-start.branding .w-120{
        width: 120px
    }

    .section-index-header-smart-start {
        background: url(../bg/bg-woman-with-laptop-and-shaklee-boxes01-mobile.jpg) top center no-repeat;  
        background-size: 100%;
        background-size: cover;
    }

    .section-index-header-smart-start .container{
        padding-bottom: 110px;
    }

    .section-explore-modules{
        width: 95%;
        margin: 0 auto;
    }

}

@media screen and (max-width: 451px) {  
    
    .section-smart-start .date-completed label small {
        margin: 0px 5px!important;
    }

    .section-smart-start .panel-default .date-completed label {
        font-size: 25px;
    }

    .section-smart-start .date-completed .w-55-xs {
        width: 55%;
    }

    .section-smart-start.join h3 {
        font-size: 16px
    }

    .section-smart-start.join h4 {
        font-size: 14px
    }

    .section-smart-start .container{
        padding-left: 0;
        padding-right: 0;
    }

    .section-smart-start .heading, .p-15-xs{
        padding: 0 15px;
    }

    .section-smart-start hr{
        width: 90%
    }

    .section-smart-start.mindset{
        padding-bottom: 23px;
    }

    .section-smart-start.branding .lh-20-xs{
        line-height: 20px;
    }

}

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

    .section-smart-start.overview table tbody tr td:nth-of-type(1) {
        width: 100px !important;
    }

    .section-smart-start.overview table tbody tr td:nth-of-type(2) {
        padding-left: 15px!important;
    }

    .section-smart-start.branding .text-12-xs{
        font-size: 12px;
    }

    .section-smart-start .w-img65-xs{
        width: 65%;
    }
}

@media screen and (max-width: 380px){
    #explore-module-breadcrumb  span{
        width: 199px;
        margin: 0 auto;
        white-space: inherit;
        padding-bottom: 10px;
    }

    #explore-module-breadcrumb a{
        padding-bottom: 19px !important;
        padding-top: 19px  !important;
    }

    .section-index-header-smart-start .container {
        padding-bottom: 83px;
    }
}

@media (max-width:360px){
    .section-index-header h1 {
        font-size: 19px;
    }
}

@media screen and (max-width: 350px) { 
    
    .section-smart-start .btn1 {
        font-size: 12px;
    }

    .section-smart-start.overview table tbody tr td:nth-of-type(1) {
        width: 150px !important;
     }

     .section-smart-start.overview table tbody tr td:nth-of-type(4) {
        width: 50px !important;
     }

     .section-smart-start.overview table tbody tr td:nth-of-type(2) {
        width: 100px !important;
     }

     .section-smart-start .date-completed .w-55-xs {
        width: 100%;
    }

    .section-explore-modules .module.module-1 .visible-xs .btn,
    .section-explore-modules .module.module-2 .visible-xs .btn,
    .section-explore-modules .module.module-3 .visible-xs .btn,
    .section-explore-modules .module.getting-started .visible-xs .btn  {
        left: 176px;
    }

    .section-explore-modules .module.funwork-videos h4{
        word-break: break-word;
    }

    .ml-xxs{
        margin-left: 14px;
    }

    .section-smart-start-footer-hub02 .container,
    .footer-hub02-eo .container{
        padding-left: 0;
        padding-right: 0;
    }
}