/* HOMEPAGE TWEAKS */

.whatgetlist  .whatgetlist_in{
    height: 273px;
}

.whatgetlist {
    height: 273px;
}

.book-pdf{
    height: 95px;
}
.center{
    text-align: center;
}
img {
  width: 100%;
  height: auto;
}
.btn-big{
        display: block;
    width: 100%;
    margin: 20px auto;
    font-size: 20px;
    padding: 8px!important;
}

.lv_window {
  top: 0!important;
  bottom: 0;
  margin: auto;
}
a.wpf-favorite-link span{
    background-repeat: no-repeat;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}



.footer_menu ul li a {
    font-weight: 500;
}
ul{
    list-style: none;
    padding-left: 0;
}
/* browse */
.workout-overlay{
    opacity: 0;
}
.browse-span{
        font-size: 24px;
    line-height: 30px;
    max-width: 900px;
    display: block;
    margin: -35px auto 0 auto;
    text-align: center;
    font-weight: 300;
}
.browse-quote p {
    font-size: 24px;
    line-height: 30px;
}
.browse-quote cite {
    font-size: 24px;
    line-height: 24px;

}
/* SINGLE POST */

.complete-excercise-btn{
    width: 50%!important;
    display: block;
    margin: 35px auto;
    font-size: 24px!important;
    line-height: 48px!important;
}
.push-footer{
    min-height: auto!important;
}
.lightbox-preview-image{
    width: 55%;
    margin: 0 auto;
    margin-bottom: 10px;
    float: none;
}
.categoryvideoWrapper{
    position: relative;
    margin-top: 8px;
    margin-bottom: -10px;
    padding-top: 0;
    padding-bottom: 0!important;
    height: auto;
}

.fb-dialog{
    display: none!important;
}
/*-----------------------------------------------------------------------------
                                LOGIN
------------------------------------------------------------------------------*/

#post-1880 .woocommerce h2{
    display: none;
}
 .woocommerce form.login {
    border: 1px solid #d3ced2;
    padding: 20px;
    margin: 2em auto;
    text-align: left;
    border-radius: 5px;
    float: none;
    width: 300px;
}
.logged-in #post-1880 .woocommerce h2{
    display: block;
}
.logged-in #post-1880 .woocommerce .woocommerce-message{
    display: block;
}
.logged-in #post-1880 .woocommerce  .address{
    display: none;
}
.myaccount_address{
    display: none;
}
.woocommerce address{
    display: none;
}
.woocommerce .title h3{
    display: none;
}
#rememberme{
    display: inline-block!important;
        margin-left: 15px;
}
.lost_password{
    text-align: center;
}
.subscription-list{
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
}
.subscription_list_active{
    max-height: 3000px;
}
.order-list{
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
}
.overflow-hidden{
    overflow: hidden;
}
.order_list_active{
    max-height: 3000px;
}
.card-list{
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
}
.card_list_active{
    max-height: 3000px;
}
.btn-active{
  background: #029053
}
.show-orders{
  width: 100%;
}
.show-subscriptions{
  width: 100%;
}
.show-cards{
  width: 100%;
}
.edit-acc-det{
  width: 100%;
}

.ul-green-tics{
   list-style: none;
    margin: 30px auto;
}
.ul-green-tics li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin: 8px 20px 0 -45px;
    color: #019a67;
    font-size: 35px;
    display: block;
    float: left;
}
.ul-green-tics li{
    font-weight: 500;
    margin: 20px auto;
}
.signup-btn{
    display: block;
    width: 161px;
    font-size: 22px;
    line-height: 44px;
    padding: 0 22px;
    margin: 0 auto;
}
.membership_picture{
    width: 50%;
    display: block;
    margin: 35px auto;
}
/*-----------------------------------------------------------------------------
                FREEWORKOUT PAGE
------------------------------------------------------------------------------*/
.prev-next-tab{
    display: none;
}
.togamebrain-container {
    max-width: 400px;
    z-index: 9000;
    width: 100%;
    overflow: visible;
    background-color: #fff;
    padding: 12px;
    top: calc(50% - 50px/2);
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    font-family: 'Titillium Web', sans-serif;
    border: 1px solid #eee;
    font-weight: 500;
}
.togamebrain-container h5{
    font-size: 22px!important;
    line-height: 25px!important;
    text-align: center;
    width: 80%;
    margin: 27px auto;
}
.togamebrain-container img{
    display: block;
    width: 35%;
    margin: 10px auto;
}
.togamebrain-container .reps-header{
  text-align: center;
}
.togamebrain-btn {
    display: block;
    width: 100%;
    margin: 10px auto;
    margin-top: 40px;
}
.small-gamebrainvideo {
    position: relative;
    padding-bottom: 62.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
}
.gamebrain-single{
    min-height: 360px;
}
.free-gamebrain-bot{
    text-align: center;
}
/*
.page-template-free-gamebrain .menu{
  display: none;
}
.category-162 .menu{
  display: none;
}*/
/*-----------------------------------------------------------------------------
                                GAMEBRAIN
------------------------------------------------------------------------------*/
.watched-badge{
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 2px 4px;
    line-height: 1.3em;
    text-align: left;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer;
}
.video-new-badge {
      top: 8px;
    right: 10px;
    left: initial;
    background: #e4c14f;
    color: #000;
    opacity: 1;
    font-weight: 600;
    width: 50px;
    text-align: center;
    font-size: 14px;
}
.thumbnail-img{
    position: relative;
    overflow: hidden;
}
.watched{
    position: relative;
}
.watched .video-thumb{
        opacity: .7;
}
#more_posts{
    text-align: center;
    display: block;
    width: 150px;
    margin: 50px auto;
    margin-bottom: 10px;
}H
.no-more{
        text-align: center;
    margin-top: 31px;
    margin-bottom: -39px;
    font-size: 16px;
    color: #00ac62;
}

/*-----------------------------------------------------------------------------
                                PROGRAM DETAILS
------------------------------------------------------------------------------*/

.program-prompt-container {
    text-align: center;
    max-width: 522px;
    height: 545px;
    z-index: 8999;
    width: 100%;
    overflow: visible;
    background-color: #fff;
    padding: 14px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    font-family: 'Titillium Web', sans-serif;
    border: 1px solid #eee;
}
.program-prompt-container .how-long-header{
    font-weight: 600;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(139, 133, 133, 0.5);
    font-size: 22px;
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.program-prompt-close {
    float: right;
    color: #333;
    opacity: 0.5;
    cursor: pointer;
    font-size: 19px;
    margin-top: -5px;
}




.timer-prompt-container {
    text-align: center;
    max-width: 522px;
        height: 255px;
    z-index: 8999;
    width: 100%;
    overflow: visible;
    background-color: #fff;
    padding: 14px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    font-family: 'Titillium Web', sans-serif;
    border: 1px solid #eee;
}
.timer-prompt-container .how-long-header{
    font-weight: 600;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(139, 133, 133, 0.5);
    font-size: 22px;
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.timer-prompt-close {
    float: right;
    color: #333;
    opacity: 0.5;
    cursor: pointer;
    font-size: 19px;
    margin-top: -5px;
}




/* Custom styles */



.prompt-text{
      width: 86%;
    margin: 10px auto;
}
.notice input[type=checkbox] {
    display: inline-block;
}
.notice{
      width: 87%;
    margin: 18px auto;
    font-size: 16px;
}

.coach-menu-title {
    display: block;
    font-weight: 600;
    line-height: 35px;
    font-size: 30px;
    min-height: 25px;
}
.workout-overview-title{
        font-size: 24px;
    margin-bottom: 14px;
}
.coach_img {
width: 58%!important;
/* border-radius: 50%; */
display: block;
margin: 20px auto;
}
.inner-coach{
    padding: 15px;
    border: 2px solid #bdccd4!important;
    color: #00ac62;
    background-color: #bdccd4;
    margin-top: 18px;
}
.inner-coach{
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}
.no-margin-left{
    margin-left: 0!important;
}
.coach_desc{
font-size: 18px;
line-height: 22px;
font-weight: 400;
text-align: justify;
}
.workout-outline-container{
    padding-left: 0;
}
.workout-outline-container .media-title{
    background: transparent;
}
.program-overview{
    margin-bottom: 18px;
}
.no-pad-left{
    padding-left: 0!important;
}
.no-pad-right{
    padding-right: 0!important;
}
.program-details{
    padding-right: 0;
}

.schedule-btn{
    width: 100%;
margin-top: 15px;
padding: 10px 18px!important;
}
.schedule-btn:active{
    padding: 10px 18px!important;
}


/* WORK OUTLINE */

.lessonPlanContainer .lesson {
background-color: #b2aeab;
cursor: pointer;
margin-bottom: 10px;
padding: 10px;
-webkit-transition-property: background-color;
-webkit-transition-duration: .1s;
transition-property: background-color;
transition-duration: .1s;
}
.lessonPlanContainer .lesson.open, .lessonPlanContainer .lesson:active {
background-color: #fffef8;
}

.lessonPlanContainer .icon-bracket-down {
float: right;
padding-top: 3px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.lessonPlanContainer .lesson.open .icon-bracket-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media only screen and (min-device-width: 1025px){
.lessonPlanContainer .icon-bracket-down {
-webkit-transition-property: transform;
-webkit-transition-duration: .3s;
transition-property: transform;
transition-duration: .3s;
}
}

.lessonPlanContainer .icon-bracket-down {
float: right;
padding-top: 3px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}

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

.icon-bracket-down:before {
content: "\e60e";
}

.lessonPlan-contentContainer {
list-style: none;
margin: 0;
padding: 0 0 15px;
}
.lessonPlan-contentContainer .lessonPlan-content {
margin: 0;
padding: 0 10px;
}

.wc-shortcodes-toggle-trigger a{
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-size: 18px;
}
.wc-shortcodes-toggle-trigger{
    background: #00ac62;
    border: none!important;
}
.wc-shortcodes-toggle-trigger:hover{
    background: #029053;
}
.workout-outline .active{
    background: #029053;
}
.wc-shortcodes-toggle {
margin-bottom: 9px!important;
}
.workout-outline .workout-menu-title {
display: block;
font-weight: 600;
line-height: 36px;
margin-top: 19px;
font-size: 16px;
min-height: 54px;
}
.workout-outline{
    min-height: 0!important;
}
.wc-shortcodes-toggle .wc-shortcodes-toggle-container {
border: none;
border-top: 0px;
    color: #00ac62;
    background-color: #bdccd4;
        font-size: 18px;
    line-height: 22px;
    font-weight: 400;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-toggle .wc-shortcodes-toggle-trigger a:before {
right: 0!important;
left: auto!important;
}

.wc-shortcodes-font-awesome-enabled .wc-shortcodes-toggle .wc-shortcodes-toggle-trigger a {
padding: 10px 40px 10px 20px!important;
}

/* DRAG AND DROP PLANNER */

#planner-slider{
    max-width: 968px;
    position: relative;
    margin: 5px auto;
    width: 100%;
    float: right;
}
.planner-slider-outer{
/*overflow: hidden;*/
    position: relative;
}
.planner-slider-overflow-hidden{
    overflow: hidden;
}
.planner-slider-inner{
    position: relative;
    width: 7488px;
    -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.planner-slider-inner:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.planner-slider-inner,  .slider-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}

.categories-filter {
    max-width: 968px;
    margin: 0 auto;
        float: right;
    width: 100%;
}
.categories-filter .btn-primary {
    padding: 0;
    width: 16.2%!important;
    float: left;
    margin-right: 3px;
}
#planner-slider .slider-item{

      background-size: 104px 104px!important;
  background-repeat: no-repeat;
    background: #3fbf79;
    padding: 12px 0px;
    margin: 5px;
    color: #FFF;
    text-align: center;
    width: 104px;
    float: left;
    height: 104px;
    display: table;
    position: relative;
}
.block-preview{
    position: absolute!important;
    bottom: 3px;
    right: 5px;
    cursor: pointer;
    z-index: 1000;
    display: none;
}
.block-preview i{
    font-size: 19px;
}
.new-block-label{
    background: #e4c14f;
    z-index: 2;
    width: 55%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #000;
    font-size: 12px;
    /* line-height: 16px; */
    font-weight: 600;

}
.workout-category .new-block-label {
    background: #e4c14f;
    z-index: 2;
    width: 28%;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 15px;
    color: #000;
    font-size: 12px;
    /* line-height: 16px; */
    font-weight: 600;
}
.rest-item .block-preview{
    display: none;
}

#planner-slider .slider-item:first-of-type{
    margin-left: 0;
}
.block-with-icon{
    width: 65px;
  height: 65px;
  background-repeat: no-repeat;
  margin: 0 auto!important;
  display: block;
  background-size: 60%;
  background-position: 10px 30px;
}
.slider-item-inner{
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}
.slider-item h1{
    margin: inherit;
    font-size: 12px;
    line-height: 15px;
}
.dropped-block h1{
    margin: inherit;
    font-size: 9px;
    line-height: 15px;
}
.slider-item-overlay{
  position: absolute;
  top: 0;
  z-index: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: rgba(255,255,255,0.7);
}

.slider-item{
width: 85px;
height: 85px;
  background-size:85px 85px!important;
  background-repeat: no-repeat;
text-align: center;
display: table;
position: relative;
cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.slider-item-inner{
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
      z-index: 10;
  position: relative;
}
.slider-item span{
    margin: inherit;
    font-size: 12px;
    line-height: 15px;
    color: #000!important;
    background: rgba(179, 179, 179, 0.4);
    font-weight: bold;
}
.dropped-block span {
    margin: inherit;
    font-size: 9px;
    line-height: 15px;
    color: #000!important;
    font-weight: bold;
}
.slider-nav{

-webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.slider-nav .left {
        z-index: 10;
    height: 104px;
    width: 20px;
    background: rgba(219, 219, 219, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
.slider-nav .right{
    height: 104px;
    width: 20px;
    background: rgba(219, 219, 219, 0.5);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
        z-index: 10;
    
}   

.left-arrow{
    width: 100%;
    height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font: normal normal normal 25px/1 FontAwesome;
    text-align: center;

}
.left-arrow:before {
content: "\f104";
}
.right-arrow{
    width: 100%;
    height: 25px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font: normal normal normal 25px/1 FontAwesome;
    text-align: center;
        z-index: 100;
}
.right-arrow:before {
content: "\f105";
}

.clearfix:before,
.clearfix:after {
    content: ".";    
    display: block;    
    height: 0;    
    overflow: hidden; 
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* IE < 8 */


.ui-igtrialwatermark {
    display: none!important;
}

#dialog{
    display: none;
}

.item-link, .item-link:hover{
    color:#fff;
    position: relative;
}

.lightbox header{
    visibility: hidden!important;
}

/* TIPS */
.tips-container {
    background-color: #cecece;
    float: right;
    width: 80%;
    padding: 19px;
}
.tips-container .thumbnail-img {
    background-color:#cecece;
}
.tips-container h6{
    font-weight: 600;
}
.tips-container p{
    margin: 0 0 18px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
}
.videoOfTheWeek-container{
    margin-top: 15px;
}
.weekPoints-container{
    margin-top: 15px;
}
.videoOfTheWeek-container .media-title {
    background-color: #cecece;
    display: table;
    padding: 9px 0;
    width: 100%;
    font-weight: 500;
 }
.videoOfTheWeek-container .video-title {
    line-height: 18px;
    color: #00ac62;
    display: block;
    font-size: 16px;
    float: none;
}
.videoOfTheWeek-container .video-title:hover {
    color:#029053;
}
.weekPoints-container .tip{
    text-align: center;
    font-size: 20px;
    line-height: 36px;
}

/* ORGANIZE IT */

.col30  {
    width: 30%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 0;
    z-index: 1;
    padding-left: 15px;
}
#organize-it{
    margin-top: 48px;
}
.organize-it-inner{
    border: 1px solid rgba(244, 244, 244, 1);
    width: 300px;
    padding: 5px;
    padding-bottom: 53px;
}
.tg td{
    padding:5px;
    overflow:hidden;
    word-break:normal;
}

.table-block{
width: 85px;
height: 85px;
background: #e3e3e3;
     background-size: cover!important;
  background-repeat: no-repeat;
text-align: center;
display: table;

cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 100;
}
.table-block-overlay:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
    background-color: rgba(255, 255, 255, 0.7);
}
.note-block{
        width: 70px;
    height: 70px;
    float: left;
    margin: 2px 10px;
    margin-left: 0;
}
.schedule-table{
        -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.completed-block{
opacity: 0.5;
  background: lightpink;
}
.trash-wrap{
    display: none;
    background: #00ac62;
    position: fixed;
    width: 110px;
    height: 110px;
    bottom: 0;
    left: 0;
    z-index: 999;
    right: 0;
    margin: -60px auto;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 25px;
    border: 3px solid #A72020;
    padding-top: 14px;
    -webkit-transition: all 0.5s;
   transition: all 0.5s;
   cursor: pointer;
   opacity: 0;
}
.ui-draggable-helper{
    z-index: 20;
}
.trash-wrap:hover{
    background: #029053;
    border: 3px solid #029053;
}
.trash-wrap-visible{
    opacity: 1;
}
.trash-wrap-active{
    background: #029053;
    border: 3px solid #029053;
  
}


#block-hover-stats{
        z-index: 8999;
    overflow: visible;
    background-color: #fff;
    padding: 12px;
    width: 350px; 
   position: fixed;
}
#block-hover-stats .ribbon{
    bottom: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 75%;
    position: absolute;
    text-align: center;
    font-size: 6px!important;
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f1f1f1));
    background: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1);
    background: -moz-linear-gradient(top, #f1f1f1, #f1f1f1);
    background: -ms-linear-gradient(top, #f1f1f1, #f1f1f1);
    background: -o-linear-gradient(top, #f1f1f1, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f1f1f1 0%, #f1f1f1 100%);
    -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    font-family: 'Titillium Web', sans-serif;
}
.block-lightbox-header{
    margin-bottom: 15px;
}


.table-block-inner{
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
      z-index: 10;
  position: relative;
}

.block-exp-badge {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 2px 4px;
    line-height: 1.3em;
    text-align: left;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    background-color: #000;
    opacity: 1;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer;
}
.table-block span{
    margin: inherit;
    font-size: 9px;
    line-height: 15px;
    color: #000;
    font-weight: bold;
}
.rest-block{
      background: #e3e3e3!important;
}
.rest-block:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: block;
  z-index: 0;
  background-color: rgba(255, 255, 255, 0.7);
}
.empty{
    visibility: hidden;
}
.checkout .empty{
    visibility: visible;
}
.workout-circle{
    position: absolute;
    top: -5px;
    right: -4px;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    text-align: center;
    height: 20px;
    font-weight: bold;
    background: #00ac62;
      font-size: 12px;
}
.hidden{
    display: none;
}
.no-visible{
    visibility: hidden;
}
.hidden-important{
    display: none!important;
}


/* SCHEDULE COUNTER */

#schedule-counter{
    margin-top: 10px;
    width: 300px;
}
.schedule-counter-col{
    height: 100%;
}
.schedule-counter-inner{
width: 200px;
height: 60px;
border: 1px solid;
margin: 0 auto;
}
.remove-workout-counter {
    display: table;
    height: 100%;
    margin: 0 auto;
    
}
.remove-workout-counter i{
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;    
}
.remove-workout-counter i::before{
    cursor:pointer;
}
.add-workout-counter {
    display: table;
    height: 100%;
    margin: 0 auto;
}
.add-workout-counter i{
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
}
.add-workout-counter  i::before{
    cursor:pointer;
}
.confirm-workout-counter {
    display: table;
    height: 100%;
    margin: 0 auto;
}
.confirm-workout-counter i{
    display: table-cell;
    vertical-align: middle;
    font-size: 26px;
    color:#00ac62;
}
.confirm-workout-counter i::before{
    cursor:pointer;
}
.workout-counter {
    width: 100%;
    height: 100%;
    border: 1px solid;
    display: table;
}
.workout-counter-inner{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #000;
    width: 100%;
}
.schedule-box-col{
    padding: 10px 0 !important;
}




/*schdule TABLE */



.schedule-table {
    width: calc(100% - 100px);
}
.schedule-table td{
    padding:5px;
    overflow:hidden;
    word-break:normal;
    /*border: 1px solid;*/
    width: 95px;
    color:#333;
    background: rgba(244, 244, 244, 0.39);
}

.months-table{
    width: 100px;
    float: left;
       margin-top: 41px;
}
.months-td{
    background-color: #CECECE!important;
    padding: 0!important;

}
.months-td button {
    width: 100%;
    background-color: transparent;
    color: #333;
    border: none;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    font-weight: 600;
}
.day{
    background-color: #CECECE!important;
        border-left: 1px solid #fff;
}
.days-tr{
    height: 40px;
}
#day-hover-stats{
       z-index: 8999;
    overflow: visible;
    background-color: #fff;
    padding: 12px;
    width: 400px; 
   position: fixed;
}
#day-hover-stats .ribbon{
    bottom: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 75%;
    position: absolute;
    text-align: center;
    font-size: 6px!important;
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f1f1f1));
    background: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1);
    background: -moz-linear-gradient(top, #f1f1f1, #f1f1f1);
    background: -ms-linear-gradient(top, #f1f1f1, #f1f1f1);
    background: -o-linear-gradient(top, #f1f1f1, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f1f1f1 0%, #f1f1f1 100%);
    -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    font-family: 'Titillium Web', sans-serif;
}
.day-lightbox-header {
  font-weight: 600;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(139, 133, 133, 0.5);
   font-size: 16px;
   font-family: 'Titillium Web', sans-serif;
   text-align: center;
    
}
.day-with-stats{
    cursor: pointer;
    position: relative;
}
.day-with-stats::before{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #333333 transparent transparent transparent;
    position: absolute;
    top: 0;
    opacity: 0.85;
    left: 1px;
    -webkit-transform: rotate(360deg);
}
.day-exp {
    text-align: center;
    font-weight: bold;
    margin-bottom: 5px;
    color: #231f20;
}
#draggable {
    width: 100px;
    height: 100px;
    background: #ccc;
  }
 #droppable {
    position: absolute;
    left: 250px;
    top: 0;
    width: 125px;
    height: 125px;
    background: #999;
    color: #fff;
    padding: 10px;
 }

 .workout-cell{
    height: 101px;
 }
.workout-tr-dashed{
    border: 3px dashed #00ac62;
}
.workout-cell-highlighted{
    background-color: rgba(240, 48, 48, 0.38);
  border: 1px dashed #00ac62;
}

.archiveDay .workout-cell{
    background-color: transparent!important;
  border: none!important;
}
.activeDay{
   background: #00ac61a3!important;
   border-left: 1px solid transparent; 
       color: #fff!important;
}
.day{
    cursor: pointer;
}
.ui-draggable-dragging .block-preview{ 
    display: none; 
}
.ui-draggable-dragging .new-block-label{
    display: none;
}
.ui-draggable-dragging{
    width: 85px!important;
    height: 85px!important;
    background-size: 85px 85px!important;
}

.dropped-block .block-preview{
    display: none;
}
.dropped-block .new-block-label{
    display: none;
}

.dropped-block{
  margin: auto;
  top: 5px;
  bottom: 0;
  left: 0;
  right: 0;
width: 85px;
height: 85px;
  background-size:cover!important;
  background-repeat: no-repeat;
text-align: center;
display: table;
position: relative;
cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


}
.dropped-block-inner{
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
}
.dropped-block span{
    margin: inherit;
    font-size: 9px;
    line-height: 15px;
    color: #000;
    
    font-weight: bold;
}
.clean .dropped-block{
    opacity: 0;
 }
.ui-draggable-dragging{
    opacity:1;
}

.schedule-submit-btn{
    float: right;
  margin-top: 40px;
}
.days-tr td{
    padding-left: 12px;
}

.schedule-nav{
      display: block;
  float: right;
  width: 100px;
}
.schedule-nav .schedule-left-arrow {
      width: auto;
  height: 25px;
  position: initial;
  top: 0;
  bottom: 0;
  margin: auto;
  font: normal normal normal 25px/1 FontAwesome;
  text-align: center;
  float: left;
  cursor: pointer;
}
.schedule-nav .schedule-right-arrow {
   width: auto;
  height: 25px;
  position: initial;
  top: 0;
  bottom: 0;
  margin: auto;
  font: normal normal normal 25px/1 FontAwesome;
  text-align: center;
  float: right;
    cursor: pointer;
}

.schedule-left-arrow:before {
content: "\f104";
}
.schedule-right-arrow:before {
content: "\f105";
}
.month-text{
    display: block;
    float: left;
    text-transform: capitalize;
        margin-top: -2px;
}
#activeArrayResponse{
    display: none;
}
#badgesResponse{
    display: none;
}
#response{
    display: none;
}
#notesResponse{
    display: none;
}
#response2{
    display: none;
}

.hideCounter .workout-circle {
    display: none;
}
.hideCounter {
    margin: 0 auto;
}
.archiveDay{
     background-image: url("../img/stripesbackground4.png")!important;
     opacity: 0.6;
}
.archiveActiveDay{
    background-image: url("../img/stripesactive.png")!important;
    opacity: 1;
}
.mobile-schedule .archiveDay{
    opacity: 1;
    background-image:none!important;

}
.archiveDay .empty-mobile-block:before {
  content: " ";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
    
  opacity: .25; 
 background-image: url("../img/stripesbackground4.png")!important;
}
.whole-table-height{
    height:275px;
}



/* HOW LONG DID YOU TRAIN FOR STYLING */

.how-long-container {
  max-width: 295px;
  height: 215px;
  z-index: 8999;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}
.how-long-inner{
  font-size: 18px;
  color: #231f20;
    font-family: 'Titillium Web', sans-serif;
}
.how-long-close {
    float: right;
  color: #333;
  opacity: 0.5;
}
.how-long-close:hover {
  opacity: 1;
  cursor:pointer;
}

.how-long-confirm {
    padding-left: 7px;
    display: block;
    font-size: 34px;
    float: right;
    color: #00ac62;
    cursor: pointer;
}
.how-long-confirm:hover{
    color:#029053;
    cursor: pointer;
}
.how-long-header{
  font-weight: 600;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(139, 133, 133, 0.5);
    font-size: 15px;
     font-family: 'Titillium Web', sans-serif;
     text-align: center;
}
.wpua-edit.desciption{
    color:grey!important;
}
.clr{
    clear: both;
}
.how-long-minutes{
      font-size: 15px;
  margin-left: 5px;
}
.how-long-input-container{
   margin: 0 auto;
  margin-top: 20px;
  font-weight: 500;
  width: 110px;
}
.how-long-container input{
 width: 60px;
  text-align: center;
  line-height: 26px;
  float: left;
  display: block;
}
.how-long-add-notes{
      margin: 0 auto;
  margin-top: 20px;
  width: 102px;
}
.how-long-add-notes span{
      font-size: 15px;
  margin-left: 5px;
}
.how-long-add-notes-link{
    color: #231f20;
  font-size: 17px;
  text-decoration: underline;
  font-weight: 500;
}
.how-long-add-notes-link:hover{
    color:#029053;
}
.how-long-container .error-msg{
    width: 90%;
    color: #00ac62;
    text-align: center;
    font-size: 15px;
    margin: 12px auto;
}
.how-long-container-with-error{
    height: 265px;
}


/* RATING STYLING */

.rating-container {
  max-width: 295px;
  height: 185px;
  z-index: 8999;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}

.hol-long-evaluation{
        width: 48%;
    margin: 0 auto;
    margin-top: 15px;
}
.how-long-rating-bar{
    cursor: pointer;
    font-size: 12px;
    color: goldenrod;
}
.how-long-confirm:hover{
    color:#029053;
    cursor: pointer;
}
.how-long-header{
  font-weight: 600;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(139, 133, 133, 0.5);
    font-size: 15px;
     font-family: 'Titillium Web', sans-serif;
     text-align: center;
}
.rating-bar-container{
       max-width: 183px;
    margin: 20px auto;
    color: goldenrod;
}

.rate-btn {
    margin: 0 auto;
    display: block;
    width: 50%;
}

/*==============GAMIFICATION CONTAINER STYLIG ======================================================================*/


.gamification_info_toolip {
    background: #fff;
    position: absolute;
    padding: 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    z-index: 200;
    width: 170px;
    line-height: 20px;
    font-weight: 500;
    top: 24px;
    right: -2px;
    opacity: 1;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.gamification-info{
    position: absolute;
    color: #333;
    right: 33px;
    top: 10px;
    opacity: 0.5;
    width: 20px;
    height: 20px;
    padding-top: 2px;
        padding-right: 1px;
    border: 1px solid #333;
    text-align: center;
    border-radius: 50%;
    z-index:30;
}
.gamification-close{
    position: absolute;
    right: 15px;
    color: #333;
     z-index:30;
    opacity: 0.5;
}
.gamification-close:hover {
  opacity: 1;
  cursor:pointer;
}
.gamification-info:hover {
  opacity: 1;
  cursor:pointer;
}
.gamification-container{
  max-width: 710px;
     z-index: 9000;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
    top: calc(50% - 500px/2);
  left: 0;
  right: 0;
  margin: auto;
 position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}
.gamification-container .avatar-img {
        position: relative;
    margin-bottom: 15px;
    display: block;
    width: auto;
    max-width: 75px;
    margin: 0 auto;
}
    .down-index{
        font-size: 10px!important;
    }
        .down-index2{
        font-size: 12px!important;
    }
.gamification-container .avatar-img img {
    border-radius: 50%;
}
.gamification-container .level-bubble {
    background-color: #fff;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    font-weight: 600;
    border: 2px solid gold;
    position: absolute;
    bottom: -8px;
    right: -8px;
    border-radius: 50%;
}
.exp-info{
    text-align: center;
        margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
/*
.lightbox-current-points:after{
    content:' /';
}*/
#progress-bar{
    width: 0;
}
.user-name{
        font-size: 16px;
    font-weight: 600;
}
#progress-container {
        width: 50%;
    margin-top: 6px;
    margin-right: 5px;
    border: 1px solid #f7bdbd;
    background-color: #f7bdbd;
    height: 10px;    
    float: left;
}
#progress-bar{

    background-color: #e52625;
    height: 8px;
}
.level-info{
        font-size: 12px;
    margin-left: -18px;
        margin-bottom: 2px;
}
.well_done_container span{
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    max-width: 90%;
    display: block;
    color: #908c8a;
}
.cat-exp{
    font-size: 20px;
    font-weight: 600;
}
.gamification-container hr{
      border-top: 1px solid #cbcbcb;
          margin-top: 15px;
    margin-bottom: 15px;
}
.level-counter{
    width: 75%;
    margin: 0 auto;
}
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: #00ac61a3!important;
}
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    stroke: #e6c34f!important;
}
.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
    stroke: #08b19a!important;
}
.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
    stroke: #b57b53!important;
}

.chart-ul{
     list-style: none;
    padding:0;
    margin:0;
        padding-left: 8%;
}
.chart-ul li { 
    padding-left: 1em;
    text-indent: -.7em;
        font-size: 14px;
    font-weight: 500;
}
.grey{
        color: #979492;
    font-weight: 600;
        margin-left: 3px;
}
.chart-ul li:before {
    content: "• ";
}
.chart-ul .li-a:before {
    color:#d86c62;
}
.chart-ul .li-b:before {
    color:#e6c34f;
}
.chart-ul .li-c:before {
    color:#08b19a;
}
.chart-ul .li-d:before {
    color:#b57b53;
}


.chart-container {
    height: 116px;
}

.chart {
    position: relative;
    width: 85%;
    margin: 0 auto;
}
.chart-plus{
    position: absolute;
    bottom: 67px;
    left: -5px;
    right: 0;
    display: block;
    margin: auto;
    text-align: center;
    width: 80px;
        font-size: 18px;
    font-weight: 600;
}
.ribbon {
    bottom: 35px;
       width: 100%;
   position: absolute;
   text-align: center;
   font-size: 6px!important;
   background: #f1f1f1;
   background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f1f1f1));
   background: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1);
   background: -moz-linear-gradient(top, #f1f1f1, #f1f1f1);
   background: -ms-linear-gradient(top, #f1f1f1, #f1f1f1);
   background: -o-linear-gradient(top, #f1f1f1, #f1f1f1);
   background-image: -ms-linear-gradient(top, #f1f1f1 0%, #f1f1f1 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   font-family: 'Titillium Web', sans-serif;
   }
.ribbon h1 {
   font-size: 15px!important;
   color: #484548;
   text-shadow: #f1f1f1 0 1px 0;
   margin:0px;
   padding: 15px 10px;
   }
.ribbon:before, .ribbon:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #e2e2e2;
   z-index: -1;
   }
.ribbon:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   }
.ribbon:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
   border-color: #c3b8b8 transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
.ribbon .ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   }
.ribbon .ribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   }
.ribbon-stitches-top {
   margin-top:2px;
   border-top: 0px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
   }
.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 0px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
   }
   .ribbon h4{
       font-size: 18px;
    line-height: 4px;
        font-weight: 600;
   }


   /* FINISH UP RTIBBON */
   .finish-ribbon-container{
        position: absolute;
    width: 114%;
    left: -25px;
    top: -72px;
   }
        .finish-ribbon {
         font-size: 24px !important;
         /* This finish-ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the finish-ribbon elements */

         width: 100%;
            
         position: relative;
         background:  #E62526;
         color: #FFF;
         text-align: center;
        }
        .finish-ribbon:before, .finish-ribbon:after {
         content: "";
         position: absolute;
         display: block;
         bottom: -1em;
         border: 1.5em solid #C32425;
         z-index: -1;
        }
        .finish-ribbon:before {
         left: -2em;
         border-right-width: 1.5em;
         border-left-color: transparent;
        }
        .finish-ribbon:after {
         right: -2em;
         border-left-width: 1.5em;
         border-right-color: transparent;
        }
        .finish-ribbon .finish-ribbon-content:before, .finish-ribbon .finish-ribbon-content:after {
         content: "";
         position: absolute;
         display: block;
         border-style: solid;
         border-color: #821618 transparent transparent transparent;
         bottom: -1em;
        }
        .finish-ribbon .finish-ribbon-content:before {
         left: 0;
         border-width: 1em 0 0 1em;
        }
        .finish-ribbon .finish-ribbon-content:after {
         right: 0;
         border-width: 1em 1em 0 0;
        }
        .badges-container .finish-ribbon-container {
            top: -85px;
        }
        .badges-container .finish-ribbon {
            font-size: 24px !important;
            width: 100%;
            position: relative;
            background: #E62526;
            color: #FFF;
            line-height: 48px;
            text-align: center;
        }
        .finish-ribbon p {
            margin-top: -9px;
            padding-bottom: 6px;
        }   
   .finish-up-btn{
        margin: 30px auto;
    width: 200px;
    display: block;
   }
   .back-btn{
       margin: 30px auto;
    width: 80%;
    display: block;
   }
   .badge-img-container{
    padding-left: 0!important;
   }
   .badge-img-container img{
    width:75%;
    border-radius: 50%;
   }
   .badges-counter{
        width: 38px;
        height: 38px;
        margin-top: 2px;
        background: #e5e5e5;
        border-radius: 50%;
        text-align: center;
        font-size: 20px;
        line-height: 38px;
        padding-right: 3px;
        font-weight: 500;
   }



/*============== BADGES CONTAINER STYLIG ======================================================================*/

.badges-container {
    max-width: 370px;
        z-index: 9002;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 15px;
    top: calc(50% - 500px/2);
  left: 0;
  right: 0;
  margin: auto;
 position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}

.badge-close {
    position: absolute;
    cursor: pointer;
    right: 15px;
    color: #333;
    z-index: 30;
    opacity: 0.5;
    font-size: 27px;
}
.badges-close:hover {
  opacity: 1;
  cursor:pointer;
  color:#fff;
}

.badge_toolip {
    background: #fff;
    position: absolute;
    padding: 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    z-index: 200;
    width: 170px;
   line-height: 18px;
    font-weight: 500;
    top: 110%;
    opacity: 0;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

@media (max-width: 650px){
    .badge_toolip {
        right: auto;
    }
    .post-social-btn span {
      width: 82%;
    }
}       

.right-0{
    right:10px;
}
.left-0{
    left:10px;
}
.badge-img-container:hover .badge_toolip {
    opacity: 1;
    max-height: 1000px;
}
.badge_toolip span {
    display: block;
    margin-bottom: 4px;
}
.toolip-badge-title{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
    display: block;
}

.badge_toolip:after {
        width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 13px solid #fff;
    content: '';
    display: block;
    position: absolute;
    top: -7.5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/*============== REPS AND SETS CONTAINER STYLIG ======================================================================*/
/*============== REPS AND SETS CONTAINER STYLIG ======================================================================*/
/*============== REPS AND SETS CONTAINER STYLIG ======================================================================*/


.reps-container {
    max-width: 400px;
    z-index: 9000;
    width: 100%;
    overflow: visible;
    background-color: #fff;
    padding: 12px;
    top: calc(50% - 50px/2);
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    font-family: 'Titillium Web', sans-serif;
    border: 1px solid #eee;
      font-weight: 500;
}
.reps-header {
    font-weight: 600;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(139, 133, 133, 0.5);
    font-size: 15px;
    margin-bottom: 15px;
    font-family: 'Titillium Web', sans-serif;
}
.give-points-btn{
    display: block;
    width: 50%;
    margin: 0 auto;
}
.reps-row {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(139, 133, 133, 0.5);
}
.reps-excercise-title {
     display: block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    line-height: 61px;
    font-size: 20px;
    padding-left: 8px;
}
.sets-counter-container{
    float: none;
    width: 100%;
    text-align: center;
}
.sets-counter-inner{
    width: 45px;
    height: 27px;
    text-align: center;
}
.add-set-counter{
    display: inline-block;
    margin: 0 8px;
    color: #00ac62;
    cursor: pointer;
    font-size: 40px;
    vertical-align: middle;
    margin-left: 10px;
}
.remove-set-counter{
    display: inline-block;
    color: #00ac62;
    cursor: pointer;
    font-size: 40px;
    vertical-align: middle;
    margin-right: 10px;
}
.add-set-counter:hover{
    color: #029053;
}
.remove-set-counter:hover{
    color: #029053;
}
.reps-counter{
     margin-top: 10px;
}
.sets-counter{
    margin-top: 0;
}
.reps-counter-inner{
    width: 45px;
    height: 27px;
    text-align: center;
}
.add-rep-counter{
    display: inline-block;
    margin: 0 8px;
    color: #00ac62;
    cursor: pointer;
        font-size: 40px;
    vertical-align: middle;
    margin-left: 10px;
}
.remove-rep-counter{
 display: inline-block;
    color: #00ac62;
    cursor: pointer;
    font-size: 40px;
    vertical-align: middle;
    margin-right: 10px;
}
.add-rep-counter:hover{
    color: #029053;
}
.remove-rep-counter:hover{
    color: #029053;
}
.confirm-reps-btn{
        display: block;
    width: 40%;
    margin: 0 auto;
}

/* category checklist */

/* SQUARED TWO */
.workout-menu input[type=checkbox] {
    display: none;
}

.checkbox-group label {
    cursor:pointer;
    position: absolute;
    top: 0px;
    right: 15px;
    bottom: 0;
    margin: auto;
    height: 20px;
    width: 20px;
}


/* Style span tag */
.checkbox-group label span {
    display:block;
    position:absolute;
    left:0;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    transition-duration:.3s
}
/* Style box */
.checkbox-group label .box {
    background: #bdccd4;
    height:20px;
    width:20px;
    z-index:9;
    -webkit-transition-delay:.2s;
    -moz-transition-delay:.2s;
    transition-delay:.2s;
    border-radius:50%;
}
 
/* Style check icon. give it a border on the bottom and right only and then rotate */
.checkbox-group label .check {
    top:0;
    left:7px;
    width:7px;
    height:15px;
    border: 4px solid #029053;
    border-top:none;
    border-left:none;
    opacity:0;
    z-index:10;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    transform:rotate(180deg);
    -webkit-transition-delay:.3s;
    -moz-transition-delay:.3s;
    transition-delay:.3s
}
 
/* Change color of box when checkbox is checked */
input[type=checkbox]:checked ~ label .box {
    background: #bdccd4;
}
 
/* Rotate and show check icon when checkbox is checked */
input[type=checkbox]:checked ~ label .check {
    opacity:1;
    -webkit-transform:scale(1) rotate(45deg);
    -moz-transform:scale(1) rotate(45deg);
    transform:scale(1) rotate(45deg);
}
.squaredTwo {

    opacity: 1 !important;
}
/*
.squaredTwo {
    width: 24px;
    height: 24px;
    background: #fcfff4;
    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
    position: absolute;
    top: 0px;
    right: 15px;
    bottom: 0;
    margin: auto;
}

.squaredTwo label {
    cursor: pointer;
    position: absolute;
    width: 18px;
    height: 18px;
    left: 3px;
    top: 3px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
    background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
    background: -o-linear-gradient(top, #222 0%, #45484d 100%);
    background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
    background: linear-gradient(top, #222 0%, #45484d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.squaredTwo label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 11px;
    height: 7px;
    background: transparent;
    top: 4px;
    left: 4px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredTwo input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}*/



/*==============FINISH UP CONTAINER STYLIG ======================================================================*/
/*==============FINISH UP CONTAINER STYLIG ======================================================================*/
/*==============FINISH UP CONTAINER STYLIG ======================================================================*/
.finish-up-stats-row {
    background-color: #f6f6f6;
    padding-bottom: 15px;
    padding-top: 6px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
       margin-top: 15px;
           margin-bottom: 15px
}

.finish-up-container {
    max-width: 370px;
     z-index: 9000;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 15px;
      top: calc(50% - 350px/2);
  left: 0;
  right: 0;
  margin: auto;
 position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}
.finish-up-container .row {
    margin-right: -15px;
    margin-left: -15px;
}
.finish-up-container .avatar-img {
        position: relative;
    margin-bottom: 15px;
    display: block;
    width: auto;
    max-width: 75px;
    margin: 0 auto;
}

.finish-up-container .user-info{
    padding-top: 20px;
}
.finish-up-container .user-name{
    font-size: 24px;
    font-weight: 600;
}
.finish-up-container .avatar-img img {
    border-radius: 50%;
}
.finish-up-container .level-bubble {
    background-color: #fff;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    font-weight: 600;
    border: 2px solid gold;
    position: absolute;
    bottom: -8px;
    right: -8px;
    border-radius: 50%;
}
.finish-up-container .exp-info{
    text-align: left;
    margin-top: 10px;
    font-size: 24px;
    line-height: 22px;
    font-weight: 500;
}


.finish-up-container .level-counter {
    width: 100%;
    margin: 10px auto;
}

.finish-up-container #progress-container {
    height: 14px;
}

.finish-up-container #progress-bar {
    background-color: #e52625;
    height: 12px;
}
.finish-up-container .level-info {
    font-size: 13px;
    padding-top: 2.5px;
}

.activities-col div, .badges-col div, .days-col div{
    padding:0;
}
.activities-col img, .badges-col img, .days-col img{
    padding: 3px;
    margin-top: 9px;
}

.activities-col span, .badges-col span, .days-col span{
    font-weight: 500;
}
.activities-col h6, .badges-col h6, .days-col h6{
    margin-bottom: 1px;
}
.profile-dropdown .days-col span, .profile-dropdown .activities-col span, .profile-dropdown .badges-col span{
    font-weight: 500;
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-top: -10px !important;
}

.profile-dropdown .days-col h6, .profile-dropdown .activities-col h6, .profile-dropdown .badges-col h6{
   margin-bottom: 1px !important;
    text-align: center!important;
    margin-top: 15px !important;
}
.finish-up-btn-col{
    padding: 10px 40px;
}
.finish-up-btn-col a{
    width: 100%;
    padding: 5px 18px!important;
}





/*==============LIFETIME STATS CONTAINER STYLIG ======================================================================*/

.lifetime-stats-container{
  max-width: 710px;
  z-index: 9000;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
  top: calc(50% - 500px/2);
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}
.lifetimestats-h5{
      width: 50%;
    float: left;
    display: block;
}
.lifetimestats-icons-container{
    width: 50%;
    float: right;
    height: auto;
    padding-top: 6px;
}
.lifetimestats-notes-icon{
    float: right;
    margin-right: 15px;
    color: #000;
    opacity: 0.5;
    width: initial;
    padding-top: 2px;
    padding-right: 1px;
    text-align: center;
    z-index: 30;
    font-weight: 600;
    font-size: 17px;
}

.lifetimestats-notes-icon i{
    margin-left: 5px;
}
.lifetimestats-comments-icon{
    float: right;
    color: #000;
    opacity: 0.5;
    width: initial;
    padding-top: 2px;
    padding-right: 1px;
    text-align: center;
    z-index: 30;
    font-weight: 600;
    font-size: 17px;
}

.lifetimestats-comments-icon i{
    margin-left: 5px;
}

.lifetimestats-comments-icon:hover {
  opacity: 1;
  cursor:pointer;
}
.lifetimestats-notes-icon:hover {
  opacity: 1;
  cursor:pointer;
}
.lifetime-stats-container .stats-col{
    border-right: 1px solid #cbcbcb;
    padding-left: 40px;
    padding-right: 20px;
}
.lifetime-stats-container .stats-col3{
    border-right: none;
}

.lifetime-stats-container .stats-col h6{
      float: left;
    display: inline-block;
}
.lifetime-stats-container .stats-col span{
       font-size: 18px;
    line-height: 18px;
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
        font-weight: 600;
}

.lifetime-stats-container .stats-col .row{
    margin-bottom: 10px;
}

.profile-dropdown .stats-col{
    text-align: center;
        line-height: 15px;
}
.profile-dropdown .stats-col span{
    color: #f7bdbd;
    font-size: 18px;
    font-weight: 500;
}
.lifetime-others-container{
    margin-top: -20px;
}
  /* ======================================================*/ 
/*================ NOTES STYLING ==========================*/

.notes-container{
   max-width: 610px;
     z-index: 9000;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
top: calc(50% - 50px/2);
  left: 0;
  right: 0;
  margin: auto;
 position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}

@media  (max-width: 900px){

    .notes-container{
        top: 3em;
    }
}
.notes-shadow{
    border-collapse: separate;
  box-shadow: 0 2px 40px rgba(0,0,0,.4);
  border: 1px solid #eee;
}
.notes-inner{
  font-size: 18px;
  color: #231f20;
    font-family: 'Titillium Web', sans-serif;
}
.all-notes-right{
    float:right;
}
.separator-line{
      height: 2px;
  width: 100%;
  background: #231f20;
  margin: 10px 0px;
}
.notes-header{
  font-weight: 600;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(139, 133, 133, 0.5);
    font-size: 15px;
     font-family: 'Titillium Web', sans-serif;
}
.notes-close {
    float: right;
  color: #333;
  opacity: 0.5;
}
.notes-close:hover {
  opacity: 1;
  cursor:pointer;
}
.note-row{
    width: 100%;
      margin-top: 9px;
}
.note-content{
  padding: 10px;
  font-size: 15px;
    font-weight: 500;
     font-family: 'Titillium Web', sans-serif;
}
.note-footer{
    padding: 5px 0 5px 10px;
  font-family: 'Titillium Web', sans-serif;
  color: #999;
  font-size: 12px;
  text-align: left;
  background-color: #f4f4f4;
}
.note-footer .sep{
      padding-right: 7px;
  display: inline-block;
}
.note-date{
  font-weight: bold;
  margin-right: 10px;
}
.comment-reply .comm-date{
    display: none;
}
.comment-reply .comm-author:after{
    display: none;
}
.stars-1 .star1{
    color:goldenrod;
}

.stars-2 .star1{
    color:goldenrod;
}
.stars-2 .star2{
    color:goldenrod;
}

.stars-3 .star1{
    color:goldenrod;
}
.stars-3 .star2{
    color:goldenrod;
}
.stars-3 .star3{
    color:goldenrod;
}

.stars-4 .star1{
    color:goldenrod;
}
.stars-4 .star2{
    color:goldenrod;
}
.stars-4 .star3{
    color:goldenrod;
}
.stars-4 .star4{
    color:goldenrod;
}

.stars-5 .star1{
    color:goldenrod;
}
.stars-5 .star2{
    color:goldenrod;
}
.stars-5 .star3{
    color:goldenrod;
}
.stars-5 .star4{
    color:goldenrod;
}
.stars-5 .star5{
    color:goldenrod;
}

.note-title{
    font-weight: 500;
}
.note-input textarea{
    width: 100%;
       font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    color: #231f20;
      padding: 10px;
        text-align: left;
}
.notes-rows-container{
  max-height: 400px;
  overflow: overlay;
  margin-bottom: 50px;
}
.note-input{ 
    font-weight: 500;
 }
 .all-notes-lighbox-link{
      text-align: center;
  display: block;
  margin-top: -14px;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 16px;
 }
 .add-note-btn{
    float: left;
  margin-top: 15px;
    font-size: 15px;
      font-family: 'Titillium Web', sans-serif;
 }
 .private-wrap{
    display: inline-block;
    float: left;
    line-height: 36px;
    margin-top: 15px;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 500;
 }
 .private-wrap input[type=checkbox]{
    display: block;
    margin-top: 12px;
    margin-right: 5px;
    line-height: 37px;
    float: left;
 }
.back-notes-btn{
    float: left;
    margin-top: 15px;
    margin-left: 15px;
    font-size: 15px;
    font-family: 'Titillium Web', sans-serif;
 }
.note_actions{
      float: right;
  font-size: 16px;
  padding-right: 12px;
  padding-top: 2px;
}
.note_actions span {
    opacity: 0;
    -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.note-row:hover .note_actions span {
    opacity: 0.5;
}
.note-del:hover {
        opacity:1!important;
        cursor:pointer;
}
.note-edit:hover {
        opacity:1!important;
        cursor:pointer;
}
.note-del{
    margin-left: 12px;
}
.categories-menu{
      margin-top: 10px;
}
.categories-menu .nav-tabs li a {
    text-align: center;
    font-size: 16px;
}
.notes-overlay{
      background-color: #fff;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  width: 100%;
  webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.quick-start-overlay{
      background-color: #fff;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  width: 100%;
  webkit-transition: opacity .2s;
  cursor:pointer;
  transition: opacity .2s;
}
.delete-prompt-overlay{
    background-color: #fff;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  width: 100%;
  webkit-transition: opacity .2s;
  transition: opacity .2s;
}
.avatarSet-overlay{
    background-color: #fff;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  width: 100%;
  webkit-transition: opacity .2s;
  transition: opacity .2s;
}
.nameSet-overlay{
    background-color: #fff;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  width: 100%;
  webkit-transition: opacity .2s;
  transition: opacity .2s;
}

#page_navigation{
    font-weight: 500;
  font-size: 15px;
  text-align: center;
  margin-top: 35px;
}
#page_navigation a {
  margin-right: 10px;
}

.new-note-container{
    margin-top: 25px;
}
.new-note-textarea {
  width: 100%!important;
  font-weight: 500;
  padding: 5px;
}

.notecatpicker{
    float: left;
    padding: 2px;
    margin-top: 1px;
    display: block;
    font-weight: 500;
    width: 150px;
    font-size: 17px;
}
.note-container-hidden{
    padding: 0;
  border: none!important;
  box-shadow: none;
}
.delete-cat-container{
    max-width: 400px;
  z-index: 9004;
  font-weight: 500;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
  top: 53px;
  left: 0;
  right: 0;
  /* bottom: 0; */
  margin: auto;
  position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}
.cat-del{
    display: none;
      float: right;
  font-size: 20px;
  margin-top: 5px;
  cursor: pointer;
}
.add-new-note-cat{
      font-weight: 500;
  margin-top: 6px;
  display: block;
  margin-left: 3px;
  text-decoration: underline;
  cursor: pointer;
}
.add-new-note-cat:hover{
    color:#00ac62;
}
.add-new-cat-btn {
  font-size: 13px!important;
  padding: 0px 19px!important;
  line-height: 27px!important;
  margin-top: 11px!important;
}


#newcategory{
  display: block;
  width: 179px;
  font-weight: 500;
  text-indent: 6px;
}
#category-add{
    margin-top: 10px;
    -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.error-msg{
  display: block;
  font-weight: 500;
  margin-left: 2px;
  margin-top: 2px;
}
.error-msg2{
    font-size: 16px;
    font-weight: 500;
    color: #00ac62;
    line-height: 52px;
    padding-left: 20px;
}
.no-height{
      height: 0;
  overflow: hidden;
}
.choose-cat-container{
    padding-left: 23px;

}
.no-padding-right{
    padding-right: 0;
}
.no-padding-left{
    padding-left: 0;
}
.add-new-note-btn{
      float: left;
  margin-top: 10px;
  font-size: 16px;
}


/* EDIT NOTE LIGHTBOX */

.edit-container{
   max-width: 610px;
     z-index: 9004;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
  top: 0;
    left: 0;
  margin: auto;
 position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}
.notes-shadow{
    border-collapse: separate;
  box-shadow: 0 2px 40px rgba(0,0,0,.4);
  border: 1px solid #eee;
}
.edit-inner{
  font-size: 18px;
  color: #231f20;
    font-family: 'Titillium Web', sans-serif;
}
.separator-line{
      height: 2px;
  width: 100%;
  background: #231f20;
  margin: 10px 0px;
}
.edit-header{
  font-weight: 600;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(139, 133, 133, 0.5);
    font-size: 15px;
     font-family: 'Titillium Web', sans-serif;
}
.edit-close {
    float: right;
  color: #333;
  opacity: 0.5;
}
.edit-close:hover {
  opacity: 1;
  cursor:pointer;
}
.edit-row{
    width: 100%;
      margin-top: 9px;
}
.edit-content{
  padding: 10px;
  font-size: 15px;
    font-weight: 500;
     font-family: 'Titillium Web', sans-serif;
}
.edit-footer{
    padding: 5px 0 5px 10px;
  font-family: 'Titillium Web', sans-serif;
  color: #999;
  font-size: 12px;
  text-align: left;
  background-color: #f4f4f4;
}
.edit-footer .sep{
      padding-right: 7px;
  display: inline-block;
}
.edit-date{
  font-weight: bold;
  margin-right: 10px;
}
.edit-title{
    font-weight: 500;
}
.edit-input textarea{
    width: 100%;
       font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    color: #231f20;
      padding: 10px;
        text-align: left;
}
.edit-how-long-container span{
  margin-top: 15px;
  display: block;
}
.edit-how-long-container {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.edit-how-long input{
      width: 60px;
  text-align: center;
  line-height: 26px;
  display: block;
  margin: 0 auto;
    margin-top: 12px;
}
.edit-input{ 
  margin-top: 15px;
    font-weight: 500;
 }
 .edit-note-btn{
    float: left;
  margin-top: 15px;
    font-size: 15px;
      font-family: 'Titillium Web', sans-serif;
 }
  .edit-note-btn:active ,  .edit-note-btn:visited{
      float: left;
  font-size: 15px;
  font-family: 'Titillium Web', sans-serif;
  }
.note_actions{
      float: right;
  font-size: 16px;
  padding-right: 12px;
  padding-top: 2px;
}
.edit-overlay{
      background-color: #fff;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  width: 100%;
  webkit-transition: opacity .2s;
  transition: opacity .2s;
}

/* NOTES DELETE LIGHTBOX */


.delete-container {
  max-width: 300px;
  z-index: 9004;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
  top: 53px;
  left: 0;
  right: 0;
  /* bottom: 0; */
  margin: auto;
  position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}
.edit-header{
  font-weight: 600;
  width: 100%;
  padding-bottom: 10px;
  font-size: 15px;
  font-family: 'Titillium Web', sans-serif;
}
.delete-inner{
  font-size: 18px;
  color: #231f20;
    font-family: 'Titillium Web', sans-serif;
}

.delete-close {
    float: right;
  color: #333;
  opacity: 0.5;
}
.delete-close:hover {
  opacity: 1;
  cursor:pointer;
}
.delete-note-content{
      padding: 10px;
  padding-top: 46px;
  font-size: 14px;
  text-align: center;
}
.delete-note-btns{
    width: 53%;
  margin: 15px auto;
}

 .delete-note-btn{
      float: left;
  line-height: 30px;
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
 }

  .delete-note-btn:active ,  .delete-note-btn:visited, .delete-note-btn:focus{
      float: left;
  line-height: 30px;
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  }
 .delete-cancel-btn{
  float: none;
  color: #00ac62;
  line-height: 30px;
  margin-left: 10px;
  font-size: 14px;
  background-color: #fff;
 }
 .delete-cancel-btn:active , .delete-cancel-btn:visited, .delete-cancel-btn:focus {
  float: none;
  color: #00ac62;
  line-height: 30px;
  margin-left: 10px;
  font-size: 14px;
  background-color: #fff;
  background-color: #fff;
     color: #029053;
    text-decoration: underline;
}
  .delete-cancel-btn:hover{
    background-color: #fff;
     color: #029053;
    text-decoration: underline;
 } 

/* prompt checkbox */
.prompt-container {
  max-width: 300px;
  z-index: 9004;
  font-weight: 500;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
  left: 0;
  right: 0;
  /* bottom: 0; */
  margin: auto;
  position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}
.delete-prompt-container {
    max-width: 402px;
    z-index: 9004;
    font-weight: 500;
    width: 100%;
    overflow: visible;
    background-color: #fff;
    padding: 12px;
    left: 0;
    height: 215px;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    position: absolute;
    font-family: 'Titillium Web', sans-serif;
    border: 1px solid #eee;
}
.delete-stats-prompt {
    max-width: 420px;
    height: 415px;
    top: 79px;
}
.prompt-inner{
  font-size: 18px;
  color: #231f20;
    font-family: 'Titillium Web', sans-serif;
}

.prompt-close {
    float: right;
  color: #333;
  opacity: 0.5;
}

.prompt-close:hover {
  opacity: 1;
  cursor:pointer;
}

.delete-prompt-close {
    float: right;
  color: #333;
  opacity: 0.5;
}

.delete-prompt-close:hover {
  opacity: 1;
  cursor:pointer;
}

.prompt-note-content{
      padding: 10px;
  padding-top: 46px;
  font-size: 14px;
  text-align: center;
}
.delete-stats-prompt .prompt-note-content{
    font-size: 24px;
    text-align: center;
    line-height: 29px;
}
.reset-stats-btn-cancel{
    margin-left: 15px;
}
.prompt-note-btns{
    min-width: :  240px;
  margin: 15px auto;
      width: 235px;
}

 .prompt-note-btn{
      float: left;
  line-height: 30px;
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
 }

  .prompt-note-btn:active ,  .prompt-note-btn:visited{
      float: left;
  line-height: 30px;
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  }
 .prompt-cancel-btn{
  float: none;
  color: #fff;
  line-height: 30px;
  margin-left: 10px;
  font-size: 14px;
  
 }
 .prompt-cancel-btn:active , .prompt-cancel-btn:visited  {
  float: none;
  color:#fff;
  line-height: 30px;
  margin-left: 10px;
  font-size: 14px;
}

 .delete-notification-confirm{
      float: left;
  line-height: 30px!important;
  font-size: 14px!important;
  font-family: 'Titillium Web', sans-serif;
 }

  .delete-notification-confirm:active ,  .prompt-note-btn:visited{
      float: left;
  line-height: 30px;
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  }
 .delete-block-cancel-btn{
  float: none;
  color: #fff;
  line-height: 30px;
    margin-left: 36px;
  font-size: 14px;
  
 }
 .delete-block-cancel-btn:active , .delete-block-cancel-btn:visited  {
  float: none;
  color:#fff;
  line-height: 30px;
  font-size: 14px;
}

 /* prompt checkbox 2*/
.prompt-container2 {
  max-width: 300px;
  z-index: 9004;
  font-weight: 500;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
  left: 0;
  right: 0;
  /* bottom: 0; */
  margin: auto;
  position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}
.prompt-close2 {
    float: right;
  color: #333;
  opacity: 0.5;
}
.prompt-close2:hover {
  opacity: 1;
  cursor:pointer;
}

 .prompt-note-btn2{
  line-height: 30px;
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  margin: 0 auto;
    display: block;
    width: 80px;
 }

  .prompt-note-btn2:active ,  .prompt-note-btn2:visited{
  line-height: 30px;
  font-size: 14px;
  font-family: 'Titillium Web', sans-serif;
  }

/* REST DAYS TEAM TRAINN SITES */

.imageWrapper{
    margin-top: 18px;
}

.add-workout-btn{
  width: 100%!important;
  padding: 7px!important;
  font-size: 20px;
}
.add-workout-btn:active{
  width: 100%;
  background-color: #029053!important;
  padding: 7px;
  font-size: 22px;
}
.completed-div{
      font-weight: 500;
  font-size: 14px;
  margin: 10px 30px;
}
.completed-div-active{
  background-color: #029053!important;
   width: 100%;
  padding: 7px!important;
  font-size: 22px!important;
}
.completed-notes-link i {
      margin-right: 4px;
}
.completed-div a {
    color:#231f20;
    text-decoration: underline;
}
.completed-div a:hover {
    color: #029053;
}
.add-workout-btn .active{
    background-color: #029053;
}

/* REGISTER WITH TESTIMONIALS */

.testimonial-photo {
     height: 144px;
  margin: 18px auto;
  display: block;
  width: auto;
  
}
.inner-testimonial-box .testimonial p {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 20px;
}
.inner-testimonial-box .testimonial {
    height: auto;
    }

.inner-testimonial-box .testimonial {
    font-size: 16px;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#s2member-pro-stripe-checkout-form-first-name-label br{
    display: none;
}
#s2member-pro-stripe-checkout-form-last-name-label br{
    display: none;
}

#s2member-pro-stripe-checkout-form-email-div br{
    display: none;
}

#s2member-pro-stripe-checkout-form-username-div br{
    display: none;
}
#s2member-pro-stripe-checkout-form-password-div br {
    display: none;
}

#s2member-pro-stripe-checkout-password2{
    float:right;
}
#s2member-pro-stripe-checkout-form-password-strength{
    clear:both;
    margin-top: 80px;
}






/* ================================================================*/
/* TODAYS'S WORKOUTS! */ 
/* ================================================================*/

.login {
    float: right;

}
.woocommerce-account .login{
  margin-top: 0;
}
.h1-logo{
      width: 150px;
    display: block;
    float: left;
}
.avatar-right{
        float: right;
        cursor: pointer;
            margin-top: 3em;
}
.avatar-right .avatar-img{
    position: relative;
    margin-bottom: 15px;
    display: block;
    width: auto;
    max-width: 50px;
    float: left;
}
.profile-scroll{
        font-size: 30px;
}
.avatar-right .avatar-img img{
    border-radius: 50%;
        border: 1px solid rgba(16, 76, 64, .8);
}
.avatar-right .level-bubble {
    background-color: #fff;
    width: 25px;
    height: 25px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-weight: 600;
    border: 1px solid rgba(16, 76, 64, .8);
        position: absolute;
    bottom: -8px;
    right: -8px;
    border-radius: 50%;
}

.avatar-inactive .profile-scroll{
    display: none;
}
.avatar-active .avatar-img{
    display: none;
}
.profile-dropdown{
    max-width: 400px;
    max-height: 0;
    position: absolute;
    overflow: hidden;
    z-index: 10000;
    background-color: #fff;
    right: 0;
    border: 1px solid #e4e4e4;
    padding:0;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
}
.profile-dropdown-noborder{
    border-top:none!important;
    border-bottom: none!important;
}
.profile-dropdown-active{
    max-height: 2000px
}
.profile-dropdown-tohide{
    max-height: 2000px;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    overflow: hidden;
}
.profile-dropdown-tohide-hidden{
    max-height: 0;
}

.profile-dropdown-lifetimestats{
    max-height: 0;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    overflow: hidden;
}
.profile-dropdown-lifetimestats-active{
    max-height: 2000px;
}
.profile-dropdown-col{
    padding:0;
}
.profile-dropdown .ribbon h4 {
    font-size: 13px;
    line-height: 2px;
    font-weight: 600;
}
.profile-dropdown .chart-plus {
    position: absolute;
    bottom: 46px;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    text-align: center;
    width: 80px;
    font-size: 12px;
    font-weight: 600;
}
.profile-dropdown .ribbon:before, .profile-dropdown .ribbon:after {
    display: none;
}
.profile-dropdown .ribbon .ribbon-content:before, .profile-dropdown .ribbon .ribbon-content:after {
    display: none;
}
.profile-dropdown .chart-col{
        padding-left: 10px;
    padding-right: 10px;
}
.profile-dropdown .chart-row{
        padding: 0;
}
.profile-dropdown .view-lifetime-header-btn{
    background-color: transparent;
    border: 1px solid #cbcbcb;
    border-radius: 0;
    font-size: 18px;
    color: #9F9F9F;
    line-height: 30px;
}
.profile-dropdown .view-lifetime-header-btn:hover{
    background-color: #9F9F9F;
    color: #fff;
}
.profile-dropdown .compare-stats-header-btn{
    background-color: transparent;
    border: 1px solid #cbcbcb;
    border-radius: 0;
    font-size: 18px;
    color: #9F9F9F;
    line-height: 30px;
}
.profile-dropdown .compare-stats-header-btn:hover{
    background-color: #9F9F9F;
    color: #fff;
}
.profile-dropdown .logout-btn{
    background-color: transparent;
    border: 1px solid #cbcbcb;
    border-radius: 0;
    font-size: 18px;
    color: #9F9F9F;
    line-height: 30px;
}
.profile-dropdown .logout-btn:hover{
    background-color: #9F9F9F;
    color: #fff;
}
.icon-streak-small {
    width: 22px;
    height: 25px;
    background-image: url("../images/relentless.gif")!important;
    left: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -5px;
}
.streak-counter{
     display: block;
    text-indent: 27px;
    font-size: 19px;
    line-height: 24px;
}
.tooltip {
    position: absolute;
    padding: 0 0 5px 0;
}
.tooltip .tooltip-inner {
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 5px 15px;
    
    font-size: 13px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    z-index: 202;
    text-transform: none;
    font-weight: 300;
}
.icon {
    background-image: url("//d7mj4aqfscim2.cloudfront.net/images/icon-sprite_mv_96940d13ed65654811b3350dd9262ffe.svg");
    display: inline-block;
    vertical-align: middle;
}


.see-all-row{
    background-color: #f6f6f6;
    padding-bottom: 15px;
    padding-top: 6px;
    border-top: 1px solid #e1e1e1;
    margin-top: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.see-all-link{
    color: #231f20;
}
.see-all-link:hover{
    color: #9F9F9F;
}
.welcome-text{
        font-size: 19px;
    font-weight: 600;
    line-height: 50px;
    margin-left: 25px;
    color: #139d62;
}
.today-container {
    display: none;
     -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
.new-note{
     -webkit-transition: all 0.9s;
    transition: all 0.9s;

}
.today-container-hidden {
    height:0;
    overflow: hidden;
}
.today-container-completed {
    height:0;
    overflow: hidden;
}

.workout-row-col{
      padding: 20px ;  
}
.workout-row::after{
    clear:both;
}
.workout-row {
    overflow: auto;
}
.workout-row-col::after{
    clear:both;
} 
.tomorrow-container::after{
    clear: both;
}
.workout-title{
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px;
  line-height: 1;
}
.workout-title a{
     color: #231f20;
}

.workout-title a:hover {
  color: #00ac62;
}
.workout-image-col{
    padding-left: 0;
     padding-right: 30px;
}

.workout-bot-container{

}
.workout-thumbnail img{
    height: auto;
    
}
.workout-row-completed{
    background: lightgrey;
  opacity: 0.5;
}
.tomorrow-container{
    -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.tomorrow-containter-hidden{ 
    height:0;
    overflow: hidden;
}
.noheight{
    max-height:0;
    overflow: hidden;
}
.show_tomorrow {
      text-align: center;
  display: block;
  margin-top: 10px;
  font-size: 18px;
  color: #231f20;
}
.show_tomorrw:hover{
  color: #029053;
}
.tomorrow-containter .workout-btn{
    display: none;
}
.completed-workouts {
    display: none;
  background: lightgray;
  text-align: center;
  padding: 15px;
  position: relative;
}
.completed-mark{
      display: block;
  font-size: 250px;
  color: #00ac62;
}
.completed-bot {
    font-size: 15px;
    padding-top: 3em;
    display: block;
}
.rest-description{
    font-size: 27px;
    font-weight: bold;
    bottom: 0;
    margin: auto;
    display: block;
    text-transform: uppercase;
    line-height: 29px;
    padding-top: 2em;
}
.rest-workouts .completed-mark{
  left: 0;
  right: 0;
}
.visible {
    display: block!important;
}

.workout-descr-col{
    position: initial;
}
.workout-bot-container{
    
}
.reschedule-link , .notes-link {
    margin-left: 20px;
  font-size: 18px;
  min-height: 37px;
  color: #231f20;
  display: block;
  line-height: 32px;
  float: left;
    font-weight: 500;

}
.reschedule-link:hover , .notes-link:hover {
  color: #029053;
}
.workout-btn{
    float: left;
}
.dashboard-categories-slider-hidden{
    height: 0;
    overflow:hidden;
}
.dashboard-organize-hidden{
    width: 0;
    overflow: hidden;
}
.dashboard-categories-slider{
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}
.dashboard-organize{
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
.col-center{
      margin: 0 auto;
  float: none;
}

.draganddrop-schedule-only #planner-slider{
    display: none;
}
.draganddrop-schedule-only .categories-filter{
    opacity:0;
}
.draganddrop-schedule-only .schedule-sidebar{
    display: none;
}

.schedule-col-overflow-hidden{
    overflow: hidden;
}
.schedule-col-centered{
    margin: 0 auto;
  float: none;
}
.schedule-col-centered h5{
    text-align: center;
}
.schedule-submit-hidden{
    display: none;
}
.reschedule-btn{
      margin: 31px auto;
  display: block;
  min-width: 131px;
  text-align: center;
}

.uncompleted-btn{
      margin: 31px auto;
  display: block;
  min-width: 131px;
  text-align: center;
}
#temp_load img{
      width: auto;
  margin: 10px auto;
  margin-bottom: 17px;
}

.highlightBG{
    background-color: rgba(131, 13, 13, 0.9)!important;
}
.transparentbg {
    opacity: 0!important;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}
.visiblebg{
    opacity:1!important;
}

.fluid-with-pad-right{
  padding-right: 65px;
}
.notification-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 50px;
    font-size: 21px;
    padding-top: 16px;
    text-align: center;
    margin: auto;
    width: 45px;
    color: #00ac62;
    right: 50px;
    cursor: pointer;
    color: #00ac62;
    font-weight: 600;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.no-notifications{
        text-align: center;
    font-weight: 500;
    font-size: 18px;
    margin-top: 12px;
}
.mobile-notification-btn{
  display: none;
}
.notification-btn:hover{
  background-color:#00ac62;
  color:#fff!important;
}
.globeCount{
  position: absolute;
    font-size: 12px;
    top: 6px;
    right: 2px;
    display: block;
    font-weight: 500;
    background: #fff;
    text-align: center;
    padding: 1px 5px;
}
.notification-btn:hover .globeCount{
    background-color: #00ac62;
    color:#fff;
}
.notification-active{
  background-color: #029053;
}
.notification-dropdown {
    max-width: 400px;
    max-height: 0;
    position: absolute;
    overflow: hidden;
    z-index: 10000;
    background-color: #fff;
    right: 15px;
    padding: 0;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    top: 178px;
    line-height: 20px;
}
.notification-dropdown-noborder{
    border-top:none!important;
    border-bottom: none!important;
}
.notification-dropdown-active {
    max-height: 2000px;
    border: 1px solid #e4e4e4;
}
.notification-row {
    padding: 18px 0;
    border-top: 1px solid #e1e1e1;
}
.coach-notification-row {
    padding: 18px 0;
    border-top: 1px solid #e1e1e1;
}
.all-notification-row {
    padding: 18px 0;
    border-top: 1px solid #e1e1e1;
}
.notification-text{
  color: #231f20;
    font-family: 'Titillium Web', sans-serif;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}
.notification-header{
      font-size: 15px;
}
.notification-title{
  width: 71%;
    display: block;
    float: left;
        font-size: 15px;
}
.full-width{
  width: 100%;
}
.notification-time{
  width: 24%;
    display: block;
    float: right;
}
.notification-body{
      padding-top: 8px;
}
.notification-footer{
  padding-top: 8px;
  color: #999;
}
.delete-notification-btn{
    display: none;
    font-weight: bold;
    float: right;
    padding-top: 4px;
    font-size: 15px;
     -webkit-transition: all 0.8s;
    transition: all 0.8s;
    cursor: pointer;
}
.delete-video-notification-btn:hover{
    color:#000;
}
.delete-video-notification-btn{
    font-weight: bold;
    float: right;
    padding-top: 4px;
    font-size: 15px;
     -webkit-transition: all 0.8s;
    transition: all 0.8s;
    cursor: pointer;
}
.delete-notification-btn:hover{
    color:#000;
}
.load-more-notifications{
  margin: 20px auto;
    width: 130px;
    display: block;
}
.no-more-notifications{
      text-align: center;
    margin: 40px auto;
}
/* ================================================================*/
/* PRE WORKOUT PAGE */ 
/* ================================================================*/


.inside-title span h6{
     margin-bottom: -5px;
  margin-top: 15px;

}
.phase_buttons{
    width: 70%;
  margin: 0 auto;
  margin-top: 42px;
}
.phase_btn{
    width: 100%;
    margin-top: 12PX;
}
.phase-containter{
    position: relative;
}
.phase-containter:before {
   content: "";
  position: absolute;
  left: 14px;
  bottom: -10px;
  height: 1px;
  width: 90%;
  border-bottom: 2px solid #a9a8a9;
} 

.today-workout-tab {
    display: none;
}
.active{
    display: block;
}
li.checked a{
    background-color: #029053;
    color: #ffffff;
    border-radius: 30px;
}
.active-btn{
      background-color: #029053!important;
}
.active-phase-btn{
      background-color: #029053!important;
}
.how-to-exercise{
    height: auto!important;
}
.how-to-exercise span {

  line-height: 31px;
}
#workoutNum{
    display: none;
}
.screen-reader-text{
    display: none;
}

/* LIGHTBOX STYLING */
.add-to-schedule-container{
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.73);
  width: 100%;
}
.modal-add-to-schedule{
        margin: 13px auto;
  display: block;
  width: 188px;
  text-align: center;
  font-size: 15px!important;
}
.add-to-schedule-btn{

}
.calendar{
  position: absolute;
  top: 12px;
  right: 40px;
}
.calendar .workout-circle{
    cursor: pointer;
}
.calendar i{
    color: #FFF;
  font-size: 38px;;
  right: 30px;
  cursor: pointer;
}
#TB_load {
  position: fixed;
  z-index: 1000000;
  top: 50%;
  left: 50%;
  margin: -55px 0 0 -222px;
  padding: 17px 15px 15px;
}

#inSchedule{
display: none;
}
#workoutNumber{
display: none;
}

#TB_title {
  background: #00ac62;
}
.tb-close-icon {
  color: #fff;
}


/*  PAST SCHEDULE PAGE */

.archive-schedule{
    float:none;
    margin:20px auto;
}
.float-none{
    float: none;
}
.date-picker-container{
    width: 842px;
    margin: 30px auto;
}
.selectpicker{
    margin-right: 20px;
  padding: 2px;
  margin-top: 1px;
  display: block;
  float: left;
  font-weight: 500;
}
.month-btn{
    margin-right: 15px;
  border-radius: 0px!important;
  padding: 4px 10px;
  background-color: #00ac62;
  color: #fff;
  border-color: #00ac62;
}

.month-btn:hover{
    background-color: #029053;
    border-color: #029053;
    color:#fff;
}
.month-btn:active{
    background-color: #029053;
    border-color: #029053;
    color:#fff;
}
.month-btn:focus{
    background-color: #029053;
    border-color: #029053;
    color:#fff;
}
.month-active{
    background-color: #029053!important;
    border-color: #029053;
    color:#fff!important;
}


.archive-schedule-wrap .schedule-nav{
    display:none;
}
.archive-schedule-wrap .month-text {
  display: block;
  float: left;
  font-weight: 600;
  margin-bottom: 15px;
}
        

/* LIGHTBOX PAGES MEDIA STYLES */

@media  (max-width: 900px){
    .excersise {
        min-height: 0!important;
          padding-bottom: 0;
    }
    .workout-right{
        float: left;
    }
    .workout-outline-container{
      float: right;
      padding-right: 0;
      padding-left: 30px;
      margin-top: -12px;
    }
    .wc-shortcodes-font-awesome-enabled .wc-shortcodes-toggle .wc-shortcodes-toggle-trigger a {
      padding: 7px 40px 7px 20px!important;
    }
    .wc-shortcodes-toggle-trigger a {
    font-size: 16px;
    }   
    .workout-outline{
        min-height: 0!important;
          padding-bottom: 100px;
    }
    .reps-container{
        top: 20%;
    }
    .complete-timer-lightbox{
        top:20%!important;
    }
}


/* NEW LANDING PAGE */
.schedule-demo{
    position: relative;
}
.demo-overlay{
  background-color: #fff;
  position: absolute;
  margin: auto;
  display: block;
  opacity: 0.35;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 88%;
  webkit-transition: opacity .2s;
  transition: opacity .2s;
  z-index: 2;
}
.prompts-toggle {
    z-index: 3;
    position: relative;
    cursor: pointer;
    float: right;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 21px;
    color: #008E00;
    padding-bottom: 20px;
    font-weight: 500;
    padding-left: 17px;
    padding-right: 17px;
}
.prompts-toggle i {
        margin-right: 5px;
    font-size: 22px;
}

.prompts-OFF{
    color: #00ac62;
}
#replay-btn {
   width: 18%;
  height: 18%;
  left: 0;
  line-height: 36px;
  right: 0;
  top: 35%;
  margin: 0 auto;
  background-color: rgba(143, 23, 23, 0.9);
  position: absolute;
  border: none;
  font-size: 25px;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 700;
  outline: none;
  cursor: pointer;
 /* visibility: hidden;
  opacity: 0;*/
  -webkit-transition: background-color 350ms ease-out, opacity 400ms ease-out, visibility 400ms ease-out;
  transition: background-color 350ms ease-out, opacity 400ms ease-out, visibility 400ms ease-out;

}

#replay-btn:hover{
    background-color: #029053;
}
#play-btn-arrow {
  font-size: 40px;
  position: absolute;
  top: 0;
  bottom: 30px;
  width: 40px;
    text-transform: uppercase;
  height: 42px;
  margin: auto;
  left: 9px;
  right: 0;
    text-transform: uppercase;
  color: #FFF;

  cursor: pointer;
  font-weight: 700;
}

#replay-btn-title {
  display: block;
  position: absolute;
  bottom: 14%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}


/* ===============================================================================*/
/* ===============================================================================*/
/*KNOWLEDGE BASE */
/* ===============================================================================*/
/* ===============================================================================*/

#kbe_content{
    padding-bottom: 54px;
}
.kbe_content_full {
    width: 100%!important;
}
#kbe_content .kbe_leftcol .kbe_article_list li a {
    font-size: 16px;
    font-weight: 500;
}

#kbe_content .kbe_leftcol .kbe_articles ul li a {
    color: #333333;
    font-size: 16px;
    line-height: 32px;
    text-decoration: none;
    font-weight: normal;
    font-weight: 500;
}
#kbe_content h2 span.kbe_count {
    color: #00ac62;
    font-size: 14px;
    width: 88px;
    height: 26px;
    line-height: 27px;
    text-align: center;
    font-weight: 400;
    float: right;
    display: block;
    background: #cccccc;
}
#kbe_content .kbe_leftcol h2 {
    font-size: 22px;
    font-weight: normal;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 12px;
    margin-bottom: 18px;
    line-height: 25px;
}
#kbe_content .kbe_leftcol p {
    font-size: 18px;
    font-weight: normal;
    line-height: 26px;
    color: #333333;
    margin-bottom: 20px;
}

/* ===============================================================================*/
/* ===============================================================================*/
/*LANDNG PAGE CREATIPON PROCESS */
/* ===============================================================================*/
/* ===============================================================================*/

    .landing-intro{
          -webkit-transition: all 400ms ease-out,all 400ms ease-out;
      transition: all 400ms ease-out, all 400ms ease-out;
      position: absolute;
      left: 0;
      right: 0;
      margin:0 auto;
    }
    .landing-intro-inner{
         text-align: center;
        position: relative;
         padding: 45px;

    }
    .landing-intro-hidden{
        left: -4000;
    }
    .landing-intro-btn{
          font-size: 24px!important;
      line-height: 48px!important;
      margin-top: 26px;
      padding: 0 48px!important;
      margin-bottom: 50px;
    }
    .landing-intro-inner:after {
          content: "";
      display: block;
      position: absolute;
      top: 30px;
      bottom: 0;
      left: 4px;
      right: 0;
      margin: 0 auto;
      background-image: url(http://traineffective.staging.wpengine.com/wp-content/uploads/2014/08/train-like-a-pro-final-700x370.png);
      background-repeat: no-repeat;
      background-size: contain;
      width: 90%;
      height: 90%;
      opacity: 0.2;
      z-index: -1;
    }
    .page-template-landing-creation .menu{
        display: none;
    }
    .page-template-landing-creation .login{
        display: none;
    }
    
    .step-info-container h3{
        font-size: 36px!important;
    }
    .steps-tabs li a {
        background-color: #00ac62;
        border-radius: 0;
          line-height: 25px!important;
            padding-left: 32px!important;
    }
    .steps-tabs li a:focus {
        background-color: #00ac62;
        border-radius: 0;
          line-height: 25px!important;
        /*    padding-left: 32px!important;*/
    }
    .steps-tabs {
            margin-top: 40px;
            margin-bottom: 40px;
    }
    .steps-tabs2{
        margin-top: 0;
    }
    .steps-tabs li .fist-step-a{
       padding-left: 12px!important;
    }
    .steps-tabs li {
        position: relative;
    }

    .step-number {
          display: block;
      float: left;
      font-size: 32px;
      line-height: 26px;
      margin-right: 7px;
    }
    .step-right{
          float: right;
      height: 20px;
    }
    .step-title {
        width: 100%;
        display: block;
        font-weight: 600;
        font-size: 14px;
    }
    .step-subtitle{
          font-size: 14px;
    }

    .triangle-with-shadow {
        width: 32px;
      top: 0;
      right: -31px;
      height: 50px;
      position: absolute;
      overflow: hidden;
      z-index: 10;
    }
    .triangle-with-shadow:after {
        content: "";
      position: absolute;
      cursor: pointer;
      width: 42px;
      height: 42px;
      background-color: #00ac62;
      transform: rotate(45deg);
      top: 4px;
      left: -26px;
      box-shadow: 4px -1px 8px -3px rgba(0, 0, 0, 0.5);
    }
    .active .triangle-with-shadow:after{
        background-color: #029053;
    }
    .steps-tabs li:hover a {
        background-color: #029053;
    }
    .steps-tabs li:hover  .triangle-with-shadow:after {
        background-color: #029053;
    }

    .next-step-link{
        float: left;
        width: 140px;
        margin-left: 5em;
        margin-top: 20px;
    }

    /* STEP 1 */
    .sections-info-wrap {
      z-index: 88950;
      position: absolute;
      background-color: #fff;
      border: none;
      right: 0;
      margin: 0 auto;
      max-width: 700px; 
        margin-top: 50px;
    left:0;
      -webkit-transition: all 400ms ease-out,all 400ms ease-out;
      transition: all 400ms ease-out, all 400ms ease-out;
    }

    .select-step-btn{
          display: block;
      float: right;
        width: 140px;
        margin-right: 5em;
        margin-top: 20px;
        margin-bottom: initial;
    }
    .select-step-btn:after{
        content:'';
        clear: both;
    }
    .sections-info-wrap-hidden{
        left: -3000px!important;
    }

    .step-lightbox-open .steps-tabs2{
        display: none!important;
    }
    .step-ligthbox-open #schedule-wrap{
          left: -3000!important;
    }


    
        .step-info-container{
          text-align: center;
            border: 1px solid #231f20;
            padding: 50px 30px;
        }
        .step-info-container span a{
            font-weight: 500;
            color:#231f20;
            text-decoration: underline;
        }   
        .step-info-container span a:hover{
            color: #029053;
        }
    
    /* toolips */
    
    #schedule-wrap{
          position: relative;
            left: 0;
    -webkit-transition: all 400ms ease-out,all 400ms ease-out;
  transition: all 400ms ease-out, all 400ms ease-out;
    }
    #schedule-wrap .demo-overlay {
        height: 100%;
    }
#select-team-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 21.3%;
  position: absolute;
     bottom: 77.2%;
    left: 36%;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 3;
}
#select-team-tooltip-traingle {
     width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 12px 0 12px;
  border-color: #029053 transparent transparent transparent;
  position: absolute;
  bottom: -13px;
  right: 0;
  left: 0;
  margin: 0 auto;
}


#select-rest-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 21.3%;
  position: absolute;
    bottom: 77.2%;
    left: 47%;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 3;
}
#select-rest-tooltip-traingle {
     width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 12px 0 12px;
  border-color: #029053 transparent transparent transparent;
  position: absolute;
  bottom: -13px;
  right: 0;
  left: 0;
  margin: 0 auto;
}


#select-program-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 21.3%;
  position: absolute;
  bottom: 80.2%;
  left: 8%;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 3;
}
#select-program-tooltip-traingle {
     width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 12px 0 12px;
  border-color: #029053 transparent transparent transparent;
  position: absolute;
  bottom: -13px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

#select-cross-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 21.3%;
  position: absolute;
    bottom: 77.2%;
    left: 23%;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 3;
}
#select-cross-tooltip-traingle {
     width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 12px 0 12px;
  border-color: #029053 transparent transparent transparent;
  position: absolute;
  bottom: -13px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

#select-workout-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 21.3%;
  position: absolute;
    bottom: 77.2%;
    left: 11%;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 3;
}
#select-workout-tooltip-traingle {
     width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 12px 0 12px;
  border-color: #029053 transparent transparent transparent;
  position: absolute;
  bottom: -13px;
  right: 0;
  left: 0;
  margin: 0 auto;
}



#add-team-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
     width: 27.3%;
    position: absolute;
     bottom: 57%;
    left: 34.5%;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#add-team-tooltip-traingle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 13px 12px 0px;
    border-color: transparent #029053 transparent transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    /* right: 0; */
    left: -13px;
    margin: auto;
}

#add-match-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
    width: 300px;
    position: absolute;
    bottom: 44%;
    left: -4.5%;
    visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}

.add-rest-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
    width: 26.3%;
    position: absolute;
    bottom: 44%;
    left: -4.5%;
    visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#add-match-tooltip-traingle {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0px 12px 13px 12px;
      border-color: transparent transparent #029053 transparent;
      position: absolute;
      top: -13px;
      right: 0;
      left: 0;
      margin: 0 auto;
}

#click-organize-block-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 27.3%;
  position: absolute;
  bottom: 37%;
  left: 14.5%;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
.click-rest-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 27.3%;
  position: absolute;
  bottom: 37%;
  left: 14.5%;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#click-organize-block-tooltip-traingle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 13px 12px 0;
  border-color: transparent #029053 transparent transparent;
  position: absolute;
  left: -13px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

#set-amount-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 23.3%;
  position: absolute;
  bottom: 14%;
  left: 3.5%;
    visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#set-amount-tooltip-traingle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 12px 0 12px;
  border-color: #029053 transparent transparent transparent;
  position: absolute;
  bottom: -13px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.active-slider-tab {
    background-color: #029053!important;
    z-index: 3;
    position: relative;
}
#drag-prompt-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 30.3%;
  position: absolute;
  bottom: 23%;
  left: 0.5%;
    visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}

#drag-prompt-tooltip-traingle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 12px 13px 12px;
  border-color: transparent transparent #029053 transparent;
  position: absolute;
  top: -13px;
  right: 0px;
  left: -146px;
  margin: 0 auto;
}

#next-step-error-tooltip
 {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 30.3%;
  position: absolute;
  bottom: 50%;
  left: 0.5%;
    visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#next-step-error-tooltip-traingle {
     width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 12px 0 12px;
  border-color: #029053 transparent transparent transparent;
  position: absolute;
  bottom: -13px;
  right: 0;
  left: 0;
  margin: 0 auto;
}





#overview-prompt-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 20.3%;
  position: absolute;
    bottom: 42%;
    left: 1.5%;
    visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#overview-prompt-tooltip-traingle {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0px 12px 13px 12px;
      border-color: transparent transparent #029053 transparent;
      position: absolute;
      top: -13px;
      right: 0;
      left: 0;
      margin: 0 auto;
}

#calendar-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 23.3%;
  position: fixed;
  bottom: 14%;
  left: 65%;
  visibility: visible;
  opacity: 1;
  text-align: center;
  line-height: 130%;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100086;
}

#calendar-tooltip-traingle{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 12px 0 12px;
  border-color: #029053 transparent transparent transparent;
  position: absolute;
  bottom: -13px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.toolip-hidden {
    visibility: hidden!important;
    opacity: 0!important;
}


#next-step-tooltip {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 18.3%;
  position: absolute;
    bottom: 76%;
    left: 11.5%;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#next-step-tooltip-traingle {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0px 12px 13px 12px;
      border-color: transparent transparent #029053 transparent;
      position: absolute;
      top: -13px;
      right: 0;
      left: 0;
      margin: 0 auto;
}

#next-step-tooltip2 {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 18.3%;
  position: absolute;
    bottom: 76%;
       left: 24.5%;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#next-step-tooltip-traingle2 {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0px 12px 13px 12px;
      border-color: transparent transparent #029053 transparent;
      position: absolute;
      top: -13px;
      right: 0;
      left: 0;
      margin: 0 auto;
}

#next-step-tooltip3 {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 18.3%;
  position: absolute;
    bottom: 76%;
   left: 38.5%;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#next-step-tooltip-traingle3 {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0px 12px 13px 12px;
      border-color: transparent transparent #029053 transparent;
      position: absolute;
      top: -13px;
      right: 0;
      left: 0;
      margin: 0 auto;
}
 
#next-step-tooltip4 {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 18.3%;
  position: absolute;
    bottom: 76%;
   left: 50.5%;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#next-step-tooltip-traingle4 {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0px 12px 13px 12px;
      border-color: transparent transparent #029053 transparent;
      position: absolute;
      top: -13px;
      right: 0;
      left: 0;
      margin: 0 auto;
}
    
#next-step-tooltip5 {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 18.3%;
  position: absolute;
    bottom: 76%;
      left: 65.5%;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#next-step-tooltip-traingle5 {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0px 12px 13px 12px;
      border-color: transparent transparent #029053 transparent;
      position: absolute;
      top: -13px;
      right: 0;
      left: 0;
      margin: 0 auto;
}

#next-step-tooltip6 {
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #029053;
  padding: 16px;
  border-radius: 4px;
  width: 18.3%;
  position: absolute;
    bottom: 76%;
       left: 77.5%;
  visibility: hidden;
  opacity: 0;
  text-align: center;
  line-height: 130%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out, visibility 400ms ease-out;
  transition: opacity 400ms ease-out, visibility 400ms ease-out;
  z-index: 100;
}
#next-step-tooltip-traingle6 {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0px 12px 13px 12px;
      border-color: transparent transparent #029053 transparent;
      position: absolute;
      top: -13px;
      right: 0;
      left: 0;
      margin: 0 auto;
}
    





.fixed{
position: fixed;
  top: 0px;
  z-index: 100000;
  display: block!important;
  visibility: visible!important;
}








.landing-creation-schedule .schedule-nav{
    display: none;
}

.landing-wrap .categories-filter a{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.landing-wrap #planner-slider .slider-item{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.removeGrayscale .categories-filter a{
  -webkit-filter: grayscale(0)!important;
  filter: grayscale(0)!important;
}
.removeGrayscale #planner-slider .slider-item{
  -webkit-filter: grayscale(0)!important;
  filter: grayscale(0)!important;
}


/* STEP 1 ============== */
     /* STEP 1-FIRST */ 
        .step_1_1 #select-team-tooltip {
          visibility: visible;
          opacity: 1;
        }

        .step_1_1 .team-cat-btn{
            position: relative;
            z-index: 3;
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }
        

     /* STEP 1-SECOND */ 
        .step_1_2 #add-team-tooltip {
          visibility: visible;
          opacity: 1;
        }
        .step_1_2 .planner-slider-outer{
            position: relative;
            z-index: 3;
        }
        .step_1_2 #planner-slider .team-item{
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }


     /* STEP 1-THIRD */ 
        .step_1_3 #click-organize-block-tooltip {
          visibility: visible;
          opacity: 1;
        }
        .step_1_3 .col30 {
            position: relative;
            z-index: 3;
        }

     /* STEP 1-FOUR */ 
        .step_1_4 #set-amount-tooltip {
          visibility: visible;
          opacity: 1;
        }
        .step_1_4 #schedule-counter{
            position: relative;
            z-index: 4;
        }
        .step_1_4 .col30{
            z-index: initial;
        }

    /* STEP 1-FIVE */ 
        .step_1_5 #drag-prompt-tooltip  {
          visibility: visible;
          opacity: 1;
        }
        .step_1_5 #organize_schedule_container{
            position: relative;
            z-index: 3;
        }


    /* STEP 1-SIX  */
        .step_1_6 #next-step-tooltip  {
          visibility: visible;
          opacity: 1;
        }

        .step_1_6 #organize_schedule_container{
            position: relative;
            z-index: 3;
        }   
        .step_1_6 #overview-prompt-tooltip{
            visibility: visible;
          opacity: 1;
        }

        .step_1_6 #planner-slider .team-item{
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }
    /* STEP 1-SIX  */
        .step_1_6 #next-step-tooltip  {
          visibility: visible;
          opacity: 1;
        }

        .step_1_6 #planner-slider{
            position: relative;
            z-index: 3;
        }
        .step_1_6 #schedule{
            position: relative;
            z-index: 3;
        }


/* ============================= */


/* STEP 2 ============== */
     /* STEP 2-FIRST */ 
        .step_2_1 #add-match-tooltip{
          visibility: visible;
          opacity: 1;
        }

        .step_2_1 .planner-slider-outer{
            position: relative;
            z-index: 3;
        }

        .step_2_1 #planner-slider .team-item{
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }

    

    /* STEP 1-FIVE */ 
        .step_2_4 #drag-prompt-tooltip  {
          visibility: visible;
          opacity: 1;
        }
        .step_2_4 #organize_schedule_container{
            position: relative;
            z-index: 3;
        }


    /* STEP 2-SIX  */
        .step_2_5 #next-step-tooltip2  {
          visibility: visible;
          opacity: 1;
        }

        .step_2_5 #planner-slider{
            position: relative;
            z-index: 3;
        }
        .step_2_5 #schedule{
            position: relative;
            z-index: 3;
        }

    

/* STEP 3 ============== */

        .STEP_3_1 .demo-overlay{
            display: none;
        }

        
         /* STEP 1-FIRST */ 
        .stepSKIPPED_3_1 #select-rest-tooltip {
          visibility: visible;
          opacity: 1;
        }

        .stepSKIPPED_3_1 .rest-cat-btn{
            position: relative;
            z-index: 3;
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }



        
         /* STEP 3-FIRST */ 
        .stepSKIPPED_3_2 .add-rest-tooltip{
          visibility: visible!important;
          opacity: 1!important;
        }

        .stepSKIPPED_3_2 .planner-slider-outer{
            position: relative;
            z-index: 3;
        }
        .stepSKIPPED_3_2 #planner-slider .slider-item{
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }
     /* STEP 3-second*/ 
        .stepSKIPPED_3_3 .click-rest-tooltip {
          visibility: visible!important;
          opacity: 1!important;
        }
        .stepSKIPPED_3_3 .col30 {
            position: relative;
            z-index: 3;
        }


     /* STEP 3-FOUR */ 
        .stepSKIPPED_3_4 .set-rest-amount-tooltip{
          visibility: visible!important;
          opacity: 1!important;
        }
        .stepSKIPPED_3_4 .col30{
            z-index: initial;
        }
        .stepSKIPPED_3_4 #schedule-counter{
            position: relative;
            z-index: 4;
        }
        

    /* STEP 3-FIVE */ 
        .stepSKIPPED_3_5 #drag-prompt-tooltip  {
          visibility: visible!important;
          opacity: 1!important;
        }
        .stepSKIPPED_3_5 #organize_schedule_container{
            position: relative;
            z-index: 3;
        }


        /* STEP 2-SIX  */
        .step_3_6 #next-step-tooltip3  {
          visibility: visible;
          opacity: 1;
        }

        .step_3_6 #planner-slider{
            position: relative;
            z-index: 3;
        }
        .step_3_6 #schedule{
            position: relative;
            z-index: 3;
        }

/* STEP 4 ============== */
        #isStep4{
            display: none;
        }
        
        .step_4_1 #overview-prompt-tooltip{
          visibility: visible;
          opacity: 1;
        }

        .step_4_1 .dashboard-categories-slider{
            position: relative;
            z-index: 3;
        }
        .step_4_1 #planner-slider{
            position: relative;
            z-index: 3;
        }
        .step_4_1 .dashboard-categories-slider{
            position: relative;
            z-index: 3;
        }
        .step_4_1 #planner-slider .slider-item{
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }


        .step_4_2 .demo-overlay{
            display: none;
        }
        .step_4_2 #planner-slider .slider-item{
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }
        /* STEP 4-SIX  */
        .step_4_3 #next-step-tooltip4  {
          visibility: visible;
          opacity: 1;
        }

        .step_4_3 #planner-slider{
            position: relative;
            z-index: 3;
        }
        .step_4_3 #schedule{
            position: relative;
            z-index: 3;
        }
        .step_4_3 #planner-slider .slider-item{
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }

    /* Step - 5*/
    

    .step_5_1 .demo-overlay{
            display: none;
        }


         /* STEP 1-FIRST */ 
        .stepSKIPPED_5_1 #select-cross-tooltip {
          visibility: visible;
          opacity: 1;
        }

        .stepSKIPPED_5_1 .cross-cat-btn{
            position: relative;
            z-index: 3;
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }

        
         /* STEP 3-FIRST */ 
        .stepSKIPPED_5_2 #add-match-tooltip{
          visibility: visible!important;
          opacity: 1!important;
        }

        .stepSKIPPED_5_2 .planner-slider-outer{
            position: relative;
            z-index: 3;
        }

        .stepSKIPPED_5_2 #planner-slider .slider-item{
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }

        .stepSKIPPED_5_2 #schedule{
            position: relative;
            z-index: 3;
        }

        .step_5_3 #planner-slider .slider-item{
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }
     /* STEP 3-second*/ 
        .stepSKIPPED_5_3 #click-organize-block-tooltip{
          visibility: visible!important;
          opacity: 1!important;
        }
        .stepSKIPPED_5_3 .col30 {
            position: relative;
            z-index: 3;
        }


     /* STEP 3-FOUR */ 
        .stepSKIPPED_5_4 #set-amount-tooltip{
          visibility: visible!important;
          opacity: 1!important;
        }
        .stepSKIPPED_5_4 .col30{
            z-index: initial;
        }
        .stepSKIPPED_5_4 #schedule-counter{
            position: relative;
            z-index: 4;
        }
        

    /* STEP 3-FIVE */ 
        .stepSKIPPED_5_5 #drag-prompt-tooltip  {
          visibility: visible!important;
          opacity: 1!important;
        }
        .stepSKIPPED_5_5 #organize_schedule_container{
            position: relative;
            z-index: 3;
        }


        /* STEP 5-SIX  */
        .step_5_3 #next-step-tooltip5  {
          visibility: visible;
          opacity: 1;
        }

        .step_5_3 #planner-slider{
            position: relative;
            z-index: 3;
        }
        .step_5_3 #schedule{
            position: relative;
            z-index: 3;
        }
        
    /* Step - 6*/
    

    .step_6_1 .demo-overlay{
            display: none;
        }

        /* STEP 5-SIX  */
        .step_6_3 #next-step-tooltip6  {
          visibility: visible;
          opacity: 1;
        }
        .step_6_3 #planner-slider{
            position: relative;
            z-index: 3;
        }
        .step_6_3 #schedule{
            position: relative;
            z-index: 3;
        }

    

         /* STEP 1-FIRST */ 
        .stepSKIPPED_6_1 #select-workout-tooltip {
          visibility: visible;
          opacity: 1;
        }

        .stepSKIPPED_6_1 .workout-cat-btn{
            position: relative;
            z-index: 3;
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }

        
         /* STEP 3-FIRST */ 
        .stepSKIPPED_6_2 #add-match-tooltip{
          visibility: visible!important;
          opacity: 1!important;
        }

        .stepSKIPPED_6_2 .planner-slider-outer{
            position: relative;
            z-index: 3;
        }

        .stepSKIPPED_6_2 #planner-slider{
            position: relative;
            z-index: 3;
        }
        .stepSKIPPED_6_2 #schedule{
            position: relative;
            z-index: 3;
        }
        .stepSKIPPED_6_2 #planner-slider .slider-item{
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }
        .step_6_3 #planner-slider .slider-item{
            -webkit-filter: grayscale(0)!important;
            filter: grayscale(0)!important;
        }


     /* STEP 3-second*/ 
        .stepSKIPPED_6_3 #click-organize-block-tooltip{
          visibility: visible!important;
          opacity: 1!important;
        }
        .stepSKIPPED_6_3 .col30 {
            position: relative;
            z-index: 3;
        }


     /* STEP 3-FOUR */ 
        .stepSKIPPED_6_4 #set-amount-tooltip{
          visibility: visible!important;
          opacity: 1!important;
        }
        .stepSKIPPED_6_4 .col30{
            z-index: initial;
        }
        .stepSKIPPED_6_4 #schedule-counter{
            position: relative;
            z-index: 4;
        }
        

    /* STEP 3-FIVE */ 
        .stepSKIPPED_6_5 #drag-prompt-tooltip  {
          visibility: visible!important;
          opacity: 1!important;
        }
        .stepSKIPPED_6_5 #organize_schedule_container{
            position: relative;
            z-index: 3;
        }

    
    /* Step - 7*/
    

    .step_7_1 .demo-overlay{
            display: none;
        }
    .step_7_1 .categories-filter{
        display: none;
    }
    .step_7_1 .schedule-sidebar{
        display: none;
    }
    .step_7_1 #planner-slider{
        display: none;
    }
    .step7-header{
        display: none;
    }
    .step_7_1 .step7-header{
        display: block;
    }
    


    .step_8_1 #next-step-error-tooltip{ 
        visibility: visible!important;
        opacity: 1!important;
    }


    
    .step_8_1 .demo-overlay{
            display: none;
        }



/* NEW REGISTER PAGE */


    .woocommerce-order-received .register-wrap{
        display: none!important;
    }
    .woocommerce-order-received .register-form {
        display: none!important;
    }
    .thank-you-wrap{
        overflow: hidden;
        max-height: 0;
    }
    .woocommerce-order-received .thank-you-wrap{
        overflow:visible;
        max-height: 2000px;
    }
    . woocommerce-checkout
    .plans-header {
           margin-top: 60px;
      margin-bottom: 1em;
      text-align: center;
    }


        .pull-left {
        float: left!important;
    }
    .pull-right {
        float: right!important;
    }
    .clearfix:before, .clearfix:after {
        content: " ";
        display: table;
    }
    .clearfix:after {
        clear: both;
    }
    .credit-card-icon {
        height: 24px !important;
        width: 35px!important;
        margin-left: 4px;
    }
       

    textarea:focus, input:focus{
        outline: 0;
    }

    .woocommerce-password-strength{
        display: none;
    }
    .woocommerce-password-hint{
        display: none;
    }


    .input__field:focus {
        outline: none;
    }

    .rcp_form label {
        display: block;
        float: left;
        width: 100%!important;
    }
    .input__label-content {
        position: relative;
        display: block;
        padding: 1.6em 0;
        width: 100%;
    }

    .graphic {
        position: absolute;
        top: 0;
        left: 0;
        fill: none;
    }

    .icon {
        color: #ddd;
        font-size: 150%;
    }

  
    .rcp_user_fieldset input.required {
      color: #fff!important;
    }
    .rcp_user_fieldset input{
      color: #fff!important;
    }



    .plans-header h2{
            font-size: 38px;
        line-height: 54px;
    }


    .plans-header h4{
        font-size: 23px;
    }
    .create-account-btn {
        margin-left: 10%;
        padding: 7px 22px;
    }

    .top_form{
            margin-top: 60px;
                 margin-bottom:60px;
        background: #f4f5f7;
        padding: 40px!important;
        padding-top: 50px !important;
        font-size: 16px;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 500;
    }


    .bottom_form{
        background: #f4f5f7;
        padding: 4em 6em!important;
        font-size: 16px;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 500;
        position: relative;
    }

    .bottom_form.disabled {
        opacity: .4;
    }

    .register-info{
        margin-bottom: 90px;
        padding: 30px!important;
        font-size: 16px;
    }

    .rcp_form .register-info p{
        margin-bottom:0!important; 
    }
    .rcp_form .register-info .bold{
        margin-bottom:5px!important; 
    }
    #rcp_password_again_wrap{
        display: none;
    }

    .rcp_subscription_level {
        background-color: initial!important;
        color: #231f20!important;
        font-weight: 400!important;
        float: none!important;
        width: 100%!important;
        border-right: 0!important;
        border-left: 0!important;
    }
    .rcp_subscription_message {
        line-height: 18px;
        font-size: 18px;
        font-weight: 500 !important;
        margin-bottom: 18px !important;
    }
    .rcp_subscription_level {
        background-color: initial!important;
        color: #231f20!important;
        font-weight: 600!important;
       }


    .rcp_level_description {
        color: #a6a6a6!important;
        font-weight: 500;
    }


    .kartice {
            position: absolute;
        height: 23px;
        right: 15px;
        top: 2px;
    }
    .kartice img{
        height: inherit;
    }

    .coupon_prompt {
        margin: 20px 0;
            margin-top: 10px;
        font-size: 14px;
        font-weight: 500;
        /* border: 1px solid #00ac62; */
        padding: 11px;
        text-align: center;
    }
    .upgrade-notice{
        margin: 35px 20px;
        font-size: 19px;
        border: 1px solid #00ac62;
        padding: 11px;
        text-align: center;
        line-height: 30px;
        font-weight: 500;
    }
    /*
    .checkout_coupon{
        display: block!important;
    }*/
    #coupon_code{
        margin-top: 3px;
    }
    .coupon_container{
         margin: 40px 20px;
    }
    .product-details{
            line-height: 28px;
    }
    .woocommerce-checkout{

    }
    .create-account{
        display: none;
    }
    .woocommerce-billing-fields .create-account{
        display: block!important;
    }
    .woocommerce-billing-fields p.create-account{
        display: none!important;
    }
    /*
    .opc_order_review{
        display: none;
    }*/
    .cart-subtotal{
        display: none!important;
    }
    .order-total{
       display: none; 
    }
    .recurring-totals{
        display: none;
    }
    .cart-subtotal{
        display: none;
    }
    .recurring-total{
        display: block;
    }
    #opc-messages{
        display: none;
    }
    .payment_method_stripe img{
        display: 
    }

    .woocommerce-checkout #payment ul.payment_methods li img {
    vertical-align: middle;
    margin: -2px 0 0 .5em;
    padding: 0;
    position: relative;
    box-shadow: none;
    width: auto;
}
    #payment_method_stripe{
        display: none;
    }
    .product-item {
        list-style: none;
        color: #231f20!important;
        font-weight: 600!important;
        margin-bottom: 0;
        font-size: 16px;
        text-align: center;
    }
    #product_3090{
        position: relative;
    }
   /* #product_3090::after {
        content: 'SAVE 30%';
        /* width: 50px; */
        /* height: 100px; 
        background: yellow;
        display: block;
        position: absolute;
        top: -5px;
        left: 310px;
        padding: 4px .6em .3em;
        font-size: 15px;
        font-weight: bold;
        line-height: 1;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        text-transform: uppercase;
        background-color: #5cb85c;
  }*/

  #product_3093{
    position: relative;
  } 

/*  #product_3093::after {
    content: 'SAVE 30%';
    /* width: 50px; */
    /* height: 100px; 
    background: yellow;
    display: block;
    position: absolute;
    top: -5px;
    left: 310px;
    padding: 4px .6em .3em;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    text-transform: uppercase;
    background-color: #5cb85c;
  }*/
 #product_3097{
    position: relative;
  } 
/*
  #product_3097::after {
    content: 'SAVE 30%';
    /* width: 50px; */
    /* height: 100px; 
    background: yellow;
    display: block;
    position: absolute;
    top: -5px;
    left: 310px;
    padding: 4px .6em .3em;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    text-transform: uppercase;
    background-color: #5cb85c;
  }*/


  
    #checkout-products label {
        margin-right: 10px;
    }
    .woocommerce-checkout #payment {
    background: none;
    border-radius: 5px;
    }
    #payment div.payment_box {
    position: relative;
    width: 100%;
    padding: 0#231f20!important;
    margin: 1em 0;
    font-size: .92em;
    border-radius: 2px;
        padding: 0!important;
    line-height: 1.5;
    border: none!important;
    background-color: transparent!important;
    color: #231f20!important;
}
.woocommerce-checkout #payment div.payment_box:before {
    content: "";
    display: none;
}

fieldset{
    border: none!important;
    margin: 0;
    padding: 0;
   }
   .woocommerce-checkout #payment ul.payment_methods {
    border-bottom: none!important;
    }
    .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
        border: 1px solid #d9d9d9!important;
            font-size: 16px!important
    }
    .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
        float: left!important;
        display: block;
        width: 
        100%;
    }
    .opc_order_review .product-quantity {
        display: none!important; 
    }
    .opc_order_review .amount{
        font-weight: 500!important;
    }
    .opc_order_review .recurring-total td{
        font-weight: 500!important;
    }
    .recurring_notice{
        text-align: center;
        color: gray;
        max-width: 500px;
        display: block;
        font-size: 16px;
        line-height: 18px;
        margin-top: 40px;
    }
    .woocommerce input.button.alt {
    background-color: #00ac62;
    color: #fff;
    padding: 15px;
    font-size: 18px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 500;
        border-radius: 0;
    -webkit-font-smoothing: antialiased;
}
    .woocommerce input.button.alt:hover {
    background-color: #029053;
    color: #fff;
}
.woocommerce-checkout #payment div.form-row {
    padding: 0 1em!important;
}
#billing_first_name_field{
    width: 100%;
}
#billing_last_name_field{
    width: 100%;
}
#billing_email_field{
    width: 100%;
}
 .woocommerce-checkout h3{
    font-size:24px;
    margin-top: 10px;
}
.woocommerce-form-coupon-toggle .woocommerce-info{
    margin-bottom: 1em;
}
.wcopc{
    padding: 0 20px;
}
/*===============================================================*/
/*===============          LEADERBOARD   =======================*/ 
/*===============================================================*/

    .leaderboard-container{
            max-width: 371px;
        z-index: 9000;
        width: 100%;
        background-color: #fff;
        padding: 15px;
        padding-left: 0;
        padding-right: 0;
            padding-bottom: 0;
        top: calc(50% - 500px/2);
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
        font-family: 'Titillium Web', sans-serif;
    }
    .leaderboard-inner{
        max-height: 513px;
        overflow: scroll;
        overflow-x: hidden;
          padding-top: 30px;
    }
    .current-user-row{
         background: #f5f5f5;
        margin-top: -20px;
        padding-top: 20px;
        margin-bottom: -20px;
        padding-bottom: 20px;
    }
    .leaderboard-header hr {
        border: 1px solid #f1f1f1;
        -webkit-box-shadow: 0px 2px 9px rgba(159, 159, 159, 0.36);
            margin-bottom: 0;
    }
    .leaderboard-header h4{
        text-align: center;
        font-weight: 600;
        font-size: 24px;
    }
    .leaderboard-position{
        font-size: 18px;
        line-height: 43px;
        font-weight: 800;

    }
    .leaderboard-score-col{
        width: 24%;
            text-align: right;
    }
    .leaderboard-container .avatar-img{
        float: left;
        width: 25%;
        margin-bottom: 0;
    }
    .user-data{
            width: 75%;
        float: left;
        padding-left: 15px;
            padding-top: 8px;
    }
    .leaderboard-container .user-name{
        display: inline-block;
        width: 100%;
    }
    .leaderboard-container .user-lvl{
        font-weight: 500;
        color: #908c8a;
        margin-top: 0px;
        display: inline-block;
        width: 100%;

    }
    .user-score{
            color: #f7bdbd;
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
    }
    .leaderboard-container h6{
            line-height: 25px;
        margin-left: 5px;
    }
    .leaderboard-hr{
            border-top: 1px solid #eee;
        margin-left: -15px;
        margin-right: -15px;
    }

    .leaderboard-hr2 {
            margin-bottom: 0;
    }
    .leaderboard-break{
            color: #9f9f9f;
        text-align: center;
        font-size: 49px;
        font-weight: 600;
        margin-bottom: 70px;
    }

    .sidebar-profile-dashboard .leaderboard-container{
        position: initial;
        margin-bottom: 20px;
        box-shadow: none;
        background-color: #efefef;
    }

    .mobile-planer-leaderboard{
          position: initial;
        margin-bottom: 20px;
        box-shadow: none;
        background-color: #efefef;
        width: 100%;
        max-width: none;
        margin-top: 20px;
    }
/*===============================================================*/
/*===============          PROFILE PAGE   =======================*/ 
/*===============================================================*/
.button {
    background-color: #00ac62;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    line-height: 36px;
    padding: 0 18px;
    border-color: #00ac62;
    color: #fff;
    border-radius: 30px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.button:hover, .open > .dropdown-toggle.btn-primary, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:hover{
    color: #ffffff;
    background-color: #029053;
    border: 0;
    border-radius: 30px;
}
.avatar-change-container{
        text-align: center;
    max-width: 295px;
       height: 395px;
    z-index: 10000;
    width: 100%;
    overflow: visible;
    background-color: #fff;
    padding: 12px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    font-family: 'Titillium Web', sans-serif;
    border: 1px solid #eee;
}

.avatar-change-close{
    float: right;
    color: #333;
    opacity: 0.5;
    cursor:pointer;
}
.avatar-change .level-bubble {
    background-color: #fff;
    width: 55px;
    height: 55px;
    font-size: 34px;
    line-height: 52px;
    font-weight: 500;
    text-align: center;
    border: 2px solid gold;
    position: absolute;
    bottom: -5px;
    right: -1px;
    border-radius: 50%;
}
.how-long-close:hover {
  opacity: 1;
  cursor:pointer;
}

.avatar-change-container .updated{
    display: none;
}
.avatar-change-container #wpua-preview-existing img{
        max-height: 96px;
    max-width: 96px;
}
.avatar-change-container .wpua-edit-container h3{
    display: none;
}
.avatar-change-container #wpua-file-existing {
        padding-top: 20px;
    padding-bottom: 20px;
        max-width: 241px;
    margin: 0 auto;
}

.avatar-prompt-container.how-long-header{
    font-weight: 600;
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(139, 133, 133, 0.5);
    font-size: 22px;
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    text-transform: capitalize;
}

.avatar-prompt-container #wpua-remove-button-existing{
    display: none;
}
.avatar-prompt-container #wpua-undo-existing{
    display: none;
}
.avatar-prompt-container #wpua-preview-existing .description{
    display: none;
}
.avatar-prompt-container #wpua-upload-existing{
    display: none;
}


.avatar-change-container #wpua-remove-button-existing{
    display: none;
}
.avatar-change-container #wpua-undo-existing{
    display: none;
}
.avatar-change-container #wpua-preview-existing .description{
    display: none;
}
.avatar-change-container #wpua-upload-existing{
    display: none;
}


.name-prompt-container .first_name_label{
  width: 100%;
}
.name-prompt-container .woocommerce-message {
      padding-bottom: 13px;
    margin-top: -5px;
    color: #00ac62;
    display: none;
}
.name-prompt-container .wc-message {
      padding-bottom: 13px;
    margin-top: -5px;
    color: #00ac62;
}
.name-prompt-container .how-long-header{
    font-weight: 600;
    width: 100%;
    padding-bottom: 15px;
        margin-bottom: 30px;
    border-bottom: 1px solid rgba(139, 133, 133, 0.5);
    font-size: 22px;
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    text-transform: capitalize;
}

.avatar-prompt-container .how-long-header{
    font-weight: 600;
    width: 100%;
    padding-bottom: 15px;
        margin-bottom: 15px;
    border-bottom: 1px solid rgba(139, 133, 133, 0.5);
    font-size: 22px;
    font-family: 'Titillium Web', sans-serif;
    text-align: center;
    text-transform: capitalize;
}


.avatar-prompt-container{
      text-align: center;
    max-width: 395px;
          height: 430px;
    z-index: 8999;
    width: 100%;
    overflow: visible;
    background-color: #fff;
    padding: 18px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    font-family: 'Titillium Web', sans-serif;
    border: 1px solid #eee;
}

.name-prompt-container{
      text-align: center;
    max-width: 395px;
        height: 265px;
    z-index: 8999;
    width: 100%;
    overflow: visible;
    background-color: #fff;
    padding: 18px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    font-family: 'Titillium Web', sans-serif;
    border: 1px solid #eee;
}
.avatar-prompt-close {
    float: right;
    color: #333;
    opacity: 0.5;
    cursor: pointer;
    font-size: 19px;
    margin-top: -5px;
}
.name-prompt-close {
    float: right;
    color: #333;
    opacity: 0.5;
    cursor: pointer;
    font-size: 19px;
    margin-top: -5px;
}
.avatar-prompt .level-bubble {
    background-color: #fff;
    width: 55px;
    height: 55px;
    font-size: 34px;
    line-height: 52px;
    font-weight: 500;
    text-align: center;
    border: 2px solid gold;
    position: absolute;
    bottom: -5px;
    right: -1px;
    border-radius: 50%;
}
.avatar-prompt-container .updated{
  display: none;
}
.avatar-change-container .updated{
  display: none;
}
.avatar-prompt-container #wpua-preview-existing img{
      max-height: 96px;
    max-width: 96px;
}
.avatar-prompt-container .wpua-edit-container h3{
  display: none;
}
.avatar-change-container .wpua-edit-container h3{
  display: none;
}
.avatar-prompt-container #wpua-file-existing {
      padding-top: 20px;
    padding-bottom: 20px;
        max-width: 241px;
    margin: 0 auto;
}
.avatar-prompt-container .name-form{
       padding-top: 30px;
}
.avatar-shorthcode .how-long-header{
  padding-top: 15px;
}
#wpua-thumbnail-existing {

    display: none!important;
}
#wpua-thumbnail-existing span{
    display: none;
}
.button-primary {
        background-color: #00ac62;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    line-height: 36px;
    padding: 0 18px;
    color:#fff;
    border-color: #00ac62;
}
.button-primary:hover{
    color: #ffffff;
    background-color: #029053;
    border: 0;
}
#wpua-add-button-existing {
        padding-top: 18px;
}
.profile-info-container .row{
    padding-top: 15px;
}
.profile-info-container .exp-info{
    text-align: left;
        margin-top: 12px;
}
.profile-info-container .user-name {
    font-size: 18px;
    font-weight: 600;
}
.profile-info-container .level-counter {
       width: 103%;
    margin: 2px auto;
}
.profile-info-container #progress-container {
    width: 48%;
    margin-top: 6px;
    margin-right: 5px;
    border: 1px solid #f7bdbd;
    background-color: #f7bdbd;
    height: 17px;
    float: left;
}
.streak-span{
    position: relative;
}
.edit-bubble{
       position: absolute;
    right: 34px;
    font-size: 27px;
    bottom: 38px;
    color: #231f20;
}
.profile-stats-page .stats-col span {
    color: #f7bdbd;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
.profile-stats-page .stats-col  {
    text-align: center;
}
.streak-span .icon-streak-small {
    width: 22px;
    height: 30px;
    background-position: -30px -40px;
    position: absolute;
    top: -5px;
    left: 75px;
}
.profile-stats-page .finish-up-stats-row{
    border: 1px solid #e1e1e1;
}
.user-info-box{
    background-color: #f6f6f6;
    padding-top: 65px;
    padding-bottom: 85px;
    padding-left: 50px;
    margin-top: 15px;
    border: 1px solid #e1e1e1;
}
.user_info_container p{
    font-size: 20px;
    margin-bottom: 10px;
}
.account-btn{
        margin-top: 18px;
}
.profile-info-container #progress-bar {
    background-color: #e52625;
    height: 15px;
}
.profile-info-container .level-info {
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;

}
.profile-info-container .lifetime-stats-row{
    padding-top: 0;
}
.profile-avatar-row{
    position: relative;
}
.profile-settings-link {
    top: 0;
    position: absolute;
    right: 10px;
    font-size: 20px;
    color: #231f20;
}

.profile-page .recent-badges-row{
    margin-top: 60px;
}
.profile-page .badge-col {
        padding-bottom: 15px;
}
.profile-page .lifetime-stats-row {
    margin-top: 45px;
    margin-bottom: 45px;
}
.profile-page .chart-ul li {
    padding-left: 1em;
    text-indent: -.7em;
    font-size: 20px;
    line-height: 34px;
    font-weight: 500;
}
.reset-stats-btn{
        display: block;
    width: 200px;
    margin: 50px auto 0 auto;
}
.row-title{
    border-bottom: 1px solid #cbcbcb;
} 
.row-title i{
        margin-right: 5px;
}
.row-title h5{
        margin: 0;
}
.profile-info-container .ribbon {
    bottom: 35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 75%;
    position: absolute;
    text-align: center;
    font-size: 6px!important;
    background: #f1f1f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f1f1f1));
    background: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1);
    background: -moz-linear-gradient(top, #f1f1f1, #f1f1f1);
    background: -ms-linear-gradient(top, #f1f1f1, #f1f1f1);
    background: -o-linear-gradient(top, #f1f1f1, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f1f1f1 0%, #f1f1f1 100%);
    -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
    font-family: 'Titillium Web', sans-serif;
}
.score-row{
    background-color: #f6f6f6;
    border-bottom: 1px solid #e4e4e4;
}
.profile-avatar .avatar-img {
    position: relative;
    display: block;
    width: auto;
}
.avatar-img img{
    border-radius: 50%;
    border: 1px solid #00ac62;
}
.profile-avatar .level-bubble {
    background-color: #fff;
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    font-weight: 600;
       border: 1px solid #00ac62;
    position: absolute;
    bottom: -8px;
    right: -5px;
    border-radius: 50%;
    color: #231f20;
}
.badge-container{
        width: 100%;
    float: left;
    margin-top: 20px;
    font-size: 20px;
}
.user-box{
    padding: 20px;
    border: 1px solid;
    margin: 20px auto;
    float: none;
    font-size: 18px;
    font-weight: 500;
}
.level-bubble{
        background-color: #fff;
    width: 32px;
    height: 32px;
    font-size: 21px;
    line-height: 27px;
    text-align: center;
    border: 2px solid gold;
    position: absolute;
    bottom: -8px;
    right: -8px;
    border-radius: 50%;
}
.avatar_level{
    padding-top: 20px;
}
.avatar-img{
        width: 85%;
    position: relative;
        margin-bottom: 15px;
}
.name-col {
        font-size: 24px;
    line-height: 24px;
}

.first-name{
    font-size: 20px;
}
.score-col{
        font-size: 25px;
    line-height: 27px;
    font-weight: 600;
}
.badge-col{
    margin-top: 10px;
 }
.badge-col img{
    width: 60px;
    height: 60px;
    margin: auto;
    display: block;
    border-radius: 50%;
}
.badge-col:hover .badge_toolip {
    opacity: 1;
    max-height: 400px;
}

/* NEW MOBILE DASHBOARD */


.mobile-month-row {
    background-color: #bcbcbc;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 15px;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.mobile-month-left{
    float:left;
    color:#fff;
    cursor: pointer;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 10%;
}
.mobile-month-left i{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 17px;
    margin: auto;
}

.mobile-month-right{
    float:right;
    color:#fff;
    cursor: pointer;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 10%;
}
.mobile-month-right i{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 17px;
    margin: auto;
}

.mobile-week-container {
    background-color: #c9c9c9;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px;
    text-align: center;
    border-right: 1px solid #fff;
}
.mobile-week-left{
    float:left;
    color:#fff;
    cursor: pointer;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
  
    width: 15%;
}
.mobile-week-left i{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    right: 0;
    height: 17px;
    margin: auto;
}
.mobile-week-right{
    float:right;
    color:#fff;
    cursor: pointer;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 15%;
}
.mobile-week-right i{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 17px;
    margin: auto;
}
.mobile-day-container {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 15px;
    text-align: center;
    text-transform: capitalize;
}
.mobile-day-left{
    float:left;
    color:#fff;
    cursor: pointer;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 15%;
    font-size: 28px;
}
.mobile-day-left i{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    margin: auto;
}
.mobile-day-right{
    float:right;
    color:#fff;
    cursor: pointer;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    width: 15%;
    font-size: 28px;
}

.inactive-block-container{
    cursor:pointer;
    
   }
.inactive-block-container:before {
    font-family: FontAwesome;
    content: "\f067";
    color: #D4D4D4;
    font-size: 50px;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    width: 39px;
    height: 13px;
    bottom: 0;
    margin: auto;
}
.mobile-day-right i{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    margin: auto;
}
.block-container{
    min-height: 130px;
    
}
.mobile-schedule .row{
    margin-right: -15px;
    margin-left: -15px;
    position: relative;
}
.mobile-schedule .row .new-block-label {
    background: #e4c14f;
    z-index: 2;
    width: 50px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    left: auto;
    color: #000;
    font-size: 12px;
    /* line-height: 16px; */
    font-weight: 600;
}
.mobile-preview-link {
        color: #fff;
}
.mobile-notes-link{
    position: absolute;
    bottom: 5px;
    right: 34px;
    color: #fff;
    font-size: 21px;
    cursor: pointer;
}
.mobile-close-link{
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff;
    font-size: 21px;
    cursor: pointer;
}
.list-btn{
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 10px;
    color: #000;
    font-weight: 600;
    position: relative;
}
.list-btn .new-block-label{
    width: 80px;
    height: 100%;
    right: -1px;
    left: auto;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
.program-cat-list-btn{
    background-color: #ccf904;
}
.workout-cat-list-btn{
    background-color: #fbcbcb ;
}
.cross-cat-list-btn{
    background-color: #fdfa04;
}
.team-cat-list-btn{
    background-color: #9afcfd;
}
.rest-cat-list-btn{
    background-color: #feccfe;
}
.others-cat-list-btn{
    background-color: #10f8cb;
}

.program-cat-list-open{
    background-color: #ccf904;
}
.workout-cat-list-open{
    background-color: #fbcbcb ;
}
.cross-cat-list-open{
    background-color: #fdfa04;
}
.team-cat-list-open{
    background-color: #9afcfd;
}
.rest-cat-list-open{
    background-color: #feccfe;
}
.others-cat-list-open{
    background-color: #10f8cb;
}
.mobile-block{
    height: 130px;
    display: inline-block;
    width: calc(100% + 30px);
    text-align: center;
    line-height: 130px;
}
.mobile-block-title{
        font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.mobile-schedule{
        display: none;  
}

.display-block{
    display: block!important;
}


/* =============== QUICK START LIGHTBOX ===================================*/
/* =============== QUICK START LIGHTBOX ===================================*/
/* =============== QUICK START LIGHTBOX ===================================*/



.quick-start-lightbox{
   max-width: 610px;
   z-index: 9000;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
  top: calc(50% - 50px/2);
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}

.notes-inner{
  font-size: 18px;
  color: #231f20;
    font-family: 'Titillium Web', sans-serif;
}

.quick-start-content{
  font-weight: 600;
  width: 100%;
    
  font-size: 15px;
  font-family: 'Titillium Web', sans-serif;
}
.quick-start-lightbox header h5{
    text-align: center;
    color: #ADA9A9;
        margin-bottom: 15px;
}
.quick-start-lightbox header {
    position: relative;
}
.quick-start-close{
    position: absolute;
    top: 0;
    right: 20px;
    color: #333;
    opacity: 0.5;
    font-size: 16px;
    cursor: pointer;
}
.quick-start-close:hover{
  opacity: 1;
  cursor:pointer;
}
.page-title{
    position: relative;
}
.quickStartTrigger{
    position: absolute;
    top: 8px;
    cursor: pointer;
    right: 20px;
    font-size: 30px;
    color: rgba(131, 13, 13, 0.74);
     z-index: 100;
}
.quickStartTrigger:hover{
    cursor: pointer;
    color: #029053;
}
.quickStartTriggerBrowse {
    position: absolute;
    top: -10px;
 }


/* =============== PRE WEBINAR PAGE ===================================*/
/* =============== PRE WEBINAR PAGE ===================================*/
/* =============== PRE WEBINAR PAGE ===================================*/

.countdown{
    margin: 50px auto;
    float: none!important;
    text-align: center;
    font-size: 60px;
    font-weight: 600;
        line-height: 60px;
        display: block;
}
.webinar-img{
    width: 30%;
}
/* =============== THANK YOU PAGE ===================================*/
/* =============== THANK YOU PAGE ===================================*/
/* =============== THANK YOU PAGE ===================================*/

.main-thankyouvideo-wrapper{
 
}

.main-thankyouvideo-wrapper iframe {

}

.small-thankyouvideo{
     position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
}
.help-container .small-thankyouvideo{
     position: relative;
    padding-bottom: 150px;
}
.video-wrap{
    display: flex;
    flex-direction: column;
    min-height: 27%;
    width: 80%;
    margin: 40px auto;
}
.small-iframe{
    flex-grow: 1;
}
.small-thankyouvideo iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 82%;
}
.to-dashboard{
       display: block;
    font-size: 24px;
    line-height: 50px;
    width: 40%;
    margin: 40px auto;
    margin-bottom: 80px;
    left: 0;
    right: 0;
}    
.page-template-thankyou footer{
    margin-top: -15%;
}

.video-number{
      border-radius: 50%;
    border: 1px solid;
    width: 25px;
    height: 25px;
    /* margin: 0 auto; */
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    position: absolute;
}
  .button-with-margin, .button-with-margin:focus, .button-with-margin:active {
    padding: 20px;
    font-size: 24px;
    margin-bottom: 20px;
  }

  .get-effective-btn{
        display: block;
    width: 70%;
    margin: 60px auto;
    font-size: 40px;
    line-height: 80px;
  }

/* =============== ADJUSTING DASHBOARD MEDIA STYLE ===================================*/
/* =============== ADJUSTING DASHBOARD MEDIA STYLE ===================================*/
/* =============== ADJUSTING DASHBOARD MEDIA STYLE ===================================*/
/* =============== ADJUSTING DASHBOARD MEDIA STYLE ===================================*/
/* =============== ADJUSTING DASHBOARD MEDIA STYLE ===================================*/


/* fixing thank you page*/

@media(max-width: 768px){
  .no-padding-xs{
    margin-top: -25%;
  }
  .to-dashboard {
    font-size: 1.5em;
    width: 70%;
  }
  .page-template-thankyou footer {
    margin-top: -2%;
  }
  .finish-ribbon-container {
    position: absolute;
    width: 89%;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: -50px;
    }
    .finish-ribbon {
        font-size: 19px !important;
        width: 100%;
        position: relative;
        background: #E62526;
        color: #FFF;
        line-height: 40px;
        text-align: center;
    }
    .finish-ribbon:before {
        left: -1em;
        border-right-width: 1em;
        border-left-color: transparent;
    }
    .finish-ribbon:before, .finish-ribbon:after {
        content: "";
        position: absolute;
        display: block;
        bottom: -1em;
        border: 1em solid #C32425;
        z-index: -1;
    }
    .finish-ribbon:after {
        right: -1em;
        border-left-width: 1em;
        border-right-color: transparent;
    }
    .activities-col img, .badges-col img, .days-col img {
        padding: 3px;
        max-width: 40px;
        margin: 0 auto;
        display: block;
        margin-top: 9px;
    }
    .badges-col img{ 
      padding-top: 7px;
    }
    .activities-col, .badges-col, .days-col {
        text-align: center;
    }
    .finish-up-container .exp-info {
        text-align: left;
        margin-top: 10px;
        font-size: 24px;
        line-height: 22px;
        font-weight: 500;
        text-align: center;
    }
    #progress-container {
    width: 50%;
    margin-top: 8px;
    margin-right: 20px;
    margin-left: 19px;
    border: 1px solid #f7bdbd;
    background-color: #f7bdbd;
    height: 10px;
    float: left;
    }
    .finish-up-container .level-info {
        font-size: 13px;
        padding-top: 2.5px;
        text-align: left;
    }
    .lifetimestats-notes-icon {
        padding-top: 15px;
    }
    .lifetimestats-comments-icon {
        padding-top: 15px;
    }
}

/* ADJUSTING MOBILE NOTIFICATIONS */
@media (min-width: 400px) and (max-width: 768px){
  .welcome-text{
    display: none;
  }
  .avatar-right .avatar-img {
    position: relative;
    margin-right: 15px;
  }
  .notification-active{
  color: #fff!important;
  }
  .notification-btn{
    display: none;
  }
  .mobile-notification-btn{
    display: block;    
    color: #00ac62;
    right: 100px;
    border: 1px solid #00ac62;
    border-radius: 50%;
    width: 50px;
    padding-top: 13px;
    top: 5px;
  }
  .mobile-notification-btn .globeCount {
    position: absolute;
    font-size: 12px;
    top: 5px;
    color: #fff;
    line-height: 19px;
    right: 2px;
    display: block;
    font-weight: 500;
    background: #029053;
    text-align: center;
    padding: 1px 5px;
  }
  .profile-scroll {
    font-size: 30px;
    margin-right: 25px;
  }
}


@media  (max-width: 660px){
  .mylogin{
        margin-bottom: 0px!important;
        margin-top: 0px!important;
  }
  .sign-up{
        margin-bottom: 10px!important;
  }
  .notification-dropdown {
    top: 190px;
  }
  .welcome-text{
    display: none;
  }
  .avatar-right .avatar-img {
    position: relative;
    margin-right: 15px;
  }
  .notification-btn{
    display: none;
  }
  .mobile-notification-btn {
    display: block;
    color: #00ac62;
    left: 105px;
    border: 1px solid #00ac62;
    border-radius: 50%;
    width: 50px;
    padding-top: 13px;
    top: 128px;
    margin: 0;
  }
  .mobile-notification-btn .globeCount {
    position: absolute;
    font-size: 12px;
    top: 5px;
    color: #fff;
    line-height: 19px;
    right: 2px;
    display: block;
    font-weight: 500;
    background: #029053;
    text-align: center;
    padding: 1px 5px;
  }
  .profile-scroll {
    font-size: 30px;
    margin-right: 25px;
  }
  .h1-logo {
  width: 150px;
  display: block;
  }
  .avatar-right {
    margin-top: 0;
  }
  .login {
 
    margin-top: -40px;
 
    float: right;
    margin-top: -25px;
    }
    .login a {
        font-size: 18px;
        display: block;
       /* max-width: 200px;*/
    }
   .notification-active{
    color: #fff!important;
  }

    .logged-in .logo img{
            height: 70px!important;
    }
   .logged-in .mylogin{
        margin-bottom: 20px!important;
  }
  .logged-in .sign-up{
        margin-bottom: 20px!important;
  }
  .logged-in .notification-dropdown {
    top: 90px;
  }
  .logged-in .welcome-text{
    display: none;
  }
  .logged-in .avatar-right .avatar-img {
    position: relative;
    margin-right: 15px;
  }
  .logged-in .notification-btn{
    display: none;
  }
  .logged-in .mobile-notification-btn {
    display: block;
    color: #00ac62;
    left: 105px;
    border: 1px solid #00ac62;
    border-radius: 50%;
    width: 50px;
    padding-top: 13px;
    top: 128px;
    margin: 0;
    position: initial;
    float: right;
  }
  .logged-in .mobile-notification-btn .globeCount {
    position: absolute;
    font-size: 12px;
    top: 60px;
    color: #fff;
    line-height: 19px;
    right: 12px;
    display: block;
    font-weight: 500;
    background: #029053;
    text-align: center;
    padding: 1px 5px;
  }
  .logged-in .profile-scroll {
    font-size: 30px;
    margin-right: 25px;
  }
  .logged-in .h1-logo {
    width: 50%;
    margin-bottom: 0;
    margin-top: 10px;
  }
  .logged-in .avatar-right {
    margin-top: 0;
  }
  .logged-in .login {
    float: left;
    margin-top: 20px;
    margin-left: 0;
    width: 50%;
}   
   .logged-in .notification-active{
    color: #fff!important;
  }
 
}

@media  (max-width: 360px){
    .login a {
        font-size: 15px;
        display: block;
    }
    .h1-logo {
        width: 125px;
        display: block;
    }
    .logo, .logo img {
    height: 70px!important;
    }
}
@media(max-width: 500px){
    .note_actions {
    float: none;
    font-size: 20px;
    padding-right: 12px;
    padding-top: 5px;
}
.note_actions span {
    opacity: 1;

}
    .list-btn {
        font-size: 11px;
    }
  .no-padding-xs{
    margin-top: -25%;
  }
  .to-dashboard {
    font-size: 12px;
    line-height: 28px;
    width: 70%;
  }
  .notification-time {
    width: auto;
  }
  .notification-title {
    width: 55%;
  }
  .well_done_container h3{
     font-size: 20px;
     line-height: 25px;
     font-weight: 600;
  }
  .well_done_container span {
    font-size: 14px;
    line-height: 15px;
  }
  .chart-plus {
    position: absolute;
    bottom: 62px;
    left: 0px;
    right: 0;
    display: block;
    margin: auto;
    text-align: center;
    width: 80px;
    font-size: 14px;
    font-weight: 600;
  }
  .chart-ul li {
    padding-left: 1em;
    text-indent: -.7em;
    font-size: 12px;
    font-weight: 500;
    padding: 0;
   }
   .badge-img-container {
    padding-right: 0;
    padding-left: 0!important;
   }
   .finish-up-btn {
        font-size: 15px;
    }
    .gamification-close {
    
    font-size: 24px;

    }

}



@media(max-width: 900px){
    .clear-small{
        clear: both!important;
    }
}

/* fixing menu options on tablets*/
/*
@media (min-width: 768px) and (max-width: 1000px){
    .navbar-default .navbar-nav > li > a{
        color: #ffffff;
        font-weight: 300;
        font-size: 15px;
    }
   .notification-btn {
    right: 0px;
  }
}*/


@media  (max-width: 900px){
    #draganddrop{
        display: none;
    }
    .mobile-schedule{
        display: block; 
    }
    .reschedule-link{
        display: none;
    }
}

@media (max-width: 900px){
    .schedule-col{
        display: none;
    }
    .schedule-sidebar{
        display: none;
    }
}

@media (max-width: 770px){
    .workout-bot-col .notes-link {
    width: 100%;
    text-align: center;
    }
    .bottom_form {
    background: #f4f5f7;
    padding: 3em 2em!important;
    }
}
@media (min-width: 501px) and (max-width: 770px){
    .workout-bot-col{
            width: 50%!important;
    }
    .workout-row-col {
    padding: 20px;
    }
    .workout-bot-col .workout-btn{
        width: 100%;
        margin-bottom: 15px;
    }
    .workout-bot-col .reschedule-link{
        width: 50%;
        margin-left: 0;
        text-align: center;
    }
    .workout-bot-col .notes-link {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .workout-overwiev p{
         font-size: 16px;
        line-height: 18px;
    }
    .workout-bot-container a{
        font-size: 14px!important;
    }
}
@media (min-width: 451px) and (max-width: 500px){
    .workout-overwiev p{
            font-size: 14px;
    line-height: 20px;
    }
    .workout-row-col {
    padding: 20px;
    }

    .workout-bot-col{
        padding-left: 0;
        margin-top: 13px;
    }
    .workout-bot-container a {
    font-size: 14px!important;
    width: 50%;
    float: left;
    margin: 0;
    /* padding-top: 1px; */
    text-align: center;
    }
    .workout-bot-col {
    padding-left: 0;
    margin-top: 0;
    }
    .workout-bot-col .workout-btn{
        width: 100%;
    }
    .workout-image-col {
    padding: 0;
    padding-right: 10px;
    padding-bottom: 10px;
    }
    .workout-bot-col .reschedule-link{
        padding-top: 5px;
    }
    .workout-bot-col .notes-link{
        padding-top: 5px;
    }
}
@media (max-width: 450px){
    .rest-description {
        font-size: 20px;
    }
    .workout-overwiev p {
        font-size: 10px;
        line-height: 14px;
    }
    .workout-bot-col {
    padding-left: 0;
    margin-top: 0;
    }
    .workout-bot-col .workout-btn{
        width: 100%;
    }
    .workout-image-col {
    padding: 0;
    padding-right: 10px;
    padding-bottom: 10px;
    }
    .workout-bot-container a {
    font-size: 14px!important;
    width: 50%;
    float: left;
    margin: 0;
    /* padding-top: 1px; */
    text-align: center;
    }
    .workout-bot-col .reschedule-link{
        padding-top: 5px;
    }
    .workout-bot-col .notes-link{
        padding-top: 5px;
    }
    .bottom_form {
        background: #f4f5f7;
        padding: 3em 1em!important;
    }
}
@media (max-width: 400px){
    .profile-dropdown .score-col p{
            font-size: 15px;
    }
    .profile-dropdown .badge-col img {
        width: 45px;
        height: 45px;
    }
}

@media screen and (max-width: 640px) and (min-width: 481px){
    input[type="submit"], input[type="button"], input[type="reset"] {
        width: 100%;
        margin-bottom: 20px;
    }
}

/* fixing "6MONTHS FREE issue"*/

@media screen and (max-width: 990px){
  .free-gamebrain-bot {
      margin-top: 2em;
      text-align: center;
  }
    .page-template-free-gamebrain .video-description{
    margin-top: 10px!important;
  }
  .fluid-with-pad-right {
    padding-right: 15px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 990px){
  #product_3090::after{
    display: none;
  }
  #product_3097::after {
    display: none;
  }
  #product_3093::after {
    display: none;
  }
}
@media screen and (max-width: 700px){
  #product_3090::after{
    display: none;
  }
  #product_3097::after {
    display: none;
  }
  #product_3093::after {
    display: none;
  }
  
  .button-with-margin{
    margin-bottom: 1.5em;
  }

  .free-gamebrain-bot {
    margin-top: 0%;
    text-align: center;
  }
}


@media (max-width: 500px){
    .full-col{
    width: 100%!important;
   }
    .completed-day h2{
        font-size: 30px;
    line-height: 34px;
    }
    .cta-wrap {
    padding: 10px 10px 10px 10px;
    margin: 0 auto;
}
     .completed-day h4{
        font-size: 30px;
     line-height: 34px;
    }
 .button-with-margin{
    margin-bottom: 1.5em;
    width: 100%;
    font-size: 14px;
  }
    .comment-avatar .avatar-img {
        width: 30%;
        position: relative;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .comment-text{
            margin: 20px 0;
    display: block;
    }
    .user-flair {
        display: block;
        margin: 10px auto;
        font-size: 13px;
        color: #231f20;
        font-weight: 500;
    }
    .zaki_like_dislike_box {
        margin: 0 auto!important;
        border: none!important;
        padding: 5px;
        width: 110px!important;
        display: block;
        padding-left: 0!important;
        float: none;
    }
    .comment-row .footer{
            text-align: center;
    }
    .children {
        padding-left: 0!important;
        list-style: none;
        background: #f3f3f3;
        border-top: 1px solid #e1e1e1;
    }
    .comment-avatar .level-bubble{
        display: none;
    }
    .comment-content .username {
        color: #00ac62;
        margin: 0 10px 0 0;
        width: 100%;
        text-align: center;
        display: block;
        font-weight: 500;
    }
    .complete-excercise-btn {
    width: 100%!important;
    display: block;
    margin: 35px auto;
    font-size: 21px!important;
    line-height: 48px!important;
}
    .profile-dropdown-tohide .chart-plus {
        position: absolute;
        bottom: 80px;
    }
    .profile-info-container .profile-dropdown-tohide .ribbon {
         width: 90%;
    }
    .profile-dropdown-tohide .ribbon h4 {
        font-size: 10px;
    }

    .reps-header{
        text-align: center;
    }
    .reps-excercise-title {
        display: block;
        font-weight: 600;
        width: 100%;
        text-align: center;
        line-height: 30px;
        font-size: 20px;
        padding-left: 8px;
        margin-bottom: 15px;
    }
    .sets-counter-container{
        margin: 0 auto;
        width: 100%;
        float: none;
        text-align: center;
    }
    .sets-counter{
        margin-top: 30px;
        padding-top: 10px;
    }
    .reps-counter-inner {
        width: 45px;
        height: 35px;
        text-align: center;
    }
    .sets-counter-inner {
        width: 45px;
        height: 35px;
        text-align: center;
    }

    .user-info-box {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
        margin-top: 15px;
    }
    .edit-bubble {
        position: absolute;
       right: 34px;
        bottom: 55px;
        font-size: 27px;
        
        color: #231f20;
    }


    .profile-page .lifetime-stats-row {
        margin-top: 45px;
        margin-bottom: 10px;
    }
    .profile-page .stats-col h6 {
        font-size:15px!important;
    }
    .chart-col{
        padding-bottom: 40px;
    }

} /*endmax width 500 */

.ns-effect-bouncyflip p {
    padding: 0.5em 0.8em 0.8em 0.8em!important;
}



/* ==================== ALL MEMBERS PAGE ================================ */

.list-avatar-wrap .avatar-img img {
        max-height: 83px;
}
.list-avatar-wrap .name-text{
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #231f20;
    width: 100%;
    display: block;
}
.list-avatar-wrap:hover .name-text{
    color:#029053;

}
.member-list-icon{
        width: 20px;
    margin-right: 10px;
}
.member-list-row{
    margin-bottom: 10px;
    margin-left: 15px;
}
.member-list-row span{
        font-weight: 500;
    font-size: 15px;
}

.member-list-post{
    margin: 25px auto;
}
.border-dashed-right{
    border-right: 1px dashed;
}


/* ==================== AUTHOR PAGE ================================ */

.author-wrap .reschedule-btn{
    display: none;
}
.author-recent-notes{
    height: 500px;
    overflow: scroll;
}
.add-note-reply {
    line-height: 28px!important;
    font-size: 12px!important;
}
.reply-notes-form .note-input textarea {
    font-size: 12px!important;
    padding: 10px!important;
    width: 100%!important;
    height: 75px;

}
.user-flair {
    list-style-type: none!important;
}
.reply-notes-form{
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
        width: 100%;
}
.reply-notes-form-active{
    max-height: 5000px;
}
.reply-notes-form #reply-title{
    display: none;
}
.reply-notes-form .logged-in-as{
    display: none;
}
.reply-notes-form label{
    display: none;
}
.comment-form-comment{
    margin: 0;
}
.comment-reply{
        margin-left: 30px;
}
.ct-label{
    color:#fff!important;
}





/* ==================== CATEGORY STRENGHT PROGRAM PAGE ================================ */

.strenght-counter-box .box {
    border: 1px solid #d3d3d3;
    background-color: #fff;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    background: #eee;
    padding: 35px;
    text-align: center;
}
/*
.workout_detail-table li.workout_detail-table-repetitions {
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: #eee;
}

*/

.workout_detail-table li ul li {
    height: 88px;
    text-align: center;
    line-height: 88px;
    margin-bottom: 1.8rem;
    white-space: nowrap;
    overflow: hidden;
        color: #fff;
          
}
.excercise-video-thumb img{
    overflow: hidden;
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
}
.title-li{
    height: 75px!important;
}

.workout_detail-table li.workout_detail-table-repetitions {
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.14902);
}

.workout_detail-table::after {
    clear: both;
}
.workout_detail-table{
    background: url("../images/congruent_outline.png") rgb(0, 0, 0);
}
.actions{
    position: relative;
}
.actions .prev-excercise {
    position: absolute;
    top: 0;
    left: 0;
}
.actions .next-excercise {
    position: absolute;
    top: 0;
    right: 0;
}
.current-excercise{
    color: #007fff!important;
}
.workout_detail-table-exercise{
    font-weight: 700;
}
.workout_detail-table-title{
    font-weight: 600;
}
.workout_detail-table-exercise{
      text-transform: uppercase;
}
.exercise-li{
    position: relative;
}
.exercise-li button{
    padding: 0;
    border: none;
}
.exercise-li .img-wrap{
        margin-bottom: 0;
    height: auto;
}
.exercise-li .img-wrap img{
    top: 21px;
}
.col-2-half {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.finished{
    text-decoration: line-through;
}
.finish-up-box-header h3{
       float: left;
    display: block;
    margin: 0px;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
}
.finish-up-box-header .workout-cancel{
        float: right;
    font-size: 20px;
    line-height: 40px;
    cursor: pointer;
}
.strenght-counter-box .content-after-finish{
    padding: 0

}
.finish-up-box-header{
        background: #00ac62;
    padding: 10px 25px;
    color: #fff;
}
.finish-up-box-content{
    padding: 35px 25px;
}
.duration-label{
       text-align: right;
    line-height: 37px;
    font-weight: 500;
    font-size: 18px;
}
.strenght-counter-box .form-control{
        color: #231f20;
    font-weight: 500;
    height: 40px;
    font-size: 16px;
}

.wordkouts-table-wrap ul {
    list-style: none;
    padding-left: 0;

}

@media screen and (max-width: 700px){
    .wordkouts-table-wrap .col-2-half{
        width: 33%;
    }
    .workout_detail-table li.workout_detail-table-repetitions{
        border-width:1px;
    }
}
@media screen and (max-width: 700px){
    .wordkouts-table-wrap .col-2-half{
        width:50%;
    }
    .workout_detail-table li.workout_detail-table-repetitions{
        border-width:1px;
    }
    .title-li h4{
            font-size: 18px;
    }
    .workout_detail-table li ul li {
    margin-bottom: 7px;
    }
    .actions .next-excercise {
        position: absolute;
        right: 0;
        width: 50%;
        bottom: 0;
    }
    .actions .prev-excercise {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50%;
        border-right: 1px solid #fff;
    }
    .actions {
        position: fixed;
        height: 45px;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        margin-top: 0;
        background: #fff;
        z-index: 11;
    }

    .test-close {
        background-image: url(http://traineffective.staging.wpengine.com/wp-content/themes/Effective/css/images/cancel-icon.png);
        width: 25px;
        height: 25px;
        background-size: cover;
        cursor: pointer;
        opacity: 0.7;
        transition: 0.25s;
        float: right;
        display: none;
        position: absolute;
        right: 10px;
    }

     .start-workout-btn{
        width: 100%;
        height: 100%;
        display: block;
        line-height: 46px;
     }
     .excercise-in-round{
        cursor: pointer;
     }
    .save-workout-btn{
        width: 100%;
    }
}




/*============================== COACH DASHBOARD =====================================================================*/
/*============================== COACH DASHBOARD =====================================================================*/
/*============================== COACH DASHBOARD =====================================================================*/
/*============================== COACH DASHBOARD =====================================================================*/
/*============================== COACH DASHBOARD =====================================================================*/
/*============================== COACH DASHBOARD =====================================================================*/


.players-slider{
    max-width: initial!important;
}


.players-slider .slider-item{
    border-radius:50%!important;
}
.recent-notes-coachdashboard{
     height: 300px;
    overflow: scroll;
}

.team-leaderboard-container{
    display: table;
    position: initial;
}
.team-leaderboard-container .leaderboard-inner{
    padding: 0;
    height: 285px;
}
.team-notifications-container {
    position: relative;
    overflow: scroll;
    padding-bottom: 20px;
}
.add-team-notitication-btn{
    position: absolute;
    bottom: 0;
    width: 100%;
}


.team-notifications-lightbox{
  max-width: 350px;
  z-index: 9000;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
  top: calc(50% - 50px/2);
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}

.team-notifications-confirmation-lightbox{
  max-width: 610px;
  z-index: 9000;
  width: 100%;
  overflow: visible;
  background-color: #fff;
  padding: 12px;
  top: calc(50% - 50px/2);
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  font-family: 'Titillium Web', sans-serif;
  border: 1px solid #eee;
}
.close-team-confirmation-btn{
    width: 100%;
}
.team-note-title{
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    color: #231f20;
    padding: 5px 10px;
    text-align: left;
    margin: 15px auto;
}
.team-note-link{
    width: 100%;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    color: #231f20;
    padding: 5px 10px;
    text-align: left;
    margin: 15px auto;
}
.add-team-note-btn{
    float: right;
    margin: 10px auto;
    margin-top: 25px;

}
.notification-block-thumb{
    width: 50px;
    height: auto;
    float: left;
    margin: 2px 10px;
    margin-left: 0;
}

.all-notification-row .notes-place:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    height: 3px;
    border-right: 3px solid #b3b3b3;
    border-radius: 50%;
    line-height: 14px;
    display: none;

}

.all-notification-row .notes-author_avatar{
    margin-left: -10px;
}
.all-notification-row .note-header {
    border-bottom: 1px dashed #999;
    padding-bottom: 10px;
}

.team-notifications-inner{
    position: relative;
}
.avatar-name{
    text-align: center;
}
.slider-item .lvl_value{
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    font-weight: normal;
}
.players-slider .slider-nav .left {
    height: 132px;
}
.players-slider .slider-nav .right {
    height: 132px;
}
.notes-reply{
    cursor: pointer;
}
.players-slider .owl-item .item {
        max-width: 106px;
        background: none;
}

.players-slider .owl-item {
    padding-left: 10px;
}



/* TIMER ON CATEGORY PAGE AMENDS */

.workout-timer .start-workout-timer {
        width: 100%;
    padding: 7px!important;
    font-size: 22px;

}

.workout-timer .counter-clock{
    color: #00ac62;
    background-color: #bdccd4;
    font-size: 30px;
    text-align: center;
    line-height: initial;
}
.workout-timer .finish-workout {
    width: 100%;
    padding: 7px!important;
    font-size: 22px;
}
.complete-timer-lightbox{
        position: absolute;
    z-index: 9000;
    width: 100%;
    overflow: visible;
    background-color: #fff;
    max-width: 610px;
        top: calc(50% - 50px/2);
    left: 0;
    right: 0;
    margin: auto;
}
.complete-timer-lightbox .finish-up-box-header .workout-cancel{
    margin-top: 10px;
}
.complete-timer-lightbox .complete-btn{
        width: 210px;
    padding: 5px!important;
    font-size: 23px;
    margin: 0 auto;
    display: block;
}
.complete-timer-lightbox .form-control{
    padding: 4px 4px;
    font-weight: 500;
}
@media screen and (max-width: 768px){
    .workout-timer .start-workout-timer {
        position: absolute;
        right: 0;
        width: 50%;
        bottom: 0;
        line-height: initial;
        border-radius: 0;
    }
    .workout-timer .counter-clock{
        width: 50%;
        margin-top: 0;
    }
    .actions .finish-workout {
        position: absolute;
        right: 0;
        width: 50%;
        bottom: 0;
        line-height: initial;
            height: 100%;
         border-radius: 0;   
    }
        
}



/*  ULTIMATE DRILLS BUNDLE */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.blue{background: #39d;}
.corner-ribbon.effectivered{background:#00ac62;}

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 25px;
  font-size: 14px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  cursor: pointer;
}


@media screen and (max-width: 600px){
    .get-quote {
        display: none;
    }

}






/* ================== NEW PRICING PAGE ==================== */
/* ================== NEW PRICING PAGE ==================== */
/* ================== NEW PRICING PAGE ==================== */



.color-red{
    color: #830d0d!important;
}
.color-green{
    color: #00ac62!important;
}
.background-red{
    background: #00ac62!important;
}
.pricing-h1{
    font-size: 36px;
    line-height: 43px;
    text-align: center;
}
.pricing-h4{
    font-size: 24px;
    line-height: 29px;
    text-align: center;
}
.logo-center{
    float: none;
    left: 0;
    right: 0;
    margin: auto;
}

.shadow {
    box-shadow: 0 6px 5px -5px #ccc;
    height: 16px;
    margin: 4px 0;
}
#main {
    background-color: #FBFBFB;
}
#main .package {
    margin-bottom: 35px;
}
#main .package .register-ribbon {
    clear: both;
    display: table;
    width: 292px;
    margin: -25px auto 30px;
    text-shadow: none;
    color: white;
}
#main .package .register-ribbon > span:nth-child(odd) {
    width: 28px;
    height: 36px;
    position: relative;
    margin-top: 5px;
}
#main .package .register-ribbon > span {
    background-color: #00ac62;
    height: 44px;
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    float: left;
    margin-right: 4px;
    width: 220px;
}

#main .package .register-ribbon > span:nth-child(odd).left::before {
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 10px solid #FBFBFB;
}

#main .package .register-ribbon > span:nth-child(odd)::before {
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-color: #FBFBFB;
    content: "";
    display: block;
}

#main .package .register-ribbon > span.caption {
    text-align: center;
    display: inline-block;
    font-size: 15px;
    line-height: 43px;
    font-weight: 600;
    text-transform: uppercase;
}

#main .package .register-ribbon > span:nth-child(odd).right {
    margin: 0;
    margin-top: 5px;
}


#main .package .register-ribbon > span:nth-child(odd).right::before {
    right: 0;
    left: auto;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 10px solid #FBFBFB;
}

#main .package .name {
    margin: 20px 0;
    font-size: 26px;
    line-height: 34px;
    text-align: center;
    font-weight: 600;
    color: #25292C;
}
#main .package .name > .headline {
    margin-bottom: 15px;
}

#main .package .name > .sub .price {
    font-size: 24px;
}

#main .package .name .price {
    font-size: 26px;
    font-weight: 600;
    color: #00ac62;
}

#main .package .name .grey {
    font-size: 14px;
    color: #aaaaaa;
    vertical-align: 3px;
}

#main .feedbacks > .item {
    margin-bottom: 30px;
}
#main .feedbacks > .item > .head {
    margin-bottom: 15px;
}

#main .feedbacks > .item > .head > .photo.luis {
    background: url(/global/images/customers/luis.png) no-repeat center center;
}

#main .feedbacks > .item > .head > .photo {
    width: 70px;
    height: 70px;
    float: left;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#main .feedbacks > .item > .head > .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-wrap: nowrap;
    -webkit-box-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flexbox-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-box-wrap: wrap;
    -webkit-box-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flexbox-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align-content: center;
    -webkit-align-content: center;
    -ms-flex-align-content: center;
    align-content: center;
    margin-left: 90px;
    height: 70px;
}
#main .feedbacks > .item > .head > .info > .name {
    color: #25292C;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px;
}

#main .feedbacks > .item > .head > .info > .name, #main .feedbacks > .item > .head > .info > .used {
    width: 100%;
}

#main .feedbacks > .item > .head > .info > .used {
    color: #6b767f;
    font-size: 13px;
    line-height: 20px;
}

#main .feedbacks > .item > .head > .info > .name, #main .feedbacks > .item > .head > .info > .used {
    width: 100%;
}

#main .feedbacks > .item > .head:after {
    content: "";
    display: table;
    clear: both;
}

#main .feedbacks > .item > .contents {
    background-color: #FDFDFD;
    padding: 20px 25px;
    border: 1px solid #E2E5EA;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #545d63;
    -webkit-box-shadow: 0 0 5px #e0e0e0;
    -moz-box-shadow: 0 0 5px #e0e0e0;
    box-shadow: 0 0 5px #e0e0e0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.popover-arrow {
    border-width: 9px;
    top: -9px;
    left: 35px;
    margin-left: -8px;
    border-top-width: 0;
    border-bottom-color: #E2E5EA;
}

.popover-arrow, .popover-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover-arrow:after {
    border-width: 8px;
    top: 1px;
    margin-left: -8px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}



@media (min-width: 1300px){
    .container {
        width: 1240px;
    }

}

.register_form .input{


}
.package-form {
    max-width: 430px;
    margin: 0 auto;
    background-color: white;
    box-shadow: 0 0 15px #d3d8df;
    border: 1px solid #E2E5EA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 25px 15px;
    padding-top: 35px;
}
.register_form .input {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0.5em 13px!important;
    max-width: 43%;
    float: left!important;
    width: calc(100% - 2em);
    vertical-align: top;
    font-size: 16px;
    line-height: 16px;
    height: 45px;
}

.product-details-section{
    padding: 15px;
}

#order_review{
    font-weight: 500;
}
.product-details {
    line-height: 24px;
    font-weight: 500;
    font-size: 16px;
}
.woocommerce-checkout-payment p{
    font-size: 12px;
}
.woocommerce-checkout-payment li{
    font-size: 12px;
}


.register_form .form-group {
    margin: 0 0 25px 0;
    border-bottom: 1px solid #E2E5EA;
    width: 45%;
    display: inline-block;
}
.register_form label {
    display: block;
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    color: #838E97;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}

.register_form .form-group .form-control {
    font-weight: 600;
    color: #25292C;
    padding: 0;
    border: none;
    font-size: 14px;
    box-shadow: none;
}
.register_form * {
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.woocommerce form .form-row.woocommerce-invalid label {
    color: #00ac62;
}
.woocommerce form .form-row.woocommerce-validated label {
    color: #22b489;
}
.register_form .form-group {
    margin: 0 7px 6px!important;
    border-bottom: 1px solid #E2E5EA;
    width: 45%!important;
    display: inline-block;
}



@media (max-width: 500px){
    .register_form .form-group {
       margin: 0 auto!important;
        border-bottom: 1px solid #E2E5EA;
        width: 85%!important;
        display: block;
    }


}


#main .offer > .join {
    color: #545d63;
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 45px;
    font-weight: 500;
}
#main .offer > ul {
    margin: 0 0 60px;
    padding: 0;
    list-style: none;
}
#main .offer > ul > li {
    margin: 0 0 22px;
    padding: 0;
    display: block;
}

#main .offer > ul > li > img {
    display: block;
    float: left;
    width: 25px;
}
#main .offer > ul > li > span {
    display: block;
    margin-left: 40px;
    color: #25292C;
    font-weight: 600;
    font-size: 14px;
    line-height: 25px;
}
#main .offer > ul > li:after {
    content: "";
    display: table;
    clear: both;
}
#main .offer > .guarantee > img {
    display: block;
    float: left;
    width: 45px;
}
#main .offer > .guarantee > span {
    display: block;
    margin-left: 72px;
    color: #22b489;
    padding-top: 15px;
    font-weight: 600;
}
@media (min-width: 992px){
    .offer {
        padding:0;
    }
}


/* AUTHOR BIO WIDGET */

.author-bio{
    background-color: #bdccd4;
}

.author-avatar{
       float: left;
    padding-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.author-avatar img{
    max-width: 150px;

}


/* FEATURES UPVOTE PAGE */

.features_comments .comment-reply{
    display: none;

}
.features_comments .zaki_like_dislike_box{
    display: none;
}


.features_comments .comments-title{
    display: none;
}



.features_comments .avatar{
    max-width: 70px;
    border-radius: 50%;
        float: left;
     
    margin-right: 20px;
}


.features_comments .comment-date{
    display: none;
}
.features_comments .comment-list .comment::after{
    clear: both;
}
/*
.features_comments .comment-author {
    display: none;
}*/
.comment-list {
        list-style: none;
    padding-left: 0;
}
.comment-list li{
    margin-bottom: 20px;
}
.user-karma{display: none;}

.says{display: none;}


.features_comments .comment-content:after{
    clear:both;
}

.features_comments .comment-weight-container {
    margin-right: 20px;
    float: left;
}
.features_comments .comment-content p{
    overflow: hidden;
        min-height: 45px;
}



/* NEW COMMENTS */

.excersise .comment-reply{
    display: none;

}
.excersise .zaki_like_dislike_box{
    display: none;
}


.excersise .comments-title{
    display: none;
}



.comment-header img{
    max-width: 70px;
    border-radius: 50%;
        float: left;
     
    margin-right: 20px;
}


.excersise .comment-date{
    display: none;
}
.excersise .comment-list .comment::after{
    clear: both;
}
/*
.excersise .comment-author {
    display: none;
}*/
.comment-list {
        list-style: none;
    padding-left: 0;
}
.comment-list li{
    margin-bottom: 20px;
}
.user-karma{display: none;}

.says{display: none;}


.excersise .comment-content:after{
    clear:both;
}

.excersise .comment-weight-container {
    margin-right: 20px;
    float: left;
}
.excersise .comment-content p{
    overflow: hidden;
        min-height: 45px;
}



/* REGISTER PAGE FOR FREE ACCOUNT */
.nsl-container-block {
    max-width: 320px!important;
}
.tatsu-module {
    margin-bottom: 30px!important;
}
#wppb_register_pre_form_message{
    display: none;

}

.wppb-send-credentials-checkbox{
    display: none;
}

#register{
    font-size: 20px;
    line-height: 50px;
    width: 100%;
    border-radius: 30px;
    margin-top: 20px;
}

#wppb-submit{
    font-size: 20px;
    line-height: 50px;
    width: 100%;
    border-radius: 30px;
    margin-top: 20px;
       background-color: #00ac62;
       -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#wppb-submit:hover{
    color: #ffffff;
    background-color: #029053;
}

.wppb-user-forms input:not([type="button"]):not([type="reset"]):not([type="submit"]), .wppb-user-forms select, .wppb-user-forms textarea {
    font-weight: 600;
}

.wpf-favorite-link{
    display: none!important;
}

.how-to-exercise p span {
    font-size: 18px;
    font-weight: 400;
        line-height: 24px;
}

.workout-menu .navbar-default{
    box-shadow: none;
        margin-bottom: 0px;
}



/*  WORKOUT REMAKE */

.how-to-exercise {
    padding: 18px;
    background: none;
    border: 1px solid #bdccd4;
    color: inherit;
}

.workout-menu ul li {
    border-radius: 30px!important;
}

.workout-menu .nav-tabs > li.active > a, .workout-menu .nav-tabs > li.active > a:hover, .workout-menu .nav-tabs > li.active > a:focus, .workout-menu .nav-tabs > li > a:hover {

    border-radius: 30px!important;
}





.hidden-desktop{
    display: none;
}
.exercise-nav-btn{
    display: none;
}
.check-exercise-btn{
        width: 200px;
    font-size: 16px;
    background: #fff;
    border: 1px solid #00ac62;
    color: #00ac62;
    font-weight: 600;
        padding: 5px 10px;
        line-height: initial;
}


.workoutChecked {
            color: #fff !important;
            background: #00ac62!important;
           background: 1px solid #00ac62;

        }
        .workoutChecked::after{
            content: "\f00c";
            font-size: 16px;
            font-family: 'FontAwesome';
            margin-left: 10px;
        }

        .plan-treningu-a{
  
    line-height: 23px;
    padding: 15px;
    padding-right: 45px;

}

.workout-timer .counter-clock {
    border-radius: 30px;
  
}

@media (max-width: 1092px){
      .hidden-mobile{
        display: none;
      }
      .hidden-desktop{
        display: block;
      }
}

@media (min-width: 1092px){
    .excersise-in{
        width:100%;
    }
}

    .workout-timer .counter-clock {
        border-radius: 0px;
    }

    .category   .workout-menu ul li {
        display: block;
        cursor: pointer;
            border: 1px solid #00ac62;
   
    }

    .category .menu-top{
        display: none;
    }
  .category   .workout-menu .navbar-default{
        box-shadow: none;
            margin-bottom: 0px;
    }
   .category  .workout-menu ul .active{
        display: block;
    }
    .exercise-nav-btn{
        display: block;
    }
    .finish-workout{
        margin: 1em auto;
        display: block;
        text-transform: uppercase;
        width: 100%;
    }
    .exercise-nav-btn .btn-primary{ 
            padding: 10px 20px;
        border-color: #00ac62;
        border-radius: 30px;
        width: 50px;
     }
     .prev-exercise-button{
        float: left;
     }
     .next-exercise-button{
        float: right;
     }
     .category .workout-menu{
         float: none;
        width: 100%;
        padding-bottom: 5em;
     }
    .category  .workout-menu ul li{
        background-color: #fff;

     }
     .category  .workout-menu ul li:hover{
        background-color:#00ac62;

     }
     .category  .nav-tabs > li > a{
        color: #00AC61;
        background-color:transparent!important;
        border: 0;
        font-weight: 600;
        padding: 10px 15px!important;
        font-size: 16px;
        text-align: left;
            line-height: 23px!important;
        cursor: pointer!important;
      }

      .wykonaj-wrap{
        position: fixed;
        left: 0;
        bottom: 0;
            padding: 10px 2em;
        width: 100%;
        background: #eee;
        text-align: left;
        z-index: 3;
        border-top: 1px solid #d1d0d0;
      }
      .exercise-title{
            padding: 18px;
    background: none;
    border: 1px solid #bdccd4;
    color: inherit;
      }
     .wykonaj-reps li {
            
            font-size: 16px;
    font-weight: 500;
      }
      .category .excersise{
        padding-bottom: 160px;
      }
       .category  .nav-tabs > li:hover > a{
            color: #fff;
        }
      .category footer{
        display: none;
      }
      .category .tab-content {
        position: fixed;
        background: #fff;
        width: 100%;
        left: 0;
        top: 0;
        padding: 1em;
        z-index: 1;
        overflow: scroll;
        height: 100%;
      }
      .back-to-list-btn{
        font-size: 18px;
        line-height: 40px;
        font-weight: 500;

      }
      .back-to-list-btn i{
            margin-right: 5px;
    font-size: 16px;
      }
    
      .btn-check .check{
        display: none;
      }
      .btn-check .active{
        display: block;
      }
      .checkbox-group label {
        display: none;
      }
      .btn-check label{
        display: inline-block;
        width: 100%;
        margin-top: 15px;
      }
      .btn-check{
        display: none;
      }
      .btn-check-active{
        display: block;
      }
      .category .excercise-title{
        display: none!important;
      }
      .btn-checkbox {
        display: inline-block!important;
      }
      .check-text{
        font-size: 20px;
    font-weight: 600;
    color: #00ac62;
    margin-right: 10px;
      }
      
     

        .category  .page-details{
            display: none;
        }


        .wykonaj-wrap{
            vertical-align:middle;
            display:inline-block; 
            width: 100%;
        }
        .wykonaj-wrap input {  vertical-align:middle;display:inline-block; }
        .check-text { vertical-align:middle;display:inline-block; }
        .check-exercise-btn{
            width: 100%;
        }
           
       .category  .inside-title span {
           font-size: 24px!important;
            border-bottom: none!important;
            display: block;
            margin-bottom: -5px!important;
            width: 100%;
            text-transform: capitalize;
            font-weight: 600;
            color: #231f20;
            text-align: center!important;
        }
      .nav-tab-active{
            background-color:#00ac62!important;
            
      }
      .nav-tab-active a{ 
            color: #fff!important;
      }
      .nav-tab-completed{
            background-color:#00ac62!important;
      }
      .nav-tab-completed a::after {
            content: "\f00c";
            font-size: 16px;
            font-family: 'FontAwesome';
            margin-right: 10px;
            float: right;
        }
      .nav-tab-completed a{ 
            color: #fff!important;
      }



@media (max-width:1092px){
    .workout-timer .counter-clock {
        border-radius: 0px;
    }

  .page-template-custom-workout   .workout-menu ul li {
        display: none;
    }
  .page-template-custom-workout   .workout-menu .navbar-default{
        box-shadow: none;
            margin-bottom: 0px;
    }
   .page-template-custom-workout  .workout-menu ul .active{
        display: block;
    }
    .exercise-nav-btn{
        display: block;
    }
    .exercise-nav-btn .btn-primary{ 
            padding: 10px 20px;
    border-color: #00ac62;
    border-radius: 30px;
    width: 50px;
     }
     .prev-exercise-button{
        float: left;
     }
     .next-exercise-button{
        float: right;
     }
     .page-template-custom-workout .workout-menu{
         float: left;
        width: calc(100% - 100px);
     }
    .page-template-custom-workout  .workout-menu ul li{
        background-color: transparent!important;

     }
     .page-template-custom-workout  .nav-tabs > li.active > a{
            color: #00AC61!important;
    background-color: transparent!important;
    border: 0;
    font-weight: 600;
    text-transform: uppercase;
      padding: 2px 4px !important;
    font-size: 19px!important;
    text-align: center;
    line-height: 23px!important;
    
      }
      .hidden-mobile{
        display: none;
      }
      .hidden-desktop{
        display: block;
      }
      .btn-check .check{
        display: none;
      }
      .btn-check .active{
        display: block;
      }
      .checkbox-group label {
        display: none;
      }
      .btn-check label{
        display: inline-block;
        width: 100%;
        margin-top: 15px;
      }
      .btn-check{
        display: none;
      }
      .btn-check-active{
        display: block;
      }
      .page-template-custom-workout .excercise-title{
        display: none!important;
      }
      .btn-checkbox {
        display: inline-block!important;
      }
      .check-text{
        font-size: 20px;
    font-weight: 600;
    color: #00ac62;
    margin-right: 10px;
      }
      
     

        .page-template-custom-workout  .page-details{
            display: none;
        }


        .wykonaj-wrap{
            vertical-align:middle;
            display:inline-block; 
            width: 100%;
        }
        .wykonaj-wrap input {  vertical-align:middle;display:inline-block; }
        .check-text { vertical-align:middle;display:inline-block; }
        .check-exercise-btn{
            width: 100%;
            display: block;
        }
        .wykonaj-reps ul{
            list-style: initial;
            padding-left: 40px;
        }
       .page-template-custom-workout  .inside-title span {
            font-size: 20px!important;
            border-bottom: none!important;
            display: block;
            margin-bottom: 12px!important;
            padding-bottom: 1px;
            width: 100%;
            font-weight: 600;
            color: #51b78d;
            text-align: center!important;
        }
        .workout-wrap-section{
            min-height: 90vh;
        }
}
/*======================================*/
/*=============BLOG STYLING============ */
/*======================================*/
    .widget{
        border: 1px solid #e1e1e1;
        padding: 30px 26px;
        background: #fff;
        margin-bottom: 21px;
    }
    .widget-title{
        border-bottom: 3px solid #00a862;
        background: #fff;
        margin: 0 0 30px 0;
        padding: 14px 20px 15px 20px;
        letter-spacing: 2px;
        font-size: 18px;
        font-weight: 700;
        color: #666;
        text-transform: uppercase;
        text-align: center;
        line-height: 25px;
    }
    .baner{
        width: 728px;
        height: 90px;
        float: right;
        margin-top: 20px;
        margin-right: 15px;
    }

    .blog-container{
        margin-top: 25px;
    }

    .newsletter-bar{
        height: 44px;
        background-color: #c4c4c4;
        width: 100%;
    }
    .newsletter-bar-inner{
        width: 670px;
        margin: 0 auto;
    }
    .newsletter-bar span {
          color: #f8f8f8;
          float: left;
          margin-top: 13px;
          font-size: 16px;
          font-weight: 500;
    }
    #enter-news-email{
          float: right;
      width: auto;
      height: 34px;
      margin-top: 5px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      padding: 2px;
      background: #fff;
      -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
      -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
      box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
    }
    .newsleter-input{
      width: 200px!important;
      float: left!important;
      height: 100%;
      border: none;
      padding: 4px;
      padding-left: 9px;
      outline: none;
      font-family: 'Titillium Web';
      color: #231f20;
      font-weight: 500;
        line-height: 22px;
    }
    .newsleter-btn{
      padding: 0 10px;
      height: 100%;
      float: left;
      width: auto!important;
      background: #831518;
      color: #ffffff;
      border: none;
      font-family: 'Titillium Web';
      font-weight: 500;
      font-size: 16px;
      cursor: pointer;
    }
    .newsleter-btn:hover{
        background: #029053;
    }
    .page-template-blogtemplate .navbar {
      margin-bottom: 0;
    }

    .envelope-icon {
          margin-right: 13px;
      font-size: 20px;
    }
    .blog-template{
        background: #f8f8f8;
    }
    .blog-template .blog-title{
          border-bottom: none;
      text-align: center;
        margin-bottom: 40px;
    }
    .blog-content{
      
      background: #fff!important;
      display: block;
      border: 1px solid #ebebeb;
      padding: 0;
    }
    .single-blog .blog-content{
        border: none;
    }
    .big-btn{
        font-size: 25px;
        line-height: 50px;
        display: block;
        margin:10px auto;
    }
    .cta-wrap{
        padding: 20px 70px 20px 70px;
        margin: 0 auto;
    }
    .blog-post{
        padding: 25px 25px 0 25px;
    }
    .single-blog .blog-post{
         padding-bottom: 0;
    }
    .single-blog .banner-post{
        padding: 0;
        border: none;
        border-top: 20px solid #f8f8f8;
        border-bottom: 20px solid #f8f8f8;
    }
    .banner-post-inner{
            width: 100%;
        border: 1px solid #ebebeb;
    }
    .featured-post{
        position: relative;
        background: #eee;
    }

    .featured-ribbon {
      position: absolute;
      left: -5px; top: -5px;
      z-index: 1;
      overflow: hidden;
      width: 75px; height: 75px;
      text-align: right;
    }
    .featured-ribbon span {
      font-size: 10px;
      font-weight: bold;
      color: #FFF;
      text-transform: uppercase;
      text-align: center;
      line-height: 20px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      width: 100px;
      display: block;
      background: #79A70A;
      background: linear-gradient(#B01414 0%, #00ac62 100%);
      box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
      position: absolute;
      top: 19px; left: -21px;
    }
    .featured-ribbon span::before {
      content: "";
      position: absolute; left: 0px; top: 100%;
      z-index: -1;
      border-left: 3px solid #00ac62;
      border-right: 3px solid transparent;
      border-bottom: 3px solid transparent;
      border-top: 3px solid #00ac62;
    }
    .featured-ribbon span::after {
      content: "";
      position: absolute; right: 0px; top: 100%;
      z-index: -1;
      border-left: 3px solid transparent;
      border-right: 3px solid #00ac62;
      border-bottom: 3px solid transparent;
      border-top: 3px solid #00ac62;
    }
    .blog-template .post h2{
          border: none;
      font-size: 30px;
      line-height: 30px;
      font-weight: 500;
    }
    .blog-template .post h2 a{
        color: #231f20;
    }
    .post-social-btn{
    color: #fff;
      font-size: 12px;
      font-family: Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
      padding: 8px;
      display: table;
        float: left;
      margin-right: 2px;
    }

    .blogpost-thumbnail{
        margin-bottom: 18px;
        display: block;    
    }

.blog-post ul{
	list-style:initial;
	padding-left: 2em;
}
.blog-post li{
	    margin: 0 0 18px;
    font-size: 21px;
    line-height: 34px;
    color: #4f4f4f;
    font-weight: 500;
}
    .post-social-btn-fb{
         background: #3a5898;
      border: 1px solid #173a85;
    }
    .post-social-btn-fb:hover{
         background: #173a85;
    }
    .post-social-btn-twitter{
         background: #2abbff;
      border: 1px solid #03afff;
    }
    .post-social-btn-twitter:hover{
         background: #03afff;
    }
    .post-social-btn-email{
        background: #5d7286;
          border: 1px solid #4D6073;
    }
    .post-social-btn-email:hover{
        background: #4D6073;
    }

    .post-social-btn i{
        display: table-cell;
      vertical-align: middle;
      font-size: 18px;
      padding-right: 7px;
    }

    .post-social-btn span{
          display: table-cell;
      vertical-align: middle;
      font-size: 9px;
    }

    .post-social-btn-twitter i{
      font-size: 14px;
    }

    .post-social-btn-email i{
      font-size: 14px;
    }
    .post-social-btn-container{
        margin-bottom: 30px;
    }
    .post-separator{
        clear: both;
          width: 82%;
      height: 1px;
      background: #ebebeb;
      margin:0 auto;
      margin-bottom: 18px;
    }
    .read-more{
            margin-top: 10px;
        display: block;
    }
    .comment-number{
        float: left;
    }
    .leave-reply{
        float:right;
    }
    .add-comment a{
          color: #231f20;
    }
    .add-comment a:hover{
        color: #029053;
    }

    .blog-search-input {
      float: left;
      height: 100%;
      border: none;
      padding: 4px;
      padding-left: 9px;
      outline: none;
      font-family: 'Titillium Web';
      color: #231f20;
      border: 1px solid #e1e1e1;
      border-right: none;
      width: 80%;
      font-weight: 500;
    }
    #blogsearchform{
        height: 34px;
      width: auto;
      box-sizing: border-box;
    }
    #searchform{
            height: 34px;
      width: auto;
      box-sizing: border-box;
    }
    .blog-sidebar-container{
          padding-right: 15px;
      padding-left: 15px
    }
    .blog-search-btn{
          padding: 0 5px;
      height: 100%;
      width: 20%!important;
      float: left;
      background: #831518;
      color: #ffffff;
      border: none;
      font-family: 'Titillium Web'!important;
      font-weight: 500!important;
      font-size: 14px!important;
      cursor: pointer;
     font-family: FontAwesome;
      font-weight: normal;
      font-style: normal;
      display: inline-block;
      text-align: center;
      text-decoration: inherit;
    }
    .blog-search-btn:hover{
        background: #029053;
    }
    .load-more-btn{
         background: #831518!important;
        border-radius: 0!important;
        /*font-size: 24px!important;
        height: auto!important;
        padding: 20px!important;*/
    }
    .load-more-btn:hover{
        background: #029053!important;
    }

    .social-sidebar-container{
        border: 1px solid #e1e1e1;
        padding: 12px;
        background: #fff;
        margin-bottom: 21px;
    }
    .social-btn {
        height: 46px;
          width: 48%;
          float: left;
          background: blue;
          display: table;
    }
    .search-bar-container{
        margin-bottom: 21px;
    }
    .social-fb-btn{
        margin-bottom: 10px;
        background: #5370a9;
    }
    .social-youtube-btn{
        margin-bottom: 10px;
        float: right;
        background: #e72b21;
    }
    .social-twitter-btn{
        background: #2abbff;
        margin-bottom: 10px;
    }
    .social-instagram-btn{
        background: #3e6c99;
        float: right;
        margin-bottom: 10px;
    }
    .social-snapchat-btn{
          float: right;
      background: #ece000;
    }
    .social-vine-btn{
          background: #00b386;
    }
    .social-vine-btn img{
          width: 62%;
    }
    .social-snapchat-btn img{
          width: 80%;
    }
    .social-btn-inner{
        display: table-cell;
      vertical-align: middle;
      text-align: center;
    }


    .social-horizontal-container {
        padding: 0!important;
        margin: 50px 0px!important;
    }
    .social-horizontal-container .social-btn {
        height: 41px;
        width: 160px;
        float: left;
        margin-right: 18px;
        display: table;
        margin: 10px 9px;
    }

    .social-horizontal-container .social-youtube-btn {
        float: left; 
    }
    .social-horizontal-container .social-instagram-btn {
        float: left; 
    }
    .social-horizontal-container .social-snapchat-btn {
        float: left; 
    }


    .categories-container{
            padding: 20px;
        background: #fff;
        margin-bottom: 30px;
    }
	.categories-container:nth-child(1) { 
		background: transparent!important;
	}
    .categories-container h3{
        font-size: 24px;
      text-align: center;
      font-weight: 300;
      margin-top: 0px;
      margin-bottom: 25px;
      line-height: 30px;
    }

    .categories-ul li:first-of-type{
         border-top: 1px solid #ebebeb;
    }
    .categories-ul li:last-of-type{
         border-bottom: none;
    }
    .category-circle{
          font-size: 10px;
      width: 23px;
      height: 23px;
      display: block;
      float: right;
      background: #9f9f9f;
      color: #fff;
      line-height: 24px;
      text-align: center;
      border-radius: 50%;
      font-weight: bold;
    }

    .categories-ul{
          list-style: none;
      margin: 0;
      padding: 0;
    }
    .categories-ul li{
      border-bottom: 1px solid #ebebeb;
      padding: 20px;
    }
    .categories-ul a{
          font-size: 18px;
      color: #9f9f9f;
        font-weight: 500;
    }
    .categories-ul a:hover{
      color: #00ac62;
    }
    .categories-ul .active a{
        color: #00ac62;
    }
    .categories-ul .current-cat a{
        color: #00ac62;
    }
    .no-margin-top{
          margin-top: 0;
    }


    .popular-ul{
          list-style: none;
      margin: 0;
      padding: 0;
    }

    .popular-ul li:first-of-type{
         border-top: 1px solid #ebebeb;
    }
    .popular-ul li{
              border-bottom: 1px solid #ebebeb;
          padding: 20px 2px;
    }
    .popular-ul a{
          font-size: 18px;

      color: #9f9f9f;
        font-weight: 500;
    }
    .popular-ul a:hover{
      color: #00ac62;
    }
    .blog-template .post h2 a:hover{
      color: #00ac62;
    }
    .categories-ul li:last-of-type{
         border-bottom: none;
    }

    .popular_thumb img{
        width:50px;
        border-radius: 50%;
    }

    .popular_thumb {
        float: left;
        margin-right: 10px;
    }
    .wpp-thumbnail {
        height: 80px;
        width: 80px;
        margin-right: 11px!important;
        border-radius: 0;
    }
    .mc4wp-form-submitted #enter-news-email{
        padding: 0;
    }
    .mc4wp-notice{
        clear: both;
      position: absolute!important;
      top: 44px;
      text-align: center;

      left: 15px;
      height: 26px;
      width: 50%;
      margin: 0;
      padding: 4px 15px !important;
    }
    .mc4wp-error{
        right: 15px;
      clear: both;
      position: absolute!important;
      top: 44px;
      text-align: center;

      height: 26px;
      width: 50%;
      margin: 0;
      padding: 4px 15px!important;
    }

    ._5lm5{
        display: none;
    }
    ._3-8y {
      display: none!important;
    }
    ::-webkit-input-placeholder {
       color: #9f9f9f;
       font-weight: 400;
    }

    :-moz-placeholder { /* Firefox 18- */
       color: #9f9f9f;
        font-weight: 400;
    }

    ::-moz-placeholder {  /* Firefox 19+ */
       color: #9f9f9f; 
        font-weight: 400;
    }

    :-ms-input-placeholder {  
       color: #9f9f9f;  
        font-weight: 400;
    }

    .mc4wp-form{
        margin:0;
    }
    .mc4wp-form form{
        margin:0;
    }
    .blog-comments textarea{
        width:100%;

    }
    .blog-comments #comments{
        display: none;
    }
    .blog-comments .comment-text .zaki_like_dislike_box{
        display: none;
    }
    .post img{
        width: 100%;
    }

    .comment-text .zaki_like_dislike_box{
          display: none;
        }    
    .post .aligncenter {
      clear: both;
      display: block;
      float: none;
      margin: 0 auto 18px auto;
        width: 100%;
    }
    .blog-template:after {
      clear: both;
    }


    @media (max-width: 600px){
        .blog-post{
             padding: 25px;
        }
    }


    @media (max-width: 650px){

    .badge_toolip {

        right: auto;
    }
    .post-social-btn span {

      width: 82%;
    }
    }
    @media (max-width: 750px){
        .newsletter-bar {
          height: auto;
          background-color: #c4c4c4;
          width: 100%;
        }
        .post .aligncenter {
       width: 100%!important; 
    }
        .newsletter-bar-inner {
          margin: 0 auto;
          text-align: center;
          padding: 13px;
            width: auto;
        }
        .newsletter-bar span {
          color: #f8f8f8;
          float: none;
          margin-top: 13px;
          font-size: 16px;
          font-weight: 500;
        }
        #enter-news-email {
          float: none;
          width: 224px;
          height: 34px;
          margin-top: 5px;
          margin: 10px auto;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          padding: 2px;
          background: #fff;
          -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
          -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.08);
        }
        .newsleter-input {
          width: 180px!important;
        }

        .post img{

        height: auto;
        }
        .post iframe {
            width:100% !important;
        }

        .post-social-btn {
          color: #fff;
          font-size: 12px;
          font-family: Helvetica, Arial, 'lucida grande',tahoma,verdana,arial,sans-serif;
          padding: 8px;
          display: table;
          /* float: left; */
          width: 100%;
          text-align: center;
          margin-right: 2px;
        }
        .post-social-btn-email i {
          font-size: 14px;
        
        }
        .comment-number {
          float: none;
        }
        .leave-reply {
          float: none;
        }

            
        .blog-content {
          padding-bottom: 0;
        }
        .blog-sidebar-container{
            margin-top: 20px;
        }
    }

        .classroom-comments{
            padding-top: 50px;
        }
        #comment {
            width: 100%;
            margin-bottom: 15px;
            padding: 10px;
            font-size: 16px;
            color: #231f20;
            font-weight: 500;
        }
        #comments{
            font-size: 20px;
            color: #231f20;
           }
         .commentlist{
            padding: 0;
            list-style: none;
         }
         .comment-content header {
            margin: 0 0 10px 0;
         }
         .submit-container{
            display: inline-block;
            margin-right: 20px;
            float: left;
         }
         .comment-content .username {
            color: #00ac62;
            margin: 0 10px 0 0;
            font-weight: 500;
         }
         .user-flair{
            display: inline-block;
            margin: 0;
            font-size: 13px;
            color: #231f20;
            font-weight:500;
         }
         .user-flair>li {
            float: left;
            height: 18px;
            margin: 2px 10px 2px 0;
        }
        .comment-avatar{
            padding-top: 5px;
        }
        .comment-avatar .level-bubble {
            background-color: #fff;
            width: 26px;
            height: 26px;
            font-size: 14px;
            font-weight: 500;
            line-height: 19px;
            text-align: center;
            text-indent: -1px;
            border: 2px solid gold;
            position: absolute;
            bottom: -8px;
            right: -7px;
            border-radius: 50%;
        }
        .micro-icon{
            width: 19px;
            height: 19px;
            display: inline-block;
            background-size: contain;
            background-repeat: no-repeat;
            vertical-align: -3px;
        }
        .activities-micro{
            background-image: url("../img/activities.png");
        }
        .badges-micro{
            background-image: url("../img/badges.png");
        }
        .days-micro{
            background-image: url("../img/days.png");
        }
        .streak-micro {
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("../images/relentless.gif")!important;
        width: 14px;
        }
        .cancel-comment-reply {
             display: inline-block!important;
        }
        .cancel-comment-reply a{
            color:#fff;
        }
        .comment-text p {
            margin: 0 0 10px 0;
            line-height: 22px;
            overflow-wrap: break-word;
            word-wrap: break-word;
        }
        .zaki_like_dislike_box {
            margin: 0 0 10px 0;
            border: none!important;
            padding: 5px;
            width: 110px!important;
            display: inline-block;
            padding-left: 0!important;
            float: left;
        }
        .zaki_like_dislike_count {
            line-height: 25px;
            font-size: 14px;
            min-width: 24px;
            margin-right: 10px!important;
            height: 24px;
            padding: 0 5px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            background: #f0f0f0;
            text-align: center;
            line-height: 23px!important;
            font-weight: 700;
            color: #808080;
            float: left;
        }
        .children .zaki_like_dislike_count{
            background: #DDD;
        }
        .zaki_like_dislike {
            margin-top: 3px!important;
        }
        .reply{
            display: inline-block;
            font-weight: 500;
            line-height: 34px;
            font-size: 16px;
            margin-right: 10px;
        }
        .comment-date{
            display: inline-block;
            font-weight: 500;
            font-size: 16px;
            line-height: 34px;
            color: #999;
        }
        .comment-row{
            border-top: 1px solid #e1e1e1;
            padding: 20px 0 10px 0px;
        }
        .children{
            list-style: none;
            background: #f3f3f3;
            border-top: 1px solid #e1e1e1;
        }
        .children .comment-row{
            border:none;
        }
        .children{
            list-style: none;
            background: #f3f3f3;
            border-top: 1px solid #e1e1e1;
        }
        .comment-row .divider{
            margin: 0 7px 0 0;
            color: #999;
            line-height: 33px;
            font-size: 17px;
            display: inline-block;
            font-family: sans-serif;
        }
        
        .cb-byline .cb-byline-element {
            display: inline-block;
            margin: 0 7px 10px 0;
             color: #00ac62;
                 letter-spacing: 1px;
             font-weight: 400;
        }
        .cb-byline .cb-byline-element i{
            margin-right: 3px;
        }
        .blog-post a{
            color: #00ac62;
        }   
        .blog-post a:focus, .blog-post a:focusa:hover {
            color: #00d77a;
        }
        .blog-post h1 {
            line-height: 25px;
            color: #666667;
            font-weight: 700;
            padding: 0 50px;
            margin-top: 1.5em;
        }
        .blog-post h2{
            font-size: 30px;
            margin-top: 35px;
                margin-bottom: 24px;
            line-height: 29px;
            font-weight: 600;
                color: #1a1a1a;
        }
        .blog-post h3{
            font-size: 24px;
            font-weight: 600;
               
        }
        .blog-img-50-left{
            width: 49%;
            display: inline-block;
        }
        .blog-img-50-right{
                width: 49%;
            float: right;
            display: inline-block;
        }

        @media only screen and (max-width: 768px){
            .blog-img-50-left{
                width: 100%;
                display: inline-block;
            }
            .blog-img-50-right{
                width: 100%;
                float: right;
                display: inline-block;
            }

            .blog-post .post-title {
                line-height: 28px;
                padding: 0 0px;
                margin-top: 0.5em;
                font-size: 24px;
            }
            .blog-post .post-header.cb-font-header {
                padding: 0 0px;
            }
           .blog-post .entry {
                padding: 0 0px;
            }
        }

        .post-header{
            margin-bottom: 20px;
        }
        .blog-content p{
            margin: 0 0 18px;
            font-size: 21px;
            line-height: 34px;
            color: #4f4f4f;
            font-weight: 500;
            text-align: justify;
        }
        .entry{
            padding: 0 50px;
        }
		.page-template-default .entry{
			padding:0px;
			padding-top:2em;
		}
        .postimg{
            max-width: 100%;
        }

        .wp-caption .wp-caption-text {
            background: #333;
            padding: 5px 10px 8px 10px;
            text-align: center;
            color: #f7f7f7;
            margin: 0;
            letter-spacing: 1px;
        }

        .blog-post .wp-caption {
            margin: 50px 0px;
            max-width: 100%;
        }

        .cb-mask {
            position: relative;
            overflow: hidden;
        }

        .cb-module-block .cb-mask {
            line-height: 0;
        }

        .cb-blog-style-a .cb-mask, .cb-blog-style-d .cb-mask {
            width: 100%;
            margin: 0;
            position: relative;
            overflow: hidden;
            float: left;
        }

        @media only screen and (min-width: 481px){
            .cb-blog-style-a .cb-mask {
                width: 33%;
                margin: 0 3% 0 0;
            }
        }

        @media only screen and (min-width: 1020px){
            .cb-blog-style-a .cb-mask {
                width: 40%;
                margin: 0 3% 0 0;
            }
        }

        .cb-blog-style-a .cb-mask a, .cb-blog-style-d .cb-mask a {
            display: block;
        }

        #cb-content a:link, #cb-content a:visited:link, #content.widecolumn a:link, #content.widecolumn a:visited:link {
            -webkit-tap-highlight-color: rgba(0,0,0,0.3);
        }

        .cb-mask img {
                vertical-align: top;
            min-width: 113%;
            height: auto;
            border: 0;
        }

        @media only screen and (min-width: 768px){
            .cb-color-hover .cb-mask img {
                -webkit-transition: .5s ease opacity;
                -ms-transition: .5s ease opacity;
                -o-transition: .5s ease opacity;
                -transition: .5s ease opacity;
                transition: .5s ease opacity;
            }
        }

        .cb-blog-style-a .cb-meta, .cb-blog-style-d .cb-meta {
            width: 100%;
            float: left;
            padding: 10px 20px 10px 10px;
        }

        @media only screen and (min-width: 481px){
            .cb-blog-style-a .cb-meta {
                width: 64%;
                padding: 10px;
            }
        }

        @media only screen and (min-width: 768px){
            .cb-blog-style-a .cb-meta {
                padding: 10px 20px 10px 10px;
            }
        }

        @media only screen and (min-width: 1020px){
            .cb-blog-style-a .cb-meta {
                width: 57%;
                padding: 10px 20px 10px 10px;
            }
        }


        .cb-module-block .cb-post-title {
            letter-spacing: 1px;
            font-weight: 400;
            font-size: 16px;
        }

        @media only screen and (min-width: 1020px){
            .cb-module-block .cb-post-title {
                font-size: 20px;
            }
        }

        .cb-blog-style-a .cb-meta h2, .cb-blog-style-d .cb-meta h2 {
            margin: 0 0 5px 0;
            font-weight: 700;
            letter-spacing: 1px;
            line-height: 25px;
        }

        @media only screen and (min-width: 481px){
            .cb-blog-style-a .cb-meta h2 {
                margin: 0 0 5px 0;
                font-size: 16px;
            }
        }
        @media only screen and (min-width: 768px){
            .cb-blog-style-a .cb-meta h2 {
                font-size: 18px;
            }
        }
        @media only screen and (min-width: 1020px){
            .cb-blog-style-a .cb-meta h2 {
                margin: 0 0 10px 0;
                font-size: 20px;
            }
        }

        @media only screen and (min-width: 768px){
            .cb-module-block .cb-excerpt p {
                font-size: 15px;
            }
        }
        @media only screen and (min-width: 1020px){
            .cb-module-block .cb-excerpt p {
                font-size: 16px;
            }
        }
        .cb-blog-style-a .cb-meta .cb-excerpt, .cb-blog-style-d .cb-meta .cb-excerpt {
            margin: 0;
        }

        @media only screen and (min-width: 481px){
            .cb-blog-style-a .cb-meta .cb-excerpt p {
                font-size: 14px;
            }
        }
        @media only screen and (min-width: 1020px){
            .cb-blog-style-a .cb-meta .cb-excerpt p {
                font-size: 16px;
            }
        }

        @media only screen and (min-width: 768px){
            .cb-color-hover .cb-mask:hover img {
                opacity: .7;
            }
        }

        @media only screen and (max-width: 768px){ 
            .cb-blog-style-a .cb-meta h2 {
                font-size: 18px;
            }
            .blog-container p{
                font-size: 14px;
                line-height: 25px;
                text-align: left;
            }
            .blog-container{
                margin-top: 0;
            }
            .blog-post{
                padding: 10px!important;
            }
            .blog-post h2 {
                font-size: 24px;
            }
            .post-header{
                margin-bottom: 0.5em;
            }
            .blog-sidebar{
                padding: 0;
            }
            .blog-sidebar-container button{
                font-size: 16px!important;
                text-align: center;
                width: 100%;
            }
            .blog-sidebar-container{
                padding: 0;
            }
            .footer-blog .footer-inner {
                display: block;
                width: auto;
            }
            .footer-blog .footer-inner p{
                font-size: 14px;
            }
            .footer-blog #custom_html-3 a{
                width: 100%!important;
            }
            .footer-blog #custom_html-3 button  {
                font-size: 15px;
                width: 100%!important;
            }
          
        }
        .blog-post{
            padding: 25px 25px 0 25px;
            background: #fff;
        }
        .blog-post .cb-font-header {
            padding: 0 ;
        }
        .blog-wrap{
            padding: 0;
        }
        .cb-post-title a:hover{
            text-decoration: underline;
        }

        .wpp-post-title {
            color: #1b4529;
            font-size: 14px;
            font-weight: 700;
            line-height: 16px;
            /* display: block; */
            margin-top: 0;
        }
        .wpp-post-title:hover{
            text-decoration: underline;
        }

        .wpp-list li {
            margin-bottom: 20px;
        }
        .blog-post .cb-font-header{
                    padding: 0 50px;
        }

        .footer-inner{
            border-top: 2px solid #00ac62;
        }
        .footer-blog .footer-inner{
            padding: 0;
        }

        .cb-footer-widget-title {
            text-align: center;
            padding: 15px;
            padding-left: 0!important;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-size: 16px;
            margin: 0;
            margin-top: 12px;
            color: #00a862;
            line-height: 2;
            font-weight: 700;
        }
        .footer-down{
            padding: 10px 0;
            background: #fff;
                margin-top: 20px;
        }
        .footer-blog .footer_menu ul{
            float: right;
        }
        .footer-blog .footer-inner .rights {
            line-height: 40px;
            font-weight: 400;
            float: left;
            padding-left: 20px;
            font-size: 13px;
        }
        .footer_menu ul li a:hover {
            text-decoration: underline;
        }

/*=================================*/
/*      ZOSTACPILKARZEM 2.0        */
/*=================================*/


            
    /* Mobile menu */

    #mobile-navigation{
        background: #f9f9fe;
        box-shadow: 2px 1px 20px 1px rgba(0, 0, 0, .1);
        position: fixed;
        width: 100%;
        bottom: 0;
        z-index: 1000;
    }
    #mobile-navigation a{
        color: #231f20;
    }


    .mobile-nav-icon-circle{
        font-size: 25px;
        border-radius: 50%;
        border: 1px solid #00ac62;
        height: 50px;
        width: 50px;
        margin: 5px auto;
        text-align: center;
        display: table;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .mobile-nav-icon-circle-active{
        background: #00ac62;
         color: #fff;
    }
    .page-template-new-notes-page .mobile-icon-notki{
        background: #00ac62;
         color: #fff;
    }
    .page-template-calendar .mobile-icon-planer{
        background: #00ac62;
         color: #fff;
    }
    .page-template-workout-creator .mobile-icon-treningi{
        background: #00ac62;
         color: #fff;
    }
    .page-template-Gamebrain .mobile-icon-taktyka{
        background: #00ac62;
         color: #fff;
    }
    .mobile-nav-icon-circle i{
        display: table-cell;
    vertical-align: middle;
    }
    .mobile-nav-icon-wrap{
        width: 20%;
        float: left;
        padding: 5px;
        text-align: center;
        font-size: 16px;
    }
    .mobile-schedule{
        background: url(../images/top-bg.png) no-repeat center center;
        background-attachment:fixed;    
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            background-size:cover;
            /*height: 80vh;*/
    }
    .mobile-schedule .overlay{
        border-radius: 0;
         /*height: 80vh;*/
    }
    .mobile-notes-link{
        display: none;
    }

    .mobile-hamburger-menu{
            border-top-left-radius: 50%!important;
        border-bottom-left-radius: 50%!important;
        float: none!important;
    }
    .mobile-hamburger-dropdown-menu{
        left: initial;
        right: 0;
        padding: 0 20px;
        background: #f9f9fe;
        margin-bottom: -1px!important;
        font-family: 'Titillium Web', sans-serif;
       /* border: 1px solid #00ac62;*/
    }
    @media (max-width:768px){
        .hide-mobile{
            display:none;
        }
        .profile-dropdown{
            left: 0;
        }

        .workout-descr-col {
            display: none;
        
        }
        .quick-start-lightbox {
            top: 30%;
        }
        .trainings-rows-container{
            display: none;
        }
        .workout-row > img{
            height:100%;
        }
        .workout-image-col{
            padding-bottom: 0!important;
        }
        .workout-bot-col{
            padding-right: 0;
                margin-top: 15px;
        }
        #temp_load img{
            margin-top: 0;
        }
        

        .content-profile-dashboard{
            display: none!important;
        }
        .mobile-schedule .block-container {
            display: none;

        }
        .mobile-schedule .inactive-block-container {
            display: block;

        }
        .mobile-schedule .category-list-open{
            display: block;
        }


    }
    @media (min-width:767px){
        #mobile-navigation{
            display: none;;
        }

    }

    .category-list{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #fff;
        top: 0;
        left: 0;
        z-index: 1001;
    }


    .cross-list{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #fff;
        top: 0;
        left: 0;
        z-index: 1002;
    }



    


    /*  PLANER MENU */ 

        .list-btn{
            font-size: 23px;
            height: calc(100%/9);
            display: flex;
            color: #fff!important;
            align-items: center;
            border-bottom: 2px solid #ffff;
            background: #00ac62!important;
            justify-content: center;

        }
       
        .category-sub-list .workouts-wrap, .category-sub-list .blocks-wrap{
            padding-top: 30px;
        }


       

        .category-sub-list{
            position: fixed;
            width: 100%;
            height: 100vh;
            background: url(../images/top-bg.png) no-repeat center center;
            top: 0;
            left: 0;
            z-index: 1002;
        }
        .category-sub-list::after{
            position: absolute;
            content: " ";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            z-index: -1;
            background-color: rgba(16, 76, 64, .8);
        }
        .category-sub-list-btn i{
            font-size: 29px;
            right: 35px;
            position: absolute;
        }  
        

        .category-sub-list-btn {

        }  


    /* WORKOUT PREVIEW MODAL */

        @media (max-width: 991px) {
            .modal-fullscreen-sm-down {
                padding: 0 !important;
            }
            .modal-fullscreen-sm-down .modal-dialog {
                    width: 100%;
                    height: 100%;
                    margin: 0;
                    padding: 0;
                }
                  
            .modal-fullscreen-sm-down .modal-content {
                    height: auto;
                    min-height: 100%;
                    border: 0 none;
                    border-radius: 0;
                }
            }
            .add-new-note-btn {
                float: none;
                margin-top: 10px;
                font-size: 16px;
                display: block;
                width: 100%;
                margin-bottom: 10px;
            }
            .feeling-buttons {
                margin-top: 10px;
                margin: 10px auto!important;
                width: 159px!important;
            }
            
        }


        #blockPreview{
            color: #fff;
        }
        #blockPreview .modal-header{
            padding: 0;      
            font-size: 23px;
            height: calc(100%/9);
            display: flex;
            color: #fff!important;
            align-items: center;
            border-bottom: 2px solid #ffff;
            background: #00ac62!important;
            justify-content: center;
            font-weight: 600;
        }
        #blockPreview .modal-header .close{
            font-size: 29px;
            right: 20px;
            position: absolute; 
            opacity: 1;
            color: #fff;
        }
        #blockPreview .modal-footer{
            border-bottom: none;
        }

        #blockPreview .modal-content{
            background: url(../images/top-bg.png) no-repeat center center;
            color: #fff;
        }

        #blockPreview .workout-image-overlay{
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: #0000003b;

        }
        #blockPreview .workout-image i {
                text-align: center;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 20px;
                height: 40px;
                right: 0;
                font-size: 40px;
                margin: auto;
                color: #fff;
        }


        #blockPreview .lightgreen-overlay{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            background-color: rgba(16, 76, 64, .8);
        }
        #blockPreview .modal-footer{
            border-top: none;
        }
        #blockPreview .modal-footer .btn{
            display: block;
            width: 100%;
            font-size: 23px;
            padding: 10px;
            margin-left: 0;
            margin-bottom: 15px;
        }


    /* MOJE NOTKI TABS */

    .notes-tabs-wrap{
        
    }
    .notes-tabs-wrap .note-tab {
        width: 50%;
        float: left;
        text-align: center;
        cursor: pointer;
        border-bottom: 1px solid #cecece;
    }

    .notes-tabs-wrap .note-tab-active{
        border: 1px solid #cecece;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        border-bottom: 1px solid #f2f2f2;
        background: #f2f2f2;
    }

    .notes-tabs-wrap .note-tab a{
        font-weight: 400;
        color: #00ac62;
        line-height: 36px;
        font-size: 16px;
    }



.recent-badges-container{
    display: none;
}
.recent-badges-row{
    display: none;
}

.badges-row{
    display: none;
}
.badges-row{
    display: none;
}



.QandA{
    padding: 60px 0;
}

.QandA h2{
    color: #353d41;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 90px;
    letter-spacing: 1px;
}

.question h3{
    color: #47525d;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
        LINE-HEIGHT: 21PX;
}

.question p{
    color: #676f73;
    font-size: 17px;
    letter-spacing: .5px;
}

.question {
    position: relative;
    padding-left: 40px;
    margin-bottom: 53px;
}

.question:last-child{
    margin-bottom: 0;
}

.question:before {
    font-family: FontAwesome;
    content: '\f059';
    display: inline-block;
    vertical-align: top;
    font-size: 24px;
    position: absolute;
    color: #00ac62;
    left: 0px;
    top: 1px;
}
.woocommerce-MyAccount-navigation-link--members-area{
    display: none;
}
.woocommerce-MyAccount-navigation-link--downloads{
    display: none;
}
.woocommerce-MyAccount-navigation-link--edit-address{
    display: none;
}




/* ==========================================================================================================================
=============================================================================================================================
============================ WORKOUT PAGE REMAKE STYLES =====================================================================
=============================================================================================================================
===========================================================================================================================*/

.end-session-wrap{
        position: fixed;
    left: 0;
    bottom: 0;
        padding: 10px 2em;
    width: 100%;
    background: #eee;
    z-index: 1;
    border-top: 1px solid #d1d0d0;
}

.category .backgroundGreen{
    background: #00ac62!important;
    color: #fff!important;
}