/*
Theme Name: Member Portal Theme
Theme URI: http://member-hub.com
Description: Member Portal Theme for FBP Clients
Version: 2
Author: Lee Iacovou
Author URI: http://www.bossmodemedia.com
*/



/*CSS RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
     font-family: 'Roboto',sans-serif;
    -webkit-font-smoothing: antialiased;
}
/*CSS RESET*/


/*LOGO DESKTOP STYLES*/

#faux-logo {

    height: auto;
    position: absolute;
    z-index: 99999999999;
    
}



#top-logo {
    position: absolute;
    height: auto;
    z-index: 999;
}

#footer-logo {
  display: none;
}

#login-logo {
    height: auto;
    position: absolute;
}

#login-logo img {
    width: 100%;
    height: auto;
}

#doc-holder {
    width: 74%;
    height: 10vw;
    /* background-color: #F00; */
    margin-left: 11%;
    position: relative;
}

#doc-holder1-ol {
    width: 46%;
    height: 10vw;
    position: absolute;
    top: 2%;
    left: 3.5%;
    /* background-color: #F00; */
}

#doc-holder1-ol button {
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
}

#doc-holder1-ol a:link {
    width: 100%;
    height: 100%;
  float: left;

}

#doc-holder1-ol a:visited {
    width: 100%;
    height: 100%;
  float: left;
  
}

#doc-holder1-ol a:active {
    width: 100%;
    height: 100%;
  float: left;
  
}

#doc-holder1-ol a:hover {
    width: 99.5%;
    height: 99%;
    float: left;
    background-color: #ffffff5e;
    border-radius: 12px;
}






#doc-holder2-ol {
    width: 46%;
    height: 10vw;
    position: absolute;
    top: 2%;
    right: 1%;
    /* background-color: #F00; */
}

#doc-holder2-ol button {
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
}

#doc-holder2-ol a:link {
    width: 100%;
    height: 100%;
  float: left;

}

#doc-holder2-ol a:visited {
    width: 100%;
    height: 100%;
  float: left;
  
}

#doc-holder2-ol a:active {
    width: 100%;
    height: 100%;
  float: left;
  
}

#doc-holder2-ol a:hover {
    width: 99.5%;
    height: 99%;
    float: left;
    background-color: #ffffff5e;
    border-radius: 12px;
}

#doc-holder1 {
    width: 46%;
    height: 10vw;
    float: left;
    /* background-color: #F00; */
    border: 2px solid var(--main);
    margin: 0% 0% 0% 3%;
    border-radius: 15px;
    background-color: #ffffff21;
}

#doc-holder2 {
    width: 46%;
    height: 10vw;
    float: left;
    /* background-color: #F00; */
    border: 2px solid var(--main);
    margin: 0% 0% 0% 3%;
    border-radius: 15px;
    background-color: #ffffff21;
}

#doc-header {
    width: 100%;
    height: 12vw;
    position: absolute;
    top: 0vw;
    left: 0vw;
    background-color: #000;
}

#stamped {
    width: 18%;
    height: 12vw;
    position: absolute;
    top: 1vw;
    right: 4vw;
}

#stamped img {
    width: 100%;
    height: auto;
}


#doc-content {
    width: 86%;
    height: auto;
    min-height: 40vw;
    position: absolute;
    top: 11vw;
    left: 5vw;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 4vw 2vw 2vw 2vw;
    font-size: 1.2vw;
    color: #000000!important;
    font-family: 'Lato', sans-serif;
    /* margin: 0% 0% 0% 0%; */
    line-height: 1.5vw;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

#doc-signed {
    width: 100%;
    height: auto;
    margin-top: 2vw;
}

#doc-signed-l {
    width: 70%;
    height: 14vw;
   float: left;

}

#doc-signed-r {
    width: 30%;
    height: 14vw;
   float: left;
    position: relative;

}


#doc-signed-l2 {
    width: 70%;
    height: 3vw;
   float: left;
 
}

#doc-signed-l2 h6  {
    font-size: 1.2vw;
    color: #000000!important;
    font-family: 'Lato', sans-serif;

}

#doc-signed-r2 h6  {
    font-size: 1.2vw;
    color: #000000!important;
    font-family: 'Lato', sans-serif;
text-align: right;
}

#doc-signed-r h5 {
    font-size: 1.8vw;
    color: #000000!important;
    font-family: 'Lato', sans-serif;
    position: absolute;
    bottom: 0vw;
    right: 0vw;
}

#doc-signed-r2 {
    width: 30%;
    height: 3vw;
   float: left;
 

}

button#signy {
    width: 50%;
    height: 3vw;
    margin-left: 25%;
    margin-bottom: 2%;
    margin-top: 30%;
}


button#clear {
    width: 50%;
    height: 3vw;
    margin-left: 25%;
    margin-bottom: 2%;
}



#doc-buttons {
    margin-top: 3vw;
    width: 80%;
    height: 7vw;
    text-align: center;
    float: left;
    margin-left: 10%;
}

#doc-buttons button {
    width: 38%;
    height: 3vw;
    border-radius: 15px;
    border: 0px;
    background-color: #1c91b4;
    color: #e6ff64;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.1vw;
    /* margin-left: 27vw; */
    /* margin-top: 4vw; */
    margin-bottom: 1vw;
}

#db1 {
    width: 47%;
    height: 2.3vw;
    background-color: #ccc;
    font-size: 1.2vw;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-align: center;
    float: left;
    padding-top: 0.7vw;
    border-radius: 15px;
    margin-left: 1%;
}




div#doc-signed-l img {
    width: auto;
    height: 89%;
}

#doc-content p {
    font-size: 1.2vw;
    color: #000000!important;
    font-family: 'Lato', sans-serif;
    margin: 0% 0% 0% 0%;
    line-height: 2.5vw;
}

#sign-holder {
    width: 42%;
    height: auto;
    margin: 0 auto;
    margin-top: 3vw;
}


#doc-holder1 h5 {
    font-family: 'Lato',sans-serif !important;
    font-size: 3.75vw !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 5.5% 0% 0% 0% !important;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center !important;
}


#doc-holder1 h6 {
    font-family: 'Lato',sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    color: #ffffff;
    margin: 0% 0% 0% 0%;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#doc-holder2 h5 {
    font-family: 'Lato',sans-serif !important;
    font-size: 3.75vw !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 5.5% 0% 0% 0% !important;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center !important;
}


#doc-holder2 h6 {
    font-family: 'Lato',sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    color: #ffffff;
    margin: 0% 0% 0% 0%;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#select-holderNEW-NEW {
    width: 40vw;
    height: 4vw;
    position: absolute;
    top: 18.5vw;
    right: 5vw;
    z-index: 999999999;
}

#coach-schedule {
    width: 47%;
    height: 3.75vw;
    margin: 0% 0% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.1vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 3%; */
    float: right;
}



#coach-schedule a:link {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#coach-schedule a:visited {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#coach-schedule a:active {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

button#gym {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background: none;
    z-index: 9;
    display: none;
    border: 0px;
}


#all-body-statsV3 {
    width: 86%;
    height: 236vw;
    position: absolute;
    top: 48vw;
    left: 7%;
    border-bottom: 2px solid var(--main);
}


#coach-schedule a:hover {
    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color: #FFF;
    background-color: var(--main)4f;
    border-radius: 15px;
}


button#bbbb {
    z-index: 999999999;
    width: 54%;
    border: 3px solid #fff;
    border-radius: 15px;
    color: #fff;
    font-size: 1.1vw;
    padding: 2% 0% 2% 0%;
    margin: 4% 0% 0% 2%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}


#docz-top

{


width: 100%;
height: 8vw;
text-align: center;
float:  left;
}

div#docz-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.8vw;
    font-weight: 600;
    color: #000;
    padding: 1.5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

div#docz-left h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    font-weight: 600;
    color: #FFF;
    margin: 0% 0% 5% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    background-color: #000;
    padding: 2% 0% 2% 0%;
}


div#docz-left ul li {
    font-family: 'Lato',sans-serif;
    font-size: 1.25vw;
    font-weight: 400;
    text-align: left;
    color: #000;
    margin: 0% 10% 4% 5%;
    -webkit-font-smoothing: antialiased;
    line-height: 1.7vw;
}

#docz-left {
    width: 49%;
    height: auto;
    min-height: 31vw;
    float: left;
    border-right: 1px solid #000;
}




#docz-right {
    width: 50%;
    height: auto;
    min-height: 31vw;
 
    float: left;
}

div#docz-right h4 {
   font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    font-weight: 600;
    color: #FFF;
    margin: 0% 0% 5% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    background-color: #000;
    padding: 2% 0% 2% 0%;
}


div#docz-right ul li {
    font-family: 'Lato',sans-serif;
    font-size: 1.25vw;
    font-weight: 400;
    text-align: left;
    color: #000;
    margin: 0% 0% 4% 11%;
    -webkit-font-smoothing: antialiased;
    line-height: 1.7vw;
}

div#docz-left ul {
    list-style-type: square;
}

div#docz-right ul {
    list-style-type: square;
}


div#box-hider {
    margin-top: -34vw;
}

div#logo-hider {
    overflow: hidden;
}





a:-webkit-any-link {

    cursor: pointer;

}


textarea#theFood {
    width: 45%;
    height: 10vw;
}



input#theFood {
    width: 43%;
    padding: 10px;
    font-size: 1vw;
}


#snubber {
    width: 29%;
    height: 2.25vw;
    margin: 0 auto;
    border-radius: 15px;
    padding-top: 1%;
    border: 0px;
    background-color: #1c91b4;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 3%;
    font-size: 1.1vw;
}

#snubber a:link {

 color: #ffffff;
 text-decoration: none;

}

#snubber a:hover {

color: #ffffff;
 text-decoration: none;
    
}


#snubber a:visited {
color: #ffffff;
 text-decoration: none;

    
}


#snubber a:active {

color: #ffffff;
 text-decoration: none;
    
}

#snubber2 {
    width: 29%;
    height: 2.25vw;
    margin: 0 auto;
    border-radius: 15px;
    padding-top: 1%;
    border: 0px;
    background-color: #F00;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 3%;
    font-size: 1.1vw;
}

#snubber2 a:link {

 color: #ffffff;
 text-decoration: none;

}

#snubber2 a:hover {

color: #ffffff;
 text-decoration: none;
    
}


#snubber2 a:visited {
color: #ffffff;
 text-decoration: none;

    
}


#snubber2 a:active {

color: #ffffff;
 text-decoration: none;
    
}



body
{

background-color:  #000;


}

select#theMeal {
    width: 45.5%;
    padding: 10px;
    font-size: 1vw;
}

select#thePickedDay {
    width: 45.5%;
    padding: 10px;
    font-size: 1vw;
}

select#theFeel {
    width: 45.5%;
    padding: 10px;
    font-size: 1vw;
}

select#theUse {
    width: 45.5%;
    padding: 10px;
    font-size: 1vw;
}

select#otherField {
    width: 45.5%;
    padding: 10px;
    font-size: 1vw;
}




#next-class
{


color: #fff ;


}


#hiderA h3 
{


text-align: center;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 2vw !important;
        color: #fff;
        margin-top: 3%;
        font-weight: 700;
}


 #hiderA-button {
  width: 38%;
  height: 3vw;
  border-radius: 15px;
  border: 0px;
  background-color: #1c91b4;
  color: #e6ff64;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.1vw;
  margin-left: 31vw;
  margin-top: 7vw;
  margin-bottom: 2vw;
  text-align: center;
  padding-top: 1.2vw;
}

#hiderA-button a:link
{

float: left;
width: 100%;
height: 100%;
text-decoration: none;
color:  #fff;
}


#hiderA-button a:hover
{

float: left;
width: 100%;
height: 100%;
text-decoration: none;
color:  #fff;
}


#hiderA-button a:active
{

float: left;
width: 100%;
height: 100%;
text-decoration: none;
color:  #fff;
}

#hiderA-button a:visited
{

float: left;
width: 100%;
height: 100%;
text-decoration: none;
color:  #fff;
}











.notOnDesk
{

display: none;

}

#booky
{

float: left; 
width: 49% !important; 
margin-left: 0% !important;


}


#not-started {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.2vw;
    color: #Fff;
    text-align: center;
    margin: 5% 10% 0% 10%;
    font-weight: 600;
    line-height: 1.7vw;
}


#not-started a:link {
    
    color: #fff;
    text-decoration:  none;
}

#not-started a:hover {
    
    color: #fff;
    text-decoration:  underline;
}


#not-started a:visited {
    
    color: #fff;
    text-decoration:  none;
}


#not-started a:active {
    
    color: #fff;
    text-decoration:  none;
}




div#user-button a:link {
    color: #fff;
    text-decoration: none;
}

div#user-button a:hover {
    color: #fff;
    text-decoration: none;
}

div#user-button a:active {
    color: #fff;
    text-decoration: none;
}

div#user-button a:visited {
    color: #fff;
    text-decoration: none;
}

.um-name {
  
    display: none;
}


#myframe {
    width: 100%;
    height: 43vw;
}



span.counter {
    font-family: 'Montserrat',sans-serif;
}



div#obh-right iframe {
    margin: 8% 0% 0% 4%;
    width: 86%;
    height: 23vw;
    border: 1px solid var(--main);
}

div#obh-right img {
    margin: 8% 0% 0% 4%;
    width: 86%;
    height: 23vw;
    border: 1px solid var(--main);
}




div#sc-right strong {
    font-weight: 900;
    font-size: 1.5vw;
}





div#myDiv3 {
    width: 100%;
    height: 4.1vw;
    float: left;
}


#myDiv3 h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
    margin: 0% 0% 0% 37%;
    font-weight: 700;
}

#myDiv3 h5 {
    color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 1w;
    margin: 0% 0% 0% 37%;
    font-weight: 700;
}









#back-hero-holder {
    width: 100%;
    height: 18vw;
    background-color: #000;
    
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.um-misc-ul
{

display:none;


}

.um-misc-with-img
{
display:none;


}


#one-module99 {
    width: 46%;
    height: 15vw;
    float: left;
    margin: 0% 1.5% 2% 1.5%;
    border: 1px solid #fff;
    position: relative;
    background-color: #ffffff36;
}

#one-module-bottom99 p {
    text-transform: uppercase;
    font-family: 'Lato',sans-serif;
    font-size: 1.5vw;
    margin: 9% 8% 5% 8%;
    color: #fff;
    font-weight: 400;
    line-height: 2vw;
    text-align: center;
}

#onboard-header {
    width: 100%;
    height: 30vw;
 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    /* border-top: 1px solid var(--main); */
}

#onboard-header h2 {
    font-size: 2.8vw;
    color: var(--main)!important;
    font-family: 'Lato', sans-serif;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
}

#onboard-header p {
    font-size: 1.4vw;
    color: #ffffff!important;
    font-family: 'Lato', sans-serif;
     margin: 0% 0% 0% 0%;
}



div#butt {
    margin: 0 auto;
    width: 30%;
    background-color: var(--main);
    padding: 2%;
    text-align: center;
    border-radius: 15px;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.25vw;
    font-weight: 800;
}



div#butt a:link {

    text-decoration: none;
    color: #FFF;

    }

div#butt a:visited {

    text-decoration: none;
    color: #FFF;

    }

div#butt a:active {

    text-decoration: none;
    color: #FFF;

    }

div#butt a:hover {

    text-decoration: underline;
    color: #FFF;

    }


#ta-message
{


display:  none;

}

#ta-message h2
{

font-size: 2.1vw !important;

}




#bigframe {
    margin: 8% 0% 0% 4%;
    width: 86%;
    height: 23vw;
    border: 1px solid var(--main);
}

#buttonClone {
    padding: 2% 15% 2% 15%;
    color: #FfF;
    font-size: 1.5vw;
    font-family: 'Lato',sans-serif;
    font-weight: 600!important;
    letter-spacing: 1px;
    border-radius: 50px;
    margin: 5% 0% 0% 0%;
    background-color: var(--main);
    border: 2px solid #fff;
}

#buttonClone2 {
    padding: 2% 15% 2% 15%;
    color: #FfF;
    font-size: 1.5vw;
    font-family: 'Lato',sans-serif;
    font-weight: 600!important;
    letter-spacing: 1px;
    border-radius: 50px;
    margin: 5% 0% 0% 0%;
    background-color: var(--main);
    border: 2px solid #fff;
}

#formzy {
    width: 44%;
    height: auto;
    margin: 0 auto;
}

#hid {
    display: none;
}



#um-submit-btn {
  background-color: var(--main);
  width: 35vw;
  height: 4vw !important;
  font-size: 1.6vw;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  border-radius: 40px !important;
  border: 2px solid #FFF !important;
  margin: 34% 0% 0% -32% !important;
}

.um-button.um-btn-auto-width {
    background-color: var(--main) !important;
}




#formzy h2 {
    font-size: 1vw !important;
    margin: 0% 13% 3% 0% !important;
    color: #e3d8d8 !important;
    text-align: left !important;
    font-weight: 600 !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    letter-spacing: 0px !important;
}

#formzy input {
    width: 10%;
    height: 2vw;
    border-radius: 25px;
    border: 0px;
    font-size: 1.2vw;
}

input#currentWeight {
    width: 100%;
}

input#targetWeight {
    width: 100%;
}

input#height {
    width: 100%;
}

#extraStatsButton {
   background-color: var(--main);
    border: 2px solid #fff;
    border-radius: 25px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    margin: 18% 0% 0% 23%;
    font-size: 1vw;
    color: #fff;
    border: 0;
    width: 60% !important;
    padding: 5% 4% 11% 4%;
}

#extraStatsButton2 {
    background-color: var(--main);
    border: 2px solid #fff;
    border-radius: 25px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    margin: 8% 0% 0% 34%;
    font-size: 1vw;
    color: #fff;
    border: 0;
    width: 37% !important;
    padding: 2% 0% 6% 0%;
}

div#standard-container h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 700;
    color: var(--main);
    padding: 2.5% 10% 0% 7%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

div#standard-container h4 {
    font-family: 'Lato',sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    color: #ffffff;
    padding: 2.5% 10% 0% 7%;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#sc-right hr 
{

    width: 80% !important;
    margin-top: 4% !important;
    margin-bottom: 10% !important;
    height: 0.25px;
    background-color: #605e5e;
    margin-left: 10%;



}

button#sixWeek {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background: none;
    z-index: 9;
    display: none;
    border: 0px;
}

button#fatloss {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background: none;
    z-index: 9;
    display: none;
    border: 0px;
}

button#corp {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background: none;
    z-index: 9;
    display: none;
    border: 0px;
}

button#inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
   background: none;
    z-index: 9;
    display: none;
    border: 0px;
}

button#cleanse {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
   background: none;
    z-index: 9;
    display: none;
    border: 0px;
}



.et_pb_button_module_wrapper>a {
    display: inline-block;
    color: #000;
}



div#standard-container-row {
    background-image: linear-gradient(97deg,#0e80ff 0%,#ef4092 100%)!important;
    padding-top: 4%;
    padding-bottom: 1%;
}

div#standard-container-row2 {
    background-image: linear-gradient(97deg,#0e80ff 0%,#ef4092 100%)!important;
    padding-top: 0%;
    padding-bottom: 1%;
}

#members-nav {
    width: 100%;
    height: 4.5vw;
    background-color: #FFF;
}

#mn-left {
    width: 30%;
    height: auto;
    float:left;
}

#mn-left img {
    width: 37%;
    height: auto;
    margin: 3.5% 0% 0% 53%;
}

#who {
    color: #fff;
    font-size: 1.5vw;
    margin: 0% 0% 5% 0%;
}

#mn-right {
    width: 64%;
    height: auto;
    float: left;
    padding-top: 1%;
    margin-left: 6%;
}

#mn-right ul
{

  font-family: Raleway;
  list-style: none;


}

#yell {
    background-color: #f4c00a;
    padding: 0.5% 1% 0.5% 1%;
    margin-top: -0.5% !important;
    border-radius: 25px;
}

#mn-right ul li {
    float: left;
    margin: 0% 2% 0% 2%;
    font-size: 0.8vw;
    color: #008081;
}

#mn-right ul li a:link {
    color: #008081;
    text-decoration: none;
}

#mn-right ul li a:hover {
    color: #008081;
     text-decoration: underline;
}

#mn-right ul li a:visited {
    color: #008081;
    text-decoration: none;
}

#mn-right ul li a:active {
    color: #008081;
    text-decoration: none;
}

#food-hero-content {
    width: 88%;
    height: auto;
    position: absolute;
    top: 30%;
    left: 5%;
}

#food-hero-content h2 {
    font-size: 3vw;
    margin: 0% 13% 0% 13%;
   color: #028081;
    text-align: center;
    line-height: 4vw;
    text-transform: uppercase;
     font-family: 'Lato',sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
   
    font-weight: 900;
}

#food-hero-content p
{

 text-align: center;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 0.9vw !important;
        color: #fff;
        margin-top: 1%;

}

#sub-title {
    width: 96%;
    height: 3vw;
    margin: 0 auto;
    border-bottom: 1px solid #ffffffb5;
    margin-bottom: 2%;
}


#sub-title h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.5vw;
    font-weight: 700;
    color: #ffffffb5;
    padding: 0% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#sub-title3 {
    width: 96%;
    height: 3vw;
    margin: 0 auto;
    border-bottom: 1px solid #ffffffb5;
    margin-bottom: 2%;
    margin-top: 8vw;
}


#sub-title3 h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.5vw;
    font-weight: 700;
    color: #ffffffb5;
    padding: 0% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#sub-title2 {
    width: 96%;
    height: 3vw;
    margin-left: 2%;
    border-bottom: 1px solid #ffffffb5;
    margin-bottom: 2%;
    margin-top: 5%;
    float: left;
}


#sub-title2 h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.5vw;
    font-weight: 700;
    color: #ffffffb5;
    padding: 0% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}






#one-moduleX {
    width: 29.5%;
    height: auto;
    float: left;
    margin: 0% 1.5% 2% 1.5%;
    border: 4px solid var(--main);
    position: relative;
    border-radius: 25px;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#one-moduleX img {
    width: 100%;
    height: auto;
    position:relative;
    border-radius: 25px;
}

#one-module-topX {
    width: 94%;
    height: 16.5vw;
    overflow: hidden;
    margin-bottom: 1.5vw;
    margin-left: 3%;
    margin-top: 3%;
    position: relative;
    border-radius: 25px;
}

#one-module-bottomX {
    height: 13vw;
    width: 100%;
    float: left;
    color: #fff;
}

#standard-containerNOW {
    width: 96%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 3%;
    position: relative;
    margin-top: 16vw;
}

#standard-containerFOOD {
    width: 96%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 3%;
    position: relative;
    margin-top: 9vw;
}


#nav-buttons {
    width: 64%;
    height: auto;
    margin: 0 auto;
    background-color: #6c6c6c2e;
    margin-top: -2vw;
    margin-bottom: 2vw;
    text-align: center;
}

div#answeringZZZ {
    width: 100%;
    height: 3vw;
    background-color: #1b9546;
}

div#answeringZZZ h5 {
    font-family: 'Lato',sans-serif;
    font-size: 1.2vw;
    font-weight: 800;
    color: #ffffff;
    padding: 1% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    float: none;
}

#after-day-select
{


display: none;


}

#nav-buttons p {
    font-family: 'Lato',sans-serif;
    font-size: 1.2vw;
    font-weight: 800;
    color: var(--main);
    padding: 3% 0% 1% 0%;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#nav-buttons222 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #6c6c6c2e;
    /* margin-top: -2vw; */
    margin-bottom: 4vw;
    text-align: center;
    display: none;
}

#one-meal
{

width: 12.4%;
height: auto;
min-height: 10vw;
float: left;
border-right: 1px solid #FFF;

}

#one-meal h3 {
    font-family: 'Lato',sans-serif !important;
    font-size: 1.5vw !important;
    font-weight: 700 !important;
    color: var(--main) !important;
    padding: 4% 0% 0% 0% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: center !important;
}


#one-meal p {
    font-family: 'Lato',sans-serif;
    font-size: 1vw;
    font-weight: 800;
    color: #ffffff;
    padding: 5% 0% 1% 0%;
    -webkit-font-smoothing: antialiased;
    /* text-transform: uppercase; */
}


input#subber {
    width: 29%;
    height: 3vw;
    border-radius: 15px;
    border: 0px;
    background-color: #1c91b4;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 3%;
    font-size: 1.1vw;
    margin-bottom: 4%;
}

div#reset-search {
    font-family: 'Lato',sans-serif;
    font-size: 1.2vw;
    font-weight: 800;
    color: #ffffff;
    padding: 3% 0% 1% 0%;
    -webkit-font-smoothing: antialiased;
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
}

div#reset-search a:link {

color: #FFF;
text-decoration: none;


}

div#reset-search a:visited {

color: #FFF;
text-decoration: none;


}


div#reset-search a:active {

color: #FFF;
text-decoration: none;


}


div#reset-search a:hover {

color: #1c91b4 !important;
text-decoration: !important;


}

#has-searched
{


display:  none;
padding-top: 2%;

}

#has-searched h5 {
    font-family: 'Lato',sans-serif;
    font-size: 1.2vw;
    font-weight: 800;
    /* text-align: left; */
    color: #ffffff;
    margin: 0.75% 2% 0% 25%;
    -webkit-font-smoothing: antialiased;
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    float: left;
}

#has-searched h3 {
    font-family: 'Lato',sans-serif !important;
    font-size: 2vw !important;
    font-weight: 700 !important;
    color: var(--main) !important;
    padding: 0% 0% 0% 0% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    /* text-align: center; */
    float: left !important;
}

div#answering {
    width: 100%;
    height: 5vw;
    /* background-color: aliceblue; */
}

#pn-title {
    width: 25.7%;
    height: auto;
    /* background-color: #f00; */
    margin: -1% 0% 0% 2%;
}

#pn-title img
{


width: 100% !important;
height:  auto !important;


}


#standard-containerCLASS {
    width: 75%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 3%;
    position: relative;
    margin-top: 16vw;
}

#one-module-bottomX1 {
    height: 4vw;
    width: 94%;
    float: left;
    margin-left: 3%;
    color: #fff;
    border-bottom: 1px solid var(--main);
}

#one-module-bottomX1 h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4vw !important;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    padding: 1% 3% 2% 3% !important;
}


#one-module-bottomX2 {
    height: 7vw;
    width: 94%;
    float: left;
    margin-left: 3%;
    color: #fff;
  /* background-color: #F0F; */
    margin-top: 1vw;
}


#one-module-bottomX2-1 {
    height: 7vw;
    width: 60%;
    float: left;
    border-right: 1px solid var(--main);
}


#one-module-bottomX2-1 h3 {
    color: #04fdf3 !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 1.2vw !important;
    margin: 14% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 1px;
}

div#one-module-bottomX2-1 a:link {
    width: 100%;
 text-decoration: none;
    height: 7vw;
    float: left;
}

div#one-module-bottomX2-1 a:active {
    width: 100%;
 text-decoration: none;
    height: 7vw;
    float: left;
}

div#one-module-bottomX2-1 a:visited {
    width: 100%;
 text-decoration: none;
    height: 7vw;
    float: left;
}

div#one-module-bottomX2-1 a:hover {
    width: 100%;
    background-color: var(--main);
    height: 7vw;
    float: left;
    text-decoration: none;
}

#one-module-bottomX2-2 {
    height: 7vw;
    width: 39.5%;
    float: left;
}


#one-module-bottomX2-2 h3 {
    color: #fff !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 1.8vw !important;
    padding: 12% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
}

#one-module-bottomX2-2 h4 {
    color: #999 !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 0.9vw !important;
    padding: 1% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 2px !important;
}


#one-module-bottomX2-2 h5 {
    color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 0.7vw;
    padding: 7% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
    line-height: 1.1vw;
}





div#standard-containerNOW h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 700;
    color: var(--main);
    padding: 2.5% 10% 0% 7%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

div#standard-containerNOW h4 {
    font-family: 'Lato',sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    color: #ffffff;
    padding: 2.5% 10% 0% 7%;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center;
}



div#standard-containerNOW h6 {
    font-family: 'Lato',sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    color: #ffffff;
    padding: 1% 10% 2% 7%;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

div#standard-containerFOOD h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 700;
    color: var(--main);
    padding: 2.5% 10% 0% 7%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

div#standard-containerFOOD h4 {
    font-family: 'Lato',sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    color: #ffffff;
    padding: 2.5% 10% 0% 7%;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center;
}



div#standard-containerFOOD h6 {
    font-family: 'Lato',sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    color: #ffffff;
    padding: 1% 10% 2% 7%;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center;
}



#library-schedule {
    width: 30%;
    height: 3.75vw;
    margin: 0% 3% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.1vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 3%; */
    float: left;
}

#library-schedule a:link {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#library-schedule a:visited {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#library-schedule a:active {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#library-schedule a:hover {
    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color: #FFF;
    background-color: var(--main)73;
    border-radius: 15px;
}

#workout2-schedule {
    width: 30%;
    height: 3.75vw;
    margin: 0% 0% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.1vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 3%; */
    float: left;
}

#workout2-schedule a:link {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#workout2-schedule a:visited {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#workout2-schedule a:active {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#workout2-schedule a:hover {
    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color: #FFF;
    background-color: var(--main)73;
    border-radius: 15px;
}





#demand2-schedule {
    width: 30%;
    height: 3.75vw;
    margin: 0% 3% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.1vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 3%; */
    float: left;
}

#demand2-schedule a:link {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#demand2-schedule a:visited {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#demand2-schedule a:active {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#demand2-schedule a:hover {
    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color: #FFF;
    background-color: var(--main)73;
    border-radius: 15px;
}






#submit-schedule {
    width: 37%;
    height: 3.75vw;
    margin: 0% 0% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.1vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 3%; */
    float: right;
}

#submit-schedule a:link {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#submit-schedule a:visited {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#submit-schedule a:active {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#submit-schedule a:hover {
    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color: #FFF;
    background-color: var(--main)73;
    border-radius: 15px;
}




























#workout-schedule {
    width: 47%;
    height: 3.75vw;
    margin: 0% 0% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.1vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 3%; */
    float: left;
}

#workout-schedule a:link {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#workout-schedule a:visited {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#workout-schedule a:active {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#workout-schedule a:hover {
    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color: #FFF;
    background-color: var(--main)73;
    border-radius: 15px;
}





#demand-schedule {
    width: 45%;
    height: 3.75vw;
    margin: 0% 3% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.1vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 3%; */
    float: left;
}

#demand-schedule a:link {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#demand-schedule a:visited {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#demand-schedule a:active {

    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color:  #FFF;

}

#demand-schedule a:hover {
    width: 100%;
    height: 100%;
    float: left;
    text-decoration: none;
    color: #FFF;
    background-color: var(--main)73;
    border-radius: 15px;
}









#one-moduleQ {
    width: 80%;
    height: auto;
    /* float: left; */
    margin: 0 auto;
    margin-top: 4vw;
    border: 4px solid var(--main);
    position: relative;
    border-radius: 25px;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#one-moduleQ img {
    width: 100%;
    height: auto;
    position:relative;
    border-radius: 25px;
}

#one-module-topQ {
    width: 94%;
    height: 16.5vw;
    overflow: hidden;
    margin-bottom: 1.5vw;
    margin-left: 3%;
    margin-top: 3%;
    position: relative;
    border-radius: 25px;
}

#one-module-bottomQ {
    width: 100%;
    float: left;
    color: #fff;
    height: 20vw;
}


#one-module-bottomQ1 {
    width: 94%;
    height: 11vw;
    float: left;
    margin-left: 3%;
    color: #fff;
    border-bottom: 1px solid var(--main);
}

#time-deets
{

width: 100%;
height: 3vw;


}

#one-module-bottomQ1 h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    color: #08fdf3;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#one-module-bottomQ1 h3{
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6vw;
    font-weight: 700;
    color: #FFF;
    padding: 2% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}



#one-module-bottomQ2 {
    height: 7vw;
    width: 94%;
    float: left;
    margin-left: 3%;
    color: #fff;
  /* background-color: #F0F; */
    margin-top: 1vw;
}


#one-module-bottomQ2-1 {
    height: 7vw;
    width: 60%;
    float: left;
    border-right: 1px solid var(--main);
}


#one-module-bottomQ2-1 h3 {
    color: #04fdf3 !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 1.2vw !important;
    margin: 8% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 1px;
}

div#one-module-bottomQ2-1 a:link {
    width: 100%;
 text-decoration: none;
    height: 7vw;
    float: left;
}

div#one-module-bottomQ2-1 a:active {
    width: 100%;
 text-decoration: none;
    height: 7vw;
    float: left;
}

div#one-module-bottomQ2-1 a:visited {
    width: 100%;
 text-decoration: none;
    height: 7vw;
    float: left;
}

div#one-module-bottomQ2-1 a:hover {
    width: 100%;
    background-color: var(--main);
    height: 7vw;
    float: left;
    text-decoration: none;
}

#one-module-bottomQ2-2 {
    height: 7vw;
    width: 39.5%;
    float: left;
}


#one-module-bottomQ2-2 h3 {
    color: #fff !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 1.5vw !important;
    padding: 7% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
}


#one-module-bottomQ2-2 h4 {
    color: #999 !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 1.4vw !important;
    padding: 2% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
   
}


#one-module-bottomQ2-2 h5 {
    color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 0.7vw;
    padding: 7% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
    line-height: 1.1vw;
}



















#theVid {
    width: 88%;
    height: auto;
    border: 1px solid var(--main);
    padding: 2%;
    background-color: #ffffff1c;
}


#theVid iframe {
    width: 100%;
    height: 29vw;
    margin: 0% 0% 0% 0%;
}


#standard-container-SINGLE {
    width: 95%;
    height: auto;
    min-height: 60vw;
  
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 3%;
    position: relative;
    margin-top: 16vw;
}

#standard-container-SINGLE-left {
    width: 62%;
    height: auto;
    min-height: 60vw;
   
    float: left;
    margin-left: 5%;
}

#standard-container-SINGLE-left img {
    width: 80%;
    height: auto;
    margin-left: 10%;
    margin-bottom: 5%;
}

#standard-container-SINGLE-right {
    width: 29%;
    height: auto;
    min-height: 60vw;
    float: left;
    padding-left: 3%;
    border-left: 1px solid var(--main);
}


#section-one {
    width: 100%;
    height: auto;
    border-bottom: 1px solid var(--main);
    padding-bottom: 14%;
}


#section-two {
    width: 100%;
    height: auto;
    border-bottom: 1px solid var(--main);
    padding-bottom: 14%;
   min-height: 10vw;
    color: #fff;
   
}



#one-tr {
    width: 100%;
    height: 5vw;
    margin-top: 8%;
    /* padding-left: 10%; */
}



#other-tasks {
    width: 100%;
    height: auto;
    margin-top: 13%;
}



#other-tasks ul {
    list-style: none;
}

#other-tasks ul li {
    margin: 0% 0% 5% 0%;
    float: left;
}


div#other-tasks li img {
    width: 27%;
    float: left;
}


#other-tasks ul li a:link {
   font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    font-weight: 700;
    text-decoration: none;
    color: var(--main);
    float: left;
    margin: 6% 0% 0% 4%;
    width: 69%;
}

#other-tasks ul li a:visited {
   font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    font-weight: 700;
    text-decoration: none;
    color: var(--main);
    float: left;
    margin: 6% 0% 0% 4%;
    width: 69%;
}

#other-tasks ul li a:active {
  font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    font-weight: 700;
    text-decoration: none;
    color: var(--main);
    float: left;
    margin: 6% 0% 0% 4%;
    width: 69%;
}


#one-tr-left {
    width: 15%;
    height: 5vw;
    float: left;
    padding-left: 10%;
    padding-top: 4%;
}

#one-tr-left img
{
width: 98%;
    height: auto;
}

#one-tr-right {
    width: 75%;
    height: 5vw;
    float: left;
    padding-top: 4%;
}

#one-tr-right h4 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.2vw !important;
    line-height: 1.5vw !important;
    font-weight: 700 !important;
    color: var(--main) !important;
    padding: 1% 0% 1% 6% !important;
    text-transform: none !important;
    text-align: left !important;
}



#one-tr a:link {
    text-decoration: none;
    width: 100%;
    height: auto;

    float: left;
}

#one-tr a:hover {
    text-decoration: none;
    width: 100%;
    height: auto;
    background-color: #ffffff33;
    float: left;
    border-radius: 10px;
}


#one-tr a:visited {
    text-decoration: none;
    width: 100%;
    height: auto;

    float: left;
}

#one-tr a:active {
    text-decoration: none;
    width: 100%;
    height: auto;

    float: left;
}





#one-tr-right h5 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.8vw !important;
    line-height: 1vw !important;
    font-weight: 700 !important;
    padding: 0% 0% 0% 6% !important;
    text-transform: none !important;
    text-align: left !important;
    color: #fff !important;
}

#section-two h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.8vw !important;
    line-height: 2vw !important;
    font-weight: 700 !important;
    padding: 9% 0% 0% 0% !important;
    text-transform: none !important;
    text-align: left !important;
}


#section-three {
    width: 100%;
    height: auto;
   
    padding-bottom: 14%;
   min-height: 10vw;
    color: #fff;
   
}

#section-three h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.8vw !important;
    line-height: 2vw !important;
    font-weight: 700 !important;
    padding: 9% 0% 0% 0% !important;
    text-transform: none !important;
    text-align: left !important;
}



#section-three h3 a:link {
    color: var(--main);
    text-decoration: none;
    font-weight: 800;
}


#section-three h3 a:active {
    color: var(--main);
    text-decoration: none;
    font-weight: 800;
}


#section-three h3 a:visited {
    color: var(--main);
    text-decoration: none;
    font-weight: 800;
}


#section-three h3 a:hover {
    color: var(--main);
    text-decoration: none;
    font-weight: 800;
}





div#section-one img {
    width: 7%;
    margin: 4% 0% 0% 3%;
}

#complete-me {
    width: 86%;
    height: auto;
  
    float: left;
}
#complete-me input {
    border-radius: 15px;
    margin: 0% 0% 0% 0%;
    background-color: #f01745;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    font-weight: 700;
    padding: 5% 0% 5% 0%;
    border: 0px;
    letter-spacing: 2px;
    width: 100%;
}


#complete-me button {
    border-radius: 15px;
    margin: 0% 0% 0% 0%;
    background-color: #f01745;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    font-weight: 700;
    padding: 5% 0% 5% 0%;
    border: 0px;
    letter-spacing: 2px;
    width: 100%;
}


#complete-me button:hover {
  background-color: var(--main);
  color: white;
}


#complete-me input:hover {
  background-color: var(--main);
  color: white;
}







#completed {
    width: 86%;
    height: auto;
  
    float: left;
}

#completed-message {
    border-radius: 15px;
    margin: 0% 0% 0% 0%;
    background-color: #17bb0c;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    font-weight: 700;
    padding: 5% 0% 5% 0%;
    border: 0px;
    letter-spacing: 2px;
    width: 100%;
}























#standard-container-SINGLE-left p {
    font-family: 'Lato',sans-serif;
    font-size: 1.25vw;
    font-weight: 500;
    color: #ffffff;
    padding: 2% 7% 0% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    line-height: 2vw;
}

#standard-container-SINGLE-left p strong {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 700;
    color: #ffffff;
    padding: 2% 7% 0% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    line-height: 2vw;
}


#standard-container-SINGLE-left p em {


font-style: italic;
font-weight: 700;
}







div#standard-container-SINGLE h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 700;
    color: var(--main);
    padding: 2.5% 10% 0% 7%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

div#standard-container-SINGLE h4 {
    font-family: 'Lato',sans-serif;
    font-size: 1.75vw;
    font-weight: 700;
    color: #ffffff;
    padding: 2.5% 10% 0% 7%;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center;
}














#standard-container {
    width: 70%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 3%;
    position:relative;
}

#standard-container-auth {
    width: 100%;
    height: auto;
    margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: -1.25%;
    padding-top: 3%;
    position: relative;
}

div#one-module-bottomX p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25vw;
    font-weight: 800;
    color: #fff;
    padding: 3.5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}





div#friz h3 {
    padding-top: 0% !important;
}

#one-module777-push {
    width: 18.5%;
    height: 3vw;
    float: left;
    margin: 0% 1.5% 2% 1.5%;
}


#one-module777 {
    width: 29.5%;
    height: auto;
    float: left;
    margin: 0% 1.5% 2% 1.5%;
    border: 4px solid var(--main);
    position: relative;
    border-radius: 25px;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#one-module777 img {
    width: 100%;
    height: auto;
    position:relative;
    border-radius: 25px;
}

#one-module-top777 {
    width: 94%;
    height: 16.5vw;
    overflow: hidden;
    margin-bottom: 1.5vw;
    margin-left: 3%;
    margin-top: 3%;
    position: relative;
    border-radius: 25px;
}

#om-tick img {
    width: 100%;
    height: auto;
}

#om-tick {
    width: 10%;
    height: auto;
    position: absolute;
    top: -4.5%;
    right: -6%;
}

#one-module-top777 iframe {
    width: 100%;
    height: 16vw;
}

#one-module-bottom777 {
    height: 13vw;
    width: 100%;
    float: left;
    color: #fff;
}

#food-polo {
    width: 33%;
    height: 22vw;
    position: relative;
    /* background-color: #F00; */
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
    float: right;
    margin: 0% 3% 0% 6%;
}


#food-polo-ul {
    width: 80%;
    height: 16vw;
    position: absolute;
    top: 4%;
    left: 4%;
    overflow: hidden;
    /* background-color: #00F; */
}

#food-polo-ul img {
    width: auto;
    height: 100%;
    margin: 0% 0% 0% 0%;
    
}

#food-polo-ol {
    width: 100%;
    height: 22vw;
    position: absolute;
    top: 0%;
    left: 0%;
    background-image: url(/images/polo.png);
    background-size: contain;
    background-repeat: no-repeat;
}


div#one-module-bottom777 p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25vw;
    font-weight: 800;
    color: #fff;
    padding: 3.5% 5% 0% 5%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#standard-container-SINGLE-left h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 1.8vw !important;
    line-height: 2vw !important;
    color: var(--main);
    font-weight: 700 !important;
    padding: 4.2% 0% 0% 0% !important;
    text-transform: none !important;
    text-align: left !important;
}



div#section-three h6 {
    padding-top: 2%;
    color: var(--main);
}









#one-moduleRES-push {
    width: 18.5%;
    height: 3vw;
    float: left;
    margin: 0% 1.5% 2% 1.5%;
}


#one-moduleRES {
    width: 53.5%;
    height: auto;
    float: left;
    margin: 0% 1.5% 2% 1.5%;
    border: 4px solid var(--main);
    position: relative;
    border-radius: 25px;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#one-moduleRES img {
    width: 100%;
    height: auto;
    position:relative;
    border-radius: 25px;
}

#one-module-topRES {
    width: 94%;
    height: 24.5vw;
    overflow: hidden;
    margin-bottom: 1.5vw;
    margin-left: 3%;
    margin-top: 3%;
    position: relative;
    border-radius: 25px;
}



#one-module-topRES iframe {
    width: 100%;
    height: 24.5vw;
}

#one-module-bottomRES {
    height: 16vw;
    width: 100%;
    float: left;
    color: #fff;
}

div#one-module-bottomRES h6 {
    font-size: 1.2vw;
}


div#one-module-bottomRES p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.7vw;
    font-weight: 800;
    color: var(--main);
    padding: 1.5% 0% 2% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

div#one-moduleRES #om-tick {
    width: 7% !important;
    position: absolute!important;
    top: -3.5% !important;
    right: -4% !important;
}











#standard-container-auth img {
    width: 100%;
    height: auto;
}

#one-moduleZZ {
    width: 46%;
    height: auto;
    float: left;
    margin: 0% 1.5% 2% 1.5%;
    border: 1px solid var(--main);
    position: relative;
    border-radius: 25px;
}

#one-moduleZZ img {
    width: 100%;
    height: auto;
    position:relative;
    border-radius: 25px;
}

#one-module-topZZ {
    width: 94%;
    height: 20vw;
    overflow: hidden;
    margin-bottom: 1.5vw;
    margin-left: 3%;
    margin-top: 3%;
    position: relative;
    border-radius: 25px;
}

#one-module-bottomZZ {
    height: 13vw;
    width: 95%;
    float: left;
    color: #fff;
}


#back-cover {
    width: 100%;
    height: 18vw;
    background-color: #000000ad;
    position: absolute;
    top: 0%;
    left: 0%;
}

#hero-buffer
{
    width: 100%;
    height: 9vw;

}

#hero-buffer2
{
    width: 100%;
    height: 7vw;

}

#hero-content {
    width: 53%;
    height: 21vw;
   
    margin: 0 auto;
}

#hero-content h2 {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 4.15vw;
    margin: 0% 0% 0% 0%;
    color: #FFF;
    text-align: center;
    line-height: 5vw;
    font-weight: bold;
}

#hero-content h1 {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.2vw;
    margin: 2% 0% 4% 0%;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    line-height: 2vw;
}


#back-hero-content {
    width: 53%;
    height: auto;
   
    margin: 0 auto;
}

#back-hero-content h2 {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 4.15vw;
    margin: 0% 0% 0% 0%;
    color: #FFF;
    text-align: center;
    line-height: 5vw;
   
}

#back-hero-content h1 {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.2vw;
    margin: 2% 0% 4% 0%;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    line-height: 2vw;
}



.myClass {
    opacity: 0.5;
}



#one-module-top {
    width: 94%;
    height: 18vw;
    overflow: hidden;
    margin-bottom: 1.5vw;
    margin-left: 3%;
    margin-top: 3%;
    position:relative;
}

#one-module-top h5 {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 2.2vw;
    margin: 0% 0% 0% 0%;
    padding: 22% 5% 0% 5%;
    color: #fff;
    font-weight: 800;
    line-height: 3vw;
    text-align: center;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 90%;
    text-transform: uppercase;
    height: 100%;
    background-color: #00000038;
}

#one-module-bottom2 p {
    text-transform: uppercase;
     font-family: 'Lato',sans-serif;
    font-size: 0.9vw;
    margin: 3% 5% 5% 5%;
    color: #FFF;
    font-weight: 400;
    line-height: 1.5vw;
    text-align: center;
}

#one-module-bottom p {
     text-transform: uppercase;
     font-family: 'Lato',sans-serif;
    font-size: 1.5vw;
    margin: 3% 8% 14% 8%;
    color: #fff;
    font-weight: 400;
    line-height: 2vw;
    text-align: center;
}

#one-module .et_pb_button_module_wrapper>a {
    display: inline-block;
    border: #FFF 3px solid;
    color: #FFF;
}

#one-module {
    width: 46%;
    height: 33vw;
    float: left;
    margin: 0% 1.5% 2% 1.5%;
    border: 1px solid #fff;
    position:relative;
}


#obh-left {
    width: 45%;
    height: auto;
    float: left;
    margin: 3% 5% 0% 5%;
}

#obh-left img {
 
    margin: 0% 0% 7% 0%;
     width: 100%;
}



#obh-right {
    width: 45%;
    height: 28vw;
    float: left;
  
   }



#one-module img {
    width: 100%;
    height: auto;
    position:relative;
}

#sc-left {
    width: 30%;
    height: auto;
    float: left;
    margin: 0% 0% 0% 0%;
}

#sc-left ul {
    list-style: none;
    padding-left: 0%;
}

#breadcrumbs {
    width: 45%;
    height: auto;
    margin-left: 15.4%;
    padding-top: 1%;
}

#breadcrumbs p
{

    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1vw;
    margin: 0% 0% 0% 0%;
    padding: 2% 0% 0% 0%;
    color: #fff;
    font-weight: 400;
    text-align: left;

}

#breadcrumbs p a:link
{

    color: #fff;
text-decoration: none;

}

#breadcrumbs p a:hover
{

    color: #ffff !important;
text-decoration: none;

}

#breadcrumbs p a:active
{

    color: #fff;
text-decoration: none;

}

#breadcrumbs p a:visited
{

    color: #fff;

text-decoration: none;
}

#sc-left ul li {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1vw;
    margin: 3% 0% 0% 2%;
    color: #545454;
    font-weight: 400;
    text-align: left;
    padding: 8% 0% 9% 4%;
    border-radius: 15px;
    width: 89%;
    background-color: var(--main);
    border: 3px solid #fff;
}

div#cp-profile-area #user-phone {
    display: none;
}

#sc-right button {
    width: 90%;
    border: 3px solid #fff;
    border-radius: 15px;
    float: left;
    color: #fff;
    font-size: 1.1vw;
    padding: 3% 0% 3% 0%;
    margin: 6% 0% 4% 5%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}


#sc-right button a:link {
    color: #fff !important;
    text-decoration: none;
}

#sc-right button a:hover {
    color: #fff !important;
      text-decoration: none;
}

#sc-right button a:visted {
    color: #fff !important;
      text-decoration: none;
}

#sc-right button a:active {
    color: #fff !important;
      text-decoration: none;
}

#sc-left ul li a:link {

    color: #FFF;
    text-decoration:none;
    font-weight: 700;
    }

    #sc-left ul li a:active {

    color: #FFF;
    text-decoration:none;
font-weight: 700;
    }

    #sc-left ul li a:visited {

    color: #FFF;
    text-decoration:none;
font-weight: 700;
    }

#sc-left ul li a:hover {

    color: #7ab7f4 !important;
    text-decoration:none;
font-weight: 700;
    }


#sc-left img {
    width: 100%;
    height: auto;
 border-radius: 25px;
    margin-bottom: 7%;
}

.midder
{

text-align:center !important;

}

#sc-right ul li {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #545454;
    margin: 4% 4% 0% 8%;
    font-size: 1vw;
}

#sc-right ul {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 0% 0% 6% 0%;
}


#sc-right {
    width: 60%;
    height: auto;
    float: left;
    margin: 0% 0% 6% 5%;
    border: 3px solid var(--main);
    padding: 2%;
    border-radius: 25px;
    background-color: #f5f4f4;
    text-align: center;
}

#sc-right h3 {
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 2vw;
    margin: 2% 10% 4% 10%;
    color: #000;
    text-align: center;
    line-height: 2.5vw;
    text-transform: uppercase;
}


#food-hero-content h2 {
    font-size: 3vw;
    margin: 0% 13% 0% 13%;
    color: #028081;
    text-align: center;
    line-height: 4vw;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
   font-family: 'Lato',sans-serif;
    font-weight: 900;
}

#sc-right p {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1vw;
    margin: 0% 0% 5% 0%;
    color: #545454;
    font-weight: 400;
    line-height: 1.5vw;
    
}

#sc-left-food img {
    width: 100%;
    height: auto;
}

#sc-left-food {
    width: 26%;
    height: auto;
    float: left;
    margin: 0% 0% 0% 0%;
    background-color: #fbf9f9;
    padding: 0% 2% 0% 2%;
}

#sc-left-food h3 {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.6vw;
    margin: 0% 0% 0% 0%;
    color: #8c8a8a;
    text-align: center;
    line-height: 5vw;
}

#button-row {
    width: 100%;
    height: auto;
    background-color: #ccc;
    float: left;
}

#button-food {
    width: 18%;
    height: 3.5vw;
    /* background-color: #83bff1; */
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 0.9vw !important;
    margin: 0% 0% 0% 0%;
    color: #000 !important;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    bottom: 0%;
    border: 3px solid #000;
    right: 0%;
}

#button-food p {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1vw !important;
    padding: 8% 0% 0% 0%!important;
    color: #000 !important;
    text-align: center !important;
    font-weight: 400;
    text-transform: uppercase;
}

#sc-left-food p {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1vw;
    margin: 0% 0% 5% 0%;
    color: #8c8a8a;
    font-weight: 400;
    line-height: 1.5vw;
    text-align: left;
}

#sc-left h3 {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.6vw;
    margin: 0% 0% 0% 0%;
    color: #8c8a8a;
    text-align: center;
    line-height: 5vw;
}

#sc-left p {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1vw;
    margin: 0% 0% 5% 0%;
    color: #8c8a8a;
    font-weight: 400;
    line-height: 1.5vw;
    text-align: left;
}

#sc-right img {
    width: 100%;
    height: auto;
    margin: 0% 0% 3% 0%;
}

#sc-right iframe {
    width: 100%;
    height: 30vw;
    margin: 0% 0% 3% 0%;
}




#b2 {
    z-index: 999999999;
    width: 100%;
    height: auto;
    margin-top: 3%;
    background: none !important;
    color: #FFF;
}

button#b3 {
    z-index: 999999999;
    width: 54%;
    border: 3px solid #fff;
    border-radius: 15px;
    color: #fff;
    font-size: 1.1vw;
    padding: 2% 0% 2% 0%;
    margin: 4% 0% 0% 2%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}








button#b111 {
    z-index: 999999999;
    width: 54%;
    border: 3px solid #fff;
    border-radius: 15px;
    color: #fff;
    font-size: 1.1vw;
    padding: 2% 0% 2% 0%;
    margin: 4% 0% 0% 2%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

button#b666 {
    z-index: 999999999;
    width: 54%;
    border: 3px solid #fff;
    border-radius: 15px;
    color: #fff;
    font-size: 1.1vw;
    padding: 2% 0% 2% 0%;
    margin: 4% 0% 0% 2%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

.hide-now
{

display: none;


}

.showMod
{

display: none;


}

div#show-alert {
    width: 100%;
    height: 100%;
    background-color: #000000b8;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 99999;
    text-align: center;
    /* border-radius: 10px; */
    /* padding-bottom: 2%; */
}


#show-alert-inner {
    width: 43%;
    height: auto;
    border-radius: 5px;
    padding-bottom: 2%;
    background-color: #FFF;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 6%;
    padding-top: 3%;
    background-color: #5c6f47;
    border: 3px solid #fff;
}

#show-alert-inner img {
    width: 35%;
    margin-bottom: 5%;
}

div#show-alert p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    position: relative;
    margin: 0;
    line-height: 1.25vw;
    padding: 2% 10% 3% 10%;
    font-family: 'Lato', sans-serif;
}

#button222 {
    position: absolute;
    bottom: 5%;
    left: 11%;
    width: 80%;
    border: 3px solid #fff;
    border-radius: 15px;
    float: left;
    color: #fff !important;
    font-size: 1.2vw;
    padding: 1% 0% 3% 0%;
    margin: 0% 0% 4% 0%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

#button222 p {
    font-size: 1vw !important;
    padding: 2% 0% 0% 0%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Lato', sans-serif;
}


#buttonRES {
    position: absolute;
    bottom: 0%;
    left: 11%;
    width: 80%;
    border: 3px solid #fff;
    border-radius: 15px;
    float: left;
    color: #fff !important;
    font-size: 1.2vw;
    padding: 2% 0% 3% 0%;
    margin: 0% 0% 4% 0%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}


#buttonRES p {
    font-size: 1vw !important;
    padding: 2% 0% 0% 0%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Lato', sans-serif;
}



#button989 {
    position: absolute;
    bottom: 0%;
    right: 4%;
    width: 50%;
    border: 3px solid #fff;
    border-radius: 15px;
    color: #fff !important;
    font-size: 0.9vw;
    padding: 2% 0% 3% 0%;
    margin: 0% 0% 4% 0%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

#button989 p {
    font-size: 1vw !important;
    padding: 2% 0% 0% 0%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Lato', sans-serif;
}



#button479 {
    /* position: absolute; */
    /* bottom: 0%; */
    /* right: 4%; */
    width: 15%;
    border: 3px solid #fff;
    border-radius: 15px;
    color: #fff !important;
    font-size: 0.9vw;
    padding: 1% 0% 1% 0%;
    margin: 0% 1% 0% 0%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

#button479 p {
    font-size: 1vw !important;
    padding: 2% 0% 0% 0%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Lato', sans-serif;
}


#b1 {
    z-index: 999999999;
    width: 53%;
    height: 3vw;
    margin-top: 7%;
    color: #FFF;
    letter-spacing: 1px;
    border: #FFF 3px solid;
    font-size: 1vw;
    font-family: Open Sans,Arial,sans-serif;
    background: none;
}

.um-field-label label
{

    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.2vw !important;
        color: #fff;
   
    margin: 0% 0% 0% 0%;
}

.um-center {
    text-align: center;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.2vw !important;
        color: #fff;
        margin-top: 5%;
}

.um-field-checkbox-option, .um-field-radio-option
{

    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 0.9vw !important;
        color: #797777;
    }

    .um-col-alt-b {
   font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 0.9vw !important;
        color: #797777;
}

.um-1359.um {
    max-width: 70vw !important;
}

.um.um-login.um-1642 {
    margin-left: 12%;
}

#log-holder-right
{

  width: 50%;
    height: 20vw;
float: left;
}

div#go-pro {
    width: 46%;
    border: 1px solid #fff;
    border-radius: 15px;
    float: left;
    color: #fff;
    font-size: 1.1vw;
    padding: 1% 0% 1% 0%;
    margin: 0% 0% 4% 3%;
    background-color: #ffffff30;
    font-weight: 500;
}


#login-container h2 {
    color: #fff;
    font-family: 'Lato',sans-serif;
    font-size: 1.5vw !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 7% 0% 0% 0%;
}

#login-container input {
    width: 100%;
    margin-bottom: 5%;
}

#log-holder {
    width: 60%;
    height: auto;
    margin: 0 auto;
}

#con-holder {
    width: 100%;
    height: auto;
   
}




/* START OF ADD  */

#back-header {
    width: 100%;
    height: 20vw;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
}

#back-header h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2vw;
    font-weight: 800;
    color: #fff;
    padding: 11.5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#back-header h3 {
    font-family: 'Lato', sans-serif;
    font-size: 1.3vw;
    font-weight: 600;
    text-align: center;
    color: var(--main);
    margin: 0.3% 0% 2.3% 0%;
    -webkit-font-smoothing: antialiased;
}

#back-header-short {
    width: 100%;
    height: 10vw;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
}

#back-header-short h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2vw;
    font-weight: 800;
    color: #fff;
   padding: 3.5% 0% 0% 0%;

    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#back-header-short h3 {
    font-family: 'Lato', sans-serif;
    font-size: 1.3vw;
    font-weight: 600;
    text-align: center;
    color: var(--main);
    margin: 0.3% 0% 2.3% 0%;
    -webkit-font-smoothing: antialiased;
}



#one-module-NEW {
    width: 46%;
    height: auto;
    float: left;
    margin: 0% 1.5% 2% 1.5%;
    border: 1px solid #000;
    position: relative;
    border-radius: 25px;
    background-color: #000;
}

#one-module-top-NEW {
    width: 94%;
    height: auto;
    overflow: hidden;
    margin-bottom: 1.5vw;
    margin-left: 3%;
    margin-top: 3%;
    position: relative;
    border-radius: 25px;
}


#one-module-top-NEW img {
  width: 100%;
    height: auto;
    position: relative;
}


#faux-mobile {
    width: 100%;
    margin: 0 auto;
    background-image: url(/images/xdots.jpg);
    background-repeat: repeat;
    background-size: contain;
}

#faux-login {
    width: 100%;
    min-height: 54vw;
    background-image: url(/images/login.jpg);
    background-repeat: no-repeat;
    background-size: cover;
   height: auto;
  position: relative;
}

#login-container {
    width: 40%;
    height: auto;
    margin-top: 0px;
    text-align: center;
    background-color: #0606066e;
    border-radius: 35px;
    padding: 2%;
    position: absolute;
    top: 12vw;
    left: 29%;
}


#go-back {
    width: 100%;
    height: 9vw;
   
}


#go-back button {
    width: 6% !important;
    border: 0px !important;
    background: none;
    margin: 1.6% 0% 0% 0%;
}

#go-back img {
    width: 32%;
    height: auto;
    margin: 0% 0% 0% 3%;
    opacity: .6;
}




#faux-logo img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

#select-holderNEW {
    width: 40vw;
    height: 4vw;
    position: absolute;
    top: 14.5vw;
    right: 5vw;
}

#select-holderNEW2 {
    width: 48vw;
    height: 4vw;
    position: absolute;
    top: 11vw;
    right: 5vw;
}


#select-holder {
    width: 30vw;
    height: 4vw;
    position: absolute;
    top: 15vw;
    right: 5vw;
}

div#select-holder select {
    width: 71%;
    height: 3vw;
    font-size: 1.1vw;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    background: none;
    border: 2px solid var(--main);
    padding: 0% 0% 0% 2%;
    border-radius: 10px;
}



#select-button {
    width: 23%;
    height: 2vw;
    font-size: 1.1vw;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    background: none;
    border: 2px solid var(--main);
    padding: 1% 0% 0% 0%;
    border-radius: 10px;
    position: absolute;
    top: 23%;
    text-align: center;
    right: 11%;
    background-color: #ffffff24;
}

#select-button2 {
    width: 23%;
    height: 2vw;
    font-size: 1.1vw;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    background: none;
    border: 2px solid var(--main);
    padding: 1% 0% 0% 0%;
    border-radius: 10px;
    position: absolute;
    top: 23%;
    text-align: center;
    right: 5%;
    background-color: #ffffff24;
}


#select-button66 {
    width: 23%;
    height: 2.5vw;
    background: none;
    border: 2px solid var(--main);
    border-radius: 10px;
    position: absolute;
    top: 19vw;
    text-align: center;
    right: 5%;
    background-color: #ffffff24;
}


#select-button66 h3 {
 font-size: 1.1vw;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
      padding: 2.5% 0% 0% 0%;
      font-weight: 600;
}




#select-button66 a:link
{

float: left;
width: 100%;
height: 100%;
color:  #FFF;
text-decoration: none;

}


#select-button66 a:hover
{

float: left;
width: 100%;
height: 100%;
background-color: var(--main);
color:  #FFF;
text-decoration: none;
    border-radius: 10px;

}

#select-button66 a:visited
{

float: left;
width: 100%;
height: 100%;
color:  #FFF;
text-decoration: none;

}

#select-button66 a:active
{

float: left;
width: 100%;
height: 100%;
color:  #FFF;
text-decoration: none;

}




#select-button77 {
    width: 18%;
    height: 2.5vw;
    background: none;
    border: 2px solid var(--main);
    border-radius: 10px;
    position: absolute;
    top: 19vw;
    text-align: center;
    right: 30%;
    background-color: #ffffff24;
}


#select-button77 h3 {
 font-size: 1.1vw;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
      padding: 2.75% 0% 0% 0%;
      font-weight: 600;
}




#select-button77 a:link
{

float: left;
width: 100%;
height: 100%;
color:  #FFF;
text-decoration: none;

}


#select-button77 a:hover
{

float: left;
width: 100%;
height: 100%;
background-color: var(--main);
color:  #FFF;
text-decoration: none;
    border-radius: 10px;

}

#select-button77 a:visited
{

float: left;
width: 100%;
height: 100%;
color:  #FFF;
text-decoration: none;

}

#select-button77 a:active
{

float: left;
width: 100%;
height: 100%;
color:  #FFF;
text-decoration: none;

}


div#down-butt {
    background-color: #35b4d2;
    width: 32%;
    height: 2vw;
    margin: 0 auto;
    text-align: center;
    color: #FFF;
    padding-top: 1.5%;
    border-radius: 15px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
}




#select-button2-stat {
    width: 81%;
    height: 1.75vw;
    font-size: 0.9vw;
    color: #0ab;
    font-family: 'Montserrat', sans-serif;
    background: none;
    border: 1px solid #ffffff;
    padding: 3% 0% 0% 0%;
    float: right;
    border-radius: 10px;
    font-weight: 600;
    text-align: center;
    background-color: #08080824;
    margin-top: 16%;
    margin-right: 12%;
    display: none;
}







#select-button44 {
    width: 28%;
    height: 2vw;
    font-size: 2vw;
    color: #bdecf1;
    font-family: 'Montserrat',sans-serif;
    background: none;
    padding: 1% 0% 0% 0%;
    border-radius: 10px;
    font-weight: 700;
    position: absolute;
    top: -79%;
    text-align: center;
    right: 5%;
}


#select-button44 a:link {


color: #bdecf1;
text-decoration: none;

}

#select-button44 a:active {


color: #bdecf1;
text-decoration: none;

}

#select-button44 a:visited {


color: #bdecf1;
text-decoration: none;

}

#select-button44 a:hover {


color: #bdecf1;
text-decoration: none;

}


#overall {
    width: 55%;
    height: 5vw;
    position: absolute;
    top: 11vw;
    right: 5%;
    
}

#overall h3 {
    font-family: 'lato', sans-serif;
    font-size: 1.4vw;
    font-weight: 800;
    color: #fff;
    float: left;
    margin-right: 7%;
}

#overall h4 {
    font-family: 'lato', sans-serif;
    font-size: 4vw;
    font-weight: 500;
    color: #fff;
    margin-top: -9%;
    text-align: center;
}

#overall h5 {
    font-family: 'lato', sans-serif;
    font-size: 1vw;
    font-weight: 600;
    color: var(--main);
    margin-top: -6%;
    text-align: center;
    letter-spacing: 5px;
}


div#score {
    float: left;
    /* background-color: black; */
    width: 21%;
}

#upcoming {
    width: 38%;
    height: 5.3vw;
    position: absolute;
    top: 10.2vw;
    right: 5%;
    /* background-color: blue; */
}


#upcoming-title {
    width: 100%;
    height: 2.3vw;
   
}

#upcoming-viewer {
    width: 100%;
    height: 3vw;
   
    overflow: hidden;
}

#smite {
    font-size: 1vw;
    opacity: 0.5;
}

#upcoming-title h3 {
    font-family: 'lato', sans-serif;
    font-size: 1.4vw;
    font-weight: 800;
    color: #fff;
    float: left;
    margin-right: 7%;
}


#next-class {
    font-family: 'lato', sans-serif;
    font-size: 1.3vw;
    font-weight: 800;
    color: #fff;
}

#next-class a:link { 
    color: #fff;
   text-decoration: none;
}

#next-class a:hover { 
    color: #fff;
   text-decoration: underline !important;
}

#next-class a:active { 
    color: #fff;
   text-decoration: none;
}

#next-class a:visited{ 
    color: #fff;
   text-decoration: none;
}


#no-posts h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.5vw;
    font-weight: 700;
    color: var(--main);
    padding: 9% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#upcoming h4 {
    font-family: 'lato', sans-serif;
    font-size: 4vw;
    font-weight: 500;
    color: #fff;
    margin-top: -9%;
    text-align: center;
}



#upcoming h5 {
    font-family: 'lato', sans-serif;
    font-size: 1vw;
    font-weight: 600;
    color: var(--main);
    margin-top: -6%;
    text-align: center;
    letter-spacing: 5px;
}




#goBtn {
    width: 16%;
    margin-left: 2%;
    height: 2vw;
    border-radius: 8px;
    background-color: var(--main);
    border: 0;
    font-size: 1vw;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding-top: 1%;
}


#new-stats {
    width: 53vw;
    height: 20vw;
    position: absolute;
    top: 24vw;
    right: 8vw;
}


#new-stats1 {
    width: 33%;
    height: 12vw;
    float: left;
    position: relative;
}

div#new-stats1-bg {
    position: absolute;
    width: 32%;
    height: 5.5vw;
    top: 0.3vw;
    left: 0.2vw;
    border-radius: 50%;
    background-color: var(--main);
}


div#new-stats1-bg2 {
    position: absolute;
    width: 31%;
    height: 5.5vw;
    top: 0.3vw;
    left: 1.2vw;
    border-radius: 50%;
    background-color: var(--main);
}

div#new-stats1-bg3 {
    position: absolute;
    width: 32%;
    height: 5.5vw;
    top: 0.3vw;
    left: 2vw;
    border-radius: 50%;
    background-color: var(--main);
}

div#new-stats2-bg {
    position: absolute;
    width: 28%;
    height: 3.5vw;
    top: 1vw;
    left: 1.2vw;
    border-radius: 50%;
    background-color: var(--main);
}


div#new-stats2-bg2 {
 position: absolute;
    width: 28%;
    height: 3.5vw;
    top: 1vw;
    left: 1.2vw;
    border-radius: 50%;
    background-color: var(--main);
}

div#new-stats2-bg3 {
   position: absolute;
    width: 28%;
    height: 3.5vw;
    top: 1vw;
    left: 1.2vw;
    border-radius: 50%;
    background-color: var(--main);
}



#new-stats1-top {
    width: 100%;
    height: 6vw;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0%;
     position: relative;
}

#new-stats1-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 6.75% 0% 0% 30%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#new-stats1-bot {
    width: 100%;
    height: 4vw;

}

#new-stats1-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 31%;
    font-weight: 700;
}

#new-stats1-bot p {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 0% 0% 0% 3%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#new-stats1-bot h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    line-height: 2vw;
    font-weight: 800;
    color: #ccc;
    padding: 0% 0% 0% 5%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#new-stats1-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 36%;
    font-weight: 700;
}

#new-stats1-bot h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 41%;
    font-weight: 700;
}


#new-stats1a-top {
    width: 95%;
    height: 6vw;
    background-image: url(/images/titles/target2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 5%;
    position: relative;
}

#new-stats1a-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 6.75% 0% 0% 32%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#new-stats1b-top {
    width: 90%;
    height: 6vw;
    background-image: url(/images/titles/arrow2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10%;
     position: relative;
}

#new-stats1b-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 6.75% 0% 0% 34%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#new-stats1-bot {
    width: 100%;
    height: 3vw;

}





#new-stats2 {
    width: 16.4%;
    height: 6vw;
    float: left;
}


#new-stats22-top {
    width: 100%;
    height: 2.2vw;
   
}

#new-stats22-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.3vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#new-stats22-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    margin: 0% 0% 0% 31%;
    font-weight: 700;
}

#new-stats22-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
}

#new-stats22-bot h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 41%;
    font-weight: 700;
}



#new-stats3 {
    width: 33.1%;
    height: 6vw;
    float: left;
}



#new-stats9 {
    width: 49%;
    height: 6vw;
    float: left;
}


#new-stats99-top {
    width: 100%;
    height: 1.3vw;
   
}

#new-stats99-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 800;
    color: #fff;
    margin: 8% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#new-stats99-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    margin: 0% 0% 0% 31%;
    font-weight: 700;
}

#new-stats99-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
}

#new-stats99-bot h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 41%;
    font-weight: 700;
}

#new-stats-line99 {
    width: 1px;
    height: 6vw;
    background-color: var(--main);
    float: left;
}


#new-stats10 {
    width: 49%;
    height: 6vw;
    float: left;
}



#new-stats10-top {
    width: 100%;
    height: 1.3vw;
}

#new-stats10-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 800;
    color: #fff;
    margin: 8% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#new-stats10-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    margin: 0% 0% 0% 31%;
    font-weight: 700;
}

#new-stats10-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
}

#new-stats10-bot h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 41%;
    font-weight: 700;
}





#task-holder {
    width: 98%;
    height: 45.5vw;
    border: 4px solid #ffffff;
    float: left;
    border-radius: 25px;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


#task-holder-nav {
    width: 100%;
    height: 5vw;
   
}

#task-holder-nav ul {

    list-style:  none;

}

#task-holder-nav li {
    width: auto;
    height: auto;
    float: left;
    /* background-color: #F00; */
    margin: 4% 0% 0% 3.75%;
    font-size: 0.7vw;
    color: #fff;
    font-weight: 600;
    border: 2px solid var(--main);
    border-radius: 25px;
    padding: 1.5% 2% 1.5% 2%;
}


button:disabled {
    opacity: 0.4;
}

button.showButton {
    border: 1px solid var(--main);
    background: none;
    color: #FFF;
    padding: 0% 2% 0% 2%;
    border-radius: 12px;
    margin: 6% -2% 0% 4%;
    font-family: 'Lato',sans-serif;
    font-weight: 700;
    letter-spacing: -0.25;
    height: 3vw;
    float: left;
    font-size: 0.8vw;
}


.taskButtonBG {
    background-color: var(--main) !important;
}




#bitmore {
 
    margin: 4% 0% 0% 6% !important;
}


#div0 {
    width: 100%;
    height: 7vw;
   
}

div#div1 {
    width: 100%;
     height: 33.25vw;
}

div#div2 {
    width: 100%;
   height: 33.25vw;
}

div#div3 {
    width: 100%;
    height: 33.25vw;
}

div#div4 {
    width: 100%;
     height: 33.25vw;
}


#tasks-6wt {
    width: 90%;
    height: 33.25vw;
    /* background-color: #000; */
    margin: 0 auto;
    overflow: auto;
}

#tasks-6wt::-webkit-scrollbar {
    width: 1.2vw;
}
 
#tasks-6wt::-webkit-scrollbar-track {
    -webkit-box-shadow:none;
    border-radius: 10px;
    background-color: var(--main)2e;
}
 
#tasks-6wt::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--main);
}


#one-task {
    width: 96%;
    height: 4vw;
    background-color: #00000040;
    margin-bottom: 2%;
    position: relative;
}

#one-task-overlay {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 4vw;
    /* background-color: #ff00002b; */
}

#one-task-overlay a:link {
    width: 100%;
    height: 4vw;
    float: left;
    /* background-color: #f00; */
}


#one-task-overlay a:visited {
    width: 100%;
    height: 4vw;
    float: left;
    /* background-color: #f00; */
}

#one-task-overlay a:active {
    width: 100%;
    height: 4vw;
    float: left;
    /* background-color: #f00; */
}

#one-task-overlay a:hover {
    width: 100%;
    height: 4vw;
    float: left;
  background-color: var(--main)6e;
}




#one-task-image {
    width: 19%;
    height: 4vw;
    /* background-color: #000; */
    float: left;
}

#one-task-image img {
    width: 100%;
    height: auto;

}

#one-task-title {
    width: 56%;
    height: auto;
    /* background-color: #000; */
    float: left;
    margin: 3% 0% 0% 4%;
}


#one-task-cat {
    width: 20%;
    height: 4vw;
    /* background-color: #000; */
    float: left;
}

#one-task-cat h4 {
    font-family: 'Lato', sans-serif;
    margin: 20% 4% 0% 0%;
    font-weight: 700;
    color: #fff;
    font-size: 0.6vw;
    text-align: right;
}

#one-task-cat h4 a:link {
    color: var(--main);
    text-decoration: none;
}


#one-task-cat h4 a:active {
    color: var(--main);
    text-decoration: none;
}


#one-task-cat h4 a:visited {
    color: var(--main);
    text-decoration: none;
}


#one-task-cat h4 a:hover {
    color: var(--main);
    text-decoration: none;
}



#one-task h3 {
    font-family: 'Lato', sans-serif;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
    color: #fff;
    font-size: 1vw;
}


#new-stats33-top {
    width: 100%;
    height: 2.2vw;
  
}

#new-stats33-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.3vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#new-stats33-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    margin: 0% 0% 0% 31%;
    font-weight: 700;
}

#new-stats33-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
}

#new-stats33-bot h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 41%;
    font-weight: 700;
}















#new-stats-line {
    width: 2px;
    height: 10.5vw;
    background-color: var(--main);
    float: left;
    margin-top: 0.5vw;
}

#new-stats-line2 {
    width: 100%;
    height: 2px;
    background-color: var(--main);
    float: left;
    margin-bottom: 2%;
}

#new-stats-line3 {
    width: 2px;
    height: 5vw;
    background-color: var(--main);
    float: left;
}

#stats-progs {
    width: 100%;
    height: 27vw;
    margin-bottom: 5%;
    margin-top: 4%;
}

#stats-progs1 {
    width: 47%;
    height: 27vw;
   
    float: left;
}

#stats-progs2 {
    width: 53%;
    height: 27vw;
    float: left;
    position: relative;
}

#stats-progs2-bg {
    position: absolute;
    width: 10%;
    height: 4.5vw;
    top: 1vw;
    left: 0.5vw;
    border-radius: 50%;
    background-color: var(--main);
}

#extra-buttons {
    width: 58%;
    height: 15vw;
    /* background-color: #ff000047; */
    position: absolute;
    top: 65vw;
    left: 5%;
}

#extra-buttons img {
    width: 48%;
    height: auto;
    float: left;
    margin-right: 1%;
}

#eb1 {
    width: 46.5%;
    height: 7.8vw;
    border: 4px solid var(--main);
    float: left;
    border-radius: 25px;
    margin-right: 1.8%;
    position: relative;
    padding-top: 1%;
    background-color: #ffffff26;
}



#extra-buff {
    width: 57%;
    height: 11vw;
    /* background-color: #ff000047; */
    position: absolute;
    top: 82vw;
    left: 5%;
}

#go-to232 {
    width: 46%;
    height: auto;
    float: left;
    margin: 0% 2% 4% 2%;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 25px;
}

#go-to232 img {
    width: 100%;
    height: auto;
}

#go-to666 {
    width: 26.75%;
    height: 11vw;
    float: left;
    margin: 0% 2% 0% 0%;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 3px solid var(--main);
    border-radius: 20px;
    position: relative;
}

#go-to666-icon {
    width: 41%;
    height: 5.75vw;
    border: 3px solid var(--main);
    border-radius: 50%;
    background-color: var(--main);
    position: absolute;
    top: 7%;
    left: 7%;
}

div#go-to666-ol {
    width: 100%;
    height: 11vw;
    float: left;
    background-color: var(--main);
    border-radius: 15px;
    position: absolute;
    opacity: 0.15;
    top: 0vw;
}

div#go-to666 p {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fffffff0;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    position: absolute;
    bottom: 12%;
    left: 9%;
}

#go-to666 img {
    width: 100%;
    height: auto;
}

#user-button {
    width: 72%;
    height: 2.5vw;
    margin: 13% 9% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    float: right;
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    padding-top: 6%;
}

#user-button222 {
    width: 64%;
    height: 3.75vw;
    margin: 19% 0% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    float: right;
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 6%; */
}

div#go-to232 a:hover {
    width: 100%;
    height: 11.25vw;
    background-color: #0b727c;
    float: left;
    border-radius: 23px;
}

div#go-to666 a:hover {
    width: 100%;
    height: 11vw;
    background-color: #0b727c;
    float: left;
    border-radius: 17px;
    top: 0;
    position: absolute;
    left: 0;
}

#go-to777 {
    width: 47%;
    height: 10.5vw;
    float: left;
    background-image: url(/images/xdots4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 2.6%;
    /* border-radius: 35px; */
    padding: 1% 3% 5% 3%;
}

#go-to777X {
    width: 47%;
    height: 9.5vw;
    float: left;
    background-image: url(/images/xdots4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 2.6%;
    /* border-radius: 35px; */
    padding: 3% 3% 5% 3%;
    margin-left: 8%;
}

#go-to888 {
    width: 33%;
    height: 6.5vw;
    /* background-color: #f003; */
    float: left;
   
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

#go-to888 h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 7.75% 0% 0% 32%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

canvas#chart {
    width: 98% !important;
    margin-left: 1%;
    padding-top: 1%;
    padding-bottom: 1%;
}


#go-toTTT {
    width: 70%;
    height: 6.5vw;
    /* background-color: #f003; */
    float: left;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 29%;
    margin-left: 2.5vw;
}


#go-toTTT h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 2.75% 0% 8% 27%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#go-toFFF {
    width: 68%;
    height: 8.5vw;
    /* background-color: #f003; */
    float: left;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 13%;
    margin-left: 3.5vw;
}

#go-toFFF h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 2% 0% 0% 12%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#go-toFFF h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.45vw;
    line-height: 2vw;
    font-weight: 800;
    color: var(--main);
    padding: 2% 0% 0% 12%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}



#prog-box {
    width: 75%;
    height: 25.5vw;
    border: 4px solid var(--main);
    float: right;
    border-radius: 25px;
    margin-right: 5%;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


#prog-box a:link {
    width: 100%;
    height: 100%;
}

#prog-box a:visited {
    width: 100%;
    height: 100%;
}

#prog-box a:active {
    width: 100%;
    height: 100%;
}

#prog-box a:hover {
    width: 100%;
    height: 100%;
   background-color: #0b727c;
   border-radius: 22px;
   float: left;
}


#prog-box-top {
    width: 100%;
    height: 7vw;
    margin-top: 3%;
}

#prog-box-top1 {
    width: 17%;
    height: 6vw;
    float: left;
    margin-left: 5%;
    /* border: 1px solid var(--main); */
    border-radius: 50%;
    background-color: var(--main);
}

#prog-box-top1 img {
    width: 100%;
    height: auto;
}

#prog-box-top2 {
    width: 75%;
    height: 7vw;
    float: left;
}

#prog-box-top2 h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.4vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 2% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#prog-box-top2 p {
    font-family: 'Lato',sans-serif;
    font-size: 0.9vw;
    font-weight: 600;
    text-align: center;
    color: #ffffffb5;
    margin: 1% 5% 0% 5%;
    -webkit-font-smoothing: antialiased;
    line-height: 1.3vw;
}




#prog-box-bot1 {
    width: 90%;
    height: 15vw;
    margin: 0 auto;
    margin-top: 2vw;
}


#one-bot {
    width: 23%;
    height: 13vw;
    margin: 0% 1% 0% 1%;
    float: left;
 position: relative; 
}

#one-bot-top {
    width: 100%;
    height: 6.5vw;
    margin: 0% 0% 0% 0%;
    
}

#ring-bg {
    width: 100%;
    height: 6.5vw;
   position: relative;
}

#ring-bg img {
    width: 82%;
    height: auto;
    margin-left: 9%;
}

#ring-fg {
    width: 62.5%;
    height: 4.5vw;
    position: absolute;
    top: 4%;
    left: 16%;
    border: 3px solid var(--main);
    border-radius: 50%;
    background-color: var(--main);
}

#ring-fg img {
    width: 109%;
    height: auto;
    margin-left: -3.9%;
    margin-top: -5.5%;
}

#one-bot-bot {
    width: 100%;
    height: 6.5vw;
    margin: 0% 0% 0% 0%;
   
}

#one-bot-bot h3 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 1.8vw;
    padding: 10% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
}

#one-bot-bot h4 {
    color: #999;
    font-family: 'Montserrat',sans-serif;
    font-size: 0.7vw;
    padding: 1% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px;
}


#one-bot-bot h5 {
    color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 0.7vw;
    padding: 7% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
    line-height: 1.1vw;
}





#prog-box-bot2 {
    width: 100%;
    height: 4vw;
}

#boxer {
    width: 97%;
    height: 67vw;
    border: 1px solid var(--main);
    position: absolute;
    top: 11vw;
    left: 1.5%;
    opacity: 0.25;
    border-radius: 20px;
}


#progger-plus {
    width: 87.5%;
    height: auto;
    margin: 13% 0% 0% 0%;
    float: right;
    font-family: 'Montserrat',sans-serif;
    font-size: 0.8vw;
    font-weight: 600;
    color: #FFF;
    text-align: left;
    padding: 2% 2% 3% 2%;
    background: none;
    border: 0;
}

#progger-holder
{

    width: 71%;
    height: auto;
    margin: 6% 0% 0% 10%;
    float: left;
   

}

#progger-holder a:link
{

    width: 100%;
    height: auto;
border-radius: 10px;
 
    float: left;
}

#progger-holder a:visited
{

    width: 100%;
    height: auto;
border-radius: 10px;
 
    float: left;
}

#progger-holder a:active
{

    width: 100%;
    height: auto;
border-radius: 10px;
 
    float: left;
}

#progger-holder a:hover
{

    width: 100%;
    height: auto;
border-radius: 10px;
  background-color: var(--main);
    float: left;
}

#progger-button {
    width: 94%;
    height: auto;
    border: 3px solid #fff;
    border-radius: 10px;
    background-color: #ffffff2e;
    float: left;
    font-family: 'Montserrat',sans-serif;
    font-size: 0.9vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    padding: 2% 2% 3% 2%;
}



#blackground {
    width: 100%;
    height: 7vw !important;
   background-color: var(--main);
    opacity: 0.25;
    position: absolute;
    top: 13vw;
    left: 0%;
}

#blackground77 {
    width: 100%;
    height: 7vw !important;
   background-color: var(--main);
    opacity: 0.25;
    position: absolute;
    top: 9vw;
    left: 0%;
}


#new-back {
    width: 14%;
    height: auto;
    position: absolute;
    top: 11.2vw;
    left: 4%;
    /* background-color: #ccc; */
}

#new-back22 {
    width: 14%;
    height: auto;
    position: absolute;
    top: 3vw;
    left: 4%;
    /* background-color: #ccc; */
}



#new-breads {
    width: 90%;
    height: auto;
    position: absolute;
    top: 13.2vw;
    left: 7%;
}

#new-breads p {
    font-family: 'Lato',sans-serif;
    font-size: 1vw;
    font-weight: 500;
    text-align: center;
    color: #ffffff94;
    margin: 0% 2% 0% 0%;
    -webkit-font-smoothing: antialiased;
    float: left;
}

div#new-breads p a:link {
    color: #ffffff94;
    text-decoration: none;
}

div#new-breads p a:active {
    color: #ffffff94;
    text-decoration: none;
}

div#new-breads p a:visited {
    color: #ffffff94;
    text-decoration: none;
}

div#new-breads p a:hover {
    color: #fff;
    text-decoration: none;
}





div#tit-header3 h3 a:link {
    color: var(--main);
    text-decoration: none;
}


div#tit-header3 h3 a:visited {
    color: var(--main);
    text-decoration: none;
}


div#tit-header3 h3 a:active {
    color: var(--main);
    text-decoration: none;
}


div#tit-header3 h3 a:hover {
    color: var(--main);
    text-decoration: none;
}
















#blackground2 {
    width: 100%;
    height: 7vw !important;
  background-color: var(--main);
    opacity: 0.25;
    position: absolute;
    top: 17vw;
    left: 0%;
}

#blackground212 {
    width: 100%;
    height: 7vw !important;
    background-color: var(--main);
    opacity: 0.25;
    position: absolute;
    top: 17vw;
    left: 0%;
}

#blackground515 {
    width: 100%;
    height: 10vw !important;
   background-color: var(--main);
    opacity: 0.25;
    position: absolute;
    top: 9vw;
    left: 0%;
}


#blackground717 {
    width: 100%;
    height: 7vw !important;
   background-color: var(--main);
    opacity: 0.25;
    position: absolute;
    top: 17vw;
    left: 0%;
}




#blackground999 {
    width: 100%;
    height: 7vw !important;
    /* background-color: var(--main)47; */
    position: absolute;
    top: 10.5vw;
    left: 0%;
}


#blackgroundFood {
    width: 100%;
    height: 7vw !important;
    background-color: var(--main);
    opacity: 0.25;
    position: absolute;
    top: 11.5vw;
    left: 0%;
}







#major-boxes {
    width: 90%;
    height: auto;
    position: absolute;
    top: 28vw;
    left: 5%;
}

#major-boxes-left {
    width: 65%;
    height: 40vw;
  
   float: left;
}

#major-boxes-right {
    width: 35%;
    height: 40vw;
 
   float: left;
}

#tit-header {
    width: 100%;
    height: 12vw !important;
    position: absolute;
    top: 17vw;
}

#tit-header img {
    width: 5%;
    height: auto;
    margin: 1% 2% 0% 6.5%;
    float: left;
}

#tit-header h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.8vw;
    font-weight: 800;
    color: #fff;
    padding: 1.5% 0% 0% 8%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#tit-header h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 600;
    text-align: left;
    color: var(--main);
    margin: 0% 0% 0% 9%;
    -webkit-font-smoothing: antialiased;
}



#tit-header2 {
   width: 100%;
    height: 12vw !important;
    position: absolute;
    top: 17vw;
}

#tit-header2 img {
    width: 5%;
    height: auto;
    margin: 1% 2% 0% 3.5%;
    float: left;
    background-color: #fff;
    border-radius: 50%;
}

#tit-header2 h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.8vw;
    font-weight: 800;
    color: #fff;
    padding: 1.5% 0% 0% 8%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#tit-header2 h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 600;
    text-align: left;
    color: var(--main);
    margin: 0% 0% 0% 9%;
    -webkit-font-smoothing: antialiased;
}








#tit-header3 {
   width: 100%;
    height: 12vw !important;
    position: absolute;
    top: 17vw;
}

#tit-header3 img {
    width: 5%;
    height: auto;
    margin: 1% 2% 0% 6.5%;
    float: left;
    background-color: #fff;
    border-radius: 50%;
}

#tit-header3 h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    font-weight: 800;
    color: #fff;
    padding: 0.7% 0% 0% 8%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#tit-header3 h3 {
    font-family: 'Lato',sans-serif;
    font-size: 1.2vw;
    font-weight: 800;
    text-align: left;
    color: var(--main);
    margin: 0% 0% 0% 13.7%;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    letter-spacing: 2px;
}



#tit-header4 {
    width: 100%;
    height: 12vw !important;
}

#tit-header4 img {
   width: 5%;
    height: auto;
    margin: 1% 2% 0% 3.5%;
    float: left;
    background-color: #fff;
    border-radius: 50%;
}

#tit-header4 h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.8vw;
    font-weight: 800;
    color: #fff;
    padding: 1.5% 0% 0% 8%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#tit-header4 h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 600;
    text-align: left;
    color: var(--main);
    margin: 0% 0% 0% 9%;
    -webkit-font-smoothing: antialiased;
}




#tit-header5 {
    width: 100%;
    height: 7vw !important;
}

#tit-header5 img {
    width: 4%;
    height: auto;
    margin: 1.3% 1% 0% 5.25%;
    float: left;
}

#tit-header5 h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.8vw;
    font-weight: 800;
    color: #fff;
    padding: 1.5% 0% 0% 8%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#tit-header5 h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 600;
    text-align: left;
    color: var(--main);
    margin: 0% 0% 0% 9%;
    -webkit-font-smoothing: antialiased;
}


#tit-header999 {
    width: 100%;
    height: 12vw !important;
    position: absolute;
    top: 9vw;
}

#tit-header999 img {
    width: 5%;
    height: auto;
    margin: 1% 2% 0% 6.5%;
    float: left;
}

#tit-header999 h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.8vw;
    font-weight: 800;
    color: #fff;
    padding: 1.5% 0% 0% 8%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#tit-header999 h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 600;
    text-align: left;
    color: var(--main);
    margin: 0% 0% 0% 9%;
    -webkit-font-smoothing: antialiased;
}


.targetDiv {
    display: none;
}


#select-holder22 {
    width: 30vw;
    height: 4vw;
    position: absolute;
    top: 1.8vw;
    right: 5vw;
}


#hog-box {
    width: 46.5%;
    height: 16.5vw;
    border: 4px solid var(--main);
    float: left;
    border-radius: 25px;
    margin-right: 0%;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 1.25%;
    margin-bottom: 2.5%;
    position: relative;
}


#custom-button
{

background-color: var(--main);


}

#hog-box-top {
    width: 100%;
    height: 7vw;
    margin-top: 3%;
}


#hog-box-bot {
    width: 100%;
    height: 8vw;
}


#hog-box-bot1 {
    width: 70%;
    height: 8vw;
   
    float: left;
}


#hog-box-bot2 {
    width: 30%;
    height: 8vw;
 
    float: left;
}



#hog-box-bot2 h3 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    padding: 41% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
}

#hog-box-bot2 h4 {
    color: #999;
    font-family: 'Montserrat',sans-serif;
    font-size: 0.7vw;
    padding: 1% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px;
}


#hog-box-bot2 h5 {
    color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 0.7vw;
    padding: 7% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
    line-height: 1.1vw;
}








#hog-box-line {
    width: 90%;
    height: 1px;
    background-color: var(--main);
    margin: 0 auto;
    opacity: 0.5;
}

#hog-box-top1 {
    width: 21%;
    height: 7vw;
    float: left;
    margin-left: 5%;
    position: relative;
}

#hog-box-top1 img {
    width: 96%;
    height: auto;
    margin-top: 2%;
    position: relative;
}

#hog-box-top1-bg {
    position: absolute;
    width: 95.75%;
    height: 5.42vw;
    top: 0.1vw;
    left: 0vw;
    border-radius: 50%;
    background-color: var(--main);
    /* border: 3px solid var(--main); */
}



#pog-box-top {
    width: 100%;
    height: 5vw;
   
}



#pog-box-line {
    width: 90%;
    height: 1px;
    background-color: var(--main);
    margin: 0 auto;
    opacity: 0.5;
}

#pog-box-top1 {
    width: 21%;
    height: 5vw;
    float: left;
    margin-left: 10%;
}

#pog-box-top1 img {
    width: 85%;
    height: auto;
    margin-top: -3%;
    margin-left: 9%;
}

#pog-box-top2 {
    width: 52%;
    height: 5vw;
    float: left;
    margin-left: 1%;
}

#pog-box-top2 h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.8vw;
    line-height: 1.5vw;
    font-weight: 800;
    color: #fff;
    padding: 10% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}






#hog-box-top2 {
    width: 68%;
    height: 7vw;
    float: left;
    margin-left: 3%;
}

#hog-box-top2 h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.2vw;
    line-height: 1.5vw;
    font-weight: 800;
    color: #fff;
    padding: 2% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#hog-box-top2 p {
    font-family: 'Lato',sans-serif;
    font-size: 0.8vw;
    font-weight: 600;
    text-align: center;
    color: #ffffffb5;
    margin: 1% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    line-height: 1.2vw;
}






#user-header {
    width: 100%;
    height: 35vw !important;
    /* background-color: #ff00008a; */
    position: relative;
}

#user-header h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.8vw;
    font-weight: 800;
    color: #fff;
    padding: 4.5% 0% 0% 9%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#user-header h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 600;
    text-align: left;
    color: var(--main);
    margin: 0% 0% 0% 9%;
    -webkit-font-smoothing: antialiased;
}

div#user-header h3 a:link {
    font-weight: 700;
    color: #32b5d2;
    font-size: 1.5vw;
    text-decoration: none;
}

div#user-header h3 a:hover {
    font-weight: 700;
    color: #fff !important;
    font-size: 1.8vw;
}

div#user-header h3 a:visited {
    font-weight: 700;
    color: #32b5d2;
    font-size: 1.8vw;
}

div#user-header h3 a:active {
    font-weight: 700;
    color: #32b5d2;
    font-size: 1.8vw;
}

.dropdown {
  position:absolute;
  width:15vw;
  background:#1a1a1a;
  text-align:left;
  z-index: 9999999999999999999;
  display:none;
}
.dropdown li {
  display:block;
  }
.dropdown li a {
  display:block;
  color:#FFF;
}


#profile-pic {
    width: 24%;
    height: auto;
    max-height: 17vw;
    margin: 0% 0% 0% 0%;
    overflow: hidden;
    border-radius: 23px;
    position: absolute;
    top: 17.25vw;
    border: 3px solid var(--main);
    background-color: #fff;
    left: 9.5%;
    background-image: url(/images/pro.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}



.um-dropdown {

    left: -380%;
    top: 110%;
  
}

#incomplete {
    width: 46%;
    height: 29vw;
    background-color: #000000f2;
    position: absolute;
    top: 11vw;
    right: 9%;
    z-index: 9999;
    border: 2px solid #22A3C9;
    display: none;
    text-align: center;
}

#incomplete img {
    width: 15%;
    height: auto;
    margin-top: 2%;
}

#incomplete h3 {
    font-family: 'Bai Jamjuree', sans-serif !important;
    font-size: 2vw !important;
    padding: 0% 0% 0% 0%;
    color: #fff !important;
    text-align: center !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    margin: 7% 0% 0% 0% !important;
}


#incomplete p {
    font-size: 1.25vw !important;
    font-weight: 500 !important;
    color: #fff !important;
    font-family: 'Lato', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    line-height: 2.25vw;
    text-transform: none !important;
    padding: 3% 5% 0% 5% !important;
}


#profile-pic img {
    width: 100%;
    height: auto;
}

#user-deets1 {
    width: 9.5%;
height: 9vw;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 12vw;
    left: 46%;
    z-index: 9;
    background-color: #ffffff1a;
}

#user-deets2 {
  width: 9.5%;
height: 9vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 12vw;
    left: 61%;
    z-index: 9;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    background-color: #ffffff1a;
}

#user-deets3 {
   width: 9.5%;
height: 9vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 12vw;
    left: 76%;
    z-index: 9;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    background-color: #ffffff1a;
}

#user-deets4 {
    width: 9.5%;
height: 9vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 26vw;
    left: 46%;
    z-index: 9;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    background-color: #ffffff1a;
}

#user-deets5 {
     width: 9.5%;
height: 9vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 26vw;
    left: 61%;
    z-index: 9;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    background-color: #ffffff1a;
}

#user-deets6 {
  width: 9.5%;
height: 9vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 26vw;
    left: 76%;
    z-index: 9;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    background-color: #ffffff1a;
}

#user-deets7 {
    width: 27%;
    height: 13vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 66vw;
    right: 5%;
    z-index: 9;
}



#dash-holder {
    width: 84%;
    height: auto;
    margin: 0 auto;
    border-top: 1px solid #2f2d2d;
    padding-top: 4%;
    padding-bottom: 8%;
    color: #ffffff82;
    text-align: center;
    border-bottom: 1px solid #2f2d2d;
}


#stater-header {
    width: 100%;
    height: 20vw;
    background-color: #000;
}

#go-to {
    width: 26.75%;
    height: auto;
    float: left;
    margin: 0% 1% 0% 3.5%;
}

#go-to img {
    width: 100%;
    height: auto;
}



#user-deets1 h3 {
    text-align: center;
    color: #fffc;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 1.3vw;
    margin: 0% 0% 16% 0%;
    line-height: 2vw;
    letter-spacing: 1px;
    text-transform: uppercase;
    
}

#user-deets2 h3 {
    text-align: center;
    color: #fffc;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 1.3vw;
    margin: 0% 0% 16% 0%;
    line-height: 2vw;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#user-deets3 h3 {
     text-align: center;
    color: #fffc;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 1.3vw;
   margin: 0% 0% 16% 0%;
    line-height: 2vw;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#user-deets4 h3 {
     text-align: center;
    color: #fffc;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
   font-size: 1.3vw;
    margin: 0% 0% 16% 0%;
    line-height: 2vw;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#user-deets5 h3 {
    text-align: center;
    color: #ffffff59;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
  font-size: 1.3vw;
   margin: 0% 0% 16% 0%;
    line-height: 2vw;
     letter-spacing: 1px;
}

#user-deets6 h3 {
    text-align: center;
    color: #ffffff59;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
  font-size: 1.3vw;
    margin: 0% 0% 0% 0%;
    margin: 0% 0% 16% 0%;
    line-height: 2vw;
     letter-spacing: 1px;
}

#user-deets7 h3 {
    text-align: center;
    color: #ffffff59;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
  font-size: 2.7vw;
    margin: 0% 0% 0% 0%;
}


#user-deets1 h4 {
    text-align: center;
    color: var(--main);
    font-family: 'Lato',sans-serif;
    font-weight: 600;
    font-size: 2.1vw;
    margin: 1% 0% 0% 0%;
    text-transform: lowercase;
}

#user-deets2 h4 {
    text-align: center;
color: var(--main);
font-family: 'Lato', sans-serif;
font-weight: 600;
 font-size: 2.1vw;
    margin: 1% 0% 0% 0%;
    text-transform: lowercase;
}

#user-deets3 h4 {
    text-align: center;
    color: var(--main);
    font-family: 'Lato',sans-serif;
    font-weight: 600;
    font-size: 2.1vw;
    margin: 0 auto;
        margin-top: 0px;
   text-transform: lowercase;
    margin-top: 1%;
    border-radius: 30px;
}

#user-deets4 h4 {
    text-align: center;
color: var(--main);
font-family: 'Lato', sans-serif;
font-weight: 600;
 font-size: 2.1vw;
    margin: 1% 0% 0% 0%;
    text-transform: lowercase;
}

#user-deets5 h4 {
    text-align: center;
    color: var(--main);
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 2.1vw;
    margin: 1% 0% 0% 0%;
    text-transform: lowercase;
}

#user-deets6 h4 {
    text-align: center;
    color: var(--main);
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 2.1vw;
    margin: 1% 0% 0% 0%;
    text-transform: lowercase;
}

#user-deets7 h4 {
    text-align: center;
color: var(--main);
font-family: 'Lato', sans-serif;
font-weight: 600;
font-size: 3.2vw;
margin: 6% 0% 0% 0%;
}


#stater-header h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 6vw;
    font-weight: 400;
    color: var(--main);
    padding: 2.5% 10% 0% 7%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    border-top: 1px solid var(--main);
}

#stater-header p {
    font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    font-weight: 800;
    color: #fff;
    padding: 23.5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#stater-header h3 {
    font-family: 'Lato', sans-serif;
    font-size: 2.5vw;
    font-weight: 600;
    text-align: center;
    color: var(--main);
    margin: 0.3% 10% 2.3% 10%;
    -webkit-font-smoothing: antialiased;
}



#quick-record {
    width: 46%;
    height: auto;
    float: left;
    margin: 0% 0% 3% 2%;
    position:relative;
}

#quick-record img {
    width: 100%;
    height: auto;
}

#quick-record-mob {
   display: none;
}

#quick-record-mob img {
    width: 100%;
    height: auto;
}

.um-header {
   
    border-bottom: 0px !important;
   
}

.um-header {
    position: absolute !important;
    padding: 0 0 25px 0;
    border-bottom: solid 2px #eee;
    min-height: 85px;
    box-sizing: content-box !important;
    top: -0vw !important;
    right: 1% !important;
}


.um-profile-photo
{

display:  none !important;

}



.um-profile-edit {
    position: absolute;
    top: -7vw !important;
    right: 1% !important;
    vertical-align: middle;
    font-size: 6vw !important;
    height: 30px;
    line-height: 30px;
    z-index: 999999999 !important;
    margin-right: 10px;
}

#user-header22 h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 5.2vw;
    font-weight: 800;
    color: #fff;
    padding: 17.5% 10% 0% 10%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#user-header22 p {
    font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    font-weight: 800;
    color: #fff;
    padding: 23.5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#user-header22 h3 {
    font-family: 'Lato', sans-serif;
    font-size: 2.5vw;
    font-weight: 600;
    text-align: center;
    color: var(--main);
    margin: 0.3% 10% 2.3% 10%;
    -webkit-font-smoothing: antialiased;
}

#show-alert-inner h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 2vw;
    font-weight: 800;
    color: #fff;
    margin-bottom: 2%;
}

.um-profile-edit i {
    font-size: 4vw !important;
}

.um-profile.um .um-profile-headericon a {
    color: #979393 !important;
}




#footer-logo img {
   display:  none;
}

#footer-holder p {
    float: right;
    margin: 3% 9% 0% 0%;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 0.8vw;
    font-weight: 600;
}


#footer-holder {
    width: 100%;
    height: 7vw;
    background-color: #1e1d1d;
}


.um-profile-body.main.main-default {
    z-index: 999 !important;
    position: absolute !important;
    right: 0% !important;
    width: 88% !important;
    background-color: #000 !important;
    top: 5% !important;
    padding: 8% 5% 0% 5% !important;
    height: 80vw !important;
    max-width: 100% !important;
}



#user-container22 {
    width: 70% !important;
    height: auto;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 0%;
    padding-top: 3%;
    position: relative;
    padding-bottom: 9%;
}

#stater-holder {
    width: 96%;
    height: auto;
    margin: 0 auto;
    border-top: 1px solid #2f2d2d;
    padding-top: 6%;
    padding-bottom: 8%;
    color: #ffffff82;
    text-align: center;
    border-bottom: 1px solid #2f2d2d;
}

#stater-holder h2 {
    font-family: 'Lato',sans-serif;
    font-size: 2vw !important;
    font-weight: 700 !important;
    text-align: left !important;
    color: #fff !important;
    text-transform: uppercase !important;
    margin: 0% 0% 4% 5% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 5px !important;
}


div#logz {
    margin: 0 auto;
    width: 8%;
    height: auto;
    background-color: #FFF;
    margin-top: 1%;
    padding: 0.5%;
    border-radius: 25px;
    font-size: 1vw;
}

button.picker__button--today {
    font-size: 2vw;
}

button.picker__button--clear {
    font-size: 2vw;
}

button.picker__button--close {
    font-size: 2vw;
}




#pastWeightDeets {
    width: 94%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #ffffff4d;
   margin-bottom: 10%;
    border-radius: 15px;
    background-color: #00000061;
}

#pastWeight {
    width: 60%;
    height: 21.95vw;
    padding: 3% 0% 3% 0%;
    margin: 0% 0% 0% 0%;
    font-size: 10vw;
    font-weight: 400;
    color: #32b5d2;
    float: left;
    text-align: center;
    border-right: 1px solid #ffffff4d;
    border-bottom: 1px solid #ffffff4d;
    background-color: #ffffff1c;
    line-height: 5vw;
}

#pastWeight2 h5 {
    color: #FFFFFF85;
    letter-spacing: 3px;
    margin-bottom: -5%;
    font-size: 1.5vw;
    margin: 7% 0% 6% 0%;
}

#pastWeight3 {
    width: 39.9%;
    height: 10.95vw;
    padding: 1% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    font-size: 5vw;
    font-weight: 400;
    color: #32b5d2;
    float: left;
   line-height: 2vw;
    border-bottom: 1px solid #ffffff4d;
}

#pastWeight3 h5 {
    color: #FFFFFF85;
    letter-spacing: 3px;
    margin-bottom: -5%;
    font-size: 1.5vw;
     margin: 7% 0% 6% 0%;
}

#pastWeight4 {
    width: 50%;
    height: 12vw;
    padding: 8% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    font-size: 3vw;
    font-weight: 400;
    color: #32b5d2;
    text-align: right;
    float: left;
    line-height: 2vw;
}

#pastWeight4 span {
    font-size: 1.5vw;
    font-weight: 600;
}

#pastWeight span {
    color: #32b5d2;
}

#comp-holder h2 {
    font-family: 'Lato',sans-serif;
    font-size: 4vw !important;
    font-weight: 700 !important;
    text-align: left !important;
    color: #fff !important;
    text-transform: uppercase !important;
    margin: 7% 0% 4% 5% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 5px !important;
}

#pastWeight2 {
    width: 39.9%;
    height: 11vw;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    font-size: 5vw;
    font-weight: 400;
    color: #32b5d2;
    float: left;
    line-height: 2vw;
    border-bottom: 1px solid #ffffff4d;
}

#pastWeight5 {
    width: 50%;
    height: 7vw;
    margin: 0% 0% 0% 0%;
    font-size: 3vw;
    font-weight: 400;
    color: #32b5d2;
    float: left;
    padding: 8% 0% 0% 0%;
    line-height: 2vw;
}

#pastWeight h5 {
    color: #FFFFFF85;
    letter-spacing: 3px;
    margin-bottom: -5%;
    font-size: 2.5vw;
    margin: 6% 0% 4% 0%;
}

#pastWeight5 span {
    font-size: 1.5vw;
    font-weight: 600;
}

#main-comp2 {
    width: 90%;
    height: auto;
    margin: 5% 0% 0% 8%;
}

#main-comp2-left {
    width: 70%;
    height: auto;
    float: left;
    margin-right: 1%;
}

#main-comp2-left h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 2.5% 7% 0% 5%;
    text-align: left;
    float: left;
}

#main-comp2-left h4 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 2.5% 5% 0% 5%;
    text-align: right;
}

#main-comp2-right {
  width: 28%;
    height: auto;
    float: left;
    margin-left: 1%;
    
}

#one-comp2 {
    width: 100%;
    height: 7vw;
    margin: 0% 0% 3% 0%;
    background-color: #40737f2e;
    border-radius: 15px;
    position:relative;
}

#one-comp2 form {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    
    height: 100%;
}

#one-comp2 input {
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
}

#one-comp3 {
    width: 46%;
    height: 37vw;
    margin: 0% 1% 3% 1%;
    background-color: #40737f2e;
    border-radius: 15px;
    float: left;
    position: relative;
    text-align: center;
}

#exlevel {
    width: 100%;
    height: 2vw;
    font-size: 1.25vw;
}



#fitgoal {
    width: 100%;
    height: 2vw;
    font-size: 1.25vw;
}

#med1 {
    height: 6vw !important;
    width: 90%;
    border-radius: 25px;
    border: 0;
    padding: 5%;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
     font-size: 1.25vw;
}

#med2 {
    height: 6vw !important;
    width: 90%;
    border-radius: 25px;
    border: 0;
    padding: 5%;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
     font-size: 1.25vw;

}

#hidden-button {
    background-color: var(--main);
    border-radius: 50px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    margin: 8% 0% 0% 24.5%;
    font-size: 1.5vw;
    border: 2px solid #fff;
    color: #fff;
    width: 56% !important;
    padding: 3% 0% 3% 0%;
    display: none;
    text-align: center;
}

#hidden-buttonZZ {
    background-color: var(--main);
    border-radius: 50px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    margin: 8% 0% 0% 24.5%;
    font-size: 1.5vw;
    border: 2px solid #fff;
    color: #fff;
    width: 56% !important;
    padding: 3% 0% 3% 0%;
    display: none;
    text-align: center;
}



#one-comp3 form {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    
    height: 100%;
}

#one-comp3 input {
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
}

#one-comp3 img {
    width: 20%;
    margin-top: 7%;
    opacity: 0.5;
}

#one-comp3 h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 7.5% 0% 0% 5%;
    text-align: center !important;
    
}

#one-comp3 h4 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 2.5% 0% 0% 5%;
   text-align: center !important;
   
}

#one-comp3 h5 {
    font-family: 'Lato',sans-serif;
    font-size: 7vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 2.5% 0% 0% 5%;
    text-align: center !important;
}

#one-comp2-result {
    width: 100%;
    height: 7vw;
    margin: 3% 0% 8% 0%;
}

#one-comp2-result h4 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 1.5% 0% 0% 5%;
    text-align: left;
}

#one-comp h5 {
    font-family: 'Lato',sans-serif;
    font-size: 2.5vw !important;
    font-weight: 400 !important;
    text-align: center !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 2% 0% 0% 2% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    background-color: #2e616c;
    width: 96%;
}

#new-session {
    width: 24%;
    border: 3px solid #fff;
    border-radius: 15px;
    float: left;
    color: #fff;
    font-size: 1.1vw;
    padding: 1% 0% 1% 0%;
    margin: 0% 0% 4% 2%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

#stater-header h4 {
    font-family: 'Lato', sans-serif;
    font-size: 1.75vw;
    font-weight: 600;
    text-align: center;
    color: #cfe1b8;
    margin: 0% 10% 2.3% 10%;
    -webkit-font-smoothing: antialiased;
}

#measure {
    width: 55%;
    height: auto;
    padding: 5%;
    margin: 0 auto;
    color: #fff;
    margin-top: 8vw;
}

#measure-results {
    width: 55%;
    height: 30vw;
    padding: 5%;
    margin: 0 auto;
    color: #fff;
    display: none;
    text-align: center;
    margin-top: 10vw;
}

#measure label {
    font-size: 1.2vw;
}

#measure input {
    margin-bottom: 3%;
      width: 100%;
    height: 3vw;
}



#measure-results h2 {
    font-size: 2vw;
}

#measure-button {
    width: 64% !important;
    border: 3px solid #fff;
    border-radius: 15px;
    color: #fff;
    font-size: 2vw;
    padding: 0.5% 0% 1% 0%;
    margin: 4% 0% 4% 21%;
    margin-bottom: 4%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

#see-results {
    width: 35%;
    border: 3px solid #fff;
    border-radius: 15px;
    float: left;
    color: #fff;
    font-size: 1.1vw;
    padding: 2% 0% 2% 0%;
    margin: 6% 0% 0% 32%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

.ns-add
{

 margin: 0% 0% 4% 24% !important;

}

#one-comp-title h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    text-align: center !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 10% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
}

#one-comp {
    width: 31%;
    height: 34vw;
    margin: 0% 1% 2% 1%;
    float: left;
    background-color: #40737f;
    border-radius: 15px;
    position:relative;
}

#one-comp img {
    width: 21%;
    height: auto;
     margin: 13% 0% 0% 0%;
}

#one-comp form {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    
    height: 100%;
}

#one-comp input {
    width: 100%;
    height: 100%;
    background: none;
border: 0;
}

#overlay-graph {
    width: 96%;
    position: fixed;
    top: 0%;
    left: 2%;
    height: 100%;
    background-color: #070707f7;
    padding-top: 10%;
}



#one-comp h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    text-align: center !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 10% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
}

#one-comp h4 {
    font-family: 'Lato',sans-serif;
    font-size: 6vw !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: #fff !important;
    text-transform: uppercase !important;
    margin: 9% 0% 13% 0% !important;
    -webkit-font-smoothing: antialiased;
}

#one-comp-end {
    width: 97%;
    height: 9vw;
    margin: 0% 1% 2% 1%;
    float: left;
    background-color: #ffffffd6;
    border-radius: 15px;
    position: relative;
    text-align: center;
    border: 4px solid #40737f;
    font-size: 2vw;
    padding-top: 3%;
    color: #40737f;
}


#one-comp span {
    font-size: 1.5vw;
    font-weight: 800 !important;
}

#one-comp2-result {
    width: 100%;
    height: 7vw;
    margin: 3% 0% 8% 0%;
}

#one-comp2-result h4 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 1.5% 0% 0% 5%;
    text-align: left;
}


#one-comp-title {
    width: 97%;
    height: 7vw;
    margin: 0% 0% 6% 1%;
    float: left;
    border: 2px solid #40737f9e;
    border-radius: 15px;
    padding-top: 1%;
    background-color: #ffffff26;
    text-align: center;
    padding-top: 2.5%;
    font-size: 2vw;
    color: #fff;
}

#one-comp-title h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    text-align: center !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 10% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
}

#one-comp {
    width: 31%;
    height: 34vw;
    margin: 0% 1% 2% 1%;
    float: left;
    background-color: #40737f;
    border-radius: 15px;
    position:relative;
    text-align: center;
}

#one-comp img {
    width: 21%;
    height: auto;
     margin: 13% 0% 0% 0%;
}

#one-comp form {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    
    height: 100%;
}

#one-comp input {
    width: 100%;
    height: 100%;
    background: none;
border: 0;
}

#overlay-graph {
    width: 96%;
    position: fixed;
    top: 0%;
    left: 2%;
    height: 100%;
    background-color: #070707f7;
    padding-top: 10%;
}



#user-header22 {
    width: 100%;
    height: 18vw;
}

#explain h3 {
    text-align: center;
    color: var(--main);
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 1.3vw;
    margin: 0% 2% 0% 2%;
    line-height: 3vw;
    -webkit-font-smoothing: antialiased;
    float: left;
    border: 1px solid var(--main);
    padding: 2% 4% 2% 4%;
    border-radius: 11px;
    width: 37%;
    text-transform: uppercase;
    background-color: #ffffff1a;
}

#explain span {
    font-size: 1.2vw;
}

#explain2 {
    width: 40%;f
    height: auto;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 31vw;
    left: 45%;
    z-index: 9;
    display: none;
}

#weight-form-holder {
    width: 54%;
    height: auto;
    padding: 0% 0% 6% 0%;
    border: 2px solid var(--main);
    border-radius: 15px;
    overflow: hidden;
    margin: 0% 0% 0% 42%;
    text-align: center;
    display:none;
}

#desk-weight-holder {
    width: 39%;
    height: auto;
    padding: 0% 0% 6% 0%;
    border: 2px solid var(--main);
    border-radius: 15px;
    overflow: hidden;
    margin: 0% 0% 0% 56%;
    text-align: center;
    display: block;
}


div#new-results {
    width: 46%;
    height: 15vw;
    /* background-color: #111; */
    /* border-bottom: 2px solid var(--main); */
    position: absolute;
    top: 38vw;
    left: 5vw;
}

#new-results-bg {
    position: absolute;
    width: 12%;
    height: 4.5vw;
    top: 1vw;
    left: 0.5vw;
    border-radius: 50%;
    background-color: var(--main);
}



.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-nav li:first-child a {
    border-right: 0;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
}
.tabs-nav .tab-active a {
 background: var(--main);
color: #FFF;
cursor: default;
text-decoration: none;
font-size: 2vw;
font-family: 'Lato', sans-serif;
font-weight: 700;
}

.tabs-nav a {
    background: #999;
    
    color: #111;
    display: block;
font-size: 2vw;
font-weight: bold;
height: auto;
line-height: 6vw;
text-align: center;
text-transform: uppercase;
width: 100%;
text-decoration: none;
font-family: 'Lato', sans-serif;
font-weight: 300;
}
.tabs-nav li {
    float: left;
    width: 50%;
}
.tabs-stage {
    
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    border-top: 0;
    clear: both;
    margin-bottom: 20px;
    position: relative;
    top: -1px;
    width: 100%;
}
.tabs-stage p {
    margin: 0;
    padding: 0% 0% 7% 0%;
    color: #fff;
    text-align: center;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
    font-size: 2.5vw;
    margin-bottom: 3vw;
}

.tabs-nav2 {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-nav2 li:first-child a {
    border-right: 0;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
}
.tabs-nav2 .tab-active2 a {
 background: var(--main);
color: #FFF;
cursor: default;
text-decoration: none;
font-size: 2vw;
font-family: 'Lato', sans-serif;
font-weight: 700;
}

.tabs-stage2 input[type="text"] {
    width: 60%;
    height: 6vw;
    font-size: 1.5vw;
    background-color: #fff;
    text-align: center;
}

.tabs-nav2 a {
    background: #999;
    
    color: #111;
    display: block;
font-size: 2vw;
font-weight: bold;
height: auto;
line-height: 6vw;
text-align: center;
text-transform: uppercase;
width: 100%;
text-decoration: none;
font-family: 'Lato', sans-serif;
font-weight: 300;
}
.tabs-nav2 li {
    float: left;
    width: 50%;
}
.tabs-stage2 {
    
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    border-top: 0;
    clear: both;
    margin-bottom: 20px;
    position: relative;
    top: -1px;
    width: 100%;
}
.tabs-stage2 p {
    margin: 0;
    padding: 0% 0% 7% 0%;
    color: #fff;
    text-align: center;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
    font-size: 2vw;
    margin-bottom: 0vw;
    line-height: 3vw;
    margin: 3% 0% 3% 0%;
}

#chart-holder-port {
    width: 33.3%;
    height: 22vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 44.4vw;
    left: 5.1%;
    z-index: 9;
    text-align: center;
}

#chart-holder-port h3 {
    text-align: center;
    color: #FFF;
    font-size: 1.2vw;
    margin-bottom: 17%;
    font-family: 'Lato',sans-serif;
}

#user-container {
    width: 100%;
    height: auto;
    margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0%;
    padding-top: 3%;
    position: relative;
    padding-bottom: 9%;
}


.morePad
{

padding-top: 15% !important;


}


#userButton {
    border: 1px solid #FFF;
    width: 60%;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 0px;
    margin-top: 4%;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25vw;
    padding: 2% 0% 2% 0%;
    border-radius: 25px;
    background-color: #22a3c9;
    font-weight: 600;
    letter-spacing: 1px;
}

#explain {
    width: 34%;
    height: auto;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 30.1vw;
    left: 5%;
    z-index: 9;
}








#trigger2 {
    width: 80%;
    height: 12vw;
    border-radius: 15px;
    text-align: center;
    font-size: 3vw;
}

#trigger3 {
    width: 80%;
    height: 12vw;
    border-radius: 15px;
    text-align: center;
    font-size: 3vw;
}

#user-header22 h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    font-weight: 800;
    color: #fff;
    padding: 7.5% 10% 0% 10%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#user-header22 p {
    font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    font-weight: 800;
    color: #fff;
    padding: 23.5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#user-header22 h3 {
    font-family: 'Lato', sans-serif;
    font-size: 2.5vw;
    font-weight: 600;
    text-align: center;
    color: var(--main);
    margin: 0.3% 10% 2.3% 10%;
    -webkit-font-smoothing: antialiased;
}


#switch-row {
    width: 100%;
    height: auto;
   background-color: #3a3b3c;
    padding-top: 2%;
    padding-bottom: 2%;
    margin: 2% 0% 0% 0%;
    border-radius: 25px;
}

#switch-row-left {
    width: 63%;
    height: auto;
    float: left;
   
    padding: 2% 0% 0% 6%;
}

#switch-row-right {
    width: 30%;
    height: auto;
    float: right;
    padding-top: 2%;
}


#switch-row-left h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.3vw;
    text-align: left;
    font-weight: 400;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 0% 10% 0% 4%;
}

#switch-row-right p {
    font-family: 'Roboto', sans-serif;
    font-size: 0.9vw;
    text-align: left;
    font-weight: 500;
    color: #e26767;
    -webkit-font-smoothing: antialiased;
    padding: 4% 0% 0% 0%;
    float: left;
    margin: 0;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #24a70d;
}

input:focus + .slider {
  box-shadow: 0 0 1px #24a70d;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


#else {
    font-size: 1vw !important;
    margin: 0% 9% 0% 0% !important;
    color: #fff !important;
    text-align: left !important;
    font-weight: 600 !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    letter-spacing: 0 !important;
    float: left;
    width: 79%;
}



#switch-row {
    width: 100%;
    height: auto;
   background-color: #3a3b3c;
    padding-top: 2%;
    padding-bottom: 2%;
    margin: 2% 0% 0% 0%;
    border-radius: 25px;
}

#switch-row-left {
    width: 63%;
    height: auto;
    float: left;
   
    padding: 2% 0% 0% 6%;
}

#switch-row-right {
    width: 30%;
    height: auto;
    float: right;
    padding-top: 2%;
}


#switch-row-left h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.3vw;
    text-align: left;
    font-weight: 400;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 0% 10% 0% 4%;
}

#switch-row-right p {
    font-family: 'Roboto', sans-serif;
    font-size: 0.9vw;
    text-align: left;
    font-weight: 500;
    color: #e26767;
    -webkit-font-smoothing: antialiased;
    padding: 4% 0% 0% 0%;
    float: left;
    margin: 0;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #24a70d;
}

input:focus + .slider {
  box-shadow: 0 0 1px #24a70d;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}


#else {
    font-size: 1vw !important;
    margin: 0% 9% 0% 0% !important;
    color: #fff !important;
    text-align: left !important;
    font-weight: 600 !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    letter-spacing: 0 !important;
    float: left;
    width: 79%;
}

#stater-new {
    width: 100%;
    height: 15vw;
    /* background-color: #111; */
    border-bottom: 2px solid var(--main);
    margin-top: 16vw;
}











#arrow-holder {
    width: 100%;
    height: 12vw;
    border-bottom: 2px solid var(--main);
    margin-bottom: 3%;
}

#arrow-holder-left {
    width: 75%;
    height: 12vw;
    float: left;
}

#arrow-holder-left img {
    width: 17%;
    margin: 1% 0% 0% 0%;
    float: left;
}

#arrow-holder-left h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 6.2% 0% 0% 0%;
    font-weight: 700;
}

#arrow-holder-right {
    width: 25%;
    height: 12vw;
    float: left;
}

#stater-new1 {
    width: 33%;
    height: 12vw;
   
    float: left;
}


#stater-new1-top {
    width: 100%;
    height: 6vw;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0%;
}

#stater-new1-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 6.75% 0% 0% 30%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#stater-new1-bot {
    width: 100%;
    height: 4vw;

}

#stater-new1-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
}
#stater-new1-bot p {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 0% 0% 0% 3%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#stater-new1-bot h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    line-height: 2vw;
    font-weight: 800;
    color: #ccc;
    padding: 0% 0% 0% 5%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#stater-new1-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
}

#stater-new1-bot h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 16%;
    font-weight: 700;
}


#stater-new1a-top {
    width: 95%;
    height: 6vw;
    background-image: url(/images/titles/target2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 5%;
}

#stater-new1a-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800 !important;
    color: #fff;
    padding: 6.75% 0% 0% 32% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: left !important;
}

#stater-new1b-top {
    width: 90%;
    height: 6vw;
    background-image: url(/images/titles/arrow2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10%;
}

#stater-new1b-top h3 {
    font-family: 'Montserrat',sans-serif !important;
    font-size: 2vw !important;
    line-height: 2vw !important;
    font-weight: 800 !important;
    color: #fff !important;
    padding: 6.75% 0% 0% 34% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: left !important;
}


#stater1-line {
    width: 2px;
    height: 12vw;
    background-color: var(--main);
    float: left;
    margin-top: 0.5vw;
}









#stater-newZZ {
    width: 46%;
    height: 15vw;
    /* background-color: #111; */
    border-bottom: 2px solid var(--main);
    position: absolute;
    top: 19vw;
    left: 5vw;
}








#stater-newZZ1 {
    width: 33%;
    height: 12vw;
   position: relative;
    float: left;
}


#stater-newZZ1-top {
    width: 95%;
    height: 6vw;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: 35%;
    margin-left: 5%;
    background-position-y: 41%;
       position: relative;
}

#stater-newZZ1-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 6.75% 0% 0% 30%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#stater-newZZ1-bot {
    width: 100%;
    height: 4vw;

}

#stater-newZZ1-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
   margin: 0% 0% 0% 26%;
    font-weight: 700;
}
#stater-newZZ1-bot p {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 0% 0% 0% 3%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#stater-newZZ1-bot h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    line-height: 2vw;
    font-weight: 800;
    color: #ccc;
    padding: 0% 0% 0% 5%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#stater-newZZ1-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 26%;
    font-weight: 700;
}

#stater-newZZ1-bot h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 36%;
    font-weight: 700;
}


#stater-newZZ1a-top {
    width: 95%;
    height: 6vw;
    background-image: url(/images/titles/target2.png);
    background-repeat: no-repeat;
    background-size: 35%;
    margin-left: 5%;
    background-position-y: 41%;
    position: relative;
}

#stater-newZZ1a-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800 !important;
    color: #fff;
    padding: 6.75% 0% 0% 32% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: left !important;
}

#stater-newZZ1b-top {
    width: 95%;
    height: 6vw;
    background-image: url(/images/titles/arrow2.png);
    background-repeat: no-repeat;
    background-size: 35%;
    margin-left: 5%;
    background-position-y: 41%;
     position: relative;
}

#stater-newZZ1b-top h3 {
    font-family: 'Montserrat',sans-serif !important;
    font-size: 2vw !important;
    line-height: 2vw !important;
    font-weight: 800 !important;
    color: #fff !important;
    padding: 6.75% 0% 0% 34% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: left !important;
}


#staterZZ1-line {
    width: 2px;
    height: 12vw;
    background-color: var(--main);
    float: left;
    margin-top: 0.5vw;
}




#main-stats-holder {
    width: 86%;
    height: 16vw;
    position: absolute;
    top: 27vw;
    left: 7%;
    border-bottom: 2px solid var(--main);
}



#stater-newQQ {
    width: 69%;
    height: 15vw;
    /* background-color: #111; */
    float: left;
}


#stater-newKK {
    width: 31%;
    height: 11.5vw;
    /* background-color: #111; */
    float: left;
    margin-top: 0.8vw;
    overflow: hidden;
}





#stater-newQQ1 {
    width: 33%;
    height: 12vw;
   
    float: left;
}


#stater-newQQ1-top {
    width: 87%;
    height: 6vw;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: 29%;
    margin-left: 13%;
    background-position-y: 82%;
}




#stater-newQQ1-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800 !important;
    color: #fff;
    padding: 6.75% 0% 0% 27% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: left !important;
}

#stater-newQQ1-bot {
    width: 100%;
    height: 4vw;

}

#stater-newQQ1-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 37%;
    font-weight: 700;
}





#stater-newQQ1-bot p {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 0% 0% 0% 3%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#stater-newQQ1-bot h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    line-height: 2vw;
    font-weight: 800;
    color: #ccc;
    padding: 0% 0% 0% 5%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#stater-newQQ1-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 37%;
    font-weight: 700;
}

#stater-newQQ1-bot h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 38%;
    font-weight: 700;
}


#stater-newQQ1a-top {
    width: 87%;
    height: 6vw;
    background-image: url(/images/titles/target2.png);
    background-repeat: no-repeat;
    background-size: 29%;
    margin-left: 13%;
    background-position-y: 82%;
}

#stater-newQQ1a-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800 !important;
    color: #fff;
    padding: 6.75% 0% 0% 27% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: left !important;
}

#stater-newQQ1b-top {
    width: 87%;
    height: 6vw;
    background-image: url(/images/titles/arrow2.png);
    background-repeat: no-repeat;
    background-size: 29%;
    margin-left: 13%;
    background-position-y: 82%;
}

#stater-newQQ1b-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800 !important;
    color: #fff;
    padding: 6.75% 0% 0% 27% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: left !important;
}


#staterZZ1-line {
    width: 2px;
    height: 12vw;
    background-color: var(--main);
    float: left;
    margin-top: 0.5vw;
}





#weightV2 {
    width: 86%;
    height: 39vw;
    padding-top: 3%;
    position: absolute;
    top: 45vw;
    left: 7%;
    border-bottom: 2px solid var(--main);
}




#weightV2-left {
    width: 30%;
    height: 36vw;
    float: left;
}

#weightV2-right {
    width: 70%;
    height: 36vw;
    float: left;
}

#mesV2 {
    width: 86%;
    height: 10vw;
   
    padding-top: 3%;
    position: absolute;
    top: 45vw;
    left: 7%;
    border-bottom: 2px solid var(--main);
}


#mesV2-left {
    width: 70%;
    height: 13vw;
    float: left;
}

#mesV2-right {
    width: 30%;
    height: 13vw;
    float: left;
}


#body-statsV2 {
    width: 86%;
    height: 70vw;
    position: absolute;
    top: 91vw;
    left: 7%;
    /* border-bottom: 2px solid var(--main); */
}


#all-body-statsV2 {
    width: 86%;
    height: 236vw;
    position: absolute;
    top: 164vw;
    left: 7%;
    border-bottom: 2px solid var(--main);
}

#all-stat-box {
    width: 100%;
    height: 21vw;
    border: 4px solid var(--main);
    border-radius: 25px;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 5%;
    overflow: hidden;
}

#myDiv {
    width: 20%;
    height: 7vw;
    border-right: 2px solid var(--main);
    float: left;
    text-align: center;
    margin-left: 3%;
}

#myDiv h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    line-height: 1.75vw;
}

#myDiv h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: var(--main);
    padding: 4% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

#myDiv h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.2vw;
    font-weight: 700;
    color: #e9cb00;
    padding: 9% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}



#myDiv2 {
    width: 18%;
    height: 4vw;
    border-right: 2px solid var(--main);
    float: left;
    text-align: center;
}

#myDiv2 h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

#myDiv2 h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #fff;
    padding: 4% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

#myDiv2 h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.2vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}




#all-stat-box1 {
    width: 61%;
    height: 21vw;
    float: left;
    color: #fff;
}



#all-stat-box1a {
    width: 100%;
    height: 10vw;
}



#all-stat-box1a-image {
    width: 17%;
    height: 7vw;
    float: left;
    background-image: url(/images/circle.png);
    background-repeat: no-repeat;
    background-size: 64%;
    background-position-x: 53%;
    background-position-y: 62%;
}

#all-stat-box1a-image img {
    width: 46%;
    height: auto;
    margin: 18% 0% 0% 27.5%;
}

#all-stat-box1a-title {
    width: 53%;
    height: 7vw;
    float: left;
   
}


#all-stat-box1a-title h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.9vw;
    font-weight: 700;
    color: #ffffff;
    padding: 5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

#all-stat-box1a-title h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #fff;
    padding: 2% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}







#all-stat-box1a-button {
    width: 30%;
    height: 7vw;
    float: left;
   
}







#all-stat-box1b {
    width: 100%;
    height: 11vw;
    position: relative;
}

#score-overlay {
    position: absolute;
    bottom: 16%;
    right: 4%;
    width: 60%;
    height: auto;
    text-align: right;
    color: #e5d253;
    text-transform: uppercase;
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 500;
}

#all-stat-box2 {
    width: 38.8%;
    height: 21vw;
    float: left;
    border-left: 2px solid var(--main);
    background-image: url(/images/hexer2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

canvas#chart2 {
    width: 90% !important;
    margin: 7% 0% 0% 5%;
}

canvas#chart3 {
    width: 90% !important;
    margin: 7% 0% 0% 5%;
}

canvas#chart4 {
    width: 90% !important;
    margin: 7% 0% 0% 5%;
}

canvas#chart5 {
    width: 90% !important;
    margin: 7% 0% 0% 5%;
}

canvas#chart6 {
    width: 90% !important;
    margin: 7% 0% 0% 5%;
}

canvas#chart7 {
    width: 90% !important;
    margin: 7% 0% 0% 5%;
}

canvas#chart8 {
    width: 90% !important;
    margin: 7% 0% 0% 5%;
}

canvas#chart9 {
    width: 90% !important;
    margin: 7% 0% 0% 5%;
}

canvas#chart10 {
    width: 90% !important;
    margin: 7% 0% 0% 5%;
}

#metrics-man
{


    width: 100%;
    height: 60vw;
 
  float: left;
    background-image: url(/images/metrics-man.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

#metrics-upper-chest {
    width: 11%;
    height: 6vw;
    position: absolute;
    top: 2vw;
    left: 20%;
    /* background-color: #ff00001a; */
}



#metrics-upper-chest h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
  
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}

#metrics-upper-chest h4 span {
    font-size: 1vw;
}


#metrics-upper-chest h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-upper-chest h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 0.75vw;
    font-weight: 700;
    color: #e9cb00;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}






#metrics-left-arm {
    width: 11%;
    height: 6vw;
    position: absolute;
    top: 13.3vw;
    left: 21.5%;
    /* background-color: #ff00001a; */
}

#metrics-left-arm h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
  
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}

#metrics-left-arm h4 span {
    font-size: 1vw;
}


#metrics-left-arm h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-left-arm h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 0.75vw;
    font-weight: 700;
    color: #e9cb00;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}









#metrics-chest {
    width: 11%;
    height: 6vw;
    position: absolute;
    top: 20.3vw;
     left: 22.5%;
    /* background-color: #ff00001a; */
}

#metrics-chest h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
  
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}

#metrics-chest h4 span {
    font-size: 1vw;
}


#metrics-chest h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-chest h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 0.75vw;
    font-weight: 700;
    color: #e9cb00;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-hips {
    width: 11%;
    height: 6vw;
    position: absolute;
    top: 27.75vw;
    left: 22.5%;
    /* background-color: #ff00001a; */
}

#metrics-hips h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
  
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}

#metrics-hips h4 span {
    font-size: 1vw;
}


#metrics-hips h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-hips h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 0.75vw;
    font-weight: 700;
    color: #e9cb00;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-left-thigh {
    width: 11%;
    height: 6vw;
    position: absolute;
    top: 34.5vw;
    left: 22.95%;
    /* background-color: #ff00001a; */
}

#metrics-left-thigh h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
  
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}

#metrics-left-thigh h4 span {
    font-size: 1vw;
}


#metrics-left-thigh h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-left-thigh h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 0.75vw;
    font-weight: 700;
    color: #e9cb00;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}



#metrics-right-arm {
    width: 11%;
    height: 6vw;
    position: absolute;
    top: 13.3vw;
    left: 68.25%;
    /* background-color: #ff00001a; */
}

#metrics-right-arm h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
  
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#metrics-right-arm h4 span {
    font-size: 1vw;
}


#metrics-right-arm h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-right-arm h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 0.75vw;
    font-weight: 700;
    color: #e9cb00;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}




#metrics-mid-section {
    width: 11%;
    height: 6vw;
    position: absolute;
    top: 20vw;
    left: 64.5%;
    /* background-color: #ff00001a; */
}

#metrics-mid-section h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
  
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#metrics-mid-section h4 span {
    font-size: 1vw;
}


#metrics-mid-section h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-mid-section h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 0.75vw;
    font-weight: 700;
    color: #e9cb00;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}




#metrics-waist {
    width: 11%;
    height: 6vw;
    position: absolute;
    top: 26.5vw;
    left: 66.25%;
    /* background-color: #ff00001a; */
}

#metrics-waist h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
  
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#metrics-waist h4 span {
    font-size: 1vw;
}


#metrics-waist h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-waist h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 0.75vw;
    font-weight: 700;
    color: #e9cb00;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}



#metrics-right-thigh {
    width: 11%;
    height: 6vw;
    position: absolute;
    top: 34.5vw;
    left: 66.25%;
    /* background-color: #ff00001a; */
}

#metrics-right-thigh h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
  
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#metrics-right-thigh h4 span {
    font-size: 1vw;
}


#metrics-right-thigh h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-right-thigh h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 0.75vw;
    font-weight: 700;
    color: #e9cb00;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-since {
    width: 37%;
    height: 7vw;
    position: absolute;
    top: 45vw;
    left: 65.25%;
}


#metrics-since1 {
    width: 49%;
    height: 7vw;
    float: left;
    border-right: 3px solid #FFF;
}


#metrics-since1 h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    font-weight: 700;
    color: #e3c606;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#metrics-since1 h4 span {
    font-size: 1vw;
}


#metrics-since1 h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 800;
    color: #e3c606;
    padding: 2% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}



#metrics-since2 {
    width: 50%;
   height: 7vw;
   float: left;
   
}



#metrics-since2 h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    font-weight: 700;
    color: #e99400;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#metrics-since2 h4 span {
    font-size: 1vw;
}


#metrics-since2 h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 800;
    color: #e99400;
    padding: 2% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#chart-holder {
    background-image: url(/images/xdots4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
}























#go-holder {
    width: 83%;
    height: auto;
    min-height: 70vw;
    border: 4px solid var(--main);
    padding: 4% 7% 0% 7%;
    text-align: center;
    display: none;
    overflow: hidden;
    z-index: 999999999999;
    position: absolute;
    background-color: #000;
    top: -81%;
    margin: 1% 0% 0% 1.2%;
    font-weight: 700 !important;
    font-size: 3.5vw !important;
    color: #fff !important;
    line-height: 4vw;
    border-radius: 25px;
    background-image: url(/images/hexer2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}



















#go-button1 {
    width: 86%;
    height: auto;
    margin: 0 auto;
        margin-top: 0px;
    padding-top: 6%;
    padding-bottom: 6%;
    text-align: center;
    border-radius: 15px;
    margin-top: 4%;
    background-color: var(--main);
    font-size: 3.7vw;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 500;

}



#sender {
    width: auto;
    padding: 5%;
    background-color: var(--main);
    color: #fff;
    font-size: 1.1vw;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 9%;
    border-radius: 15px;
    border: 3px solid #fff;
    letter-spacing: 1px;
}

#sender2 {
    width: auto;
    padding: 5%;
    background-color: var(--main);
    color: #fff;
    font-size: 1.1vw;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 4%;
    border-radius: 15px;
    border: 3px solid #fff;
    letter-spacing: 1px;
}


#top-nav-holder2 {
    width: 100%;
    height: 9vw;
  
    background-color: #00000080;
}

#faux-mobile #top-nav-holder2 {
    display: none;
}

#faux-mobile #top-logo {
    display: none;
}


.main-menu {
    display: block;
    position: relative;
    float: right;
    width: 75%;
    margin-top: 1vw;
    margin-right: 0vw;
}

.container-menu {
    width: 100%;
    margin: 1.8% 0% 0% 0%;
    float: right;
}

.main-menu:before,.main-menu:after{
  display: table;
  line-height: 0;
  content: "";
}
.core-menu {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 0.92vw;
    overflow: hidden;
    font-weight: 700;
}
.core-menu li {
    list-style: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 24px;
}
.core-menu li a {
    display: inline-block;
    padding: 2em;
    color: #fff;
    text-decoration: none;
}
.core-menu li a:hover {
    background: var(--main);
    color: #FFF;
}
li span.toggle {
  padding-left:1em;
}
.toggle:before {
  content:"+";
  
}

li span.toggle2 {
  position:absolute;
  right:0;
  margin-right:20px;
}
.toggle2:before {
  content:"-";
  
}
.hamburger-menu {
  padding:1em;
  display:none;
  font:normal normal normal 16px/1 Roboto;
  text-transform:uppercase;
}



#top-logo img {
    width: 100%;
    height: auto;
}




#theBod {
    background-color: #000;
}

#one-module-top-NEW {
    width: 94%;
    height: auto;
    overflow: hidden;
    margin-bottom: 1.5vw;
    margin-left: 3%;
    margin-top: 3%;
    position: relative;
    border-radius: 25px;
}

#one-module-top-NEW h6 {
    position: absolute;
    font-size: 1.5vw !important;
    width: 102%;
    top: 23%;
    font-family: 'Montserrat',sans-serif !important;
    right: -13%;
    font-weight: 600;
    color: #F09;
    text-align: center;
}

#one-module-top-NEW h4 {
    position: absolute;
    font-size: 1vw !important;
    width: 61%;
    top: 45%;
    font-family: 'Montserrat',sans-serif !important;
    right: 8%;
    z-index: 99;
    color: #fff;
    text-align: center;
    line-height: 1.5vw;
}


#back-button {
    background: none;
    border-radius: 7px;
    overflow: hidden;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 0.9vw;
    font-weight: 700;
    padding: 8% 3% 9% 10%;
    background-color: var(--main);
    position: relative;
    text-transform: uppercase;
    border: 0px;
    letter-spacing: 1.25px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}



#back-buttonALL {
    background: none;
    border-radius: 7px;
    overflow: hidden;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 0.9vw;
    font-weight: 700;
    padding: 8% 3% 9% 10%;
    background-color: var(--main);
    position: relative;
    text-transform: uppercase;
    border: 0px;
    letter-spacing: 1.25px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}

#back-header h4 {
    font-family: 'Lato', sans-serif;
    font-size: 1.3vw;
    font-weight: 600;
    text-align: center;
    color: var(--main);
    margin: 1% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
}




#buffer {
    width: 100%;
    height: auto;
    float: left;
    background-color: #131313;
    border-radius: 25px;
    padding-bottom: 9%;
    margin-top: 5%;
}

#chill {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    font-size: 2.5vw;
    margin: 4% 5% 7% 5%;
    color: var(--main);
    text-align: center;
    line-height: 3vw;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.ext {
    width: 95% !important;
    text-align: center;
}

hr {
    width: 80% !important;
    margin-top: 4% !important;
    margin-bottom: 4% !important;
    height: 1px;
    background-color: #605e5e;
    margin-left: 10%;
}

.tot {
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 2vw;
    margin: 2% 10% 4% 10%;
    color: #000;
    text-align: center;
    line-height: 2.5vw;
    text-transform: uppercase;
}

#standard-container h5 {
    color: #fff;
    font-family: 'Lato',sans-serif;
    font-size: 1.2vw;
    text-align: center;
    margin: 0% 0% 0% 0%;
    line-height: 0;
}

#sc-right table {
    width: 100%;
}

td {
    border: 1px solid #999;
    font-family: 'Lato', sans-serif;
    font-size: 1vw;
    padding: 2% 0% 2% 0%;
    color: #545454;
    font-weight: 400;
}












/*  Booking Stuff  */


#class-bg {
    width: 95%;
    height: auto;
    
    float: right;
    margin: 0% 0% 0% 0%;
    border: 4px solid var(--main);
    position: relative;
    background-color: #00000061;
    border-radius: 25px;

}


#class-times {
    position: absolute;
    width: 2.5vw;
    left: -3vw;
    top: 3vw;
    height: 65vw;
    background-color: #ff00004d;
}

#class-times p{

    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 2vw;
    margin: 0% 0% 0% 0%;
    color: #000;
    text-align: right;
    


}

#day-header {
    width: 100%;
    height: 3vw;
    /* border-right: 1px solid #00b6cacd; */
    float: left;
    position: absolute;
    left: 0vw;
    top: 0vw;
    border-radius: 15px 14px 0px 0px;
    background-color: #4eb5c9;
}

#one-class-day {
    width: 14.2%;
    height: 63.5vw;
    border-right: 1px solid #00b6cacd;
    float: left;
    position: relative;

}

#one-class-day-times {
    width: 3%;
    height: 63.5vw;
    /* border-right: 1px solid #00b6cacd; */
    float: left;
    position: absolute;
    left: -3vw;
}

#one-time-block h5 {
    font-family: 'Lato',sans-serif;
    font-size: 0.9vw;
    font-weight: 500;
    color: #ffffff69;
    text-align: right;

margin-right: 0.3vw;
}

#one-time-title {
    width: 100%;
    height: 2vw;
    font-family: 'Lato', sans-serif;
    font-size: 1vw;
    text-align: center;
    color: #FFF;
    background-color: #00b6cacd;
    padding-top: 1vw;
}

#one-time-block {
    width: 100%;
   height: 1vw;
}

#one-time-block-line {
    width: 100%;
   height: 1vw;
   border-bottom: 1px solid #00b6ca59;
}


#class-block
{

position: absolute;
width: 100%;

left: 0vw;
}

#class-block h3 {
    font-size: 0.8vw !important;
    color: #fff !important;
     padding: 1.5% 0% 0% 0% !important;
}

#class-block h4 {
    font-size: 1vw !important;
    color: #fff !important;
    padding: 2% 0% 0% 0% !important;
}










@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 767px)  
{

/*LOGO MOBILE*/

#faux-logo {

    z-index: 999999999;
    height: auto;
    position: absolute;
   
}

#top-logo {
  
       height: auto;
    position: absolute;
    z-index: 999;
}

#login-logo {
  
        height: auto;
    position: absolute;
}


div#show-alert {
    width: 100%;
    height: 100%;
    background-color: #000000b8;
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 99999;
    text-align: center;
    /* border-radius: 10px; */
    /* padding-bottom: 2%; */
}


#show-alert-inner {
    width: 90% !important;
    height: auto;
    border-radius: 5px;
    padding-bottom: 10% !important;
    background-color: #5c6f47;
    margin: 0 auto;
    margin-top: 6%;
    padding-top: 3%;
}

.sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin-bottom: 5%;
}

div#show-alert h2 {
    color: #FFF;
    font-size: 6vw;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    padding: 2% 10% 3% 10%;
}

div#show-alert p {
    color: #FFF;
    font-size: 4vw !important;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin: 0;
    line-height: 5vw !important;
    padding: 2% 10% 3% 10%;
}

#b1 {
    z-index: 999999999;
    width: 83%;
    height: 13vw;
    margin-top: 7%;
    color: #FFF;
    letter-spacing: 1px;
    border: #FFF 3px solid;
    font-size: 5vw;
    font-family: Open Sans,Arial,sans-serif;
    background: none;
}

#sc-right button {
    width: 80%;
    margin: 4% 0% 4% 10%;
    background-color: var(--main);
    padding-top: 3%;
    border-radius: 10px;
    padding-bottom: 3%;
    font-weight: 700;
    font-size: 3vw;
}

#standard-container {
    width: 96% !important;
    height: auto;
    margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: 0px;
    margin-bottom: 0%;
    padding-top: 3%;
    position: relative;
    min-height: 140vw;
}

#standard-container-auth {
    width: 96% !important;
    height: auto;
    margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: 5%;
    padding-top: 3%;
    position: relative;
    min-height: 190vw;
}

#one-module {
    width: 97% !important;
    height: auto;
    float: left;
    margin: 0% 1.5% 15% 1.5%;
    padding-bottom: 15%;
}

#one-module-bottom p {
    text-transform: uppercase;
    font-family: 'Lato',sans-serif;
      font-size: 6vw;
    margin: 3% 5% 11% 5%;
    color: #fff;
    font-weight: 400;
    line-height: 5.8vw;
    text-align: center;
}

#one-module-bottom2 p {
    text-transform: uppercase;
    font-family: 'Lato',sans-serif;
      font-size: 3vw;
    margin: 3% 5% 11% 5%;
    color: #fff;
    font-weight: 400;
    line-height: 5.8vw;
    text-align: center;
}

#one-module-top {
    width: 94%;
    height: 56vw !important;
    overflow: hidden;
    margin-bottom: 1.5vw;
}

#one-module img {
    width: 100%;
    height: auto;
    position: relative;
}

#breadcrumbs {
    width: 90%;
    height: auto;
    margin-left: 10%;
    padding-top: 1%;
}

#breadcrumbs p {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 2.5vw;
    margin: 0% 0% 0% 0%;
    padding: 6% 0% 5% 0%;
    color: #fff;
    font-weight: 400;
    text-align: left;
}

div#standard-container-row {
    background-image: linear-gradient(97deg,#0e80ff 0%,#ef4092 100%) !important;
    padding-top: 4%;
}

div#standard-container-row2 {
    background-image: linear-gradient(97deg,#0e80ff 0%,#ef4092 100%) !important;
    padding-top: 4%;
}


#sc-right {
    width: 98%;
    height: auto;
    float: left;
    margin: 0% 0% 6% 1%;
    border: 0px solid #3042596e;
    padding: 2%;
    border-radius: 25px;
    background: none !important;
}

#sc-right h3 {
    font-weight: 900;
    font-size: 7vw;
    margin: 2% 10% 4% 10%;
    color: #fff;
    text-align: center;
    line-height: 7.5vw;
    text-transform: uppercase;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}

.mob-hiderZ
{

    display: none;
}




#sc-right p {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 4vw;
    margin: 0% 5% 5% 0%;
    color: #fff;
    font-weight: 500;
    line-height: 4.5vw;
    text-align: center;
}

#button-food {
    width: 80% !important;
    height: 18.5vw !important;
   
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 1.9vw !important;
    margin: 0% 0% 0% 12% !important;
    color: #000 !important;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    position: relative !important;
    bottom: 0%;
    border: 3px solid #000;
    right: 0%;
}

#button-food p {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 5vw !important;
    padding: 8% 0% 0% 0% !important;
    color: #000 !important;
    text-align: center !important;
    font-weight: 400;
    text-transform: uppercase;
}

.um-field-label label {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    font-size: 4vw !important;
    color: #e3d8d8 !important;
    margin: 0% 0% 0% 0%;
}

#sc-left-food p {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 4vw !important;
    margin: 0% 0% 5% 0%;
    color: #8c8a8a;
    font-weight: 400;
    line-height: 3.5vw;
    text-align: center !important;
}

#sc-left-food h3 {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 5.6vw;
    margin: 6% 0% 6% 0%;
    color: #8c8a8a;
    text-align: center;
    line-height: 5vw;
}

#sc-left-food {
    width: 100% !important;
    height: auto;
    float: left;
    margin: 0% 0% 0% 0%;
    background-color: #fbf9f9;
    padding: 0% 2% 0% 2%;
}
















































/*  ADDING LEE   */



#user-header h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4.75vw;
    font-weight: 800;
    color: #fff;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#profile-pic {
    width: 58%;
    height: auto;
    margin: 0% 0% 0% 0%;
    overflow: hidden;
    min-height: 43vw;
    border-radius: 23px;
    position: absolute;
    top: 21%;
    background-color: #fff;
    left: 21%;
    border: 1px solid var(--main);
}


#profile-pic img {
    width: auto;
    height: 100%;
}

#cp-profile-area {
    margin-top: 42vw;
}

.um-header {
   
    border-bottom: 0px !important;
   
}

#user-deets {
    width: 70%;
    height: 15vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 0%;
    background-color: #eee;
    right: 7%;
}

#user-header {
    width: 100%;
    height: 63vw !important;
    margin-top: 15vw;
}


#user-header p {
    font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    font-weight: 800;
    color: #fff;
    padding: 23.5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#user-header h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2.5vw;
    font-weight: 600;
    text-align: left;
    color: var(--main);
    margin: 53% 10% 2.3% 22%;
    -webkit-font-smoothing: antialiased;
}





#stater-header {
    width: 100%;
    height: 40vw;
    background-color: #000;
}



#stater-header h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 5.2vw;
    font-weight: 800;
    color: #fff;
    padding: 5.5% 10% 0% 10%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#stater-header p {
    font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    font-weight: 800;
    color: #fff;
    padding: 23.5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#stater-header h3 {
    font-family: 'Lato', sans-serif;
    font-size: 2.5vw;
    font-weight: 600;
    text-align: center;
    color: var(--main);
    margin: 0.3% 10% 2.3% 10%;
    -webkit-font-smoothing: antialiased;
}









div#user-header h3 a:link {
    font-weight: 700;
    color: #32b5d2;
    font-size: 3vw;
    text-decoration: none;
}






#user-header22 {
    width: 100%;
    height: 60vw;
}



#user-header22 h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 5.2vw;
    font-weight: 800;
    color: #fff;
    padding: 17.5% 10% 0% 10%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#user-header22 p {
    font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    font-weight: 800;
    color: #fff;
    padding: 23.5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#user-header22 h3 {
    font-family: 'Lato', sans-serif;
    font-size: 2.5vw;
    font-weight: 600;
    text-align: center;
    color: var(--main);
    margin: 0.3% 10% 2.3% 10%;
    -webkit-font-smoothing: antialiased;
}

.um-profile-edit {
    position: absolute !important;
    top: -165% !important;
    right: 1% !important;
    vertical-align: middle;
    font-size: 6vw !important;
    height: 30px;
    line-height: 30px;
    z-index: 999999999 !important;
    margin-right: 10px;
}

.um-header {
    position: absolute !important;
    padding: 0 0 25px 0;
    border-bottom: solid 2px #eee;
    min-height: 85px;
    box-sizing: content-box !important;
    top: -0vw !important;
    right: 1% !important;
}

.um-profile.um .um-profile-headericon a {
    color: #979393 !important;
}




#stater-holder {
    width: 96%;
    height: auto;
    margin: 0 auto;
    border-top: 1px solid #2f2d2d;
    padding-top: 6%;
    padding-bottom: 8%;
    color: #ffffff82;
    text-align: center;
    border-bottom: 1px solid #2f2d2d;
}

#stater-holder h2 {
    font-family: 'Lato',sans-serif;
    font-size: 4vw !important;
    font-weight: 700 !important;
    text-align: left !important;
    color: #fff !important;
    text-transform: uppercase !important;
    margin: 0% 0% 4% 5% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 5px !important;
}

#comp-holder {
    width: 96%;
    height: auto;
    margin: 0 auto;
    border-top: 1px solid #2f2d2d;
    padding-top: 6%;
    padding-bottom: 8%;
    color: #ffffff82;
    text-align: center;
    border-bottom: 1px solid #2f2d2d;
}

#comp-holder h2 {
    font-family: 'Lato',sans-serif;
    font-size: 4vw !important;
    font-weight: 700 !important;
    text-align: left !important;
    color: #fff !important;
    text-transform: uppercase !important;
    margin: 0% 0% 4% 5% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 5px !important;
}

#main-comp {
    width: 96%;
    height: auto;
    margin: 0 auto;
    
}

#main-comp2 {
    width: 90%;
    height: auto;
    margin: 5% 0% 0% 8%;
}

#main-comp2-left {
    width: 70%;
    height: auto;
    float: left;
    margin-right: 1%;
}

#main-comp2-left h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 2.5% 7% 0% 5%;
    text-align: left;
    float: left;
}

#main-comp2-left h4 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 2.5% 5% 0% 5%;
    text-align: right;
}

#main-comp2-right {
  width: 28%;
    height: auto;
    float: left;
    margin-left: 1%;
    
}

#one-comp2 {
    width: 100%;
    height: 7vw;
    margin: 0% 0% 3% 0%;
    background-color: #40737f2e;
    border-radius: 15px;
    position:relative;
}

#one-comp2 form {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    
    height: 100%;
}

#one-comp2 input {
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
}

#one-comp3 {
    width: 46%;
    height: 37vw;
    margin: 0% 1% 3% 1%;
    background-color: #40737f2e;
    border-radius: 15px;
    float: left;
    position:relative;
}

#one-comp3 form {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    
    height: 100%;
}

#one-comp3 input {
    width: 100%;
    height: 100%;
    background: none;
    border: 0;
}

#one-comp3 img {
    width: 20%;
    margin-top: 7%;
    opacity: 0.5;
}

#one-comp3 h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 7.5% 0% 0% 5%;
    text-align: center !important;
    
}

#one-comp3 h4 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 2.5% 0% 0% 5%;
   text-align: center !important;
   
}

#one-comp3 h5 {
    font-family: 'Lato',sans-serif;
    font-size: 7vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 2.5% 0% 0% 5%;
    text-align: center !important;
}

#one-comp2-result {
    width: 100%;
    height: 7vw;
    margin: 3% 0% 8% 0%;
}

#one-comp2-result h4 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    padding: 1.5% 0% 0% 5%;
    text-align: left;
}


#one-comp-title {
    width: 97%;
    height: 10vw;
    margin: 0% 0% 6% 1%;
    float: left;
    border: 2px solid #40737f9e;
    border-radius: 15px;
    padding-top: 5%;
    background-color: #ffffff26;
}

#one-comp-title h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    text-align: center !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 10% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
}

#one-comp {
    width: 31%;
    height: 42vw;
    margin: 0% 1% 2% 1%;
    float: left;
    background-color: #40737f;
    border-radius: 15px;
    position: relative;
}

#one-comp img {
    width: 21%;
    height: auto;
     margin: 13% 0% 0% 0%;
}

#one-comp form {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    
    height: 100%;
}

#one-comp input {
    width: 100%;
    height: 100%;
    background: none;
border: 0;
}

#overlay-graph {
    width: 96%;
    position: fixed;
    top: 0%;
    left: 2%;
    height: 100%;
    background-color: #070707f7;
    padding-top: 10%;
}



#one-comp h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2.4vw !important;
    font-weight: 400 !important;
    text-align: center !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 10% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    line-height: 7vw;
}

#one-comp h4 {
    font-family: 'Lato',sans-serif;
    font-size: 6vw !important;
    font-weight: 700 !important;
    text-align: center !important;
    color: #fff !important;
    text-transform: uppercase !important;
    margin: 0% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    
}

#one-comp h5 {
    font-family: 'Lato',sans-serif;
    font-size: 2.5vw !important;
    font-weight: 400 !important;
    text-align: center !important;
    color: #72b4c4 !important;
    text-transform: uppercase !important;
    margin: 13% 0% 0% 0% !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 2px !important;
    width: 100%;
}

#one-comp span span {
    font-size: 2.5vw;
}




#chart-holder2
{

overflow:hidden;
}


#chartAll {
    margin-left: -12%;
}

#dash-holder {
    width: 96%;
    height: auto;
    margin: 0 auto;
    border-top: 1px solid #2f2d2d;
    padding-top: 6%;
    padding-bottom: 8%;
    color: #ffffff82;
    text-align: center;
    border-bottom: 1px solid #2f2d2d;
}

#dash-holder h6 {
    font-family: 'Lato', sans-serif;
    font-size: 4vw;
    font-weight: 700;
    text-align: center;
    color: #9F9C9C;
    text-transform: uppercase;
    margin: 7% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 5px;
}

#dash-holder h5 {
    font-family: 'Lato', sans-serif;
    font-size: 17vw;
    font-weight: 300;
    text-align: center;
    color: #FFF;
    margin: 0% 0% 2.3% 0%;
    -webkit-font-smoothing: antialiased;
}

#message-holder {
    width: 90%;
    height: auto;
    margin: 0 auto;
    border-top: 1px solid #2f2d2d;
    padding-top: 6%;
    padding-bottom: 8%;
    color: #ffffff82;
    text-align: center;
    border-bottom: 1px solid #2f2d2d;
    font-size: 3.75vw;
}

#message-holder h6 {
    font-family: 'Lato', sans-serif;
    font-size: 4vw;
    font-weight: 700;
    text-align: center;
    color: #9F9C9C;
    text-transform: uppercase;
    margin: 7% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 5px;
}

#message-holder h5 {
    font-family: 'Lato', sans-serif;
    font-size: 17vw;
    font-weight: 300;
    text-align: center;
    color: #FFF;
    margin: 0% 0% 2.3% 0%;
    -webkit-font-smoothing: antialiased;
}


#weight-form-holder {
    width: 94%;
    height: auto;
    padding: 0% 0% 15% 0%;
    border: 2px solid var(--main);
    border-radius: 15px;
    overflow: hidden;
    margin: 0 auto;
    display: block !important;
    margin-top: 87vw;
}



#new-results
{

display: none;


}



#desk-weight-holder {
    width: 39%;
    height: auto;
    padding: 0% 0% 6% 0%;
    border: 2px solid var(--main);
    border-radius: 15px;
    overflow: hidden;
    margin: 0% 0% 0% 56%;
    text-align: center;
    display: none !important;
}


#go-to {
    width: 46%;
    height: auto;
    float: left;
    margin: 3% 0% 0% 3%;
}

#go-to img {
    width: 100%;
    height: auto;
}

#quick-record {
    width: 95%;
    height: auto;
    float: left;
    margin: 3% 0% 6% 2.5%;
     position:relative;
}

#quick-record img {
    width: 100%;
    height: auto;
}

#quick-record-mob {
    display: block;
    width: 95%;
    height: auto;
    float: left;
    margin: 3% 0% 6% 2.5%;
}















#pastWeightDeets {
    width: 94%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #ffffff4d;
   
    border-radius: 15px;
}



#pastWeight {
    width: 60%;
    height: 33.1vw;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    font-size: 13vw;
    font-weight: 400;
    color: var(--main);
    float: left;
    text-align: center;
}

#pastWeight h5 {
    color: #FFFFFF85;
    letter-spacing: 3px;
    margin-bottom: 14%;
    font-size: 3.5vw;
}

#pastWeight2 {
    width: 39%;
    height: 16vw;
    padding: 0% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    font-size: 5vw;
    font-weight: 400;
    color: var(--main);
    float: left;
}

#pastWeight2 h5 {
    color: #FFFFFF85;
    letter-spacing: 3px;
    margin-bottom: 10%;
    font-size: 2.4vw;
}

#pastWeight3 {
   width: 39%;
    height: 16vw;
    padding: 1% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    font-size: 5vw;
    font-weight: 400;
    color: var(--main);
   
    float: left;
}

#pastWeight3 h5 {
    color: #FFFFFF85;
    letter-spacing: 3px;
    margin-bottom: 10%;
    font-size: 2.4vw;
}

#pastWeight4 {
   width: 50%;
height: 10vw;
padding: 5% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    font-size: 3vw;
    font-weight: 400;
    color: var(--main);
  text-align:right;
    float: left;
}

#pastWeight4 span {
    font-size: 2.5vw;
}

#pastWeight5 span {
    font-size: 2.5vw;
}

#one-comp-title span {
    font-size: 4vw !important;
    line-height: 0vw;
}

#pastWeight5 span {
    font-size: 2.5vw;
}

#pastWeight5 {
   width: 50%;
height: 10vw;
padding: 5% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
    font-size: 3vw;
    font-weight: 400;
    color: var(--main);
   
    float: left;
}

#pastWeight span {
    color: var(--main);
}

#user-container22 {
    width: 100% !important;
    height: auto;
    margin: 0 auto;
    margin-bottom: 0%;
    padding-top: 3%;
    position: relative;
   
   
    padding-bottom: 9%;
}

#user-container22 h2 {
    font-size: 6.5vw;
    margin: 7% 13% 13% 13%;
    color: #000;
    text-align: center;
 
    letter-spacing: 2px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    
}

#user-deets1 {
   width: 42%;
height: 25vw;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 45vw;
    left: 7%;
    z-index: 9;
    background-color: #ffffff1a;
}

#user-deets2 {
   width: 42%;
    height: 25vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 45vw;
    left: 52%;
    z-index: 9;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    background-color: #ffffff1a;
}

#user-deets3 {
       width: 42%;
    height: 25vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 72vw;
     left: 52%;
    z-index: 9;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    background-color: #ffffff1a;
}

#user-deets4 {
    width: 42%;
    height: 25vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 72vw;
    left: 7%;
    z-index: 9;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    background-color: #ffffff1a;
}

#user-deets5 {
   width: 42%;
    height: 25vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 99vw;
    left: 7%;
    z-index: 9;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    background-color: #ffffff1a;
}

#user-deets6 {
   width: 42%;
    height: 25vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 99vw;
     left: 52%;
    z-index: 9;
    border: 1px solid #4e4e4e;
    border-radius: 15px;
    padding: 2%;
    background-color: #ffffff1a;
}

#user-deets7 {
      width: 42%;
    height: 25vw;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 66vw;
    right: 5%;
    z-index: 9;
}



#explain {
    width: 90%;
    height: auto;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 42vw;
    left: 5%;
    z-index: 9;
  
}

.morePad
{

padding-top: 15% !important;


}


#explain h3 {
    text-align: center;
    color: #a4ccd2;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
    font-size: 3vw;
    margin: 0% 2% 0% 2%;
    line-height: 6vw;
    -webkit-font-smoothing: antialiased;
    float: left;
    border: 1px solid #a4ccd2;
    padding: 2% 4% 2% 4%;
    border-radius: 11px;
    width: 37%;
}

#explain2 {
    width: 77%;
    height: auto;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 64vw;
    left: 11%;
    z-index: 9;
}

#explain2 h3 {
    text-align: center;
    color: #ffffff85;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 3.75vw;
    margin: 0% 0% 0% 0%;
    line-height: 6vw;
    -webkit-font-smoothing: antialiased;
    display:block !important;
}

#explain3 {
    width: 77%;
    height: auto;
    margin: 0% 0% 0% 0%;
    position: absolute;
    top: 42vw;
    left: 11%;
    z-index: 9;
}

#explain3 h3 {
    text-align: center;
    color: #ffffff85;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 3.75vw;
    margin: 0% 0% 0% 0%;
    line-height: 6vw;
    -webkit-font-smoothing: antialiased;
}

#user-deets1 h3 {
    text-align: center;
    color: #fffc;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 2.7vw;
    margin: 7% 0% 0% 0%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#user-deets2 h3 {
    text-align: center;
    color: #fffc;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 2.7vw;
    margin: 7% 0% 0% 0%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#user-deets3 h3 {
     text-align: center;
    color: #fffc;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 2.7vw;
    margin: 7% 0% 0% 0%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#user-deets4 h3 {
     text-align: center;
    color: #fffc;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 2.7vw;
    margin: 9% 0% 0% 0%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#user-deets5 h3 {
     text-align: center;
    color: #fffc;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 2.5vw;
    margin: 9% 0% 0% 0%;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#user-deets6 h3 {
     text-align: center;
    color: #fffc;
    font-family: 'Lato',sans-serif;
    font-weight: 500;
    font-size: 2.5vw;
    margin: 9% 0% 0% 0%;
    letter-spacing: 1px;
    text-transform: uppercase;
}



#user-deets7 h3 {
    text-align: center;
    color: #ffffff59;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
  font-size: 2.7vw;
    margin: 0% 0% 0% 0%;
}


#user-deets1 h4 {
    text-align: center;
    color: var(--main);
    font-family: 'Lato',sans-serif;
    font-weight: 600;
    font-size: 5.2vw;
    margin: 9% 0% 0% 0%;
}

#user-deets2 h4 {
    text-align: center;
color: var(--main);
font-family: 'Lato', sans-serif;
font-weight: 600;
 font-size: 5.2vw;
    margin: 9% 0% 0% 0%;
}

#user-deets3 h4 {
    text-align: center;
    color: var(--main);
    font-family: 'Lato',sans-serif;
    font-weight: 600;
    font-size: 5.2vw;
    margin: 0 auto;
        margin-top: 0px;
   
    margin-top: 9%;
    border-radius: 30px;
}

#user-deets4 h4 {
    text-align: center;
color: var(--main);
font-family: 'Lato', sans-serif;
font-weight: 600;
 font-size: 5.2vw;
    margin: 9% 0% 0% 0%;
}

#user-deets5 h4 {
    text-align: center;
    color: var(--main);
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 4.2vw;
    margin: 9% 0% 0% 0%;
}

#user-deets6 h4 {
    text-align: center;
    color: var(--main);
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 4.2vw;
    margin: 9% 0% 0% 0%;
}

#user-deets7 h4 {
    text-align: center;
color: var(--main);
font-family: 'Lato', sans-serif;
font-weight: 600;
font-size: 3.2vw;
margin: 6% 0% 0% 0%;
}

#go-back {
    width: 100%;
    height: 13vw;
    
}

#go-back img {
    width: 100% !important;
    height: auto;
    margin: 1% 0% 0% 3%;
    opacity: .6;
}

#sender {
    width: 82%;
   padding: 7% 5% 7% 5%;
    background-color: var(--main);
    border: 0px;
    color: #fff;
    font-size: 3.5vw;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 4%;
    border-radius: 15px;
}

#sender2 {
    width: auto;
   padding: 7% 5% 7% 5%;
   height: 18vw !important;
    background-color: var(--main);
    border: 0px;
    color: #fff;
    font-size: 3.5vw;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 4%;
    border-radius: 15px;
}

.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-nav li:first-child a {
    border-right: 0;
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
}
.tabs-nav .tab-active a {
 background: var(--main);
color: #FFF;
cursor: default;
text-decoration: none;
font-size: 4vw;
font-family: 'Lato', sans-serif;
font-weight: 700;
}

.tabs-nav a {
    background: #999;
    
    color: var(--main);
    display: block;
font-size: 4vw;
font-weight: bold;
height: auto;
line-height: 12vw;
text-align: center;
text-transform: uppercase;
width: 100%;
text-decoration: none;
font-family: 'Lato', sans-serif;
font-weight: 300;
}
.tabs-nav li {
    float: left;
    width: 50%;
}
.tabs-stage {
    
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    border-top: 0;
    clear: both;
    margin-bottom: 20px;
    position: relative;
    top: -1px;
    width: 100%;
}
.tabs-stage p {
    margin: 0;
    padding: 4% 0% 7% 0%;
    color: #fff;
    text-align: center;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
    font-size: 4.5vw;
}



#userPolicy {
    width: 70%;
    margin-left: 15%;
    height: 13vw;
}



#overlay44 {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  display: none;
}

#popup44 {
  max-width: 600px;
  width: 80%;
  max-height: 300px;
  height: 80%;
  padding: 20px;
  position: relative;
  background: #000;
  margin: 20px auto;
}

#close44 {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #000;
}

#theBod
{


background-image: url(https://ultimateu.fitness/images/xdots.jpg);
background-repeat: repeat;
background-size: contain;
 background-color: #000;
}

button#sixWeek {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
   background-color: #0000006b;
    z-index: 9;
    display: none;
    border: 0;
}

button#inner {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background-color: #0000006b;
    z-index: 9;
    display: none;
    border: 0px !important;
}

button#cleanse {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background-color: #0000006b;
    z-index: 9;
    display: none;
    border: 0;
}

button#strength {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background-color: #0000006b;
    z-index: 9;
    display: none;
    border: 0;
}

button#fatloss {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background-color: #0000006b;
    z-index: 9;
    display: none;
    border: 0;
}

button#gym {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background-color: #0000006b;
    z-index: 9;
    display: none;
    border: 0;
}

button#ebooks {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    background-color: #0000006b;
    z-index: 9;
    display: none;
    border: 0;
}

button#corp {
    width: 100% !important;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
     background-color: #0000006b;
    z-index: 9;
    display: none;
    border: 0;
}

button {
    background: none;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 4.8vw;
    font-weight: 600;
    padding: 1.5% 3% 1.5% 3%;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1.25px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    border: 1px solid #fff;
    width: 80% !important;
}

.sweet-alert {
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 27% !important;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 2000;
}

.tot {
    font-size: 6vw;
}


#sc-right iframe {
    width: 96% !important;
    height: 50vw !important;
    margin: 0% 0% 10% 0%;
    border: 1px solid var(--main);
}

.mobiler
{


display:none;

}

.ext {
    width: 94% !important;
}

td {
    border: 1px solid #fff;
    font-family: 'Lato',sans-serif;
    font-size: 3.5vw;
    padding: 2% 0% 2% 0%;
    color: #fff;
    font-weight: 400;
}

#back-button {
    margin: 6% 0% 11% 2%;
    border: 0px;
}

#back-buttonALL {
    margin: 6% 0% 11% 2%;
    border: 0px;
}


#chill {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 300;
    font-size: 5vw !important;
    margin: 9% 5% 7% 5%;
    color: var(--main);
    text-align: center;
    line-height: 3vw !important;
    text-transform: uppercase;
}

#standard-container h5 {
    color: #fff;
    font-family: 'Lato',sans-serif;
    font-size: 4.2vw !important;
    text-align: center;
    margin: 0% 0% 0% 0%;
    line-height: 33px !important;
}




#magg{


    margin-top: -8% !important;

}


#go-back button {
    width: 9% !important;
    border: 0px !important;
}

#user-header span {
    font-size: 3.5vw;
}


.um-dropdown-b li {
    float: left !important;
    width: 100% !important;
}

.um-profile-edit i {
    font-size: 6vw !important;
}

.carousel-wrapper {
    position: relative;
    width: 100% !important;
    height: 240px;
    overflow: hidden;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    margin: 20px 0;

}

.container {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    font-weight: 300;
    width: 100% !important;
    margin: 10px auto;
}

.um-dropdown li a {
    display: block;
    padding: 3vw 2vw !important;
    color: #666;
    font-size: 6vw !important;
    line-height: 13vw !important;
}

.um-dropdown {
    width: 87vw !important;
}





.um-col-alt-b {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 2.9vw !important;
    color: #797777;
}

.um-field-checkbox-option, .um-field-radio-option {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-size: 2.9vw !important;
    color: #797777;
}

.bh-add
{

    height:53vw !important;
}


#p-add
{

   font-family: 'Montserrat',sans-serif;
font-size: 2.5vw !important;
font-weight: 800;
color: #ffffff9e !important;
padding: 2.5% 10% 0% 10% !important;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
text-align: center;
}

#formzy {
    width: 80% !important;
    height: auto;
    margin: 0 auto;
}



#formzy h2 {
    font-size: 3vw !important;
    margin: 8% 13% 3% 0% !important;
    color: #e3d8d8 !important;
    text-align: left !important;
    font-weight: 600 !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    letter-spacing: 0 !important;
}


#extraStatsButton {
    background-color: var(--main);
    border-radius: 25px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    margin: 16% 0% 7% 19% !important;
    font-size: 3vw !important;
    color: #fff;
    border: 0;
    width: 60% !important;
    padding: 5% 0% 9% 0% !important;
}







#standard-container h6 {
    font-size: 5.5vw !important;
    margin: 0% 13% 0% 13%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    width: 77%;
}

#hidden-button {
    background-color: var(--main);
    border-radius: 25px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    margin: 12% 0% 13% 27.5%;
    font-size: 3vw;
    color: #fff;
    border: 0;
    width: 50% !important;
    padding: 3% 0% 3% 0%;
    display: none;
    text-align: center;
}

#switch-row-left {
    width: 53%;
    height: auto;
    float: left;
    padding: 2% 0% 0% 6%;
}

#switch-row-right {
    width: 40%;
    height: auto;
    float: right;
    padding-top: 2%;
}

#switch-row-right p {
    font-family: 'Roboto',sans-serif;
    font-size: 2.9vw;
    text-align: left;
    font-weight: 500;
    color: #e26767;
    -webkit-font-smoothing: antialiased;
    padding: 4% 0% 0% 0%;
    float: left;
    margin: 0;
}

#else {
    font-size: 3vw !important;
    margin: 0% 9% 0% 0% !important;
    color: #fff !important;
    text-align: left !important;
    font-weight: 600 !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    letter-spacing: 0 !important;
    float: left;
    width: 79%;
}

#extraStatsButton2 {
    background-color: var(--main);
    border-radius: 25px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    margin: 8% 0% 0% 34%;
    font-size: 3vw !important;
    color: #fff;
    border: 0;
    width: 37% !important;
    padding: 2% 0% 6% 0%;
}

#user-phone {
    display: none;
}

.um-1534.um {
    max-width: 80% !important;
}

.um-field {
    height: 20vw !important;
    float: left;
    font-size: 4vw;
    width: 100%;
}



#cardio-list {
    font-family: 'Lato',sans-serif;
    font-weight: 600;
    font-size: 5.25vw;
    margin: 2% 5% 3% 5%;
    color: #696868;
    text-align: center;
    line-height: 8vw;
    text-transform: uppercase;
}

#cardio-list li {
    margin: 0% 0% 4% 0% !important;
    border: 1px solid var(--main);
    padding: 2%;
    border-radius: 15px;
    background-color: #efebeb;
    font-size: 5vw !important;
    line-height: 7.5vw !important;
}

#back-header h4 {
    font-family: 'Lato',sans-serif;
    font-size: 3.3vw;
    font-weight: 600;
    text-align: center;
    color: var(--main);
    margin: 0% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
}

#ex-vid {
    width: 90%;
    height: auto;
    margin: 8% 0% 5% 5%;
    text-align: center;
}

#ex-vid iframe {
    width: 100%;
    height: 48vw;
}

#user_login-1534 {
    font-size: 6vw !important;
}

#first_name-1534
{
    font-size: 6vw !important;
}

#last_name-1534
{
    font-size: 6vw !important;
}

#user_email-1534

{
    font-size: 6vw !important;
}







#phone_number-1534

{
    font-size: 6vw !important;
}

#user_password-1534

{
    font-size: 6vw !important;
}

#confirm_user_password-1534

{
    font-size: 6vw !important;
}

#birth_date-1534

{
    font-size: 6vw !important;
}


.um-field-checkbox-option, .um-field-radio-option {
    margin: 0 0 0 36px;
    line-height: 24px;
    color: #888 !important;
    display: block;
    font-size: 5vw !important;
}

#hero-social-back
{

display:none;

}

.homework
{

display:none;

}



#trigger2 {
    width: 80%;
    height: 19vw;
    border-radius: 15px;
    text-align: center;
    font-size: 6vw;
   color: #0d0c0c;
}

#trigger3 {
    width: 80%;
    height: 19vw;
    border-radius: 15px;
    text-align: center;
    font-size: 6vw;
  color: #0d0c0c;
}

.mobileSelect .content {
    width: 100%;
    display: block;
    height: 60vw !important;
    position: fixed;
    z-index: 889;
    color: black;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    bottom: -350px;
    left: 0;
    background: white;
}

#back-header h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5.2vw;
    font-weight: 800;
    color: #fff;
    padding: 24.5% 10% 0% 10%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#back-header {
    width: 100%;
    height: 47vw;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
}

#formzy {
    width: 80% !important;
    height: auto;
    margin: 0 auto;
}



#formzy h2 {
    font-size: 3vw !important;
    margin: 20% 13% 3% 0% !important;
    color: #e3d8d8 !important;
    text-align: left !important;
    font-weight: 600 !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    letter-spacing: 0 !important;
}


#extraStatsButton {
    background-color: var(--main);
    border-radius: 25px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    margin: 16% 0% 7% 19% !important;
    font-size: 3vw !important;
    color: #fff;
    border: 0;
    width: 60% !important;
    padding: 5% 0% 9% 0% !important;
}


#formzy input {
    width: 100%;
    height: 13vw;
    border-radius: 5px;
    border: 0;
    font-size: 5vw !important;
    float: left;
}

#exlevel {
    width: 100%;
    height: 14vw !important;
    font-size: 5vw;
}

#fitgoal {
    width: 100%;
    height: 14vw !important;
    font-size: 5vw;
}



#onboard-header {
    width: 100%;
    height: 138vw;
   
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

#onboard-header h2 {
    font-size: 5vw;
    color: var(--main) !important;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    top: 0%;
    left: 0%;
}

#onboard-header p {
    font-size: 4.5vw !important;
    color: #ffffff !important;
    position: relative;
    top: 0%;
    left: 0%;
    margin-right: 5%;
    line-height: 5.5vw;
}




#bigframe {
    margin: 8% 0% 0% 4%;
    width: 92%;
    height: 52vw;
    border: 1px solid var(--main);
}

div#standard-container h3 {
    font-family: 'Lato',sans-serif;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin: 5% 10% 9% 10%;
    line-height: 7vw;
    font-size: 6vw;
 
}

#buttonClone {
    background-color: var(--main);
    border: 0px;
    padding: 4% 15% 4% 15%;
    color: #FfF;
    font-size: 3vw;
    font-family: 'Lato',sans-serif;
    font-weight: 600 !important;
    letter-spacing: 1px;
    border-radius: 50px;
    margin: 13% 0% 8% 0%;
}

#buttonClone2 {
    background-color: var(--main);
    border: 0px;
    padding: 4% 8% 4% 8%;
    color: #FfF;
    font-size: 2.75vw;
    font-family: 'Oswald',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    border-radius: 50px;
    margin: 23% 1% 0% 1%;
}

#new-row {
    background-color: #000;
    width: 100%;
    height: 120vw;
    background-image: url(https://ultimateu.fitness/images/maga2.png);
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #353434;
    padding-bottom: 5%;
    background-position: bottom;
}

#new-row h2 {
    font-size: 5vw;
    font-weight: 700;
    color: #fff;
    padding: 12% 0% 0% 12%;
    text-align: left;
   width: 85%;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

#new-row p {
    font-size: 3vw;
    font-weight: 500;
    padding: 1% 10% 0% 10%;
    color: #fff;
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    line-height: 4.25vw;
    text-align: center;
}

#buttonJ {
    
    width: 59%;
   
    background-color: var(--main);
    text-align: center;
    height: 7.5vw;
    padding-top: 4.2%;
    color: #FFf;
    font-weight: 700;
    border-radius: 35px;
    margin: 8% 0% 0% 21%;
}

#ex-vid iframe {
    width: 100%;
    height: 54vw;
}

#back-header h3 {
    font-family: 'Lato', sans-serif;
    font-size: 3.3vw;
    font-weight: 600;
    text-align: center;
    color: var(--main);
    margin: 0.3% 0% 2.3% 0%;
    -webkit-font-smoothing: antialiased;
}








.main-menu {
    height: 50px;
    margin-top: 2%;
    width: 100%;
}
  .container-menu {
    width:90%;
  }
  .navigation {
    float:left;
    display:block;
    width:100%;
    overflow: hidden;
  }
.core-menu {
    float: right;
    width: 95%;
    background: #1a1a1a;
    margin: auto;
        margin-right: auto;
    display: none;
    margin-right: 5%;
   
}
  
  .core-menu li {
    width: 100%;
    display: block;
    font-size: 3vw;
}
  .core-menu li a{
    display:block;
    margin:auto;
    color:#fff;
  }
  .hamburger-menu {
    display:block;
    text-align:center;
    padding-right:60px;
    float:none;
    width:100%;
  }
  .burger-1, .burger-2, .burger-3 {
  display:block;
  position:absolute;
  width:50px;
  height:8px;
  border-radius:30px;
  right:0;
  margin-right:25px;
  background:#fff;
    -webkit-transition:.2s ease;
    -ms-transition:.2s ease;
    -moz-transition:.2s ease;
    -o-transition:.2s ease;
  transition:.2s ease; 
  }
  .burger-1 {
  top:15px;
  }
  .burger-2 {
  top:30px;
  }
  .burger-3 {
  top:45px;
  }
  .burger-1.open, .burger-2.open, .burger-3.open {
  -webkit-transition:.2s ease;
  -ms-transition:.2s ease;
  -moz-transition:.2s ease;
  -o-transition:.2s ease;
    transition:.2s ease;
    transform-origin:50% 50%;
  }
  .burger-1.open {
    top:25px;
    width:23px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg); 
    -ms-transform:rotate(45deg); 
    -moz-transform:rotate(45deg); 
    -o-transform:rotate(45deg); 
  }
  .burger-2.open {
    opacity:0;
  }
  .burger-3.open {
    top:25px;
    width:23px;
    transform:rotate(-45deg);
  }
  .dropdown {
    width:100%;
    background:#0e0e0e;
    text-align:center;
    position:relative;
  }
  .dropdown2 {
    right:0;
    top:0;
    width:100%;
    position:relative;
    padding:0 20px;
}

.et_pb_button.et_pb_button_1.scrollLink.et_pb_bg_layout_light {
    width: 80%;
    height: 12.5vw;
    background-color: var(--main);
    font-family: 'Lato', sans-serif;
    font-size: 4vw !important;
    margin: 1% 0% 3% 0%;
    color: #fff !important;
    position: absolute;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    bottom: 5%;
    left: 11%;
    border-radius: 40vw;
    border: 0;
    padding-top: 3%;
}

div#sc-right h2 {
    font-weight: 500;
    font-size: 5vw;
    margin: 6% 10% 0% 10%;
     color: var(--main);
    text-align: center;
    line-height: 2.5vw;
    text-transform: uppercase;
    
}

.mobile-nav {
    display: block;
    z-index: 9999;
    position: absolute;
    right: 35px;
    top: 0.75%;
    width: 20px;
}
.menu-btn div { position: absolute; left: 100%; top: 64%; padding-right: 8px; margin-top: -0.50em; line-height: 1.2; font-size: 18px; font-weight: 200; vertical-align: middle; z-index: 99; }
.menu-btn span { display: block; width: 19px; height: 3px; margin: 4px 0; background: #008081; z-index: 99; }
.responsive-menu {
    max-height: 0;
    width: 300px;
    overflow: hidden;
    transition: all .25s;
    position: absolute;
    left: -245px;
    text-align: left;
    background-color: rgb(247, 238, 232) !important;
}
.responsive-menu ul {
    padding: 0px 0 0 0px !important;
    list-style: none;
    text-align: center;
}
.responsive-menu ul li { padding-bottom: 20px; font-family: 'Arial', sans-serif;}
.responsive-menu a {
    text-decoration: none;
    color: #000;
    font-family: 'Arial', sans-serif;
    font-size: 2.25vw;
}
.expand {max-height: 300px; }






div#logz {
    margin: 0 auto;
        margin-top: 0px;
    width: 16%;
    height: auto;
    background-color: #FFF;
    margin-top: 8%;
    padding: 1.5%;
    border-radius: 25px;
    font-size: 3vw;
}




#formzy {
    width: 44%;
    height: auto;
    margin: 0 auto;
}







#extraStatsButton {
    background-color: var(--main);
    border-radius: 25px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    margin: 18% 0% 0% 23%;
    font-size: 1vw;
    color: #fff;
    border: 0;
    width: 60% !important;
    padding: 5% 4% 11% 4%;
}

#extraStatsButton2 {
    background-color: var(--main);
    border-radius: 25px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    margin: 16% 0% 10% 0%;
    font-size: 1vw;
    color: #fff;
    border: 0;
    width: 101% !important;
    padding: 4% 0% 6% 0%;
}

#hidden-button {
    background-color: var(--main);
    border-radius: 25px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    margin: 24% 0% 0% 23.5%;
    font-size: 4vw;
    color: #fff;
    border: 0;
    width: 57% !important;
    padding: 1% 0% 1% 0%;
    display: none;
    text-align: center;
}

#hidden-buttonZZ {
   background-color: var(--main);
    border-radius: 25px !important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    margin: 24% 0% 0% 23.5%;
    font-size: 4vw;
    color: #fff;
    border: 0;
    width: 57% !important;
    padding: 1% 0% 1% 0%;
    display: none;
    text-align: center;
    
    text-align: center;
}

select#fitgoal {
    width: 100%;
    height: 2vw;
}

#hid {
    display: none;
     font-size: 2vw;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
    text-align: center;
    color: #fff !important;
}

#pee {
    margin: 0% 0% 0% 0% !important;
    line-height: 0vw !important;
    text-align: center !important;
}


.tot {
    font-size: 6vw;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
    margin: 2% 5% 7% 5%;
    color: var(--main);
    text-align: center;
    line-height: 7vw;
    text-transform: uppercase;
}





#chart-holder-port

{


    display: none;
}

#um_field_7288_pt_photo {
    height: 70vw !important;
}

.um-profile-body.main.main-default {
    z-index: 999 !important;
    position: absolute !important;
    right: 0% !important;
    width: 88% !important;
    background-color: #000 !important;
    top: 5% !important;
    padding: 8% 5% 0% 5% !important;
    height: 271vw !important;
}




#incomplete {
    width: 95%;
    height: auto;
    background-color: #000000f2;
    position: absolute;
    top: 3.5vw;
    right: 2%;
    z-index: 9999999999999999999999;
     border: 2px solid #22A3C9;
    display: none;
    text-align: center;
    padding-bottom: 12%;
}

#incomplete img {
    width: 21%;
    height: auto;
    margin-top: 2%;
}


#incomplete h3 {
    font-family: 'Bai Jamjuree', sans-serif !important;
    font-size: 6vw !important;
    padding: 0% 0% 0% 0%;
    color: #fff !important;
    text-align: center !important;
    font-weight: 600 !important;
    letter-spacing: 1px;
    margin: 7% 0% 0% 0% !important;
}

#userButton {
    border: 1px solid #FFF;
    width: 79%;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 0px;
    margin-top: 10%;
    color: #fff;
    text-transform: uppercase;
    font-size: 4.25vw;
    padding: 4% 0% 4% 0%;
    border-radius: 25px;
   background-color: #22a3c9;
    font-weight: 600;
    letter-spacing: 1px;
}

#incomplete p {
    font-size: 4.25vw !important;
    font-weight: 500 !important;
    color: #fff !important;
    font-family: 'Lato', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    line-height: 7.25vw;
    text-transform: none !important;
    padding: 7% 5% 0% 5% !important;
}


#footer-holder {
    width: 100%;
    height: 16vw;
    background-color: #1e1d1d;
    margin-top: 40vw;
}



#footer-holder p {
    float: left;
    margin: 7% 0% 0% 6%;
    font-size: 1.7vw;
}


#top-nav-holder2 {
    width: 100%;
    height: 19vw;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 99;
  background-color: #000000a1;
}


#one-module-NEW {
    width: 97% !important;
    height: auto;
    float: left;
    margin: 0% 1.5% 0% 1.5%;
    padding-bottom: 0%;
    border: 0px;
    background: none !important;
}

/* ADDING LEE END   */


#one-module-top-NEW {
    width: 94%;
    height: 31vw !important;
    overflow: hidden;
    margin-bottom: 1.5vw;
}




#back-button {
    background: none;
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 5.8vw;
    font-weight: 600;
    padding: 1.5% 3% 1.5% 3%;
    position: relative;
    text-transform: uppercase;
    border: 0px;
    letter-spacing: 1.25px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    display:  none;
}

#back-buttonALL {
    
    border-radius: 10px;
    overflow: hidden;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 5.8vw;
    font-weight: 600;
    padding: 1.5% 3% 1.5% 3%;
    position: relative;
    text-transform: uppercase;
    border: 0px;
    letter-spacing: 1.25px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    
}


#one-module-top-NEW h4 {
    position: absolute;
    font-size: 4vw !important;
    width: 61%;
    top: 45%;
    font-family: 'Montserrat',sans-serif !important;
    right: 8%;
    z-index: 99;
    color: #fff;
    text-align: center;
    line-height: 4.5vw;
}



#one-module99 {
    width: 94%;
    height: 56vw;
    float: left;
    margin: 0% 1.5% 12% 3%;
    border: 1px solid #fff;
    position: relative;
    background-color: #ffffff36;
}

#one-module-bottom99 p {
    text-transform: uppercase;
    font-family: 'Lato',sans-serif;
    font-size: 6.5vw;
    margin: 9% 8% 5% 8%;
    color: #fff;
    font-weight: 400;
    line-height: 9vw;
    text-align: center;
}

#back-header-short {
    width: 100%;
    height: 30vw;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
}

#back-header-short h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 7.2vw;
    font-weight: 800;
    color: #fff;
    padding: 7.5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 8vw;
}

#one-moduleX {
    width: 97% !important;
    height: auto;
    float: left;
    margin: 0% 1.5% 11% 1.5%;
    padding-bottom: 0%;
    border: 1px solid var(--main);
    background-color: #FFFFFF1C;
     border-radius: 25px;
     position:relative;
}

#one-module-bottomZ {
    height: 100vw;
}

#one-module-bottomX p {
    text-transform: uppercase;
    font-family: 'Lato',sans-serif;
    margin: 3% 8% 11% 8%;
    padding: 3.5% 0% 0% 0%;
    color: #fff;
    font-weight: 400;
    line-height: 6.8vw;
    text-align: center;
    font-size: 5vw !important;
}

div#one-module-bottomX p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.25vw;
    font-weight: 800;
    color: #fff;
    padding: 3.5% 0% 0% 5%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}



#one-module-bottomZ p {
    text-transform: uppercase;
    font-family: 'Lato',sans-serif;
    margin: 3% 8% 11% 8%;
    color: #fff;
    font-weight: 400;
    line-height: 6.8vw;
    text-align: center;
    font-size: 5vw !important;
}

#one-module-bottom2 p {
    text-transform: uppercase;
    font-size: 3vw;
    margin: 3% 5% 11% 5%;
    color: #000;
    font-weight: 400;
    line-height: 5.8vw;
    text-align: center;
    font-family: 'Lato', sans-serif;
}

#one-module-topX {
    width: 94%;
    height: 54vw;
    overflow: hidden;
    margin-bottom: 1.5vw;
    margin-left: 3%;
    margin-top: 3%;
    position: relative;
    border-radius: 25px;
}


#obh-left {
    width: 90%;
    height: auto;
    float: left;
    margin: 3% 5% 12% 5%;
}

#obh-right {
    width: 100%;
    height: 68vw;
    float: left;
}

#obh-left img {
    margin: 10% 0% 7% 0%;
}


div#standard-container h4 {
    font-family: 'Lato',sans-serif;
    font-size: 3vw;
    font-weight: 700;
    color: #ffffff;
    padding: 2.5% 10% 0% 7%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#faux-login {
    width: 100%;
    min-height: 185vw;
    background-image: url(/images/login-mob.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    position: relative;
}

#login-container {
    width: 88%;
    height: auto;
    margin-top: 0px;
    text-align: center;
    background-color: #0606066e;
    border-radius: 35px;
    padding: 2%;
    position: absolute;
    top: 34vw;
    left: 6%;
}


#one-module-bottomX {
    height: 50vw;
    width: 100%;
    float: left;
    color: #fff;
}

#button222 p {
    font-size: 3vw !important;
    padding: 2% 0% 0% 0%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Lato', sans-serif;
}

#explain span {
    font-size: 3.2vw;
}


#new-session {
    width: 44%;
    border: 3px solid #fff;
    border-radius: 15px;
    float: left;
    color: #fff;
    font-size: 2.1vw;
    padding: 2% 0% 2% 0%;
   margin: 5% 0% 4% 4% !important;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

.ns-add {
    margin: 0% 0% 0% 0%;
}


#one-comp-end {
    width: 97%;
    height: 24vw;
    margin: 0% 1% 2% 1%;
    float: left;
    background-color: #ffffffd6;
    border-radius: 15px;
    position: relative;
    text-align: center;
    border: 4px solid #40737f;
    font-size: 5vw;
    padding-top: 3%;
    color: #40737f;
    line-height: 6vw;
    padding: 5% 5% 0% 5%;
}

div#obh-right iframe {
  margin: 0% 0% 0% 4%;
    width: 92%;
    height: 52vw;
    border: 1px solid var(--main);
}


div#obh-right img {
  margin: 0% 0% 0% 4%;
    width: 92%;
    height: 52vw;
    border: 1px solid var(--main);
}


#myframe {
    width: 100%;
    height: 161vw;
}




#blackground {
    width: 100%;
    height: 53vw !important;
   background-color: var(--main);
    opacity: 0.25;
    position: absolute;
    top: 27vw;
    left: 0%;
}




#new-stats {
    width: 88vw;
    height: 48vw;
    position: absolute;
    top: 125vw;
    right: 6vw;
}



#new-stats1 {
    width: 49%;
    height: 25vw;
    float: left;
}

#new-stats1-top {
    width: 100%;
    height: 11vw;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0%;
}

#new-stats1-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    line-height: 4vw;
    font-weight: 800;
    color: #fff;
    padding: 3.75% 0% 0% 25%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}



#new-stats1-bot {
    width: 100%;
    height: 14vw;
}


#new-stats1a-top {
    width: 95%;
    height: 11vw;
    background-image: url(/images/titles/target2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 14%;
}


#new-stats1a-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    line-height: 4vw;
    font-weight: 800;
    color: #fff;
    padding: 3.75% 0% 0% 25%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#new-stats1b-top {
    width: 95%;
    height: 11vw;
    background-image: url(/images/titles/target2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 5%;
}


#new-stats1b-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    line-height: 4vw;
    font-weight: 800;
    color: #fff;
    padding: 3.75% 0% 0% 25%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}



#new-stats1-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 5.5vw;
    margin: 0% 0% 0% 27%;
    font-weight: 700;
}

#new-stats1-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 5.5vw;
    margin: 0% 0% 0% 29%;
    font-weight: 700;
}

#new-stats1-bot h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 5.5vw;
    margin: 0% 0% 0% 30%;
    font-weight: 700;
}


#new-stats1-bot p {
    font-family: 'Montserrat',sans-serif;
    font-size: 3.5vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 2% 0% 0% 28%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#new-stats-line {
    width: 2px;
    height: 21.5vw;
    background-color: var(--main);
    float: left;
    margin-top: 0.5vw;
}

#stats-progs {
    width: 100%;
    height: 194vw;
    margin-bottom: 5%;
    margin-top: 88%;
}

#stats-progs1 {
    width: 100%;
    height: 77vw;
    float: left;
}

#prog-box {
    width: 90%;
    height: 65.5vw;
    border: 4px solid var(--main);
    float: right;
    border-radius: 25px;
    margin-right: 5%;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


#prog-box-top {
    width: 100%;
    height: 20vw;
    margin-top: 3%;
}




#prog-box-top1 {
    width: 18%;
    height: 16.3vw;
    float: left;
    margin-left: 5%;
}


#prog-box-top2 {
    width: 75%;
    height: 19vw;
    float: left;
}



#prog-box-top2 h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}



#prog-box-top2 p {
    font-family: 'Lato',sans-serif;
    font-size: 2.5vw;
    font-weight: 600;
    text-align: center;
    color: #ffffffb5;
    margin: 3% 5% 0% 5%;
    -webkit-font-smoothing: antialiased;
    line-height: 3.3vw;
}




#prog-box-bot1 {
    width: 90%;
    height: 31vw;
    margin: 0 auto;
    margin-top: 2vw;
}

#one-bot {
    width: 23%;
    height: 36vw;
    margin: 0% 1% 0% 1%;
    float: left;
    position: relative;
}





#one-bot-top {
    width: 100%;
    height: 16.5vw;
    margin: 0% 0% 0% 0%;
}



#ring-bg {
    width: 100%;
    height: 16.5vw;
    position: relative;
}

#stats-progs2-bg {
    position: absolute;
    width: 11%;
    height: 10.5vw;
    top: 1.5vw;
    left: 6.5vw;
    border-radius: 50%;
    background-color: var(--main);
}

#ring-fg {
    width: 75%;
    height: 13.8vw;
    position: absolute;
    top: 1%;
    left: 13%;
}

#ring-fg img {
    width: 100%;
    height: auto;
    margin-left: 1%;
    margin-top: -0.5%;
}

#hog-box-top1-bg {
    position: absolute;
    width: 98%;
    height: 18.42vw;
    top: 0.1vw;
    left: 0vw;
    border-radius: 50%;
    background-color: var(--main);
    /* border: 3px solid var(--main); */
}

#hog-box-top1 img {
    width: 96%;
    height: auto;
    margin-top: 2%;
    position: relative;
    margin-left: 1.5%;
}

#eb1 {
    width: 96.5%;
    height: 24.8vw;
    border: 4px solid var(--main);
    float: left;
    border-radius: 25px;
    margin-right: 1.8%;
    position: relative;
    padding-top: 1%;
    background-color: #ffffff26;
    margin-bottom: 6%;
}

#one-bot-bot {
    width: 100%;
    height: 16.5vw;
    margin: 0% 0% 0% 0%;
}

#tit-header {
    width: 100%;
    height: 12vw !important;
    position: absolute;
    top: 21vw;
}


#one-bot-bot h3 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    padding: 10% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
}


#one-bot-bot h4 {
    color: #999;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
    padding: 1% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px;
}



#one-bot-bot h5 {
    color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 1.7vw;
    padding: 7% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
    line-height: 2.1vw;
}



#stats-progs2 {
    width: 100%;
    height: 117vw;
    float: left;
}


#go-to888 {
    width: 41%;
    height: 36.5vw;
    /* background-color: #f003; */
    float: left;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: 33%;
    margin-left: 5%;
}


#go-to888 h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    line-height: 4.5vw;
    font-weight: 800;
    color: #fff;
    padding: 6% 0% 0% 32%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#user-button {
    width: 91%;
    height: 5.5vw;
    margin: 13% 4% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    float: right;
    font-family: 'Montserrat',sans-serif;
    font-size: 3vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    padding-top: 4%;
}




#go-to777 {
    width: 45%;
    height: 10.5vw;
    float: left;
    background-image: url(/images/xdots4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 2.6%;
    /* border-radius: 35px; */
    padding: 2% 3% 5% 3%;
}

.notOnDesk
{

display: block !important;

}



#go-to666 {
    width: 46.75%;
    height: 38vw;
    float: left;
    margin: 0% 0% 2% 2%;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


div#go-to666-ol {
    width: 100%;
    height: 38vw;
    float: left;
    background-color: var(--main);
    border-radius: 15px;
    position: absolute;
    opacity: 0.15;
}

#go-to666-icon {
    width: 41%;
    height: 19.25vw;
    border: 3px solid var(--main);
    border-radius: 50%;
    background-color: var(--main);
    position: absolute;
    top: 7%;
    left: 7%;
}

div#go-to666 p {
    font-family: 'Montserrat',sans-serif;
    font-size: 3vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fffffff0;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    position: absolute;
    bottom: 12%;
    left: 9%;
}




#select-holder {
    width: 90vw;
    height: 12vw;
    position: absolute;
    top: 100vw;
    right: 5vw;
}


div#select-holder select {
    width: 77%;
    height: 9vw;
    font-size: 3.7vw;
    font-weight: 600;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    background: none;
    border: 2px solid var(--main);
    padding: 0% 0% 0% 2%;
    border-radius: 10px;
}


#goBtn {
    width: 20%;
    margin-left: 2%;
    height: 8vw;
    border-radius: 8px;
    background-color: var(--main);
    border: 0;
    font-size: 4vw;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding-top: 1%;
}

.noLine {
    background: none !important;
}

.noBox {
    display: none !important;
}

#blackground212 {
    width: 100%;
    height: 13vw !important;
    background: none;
    position: absolute;
    top: 22vw;
    left: 0%;
     background: none;
}

#blackground515 {
    width: 100%;
    height: 13vw !important;
    background: none;
    position: absolute;
    top: 22vw;
    left: 0%;
     background: none;
}

#blackgroundFood {
    width: 100%;
    height: 13vw !important;
    background: none;
    position: absolute;
    top: 22vw;
    left: 0%;
     background: none;
}

#blackground2 {
    width: 100%;
    height: 17vw !important;
    background: none;
    position: absolute;
    top: 19vw;
    left: 0%;
   background-color: var(--main);
    opacity: 0.25;
}

#blackground717 {
    width: 100%;
    height: 17vw !important;
    background: none;
    position: absolute;
    top: 37vw;
    left: 0%;
   background-color: var(--main);
    opacity: 0.25;
}



#major-boxes {
    width: 90%;
    height: auto;
    position: absolute;
    top: 39vw;
    left: 5%;
}


#major-boxes-left {
    width: 100%;
    height: auto;
    float: left;
}


#hog-box {
    width: 98.5%;
    height: 50.5vw;
    border: 4px solid var(--main);
    float: left;
    border-radius: 25px;
    margin-right: 0%;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    position: relative;
}

#hog-box-top {
    width: 100%;
    height: 22vw;
    margin-top: 3%;
}

#hog-box-bot {
    width: 100%;
    height: 25vw;
}

#hog-box-bot1 {
    width: 70%;
    height: 25vw;
    float: left;
}

#hog-box-bot2 {
    width: 30%;
    height: 25vw;
    float: left;
}

#hog-box-top2 h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    line-height: 4.5vw;
    font-weight: 800;
    color: #fff;
    padding: 4% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#extra-buttons {
    width: 91.5%;
    height: 15vw;
    /* background-color: #ff000047; */
    position: absolute;
    top: 485vw;
    left: 5%;
}


#hog-box-top2 p {
    font-family: 'Lato',sans-serif;
    font-size: 3vw;
    font-weight: 500;
    text-align: center;
    color: #ffffffb5;
    margin: 2% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    line-height: 3.2vw;
}

#progger-button {
    width: 114%;
    height: auto;
    border: 3px solid #fff;
    border-radius: 10px;
    background-color: #ffffff2e;
    float: left;
    font-family: 'Montserrat',sans-serif;
    font-size: 3vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    padding: 2% 2% 3% 2%;
}



#hog-box-bot2 h3 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 7vw;
    padding: 38% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
}

#progger-holder {
    width: 71%;
    height: auto;
    margin: 0% 0% 0% 10%;
    float: left;
}

#boxer {
    width: 97%;
    height: 67vw;
    border: 1px solid var(--main);
    position: absolute;
    top: 11vw;
    left: 1.5%;
    opacity: 0.25;
    border-radius: 20px;
    display: none;
}


#major-boxes-right {
    width: 100%;
    height: 200vw;
    float: left;
}

#task-holder {
    width: 98%;
    height: 225.5vw;
    border: 4px solid #ffffff;
    float: left;
    border-radius: 25px;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


#pog-box-top {
    width: 100%;
    height: 25vw;
}

#pog-box-top1 {
    width: 28%;
    height: 25vw;
    float: left;
    margin-left: 2%;
}

#pog-box-top2 {
    width: 60%;
    height: 25vw;
    float: left;
    margin-left: 0%;
}

#pog-box-top2 h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    line-height: 1.5vw;
    font-weight: 800;
    color: #fff;
    padding: 18% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#pog-box-top1 img {
    width: 100%;
    height: auto;
    margin-top: 0%;
    /* margin-left: 9%; */
}



#div0 {
    width: 100%;
    height: 41vw;
}


button.showButton {
    border: 1px solid var(--main);
    background: none;
    color: #FFF;
    padding: 0% 2% 0% 2%;
    border-radius: 12px;
    margin: 6% -2% -2% 4%;
    font-family: 'Lato',sans-serif;
    font-weight: 700;
    letter-spacing: -0.25;
    height: 11vw;
    float: left;
    width: 45% !important;
    font-size: 3vw !important;
}



div#div1 {
    width: 100%;
    height: 158.25vw;
}

div#div2 {
    width: 100%;
    height: 158.25vw;
}

div#div3 {
    width: 100%;
    height: 158.25vw;
}

div#div4 {
    width: 100%;
    height: 158.25vw;
}



#tasks-6wt {
    width: 90%;
    height: 158.25vw;
    /* background-color: #000; */
    margin: 0 auto;
    overflow: auto;
}

#one-task {
    width: 96%;
    height: 16vw;
    background-color: #00000040;
    margin-bottom: 2%;
    position: relative;
    overflow: hidden;
}


#one-task-overlay {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
   height: 16vw;
    /* background-color: #ff00002b; */
}

#one-task-overlay a:link {
    width: 100%;
     height: 16vw;
    float: left;
    /* background-color: #f00; */
}


#one-task-overlay a:visited {
    width: 100%;
     height: 16vw;
    float: left;
    /* background-color: #f00; */
}

#one-task-overlay a:active {
    width: 100%;
     height: 16vw;
    float: left;
    /* background-color: #f00; */
}

#one-task-overlay a:hover {
    width: 100%;
     height: 16vw;
    float: left;
  background-color: var(--main)6e;
}


#one-task-image {
    width: 31%;
    height: 16vw;
    /* background-color: #000; */
    float: left;
}

#one-task-cat {
   display: none;
}

#one-task h3 {
    font-family: 'Lato', sans-serif;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
    color: #fff;
    font-size: 3vw;
}



#one-task-title {
    width: 62%;
    height: auto;
    /* background-color: #000; */
    float: left;
    margin: 3% 0% 0% 4%;
}


#tit-header img {
    width: 10%;
    height: auto;
    margin: 1% 2% 0% 6.5%;
    float: left;
}


#tit-header h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 800;
    color: #fff;
    padding: 2.5% 0% 0% 20%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

#standard-containerNOW {
    width: 96%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 3%;
    position: relative;
    margin-top: 62vw;
}

#standard-containerFOOD {
    width: 96%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 3%;
    position: relative;
    margin-top: 62vw;
}


#tit-header2 h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4.5vw;
    font-weight: 800;
    color: #fff;
    padding: 1.5% 0% 0% 8%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#tit-header3 h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4.5vw;
    font-weight: 800;
    color: #fff;
    padding: 1% 5% 0% 8%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    line-height: 4.3vw;
}










#select-button2 {
    width: 88%;
    height: 6vw;
    font-size: 3vw;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    background: none;
    border: 2px solid var(--main);
    padding: 2% 0% 0% 0%;
    border-radius: 10px;
    position: absolute;
    top: 60vw;
    text-align: center;
    right: 6%;
    background-color: #ffffff24;
    z-index: 9999999999999999999;
}

#tit-header2 img {
    width: 10%;
    height: auto;
    margin: 1% 2% 0% 6.5%;
    float: left;
}

#tit-header2 {
    width: 100%;
    height: 12vw !important;
    margin-top: 2%;
}

#tit-header3 img {
    width: 10%;
    height: auto;
    margin: 1% 2% 0% 6.5%;
    float: left;
}

#tit-header3 {
    width: 100%;
    height: 12vw !important;
    margin-top: 2%;
}


#overall {
    width: 88%;
    height: 14vw;
    position: absolute;
    top: 41vw;
    right: 5%;
    /* background-color: #F00; */
}


#overall h3 {
    font-family: 'lato', sans-serif;
    font-size: 3.4vw;
    font-weight: 800;
    color: #fff;
    float: left;
    margin-right: 22%;
    line-height: 5vw;
}


#overall h4 {
    font-family: 'lato', sans-serif;
    font-size: 9vw;
    font-weight: 500;
    color: #fff;
    margin-top: -38%;
}



#overall h5 {
    font-family: 'lato', sans-serif;
    font-size: 2vw;
    font-weight: 600;
    color: var(--main);
    margin-top: -6%;
    text-align: center;
    letter-spacing: 5px;
}


.morish {
    margin-bottom: 27% !important;
}

#sub-title {
    width: 96%;
    height: 6vw;
    margin: 0 auto;
    border-bottom: 1px solid #ffffffb5;
    margin-bottom: 2%;
}


#sub-title h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 3.5vw;
    font-weight: 700;
    color: #ffffffb5;
    padding: 0% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}



#one-module-bottomX1 {
    height: 17vw;
    width: 94%;
    float: left;
    margin-left: 3%;
    color: #fff;
    border-bottom: 1px solid var(--main);
}

#one-module-bottomX1 h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 4vw;
    font-weight: 700;
    color: #fff;
    padding: 6% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}





#one-module-bottomX2 {
    height: 31vw;
    width: 94%;
    float: left;
    margin-left: 3%;
    color: #fff;
    /* background-color: #F0F; */
    margin-top: 1vw;
}


#one-module-bottomX2-1 {
    height: 31vw;
    width: 60%;
    float: left;
    border-right: 1px solid var(--main);
}

#one-module-bottomX2-2 {
    height: 31vw;
    width: 39.75%;
    float: left;
}

div#one-module-bottomX2-1 a:link {
    width: 100%;
 text-decoration: none;
    height: 31vw;
    float: left;
}

div#one-module-bottomX2-1 a:active {
    width: 100%;
 text-decoration: none;
    height: 31vw;
    float: left;
}

div#one-module-bottomX2-1 a:visited {
    width: 100%;
 text-decoration: none;
    height: 31vw;
    float: left;
}

div#one-module-bottomX2-1 a:hover {
    width: 100%;
    background-color: var(--main);
    height: 31vw;
    float: left;
    text-decoration: none;
}

#one-module-bottomX2-1 h3 {
    color: #04fdf3 !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 3.5vw !important;
    margin: 21% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 1px;
}


#one-module-bottomX2-2 h3 {
    color: #fff !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 5vw !important;
    padding: 22% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
}



#one-module-bottomX2-2 h4 {
    color: #999 !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 2.5vw !important;
    padding: 1% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 2px !important;
}

#tit-header3 h3 {
    font-family: 'Lato',sans-serif;
    font-size: 2.5vw;
    font-weight: 800;
    text-align: left;
    color: var(--main);
    margin: 1% 5% 0% 19%;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#new-breads {
    width: 93%;
    height: auto;
    position: absolute;
    top: 24.2vw;
    left: 7%;
}

#new-breads p {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 500;
    text-align: center;
    color: #ffffff94;
    margin: 0% 2% 0% 0%;
    -webkit-font-smoothing: antialiased;
    float: left;
}

#one-module777 {
    width: 90%;
    height: 110vw;
    float: left;
    margin: 0% 0% 8% 3%;
    border: 4px solid var(--main);
    position: relative;
    border-radius: 25px;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}



#one-module-top777 {
    width: 94%;
    height: 58.5vw;
    overflow: hidden;
    margin-bottom: 1.5vw;
    margin-left: 3%;
    margin-top: 3%;
    position: relative;
    border-radius: 25px;
}

div#one-module-bottom777 p {
    font-family: 'Montserrat', sans-serif;
    font-size: 4vw;
    font-weight: 700;
    color: #fff;
   padding: 9.5% 5% 0% 5%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#standard-container-SINGLE {
    width: 95%;
    height: auto;
    min-height: 60vw;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 3%;
    position: relative;
    margin-top: 60vw;
}



#standard-container-SINGLE-left {
    width: 96%;
    height: auto;
    min-height: 60vw;
    float: left;
    margin-left: 2%;
}



#theVid {
    width: 96%;
    height: auto;
    border: 1px solid var(--main);
    padding: 2%;
    background-color: #ffffff1c;
}


#theVid iframe {
    width: 100%;
    height: 49vw;
    margin: 0% 0% 0% 0%;
}


#standard-container-SINGLE-left p {
    font-family: 'Lato',sans-serif;
    font-size: 4vw;
    font-weight: 500;
    color: #ffffff;
    padding: 2% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    line-height: 6vw;
}



#standard-container-SINGLE-left p strong {
    font-family: 'Lato',sans-serif;
    font-size: 6vw;
    font-weight: 700;
    color: #ffffff;
    padding: 2% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    line-height: 7vw;
}



#standard-container-SINGLE-right {
    width: 96%;
    height: auto;
    min-height: 60vw;
    float: left;
    padding-left: 2%;
    border-left: 0px solid var(--main);
    margin-top: 13%;
}



#completed {
    width: 100%;
    height: auto;
    float: left;
}

#completed-message {
    border-radius: 15px;
    margin: 0% 0% 0% 0%;
    background-color: #17bb0c;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 5vw;
    font-weight: 700;
    padding: 5% 0% 5% 0%;
    border: 0px;
    letter-spacing: 2px;
    width: 100%;
}


#section-three h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 3.8vw !important;
    line-height: 5vw !important;
    font-weight: 700 !important;
    padding: 9% 0% 0% 0% !important;
    text-transform: none !important;
    text-align: center !important;
}




#other-tasks ul li a:link {
   font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    font-weight: 700;
    text-decoration: none;
    color: var(--main);
    float: left;
    margin: 6% 0% 0% 4%;
    width: 69%;
}

#other-tasks ul li a:visited {
   font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    font-weight: 700;
    text-decoration: none;
    color: var(--main);
    float: left;
    margin: 6% 0% 0% 4%;
    width: 69%;
}

#other-tasks ul li a:active {
  font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    font-weight: 700;
    text-decoration: none;
    color: var(--main);
    float: left;
    margin: 6% 0% 0% 4%;
    width: 69%;
}

#section-two h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 3.8vw !important;
    line-height: 2vw !important;
    font-weight: 700 !important;
    padding: 12% 0% 2% 0% !important;
    text-transform: none !important;
    text-align: center !important;
}

#section-one {
    width: 100%;
    height: auto;
    border-bottom: 1px solid var(--main);
    padding-bottom: 14%;
}



#select-button44 {
    width: 92%;
    height: 7vw;
    font-size: 4vw;
    color: #bdecf1;
    font-family: 'Montserrat',sans-serif;
    background-color: #F00;
    padding: 2% 0% 0% 0%;
    border-radius: 0px;
    font-weight: 700;
    position: absolute;
    top: -74%;
    text-align: center;
    right: 5%;
}


#one-tr {
    width: 100%;
    height: 20vw;
    margin-top: 8%;
    /* padding-left: 10%; */
}



#one-tr a:link {
    text-decoration: none;
    width: 100%;
    height: 20vw;

    float: left;
}

#one-tr a:hover {
    text-decoration: none;
    width: 100%;
    height: 20vw;
    background-color: #ffffff33;
    float: left;
    border-radius: 10px;
}


#one-tr a:visited {
    text-decoration: none;
    width: 100%;
     height: 20vw;

    float: left;
}

#one-tr a:active {
    text-decoration: none;
    width: 100%;
     height: 20vw;

    float: left;
}

#one-tr-left {
    width: 15%;
    height: 16vw;
    float: left;
    padding-left: 10%;
    padding-top: 4%;
}


#one-tr-right {
    width: 75%;
    height: 16vw;
    float: left;
    padding-top: 4%;
}

#one-tr-right h4 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 4vw !important;
    line-height: 5.5vw !important;
    font-weight: 700 !important;
    color: var(--main) !important;
    padding: 0% 0% 1% 6% !important;
    text-transform: none !important;
    text-align: left !important;
}


#one-tr-right h5 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 3vw !important;
    line-height: 1vw !important;
    font-weight: 700 !important;
    padding: 4% 0% 0% 6% !important;
    text-transform: none !important;
    text-align: left !important;
    color: #fff !important;
}


div#section-one img {
    width: 7%;
    margin: 4% 0% 0% 3%;
    display: none;
}


#complete-me {
    width: 100%;
    height: auto;
    float: left;
}


#complete-me input {
    border-radius: 15px;
    margin: 0% 0% 0% 0%;
    background-color: #f01745;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 5vw;
    font-weight: 700;
    padding: 5% 0% 5% 0%;
    border: 0px;
    letter-spacing: 2px;
    width: 100%;
}



#main-stats-holder {
    width: 90%;
    height: 57vw;
    position: absolute;
    top: 72vw;
    left: 6%;
    border-bottom: 2px solid var(--main);
}


#stater-newQQ {
    width: 100%;
    height: 28vw;
    /* background-color: #111; */
    float: left;
}


#stater-newQQ1 {
    width: 49%;
    height: 23vw;
    float: left;
}

#stater-newQQ1-top {
    width: 100%;
    height: 13vw;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: 26%;
    margin-left: 5%;
    background-position-y: 12%;
}


#stater-newQQ1-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    line-height: 5vw;
    font-weight: 800 !important;
    color: #fff;
    padding: 2.75% 0% 0% 23% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: left !important;
}


#stater-newQQ1a-top {
    width: 100%;
    height: 13vw;
    background-image: url(/images/titles/target2.png);
    background-repeat: no-repeat;
    background-size: 26%;
    margin-left: 12%;
    background-position-y: 12%;
}


#stater-newQQ1a-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    line-height: 5vw;
    font-weight: 800 !important;
    color: #fff;
    padding: 2.75% 0% 0% 23% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: left !important;
}

#stater-newQQ1-bot {
    width: 100%;
    height: 11vw;
}

#staterZZ1-line {
    width: 2px;
    height: 23vw;
    background-color: var(--main)6e;
    float: left;
    margin-top: 0.5vw;
}


#stater-newQQ1-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 5.5vw;
    margin: 0% 0% 0% 30%;
    font-weight: 700;
}


#stater-newQQ1-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 5.5vw;
    margin: 0% 0% 0% 36%;
    font-weight: 700;
}




#stater-newKK {
    width: 100%;
    height: 23.5vw;
    /* background-color: #111; */
    float: left;
    margin-top: 0.8vw;
    overflow: hidden;
}



























#weightV2 {
    width: 86%;
    height: 106vw;
    padding-top: 3%;
    position: absolute;
    top: 136vw;
    left: 7%;
    border-bottom: 2px solid var(--main);
}


#weightV2-left {
    width: 100%;
    height: 49vw;
    float: left;
}

#weightV2-right {
    width: 100%;
    height: 47vw;
    float: left;
}



#body-statsV2 {
    width: 96%;
    height: 128vw;
    position: absolute;
    top: 260vw;
    left: 2%;
    /* border-bottom: 2px solid var(--main); */
}


#new-stats9 {
    width: 49%;
    height: 12vw;
    float: left;
}

#new-stats-line99 {
    width: 1px;
    height: 12vw;
    background-color: var(--main)6e;
    float: left;
}



#new-stats99-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 800;
    color: #fff;
    margin: 0% 0% 0% 12%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#new-stats99-top {
    width: 100%;
    height: 5.3vw;
}


#new-stats99-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    margin: 0% 0% 0% 12%;
    font-weight: 700;
    text-align: center;
}




#new-stats10 {
    width: 49%;
    height: 12vw;
    float: left;
}





#new-stats10-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 3vw;
    font-weight: 800;
    color: #fff;
    margin: 0% 0% 0% 12%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#new-stats10-top {
    width: 100%;
    height: 5.3vw;
}


#new-stats10-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    margin: 0% 0% 0% 12%;
    font-weight: 700;
    text-align: center;
}




#metrics-man {
    width: 100%;
    height: 106vw;
    float: left;
    background-image: url(/images/metrics-man.png);
    background-repeat: no-repeat;
    background-size: 160%;
    position: relative;
    background-position-x: 50%;
}


#metrics-upper-chest {
    width: 21%;
    height: 8vw;
    position: absolute;
    top: 2.75vw;
    left: -1%;
    /* background-color: #ff00001a; */
}



#metrics-upper-chest h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-upper-chest h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-upper-chest h6 {
   display: none;
}

#metrics-upper-chest h4 span {
    font-size: 2vw;
}











#metrics-left-arm {
    width: 17%;
    height: 10vw;
    position: absolute;
    top: 22.5vw;
    left: 5.2%;
    /* background-color: #ff00001a; */
}



#metrics-left-arm h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-left-arm h5 {
  font-family: 'Montserrat',sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-left-arm h6 {
   display: none;
}

#metrics-left-arm h4 span {
    font-size: 2vw;
}





#metrics-chest {
    width: 21%;
    height: 8vw;
    position: absolute;
    top: 36vw;
    left: 3%;
    /* background-color: #ff00001a; */
}


#metrics-chest h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-chest h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-chest h6 {
   display: none;
}

#metrics-chest h4 span {
    font-size: 2vw;
}






#metrics-hips {
    width: 21%;
    height: 8vw;
    position: absolute;
    top: 48.5vw;
    left: 3%;
    /* background-color: #ff00001a; */
}


#metrics-hips h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-hips h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-hips h6 {
   display: none;
}

#metrics-hips h4 span {
    font-size: 2vw;
}



#metrics-left-thigh {
    width: 21%;
    height: 8vw;
    position: absolute;
    top: 61vw;
    left: 3.4%;
    /* background-color: #ff00001a; */
}


#metrics-left-thigh h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-left-thigh h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}


#metrics-left-thigh h6 {
   display: none;
}

#metrics-left-thigh h4 span {
    font-size: 2vw;
}





#metrics-right-arm {
    width: 21%;
    height: 8vw;
    position: absolute;
    top: 23.5vw;
    left: 79.25%;
    /* background-color: #ff00001a; */
}



#metrics-right-arm h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-right-arm h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-right-arm h6 {
   display: none;
}

#metrics-right-arm h4 span {
    font-size: 2vw;
}



#metrics-mid-section {
    width: 21%;
    height: 8vw;
    position: absolute;
    top: 35vw;
    left: 73.25%;
    /* background-color: #ff00001a; */
}



#metrics-mid-section h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-mid-section h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-mid-section h6 {
   display: none;
}

#metrics-mid-section h4 span {
    font-size: 2vw;
}




#metrics-waist {
    width: 21%;
    height: 8vw;
    position: absolute;
    top: 47vw;
    left: 76.25%;
    /* background-color: #ff00001a; */
}


#metrics-waist h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-waist h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-waist h6 {
   display: none;
}

#metrics-waist h4 span {
    font-size: 2vw;
}




#metrics-right-thigh {
    width: 21%;
    height: 8vw;
    position: absolute;
    top: 62vw;
    left: 76.25%;
    /* background-color: #ff00001a; */
}



#metrics-right-thigh h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-right-thigh h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.2vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-right-thigh h6 {
   display: none;
}

#metrics-right-thigh h4 span {
    font-size: 2vw;
}













#metrics-since {
    width: 92%;
    height: 18vw;
    position: absolute;
    top: 84vw;
    left: 5%;
}

#metrics-since1 {
    width: 50%;
    height: 18vw;
    float: left;
    border-right: 0px solid #FFF;
}

#metrics-since2 {
    width: 50%;
    height: 18vw;
    float: left;
    
}


#metrics-since1 h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 9.5vw;
    font-weight: 700;
    color: #e3c606;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-since2 h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 9.5vw;
    font-weight: 700;
   color: #e99400;
    padding: 0% 3% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}




#metrics-since1 h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    font-weight: 800;
    color: #e3c606;
    padding: 2% 0% 0% 7%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#metrics-since2 h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.5vw;
    font-weight: 800;
    color: #e99400;
    padding: 2% 4% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: right;
}




#metrics-since1 h4 span {
    font-size: 2vw;
    margin-left: -4%;
}

#metrics-since2 h4 span {
    font-size: 2vw;
    margin-left: -6%;
}

#all-stat-box {
    width: 100%;
    height: 97vw;
    border: 4px solid var(--main);
    border-radius: 25px;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 5%;
    overflow: hidden;
}


#all-stat-box1 {
    width: 100%;
    height: 44vw;
    float: left;
    color: #fff;
}


#all-stat-box2 {
    width: 100%;
    height: 53vw;
    float: left;
    border-left: 0px solid var(--main);
    background: none;
    background-size: cover;
    background-repeat: no-repeat;
}





#all-body-statsV2 {
    width: 86%;
    height: 928vw;
    position: absolute;
    top: 400vw;
    left: 7%;
    border-bottom: 2px solid var(--main);
}


#all-stat-box1a {
    width: 100%;
    height: 19vw;
}


#all-stat-box1a-button

{

display: none;

}



#select-button66 {
    width: 87%;
    height: 8.5vw;
    background: none;
    border: 2px solid var(--main);
    border-radius: 10px;
    position: absolute;
    top: 23.5%;
    text-align: center;
    right: 6%;
    background-color: #ffffff24;
}



#select-button77 {
    width: 87%;
    height: 8.5vw;
    background: none;
    border: 2px solid var(--main);
    border-radius: 10px;
    position: absolute;
    top: 30%;
    text-align: center;
    right: 6%;
    background-color: #ffffff24;
}



#select-button66 h3 {
    font-size: 3vw;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 2.5% 0% 0% 0%;
    font-weight: 600;
}

#select-button77 h3 {
    font-size: 3vw;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    padding: 2.5% 0% 0% 0%;
    font-weight: 600;
}


















#all-stat-box1a-image {
    width: 29%;
    height: 19vw;
    float: left;
    background-image: url(/images/circle.png);
    background-repeat: no-repeat;
    background-size: 64%;
    background-position-x: 53%;
    background-position-y: 62%;
}

#all-stat-box1a-title {
    width: 70%;
    height: 19vw;
    float: left;
}



#all-stat-box1a-title h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    font-weight: 700;
    color: #ffffff;
    padding: 9% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}




#all-stat-box1a-title h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    font-weight: 700;
    color: #dac950;
    padding: 2% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}


#all-stat-box1b {
    width: 100%;
    height: 20vw;
    position: relative;
    margin-top: 5%;
}

#myDiv {
    width: 20%;
    height: 17vw;
    border-right: 2px solid var(--main);
    float: left;
    text-align: center;
    margin-left: 3%;
}


#myDiv h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    font-weight: 700;
    color: #ffffff;
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    line-height: 1.75vw;
}



#myDiv h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    font-weight: 700;
    color: var(--main);
    padding: 11% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}


#myDiv h6 {
    font-family: 'Montserrat',sans-serif;
    font-size: 3vw;
    font-weight: 700;
    color: #e9cb00;
    padding: 9% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}



#myDiv2 h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 3.2vw;
    font-weight: 700;
    color: var(--main);
    padding: 0% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}


#myDiv2 h5 {
    font-family: 'Montserrat',sans-serif;
    font-size: 1.5vw;
    font-weight: 700;
    color: #fff;
    padding: 4% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}


#myDiv2 {
    width: 18%;
    height: 9vw;
    border-right: 2px solid var(--main);
    float: left;
    text-align: center;
}



#score-overlay {
    position: absolute;
    bottom: 16%;
    right: 4%;
    width: 70%;
    height: auto;
    text-align: right;
    color: #e5d253;
    text-transform: uppercase;
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    font-weight: 500;
}

#go-toTTT {
    width: 100%;
    height: 12.5vw;
    /* background-color: #f003; */
    float: left;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 14%;
    margin-left: 2.5vw;
    margin-bottom: 5vw;
}


#go-toTTT h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    line-height: 5vw;
    font-weight: 800;
    color: #fff;
    padding: 1.75% 0% 8% 13%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

div#myDiv3 {
    width: 19%;
    height: 13.1vw;
    float: left;
    margin-left: 10.5vw;
}

#myDiv3 h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 3.7vw;
    margin: 7% 0% 0% 0%;
    font-weight: 700;
}

#myDiv3 h5 {
    color: #fff;
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
}




#go-toFFF {
    width: 100%;
    height: 12.5vw;
    /* background-color: #f003; */
    float: left;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 14%;
    margin-left: 2.5vw;
    margin-bottom: 5vw;
}


#go-toFFF h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    line-height: 5vw;
    font-weight: 800;
    color: #fff;
    padding: 1% 0% 2% 13%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}




#mesV2-left {
    width: 88%;
    height: 13vw;
    float: left;
}




#go-toFFF h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 3vw;
    line-height: 2vw;
    font-weight: 800;
    color: var(--main);
    padding: 2% 0% 0% 13%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}



#go-to666 a:link {



float: left;
width: 100% !important;
height: 100% !important;

}

#go-to666 a:active {



float: left;
width: 100% !important;
height: 100% !important;

}


#go-to666 a:visited {



float: left;
width: 100% !important;
height: 100% !important;

}


#go-to666 a:hover {



float: left;
width: 100% !important;
height: 100% !important;

}


#new-stats2 {
    width: 16.4%;
    height: 12vw;
    float: left;
}


#new-stats3 {
    width: 33.1%;
    height: 12vw;
    float: left;
}



#new-stats22-top {
    width: 100%;
    height: 4.2vw;
}


#new-stats22-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.75vw;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
}

#new-stats-line3 {
    width: 2px;
    height: 10vw;
    background-color: var(--main);
    float: left;
}




#new-stats33-top {
    width: 100%;
    height: 4.2vw;
}

#new-stats33-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}



#new-stats33-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 2.75vw;
    margin: 0% 0% 0% 0%;
    font-weight: 700;
    text-align: center;
}




#new-stats22-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 3vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 10% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#new-back22
{

    display:  none;
}


#tit-header4 {
    width: 100%;
    height: 17vw !important;
}


#tit-header4 h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 800;
    color: #fff;
    padding: 4.5% 0% 0% 3%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
    float: left;
}

#tit-header4 img {
    width: 11%;
    height: auto;
    margin: 1% 0% 0% 7.25%;
    float: left;
}


#stater-new {
    width: 100%;
    height: 26vw;
    /* background-color: #111; */
    border-bottom: 2px solid var(--main);
    margin-top: 25vw;
}


#stater-new1 {
    width: 33%;
    height: 22vw;
    float: left;
}


#stater-new1-top {
    width: 100%;
    height: 11vw;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0%;
}

#stater-new1a-top {
    width: 95%;
    height: 11vw;
    background-image: url(/images/titles/target2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 5%;
}

#stater-new1b-top {
    width: 90%;
    height: 11vw;
    background-image: url(/images/titles/arrow2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10%;
}




#stater-new1-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 3vw;
    line-height: 3vw;
    font-weight: 800;
    color: #fff;
    padding: 6.75% 0% 0% 37%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}



#stater-new1a-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 3vw;
    line-height: 3vw;
    font-weight: 800;
    color: #fff;
    padding: 6.75% 0% 0% 37%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}





#stater-new1b-top h3 {
    font-family: 'Montserrat',sans-serif !important;
    font-size: 3vw !important;
    line-height: 3vw !important;
    font-weight: 800 !important;
    color: #fff;
    padding: 6.75% 0% 0% 37% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased;
    text-align: left !important;
}


#stater-new1-bot {
    width: 100%;
    height: 11vw;
}


#stater-new1-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 5.5vw;
    margin: 0% 0% 0% 20%;
    font-weight: 700;
}

#stater-new1-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 5.5vw;
    margin: 0% 0% 0% 20%;
    font-weight: 700;
}

#stater-new1-bot h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 5.5vw;
    margin: 0% 0% 0% 20%;
    font-weight: 700;
}




#stater-new1-bot p {
    font-family: 'Montserrat',sans-serif;
    font-size: 2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 11% 0% 0% 3%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#arrow-holder {
    width: 100%;
    height: 52vw;
    border-bottom: 2px solid var(--main);
    margin-bottom: 3%;
}



#arrow-holder-left {
    width: 100%;
    height: 25vw;
    float: left;
}


#arrow-holder-left h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 5.5vw;
    margin: 6.2% 0% 0% 0%;
    font-weight: 700;
    line-height: 6vw;
}




#arrow-holder-left img {
    width: 17%;
    margin: 5% 0% 0% 0%;
    float: left;
}



#arrow-holder-right {
    width: 100%;
    height: 24vw;
    float: left;
}


#user-button222 {
    width: 100%;
    height: 11.75vw;
    margin: 4% 0% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    float: right;
    font-family: 'Montserrat',sans-serif;
    font-size: 1vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 6%; */
}


#user-button222 {
    width: 100%;
    height: 9.75vw;
    margin: 4% 0% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    float: right;
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 6%; */
    padding-top: 5%;
}















#stater-newZZ {
    width: 90%;
    height: 25vw;
    /* background-color: #111; */
    border-bottom: 2px solid var(--main);
    position: absolute;
    top: 45vw;
    left: 5vw;
}

#stater-newZZ1 {
    width: 33%;
    height: 30vw;
    float: left;
}



#stater-newZZ1-top {
    width: 95%;
    height: 12vw;
    background-image: url(/images/titles/kg2.png);
    background-repeat: no-repeat;
    background-size: 35%;
    margin-left: 5%;
    background-position-y: 41%;
}


#stater-newZZ1-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    line-height: 4vw;
    font-weight: 800;
    color: #fff;
    padding: 6.5% 0% 0% 30%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}




#stater-newZZ1a-top {
    width: 95%;
    height: 12vw;
    background-image: url(/images/titles/target2.png);
    background-repeat: no-repeat;
    background-size: 35%;
    margin-left: 5%;
    background-position-y: 41%;
}


#stater-newZZ1a-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    line-height: 4vw;
    font-weight: 800;
    color: #fff;
    padding: 6.5% 0% 0% 30%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}


#stater-newZZ1b-top {
    width: 95%;
    height: 12vw;
    background-image: url(/images/titles/arrow2.png);
    background-repeat: no-repeat;
    background-size: 35%;
    margin-left: 5%;
    background-position-y: 41%;
}


#stater-newZZ1b-top h3 {
    font-family: 'Montserrat',sans-serif !important;
    font-size: 4vw !important;
    line-height: 4vw !important;
    font-weight: 800 !important;
    color: #fff !important;
    padding: 6.5% 0% 0% 30% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased;
    text-align: left !important;
}

#stater-newZZ1-bot {
    width: 100%;
    height: 9vw;
}

#stater-newZZ1-bot h4 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 4.5vw;
    margin: 0% 0% 0% 35%;
    font-weight: 700;
}

#stater-newZZ1-bot h5 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 4.5vw;
    margin: 0% 0% 0% 35%;
    font-weight: 700;
}


#stater-newZZ1-bot h6 {
    color: var(--main);
    font-family: 'Montserrat',sans-serif;
    font-size: 4.5vw;
    margin: 0% 0% 0% 35%;
    font-weight: 700;
}


#stater-newZZ1-bot p {
    font-family: 'Montserrat',sans-serif;
    font-size: 2.2vw;
    line-height: 2vw;
    font-weight: 800;
    color: #fff;
    padding: 0% 0% 0% 3%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#go-holder {
    width: 83%;
    height: 120vw;
    min-height: 70vw;
    border: 4px solid var(--main);
    padding: 4% 7% 0% 7%;
    text-align: center;
    display: none;
    overflow: hidden;
    z-index: 999999999999;
    position: absolute;
    background-color: #000;
    top: 155%;
    margin: 1% 0% 0% 1.2%;
    font-weight: 700 !important;
    font-size: 3.5vw !important;
    color: #fff !important;
    line-height: 4vw;
    border-radius: 25px;
    background-image: url(/images/hexer2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


#blackground999 {
    width: 100%;
    height: 14vw !important;
    /* background-color: var(--main)47; */
    position: absolute;
    top: 25.5vw;
    left: 0%;
}


#tit-header5 {
    width: 100%;
    height: 14vw !important;
}


#tit-header5 img {
    width: 10%;
    height: auto;
    margin: 1.3% 1% 0% 6.6%;
    float: left;
}



#tit-header5 h2 {
    font-family: 'Montserrat',sans-serif;
    font-size: 5vw;
    font-weight: 800;
    color: #fff;
    padding: 3.25% 0% 0% 19%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}



#blackground77 {
    width: 100%;
    height: 13vw !important;
   background-color: var(--main);
    opacity: 0.25;
    position: absolute;
    top: 9vw;
    left: 0%;
}


#measure {
    width: 55%;
    height: auto;
    padding: 5%;
    margin: 0 auto;
    color: #fff;
    margin-top: 38vw;
}

#measure label {
    font-size: 4.2vw;
}



#tit-header h3 {
    font-family: 'Lato',sans-serif;
    font-size: 3vw;
    font-weight: 600;
    text-align: left;
    color: var(--main);
    margin: 0% 17% 0% 25%;
    -webkit-font-smoothing: antialiased;
}

#measure input {
    margin-bottom: 3%;
    width: 100%;
    height: 7vw;
    margin-top: 5%;
}



#measure-button {
    width: 104% !important;
    border: 3px solid #fff;
    border-radius: 15px;
    color: #fff;
    font-size: 3vw;
    padding: 0.5% 0% 1% 0%;
    margin: 6% 0% 6% 1%;
    margin-bottom: 4%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}



#login-container h2 {
    color: #fff;
    font-family: 'Lato',sans-serif;
    font-size: 6.5vw !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 7% 0% 0% 0%;
}


#login-container input {
    width: 100%;
    margin-bottom: 5%;
    height: 12vw !important;
    font-size: 5vw !important;
}


.um-field-area {
    position: relative;
    word-wrap: break-word;
    margin-bottom: 12%;
}


.um-7286.um {
    max-width: 90% !important;
}



.um-form input {
    font-size: 5vw !important;
    height: 14vw !important;
}

.um-field {
    margin-bottom: 9%;
}



button#b3 {
    z-index: 999999999;
    width: 54%;
    border: 3px solid #fff;
    border-radius: 15px;
    color: #fff;
    font-size: 5.1vw;
    padding: 4% 0% 4% 0%;
    margin: 4% 0% 0% 2%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}


.sweet-alert {
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    width: 90% !important;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 38% !important;
    top: 50%;
   margin-left: -336px !important;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 2000;
}

.sweet-alert h2 {
    color: #575757;
    font-size: 5vw!important;
    text-align: center;
    font-weight: 800;
    text-transform: none;
    position: relative;
}


.sweet-alert p {
    color: #797979;
    font-size: 4vw !important;
    text-align: center;
    font-weight: 500;
    position: relative;
    margin: 0;
    line-height: normal;
}


.sweet-alert button {
    background-color: #AEDEF4;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 5vw !important;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 32px;
   margin: 59px 5px 5vw 5px !important;
    cursor: pointer;
}

div#go-pro {
    width: 96%;
    border: 1px solid #fff;
    border-radius: 15px;
    float: left;
    color: #fff;
    font-size: 4vw;
    padding: 4% 0% 4% 0%;
    margin: 6% 0% 7% 3%;
    background-color: #ffffff30;
    font-weight: 500;
}



.um.um-register {
    margin-top: 13vw;
}



#med1 {
    height: 30vw !important;
    width: 90%;
    border-radius: 25px;
    border: 0;
    padding: 5%;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    font-size: 4vw;
}


#med2 {
    height: 30vw !important;
    width: 90%;
    border-radius: 25px;
    border: 0;
    padding: 5%;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important;
    font-size: 4vw;
}




#new-back {
    width: 74%;
    height: auto;
    position: absolute;
    top: 37.2vw;
    left: 4%;
    /* background-color: #ccc; */
}

#select-holderNEW {
    width: 90vw;
    height: 14vw;
    position: absolute;
    top: 102.5vw;
    right: 5vw;
    /* background-color: brown; */
}

#select-holderNEW2 {
    width: 90vw;
    height: 14vw;
    position: absolute;
    top: 44.5vw;
    right: 5vw;
    /* background-color: brown; */
}


#demand-schedule {
    width: 47.5%;
    height: 11.75vw;
    margin: 0% 3% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    font-family: 'Montserrat',sans-serif;
    font-size: 3vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 3%; */
    float: left;
}

#workout-schedule {
   width: 47.5%;
    height: 11.75vw;
    margin: 0% 0% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    font-family: 'Montserrat',sans-serif;
    font-size: 3vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 3%; */
    float: left;
}

#one-module-bottomX1 h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 4.5vw !important;
    font-weight: 700;
    color: #fff;
    padding: 5% 0% 0% 0% !important;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}


#one-module-top777 iframe {
    width: 100%;
    height: 58.5vw;
}

#button222 {
    position: absolute;
    bottom: 5%;
    left: 11%;
    width: 80%;
    border: 3px solid #fff;
    border-radius: 15px;
    float: left;
    color: #fff !important;
    font-size: 3vw;
    padding: 2% 0% 3% 0%;
    margin: 0% 0% 4% 0%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

#button989 {
    position: absolute;
    bottom: 0%;
    right: 4%;
    width: 50%;
    border: 3px solid #fff;
    border-radius: 15px;
    color: #fff !important;
    font-size: 2.2vw;
    padding: 2% 0% 3% 0%;
    margin: 0% 0% 4% 0%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

#nav-buttons {
    width: 98%;
    height: auto;
    margin: 0 auto;
    background-color: #6c6c6c2e;
    margin-top: -2vw;
    margin-bottom: 2vw;
    text-align: center;
}

#nav-buttons p {
    font-family: 'Lato',sans-serif;
    font-size: 4vw;
    font-weight: 800;
    color: var(--main);
    padding: 3% 0% 3% 0%;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    letter-spacing: 2px;
}

select#theFeel {
    width: 84.5%;
    padding: 10px;
    font-size: 4vw;
    margin-bottom: 4vw;
}

select#theUse {
    width: 84.5%;
    padding: 10px;
    font-size: 4vw;
    margin-bottom: 4vw;
}


input#subber {
    width: 79%;
    height: 13vw;
    border-radius: 25px;
    border: 0px;
    background-color: #1c91b4;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 3%;
    font-size: 4vw;
}

div#reset-search {
    font-family: 'Lato',sans-serif;
    font-size: 3.2vw;
    font-weight: 800;
    color: #ffffff;
    padding: 11% 0% 8% 0%;
    -webkit-font-smoothing: antialiased;
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
}



#has-searched h5 {
    font-family: 'Lato',sans-serif;
    font-size: 3vw;
    font-weight: 800;
    /* text-align: left; */
    color: #ffffff;
    margin: 1.25% 2% 0% 16%;
    -webkit-font-smoothing: antialiased;
    /* text-transform: uppercase; */
    /* letter-spacing: 2px; */
    float: left;
}

#has-searched h3 {
    font-family: 'Lato',sans-serif !important;
    font-size: 5vw !important;
    font-weight: 700 !important;
    color: var(--main) !important;
    padding: 0% 0% 0% 0% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    /* text-align: center; */
    float: left !important;
}

div#answering {
    width: 100%;
    height: 8vw;
    /* background-color: aliceblue; */
}

#one-moduleRES-push {
    width: 18.5%;
    height: 3vw;
    float: left;
    margin: 0% 1.5% 2% 1.5%;
    display: none;
}

#one-moduleRES {
    width: 96.5%;
    height: 106vw;
    float: left;
    margin: 0% 1.5% 2% 1.5%;
    border: 4px solid var(--main);
    position: relative;
    border-radius: 25px;
    background-image: url(/images/xdots3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#one-module-topRES {
    width: 94%;
    height: 54.5vw;
    overflow: hidden;
    margin-bottom: 1.5vw;
    margin-left: 3%;
    margin-top: 3%;
    position: relative;
    border-radius: 25px;
}

div#one-module-bottomRES p {
    font-family: 'Montserrat', sans-serif;
    font-size: 5vw;
    font-weight: 800;
    color: var(--main);
    padding: 1.5% 5% 2% 5%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#one-module-topRES iframe {
    width: 100%;
    height: 54.5vw;
}


#one-module-bottomRES {
    height: 22vw;
    width: 100%;
    float: left;
    color: #fff;
}



div#one-module-bottomRES h6 {
    font-size: 3.2vw;
    overflow: hidden;
}
#buttonRES {
    position: absolute;
    bottom: 0%;
    left: 11%;
    width: 80%;
    border: 3px solid #fff;
    border-radius: 15px;
    float: left;
    color: #fff !important;
    font-size: 3vw;
    padding: 2% 0% 3% 0%;
    margin: 0% 0% 4% 0%;
    background-color: var(--main);
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
}

#standard-containerCLASS {
    width: 88%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 3%;
    position: relative;
    margin-top: 58vw;
}

#upcoming {
    width: 88%;
    height: 14.3vw;
    position: absolute;
    top: 20.2vw;
    left: 6%;
    /* background-color: blue; */
}

#upcoming-title {
    width: 100%;
    height: 5.7vw;
}

#upcoming-title h3 {
    font-family: 'lato', sans-serif;
    font-size: 3.75vw;
    font-weight: 800;
    color: #fff;
    float: left;
    margin-right: 7%;
}

#upcoming-viewer {
    width: 100%;
    height: 8vw;
    overflow: hidden;
}
#next-class {
    font-family: 'lato', sans-serif;
    font-size: 3.1vw;
    font-weight: 800;
    color: #fff;
}

#smite {
    font-size: 3vw;
    opacity: 0.5;
}


#one-module-bottomQ {
    width: 100%;
    float: left;
    color: #fff;
    height: 30vw;
}


#one-module-bottomQ1 {
    width: 94%;
    height: 15vw;
    float: left;
    margin-left: 3%;
    color: #fff;
    border-bottom: 1px solid var(--main);
}

#one-module-bottomQ1 h6 {
    font-family: 'Montserrat', sans-serif;
    font-size: 4vw;
    font-weight: 700;
    color: #08fdf3;
    padding: 3% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#one-module-bottomQ1 h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 3vw;
    font-weight: 700;
    color: #FFF;
    padding: 2% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#time-deets {
    width: 100%;
    height: 7vw;
}

#one-module-bottomQ2 {
    height: 14vw;
    width: 94%;
    float: left;
    margin-left: 3%;
    color: #fff;
    /* background-color: #F0F; */
    margin-top: 1vw;
}

#one-module-bottomQ2-1 {
    height: 13vw;
    width: 60%;
    float: left;
    border-right: 1px solid var(--main);
}

#one-module-bottomQ2-1 h3 {
    color: #04fdf3 !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 2.5vw !important;
    margin: 8% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
    letter-spacing: 1px;
}

#one-module-bottomQ2-2 h3 {
    color: #fff !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 2.3vw !important;
    padding: 7% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
}

#one-module-bottomQ2-2 h4 {
    color: #999 !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 2.2vw !important;
    padding: 2% 0% 0% 0% !important;
    font-weight: 700 !important;
    text-align: center !important;
}


div#standard-containerNOW h6 {
    font-family: 'Lato',sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    color: #ffffff;
    padding: 5% 10% 5% 7%;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

div#standard-containerFOOD h6 {
    font-family: 'Lato',sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    color: #ffffff;
    padding: 5% 10% 5% 7%;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center;
}




/* NEW BITS */


#pn-title {
    width: 39.7%;
    height: auto;
    /* background-color: #f00; */
    margin: -1% 0% 0% 2%;
}


div#section-three h6 {
    padding-top: 2%;
    color: var(--main);
    font-size: 4vw;
    text-align: center;
}

#standard-container-SINGLE-left h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 5.8vw !important;
    line-height: 2vw !important;
    color: var(--main);
    font-weight: 700 !important;
    padding: 4.2% 0% 4% 0% !important;
    text-transform: none !important;
    text-align: left !important;
}


#standard-containerFOOD {
    width: 96%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 5%;
    padding-top: 3%;
    position: relative;
    margin-top: 37vw;
}

#one-meal {
    width: 24.4%;
    height: auto;
    min-height: 10vw;
    float: left;
    /* border-right: 1px solid #FFF; */
    border-top: 1px solid #FFF;
}

#one-meal h3 {
    font-family: 'Lato',sans-serif !important;
    font-size: 3.25vw !important;
    font-weight: 700 !important;
    color: var(--main) !important;
    padding: 4% 0% 0% 0% !important;
    text-transform: uppercase !important;
    -webkit-font-smoothing: antialiased !important;
    text-align: center !important;
}



#one-meal {
    width: 24.4%;
    height: auto;
    min-height: 21vw;
    float: left;
    border-right: 0px solid #FFF;
    border-top: 1px solid #FFF;
    padding-bottom: 2%;
    padding-top: 2%;
}



#one-meal p {
    font-family: 'Lato',sans-serif;
    font-size: 2vw;
    font-weight: 800;
    color: #ffffff;
    padding: 5% 0% 1% 0%;
    -webkit-font-smoothing: antialiased;
    /* text-transform: uppercase; */
    line-height: 2.75vw;
}


div#standard-containerFOOD h4 {
    font-family: 'Lato',sans-serif;
    font-size: 5.75vw;
    font-weight: 700;
    color: #ffffff;
    padding: 2.5% 10% 0% 7%;
    /* text-transform: uppercase; */
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

#snubber2 {
    width: 51%;
    height: 6.25vw;
    margin: 0 auto;
    border-radius: 15px;
    padding-top: 2%;
    border: 0px;
    background-color: #F00;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 4%;
    font-size: 3vw;
    margin-bottom: 5%;
}


select#theMeal {
    width: 84.5%;
    padding: 10px;
    font-size: 4vw;
    height: 12vw;
    margin-bottom: 8vw;
}


input#theFood {
    width: 81%;
    padding: 10px;
    font-size: 4vw;
    height: 12vw;
    margin-bottom: 9vw;
}

select#thePickedDay {
    width: 84.5%;
    padding: 10px;
    font-size: 4vw;
    height: 12vw;
    margin-bottom: 8vw;
    margin-top: 5vw;
}


div#answeringZZZ {
    width: 100%;
    height: 13vw;
    background-color: #1b9546;
}



div#answeringZZZ h5 {
    font-family: 'Lato',sans-serif;
    font-size: 4.2vw;
    font-weight: 800;
    color: #ffffff;
    padding: 1% 0% 0% 0%;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    float: none;
}



#um-submit-btn {
    background-color: var(--main);
    width: 75vw;
    height: 12vw !important;
    font-size: 3vw !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 60px !important;
    border: 0px solid #FFF !important;
    margin: 33% 0% 0% 11% !important;
}



#extra-buttons img {
    width: 95%;
    height: auto;
    float: left;
    margin-right: 1%;
    margin-top: 3%;
}



#all-body-statsV3 {
    width: 86%;
    height: 236vw;
    position: absolute;
    top: 138vw;
    left: 7%;
 border-bottom: 2px solid var(--main);
}


#coach-schedule {
    width: 47%;
    height: 14.75vw;
    margin: 0% 0% 0% 0%;
    border: 3px solid var(--main);
    border-radius: 15px;
    background-color: #ffffff2e;
    font-family: 'Montserrat',sans-serif;
    font-size: 4.1vw;
    font-weight: 600;
    color: #FFF;
    text-align: center;
    /* padding-top: 3%; */
    float: right;
}


div#new-stats1-bg {
    position: absolute;
    width: 24%;
    height: 9.5vw;
    top: 0.3vw;
    left: 0.3vw;
    border-radius: 50%;
    background-color: var(--main);
}

div#new-stats1-bg2 {
    position: absolute;
    width: 22%;
    height: 9.5vw;
    top: 0.3vw;
    left: 6.5vw;
    border-radius: 50%;
    background-color: var(--main);
}

div#new-stats2-bg {
    position: absolute;
    width: 28%;
    height: 8.5vw;
    top: 1.5vw;
    left: 2.2vw;
    border-radius: 50%;
    background-color: var(--main);
}

div#new-stats2-bg2 {
    position: absolute;
    width: 28%;
    height: 8.5vw;
    top: 1.5vw;
    left: 2.2vw;
    border-radius: 50%;
    background-color: var(--main);
}

div#new-stats2-bg3 {
    position: absolute;
    width: 28%;
    height: 8.5vw;
    top: 1.5vw;
    left: 2.2vw;
    border-radius: 50%;
    background-color: var(--main);
}


#doc-holder {
    width: 95%;
    height: 33vw;
    /* background-color: #F00; */
    margin-left: 2%;
    position: relative;
    margin-top: 6vw;
}



#doc-holder1 {
    width: 46%;
    height: 31vw;
    float: left;
    /* background-color: #F00; */
    border: 2px solid var(--main);
    margin: 0% 0% 0% 3%;
    border-radius: 15px;
    background-color: #ffffff21;
    position: absolute;
}


#doc-holder2 {
    width: 46%;
    height: 31vw;
    float: left;
    /* background-color: #F00; */
    border: 2px solid var(--main);
    margin: 0% 0% 0% 3%;
    border-radius: 15px;
    background-color: #ffffff21;
    position: absolute;
    right: 0;
}

#doc-holder1-ol {
    width: 46%;
    height: 31vw;
    position: absolute;
    top: 2%;
    left: 3.5%;
    z-index: 99999;
    /* background-color: #F00; */
}

#doc-holder2-ol {
    width: 46%;
    height: 31vw;
    position: absolute;
    top: 2%;
    right: 1%;
    z-index: 99999;
    /* background-color: #F00; */
}

button#signy {
    width: 100% !important;
    height: 17vw;
    margin-left: 0%;
    margin-bottom: 2%;
    margin-top: 4%;
}

button#clear {
    width: 100% !important;
    height: 17vw;
    margin-left: 0%;
    margin-bottom: 2%;
    margin-top: 3vw;
}

#sign-holder {
    width: 92%;
    height: auto;
    margin: 0 auto;
    margin-top: 11vw;
}

.wrapper {
    position: relative;
    width: 100% !important;
    height: 30vw !important;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.signature-pad {
    position: absolute;
    left: 0vw !important;
    top: 0;
    width: 100% !important;
    height: 28vw !important;
}

#doc-header {
    width: 100%;
    height: 28vw;
    position: absolute;
    top: 0vw;
    left: 0vw;
    background-color: #000;
}

#doc-content {
    width: 86%;
    height: auto;
    min-height: 40vw;
    position: absolute;
    top: 27vw;
    left: 5vw;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 4vw 2vw 2vw 2vw;
    font-size: 3vw;
    color: #000000!important;
    font-family: 'Lato', sans-serif;
    /* margin: 0% 0% 0% 0%; */
    line-height: 4.75vw;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}


#doc-content p {
    font-size: 3vw;
    color: #000000!important;
    font-family: 'Lato', sans-serif;
    margin: 0% 0% 0% 0%;
    line-height: 4.75vw;
}

div#docz-top h3 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    font-weight: 600;
    color: #000;
    padding: 1.5% 0% 0% 0%;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
}

#docz-left {
    width: 100%;
    height: auto;
    min-height: 31vw;
    float: left;
    border-right: 0px solid #000;
}

#docz-right {
    width: 100%;
    height: auto;
    min-height: 31vw;
    float: left;
    border-right: 0px solid #000;
}

div#docz-left ul li {
    font-family: 'Lato',sans-serif;
    font-size: 3vw;
    font-weight: 400;
    text-align: left;
    color: #000;
    margin: 0% 10% 4% 5%;
    -webkit-font-smoothing: antialiased;
    line-height: 4.75vw;
}

div#docz-right ul li {
    font-family: 'Lato',sans-serif;
    font-size: 3vw;
    font-weight: 400;
    text-align: left;
    color: #000;
    margin: 0% 10% 4% 5%;
    -webkit-font-smoothing: antialiased;
    line-height: 4.75vw;
}

div#docz-left h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    font-weight: 600;
    color: #FFF;
    margin: 7% 0% 5% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    background-color: #000;
    padding: 2% 0% 2% 0%;
}

div#docz-right h4 {
    font-family: 'Montserrat',sans-serif;
    font-size: 4vw;
    font-weight: 600;
    color: #FFF;
    margin: 7% 0% 5% 0%;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    background-color: #000;
    padding: 2% 0% 2% 0%;
}

#stamped {
    width: 19%;
    height: 12vw;
    position: absolute;
    top: 2vw;
    right: 2vw;
}

#doc-buttons
{

display:  none;


}






/*  MOBILE END  */
}