header .logo {
  margin-top: 28px;
}
header .logo img.fullerlife {
  margin-left: 10px;
}
.outerwrap header {
  background: #282828;
}
.outerwrap header .logo {
  margin: 0;
  padding: 10px 0 0px 0;
  float: left;
  margin-top: 25px;
}
.outerwrap header .logo .microsoft {
  margin-right: 10px;
  padding-right: 20px;
  border-right: 1px solid #fff;
}
.outerwrap header .notificationsandprofile {
  float: right;
  padding: 10px 0 0px 0;
  position: relative;
}
.outerwrap header .notificationsandprofile div.reminder {
  float: left;
  width: 50px;
  margin-top: 15px;
  cursor: pointer;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap {
  display: none;
  position: absolute;
  width: 440px;
  padding-top: 25px;
  z-index: 1000;
  background: url(../images/notification-toparrow.png);
  background-repeat: no-repeat;
  background-position: 96% 5%;
  left: -395px;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap .notification {
  background: #f2f2f2;
  overflow: hidden;
  padding-bottom: 10px;
  height: 280px;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap .notification .notificationtoggle {
  text-align: right;
  margin: 5px;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap .notification .notificationtasks ul {
  list-style: none;
  float: right;
  position: relative;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap .notification .notificationtasks ul li {
  float: left;
  padding: 15px 0px;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap .notification .notificationtasks ul li a {
  color: #bfc933;
  border-right: 1px solid #a8a8a8;
  padding: 0 6px;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap .notification .notificationtasks ul li.settings {
  background: url(../images/icon-notification-settings.png);
  background-repeat: no-repeat;
  position: relative;
  top: 16px;
  left: 5px;
  width: 30px;
  height: 15px;
  text-indent: -999999px;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap .notification .notificationtasks ul li.settings a {
  display: block;
  width: 16px;
  height: 15px;
  border: none;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap .notification .notificationfeeds {
  clear: both;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap .notification .notificationfeeds ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap .notification .notificationfeeds ul li {
  background: #fff;
  margin: 10px 10px;
  padding: 5px;
}
.outerwrap header .notificationsandprofile div.reminder .notificationswrap .notification .notificationfeeds ul li span.icon {
  margin-right: 10px;
}
.outerwrap header .notificationsandprofile div.profile {
  float: right;
  min-width: 140px;
  position: relative;
  cursor: pointer;
}
.outerwrap header .notificationsandprofile div.profile ul {
  position: absolute;
  width: 156px;
  list-style: none;
  top: 65px;
  left: 12px;
  padding: 8px 10px;
  z-index: 100;
  background: url(../images/cities-list-up-arrow.png);
  background-position: 74px 0;
  background-repeat: no-repeat;
  display: none;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.1s;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.1s;
  -ms-animation-duration: 1s;
  -ms-animation-delay: 0.1s;
  -o-animation-duration: 1s;
  -o-animation-delay: 0.1s;
  animation-duration: 1s;
  animation-delay: 0.1s;
}
.outerwrap header .notificationsandprofile div.profile ul li {
  background: #fff;
  padding: 2px 2px 2px 40px;
  margin: 0 3px;
  font-size: 12px;
  font-weight: normal;
  background: #fff url(../images/Logout_Icon.png);
  background-repeat: no-repeat;
  background-position: 13px 9px;
  border-bottom: 1px solid #e8e8e8;
}
.outerwrap header .notificationsandprofile div.profile ul li a {
  display: block;
  padding: 8px 0;
  color: #49366f;
}
.outerwrap header .notificationsandprofile div.profile ul li.profilelink {
  background: #fff url(../images/Profile_Icon.png);
  background-repeat: no-repeat;
  background-position: 13px 10px;
}
.outerwrap header .notificationsandprofile div.profile ul li.privacy {
  background: #fff url(../images/Privacy_Icon.png);
  background-repeat: no-repeat;
  background-position: 13px 10px;
}
.outerwrap header .notificationsandprofile div.profile span.name {
  display: block;
  float: left;
  color: #fff;
  text-align: right;
  margin-top: 15px;
  margin-right: 15px;
}
.outerwrap header .notificationsandprofile div.profile .profileimage {
  float: right;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: relative;
  border: 2px solid #fff;
}
.outerwrap header .notificationsandprofile div.profile .profileimage img {
  display: inline;
  margin: 0 auto;
  height: 100%;
}
.outerwrap header nav {
  clear: both;
  text-align: center;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0;
}
.outerwrap header nav ul {
  display: inline-block;
  list-style: none;
  margin-bottom: 0;
  position: relative;
  top: 4px;
}
.outerwrap header nav ul li {
  float: left;
  padding: 0px 0px 10px 0px;
  margin: 0 20px;
  color: #fff;
  font-size: 13px;
  border-bottom: 6px solid #282828;
  position: relative;
}
.outerwrap header nav ul li a {
  color: #fff;
  text-transform: uppercase;
}
.outerwrap header nav ul li a:hover {
  text-decoration: none;
}
.outerwrap header nav ul li span .fa {
  font-size: 5px;
  position: relative;
  top: -10px;
  left: 0px;
}
.outerwrap header nav ul li span.green .fa {
  color: #a5cd38;
}
.outerwrap header nav ul li span.red .fa {
  color: #fe0100;
}
.outerwrap header nav ul li.highlight {
  border-bottom: 6px solid #5a4484;
}
.information {
  margin-top: 20px;
}
.information .informationwrap {
  margin: 30px 40px;
}
.information .note {
  width: 430px;
  float: right;
  padding: 0 25px 25px 25px;
  margin-top: 20px;
  background: #fff url(../images/box-rightbg.png);
  background-position: 370px 5px;
  background-repeat: no-repeat;
}
.information .note h2 {
  font-size: 24px;
  font-weight: 900;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  line-height: 30px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
}
.information .note h3 {
  font-size: 14px;
  font-weight: 900;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  color: #5f4595;
  line-height: 30px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
}
.information .note ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.information .note ul li {
  padding: 5px 0 5px 12px;
  margin: 0;
  background: url(../images/bullet.png);
  background-repeat: no-repeat;
  background-position: 0 13px;
}
.information #note_email_error,
.information #note_password_1 {
  width: auto;
  padding: 0 5px 5px 5px;
  float: none;
  margin-top: 5px;
}
.information .winnernote h2 {
  font-size: 44px;
  font-weight: 900;
  line-height: 44px;
}
.information .login {
  background: #fff url(../images/box-rightbg.png);
  background-position: 240px 5px;
  background-repeat: no-repeat;
  width: 300px;
  float: right;
  padding: 0 20px 20px 20px;
  margin-top: 20px;
}
.information .login h2 {
  font-size: 24px;
  font-weight: 800;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  line-height: 30px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
}
.information .login h2.lf {
  text-align: left;
}
.information .login h3 {
  font-size: 16px;
  font-weight: bolder;
  font-family: 'Open Sans', sans-serif;
  text-align: left;
  color: #000;
}
.information .login h3.slogan {
  font-size: 33px;
  font-weight: bolder;
  font-family: 'Open Sans', sans-serif;
  text-align: left;
  color: #5f4595;
  border: none;
}
.information .login p {
  margin: 20px 20px 20px 0;
}
.information .login ol {
  padding: 3px 0 3px 15px;
  margin: 0;
}
.information .login ol li {
  padding: 3px 0 3px 0;
}
.information .login .form-group {
  margin-top: 10px;
}
.information .login .form-group label {
  font-size: 14px;
}
.information .login .form-group .form-control {
  height: 40px;
}
.information .login .form-group p.forgotpassword {
  text-align: right;
  padding-bottom: 20px;
}
.information .login .form-group p.forgotpassword a {
  color: #454545;
}
.information .login .form-group.buttons {
  text-align: center;
  margin-bottom: 20px;
}
.information .login .form-group.buttons .btn-default {
  width: 150px;
  height: 40px;
}
.information .login .form-group.buttons .btn {
  font-weight: 700;
  font-size: 19px;
}
.information .login .form-group.buttons.forgotpassword {
  margin-top: 0px;
}
.information .login .form-group.buttons.forgotpassword p {
  text-align: left;
}
.information .login .form-group.buttons.forgotpassword ol {
  text-align: left;
}
.information .login .form-group.buttons.registration {
  margin-top: 0px;
}
.information .login .form-group.buttons.registration p {
  text-align: left;
}
.information .login .form-group.buttons.registration ol {
  text-align: left;
}
.information .login .form-group.notamember {
  margin-top: 0px;
}
.information .login .form-group.notamember p {
  text-align: center;
}
.information .countdown {
  margin-left: 120px;
}
.information .countdown div.countdownwrap {
  color: #fff;
  font-size: 56px;
  font-family: 'Open Sans Condensed', sans-serif;
  float: left;
  width: 75px;
  /*background:url(../images/counter-shadow.png);*/
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 40px;
}
.information .countdown div.countdownwrap span.countdownname {
  display: block;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0 8px;
}
.primarycontent h1,
.popcontent .content h1 {
  padding-top: 80px;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.primarycontent .content,
.popcontent .content .content {
  color: #000;
  background: #fff;
  padding: 20px;
  margin-bottom: 40px;
  margin-top: 40px;
  height: 440px;
}
.primarycontent .content h2,
.popcontent .content .content h2 {
  font-size: 37px;
  font-weight: 800;
  text-transform: uppercase;
  margin-left: 20px;
}
.primarycontent .content h2 span,
.popcontent .content .content h2 span {
  border-bottom: 1px solid #e4e4e4;
}
.primarycontent .content ol,
.popcontent .content .content ol {
  margin: 20px 0 0 0;
  padding-left: 20px;
}
.primarycontent .content ol li,
.popcontent .content .content ol li {
  margin: 4px 0 4px 5px;
}
.appcontent {
  margin-top: 15px;
  /*story board */
  /*Gamevault*/
  /*Gamevault*/
  /*survey*/
  /*Fitter Choice*/
  /* FAQ */
  /* Query */
  /* Gallery  */
}
.appcontent h1 {
  font-size: 35px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  float: left;
  margin-bottom: 35px;
  position: relative;
}
.appcontent h1 span {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.appcontent h1 a {
  color: #fff;
}
.appcontent .days {
  margin-top: 20px;
  float: right;
}
.appcontent .days ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: right;
}
.appcontent .days ul li {
  padding: 8px 16px;
  margin: 0;
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 3px;
  background: url(../images/days-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  font-size: 17px;
}
.appcontent .days ul li a {
  color: #000;
}
.appcontent .days li.monday,
.appcontent .days li.wednesday {
  padding: 8px 13px;
}
.appcontent .days li.active {
  background: url(../images/days-bg-hi.png);
  background-repeat: no-repeat;
  background-position: center;
}
.appcontent .days li.active a {
  color: #fff;
}
.appcontent .weeks {
  float: left;
  width: 150px;
  margin-top: 20px;
  margin-left: 5%;
  text-transform: uppercase;
}
.appcontent .weeks .bxsliderweek {
  color: #fff;
  font-size: 15px;
  list-style: none;
  display: none;
}
.appcontent .weeks a.previous {
  background: url(../images/button-previous.png);
  background-repeat: no-repeat;
  width: 19px;
  height: 27px;
  display: inline-block;
  text-indent: -999999px;
}
.appcontent .weeks a.next {
  background: url(../images/button-next.png);
  background-repeat: no-repeat;
  width: 19px;
  height: 27px;
  display: inline-block;
  text-indent: -999999px;
}
.appcontent .weeks span {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  margin: 8px 15px 0 15px;
  position: relative;
       /*top:3px;		DEFAULT		*/
       top:6px;/*		CHANGED BY JAY TO MAKE IT VERTICALLY CENTER ALIGNED		*/
}
.appcontent .cities {
  float: right;
  position: relative;
  margin-right: 10px;
  margin-top: 16px;
  overflow: hidden;
  /* h3 {
        font-size: 15px;
        font-weight: bold;
        color:#fff;
        text-transform: uppercase;
        margin:30px 0 0 0;
        background:url(../images/cities-down-arrow.png);
        background-repeat: no-repeat;
        background-position: 0 3px;
        padding-left:25px;
        cursor: pointer;
     }
     ul {
       position: absolute;
       width:156px;
       list-style: none;
       top:55px;
       left:-12px;
       padding:8px 10px;
       z-index: 100;
       background:url(../images/cities-list-up-arrow.png);
       background-position: 14px 0;
       background-repeat: no-repeat;
       display:none;
       li {
        background:#fff;
        padding:2px 2px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        a {
           display: block;
            padding:8px 0;
            border-bottom: 1px solid #e8e8e8;
            color:#49366f;
        }
        a:hover {
           display: block;
            padding:8px 0;
            border-bottom: 1px solid #e8e8e8;
            color:#fff;
            background:#6b4bad;
        }

       }
     }*/
}
.appcontent .cities select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  background-position: 97% center;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  margin: 0px;
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 200px;
}
.appcontent .taskrow .col-md-5 {
  width: 43.6666666%;
  margin-left: 70px;
}
.appcontent .taskrow .col-md-5.taskscol {
  width: 55%;
}
.appcontent #taskcomplete {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.5s;
  -ms-animation-duration: 1s;
  -ms-animation-delay: 0.5s;
  -o-animation-duration: 1s;
  -o-animation-delay: 0.5s;
  animation-duration: 1s;
  animation-delay: 0.5s;
}
.appcontent .todaystask {
  background: #fff;
  padding: 0px;
  overflow: hidden;
  margin-top: 50px;
  position: relative;
}
.appcontent .todaystask .col-md-6:first-child {
  background: #f3f3f3;
}
.appcontent .todaystask .taskdes {
  min-height: 220px;
  padding-right: 20px;
}
.appcontent .todaystask .taskdes h2 {
  font-weight: 800;
  font-size: 30px;
  text-transform: uppercase;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.appcontent .todaystask .taskdes h3 {
  font-weight: 600;
  font-size: 25px;
  text-transform: uppercase;
  padding-bottom: 0px;
}
.appcontent .todaystask .taskdes h4 {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  padding-bottom: 0px;
}
.appcontent #quizcomplete .score {
  margin: auto;
}
.appcontent .score {
  background: #fff;
  padding: 14px 25px;
  overflow: hidden;
  min-height: 267px;
  width: 304px;
  margin-left: 10%;
}
.appcontent .score h3 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 15px;
  border-bottom: 1px solid #f7f7f7;
}
.appcontent .score .points p {
  font-weight: 800;
  font-size: 90px;
  text-transform: uppercase;
  text-align: center;
  margin: 40px 0 0 0;
  padding: 0;
  line-height: 25px;
}
.appcontent .score .points p span.glyphicon {
  font-size: 15px;
  font-weight: 300;
  color: #22cc4a;
  position: relative;
  top: -20px;
}
.appcontent .score .points p.totalpoints {
  font-weight: 600;
  font-size: 21px;
  margin: 5px 0 0 0;
}
.appcontent .score .pointsweeklystatus {
  margin-top: 20px;
}
.appcontent .score .pointsweeklystatus .thisweek,
.appcontent .score .pointsweeklystatus .potentialpoints {
  float: left;
  width: 55%;
  text-align: center;
  border-right: 1px solid #ccc;
}
.appcontent .score .pointsweeklystatus .thisweek p,
.appcontent .score .pointsweeklystatus .potentialpoints p {
  font-size: 11px;
}
.appcontent .score .pointsweeklystatus .thisweek p.total,
.appcontent .score .pointsweeklystatus .potentialpoints p.total {
  font-size: 27px;
  line-height: 11px;
}
.appcontent .score .pointsweeklystatus .potentialpoints {
  width: 45%;
  border: none;
}
.appcontent .fiterchoicewrap .tasks {
  padding-top: 0;
}
.appcontent .tasks,
.appcontent .quizzes {
  overflow: hidden;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.appcontent .tasks ul,
.appcontent .quizzes ul {
  list-style: none;
}
.appcontent .tasks ul li,
.appcontent .quizzes ul li {
  float: left;
  width: 25%;
  min-width: 140px;
  cursor: pointer;
  position: relative;
}
.appcontent .tasks ul li .task,
.appcontent .quizzes ul li .task,
.appcontent .tasks ul li .quiz,
.appcontent .quizzes ul li .quiz {
  background: #fff;
  margin-bottom: 0px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  padding: 10px;
  position: relative;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1);
  transition: all 200ms ease-in;
  transform: scale(1);
  z-index: 1;
  min-height: 175px;
}
.appcontent .tasks ul li .task img,
.appcontent .quizzes ul li .task img,
.appcontent .tasks ul li .quiz img,
.appcontent .quizzes ul li .quiz img {
  display: block;
  margin: auto;
}
.appcontent .tasks ul li .task h3,
.appcontent .quizzes ul li .task h3,
.appcontent .tasks ul li .quiz h3,
.appcontent .quizzes ul li .quiz h3 {
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
}
.appcontent .tasks ul li .task .glyphicon,
.appcontent .quizzes ul li .task .glyphicon,
.appcontent .tasks ul li .quiz .glyphicon,
.appcontent .quizzes ul li .quiz .glyphicon {
  text-align: center;
  color: #46a9f7;
  display: inline-block;
  margin: auto;
  font-size: 14px;
}
.appcontent .tasks ul li .task:hover,
.appcontent .quizzes ul li .task:hover,
.appcontent .tasks ul li .quiz:hover,
.appcontent .quizzes ul li .quiz:hover {
  z-index: 5;
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.1);
  transition: all 200ms ease-in;
  transform: scale(1.1);
}
.appcontent .tasks ul li .task.done,
.appcontent .quizzes ul li .task.done,
.appcontent .tasks ul li .quiz.done,
.appcontent .quizzes ul li .quiz.done {
  background: #fff;
  border: none;
  min-height: 175px;
}
.appcontent .tasks ul li .task.done .ok-sign,
.appcontent .quizzes ul li .task.done .ok-sign,
.appcontent .tasks ul li .quiz.done .ok-sign,
.appcontent .quizzes ul li .quiz.done .ok-sign {
  background: #fff url(../images/icon-tick.png);
  background-repeat: no-repeat;
  background-position: 0 8px;
  display: inline-block;
  width: 30px;
  height: 38px;
}
.appcontent .tasks ul li .task.done:hover,
.appcontent .quizzes ul li .task.done:hover,
.appcontent .tasks ul li .quiz.done:hover,
.appcontent .quizzes ul li .quiz.done:hover {
  -webkit-transition: all 200ms ease-in;
  -webkit-transform: scale(1.1);
  -ms-transition: all 200ms ease-in;
  -ms-transform: scale(1.1);
  -moz-transition: all 200ms ease-in;
  -moz-transform: scale(1.1);
  transition: all 200ms ease-in;
  transform: scale(1.1);
}
.appcontent .quizzes ul {
  list-style: none;
}
.appcontent .quizzes ul li {
  float: left;
  width: 16%;
  min-height: 192px;
}
.appcontent .quizzes ul li .quiz .imagecontainer {
  min-height: 95px;
}
.appcontent .quizzes ul li .quiz h3 {
  text-align: left;
  margin-top: 10px;
  margin-right: 0px;
  font-size: 16px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
}
.appcontent .quizzes ul li .quiz p {
  text-align: center;
  font-size: 11px;
}
.appcontent .quizzes ul li .quiz.done {
  min-height: 198px;
}
.appcontent .quizzes ul li .quiz.done h3 {
  text-align: center;
  margin-top: 0px;
  font-size: 22px;
  border: none;
}
.appcontent .quizzes ul li .quiz.done h3:first-child {
  text-align: center;
  margin-top: 20px;
  font-size: 22px;
}
.appcontent .quizwrap {
  overflow: hidden;
  width: 69.4%;
  margin: auto;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.5s;
  -ms-animation-duration: 1s;
  -ms-animation-delay: 0.5s;
  -o-animation-duration: 1s;
  -o-animation-delay: 0.5s;
  animation-duration: 1s;
  animation-delay: 0.5s;
}
.appcontent .quizwrap .quizimage {
  float: left;
}
.appcontent .quizwrap .quizcontainer {
  float: left;
  background: #fff;
  padding: 0px 30px;
  width: 480px;
  /*min-height: 444px;			DEFAULT			*/
  height: 444px;
}
.appcontent .quizwrap .quizcontainer h2 {
  font-weight: 800;
  font-size: 25px;
  padding-bottom: 10px;
  display: inline-block;
  padding-right: 20px;
  border-bottom: 1px solid #e6e6e6;
}
.appcontent .quizwrap .quizcontainer .quizdetails p {
  font-weight: 800;
  font-size: 15px;
  padding-right: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.appcontent .quizwrap .quizcontainer .quiztimer {
  text-align: center;
  font-size: 55px;
  font-weight: 300;
}
.appcontent .quizwrap p.button {
  text-align: left;
  display: inline-block;
  float: left;
  margin-bottom: 30px;
  padding-top: 0;
}
.appcontent .quizwrap p.button input.btn {
  display: inline-block;
  width: 140px;
  text-transform: uppercase;
  padding: 9px 12px;
}
.appcontent .quizwrap p.skip {
  text-align: right;
  float: right;
  margin-top: 30px;
}
.appcontent .quizwrap p.skip a {
  background: url(../images/icon-skip.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 20px;
  display: inline-block;
  font-size: 14px;
  color: #282828;
  font-weight: bold;
}
.appcontent .quizwrap p.skip a:hover {
  text-decoration: none;
}
.appcontent .quizwrap .results .resulticon {
  padding-top: 40px;
  text-align: center;
  padding-left: 80px;
}
.appcontent .quizwrap .results .resulticon img {
  margin: auto;
  display: inline-block;
}
.appcontent .quizwrap .results .correctorwrong {
  text-align: center;
}
.appcontent .quizwrap .results .correctorwrong p.correct {
  margin: auto;
  font-size: 38px;
  color: #4bd341;
  background: url(../images/icon-correct-green.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 60px;
  display: inline-block;
}
.appcontent .quizwrap .results .correctorwrong p.wrong {
  margin: auto;
  font-size: 38px;
  color: #ff0000;
  background: url(../images/icon-wrong-red.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 60px;
  display: inline-block;
}
.appcontent .quizwrap .results .answertoquestion p {
  font-size: 12px;
  padding-top: 10px;
}
.appcontent .quizwrap .results p.button {
  margin-top: 30px;
  text-align: center;
  display: block;
  float: none;
}
.appcontent .box {
  background: #fff;
  padding: 0px 0px;
  overflow: hidden;
  min-height: 267px;
}
.appcontent .box .todaystaskimage {
  margin: auto;
  padding-right: 0;
}
.appcontent .box .todaystaskimage img {
  display: block;
  margin: auto;
}
.appcontent .box ul {
  list-style: none;
  margin: 15px 5px 0 5px;
  padding: 0;
}
.appcontent .box ul li {
  padding: 10px 10px 10px 5px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 8px 8px;
  background: #fff;
}
.appcontent .box ul li span {
  margin-right: 5px;
  margin-left: 5px;
}
.appcontent .box ul li span img{
  max-width: unset !important;
}
.appcontent .box ul li:last-child {
  margin-bottom: 0;
}
.appcontent .box ul p {
  padding-top: 10px;
  padding-left: 15px;
}
.appcontent .box h2.slogan {
  font-weight: 800;
  font-size: 35px;
  text-transform: uppercase;
}
.appcontent .box .dotodaystask {
  background: #f3f3f3;
  min-height: 267px;
  padding-left: 40px;
}
.appcontent .box .dotodaystask p.button {
  text-align: left;
}
.appcontent .box-grey {
  background: #f3f3f3;
}
.appcontent .taskcompletion {
  margin-top: 20px;
  position: relative;
  background: #6a4aab;
  margin-left: 15px;
}
.appcontent .taskcompletion .profileimage {
  position: absolute;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 50%;
  width: 96px;
  height: 96px;
  border: 3px solid #fff;
  top: 52px;
  left: 67px;
  z-index: 10000;
}
.appcontent .taskcompletion .profileimage img {
  display: inline;
  margin: 0 auto;
  height: 100%;
}
.appcontent .taskcompletion .profileimage .photo-overlay {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.appcontent .taskcompletion .profileimage .photo-overlay a {
  color: #ffff;
  font-size: 30px;
  position: absolute;
  top: 25px;
  left: 30px;
}
.appcontent .taskcompletion .profileimage .photo-overlay a .fa {
  color: #fff;
}
.appcontent .taskcompletion .profileimage:hover .photo-overlay {
  display: block;
}
.appcontent .taskcompletion .progresslabel {
  position: absolute;
  top: 15px;
  left: 20px;
  color: #fff;
  width: 220px;
}
.appcontent .taskcompletion .progresslabel img {
  position: absolute;
  left: 40px;
  top: 5px;
}
.appcontent .taskcompletion .progresslabel span.star {
  position: absolute;
  left: 140px;
  width: 24px;
  height: 24px;
}
.appcontent .taskcompletion .progresslabel span em {
  font-style: normal;
}
.appcontent .taskcompletion .charts-container {
  margin-top: 20px;
  margin-left: 20px;
}
.appcontent .taskcompletion h3 {
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0 0 10px 0;
  font-size: 23px;
  text-transform: uppercase;
}
.appcontent .taskcompletion .level {
  text-align: center;
  padding-bottom: 20px;
}
.appcontent .taskcompletion .level span.level {
  background: #fff;
  padding: 0 10px;
  margin-right: 15px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.appcontent .taskcompletion span.glyphicon {
  color: #ff0707;
  margin-left: 10px;
  font-size: 18px;
}
.appcontent .currentmission {
  background: #fff;
  margin-top: 20px;
  padding-right: 0;
  width: 62.8%;
}
.appcontent .currentmission div.mission {
  width: 60%;
  float: left;
  border-right: 1px solid #eeeeee;
  padding-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.appcontent .currentmission div.mission h3 {
  text-transform: uppercase;
  font-size: 20px;
  margin-left: 10px;
}
.appcontent .currentmission div.mission .progress {
  border-radius: 0;
  margin-left: 10px;
}
.appcontent .currentmission div.mission .progress .progress-bar {
  background-color: #5a4484;
}
.appcontent .currentmission div.mission .progress .progress-bar span i {
  font-style: normal;
}
.appcontent .currentmission .points h2 {
  font-size: 72px;
  text-align: center;
  font-weight: 800;
}
.appcontent .currentmission .points h2 span {
  font-weight: 300;
  font-size: 20px;
  display: block;
  text-transform: uppercase;
}
.appcontent .currentmission .slider {
  margin-top: 20px;
  border-top: 1px solid #f7f7f7;
  margin-right: 20px;
  margin-bottom: 32px;
}
.appcontent .currentmission .slider ul li img {
  cursor: pointer;
}
.appcontent .newsfeed {
  background: #fff;
  margin-top: 2px;
  /*padding: 20px 10px 20px 20px;		DEFAULT		*/
  padding: 25px 10px 20px 20px;
}
.appcontent .newsfeed h2 {
  margin-top: -5px;
  float: left;
  display: inline-block;
  font-weight: 800;
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.appcontent .newsfeed ul {
  display: inline-block;
  list-style: none;
  margin-top: 0px;
  overflow: hidden;
  margin-bottom: 10px;
}
.appcontent .newsfeed ul li {
  float: left;
  padding-left: 12px;
  padding-right: 13px;
  border-right: 1px solid #f4f4f4;
  margin: 0;
}
.appcontent .newsfeed ul li:last-child {
  border: none;
}
.appcontent .newsfeed ul li.icon1 a {
  background: url(../images/icon-run.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon1 a:hover {
  background: url(../images/icon-run.png);
  background-repeat: no-repeat;
  background-position: 0 -27px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon1 a.active {
  background: url(../images/icon-run.png);
  background-repeat: no-repeat;
  background-position: 0 -27px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon2 a {
  background: url(../images/icon-list.png);
  background-repeat: no-repeat;
  background-position: 0 -2px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon2 a.active {
  background: url(../images/icon-list.png);
  background-repeat: no-repeat;
  background-position: 0 -29px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon2 a:hover {
  background: url(../images/icon-list.png);
  background-repeat: no-repeat;
  background-position: 0 -29px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon3 a {
  background: url(../images/icon-feed3.png);
  background-repeat: no-repeat;
  background-position: 0 2px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon3 a.active {
  background: url(../images/icon-feed3.png);
  background-repeat: no-repeat;
  background-position: 0 -25px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon3 a:hover {
  background: url(../images/icon-feed3.png);
  background-repeat: no-repeat;
  background-position: 0 -25px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon4 a {
  background: url(../images/icon-feed4.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon4 a.active {
  background: url(../images/icon-feed4.png);
  background-repeat: no-repeat;
  background-position: 0 -25px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon4 a:hover {
  background: url(../images/icon-feed4.png);
  background-repeat: no-repeat;
  background-position: 0 -25px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon5 a {
  background: url(../images/icon-ribbion.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
  display: block;
  width: 26px;
  height: 25px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon5 a.active {
  background: url(../images/icon-ribbion.png);
  background-repeat: no-repeat;
  background-position: 0 -24px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed ul li.icon5 a:hover {
  background: url(../images/icon-ribbion.png);
  background-repeat: no-repeat;
  background-position: 0 -24px;
  display: block;
  width: 26px;
  height: 27px;
  text-indent: -999999px;
}
.appcontent .newsfeed .feed {
  height: 438px;
  clear: both;
  margin-bottom: 20px;
  border-top: 1px solid #e4e4e4;
  padding-top: 10px;
}
.appcontent .newsfeed .feed ul {
  margin-left: 0;
  padding-left: 0;
  margin-right: 0;
  padding-right: 0;
  display: block;
}
.appcontent .newsfeed .feed ul li {
  float: none;
  width: 100%;
  border: none;
  clear: both;
  padding-left: 0;
  background: url(../images/hline.png);
  background-repeat: no-repeat;
  background-position: bottom;
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.appcontent .newsfeed .feed ul li .feedimage {
  float: left;
  margin-right: 0px;
  margin-top: 13px;
  overflow: hidden;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
}
.appcontent .newsfeed .feed ul li .feedimage img {
  display: inline;
  margin: 0 auto;
  height: 100%;
}
.appcontent .newsfeed .feed ul li .feedtitle {
  float: left;
  width: 68px;
  margin-left: 10px;
  background: url(../images/feedline.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 5px;
  margin-top: 13px;
}
.appcontent .newsfeed .feed ul li .feedtitle h3 {
  padding: 0;
  margin: 5px 0 5px 0;
  font-size: 14px;
}
.appcontent .newsfeed .feed ul li .feedtitle span {
  background: #5a4484;
  padding: 0 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  font-size: 11px;
}
.appcontent .newsfeed .feed ul li .taskstatus {
  float: left;
  width: 128px;
  padding-right: 10px;
  margin-left: 10px;
  background: url(../images/feedline.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-top: 13px;
}
.appcontent .newsfeed .feed ul li .taskstatus p {
  font-size: 11px;
}
.appcontent .newsfeed .feed ul li .taskpicture {
  float: left;
  width: 90px;
  margin-right: 5px;
  background: url(../images/feedline.png);
  background-repeat: no-repeat;
  background-position: 100% 38%;
}
.appcontent .newsfeed .feed ul li .taskpicture img {
  width: 88px;
  height: 79px;
}
.appcontent .newsfeed .feed ul li .time {
  float: left;
  width: 80px;
  margin-left: 10px;
  font-size: 11px;
  text-align: center;
  margin-top: 10px;
}
.appcontent .newsfeed .feed ul li .time span.icon {
  display: block;
  margin-top: 5px;
  color: #ff0707;
  font-size: 25px;
}
.appcontent .newsfeed .feed ul li .time span.icon .fa {
  color: #ff0707;
}
.appcontent .leaderboard {
  overflow: hidden;
}
.appcontent .leaderboard .profile {
  width: 288px;
  float: left;
  background: #6b4bad;
  text-align: center;
  padding-bottom: 30px;
}
.appcontent .leaderboard .profile .profileimage {
  margin: 80px auto auto auto;
  overflow: hidden;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  border: 5px solid #fff;
}
.appcontent .leaderboard .profile .profileimage img {
  display: inline;
  margin: 0 auto;
  height: 100%;
}
.appcontent .leaderboard .profile h3 {
  color: #fff;
  font-size: 22px;
  text-transform: uppercase;
  margin: 8px 0 0 0;
  padding: 0;
}
.appcontent .leaderboard .profile .level {
  margin-top: 10px;
}
.appcontent .leaderboard .profile .level span {
  background: #fcfbfd;
  padding: 0 10px 2px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #272727;
  font-size: 11px;
  font-weight: bold;
}
.appcontent .leaderboard .profile .points p {
  color: #fff;
  font-size: 52px;
  font-weight: bold;
  margin-top: 10px;
}
.appcontent .leaderboard .profile .ribbion {
  color: #fff;
  font-size: 17px;
  background: url(../images/profile-ribbion.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  display: inline-block;
}
.appcontent .leaderboard .toplist {
  float: left;
  width: 440px;
  background: #fff;
  min-height: 448px;
}
.appcontent .leaderboard .toplist .toplistheader {
  overflow: hidden;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 0px;
  margin-bottom: 5px;
}
.appcontent .leaderboard .toplist h2 {
  font-size: 30px;
  font-weight: 800;
  text-transform: uppercase;
  margin: 10px 20px 20px 20px;
  float: left;
  width: 150px;
}
.appcontent .leaderboard .toplist table {
  width: 90%;
  margin: 0 20px;
}
.appcontent .leaderboard .toplist table tr {
  margin-bottom: 5px;
  -moz-box-shadow: 0px 2px 2px #f6f6f6;
  -webkit-box-shadow: 0px 2px 2px #f6f6f6;
  box-shadow: 0px 2px 2px #f6f6f6;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: 0px solid #000000;
}
.appcontent .leaderboard .toplist table tr td:last-child {
  background: none;
}
.appcontent .leaderboard .toplist table tr td {
  padding: 8px 10px 8px 10px;
  font-size: 14px;
  background: url(../images/feedline.png);
  background-repeat: no-repeat;
  background-position: right;
}
.appcontent .leaderboard .toplist table tr td span.rank {
  margin-left: 8px;
  margin-right: 8px;
}
.appcontent .leaderboard .toplist table tr td span.level {
  background: #303f9f;
  padding: 0 10px 2px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}
.appcontent .leaderboard .toplist table tr td span.level.lightblue {
  background: #0042e7;
}
.appcontent .leaderboard .toplist table tr td span.level.green {
  background: #00b91f;
}
.appcontent .leaderboard .toplist table tr td span.level.green {
  background: #fc8d1f;
}
.appcontent .leaderboard .toplist table tr td span.glyphicon {
  margin-right: 8px;
}
.appcontent .storyboard {
  position: relative;
  min-height: 500px;
}
.appcontent .storyboard .excerpts {
  padding-right: 10px;
}
.appcontent .storyboard .col-md-4 {
  padding-right: 5px;
}
.appcontent .storyboard article {
  background: #fff;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.appcontent .storyboard article .articleimage {
  float: left;
  width: 48%;
}
.appcontent .storyboard article .articleimage img {
  max-width: 100%;
  height: auto;
}
.appcontent .storyboard article .story {
  float: right;
  width: 49%;
  margin-left: 3%;
}
.appcontent .storyboard article .story .share {
  float: right;
}
.appcontent .storyboard article .story .share ul {
  list-style: none;
}
.appcontent .storyboard article .story .share ul li {
  float: left;
  margin: 0 3px;
}
.appcontent .storyboard article .story .share ul li a {
  display: block;
  color: #5a4484;
}
.appcontent .storyboard article .story h3 {
  clear: both;
  font-weight: 800;
  font-size: 20px;
  padding: 0;
  margin: 0;
}
.appcontent .storyboard article .story h3 a {
  color: #4d4d4d;
}
.appcontent .storyboard article .story p.meta {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
  padding-top: 5px;
}
.appcontent .storyboard article .story p {
  line-height: 15px;
}
.appcontent .storyboard article .story p.readmore {
  text-align: right;
  background: url(../images/readmore-arrow.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 10px;
  margin-top: 20px;
}
.appcontent .storyboard .fullarticle {
  padding-left: 15px;
  padding-right: 5px;
  position: absolute;
  width: 1050px;
}
.appcontent .storyboard .fullarticle span.closepop {
  position: absolute;
  right: -15%;
  cursor: pointer;
  top: 1px;
}
.appcontent .storyboard .fullarticle article {
  padding: 0;
  margin-left: 10%;
  margin-right: 10%;
  min-width: 1050px;
}
.appcontent .storyboard .fullarticle article .articleimage {
  float: none;
  width: 100%;
}
.appcontent .storyboard .fullarticle article .story {
  clear: both;
  float: none;
  width: 100%;
  padding-bottom: 30px;
}
.appcontent .storyboard .fullarticle article .story .share {
  margin-right: 50px;
  margin-top: 20px;
}
.appcontent .storyboard .fullarticle article .story .content {
  height: 200px;
  margin-right: 40px;
}
.appcontent .storyboard .fullarticle article .story .content h3 {
  clear: none;
  padding-top: 20px;
}
.appcontent .gamevault {
  position: relative;
}
.appcontent .gamevault .col-md-4 {
  padding-right: 5px;
}
.appcontent .gamevault .gamevaultcontent {
  background: #fff;
  padding: 10px 25px;
}
.appcontent .gamevault .gamevaultcontent .imagewrap {
  padding-top: 20px;
  min-height: 192px;
}
.appcontent .gamevault .gamevaultcontent .imagewrap img {
  display: block;
  margin: auto;
}
.appcontent .gamevault .gamevaultcontent h2 {
  font-weight: 800;
  font-size: 34px;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-right: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.appcontent .gamevault .gamevaultcontent h2 a {
  color: #4d4d4d;
}
.appcontent .knowmore {
  position: relative;
}
.appcontent .knowmore .col-md-3 {
  padding-right: 5px;
  width: 30%;
}
.appcontent .knowmore .knowmorecontent {
  background: #fff;
  padding: 10px 25px;
}
.appcontent .knowmore .knowmorecontent .imagewrap {
  padding-top: 20px;
  min-height: 192px;
}
.appcontent .knowmore .knowmorecontent .imagewrap img {
  display: block;
  margin: auto;
}
.appcontent .knowmore .knowmorecontent h2 {
  font-weight: 800;
  font-size: 34px;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-right: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.appcontent .knowmore .knowmorecontent h2 a {
  color: #4d4d4d;
}
.appcontent .survey .col-md-7 {
  margin: auto;
  float: none;
}
.appcontent .survey .col-md-7 .surverycontents {
  background: #fff;
  height: 460px;
  padding: 6px;
}
.appcontent .survey .col-md-7 .surverycontents form {
  width: 80%;
  margin: auto;
}
.appcontent .survey .col-md-7 .surverycontents form .fieldrow {
  overflow: hidden;
  border-bottom: 1px solid #e4e4e4;
}
.appcontent .survey .col-md-7 .surverycontents form .fieldrow.submit {
  border-bottom: 0px;
}
.appcontent .survey .col-md-7 .surverycontents h2 {
  font-weight: 800;
  font-size: 18px;
  text-align:center;
}
.appcontent .survey .col-md-7 .surverycontents div.radio {
  padding: 10px;
}
.appcontent .survey .col-md-7 .surverycontents div.radio:hover {
  background: #49366f;
  padding: 10px;
  color: #fff;
}
.appcontent .survey .col-md-7 .surverycontents div.radio.checked {
  background: #49366f;
  padding: 10px;
  color: #fff;
}

.appcontent .survey .col-md-7 .surverycontents div.textbox {
  padding: 10px;
  text-align:center;
    color: #615e5e!important;
}
.appcontent .survey .col-md-7 .surverycontents div.textbox:hover {
  background: #49366f;
  padding: 10px;
  color: #fff;
}
.appcontent .survey .col-md-7 .surverycontents div.textbox.checked {
  background: #49366f;
  padding: 10px;
  color: #fff;
}

.appcontent .fitterchoice {
  margin-left: 13%;
  overflow: hidden;
  margin-top: 30px;
}
.appcontent .fitterchoice .choice {
  float: left;
  width: 50%;
  background: #fff;
  padding-bottom: 20px;
  min-height: 320px;
}
.appcontent .fitterchoice .choice h3 {
  font-weight: 800;
  font-size: 26px;
  text-transform: uppercase;
  padding: 5px 20px 10px 0;
  margin-left: 20px;
  margin-right: 30px;
  border-bottom: 1px solid #e8e8e8;
}
.appcontent .fitterchoice .choice .choiceimage {
  margin: 40px 0;
  text-align: center;
}
.appcontent .fitterchoice .choice .choiceimage img {
  display: inline-block;
  margin: auto;
}
.appcontent .fitterchoice .choice .previousnext span {
  display: block;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}
.appcontent .fitterchoice .choice .previousnext span.glyphicon-arrow-right {
  float: right;
}
.appcontent .fitterchoice .choiceanswer {
  float: left;
  width: 45%;
  background: #5a4484;
  min-height: 320px;
}
.appcontent .fitterchoice .choiceanswer h3 {
  margin-left: 20px;
  color: #fff;
  font-weight: 800;
  margin-right: 20px;
  font-size: 26px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.appcontent .fitterchoice .choiceanswer .radio {
  margin-left: 20px;
  color: #fff;
}
.appcontent .fitterchoice .choiceanswer .button {
          /*float:right;			DEFAULT		*/
          float:left;
          /*margin-right:20px;		DEFAULT		*/
          margin-left:20px;
  background: #ffffff;
  color: #282828;
}
.appcontent .fitterchoice .choiceanswer .button .btn-default {
  color: #282828;
  background-color: #ffffff;
  border-color: #ffffff;
  border: none;
  font-size: 11px;
  width: 100px;
  font-weight: bold;
}
.appcontent .fitterchoiceslide {
  display: none;
}
.appcontent .graph {
  text-align: center;
  width: 800px;
  margin: 40px auto;
}
.appcontent .graph img {
  display: inline-block;
  margin: auto;
}
.appcontent .fiterchoicewrap .tasks h2 {
  text-align: left;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  margin-left: 35px;
  margin-top: 0;
  padding-bottom: 10px;
}
.appcontent .fiterchoicewrap .tasks ul li .task.done {
  height: 158px;
}
.appcontent .fiterchoicewrap .tasks ul li .task.done h3:first-child {
  margin-top: 20px;
}
.appcontent .faq {
  overflow: hidden;
  margin-right: 80px;
  background: #fff;
}
.appcontent .faq .col-md-5,
.appcontent .faq .col-md-7 {
  background: #fff;
}
.appcontent .faq h3 {
  font-weight: 800;
  font-size: 40px;
  padding: 20px 30px 10px 0px;
  border-bottom: 1px solid #e1e1e1;
  display: inline-block;
}
.appcontent .faq .scrollbutton {
  margin-left: 97px;
  margin-top: 60px;
  margin-bottom: 60px;
}
.appcontent .faq .scrollbutton #scroll-down {
  background: url(../images/scrol-down-arrow.png);
  background-repeat: no-repeat;
  width: 58px;
  height: 18px;
  margin-right: 50px;
  display: inline-block;
  text-indent: -9999999px;
}
.appcontent .faq .scrollbutton #scroll-up {
  background: url(../images/scrol-up-arrow.png);
  background-repeat: no-repeat;
  width: 58px;
  height: 18px;
  display: inline-block;
  text-indent: -9999999px;
}
.appcontent .faq .questions {
  margin-left: 0px;
  border-right: 1px solid #efefef;
}
.appcontent .faq .questions div#scroll {
  width: 300px;
  height: 188px;
  overflow: hidden;
  padding: 4px;
  margin-bottom: 20px;
}
.appcontent .faq .questions div#scroll h4 {
  font-size: 14px;
  padding: 10px;
  margin: 0;
  font-weight: bold;
}
.appcontent .faq .questions div#scroll h4 a {
  color: #282828;
}
.appcontent .faq .questions div#scroll h4:hover,.appcontent .faq .questions div#scroll h4.active {
  background: #5a4484;
  font-size: 14px;
  padding: 10px;
}
.appcontent .faq .questions div#scroll h4:hover a ,.appcontent .faq .questions div#scroll h4.active a {
  color: #fff;
}
.appcontent .faq .content {
  height: 400px;
  margin-top: 40px;
}
.appcontent .faq .content-container {
  margin: 0px 0px 0 0px;
  height: 360px;
  position: relative;
}
.appcontent .faq .content-container div {
  display: none;
  margin-top: 20px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.appcontent .faq .content-container div:first-child {
  display: block;
}
.appcontent .query {
  width: 100%;
}
.appcontent .query .col-md-8 {
  background: #5a4484;
  margin: auto;
  float: none !important;
  overflow: hidden;
}
.appcontent .query .queryform {
  width: 70%;
  float: left;
  background: #fff;
}
.appcontent .query .queryform h3 {
  font-weight: 800;
  font-size: 30px;
  padding: 20px 0 20px 30px;
  text-transform: uppercase;
}
.appcontent .query .queryform .form-group {
  clear: both;
  margin-left: 30px;
  margin-right: 40px;
}
.appcontent .query .queryform .form-group input.form-control {
  width: 400px;
  border-radius: 0;
}
.appcontent .query .queryform .form-group textarea.form-control {
  border-radius: 0;
}
.appcontent .query .queryform .form-group.submit {
  text-align: right;
}
.appcontent .query .queryon {
  background: #5a4484;
  float: left;
  width: 30%;
}
.appcontent .query .queryon h3 {
  font-weight: 800;
  font-size: 30px;
  padding: 20px 0 20px 20px;
  color: #fff;
  text-transform: uppercase;
}
.appcontent .query .queryon .radio {
  padding: 5px 0 0 20px;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}
.appcontent .gallerysubnav {
  margin-top: 20px;
  margin-right: 0px;
  float: right;
}
.appcontent .gallerysubnav ul {
  list-style: none;
}
.appcontent .gallerysubnav ul li {
  float: left;
  padding: 8px 20px;
  margin: 0 8px;
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  background: #48366e;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.appcontent .gallerysubnav ul li a {
  color: #fff;
}
.appcontent .gallerygrid {
  clear: both;
  margin-left: 15px;
}
.appcontent .gallerygrid #photos {
  opacity: .88;
  padding: 0;
}
.appcontent .gallerygrid #photos img {
  width: 15%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.appcontent .gallerygrid .photo {
  position: relative;
}
.appcontent .gallerygrid .photo div.caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #5c4390;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  padding: 10px 10px 0 10px;
  color: #fff;
}
.appcontent .gallerygrid .photo div.caption a {
  color: #fff;
}
.appcontent .gallerygrid .photo div.caption a:hover,
.appcontent .gallerygrid .photo div.caption a:focus {
  color: #fff;
}
.appcontent .gallerygrid .photo div.caption h3 {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
.appcontent .gallerygrid .photo div.caption h3 span.likes {
  position: absolute;
  right: 20px;
}
.appcontent .gallerygrid .photo div.caption p {
  padding: 10px 0;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
}
.appcontent .galleryalbum {
  padding-right: 10px;
}
.appcontent .galleryalbum .col-md-4 {
  padding-right: 5px;
}
.appcontent .galleryalbum .album {
  background: #fff;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.appcontent .galleryalbum .album .albumcover {
  float: left;
  width: 58%;
}
.appcontent .galleryalbum .album .albumcover img {
  max-width: 100%;
  height: auto;
}
.appcontent .galleryalbum .album .albumdetails {
  float: right;
  width: 39%;
  margin-left: 3%;
}
.appcontent .galleryalbum .album .albumdetails h3 {
  clear: both;
  font-weight: 800;
  font-size: 20px;
  padding: 0;
  margin: 0;
}
.appcontent .galleryalbum .album .albumdetails h3 a {
  color: #4d4d4d;
}
.appcontent .galleryalbum .album .albumdetails p.date {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
  padding-top: 5px;
}
.appcontent .galleryalbum .album .albumdetails p {
  line-height: 15px;
}
.appcontent .galleryalbum .album .albumdetails p.readmore {
  text-align: right;
  background: url(../images/readmore-arrow.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 10px;
  margin-top: 20px;
}
#photos .photo:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#photos .photo:hover div.caption {
  visibility: visible;
  opacity: .5;
}
#overlaymenu {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  text-align: center;
  z-index: 100000;
}
#overlay {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  text-align: center;
  z-index: 100000;
}
#overlay img {
  margin: 10% auto 0;
  max-width: 650px;
  border-radius: 5px;
}
#overlay .addpic {
  margin: 10% auto 0;
  max-width: 300px;
  display: none;
}
#overlay .addpic span.closebtn {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/icon-closepopup.png);
  background-repeat: no-repeat;
  position: absolute;
  margin-left: 300px;
  margin-top: 0px;
  cursor: pointer;
}
#overlay .addpic .addpic-content {
  background: #fff;
  padding: 20px;
}
#overlay .addpic .addpic-content .image-upload > input {
  display: none;
}
#overlay .addpic .addpic-content .image-upload img {
  display: block !important;
  width: 80px;
  cursor: pointer;
  margin-bottom: 10px;
}
#overlay .addpic .addpic-content h3 {
  padding: 0 0 0px 0;
  margin: 0 0 10px 0;
  font-size: 20px;
  font-weight: 800;
}
#overlay .addpic .addpic-content .form-control.file {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
#overlay .addpic .addpic-content .form-control {
  border-radius: 0;
}
#overlay .addvideo {
  margin: 8% auto 0;
  max-width: 850px;
  display: none;
}
#overlay .addvideo span.closebtn {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images/icon-closepopup.png);
  background-repeat: no-repeat;
  position: absolute;
  margin-left: 850px;
  margin-top: 1px;
  cursor: pointer;
}
#overlay .addvideo .addvideo-content {
  background: transparent;
  padding: 0px;
}
.loaderbadge,
.loader {
  position: fixed;
  /* keeps the lightbox window in the current viewport */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 10000;
}
.loaderbadge .popcontent,
.loader .popcontent {
  position: relative;
        top:25%;/*		DEFAULT		*/
        top:20%;/*		Jay		*/
}
.loaderbadge .popcontent img,
.loader .popcontent img {
  display: inline-block;
  z-index: 100000;
}
.loaderbadge .popcontent img.sliderpopimages,
.loader .popcontent img.sliderpopimages {
  width: 195px;
  height: 195px;
}
.loaderbadge .popcontent img.badgethree,
.loader .popcontent img.badgethree,
.loaderbadge .popcontent img.badgetwo,
.loader .popcontent img.badgetwo {
  display: none;
}
.loaderbadge .popcontent .badgecontent,
.loader .popcontent .badgecontent {
  margin: auto;
  width: 272px;
  background: #fff;
  margin-top: -100px;
  padding-top: 100px;
  position: relative;
  z-index: -10;
  padding-bottom: 10px;
}
.loaderbadge .popcontent .badgecontent h3,
.loader .popcontent .badgecontent h3 {
  font-size: 22px;
  padding-bottom: 10px;
  margin: 10px 20px;
  color: #a2cc35;
  text-transform: uppercase;
}
.loaderbadge .popcontent .badgecontent h2,
.loader .popcontent .badgecontent h2 {
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 10px;
  margin: 20px 20px;
  color: #4d4d4d;
  border-bottom: 1px solid #afa2c9;
}
.loaderbadge .popcontent .badgecontent p,
.loader .popcontent .badgecontent p {
  font-size: 13px;
  width: 272px;
  padding: 0px 20px 10px 20px;
  margin: 10px 0px;
  color: #4d4d4d;
}
.loaderbadge .popcontent .badgecontent .badgetwo,
.loader .popcontent .badgecontent .badgetwo,
.loaderbadge .popcontent .badgecontent .badgethree,
.loader .popcontent .badgecontent .badgethree {
  display: none;
}
.loaderbadge .popcontent .badgecontent img.pnext,
.loader .popcontent .badgecontent img.pnext {
  position: absolute;
  right: -27px;
}
.loaderbadge .popcontent .badgecontent img.pprev,
.loader .popcontent .badgecontent img.pprev {
  position: absolute;
  left: -27px;
}
.loader.privacy {
  display: none;
}
.loader.privacy .content {
  width: 900px;
  background: #fff;
  margin: auto;
  height: 500px;
  text-align: left;
}
.loader.privacy .content h2 {
  text-align: left;
}
.loader.message {
  display: none;
}
.loader.message .alertmessage {
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-duration: 2s;
  -moz-animation-delay: 0.5s;
  -ms-animation-duration: 1s;
  -ms-animation-delay: 0.5s;
  -o-animation-duration: 2s;
  -o-animation-delay: 0.5s;
  animation-duration: 2s;
  animation-delay: 0.5s;
  position: relative;
  top: 40%;
  width: 600px;
  background: #fff;
  margin: auto;
  text-align: left;
}
.loader.message .alertmessage p {
  text-align: center;
  padding: 20px;
  font-weight: bold;
}
.outerwrap header .slideoutmenulink {
  float: left;
  width: 30px;
}
.outerwrap header .slideoutmenulink .glyphicon-menu-hamburger {
  font-size: 20px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
}
.outerwrap header .slideoutmenulink .glyphicon-remove {
  font-size: 20px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  display: none;
}
.slideoutmenu nav {
  width: 150px;
  padding: 0 0px 0 0px;
  position: fixed !important;
  z-index: 100000000;
  background: #fff;
  top: 0px;
  height: 100%;
  margin: 0 0 0 -150px;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  -ms-transition: 0.5s ease-in;
  transition: 0.2s ease-in;
  overflow: auto;
}
.slideoutmenu nav .closeslide {
  padding-top: 20px;
  padding-left: 20px;
  cursor: pointer;
}
.slideoutmenu nav .closeslide span {
  font-size: 20px;
}
.slideoutmenu nav ul {
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
.slideoutmenu nav ul li {
  clear: both;
  float: none;
    /*padding:12px 10px;		Default		*/
    padding:12px 30px;/*		Changed by Jay to left align the text		*/
    border-bottom: 1px solid #f8f8f8;
    margin:0 0px;
    text-transform: uppercase;
    /*text-align: center;	DEFAULT		*/
    text-align: left;/*		Changed by Jay to left align the text		*/
    width: 150px;/*		Added by Jay to left align the text		*/
}
.slideoutmenu nav ul li a {
  color: #000;
}
.slideoutmenu nav ul li span .fa {
  font-size: 5px;
  position: relative;
  top: -10px;
  left: 0px;
}
.slideoutmenu nav ul li span.green .fa {
  color: #a5cd38;
}
.slideoutmenu nav ul li span.red .fa {
  color: #fe0100;
}
.slideoutmenu nav ul li:hover,
.slideoutmenu nav ul li.highlight {
  background: #5a4484;
}
.slideoutmenu nav ul li:hover a,
.slideoutmenu nav ul li.highlight a {
  color: #fff;
}
.slideoutmenu nav ul li.profile {
  border: 0;
  padding-right: 0;/*		DEFAULT		*/
  padding-left:5px;/*		Jay		*/
  overflow: hidden;
  width: 100%;
}
.slideoutmenu nav ul li.profile .profileimage {
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  overflow: hidden;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  position: relative;
  border: 2px solid #fff;
}
.slideoutmenu nav ul li.profile .profileimage img {
  display: inline;
  margin: 0 auto;
  height: 100%;
}
.slideoutmenu nav ul li.profile span {
  float: right;
  clear: none;
  display: block;
  margin-top: 20px;
  width: 80px;
}
.slideoutmenu nav ul li.profile:hover {
  background: transparent;
}
.slideoutmenu .menushow {
  margin: 0;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5);
}
.slideoutmenu.stuck nav.menushow {
  top: 0px;
  height: 100%;
  margin: 0 0 0 0px;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  -ms-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}
/*hamburger menu*/
.carousel-container {
  position: relative;
  margin-top: 20px;
  min-height: 500px;
}
.carousel {
  left: 50.5%;
  position: absolute;
  width: 1000px;
  margin-left: -500px;
  overflow: hidden;
  height: 500px;
  top: -100px;
}
.carousel .item {
  width: 250px;
  height: 450px;
  background: #4c4c4c;
  background-size: 100%;
  vertical-align: middle;
  box-shadow: none !important;
}
.carousel .item .carouselcontent h2 {
  color: #fff;
  text-align: center;
  margin-right: 20px;
  font-weight: 800;
  font-size: 20px;
  text-transform: uppercase;
}
.carousel .item .carouselcontent h2 span {
  display: block;
}
.carousel .item .carouselcontent .profile {
  text-align: center;
  padding-bottom: 30px;
}
.carousel .item .carouselcontent .profile .profileimage {
  margin: 0px auto auto auto;
  overflow: hidden;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  border: 5px solid #fff;
}
.carousel .item .carouselcontent .profile .profileimage img {
  display: inline;
  margin: 0 auto;
  height: 100%;
}
.carousel .item .carouselcontent .profile h3 {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  margin: 8px 0 0 0;
  padding: 0;
}
.carousel .item .carouselcontent .profile .level {
  margin-top: 10px;
}
.carousel .item .carouselcontent .profile .level span {
  background: #fcfbfd;
  padding: 0 10px 2px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  color: #272727;
  font-size: 11px;
  font-weight: bold;
}
.carousel .item .carouselcontent .profile .points p {
  color: #fff;
  font-size: 52px;
  font-weight: bold;
  margin-top: 10px;
}
.carousel .item .carouselcontent .profile .ribbion {
  color: #fff;
  font-size: 17px;
  background: url(../images/profile-ribbion.png);
  background-repeat: no-repeat;
  padding-left: 20px;
  display: inline-block;
}
.carousel .item.active {
  background: #fff;
  box-shadow: none !important;
}
.carousel .item.active .carouselcontent h2 {
  color: #4d4d4d;
}
.carousel .item.active .carouselcontent .profile h3 {
  color: #4d4d4d;
}
.carousel .item.active .carouselcontent .profile .level span {
  background: #594384;
  color: #fff;
  font-weight: bold;
}
.carousel .item.active .carouselcontent .profile .points p {
  color: #4d4d4d;
}
.carousel .item.active .carouselcontent .profile .ribbion {
  color: #4d4d4d;
  background: url(../images/icon-ribbion-black.png);
  background-repeat: no-repeat;
}
.controls {
  position: absolute;
  top: 200px;
  left: 20%;
  width: 930px;
  margin-left: -75px;
  z-index: 10000;
}
.controls a,
.controlsa:focus,
.controls a:hover {
  display: block;
  color: #fff;
  font-size: 30px;
}
.controls .previous {
  position: absolute;
  top: 0;
  left: -13px;
}
.controls .next {
  position: absolute;
  top: 0;
  right: 6px;
}
.not-found {
  background: url(../images/empty.png);
  background-repeat: no-repeat;
  width: 658px;
  height: 436px;
  margin: 30px auto;
}
video {
  /*background: transparent url("../images/poster.jpg") 50% 50% / cover no-repeat;*/
}
footer {
  padding-bottom: 20px;
}
footer ul {
  float: right;
  display: inline-block;
  list-style: none;
  margin-top: 30px;
}
footer ul li {
  float: left;
  color: #fff;
  font-size: 12px;
  border-right: 1px solid #fff;
  padding-left: 10px;
  padding-right: 10px;
}
footer ul li a ,footer ul li span{
  color: #fff;
  font-size:14px;
}
footer ul li:last-child {
  border: none;
}

/*# sourceMappingURL=layout.css.map */

/*		Added by Jay		*/
.radial-progress .circle .mask .green{
	background-color:green!important;
}
.radial-progress .circle .mask .yellow{
	background-color:yellow!important;
}