@charset "utf-8";
/* CSS Document */
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, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,input,textarea,*:before,*:after,ul.unstyle,ul.unstyle li{margin:0;padding:0;border:0;font:inherit;font-size:100%;box-sizing:border-box;}
html,body{width:100%;min-height:100%;}
body{font-family: 'Poppins', sans-serif;letter-spacing:-.02em;font-weight:300;}
body:before{content:'';display:block;width:100%;height:100%;position:fixed;left:0px;top:0px;background:rgba(0,0,0,0.8);z-index:100;transition:all .3s ease-out;opacity:0;visibility:hidden;transition-delay:.35s;}
body.mask:before{opacity:1;visibility:visible;transition-delay:0s;}
.antispam { display:none;} 
.cWrap{max-width:1170px;margin:0 auto;width:100%;padding:0 30px;}
.clear{width:100%;clear:both;margin:0px !important;}
.unstyle,.unstyle li{list-style:none;}
ul li strong{font-weight:bold;}
.fullWidth{float:left;width:100%;clear:both;}
.halfWidth{float:left;width:48.25%;margin:0 0 0 3.5%;}
.three-blocks{float:left;width:31%;margin:0 0 0 3.5%;}
.four-blocks{float:left;width:22.375%;margin:0 0 0 3.5%;}
.center-txt{text-align:center !important;}
.narrow{padding-left:10%;padding-right:10%;}
.gold{color:#c39921;}
img{display:block;max-width:100%;}

a{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;}

.first{margin-left:0px;clear:left;}
.hide{display:none;}
.flex{display:flex;}
.flex.wrap{flex-wrap:wrap;}
.vflex{display:flex;flex-direction:column;}

p{line-height:1.5em;margin:0 0 1.2em;}
strong{font-weight:500;}

ol,ul,dl{font-size:1.2em !important;}
ul ul,ol ol,ul ol,ol ul{font-size:1em !important;margin-top:.5em;}
table{min-width:100%;margin-bottom:1.4em;font-size:1.2em;}
table ol,table ul,table dl{font-size:100% !important;}
li{line-height:1.5em;margin-bottom:.8em;}
ul{list-style:none;padding-left:0px;}
ul>li{list-style:none;padding-left:1.5em;position:relative;}
ul>li::before{content:"\2022";color:#467dcf;font-weight:bold;font-size:1.2em !important;line-height:1em !important;display:block;width:1.2em !important;position:absolute;left:2px;top:0px !important;}
table li{line-height:1em;}
ol{padding-left:1em;}
ol li{padding-left:10px;}
dt,dd{display:block;padding:0 0 0 26px;position:relative;}
dt{cursor:pointer;}
dt:before{content:'';display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #ceb157;position:absolute;left:0px;top:6px;}
dt.active:before{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
dd{height:0px;overflow:hidden;font-size:95%;}
dt.active+dd{height:auto;}

.table-bordered th{background:#2c82c9;font-weight:500;padding:8px 10px;color:#fff;}
.table-bordered td{background:#f6f7fa;padding:8px 10px;line-height:1.2em;}
.htmlEditorContent a{color:#00aaeb;text-decoration:underline;}
.htmlEditorContent a:hover{color:#ceb157;text-decoration:none;}

.newline{display:block;}
.italic-txt{font-style:italic;font-size:14px;}

h1{font-size:2em;font-weight:600;line-height:1.1em;margin:1em 0;}
h2{font-size:1.6em;font-weight:500;line-height:1.2em;}
h3{font-size:1.4em;font-weight:500;line-height:1.2em;margin-bottom:1.2em;}
h4{font-size:1.3em;font-weight:500;line-height:1.2em;margin-bottom:1.2em;}
h5{font-size:1.25em;font-weight:500;line-height:1.2em;margin-bottom:1.2em;}
p{font-size:1.2em;line-height:1.5em;}
em{font-style:italic;}
sup{font-size:70%;font-weight:600;color:#999;}

/*------pop up panel------*/
.popBox{position:fixed;z-index:101;float:left;width:50vw;max-height:95vh;background:#fff;opacity:0;visibility:hidden;margin-top:-30px;transition: all .3s ease-out;transition-property:opacity,margin-top,visibility;transition-delay:0s;}
.popBox>figure{display:block;position:absolute;z-index:101;width:30px;height:30px;color:#f0f0f0;line-height:30px;text-align:center;cursor:pointer;top:-15px;right:-15px;font-size:1.2em;background:#222;border-radius:50%}
.popBox>figure strong{display:block;position:absolute;width:30px;height:30px;transition:transform .25s ease-out;}
.popBox>figure:hover strong{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.popBox.center{left:50%;top:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.popBox.small{width:30vw;}
.popBox.large{width:80vw;}
.popBox.active{opacity:1;visibility:visible;margin-top:0px;transition-delay:.3s;}
/*------ends pop up panel------*/

/*-----customized form elements-----*/
label.checkBox,label.radioBox{display:block;position:relative;overflow:hidden;padding:0 0 0 30px;}
label.checkBox input,label.radioBox input{position:absolute;opacity:0;}
label.checkBox span{content:'';display:block;position:absolute;width:22px;height:22px;border-radius:2px;background:#e3e5e9;left:0px;top:0px;overflow:hidden;}
label.checkBox span:after{content:'';display:block;width:7px;height:11px;border-right:#fff 3px solid;border-bottom:#fff 3px solid;position:absolute;left:7px;top:4px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:100%;transition:margin .2s ease-out;}

label.radioBox span{content:'';display:block;position:absolute;width:22px;height:22px;border-radius:2px;background:#e3e5e9;left:0px;top:0px;overflow:hidden;border-radius:50%;}
label.radioBox span:after{content:'';display:block;width:0px;height:0px;border-radius:50%;background:#a90000;position:absolute;left:50%;top:50%;margin:-0px 0 0 -0px;transition:all .2s ease-out;}

label.checkBox:hover input ~ span,label.radioBox:hover input ~ span{box-shadow:inset 0 0 6px rgba(0,0,0,0.2);}
label.checkBox input:checked ~ span{background:#ceb157;}
label.checkBox input:checked ~ span:after{margin-top:0%;}

label.radioBox input:checked ~ span{background:#fff;border:#a90000 2px solid;}
label.radioBox input:checked ~ span:after{width:10px;height:10px;margin:-5px 0 0 -5px;}
/*-----ends customized form elements-----*/

#loginPanel .flex{justify-content:space-between;border-bottom:#000 1px solid;padding:30px;}
#loginPanel .flex>p{width:46%;font-size:1.1em;line-height:1.3em;}
#loginPanel .flex>div{width:46%;}
#loginPanel .flex>div label{margin-bottom:30px;}

#loginPanel input{display:block;width:100%;height:50px;border:#000 1px solid;border-radius:50px;box-shadow:0px 1px 5px rgba(0,0,0,0.3);text-align:center;padding:0 30px;margin:0 0 30px;outline:none;}

#loginPanel form>img{float:left;width:200px;margin:10px 0 30px 30px;}
#loginPanel aside{float:right;width:46%;padding:0 30px 0 0;}
#loginPanel aside a{display:block;text-align:center;padding:0 5%;}

.main-button{display:block;width:100%;height:95px;background:transparent url("../images/button_yellow_bg.jpg") no-repeat left top;position:relative;}
#loginPanel .main-button{margin-top:-40px;}
.main-button:before{content:'';display:block;width:41px;height:95px;background:transparent url("../images/button_yellow_right.jpg") no-repeat right top;position:absolute;right:-1px;top:0px;}
#loginPanel .main-button input{content:'';display:block;width:100%;height:80px;border:none;box-shadow:none;border-radius:0px;outline:none;border:none;background:none;font-weight:600;text-transform:uppercase;color:#fff;font-size:1.4em;}

.hbBtn{float:left;width:50px;height:50px;margin-right:20px;position:relative;cursor:pointer;}
.hbBtn>span{display:block;width:44px;height:4px;background:#252525;position:absolute;left:3px;top:50%;margin:-2px 0 0;border-radius:4px;}
.hbBtn>span:before,.hbBtn>span:after{content:'';display:block;width:100%;height:inherit;border-radius:inherit;background:inherit;position:absolute;top:-12px;}
.hbBtn>span:after{top:12px;}

header{border-left:30px #fff solid;border-right:30px #fff solid;height:110px;}
header .cWrap{position:relative;height:100%;border-bottom:#000 1px solid;padding:0 0 20px;}
#siteLogo{float:left;width:100px;margin:30px 0 0;}
#siteLogo img{max-width:100%;}
header nav{float:right;margin:60px 0 0;}
header nav a{float:left;margin:0 0 0 20px;}
header aside{float:left;position:absolute;right:0px;top:0px;line-height:30px;padding:0 10px;background-color:#e0e0e0;text-transform:uppercase;font-weight:300;font-size:.9em;}
header aside.logged{background-color:#ceb157;color:#fff;text-transform:capitalize;}
header aside.logged strong{font-weight:500;margin:0 0 0 10px;}
header aside.logged a{color:#fff;}
header .hbBtn{margin-top:35px;}

#modMenu{display:none;}

.mainCont{padding:30px 0;}

.mainCont .titleBar{margin-top:-20px;position:relative;margin-bottom:50px;}
.mainCont .titleBar>.hbBtn{margin-top:-5px;}
.mainCont .titleBar>h2{float:left;}
.mainCont .titleBar>aside{float:right;}
.mainCont .titleBar>aside a{float:left;margin:6px 0 0;line-height:1em;position:relative;border-right:2px #000 solid;padding:0 11px}
.mainCont .titleBar>aside a:first-child{border-left:2px #000 solid;}
.mainCont .titleBar>aside a.active{font-weight:500;color:#1cb0df;}
.mainCont article{float:left;width:68%}
.mainCont .cWrap>aside{float:right;width:30%;padding:0 5%;}
.mainCont article.fullWidth{width:100%}

.mdItem{position:relative;padding:20px 180px 20px 0;border-bottom:#000 1px solid;}
.mdItem:first-child{border-top:#000 1px solid;}
.mdItem>img{float:left;width:90px;margin-right:20px;clear:both;}
.mdItem>p{line-height:1.2em;}
.mdItem>p>strong{line-height:1em;font-size:110%;margin-bottom:.6em;}
.mdItem>a{width:160px;display:block;position:absolute;right:0px;top:39px;}

.progressChart{display:block;width:100%;margin-bottom:40px;text-align:center;font-weight:600;}
.progressChart>figure{display:block;width:100%;padding-top:100%;position:relative;margin-bottom:10px;}
.progressChart>figure svg{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;}
.progressChart>figure svg path{fill:#B3B5B8;}
.progressChart.course>figure svg path.active{fill:#03BFD7;}
.progressChart.combine>figure svg path.active{fill:#e16e38;}
.progressChart>figure span{display:block;width:100%;position:absolute;left:0px;top:50%;font-size:3em;line-height:50px;margin-top:-25px;}
.progressChart>figure span:after{content:'%';display:inline-block;margin-left:4px;}
.progressChart.course>figure span{color:#03BFD7;}
.progressChart.combine>figure span{color:#e16e38;}

.objTitle{border-bottom:#000 1px solid;padding:60px 20% 36px 130px;position:relative;margin-bottom:40px;}
.objTitle>img{display:block;width:110px;position:absolute;left:0px;top:0px;}
.objTitle>div{float:right;position:absolute;right:0px;bottom:30px;font-size:80%;font-weight:400;line-height:30px;padding:0 30px;}
.objTitle>div a{display:inline-block;width:15px;height:30px;background-repeat:no-repeat;background-position:center center;background-size:15px 30px;position:absolute;top:0px;}
.objTitle>div a.prevPage{background-image:url(../images/arrow_prev.jpg);left:0px;}
.objTitle>div a.nextPage{background-image:url(../images/arrow_next.jpg);right:0px;}
.naviBtns a{float:left;padding:0 20px;background:#0078ae;color:#fff;text-decoration:none;font-weight:500;margin-right:20px;line-height:30px;}
.naviBtns a:hover{background:#467dcf;}

.dropMenu{position:absolute;width:360px;height:80vh;left:0px;top:0px;z-index:3;background:#fff;box-shadow:0px 1px 8px rgba(0,0,0,0.3);padding-top:41px;display:none;}
.hbBtn.active+.dropMenu{display:block;}

.dropMenu:before{content:'';display:block;width:100%;background:#b2b2b2 url(../images/double_arrows.png) no-repeat 10px 11px;background-size:28px 21px;height:41px;position:absolute;left:0px;top:0px;}
.dropMenu:after{content:'';display:block;width:4px;min-height:100%;background:#ccc;position:absolute;left:21px;top:0px;z-index:-1;}
.dropMenu h3{margin-top:20px;font-size:90%;position:relative;}
.dropMenu h3:before{content:'';display:block;width:20px;height:20px;background:url(../images/ico_black.png) no-repeat left top;background-size:20px 20px;position:absolute;left:-37px;top:0px;}
.dropMenu h3.ing:before{background:url(../images/ico_half.png) no-repeat left top;background-size:20px 20px;}
.dropMenu h3.done:before{background:url(../images/ico_blue.png) no-repeat left top;background-size:20px 20px;}

.dropMenu h3{margin-top:20px;font-size:90%;position:relative;}
.dropMenu h3 strong{margin-right:10px;}
.dropMenu a{display:block;font-size:80%;}
.dropCont{width:100%;height:100%;overflow:auto;position:absolute;left:0px;top:0px;border-top:41px transparent solid;padding:0 20px 30px 50px;}
#modList{top:90px;}
#secList{top:50px;height:70vh;}

#secList.dropMenu:after{display:none;}
#secList h2{display:block;background:#fff;padding:0 16px;position:relative;line-height:40px;z-index:1;}
#secList .dropCont{border-top:81px transparent solid;padding:0 20px 30px;}
#secList .dropCont{border-top:81px transparent solid;padding:0 20px 30px;}

#secList dt{padding-top:5px;padding-bottom:5px;}
#secList dd{border-bottom:#000 1px solid;}
#secList dt:before{content:'';display:block;width:8px;height:8px;border-top:2px solid #000;border-right:2px solid #000;border-bottom:none;border-left:none;position:absolute;left:0px;top:16px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#secList dt.active:before{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);top:13px;}
#secList dd{padding-left:26px;}
#secList dd a{display:block;border-top:#000 1px solid;padding:5px 0 5px 25px;font-size:90%;position:relative;}
#secList dd a:before{content:'';display:block;width:14px;height:14px;border-radius:50%;background:#bdd0ee;position:absolute;left:0px;top:10px;}
#secList dd a:hover{text-decoration:none;}
#secList dd a:hover:before,#secList dd a.active:before{background:#467dcf;}
#secList dd a:first-child{border:none;}

/*discussion styles*/
#inputCell{position:relative;padding:0 220px 0 0;margin:10px 0 30px;}
#inputCell .editorCell{display:block;width:100%;min-height:300px;background:#fff;box-shadow:0px 2px 20px rgba(0,0,0,0.15);margin-bottom:20px;}
#inputCell aside{display:block;position:absolute;width:200px;right:0px;top:0px;}
#inputCell aside input{display:block;max-width:100%;cursor:pointer;width:198px;margin:0 0 10px;border:none;outline:none;}
#inputCell aside input[type="submit"],#inputCell aside input[type="reset"]{height:46px;border-radius:30px;background:#d1d2d4;color:#000;text-align:center;margin:0 0 18px;}

.topicItem{display:block;background:#fff;box-shadow:0px 2px 20px rgba(0,0,0,0.15);margin-bottom:40px;}
.topicItem .header{display:block;position:relative;line-height:50px;border-bottom:#000 1px solid;padding:0 200px 0 65px;font-weight:500;font-size:1.2em;}
.topicItem .header figure{display:block;background:#aaa;width:40px;height:40px;overflow:hidden;border-radius:50%;position:absolute;left:10px;top:5px;}
.topicItem .header aside{display:block;height:40px;position:absolute;right:0px;top:6px;font-size:.7em;}
.topicItem .header aside a{float:left;width:30px;height:40px;background-repeat:no-repeat;background-position:center center;background-size:20px 20px;margin-right:10px;}
.topicItem .header aside a.editPost{background-image:url(../images/ico_edit.jpg);}
.topicItem .header aside a.delPost{background-image:url(../images/ico_delete.jpg);}
.topicItem .header aside .timeCell{float:left;position:relative;padding:0 0 0 26px;background:transparent url(../images/ico_clock.jpg) no-repeat left center;background-size:20px 20px;line-height:40px;margin-right:30px;}
.topicItem .postCont{padding:30px 30px 10px;}
.topicItem .footer{display:block;text-align:right;padding:0 15px 10px;font-size:.9em;}
.topicItem .footer a{margin:0 0 0 15px;color:#1cb0df}
.topicItem .footer a.greenLink{color:#70bb34}

/*-----Participants list-----*/
#alphList{margin:2em 0 1em;}
#alphList li{text-align:center;line-height:30px;width:30px;background:#f0f1fa;text-transform: uppercase;font-weight:600;font-size:1.2em;color:#8d8d8d;cursor:pointer;margin:0 4px 4px 0;}
#alphList li:before{display:none;}
#alphList li:hover{background:#c39921;color:#fff;}
h2.firstChar{font-size:8em;color:#c39921;font-weight:100;margin-bottom:-.1em;text-transform:uppercase;opacity:.4;}
.partItm{width:32%;border:#ccc 1px solid;min-height:100px;margin:0 0 2% 2%;padding:15px 15px 15px 100px;position:relative;background:#fff;}
.partItm:nth-child(3n+1){margin-left:0px;}
.partItm figure{display:block;width:70px;border-radius:50%;overflow:hidden;position:absolute;left:15px;top:15px;}
.partItm figure img{display:block;max-width:100%;}
.partItm p{font-size:.9em;}
.partItm p strong{font-size:110%;margin-bottom:6px;}
.partItm div{width:100%;justify-content:space-between;}
.partItm div a{display:block;width:48%;text-align:center;text-decoration:none;text-transform:uppercase;border:#4697d8 1px solid;color:#000;font-weight:500;}
.partItm div a:hover{background:#4697d8;color:#fff;}

footer{padding:30px 0;font-size:.85em;font-weight:500;}
#mNav{display:none;}

/*---------cart checkout layout----------*/
.item{display:flex;padding: 20px 30px;}
.cartItem{border-radius:4px;box-shadow:0px 1px 4px rgba(0,0,0,0.3);background:#f1f2fa;}
.cartItem:before{display:none;}
.cartItem .item{align-items:center;justify-content:space-between;}
.cartItem img{display:block;width:200px;}
.cartItem h3{width:45%;margin-left:5%;line-height:1em;}
.cartItem p{margin-left:5%;font-size:1.5em;margin-bottom:0px;text-align:right;padding-right:10px;}
.cartItem figure{float:left;width:100%;margin:0 0 10px -20px;background:#ceb157;color:#fff;line-height:46px;padding:0 0 0 50px;position:relative;}
.cartItem figure strong{float:left;position:absolute;right:0px;top:0px;padding-right:20px;font-weight:400;}

.totalAddon{font-size:1.1em;padding-right:40px;display:flex;justify-content:space-between;align-items:center;margin:30px 0;}
.total-amount{text-align:right;font-size:140%;}
.paypal img{float:left;width:400px;}
.paypal span{margin-top:20px;}
.genericBtn{border:none;outline:none;background:#ceb157;color:#fff;padding:0 30px;text-transform:uppercase;min-width:400px;text-align:center;font-size:1.4em;font-weight:600;height:60px;line-height:53px;margin:30px 0;border-radius:4px;cursor:pointer;}
.genericBtn:hover{background:#8a2428}

/*---------Profile styles----------*/
.studentProfile{position:relative;padding-left:250px;}
.studentProfile figure{width:200px;position:absolute;left:0px;top:0px;font-style:italic;text-align:center;font-size:1.3em;}
.studentProfile figure img{display:block;margin:0 0 10px;}
.studentProfile p strong{display:block;font-size:.9em;line-height:1.1em;margin-bottom:0px !important;}
.studentProfile p{margin-bottom:30px;}
.studentProfile p.fullWidth{display:block;float:none;width:auto;margin-left:-250px;}
.studentProfile p.fullWidth strong{line-height:2.4em;border-bottom:#c0c0c0 1px solid;margin-bottom:20px !important;}

.hEmail{display:block;width:24px;height:30px;background:transparent url(../images/ico_email.png) no-repeat center center;background-size:contain;position:absolute;top:0px;right:100%;opacity:.5;margin-right:10px;}

/*------Contact popup form-------*/
#contactPanel{display:block;width:100%;max-width:480px;margin:0 auto;overflow:hidden;text-align:center;}
#contactPanel>form{display:flex;flex-direction:column;justify-content:center;padding:30px;}
#contactPanel>form h2{font-size:4em;font-weight:300;letter-spacing:-.04em;}
#contactPanel>form p{margin:2em 0;}
#contactPanel>form a{color:#b0bfce;}
#contactPanel>form a:hover{text-decoration:underline;}
#contactPanel>form input,#contactPanel>form textarea{border:#a0a0a0 1px solid;outline:none;height:46px;padding:0 10px;margin:10px 0;}
#contactPanel>form textarea{height:100px;}
#contactPanel>form input[type="submit"]{background:#7ca2c6;color:#fff;font-weight:500;font-size:1.2em;}

/*---ceus---*/
.ceu-list{position:relative;padding-left:220px;}
.ceu-list img{float:left;width:180px;margin:6px 0 0 -220px;}
.ceu-list h3{margin-bottom:4px !important;}

footer .cWrap{display:flex;justify-content:space-between}
footer .cWrap a{float:left;margin:0 0 0 10px;}

/*---Drop and upload issue fix---*/
#avatar-cropper{z-index:0 !important;}

/*----New added steps----*/
#stepCell{margin-top:1em;}
#stepCell dt{background:#f0f1fa;line-height:50px;padding-top:2px;margin-top:5px;}
#stepCell dt:before{display:none;}
#stepCell dt:after{content:'+';display:block;width:20px;height:20px;line-height:20px;border:rgba(0,0,0,0.4);position:absolute;right:16px;top:50%;margin:-10px 0 0;font-size:1.4em;text-align:center;}
#stepCell dt.active:after{content:'-';}
#stepCell dd ul{margin:1.2em 0 20px;font-size:1em !important;}
#stepCell dd ul li{line-height:1.3em;margin-bottom:10px !important;padding-right:20px;}

/*---New notification icon on header---*/
.hMsgs{display:block;width:24px;height:30px;background:transparent url(../images/ico_msg.png) no-repeat center center;background-size:contain;position:absolute;top:0px;right:100%;opacity:1;margin-right:44px;}
.hMsgs.new:before{content:'';display:block;width:11px;height:11px;background:#ceb157;border-radius:10px;border:#fff 2px solid;position:absolute;left:0px;bottom:13px;}

/*---Msg list---*/
.msgItem{display:flex;gap:5px;justify-content:center;align-items:center;border-bottom:#e0e1ea 1px solid;padding-bottom:30px;margin-top:30px;}
.msgItem .userInfo{flex:140px 0 0;text-align:center;}
.msgItem .userInfo figure{display:block;background:#aaa;width:70px;height:70px;overflow:hidden;border-radius:50%;margin:0 35px 10px;}
.msgItem>a{flex:160px 0 0;text-align:center;line-height:40px;background:#e0e1ea;color:#1cb0df;text-decoration:none;text-transform:uppercase;}
.msgItem>a:hover{color:#fff;background:#1cb0df;text-decoration:none;}
.msgItem .msgCont{padding:0 30px;font-weight:400;flex:1;}
.msgItem .msgCont p{margin-bottom:0px;}
.msgItem .msgCont strong{display:block;font-size:85%;color:#c0c1ca;line-height:1em;}

.msgItem.msgDetail{align-items:flex-start;border-bottom:none;padding-top:50px;margin-top:10px;border-top:#c0c1ca 2px solid;}
.msgItem.msgDetail .msgCont{font-weight:300;}
.msgItem.msgDetail .msgCont p{margin-bottom:1.2em;}

.msgBackBtn{text-decoration:none;font-weight:600;font-size:1.2em;color:#1cb0df;line-height:40px;position:relative;padding-left:20px;}
.msgBackBtn:before{content:'';display:block;width:10px;height:10px;border-bottom:#1cb0df 2px solid;border-left:#1cb0df 2px solid;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:0px;top:50%;margin-top:-5px;}


@media (min-width: 1400px) {  /*Wider screen*/
	.cWrap{padding:0px;}
}

@media (max-width: 1024px) {  /*IPad, IPad mini and Tablet horizontal*/
header{position:fixed;background:#fff;z-index:1;}
.mainCont{margin-top:110px;}
}

@media (max-width: 820px) {  /*IPad, IPad mini and Tablet horizontal*/
.popBox{width:100vw;max-height:100vh;}
.popBox>figure{width:40px;height:40px;line-height:40px;top:0px;right:0px;border-radius:0%}
.popBox>figure strong{width:40px;height:40px;}
#loginPanel .flex {padding:40px;}

.mainCont article{width:100%;margin-top:30px;}
.mainCont .cWrap>aside{width:100%;padding:0 4%;margin-top:30px;}
.progressChart{float:left;width:44%;margin:3%;}

.partItm{width:49%;border:#ccc 1px solid;min-height:100px;margin:0 0 2% 2%;padding:15px 15px 15px 100px;position:relative;background:#fff;}
.partItm:nth-child(2n+1),.partItm:first-child{margin-left:0px !important;}
.partItm:nth-child(3n+1){margin-left:2%;}
.three-blocks{width:48.25%;margin-bottom:3.5%;}
.three-blocks.first{margin-left:3.5%;clear:none;}
.three-blocks:nth-child(odd){margin-left:0px;clear:left;}

#alertContainer{position:fixed;left:0px;bottom: 0px;}
.alert{margin:0px !important;}

/*---------Profile styles----------*/
.studentProfile{padding-left:0px;}
.studentProfile figure{width:160px;position:static;margin:0 auto 60px;}
.studentProfile p.fullWidth{display:block;float:none;width:auto;margin-left:0px;}
}

@media (max-width: 820px) and (min-aspect-ratio: 13/9){
#loginPanel>form>img{display:none;}
.popBox{height:100vh;}
#loginPanel .flex>p{width:36%;text-align:justify;}
#loginPanel .flex>div{width:56%;}
#loginPanel .flex{padding-bottom:36px;}
#loginPanel .flex>div label{float: left;width:50%;}
#loginPanel>form>aside{width:56%;position:relative;}
#loginPanel>form>aside>a{position:absolute;left:0px;top:0px;margin-top:-75px;padding:0 0 0 4px;}
#secMenu.active{position:fixed;z-index:2;right:0px;top:0px;width:40px;height:40px;margin:0px;}
#secMenu.active span:after{display:none !important;}
#secMenu.active span{width:30px;height:2px;border-radius:1px;margin:0px;left:5px;top:21px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#secMenu.active span:before{width:2px;height:30px;left:14px;top:-14px;border-radius:1px;}
.dropMenu{position:fixed;width:100%;height:100vh !important;left:0px;top:0px !important;z-index:1;background:#fff;box-shadow:none;padding-top:41px;display:none;}
}

@media (max-width: 680px) {   /*Cellphone horizontal*/
h1{font-size:1.6em;}
.popBox{width:100vw;max-height:100vh;}
#loginPanel>form{overflow:scroll;}
#loginPanel>form>img{display:none;}
#loginPanel .flex{display:block;padding:40px 20px;}
#loginPanel .flex>p,#loginPanel .flex>div{width:100%;}
#loginPanel .flex>div label{float: left; width:50%;}
#loginPanel>form>aside{width:100%;padding:0 20px 20px;}

/*---ceus---*/
.ceu-list{position:relative;padding-left:0px;}
.ceu-list img{float:none;display:block;width:180px;margin:50px 0 20px;}
}

@media (max-width: 680px) and (min-aspect-ratio: 13/9){
#loginPanel .flex>div input{float:right;width:48%;margin-bottom:20px;}
#loginPanel .flex>div label{float:right; width:48%;}
#loginPanel .flex>div input:first-child,#loginPanel .flex>div label:first-child{float:left;}
#loginPanel .flex{padding:40px;}
#loginPanel .flex{padding-bottom:26px;}
#loginPanel .flex>p{font-size:.95em;line-height:1.2em;;}
#loginPanel>form>aside{width:80%;position:relative;margin:0 10%;}
#loginPanel>form>aside>a{position:static;width:100%;margin-top:0px;padding:0px;text-align:center;}
}
@media (max-width: 480px) {   /*Cellphone*/
body{font-size:90%;}
header{height:70px;}

.halfWidth,.three-blocks,.four-blocks{width:100%;margin-left:0% !important;}

#siteLogo{width:80px;margin:10px 0 0 30px;}
#mNav{position:fixed;width:60px;height:60px;top:5px;right:0px;z-index:2;background:none;display:block;}
#mNav span{position:absolute;width:6px;height:6px;background:#444;border-radius:50%;left:50%;top:50%;margin:-3px 0 0 -3px;}
#mNav span:before{content:'';display:block;position:absolute;width:6px;height:6px;background:#444;border-radius:50%;left:0px;top:-12px;}
#mNav span:after{content:'';display:block;position:absolute;width:6px;height:6px;background:#444;border-radius:50%;left:0px;top:12px;}
header{border-left:none;border-right:none;}
header nav {position:fixed;width:100%;height:100%;background:#fff;left:-100%;top:0px;margin:0px;z-index:2;transition:left .25s ease-out;display:flex;flex-direction:column;justify-content:center;}
header nav a{width:70%;margin:5px 15%;font-size:1.4em;text-align:center;}
header.open nav{left:0%;}
header.open #mNav span{width:30px;height:2px;border-radius:1px;margin:0px;left:15px;top:29px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
header.open #mNav span:after{display:none;}
header.open #mNav span:before{width:2px;height:30px;left:14px;top:-14px;border-radius:1px;}
.progressChart{float:left;width:80%;margin:0 10% 30px;}

header aside{float:left;position:absolute;width:50px;height:50px;right:60px;top:10px;padding:0px;background-image:url(../images/user.svg);background-repeat:no-repeat;background-position:0px 1px;background-size:contain;border-radius:50%;text-indent:-99999px;font-size:0px;}
header aside a{display:block;width:50px;height:50px;overflow:hidden;position:absolute;left:0px;top:0px}
header aside.logged strong{font-weight:500;margin:0 0 0 10px;}
header aside.logged a{color:#fff;}
header aside a.hEmail{left:auto;width:30px;height:50px;margin-right:20px;}

.mainCont{margin-top:70px;}
#secMenu.active{position:fixed;z-index:2;right:0px;top:0px;width:40px;height:40px;margin:0px;}
#secMenu.active span:after{display:none !important;}
#secMenu.active span{width:30px;height:2px;border-radius:1px;margin:0px;left:5px;top:21px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#secMenu.active span:before{width:2px;height:30px;left:14px;top:-14px;border-radius:1px;}
.dropMenu{position:fixed;width:100%;height:100vh !important;left:0px;top:0px !important;z-index:1;background:#fff;box-shadow:none;padding-top:41px;display:none;}

.partItm{width:100%;border:#ccc 1px solid;min-height:100px;margin:0 0 2%;padding:15px 15px 15px 100px;position:relative;background:#fff;}
.partItm:nth-child(2n+1),.partItm:first-child,.partItm:nth-child(3n+1){margin-left:0px !important;}

#regFrm button.g-recaptcha, #regFrm .blueRoundBtn{display:block !important;width:100% !important;padding:0 10px !important;height:46px !important;line-height:46px !important;box-shadow:0px 1px 4px rgba(0,0,0,0.2) !important;text-align:center;}
footer{text-align:center;}

.alert{padding:10px 20px !important;}

#contactPanel>form{padding:30px 0;}
}

@media print {
  
}