@media (min-width:1001px){
    .mobile{display:none !important;}
}
@media (max-width:1000px){
    .desktop{display:none !important;}
}

html,
body{
    padding:0;
    margin:0;
    text-align:center;
    font-family:Montserrat;
    -ms-overflow-style:none;
    scrollbar-width:none;
    background:#FFF;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{
    display:none;
}
/*
body{
    background-size:100% 100%;
    background-image:url('img/bg.jpg');
    background-repeat:no-repeat;
}
*/

.alt{
    height:1px;
    width:1px;
    margin:0;
    padding:0;
    opacity:0;
    overflow:hidden;
}
.page{
    position:relative;
    color:#000;
    height:100%;
    overflow:auto;
    box-sizing:border-box;
    box-shadow:0 0 50px 30px rgba(0,0,0,.3);
    background:#FFF;
}
.page:before{
    content:'';
    position:absolute;
    top:0;left:0;right:0;
    height:200px;
    background-size:100% 100%;
    background-image:url('img/bg1.jpg');
    background-repeat:no-repeat;
}
.page .content{
    position:absolute;
    width:100%;
    top:50%;left:50%;
    max-height:100%;
    transform:translate(-50%,-50%);
    padding-bottom:100px;
    box-sizing:border-box;
}

.page IMG.logo{
    width:30%;
    max-width:150px;
    height:auto;
    margin-top:50px;
}
@media (max-width:1000px){
    .page{
        
    }
}

.page .contents{
    width:90%;
    max-width:500px;
}
.page P{
    font-size:18px;
    line-height:36px;
    font-weight:500;
    width:80%;
    max-width:550px;
    margin:auto;
}
.page P.final{
    margin-top:40px !important;
    font-size:16px;
    line-height:33px;
    max-width:500px;
}
.page P.first{
    margin-top:30px !important;
}
.page P.pretext{
    font-size:14px;
    font-weight:800;
    line-height:23px;
    margin-top:50px !important;
}
.page P B{
    letter-spacing:0.5px;
}
.page P:not(:first-child){
    margin-top:15px;
}
@media (max-width:1000px){
    .page P.first{
        margin-top:20px !important;
    }
    .page P.pretext{
        font-size:12px;
        line-height:21px;
        margin-top:30px !important;
    }
    .page P{
        font-size:13px;
        line-height:25px;
        max-width:290px;
    }
    .page P.final{
        font-size:12px;
        line-height:23px;
        margin-top:30px !important;
        max-width:290px;
    }
}
@media (max-height:700px){
    .page P{
        font-size:12px;
        line-height:23px;
        margin-top:15px;
    }
    .page P.final{
        font-size:11px;
        line-height:23px;
    }
}
@media (max-height:600px){
    .page P{
        font-size:11px;
        line-height:18px;
        margin-top:15px;
    }
    .page P.final{
        font-size:10px;
        line-height:18px;
    }
}


.page UL.boxes,
.page LI.box{
    list-style-type:none;
    margin:0;
    padding:0;
}
.page UL.boxes{
    width:90%;
    max-width:420px;
    margin:30px auto;
}
.page LI.box{
    margin-top:10px;
    background:rgba(0,0,0,.1);
    border-radius:25px;
    padding:5px;
}
.page LI.box.hmcd{
    background:#FFF6DB;
}
.page LI.box.es{
    background:#FFE5CC;
}
.page LI.box.thrive{
    background:#FFE5E5;
}
.page LI .body:link,
.page LI .body:visited{
    display:block;
    position:relative;
    background:#FFF;
    border-radius:20px;
    text-decoration:none;
    text-align:left;
    box-sizing:border-box;
    padding:23px 0;
    box-shadow:0 2px 0 rgba(0,0,0,.07);
    padding-left:115px;
}
.page LI .body .icon{
    position:absolute;
    top:50%;left:60px;
    transform:translate(-50%,-50%);
    width:60px;
    height:60px;
}
.page LI .body:after{
    content:'';
    position:absolute;
    top:0;bottom:0;right:0;
    width:30px;
    margin:15px 10px;
    background-image:url('img/arrow.png');
    background-size:40%;
    background-repeat:no-repeat;
    background-position:center;
    border-left:1px solid rgba(0,0,0,.3);
    opacity:.2;
}
.page LI .footer{
    padding:5px 0 3px;
}
.page LI .footer I{
    font-size:11px;
    font-weight:700;
    font-style:normal;
    display:inline-block;
    margin:0 7px;
}

.page LI.box H2,
.page LI.box B{
    margin:0;
    color:#000;
}
.page LI.box H2{
    font-size:15px;
}
.page LI.box B{
    display:block;
    position:relative;
    font-size:14px;
    font-weight:500;
    margin-top:6px;
    margin-left:20px;
}
.page LI.box B:after{
    content:'';
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:100%;
    margin-right:7px;
    height:8px;
    width:8px;
    border-radius:10px;
}
.page LI.box.hmcd B:after{
    background:#FFDC73;
}
.page LI.box.es B:after{
    background:#FF7F00;
}
.page LI.box.thrive B:after{
    background:#FF0000;
}

.page LI.box H2 I{
    font-weight:500;
    font-style:normal;
}
.page LI.box H2 SPAN:after{
    content:' Education';
}

@media (max-width:1000px){
    
    .page LI .body:link,
    .page LI .body:visited{
        padding:20px 0;
        padding-left:90px;
    }
    .page LI .body .icon{
        left:50px;
        width:50px;
        height:50px;
    }
    .page LI.box H2{
        font-size:14px;
    }
    .page LI.box B{
        font-size:13px;
        margin-top:4px;
    }
    .page LI .footer I{
        font-size:10px;
        margin:0 3px;
    }

}


/* COPYRIGHT */
.copyright{
    position:absolute;
    left:0;right:0;
    bottom:20px;
    color:rgba(255,255,255,.6);
    font-size:9px;
    letter-spacing:2px;
}
.copyright a:link,
.copyright a:visited{
    color:rgba(255,255,255,.6);
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.3);
    transition:all .3s ease;
}
.copyright a:hover{
    color:#FFF;
    border-bottom-color:rgba(255,255,255,.8);
}

/* BUTTON */

.button,
.button:link,
.button:visited{
    border-radius:10px;
    cursor:pointer;
    text-decoration:none;
}
.button:not(.outline),
.button:not(.outline):link,
.button:not(.outline):visited{
    display:inline-block;
    padding:20px 90px;
    margin:auto;
    margin-top:15px;

    font-size:14px;
    font-weight:700;
    color:#FFF;
    letter-spacing:1px;
    
	background:#000;
    
	position:relative;
}
.button:not(.outline):before{
    content:'';
    position:absolute;
    top:2px;
    left:30px;
    right:30px;
    height:1px;
    background-image:url('img/shine.png');
    background-size:100% 100%;
    opacity:0.45;
}
.button:not(.outline):after{
    content:'';
    height:15px;width:20px;
    position:absolute;
    top:50%;right:30px;
    transform:translateY(-50%);
    background-image:url('img/arrow.w.png');
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    transition:all .2s ease;
}
.button:not(.outline):hover:after{
    right:25px;
}
.button.locked:before,
.button.locked:after{
    display:none;
}
.button.locked{
    background:none;
    font-weight:800;
    font-style:italic;
    color:#000;
    border:2px solid #000;
    cursor:default;
}
.button.outline,
.button.outline:link,
.button.outline:visited{
    display:inline-block;
    position:relative;
    padding:20px 90px;

    font-size:16px;
    font-weight:700;
    letter-spacing:2px;
    color:#000;
    border:1px solid #000;
    border-radius:100px;

    margin-top:15px;
}
.button.share,
.button.share:link,
.button.share:visited{
    color:#FFF;
    border:none;
    background:#000000;
    padding:20px 60px 20px 80px;
    margin-top:30px;
}
.button.share:after{
    content:'';
    display:block;
    position:absolute;
    height:20px;width:20px;
    top:50%;left:30px;right:auto;
    transform:translateY(-50%);
    background-image:url('img/share.png');
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}


@media (max-width:1000px){
    
    .button:not(.outline),
    .button:not(.outline):link,
    .button:not(.outline):visited{
        padding:12px 60px;
        font-size:12px;
        letter-spacing:1px;
    }
    .button:not(.outline):before{
        top:1px;
    }
    .button:not(.outline):after{
        height:11px;
        right:20px;
        margin-top:1px;
    }
    .button:not(.outline):hover:after{
        right:15px;
    }
    .button.share,
    .button.share:link,
    .button.share:visited{
        padding:15px 40px 15px 60px;
        font-size:12px;
        font-weight:700;
    }
    .button.share:after{
        left:25px;
        height:18px;width:18px;
    }

}


IMG.partnership{
    margin-top:30px;
    margin-bottom:100px;

    width:120px;
    padding:7px 15px;

}

@media (max-width:1000px){

    IMG.partnership{
        width:100px;
    }

}