@import url('https://fonts.googleapis.com/css?family=Overpass:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap'); 
@font-face { 
  font-family:"Font Awesome 5 Free";
  font-style:normal;
  font-weight:400;
  font-display:block;
  src:url(https://us.movember.com/static/media/fa-regular-400.77206a6b.eot);
  src:url(https://us.movember.com/static/media/fa-regular-400.77206a6b.eot) format("embedded-opentype"),url(https://us.movember.com/static/media/fa-regular-400.7a333762.woff2) format("woff2"),url(https://us.movember.com/static/media/fa-regular-400.bb58e57c.woff) format("woff"),url(https://us.movember.com/static/media/fa-regular-400.491974d1.ttf) format("truetype"),url(https://us.movember.com/static/media/fa-regular-400.4689f52c.svg) format("svg");
} 
@font-face { 
  font-family:"Font Awesome 5 Free";
  font-style:normal;
  font-weight:900;
  font-display:block;
  src:url(https://us.movember.com/static/media/fa-solid-900.9bbb245e.eot);
  src:url(https://us.movember.com/static/media/fa-solid-900.9bbb245e.eot) format("embedded-opentype"),url(https://us.movember.com/static/media/fa-solid-900.1551f4f6.woff2) format("woff2"),url(https://us.movember.com/static/media/fa-solid-900.eeccf4f6.woff) format("woff"),url(https://us.movember.com/static/media/fa-solid-900.be9ee23c.ttf) format("truetype"),url(https://us.movember.com/static/media/fa-solid-900.7a8b4f13.svg) format("svg");
} 
  body {  
    font-size:16px;
    font-family:"Overpass",sans-serif;
  }  
* { 
    box-sizing: border-box;
} 

body { 
    margin: 0; 
    font-size: 16px; 
    font-family: "Overpass",sans-serif;
} 

.cMgsNb { 
    top: 0px; 
    left: 0px; 
    right: 0px; 
    width: 100%; 
    height: 75px; 
    margin: auto; 
    padding: 0px; 
    background: rgb(255, 255, 255); 
    z-index: 1999; 
    display: flex; 
    -webkit-box-pack: justify; 
    justify-content: space-between; 
    -webkit-box-align: center; 
    align-items: center; 
    font-size: 16px; 
    letter-spacing: normal; 
    transition: top 0.6s ease 0s; 
    font-family: Overpass, sans-serif !important; 
    font-weight: 400 !important;
} 

@media screen and (min-width: 768px){ 
  .cMgsNb { 
    height: 75px; 
    padding: 0px 16px;
  } 
}     

@media screen and (min-width: 1024px){ 
  .cMgsNb { 
    padding: 0px 32px;
  } 
}     

@media screen and (min-width: 1366px){ 
  .cMgsNb { 
    padding-left: calc(50% - 700px); 
    padding-right: calc(50% - 700px);
  } 
}     

.bmCBdy { 
    position: absolute; 
    left: 50%; 
    width: 75px; 
    height: 55px; 
    min-width: 75px; 
    background-image: url("../img/46f86d66adf0196a7bb73719987674af30562878-297x80.png"); 
    background-position: center center; 
    background-size: contain; 
    background-repeat: no-repeat; 
    transform: translate(-50%); 
    z-index: 1;
} 

@media screen and (min-width: 768px){ 
  .bmCBdy { 
    position: static; 
    width: 125px; 
    height: 75px; 
    background-image: url("../img/b8c4017a2f5dcafa4aad200f2e5d9e1cd16bf828-300x105.png"); 
    transform: none;
  } 
}     

@media screen and (min-width: 1024px){ 
  .bmCBdy { 
    min-width: 120px;
  } 
}     

.fkZueU { 
    width: 100%;
} 

@media screen and (min-width: 768px){ 
  .fkZueU { 
    width: auto;
  } 
}     

.bmCBdy > a  { 
    display: flex; 
    height: 100%;
} 

.gqtOhE { 
    float: none; 
    display: flex; 
    -webkit-box-pack: justify; 
    justify-content: space-between; 
    -webkit-box-align: center; 
    align-items: center; 
    min-width: 200px; 
    font-weight: 600;
} 

@media screen and (min-width: 768px){ 
  .gqtOhE { 
    float: right; 
    flex-direction: row-reverse;
  } 
}     

@media screen and (min-width: 1024px){ 
  .gqtOhE { 
    flex-direction: row;
  } 
}     

.fPJead { 
    display: none; 
    overflow: hidden;
} 

@media screen and (min-width: 1024px){ 
  .fPJead { 
    display: block;
  } 
}     

.dXcveP { 
    display: flex;
} 

@media screen and (min-width: 768px){ 
  .dXcveP { 
    flex-direction: row-reverse;
  } 
}     

.hbbfYY { 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center;
} 

.jLJJOd { 
    display: flex;
} 

.kDsmxu { 
    display: block; 
    width: 100%; 
    min-width: 200px; 
    max-width: 1024px; 
    position: absolute; 
    left: 0px; 
    right: 0px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 32px; 
    background-color: rgb(255, 255, 255); 
    box-shadow: rgba(0, 0, 0, 0.3) 1px 3px 6px; 
    transition: opacity 0.2s ease 0.25s, visibility 0.2s ease 0.25s, top 0.2s ease 0.25s; 
    visibility: visible; 
    opacity: 1; 
    top: 100%;
} 

.ipKXNn { 
    position: relative; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center; 
    width: 60px; 
    height: 54px; 
    border: none; 
    background: rgb(255, 255, 255); 
    cursor: pointer;
} 

@media screen and (min-width: 768px){ 
  .ipKXNn { 
    height: 75px;
  } 
}     

@media screen and (min-width: 1024px){ 
  .ipKXNn { 
    display: none;
  } 
}     

.ipKXNn:after { 
    content: ""; 
    display: none; 
    width: 2px; 
    position: absolute; 
    right: -1px; 
    top: 15%; 
    height: 70%; 
    background-color: rgb(215, 216, 222);
} 

@media screen and (min-width: 1024px){ 
  .ipKXNn:after { 
    display: block;
  } 
}     

.jEpgOt { 
    position: relative; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center; 
    width: 60px; 
    height: 54px; 
    border: none; 
    background: rgb(255, 255, 255); 
    cursor: pointer;
} 

@media screen and (min-width: 768px){ 
  .jEpgOt { 
    height: 75px;
  } 
}     

@media screen and (min-width: 1024px){ 
  .jEpgOt { 
    display: block;
  } 
}     

.jEpgOt:after { 
    content: ""; 
    display: none; 
    width: 2px; 
    position: absolute; 
    right: -1px; 
    top: 15%; 
    height: 70%; 
    background-color: rgb(215, 216, 222);
} 

@media screen and (min-width: 1024px){ 
  .jEpgOt:after { 
    display: block;
  } 
}     

.kPMLCx { 
    height: 51px; 
    padding: 15px; 
    margin: 0px 1rem; 
    color: rgb(0, 0, 0); 
    text-transform: uppercase; 
    text-decoration: none; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    border: none; 
    background: rgb(255, 255, 255); 
    cursor: pointer;
} 

.cMdXot { 
    display: flex; 
    position: absolute; 
    top: 60px; 
    left: 0px; 
    right: 0px; 
    background-color: rgb(255, 255, 255); 
    box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 2px 1px, rgba(0, 0, 0, 0.2) 0px 4px 2px -2px;
} 

@media screen and (min-width: 768px){ 
  .cMdXot { 
    position: static; 
    box-shadow: none;
  } 
}     

.cgPvAw { 
    padding: 0px 1rem; 
    font-weight: normal; 
    text-transform: uppercase; 
    text-decoration: none; 
    color: black;
} 

.jxZLle { 
    display: flex;
} 

.cpfxDM { 
    background-image: url("https://us.movember.com/resources/images/icons/menu.svg"); 
    background-position: center center; 
    background-repeat: no-repeat; 
    opacity: 1; 
    visibility: visible; 
    top: 0%;
} 

.ipKXNn > a  { 
    display: block; 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    transition: top 0.5s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s;
} 

.dqKgI { 
    background-image: url("https://us.movember.com/resources/images/icons/close.svg"); 
    background-position: center center; 
    background-repeat: no-repeat; 
    opacity: 0; 
    visibility: hidden; 
    top: 20%;
} 

.kCstRU { 
    background-image: url("https://us.movember.com/resources/images/icons/search.svg"); 
    background-position: center center; 
    background-repeat: no-repeat; 
    opacity: 1; 
    visibility: visible; 
    top: 0%;
} 

.jEpgOt > a  { 
    display: block; 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    transition: top 0.5s ease 0s, opacity 0.5s ease 0s, visibility 0.5s ease 0s;
} 

.cLHJSa { 
    flex: 1 1 0%; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center; 
    height: 48px; 
    min-width: 146px; 
    padding: 16px 32px; 
    margin: 12px 6px; 
    text-decoration: none; 
    letter-spacing: normal; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    color: rgb(0, 0, 0); 
    border: 1px solid rgb(153, 153, 153); 
    border-radius: 24px; 
    background: rgb(255, 255, 255); 
    cursor: pointer;
} 

.cLHJSa:hover { 
    background: rgb(243, 243, 243);
} 

.ckWeQR { 
    flex: 1 1 0%; 
    position: relative; 
    display: flex; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center; 
    height: 48px; 
    min-width: 146px; 
    padding: 16px 32px; 
    margin: 12px 6px; 
    text-decoration: none; 
    letter-spacing: normal; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
    color: rgb(255, 255, 255); 
    border-radius: 24px; 
    background: rgb(12, 12, 12); 
    cursor: pointer;
} 

.cgPvAw > a  { 
    display: table-cell; 
    vertical-align: middle; 
    height: 75px; 
    line-height: 75px; 
    text-decoration: none; 
    color: black; 
    white-space: nowrap;
} 

.cgPvAw > a::after { 
    content: " "; 
    display: block; 
    margin: -5px auto auto; 
    height: 5px; 
    background: rgb(102, 102, 102); 
    width: 0%; 
    transition: width 0.3s ease 0s;
} 

.cgPvAw > a:hover { 
    color: rgb(102, 102, 102); 
    cursor: pointer;
} 

.cgPvAw > a:hover::after { 
    width: 70%;
} 

.iUqeAu { 
    display: block; 
    width: 100%; 
    min-width: 200px; 
    max-width: 1024px; 
    position: absolute; 
    left: 0px; 
    right: 0px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 32px; 
    background-color: rgb(255, 255, 255); 
    box-shadow: rgba(0, 0, 0, 0.3) 1px 3px 6px; 
    visibility: hidden; 
    opacity: 0; 
    top: 112%; 
    transition: opacity 0.2s ease 0.25s, visibility 0.2s ease 0.25s, top 0.2s ease 0.25s;
} 

.jfAbgK { 
    flex: 1 1 0%; 
    padding: 0px 16px; 
    border-left: 1px solid rgb(215, 216, 222); 
    transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
} 

.jfAbgK:hover { 
    border-color: rgb(102, 102, 102);
} 

.fas { 
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    display: inline-block; 
    font-style: normal; 
    -webkit-font-feature-settings: normal; 
    font-feature-settings: normal; 
    font-variant: normal; 
    text-rendering: auto; 
    line-height: 1;
} 

.fas { 
    font-family: "Font Awesome 5 Free";
} 

.fas { 
    font-weight: 900;
} 

.ckWeQR i  { 
    margin-left: 8px; 
    font-size: 10px;
} 

.kpoIDm { 
    position: absolute; 
    top: 60px; 
    right: 0px; 
    min-width: 286px; 
    transition: all 0.2s ease 0s; 
    visibility: hidden; 
    opacity: 0;
} 

.kpoIDm:before { 
    content: ""; 
    position: absolute; 
    display: block; 
    border-width: 12px; 
    border-style: double double solid; 
    border-color: transparent transparent rgb(21, 21, 21); 
    border-image: initial; 
    top: -22px; 
    right: 55px;
} 

.fedhqd { 
    min-height: 20px; 
    margin-bottom: 16px; 
    font-size: 20px; 
    font-weight: 600;
} 

.bEDBny { 
    display: block; 
    padding-bottom: 20px; 
    text-decoration: none; 
    cursor: pointer;
} 

.gxIeIo { 
    display: flex; 
    -webkit-box-pack: justify; 
    justify-content: space-between; 
    -webkit-box-align: center; 
    align-items: center; 
    padding: 17px 24px; 
    font-size: 16px; 
    color: rgb(51, 51, 51); 
    background-color: rgb(255, 255, 255); 
    border-top: 1px solid rgb(153, 153, 153); 
    border-right: 1px solid rgb(153, 153, 153); 
    border-left: 1px solid rgb(153, 153, 153); 
    border-image: initial; 
    border-radius: 4px; 
    border-bottom: none; 
    text-decoration: none; 
    text-transform: none; 
    letter-spacing: 1px; 
    font-weight: 500;
} 

.gxIeIo:first-child { 
    color: rgb(255, 255, 255); 
    background-color: rgb(21, 21, 21);
} 

.gxIeIo:hover { 
    background: rgb(243, 243, 243);
} 

.gxIeIo:first-child:hover { 
    background-color: rgb(68, 68, 68);
} 

.bMXwlU { 
    height: 8px;
} 

.gxIeIo:nth-child(3) { 
    border-radius: 4px 4px 0px 0px;
} 

.gxIeIo:last-child { 
    border-radius: 0px 0px 4px 4px; 
    border-bottom: 1px solid;
} 

.esBGHk { 
    position: relative; 
    display: block; 
    font-weight: 600; 
    color: rgb(0, 0, 0); 
    transition: color 0.3s ease 0s;
} 

.bEDBny:hover > span:first-child { 
    color: rgb(102, 102, 102);
} 

.cjAfoF { 
    display: block; 
    font-size: 14px; 
    font-weight: 400; 
    color: rgb(31, 36, 64);
} 

.gxIeIo i  { 
    display: inline-block; 
    margin-left: 10px; 
    width: 16px; 
    height: 14px; 
    background-image: url("../img/arrow.png"); 
    background-size: contain; 
    background-position: center center; 
    background-repeat: no-repeat; 
    transition: all 0.2s ease 0s; 
    filter: invert(1);
} 

.gxIeIo:first-child i  { 
    filter: invert(0);
} 

.esBGHk i  { 
    font-size: 13px; 
    color: transparent; 
    transition: color 0.3s ease 0s, padding-left 0.3s ease 0s;
} 


