@import url("../fonts/fonts.css?220309");
@import url('https://fonts.googleapis.com/css?family=Dancing+Script&display=swap');

:root {
    --ffCenGoth: gothicb;
    --oldBlue: #0071e3;
    --ourBlue: #007aff;
    --faqgray: rgba(0,0,0,.125);
    --txtgray: #86868b;
    --ffsrh: 'SCRIPT1RagerHevvy';
    --headerHight: 72px;
}

* {
    margin: 0;
    padding: 0;
}

body {
    padding-top: 72px;
    background-color: #ffffff;
    font-family: Calibri, sans-serif;
}

body.out-badge {
    padding-top: 120px;
}

img {
    max-width: 100%;
}

.form-control:focus,
button {
    box-shadow: none;
    outline: none !important;
}

h1 {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 28px;
    color: #000;
    letter-spacing: 1px;
}

h2 {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 25px;
    color: #000;
}

ul {
    list-style: none;
}

.secondary-heading {
    font-size: 22px;
    line-height: 35px;
    font-family: Calibri, Arial, Sans-serif;
}

.secondary-heading span {
    display: block;
}

.fw-semiBold {
    font-family: Calibri, Arial, Sans-serif;
}

p {
    font-size: 19px;
}

/* ::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #C0C0C0;}
::-webkit-scrollbar-thumb:hover {background: #C0C0C0;} */

.custom-checkbox {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 19px;
    text-align: left;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-checkbox .boxCheckmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 3px;
    box-shadow: 0 0 5px #999;
    background-color: #fff;
    transition: all ease-in-out 0.3s;
}

.custom-checkbox .boxCheckmark:after {
    position: absolute;
    display: none;
}

.custom-checkbox input:checked~.boxCheckmark {
    background-color: #00aff0;
    transition: all ease-in-out 0.3s;
}

.custom-checkbox input:checked~.boxCheckmark:after {
    display: block;
}

.custom-checkbox .boxCheckmark:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    color: #fff;
    left: 3px;
    top: -1px;
    font-size: 14px;
    transition: all ease-in-out 0.3s;
}

#overlayer {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none !important;
}
/* .my-chkbox { position:relative; } */
.my-chkbox input[type='checkbox'],
.my-chkbox input[type='radio'] {
    background-color: white;
    appearance: none;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #ccc;
    position:relative;
    top: 2px!important;
    width: 16px;
    height: 16px; 
}
.my-chkbox input[type='checkbox']:checked,
.my-chkbox input[type='radio']:checked {
    background-color: #000!important;
    border: 1px solid #000;
    width: 17px;
    height: 17px; 
}
.my-chkbox input[type='checkbox']:checked:before,
.my-chkbox input[type='radio']:checked:before { 
    content: "\f00c";
    font-size: 10px; 
    color:#fff; 
    top: 0px; 
    left: -1px;
}
.my-chkbox i.aschecked { 
    background-color: #000!important;
    border: 1px solid #000;
    width: 0.7rem;
    height: 0.7rem;
    font-size: 0.68rem;
    font-weight: 900;
    padding: 3px 2px;
    position: relative;
    top: -1px;
    left: 4px;
}
.tab button {background: rgb(0, 81, 126);
    background: linear-gradient(360deg, rgba(0, 81, 126, 1) 0%, rgba(0, 128, 190, 1) 100%);
    padding: 8px 0 8px;
    font-family: Calibri, Arial, Sans-serif;
    display: inline-block;
    color: #fff;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 5px;
    min-width: 370px;
    position: relative;
    transition: opacity 0.5s ease-out;}
    .primary-btn:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(0, 128, 190, 1);
}
.link-c { color: #007bff !important; text-decoration: none; }
.link-c:hover { color: #000 !important; text-decoration: underline; }
.fotm-topp { top: 296px !important;}
.tab button:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(0, 128, 190, 1);
}
.login-b { margin-top: 115px;}
.login-c {margin-top: 215px;}
.pre-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-style: preserve-3d;
    -webkit-animation: fade 1s alternate infinite;
    animation: fade 1s alternate infinite;
}

/* .fade {
    opacity: 0;
} */

@-webkit-keyframes fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fade {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.black-wrapp {
    background-color: #000;
    width: 100%;
    min-height: 100vh;
    position: absolute;
    top: 0;
}

.choose-box {
    position: absolute;
    top: 245px;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
}

.firstBtn-box {
    margin-top: 40px;
}

.primary-btn {
    background: rgb(0, 81, 126);
    background: linear-gradient(360deg, rgba(0, 81, 126, 1) 0%, rgba(0, 128, 190, 1) 100%);
    padding: 8px 0 8px;
    font-family: Calibri, Arial, Sans-serif;
    display: inline-block;
    color: #fff;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 5px;
    min-width: 370px;
    position: relative;
    transition: opacity 0.5s ease-out;
}

.primary-btn.login, .blb-btn {
    width: 100% !important;
    height: 60px;
    border: none;
    border-radius: .25rem;
    background: #000;
    padding: 4px 0 4px;
    margin-bottom: 14px;
    font-family: var(--ffCenGoth);
    font-weight:normal;
}
.blb-btn {
    max-width: 25rem!important;
    color: #fff;
    font-size: 22px;
}
.blb-btn-pink {background-color: #cb91cd;}
.blb-btn-green {background-color: #4CAF50;}
.blb-btn-blue {background-color: #3366ff;}
.blb-btn-red {background-color: #dc3545;}
.blb-btn-white, .box-bg-white {
    background-color: white;
    color: black!important;
    border: 2px solid black;
}
.blb-btn-gray-border {
    border: 3px solid var(--faqgray);
}

.blb-btn-group .btn-group .active {
    background-color: #000!important;
    border: 3px solid #aaa9ad!important;
}
.txt-width-btn {
    width: auto !important;
    padding-left: 1rem;
    padding-right: 1rem;
}
.primary-btn.login:hover{background: #000!important;}
.nextButton {
    border: none;
    background-color: #fff;
}
.form-login, .blb-form {
    margin: auto;
    max-width: 25rem;
}
.form-login .form-set {
    margin-bottom: 14px;
}
.blb-form .form-set {
    margin-bottom: 30px;
}
.nextArrow {width: 8rem;}

/* .primary-btn:after {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 5px;
            background-image: linear-gradient(360deg, rgba(0, 128, 190, 1) 0%, rgba(0, 81, 126, 1) 100%);
            transition: opacity 0.5s ease-out;
            z-index: 1;
            opacity: 0;
        } 

.primary-btn:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(0, 128, 190, 1);
}*/

.primary-btn-ps {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c0b0b+0,5b5758+50,030102+50,000000+100 */
background: #0c0b0b; /* Old browsers */
background: -moz-linear-gradient(top,  #0c0b0b 0%, #5b5758 50%, #030102 50%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0c0b0b 0%,#5b5758 50%,#030102 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0c0b0b 0%,#5b5758 50%,#030102 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0b0b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    padding: 10px 30px 10px;
    font-family: Calibri, Arial, Sans-serif;
    display: inline-block;
    color: #fff;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 50px;
    position: relative;
    transition: opacity 0.5s ease-out;
    position: relative;
    min-width: 200px;
}



.primary-btn-sp {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c0b0b+0,5b5758+50,030102+50,000000+100 */
background: #0c0b0b; /* Old browsers */
background: -moz-linear-gradient(top,  #0c0b0b 0%, #5b5758 50%, #030102 50%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0c0b0b 0%,#5b5758 50%,#030102 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0c0b0b 0%,#5b5758 50%,#030102 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c0b0b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    padding: 10px 30px 10px;
    font-family: Calibri, Arial, Sans-serif;
    display: inline-block;
    color: #fff;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 50px;
    position: relative;
    transition: opacity 0.5s ease-out;
    position: relative;
    min-width: 200px;
    border:0;

}
.button-container { max-width: 600px; margin: 0 auto; }
.primary-btn-sp:hover, .primary-btn-ps:hover { text-decoration: none; color: #fff; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+53,5e5e5e+53,000000+53,666666+55 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #000000 53%, #5e5e5e 53%, #000000 53%, #666666 55%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#000000 53%,#5e5e5e 53%,#000000 53%,#666666 55%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#000000 53%,#5e5e5e 53%,#000000 53%,#666666 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
 }
.primary-btn-sp:after {padding-top: 7px;content: "\f061"; font-family: fontAweSome; position: absolute; top:1px; right: 0; width: 40px; height: 40px; border-radius: 50%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c0b0b+0,5b5758+50,030102+50,000000+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+31,999999+61 */
background: #000000; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #000000 31%, #999999 61%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #000000 31%,#999999 61%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #000000 31%,#999999 61%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#999999',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }






/* .primary-btn:hover {
            color: #fff;
            text-decoration: none;
        } */

.signUp-link {
    font-size: 17px;
    border: 2px solid #134c85;
    border-radius: 20px;
    color: #12447b;
    padding: 5px 20px;
    margin-top: 10px;
    display: inline-block;
}

.signUp-link:hover {
    background: #134c85;
    color: #fff;
    border: 2px solid #134c85;
    text-decoration: none;
}

.primary-btn:hover:after {
    opacity: 1;
}

.primary-btn span {
    position: relative;
    z-index: 2;
}

.bodered {
    border: 2px solid #fff;
    padding: 5px 0 8px;
    background: transparent;
}

.bodered:hover {
    border-color: rgb(0, 81, 126);
}

.bodered:hover:after {
    border-radius: 3px;
}

.back-link {
    margin-top: 20px;
    margin-bottom: 30px;
}

.back-link a {
    color: #fff;
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #1067a5 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
    display: inline-block;
    padding: 11px;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}

/* Header */

.header {
    /* padding: 0px 20px; */
    background: #000;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
}
.header .container .row {
    align-items: center;
    height: 72px;
}

.badge-header {
    text-align: center;
    height: 65px;
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
}

.badge-name {
    position: relative;
    display: inline-block;
    background: url(../images/badge-center.png) no-repeat center;
    padding: 8px 0px;
    background-size: 87% 46px;
    min-width: 360px;
    margin-top: 0;
    height: 42px;
    top: 4px;
    text-shadow: 0px 1px 2px rgba(151, 151, 151, 1);
    font-family: Calibri, Arial, Sans-serif;
    font-size: 19px;
    color: #373737;
    text-transform: uppercase;
}

.badge-name:before {
    content: "";
    background: url(../images/badge-left.png) no-repeat left center;
    position: absolute;
    left: 0;
    top: 0;
    height: 42px;
    width: 30px;
}

.badge-name:after {
    content: "";
    background: url(../images/badge-right.png) no-repeat left center;
    position: absolute;
    right: 0;
    top: 0;
    height: 42px;
    width: 30px;
}
.badge-plate, .badge-plate > img { height: 100%; }
.badge-plate.mylogo > img { height: 100%;/*auto; width: 124px;*/ }
.badge-plate {
    margin: auto;
}

#nav-icon img {
    width: 25px;
}

#nav-icon .nav-img {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/menu_icon.png) no-repeat center center;
    background-size: contain;
	text-decoration: none;
}

#nav-icon.open .nav-img {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/menu_close.png) no-repeat center center;
    background-size: contain;
}

.header-logo img {
    height: 45px;
}
.store-icon {
    float: right;
    position: relative;
}

.log-out-icon {
    float: right;
    position: relative;
    font-size: 27px;
    margin-left: 10px;
}

.log-out-icon a {
    color: #e7e7eb;
    transition: color 0.5s ease;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.log-out-icon a:hover {
    color: #1067a5;
}
.store-icon img {
    height: 25px;
}
.store-icon:after {
    content: "";
    position: absolute;
    left: -20px;
    top: -3px;
    height: 50px;
    width: 0px;
    background: #3b3b3b;
}

.store-icon a {
    color: #fff;
    transition: all 0.5s;
}

.store-icon a:hover {
    color: #00d994;
    transition: all 0.5s;
}

.header nav.navbar {
    display: block;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;

}

.header nav.navbar .dropdown-toggle::after {
    position: absolute;
    right: 12px;
    top: 14px;
}

.header nav.navbar .nav-item .dropdown-menu {
    margin: 0;
    margin-left: 20px;
    padding: 0;
    border-radius: 0px;
    background: none;
    background: #000;
}

.header nav.navbar .nav-item.show .nav-link {
    border-bottom: solid 3px var(--oldBlue);
}

.header nav.navbar #navbarNav { overflow: scroll; }

.main-search {
    margin-top: 30px;
    padding-bottom: 17px;
    border-bottom: 1px solid #444;
    margin-left: 20px;
    margin-right: 20px;
}

.search-form {
    position: relative;
}

.main-search .form-control {
    border: none;
    font-size: 15pt;
    padding-left: 35px;
}
.search-input.focused {
    width: 85%;
    display: inline;
}
.search-cancel, .main-rstButton {
    display: none;
}

.main-srchButton {
    width: 40px;
    height: 37px;
    background: none;
    position: absolute;
    left: 0;
    top: 5px;
    border: none;
    color: #86868b;
}
.main-rstButton {
    width: 40px;
    height: 37px;
    background: none;
    position: absolute;
    right: 15%;
    top: 5px;
    border: none;
    color: #86868b;
}

/* Nav Menus */

.nav-menu {
    margin: 0 0 20px 0;
    display: block;
    padding: 0px 30px 20px 30px;
}

.nav-menu li a {
    display: block;
    font-size: 13pt;
    color: #d7d7d7;
    border-bottom: 1px solid #444;
    padding: 11px 0px;
    transition: all 0.5s ease;
    font-family: Calibri, Arial, Sans-serif;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin-left: 12px;
}
.nav-menu li a.nav-link { margin-left: 12px !important; }
.header .navbar { padding: 0;}
.nav-menu li a:hover {
    text-decoration: none;
    padding-left: 8px;
    transition: all 0.5s ease;
    background-color: var(--oldBlue);
    color: #333;
}
header .navbar {padding: 0;margin: 0 auto;}
/* Slider */

.faded {
    text-align: center;
    padding-top: 10px;
}

.faded .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
}

.log-sign {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 25px;
}
.log-sign strong a {color: var(--ourBlue);}
.log-sign p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
}

.log-sign .btn-group {
    min-width: 700px;
}

.log-sign .btn {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #dadada 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #dadada 100%);
   background: linear-gradient(90deg, rgba(55,55,55,1) 0%, rgba(225,225,225,1) 50%, rgba(73,73,73,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dadada', GradientType=0);
    color: #000000;
    padding: 10px;
    font-size: 20px;
    font-family: var(--ffCenGoth);/*Calibri, Arial, Sans-serif;*/
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    position: relative;
    border-radius: 0px;
}

.log-sign .btn:last-child:after {
    height: 80%;
    content: " ";
    width: 2px;
    position: absolute;
    left: -1px;
    top: 10%;
    background: #c3c3c3;
    z-index: 99;
}

.log-sign .btn:hover {
    background: #dadada;
    background: -moz-linear-gradient(top, #dadada 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #dadada 0%, #ffffff 100%);
   background: linear-gradient(90deg, rgba(55,55,55,1) 0%, rgba(225,225,225,1) 50%, rgba(73,73,73,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#ffffff', GradientType=0);
}

/* Header */

.form-set {
    position: relative;
    text-align: left;
    margin-bottom: 45px;
}

.form-set .form-control {
    border: 1px solid #000;
    height: 48px;
    font-size: 18px;
    background-color: transparent;
    font-family: Calibri, Arial, Sans-serif;
}

.form-set .form-control:focus {
    border-color: #1fa5e6;
    box-shadow: 0 0 3px #1fa5e6;
}

.readonly {background-color: #eee!important;}

.login-input, .blb-input {
    height: 60px !important;
    padding-top: 1.5rem;
    font-size: 124% !important;
}
.login-input:focus, .blb-input:focus {
    border: 2px solid var(--ourBlue)!important;
    box-shadow: 0 0 3px var(--ourBlue)!important;
}
.form-set label {
    position: absolute;
    color: #86868b;
    font-size: 30px;
    width: 95%;
    text-align: center;
    pointer-events: none;
    top: 5px;
    left: 1px;
    transition: all 0.5s ease;
    border-radius: 10px;
}
.blb-input ~ label.smallfont {
    font-size: 20px;
    top: 14px;
}
.login-input:focus ~ label,
.login-input:valid ~ label,
.blb-input:focus ~ label,
.blb-input ~ label.valid {
    font-size: 1rem;
    top: 3px;
    left: 12px;
    text-align: left;
    width: auto;
}

.qmark-tooltip {
    height: 16px;
    cursor: pointer;
}

.blb-input.blb-input-tooltip{padding-right:30px;}

.blb-tooltip {
    cursor: pointer;
    position: relative;
    float: right;
    margin-top: -40px;
    margin-right: -30px;
    background-image: url('../images/questionMark2.png');    background-size: cover;
    height: 16px;
    width: 16px;
}
.blb-tooltip.referral {
    float: none;
    margin-left: 7rem;
    margin-top: -1.4rem;
}

.sign-up-page a, .sign-up-page a:hover {text-decoration: none;}
.login-box {
    min-width: 360px;
}

.log-heading {
    margin-bottom: 40px;
}

.log-heading span {
    font-family: Calibri, Arial, Sans-serif;
}

.input-icon {
    display: inline-block;
    width: 28px;
    font-size: 18px;
    margin: -37px 0 0 11px;
    position: absolute;
}

.input-icon:after {
    position: absolute;
    content: '';
    top: 6px;
    right: 0;
    background-color: #000;
    height: 15px;
    width: 1px;
}

.checkbox-label {
    font-size: 18px;
    font-family: Calibri, Arial, Sans-serif;
    display: block;
    color: #000;
}

.option-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    top: 2px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #000;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    border-radius: 3px;
    z-index: 22;
}

.option-input:checked::before {
    height: 18px;
    width: 18px;
    position: absolute;
    font-family: "Font Awesome 5 pro";
    content: "\f00c";
    display: inline-block;
    font-size: 13px;
    text-align: center;
    line-height: 15px;
    color: #000;
    font-weight: bold;
    margin-left: -0.5px;
    margin-top: 1px;
}

.option-input:checked::after {
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}

.forget-pass {
    font-size: 18px;
    color: #000!important;
    font-family: Calibri, Arial, Sans-serif;
}

.forget-pass:hover {
    color: #000!important;
    text-decoration: none;
}

.acc-container {
    text-align: center;
}

.acc-container h3 {
    margin-bottom: 35px;
    font-family: Calibri, Arial, Sans-serif;
}

.limegreen-btn {
    background: #8cc967;
    background: -moz-linear-gradient(top, #8cc967 0%, #6fab4b 100%);
    background: -webkit-linear-gradient(top, #8cc967 0%, #6fab4b 100%);
    background: linear-gradient(to bottom, #8cc967 0%, #6fab4b 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8cc967', endColorstr='#6fab4b', GradientType=0);
    color: #fff;
    transition: opacity 0.5s ease-out;
    min-width: 430px;
;
}

.limegreen-btn:after {
    background: #6fab4b;
    background: -moz-linear-gradient(top, #6fab4b 0%, #8cc967 100%);
    background: -webkit-linear-gradient(top, #6fab4b 0%, #8cc967 100%);
    background: linear-gradient(to bottom, #6fab4b 0%, #8cc967 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6fab4b', endColorstr='#8cc967', GradientType=0);
    color: #fff;
    transition: opacity 0.5s ease-out;
}

.limegreen-btn:hover {
    background: #6fab4b;
    background: -moz-linear-gradient(top, #6fab4b 0%, #8cc967 100%);
    background: -webkit-linear-gradient(top, #6fab4b 0%, #8cc967 100%);
    background: linear-gradient(to bottom, #6fab4b 0%, #8cc967 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#6fab4b', endColorstr='#8cc967', GradientType=0);
    opacity: 1;
}

.yellow-btn {
    background: #ebd92e;
    background: -moz-linear-gradient(top, #ebd92e 0%, #c5b524 100%);
    background: -webkit-linear-gradient(top, #ebd92e 0%, #c5b524 100%);
    background: linear-gradient(to bottom, #ebd92e 0%, #c5b524 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebd92e', endColorstr='#c5b524', GradientType=0);
    color: #000;
    transition: opacity 0.5s ease-out;
}

.yellow-btn:after {
    background: #c5b524;
    background: -moz-linear-gradient(top, #c5b524 0%, #ebd92e 100%);
    background: -webkit-linear-gradient(top, #c5b524 0%, #ebd92e 100%);
    background: linear-gradient(to bottom, #c5b524 0%, #ebd92e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c5b524', endColorstr='#ebd92e', GradientType=0);
    color: #000;
    transition: opacity 0.5s ease-out;
}

.yellow-btn:hover {
    background: #c5b524;
    background: -moz-linear-gradient(top, #c5b524 0%, #ebd92e 100%);
    background: -webkit-linear-gradient(top, #c5b524 0%, #ebd92e 100%);
    background: linear-gradient(to bottom, #c5b524 0%, #ebd92e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c5b524', endColorstr='#ebd92e', GradientType=0);
    opacity: 1;
}

footer.footer {
    border-top: 8px solid #ddd;
    margin-top: 40px;
    padding: 40px 20px 0px 20px;
    background-color: #0a0a0a;
    color: #fff;
    font-size: 90%;
    font-family: Calibri;
}

footer.footer h3 {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: Calibri, Arial, Sans-serif;
    text-transform: uppercase;
    color: #fff;
}
footer.footer h3 a {
    color: #aaa;
    display: block;
    transition: all 0.3s;
    position: relative;
}

footer.footer h3 a:hover {
    text-decoration: none;
}
footer.footer ul {
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
}

footer.footer ul li {
    margin-bottom: 10px;
}

footer.footer ul li a {
    color: #aaa;
    display: block;
    transition: all 0.3s;
    position: relative;
}

footer.footer ul li a:hover {
    text-decoration: none;
    color: #fff;
}

.footer-logo {
    text-align: center;
    align-items: center;
}
.footer-logo img {
    height: 100px;
    margin-left: -20px;
}
.follow-us a { text-decoration: none; }
footer.footer .social_media {
    width: 24px;
    margin-right: 6px;
}
/* footer.footer .social_media.twitter {
    margin: 0 13px 0 15px;
} */
footer.footer .social_media.facebook {
    margin-right: 8px!important;
}
footer.footer .under_social_media {
    font-size: 78%;
    color: #aaa;
    margin-top: 7px;
    font-weight: bold;
}
footer.footer .under_social_media a {
    text-decoration: none;
    color: #FFF;
}
footer.footer .under_social_media a:hover {
    text-decoration: none;
    color: #fff;
}
footer.footer .us_flag {
    width: 12px;
}
.foot-copyRight {
    margin-top: 10px;
    color: #aaa;
    font-size: 86%;
}

.foot-copyRight .row {
    align-items: center;
}
.buttom-right-menu {
    text-align: right;
}
footer.footer .buttom-right-menu a {
    color: #aaa;
}

footer.footer .buttom-right-menu a:hover {
    text-decoration: none;
}

.footer-menu h3 { color: #C0C0C0; }
.footer-menu.first-column a { color: #fff; font-weight: bold;}
.footer-menu.first-column ul li { margin-bottom:  17px;}
.release-content p {
    font-size: 18px;
    margin-bottom: 25px;
}

.realFR-set {
    position: relative;
    text-align: center;
    margin-bottom: 35px;
}

.realFR-set label {
    font-size: 19px;
    font-family: Calibri, Arial, Sans-serif;
    margin-top: 12px;
}

.realFR-set .form-control {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    font-size: 18px;
    padding-left: 40px;
    background-color: transparent;
}

.realFR-set i.real-icon {
    position: absolute;
    left: 2px;
    font-size: 22px;
    margin-top: -32px;
}

.frSub-heading {
    font-size: 20px;
    font-family: Calibri, Arial, Sans-serif;
    margin-bottom: 35px;
}

.frSub-heading span {
    font-family: Calibri, Arial, Sans-serif;
}

.gender-select {
    background-color: #e6e6e6;
    max-width: 400px;
    margin: 0 auto 30px;
}

.selec-GBob, .s-mf {
    background-color: #e6e6e6;
    max-width: 230px;
    border-radius: 5px;
    margin: 0 auto;
}
.s-mf { max-width: 350px; }

.radiobtn, .radiobtn-mf {
    position: relative;
    float: left;
    width: 50%;
    text-align: left;
}
.rb-mf { width: 35%; }
.rb-mf-m { background-color: var(--ourBlue);}
.rb-mf-f { float: right; background-color: #cb91cd;}

.radiobtn label {
    display: block;
    color: #444;
    padding: 7px 0px 7px 40px;
    cursor: pointer;
    margin: 0;
    font-size: 19px;
    font-family: Calibri, Arial, Sans-serif;
}

.radiobtn label:after,
.radiobtn label:before {
    content: "";
    position: absolute;
    left: 11px;
    top: 11px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 0 4px #999;
}

.radiobtn label:before {
    background: #00aff0;
    z-index: 2;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: center;
    width: 0;
    height: 0;
    box-shadow: none;
}

.radiobtn input[type="radio"] {
    visibility:hidden;
    position: absolute;
    width: 100%;
}

.radiobtn:not(.rb-mf) input[type="radio"]:checked+label {
    background: #00aff0;
    color: #fff;
}

.left-radius input[type="radio"]:checked+label {
    border-radius: 5px 0px 0 5px;
}

.right-radius input[type="radio"]:checked+label {
    border-radius: 0px 5px 5px 0;
}

.radiobtn input[type="radio"]:checked+label:after {
    background: #fff;
}

.radiobtn input[type="radio"]:checked+label:before {
    width: 10px;
    height: 10px;
    top: 16px;
    left: 16px;
}

.quistion-box p {
    color: #444;
    margin-bottom: 12px;
}

.quistion-box {
    margin-bottom: 28px;
}

/* Global Radio Button Stylile */

.radioBox {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
    font-size: 19px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #444;
}

.radioBox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 6px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px #999;
}

.radioBox input:checked~.checkmark:after {
    display: block;
}

.radioBox .checkmark:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #00aff0;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.text-area, .goal-text-area {
    border: 1px solid #dadada;
    border-radius: 0;
    text-align: center;
    font-size: 18px;
    color: #999;
    min-height: 120px;
    resize: none;
}
.goal-text-area {
    border: 2px solid black;
    background-color: #eee;
    color: #86868b;
    height: 200px!important;
}
.goal-text-area:focus {
    border: 2px solid black;
    background-color: #eee;
}
.goal-text-area::placeholder {
    font-size: 130%;
    text-align: center;
}

.gender-box {
    background: #fff;
    text-align: center;
    padding: 30px 0px 0;
    min-height: 100%;
    margin-bottom: 20px;
}

.fill-set {
    margin-bottom: 30px;
}

.fill-set .form-control {
    /* border: 1px solid #000; */
    border-radius: 3px;
    /* background-color: transparent; */
    height: 45px;
    text-align: center;
}

.fill-set label {
    font-size: 19px;
    display: block;
    font-family: Calibri, Arial, Sans-serif;
}

.fill-set .input-group .input-group-append {
    z-index: 99;
    border: solid 1px;
    border-radius: 4px;
}

.fill-set .input-group .form-control {
    text-align: center;
    margin-right: -39px;
}

.block-radio {
    display: block;
    margin: 0 auto 10px;
    text-align: left;
}

.date-field,
.day-field {
    /* width: 300px; */
    text-align: center;
    display: inline-block;
}

.tim-field {
    /* width: 200px;
    text-align: center; */
    display: inline-block;
}

.email-section h3 {
    font-size: 26px;
    font-family: Calibri, Arial, Sans-serif;
}

.payment-box {
    text-align: center;
}

.payment-box h2 {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 20px;
}

.pay-opt {
    margin: 30px 0 0px;
    text-align: center;
    padding-bottom: 30px;
}

.pay-opt .block-radio {
    display: inline-block;
}

.pay-opt span {
    display: block;
    margin-bottom: 14px;
}

.radio {
    width: 160px;
    margin: 0 auto;
    text-align: left;
}

.payGroup label {
    display: inline-block;
    border: 1px solid #000;
    padding: 10px 25px 13px 25px;
    text-align: center;
    border-radius: 5px;
    width: 180px;
}

.payGroup .checkmark {
    top: 15px;
    left: -10px;
}

.social-section {}

.social-section h3 {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 24px;
    margin-top: 7px;
}

.social-section .social-button {
    border-bottom: solid 3px #bbbbbb;
    padding-bottom: 10px;
}

.icon-link {
    height: 110px;
    width: 110px;
    display: inline-block;
    margin-top: 20px;
    transition: all 0.5s;
    position: relative;
}

.icon-link span {
    color: white;
    background: linear-gradient(to bottom, #024269 0%, #007da5 100%);
    height: 26px;
    width: 26px;
    display: inline-block;
    position: absolute;
    border-radius: 50px;
    right: 0;
    font-weight: 400;
    border: solid 2px;
    top: 7px;
    font-family: Calibri, Arial, sans-serif;
    font-size: 14px;
}

.fb-icon {
    background: url(../images/fb-icon.png) no-repeat center;
}

.insta-icon {
    background: url(../images/insta-icon.png) no-repeat center;
}

.twitter-icon {
    background: url(../images/twitter-icon.png) no-repeat center;
}

.fb-icon:hover {
    background-image: url(../images/fb-icon-hover.png);
    transition: all 0.5s;
}

.insta-icon:hover {
    background-image: url(../images/insta-icon-hover.png);
    transition: all 0.5s;
}

.twitter-icon:hover {
    background-image: url(../images/twitter-icon-hover.png);
    transition: all 0.5s;
}

.fb-like-btn {
    background: rgb(1, 79, 149);
    background: linear-gradient(360deg, rgba(1, 79, 149, 1) 0%, rgba(9, 132, 217, 1) 100%);
}

.fb-like-btn:after {
    background: rgb(9, 132, 217);
    background-image: linear-gradient(360deg, rgba(9, 132, 217, 1) 0%, rgba(0, 75, 144, 1) 100%);
}

.insta-like-btn {
    background: rgb(137, 46, 163);
    background-image: linear-gradient(360deg, rgba(137, 46, 163, 1) 0%, rgba(231, 153, 44, 1) 100%);
}

.insta-like-btn:after {
    background: rgb(231, 153, 44);
    background-image: linear-gradient(360deg, rgba(231, 153, 44, 1) 0%, rgba(137, 46, 163, 1) 100%);
}

.twitter-like-btn {
    background: rgb(7, 169, 226);
    background-image: linear-gradient(360deg, rgba(7, 169, 226, 1) 0%, rgba(82, 233, 239, 1) 100%);
}

.twitter-like-btn:after {
    background: rgb(82, 233, 239);
    background-image: linear-gradient(360deg, rgba(82, 233, 239, 1) 0%, rgba(7, 169, 226, 1) 100%);
}

.profile-wrapp h4 {
    font-size: 20px;
    font-family: Calibri, Arial, Sans-serif;
    color: #fff;
}
.icon-info:before { width: 16px; }
.profile-wrapp .icon {
    float: left;
    margin-top: 19px;
    margin-right: 10px;
}

.profile-wrapp hr {
    border-color: #fff;
}

.profile-wrapp hr.col-sm-8 {
    border-color: #4d77a0;
}

.profile-name {
    border: 1px solid #000;
    text-align: center;
    padding: 10px 40px;
    border-radius: 5px;
    font-family: Calibri, Arial, Sans-serif;
    display: inline-block;
    font-size: 20px;
    margin: 10px 0 10px;
}

.profile-box {
    border: 1px solid #ccc;
    padding: 30px;
    margin-top: 50px;
}

.points-box h3,
.profile-imageBox h3 {
    font-size: 20px;
    font-family: Calibri, Arial, Sans-serif;
}

.points-box h3 span,
.profile-imageBox h3 span {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 19px;
    margin: 5px 0px;
    display: block;
}

.thumb-img {
    border: 2px solid #b4b4b4;
    max-width: 125px;
    margin: 15px auto 0;
}

.award-img {
    margin: 40px 0 0;
}

.contentAlign-center {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    position: relative;
}

.borderRight:after,
.borderLeft:after {
    height: 75%;
    width: 1px;
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    background-color: #ccc;
}

.borderRight:after {
    right: 0;
}

.borderLeft:after {
    left: 0;
}

.profiel-accorian .acc-heading {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 25px;
    color: #fff;
    display: block;
    text-align: center;
    width: 100%;
    border: none;
    background: transparent;
    padding: 10px 0;
    position: relative;
    transition: all ease 0.3s;
}

.profiel-accorian .acc-heading:after {
    position: absolute;
    right: 20px;
    top: 12px;
    font-family: "Font Awesome 5 Pro";
    content: "\f056";
    font-size: 23px;
    transform: rotate(180deg);
    transition: all ease 0.3s;
}

.profiel-accorian .acc-heading.collapsed:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f055";
    transform: rotate(90deg);
    transition: all ease 0.3s;
}

.profiel-accorian .acc-heading.collapsed {
    border-bottom: 1px solid #ccc;
}

.detail-input .form-control {
    border: 1px solid #fff;
    border-radius: 3px;
    background-color: #fff;
    height: 45px;
}

.detail-input label {
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff;
}

.profiel-accorian .row {
    padding-bottom: 30px;
    padding-top: 20px;
}

.nutrition-detail ul {
    width: 100%;
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 1.5rem;
    background: #f5f5f5
}

.nutrition-detail ul li {
    list-style: none;
    width: 32%;
    font-size: 20px;
    display: inline-block;
}

.nutrition-detail ul li:first-child {
    text-align: left;
}

.nutrition-detail ul li:last-child {
    text-align: center;
}

.nutrition-detail ul li span {
    font-family: Calibri, Arial, Sans-serif;
}

.nutrition-top-box {
    margin-top: 35px;
}

.nutrition-top-box h4 {
    font-size: 19px;
}

.nutrition-top-box ul {
    margin-bottom: 0;
}

.nutrition-top-box .daily-goalBox {
    background: #f1f1f1;
    padding-top: 15px;
    /* border: none; */
}

.nutrition-top-box .center-fect ul li:first-child {
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #1067a5 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
    color: #fff;
}

.nutrition-top-box .center-fect ul li.bg-none {
    background: none;
    color: #000;
    border: none;
}

.nutrition-top-box .week-heading {
    border: solid 1px #ccc;
    padding-top: 15px;
}

.week-heading {
    padding: 15px;
}

.nutrition-top-box .week-heading .multi {
    background: gray;
    padding: 10px;
    display: inline-block;
    width: 300px;
    margin-top: 7px;
    text-align: center;
    color: white;
}

.nutrition-top-box .week-heading .multi h4 {
    margin-bottom: 0
}

.week-heading h3 {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 20px;
    margin: 0;
}

.goal-fect ul li {
    font-size: 19px;
    padding: 15px 0;
    text-align: center;
}

.goal-fect ul li span {
    padding: 2px 15px;
    margin-top: 5px;
    display: inline-block;
    font-size: 18px;
    font-family: Calibri, Arial, Sans-serif;
}

.goal-fect ul li .form-control {
    border-radius: 0px;
    max-width: 110px;
    display: inline-block;
    text-align: center;
}

.goal-fect ul li:nth-child(2) {
    color: #fff;
}

.nutrition-top-box .goal-fect ul li:nth-child(2) {
    color: #212529;
}

.center-fect ul {
    display: block;
}

.daily-goalBox {
    padding-top: 30px;
    border-bottom: 1px solid #d5d5d5;
    background: #0066a0;
}

.center-fect ul li:first-child {
    background-color: transparent;
    color: #fff;
}

.center-fect ul li {
    font-size: 19px;
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
    background: #fff;
    position: relative;
    min-height: 68px;
}

.center-fect ul li input[type=text] {
    border: none;
    padding: 0px 8px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    outline: 0 none;
}

.center-fect ul li input[type=number] {
    border: none;
    padding: 0px 8px;
    font-size: 14px;
    width: 100%;
    text-align: center;
    outline: 0 none;
}

.center-fect ul .add-btn-top {
    /* padding: 10.7px; */
}

.center-fect ul .add-btn-top .btn {
    border: solid 1px white;
    color: white;
    padding: 7px 15px;
    font-size: 14px;
    border-radius: 0px;
}

.center-fect ul .rem-btn-cal {
    /* padding: 11px;
            height: 59.5px; */
}

.center-fect ul .rem-btn-cal .btn {
    padding: 5px 10px;
    background: red;
    color: white;
    font-size: 14px;
    border-radius: 0px;
}

.daily-goalBox h3 {
    font-size: 19px;
    font-family: Calibri, Arial, Sans-serif;
    margin-bottom: 20px;
    line-height: 30px;
}

.daily-goalBox h3 span {
    display: block;
    font-family: Calibri, Arial, Sans-serif;
}

.total-water {
    background: none;
}

.total-water .center-fect ul li:first-child {
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #1067a5 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
}

.total-water .center-fect ul li.bg-none {
    background: none;
    color: #000;
    border: none;
}

.shipping-sect {
    margin-left: -40px;
    margin-right: -40px;
    padding: 0 40px 1px;
    background: #f5f5f5;
}

.shipping-sect .ship-header {
    background-color: black;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-size: 30px;
    margin-bottom: 30px;
    margin-left: -40px;
    margin-right: -40px;
}

.shipping-sect .form-set label {
    background: #f5f5f5;
}

.edit-profile {
    margin-top: 30px;
}

.edit-profile ul {
    list-style-type: none;
    padding-left: 0;
    text-align: center;
    border-bottom: solid 1px;
}

.edit-profile ul li {
    display: inline-block;
}

.edit-profile ul li a {
    background: #f2f5f6;
    background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
    background: -webkit-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
    background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f6', endColorstr='#c8d7dc', GradientType=0);
    display: block;
    text-align: center;
    padding: 11px 16px;
    color: #333;
    text-decoration: none;
}

.edit-profile ul li.active a,
.edit-profile ul li a:hover {
    background: #133a6f;
    background: -moz-linear-gradient(top, #133a6f 0%, #1067a5 100%);
    background: -webkit-linear-gradient(top, #133a6f 0%, #1067a5 100%);
    background: linear-gradient(to bottom, #133a6f 0%, #1067a5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#133a6f', endColorstr='#1067a5', GradientType=0);
    color: #fff;
}

.edit-profile .fill-questions {
    margin-top: 50px;
    margin-bottom: 50px;
}

.edit-profile-head {
    text-align: center;
}

.edit-profile-head h3 {
    margin: 15px 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}


@media (max-width: 991.98px) {

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.setup-head {
    margin-left: -15px;
    margin-right: -15px;
}

/* Badge */

.iconItem {
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 24px;
}

.badgeIcon {
    display: flex;
    border-radius: 100%;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 25px;
    width: 190px;
    padding-top: 10px;
    padding-bottom: 30px;
    position: relative;
}

.badgeIcon:before {
    background: url(../images/badge_img_shadow.png) no-repeat bottom center;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 20px;
}

.badgeIcon img {
    align-self: center;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    position: relative;
    top: 0;
}

.badgeIcon .badge-strip {
    background: url(../images/nutrition_strip.png) no-repeat center;
    display: block;
    height: 45px;
    width: 180px;
    position: absolute;
    bottom: 69px;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    padding-top: 6px;
    font-weight: 600;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.badgeIcon .exercise-strip {
    background: url(../images/exercise_strip.png) no-repeat center;
    bottom: 71px;
    left: 1px;
    width: 190px;
}

.badgeIcon .weight-strip {
    background: url(../images/weight_strip.png) no-repeat center;
    bottom: 66px;
    left: -11px;
    width: 210px;
    height: 57px;
}

.badgeIcon .weight-strip1 {
    background: url(../images/weight_strip1.png) no-repeat center;
    bottom: 67px;
    left: -5px;
    width: 200px;
    height: 47px;
    padding-top: 4px;
}

.badgeIcon .all_strip {
    bottom: 18px;
}

.badgeIcon .number {
    height: 26px;
    width: 26px;
    background: #024269;
    background: -moz-linear-gradient(top, #024269 0%, #007da5 100%);
    background: -webkit-linear-gradient(top, #024269 0%, #007da5 100%);
    background: linear-gradient(to bottom, #024269 0%, #007da5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#024269', endColorstr='#007da5', GradientType=0);
    color: #ffffff;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 39px;
    top: 12px;
}

.badgeIcon.light_disable img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .7;
}

.badgeIcon.disable img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.iconItem h4 {
    font-size: 22px;
    margin-bottom: 10px;
}

.iconItem p {}

.iconItem p strong {
    font-weight: 500;
}

.iconItem:hover .badgeIcon img {
    position: relative;
    top: -10px;
}

.iconItem:hover .badge-strip {
    bottom: 79px;
}

.iconItem:hover .exercise-strip {
    bottom: 82px;
}

.iconItem:hover .weight-strip {
    bottom: 70px;
}

.iconItem:hover .weight-strip1 {
    bottom: 75px;
}

.iconItem:hover .all_strip {
    bottom: 23px;
}

.brk-line {
    background: #f1f1f1;
    height: 4px;
    width: 100%;
    margin-bottom: 30px;
}

.trophy-case-sec {
    text-align: center;
    background: url(../images/trophy-shelf.png) no-repeat bottom center;
    max-width: 960px;
    margin: auto;
    min-height: 370px;
}

.trophy-case-sec p {
    margin-bottom: 5px;
    text-transform: uppercase;
}

.trophy-case-sec .count {
    background: #777777;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}

.trophy-case-sec .trophy-img {
    margin-top: 20px;
}

.trophy-case-sec .trophy-img:after {
    background: url(../images/badge_img_shadow.png) no-repeat bottom center;
    content: "";
    position: absolute;
    bottom: -14px;
    left: 0;
    height: 30px;
    right: 0;
    margin: auto;
}

.trophy-case-sec .trophy-img img {
    position: relative;
    bottom: 0;
    transition: all ease 0.3s;
}

.trophy-case-sec .trophy-img:hover img {
    position: relative;
    bottom: 10px;
}

.trophy_buttons {
    text-align: center
}
.reward-box-parent {
    padding: 20px 8px;
}
.reward-box, .blb-card {
    background: white;
    padding: 20px 30px;
    text-align: center;
    min-height: 24rem;
    /* min-height: 270px; */
    position: relative;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 20px 1px #666;
}
.reward-box {
    padding: 30px;
}
.reward-box, .blb-card.contact-card {
    box-shadow: none;
    /* border: 2px solid black; */
    background-color: #eee;
}
.blb-card a {text-decoration: none;}
.blb-card img.brush {float: left;}
.blb-card img.brush.social {margin-left: 45px;}
.reward-box .imgs-holder {
    height: 210px;
    position: relative;
}
.reward-box .imgs-holder img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
}
.reward-box .imgs-holder img.front {display: block;}
.reward-box .var-holder, .reward-box .sides {
    color: var(--txtgray);
    height: 30px;
    cursor: pointer;
}
.reward-box .var-holder .var-txt, .reward-box .var-holder .sides {
    height: 100%;
    line-height: 3;
}
.reward-box .color-circle-border {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
    margin: 0px 5px;
    cursor: pointer;
}
.reward-box .color-circle-border:hover {border: 1px solid black;}

.reward-box .color-circles, .reward-box .sides {display: none;}

.reward-box .color-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 4px auto;
}

.reward-box .points {
    color: var(--ourBlue);
}
.reward-box .redeem {
    background-color: var(--oldBlue);
    color: white;
    border-radius: 0px;
    padding: 8px 2px;
    width: 100%;
}

.req-more-card {
    width: 90%;
    margin: 0 auto;
}

.point-avail {
    font-family: Calibri, Arial, Sans-serif;
}

.point-avail .user_point {
    background: linear-gradient(360deg, rgb(0, 81, 126) 0%, rgb(0, 128, 190) 100%);
    display: inline-block;
    padding: 8px;
    color: white;
    font-family: Calibri, Arial, Sans-serif;
    border-radius: 8px;
    margin-left: 5px;
}

.quest-container {
    text-align: center;
}

.quest-container strong {
    font-family: Calibri, Arial, Sans-serif;
    font-weight: normal;
}

.quest-container form {
    display: inline-block;
    min-width: 420px;
}

.send_img {
    background: url(../images/send_btn.png) no-repeat center;
    height: 74px;
    width: 74px;
    display: inline-block;
    border: none;
    margin: 20px;
    text-indent: -9999px;
    transition: all ease 0.3s;
}

.send_img:hover {
    opacity: 0.8;
}

.send_img:focus {
    outline: 0 none;
}

.reset_img {
    background: url(../images/reset_btn.png) no-repeat center;
    height: 74px;
    width: 74px;
    display: inline-block;
    border: none;
    margin: 20px;
    text-indent: -9999px;
    transition: all ease 0.3s;
}

.reset_img:hover {
    opacity: 0.8;
}

.reset_img:focus {
    outline: 0 none;
}

.profile-info-section {
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #1067a5 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
    margin-top: -30px;
}

.profile-info-detail {
    background: url(../images/profile-info-bg.png) no-repeat center;
    width: 100%;
    border: solid 10px #071a30;
    margin-top: 78px;
    position: relative;
    margin-bottom: 94px;
    padding-bottom: 25px;
    display: inline-block;
}

.profile-info-detail:before {
    content: "";
    background: url(../images/logo-cut.png) no-repeat;
    position: absolute;
    left: 0;
    top: 15px;
    height: 100%;
    width: 100%;
    opacity: .7;
    z-index: 1;
}

.profile-info-detail:after {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: .7;
}

.profile-info-detail .profile-detail-in {
    position: relative;
    z-index: 1;
}

.profile-info-detail .profile-detail-in .level-no {
    position: absolute;
    top: 3px;
    right: 8px;
    color: #fff;
}

.profile-info-detail .profile-detail-in .level-no span {
    font-size: 28px;
}

.profile-info-detail .profile-detail-in .profile-img {
    border: solid 6px #071a30;
    display: inline-block;
    position: relative;
    margin-left: 75px;
    margin-top: 20px;
    float: left;
    margin-right: 50px;
}

.profile-info-detail .profile-detail-in .profile-img img {
    height: 216px;
}

.profile-info-detail .profile-detail-in .profile-img .since {
    position: absolute;
    left: 80px;
    bottom: -20px;
    width: 129px;
    height: 66px;
    background: #1067a5;
    background-image: -moz-linear-gradient(52deg, rgb(7, 36, 64) 0%, rgb(9, 56, 119) 65%, rgb(14, 67, 122) 84%, rgb(19, 78, 124) 100%);
    background-image: -webkit-linear-gradient(52deg, rgb(7, 36, 64) 0%, rgb(9, 56, 119) 65%, rgb(14, 67, 122) 84%, rgb(19, 78, 124) 100%);
    background-image: -ms-linear-gradient(52deg, rgb(7, 36, 64) 0%, rgb(9, 56, 119) 65%, rgb(14, 67, 122) 84%, rgb(19, 78, 124) 100%);
    box-shadow: 2.06px 3.429px 5px 0px rgba(0, 0, 0, 0.73);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
    color: #fff;
    padding: 5px;
}

.profile-info-detail .profile-detail-in .profile-img .since p {
    font-size: 12px;
    margin-bottom: 0;
    font-style: italic;
    text-transform: uppercase;
}

.profile-info-detail .profile-detail-in .profile-img .since hr {
    margin-top: 2px;
    margin-bottom: 2px;
    border-color: #3a6091;
}

.profile-info-detail .profile-detail-in .profile-data {
    float: left;
    color: #fff;
    margin-top: 30px;
    width: 490px;
}

.profile-info-detail .profile-detail-in .profile-data h2 {
    font-size: 36px;
    color: #fff;
    border-bottom: solid 3px #fff;
}

.profile-info-detail .profile-detail-in .profile-data .rewards-points {
    text-align: center;
    margin-top: 13px;
}

.profile-info-detail .profile-detail-in .profile-data .rewards-points p {
    line-height: 24px;
}

.profile-info-detail .profile-detail-in .profile-data .rewards-points span {
    display: block;
}

.profile-info-detail .profile-detail-in .profile-data .rewards-points .number {
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.88);
    color: #000;
    font-size: 30px;
    display: inline-block;
    font-family: Calibri, Arial, Sans-serif;
    padding: 4px 15px;
}

.profile-info-detail .profile-detail-in .profile-data .rewards-points.left:after {
    border-right: solid 3px #fff;
    content: "";
    position: absolute;
    height: 80%;
    right: 0;
    top: 15%;
}

.profile-status {
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #1067a5 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
}

.profile-info-section .opt {
    border: solid 2px #1b1b1b;
    margin-top: 55px;
    margin-bottom: 40px;
}

.profile-info-section .opt .opt-top {
    background: #2a2a2a;
    color: #fff;
    text-transform: uppercase;
    padding: 15px;
    border-bottom: solid 2px #1b1b1b;
}

.profile-info-section .opt .opt-member {
    background: #767676;
    color: #fff;
    text-transform: uppercase;
    padding: 15px;
    border-bottom: solid 2px #1b1b1b;
}

.profile-info-section .opt .opt-in {
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #000000 47%, #000000 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%, #000000 47%, #000000 100%);
    background: linear-gradient(to right, #ffffff 0%, #000000 47%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=1);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=1);
    position: relative;
    border: solid 5px #000;
    margin-left: -2px;
    margin-right: -2px;
    clear: both;
    min-height: 172px;
}

.profile-info-section .opt .opt-in:before {
    content: "";
    background: url(../images/logo-cut1.png) no-repeat;
    position: absolute;
    left: 0;
    top: 15px;
    height: 100%;
    width: 100%;
    opacity: .7;
}

.profile-info-section .opt .opt-in .mini-turtle {
    position: absolute;
    right: 12px;
    top: 10px;
}

.profile-info-section .opt .opt-in .opt-profile {
    border: solid 6px #07253d;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-left: 185px;
    margin-top: 16px;
    margin-bottom: 5px;
    float: left;
    margin-right: 10px;
}

.profile-info-section .opt .opt-in .opt-profile .opt-profile-center {
    height: 122px;
    width: 122px;
    vertical-align: middle;
    display: table-cell;
    background: white;
    text-align: center;
}

.profile-info-section .opt .opt-in .opt-profile img {
    max-height: 100%;
}

.profile-info-section .opt .opt-in .opt-data {
    float: left;
    margin-top: 20px;
    width: 565px;
}

.profile-info-section .opt .opt-in .opt-data h1 {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 48px;
    border-bottom: solid 4px #fff;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 4px 4.8px rgba(255, 255, 255, 0.27);
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.profile-info-section .opt .opt-in .opt-data .list-group-horizontal {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 14px;
    color: #fff;
}

.profile-info-section .opt .opt-in .opt-data .list-group-horizontal .list-group-item {
    background: none;
    border: none;
    padding: 8px 10px;
    line-height: 18px;
}

.profile-info-section .opt .opt-in .opt-data .list-group-horizontal .list-group-item span {
    color: #ffb637;
}

.profile-info-section .opt .opt-in .opt-data .list-group-horizontal .list-group-item .hbrk {
    border-left: solid 2px #fff;
    height: 100%;
}

.profile-info-section .opt .opt-in .opt-data .list-group-horizontal .list-group-item .flag {}

.profile-info-section .opt .opt-btm {
    clear: both;
    background: #767676;
    padding: 5px;
}

.profile-info-section .opt .opt-btm .opt-btm-in {
    margin-left: 181px;
    display: inline-block;
    text-align: center;
    border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    padding: 0px 20px;
    color: #fff;
}

.profile-info-section .opt .opt-btm .opt-btm-in p {
    font-family: Calibri, Arial, Sans-serif;
    margin-bottom: 0;
    font-size: 14px;
}

.profile-view-info-detail {}

.profile-view-info-detail .date-age {
    background: #656565;
    background: -moz-linear-gradient(left, #656565 0%, #ffffff 6%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #656565 0%, #ffffff 6%, #ffffff 100%);
    background: linear-gradient(to right, #656565 0%, #ffffff 6%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#ffffff', GradientType=1);
    box-shadow: 0px 9px 4px 0px rgba(0, 0, 0, 0.4);
    min-height: 107px;
    width: 300px;
    float: left;
    margin-left: 15px;
    border-top: solid 5px #000;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.profile-view-info-detail .date-age .birth {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 14px;
    width: 160px;
    color: #000;
    text-shadow: 0px 1px 3px rgba(1, 1, 1, 0.73);
}

.profile-view-info-detail .date-age .birth span {
    display: block;
    font-size: 18px;
}

.profile-view-info-detail .date-age .date {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 14px;
    width: 130px;
    text-shadow: 0px 1px 3px rgba(1, 1, 1, 0.73);
    position: relative;
}

.profile-view-info-detail .date-age .date:before {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    box-shadow: 0px 1px 3px rgba(1, 1, 1, 0.73);
    border-left: solid 3px #000;
}

.profile-view-info-detail .date-age .date span {
    display: block;
    font-size: 18px;
}

.profile-view-info-detail .weight-box {
    background: #656565;
    background: -moz-linear-gradient(left, #656565 0%, #ffffff 6%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #656565 0%, #ffffff 6%, #ffffff 100%);
    background: linear-gradient(to right, #656565 0%, #ffffff 6%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#656565', endColorstr='#ffffff', GradientType=1);
    box-shadow: 0px 9px 4px 0px rgba(0, 0, 0, 0.4);
    min-height: 107px;
    width: 586px;
    float: left;
    margin-left: 15px;
    border-top: solid 5px #000;
    display: flex;
    align-items: center;
    margin-bottom: 75px;
}

.profile-view-info-detail .weight-box .goal-weight {
    margin-left: 70px;
    font-family: Calibri, Arial, Sans-serif;
    font-size: 14px;
    text-shadow: 0px 1px 3px rgba(1, 1, 1, 0.73);
    width: 260px;
}

.profile-view-info-detail .weight-box .goal-weight p {
    font-size: 14px;
    margin-bottom: 0
}

.profile-view-info-detail .weight-box .goal-weight .goal-high {
    font-size: 16px;
}

.profile-view-info-detail .weight-box .goal-weight span {
    text-align: right;
    float: right;
}

.profile-view-info-detail .weight-box .achived-img {
    position: absolute;
    right: 0;
    top: -26px;
}

.profile-view-info-detail .weight-box .achived-img img {
    width: 200px;
    height: 200px;
}

.achived-img .achieved-in {
    background-image: url(../images/achived_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 199px;
    width: 200px;
    display: inline-block;
    position: relative;
}

.achived-img .achieved-in .achieved-info {
    color: #fff;
    text-align: center;
    text-shadow: 0px 1px 3px rgba(1, 1, 1, 0.73);
    -moz-transform: matrix(0.91094702166761, -0.18498779750224, 0.18498779750224, 0.91094702166761, 0, 0);
    -webkit-transform: matrix(0.91094702166761, -0.18498779750224, 0.18498779750224, 0.91094702166761, 0, 0);
    -ms-transform: matrix(0.91094702166761, -0.18498779750224, 0.18498779750224, 0.91094702166761, 0, 0);
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
}

.achived-img .achieved-in .achieved-info h3 {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 44px;
    margin-bottom: 0;
}

.achived-img .achieved-in .achieved-info p {
    font-family: Calibri, Arial, Sans-serif;
    font-size: 15px;
    line-height: 17px;
}

.achived-img .achieved-in .achieved-info p span {}

.record-alert {
    background: lightcoral;
    padding: 50px 0;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    border: solid 1px #fa6161;
    margin-top: 130px;
    margin-bottom: 130px;
}

.justify-tab {
    display: flex;
    text-align: center;
    align-items: center;
}

.justify-tab li {
    width: 25%;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    margin: 0 2px;
    font-family: Calibri, Arial, Sans-serif;
    text-transform: uppercase;
    color: #000;
}

.justify-tab li:nth-child(1) {
    background: #f350f4;
    background-image: -moz-linear-gradient(0deg, rgb(243, 80, 244) 0%, rgb(243, 80, 244) 50%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(243, 80, 244) 0%, rgb(243, 80, 244) 50%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(243, 80, 244) 0%, rgb(243, 80, 244) 50%, rgb(255, 255, 255) 100%);
    box-shadow: 0px 3px 6px 0px rgba(53, 53, 53, 0.004);
    border: solid 2px #f350f4;
}

.justify-tab li:nth-child(2) {
    background: #4175ff;
    background-image: -moz-linear-gradient(0deg, rgb(65, 117, 255) 0%, rgb(65, 117, 255) 50%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(65, 117, 255) 0%, rgb(65, 117, 255) 50%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(65, 117, 255) 0%, rgb(65, 117, 255) 50%, rgb(255, 255, 255) 100%);
    box-shadow: 0px 3px 6px 0px rgba(53, 53, 53, 0.004);
    border: solid 2px #4175ff;
}

.justify-tab li:nth-child(3) {
    background-image: -moz-linear-gradient(0deg, rgb(0, 244, 122) 0%, rgb(0, 244, 122) 50%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(0, 244, 122) 0%, rgb(0, 244, 122) 50%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(0, 244, 122) 0%, rgb(0, 244, 122) 50%, rgb(255, 255, 255) 100%);
    box-shadow: 0px 3px 6px 0px rgba(53, 53, 53, 0.004);
    border: solid 2px #00f47a;
}

.justify-tab li:nth-child(4) {
    background-image: -moz-linear-gradient(0deg, rgb(227, 53, 96) 0%, rgb(227, 53, 96) 50%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(227, 53, 96) 0%, rgb(227, 53, 96) 50%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(227, 53, 96) 0%, rgb(227, 53, 96) 50%, rgb(255, 255, 255) 100%);
    box-shadow: 0px 3px 6px 0px rgba(53, 53, 53, 0.004);
    border: solid 2px #e33560;
}

.justify-tab li:nth-child(5) {
    background: #fce93c;
    background: -moz-linear-gradient(left, #fce93c 50%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #fce93c 50%, #ffffff 100%);
    background: linear-gradient(to right, #fce93c 50%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fce93c', endColorstr='#ffffff', GradientType=1);
    box-shadow: 0px 3px 6px 0px rgba(53, 53, 53, 0.004);
    border: solid 2px #fce93c;
}

.justify-tab li:nth-child(6) {
    background: #ffae3d;
    background: -moz-linear-gradient(left, #ffae3d 0%, #ffae3d 50%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #ffae3d 0%, #ffae3d 50%, #ffffff 100%);
    background: linear-gradient(to right, #ffae3d 0%, #ffae3d 50%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffae3d', endColorstr='#ffffff', GradientType=1);
    box-shadow: 0px 3px 6px 0px rgba(53, 53, 53, 0.004);
    border: solid 2px #ffae3d;
}

.justify-tab li a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 9px;
}

.level-sec {
    padding-top: 70px;
    padding-bottom: 50px;
}

.level {
    text-align: center;
    position: relative;
}

.reward-point {
    /* color: #fff; */
    margin-top: 55px;
}

.reward-point .left {
    float: left;
    font-size: 18px;
    vertical-align: bottom
}

.reward-point .left span {
    font-size: 24px;
    font-family: Calibri, Arial, Sans-serif;
}

.reward-point .right {
    float: right;
    font-size: 18px;
    vertical-align: bottom
}

.reward-point .progress {
    border: solid 9px #000;
    border-radius: 5px;
    clear: both;
    margin-top: 3px;
    margin-bottom: 3px;
}

.reward-point .progress .progress-bar {
    background: #79fe35;
}

.reward-point .free {
    float: right;
    font-size: 14px;
}

.reward-point .free span {
    font-size: 18px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec {}

.star-sec .big-star-heading {
    text-align: center;
    margin-top: 60px;
}

.star-sec .prev-left {
    position: absolute;
    left: 0;
    top: 120px;
}

.star-sec .prev-left .top {
    text-align: center;
    color: #fff;
}

.star-sec .prev-left .top .big-head {
    font-size: 20px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .prev-left .top .mid-head {
    font-size: 14px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .prev-left .top .small-head {
    font-size: 18px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .prev-left .star-count {
    background: url(../images//small-star.png) no-repeat center;
    height: 167px;
    width: 167px;
    display: inline-block;
    margin-top: 50px;
    font-size: 40px;
    font-family: Calibri, Arial, Sans-serif;
    font-style: italic;
    color: #ffff00;
    text-align: center;
    padding: 53px 46px
}

.star-sec .next-right {
    position: absolute;
    right: 0;
    top: 120px;
}

.star-sec .next-right .top {
    text-align: center;
    color: #fff;
}

.star-sec .next-right .top .big-head {
    font-size: 20px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .next-right .top .mid-head {
    font-size: 14px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .next-right .top .small-head {
    font-size: 18px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .next-right .star-count {
    background: url(../images//small-star.png) no-repeat center;
    height: 167px;
    width: 167px;
    display: inline-block;
    margin-top: 50px;
    font-size: 40px;
    font-family: Calibri, Arial, Sans-serif;
    font-style: italic;
    color: #ffff00;
    text-align: center;
    padding: 53px 46px
}

.star-sec .bottom-left {
    position: absolute;
    left: 0;
    bottom: -20px;
}

.star-sec .bottom-left .top {
    text-align: center;
    color: #fff;
    width: 160px;
}

.star-sec .bottom-left .top .big-head {
    font-size: 20px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .bottom-left .top .mid-head {
    font-size: 14px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .bottom-left .top .small-head {
    font-size: 18px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .bottom-left .top .count {
    font-size: 32px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .bottom-left .top .total-count {
    width: 240px;
    text-align: left;
}

.star-sec .bottom-left .top .total-count p {
    font-size: 14px;
}

.star-sec .bottom-left .top .total-count p span {
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .bottom-right {
    position: absolute;
    right: 0;
    bottom: -20px;
}

.star-sec .bottom-right .top {
    text-align: center;
    color: #fff;
    width: 150px;
}

.star-sec .bottom-right .top .big-head {
    font-size: 20px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .bottom-right .top .mid-head {
    font-size: 14px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .bottom-right .top .small-head {
    font-size: 18px;
    font-family: Calibri, Arial, Sans-serif;
}

.star-sec .bottom-right .top .count {
    font-size: 32px;
    font-family: Calibri, Arial, Sans-serif;
    color: #ffff;
    /* text-shadow: 0px 1px 5px rgba(255, 255, 255, 0.57); */
}

.star-sec .bottom-right .top .total-count {
    width: 330px;
    text-align: right;
    float: right;
}

.star-sec .bottom-right .top .total-count p {
    font-size: 14px;
}

.star-sec .bottom-right .top .total-count p span {
    font-family: Calibri, Arial, Sans-serif;
}

.badge-achiev {
    margin-top: 85px;
    margin-bottom: 90px;
}

.big-head-blue {
    background: #3090f9;
    background-image: -moz-linear-gradient(0deg, rgb(48, 144, 249) 0%, rgb(48, 144, 249) 50%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(48, 144, 249) 0%, rgb(48, 144, 249) 50%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(48, 144, 249) 0%, rgb(48, 144, 249) 50%, rgb(255, 255, 255) 100%);
    border: solid 2px #3090f9;
    font-size: 32px;
    font-family: Calibri, Arial, Sans-serif;
    text-align: center;
    color: #000
}

.badge-achiev .badge-display {
    min-height: 190px;
    background: url(../images/badge-bg.png) no-repeat top left;
    margin-top: 35px;
    display: flex;
    align-items: center;
}

.badge-achiev .badge-display .badge-main-left {
    float: left;
    width: 142px;
    text-align: center
}

.badge-achiev .badge-display .badge-progress {
    float: left;
}

.badge-achiev .badge-display .badge-progress .progress-label {
    color: #fff;
    text-align: right
}

.badge-achiev .badge-display .badge-progress .progres {
    border: solid 1px #fff;
    height: 30px;
    width: 170px;
    clear: both;
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
}

.badge-achiev .badge-total {
    float: left;
    text-align: center;
    width: 142px;
    color: #fff;
}

.badge-achiev .badge-total .tot {
    font-size: 18px;
}

.badge-achiev .badge-total .hea {
    font-size: 48px;
}

.badge-achiev .badge-result {
    float: left;
    display: flex;
}

.badge-achiev .badge-result .badge-result-part {
    text-align: center;
    position: relative;
    margin-left: 13px;
    margin-right: 13px;
}

.badge-achiev .badge-result .badge-result-part .number {
    position: absolute;
    display: inline-block;
    font-size: 18px;
    right: 0;
    bottom: 0;
    color: #838a99;
}

.goal-achive {
    margin-bottom: 70px;
}

.goal-display {
    text-align: center;
    display: flex;
    margin-top: 35px;
    margin-bottom: 20px;
}

.goal-display .globe-text {
    height: 115px;
    border: solid 2px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 23px;
    color: #fff;
    border-radius: 50%;
    width: 115px;
    margin-top: 7px;
}

.big-head-green {
    background: #3eeec4;
    background-image: -moz-linear-gradient(0deg, rgb(62, 238, 196) 0%, rgb(62, 238, 196) 50%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(62, 238, 196) 0%, rgb(62, 238, 196) 50%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(62, 238, 196) 0%, rgb(62, 238, 196) 50%, rgb(255, 255, 255) 100%);
    border: solid 2px #3eeec4;
    font-size: 32px;
    font-family: Calibri, Arial, Sans-serif;
    text-align: center;
    color: #000
}

.blue-color {
    color: #2b7de1 !important
}

.red-color {
    color: #e42a3b !important;
}

.green-color {
    color: #76bd22 !important
}

.yellow-color {
    color: #f8bf00 !important;
}

.tag-line {
    font-size: 14px;
    color: #fff;
}

.upload-badge {
    background-size: 100% 46px;
    min-width: 430px;
}

.upload-badge:before {
    left: -30px;
}

.upload-badge:after {
    right: -30px;
}

.upload_view {
    position: relative;
}

.upload_view form {
    margin-top: 60px;
    margin-bottom: 60px;
}

.upload_view img {
    margin-bottom: 30px;
}

.info-box .upload_view img {
    max-height: 300px;
    width: auto;
}

.input-file-container {
    position: relative;
}

.js .input-file-trigger,
.js .input-file-trigger2 {
    display: inline-block;
    padding: 14px 45px;
    background: white;
    color: #000;
    font-size: 18px;
    transition: all .4s;
    cursor: pointer;
    border: solid 3px;
    border-radius: 15px;
    font-weight: 700;
}

.js .input-file,
.js .input-file2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 225px;
    opacity: 0;
    padding: 14px 0;
    cursor: pointer;
}

.js .input-file:hover+.input-file-trigger,
.js .input-file:focus+.input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
    background: #000;
    color: #fff;
}

.file-return {
    margin: 0;
}

.file-return:not(:empty) {
    margin: 1em 0;
}

.js .file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: bold;
}

.js .file-return:not(:empty):before {
    content: "Selected file: ";
    font-style: normal;
    font-weight: normal;
}

.info-box {
    border-bottom: solid 1px #ccc;
    display: inline-block;
    width: 455px;
    margin-bottom: 20px;
}

.info-box:last-child {
    border-bottom: none;
}

.info-box h4 {
    font-size: 18px;
}

.info-box .fill-set {
    margin-bottom: 20px;
    margin-top: 20px;
}

.info-box .form-control {
    width: 200px;
    display: inline-block;
}

.info-box .firstBtn-box {
    margin-top: 0;
    margin-bottom: 10px;
}

.info-box label {
    font-family: Calibri, Arial, Sans-serif;
}

.green {
    background: green;
    color: white;
    font-weight: bold;
    font-size: 21px;
}

.red {
    background: red;
    color: white;
    font-weight: bold;
    font-size: 21px;
}

.fill-box {
    font-size: 19px;
    margin-bottom: 10px;
}

.fill-box.yellow {
    background: #fad745 !important;
}

.info-box .alt {
    position: relative;
    width: 230px;
    display: inline-block;
}

.info-box .alt span {
    position: absolute;
    left: 220px;
    font-size: 17px;
    top: 11px;
}

.blog {}

.blog .blog-head {
    margin-top: 15px;
}

.blog .blog-post {
    border-bottom: dotted 3px black;
    padding: 30px;
}

.blog .blog-post h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-family: Calibri, Arial, Sans-serif;
    color: #000;
    letter-spacing: 2px;
    position: relative;
}

.blog .blog-post h3:before {
    content: "";
    position: absolute;
    left: -32px;
    top: 0;
    background: url(../images/blog-icon.png) no-repeat center;
    height: 30px;
    width: 30px;
}

.blog .blog-post h3 .title {
    color: #43a6a7;
    display: block;
}

.blog .blog-post h3 .author {
    text-transform: uppercase;
    color: #43a6a7;
}

.blog .blog-post h3 .comment {
    color: #43a6a7;
}

.blog .blog-post a {
    color: #43a6a7;
    font-size: 20px;
    font-family: Calibri, Arial, Sans-serif;
}

.ui-widget.ui-autocomplete {
    top: 100%;
    width: 100% !important;
    height: 250px;
    overflow-x: auto;
    overflow-y: initial;
    min-width: 584px;
}

.ui-widget.ui-autocomplete .ui-menu-item.ui-state-focus {}

.ui-widget.ui-autocomplete li {
    font-size: 14px;
    text-align: left;
    padding: 10px;
}

.ui-widget.ui-autocomplete li.ui-state-focus {
    border: none;
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #1067a5 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
    color: #fff;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0px !important;
}

.ui-widget.ui-autocomplete li:first-child {
    background: inherit;
    color: inherit
}

.ui-widget.ui-autocomplete li.ui-state-focus:first-child {
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #ced8df 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
    color: #fff;
}

.ui-widget {
    font-size: 14px !important;
}

.ui-timepicker .ui-menu-item .ui-state-hover {
    border: none;
}

.days-select {
    position: absolute;
    left: 0;
}

#sticker {
    width: auto !important;
}

.days-select .card-header {
    background: #0a0a0a;
    color: #fff;
    min-width: 220px;
}

.days-select .card-body {
    padding: 0;
    min-width: 220px;
}

.days-select ul {
    margin-bottom: 0;
}

.days-select ul li a {
    background: lightgray;
    color: black;
    display: block;
    padding: 7px 14px;
    text-decoration: none
}

.days-select ul li a:hover {
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #1067a5 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
    color: #fff;
    text-decoration: none
}

.days-select ul li.active a {
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #1067a5 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
    color: #fff;
}

.ui-timepicker-standard a {
    border: none !important;
}

a.edit-profile-link {
    float: right;
    color: #fff;
    font-size: 14px;
    background: #1067a5;
    padding: 7px 10px;
    margin-right: -15px;
    margin-top: -15px;
    text-transform: none;
}

a.edit-profile-link:hover {
    text-decoration: none;
}

/* Responsive */

@media (max-width: 1600px) {
    .justify-content-custom {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }
}

@media screen and (max-width: 991px) and (min-width: 786px) {
    .badgeIcon .badge-strip {
        background-size: 100%;
        width: 123px;
        font-size: 10px;
        bottom: 44px;
    }

    .iconItem:hover .badge-strip {
        bottom: 60px;
    }

    .badgeIcon .all_strip {
        width: 143px;
        bottom: 18px;
    }

    .iconItem:hover .all_strip {
        bottom: 28px;
    }

    .badgeIcon .exercise-strip {
        bottom: 52px;
        width: 129px;
    }

    .badgeIcon .weight-strip {
        bottom: 46px;
        padding-top: 10px;
        left: 2px;
    }

    .badgeIcon .weight-strip1 {
        bottom: 40px;
        left: 0;
        width: 127px;
    }
}

@media (max-width:991px) {
    .badgeIcon {
        width: 130px;
    }

    .badgeIcon .number {
        right: 20px;
    }

    .trophy-case-sec {
        background-size: 100%;
        min-height: 330px;
    }

    .profile-info-detail .profile-detail-in .profile-img {
        margin-left: 55px;
        margin-right: 30px;
    }

    .profile-info-detail .profile-detail-in .profile-data {
        width: 340px;
    }

    .profile-info-section .opt .opt-in {
        min-height: auto;
        text-align: center;
    }

    .profile-info-section .opt .opt-in::before {
        content: none;
    }

    .profile-info-section .opt .opt-in .opt-profile {
        margin-left: 0;
        margin-right: 0;
        float: none;
    }

    .profile-info-section .opt .opt-in .opt-data {
        float: none;
        width: 100%;
    }

    .profile-view-info-detail .weight-box {
        width: 660px;
    }

    .justify-tab li {
        font-size: 15px;
    }

    .goal-display .globe-text {
        height: 85px;
        width: 115px;
    }

    .days-select {
        position: static !important;
    }
}

@media (max-width:767.9px) {
    .log-sign .btn-group {
        min-width: 460px;
    }

    .badgeIcon {
        width: 160px;
    }

    .trophy-case-sec {
        min-height: 300px;
    }

    .trophy-case-sec p {
        font-size: 16px;
    }

    .profile-info-detail .profile-detail-in .profile-data {
        width: 490px;
        padding: 0 10px;
    }

    .profile-info-section .opt .opt-in .opt-data .list-group-horizontal {
        font-size: 14px;
    }

    .profile-info-section .opt .opt-in .opt-data h1 {
        font-size: 30px;
    }

    .profile-view-info-detail .date-age {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .profile-view-info-detail .weight-box {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .justify-tab {
        display: flex;
        flex-direction: column;
    }

    .justify-tab li {
        width: 50%;
        margin-bottom: 2px;
    }

    .star-sec .prev-left .top .big-head {
        font-size: 16px;
    }

    .star-sec .prev-left .top .small-head {
        font-size: 14px;
    }

    .star-sec .prev-left .top .mid-head {
        font-size: 12px;
    }

    .star-sec .prev-left .star-count {
        margin-top: 70px;
    }

    .star-sec .next-right .top .big-head {
        font-size: 16px;
    }

    .star-sec .next-right .top .small-head {
        font-size: 14px;
    }

    .star-sec .next-right .top .mid-head {
        font-size: 12px;
    }

    .star-sec .next-right .star-count {
        margin-top: 70px;
    }

    .star-sec .bottom-left .top .big-head {
        font-size: 16px;
    }

    .star-sec .bottom-left .top .small-head {
        font-size: 14px;
    }

    .star-sec .bottom-left .top .mid-head {
        font-size: 12px;
    }

    .star-sec .bottom-left .top .count {
        font-size: 28px;
    }

    .star-sec .bottom-left .top .total-count {
        width: 160px;
    }

    .star-sec .bottom-right .top .big-head {
        font-size: 16px;
    }

    .star-sec .bottom-right .top .small-head {
        font-size: 14px;
    }

    .star-sec .bottom-right .top .mid-head {
        font-size: 12px;
    }

    .star-sec .bottom-right .top .count {
        font-size: 28px;
    }

    .star-sec .bottom-right .top .total-count {
        width: 200px;
    }

    .badge-achiev .badge-display {
        min-height: 260px;
        background: url(../images/badge-bg.png) no-repeat center;
        background-size: auto;
        display: block;
        align-items: center;
        background-size: cover;
        padding-top: 7px;
    }

    .badge-achiev .badge-display .badge-progress {
        width: 250px;
        margin-top: 26px;
        margin-right: 20px;
    }

    .badge-achiev .badge-display .badge-progress .progres {
        width: 250px;
    }

    .badge-achiev .badge-total {
        width: 90px;
        margin-top: 5px;
    }

    .badge-achiev .badge-result {
        display: flex;
        border-top: solid 1px #7c7c7c;
        margin-left: 3px;
    }

    .goal-display {
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
    }

    .goal-display .globe-text {
        height: 115px;
        width: 115px;
    }

    .badgeIcon .badge-strip {
        background-size: 100%;
        width: 150px;
        bottom: 57px;
    }

    .badgeIcon .weight-strip {
        left: 4px;
    }

    .badgeIcon .weight-strip1 {
        left: 12px;
        width: 130px;
    }

    .badgeIcon .all_strip {
        bottom: 13px !important;
    }

    .iconItem:hover .badge-strip {
        bottom: 63px;
    }
}

@media (max-width:600px) {
    .signup-form {
        padding: 0 40px 40px;
    }
}

@media (max-width:575px) {
    .trophy-case-sec {
        background: none;
    }

    .trophy-case-sec .trophy {
        background: url(../images/trophy-shelf.png) no-repeat bottom center;
        background-size: 480px;
        min-height: 290px;
    }

    .trophy-case-sec .trophy-img {
        position: relative;
    }

    .trophy-case-sec .trophy-img:after {
        bottom: -8px;
    }

    .profile-info-detail .profile-detail-in .profile-img {
        float: none;
    }

    .profile-info-detail .profile-detail-in .profile-data {
        float: none;
        width: 100%;
    }

    .profile-info-detail .profile-detail-in .profile-data .rewards-points.left::after {
        content: none;
    }

    .star-sec .bottom-left .top .total-count {
        margin-left: 6px;
    }

    .star-sec .bottom-right .top .total-count {
        margin-right: 15px;
    }
}

@media (max-width:535px) {
    .badge-achiev .badge-display .badge-main-left {
        width: 122px;
    }

    .badge-achiev .badge-display .badge-progress {
        width: 210px;
        margin-right: 10px;
    }

    .badge-achiev .badge-display .badge-progress .progres {
        width: 210px;
    }
}

@media (max-width:518px) {
    .goal-display {
        padding-left: 60px;
        padding-right: 60px;
        justify-content: center;
    }
}

@media (max-width:512px) {
    .goal-display {
        padding-left: 55px;
        padding-right: 55px;
        justify-content: center;
    }
}

@media (max-width:500px) {
    h1 {
        font-size: 24px;
    }

    h2 {
        font-size: 23px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    .log-sign .btn-group {
        min-width: 320px;
    }

    .log-sign .btn-group .btn {
        font-size: 16px;
    }

    .signup-form {
        padding: 0 40px 40px;
    }

    .checkbox-label {
        font-size: 16px;
    }

    

    .foot-copyRight p {
        font-size: 16px;
    }

    .primary-btn {
        min-width: 310px;
        font-size: 16px;
    }

    footer.footer ul li a {
        font-size: 15px;
    }

    .fill-set label {
        font-size: 15px;
    }

    #caloriesGraph {
        width: 100% !important;
        height: auto !important;
    }

    #weightGraph {
        width: 100% !important;
        height: auto !important;
    }

    .social-section h3 {
        font-size: 20px;
    }

    .icon-link {
        height: 80px;
        width: 80px;
        background-size: 100% !important;
    }

    p {
        font-size: 16px;
    }

    .trophy-case-sec .trophy {
        background-size: 300px;
        min-height: 265px;
    }

    .badge-name {
        background-size: 87% 46px;
        min-width: 315px;
        font-size: 14px;
        line-height: 27px;
    }

    .upload-badge {
        background-size: 90% 46px;
        min-width: 390px;
    }

    .badge-name::before {}

    .badge-name::after {}

    .upload-badge::after {
        right: 0;
    }

    .upload-badge::before {
        left: 0px;
    }

    .info-box {
        width: 100%;
    }

    .blog .blog-post h3 {
        font-size: 16px;
    }

    .profile-view-info-detail {
        margin-top: 150px;
    }

    .profile-view-info-detail .weight-box .achived-img {
        position: absolute;
        right: 0;
        top: -16px;
        left: 0;
        margin: auto;
        text-align: center;
    }

    .star-sec .big-star-heading {
        margin-top: 10px;
    }

    .star-sec .prev-left {
        position: static;
        left: 0;
        top: 0;
        text-align: center;
        margin-top: 20px;
    }

    .star-sec .prev-left .star-count {
        margin-top: 10px;
    }

    .star-sec .next-right {
        position: static;
        left: 0;
        top: 0;
        text-align: center;
        margin-top: 20px;
    }

    .star-sec .next-right .star-count {
        margin-top: 10px;
    }

    .star-sec .bottom-left {
        position: static;
        left: 0;
        bottom: 0px;
    }

    .star-sec .bottom-left .top {
        width: 100%;
    }

    .star-sec .bottom-left .top .total-count {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    .star-sec .bottom-right {
        position: static;
        left: 0;
        bottom: 0px;
    }

    .star-sec .bottom-right .top {
        width: 100%;
    }

    .star-sec .bottom-right .top .total-count {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    .badge-achiev .badge-display .badge-main-left {
        width: 100%;
        float: none;
    }

    .badge-achiev .badge-display .badge-progress {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-top: 0;
        padding: 0 30px;
    }

    .badge-achiev .badge-display .badge-progress .progres {
        width: auto;
    }

    .badge-achiev .badge-total {
        width: auto;
        margin-top: 5px;
        float: none;
    }

    .badge-achiev .badge-result {
        margin-left: 3px;
        padding-bottom: 10px;
        float: none;
    }

    .profile-info-section .opt .opt-in .opt-data .list-group-horizontal .list-group-item {
        padding: 8px 6px;
        text-align: left;
    }

    .profile-info-section .opt .opt-in .opt-data .list-group-horizontal .list-group-item span {
        color: #ffb637;
        display: block;
    }
}

@media(max-width:480px) {}

@media (max-width:420px) {
    .nutrition-detail ul li {
        font-size: 16px;
    }

    footer.footer {
        text-align: center
    }

    .quest-container form {
        min-width: 100%;
    }

    .social-section .social-button {
        border-bottom: solid 1px #bbb;
    }
}

/* End Responsive */
/* DateTime Picker */

.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1;
}

.datepicker-container::before,
.datepicker-container::after {
    border: 5px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.datepicker-dropdown {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 6px #ccc;
    box-shadow: 0 3px 6px #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1;
}

.datepicker-inline {
    position: static;
}

.datepicker-top-left,
.datepicker-top-right {
    border-top-color: #39f;
}

.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
    border-top: 0;
    left: 10px;
    top: -5px;
}

.datepicker-top-left::before,
.datepicker-top-right::before {
    border-bottom-color: #39f;
}

.datepicker-top-left::after,
.datepicker-top-right::after {
    border-bottom-color: #fff;
    top: -4px;
}

.datepicker-bottom-left,
.datepicker-bottom-right {
    border-bottom-color: #39f;
}

.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
    border-bottom: 0;
    bottom: -5px;
    left: 10px;
}

.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
    border-top-color: #39f;
}

.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
    border-top-color: #fff;
    bottom: -4px;
}

.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
    left: auto;
    right: 10px;
}

.datepicker-panel>ul {
    margin: 0;
    padding: 0;
    width: 102%;
}

.datepicker-panel>ul::before,
.datepicker-panel>ul::after {
    content: " ";
    display: table;
}

.datepicker-panel>ul::after {
    clear: both;
}

.datepicker-panel>ul>li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
}

.datepicker-panel>ul>li:hover {
    background-color: rgb(229, 242, 255);
}

.datepicker-panel>ul>li.muted,
.datepicker-panel>ul>li.muted:hover {
    color: #999;
}

.datepicker-panel>ul>li.highlighted {
    background-color: rgb(229, 242, 255);
}

.datepicker-panel>ul>li.highlighted:hover {
    background-color: rgb(204, 229, 255);
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
    color: #39f;
}

.datepicker-panel>ul>li.disabled,
.datepicker-panel>ul>li.disabled:hover {
    background-color: #fff;
    color: #ccc;
    cursor: default;
}

.datepicker-panel>ul>li.disabled.highlighted,
.datepicker-panel>ul>li.disabled:hover.highlighted {
    background-color: rgb(229, 242, 255);
}

.datepicker-panel>ul>li[data-view="years prev"],
.datepicker-panel>ul>li[data-view="year prev"],
.datepicker-panel>ul>li[data-view="month prev"],
.datepicker-panel>ul>li[data-view="years next"],
.datepicker-panel>ul>li[data-view="year next"],
.datepicker-panel>ul>li[data-view="month next"],
.datepicker-panel>ul>li[data-view="next"] {
    font-size: 18px;
}

.datepicker-panel>ul>li[data-view="years current"],
.datepicker-panel>ul>li[data-view="year current"],
.datepicker-panel>ul>li[data-view="month current"] {
    width: 150px;
}

.datepicker-panel>ul[data-view="years"]>li,
.datepicker-panel>ul[data-view="months"]>li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px;
}

.datepicker-panel>ul[data-view="week"]>li,
.datepicker-panel>ul[data-view="week"]>li:hover {
    background-color: #fff;
    cursor: default;
}

.datepicker-hide {
    display: none;
}

/*  Owais Styling  */

.month-week {
    position: absolute;
    width: 300px;
    left: 30px;
    /* transform: translateY(-33.8%); */
}

.month-week .card {
    border-radius: .75rem;
}

.month-week .card-header {
    padding: 13px;
    background: #313131;
    color: white;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    box-shadow: 5px 6px 8px lightgray
}

.month-week .card-header:first-child {
    border-radius: calc(0.75rem - 1px) calc(0.75rem - 1px) 0 0;
}

.month-week .card-header .btn {
    width: 100%;
    text-align: left;
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #1067a5 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
    border: none;
    border-radius: 0px;
    text-decoration: none;
    color: #fff;
}

.month-week .card-header .btn.collapsed {
    background: #f2f2f2;
    /* background: -moz-linear-gradient(top, #f2f2f2 0%, #c4c4c4 100%);
            background: -webkit-linear-gradient(top, #f2f2f2 0%, #c4c4c4 100%);
            background: linear-gradient(to bottom, #f2f2f2 0%, #c4c4c4 100%);
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c4c4c4', GradientType=0); */
    color: #333;
}

.accordian-wrap .accordion-toggle {
    position: relative;
}

.accordian-wrap .accordion-toggle.collapsed::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f055";
    transition: all 0.5s ease-in-out;
    transform: rotate(90deg);
}

.accordian-wrap .accordion-toggle::after {
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f056";
    right: 10px;
    top: 11px;
    transition: all 0.5s ease-in-out;
    transform: rotate(0deg);
}

.month-heading {
    text-decoration: none;
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #1067a5 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
    color: #fff;
    padding: 10px 0px 10px 20px;
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

.month-heading.collapsed {
    background: #00aff0;
    color: #fff;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
    border: none;
    display: block;
    padding: 10px 0px 10px 20px;
    font-weight: 600;
    margin-bottom: 5px;
}

.weekMenu-heading {
    padding: 10px 0 10px 15px;
    display: block;
    background: #f1f1f1;
    border-bottom: 1px solid #999;
    box-shadow: none;
    color: #313131;
    font-weight: 600;
    font-size: 14px;
}

.month-heading.collapsed:hover,
.month-heading:hover,
.weekMenu-heading:hover {
    text-decoration: none;
    background: #1067a5;
    background: -moz-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: -webkit-linear-gradient(top, #1067a5 0%, #133a6f 100%);
    background: linear-gradient(to bottom, #1067a5 0%, #133a6f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1067a5', endColorstr='#133a6f', GradientType=0);
    color: #fff;
}

.card-body .accordion-inner ul {
    text-align: left;
    margin: 0 0 0 15px;
}

.card-body .accordion-inner ul li {
    color: #212121;
    padding: 6px 0 6px 20px;
    display: block;
    font-weight: 500;
    font-size: 15px;
    position: relative;
    text-align: left;
}

.card-body .accordion-inner ul li a {
    color: #1064a1;
    display: block;
    font-weight: 500;
    font-size: 15px;
    position: relative;
}

.card-body .accordion-inner ul li:after {
    position: absolute;
    left: 0;
    top: 7px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f101";
    font-size: 13px;
    color: #313131;
}

.month-week .card-body {
    padding: 0;
    overflow-y: auto;
    height: 560px;
    margin-top: 1px;
}

/* .month-week .card-body ul {
            list-style-type: none;
            padding: 0;
            margin-bottom: 0;
            text-align: center;
        } */

.month-week .card-body ul li.active a {
    background: #00aff0;
    color: #fff;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
    border: none;
}

.month-week .card-body ul li a:hover {
    background: #f9f9f9
}

.month-week .card-body ul li.active a:hover {
    background: #00aff0;
    color: #fff;
}

@media (max-width: 1440px) {
    .month-week {
        width: 210px;
        left: 20px;
    }
}

@media (max-width: 1199px) {
    .month-week {
        width: 210px;
        left: 20px;
    }
}
@media (max-width: 1199px) and (min-width: 992px)  {

.date-field, .day-field {
    width: 240px;}

}

@media (max-width: 991px) {
    .month-week {
        position: static;
        width: auto;
    }

    .month-week .card-body {
        height: 230px;
    }

    .start-date {
        display: none;
    }

    .end-date {
        display: none;
    }

    #sticker {
        position: static !important;
    }
    .metting-template .order { text-align: center !important; }

  
}

.realFR-set.sign input[type=text] {
    font-family: 'blbsignature';
}

.realFR-set.sign .form-control {
    font-size: 2.75rem !important;
    font-weight: bolder;
    color: black;
}

.realFR-set.sign-sibling {
    padding-top: 2.4rem;
}

input.form-control {}

.history-button,.history-button:hover{
    color: white;
}

.current-day {
    background: #124e87;
}

li.current-day a,li.current-day a:hover {
    color: white !important;
    background-color: #124e87 !important;
}

@media (max-width: 767px) {

    .nav-menu li a { font-size: 12px;}
    .nav-menu {margin: 4px 0;display: block;padding: 0px 17px 20px 20px;}
    .main-search .form-control { font-size: 13px;}
    
}


/*.................css.........................*/
.button-second input[type="submit"]{ border:0; }
.nav-menu li i {color: #ddd;font-size: 24px;position: absolute;left: -21px;top: 12px;}
.nav-menu li { position: relative;}
.welcome-page { text-align: center;width: 100%; }
.welcome-page h1 { font-size: 38px; margin: 0 0 0px 0; line-height: normal; }
.welcome-page h2 { font-size: 30px; margin: 0 0 20px 0; line-height: normal; }
.welcome-page .welcome-page-container { max-width: 600px; margin: 0 auto; }
.welcome-page .welcome-page-container { margin-bottom: 22px; }
.welcome-page .b-box { display: block; margin: 0 auto; max-width: 600px; width: 100%; text-decoration: none; background-color: #ddd; border-radius: 20px; padding: 15px; }
.welcome-page .b-box h4 { font-size: 21px; color: #000; font-weight: 400; margin: 0 0 25px 0; }
.welcome-page .b-box h4 strong { font-weight: 700; }
.welcome-page .b-box img { display: block; margin: 0 auto 20px; }
.welcome-page .b-box p { color: #000; }
.welcome-page .b-box:hover { background-color: #ddd;transition: all 0.5s ease-out; border-radius: 0; cursor: pointer;}
.welcome-page .col-md-3 { overflow: hidden; }
.welcome-page .personal-trainer { background-color: #000; display: inline-block; width: 300px; height: 40px; margin: 15px auto 10px; padding-top: 3px; font-size: 22px; }
.welcome-page .personal-trainer a { display: block; color: #fff; text-decoration: none; }
.welcome-page .before-after-pics { background-color: #cb91cd /*#4CAF50*/; display: inline-block; width: 300px; height: 40px; margin: 0 auto 30px; padding-top: 3px; font-size: 22px; }
.welcome-page .before-after-pics a { display: block; color: #fff; text-decoration: none; }
.welcome-page .testimonials-btn { background-color: #4CAF50; display: inline-block; width: 300px; height: 40px; margin: 0 auto 30px; padding-top: 3px; font-size: 22px; }
.welcome-page .testimonials-btn a { display: block; color: #fff; text-decoration: none; }
.welcome-page h3 { font-weight: 400; font-size: 25px; }
.welcome-page .person-title{ background-color: #3366ff; display: inline-block; width: 250px; height: 40px; margin: 0px auto 30px; padding-top: 3px; font-size: 22px; color: #fff; }
.welcome-page .in-person {max-width: 27rem; margin: 30px auto 0px; padding: 10px;}
.welcome-page .or { display: block; font-size: 25px; font-weight: 700;  text-align: center; margin-top: 20px; }
.container-box { max-width: 300px; margin: 0 auto; }
.container-box >div { margin-bottom: 25px; }
.payment-temp h1 { font-size: 50px; font-weight: 900; margin: 0 0 20px 0; line-height: normal; }
.payment-temp h3 { font-size: 23px; margin: 0 0 20px 0; }
.payment-temp h2 { font-size: 32px; margin: 0 0 20px 0; }
.payment-temp .pay-opt {margin: 30px 0 30px;text-align: center;padding-bottom: 30px;background: #eee;padding: 30px;}
.payment-temp .pay-opt { border-bottom: 2px solid #000 !important; }
.payment-temp .option-label{ position: relative; font-size: 20px;margin-top: -3px; margin-bottom: 24px; }
.payment-temp .option-groups { border:2px solid #000;background: #eee; padding: 30px 20px 5px 20px; margin-bottom: 30px; }
.payment-temp .saving { display: block; background-color: #3366ff; color: #fff; padding: 3px; max-width: 100px; margin: 0 auto 10px;}
.payment-temp .saving-blue { background-color: #44cb77; }
.payment-temp .saving-red { background-color: #ea78fa; }
.option-grey-shade { background-color: #ddd; border:1px solid #000; color: #000; }
.option-black-shade { background-color: #000; border:1px solid #000; color: #fff; }
.option-blue-shade { background-color: #3366ff; border:1px solid #000; color: #000; }
.option-green-shade{background-color: #44cb77; border:1px solid #000; color: #000;}
.option-red-shade{background-color: #ea78fa; border:1px solid #000; color: #000;}
.payment-temp .saving1 { display: block; background-color: #3366ff; color: #fff; padding: 3px; max-width: 300px; margin: 0 auto 10px;}
.payment-temp .saving11 { display: block; background-color: #ddd; border:1px solid #000; color: #000; padding: 3px; max-width: 300px; margin: 0 auto 10px;}
.payment-temp .saving5 { display: block; background-color: #3366ff; color: #fff; padding: 3px; max-width: 300px; margin: 0 auto 10px;}
.payment-temp  .option-label { position: relative; }
.payment-temp  .option-label img.payment { position: absolute; left: 131px;top: -90px;width: 90px;}
.payment-temp .block-radio { font-weight: 700; }
.metting-template h1 { font-size: 35px; font-weight: 400; margin: 0 0 0px 0; line-height: normal; }
.metting-template h3 { font-size: 23px; margin: 0 0 20px 0; }
.metting-template h3 strong { font-weight: 900; }
.fill-set label {  font-size: 15px; }
.metting-template .order {padding-top: 30px;text-align: center;font-size: 25px;}
.metting-template .date { background-color: #eee; border-bottom: 2px solid #000; padding: 5px; color: #000; text-align: center; display: block; margin:0 auto 25px; max-width: 180px; font-size: 17px; }
.log-heading i {  margin-left: 0px; display: inline-block; font-size: 20px; }
.meeting-form .row {
    background-color: #eee;
    max-width: 40rem;
    margin: 0 auto;
}
.question-icon { width: 90px; height: 80px; margin: 0 auto; }
.question-icon img { width: 100%; }
.modal-body p { font-size: 15px; }
.pop-icon { color: #000; text-align: center; font-size: 30px; margin-bottom: 15px; }
.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
.title-schdule {
    position: relative;
    display: inline-block;
    background: #3366ff;
    padding: 10px 0px;
    min-width: 350px;
    margin: 0 auto;
    margin-top: 0;
    height: 46px;
    top: 4px;
    font-size: 19px;
    color: #000;
}

@media(max-width: 767px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
 .metting-template h1, .welcome-page h1, .payment-temp h1 { font-size: 28px; }
 .metting-template h2, .welcome-page h2, .payment-temp h2 { font-size: 22px;}
 .metting-template h3, .welcome-page h3, .payment-temp h3 { font-size: 18px;}
 .metting-template .order {padding-top: 0px;text-align: center;font-size: 25px;}
 .question-icon { width: 70px; height: 70px; margin: 0 auto; }
 .nav-menu li i {left: 0px;top: 8px;}
 .nav-menu li {padding-left: 25px;}
 .nav-menu li .dropdown-menu {padding-left: 0px;}
}

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

.payment-temp .option-label img.payment {
    position: absolute;
    left: 24px;}

}
@media (max-width: 991px) {
.payment-temp .option-label img.payment {
    position: absolute;
    left: -27px !important;}

}

@media (max-width: 767px) {
.payment-temp .option-label img.payment {
    display: none;}
    
}


.nutrition .day-nav {
    background-color: #000;
    color: #aaa;
    min-height: 50px;
    align-items: center;
    border-top: 8px solid #ddd;
}
.nutrition .day-nav a {
    text-decoration: none;
    color: #aaa;
}
.nutrition .day-nav.day-nav-sticky {
    position: fixed;
    top: 57px; /* body padding top - day-nav border top width + 1 (so we have small border) */
    z-index: 98;
}
.nut-block {
    margin-bottom: 5px;
}
.nut-block .nut-header-desc, .nut-block .nut-desc {
    border-top: 8px solid #ddd;
}
/* .nut-block .nut-desc {
    font-size: 80%;
} */
.nut-block .nut-header {
    border-bottom: 2px solid black;
    border-top: 8px solid #ddd;
    min-height: 50px;
    font-size: 102%;
    color: #fff;
}
.nut-block.sleep, .nut-block.water, .nut-block.nut-total-block {
    margin-bottom: 24px;
}
.nut-grayline {
    border-bottom: 8px solid #ddd;
}
.bt-black-3 {
    border-top: 3px solid black;
}
.nut-header.sleep, .nut-header.water {
    background-color: #E53282;
    color: #ec9ed3;
}
.nut-header.exercise {
    background-color: #4cd964;
    color: #fff;
    font-size: 110%;
}
.nut-header.nut-total {
    background-color: black;
    color: #fff;
    border-top: 8px solid #ddd;
    border-bottom: 8px solid #ddd;
    font-size: 110%;
}
.nut-header .title { font-size: 1.15rem; }
.nut-header.nut-total .title { font-size: 1.25rem; }

.nut-block.nutrition {
    margin-bottom: 0px;
}
.nut-block.nutrition .nut-header {
    border-top: 8px solid #ddd;
    background-color: var(--ourBlue);
}
.nut-block.nutrition .nut-header.snack {
    background-color: #b9defa;
    color: var(--ourBlue);
}
.nut-title {
    margin-bottom: 0px;
}
.nut-title .nut-header {
    background-color: var(--ourBlue);
    border-bottom: 8px solid #ddd;
    border-top: 8px solid #ddd;
    color: #ffffff;
}
.nut-title .nut-sub-title {
    border-bottom: 2px solid black;
    min-height: 50px;
    font-weight: bold;
    align-items: center;
}
.underline {
    border-bottom: 2px solid black;
}
.nut-title .description {
    border-bottom: none;
}
.nut-row {
    align-items: center;
    padding: 3px 0;
    border-bottom: 1px solid black;
    min-height: 40px;
    background-color: #f2f2f2;
    line-height: 1.2!important;
}
.nut-row.add-row, 
.nut-row.add-sleep-row,
.nut-row.exercise-row {
    border-bottom: none;
    background-color: white;
}
#add-sleep-inputs{
    border-bottom: none;
    /* border-top: 1px solid black; */
}
.nut-row .add-food, 
.nut-row .add-sleep {
    cursor: pointer;
    padding-left: 10px;
    font-size: 85%;
}
.nut-block input {
    text-align: center;
}
.nut-title .nut-word {
    font-size: 140%;
}
.nut-input-col {
    text-align: center;
    padding: 1px 5px;
}
.nut-input, .nut-input:focus, .nut-input:disabled {
    background-color: #000;
    box-sizing: border-box;
    border: 2px solid #aaa9ad;
    color: #aaa;
    font-weight: bold;
    max-width: 3.8em;
    float: right;
    font-family: Calibri, sans-serif;
    font-size: 116%;
}
.sleep .nut-input, 
.sleep .nut-input:focus, 
.sleep .nut-input:disabled,
.water .nut-input, 
.water .nut-input:focus, 
.water .nut-input:disabled {
    background-color: #000;
    color: white;
}
.exercise-row .nut-input,
.exercise-row .nut-input:focus, 
.exercise-row .nut-input:disabled
{
    color: white;
}
.nut-input-grey {
    color: #aaa !important;
}
.nut-input-red {
    color: #e70000 !important;
}
.nut-input-green {
    color: #25af53 !important;
}
.nut-input-yellow {
    color: #e7f800 !important;
}

.actual-sleep-div {
    width: 100%;
    padding: 0.5rem 0.08rem;
    border-radius: 0.25rem;
}
.sleep-desc,
.water-desc,
.exercise-desc,
.calories-desc {
    padding-right: 0.2rem;
    font-size: 70%;
}
.calories-desc {padding-right: 1.1rem;}
.exercise-desc-left {
    font-size: 80%;
}
#food-search-results {
    position: absolute;
    z-index: 90;
}
.search_rows {
    margin: 0px -15px;
    max-height: 60vh;
    overflow: scroll;
}

.search_rows .nut-row {
    margin: 0px;
    cursor: pointer;
}
.nut-row .action .remove-row, .remove-sleep-row {
    padding: 2px 4px;
    color: red;
    font-size: 150%;
    margin-top: -11px;
}
small.note {
    font-size: 85%;
}
.nut-question-mark {
    width: 16px;
    margin-top: -4px;
    cursor: pointer;
}

.food-row {
    align-items: normal;
}
.food-row .description, .food-row .calories {
    font-weight: bold;
}
@media (max-width: 575px) {
    .nut-row .action .remove-row, .remove-sleep-row { padding: 2px 6px; }
    .food-row, .timepicker:placeholder-shown { font-size: 80%; }
    .timepicker, .nut-input {padding: .2rem .2rem;font-weight:bold;}
    .timepicker:placeholder-shown {font-weight:normal;}
    .ui-widget {font-size: .6rem !important;}
    .food-row > div, .nut-header > div, 
    .nut-desc > div, .exercise-row > div 
        {padding: 0px 0.25rem;}
}
@media (max-width:475px) {
    .timepicker:placeholder-shown { font-size: 70%; }
    .timepicker {font-size: 75%;}
    .ui-timepicker {text-align:left !important;}
}
@media (max-width: 380px) {
    .nut-row .action .remove-row, .remove-sleep-row { padding: 0px 3px; }
    .nut-row, .cur-date, .nut-goal-time { font-size: 80%; }
    .timepicker:placeholder-shown { font-size: 60%; }
    .ui-widget {font-size: .1rem !important;}
}
@media (max-width: 340px) {
    .food-row { font-size: 60%; }
}
.nut-submit-btn {
    border:0px;
}
.nut-submit-btn img {
    width: 135px;
}
.nut_actual_time {
    width: 6.6rem;
    display: inline-block;
    box-sizing: border-box;
    border: 2px solid #aaa9ad;
}
.nut-goal-time {
    min-width: 4.5em;
    display: inline-block;
    text-align: right;
}
.nut-goal-time-new {
    border-right: 2px solid white;
}
.nut-range {
    display: inline-block;
    font-size: 120%;
}

/* container adjustment */
.container {margin: 0 auto;}
.foot-copyRight .container {
    border-top: 1px solid #555;
    padding-top: 24px;
    padding-bottom: 18px;
}
@media (min-width: 939px) {
    .container {
        max-width: 900px;
    }
    .footer .follow-us .footer-menu ,
    .footer .about-blbopt .footer-menu {
        padding-left: 48px;
    }
}
@media (max-width:767.9px) {
    footer.footer, .buttom-right-menu {
        text-align: center;
    }
    footer.footer .row > div {
        margin-top: 10px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/* sticky header */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* search and other inputs */
.main-search .form-control, 
.search-nutrition,
.nut_actual_time,
.main-search .form-control:focus, 
.search-nutrition:focus,
.nut_actual_time:focus {
    background-color: #2c2c2c;
    color: #fff;
    caret-color: #0070c0;
}
.main-search .form-control::placeholder,
.search-nutrition::placeholder {
    color: #86868b;
}
.nut_actual_time::placeholder {
    color: #fff;
}
.main-search .form-control::-webkit-input-placeholder {
    /* Edge */
    color: #86868b;
}

.main-search .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #86868b;
}

.terms p, .privacy p, .page p {
    text-align: justify;
    text-align-last: left;
    margin: 0 auto 1.2em auto;
    font-size: 1rem;
    max-width: 680px;
}
.terms, .privacy {line-height: 1.2;}
.community p {
    text-align-last: center;
}
.page-body {
    text-align: justify;
    margin: 0 auto 1.2em auto;
    font-size: 1rem;
    max-width: 600px;
}
.legalurl:hover {color: #fff !important;}

.main {min-height: 75vh;}

.main a, .modal a {color: var(--ourBlue);}

.sponsors .gallery .row {
    text-align: center;
    align-items: center;
}
.sponsors .gallery .row [class*="col-md"] {
    /* padding: 20px; */
}
.sponsor .star {vertical-align: unset;}
.sponsor .blb-card.image {
    min-height: 0;
    padding: 0;
    padding-bottom: 100%;
}
.sponsor .blb-card.image img {
    max-height: 100%;
    max-width: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10%;
}
.community img { width: 220px; margin-right: -35px; }
.social-name {
    padding-top: 1rem!important;
    font-size: 125%!important;
}
.page_title { font-size: 200%; text-align: center; text-transform: uppercase; }
.page_title.pfg1 { font-size: 190%; line-height: 1.5;  }
.referral-qmark { margin-top: -6px; }
.page_title img, .qmark-icon { height: 16px !important; }
span.blue, .blue { color:var(--ourBlue); }
.grey {color: var(--txtgray);}
.not-available {color: #d0d0d0;}
.emailblue {color: #5ac8fa!important; }
.oldblue {color: var(--oldBlue)!important; }
.cred { color:red; }
.black {color: black!important;}
.text-black {color: black; }
span.white,div.white { color: #fff; }
.subtitle {font-size:140%; text-transform: uppercase;}
.subtitle.stg1 {font-size: 125%; color: var(--ourBlue); }
.w75p {width: 75%;}
.w80p {width: 80%;}
.w90p {width: 90%;}
.w96p {width: 96%;}
.w100p {width: 100%;}
.w10 {width:10px;}
.w14 {width:14px;}
.w50 {width:50px;}
.w55 {width:55px;}
.w80 {width:80px;}
.w100 {width:100px;}
.w105 {width:105px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w125 {width:125px;}
.w130 {width:130px;}
.w135 {width:135px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w170 {width:170px;}
.w200 {width:200px;}
.w220 {width:220px;}
.w225 {width:225px;}
.w290 {width:290px;}
.w350 {width:350px;}
.w5r {width: 5rem;}
.w10r {width: 10rem;}
.mw680 {max-width:680px;}
.mw450 {max-width:450px;}
.mw400 {max-width:400px;}
.mw40 {max-width:40rem;}
.mw37 {max-width:37rem;}
.mw35 {max-width:35rem;}
.mw25 {max-width:25rem;}
.mw15 {max-width:15rem!important;}
.mw10 {max-width:10rem!important;}
.mw7 {max-width:7rem!important;}
.mw4 {max-width:4rem!important;}
.mh2-5 {max-height: 2.5rem;}
.mh3 {max-height: 3rem;}
.mnh-24 {min-height: 24rem;}
.h20 {height:20px;}
.f65 {font-size: 65%;}
.f70 {font-size: 70%;}
.f80 {font-size: 80%;}
.f85 {font-size: 85%;}
.f90 {font-size: 90%;}
.f100 {font-size: 100%;}
.f102 {font-size: 102%;}
.f110 {font-size: 110%;}
.f1175 {font-size: 117.5%;}
.f120 {font-size: 120%;}
.f125 {font-size: 125%;}
.f130 {font-size: 130%;}
.f150 {font-size: 150%;}
.f170 {font-size: 170%;}
.f180 {font-size: 180%;}
.f200 {font-size: 200%;}
.f210 {font-size: 210%;}
.f300 {font-size: 300%;}
.fs58 {font-size: 58px;}
.fs84 {font-size: 84%;}
.fs92 {font-size: 92%;}
.small-text {font-size: 50%}
.fwb {font-weight: bold;}
.fwn {font-weight: normal;}
.tup {text-transform: uppercase;}
.tcap {text-transform: capitalize;}
.ttnone {text-transform: unset!important;}
a.tdn {text-decoration: none;}
.pr6 {padding-right: 6px;}
.pr18 {padding-right: 18px;}
.pl16 {padding-left:16px;}
.pl5 {padding-left:5px;}
.pl-18rem{padding-left:1.8rem;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.pt20vh{padding-top:20vh;}
.px-20 {padding-right:20px;padding-left:20px;}
.px-8 {padding-right:8px;padding-left:8px;}
.py-20 {padding-top:20px;padding-bottom:20px;}
.py-2-5r {padding-top:2.5rem;padding-bottom: 2.5rem;}
.py-1-8r {padding-top:1.8rem;padding-bottom: 1.8rem;}
.lh1{line-height: 1;}
.lh1-25{line-height: 1.25;}
.mb4{margin-bottom: 4px;}
.mb10{margin-bottom: 10px;}
.mt2 {margin-top: 2px;}
.mtm5{margin-top: -5px;}
.mtn6 {margin-top: -6px;}
.mt10 {margin-top: 10px;}
.mr10{margin-right:10px!important;}
.ml60{margin-left:60px!important;}
.ml-05rem{margin-left:-0.5rem;}
.mt-075r{margin-top: -0.75rem;}
.mb-2r,.my-2r{margin-bottom: 2rem;}
.mt-2r,.my-2r{margin-top: 2rem;}
.mt-1-3r{margin-top: 1.3rem;}
.bbn{border-bottom: none !important;}
.bb1b{border-bottom:1px solid black;}
.bt1b{border-top:1px solid black;}
.br1b{border-right:1px solid black;}
.br2b{border-right:2px solid black;}
.br2g{border-right:2px solid var(--faqgray);}
.bb1g{border-bottom:1px solid var(--faqgray);}
.bt1g{border-top:1px solid var(--faqgray);}
.bt14{border-top:1px solid #444;}
.bt2b{border-top:2px solid black;}
.bt2g{border-top:2px solid var(--faqgray);}
.bb2b{border-bottom:2px solid black;}
.bb2g{border-bottom:2px solid var(--faqgray);}
.b2b{border:2px solid black;}
.b2g{border:2px solid var(--faqgray);}
.b1b{border:1px solid black;}
.bg-white{background-color: #fff;}
.bg-grey{background-color: #eee;}
.bg-darkgrey{background-color: #999;}
.bg-greyc{background-color: #ccc;}
.bg-greyd{background-color: #ddd;}
.bg-black{background-color: #000; color: white;}
.bg-blue{background-color: var(--ourBlue);}
.bg-pink{background-color: #cb91cd;}
.bg-green{background-color: #4CAF50;}
.ffsrh {font-family: 'SCRIPT1RagerHevvy';}
.clear {clear: both;}
.floatleft {float: left;}
.floatright {float: right;}
.childs-fl > div {float: left;}
.childs-fr > div {float: right;}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 570px;
    }
}
.legalspliter { color: #555; }

.badge-row {
    padding-top: 1rem;
    /* padding-bottom: 1rem; */
}
.badge-row.bb {
    border-bottom: 1px solid var(--faqgray);
}
.badge-row.trophy-row {
    border: none;
    padding: 0;
    margin-top: -3rem;
}
.trophy-shelf {
    background: url('../images/trophy-shelf.png') no-repeat bottom center;
    background-size: 100% auto;
    min-height: 10rem;
    margin-top: -3rem;
    margin-left: -1.5rem;
}
.trophy-shelf-hold {
    min-height: 8.5rem;
}
.row.bt {border-top: 1px solid black;}
.row.btg {border-top: 1px solid var(--faqgray);}
.blb-badge .title {
    font-family: var(--ffsrh);
    font-size: 85%;
    text-transform: uppercase;
    /* min-height: 1.5rem; */
}
.blb-badge .date { 
    color: #86868b;
    margin-bottom: 2rem;
    font-size: 80%;
}
.blb-badge .image { 
    margin-bottom: 1rem;
    width: 125px; 
    position: relative; 
    top:0;
    transition: all ease 0.3s;
}
.blb-badge:hover .image { top: -10px; }
.main-badges {
    margin: 1.2rem auto 0rem;
}
.main-badges img {margin-top: -4px;margin-left: 0.25rem;}
.earned {
    color: #86868b;
    font-size: 80%;
}
.move-right {margin-left:1rem;}

.page .text {
    max-width: 21rem;
    margin: 0 auto;
}
.page.verification .text {max-width: 30rem;}
.page.video .text {max-width: 22rem;}

textarea.help {
    width: 30rem;
    max-width: 90%;
    height: 20rem;
    border: 2px solid black;
    background-color: #eee;
    color: #86868b;
    background-image: url('../images/help-question-mark-black.png');
    background-size: 11rem;
    background-repeat: no-repeat;
    background-position: 50% 70%;
    /* box-shadow: 0px 0px 20px 1px #666; */
}
/* textarea.help:focus {border: none;} */
textarea.help:valid {background-image: none;}
textarea.help::placeholder {
    font-size: 2rem;
    /* color: var(--ourBlue); */
    color: black;
    text-align: center;
    padding-top: 1.25rem;
    font-family: var(--ffsrh);
}

#accordion-faq .rotate-icon {float:right; font-size:170%;color:black;}
#accordion-faq .rotate-icon.fa-minus {color:var(--ourBlue);}
#accordion-faq .fa-plus {display: none;}
#accordion-faq .fa-plus:before,
#accordion-faq .fa-minus:before {display: none;}
#accordion-faq .collapsed .fa-plus {display: block;}
#accordion-faq .collapsed .fa-minus {display: none;}
#accordion-faq .collapsed .question {color:black;}
#accordion-faq a {text-decoration: none;}
#accordion-faq .card {border-right:none;border-left:none;}
#accordion-faq .card-header {background-color:#eee;border-bottom:none;}
#accordion-faq .card-header:has(.collapsed) {background-color: white;}
#accordion-faq .card-body {padding-top:0;line-height: 1.2;}
#accordion-faq .card:last-of-type {border-bottom: none;}
.question-title { color: var(--oldBlue) !important; }
ul.bullets {
    list-style:inherit;
    margin-left: 1rem;
}
.testimonials.page {line-height: 1.2;}
.verification .upload-file .btn {
    width: 200px;
    border: 2px solid #999;
    margin-top: 15px;
    color: #666;
    font-weight: bold;
    font-size: 120%;
}
.verification .upload-file .ver-file {
    width: 200px;
}
.verification .ver-form {
    background-color: #ededed;
    margin: 0 auto;
    padding: 0;
}
.ver-form .title {
    background-color: var(--oldBlue);
    color: white;
    padding: 10px;
    font-size: 120%;
    margin-top: 1.2rem;
    text-transform: uppercase;
    font-family: 'SCRIPT1RagerHevvy';;
}
.ver-form .add {
    text-align: left;
    padding: 10px;
    border-bottom: 8px solid #ccc;
    margin-bottom: 10px;
    cursor: pointer;
}
.ver-form .gw {
    border: 3px solid #aaa;
    padding: 4px 10px;
    background-color: black;
    color: red;
}
.ver-form .ver-input {
    border: 2px solid black;
    padding: 2px 8px;
}
.ver-form .cw {width: 63px;}
.ver-form .badge-input {width: 100px;}
.ver-form .ch_name,
.ver-form .ch_desc {width: 200px;}
.page.verification .btn-submit {
    border: none;
    background-color: transparent;
}
.about-us-body-width {
    max-width: 680px;
    margin: auto;
}
.payment-package {
    margin: 2rem auto;
    max-width: 25rem;
    cursor: pointer;
    border: 6px solid white;
}
.payment-package:hover, .payment-package.selected {
    border: 6px solid black;
}
.payment-package.optimus {
    max-width: 35rem;
    background-color: #ccc;
    padding: 2rem;
    position: relative;
}
.payment-package.optimus .best-value {
    position: absolute;
    top: 2rem;
    left: -4rem;
    width: 8rem;
}
.payment-package .title {
    font-weight: bold;
    color: white;
    font-size: 150%;
    padding: 0.75rem 0;
}

.gender .btn-secondary {width: 6.1rem;}
.row-margin{margin-right:-15px;margin-left:-15px;}
.terms-width .row {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

/* FullCalendar */
.fc-event.available {
    opacity: 1 !important;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid;
}
.fc-event.available .fc-event-title {
    margin: 0 !important;
}
.fc-event.confirmed {
    opacity: 1 !important;
    color: #000;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px solid #000;
}
.fc-timegrid-slot {
    height: 1rem !important;
}
.fc-toolbar-title {
    text-transform: uppercase;
}
.fc-col-header-cell {
    color: white;
    background-color: blue;
}
.fc .fc-daygrid-day-top {
    flex-direction: row !important;
    font-weight: bold;
    color: blue;
}

.mylog-body > .ui-timepicker-container > .ui-timepicker {
    text-align: left !important;
}
.mylog-body > .ui-timepicker-container > .ui-timepicker  .ui-menu-item {
    font-size: 0.875rem;
    line-height: 1.25;
}
.mylog-body > .ui-timepicker-container > .ui-timepicker  .ui-menu-item a {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
}
/* .mylog-body > .ui-timepicker-container > .ui-timepicker  .ui-menu-item a.ui-state-hover {
    background-color: var(--oldBlue);
    background-image: none;
    color: white;
} */

.ui-timepicker.ui-widget,
.nut-row.food-row .quantity select {
    font-family: Calibri, Arial, Sans-serif;
}

.nut-row.food-row .quantity select:disabled {
    color: black;
    font-weight: bold;
    background-color: #ddd;
}
/* .nut-row.food-row .quantity select option:hover {
    background-color: var(--oldBlue)!important;
} */

.search-result-header {
    padding-right: 1rem;
}

.nut-row.food-row .icons {
    /* padding-top: 0.25rem; */
    display: flex;
    padding-left: 1.6rem;
    height: 32px;
    align-items: center;
}
.nut-row.food-row.search-result-header .icons {
    padding-top: 0px;
    justify-content: center;
    padding-left: 1.5rem;
    height: 32px;
    align-items: center;
}
.blb-icon {
    position: relative;
    /* Adjust the width and height based on the icon size */
    /* width: 32px; 
    height: 32px; */
}

.blb-icon.icon::before {
    content: '';
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
}

.blb-icon.icon.heart::before {
    background-image: url('../images/blb-icons/food-icons/heart.png');
    width: 26px; 
    height: 24px;
    margin-right: 5px;
}

.blb-icon.icon.water::before {
    background-image: url('../images/blb-icons/food-icons/water.png'); 
    width: 20px; 
    height: 28px;
}

.blb-icon.icon::before {
    width: 24px; 
    height: 24px;
}

.blb-icon.icon.antioxidant::before {
    background-image: url('../images/blb-icons/food-icons/antioxidant.png?v=1');
    
    width: 26px; 
    height: 26px;
}

.blb-icon.icon.fish::before {
    background-image: url('../images/blb-icons/food-icons/fish.png?v=1');
    
    width: 27px;
    height: 27px;
}

.blb-icon.icon.fruits::before {
    background-image: url('../images/blb-icons/food-icons/fruits.png?v=1'); 
    
    width: 26px;
    height: 26px;
    margin-right: -2px;
    /* margin-left: -1px; */
    margin-top: -2px;
}

.blb-icon.icon.grain::before {
    background-image: url('../images/blb-icons/food-icons/grain.png?v=1'); 
    
    /* height: 28px;
    margin-left: -2px; */

    height: 32px;
    width: 28px;
    margin-right: -1px;
    margin-left: -5px;
    margin-top: 3px;
}

.blb-icon.icon.nuts::before {
    background-image: url('../images/blb-icons/food-icons/nuts.png?v=1');
    
    margin-top: 2px;
}

.blb-icon.icon.vegetables::before {
    background-image: url('../images/blb-icons/food-icons/vegetables.png?v=1');
    
    width: 28px;
    height: 28px;
    margin-right: -2px;
    margin-left: -2px;
}

.blb-icon.icon.vitamin::before {
    background-image: url('../images/blb-icons/food-icons/vitamin.png?v=1');

    width: 27px; 
    height: 27px;
}

.blb-icon.icon.yogurt::before {
    background-image: url('../images/blb-icons/food-icons/yogurt.png?v=1');
    
    width: 26px;
    height: 26px;
    margin-right: -1px;
    margin-left: -1px;
    margin-top: 1px;
}

.blb-icon.icon.nicon::before {
    width: 20px; 
    height: 20px;
    margin-left: 7px;
}

.blb-icon.icon.n1::before {
    background-image: url('../images/blb-icons/n-icons/1.png?v=2'); 
}
.blb-icon.icon.n2::before {
    background-image: url('../images/blb-icons/n-icons/2.png?v=2'); 
}
.blb-icon.icon.n3::before {
    background-image: url('../images/blb-icons/n-icons/3.png?v=2'); 
}
.blb-icon.icon.n4::before {
    background-image: url('../images/blb-icons/n-icons/4.png?v=2'); 
}
.blb-icon.icon.n5::before {
    background-image: url('../images/blb-icons/n-icons/5.png?v=2'); 
}
.blb-icon.icon.n6::before {
    background-image: url('../images/blb-icons/n-icons/6.png?v=2'); 
}
.blb-icon.icon.ngoal::before {
    background-image: url('../images/blb-icons/food-icons/tortoise.png?v=1');
    width: 26px;
    height: 26px;
    margin-left: 3px;
    margin-top: -3px;
}

@media (max-width: 500px) {
    .nut-row.food-row .icons {
        padding-left: 0.5rem;
    }
}

/* FLEX */
.flex {display: flex;}
.f-dir-col {flex-direction: column;}
.f-jsut-end {justify-content: flex-end;}
.flex-col-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.g-recaptcha div:first-of-type {
    margin: 0 auto;
}

a:hover {
    text-decoration: none;
}