@keyframes changeColor {
  0% {
    background-color: blue;
  }
  50% {
    background-color: red;
  }
  100% {
    background-color: blue;
  }
}

@-webkit-keyframes changeColor {
  0% {
    background-color: green;
  }
  50% {
    background-color: red;
  }
  100% {
    background-color: green;
  }
}

html, body {
    background-color: #FFFFFF;
    margin: 0;
}

body.background-blue {
    background-color: #f0f2f5;
}

.share-links .stButton_gradient, .share-links .stHBubble, .share-links .stMainServices {
  box-sizing: content-box;
}

.share-links .stMainServices {
  /*background-size: 100% 100%;*/
  background-size: cover;  
}

.btn {
  /*font-weight: bold;*/
}

.hidden {
  height: 0px;
}

.container-page {
  padding-top: 9px;
  padding-bottom: 9px;  
}

/*
.collapse {
  display: block;
}
*/

.breadcrumb > li + li:before {
  content: "";
  padding: 0px;
}

.centered { 
  text-align: center;
}

img { 
  max-width: 100%;
}

img.media-object { 
  max-width: none;
}

select,
textarea,
input {
  background-color: white;
  border: 1px solid #cccccc;
  line-height: 20px;
  border-radius: 4px;
  padding: 4px 6px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

input {
  height: 20px;
}

select,
input[type="file"] {
  height: 30px;
}

textarea:focus,
input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

*:required {
  border-color: CadetBlue;
}

.red {
  color: #E63122;
}

a.non-underline:hover {
  text-decoration: none;
}

.nav {
    font-size: 12px;
}

.nav > li > a {
  padding: 8px 13px;
}

.nav-tabs > li > a {
  background-color: #e1e1e1;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: black;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a{
  background-image: linear-gradient(to bottom, #0090e5, #0080cc);
}

.vCurrencyField {
  display: inline-block;
  width: 90%;
}

ul.errorlist {
  margin-left: 0px;
  margin-bottom: 0px;  
}

ul.errorlist li.alert {
  margin-bottom: 0px;  
}

.form-horizontal .control-label.col-sm-3 {
  width: 25%;
}

.form-horizontal .control-label.col-sm-4 {
  width: 33%;
}


.table th.centered, .table td.centered { 
  text-align: center;
  vertical-align: middle;
}

.btn .no-top-margin,
.no-top-margin {
  margin-top: 0px !important;
}

.no-bottom-margin,
body.boot3 input.no-bottom-margin {
  margin-bottom: 0px !important;
}

.no-bottom-padding {
  padding-bottom: 0px;
}

.cp-container {
  height: 208px;
  width: 208px;  
}

.valign-bottom {
  vertical-align: bottom;
}

.valign-center {
  vertical-align: middle;
}

form.well { 
  background-color: #E3E3E3;
}

a.exercise-link {
  text-decoration: none;
}

.bootstrap-datetimepicker.input-group .input-group-addon {
  cursor: pointer;
}

.btn-brown {
  /*background-color: hsl(27, 10%, 40%);
  background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#95887d", endColorstr="#70645b"); 
  background-image: -khtml-gradient(linear, left top, left bottom, from(#95887d), to(#70645b)); 
  background-image: -moz-linear-gradient(top, #95887d, #70645b); 
  background-image: -ms-linear-gradient(top, #95887d, #70645b); 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95887d), color-stop(100%, #70645b)); 
  background-image: -webkit-linear-gradient(top, #95887d, #70645b); 
  background-image: -o-linear-gradient(top, #95887d, #70645b); 
  background-image: linear-gradient(#95887d, #70645b); 
  border-color: #70645b #70645b hsl(27, 10%, 36.5%); 
  color: #fff !important; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23); -webkit-font-smoothing: antialiased; */
    background-color: #996100;
    color: white;
    border-color: #934600;
}

.btn-brown:hover { 
    background-color: #934600;
    color: white;
    border-color: #934600;
}

.label.edit-label-nav { 
  line-height: 27px;
  margin-right: 5px;
  font-size: 14px;
}

.dropdown-submenu {
    position:relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -5px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/*
.web-to-lead button.btn-large { 
  float: none;
  display: inline;
}

.web-to-lead-page .page-header-flag, .web-to-lead-page .page-header-title h2 { 
  background-color: #fc5393;
}

.web-to-lead-page .page-header-title { 
  border-bottom-color: #fc5393;
}
*/


.home-red-background { 
  background: #ff2d55;
}

.light-blue-background { 
  background: #00acfd;
}

.dark-blue-background { 
  background: #007aff;
}


.social-links-top { 
  margin-bottom: 0px;
  margin-top: -5px;
  font-size: 18px;
}

/*
.social-links.social-links-top a { 
  color: gray;
}
*/

ul.inline.social-links-top > li { 
  padding: 0px;
}

.social-links a { 
  color: #272830;
}

.social-links a .icon-light { 
  color: #3c3d44;
}

.social-links a:hover .icon-light { 
  color: white;
}

.social-links-top a { 
  color: #007aff;
}

.social-links-top a:hover .icon-light { 
  color: #2c2c2c;
}

.social-links-top a:hover { 
  color: white;
}

.social-links-bottom {
  margin-bottom: 0px;
}

.social-links-bottom a:hover { 
  color: #007aff;
  text-decoration: none;
}

.social-links-bottom a .icon-light { 
  color: white;
}

.social-links-left {
  top: 4000%;
  position: absolute;
}

.social-links-left li {
  margin-top: 20px;
}

.social-links-left a {
  color: white;
}

.social-links-left a:hover {
  text-decoration: none;
}

.page-light-blue, .page-light-blue .container-page {
  background-color: #44a1ef;
  color: white;  
}

.you-will-learn, .you-will-learn .container-page {
  background-color: #1b7abc;
  color: white;
}

.you-will-learn .dl-horizontal dt {
  width: 40px;
  text-align: left;
}

.you-will-learn .dl-horizontal dd {
  margin-left: 40px;
}

h1 {
  font-size: 2.6em;
}

h2 {
  font-size: 2.3em;
}

h3 {
  font-size: 1.7em;
}

h4 {
  font-size: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

/*
#faithfullyfit h1, #faithfullyfit h2, #faithfullyfit h3, #faithfullyfit h4, #faithfullyfit h5, #faithfullyfit h6 {
    font-family: Raleway, "Helvetica Neue", "Liberation Sans", Arial, Helvetica, sans-serif;
}
*/

.panel-heading h1, .panel-heading h2, .panel-heading h3, .panel-heading h4, .panel-heading h5, .panel-heading h6 {
  margin-top: 0px;
  margin-bottom: 0px;  
}

h1.nomargin, h2.nomargin, h3.nomargin, h4.nomargin, h5.nomargin, h6.nomargin,
.btn h1.nomargin, .btn h2.nomargin, .btn h3.nomargin, .btn h4.nomargin, .btn h5.nomargin, .btn h6.nomargin {
  margin-top: 0;
  margin-bottom: 0;
}

.btn h1, .btn h2, .btn h3, .btn h4, .btn h5, .btn h6 {
  margin-top: 10px;
}

.embed-responsive-16by9 .other-pre-video img {
    width: 100%;
}

.btn-chat {
  right: 80px;
  bottom: 20px;
  position: fixed;
  z-index: 10001;
}

.btn-chat .btn-circle {
    padding: 12px;
}

/* Head section */

#head {
  color: white;
  /*background-color: #3c3d44;*/
  background-color: #007aff;
  /*padding-bottom: 10px;*/
}

#head .left-menu-phone { 
  top: 0px;
  position: fixed;
  z-index: 10001;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
  background-color: #3c3d44;
  padding: 10px 7px 5px;
}

#head .left-menu-phone .dropdown-toggle { 
  border-radius: 40px;
  padding: 5px;
}

#head .left-menu-phone .dropdown-menu { 
  background-color: #3c3d44;
  max-height: 80vh;
  overflow-y: auto;
}

#head .left-menu-phone .dropdown-menu li > a { 
  font-weight: bold;
  color: white;
}

#head .left-menu-desktop { 
  top: 50px;
  position: fixed;
  z-index: 1001;
}

#head .left-menu-desktop .left-menu-item { 
  padding: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: 5px;
  width: 20px;
  box-sizing: content-box;
}

#head .left-menu-desktop a:hover .left-menu-item { 
  padding-left: 20px;
}

#head .left-menu-desktop .forum { 
  background-color: #E63122;
}

#head .left-menu-desktop .community { 
  background-color: #FDA300;
}

#head .left-menu-desktop .community1 {
  background-color: #007aff;
}

#head .left-menu-desktop .travis { 
  background-color: #4FA700;
}

#head .left-menu-desktop .store { 
  background-color: #007021;
}

#head .left-menu-desktop .apparel {
  background-color: #ffe13c;
  border-top-right-radius: 0px;
}

#head .left-menu-desktop .save_big {
  background-color: #ff2500;
}

#head .left-menu-desktop .save_big img {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}

#head .left-menu-desktop .bee {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border-bottom-right-radius: 0px;
  width: 40px;
  margin-bottom: 0px;
  background-color: #ffe13c;
}

#head .left-menu-desktop a:hover .bee {
  padding-left: 10px;
}

@media (max-width: 979px) {
  .navbar-fixed-bottom {
    position: static;
  }
}

.navbar-inline > li {
  display: inline-block;
}

@media (min-width: 980px) {
  .navbar .nav li.dropdown > ul.dropdown-menu.navbar-inline li {
    display: inline-block;
    float: left;
  }

  .navbar .nav li.dropdown.open > ul.navbar-inline {
    display: inline-flex !important;
  } 
}

@media (max-width: 979px) {
  .navbar .nav li.dropdown > ul.dropdown-menu.navbar-inline li {
    display: block;
  }
}

@media (min-width: 1201px) {
  #head .nav > li > a.navbar-toggle {
    display: none;
  }
  
  #head .navbar .navbar-collapse.collapse {
    display: block !important;
  }

  .phone-size {
      display: none;
  }
}

@media (max-width: 1200px) {
  #head .navbar .navbar-collapse.collapse {
    display: none !important;
  }

  #head .navbar .navbar-collapse.collapse.in {
    display: block !important;
  }
}

@media (min-width: 600px) {
  .visible-on-menu {
    display: none;
  }
}

#head .navbar {
  min-height: inherit;
  margin-bottom: 0px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0090ff", endColorstr="#005dff");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0090ff), to(#005dff));
  background-image: -moz-linear-gradient(top, #0090ff, #005dff); 
  background-image: -ms-linear-gradient(top, #0090ff, #005dff);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0090ff), color-stop(100%, #005dff));
  background-image: -webkit-linear-gradient(top, #0090ff, #005dff); 
  background-image: -o-linear-gradient(top, #0090ff, #005dff); 
  background-image: linear-gradient(#0090ff, #005dff);
}

#head .navbar .navbar-toggle {
  margin: 0px;
  float: none;
  border-radius: 0px;
}

#head .navbar .navbar-nav {
  margin: 0px;
}

#head .navbar .nav > li > a { 
  color: white;
  font-weight: bold;
  font-size: 14px;
  text-shadow: none;
  padding: 5px 10px;
}

 @keyframes lr {
  from {
    transform:rotate(20deg);
  }
  50% {
    transform:rotate(-20deg);
  }
  to {
    transform:rotate(20deg);
  }
}

#head .navbar .nav > li > a.yellow { 
    color: #FDA300;
}

#head .navbar .nav > li > a.yellow i.icon-bell-alt {
    animation-name: lr;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    position: relative;
    display: inline-block;
}

#head .navbar .nav > .active > a,
#head .navbar .nav > li > a:hover,
#head .navbar .nav > li > a.yellow:hover,
#head .navbar .nav > li > a:focus,
#head .navbar .nav > li > a.yellow:focus,
#head .navbar .nav li.dropdown.open .dropdown-toggle,
#head .navbar .nav li.dropdown.active .dropdown-toggle,
#head .navbar .nav li.dropdown.open.active .dropdown-toggle {
  background-color: white;
  color: #007aff;
  box-shadow: none;
}

#head .navbar .nav li.dropdown ul.dropdown-menu {
  background-color: #007aff;
  border: inherit;
  padding: 2px;
}

#faithfullyfit #head .navbar .nav li.dropdown ul.dropdown-menu {
  background-color: #228b22;
}

#head .navbar .nav li.dropdown .dropdown-submenu > a:after {
    border-left-color: white;
}

#head .navbar .nav li.dropdown > ul.dropdown-menu.pull-right {
  right: 0px;
}

#head .navbar .nav li.dropdown > ul.dropdown-menu li {
  background-color: #007aff;
}

#faithfullyfit #head .navbar .nav li.dropdown > ul.dropdown-menu li {
  background-color: #228b22;
}

#head .navbar .nav li.dropdown > ul.dropdown-menu li a {
  color: white;
  padding: 5px 20px;
  font-weight: bold;
}

#head .navbar .nav li.dropdown > ul.dropdown-menu li a:hover,
#head .navbar .nav li.dropdown > ul.dropdown-menu li a:focus,
#head .navbar .nav li.dropdown > ul.dropdown-menu li.active a,
#head .navbar .nav li.dropdown > ul.dropdown-menu li.active a:hover {
  color: #007aff;
  background-color: white;
  background-image: none;
}

#head .navbar .nav > li > .dropdown-menu::before, 
#head .navbar .nav > li > .dropdown-menu::after { 
  border-bottom-color: #007aff;
}

#head .navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-bottom-color: #007aff;
  border-top-color: #007aff;
}

#head .navbar .nav li.dropdown > a:hover .caret,
#head .navbar .nav li.dropdown.open > a .caret {
  border-bottom-color: #007aff;
  border-top-color: #007aff;
}

#head .notifications small { 
  font-size: 80%;
}

#head .action-buttons .btn { 
  font-size: 12px;
}

#head .logo-img { 
  margin-top: -20px;
}

#head .logo-img:hover { 
  border: 1px solid #007aff;
}

#head .user-welcome { 
  font-size: 16px;
}

#head .welcome { 
  color: white;
}

.user-welcome.yellow {
    color: yellow;
    margin-right: 8%;
}

#head .top-header { 
  padding-top: 50px;
}

#head .navbar .nav.nav-buttons > li > a {
  font-size: 16px;
}

/*.btn-brown { 
  background-color: hsl(27, 10%, 33%) !important; 
  background-repeat: repeat-x; 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#83766b", endColorstr="#5c534b"); 
  background-image: -khtml-gradient(linear, left top, left bottom, from(#83766b), to(#5c534b)); 
  background-image: -moz-linear-gradient(top, #83766b, #5c534b); 
  background-image: -ms-linear-gradient(top, #83766b, #5c534b); 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #83766b), color-stop(100%, #5c534b)); 
  background-image: -webkit-linear-gradient(top, #83766b, #5c534b); 
  background-image: -o-linear-gradient(top, #83766b, #5c534b); 
  background-image: linear-gradient(#83766b, #5c534b); 
  border-color: #5c534b #5c534b hsl(27, 10%, 29.5%); 
  color: #fff !important; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23); 
  -webkit-font-smoothing: antialiased;
}*/

/*section.head .nav {
  margin-bottom: 5px;
}

section.head .navbar .nav {
    font-size: 18px;
    display: table;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 100%;
}

section.head .navbar .nav li {
    display: table-cell;
    float: none;
    width: 1%;
}

section.head .newsletter { 
  padding-right: 10px;
}

section.head .right-block { 
  position: relative;
}*/




/* Road section */

#road { 
  /*background: url('/static/css/images/road.png') no-repeat center center;
  background: url('/static/images/home_page/background-header.png') no-repeat right bottom;
  background-color: #0693d4;
  background-size: cover;*/
}

/*
section.road .tab-content { 
  max-height: 315px;
  margin-bottom: 0;
}*/

#road .getting-started { 
  margin-top: 30px;
  margin-bottom: 10px;
}

a.advert-link h4 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 22px;
}

a.advert-link {
  outline-style: none;
  color: white;
  background-color: #5ac8fa;
  font-size: 0.9em;
}

.advert-spn {
  background-color: #5ac8fa;
  margin-top: 20px;
  box-shadow: 2px 2px 3px #334e58;
}

.advert-spn:hover {
  background-color: #3c3d44;
  box-shadow: none;
}

.advert-link .row {
  padding: 20px 10px;
}

.advert-spn .icon-3x {
  margin-left: 10px;
}

#content {
    padding-top: 20px;
}

.margin-top-20 {
    padding-top: -20px;
}

.inline-odometers {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 10px;
  color: white;
}

.inline-odometers .odometer-label { 
  color: white;
  font-size: 16px;
}

.inline-odometers .odometer-item { 
  border-right: 5px;
  border-left: 5px;
  border-color: black;  
  background-color: #007aff;
  padding-bottom: 8px;
  padding-top: 8px;
  border-radius: 10px;
  border: 1px solid white;
  position: relative;
}

.inline-odometers .plank { 
  height: 10px;
  width: 3px;
  background-color: #007aff;
  position: absolute;
  top: 35px;
}

.inline-odometers .plank-left { 
  left: -3px;
}

.inline-odometers .plank-right { 
  right: -3px;
}

.odometer {
  font-family: "";
  font-size: 100%;
  left: 50%;
  line-height: 30px;
  margin-left: -70px;
  position: relative;
  /*width: 238px;*/
}

/* You gotta section */
#you-gotta { 
  padding-top: 20px;
  background-color: white;
}

#you-gotta .all-schedules { 
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

.border-calendar-date { 
  height: 190px;
  width: 190px;
  border-radius: 100px;
  text-align: center;
  border: 9px solid #64abe7;
  margin-bottom: 20px;
}

.table-bordered > tbody > tr > td.calendar-day-date {
    padding: 0px;
}

@media (max-width: 768px) {
    .table-journal > tbody > tr > td {
        height: 70px;
    }
    .table-journal > tbody > tr > td > a.status {
        background-position: center 70%;
    }
}

tbody > tr > td.calendar-day-date .calendar-day .col-xs-1 {
  padding-left: 10px;
}

.calendar-date { 
  background-color: #FDA300;
  height: 170px;
  width: 170px;
  border-radius: 100px;
  text-align: center;
  border: 7px solid white;
}

.calendar-date h1.calendar-month { 
  padding-top: 10%;
  color: white;
  margin-top: 10px;
}

.calendar-date h1.calendar-day { 
  color: white;
  font-size: 80px;
  margin-top: 10px;
  line-height: 40px;
}

#you-gotta .calendar-date h3 { 
  margin-top: 0;
  margin-bottom: 0;
}

#you-gotta .cal-well {
  max-height: 280px;
  overflow-y: scroll;
  background-color: #cbcbcb;
}

#you-gotta .cal-well form {
  margin-top: 20px;
}

.gotta { 
  padding-top: 70%;
}

#you-gotta div.row { 
  margin-bottom: 20px;
}

#you-gotta div.row.three-ways-height { 
  margin-bottom: 40px;
}

.monitor {
  position: relative;
}

.thumb-video {
  position: absolute;
  width: 90%;
  left: 5%;
  top: 4%;
  height: 68%;
}

.heartlink .thumb-video {
  position: absolute;
  width: 82%;
  left: 9%;
  top: 4%;
  height: 68%;
}

.thumb-video iframe { 
  height: 100%;
  position: absolute;
  left: 0px;
}

.pre-video { 
  position: absolute;
  font-size: 40px;
  width: 100%;
  left: 0px;
}

.pre-video img { 
  border: 1px solid grey;
  width: 100%;
  margin-top: 3%;
}

a.pre-video:hover { 
  text-decoration: none;
}

.flexslider .pre-video .img-youtube {
    width: 15%;
}

.pre-video-referral .img-youtube,
.pre-video .img-youtube {
    position: absolute;
    top: 40%;
    left: 45%;
    width: 15%;
    border: none;
    transition: .2s;
}

a.pre-video-referral:hover .img-youtube,
a.pre-video:hover .img-youtube {
    transform: scale(1.3);
    transition: .2s;
}

.well-radius .pre-video img {
  border: none;
  margin-top: 0px;
}

/* Banner section */
#banner { 
  background-color: #0693D4;
}

.banner { 
  background-color: #0693D4;
  padding-bottom: 20px;
}

.support img {
  border: 6px solid white;
}

.support a:hover img {
  border-color: lawngreen;
}

.support a.btn-primary{
  color: white;
}

.support-row { 
  margin-bottom: 20px;
  margin-top: 20px;
}

#support_form input, #support_form textarea, #support_form select { 
  margin-bottom: 10px;
}

/* Footer section */
#connect-us { 
  padding-top: 10px;
  padding-bottom: 10px;  
}

#connect-us, #connect-us .container { 
  background-color: #111111;
  color: white;
}

#connect-us h3 { 
  font-weight: 300;
}

#rights, #footer { 
  background-color: #007aff;
}

.rights-reserved {
  font-size: 20px;
}

#public-footer .rights-reserved {
  padding-top: 30px;
}

.footer { 
  color: white;
  background-color: #007aff;
  line-height: 16px;
  padding-bottom: 40px;
  padding-top: 30px;
}

.footer address { 
  line-height: 16px;
  margin-bottom: 10px;
}

.footer li { 
  line-height: 16px;
}

.footer h4 { 
  color: white;
}

.footer h4 a { 
  color: white;
}

.footer a { 
  color: white;
}

.alert-template, .row-template, .template-row, .template-row-image { 
  display: none;
}

input.error, textarea.error, select.error { 
  border-color: #B94A48;
}

/*Survival Tools*/

.without-videos { 
  color: #3B609E;
}

/* Forum wrapper */
body #djangobbwrap { 
  border: 0;
}

/* Community entry */
.well-entry:hover { 
  background-color: #D9EDF7 /*seashell*/;
  border-color: #BCE8F1;
}

/* Food recipe library */
.food-categories-sidebar .row { 
  margin-top: 10px;
  font-size: 16px;
}

.food-category { 
  padding-bottom: 50px;
  color: grey;
}

a.favorite { 
  color: #E63122;
  text-decoration: none;
}

.t-shirts-circles img { 
  border: 1px solid white;
}

.sponsors-link h5 { 
  margin-top: 15px;
}

a.link:hover img { 
  background-color: #FCF8E3;
  border-color: #C09853;
}

#postman textarea {
  width: 90%;
}

.print-page .hidden-print { 
  display: none;
}

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
  background-color: #F5FFFF;
}

/*
.toast-item {
    border-radius: 10px;
    color: #006797;
    background: white;
    opacity: 0.9;
}
*/

form.find-friends {
  margin-bottom: 20px;
}

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

.item-points { 
  font-size: 38px;
  line-height: 10px;
  margin-bottom: 0px;
  border-radius: 50px;
}

.product-page .item-points {
  /* margin-top: -10px; */
  font-size: 28px;
  display: inline;
  margin-right: 5px;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 2px;
}

.well-red, .badge-red { 
  background-color: #e63122;
  color: white;
}

.well-orange, .badge-orange { 
  background-color: #fca200;
  color: white;
}

.well-blue, .badge-blue { 
  background-color: blue;
  color: white;
}

.well-lightblue, .badge-lightblue { 
  background-color: #0BE6E3;
}

.well-purple, .badge-purple { 
  background-color: #ae4fc3;
  color: white;
}

.well-yellow, .badge-yellow { 
  background-color: #fff500;
}

.well-green, .badge-green { 
  background-color: #4fa700;
  color: white;
}

/*
.hunger-games { 
  font-size: 20px;
  line-height: 50px;
}

.hunger-games li {
  line-height: 50px;
}

.hunger-games p {
  margin-bottom: 30px; 
  margin-top: 30px; 
}

.hunger-games h2.underline { 
  font-weight: normal;
}

.hunger-games .master-block h2 { 
  font-family: "Bitstream Charter";
  line-height: 50px;
  font-weight: bold;
}

.hunger-games .master-block img { 
  margin: -30px;
}
*/

.hunger-games { 
  font-size: 22px;
}

.hunger-games li { 
  padding-top: 20px;
}

.hunger-games .alert-info h3 { 
  color: #3d3d3d;
  line-height: 30px;
}

.hunger-games .alert-info { 
  background-color: #acdde2;
}

.hunger-games .master-badge img { 
  margin-left: -30px;
  max-width: 120%;
  max-height: 120%;
}

.underline { 
  text-decoration: underline;
}

.table-challenges {
  background-color: #F5FFFF;
}

.table-challenges .icon-plus-sign { 
  color: green;
}

.table-challenges .icon-minus-sign { 
  color: red;
}

.circle-container {
  position: relative;
  width: 70%;
  height: 0;
  padding-bottom: 70%;
  background: url('/static/images/homepage/challenge_badge.png') no-repeat center top;
  margin-bottom: 10px;
  margin-left: 20px;
}

.circle { 
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: auto;
  z-index: 1;
}

.circle-internal {
  height: 0;
  position: relative;
  text-align: center;
  padding-top: 43%;
  color: deepskyblue;
  font-size: 50px;
  font-weight: bold;
}

.challenge-container {
  background: url('/static/images/hunger_games/badge.png') no-repeat center top !important;
  background-size: 100% auto !important;
  height: 180px;
  max-width: 180px;
  margin-top: 20px;
}

.challenge-container.success {
  background-image: url('/static/images/badges/exercise-beginner-blank.png') !important;
}

.challenge-container.warning {
  background-image: url('/static/images/badges/exercise-intermediate-blank.png') !important;
}

.challenge-container.important {
  background-image: url('/static/images/badges/exercise-advanced-blank.png') !important;
}

.challenge-container.goal-count {
  background-image: url('/static/images/badges/goal-achiever-blank.png') !important;
}

.challenge-container.fast-track-points {
  background-image: url('/static/images/home_page/fast_track_points.jpg') !important;
  max-width: 450px;
  height: 450px;
}

.challenge-container.fast-track-points .circle-internal {
  font-size: 14px;
  text-align: left;
  padding-top: 42%;
}

.challenge-container.badge-buddy .circle-internal {
  padding-top: 38%;
}

.challenge-container.badge-wow .circle-internal {
  padding-top: 25%;
  font-size: 40px;
  text-align: center;
  padding-left: 50%;  
}

.challenge-container.badge-wow.male .circle-internal {
  padding-right: 50%;
  padding-left: 0px;
}

.challenge-container.badge-broccoli .circle-internal {
  padding-top: 40%;
  font-size: 40px;
  text-align: center;
  padding-left: 45%;
}

.badge-detail .challenge-container.badge-broccoli .circle-internal {
  font-size: 12vw;
}

.challenge-container.badge-exercise .circle-internal {
  padding-top: 20%;
}

.challenge-container.badge-attendance .circle-internal {
  padding-top: 50%;
  text-align: center;
  padding-left: 25%;
}

.challenge-container.badge-lifetime .circle-internal {
  padding-top: 50%;
}

.challenge-container.badge-triangle .circle-internal {
  padding-top: 30%;
}

.challenge-container.badge-pray .circle-internal {
  padding-top: 20%;
  padding-right: 30%;
  font-size: 40px;
}

.challenge-badge { 
  width: 170px;
  margin-left: 100px;
}

.badge-detail .challenge-container {
  height: 1000px;
  max-width: 1000px;
}

#badge_modal .challenge-container {
  height: 400px;
  max-width: 400px;
}

.badge-detail .challenge-container .circle-internal {
  font-size: 18vw;
}

.badge-detail .challenge-container.badge-wow .circle-internal {
  font-size: 15vw;
}

.restaurant-block {
  min-height: 100px;
}

#thrivecare .resources { 
  margin-top: 30px;
}

#hunger_games .modal-header {
  background-color: #5BC0DE;
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
}

#hunger_games .modal-header img {
  height: 50px;
}

#hunger_games .modal-footer {
  background-color: #a9a9a9;
}

#hunger_games .btn-info {
  border-radius: 25px;
  padding-bottom: 7px;
  padding-top: 7px;
}

#hunger_games .modal-body h4, #hunger_games .modal-body h3 {
  color: #2F96B4;
}

#hunger_games h3.grey-background { 
  background-color: #a9a9a9;
  color: white;
  padding: 10px 0px;
  margin-top: 10px;
}

body.shibboleth-background { 
  background: url('/static/images/hunger_games/background.png') scroll repeat;
  -webkit-print-color-adjust: exact;
  height: auto;
}

body.shibboleth-background .container-page { 
  background-color: transparent;  
}

body.shibboleth-background .footer-print { 
  background-color: lightgray !important;
}

.printableonly {
  position: absolute;
  z-index: -100;
}

.visible-print { 
  display: none; 
}


#you-gotta .phases hr {
  height: 6px;
}

.green-background { 
  background: #67b374;
}

.yellow-background { 
  background: #ff8400;
}

.blue-background { 
  background: #6fc2e4;
}

.red-background { 
  background: #E63122;
}

.indigo-background { 
  background: indigo;
}


img.earn_it { 
  margin-top: 20px;
}

.three-ways .item { 
    background-color: #F0F0EF;
  color: black;
}

.three-ways-height .col-item { 
  min-height: 100%;
  margin-top: 20px;
}

@media (min-width: 992px) {
  .three-ways-height .col-item .item { 
    height: 600px;
  }
}

.three-ways .well { 
  background-color: #6fc2e4;
  margin-bottom: 0px;
  border: none;
  box-shadow: none;
}

.three-ways-height .well { 
  background-color: #F0F0EF;
  margin-bottom: 0px;
  border: none;
  box-shadow: none;
  padding-top: 70px;
}

hr.white-hr { 
  height: 10px;
  background: white;
}

hr.white-hr-bottom { 
  margin-top: 0px;
  margin-bottom: 30px;
}

hr.white-hr-top { 
  margin-top: 30px;
  margin-bottom: 0px;
}

.number-img { 
  margin-top: -24px;
  margin-right: -24px;
}

#badges a { 
  color: white;
}

#badges .item { 
  padding-top: 30px;
  padding-bottom: 30px;
}

#badges .img-circle { 
  background-color: #3c3d44;
}

#badges a.blue-background:hover { 
  color: #6fc2e4;
}

#badges a.green-background:hover { 
  color: #67b374;
}

#badges a.yellow-background:hover { 
  color: #ff8400;
}

#badges a.red-background:hover { 
  color: #e61061;
}

#badges a.green-background:hover .item,
#badges a.yellow-background:hover .item,
#badges a.red-background:hover .item,
#badges a.blue-background:hover .item { 
  background-color: #3c3d44;
}

#badges a.blue-background .item,
#badges a.blue-background:hover .img-circle { 
  background-color: #6fc2e4;
}

#badges a.green-background .item,
#badges a.green-background:hover .img-circle { 
  background-color: #67b374;
}

#badges a.yellow-background .item,
#badges a.yellow-background:hover .img-circle { 
  background-color: #ff8400;
}

#badges a.red-background .item,
#badges a.red-background:hover .img-circle { 
  background-color: #e61061;
}

#badges a.light-blue-background:hover { 
  color: #00acfd;
}

#badges a.dark-blue-background:hover { 
  color: #007aff;
}

#badges a.light-blue-background:hover .item,
#badges a.dark-blue-background:hover .item { 
  background-color: #3c3d44;
}

#badges a.light-blue-background .item,
#badges a.light-blue-background:hover .img-circle { 
  background-color: #00acfd;
}

#badges a.dark-blue-background .item,
#badges a.dark-blue-background:hover .img-circle { 
  background-color: #007aff;
}


#myCarousel { 
  margin-bottom: 0px;
}

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

.circles-title { 
  margin-bottom: 50px;
}

.white, a.white { 
  color: white;
}

a.white:hover { 
  color: white;
}


#myCarousel .carousel-control {
  background: #007AFF;
  opacity: 0.6;
  margin-left: 0px;
  font-size: 60px;
  top: 40%;
  line-height: 35px;
  width: 35px;
  height: 50px;

  /*position: absolute;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-weight: 100;
  line-height: 35px;
  color: white;
  text-align: center;

  border: 3px solid white;
   */
}

#myCarousel .carousel-control:hover {
  opacity: 0.9;
}

#myCarousel .carousel-control.left {
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  border-left: inherit;
  left: 0px;
}

#myCarousel .carousel-control.right {
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
  border-right: inherit;
  right: 0px;
}

#myCarousel .carousel-indicators {
  right: inherit;
  left: inherit;
  position: static;
  top: inherit;
  bottom: 20px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 0px;
  width: auto;
}

#myCarousel .carousel-indicators li.active {
  background-color: #0693D4;
}

#myCarousel .carousel-indicators li {
  height: 14px;
  width: 14px;
  border-radius: 7px;
  background-color: white;
  border-left: 1px solid grey;
  border-top: 1px solid grey;
  margin-left: 4px;
  display: inline-block;
  float: none;
}

#phoneCarousel .carousel-indicators {
  right: inherit;
  left: inherit;
  position: static;
  top: inherit;
  bottom: 20px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 0px;
  width: auto;
}

#phoneCarousel .carousel-indicators li.active {
  background-color: #0693D4;
}

#phoneCarousel .carousel-indicators li {
  height: 14px;
  width: 14px;
  border-radius: 7px;
  background-color: white;
  border-left: 1px solid grey;
  border-top: 1px solid grey;
  margin-left: 4px;
  display: inline-block;
  float: none;
}

#testimony-carousel .well {
  /*background-color: rgba(0, 0, 0, 0.75);*/
  background-color: rgba(32, 32, 34, 0.9);
  color: white;
  line-height: 1.5;
}

#container-testimony, #container-testimony .container-page {
  background-color: #24408e;
}

.calendar-event form {
  margin-bottom: 0px;
}

.calendar-arrows .icon-stack-base { 
  color: #ababab;
}

.calendar-arrows .icon-stack-second { 
  margin-left: -7px;
}

.calendar-event { 
  display: none;
}

.calendar-event.active {  
  display: block; 
}

/* CALENDAR */
.ui-datepicker { 
  color: white;
  background-color: #ababab;
  background-image: none;
  padding: 0px;
}

.ui-datepicker td { 
  padding: 2px;
}

.ui-datepicker th { 
  font-size: 0.8em;
}

.ui-datepicker table {
  margin-left: 5px;
  width: 95%;
}

.ui-datepicker-header {
  background-color: #191a1e;
  background-image: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ui-widget-content .ui-state-default {
  color: white;
  background-color: #585a67;
  background-image: none;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
}

.ui-widget-content .ui-state-active {
  color: white;
  background-color: #007aff;
}

.ui-widget-content .ui-priority-secondary {
  color: #39393a;
  opacity: 1;
}

.tools { 
  margin-bottom: -100px;
}

.tools a:hover { 
  text-decoration: none;
}

.tools a:hover .menu-block { 
  background-color: #3c3d44;
  color: #79b2d0;
}

.tools a:hover .menu-circle { 
  color: #3c3d44;
  background-color: white;
}

.tools .menu-item { 
  width: 124px;
  /*float: left;*/
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
  line-height: 1.2;
}

.tools .menu-circle { 
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 55px;
  border: 5px solid white; 
  background-color: #3c3d44;
  color: #79b2d0;
  z-index: 29;
  margin-left: 7px;
}

.boot3 .tools .menu-circle { 
  margin-left: 12px;
}

.tools .menu-circle .menu-icon { 
  margin-top: 20px;
}

.tools .menu-block { 
  margin-top: -40px;
  height: 110px;
  color: white;
  font-size: 18px;
  text-align: center;
  border: 2px solid white; 
}

.tools .menu-title { 
  margin-top: 35%;
}

.tools .support { 
  background-color: #e61061; 
}

.tools .challenges { 
  background-color: #e6674a; 
  font-size: 16px;
}

.tools .resources { 
  background-color: #67b374; 
  font-size: 16px;
}

.tools .live-classes { 
  background-color: #eb0837; 
}

.tools .calendar { 
  background-color: #02646e; 
  font-size: 16px;
}

.tools .journal { 
  background-color: #92e6ba; 
}

.tools .daily-doses { 
  background-color: #edca52; 
}

.tools .profile { 
  background-color: #908ef3; 
}

.menu-tools { 
  margin-top: 10px;
}

.menu-tools .menu-item {
  box-shadow: -1px 0px 11px -3px rgba(0, 0, 0, 0.45);
  width: 130px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
  line-height: 1.2;
  border: 3px solid #FFF;
  border-radius: 6px;
  margin-top: 10px;
  transition: all 0.3s ease 0s;
}

.menu-tools .icon-stack { 
  margin-top: 10px;
}

.menu-tools a .icon-bg {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  box-shadow: 8px 19px 34px -11px rgba(0, 0, 0, 0.45);
  height: 85px;
  margin: 17px auto 20px;
  width: 85px;
  display: block;
}

.menu-tools .menu-item .icon-item {
  padding-top: 23%;
  display: block;
  transition: all 0.3s ease 0s !important;
}

.menu-tools a.menu-item:hover .icon-item {
  cursor: pointer;
  transform: scale(1.3); 
}

.menu-tools .menu-block { 
  height: 70px;
  color: black;
  font-size: 16px;
  text-align: center;
  margin-top: 20px;
  background-color: transparent;  
}

.menu-tools a.menu-item:hover {
  /*background: #30AAFF none repeat scroll 0px 0px !important;
  background-color: transparent; */
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  text-decoration: none;
}

.menu-tools a.support { 
  /*background-color: #007AFF;
  color: #007AFF;
  background-color: #0002FB;
  color: #0002FB;*/
  background-color: #AE4FC3;
  color: #AE4FC3;

}

.menu-tools a.challenges { 
  /*background-color: #E6674A;
  color: #E6674A;
  background-color:  #E9603A;
  color: #E9603A; */
  background-color:  #0027B1;
  color: #0027B1;
}

.menu-tools a.resources {
  /*background-color: #67B374;
  color: #67B374;
  background-color: #4FA700;
  color:  #4FA700; */
  background-color: #007AFF;
  color:  #007AFF;
}

.menu-tools a.live-classes { 
  /*background-color: #FF5377;
  color: #FF5377;
  background-color: #E63122;
  color: #E63122; */
  background-color: #4FA700;
  color: #4FA700;
}

.menu-tools a.calendar { 
  /*background-color: #2AB5C3;
  color: #2AB5C3;
  background-color: #B7DB00;
  color: #B7DB00; */
  background-color: #007021;
  color: #007021;
}

.menu-tools a.journal { 
  /*background-color: #92E6BA;
  color: #92E6BA;
  background-color: #0BE6E3;
  color: #0BE6E3; */
  background-color: #FFF500;
  color: #FFF500;
}

.menu-tools a.daily-doses { 
  /*background-color: #EDCA52;
  color: #EDCA52;
  background-color: #FFC700;
  color: #FFC700; */
  background-color: #FDA300;
  color: #FDA300;
}

.menu-tools a.profile { 
  /*background-color: #908EF3;
  color: #908EF3;
  background-color: #007AFF;
  color: #007AFF; */
  background-color: #E63122;
  color: #E63122;
}

.menu-tools a.store {
  /*background-color: #ba55d3;
  color: #ba55d3;
  background-color: #AE4FC3;
  color: #AE4FC3; */
  background-color: #490084;
  color: #490084;
}

@media (max-width: 800px) {
  .menu-tools .menu-item {
      width: 62.5px;
      margin-right: 0.1px;
  }
  .menu-tools a .icon-bg {
      margin: 5px auto 3px;
      height: 37px;
      width: 37px;
      font-size: 6px;
  }
  .menu-tools .menu-block {
      height: 37px;
      font-size: 8.2px;
      margin-top: 5px;
  }
  .menu-tools {
      margin-top: 1px;
  }
  .not-display {
      display: none;
  }
}

.btn-circle { 
  border-radius: 500px;
}

.btn-info { 
  background-color: #219ad1;
}

.btn-warning { 
  background-color: #ff8400;
}

.btn-success { 
  background-color: #18a318;
}

.all-tops .table {
  margin-bottom: 0px;
}

.all-tops .caption {
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 0px;
  margin-top: 0px;
  border: 1px solid #9aa7b3;
  color: white;
  background-color: #232d31;
}

.all-tops .nav-tabs li {
  padding: 2px;
}

.all-tops .nav-tabs.nav-justified li a {
  color: #7f7f7f;
  background-color: white;
  border: 1px solid #7f7f7f;
  border-radius: 0px;
}

.all-tops .nav-tabs li.active a {
  color: white;
  background-color: #0071ff;
}

.all-tops .nav-tabs li a:hover {
  background: #0071ff;
}

.all-tops .nav-tabs li:hover a {
  color: white;
}

.all-tops .table-striped > tbody > tr:nth-of-type(2n+1),
.all-tops .table-striped tbody > tr:nth-child(2n+1) > td,
.all-tops .table-striped tbody > tr:nth-child(2n+1) > th {
  background-color: #ddecff;
}

.all-tops .table-bordered > thead > tr > th,
.all-tops .table-bordered > tbody > tr > th,
.all-tops .table-bordered > tfoot > tr > th,
.all-tops .table-bordered > thead > tr > td,
.all-tops .table-bordered > tbody > tr > td,
.all-tops .table-bordered > tfoot > tr > td {
  border-color: #9aa7b3;
}

.all-stars { 
  color: white;
}

.all-stars a { 
  color: white;
}

.all-stars h3 { 
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.text-warning { 
  color: #FFC700;
}

.text-danger { 
  color: #e61061;
}

.text-success { 
  color: #67b374;
}

.text-indigo { 
  color: indigo;
}

.all-stars .inner-block { 
  margin-left: 2%;
  margin-right: 2%;
}

.all-stars tbody { 
  background-color: #219ad1;
}

.all-stars thead { 
  background-color: #3c3d44;
}

.all-stars thead th { 
  border: 3px solid white;
}

.all-stars tbody td { 
  border-left: 3px solid white;
  border-right: 3px solid white;
  border-top: none;
}

.section-blue { 
  color: white;
  background-color: #219ad1;
}

.section-blue .img-circle { 
  border: 5px solid white;
  padding: 5px;
  box-sizing: border-box;
}

.success-page .section-white .img-circle { 
  border: 5px solid #219ad1;
  padding: 5px;
  box-sizing: border-box;
}

.success-page .section-white { 
  color: #219ad1;
  background-color: white;
}

.section-blue, .success-page .section-white {
  border: none;
  border-radius: 0px;
  margin-bottom: 0px;
}

.section-blue a, .success-page .section-white a {
  color: slategray;
}

.section-blue .container-page, .success-page .section-white .container-page {
  background-color: transparent;  
  font-size: 15px;
  font-weight: bolder;
  padding-top: 20px;
  padding-bottom: 20px;
}

@font-face {
  font-family: Wisdom Script;
  src: url('/static/fonts/wisdom-script.otf');
}

@font-face {
  font-family: Proxima Nova;
  src: url('/static/fonts/ProximaNova-Regular.otf');
}

@font-face {
  font-family: Proxima Nova Bold;
  src: url('/static/fonts/Proxima-Nova-Bold.otf');
}

@font-face {
  font-family: Purisa;
  src: url('/static/fonts/Purisa.otf');
}

@font-face {
  font-family: Avenir;
  src: url('/static/fonts/Avenir.otf');
}

@font-face {
  font-family: Oswald;
  src: url('/static/fonts/Oswald-Bold.ttf');
}

@font-face {
  font-family: Lato;
  src: url('/static/fonts/Lato-Regular.ttf');
}

@font-face {
  font-family: Raleway;
  src: url('/static/fonts/Raleway-Bold.ttf');
}

@font-face {
  font-family: Roboto;
  src: url('/static/fonts/Roboto-Regular.ttf');
}

@font-face {
  font-family: Poppins;
  src: url('/static/fonts/Poppins-Regular.ttf');
}

@font-face {
  font-family: Georgia;
  src: url('/static/fonts/georgia.ttf');
}

.font-script { 
  /*font-family: Wisdom Script;*/
  font-family: FreeSerif, FreeTimes, "Liberation Serif", "Times New Roman";
  padding-top: 20px;
  font-size: 20px;
  line-height: 23px;
  font-weight: bold;
  font-style: italic;
}

.page-header { 
    margin-top: 15px;
    border-bottom: none;
}

.page-header-title h2 { 
  background-color: #007AFF;
  color: white;
  padding: 3px 20px;
  /*margin: 0px 5px 3px 5px;*/
  margin: 0px;
  line-height: 43px;
}

.page-header-title { 
  display: inline-block;
  /*border-bottom: 3px solid #219ad1;*/
  margin-left: -5px;
  margin-right: -5px;
  vertical-align: bottom;
}

.page-header-flag { 
  background-color: #007AFF;
}

.recipe-detail h1 { 
  text-align: center;
  color: #219ad1;
  font-weight: bold;
}

.recipe-detail h1 small { 
  font-size: 30px;
  color: #219ad1;
}

.recipe-detail h3 { 
  color: #ff6000;
  margin-bottom: 0px;
}

.recipe-detail p,
.recipe-detail ul ,
.recipe-detail ol {
  color: #686868;
  font-size: 18px;
}

.recipe-detail ul .btn-group li {
  font-size: 14px;
}

.recipe-detail p small { 
  font-size: 18px;
  font-weight: bold;
  font-style: italic;
  color: #219ad1;
}

.recipe-detail a.btn-warning { 
  background-color: #ff6000;
  margin-bottom: 30px;
}

.recipe-detail a.btn-warning:hover { 
  background-color: #2c2c2c;
}

.recipe-detail .btn-warning h3 { 
  color: white;
  margin-bottom: 10px;
}

.recipe-detail .recipe-values strong { 
  color: #ff6000;
}

.recipe-detail .recipe-image { 
  text-align: center;
}

.product-item .well {
  background-color: white;
  border-width: 3px;
}

.product-item .product-description {
  height: 140px;
}

.product-item .product-description .badge {
  font-size: 24px;
  line-height: 26px;
  z-index: 1;
  position: relative;
}

.product-item .product-description .label {
  padding: 2px 5px;
  z-index: 1;
}

.product-item .icon-star {
  color: #3c3d44;
}

.product-item .icon-stack {
  margin-top: -20px;
}

.product-item .numbers {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
}

/*
.product-item {
  background-color: #79b2d0;
  color: white;
  margin-bottom: 30px;
}

.product-item:hover {
  background-color: #3c3d44;
}

.product-item .btn-circle {
  margin-bottom: 5px;
  font-size: 11px;
}

.product-item .price {
  background-color: white;
  color: #79b2d0;
  line-height: 35px;
  font-size: 25px;
}

.product-item:hover .price {
  color: #3c3d44;
}

.product-item .product-title { 
  display: table;
  text-align: center;
  width: 100%;
}

.product-item .product-title h4 { 
  height: 70px;
  vertical-align: middle;
  align: center;
  display: table-cell;
}

.product-item .product-image { 
  height: 210px;
  width: 210px;
  margin-bottom: 20px;
  background-color: white;
  display: inline-block;
  vertical-align: middle;
  padding: 5px;
}

.product-item .product-image img { 
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.product-item .product-image .product-image-inner { 
  border: 4px solid #79b2d0;
  height: 160px;
  width: 160px;
  padding: 10%;
  line-height: 160px;
}

.product-item:hover .product-image .product-image-inner { 
  border-color: #3c3d44;
}

.product-item .badge { 
  font-size: 22px;
  line-height: 22px;
  min-width: 50px;
}
*/

.container-shop .navbar .navbar-toggle {
  margin: 0px;
  float: none;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-left: 10px;
}

@media (min-width: 1500px) {
  .container-shop .nav > li > a.navbar-toggle {
    display: none;
  }
  
  .container-shop .navbar .navbar-collapse.collapse {
    display: block !important;
  }

  .navbar.navbar-red .navbar-inline {
      float: right;
  }  

  .container-shop .navbar .navbar-collapse.collapse {
    display: none !important;
  }

  .container-shop .navbar .navbar-collapse.collapse.in {
    display: block !important;
  }
}

.container-shop .navbar .nav > .active > a,
.container-shop .navbar .nav li a:hover,
.container-shop .navbar .nav li.dropdown.open a.dropdown-toggle,
.container-shop .navbar .nav li a:focus { 
  background-color: #219ad1;
  color: white;
}

.container-shop .btn-brown {
  /* background-color: #3c3d44;*/
  color: #79b2d0 !important;
}

.container-shop .btn-brown:hover {
  color: white !important;
  /*background-color: #219ad1;*/
}

.container-shop .navbar .nav { 
  margin: 0px;
}

.container-shop .navbar .nav li.cart { 
  background-color: #E63122;
}

.container-shop .navbar .main-nav > li { 
  margin-top: 3px;
}

.container-shop .navbar li { 
  background-color: #3c3d44;
  margin-right: 3px;
  font-size: 14px;
  font-weight: bold;
}

.container-shop .navbar li a { 
  box-shadow: none;
  text-shadow: none;
  color: white;
  padding: 5px 10px;  
}

.container-shop #shop-categories .btn.dropdown-toggle { 
  background-color: #3c3d44;
  box-shadow: none;
  background-image: none;
}

.container-shop #shop-categories.open .btn.dropdown-toggle { 
  background-color: #219AD1;
}

.container-shop .navbar .dropdown-menu {
  border-radius: 0px;
  padding: 0px;
  opacity: 0.9;
  background-color: #e1e6ee;
}

.container-shop .navbar .dropdown-menu .dropdown-submenu .dropdown-menu {
  margin-top: -1px;
}

@media (max-width: 768px) {
  .container-shop .navbar .dropdown-menu .dropdown-submenu .dropdown-menu li a {
    padding-left: 40px;
  }
}

.container-shop .navbar .dropdown-menu li {
  margin-right: 0px;
  border-top: 1px solid gray;
}

.container-shop #pagination { 
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 18px;
}

.container-shop #pagination ul li { 
  line-height: 30px;
}

.container-shop #pagination ul li a { 
  background-color: #848484;
  color: white;
  border-color: #7b7b7b;
  border-top-width: 0px;
  border-bottom-width: 0px;
  line-height: inherit;
  padding-right: 14px;
  padding-left: 14px;
}

.container-shop #pagination ul li a:hover, .container-shop #pagination ul li.currentpage a { 
  background-color: #79b2d0;
}

#pagination ul.pager {
  display: inherit;
}

#pagination ul.pager li a {
  border-radius: 4px;
}

.nobr { 
  white-space: nowrap;
}

.store-points { 
  padding-right: 14px;
  font-size: 28px;
  font-weight: bold;
  line-height: 28px;
}

.sponsor-page .portret { 
  border: 5px solid #006797;
  background-color: white;
  padding: 3px;
}

.sponsor-page .section-light-blue .portret {
    border: 5px solid  white;
    background-color: #006797;
}

.sponsor-page a.sponsor-story{ 
  padding-top: 8px;
  padding-bottom: 8px;
}

.sponsor-page a.btn-grey { 
  background-color: #a7a7a7;
  color: white;
  text-shadow: none;
}

/*.sponsor-page a.btn-grey:hover { 
  background-color: #ff3b30;
}*/

.sponsor-page .name { 
  color: #006797;
  margin-bottom: 0px;
  line-height: 30px;
}

.sponsor-page .date { 
  color: #006797;
  margin-top: 0px;
  margin-bottom: 15px;
}

.sponsor-page .section-light-blue .date {
    color: white;
}

.sponsor-page #content .section { 
  padding-top: 20px;
  padding-bottom: 10px;
}

.sponsor-page #content .section .item { 
  padding-bottom: 20px;
}

.sponsor-page .section-light-blue, .section-light-blue .container-page {
  background-color: #006797;
}

.sponsor-page .section-light-blue .name a,
.sponsor-page .section-light-blue .name a:hover,
.sponsor-page .section-light-blue .name {
    color: white;
}

.sponsor-page .section-white, .sponsor-page .section-white .container-page { 
  background-color: white;
}

.sponsor-page .section .popover { 
  color: white;
  background-color: #219ad1;
  font-size: 12px;
  line-height: 12px;
  max-width: 300px;
  width: auto;
}

.sponsor-page .section .popover.bottom .arrow:after {  
  border-bottom-color: #219ad1;
}

.sponsor-page .section .popover .popover-title { 
  background-color: #219ad1;
  border-bottom-width: 0px;
  padding: 0px;
}

.sponsor-page .btn-group { 
  margin-bottom: 30px;
}

.sponsor-page .btn-group button { 
  font-weight: bold;
  height: 80px;
}

.sponsor-page .btn-group button.trophy { 
  font-size: 50px;
}

.sponsor-page .btn-group button.trophy-text { 
  margin-left: 1px;
  font-size: 30px;
}

@media (max-width: 768px) {
    .sponsor-page .btn-group button.trophy-text {
        font-size: 20px;
    }
}

.sponsor-page.member-page .portret {
    border-color: #228b22;
}

.sponsor-page.member-page .date,
.sponsor-page.member-page .name {
    color: #228b22;
}

.sponsor-page.member-page .middle a,
.sponsor-page.member-page .middle span {
    /*display: inline-block;*/
    vertical-align: middle;
}

.member-page .item {
    height: 500px;
    margin-top: 30px;
}

.member-page .border-image {
    background-repeat: no-repeat;
    background-position: center;
    height: 335px;
}

.member-page .border-50 {
    background-image: url('/static/images/home_page/champion-border.png');
    padding-top: 110px;
    background-size: 290px 290px;
}

.member-page .border-45 {
    background-image: url('/static/images/home_page/journey-border.png');
    padding-top: 105px;
    background-size: 275px 275px;
}

.member-page .border-40 {
    background-image: url('/static/images/home_page/foundation-border.png');
    padding-top: 93px;
    background-size: 242px 242px;
}

.member-page .border-torchbearer {
    background-image: url('/static/images/home_page/torchbearer-border.png');
    padding-top: 112px;
    background-size: 370px 370px;
    height: 370px;
}

.member-page .section-odd {
    background-color: #ded1dc;
}

.member-page .section-even {
    background-color: #e6dfd7;
}

.member-page .belt-image {
    margin-top: -70px;
}


.sponsor-page .section-green .portret {
    background-color: #228b22;
    border: 5px solid  white;
}

.sponsor-page .section-green {
    background-color: #228b22;
}

.sponsor-page .section-green .date,
.sponsor-page .section-green .name a,
.sponsor-page .section-green .name a:hover,
.sponsor-page .section-green .name {
    color: white;
}

.container-plans .page-header h3 {
  background-color: #b7b7b7;
  color: white;
  padding: 10px 0px;
  margin-top: 0px;
}

.triangle {
  border-color: #fff #fff #b7b7b7 #fff;
  border-style: solid;
  border-width: 0 12px 15px 12px;
  height: 0;
  width: 0;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: -5px;
}

.container-plans .price-item {
  height: 112px;
  width: 112px;
  float: left;
  margin-right: 10px;
}

.container-plans .border-price {
  float: left;
  margin-right: 10px;
  height: 100px;
  width: 100px;
  border: 3px solid #959595;
  padding: 2px;
  border-radius: 55px;
  display: block;
}

.container-plans .border-price .original-price {
  margin-top: -20px;
}

.container-plans .price {
  font-size: 30px;
  line-height: 95px;
  border-radius: 50px;                        
  height: 100px;
  width: 100px;
  padding: 0px;
  text-align: center;
  background-color: #959595;
  color: white;
  font-weight: bold;
}

.container-plans .border-price.red {
  border-color: #ff3b30;
}

.container-plans .border-price.red .price {
  background-color: #ff3b30;
}

.container-plans .border-price.yellow {
  border-color: #ffcc00;
}

.container-plans .border-price.yellow .price {
  background-color: #ffcc00;
  color: #252525;
  line-height: 20px;
}

.container-plans .border-price.green { 
  border-color: #4cd964;
}

.container-plans .border-price.green .price { 
  background-color: #4cd964;
  color: #252525;
  line-height: 20px;
}

.container-plans .price span {
  font-size: 20px;
}

.container-plans .price span.original {
  font-size: 10px;
}

.container-plans .base-price .border-price {
  height: 150px;
  width: 150px;
  border-radius: 80px;
}

.container-plans .base-price .border-price .price {
  height: 150px;
  width: 150px;
  border-radius: 75px;
  font-size: 45px;
  line-height: 140px;
}

.container-plans .base-price .border-price .price span {
  font-size: 25px;
}

.container-plans .btn-large {
  margin-top: 10px;
}

.container-plans .subscriptions .btn-large {
  margin-top: 25px;
  margin-left: 10px;
  padding-left: 60px;
  padding-right: 60px;
}

.container-plans .page-header h2 {
  color: white;
}

.container-plans ul.nav-membership h3 {
  margin: 5px 0;
}

.container-plans ul.nav-membership li.active a {
  background-color: #ff8400;
  color: white;
  border-bottom-color: #ff8400;
}

.container-plans ul.nav-membership .active a:focus, .container-plans ul.nav-membership .active a:hover {
  border-bottom-color: #ff8400;
}

/*
#head .left-menu-desktop .community { 
  background-color: #219ad1;
}

#head .left-menu-desktop .travis { 
  background-color: #3c3d44;
}

#head .left-menu-desktop .store { 
  background-color: #e61061;
}
*/


.carousel { 
  margin-top: 30px;
}

#myCarousel.carousel {
  margin-top: 0px;
}

.carousel ul li img { 
  cursor: pointer;
}

.carousel ul li { 
  line-height: 40px;
}

.container-video .carousel .flex-viewport ul li { 
  line-height: 20px;
}

/*
.flex-direction-nav a:before { 
  color: cyan;
}
*/

.random-recipes .row {
  margin-bottom: 20px;
}

.random-recipes .row img {
  border: 5px solid #219AD1;
}

.random-recipes .row a:hover img {
  border-color: #E61061;
}

#accordion-faq .panel-heading,
#accordion-perfect-meals .panel-heading,
#accordion-box .panel-heading {
  cursor: pointer;
}

#accordion-faq .panel { 
  border-width: 0px;
}

#accordion-faq .panel-heading { 
  border: 3px solid #007aff;
  color: black;
  border-radius: 50px;
  font-size: 18px;
  margin-bottom: 15px;
  padding: 15px 15px;
  background-image: linear-gradient(to top, #cbefff, white);
}

#accordion-faq .panel-heading:hover { 
  text-decoration: none;
  background-image: linear-gradient(to top, #ffc708, white);
  color: black;
}

#accordion-faq .panel-collapse .panel-body { 
  background-color: #5ac8fa;
  color: white;
  font-size: 18px;
  border-top-width: 0px;
  padding: 40px 15px;
  margin-bottom: 20px;
  border-radius: 20px;
}

#accordion-faq .triangle {
    border-bottom-color: #5ac8fa;
    margin-top: -10px;
    margin-left: 48%;
}

#accordion-perfect-meals .panel {
  border-width: 0px;
}

#accordion-knowledge-base .panel { 
  border-width: 0px;
}

#accordion-knowledge-base a.accordion-toggle { 
  text-decoration: none;
}

#accordion-knowledge-base a.accordion-toggle p { 
  color: #030303;
}

#accordion-knowledge-base a.accordion-toggle:hover h2 { 
  text-decoration: underline;
}

.container-shop .search-form { 
  margin-left: 5px;
  margin-bottom: 5px;
}

.container-test .page-header-flag, .container-test .page-header-title h2 { 
  background-color: #67b374;
}

.container-test .page-header-title { 
  border-bottom-color: #67b374;
}

.container-test label { 
  color: white;
  background-color: #6fc2e4;
  padding: 7px;
  font-weight: bold;
  display: block;
}

.container-test label.error { 
  background-color: red;
}

.container-test .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: bold;
  font-size: 16px;
  color: #adadad;
  line-height: 24px;  
}

.container-test .select2-container--default .select2-selection--single {
  border-width: 2px;  
}

.body-test .select2-results__option {
  color: #adadad;
  font-weight: bold;
}

.container-test .btn-large { 
  padding-left: 60px;
  padding-right: 60px;
}

/*
.container-test select, .container-test .select2-container, .body-test .select2-drop { 
  border-color: #adadad;
  font-weight: bold;
  border-width: 2px;
  text-align: center;
  font-size: 16px;
  float: none;
  color: #adadad;
  margin-bottom: 20px;
}

.container-test .select2-choice { 
  border-color: #adadad;
  border-width: 2px;
  color: #adadad;
  height: 30px;
  line-height: 30px;
}

.select2-results .select2-highlighted { 
  color: white;
  background-color: #adadad;
}

.container-test select option:hover { 
  background-color: #adadad !important;
  color: white !important;
}
*/

.btn-color-animated { 
  color: white !important;
  -webkit-animation: changeColor 4s linear 0s infinite normal none;
  animation: changeColor 4s linear 0s infinite normal none;
  margin-left: 5px;

  background-image: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
  border-image: none;
}

.btn-color-animated:hover { 
  background-color: #2c2c2c;
  animation: none;
}

.events-page { 
  margin-top: -30px;
}

.events-page form.form-horizontal .event-type { 
  background-color: #e61061;
  border-radius: 20px;  
  color: white;
  padding-left: 20px;
}

.events-page .has-success .checkbox {
  color: white;
}

.events-page form.form-horizontal .event-type label.control-label { 
  color: white;
  width: 100px;
  padding-top: 7px;
}

.events-page form.form-horizontal .event-type .form-group { 
  padding-left: 20px;
  margin-top: -5px;
}

.events-page form.form-horizontal .event-type .form-group label { 
  padding-top: 0px;
  margin-bottom: 0px;
  font-weight: bold;  
}

.events-page form.form-horizontal .event-type .form-group .checkbox { 
  padding-top: 0px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px;
  position: relative;
  font-weight: normal;
  cursor: pointer;
  margin-right: 15px;  
}

.events-page form.form-horizontal .event-type .form-group .checkbox input { 
  margin-left: -20px;
  position: absolute;
}

form.form-horizontal .inline-button label { 
  width: 0px;
}

form.form-horizontal .inline-button .controls { 
  margin-left: 0px;
}

.food-log .select2-container { 
  width: 100%;
}

.select2-container { 
  margin-bottom: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single {
  height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 34px;
}

.select2-dropdown {
  z-index: 99999;
}

/*
.community-news-feed .span12 { 
  padding: 5px 10px;
  border: 2px solid #BCE8F1;
  background-color: #D9EDF7;
  margin-bottom: 10px;
  border-radius: 10px;
}
*/

.home-news-feed .blog-post {
  background-color: #FF9500;  
  border-radius: 30px;
  padding-left: 5px;
  padding-right: 10px;
  color: white;
  margin-bottom: 10px;
}

.home-news-feed .blog-post h4 {
  padding-left: 20px;
}

.home-news-feed .blog-post a {
  color: #202020;
}

.home-news-feed .blog-post .img-circle { 
  margin-top: 10px;
  border: 3px solid white;
}

.home-news-feed .blog-post .post-date span { 
  font-weight: bold;
  font-style: italic;
}

.home-news-feed .blog-post .post-text { 
  margin-top: 10px;
}


/* Calendar */
.table-journal tr th {
  background-color: #315ba2;
  color: #8facdd;
}

.table-journal tr td {
  width: 14%;
  padding: 0;
  margin: 0;
  background-color: white;
  height: 120px;
  vertical-align: bottom;
}

.table-journal tr td a.calendar-day {
  padding: 9px;
  height: 100%;
  position: relative;
  vertical-align: bottom;
  display: block;
  text-decoration: none;
  background-color: white;
}

.table-journal tr td a.calendar-day-enabled {
  background-color: #dde6f5;
}

.table-journal tr td a.calendar-day-enabled:hover,
.table-journal tr td a.calendar-day-enabled.thrive-zone-green:hover,
.table-journal tr td a.calendar-day-enabled.thrive-zone-red:hover,
.table-journal tr td a.calendar-day-enabled.thrive-zone-yellow:hover {
  background-color: #cad7ef;
}

.table-journal tr td a.calendar-day-disabled {
  background-color: white;
}

.table-journal tr td .calendar-number {
  display: block;
  width: 1.5em;
  color: black;
}

.calendar-style tr th {
  color: white;
}

.calendar-style tr td {
  width: 14%;
  padding: 0;
  margin: 0;
  height: 120px;
  vertical-align: bottom;
}

.calendar-style tr td a.calendar-day {
  padding: 5px;
  height: 100%;
  position: relative;
  vertical-align: bottom;
  display: block;
  text-decoration: none;
}

.calendar-style tr td a.calendar-day-enabled {
    background-color: #dde6f5;
    background: rgba(221, 230, 245, 0.6);
}

.calendar-style tr td a.calendar-day-enabled:hover,
.calendar-style tr td a.calendar-day-enabled.thrive-zone-green:hover,
.calendar-style tr td a.calendar-day-enabled.thrive-zone-red:hover,
.calendar-style tr td a.calendar-day-enabled.thrive-zone-yellow:hover {
  background-color: #cad7ef;
}

.calendar-style tr td a.calendar-day-disabled {
}

.calendar-style tr td .calendar-number {
  display: block;
  width: 1.5em;
  color: black;
  z-index: 1000;
  text-align: left;
}

@media (min-width: 950px) {
  .calendar-style tr td .calendar-number {
    position: absolute;
    display: inline;
    left: 5px;
  }
}

@media (max-width: 500px) {
  .calendar-style tr td {
    height: 80px;
  }
}

.table-journal .status {
  background-repeat: no-repeat !important;
  background-position: center center;
  background-size: 50%;
  -webkit-print-color-adjust: exact !important;
  color-adjust: exact !important;
}

.table-journal .status-holiday {
  background-image: url('/static/images/home_page/holiday.png') !important;
}

.table-journal .status-blow-it {
  background-image: url('/static/images/home_page/blow-it.png') !important;
}

.table-journal .status-personal,
.table-journal .status-perfect {
  background-image: url("/static/css/images/calendar/perfect.png") !important;
}

.table-journal .status-unsure {
  background-image: url("/static/css/images/calendar/unsure.png") !important;
}

.table-journal .status-divine {
  background-image: url("/static/css/images/calendar/divine.png") !important;
}

.table-journal .status-imf {
  background-image: url("/static/css/images/calendar/imf.png") !important;
}

.table-journal .status-wow {
  background-image: url("/static/css/images/calendar/wow.png") !important;
}

.table-journal .status-tiger16 {
  background-image: url("/static/css/images/calendar/tiger16.png") !important;
}

.table-journal .status-tiger24 {
  background-image: url("/static/css/images/calendar/tiger24.png") !important;
}

.table-journal .status-tiger36 {
  background-image: url("/static/css/images/calendar/tiger36.png") !important;
}

.table-journal .status-shark {
  background-image: url("/static/css/images/calendar/shark.png") !important;
}

.table-journal .status-lion {
  background-image: url("/static/css/images/calendar/lion.jpeg") !important;
}

.table-journal .status-spirit {
  background-image: url("/static/css/images/calendar/spirit.png") !important;
}

.table-journal .status-zip-rip {
  background-image: url("/static/css/images/calendar/zip-rip.jpg") !important;
}

.table-journal .status-driven {
  background-image: url("/static/css/images/calendar/driven.png") !important;
}

.table-journal .status-hemp {
  background-image: url("/static/css/images/calendar/hemp.png") !important;
}

.table-journal .status-gilligan {
  background-image: url("/static/css/images/calendar/gilligan.png") !important;
}

.table-journal .status-gilligan-no {
  background-image: url("/static/css/images/calendar/gilligan-no.png") !important;
}

.table-journal .status-perfect.status-burning {
  background-image: url("/static/css/images/calendar/burning.png") !important;
}

.table-journal .status-divine.status-burning {
  background-image: url("/static/css/images/calendar/divine-burning.png") !important;
}

.table-journal .status-imf.status-burning {
  background-image: url("/static/css/images/calendar/imf-burning.png") !important;
}

.table-journal .status-wow.status-burning {
  background-image: url("/static/css/images/calendar/wow-burning.png") !important;
}

.table-journal .status-tiger16.status-burning {
  background-image: url("/static/css/images/calendar/tiger16-burning.png") !important;
}

.table-journal .status-tiger24.status-burning {
  background-image: url("/static/css/images/calendar/tiger24-burning.png") !important;
}

.table-journal .status-tiger36.status-burning {
  background-image: url("/static/css/images/calendar/tiger36-burning.png") !important;
}

.table-journal .status-shark.status-burning {
  background-image: url("/static/css/images/calendar/shark-burning.png") !important;
}

.table-journal .status-lion.status-burning {
  background-image: url("/static/css/images/calendar/lion-burning.png") !important;
}

.table-journal .status-spirit.status-burning {
  background-image: url("/static/css/images/calendar/spirit-burning.png") !important;
}

.table-journal .status-hemp.status-burning {
  background-image: url("/static/css/images/calendar/hemp-burning.png") !important;
}

.table-journal tr td a.calendar-day-sunday .calendar-number {
  color: #f80205;
}

.calendar-dashboard.table-journal tr td {
  height: 50px;
}

.calendar-dashboard.table-journal tr td a {
  padding: 0px;
}

.calendar-dashboard.table-journal tr td a.status {
  background-size: 70%;
}

.calendar-dashboard.table-journal tr td a.calendar-day-enabled {
  background-color: transparent;
}

.calendar-dashboard.table-journal tr td a.calendar-day-disabled .calendar-number {
  color: #a4a4a4;
}

.calendar-dashboard.table-journal tr td a.calendar-day-sunday.calendar-day-disabled .calendar-number {
  color: #e2b4be;
}

.calendar-dashboard.table-journal tr th {
  background-color: #f2f2f2;
  color: #000;
  text-align: center;
}

.calendar-dashboard .well.status {
  background-position: center 20%;
}

.calendar-dashboard .well.status h4 {
  margin-top: 130px;
}

.calendar-dashboard h4 {
  color: #085eff;
}

a.calendar-day-today {
  border: 1px solid #a2bae3;
}

.calendar-thrive-start {
  background-color: #315ba2;
  color: white !important;
}

.calendar-joined-date {
  border: 1px solid #a2bae3;
}

a.thrive-zone {
  border: 3px solid #000;
}

div.thrive-zone-green,
a.thrive-zone-green {
  border-color: #46a546;
}

div.thrive-zone-yellow,
a.thrive-zone-yellow {
  border-color: #ffc40d;
}

div.thrive-zone-red,
a.thrive-zone-red {
  border-color: #9d261d;
}

div.thrive-zone-green,
table.table-journal tr td a.calendar-day-enabled.thrive-zone-green {
  background-color: #dff0d8;
}

div.thrive-zone-yellow,
table.table-journal tr td a.calendar-day-enabled.thrive-zone-yellow {
  background-color: #fcf8e3;
}

div.thrive-zone-red,
table.table-journal tr td a.calendar-day-enabled.thrive-zone-red {
  background-color: #f2dede;
}

.points-profile { 
  padding: 15px 8px;
  font-size: 200%;
  font-weight: bold;
  text-align: center;
}

.metabolism-points-10 {
  background-image: url('/static/css/images/sidebar/journal-status/burning-10.png');
  background-position: center bottom;
  background-repeat: repeat-x;
}
.metabolism-points-11 {
  background-image: url('/static/css/images/sidebar/journal-status/burning-11.png');
  background-position: center bottom;
  background-repeat: repeat-x;
}
.metabolism-points-12 {
  background-image: url('/static/css/images/sidebar/journal-status/burning-12.png');
  background-position: center bottom;
  background-repeat: repeat-x;
}

.no-side-padding {
  padding-left: 0px;
  padding-right: 0px;  
}

.flip-clock-wrapper {
  margin: 0px;
}

.flip-clock-wrapper ul {
  line-height: 100px;
}

#time-countdown {
    margin-left: 15%;
    margin-top: 0px;
}

@media (max-width: 768px) {
    #time-countdown {
        margin-left: 20%;
    }
}

@media (max-width: 600px) {

    #time-countdown .flip-clock-divider.hours {
        width: 0px;
    }

    #time-countdown .flip {
        margin: 2px;
    }
}

@media (max-width: 500px) {
    #time-countdown {
        margin-left: 8%;
    }
}

@media (max-width: 390px) {
    #time-countdown {
        margin-left: 4%;
    }
}

@media (max-width: 360px) {
    #time-countdown {
        margin-left: 0px;
    }
}


#time-countdown.flip-clock-wrapper ul {
    line-height: 60px;
    width: 40px;
    height: 60px;
}

#time-countdown.flip-clock-wrapper ul li a div {
    font-size: 40px;
}

#time-countdown.flip-clock-wrapper ul li a div div.inn {
    font-size: 30px;
}

#time-countdown .flip-clock-divider {
  width: 20px;
  height: 50px;
  margin-top: 7px;
}

#time-countdown .flip-clock-divider .flip-clock-label {
    right: -65px;
}

#membership-clock.flip-clock-wrapper ul li a div div.inn {
  font-size: 30px;
}

#membership-clock.flip-clock-wrapper ul li a div {
  font-size: 30px;
}

#membership-clock.flip-clock-wrapper ul {
  width: 15px;
  height: 46px;
  margin: 1px;
  line-height: 42px;
  font-size: 30px;
  padding-left: 25px;
}

#membership-clock .flip-clock-divider {
  width: 10px;
  height: 50px;
}

#membership-clock .flip-clock-divider .flip-clock-label {
  right: -40px;
}

#membership-clock .flip-clock-divider.minutes .flip-clock-label {
  right: -45px;
}

#membership-clock .flip-clock-divider.seconds .flip-clock-label {
  right: -48px;
}

#membership-clock .flip-clock-divider:first-child {
  width: 0;
}

#membership-clock .flip-clock-dot {
  left: 0px;
}

#meal-countdown.flip-clock-wrapper {
  width: 105%;
}

.flip-clock-wrapper li {
  line-height: inherit;
}

.supplements ul { 
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-left: 0;
  padding: 0 0 0 5px;
}

.supplements ul li {
  float: left;
  margin-bottom: 5px;
  width: 258px;
}

.input-append.input-block-level,
.input-prepend.input-block-level {
    display: table;
}

.input-append.input-block-level .add-on,
.input-prepend.input-block-level .add-on {
    display: table-cell;
}

.input-append.input-block-level > input,
.input-prepend.input-block-level > input {
    display: table; 
    width: 100%;
}

.input-append.input-block-level > input {
    border-right: 0; /* removes the extra right border from the input */
}

.input-prepend.input-block-level > input {
    border-left: 0; /* removes the extra left border from the input */
}


/* Shibboleth Warz */

.competition-form .select2-container { 
  width: 220px;
}

.alert-error.store-points a, .alert-error.store-points a:hover {
  color: #B94A48;
}

.competition-status.label { 
  font-size: 20px;
  line-height: 20px;
}

.competition-list-item .alert { 
  padding-right: 14px;
}

.competition-list-item .competition-type {
  font-size: 20px;
  line-height: 20px;
}

.competition-list-item.even { 
  background-color: #f2f2f2;
}

.competition-list-item .wel { 
  padding-top: 40px;
  padding-bottom: 20px;
}

.competitor-menu { 
  margin: -140px 20px 0px;
}

.warz-contenders .dropdown-menu li > a:hover { 
  background-color: #ff3b30;
  color: white;
}

.shibboleth-warz .status-point { 
  height: 15px;
  width: 15px;
  position: absolute;
  right: 10px;
  bottom: 140px;
  /*margin: -170px 0px 0px;
  z-index: 1000;*/
}

.warz-contenders .contender img { 
  height: 120px;
  width: 120px;
}

/*.warz-contenders .contender img { 
  position: absolute;
  bottom: 0px;
}*/

.shibboleth-warz .status-point.red { 
  background-color: #ff3b30;
}

.shibboleth-warz .status-point.green { 
  background-color: #4cd964;
}

.shibboleth-warz .menu-item { 
  margin: 0px;
  color: white;
  padding: 10px;
}

.shibboleth-warz .menu-item h2 { 
  margin-bottom: 0px;
}

.shibboleth-warz .vs_blue { 
  display: none;
}

.shibboleth-warz .vs_red { 
  display: inline-block;
}

.shibboleth-warz .warz-on-going .vs_blue { 
  display: inline-block;
}

.shibboleth-warz .warz-on-going .vs_red { 
  display: none;
}

.shibboleth-warz .warz-on-going,
.shibboleth-warz .warz-on-going a,
.shibboleth-warz .war-match-ups,
.shibboleth-warz .war-match-ups a {
  color: #34aadc;
}

.shibboleth-warz .warz-completed,
.shibboleth-warz .warz-completed a {
  color: #4cd964;
}

.shibboleth-warz .red {
  color: #ff3b30;
}

.shibboleth-warz .score h1 span,  
.shibboleth-warz .score h1 {
  font-size: 50px;
}

.shibboleth-warz p {
  margin-bottom: 0px;
}

.shibboleth-warz img.img-circle { 
  border: 5px solid #219ad1;
  padding: 5px;
  box-sizing: border-box;
}

.shibboleth-warz .warz-on-going .img-circle { 
  border-color: #34aadc;
}

.shibboleth-warz .warz-completed .img-circle { 
  border-color: #4cd964;
}

.shibboleth-warz .war-match-ups .img-circle { 
  border-color: #ffcc00;
}

.menu-red { 
  background-color: #ff3b30;
}

.menu-blue { 
  background-color: #34aadc;
}

.menu-green { 
  background-color: #4cd964;
}

.menu-yellow { 
  background-color: #ffcc00;
}

.shibboleth-warz .black { 
  color: black;
  font-size: 12px;
}

.shibboleth-warz .remain-time { 
  width: 60px;
  display: inline-block;
  margin-right: 7px;
}

.shibboleth-warz .remain-time p { 
  font-size: 11px;
}

.shibboleth-warz .remain-time h1 { 
  margin: 0px;
  line-height: 60px;
  color: white;
  background-color: #007aff;
  border-radius: 10px;
}

.shibboleth-warz .remain-title {
  min-height: 25px;
}

.shibboleth-warz .warz-on-going .competition-form { 
  margin-top: 20px;
}

.shibboleth-warz .warz-on-going .competition-form input { 
  margin-bottom: 0px;
  margin-top: 0px;
}

.shibboleth-warz .alert { 
  margin-bottom: 5px;
}

.shibboleth-warz .endless_container { 
  margin-top: 10px;
  margin-bottom: 10px;
}

.shibboleth-warz .endless_container .endless_more.btn { 
  color: white;
}

.meal-type { 
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
}

.meal-type div { 
  display: inline-block;
  padding: 0px 20px;
  border-radius: 40px;
  color: white;
}

.meal-type div.blue { 
  background-color: blue;
}

.meal-type div.red { 
  background-color: red;
}

p.grocery-item-list, .grocery-item-list li { 
  margin-left: 30px;
}
/*
.grocery-item-list ul { 
  list-style-image: url('/static/images/home_page/checkbox.png');
  list-style-type: circle;
}
*/
.print-meal-plan h2 { 
  text-align: center;
  margin-top: 10px;
}

.unstyled-ul ul { 
  list-style-type: none;
}

.digital-books .img-circle { 
  border: 5px solid #0090E5;
  padding: 5px;
  box-sizing: border-box;
  background-color: silver;
}

.digital-books a:hover .img-circle { 
  border-color: #3B609E;
}

a.badge-link img { 
  margin-bottom: 10px;
}

.badge-col {
  height: 200px;
}

.badge-left-section img {
  width: 100%;
}

.container-t-shirt .page-header h3, .container-plans .page-header h3 {
  background-color: #ff2d55;
  color: white;
  margin-top: 0;
  padding: 10px 0;
}

.container-t-shirt .triangle, .container-plans .triangle {
  border-color: #fff #fff #ff2d55 #fff;
}

.container-t-shirt .alert-info { 
  background-color: #5ac8fa;
  color: white;
  text-shadow: none;
  margin-top: 20px;
}

.slider-horizontal-big .slider.slider-horizontal {
  height: 40px;
}

.slider-horizontal-big .slider.slider-horizontal .slider-handle {
  height: 30px;
  width: 30px;
  margin-left: -14px;
}

.slider-horizontal-big .slider.slider-horizontal .slider-track {
  height: 20px;
}

.slider-horizontal-big .slider.slider-horizontal .tooltip {
  opacity: 0.9;
  margin-top: 12px;
}

.generate-meal-plan .slider { 
  margin: 0px 20px;
}

.triangle.hide {
  display: none;
}

#water-supplements input#water-slider {
  width: 350px;
}

#water-supplements .slider.slider-horizontal {
  border: 2px solid #DCDCDC;
  border-radius: 16px;
  margin-top: 20px;
}

#water-supplements .slider.slider-horizontal .slider-track {
  height: 30px;
  width: 96%;
  left: 2%;
  top: 23%;
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

#water-supplements .slider.slider-horizontal .slider-handle {
  margin-top: -5px;
  height: 40px;
  width: 40px;
  margin-left: -20px;
}

#water-supplements .slider-horizontal-big .slider.slider-horizontal .tooltip {
  margin-top: -20px;
}

#water-supplements .slider-horizontal-big .slider-selection {
  background-image: none;
  box-shadow: none;
  background-color: #E9E9E9;
  border-radius: 8px 0px 0px 8px;
}

.body-journal .motivation-level .slider-selection {
  background-image: none;
}

.body-journal .motivation-level .slider.slider-horizontal .slider-track { 
  background-image: url('/static/images/home_page/level-10.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%; 
  height: 70px;
  top: 0px;
}

.body-journal .motivation-level .slider.slider-horizontal .slider-handle.triangle { 
  margin-top: 70px;
}

.body-journal .motivation-level .slider.slider-horizontal { 
  height: 70px;
  margin-bottom: 10px;
}

.user-goal {
  margin-top: 15px;
}

.user-goal .slider-selection {
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}

.user-goal .slider.slider-horizontal .slider-track {
  background-image: url('/static/images/home_page/goal-slider-background.png');
  background-repeat: no-repeat;
  background-size: 100% 100%; 
  height: 70px;
  top: 0px;
  margin-top: 0px;
}

.user-goal .slider.slider-horizontal {
  height: 70px;
  margin-left: 25px;
  margin-right: 12px;
}

.user-goal .slider-handle {
  background-color: transparent;
  background-repeat: no-repeat;
  height: 70px;
  width: 70px;
  opacity: 1;
  margin-left: -40px;
  margin-top: 3px;
}

.user-goal.user-male .slider-handle {
  background-image: url('/static/images/home_page/mr_shibboleth.png');
}

.user-goal.user-female .slider-handle {
  background-image: url('/static/images/home_page/mrs_shibboleth.png');
}

.body-journal #journal label {
  font-weight: normal;
}

.body-journal #journal h3 label {
  font-weight: bold;
}

.body-journal #journal div.checkbox {
  padding-left: 0px;
}

#sticky-menu .nav-header {
  background-color: white;
}

.container-quotes .btn { 
  white-space: normal;
}

.container-quotes .btn-circle { 
  margin-bottom: 10px;
}

.container-quotes .btn-warning { 
  padding: 15px 30px 10px 30px;
}

.container-quotes .btn-circle.active { 
  background-color: #2c2c2c;
}

.container-quotes .post-text  { 
  line-height: 1.5;
}

.well-vol {
  box-shadow: 2px 2px 6px gray;
  background-color: white;
}

.container-quotes .well a { 
  color: black;
}

.container-quotes .well a:hover { 
  color: #337ab7;
}

.container-board .well.white { 
  background-color: white;
  color: #333;  
}

body.testimony-board {
  background-image: url('/static/images/home_page/wood-background.jpg');  
}

body.violetred-blue {
    background-image: linear-gradient(60deg, #c7d8e8, #fde6e7);
}

body.silver-image {
    background-image: url('/static/images/home_page/blog.jpg');
    background-repeat: repeat repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

body.login-image {
    background-image: linear-gradient(0deg, rgba(36, 36, 36, 0.6), rgba(54, 54, 54, 0.6)),
                      url('/static/images/home_page/login-background.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-attachment: fixed;
    min-height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
}

body.started-image {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(26, 26, 26, 0.6)),
                      url('/static/images/home_page/Screenshot13.png');
    background-repeat: repeat;
    background-position: center center;
    background-size: 100%;
    background-attachment: fixed;
    height: auto;
}

body.assessments-board {
    background-image: linear-gradient(0deg, rgba(76, 45, 46, 0.6), rgba(100, 55, 57, 0.6)),
                      url('/static/images/home_page/Assessments.jpeg');
    background-repeat: repeat repeat ;
    background-size: 100%;
    background-attachment: fixed;
    background-position: top left;
    background-color: black;
    background-size: cover;
}

body.appointments-board {
    background-image: url('/static/images/night-light.jpg');
    background-repeat: repeat repeat ;
    background-size: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-color: black;
}

body.appointments-board .well-border {
    border: 10px solid #188bf6;
}

body.appointments-board h1 {
    font-size: 3em;
}

body.appointments-board h3 {
    font-size: 33px;
}

body.appointments-board h4 {
    font-size: 28px;
}

.container-board .well { 
  border-radius: 0px;
  border-width: 0px;
  box-shadow: 2px 2px 5px black;
}

.container-board .well.well-no-padding { 
  padding: 0px;
}

.no-padding { 
  padding: 0px;
}

.container-board img.pin { 
  margin-top: -40px;
  margin-right: -20px;
}

.container-board img.absolute-pin { 
  position: absolute;
  left: 45%;
  top: -30px;
}

.container-board .well.yellow { 
  background-color: #f8ec9a;
  color: #333;
}

.container-board .well.deg-2 { 
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);  
}

.container-board .well.deg-1 { 
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}

.container-board .well.deg1 {
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
}

.container-board .well.deg2 {
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}

.container-page-main-blog.home-news-feed .blog-post { 
  border-radius: 100px;
}

.container-page-main-blog .btn-circle.active {
  background-color: #2c2c2c;
}

th.right,
td.right { 
  text-align: right;
}

.modal {
  z-index: 99999;
}

.modal.modal-fullscreen .modal-content {
  background: rgba(0, 0, 0, .5);
}

.modal.modal-fullscreen .modal-header {
  border: 0;
  color: #fff;
}

.modal.modal-fullscreen .modal-footer {
  border-color: rgba(0, 0, 0, .5);
}

#myModal .carousel-caption {
  background-color: rgba(0, 0, 0, .5);
  bottom: -100%;
  -webkit-transition: bottom 1s;
  transition: bottom 1s;
}

#myModal .item.active >.carousel-caption {
  bottom: 0;
}

#myModal .modal-dialog {
  width: 100%;
}

#currentCarousel .carousel-indicators {
  display: none;
}

#currentCarousel .carousel-control {
  border: inherit;
  border-radius: 0px;
  margin-top: 0px;
  line-height: inherit;
  height: auto;
}

#currentCarousel .carousel-control .icon-prev,
#currentCarousel .carousel-control .icon-next {
  font-size: 80px;
  height: 80px;
  width: 80px;
  top: 45%;
}

#currentCarousel .carousel-control .icon-prev {
  left: 20%;
}

#currentCarousel .carousel-control .icon-next {
  right: 20%;
}

.prayer-corner {
  background-color: #FDA300;
  color: white;
  padding-left: 40px;
  padding-right: 40px;
}

.prayer-corner hr {
  border-color: #b7b7b7;
  margin-top: 15px;
  margin-bottom: 15px;
}

.prayer-corner h3 {
  border: 2px solid white;
}

.prayer-corner img.img-circle {
  border: 3px solid white;
}

.prayer-corner h4 {
  margin-bottom: 5px;
}

.prayer-corner a.btn-block {
  margin-top: 0px;
}

.prayer-corner .prayer-request-body {
  margin-top: 10px;
}

.prayer-count {
  padding-top: 5px;
  padding-bottom: 5px;
}

/*
.prayer-label, .prayer-label:hover { 
  background-color: #008f9a;
  cursor: text;
}
*/

.prayer-text {
  color: #008f9a;
}

.prayer-tooltip h4 {
  background-color: #ff2d55;
  color: white;
  padding: 10px 0px;
  margin-bottom: 0px;
  margin-top: 30px;
  border-radius: 5px;
}

.prayer-tooltip .triangle {
  border-color: #ff2d55 #fff #fff;
  border-width: 15px 12px 12px;
  margin-top: 0px;
  margin-bottom: -10px;
}

.prayer-request {
  border-color: #008f9a;
  border-width: 4px;
  padding: 10px 20px;
  color: #008f9a;
  margin: 5px 0px;
}

/*.prayer-entry .well {
  background-color: #ebebeb;
  border: 2px solid gainsboro;
}*/

.prayer-entry .well:hover {
    background-color: #d9edf7;
    border: 2px solid #34aadc;
}

.prayer-see-all { 
  margin-top: 5px;
}

.journal-tabs h5 { 
  margin: 2px 0px;
}

a.goal-edit-runner:hover span.badge { 
  background-color: #333333;
}

.alert-donate { 
  margin-bottom: 0px;
  padding-left: 40px;
}

.well-border-only {
  padding: 0px;
}

.badges-page .well {
  border-width: 3px;
}

.badges-page .alert-points { 
  padding: 20px 0px;
  margin-bottom: 5px;
  border-width: 3px;
}

.badges-page .alert-points.alert-error { 
  background-color: #ed1c24;
  color: white;
  border-color: #ed1c24;
}

.badges-page .alert-points.alert-info { 
  background-color: white;
  color: #219ad1;
  border-color: #219ad1;
  border-width: 4px;
}
/*
.webui-popover { 
  position: fixed;
  top: 30px;
}
*/
.webui-popover-content { 
  max-height: 300px;
}

.webui-popover .item {
  border-bottom: 1px solid #dddddd;
  padding-top: 5px;
  padding-bottom: 5px;    
}

.webui-popover .item img {
  margin-bottom: 5px;
}

.webui-popover .item small {
  color: grey;
}

.webui-popover .item p {
  margin-bottom: 0px;
}

.webui-popover-messages h5 {
  margin: 0px;
}

.webui-popover-notifications .item {
  min-height: 50px;
}

.webui-popover i.icon-refresh {
  background: url('/static/images/home_page/loading.gif') no-repeat;
}

#notifications .row {
  border-top: 1px solid #dddddd;
  padding-top: 5px;
  padding-bottom: 5px;  
  padding-left: 10px;
}

#notifications .row.info {
  background-color: #d9edf7;
}

.brown-nav-tabs .info {
    background-color: white;
}

.directory-page .item { 
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.directory-page .blank .item { 
  color: #219ad1;
  border: 1px solid #219ad1;
}

.directory-page .facebook .item {
  background-color: #ed145b;
  border: 1px solid #ed145b;
}

.directory-page .filled .item { 
  background-color: #219ad1;
  border: 1px solid #219ad1;
}

.directory-page .facebook .item a,
.directory-page .filled .item a { 
  color: white;
}

.directory-page .sitemap-section { 
  margin-bottom: 30px;
}

body.directory-page .left-menu-desktop {
  display: none;
}

.food-filter a.btn {
  margin-bottom: 5px;
}

.store_control_group .select2-container, .select2-container-standart .select2-container {
  width: 220px;
}

.personal_coach_control_group ul, .is_earn_holidays_control_group ul {
  list-style: none outside none;
}

.personal_coach_control_group ul li, .is_earn_holidays_control_group ul li {
  display: inline-block;
  margin-right: 30px;
}

.portal-menu i.pull-left { 
  margin-left: 10px;
}

.portal-menu .btn-block {
  margin-top: 1px;
}

.portal-menu .btn-group.btn-block {
  margin-top: 0px;
}

.gallery-list .img-thumbnail {
    margin-bottom: 15px;
    padding: 0px;
}

/* Meal Plans */
#meal-plans {
  background-color: #f0f0ef;
  margin-bottom: 50px;
  padding: 80px 0px;
}

#meal-plans h3 {
  margin-bottom: 5px;
  line-height: 40px;
  font-weight: bold;
}

#meal-plans a:hover h3 {
  background-color: #252525;
}

#meal-plans a {
  color: white;
}

#meal-plans a:hover {
  color: white;
  text-decoration: none;
}

#travis-martin-blog .well { 
  background-color: white;
  padding: 10px;
  margin-bottom: 20px;
  border-width: 4px;
}

#travis-martin-blog img { 
  border: 4px solid white;
}

#community-feeds, #community-feeds .container { 
  background-color: #F0F0EF;
}

/* Shibboleth Radio */
.shibboleth_radio { 
  margin: 40px 0px;
}

.shibboleth_radio img { 
  width: 100%;
}

/*.fb_iframe_widget {
  background-color: white;
}*/

/* Sitemap */
#sitemap { 
  background-color: #252525;
}

#sitemap .container-page { 
  background-color: #252525;
  line-height: 16px;
  padding-bottom: 40px;
  padding-top: 30px;
}

#sitemap li { 
  line-height: 16px;
}

#sitemap .white { 
  color: white;
}

#sitemap .white a { 
  color: white;
}

.form-search-videos {
  margin-top: 3px;
  display: table;
}

ul.nav-favorite { 
  margin-left: 10px;
}

.dl-horizontal dt.video-dt { 
  white-space: normal;
}

.item-iframe { 
  position: relative;
  padding-bottom: 52.7%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

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

.color-10 {
  background-color: #ff0084 !important;
}

.color-15 {
  background-color: yellow !important;
}

.color-20 {
  background-color: #cccccc !important;
}

.color-30 {
  background-color: #eaba6e !important;
}

.color-40 {
  background-color: #E69100 !important;
}

.color-50 {
  background-color: #50c878 !important;
}

#faithfullyfit .color-15 {
  background-color: #2c66b3 !important;
}

#faithfullyfit .color-40 {
  background-color: #666463 !important;
}

#faithfullyfit .color-45 {
  background-color: #319433 !important;
}

#faithfullyfit .color-50 {
  background-color: #f4bf0f !important;
}

.label.color-15 {
  color: #333;
}

h4#membership {
  margin: 0px;
  padding: 0px;
  line-height: 2.2;
}

h4#membership span.nobr {
  background-color: white;
  padding: 2px 50px;
  border-radius: 40px;
}

h4#membership a:hover span {
    background-color: #5C1100;
    color: white;
}

h4#membership.color-10 span.nobr {
  color: #ff0084;
}

h4#membership.color-20 span.nobr {
  color: #cccccc;
}

h4#membership.color-30 span.nobr {
  color: #eaba6e;
}

h4#membership.color-40 span.nobr {
  color: #f26c31;
}

h4#membership.color-50 span.nobr {
  color: #50c878;
}

#faithfullyfit h4#membership.color-15 span.nobr {
  color: #2c66b3;
}

#faithfullyfit h4#membership.color-40 span.nobr {
  color: #666463;
}

#faithfullyfit h4#membership.color-45 span.nobr {
  color: #319433;
}

#faithfullyfit h4#membership.color-50 span.nobr {
  color: #f4bf0f;
}


#s2id_id_city.select2-container { 
  width: 100%;
}

.upgrade-list li { 
  line-height: 14px;
}

.exercise_challenge_datatable .dataTables_length select {
  width: 60px;
}

.ng-scope input {
  height: inherit;
}

.dashboard .circle-internal {
  padding-top: 38%;
}

div.weight-loss-slider .slider {
  margin-left: 10px;
  margin-right: 10px;  
}

div.weight-loss-slider .set-weight-meter {
  display: none;
}

div.weight-loss-slider input#slider {
  width: 250px;
}

.photologue-page {
  line-height: inherit;
}

.photologue-page div.row img.thumbnail {
  display: inline-block;
  margin-bottom: 5px;
}

.photologue-page td {
  width: 100px;
}

a.show-video:hover i {
  text-decoration: none;    
}

body {
    font-family: "Helvetica Neue", "Liberation Sans", Arial, Helvetica, sans-serif;
    height: auto !important;
}

/*
body#faithfullyfit {
    font-family: Roboto, "Helvetica Neue", "Liberation Sans", Arial, Helvetica, sans-serif;
}
*/

body.boot3 .modal {
  margin-left: 0px;
  width: inherit;
  background-color: transparent;
}

body.boot3 input {
  height: inherit;
  margin-bottom: inherit;
}

body.boot3 .form-control-margin {
  margin-bottom: 5px;
}

body.boot3 .form-control {
  padding: 6px 12px;
}

body.boot3 .container-shop table tr td > input,
body.boot3 .container-shop table tr td > textarea,
body.boot3 .container-shop table tr td > select,
body.boot3 .container-shop table tr td > div.input-group {
  margin-bottom: 10px;
}

body.boot3 .container-shop table tr td > div.input-group input {
  margin-bottom: 0px;
}

body.boot3 .container-shop table#quickOrder tr td input {
  margin-bottom: 0px;
}

body.boot3 .dropdown .caret,
body.boot3 .btn .caret {
  margin: 0px;
}

body.boot3 .nav .open > a:hover,
body.boot3 .nav .open > a:focus {
  background-image: linear-gradient(to bottom, #cbefff, white);
  border-color: #999999;
}

body.boot3 .nav .free-drop.open > a:hover,
body.boot3 .nav .free-drop.open > a:focus {
  background-image: none;
  border-color: #999999;
}

body.boot3 .dropdown-menu > li > a:hover {
  color: white;
}

.scrollable {
  margin-left: 0px;
}

.dashboard .alert-date {
  padding: 8px 14px;
}

.dashboard .alert-date h1 {
  font-size: 50px;
  margin: 0px;
}

.dashboard .alert-date h2 {
  margin: 0px;
}

.table.table-subscription th,
.table.table-subscription > thead > tr > th {
  border-top: none;
  border-bottom: none;
}

.ministry-partners .well {
  color: white;
  border-radius: 10px;
  border-color: black;
}

.ministry-partners .well-months {
  background-image: linear-gradient(to bottom, #faf7c9, #020202);
}

.ministry-partners .well-basic-users {
  background-image: linear-gradient(to bottom, #96d9f2, #020202);
}

.ministry-partners .well-e-store {
  background-image: linear-gradient(to bottom, #b1f9e3, #020202);
}

.ministry-partners .well-silver-users {
  background-image: linear-gradient(to bottom, #e3a7f2, #020202);
}

.ministry-partners .well-referral-earned {
  background-image: linear-gradient(to bottom, #eecd46, #020202);
}

.search-filters .slider {
  margin: 7px;
}

.container-plans .plan-box {
  border: 1px solid black;
  box-shadow: 2px 2px 6px #334e58;  
  border-radius: 6px;
}

.container-plans .plan-box.plan-box-main {
  margin-top: -15px;
}

.progress-bar-vertical {
  border-style: solid;
  border-color: black;  
  border-width: 2px 2px 0px;
  border-radius: 15px 15px 0px 0px;
  padding: 2px 2px 0px 2px;  
  width: 35px;
  min-height: 270px;
  margin-left: 14px;
  margin-bottom: 0px;  
  float: left;
  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  align-items: flex-end;
  -webkit-align-items: flex-end; /* Safari 7.0+ */
}

.progress-bar-vertical .progress-bar {
  z-index: 5;
  width: 100%;
  height: 0;
  box-shadow: none;
  border-radius: 5px 5px 0px 0px;  
  -webkit-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease;
}

.donation-section {
  background-color: #76daff;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0px;
}

.donation-section-left-margin {
  padding-left: 50px;
}

.donation-t-shirt {
  margin-top: -45px;
}

form.donate-form .btn {
  margin-bottom: 7px;
}

.donation-section .other-donation {
  margin-top: 5px;
  padding-left: 0px;
}

.donation-section .well-sm {
  padding-right: 0px;
  padding-left: 5px;  
}

.donation-progress {
  margin-bottom: -8px;
}

img.donation-scale {
  height: 270px; 
  /*margin-top: 12px;*/
}

.donation-circle-border {
  border-radius: 40px;
  border-style: solid;
  border-color: black;  
  border-width: 2px;
  height: 63px;
  width: 63px;
  padding: 2px;
  background-color: white;  
}

.donation-circle {
  height: 55px;
  width: 55px;
  border-radius: 40px;
}

div.transformation-section {
  background: url('/static/images/transformations/bg.jpg') repeat-y scroll 0 0 / 100% auto;  
}

div.transformation-section .well img {
  margin-bottom: 0px;
}

img.transformation-logo {
  z-index: 10;
  margin-bottom: -10px;
}

div.transformation-section .transformation-well {
  margin-top: 102px;
  margin-bottom: 0px;  
}

div.transformation-section .transformation-well img.rope {
  margin-top: -123px;
}

div.transformation-section .transformation-well img.rope.rope-left {
  padding-left: 50px;
  float: left;  
}

div.transformation-section .transformation-well img.rope.rope-right {
  padding-right: 50px;
  float: right;
}

.transformation-filter {
  margin-top: -35px;
  margin-bottom: 0px;
}

.container-page.container-transformation-filter {
  padding-top: 0px;
  padding-bottom: 0px;
}

.product-images img.thumbnail {
  display: inline-block;
  margin-bottom: 5px;
}

body.battle-buddy {
  background-image: url('/static/images/match_games/bb_background.png');
  background-position: center, center;
  background-size: 100%, auto;
  background-color: transparent;
}

.badge-detail .challenge-container.badge-buddy .circle-internal {
  font-size: 20vw;
}

.battle-buddy .buddy-title {
  background-color: transparent;
  padding: 5px;
  margin-top: 40px;
}

.battle-buddy .buddy-title.buddy-title-left {
  background-image: linear-gradient(to left, #fdbf01, transparent);
}

.battle-buddy .buddy-title.buddy-title-center {
  background-color: #fdbf01;
}

.battle-buddy .buddy-title.buddy-title-right {
  background-image: linear-gradient(to right, #fdbf01, transparent);
}

.battle-buddy .buddy-title a {
  color: black;
}

.battle-buddy .buddy-title-section {
  padding: 0px;
}

.battle-buddy .buddy-title-section .buddy-title-left {
  margin-left: -50px;
}

.battle-buddy .warrior-buddy {
  margin-top: -110px;
}

.battle-buddy .data-row {
  font-size: 16px;
}

body.body-journal .battle-buddy .buddy-title {
  color: black;
}

body.body-journal .battle-buddy .buddy-title-section .buddy-title-left {
  margin-left: 0px;
  text-align: right;
}

body.meal-plan {
  background-color: #070b1b;
}

body.meal-plan-partner {
  background-image: url('/static/images/home_page/partner_back.jpg');
  /*ebackground-repeat: repeat;*/
  background-attachment: fixed;
  background-size: 100%;
  background-position: right bottom;
}

body.meal-plan a.white {
  color: white;
}

body.meal-plan .img-thumbnail-blue {
  border-color: royalblue;
  border-width: 3px;
  border-radius: 10px;  
}

body.meal-plan .comments, body.meal-plan .comments a.comment-user {
  color: white;
}

.meal-plan-title-item {
  height: 80px;
}

.yellow-border {
  border: 5px solid #fff000;
}

.blue-border {
  border: 5px solid #0cb2ff;
}

.red-border {
  border: 5px solid red;
}

.tiger-border {
  border: 5px solid #905500;
}

.label-update-journal {
  color: #ffcd20;
  background-color: #000000;
  font-size: 60%;
  font-weight: bold;
  font-style: italic;
}

.battle-draw {
  color: #fdbf01;
  background-color: black;
}

.btn-margin-left {
  margin-left: 2px;
}

#success_images .flexslider {
  border-width: 0px;
  /*background-color: #24408e;*/
  margin: 0px;
  border-radius: 0px;
}

.ships-free { 
  position: absolute;
  left: 30px;
  width: 25%;
  /*left: 20px;
  width: 40%;
  top: 5px;*/
}

.product-images .ships-free {
  top: 200px;
  left: 10px;  
}

.product-labels {
  position: absolute;
  right: 25px;
  top: 20px;
  font-size: 1.2em;
}

#yearpicker input,
#monthpicker input {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  padding: 1px 7px;
}

.brown-nav-tabs.nav.nav-tabs {
  background: rgba(0, 0, 0, 0) url("/static/css/images/tab-bg.jpg") repeat scroll 0 0;
  border-left: 3px solid #656565;
  border-radius: 6px;
  border-right: 3px solid #656565;
}

.brown-nav-tabs.nav.nav-tabs li {
  background: rgba(0, 0, 0, 0) url("/static/css/images/line-bg.png") no-repeat scroll 0 0;
  padding: 0px 0px;
  transition: all 0.3s ease 0s;
}

.brown-nav-tabs.nav.nav-tabs li a {
  color: #fff;
  font-size: 17px;
  padding: 14px 24px;
  background-color: transparent;
  border-width: 0px;  
}

.brown-nav-tabs.nav.nav-tabs .active a {
  color: yellow;
  font-weight: 600;
}

.brown-nav-tabs.nav.nav-tabs li:hover {
    /*background: #e0e1e1;*/
    background-image: linear-gradient(to bottom, #ffc708, white);
}

.brown-nav-tabs.nav.nav-tabs li:hover a {
  color: #000;
}

.block-shadow {
  border-radius: 8px;
  box-shadow: -1px 2px 12px 0px rgba(0, 0, 0, 0.35);
}

.block-shadow-inset-blue {
    box-shadow: inset 1px 1px 80px 20px #9adefd,
            -1px 2px 12px 0px rgba(0, 0, 0, 0.35) !important;
    background-color: white;
}

.panel.block-shadow {
  padding: 0px;
}

.portal-container-page .nav-portal {
  margin-bottom: 10px;
  padding-bottom: 10px;
  background-color: #005FFF;
  border-radius: 7px;
}

#faithfullyfit .portal-container-page .nav-portal {
  background-color: #006400;
}

.nav-portal .nav-stacked > li + li {
  margin-top: 0px;
}

.nav-portal ul.nav > li {
  border-bottom: 1px solid #57A7FD;
  transition: all 0.3s ease 0s !important;
}

#faithfullyfit .nav-portal ul.nav > li {
  border-color: #228b22;
}

@keyframes req {
    0%{
        color: white;
    }

    50%{
        color: yellow;
    }

    100%{
        color: #ff8400;
    }
}

.nav-portal ul.nav > li > a.user-req {
    animation-name: req;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    position: relative;
}

.nav-portal ul.nav > li > a {
  background-color: #005FFF;
  color: white;
  padding: 8px 15px;
  border-radius: 0px;
  transition: all 0.3s ease 0s !important;
}

#faithfullyfit .nav-portal ul.nav > li > a {
  background-color: #006400;
}

.nav-portal ul.nav > li.dashboard-menu > a {
  background-color: #ff8400;
}

.nav-portal ul.nav > li > a:hover,
.nav-portal ul.nav > li > a:focus,
.nav-portal ul.nav > li.dashboard-menu > a:hover,
.nav-portal ul.nav > li.dashboard-menu > a:focus,
body.boot3 .nav-portal .nav .open > a:hover,
body.boot3 .nav-portal .nav .open > a:focus {
  background-color: #57A7FD;
}

#faithfullyfit .nav-portal ul.nav > li > a:hover,
#faithfullyfit .nav-portal ul.nav > li > a:focus,
#faithfullyfit .nav-portal ul.nav > li.dashboard-menu > a:hover,
#faithfullyfit .nav-portal ul.nav > li.dashboard-menu > a:focus,
#faithfullyfit body.boot3 .nav-portal .nav .open > a:hover,
#faithfullyfit body.boot3 .nav-portal .nav .open > a:focus {
  background-color: #50c878;
}

.nav-portal li a i {
  margin-right: 3px;
}

.img-portal-profile {
  margin: 10px;
}

.img-portal-profile img {
    border: 4px solid #1D4CEC;
    background-color: white;
}

#faithfullyfit .img-portal-profile img {
    border-color: #006400;
}

.btn-group-location {
    margin-top: -5px;
    margin-right: -10px;
}

a.btn-apps {
    background-clip: padding-box;
    background-color: #017ab1;
    border: 1px solid white;
    border-radius: 4px;
    display: block;
    width: 100%;
    transition: all 0.4s ease-in-out;
}

.black-btn-apps a.btn-apps:hover {
    background-color: #017ab1;
}

a.btn-apps:hover {
    background-color: #225742;
    transition: all 0.4s ease-in-out;
}

.black-btn-apps a.btn-apps {
    background-color: black;
    border-radius: 8px;
    border-color: grey;
}

@media (max-width: 997px) {
  a.btn-apps {
      margin-bottom: 10px;
  }
}

.void-replacements .replacement a {
    cursor: pointer;
}

.void-replacements .replacement .popover {
    z-index: 1020;
    max-width: 600px;
}

#public-logo .sign-up-banner {
    margin-top: -19px;
}

.nav-tabs > li > a.start-here-tab {
    color: white;
    background-color: #5cb85c;
}

.well.well-ext-product {
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    height: 550px;
    overflow: auto;
}

.well.well-ext-product:hover {
    box-shadow: 0 4px 17px 0 rgba(23, 84, 116, 0.3);
}

.video-blocks {
    max-height: 370px;
    overflow-y: auto;
    overflow-x: hidden;
}

.video-blocks .fixed-height, .detail-video-block .fixed-height {
    height: 40px;
    overflow: hidden;
}

.detail-video-block .well {
    border-width: 2px;
}

@media (min-width: 992px) {
  /*nav.navbar-video-level .nav li a.navbar-toggle {
    display: none;
  }*/

  nav.navbar-video-level .navbar .navbar-collapse.collapse {
      display: block !important;
  }

  nav.navbar-video-level ul.nav-video-level li {
      float: none;
  }

}

@media (max-width: 991px) {
  nav.navbar-video-level .navbar .navbar-collapse.collapse {
      display: none !important;
  }

  nav.navbar-video-level .navbar .navbar-collapse.collapse.in {
      display: block !important;
  }
}

nav.navbar-video-level a.navbar-toggle {
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: left;
    color: #ff8700;
    border-color: #ccc;
}

.well-video-levels {
    margin: 0px 15px;
}

ul.nav-video-level {
    background-color: black;
    border-radius: 4px;
    float: none;
}

ul.nav-video-level li {
    border-bottom: 1px solid grey;
    margin-top: 0px;
}

ul.nav-video-level li a {
    color: white;
    padding: 10px;
}

ul.nav-video-level li.active a,
ul.nav-video-level li a:hover {
    background-color: #ff8700;
}

ul.nav-video-level.nav-video-level-silver li.active a,
ul.nav-video-level.nav-video-level-silver li a:hover {
    background-color: #e1e1e1;
    color: #337ab7;
}

ul.nav-video-archive li a {
    background-color: #0fb76a;
    color: white;
}

ul.nav-video-archive li a:hover,
ul.nav-video-archive li.active a:hover,
ul.nav-video-archive li.active a {
    background-color: #5bd48d;
    color: white;
}

ul.nav-video-open {
    margin-top: -6px;
}

ul.nav-video-membership li a {
    border-radius: 4px 4px 0 0;
}

ul.nav-video-membership li.active a:hover,
ul.nav-video-membership li.active a {
    background-color: #e1e1e1;
    color: #337ab7;
}

ul.nav-video-membership li.nav-15.active a:hover,
ul.nav-video-membership li.nav-15.active a,
ul.nav-video-membership li.nav-15 a {
    background-color: yellow;
}

ul.nav-video-membership li.nav-30.active a:hover,
ul.nav-video-membership li.nav-30.active a,
ul.nav-video-membership li.nav-30 a {
    background-color: #ff8601;
    color: white;
}

ul.nav-video-membership li.nav-40.active a:hover,
ul.nav-video-membership li.nav-40.active a,
ul.nav-video-membership li.nav-40 a {
    background-color: #905500;
    color: white;
}

ul.nav-video-membership li a:focus,
ul.nav-video-membership li a:hover {
    background-color: white;
    color: #333;
}

.well-food-category-simple {
  border: 2px solid #354076;
  border-radius: 8px;
  box-shadow: 8px 0 15px -6px rgba(0, 0, 0, 0.45);
}

.well-food-category-scrolled {
  height: 600px;
  overflow-y: auto;
}

.nav > li > a.nav-image-pill {
  color: white;
  opacity: 0.8;
  background-image: url('/static/images/home_page/2019_videos.png');
  background-size: 100% 100%;
}

.nav > li > a.nav-image-pill:hover {
  opacity: 1;  
}

.nav > li.active > a.nav-image-pill {
  opacity: 1;
}

.nav.nav-tabs.nav-tabs-blue li.active a {
  color: white;
  background-color: #337ab7;
  border-color: #337ab7;
}

.generate-appointment {
    margin-top: -20%;
}

.generate-appointment a:hover img {
    transform: translateY(-10px);
    transition: .1s;
}

.genbook-button a img {
  height: 50px;
  width: 120px;
  margin-left: 0px;
}

#upgrade_now .modal-body {
  padding: 0px !important;
}

.blured2 {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

.blured1 {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
}

.upgrade-button {
  position: absolute;
  margin-top: 100px;
  margin-left: 45%;
  z-index: 1;
}

.container-video .upgrade-button {
  margin-left: 32%;
}

.instructors .upgrade-button {
  margin-left: -20%;
}

.label-right-margin {
  margin-right: 20px;
}

img.subscription-icon {
  margin-bottom: 1px;
}

.mentor-notes .popover {
  width: 600px;
  background-color: #d9534f;
  color: white;
}

.mentor-notes .popover .popover-title {
  background-color: #d9534f;
}

.mentor-notes .popover.top > .arrow::after {
  border-top-color: #d9534f;
}

.product-page h2 .popover {
  max-width: inherit;
}

.product-page h3 .btn {
    margin-bottom: 2px;
}

.product-page > .popover {
  max-width: 600px;
  left: 0px !important;
}

.product-page > .popover > .arrow {
  left: 15% !important;
}

.store-badges a img {
  border-radius: 13px;
  border: 3px solid white;
}

.store-badges a:hover img {
  border-color: #9ecaed;
  border-width: 1px;
  box-shadow: 0 0 15px #9ecaed;
}

.genbook-left-margin {
  margin-left: 10px;
}

.streak-form .table > thead > tr > th,
.streak-form .table > tbody > tr > td {
  padding: 4px;
}

.streak-form .table > tbody > tr > td input[type="checkbox"] {
  margin-top: 8px;
}

.streak-form .table > tbody > tr > td input[type="text"] {
  min-width: 200px;
}

.custom-meal-plan input, .custom-meal-plan textarea {
  border-color: black;
  border-radius: 0px;
}

.custom-meal-plan input {
  border-width: 0px 0px 1px 0px;
}

.custom-meal-plan-items input {
  border-width: 1px;
  margin-top: -1px;
}

.custom-meal-plan-items .textareas textarea {
  width: 100% !important;
}

.custom-meal-plan-items .form-group {
  margin-bottom: 0px;
}

@media (min-width: 420px) {
  .top-header .genbook-button {
    float: right;
  }
}

.food-log-dashboard img.thumbnail {
  margin-bottom: 10px;
}

.dashboard a.none-decoration:hover {
  text-decoration: none;
}

.dashboard a.none-decoration {
  color: #333;
}

.dashboard a.none-decoration:hover .well {
  background-color: white;
}

.tiger-goal .slider-selection {
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}

.tiger-goal .slider.slider-horizontal {
  height: 150px;
  width: 100% !important;
}

.tiger-goal .slider.slider-horizontal .slider-track {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 15px;
  top: 60px;
  margin-top: 0px;
  background-image: linear-gradient(to bottom, #ffb510 0%, #aa5100 70%, #6c1b00 100%);
}

.tiger-goal .slider.slider-horizontal .slider-handle {
  background-image: url('/static/images/dashboard/tiger-circle.png');
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 150px;
  width: 150px;
  opacity: 1;
  margin-top: -60px;
  margin-left: -75px;
}

.tiger-goal .tiger-label {
  margin-top: -2px;
}

.tiger-goal .label-warning {
  border: 4px ridge #701f01;
  border-top: none;
  background-image: linear-gradient(to bottom, #bc7500 0%, #6f1600 100%);
  border-radius: 0px 0px .25em .25em;
}

.tiger-goal img {
  z-index: 10;
}

.tiger-goal .goal-edit-runner {
  text-decoration: none;
}

.dashboard-tiger .portal-container-page {
  background: url('/static/images/dashboard/tiger_background_3.jpeg') repeat;
  background-size: contain;
}

.dashboard-tiger.tiger-view-1 .portal-container-page {
  background-image: url('/static/images/dashboard/tiger_background_1.jpeg');
}

.dashboard-tiger.tiger-view-2 .portal-container-page {
  background-image: url('/static/images/dashboard/tiger_background_2.jpeg');
}

.dashboard-tiger.tiger-view-3 .portal-container-page {
  background-image: url('/static/images/dashboard/tiger_background.jpeg');
}

.dashboard-tiger.tiger-view-4 .portal-container-page {
  background-image: url('/static/images/dashboard/tiger_background_4.jpeg');
}

.dashboard-tiger .portal-container-page h1.ng-binding {
  color: white;
}

.dashboard-tiger h1.ng-binding a {
  color: white;
}

.label-black {
  background-color: black;
}

.vertical-date {
  transform: rotate(270deg);
  transform-origin: right bottom 0;
  white-space: nowrap;
  margin-top: 130px;
}

img.public-img-menu {
  margin-top: 10px;
}

img.brand-img {
  margin-left: 30px;
  height: 55px;
}

.free-public h3.lose-pounds {
  margin-top: 15px;
}

.free-public h3.lose-pounds .text-warning {
    text-shadow: 1px 0 black;
    color: #FFC700;
}

.free-public h1.lose-pounds .text-warning {
    text-shadow: 1px 0 black;
    color: #FFC700;
}

.free-public h3.lose-pounds .price {
  font-size: 35px;
}

.testimony-well {
  min-height: 300px;
}

#body_images .flexslider {
  margin-bottom: 0px;
}

.instructors .panel {
  margin-top: 50px;
  border-width: 2px;
}

.instructors .panel-half-border {
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;

  background-repeat: no-repeat;
  background-size: 2px 50%, 2px 50%, calc(100% - 4px) 100%;
  background-position: left top, right top, 2px 0;
}

.instructors .panel-head {
  margin-top: -15px;
}

.instructors .panel-head a {
  color: white;
}

.label.btn-block {
  display: block;
}

.instructors .label.btn-block {
  margin-bottom: 30px;
  background-color: #007bff;
}

.nav-instructors.nav-tabs.nav-justified > li > a {
  border-width: 2px;
  color: #4fc3f7;
  border-color: #4fc3f7;
  background-color: white;
  border-bottom-color: none;
}

.nav-instructors.nav-tabs.nav-justified > li.active > a,
.nav-instructors.nav-tabs.nav-justified > li.active > a:hover,
.nav-instructors.nav-tabs.nav-justified > li.active > a:focus {
  border-color: #007bff;
  border-width: 4px;
  color: #007bff;
  border-bottom: 0px;
  background-image: linear-gradient(to bottom, #cbefff, white);
  height: 3.8em;
}

.nav-instructors.nav-tabs.nav-justified > li > a:focus,
.nav-instructors.nav-tabs.nav-justified > li > a:hover {
  border-color: #007bff;
  color: #007bff;
  background-image: linear-gradient(to bottom, #cbefff, white);
  border-bottom: 0px;
}

.nav-instructors.nav-tabs.nav-justified > li.disabled > a:focus,
.nav-instructors.nav-tabs.nav-justified > li.disabled > a:hover {
  color: #c4c4c4;
  border-color: #c4c4c4;
  background-color: white;
  border-bottom-color: #007bff;
  background-image: none;
}

.well-targets {
  border-top: none;
  border-radius: 0px 0px 4px 4px;
}

.well-targets dt {
  width: 40px;
  text-align: center;
  float: left;
}

.well-targets dd {
  margin-left: 40px;
}

.nav-targets.nav-tabs > li > a {
  background-color: #e9e9e9;
  color: #767676;
  padding: 5px 15px;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
}

.nav-targets.nav-tabs > li > a:focus,
.nav-targets.nav-tabs > li > a:hover {
  border-bottom: none;
}

.nav-targets.nav-tabs > li.active > a,
.nav-targets.nav-tabs > li.active > a:hover,
.nav-targets.nav-tabs > li.active > a:focus {
  color: white;
  background-image: linear-gradient(to bottom, #ff6d00, #ffc708);
}

.nav-targets.nav-tabs > li.active {
  margin-top: -3px;
}

.nav-targets.nav-tabs > li.active h3 {
  font-size: 2em;
}

.well-targets-part {
  height: 12px;
  background-image: linear-gradient(to bottom, #ffc708, white);
  border-left: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}

.set-fast-track-points {
  display: none;
}

#id_fast_track_points {
  text-align: center;
  font-size: 18px;
  line-height: 1;
}

h3.wrap {
  white-space: normal;
}

.referral-progress table.dataTable {
  font-size: 12px;
}

.referral-progress table.dataTable thead th,
.referral-progress table.dataTable thead td {
  padding-left: 5px;
  padding-right: 10px;
}

.family-tree .list-group-item {
  padding: 5px 15px;
}

.list-profile-item {
  width: 90%;
  display: inline-block;
}

.share-page .meal-plan-title-item {
  height: 110px;
}

.share-page .meal-plan-title-item .label {
  line-height: 1.8;
}

h4.margin-5-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.customer_reviews {
  margin-right: 5px;
}

#wheel_modal .modal-body .close {
  margin-top: -12px;
}

.navbar-grocery .nav {
  font-size: 18px;
  font-color: #0056b3;
  font-weight: 600;
}

.navbar-grocery .nav li.active {
  background-color: #38b6ff;
}

.navbar-grocery .nav li.active a {
  color: white;
}

.navbar-grocery .nav li a:hover {
  background-color: #a1d8f7;
}

.navbar-grocery {
  margin-top: 0px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
}

@media print {
  .row.grocery-row .col-sm-4 {
      width: 33.33333333%;
      float: left;
  }
}

@media screen and (max-width: 768px) {  
  .row.grocery-row .well-food-category-scrolled {
      height: auto !important;
  }  
}

.fixed-height {
  height: 60px;
  overflow: hidden;
}

.travis-video .fixed-height {
  height: 90px;
}

img.top-banner {
  box-shadow: 3px 0 13px 0 rgba(0, 0, 0, 0.45);
}

.contest-rules .thumbnail {
  border-width: 3px;
}

.wow-logo {
  background-color: #55c2f6;
  padding: 14px;
  border-radius: 5px;
}

.wow-logoooo {
  background-color: #55c2f6;
  padding: 14px;
  border-radius: 5px;
}

.contest-item .thumbnail {
  border-width: 3px;
  border-radius: 10px;
}

.contest-item .thumbnail h4 {
  height: 70px;
}

.padding-7 {
  padding: 7px;
}

.well-blue {
  background-color: #007aff;
  color: #fff;
  border: none;
}

.well-black {
  background-color: black;
  color: #fff;
  border: none;
}

.container-special h3 {
  margin-bottom: 50px;
  line-height: 1.8;
}

.btn-vid-fav {
  margin-top: 3px;
  margin-left: 4px;
  margin-right: 4px;
}

.container-announcements {
  margin-top: 10px;
}

ul.nav-tabs li i.icon-chevron-right,
ul.nav-pills li i.icon-chevron-right {
  margin-top: 1px;
}

.blocker {
  position:absolute;
  height:100%;
  width:100%;
  z-index:1;
  background: transparent;
}

.video-page .favorite {
  color: #333;
}

.video-page .favorite .icon-heart {
  color: red;
}

.video-page a.btn.favorite {
  font-weight: bold;
}

.video-page .icon-check {
  color: green;
}

.video-page .panel-body.video-description {
  max-height: 500px;
  overflow-y: scroll;
}

.container-accountability {
  background-image: url('/static/images/accountability/room.png');
  /*background-image: url('/static/images/home_page/accountability.png');*/
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /*min-height: 860px;
  background-size: 100%;
  background-position: center bottom;
  background-repeat: repeat-x;*/
}

.container-accountability .well-accountability {
  background-color: rgba(128, 128, 128, 0.8);
  margin-top: 60%;
}

.container-accountability .well-message {
  border-radius: 60px 60px 60px 0px;    
}

.container-accountability .well-accountability input,
.container-accountability .well-accountability textarea {
  background-color: white;
}

.container-accountability .well-accountability label {
  color: white;
}

.container-accountability img.avatar {
  height: 100%;
  width: 80%;
  max-width: none;
}

.container-accountability .scales {
  margin-top: 110%;
}

.container-accountability img.logo {
  margin-top: 10px;
}

@media (max-width: 992px) {
  .container-accountability .col-form {
    position: absolute;
    z-index: 1000;
  }

  .container-accountability img.avatar {
    width: 100%;
  }
}

@media (max-width: 550px) {
  .container-accountability .well-message {
    margin-top: 20%;
  }

  .container-accountability img.avatar {
    width: auto;
    height: 600px;
    float: none !important;
  }  
}

@media (min-width: 1000px) {
  .container-accountability {
    background-size: 100% 100%;
  }
}

.panel-primary > .panel-heading small {
  color: white;
}

.datatable .popover .popover-title span {
  float: right;
  cursor: pointer;
  margin-left: 10px;
}

.btn-back {
  margin-right: 15px;
}

.container-video .video-tabs {
    margin-top: -12px;
    font-weight: bold;
}

.container-video .video-tabs.nav-video-open {
  margin-top: -22px;
}

.container-video .view-tabs {
  margin-top: -4px;
}

hr.white {
  border-top: none;
}

.nav-tabs.video-tabs > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    background-color: #afabab;
}

.nav-tabs.video-tabs > li > a:hover {
    color: white;
    background-color: grey;
}

.nav-tabs.video-tabs > li > a.color-15,
.nav-tabs.video-tabs > li > a.color-15:hover {
    color: #333;
}

.nav-tabs.video-tabs > li > a.color-20,
.nav-tabs.video-tabs > li > a.color-20:hover {
  background-color: blue !important;
}

.nav-tabs.video-tabs > li.active > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-menu > li > a {
    color: black;
    border-color: #a0a0a0;
    border-bottom: none;
}

.nav-menu > li > a:hover {
    border-color: #a0a0a0;
    color: black;
    border-bottom: 0px;
    background-image: linear-gradient(to bottom, #ff8f25, white);
    /*border-bottom-color: #007bff;*/
}

.nav-menu > li.active > a {
    border-color: black;
    color: black;
    background-image: linear-gradient(to bottom, #cbefff, white);
    border-bottom: none;
}

.container-video .nav-menu {
    font-size: 16px;
}

.nav-menu .icon-heart {
    color: red;
}

@media (max-width: 992px) {
  .container-video .div-video-tabs {
    margin-top: 30px;
    display: inline-block;
  }
}

@media (min-width: 635px) {
  .container-video.container-video-archive .div-video-tabs {
    margin-top: 0px;
    display: block;
  }
}

.panel-heading[data-toggle="collapse"] {
  cursor: pointer;
}

.btn-yellow {
    color: black;
    background-color: #ffe13c;
}

.btn-yellow:hover {
    color: black;
    background-color: #f1cc00;
    border-color: #d4b449;
}

/*
.action-buttons .btn-yellow {
    background-color: #7dc1ff;
}

.action-buttons .btn-yellow:hover {
    background-color: #7dc1ff;
    border-color: #1a92ff;;
}
*/

.gray {
    color: gray;
}

img.img-50 {
    width: 50px;
    max-width: none;
}

@media (max-width: 1300px) {
    .comments img.img-50 {
        width: 30px;
    }
}

.line-through {
    text-decoration: line-through;
}

.post-actions a.btn-block {
    padding: 5px 10px;
    color: #333;
}

@media (max-width: 768px) {
    .toplogo {
        text-align: center;
    }

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.8em;
    }

    .post-actions .col-xs-4 {
        padding: 0px;
    }

    .community-post-buttons {
        margin-bottom: 5px;
    }
}

.post-actions a.btn-block:hover {
    background-color: #F2F2F2;
}

.community-entry .comment-well {
    margin-bottom: 0px;
    background-color: #f0f2f5;
    border: none;
    border-radius: 8px;
}

.community-entry a.btn-reply {
    color: gray;
    margin-bottom: 10px;
}

.community-entry a.btn-reply:hover {
    color: #333;
}

.community-entry a.btn-reply.active {
    color: white;
}

.community-entry form.add_comment .form-group {
    padding-left: 0px;
    padding-right: 0px;
}

.community-entry .content img {
    max-height: 400px;
}

.community-entry .label {
    margin: 5px;
}

.emojiPickerIcon {
    background-color: white;
    right: 8px;
    border-radius: 20px;
}

.emojiPickerIcon:hover {
    background-color: rgba(238, 238, 238, 0.5) !important;
}

.community-body #generic-modal .emojiPickerIconWrap {
    width: 100%;
}

.community-body #generic-modal .emojiPickerIconWrap textarea {
    width: 100% !important;
}

.emojiPicker {
    z-index: 100000 !important;
}

.community-body #generic-modal .dropzone {
    min-height: 50px;
    margin-bottom: 10px;
}
/*
.community-body #generic-modal .dropzone .dz-preview {
    min-height: 150px;
}

.community-body #generic-modal .dropzone .dz-preview .dz-remove {
    position: absolute;
    bottom: 0px;
}
*/
.community-body #generic-modal .dropzone .dz-preview .dz-error-message {
    display: none;
}

.community-body #generic-modal .dropzone .dz-preview .dz-image {
    width: 100%;
    height: 100%;
    min-height: 130px;
}

.community-body #generic-modal .dropzone .dz-message {
    margin-top: 0px;
    margin-bottom: 0px;
}

/*
.community-body #generic-modal .dropzone .dz-progress {
    display: none;
}
*/

.community-body #generic-modal div.modal-body textarea {
    height: 80px;
}

.community-entry .post-actions .popover.top {
    margin-top: 2px;
    min-width: 300px;
    max-width: none;
    border-radius: 30px;
}

.community-entry .post-actions .popover img.reaction {
    width: 40px;
    height: 40px;
}

.community-entry .post-actions .popover img.reaction:hover {
    cursor: pointer;
    transform: scale(1.3);
    transition: all 0.3s ease 0s;
}

.community-entry .post-actions .popover .arrow {
    display: none;
}

.community-entry .info-box {
    padding: 5px 20px;
}

.product-item .caption {
    height: 75px;
}

.well-targets .panel-warning:hover {
    border-color: #d4b449;
}

.well-food-category-simple input[type="checkbox"] {
    width: 20px;
    height: 20px;
}

.mini-prof {
    margin-top: -80px;
    background: #fff;
    border: 5px solid rgba(255, 255, 255, 0.99);
    border-radius: 100%;
}

.icon-conf .icon-stack-base {
    background: transparent;
    color: lightgrey;
    border: 5px solid white
    border-radius: 50px;
}

.icon-conf {
    margin-left: -30px;
    color: #333;
}

.icon-conf:hover {
    transform: scale(1.2);
    color: #333;
}

.nav-menu > li > a {
    color: black;
    border-color: #a0a0a0;
    border-bottom: none;
}

.nav-menu > li > a:hover {
    border-color: #a0a0a0;
    color: black;
    border-bottom: 0px;
    /*background-image: linear-gradient(to bottom, #ff8f25, white);*/
    background-image: linear-gradient(to bottom, #fda300, white);
    /*border-bottom-color: #007bff;*/
}

.nav-menu > li.active > a:hover,
.nav-menu > li.active > a {
    border-color: black;
    color: black;
    background-image: linear-gradient(to bottom, #cbefff, white);
    border-bottom: none;
}

.image-fields {
    margin-top: 5px;
}

.image-fields.delete-image {
    margin-top: 0px;
}

.image-fields.delete-image .form-group {
    margin-bottom: 0px;
}

.cov-ph {
    background-color: rgb(204, 204, 204, 0.7);
    border: none;
    color: black;
    position: absolute;
    bottom: 10px;
    right: 20px;
}

a.cov-ph:hover {
    background-color: transparent;
    border: solid 1px white;
}

.btn h5 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.label-duration {
    bottom: 5px;
    right: 5px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
}

@media (min-width: 1500px) {
  .container {
    width: 1460px;
  }
}

@keyframes le {
    from {
        color: #ffe13c;
    }
    to {
        color: #FDA300;
    }
}

#head .navbar .nav > li > a.yellow i.icon-envelope {
    animation-name: le;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    position: relative;
    display: inline-block;
    width: 20px;
}

.your-mind {
    background-color: #f0f2f5;
    font-size: 18px;
    color: #e9eaea;
    border-color: none;
}

textarea.your-mind:hover {
    background-color: #e9eaea;
    color: black;
    cursor: pointer;
}

textarea.your-mind:hover::placeholder {
  color: black;
}

.mushroom-house {
    max-height: 400px;
}

.mushroom-house.logo-img {
    max-height: 150px;
}

.menu-st >li >a {
    color: #8a6d3b;
    background-image: linear-gradient(to right, #fee188, white);
    font-size: 16px;
    border-right: none;
    font-weight: bold;
}

#registration-form .panel-body .tooltip .tooltip-inner {
  max-width: 500px;
}

.div-video-tabs li.favorite-tab a {
    line-height: 37px;
    background-color: #ff0000;
}

.div-video-tabs li.favorite-tab a:hover {
    background-color: #ca120d;
}

.well-targets .panel-heading {
    border: 1px solid #bce8f1;
    background-color:  #d9edf7;
}

.well-targets .panel-heading:hover {
    border: 1px solid #82acc1;
    background-color: #90d3f7;
}

.container-video .carousel ul.slides li {
    margin-right: 18px;
}

body.portal-base {
    background-color: #f0f2f5;
}

body.portal-base1 {
    background-color: white;
}

body.portal-base .portal-container-page.block-shadow {
    background-color: white;
}

.banner-thumbnail {
    margin-bottom: 10px;
}

.color-slide .carousel-control.right {
    background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(75, 157, 198, 0.74) 100%);
    background-color: white;
}

.color-slide .carousel-control.left {
    background-image:linear-gradient(to right,  rgba(75, 157, 198, 0.74) 0, rgba(0,0,0,0.0001) 100%);
    background-color: white;
}

.lab-img {
    top: 7px;
    right: 20px;
    position: absolute;
}

.get-to-know-us-page .section-blue {
    color: white;
    background-color: indigo;
}

.get-to-know-us-page .section-white .img-circle {
    border: 5px solid indigo;
    padding: 5px;
    box-sizing: border-box;
}

.get-to-know-us-page .section-white {
    color: indigo;
    padding: 5px;;
    background-color: white;
}

.get-to-know-us-page .section-blue a,
.get-to-know-us-page .section-white a {
    color: gold;
}

.section-blue a, .get-to-know-us-page .section-white a {
    color: gold;
}

a.simple-popover:hover {
    cursor: pointer;
}

.img-icon {
    position: absolute;;
    bottom: 20px;
    right: 40px;
}

.img-icon-circle {
    position: absolute;;
    bottom: 20px;
    right: 100px;
}

.img-portal-profile .img-icon {
    bottom: 10px;
}

ul.ui-autocomplete {
    z-index: 100000;
}

.thumbs-down.active {
    background-color: orange;
}

.comment-inner .reaction-fragment .reaction-box {
    margin-top: -20px;
    background-color: white;
    border-radius: 20px;
    padding: 0px 4px 2px;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.35);
}
/*
.social-links a {
  color: #272830;
}

.social-links a .icon-light {
  color: #3c3d44;
}

.social-links a:hover .icon-light {
  color: red;
}
*/
.social-links-body a {
  color: pink;
}

.social-links-body a:hover .icon-light {
  color: gold;
}

.social-links-body a:hover {
  color: red;
}

.new-dang {
    background-color: gold;
    color: black;
}

.purpul-button {
    background-color: purple;
    color: white;
}

.purpul-button:hover {
    background-color: #d100d1;
    color: white;
    border-color: purple;
}

#modal-form .alert.visible-alerts {
    margin: 5px 0px 5px;
    padding: 5px 10px;
}

#modal-form .visible-container .form-group {
    margin-bottom: 0px;
}

.phone-size img {
    height: 22px;
    margin-top: 5px;
}

.phone-size {
    margin-left: 25px;
}

.panel-default.container-purple > .panel-heading,
.container-purple {
    background-color: #8399fd;
}

.panel-default.container-purple .panel-heading:hover {
    background-color: #0647b0;
}

.circle-numb {
    margin-top: -45px;
    margin-bottom: 10px;
}

.circle-numb span {
    border-radius: 30px;
    border: 2px solid white;
    width: 50px;
    height: 50px;
    display: inline-block;
    font-size: 22px;
    line-height: 1.9;
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.35);
}

.circle-numb.circle-numb-color1 span {
    background-color: #00c4cc;
}

.circle-numb.circle-numb-color2 span {
    background-color: #8399fd;
}

.circle-numb.circle-numb-color3 span {
    background-color: #a882f4;
}

.circle-numb.circle-numb-color4 span {
    background-color: #38b6ff;
}

.container-purple .comment-block .well-white {
    border-radius: 20px;
    padding: 15px;
}

@media (min-width: 768px) {
  .container-purple .comment-block .well-white {
    min-height: 160px;
  }
}

.container-purple .comment-block {
    margin-top: 40px;
}

.margin-img {
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .margin-stars {
        margin-left: 3px;
    }
}

.popover-share.left {
    top: -30px;
    left: 32px;
    display: block;
    margin-left: -322px;
    max-width: 300px;
    display: none;
}

.popover-share.top {
    top: -75px;
    width: 550px;
    max-width: 550px;    
}

.sharethis-inline-share-buttons .st-btn {
    display: inline-block !important;
}

.btn-share {
    height: 48px;
}

.btn-share:hover {
    margin-top: -4px;
}

.popover-share.top > .arrow {
    left: 55px;
}

.product-page .popover-share.top > .arrow {
    display: none;
}

.popover-share.top a.btn-xs {
    margin-top: -25px;
    font-size: 20px;
    padding: 3px 6px 0px;
    line-height: 1.3;
}

.st_fblike_hcount > span {
    position: absolute !important;
}

a.share-popover {
    cursor: pointer;
}

.modal .night {
    background-image: url('/static/images/home_page/night.jpg');
    background-size: 100% 100%;
}

.modal .night .modal-header {
   color: white;
}

.modal .sunshine {
    background-image: url('/static/images/home_page/sunshine.jpg');
    background-size: 100% 100%;
}

.modal .middle {
    background-image: url('/static/images/home_page/middle.jpg');
    background-size: 100% 100%;
}

.podcast-page iframe {
    margin-bottom: 10px;
}

.text-up {
    margin-bottom: 20px;
}

.incline-text {
    margin-top: -35px;
    left: 70px;
    font-size: 40.9911px;
    transform: rotate(-11.2739deg) scaleX(1.0706);
    font-family: "Wisdom Script";
    position: absolute;
    transform-origin: 0% 0%;
}

.incline-text2 {
    font-family: "Purisa";
    margin-top: -55px;
    font-size: 12px;
    transform: rotate(-11.2739deg) scaleX(1.0706);
    position: absolute;
    transform-origin: 0% 0%;
    background-color: #cae6ef;
}

.incline-text2 h2 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.pull-incline {
    left: 20px;
    top: 560px;
    font-size: 46.6233px;
    font-family: sans-serif;
    transform: rotate(-90deg) scaleX(0.917183);
    white-space: nowrap;
    position: absolute;
    transform-origin: top left;
    text-align: initial;
    line-height: 1;
    direction: ltr;
    width: 100px;
}

.home-exersice {
    font-family: "Purisa";
    margin-top: 7px;
}

.home-exersice.input[type="checkbox"] {
  margin: 8px 0 0;
}

.line.input[type="checkbox"] {
  margin: 8px 0 0;
}

.home-exersice .row {
    margin-top: 7px;
}

.community-post-buttons .icon-plus-sign {
    font-size: 1.6em;
    vertical-align: middle;
}


#time-countdown .flip-clock-wrapper a {
    color: #ccc;
}

.flip-clock-wrapper a:hover {
    color: #fff;
}

.flip-clock-meridium a {
    color: #313333;
}

.flip-clock-wrapper ul li a div.up:after {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
}

.flip-clock-wrapper ul li a div div.inn {
    color: #006797;
    text-shadow: 0 1px 2px silver;
    background: radial-gradient(white, lightgray);
}

.flip-clock-divider .flip-clock-label {
    color: black;
}

.white .flip-clock-divider .flip-clock-label {
    color: white;
}

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both;
}

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both;
}

.height {
  height: 35px;
}

.position {
  bottom: 80px;
  font-size: 16px;
  position: absolute;
  left: 80px;
}

.line {
  font-family: "Helvetica Neue","Liberation Sans",Arial,Helvetica,sans-serif;
  margin-top: 7px;
}

.home-exersice .table > tbody > tr > td {
    border-bottom: 1px solid black !important;
    padding-top: 20px;
    border-top: none;
}

.label-danger.line {
    top: 30px;
    right: 20px;
    position: absolute;
}

.site-map-item {
    height: 200px;
}

.text-about  {
    font-size: 22px;
    line-height: 1.3em;
}

.text-header {
    font-size: 34px;
}

.icon-block {
    margin-left: 12px;
    margin-top: 10px;
}

.team-tooltip {
    display: block;
}

.search-style {
    box-shadow: -1px 2px 12px 0px rgba(0, 0, 0, 0.35);
}

.search-style .btn {
    font-size: 18px;
}

body.boot3 .search-style .form-control {
    padding: 12px 15px;
}

.search-btn {
    color: #043a56;
    margin-top: -18px;
    margin-left: 15px;
}

.for-superuser {
    box-shadow: 0 3px 12px 0 #5cd741,0 2px 16px 0 #5cd741;
    border-radius: 8px;
}

.winner-top-margin {
    margin-top: 50px;
}

.courses-style {
    background-color: #f0f2f5;
}

.label-img {
    top: 0px;
    right: 15px;
    position: absolute;
    width: 27%;
}

.nav-instructors .label-img {
    right: 0px;
}

.courses-size {
    font-size: 14px;
}

.courses-marg {
    margin-left: 12px;
}

/*.targets {
    min-height: 250px;
}*/

#id_side_type {
    height: 35px;
}

.before-images .thumbnail {
    margin-bottom: 0px;
}

.form-gift-cert.form-horizontal .control-label {
    text-align: left;
}

#questions label {
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.choose-design {
    background-image: url('/static/images/home_page/choose-design.png');
    background-position: 50% 80px;
    background-size: cover;
}

.well-choose-design {
    background-color: #006d07;
    background-color: rgba(0, 109, 7, 0.5);
    margin-top: 50px;
    margin-bottom: 80px;
}

.well-choose-design .btn-default.active {
    background-color: #007AFF;
    color: white;
}

.alert-success.alert-shop {
    position: relative;
    border-radius: 12px;
    border-bottom: 1px solid var(--color-white);
    background-color: #e1e6ee;
    margin: 10px 0 10px;
    padding: 20px;
}

.style-price {
    font-size: 60px;
    font-weight: bold;
    line-height: 60px;
}

.fullprice-style {
    color:#e63122;
    font-size: 40px;
    line-height: 1.5;
}

.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top-20 {
    margin-top: -20px;
}

.productreviews.well {
    background-color: white;
    border-width: 3px;
}

.related-well {
    background-color: white;
    border-width: 3px;
}

.well.collapse.cart-fragment {
    background-color: white;
    border-width: 3px;
    border-color: #a481c6;
}

.rating-size {
    font-size: 14px;
}

.rating-star {
    color: #FFC700;
}

a.rating-star:hover {
    color: #FDA300;
}

.point-img {
    max-width: 130px;
    margin-top: -12px;
    margin-left: 5px;
}

.alert-success {
    color: #007021;
    background-color: #dff0d8;
    border-color: #c2e5a5;
}

.btn-success {
    background-color: #4FA700;
    border-color: #398439;
}

.btn-success:hover {
    background-color: #007021;
    border-color: #398439;
}
/*
.label-success {
    background-color: #4FA700;
}
*/
.btn-warning {
    background-color: #FDA300;
    border-color: #C67D01;
}

.btn-warning:hover {
    background-color: #E69100;
    border-color: #d58512;
}
/*
.label-warning {
    background-color: #FDA300;
}
*/
.btn-danger {
    background-color: #E63122;
    border-color: #d43f3a;
}

.btn-danger:hover {
    background-color: #c9302c;
    border-color: #ac2925;
}
/*
.label-danger {
    background-color: #E63122;
}
*/
.btn-primary {
    background-color: #0027B1;
    border-color: #06279C;
}

.btn-primary:hover {
    background-color: #06279C;
    border-color: #06279C;
}
/*
.label-primary {
    background-color: #0027B1;
}
*/
.btn-info {
    background-color: #007AFF;
    border-color: #0D76E8;
}

.btn-info:hover {
    background-color: #0D76E8;
    border-color: #0D76E8;
}
/*
.label-info {
    background-color: #007AFF;
}
*/
.btn-dark-blue {
    color: #ffffff;
    background-color: #490084;
    border-color: #3f056d;
}

.btn-dark-blue:hover {
    color: #ffffff;
    background-color: #3f056d;
    border-color: #3f056d;
}

.btn-dark-blue:active:focus {
    background-color: #3f056d;
    border-color: #3f056d;
}

.btn-dark-blue:focus {
    color: #ffffff;
    background-color: #3f056d;
    border-color: #3f056d;
}

.btn-dark-blue:active {
    color: #ffffff;
    background-color: #3f056d;
    border-color: #3f056d;
}

.btn-violet {
  color: #ffffff;
  background-color: #AE4FC3;
  border-color: #9533AA;
}

.btn-violet:focus,
.btn-violet.focus {
  color: #ffffff;
  background-color: #9533AA;
  border-color: #7B218E;
}

.btn-violet:hover {
  color: #ffffff;
  background-color: #9533AA;
  border-color: #7B218E;
}

.btn-violet:active,
.btn-violet.active,
.open > .dropdown-toggle.btn-violet {
  color: #ffffff;
  background-color: #9533AA;
  background-image: none;
  border-color: #7B218E;
}

.btn-purple {
  color: #ffffff;
  background-color: #490084;
  border-color: #3c0964;
}

.btn-purple:focus,
.btn-purple.focus {
  color: #ffffff;
  background-color: #3c0964;
  border-color: #310b4f;
}

.btn-purple:hover {
  color: #ffffff;
  background-color: #3c0964;
  border-color: #310b4f;
}

.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  color: #ffffff;
  background-color: #3c0964;
  background-image: none;
  border-color: #310b4f;
}

.navbar-red {
  padding: 10px 0;
  background-color: #F0F0EF;
  text-align: center;
  box-shadow: inset 2px 1px 9px 3px #ff4300;
  border: none;
}

.navbar.navbar-red .nav li a:hover::after,
.navbar.navbar-red .nav li .current::after {
  right: 0;
}

.navbar.navbar-red .nav li a::before,
.navbar.navbar-red .nav li a::after {
  content: "";
  position: absolute;
  height: 3px;
  top: auto;
  right: 50%;
  bottom: -5px;
  left: 50%;
  background: #ff4300;
  transition: .8s;
}

.navbar.navbar-red .nav li a:hover::before,
.navbar.navbar-red .nav li .current::before {
  left: 0px;
}

.container-shop .navbar-red .dropdown-menu,
.navbar-red .dropdown-menu {
  opacity: 0.95;
}

.navbar.navbar-red .dropdown-submenu > a::after {
  border-style: inherit;
  border-width: none;
  border-left-color: none;
  margin-right: 0px;
  width: auto;
}

.navbar.navbar-red li.active > a:hover,
.navbar.navbar-red li.active > a {
    background-image: none;
}

.navbar.navbar-red .navbar-toggle {
    border-color: #E63122;
    margin: 2px 2px 2px 20px;
}

.navbar.navbar-red .nav > .active > a,
.navbar.navbar-red .nav li a:hover,
.navbar.navbar-red .nav li.dropdown.open a.dropdown-toggle,
.navbar.navbar-red .nav li.dropdown.open a.dropdown-toggle:hover,
.navbar.navbar-red .nav li.dropdown.open a.dropdown-toggle:focus,
.navbar.navbar-red .nav li a:focus {
  background-color: #E63122;
  color: white;
}

.navbar.navbar-red .nav li.dropdown.open a.dropdown-toggle:hover,
.navbar.navbar-red .nav li.dropdown.open a.dropdown-toggle:focus,
.navbar.navbar-red .nav li a:focus {
  background-image: none;
}

.navbar.navbar-red .nav li.cart,
.navbar.navbar-red li {
  background-color: inherit;
  font-size: 17px;
}

.navbar.navbar-red li a {
    color: #E63122;
}

.navbar.navbar-red .nav li.cart a {
    background-color: #E63122;
    color: white;
    margin-right: 10px;
    margin-top: 2px;
}

.navbar-violet {
  padding: 10px 0;
  background-color: #f2efff;
  text-align: center;
  box-shadow: inset 2px 1px 9px 3px #7f1996;
}

.navbar.navbar-violet li a {
    color: #ae4fc3;
}

.navbar.navbar-violet .nav > .active > a,
.navbar.navbar-violet .nav li a:hover,
.navbar.navbar-violet .nav li.dropdown.open a.dropdown-toggle,
.navbar.navbar-violet .nav li.dropdown.open a.dropdown-toggle:hover,
.navbar.navbar-violet .nav li.dropdown.open a.dropdown-toggle:focus,
.navbar.navbar-violet .nav li a:focus {
  background-color: #ae4fc3;
  color: white;
}

.navbar.navbar-violet .nav li.dropdown.open a.dropdown-toggle:hover,
.navbar.navbar-violet .nav li.dropdown.open a.dropdown-toggle:focus,
.navbar.navbar-violet .nav li a:focus {
  background-image: none;
}

.navbar.navbar-violet .nav li a:hover::after,
.navbar.navbar-violet .nav li .current::after {
  right: 0;
}

.navbar.navbar-violet .nav li a::before,
.navbar.navbar-violet .nav li a::after {
  content: "";
  position: absolute;
  height: 3px;
  top: auto;
  right: 50%;
  bottom: -5px;
  left: 50%;
  background: #ae4fc3;
  transition: .8s;
}

.navbar.navbar-violet .nav li.cart a {
    background-color: #ae4fc3;
    color: white;
    margin-right: 10px;
    margin-top: 2px;
}

.navbar.navbar-violet .nav li.cart,
.navbar.navbar-violet li {
  background-color: inherit;
  font-size: 17px;
}

.navbar.navbar-violet .navbar-inline > li {
    float: left;
}

.navbar.navbar-violet .nav li a:hover::before,
.navbar.navbar-violet .nav li .current::before {
  left: 0px;
}

.container-shop .navbar-violet .dropdown-menu,
.navbar-violet .dropdown-menu {
  opacity: 0.95;
}

.navbar.navbar-violet .dropdown-submenu > a::after {
  border-style: inherit;
  border-width: none;
  border-left-color: none;
  margin-right: 0px;
  width: auto;
}

.navbar.navbar-violet li.active > a:hover,
.navbar.navbar-violet li.active > a {
    background-image: none;
}

@media (min-width: 1500px) {
  .container-shop .nav > li > a.navbar-toggle {
    display: none;
  }

  .container-shop .navbar .navbar-collapse.collapse {
    display: block !important;
  }

  .navbar.navbar-violet .navbar-inline {
      float: right;
  }
}

.navbar.navbar-violet .dropdown-menu {
  border-radius: 0px;
  padding: 0px;
  opacity: 0.9;
  background-color: #f2efff;
}

.img-st a:hover img {
  margin-top: -5px;
}

.container-shop .navbar li.search-marg {
    margin-right: 10px;
    margin-left: 10px;
}

.navbar-purple {
  padding: 10px 0;
  background-color: #f2efff;
  /*text-align: center;*/
  box-shadow: inset 2px 1px 9px 3px #490084;
}

.navbar.navbar-purple li a {
    color: #490084;
}

.navbar.navbar-purple .nav > .active > a,
.navbar.navbar-purple .nav li a:hover,
.navbar.navbar-purple .nav li.dropdown.open a.dropdown-toggle,
.navbar.navbar-purple .nav li.dropdown.open a.dropdown-toggle:hover,
.navbar.navbar-purple .nav li.dropdown.open a.dropdown-toggle:focus,
.navbar.navbar-purple .nav li a:focus {
  background-color: #490084;
  color: white;
}

.navbar.navbar-purple .nav li.dropdown.open a.dropdown-toggle:hover,
.navbar.navbar-purple .nav li.dropdown.open a.dropdown-toggle:focus,
.navbar.navbar-purple .nav li a:focus {
  background-image: none;
}

.navbar.navbar-purple .nav li a:hover::after,
.navbar.navbar-purple .nav li .current::after {
  right: 0;
}

.navbar.navbar-purple .nav li a::before,
.navbar.navbar-purple .nav li a::after {
  content: "";
  position: absolute;
  height: 3px;
  top: auto;
  right: 50%;
  bottom: -5px;
  left: 50%;
  background: #490084;
  transition: .8s;
}

.navbar.navbar-purple .nav li.cart a {
    background-color:  #490084;
    color: white;
    margin-right: 10px;
    margin-top: 2px;
}

.navbar.navbar-purple .nav li.cart,
.navbar.navbar-purple li {
  background-color: inherit;
  font-size: 17px;

}

.navbar.navbar-purple .navbar-inline > li {
    float: left;
}

.navbar.navbar-purple .nav li a:hover::before,
.navbar.navbar-purple .nav li .current::before {
  left: 0px;
}

.container-shop .navbar-purple .dropdown-menu,
.navbar-purple .dropdown-menu {
  opacity: 0.95;
}

.navbar.navbar-purple .dropdown-submenu > a::after {
  border-style: inherit;
  border-width: none;
  border-left-color: none;
  margin-right: 0px;
  width: auto;
}

.navbar.navbar-purple li.active > a:hover,
.navbar.navbar-purple li.active > a {
    background-image: none;
}

@media (min-width: 1500px) {
  .container-shop .nav > li > a.navbar-toggle {
    display: none;
  }

  .container-shop .navbar .navbar-collapse.collapse {
    display: block !important;
  }

  .navbar.navbar-purple .navbar-inline {
      float: right;
  }
}

.navbar.navbar-purple .dropdown-menu {
  border-radius: 0px;
  padding: 0px;
  opacity: 0.9;
  background-color: #f2efff;
}

.text-success {
    color: #007021;
}

.link-style {
    line-height: 1.7;
    font-size: 18px;
}

.btn-copy {
    margin-left:10px;
    border-radius: 10px;
}

.link-block {
    font-size: 15px;
    color: #490084;
    width: 350px;
}

.well-tv {
    background-color: transparent;
    background: rgba(0, 0, 0, 0.55) none repeat scroll 0 0;
    border: 1px solid #505050;
    border-radius: 16px;
    color: #fff;
}

body.martintv-board {
    background-image: url('/static/images/home_page/Photos-of-balloons1.jpeg');
    background-repeat: repeat repeat ;
    background-size: 100%;
    background-attachment: fixed;
    background-position: top center;
    background-color: black;
    background-size: cover;
}

.well-tv p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 20px;
    text-align: justify;
}

.imgtv {
    padding-top: 103px;
    padding-left: 36px;
    padding-right: 32px;
    margin-top: 0px;
}

.img-bgbl {
    background-image: url('/static/images/home_page/iphone-black.png');
    width: 320px;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center top;
}

.img-bgwh {
    background-image: url('/static/images/home_page/iphone-white.png');
    width: 320px;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center top;
}

.text-border {
    border-bottom: 1px solid #fff;
    margin-top: 30px;
    padding-bottom: 15px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    margin-left: 20px;
}

.text-padding {
    padding-left: 30px;
    padding-right: 30px;
}

.well-tv ul {
    margin-top: 30px;
    margin-bottom: 30px;
}

.cal-marg {
    max-height: 100%;
}

.well.well-frag-product {
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    border-width: 2px;
}

.well.well-frag-product:hover {
    box-shadow: 0 4px 17px 0 rgba(23, 84, 116, 0.3);
}

.navbar-blue {
    background-image: linear-gradient(to bottom, #6fcbff, #006);
    line-height: 48px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 10px;
    line-height: 48px;
    font-weight: 700;
}

/*
.navbar-blue .nav a:hover {
  background-image: linear-gradient(to top, #43a5dc, #000026);
}
*/

.navbar-blue .nav {
  display: block;
  float: left;
  margin-left: 15px;
  margin-top: 0;
  padding: 0;
  font-size: 18px;
  color: #FCFE00;
}

.navbar-blue .nav a {
  color: #FFF500;
  padding: 13px 10px;
  position: relative;
  border-right: 2px solid  #43a5dc;
}

.navbar-blue .nav > li.active > a,
.navbar-blue .nav > li > a:hover,
.navbar-blue .nav > li > a:focus {
    text-decoration: none;
    background-image: linear-gradient(to top, #43a5dc, #000026);
}

.well-blue-border-gradient {
    background-image: linear-gradient(to top, #cbefff, white);
    border-color: #007bff;
    border-width: 3px;
    color: black;
}

.well-continue.well-subs.selected {
    border-color: #007bff;
    border-width: 3px;
    color: black;
}

.alert-orange {
    background-image: linear-gradient(to top, #ffc708, white);
    margin-bottom: 0px;
    margin-top: 0px;
    color: black;
    border-width: 1px;
    border-color: #ffc708;
}

.table-shop .table {
    background-color: white;
}

.table-shop .table > tbody > tr > td,
.table-shop .table > tbody > tr > th,
.table-shop .table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #490084;
    border-bottom: 1px solid #490084;
}

.table-shop.table-striped tbody > tr:nth-child(2n+1) > td,
.table-shop.table-striped tbody > tr:nth-child(2n+1) > th {
  background-color: #f2efff;
}

.table-cart.table > tbody > tr > td {
    border-top: 1px solid #490084;
}

.table-cart.table > thead:first-child > tr:first-child > th {
     border-bottom: 1px solid #490084;
}

.table-cart.table > tbody > tr:hover {
    background-color: #f2efff;
}

.well-shop {
    background-color: white;
    border: 3px solid #a481c6;
}

.alert-purple {
    color: #490084;
    background-color: #e6e0f7;
    border-color: #bda5d9;
}

.meal-style {
    color: #ff6000;
}

#no_subscription_modal .modal-content {
    background-image: linear-gradient(to bottom, white 30%, #43a5dc,  #000026);
    opacity: 0.95;
}

.free-drop .dropdown-menu > li > a {
    color: white;
}

.margin-left-20 {
    margin-left: 20px;
}

.nav .free-drop.open > a,
.nav .free-drop.open > a:hover,
.nav .free-drop.open > a:focus {
    background-color: black;
    color: #fff200;
}

.event-inline .select2-container {
    width: 530px !important;
}

@media (max-width: 700px) {
    .event-inline .select2-container {
        width: 240px !important;
  }
}

.blue-bright{
    background: #a9977f;
    font-family: 'Nunito', sans-serif;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 0 20px 14px #007aff;
}

body.lead-board {
    background-image: url('/static/images/home_page/lead.jpeg');
    background-repeat: repeat repeat ;
    background-size: 100%;
    background-attachment: fixed;
    background-position: left center;
    background-color: black;
    background-size: cover;
}

.embed-responsive-video {
    position: relative;
    margin-top: 25%;
    z-index: 1;
    text-align: center;
}

.darker-span {
  filter: brightness(40%);
}

.darker-span60 {
  filter: brightness(60%);
}

.brighter-span {
  filter: brightness(150%);
}

.panel-primary .lead-panel {
    background-image: linear-gradient(to bottom, #007AFF, #000026);
    font-family: Proxima Nova;
}

.btn-bright {
    box-shadow: 0 0 20px 14px #ffd200;
    background-image: linear-gradient(to bottom, #ffd200, #000026);
}

.btn-bright:hover {
     background-image: linear-gradient(to top, #ffd200, #000026);
}

hr.transparent {
    border-top: 1px solid transparent;
}

@keyframes fe {
    from {
        box-shadow: 0 0 20px 14px #007AFF;
    }
    to {
        box-shadow: 0 0 20px 14px #ffd200;
    }
}

button.btn-bright {
    animation-name: fe;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    position: relative;
    display: inline-block;
}

.well-pink {
    background-image: linear-gradient(to right, #007AFF 10%, #fc8e93);
    color: white;
}

.panel-yellow {
    background-color: #facf35;
}

.well-pink td select,
.well-pink td input {
    color: black;
}

.time-schedule {
    max-height: 115px;
    overflow-y: auto;
}

@media (max-width: 768px) {
.search-marg .input-group .form-control {
    width: 80%;
  }
}

@media (max-width: 768px) {
.search-marg .input-group-addon,
.search-marg .input-group-btn,
.search-marg .input-group .form-control {
    display: table;
  }
}

@media (max-width: 767px) {
.navbar-default.navbar-purple .navbar-nav .open .dropdown-menu > li > a {
    color: #490084;
  }
}

@media (max-width: 767px) {
.navbar-default.navbar-purple .navbar-nav .open .dropdown-menu > li > a:hover {
    color: white;
    background-image: linear-gradient(to bottom, #0090e5, #0080cc);
  }
}

.well-blue-shine-border {
    background-color: white;
    border: 2px solid #34aadc;
    border-radius: 20px;
    box-shadow: inset 2px 1px 20px 3px #34aadc;
    color: black;
}

.well-violet-shine-border {
    background-color: white;
    border: 2px solid #ae4fc3;
    border-radius: 20px;
    box-shadow: inset 2px 1px 20px 3px #ae4fc3;
    color: black;
}

.well-violetred {
    background-color: white;
    border: 2px solid mediumvioletred;
    border-radius: 20px;
}

.well-violetred h3 a {
    color: mediumvioletred;
}

.well-violetred h3 a:hover,
.well-violetred h3 a:focus {
    color: #95005e;
}

/*
#modal-get-content.modal-content {
    background-image: linear-gradient(to bottom, white 5%, #43a5dc, #43a5dc, white);
}
*/

@media (max-width: 1600px) {
  body .size-search li a {
    font-size: 18px;
    line-height: 28px;
  }
}

.container-img {
    background-image: url('/static/images/home_page/sales-baner.png');
    background-size: cover;
    background-position: center center;
    /*background-repeat: repeat repeat ;
    background-size: 100%;
    background-attachment: fixed;
    background-position: top left;
    background-color: black;*/
}

.container-img .container-page {
    padding-bottom: 95px;
    padding-top: 50px;
}

.container-sales {
    margin-top: 20px;
    margin-bottom: 15px;
}

.container-sales .container-page {
    padding: 40px 0;
}

.btn-round {
    background-color: #ffc700;
    color: white;
    text-decoration: none;
    padding: 36px 10px;
    font-weight: 700;
    border-color: white;
    border-width: 10px;
    border-style: solid;
    letter-spacing: 0;
    text-transform: none;
    text-shadow: 0 0 0 transparent;
    border-radius: 100px;
    margin-top: 95%;
    transition: .2s;
    margin-left: 25%;
}

.btn-round:hover {
    box-shadow: 0 8px 5px -5px #00000040;
    transform: translateY(-10px);
    background-color: #ffc700;
    border-color: white;
    transition: .2s;
}

.free-public .sales-testimonies #testimony-carousel .carousel-control,
.sales-testimonies #testimony-carousel .carousel-control {
    font-size: 40px;
    position: relative;
    width: 60px;
    height: 60px;
    color: #34AADC;
    display: inline-block;
    line-height: 1.3;
}

.free-public .sales-testimonies #testimony-carousel .carousel-control:hover,
.sales-testimonies #testimony-carousel .carousel-control:hover {
    background-color: rgba(24, 139, 246, 0.2);
    border-radius: 50%;
}

.free-public .sales-testimonies #testimony-carousel .carousel-control.right,
.sales-testimonies #testimony-carousel .carousel-control.right {
    background-image: none;
}

.free-public .sales-testimonies #testimony-carousel .carousel-control.left,
.sales-testimonies #testimony-carousel .carousel-control.left {
    background-image: none;
}

.average-rating {
    font-size: 50px;
}

.testimony-published {
    margin-right: 25%;
}

@keyframes rocking {
    0% {
        transform: rotate(0);
    }
    25% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(2deg);
    }
    75% {
        transform: rotate(-2deg);
    }
    100% {
        transform: rotate(0);
    }
}

.button-rocking {
    animation: rocking 2s infinite;
    animation-timing-function: ease;
    animation-timing-function: ease-out;
    transition: .2s;
    background-color: #003166;
    border: 3px solid #188bf6;
    border-radius: 10px;
    font-weight: 700;
    box-shadow: 0 1px 5px #0006;
}

.well-sales {
    padding: 30px 20px 25px;
    background-color: white;
    width: 100%;
    border: 1px solid black;
    margin-top: 25px;
    margin-bottom: 25px;
    border-radius: 10px;
}

.container-color {
    background-color: #003166;
    margin-top: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.center {
    margin-top: 25px;
}

.btn-sales {
    background-color: #f6ad55;
    color: white;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid transparent;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    margin-top: 20px;
    letter-spacing: 0;
    text-transform: none;
    transition: .2s;
}

.btn-sales:hover {
    box-shadow: 0 8px 5px -5px #00000040;
    transform: translateY(-10px);
    background-color: #f6ad55;
    border: 1px solid transparent;
    transition: .2s;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}

.margin-top100 {
    margin-top: 100px;
}

.margin-top30 {
    margin-top: 30px;
}

.margin-bottom100 {
    margin-bottom: 100px;
}

.margin-bottom20 {
    mrgin-bottom: 20px;
}

.rating-top {
  display: inline-block;
  position: relative;
  top: 5px;
  vertical-align: top;
}

@media (max-width: 767px) {
  .float .dropdown-menu.navbar-inline {
    float: none;
  }
}

@media (min-width: 767px) {
  .float .dropdown-menu.navbar-inline {
    float: right;
    right: 0px;
    left: auto;
  }
}

.modal-yellow {
    background-image: linear-gradient(to top, #ffc708, white);
}

.yellow-modal {
    background-image: linear-gradient(to bottom, #ffc708, white);
}

.container-page-cindy .btn-cal {
    animation-name: fe;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    position: relative;
    display: inline-block;
    margin-top: -10px;
    margin-bottom: 30px;
}

#calendar_modal .modal-dialog.modal-lg .modal-content {
    background-color: #43a5dc;
    color: #000026;
}

.btn-head {
    animation-name: lp;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    position: relative;
    display: inline-block;
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

@keyframes lp {
    from {
        box-shadow: 0 0 10px 7px #4fa700;
    }
    to {
        box-shadow: 0 0 10px 7px #ffd200;
    }
}

@media (max-width: 1300px) {
  .btn-head {
      margin-top: 5px;
      margin-bottom: 5px;      
  }
}

.modal-cal {
    width: auto;
}

@media (min-width: 1100px) {
    .modal-cal {
        width: 1100px;
    }
}

@media (max-width: 767px) {
  .btn-cal {
      font-size: 12px;
      font-weight: bold;
  }
}

.well-green {
    border: none;
    border-radius: 4px;
    background-image: linear-gradient(to top, #A3C300, white);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);

}

.well-green a {
    color: #007021;
}

.well-green a:hover {
    color: #074319;
}

.well-blue-gradient {
    background-image: linear-gradient(to top,#9adefd,white);
    border: none;
    border-radius: 4px;
}

.well-blue-radius-gradient {
    background-image: radial-gradient(white 60%,#9adefd);
    border: none;
    border-radius: 4px;
}

.container-fb-group .well-blue-gradient a {
    color: #23527c;
}

.container-fb-group .well-blue-gradient a:hover {
    color: #082b4a;
}

.russo-one {
    font-family: "Russo One";
}

.container-pay.container-price h1.font-size-70 {
    font-size: 70px;
}

.font-size-60 {
    font-size: 60px;
}

.container-home {
    background-image: linear-gradient(180deg, #37a3e0 0%, white 10%);
}

.container-home .well-blue {
    background-color: #43a5dc;
    margin-bottom: 50px;
}

.size-style1 {
    text-align: center;
    color: rgba(15, 38, 79, 1);
    font-size: 45px;
}

.size-style2 {
    text-align: center;
    color: white;
    background-color: transparent;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 52px;
}

.size-style3 {
    text-align: center;
    color: rgba(15, 38, 79, 1);
    font-size: 45px;
}

@media (max-width: 1900px) {
    .size-style2  {
        font-size: 40px;
    }
    .font-size-70 {
        font-size: 60px;
    }

    .font-size-60 {
        font-size: 50px;
    }
}

@media (max-width: 1500px) {
    .size-style2  {
        font-size: 30px;
    }

    .font-size-70 {
        font-size: 50px;
    }

    .font-size-60 {
        font-size: 40px;
    }

    .size-style1  {
        font-size: 30px;
    }

    .size-style3  {
        font-size: 30px;
    }

    .base-img {
        display: inline;
    }

    .container-home .well-blue {
        margin-bottom: 0px;
    }
}

.text-decoration-white:hover {
    text-decoration-color: white;
}

btn-home  {
    font-size: 40px;
}

#vector {
    margin-top: -10px;
    position: relative;
    min-height: 393px;
}

.base-img {
    height: 70px;
    width: 35%
}

.img-base2 {
    margin-top: 120px;
}

.wave {
    width: 100%;
}

@media (max-width: 992px) {
    #vector {
        background-color: #153460;
    }
}

@media (min-width: 992px) {
    .wave {
        min-height: 755px;
        position: absolute;
        left: 0px;
        top: -550px;
    }

    .free-secrets {
        position: absolute;
        top: -450px;
    }

    .img-book {
        position: absolute;
        width: 100%;
        margin-left: 30px;
        top: -250px;
    }

}

@media (min-width: 1200px) {
    .wave {
        min-height: 1200px;
        top: -800px;
    }

    .free-secrets {
        top: -630px;
    }

    .base-img {
        height: auto;
        width: 60%
    }

}

@media (min-width: 1500px) {
    .wave {
        min-height: 1248px;
        top: -850px;
    }

    .base-img {
        display: none;
    }
}

@media (max-width: 1200px) {
  .img-book {
    top: -200px;
    margin-left: 0px;
  }

  #vector {
      min-height: 203px;
  }
}

@media (max-width: 992px) {
  .img-book {
    top: 0px;
    margin-left: 0px;
  }
}

.text-vector {
    color: white;
    text-align: center;
    line-height: 1.2;
    font-family: "Russo One";
    font-size: 64px;
}

@media (max-width: 1500px) {
    .text-vector {
        font-size: 30px;
    }
}

.text-blue {
    color: #55cfff;
}

.text-vector3 {
    line-height: 1.2;
    font-size: 25px;
    color: rgba(255, 255, 255, 1);
    text-align: left;
    font-weight: 700;
}

.text-vector3 li {
    margin-bottom: 15px;
}

@media (max-width: 1200px) {
    .text-vector3 {
        font-size: 18px;
        line-height: 1.0;
    }

    .text-vector3 li {
     margin-bottom: 12px;
    }
}

#vector .btn-info.btn-lg h3 {
    padding-right: 50px;
    padding-left: 50px;
    color: white;
}

.hydra {
    margin-left: 500px;
    margin-top: -80px;
}

@media (max-width: 1500px) {
 .hydra {
     margin-left: 300px;
 }

 .img-celebr {
     display: none;
 }
}

.btn-style {
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: -20px 40px 70px -10px black;
    border: 2px solid gold;
    background-color: #ffdd06;
    color: white;
    padding-right: 60px;
    padding-left: 60px;
}

.btn-style:hover  {
    box-shadow: none;
    transform: translateY(10px);
    color: white;
}

.btn-style2 {
    box-shadow: -20px 40px 70px -10px black;
    margin-top: 40px;
    margin-bottom: 40px;
}

.btn-style2:hover  {
    box-shadow: none;
    transform: translateY(10px);
    color: white;
}

@media (max-width: 1500px) {
    .btn-style   {
        margin-top: 20px;
        margin-bottom: 40px;
        padding: 6px 12px;
        font-size: 14px;
        padding-right: 30px;
        padding-left: 30px;
        box-shadow: -10px 20px 40px -7px black;
    }

    .font-size-60 {
        font-size: 35px;
    }

    .font-size-70 {
        font-size: 40px;
    }

    .btn-style2 {
        margin-top: 25px;
        margin-bottom: 45px;
        padding: 6px 12px;
        font-size: 14px;
        box-shadow: -10px 20px 40px -7px silver;
    }

    .img-base2 {
	margin-top: 50px;
    }
}

.well-radius {
    border-radius: 18px;
}

/*
#msgsndr-calendar {
    min-height: 900px !important;
    overflow: auto !important;
}
*/

#msgsndr-calendar {
    background-color: white;
}

.msgsndr-calendar5 {
    height: 550px !important;
    min-height: 550px !important;
    overflow: auto !important;
}

#msgsndr-calendar3 {
    height: 650px !important;
    min-height: 650px !important;
    overflow: auto !important;
}

/*
#msgsndr-calendar {
    height: 517px !important;
    min-height: 517px !important;
}
*/

#msgsndr-calendar1 {
    height: 550px !important;
    min-height: 550px !important;    
}

@media (max-width: 1200px) {
  .text-vector {
      padding-top: 20px;
      font-size: 30px;
  }

  .img-base2 {
      margin-top: 0px;
  }
}

.template-chat {
    display: none;
}

.question {
    background-image: linear-gradient(to top,#ffc708,white);
}

.answer {
    background-image: linear-gradient(to top,#9adefd,white);
    margin-left: 50px;
}

#id_question.form-control {
    border-color: #007aff;
    border-radius: 8px;
    box-shadow: -1px 2px 12px 0px #188bf6;
    height: 60px;
    padding: 17px 14px;
    margin-top: -5px;
}

div.modal-header h2.join-header {
    display: block;
    width: auto;
    text-align: center;
}

.avenir {
    font-family: Avenir;
}

.avenir-bolt {
    font-family: Avenir-bolt;
}

.well-slategray {
    background-color: slategray;
}

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

.well-blue .background-white {
    color: #2a3135;
    padding-top: 20px;
    padding-bottom: 20px;
}

.value-215 {
    margin-top: -90px;
}

.margin-top50 {
    margin-top: 50px;
}

.txt {
    position: relative;
    text-decoration: none;
}

.txt:before {
    content: "";
    border-bottom: 3px solid red;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 55%;
}

.panel-pay {
    border-color: #007aff;
    border-radius: 20px;
}

.panel-pay > .panel-heading {
    background-color: #007aff;
    border-radius: 20px 20px 0 0;
}

.panel-pay > .panel-body input,
.panel-pay > .panel-body select {
  border: 2px solid #007aff;
  border-radius: 20px;
}

.panel-pay > .panel-body .input-group-addon {
    border: 2px solid #007aff;
    border-left: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.panel-pay > .panel-body .table > tbody > tr > td {
    background-color: #def5ff;
    border-top: none;
}

.panel-pay .form-control {
    border: 2px solid #007aff;
    border-radius: 20px;
}

.video-pay {
    border-radius: 20px;
    margin-top: unset;
}

.panel-pay > .panel-body .table tr:first-child td:first-child { border-top-left-radius: 10px; }
.panel-pay > .panel-body .table tr:first-child td:last-child { border-top-right-radius: 10px; }

.panel-pay > .panel-body .table tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.panel-pay > .panel-body .table tr:last-child td:last-child { border-bottom-right-radius: 10px; }

.btn-pay {
    border: none;
    border-radius: 15px;
    padding: 2px 0 2px 0;
}

.btn-pay-sign {
    border: none;
    border-radius: 15px;
    padding: 2px 0 2px 0;
    background-image:linear-gradient(to top,  #244471, #0d83f1);
    box-shadow: 2px 2px 3px #01070d;
    margin-top: 25px;
}

.btn-pay-sign:hover {
    border: none;
    border-radius: 15px;
    padding: 2px 0 2px 0;
    background-image:linear-gradient(to bottom,  #244471, #0d83f1);
    box-shadow: none;
}

.panel.panel-pay-sign {
    margin-bottom: 10px;
}

.panel-pay-sign {
    border-color: #9bbae2;
    border-radius: 20px;
}

.panel-pay-sign > .panel-heading {
    background-color: #f9c828;
    border-radius: 20px 20px 0 0;
    border-color: #f9c828;
}

.panel-pay-sign > .panel-body :required {
  border: 2px solid #f9c828;
  border-radius: 20px;
}

.panel-pay-sign > .panel-body .table > tbody > tr > td {
    border-top: none;
}

.panel-pay-sign .form-control {
    border: 2px solid #f9c828;
    border-radius: 20px;
}

.btn-detec {
    margin-top: 10px;
}

.food-text {
    text-align: right;
}

.form-food-detection #id_image {
    border-color: #007aff;
    border-radius: 8px;
    box-shadow: -1px 2px 12px 0px #188bf6;
    padding: 17px 14px;
    margin-top: -5px;
    display: list-item;
    width: 500px;
}

.form-food-detection label {
    display: none;
}

@media (max-width: 992px) {
    .form-food-detection #id_image {
        width: 250px;
    }

    .food-text {
        text-align: left;
    }

    .breadcrumb {
        line-height: 35px;
    }

    .targets .panel-heading .panel-title {
        min-height: 35px;
    }
}

.well-brown-shine-border {
    background-color: #fffbe7;
    border: 2px solid #652e26;
    border-radius: 5px;
    box-shadow: inset 2px 1px 20px 3px #652e26;
    color: black;
    padding: 50px 50px 50px;
}

.modal-reg-payment .modal-footer {
    display: none;
}

.container-color-special {
    padding: 10px 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #1088b5;
}

.container-special-white {
    margin: 20px auto;
    border: 0 solid transparent;
    background-color: #fff;
    padding: 10px 50px;
}

.container-color-special p.style3 {
    text-align: center;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    margin-top: 20px;
    color: rgb(163, 143, 132);
}

.container-color-special p.style2 {
    text-align: center;
    font-size: 22px;
    font-family: Verdana, Geneva, sans-serif;
    margin-top: 20px;
}

.container-color-special p.style4 {
    text-align: justify;
    font-size: 18px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 400;
}

.container-color-special s {
    text-align: justify;
    font-size: 32px;
    font-family: Verdana, Geneva, sans-serif;
    color: red;
}

.container-color-special .slider-selection {
    background-image: linear-gradient(to top,#ffc708,white);
}

.divider-element {
    width: 25%;
    border-top: 1px dashed black;
    margin: 40px auto auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.container-color-sign-up {
    padding: 10px 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #244471;
    border-top: 10px solid #f9c828;
}

.container-color-sign2 {
    background-image: linear-gradient(to right, #5491e2, #c2d0e2);
    background-position-x: 0%;
    background-position-y: 0%;
    background-attachment: scroll;
    background-attachment: fixed !important;
    background-position: 50% !important;
    background-repeat: repeat !important;
    background-size: cover !important;
    margin-top: 0;
    margin-bottom: 0;
}

.container-color-sign-bottom {
    padding: 10px 0;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #244471;
    border-bottom: 10px solid #f9c828;
}

.container-sign {
    max-width: 1170px;
}

.container-color-sign2 h1 {
    font-size: 39px;
    font-weight: 700;
    padding: 0 0 18px;
    opacity: 1;
    text-shadow: 0 0 0 transparent;
    line-height: 1.3em;
    text-align: center;
}

.container-color-sign2 .text-sign {
    font-size: 26px;
    padding: 19px 0 0;
    line-height: 1.3em;
    text-align: justify;
}

.container-color-sign2 ol{
    list-style: none;
    padding: 0 0 0 1.5em;
}

.container-color-sign2 ol > li {
    padding-left: 30px;
    position: relative;
    margin: 10px;
}

.container-color-sign2 ol > li:before{
    content: '✔';
    position: absolute; top: 0; left: 0;
    color: #f9c828;
    font-size: 35px !important;
    padding: 19px 0 0;
    line-height: 1.3em;
}

.btn-sign1 {
    background-color: #dedede;
    border-color: #b2b2b2;
    margin: 20px 50px 15px;
}

.btn-sign1 span {
    font-size: 20px;
    color: #244471;
}

.container-color-sign2 .btn-danger {
    margin-top: 25px;
    margin-bottom: 25px;
}

.container-color-sign2 .btn-danger span {
    font-size: 24px;
    text-align: center;
}

@keyframes br {
    from {
        box-shadow: 0 0 20px 14px none;
    }
    to {
        box-shadow: 0 0 7px 3px white;
    }
}

.container-color-sign2 .btn-sign1,
.container-color-sign2 .btn-danger {
    animation-name: br;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    position: relative;
    display: inline-block;
}

.container-color-sign2 .pre-video img {
    margin-top: 0px;
}

.count-hidden .count {
    display: none;
}

.bump-tr {
    color: #009900;
    background-color: #fefcbf;
    border: 2px dashed #c7c7c7;
    border-radius: 5px;
    padding: 8px;
    border-bottom: none;
    font-size: 16px;
}

.panel-pay-sign .panel-body {
    padding: 10px;
    padding-bottom: 0px;
    font-size: 14px;
}

.panel-pay-sign td h5 {
    font-size: 16px;
}

.cont {
    background-color: #fbf8e3;
    border: 2px dashed #c7c7c7;
    border-radius: 5px;
    padding: 8px;
    border-top: none;
}

.font-size30 {
    font-size: 33px;
}

.font-size20 {
    font-size: 20px;
}

.time-grid {
    display: grid;
    grid-template-columns: repeat(3,100px);
    text-align: center;
    font-size: 30px;
    justify-content: center;
}

.timer-text {
    font-size: 14px;
    font-weight: 200;
}

.hr-sign {
    margin-bottom: 150px;
}

@media (max-width: 992px) {
    .container-color-sign2 .text-sign {
        font-size: 20px;
    }

    .container-color-sign2 h1 {
        font-size: 28px;
    }

    .container-color-sign2 .btn-danger span {
        font-size: 15px;
    }

    .container-color-sign-bottom {
        text-align: center;
    }

    .hr-sign {
        margin-bottom: 0px;
    }
}

.well-transparent {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

#chat-dropzone {
    bottom: -55px;
    height: 76px!important;
    left: auto;
    right: 80px;
    top: auto;
    width: 76px!important;
    -webkit-font-smoothing: antialiased;
    background: none transparent;
    border: none;
    display: block;
    font-size: 16px;
    letter-spacing: 0;
    max-height: 100vh;
    max-width: 100vw;
    opacity: 1;
    padding: 0;
    position: fixed;
    transition: none;
    visibility: none;
    z-index: 20000;
}

.dropzone .dz-preview .dz-image {
    border-radius: 10px;
    width: 60px;
    height: 60px;
    right: 10px;
}

.dropzone .dz-preview .dz-details .dz-size {
    font-size: 13px;
}

.dropzone .dz-preview {
    margin: 9px;
    vertical-align: text-top;
}

.lightskyblue {
    color: lightskyblue;
}

a.lightskyblue:hover {
  color: lightskyblue;
  text-decoration: underline;
}

.body-journal .tab-pane table.datatable {
    width: 100% !important;
}

#bp-web-widget.bp-widget-side {
    bottom: 7px;
    right: 7px;
    top: unset;
    width: 361px;
    height: 80%!important;
    z-index: 999;
    box-shadow: -1px 2px 12px 0px rgba(0,0,0,0.35);
    border: 1px solid black;
    border-radius: 8px;
}

#modal-form.form-very .modal-footer {
    padding: 5px;
}

#modal-form .btn-success.btn-very {
    margin-top: 10px;
}

.amount-slider .slider-horizontal-big .slider-horizontal {
    width: 100% !important;
}



/* New public page design */

.text-special {
    font-size: 52px;
    line-height: 1.2;
    color: #286393;
}

.p-special {
    font-size: 22px;
    line-height: 1.2;
}

.container-special-first .well-radius {
    background-color: white;
}

.container-page .padding-96.success-images .text-warning {
    color: #ef991c;
}

.container-special-first .btn-yellow-orange {
    font-size: 22px;
    color: white !important;
    margin-top: 5px;
}

.container-orange {
    background-image: linear-gradient(to bottom left, #fbba00, #e98423);
}

.container-blue-gradient .container-page {
    max-width: 1170px;
}

.container-video .container-page {
    max-width: 1170px;
}

.container-blue-gradient .text-special {
    font-size: 36px;
    line-height: 1;
    color: white;
}

.container-blue-gradient h3 {
    font-size: 24px;
    color: #286393;
}

.container-blue-gradient {
    background: linear-gradient(to bottom right, #00173d, #5fa9c7);
}

.container-blue-gradient2 {
    /* background: linear-gradient(to bottom right, #0c2b3f, #1e6c93);*/
    background: linear-gradient(to bottom right, #00173d, #01729f);
}

.container-black.container-footer-special {
    background: linear-gradient(to bottom right, #0c2b3f, #1e6c93) !important;
}

 .container-blue-gradient2 .container-page {
    max-width: 1170px;
}

/*
.container-blue-gradient a {
    font-size: 18px;
    color: #286393;
}
*/

.container-blue-gradient i {
    color: #286393;
}

.container-orange .container-page {
    max-width: 1170px;
}

.container-orange h1 {
    color: white;
}

.container-orange h3 {
    color: white;
}

.container-orange p {
    color: white;
    font-size: 18px;
    font-weight: 600;
}

.container-orange .btn-yellow-orange {
    font-size: 22px;
    color: white !important;
    padding: 12px 62px;
    margin-top: 5px;
}

.padding-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.padding-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.img-people {
    transform: rotate(10deg);
    margin-top: 40px;
}

.limited-time-offer {
    background-image: linear-gradient(to bottom right, #fbba00, #e98423);
    color: white;
    padding: 7px;
    /* margin-top: -20px; */
    text-align: center;
    font-size: 24px;
}

.limited-time-offer a,
.limited-time-offer a:hover {
    color: white;
}

.modal-special .modal-dialog.lets-get-started-sm {
    max-width: 800px;
}

.modal-special .lets-get-started-sm .btn-yellow-orange {
    border: none;
    margin-top: 10px;
    padding: 12px 32px;
    animation-name: br;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    position: relative;
    display: inline-block;
}

.container-video h1 {
    color: #286393;
}

.container-video p {
    color: #286393;
    font-size: 28px;
}

.container-price h1 {
    /*color: orange;*/
    color: white;
    text-align: center;
    font-size: 70px;
}

.container-price .price-text {
    text-shadow: 2px 7px 5px black, 0px -4px 10px rgba(255,255,255,0.3);
}

.container-price h2 {
    color: white;
    text-align: center;
    font-size: 38px;
}

.container-price p {
    color: white;
    font-size: 23px;
    line-height: 1.1;
    margin-left: 5px;
}

.container-blue-gradient2 .label-warning  {
    /*background-color: transparent;
    font-size: 26px;
    padding: 7px 25px;
    display: inline-block;
    width: 250px;
    border-radius: 20px;
    border: 3px solid orange;
    color: orange;*/

    background-image: linear-gradient(to bottom, #fbba00, #e98423);
    font-size: 26px;
    padding: 7px 25px;
    display: inline-block;
    width: 250px;
    /*animation-name: br;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;*/
    position: relative;
    display: inline-block;
    border-radius: 20px;
}

.container-blue-gradient2 .block-shadow {
    background: linear-gradient(to bottom right, #00173d, #5fa9c7);
}

.container-orange2 {
    background-image: linear-gradient(to bottom right, #fbba00, #e98423);
}

.container-orange2 h1 {
    font-size: 58px;
    text-align: center;
    color: white;
}

.container-orange2 h3 {
  font-size: 42px;
  text-align: center;
  color: black;
}

.container-orange2 .btn-default-new {
    border: 1px solid white;
    color: white;
    margin-top: 30px;
    background-color: black;
    box-shadow: -1px 2px 22px 3px #fbfbfb;
    padding: 15px 105px;
    font-size: 22px;
    animation-name: br;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    position: relative;
    display: inline-block;
}

.container-orange2 .btn-default-new:hover {
    border: 1px solid white;
    color: orange;
    margin-top: 30px;
    background-color: white;
    box-shadow: -1px 2px 22px 3px #fbfbfb;
    padding: 15px 105px;
    font-size: 22px;
    animation-name: br;
}

@keyframes att {
    from {
        box-shadow: 0 0 16px 8px #09FF02;
    }
    to {
        box-shadow: 0 0 10px 4px #06B500;
    }
}

.attention {
    animation-name: att;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    position: relative;
    display: inline-block;
}

.container-special-first {
    padding-top: 5px;
    padding-bottom: 0px;

}

.container-special-first .btn-yellow-orange {
    margin-bottom: 15px;
}

.container-special-first .img-responsive {
    margin-top: 38px;
}

.container-footer-special h4 {
    color: white;
    margin-top: 25px;
}

.container-footer-special {
    color: white;
}

.container-footer-special a {
    color: white;
}

.container-footer-special a:hover {
    color: #ffc700;
}

.container-footer-special .social-links a:hover .icon-light {
    color: #007aff;
}

#public-head.container-blue-gradient2 .navbar .nav > li > a:hover {
    color: gold;
}

@media (max-width: 1500px) {
    .text-special {
        font-size: 44px;
    }
   .container-special-first p{
        font-size: 20px;
    }
}

@media (max-width: 1200px) {
    .limited-time-offer {
          font-size: 22px;
    }

    .container-special-first {
        text-align: center;
    }

    .text-special {
        font-size: 38px;
    }

    .p-special {
        font-size: 18px;
    }

    .success-images .btn-yellow-orange {
        font-size: 18px;
    }

    .container-price h1 {
        font-size: 60px;
    }
}

@media (max-width: 992px) {
    .limited-time-offer {
          font-size: 16px;
    }

    .container-special-first {
        padding-top: 5px;
        text-align: center;
    }

    .container-special-first .well-radius {
        margin-top: 30px;
    }

    .text-special {
        font-size: 28px;
    }

    .p-special {
        font-size: 16px;
    }

    .success-images .btn-yellow-orange {
        font-size: 16px;
        margin-top: -10px;
    }

    .padding-65 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .container-blue-gradient .text-special {
        font-size: 24px;
    }

    .container-video p {
        font-size: 18px;
        text-align: center;
    }

    .container-orange h1 {
        font-size: 38px;
        text-align: center;
    }

    .container-orange h3 {
        text-align: center;
    }

    .container-orange p {
        /*text-align: justify;*/
        font-size: 16px;
    }

    .container-price h1 {
        font-size: 38px;
    }

    .container-price .price-text {
        font-size: 42px;
    }

    .container-price h2 {
        font-size: 28px;
    }

    .container-orange2 h1 {
        font-size: 38px;
    }

    .container-orange2 h3 {
        font-size: 26px;
    }

    .container-orange2 .btn-default-new {
        padding: 15px 55px;
    }

    .container-orange2 .btn-default-new:hover {
        padding: 15px 55px;
    }

    .container-video h1 {
        text-align: center;
    }

    /*
    .container-video p {
        text-align: justify;
    }
    */

    .container-blue-gradient2 .label-warning {
        margin-top: -25px;
        margin-bottom: 30px;
        font-size: 18px;
    }

    .container-price p {
        font-size: 20px;
    }

    .modal-special .lets-get-started-sm .btn-yellow-orange {
        padding: 12px 22px;
    }
}

@media (max-width: 768px) {

    .container-special-first .well-radius {
        margin-top: 5px;
    }

    .limited-time-offer {
          font-size: 16px;
    }

    .container-special-first {
        text-align: center;
    }

    .text-special {
        font-size: 38px;
    }

    .p-special {
        font-size: 18px;
    }

    .success-images .btn-yellow-orange {
        font-size: 18px;
        margin-top: -8px;
        margin-bottom: 20px;
    }

    .container-blue-gradient2 .label-warning {
        width: 180px;
    }

    .container-price .price-text {
        font-size: 38px;
    }

    .container-price h1 {
        font-size: 32px;
    }
}

.well-meal-plan h3 {
    margin-top: 50px;
    margin-bottom: 0px;
}

.well-meal-plan h3.mp-title {
    text-align: center;
}

.well-meal-plan h4.mp-included-foods {
    margin-bottom: 30px;
    text-align: center;
}

.well-meal-plan h5 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.well-meal-plan img.mp-generated-image {
    margin-bottom: 10px;
}

.container-pay {
    background-color: #007aff;
    margin-top: -20px;
}

.container-pay .container-page {
    max-width: 1170px;
}

.container-pay h1 {
    font-size: 70px;
    color: white;
}

.container-pay .text-yellow {
    color: #faf089;
}

.container-pay h3 {
    font-size: 35px;
    color: white;
}

.container-pay h4 {
    font-size: 24px;
    color: white;
}

.container-pay h2 {
    font-size: 44px;
    color: white;
}

.container-pay p {
    font-size: 18px;
    color: white;
}

.container-pay .btn-default {
    background-color: white;
    color: black;
    text-decoration: none;
    padding: 12px 62px;
    border: 1px solid white;
    font-size: 15px;
    border-radius: 10px;
    transition: .2s;
}

.container-pay .btn-default:hover {
    box-shadow: 0 8px 5px -5px #00000040;
    transform: translateY(-10px);
}

.padding30 {
  padding: 30px;
}

.container-second.padding30 {
    padding-top: 5px;
    padding-bottom: 30px;
}

.container-second .container-page {
    max-width: 1170px;
}

.container-second h3 {
    font-size: 32px;
    color:  #007aff;
}

.container-second h4 {
    font-size: 20px;
    color:  #007aff;
}

.container-second p {
    font-size: 16px;
}

.container-second h1 {
    font-size: 38px;
    color:  #007aff;
}

.container-second .img-pay {
    border: 1px solid black;
    border-radius: 15px;
    margin-top: 45px;
}

.container-second .btn-info {
    padding: 12px 62px;
    font-size: 15px;
    transition: .2s;
    border-radius: 10px;
}

.container-second .btn-info:hover {
    box-shadow: 0 8px 5px -5px #00000040;
    transform: translateY(-10px);
}

.container-pay.container-price h1 {
    font-size: 52px;
}

.container-pay.container-price h2 {
    font-size: 42px;
}

.container-pay.container-price .text-yellow {
    color: #faf089;
}

.container-pay.container-price p {
    font-size: 23px;
}

.container-video-pay h1 {
    font-size: 38px;
    color:  #007aff;
}

.container-video-pay p {
    font-size: 24px;
}

.container-video-pay .container-page {
    max-width: 1170px;
}

.container-video-pay .btn-info {
    padding: 12px 62px;
    font-size: 15px;
    transition: .2s;
    border-radius: 10px;
}

.container-video-pay .btn-info:hover {
    box-shadow: 0 8px 5px -5px #00000040;
    transform: translateY(-10px);
}

.container-pay.container-end h1 {
    font-size: 46px;
}

.container-pay.container-end p {
    font-size: 23px;
}

.container-pay.container-end .btn-default {
    background-color: white;
    color: black;
    text-decoration: none;
    padding: 12px 62px;
    border: 1px solid white;
    font-size: 15px;
    border-radius: 10px;
    transition: .2s;
    margin-top: 20px;
}

.container-pay.container-end .btn-default:hover {
    box-shadow: 0 8px 5px -5px #00000040;
    transform: translateY(-10px);
}

.container-black.container-footer-pay {
    background: none;
    background-color: #007aff;
}

.container-black.container-footer-pay container-page {
    max-width: 1170px;
}

.container-second .panel-pay-sign {
    border-color: #007aff;
}

.container-second .panel-pay-sign > .panel-heading {
    background-color: #007aff;
    border-color: #007aff;
}

.container-second .btn-pay-sign {
    font-size: 35px;
}

@media (max-width: 1200px) {
    .container-pay h1 {
        font-size: 56px;
    }

    .container-pay h3 {
        font-size: 28px;
    }

    .container-pay h2 {
        font-size: 34px;
    }

    .container-pay.container-price h1 {
        font-size: 44px;
    }

    .container-pay.container-price h2 {
        font-size: 32px;
    }

    container-video-pay h1 {
        font-size: 32px;
    }

    .container-video-pay p {
        font-size: 18px;
    }

    .container-pay.container-end h1 {
        font-size: 38px;
    }
}

@media (max-width: 992px) {
    .container-pay h1 {
        font-size: 44px;
    }

    .container-pay h2 {
        font-size: 26px;
    }

    .container-pay p {
        font-size: 14px;
    }

    .container-pay .btn-default {
        padding: 6px 62px;
        font-size: 13px;
        margin-top: -7px;
    }

    .container-pay.container-price h1 {
        font-size: 34px;
    }

    .container-pay.container-price p {
        font-size: 21px;
    }

    .container-pay.container-price h2 {
        font-size: 32px;
    }

    .container-pay.container-end h1 {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .container-pay h1 {
        font-size: 28px;
    }

    .container-pay h3 {
        font-size: 28px;
    }

    .container-pay h2 {
        font-size: 32px;
        text-align: center;
    }

    .container-pay .btn-default {
        margin-bottom: 30px;
        padding: 8px 62px;
        font-size: 14px;
    }

    .container-pay p {
        font-size: 16px;
    }

    .container-second h3 {
        font-size: 21px;
    }

    .container-second h1 {
        font-size: 32px;
    }

    .container-second h4 {
        font-size: 16px;
    }

    .container-pay.container-price h1 {
        font-size: 36px;
    }

    .container-pay.container-price p {
        font-size: 20px;
    }

    .container-pay.container-price .text-yellow {
        margin-top: -15px;
    }

    .container-pay.container-price h2 {
        font-size: 32px;
    }

    .container-video-pay h1 {
        font-size: 28px;
    }

    .container-video-pay p {
        font-size: 18px;
    }

    .container-pay.container-end h1 {
        font-size: 26px;
    }

    .container-pay.container-end p {
        font-size: 18px;
    }
}

.share-top .popover {
    max-width: 100%;
    width: 400px;
}

.popover-profile {
    width: 230px;
    background-color: red;
    color: white;
}

.popover-profile.right > .arrow::after {
    border-right-color: red;
}

.referral-link {
    width: 0px;
    height: 0px;
    padding: 0px;
    border: 0px;
}

.container-grocery {
    background-color: #007aff;
    border-top: 10px solid #faf089;
}

.container-grocery .container-page {
    max-width: 1170px;
}

.container-grocery h1 {
    font-size: 60px;
    color: white;
}

.img-logo-grocery {
    margin-bottom: 20px;
}

.container-grocery p {
    font-size: 18px;
    color: white;
    margin-top: 40px;
    padding: 0px 30px;
}

.container-grocery h2 {
    font-size: 24px;
    color: white;
    text-align: center;
    margin-top: 40px;
}

.container-grocery2 h2 {
    font-size: 23px;
    color: #188bf6;
    text-align: center;
    padding: 20px 20px 0px 20px;
}

.container-grocery2 h3 {
    font-size: 21px;
    color: #188bf6;
    text-align: center;
    padding: 50px 10px 10px 10px;
}

.container-grocery2 .container-page {
    max-width: 1170px;
}

.container-grocery2 .img-grocery {
    padding: 0px 20px 20px 20px;
}

.container-grocery2 .img-grocery2 {
    padding: 0 20px 46px 20px;
}

@media (max-width: 1200px) {
    .container-grocery h1 {
        font-size: 50px;
    }
}

@media (max-width: 992px) {
    .container-grocery h1 {
        font-size: 38px;
    }
}

@media (max-width: 768px) {
    .container-grocery h1 {
        font-size: 34px;
        text-align: center;
    }

    .container-grocery p {
        font-size: 14px;
        margin-top: 10px;
        padding: 0px 0px;
    }

    .container-grocery h2 {
        font-size: 18px;
    }

    .container-grocery2 h2 {
        font-size: 20px;
    }

    .container-grocery2 h3 {
        font-size: 19px;
    }
}

.btn-icon-info {
    font-size: 16px;
    color: #337ab7;
}

.container-color-start-community {
    background-image: linear-gradient(to top, #ffc708, white);
}

.buttons-group .btn {
    margin-bottom: 10px;
}

.personal-step {
    padding: 20px;
}

.personal-step .btn-primary {
    background-image: linear-gradient(to top, #ffc708, white);
    border: 1px solid #ffc708;
    border-radius: 4px;
    color: black;
    box-shadow: 5px 10px 8px #a481c6;
    margin-top: 10px;
}

.personal-step .btn-primary:hover {
    transform: translateY(5px);
    transition: .1s;
    border: 1px solid #ffc708;
    border-radius: 4px;
    color: black;
    box-shadow: none;
}

.personal-step .btn-primary.active {
    background-color: #0027B1;
    border-color: #06279C;
    background-image: none;
    color: white;
}

.personal-step h3 {
    color: #490084;
}

.personal-step #id_person_count {
    border-color: #ffc708;
    background-image: linear-gradient(to top, #ffc708, white);
}

.personal-step :required {
    border-color: #ffc708;
    background-image: linear-gradient(to top, #ffc708, white);
}

.personal-step #id_person_count option {
    background-color: white;
}

.container-start-community .img-community {
    max-width: 130%;
    box-shadow: -1px 2px 12px 0px #188bf6;
}

.container-start-community .well.well-white {
    max-width: 130%;
    width: 120%;
}

.label-warning {
    background-color: #fda300;
}

.label-danger {
    background-color: #e63122;
}

.well-blue-shine {
    background-color: #fafafa;
    border: none;
    border-radius: 20px;
    box-shadow: inset 2px 1px 20px 3px #9adefd;
    color: black;
}

#easy-to-share .navbar {
    margin-bottom: 0px;
}

.container-video-pay.padding-65 {
    padding-top: 0px;
}

.product-page div.favorite {
    font-size: 20px;
    margin-right: 10px;
    float: none !important;
    display: inline;
}

#quickOrder div.favorite {
    float: left !important;
}

.navbar-shop-collapse .nav > li > a i.icon-bell-alt {
  animation-name: lr;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  position: relative;
  display: inline-block;
  color: #FDA300;
}

#collapseAddress .select2-container {
  width: 100% !important;
}

#ship-bill .select2-container {
  width: 210px !important;
  margin-bottom: 10px;
}

.white-group-addon .input-group-addon {
  background-color: white;
}

.popover-lg .popover {
    max-width: 600px;
}

@media (max-width: 530px) {
  .video-header img {
    display: none;
  }
}

.popover button.close {
    line-height: 0.5;
}

.product-buttons {
    padding-left: 15px;
    padding-right: 15px;
}

.product-buttons div.product-button {
    padding: 0px;
}

.product-buttons div.col-xs-3 {
    padding-left: 5px;
}

.progress.donation-progress {
    margin-bottom: 0px;
    height: auto;
}

.progress.donation-progress .progress-bar {
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.progress.donation-progress .donation-progress-message {
    font-size: 18px;
    line-height: 30px;
}

.progress-bar-purple {
    background-color: #3c0964;
}

.donation-progress-message-absolute {
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
}

.donation-progress-message-absolute a.text-danger:focus,
.donation-progress-message-absolute a.text-danger:hover {
    color: #e61061;
}

.paypal-section form {
    float: left;
    margin-right: 5px;
}

.paypal-section form input[type="image"] {
  height: 40px;
  border: none;
  box-shadow: none;
  padding: 0px;
}

.side-right-images img:hover {
  transform: translateY(-10px);
  transition: .1s;
  box-shadow: 0 3px 12px 0 #5ba2c0,0 2px 16px 0 #5ba2c0;
  border-radius: 5px;
}

@media (min-width: 1200px) {
  .side-right-images img {
    width: 150px;
  }
}

.membership-products .thumbnail {
    background-color: #f5f6fa;
    box-shadow: 3px 3px 5px #bbbbbb;
}

.membership-products .thumbnail h4 {
    height: 60px;
}

.motivational-videos .pre-video img {
    margin-top: 0px;
}

@media (max-width: 1500px) {
  .motivational-videos .flex-control-nav {
    display: none;
  }
}

h4.day-title {
    font-size: 1em;
}

.day-input-group .has-error input {
    background-color: #f2dede40;
}

.day-input-group .has-success input {
    background-color: #dff0d857;
}

.home-event-padding {
    background-color: #5e6f87;
    padding: 10px;
    border-radius: 6px;
}

.home-event h5 {
    font-size: 1.1em;
}

.home-event a {
    color: white;
}

.home-event a:hover {
    color: white;
}

.value-system-items .no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.value-system-items .form-group {
    margin-bottom: 0px;
}

@media (max-width: 1200px) {
    .value-system-items select {
        width: 40px;
    }
}

@media (max-width: 600px) {
    .value-system-items .no-comp-padding {
        padding-left: 0px;
        padding-right: 0px;
    }

    .value-system-items select {
        float: right;
    }
}


.combinations .alert {
    border-radius: 10px;
}

.combinations .alert hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.combinations .panel-danger .panel-heading,
.combinations .alert-danger {
    background-color: #fe0200;
    color: white;
}

.combinations .panel-warning .panel-heading,
.combinations .alert-warning {
    background-color: #ffdf00;
    color: black;
}

.combinations .panel-info .panel-heading,
.combinations .alert-info {
    background-color: #2379ff;
    color: white;
}

.combinations .panel-body a:focus,
.combinations .panel-body a:hover {
    text-decoration: none;
}

.combinations .panel-body a:focus .alert,
.combinations .panel-body a:hover .alert {
    border: 2px solid darkgreen;
}

.about_start {
    font-size: 1.6em;
}

.container-mp-custom {
    font-size: 1.6em;
}

.container-mp-custom .well {
    background-color: #028df2;
    color: white;
    border-radius: 25px;
}

@media (min-width: 980px) {
    .container-mp-custom .well {
        min-height: 550px;
    }
}

.container-mp-custom .color-title {
    color: #028df2;
}

@media (min-width: 768px) {
    .container-mp-custom .well-paddings {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.container-mp-custom h1.price {
    font-size: 5em;
}

.container-mp-custom-bg {
    background-color: #028df2;
    color: white;
}

.item-buttons .btn {
    margin-right: 5px;
    margin-left: 5px;
}

@media (min-width: 992px) {
    .container-left-margin {
        margin-left: 40px;
    }
}

.em1 {
    font-size: 1em;
}

.well-no-padding .form-group {
    margin-bottom: 0px;
}

.well-no-padding .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

body.boot3 .wellness-company-directors textarea,
body.boot3 .wellness-company-directors input {
  height: 200px;
  margin-bottom: 20px;
  text-align: center;
  resize: none;
  font-size: 20px;
  padding: 50px 0;
}

body.boot3 .wellness-company-clients textarea,
body.boot3 .wellness-company-clients input {
  height: 200px;
  border-radius: 100px;
  width: 200px;
  margin-bottom: 20px;
  text-align: center;
  resize: none;
  font-size: 20px;
  padding: 50px 0;
}

.justify-content-center {
    display: flex;
    justify-content: center;
}

.wellness-directors-block {
    margin-bottom: 30px;
}

.btn-chat .popover {
    top: auto !important;
    left: -276px !important;
    bottom: 0px;
    width: 276px;
}

.btn-chat .popover .arrow {
    top: auto !important;
    bottom: 10px;
}

.btn-chat .webui-popover-content {
    padding: 0px;
    /*max-height: 400px;    */
}

.btn-chat .panel-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.btn-chat .panel-body {
    margin-bottom: 30px;
}

.btn-chat .chat-img {
    margin-right: 10px;
}

.btn-chat .chat-img.img-assistant {
    background-color: #4FA700;
    border-color: #398439;
    border-radius: 500px;
    padding: 7px;
    width: 50px;
    height: 50px;
}

.btn-chat .chat-img.pull-right {
    margin-left: 10px;
    margin-right: 0px;
}

.btn-chat .chat li {
    border-bottom: 1px solid lightgrey;
    margin-bottom: 10px;
}

#my_dataviz {
    padding: 0px;
}

.banners .flexslider {
    border: none;
    background-color: transparent;
}

.banners .flexslider ul li {
    margin-right: 10px;
}

.banners .flexslider ul li .thumbnail {
    margin-bottom: 0px;
}

.row-video.active {
    background-color: #e8f6f3;
}

.row-video:hover {
    background-color: #ebf5fb;
}

.welcome-block {
    z-index: 10000;
}

@media (min-width: 992px) {
  .welcome-block {
    position: absolute;
    top: 0px;
    width: 50%;
  }
}

.comment-block {
    margin-top: 120px;
}

.comment-block > .well {
    background-color: #2aa946;
}

.comment-block .well {
    border-radius: 20px;
}

.comment-block .img-circle {
    margin-top: -130px;
    margin-bottom: 20px;
}

.comment-block  i.icon-star {
    font-size: 30px;
    color: #FED100;
}

.panel-sign .panel-heading {
    background-color: #28a745;
}

.panel-sign .panel-body {
    background-color: #fce7d7;
}

.panel-sign .members_only {
    position: absolute;
    top: 0px;
    left: 16px;
}

@media (min-width: 992px) {
  .travis-home-page {
    min-width: 500px;
    margin-left: -150px;
  }
}

.scales-h {
    position: absolute;
    right: 0px;
    min-width: 500px;
}

@media (min-width: 1200px) {
  .cheryl-jones {
    margin-top: -53px;
  }
}

#complete-profile-tutorial dl dt,
#complete-profile dl dt {
    width: 100px;
}

#complete-profile-tutorial dl dd,
#complete-profile dl dd {
    margin-left: 100px;
}

.limited-time-offer small {
    color: white;
}

.downloadadble-item {
    margin-right: 5px;
    margin-bottom: 5px;
}

@keyframes moving {
  from {
    margin-right: 30px;
  }
  to {
    margin-right: 10px;
  }
}

.hand-right-anim {
    animation-name: moving;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
}

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

.top-background {
    background-image: url('/static/images/squeez/top-background.png');
    /*background-size: 100% 100%;*/
    background-size: cover;
    background-position: center center;
}

.top-background .container {
    padding-bottom: 0px;
}

.bottom-background {
    background-image: url('/static/images/squeez/bottom-background.png');
    /* background-size: 100% 100%; */
    background-size: cover;
    background-position: center center;
}

.bottom-background img {
    margin-top: 40px;
    margin-bottom: 100px;
}

.bottom-background h2 {
    color: white;
    margin-bottom: 120px;
    line-height: 1.5;
    -webkit-text-stroke: 1px black;
}

.well-transparent {
    margin: 100px 0px;
}

.faq-section h4 {
    font-size: 24px;
}

.faq-section p {
    margin-left: 24px;
    font-style: italic;
    font-size: 20px;
    margin-bottom: 50px;
}

.panel-free-report .panel-heading {
    background-color: #92f3b0;
}

.panel-free-report .panel-heading h3 {
    margin: 10px 0px;
}

.panel-free-report .panel-body {
    background-color: #92f3b0;
}

.free-report #content {
    padding-top: 0px;
}

.free-report dl.dl-horizontal .btn-success {
    width: 250px;
}

.staff-digital-books .well h4 {
    min-height: 45px;
}

.df-ui-btn.df-ui-download {
    display: none;
}

.targets .panel-default > .panel-heading {
    background-color: #777;
    color: white;
}

.targets .panel-default {
    border-color: #777;
}

.targets .panel-info > .panel-heading {
    background-color: #5bc0de;
    color: white;
}

.targets .panel-info {
    border-color: #5bc0de;
}

.targets .panel-success > .panel-heading {
    background-color: #5cb85c;
    color: white;
}

.targets .panel-success {
    border-color: #5cb85c;
}

.targets .panel-warning > .panel-heading {
    background-color: #fda300;
    color: white;
}

.targets .panel-warning {
    border-color: #fda300;
}

.water-intake-label {
    position: absolute;
    top: 25%;
    left: 40%;
    text-align: center;
}

.water-intake-value {
    font-size: 30px;
    font-weight: bold;
}

.panel-light-green .panel-heading {
    background-color: #abffc4;
    border-color: #6c6f74;
}

.panel-light-green {
    border-color: #6c6f74;
}

.well-gray-border {
    border-color: #6c6f74;
}

.supplements {
    font-size: 20px;
}

.supplements input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-left: 10px;
}

.video-accordion.panel-group .panel {
    margin-bottom: 20px;
}

#collapse-quiz .modal-backdrop {
    position: absolute;
    top: 44px;
    bottom: 20px;
    right: 16px;
    left: 16px;
}

#collapse-quiz .modal-dialog {
    position: absolute;
    z-index: 9999999;
    top: 0px;
    left: 20%;
}

#collapse-quiz .modal-dialog .modal-header,
#collapse-quiz .modal-dialog .modal-footer {
    padding-top: 10px;
    padding-bottom: 10px;
}

.upgrade-page {
    background-color: #fffaf4;
}

.container-upgrade-page h1 {
    font-size: 3em;
}

.container-upgrade-page p {
    margin-bottom: 30px;
    font-size: 1.3em;
}

@media (max-width: 756px) {
    .container-upgrade-page h1 {
        font-size: 2.2em;
    }

    .container-upgrade-page p {
        font-size: 1em;
    }
}

.container-upgrade-page table.table > tbody > tr > td {
    vertical-align: middle;
}

.container-upgrade-page table td:nth-child(1) {
    font-size: 20px;
}

.container-upgrade-page table .text-success {
    color: #1ab86c;
}


.light-green .text-success {
    color: #3f9c4b;
}

.light-green hr.text-success {
    border-top-color: #3f9c4b;
    border-top-width: 2px;
}

.light-green .img-circle {
    border: 3px solid #3f9c4b;
}

.torchbearers h1,
.torchbearers h2,
.torchbearers h3 {
    margin: 0px;
}

.torchbearers h1 {
    font-size: 5em;
}

.torchbearers h2 {
    font-size: 4em;
}

.torchbearers h3 {
    font-size: 2em;
}

.torchbearers .green {
    color: #109d41;
}

.torchbearers .gold {
    color: #c2aa30;
}

.torchbearers .well-green {
    background-image: none;
    background-color: #009338;
    border-radius: 10px;
}

textarea#id_comment {
    min-height: 35px;
}

#bracket .label {
  font-size: 100%;
  font-weight: 700;
  line-height: inherit;
  color: black;
  text-align: left;
}

#bracket .tools {
  display: none;
}

@media (max-width: 768px) {
    .flexslider-very-long .flex-control-nav {
        display: none;
    }
}

.htmx-indicator,
.btn .htmx-indicator.icon-spin {
    display: none;
}

.htmx-request .htmx-indicator,
.htmx-request .btn .icon-spin.htmx-indicator{
    display: inline;
}

.htmx-request.htmx-indicator,
.htmx-request.icon-spin.htmx-indicator{
    display: inline;
}

.nav > li > a.red {
    background-color: red;
}

.whoop-label {
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    left: 43%;
    top: 45px;
}

.whoop-value {
    font-size: 42px;
}

.transparent {
    background-color: transparent;
}

.travis-start {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
}

@media (max-width: 1500px) {
  .travis-start {
    position: static;
  }
}

.pay-buttons a {
    margin-right: 30px;
}

.closing-block-message {
    font-size: 18px;
}

.closing-block-message p {
    margin-bottom: 30px;
}