@font-face {
    font-family:"assistant";
    src: url("../fonts/Assistant/static/Assistant-Regular.ttf") format("truetype");
    font-display:swap;
}	  
@font-face {
    font-family:"assistantbold";
    src: url("../fonts/Assistant/static/Assistant-Bold.ttf") format("truetype");
    font-display:swap;
}
body{
    margin:0;
    display:flex;
    flex-wrap:wrap;
}
body,input,select,textarea{
    font-size:1rem;
    font-family:"assistant", sans-serif;
    color:#465a72;
    direction:rtl;
}
/* scrollbar customization - start */
body::-webkit-scrollbar {
    width: 0.5rem;
}

body::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

body::-webkit-scrollbar-thumb {
    background: #888; 
}

body::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
/* scrollbar customization - end */
#eMainBanner {
    height:500px;
    width:100%;
    background-image:url(./imagesNew/academyBannerBG2.png?v=300624_1);
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:right center;
    background-color:#efefef;
}
@media only screen and (min-width:768px){
    .oneevent #eMainBanner,.reg #eMainBanner,
    .about #eMainBanner,
    .seminars #eMainBanner,
    .profsessions #eMainBanner,
    .innerguidance #eMainBanner,
    .laborlawscourse #eMainBanner,
    .courses #eMainBanner,
    .sitemap #eMainBanner{
        height:200px;
    }
}
#eMainBanner>.caption{
    height:100%;
    background-image:url(./imagesNew/climbToTheTop.png?v=300624_1);
    background-repeat:no-repeat;
    background-size:calc(40% - 3rem) auto;
    background-position:left center;
    display:flex;
    flex-direction: column;
    justify-content:center;
}
.oneevent #eMainBanner>.caption,.reg #eMainBanner>.caption,
.about #eMainBanner>.caption,
.seminars #eMainBanner>.caption,
.profsessions #eMainBanner>.caption,
.innerguidance #eMainBanner>.caption,
.laborlawscourse #eMainBanner>.caption,
.courses #eMainBanner>.caption,
.sitemap #eMainBanner>.caption{
    background-size:auto calc(100% - 2rem);
}
#eMainBanner>.caption>.top,#eMainBanner>.caption>.bottom{
    max-width:50%;
}
#eMainBanner>.caption>.top{
    font-family:"assistantbold", sans-serif;
    font-size:3rem;
    margin:0 0 1rem;
    color:#0076ba;
}
body.allevents #eMainBanner>.caption>.top{
    font-size:4rem;
}
body.seminars #eMainBanner>.caption>.top,
body.profsessions #eMainBanner>.caption>.top,
body.innerguidance #eMainBanner>.caption>.top,
body.laborlawscourse #eMainBanner>.caption>.top{
    padding-right:5rem;
    background-position:right 1rem center;
    background-size:2.5rem;
    background-repeat:no-repeat;
}
body.seminars #eMainBanner>.caption>.top{
    background-image:url(./imagesNew/seminars2.png);
}
body.profsessions #eMainBanner>.caption>.top{
    background-image:url(./imagesNew/profmeetings2.png);
}
body.innerguidance #eMainBanner>.caption>.top{
    background-image:url(./imagesNew/innerguidance2.png);
}
body.laborlawscourse #eMainBanner>.caption>.top{
    background-image:url(./imagesNew/courses2.png);
}
#eMainBanner>.caption>.bottom{
    font-size:1.5rem;
}
.oneevent #eMainBanner>.caption>.bottom,
.reg #eMainBanner>.caption>.bottom,
.about #eMainBanner>.caption>.bottom,
.seminars #eMainBanner>.caption>.bottom,
.profsessions #eMainBanner>.caption>.bottom,
.innerguidance #eMainBanner>.caption>.bottom,
.laborlawscourse #eMainBanner>.caption>.bottom,
.courses #eMainBanner>.caption>.bottom{
    display: none;
}
#eHdrWrapper{
    white-space: nowrap;
    position:sticky;
    top:0;
    background-color:white;
    z-index:101;
    width:100%;
    padding:0.5rem 0;
}
#eHdr,#eMainBanner>.caption,.eventsTypeWrapper,#eLecturersWrapper,
#eInnerGuidancePg,#eFtr,#eEventDetailsWrapper,#eRegPgWrapper,#eAboutPgWrapper,#eContactUsPgWrapper,
#eBreadCrumbsWrapper,#eCoursesWrapper,#eGetBackWrapperWrapper,#eNewCoursesWrapper,
#eLaborLawsCourseWrapper,#eSitemapWrapper{
    margin:auto;
}
@media only screen and (max-width:768px){
    #eHdr,#eMainBanner>.caption,.eventsTypeWrapper,#eLecturersWrapper,
    #eInnerGuidancePg,#eFtr,#eEventDetailsWrapper,#eRegPgWrapper,#eAboutPgWrapper,#eContactUsPgWrapper,
    #eBreadCrumbsWrapper,#eCoursesWrapper,#eGetBackWrapperWrapper,#eNewCoursesWrapper,
    #eLaborLawsCourseWrapper,#eRegFormWrapper,#eSitemapWrapper{
        width:calc(100% - 1rem);
    }
}
@media only screen and (min-width:769px){
    #eHdr,#eMainBanner>.caption,.eventsTypeWrapper,#eLecturersWrapper,#eCourserWrapper,#eGetBackWrapperWrapper,
    #eInnerGuidancePg,#eFtr,#eEventDetailsWrapper,#eRegPgWrapper,#eAboutPgWrapper,#eContactUsPgWrapper,
    #eBreadCrumbsWrapper,#eNewCoursesWrapper,#eLaborLawsCourseWrapper,#eSitemapWrapper{
        width:calc(1000px - 1rem);
    }
}
@media only screen and (min-width:1281px){
    #eHdr,#eMainBanner>.caption,.eventsTypeWrapper,#eLecturersWrapper,#eCourserWrapper,#eGetBackWrapperWrapper,
    #eInnerGuidancePg,#eFtr,#eEventDetailsWrapper,#eRegPgWrapper,#eAboutPgWrapper,#eContactUsPgWrapper,
    #eBreadCrumbsWrapper,#eNewCoursesWrapper,#eLaborLawsCourseWrapper,#eSitemapWrapper{
        width:calc(1260px - 1rem);
    }
}
/* top row - start */
@media only screen and (min-width:769px){
    #eTopRow{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
}
@media only screen and (max-width:768px){
    #eTopRow{
        display:flex;
        flex-wrap:wrap;
    }    
    #eAcademyLogo{
        order:1;
        background-position:right center !important;
        width:calc(100% - 32px - 1rem) !important;
    }
    #eMainMenuBtn{
        order:2;
    }
    #eAccessibilityBtn{
        order:3;
        padding-right:0 !important;
        padding-left:3rem !important;
        background-position:right !important;
    }
    #eShareBtn{
        order:4;
    }
    #eHomeBtn{
        order:5;
    }
    #eMoreDtlsBtn{
        order:6;
        margin-right:auto;

    }
    #eAccessibilityBtn,#eShareBtn,#eHomeBtn,#eMoreDtlsBtn{
        margin-top:1rem;
    }
}
#eAcademyLogo{
    background-image: url('imagesNew/academyLogo.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 227px;
    height: 53px;
    display:inline-block;
    margin-left:auto;
    box-sizing:border-box;
}
#eTopRow>.itm{
    padding:0.25rem 2rem;
}
#eAccessibilityBtn,#eShareBtn,#eHomeBtn{
    background-repeat: no-repeat;
    box-sizing:border-box;
    background-position: center;
    background-size:contain;
    width: 1.5rem;
    height: 1.5rem;
}
#eAccessibilityBtn{
    background-image: url('../imagesNew/accessibility.png');
}
#eAccessibilityBtn:hover{
    width:1.7rem !important;
    height:1.7rem !important;
}
#eShareBtn{
    background-image: url('../imagesNew/shareBtn.png');
    border-left:1px solid #465a72;
    border-right:1px solid #465a72;
}
#eShareBtn:hover{
    background-image: url('../imagesNew/shareBtnH.png');
}
#eHomeBtn{
    background-image: url('../imagesNew/homeBtn.png');
}
#eHomeBtn:hover{
    background-image:url(../imagesNew/homeBtnH.png);
}
#eMoreDtlsBtn{
    background-color:#ed7721;
    padding:0.25rem 1rem;
    font-family:"assistantbold", sans-serif;
    font-size:1.1rem;
    color:white;
}
#eTopRow>.itm:hover,#eMoreDtlsBtn:hover{
    cursor:pointer;
}
@media only screen and (min-width:769px){
    #eMoreDtlsBtn:hover{
        background-color:#0076ba;
    }
}
/* top row - end */

#eOtoritaLogo{
    background-image: url('imagesNew/otoritaLogo.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 180px;
    height: 40px;
}
/* main menu - start */
#eMainMenu{
    display: flex;
    gap:0.1rem;
    list-style-type: none; 
    flex-grow:1;
    align-items: center;
    padding-right:0;
    margin-bottom:0;
}
#eMainMenu>.itm{
    padding:0.5rem 0;
    color:white;
    background-color: #465a72;
    flex-grow:1;
    border-bottom-width:0.3rem;
    border-bottom-style: solid;
    text-align:center;  
}
#eMainMenu>.itm.seminars{
    border-bottom-color:#78acc4;
}
#eMainMenu>.itm.profsessions{
    border-bottom-color:#3ab64a;
}
#eMainMenu>.itm.innerguidance{
    border-bottom-color:#b8a524;
}
#eMainMenu>.itm.courses{
    border-bottom-color:#34b9d4;
}
#eMainMenu>.itm.journal{
    border-bottom-color:#7ec6c2;
}

body.seminars #eMainMenu>.itm.seminars{
    background-color:#78acc4;
}
body.profsessions #eMainMenu>.itm.profsessions{
    background-color:#3ab64a;
}
body.innerguidance #eMainMenu>.itm.innerguidance{
    background-color:#b8a524;
}
body.laborlawscourse #eMainMenu>.itm.courses{
    background-color:#34b9d4;
}
body.journal #eMainMenu>.itm.journal{
    background-color:#7ec6c2;
}

#eMainMenu>.itm:hover{
    cursor:pointer;
}
#eMainMenu>.itm.seminars:hover{
    background-color:#78acc4;
}
#eMainMenu>.itm.profsessions:hover{
    background-color:#3ab64a;
}
#eMainMenu>.itm.innerguidance:hover{
    background-color:#b8a524;
}
#eMainMenu>.itm.courses:hover{
    background-color:#34b9d4;
}
#eMainMenu>.itm.journal:hover{
    background-color:#7ec6c2;
}
#eMainMenu>.itm.about:hover{
    background-color:#8cc82d;
}
#eMainMenu>.itm>a{
    text-decoration: none;
    font-family: "assistantbold", sans-serif;
    font-size:1.2rem;
    color:inherit;
    display:inline-block;
    width:100%;
}
/* main menu - end */

/* events area - start */
.eventsWrapperInner{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    padding:0;
    margin:0;
    box-sizing:border-box;
}
body:not(.allevents) .eventsTypeWrapper{
    background-color:white;
}
.eventsTypeWrapper{
    margin:1rem auto !important;
}
.eventsTypeWrapper>.captionWrapper{
    font-family:"assistantbold", sans-serif;
    padding:0.6rem 4rem 0.6rem 1rem;
    display:flex;
    justify-content:space-between;
    align-items: center;
    background-position:right 1rem center;
    background-clip: padding-box;
    background-repeat:no-repeat;
    background-size:2rem 2rem;
}
#eSeminarsWrapper>.captionWrapper{
    background-image:url(./imagesNew/seminars.png);
}
#eProfMeetingsWrapper>.captionWrapper{
    background-image:url(./imagesNew/profmeetings.png);
}
#eInnerGuidanceWrapper>.captionWrapper{
    background-image:url(./imagesNew/innerguidance.png);
}
#eNewCoursesWrapper>.captionWrapper{
    background-image:url(./imagesNew/courses.png);
}
body:not(.allevents) .eventsTypeWrapper>.captionWrapper>.link{
    display:none;
}
.eventsTypeWrapper>.captionWrapper>.caption{
    font-size:2rem;
}
.eventsTypeWrapper>.captionWrapper>.caption:hover{
    cursor:pointer;
}
.eventsTypeWrapper>.captionWrapper>.link{
    font-family:"assistant", sans-serif;
    color:#465a72;
    font-size:1.2rem;
}
.eventsTypeWrapper>.captionWrapper>.caption:hover,
.eventsTypeWrapper>.captionWrapper>.link:hover{
    filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}
.eventsTypeWrapper>.description{
    font-size:1.5rem;
    padding:0.5rem;
    border:1px solid #465a72;
    border-radius:1rem;
    text-align: center;
}
.eventsTypeWrapper>.eventsOfTypeNotFoundMsg{
    font-family:"assistantbold", sans-serif;
    font-size:3rem;
    color:#465a72;
    padding:3rem;
    text-align:center;
}
.eventsOfTypeNotFoundNewEventsMsg{
    font-family:"assistantbold", sans-serif;
    font-size:1.5rem;
    color:white;
    padding:1rem;
    text-align:center;
}
.eventsTypeWrapper>.msg{
    color:white;
    font-size:1.3rem;
    text-align: center;
}
#eCoursesWrapper .eventWrapper{
    margin:0.5rem 0 0 0;
}
.eventWrapper.prototype{
    display:none;
}
.eventWrapper{
    display:flex;
    flex-direction:column;
    gap:0.5rem;
    padding:0.1rem;
    border:0.2rem solid #008c8b;
    box-sizing:border-box;
    background-color:white;
}
.eventsTypeWrapper .eventWrapper{
    width:calc(25% - 0.75rem);
}
.eventWrapper.special{
    border-color:#ef7600;
}
.eventWrapper.active:hover{
    cursor:pointer;
    border-color:#0076ba;
    box-shadow: 0 0 10px #0076ba;
    text-shadow: 2px 2px 1px rgba(70, 90, 114, 0.2);
}
.eventsWrapperInner .eventWrapper{
    margin:0.5rem 0 0.5rem 1rem;
}
.eventWrapper>.caption{
    font-family:"assistantbold", sans-serif;
    font-size:1.3rem;
    color:#465a72;
}
.eventWrapper>.withVis{
    background-position:center right;
    background-repeat:no-repeat;
    background-size:16px 16px;
    padding-right: 24px;
}
.eventWrapper>.eventMainVisualWrapper{
    position:relative;
}
.eventWrapper>.eventMainVisualWrapper>.visual{
    width:100%;
    height:193px;
}
.eventWrapper>.eventMainVisualWrapper>.acBrLogo{
    width:64px;
    height:64px;
    background-image:url(./imagesNew/ac_br.png);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    bottom:0.5rem;
    left:0.5rem;
}
.eventWrapper>.caption,.eventWrapper>.withVis{
    margin:auto 0.5rem;
}
.eventWrapper>.withVis.dt{
    background-image:url(./imagesNew/calendar2.png);
}   
.eventWrapper>.withVis.tm{
    background-image:url(./imagesNew/time2.png);
}
.eventWrapper>.withVis.loc{
    background-image:url(./imagesNew/location2.png);
}
.eventWrapper>.withVis.price{
    background-image:url(./imagesNew/price2.png);
    margin-bottom:1rem;
}
.eventWrapper.special>.dt,
.eventWrapper.special>.tm,
.eventWrapper.special>.loc,
.eventWrapper.special>.price{
    display:none;
}
.eventWrapper>.contBtn{
    background-color:#008c8b;
    color:white;
    text-align:center;
    padding:2rem;
    text-decoration:none;
    font-family:"assistantbold", sans-serif;
    font-size:1.5rem;
    margin-top:auto;
}
.eventWrapper.special>.contBtn{
    background-color:#ef7600;
}
.eventWrapper.active:hover>.contBtn{
    background-color:#0076ba;
}
.eventWrapper>.specialMsg{
    font-family:"assistantbold", sans-serif;
    font-size:1.5rem;
    color:#ef7600;
    padding:0.5rem;
    text-align:center;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items:center;
}
.eventWrapper:not(.special)>.specialMsg{
    display:none;
}
.eventsTypeWrapper .yrsBar{
    display:flex;
    justify-content:flex-end;
    gap:1rem;
    margin:1rem 0;
}
.eventsTypeWrapper .yrsBar>.yr:hover{
    cursor:pointer;
    text-decoration:underline;
}

.eventWrapper,.eventWrapper>.eventMainVisualWrapper>.visual,.eventWrapper>.contBtn{
    border-radius:1rem;
}
/* events area - end */

/* labor laws course area - start */
#eLaborLawsCourseWrapper{
    display:flex;
    flex-direction:column;
    gap:1rem;
    margin:1rem auto;
    box-sizing:border-box;
}
.list #eLaborLawsCourseWrapper{
    gap:0;
    margin:0 auto;
}
#eLaborLawsCourseWrapper>.meeting{
    padding:1rem 0;
    border-radius:1rem;
}
#eLaborLawsCourseWrapper>.meeting>.caption{
    font-family:"assistantbold", sans-serif;
    font-size:1.5rem;
}
.list #eLaborLawsCourseWrapper>.meeting>.caption{
    font-size:1.8rem;
}
#eLaborLawsCourseWrapper>.meeting,
#eLaborLawsCourseWrapper>.meeting>.content>.section{
    display:flex;
    flex-direction:column;
    gap:1rem;
}
.list #eLaborLawsCourseWrapper>.meeting{
    padding:1rem 0 0;
    gap:0;
}
#eLaborLawsCourseWrapper>.meeting>.content{
    display: flex;
    justify-content:flex-start;
    align-items:flex-start;
    gap:1rem;
    width:100%;
    flex-wrap:wrap;
}
.list #eLaborLawsCourseWrapper>.meeting>.content{
    flex-direction:column;
    gap:0;
    padding:1rem;
    border:0.2rem solid #008c8b;
    border-radius:1rem;
    margin:0.3rem 0 0.5rem;
    box-sizing:border-box;
}
#eLaborLawsCourseWrapper>.meeting>.content>.section{
    padding:1rem;
    align-items:flex-start;
    border:0.2rem solid #008c8b;
    border-radius:1rem;
    width:calc(25% - 1rem);
    box-sizing:border-box;
    position:relative;
    font-size:1.2rem;
}
.list #eLaborLawsCourseWrapper>.meeting>.content>.section{
    flex-direction:row;
    border:0;
    gap:0;
    flex-wrap:wrap;
    width:auto;
    padding:0.5rem 0;
}
.list #eLaborLawsCourseWrapper>.meeting>.content>.section>.itm:not(.caption){
    padding:0 1rem;
    border-left:1px solid #465a72;
    margin:0.5rem 0;
    font-size:1.3rem;
}
.list #eLaborLawsCourseWrapper>.meeting>.content>.section>.itm.lastChild{
    border-left:none;
}
#eLaborLawsCourseWrapper>.meeting>.content>.section>.moreBtnWrapper{
    width:100%;
    flex-grow:1;
    display:flex;
    justify-content: flex-end;
    align-items:flex-end;
}
#eLaborLawsCourseWrapper>.meeting>.content>.section>.moreBtnWrapper>.moreBtn:hover{
    cursor:pointer;
}
#eLaborLawsCourseWrapper>.meeting>.content>.section>.imgBG{
    background-image:url(./imagesNew/event1.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    background-repeat:no-repeat;
    opacity:0.1;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.list #eLaborLawsCourseWrapper>.meeting>.content>.section>.imgBG{
    display:none;
}
#eLaborLawsCourseWrapper>.meeting>.content>.section>.caption{
    font-family:"assistantbold", sans-serif;
    font-size:1.3rem;
    width:100%;
}
.list #eLaborLawsCourseWrapper>.meeting>.content>.section>.caption{
    width:100%;
    font-size:1.5rem;
}
/* labor laws course area - end */
/* new courses layout - start */
    #eNewCoursesWrapper{
        display:flex;
        flex-wrap:wrap;
        background-color:white;
        align-items:stretch;
        box-sizing:border-box;
    }
    #eNewCoursesWrapper>.captionWrapper{
        width:100%;
    }
    @media only screen and (min-width:769px){
        #eNewCoursesWrapper>.eventsWrapperInner{
            width:calc(25% - 1rem);
            margin-left:1rem;
        }
    }
    @media only screen and (max-width:768px){
        #eNewCoursesWrapper>.eventsWrapperInner{
            margin-bottom:1rem;
            width:100%;
        }
    }
    #eNewCoursesWrapper>.eventsWrapperInner>.eventWrapper{
        width:100%;
        margin:0;
    }
    #eNewCoursesMoreDetailsWrapper{
        border:1px solid #465a72;
        border-radius: 1rem;
        flex-grow:1;
        padding:1rem;
        width:75%;
        box-sizing:border-box;
    }
    #eNewCoursesMoreDetailsWrapper>.description{
        font-size:1.5rem;
        text-align:center;
    }
    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper{
        display: flex;
        flex-direction:column;
        margin:1rem auto;
    }
    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper>.first,
    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper>.second{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
    }

    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper>.first{
        transform:translateY(1.5rem);
    }
    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper>.second{
        transform:translateY(-1.5rem);
    }
    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper>.first>.meeting:nth-child(2),
    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper>.second>.meeting:nth-child(1){
        transform:translateX(0.5rem);
    }
    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper>.first>.meeting:nth-child(1){
        transform:translateX(1rem);
    }
    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper .meeting{
        width: 150px;
        height:150px;
        padding:1rem;
        border-radius:50%;
        border:1px solid #B8860B;
        display:flex;
        flex-direction: column;
        align-items:center;
        justify-content:center;
        gap:0.5rem;
        text-decoration:none;
    }
    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper .meeting>.meetingNum{
        font-family:"assistantbold", sans-serif;
        font-size:1.2rem;
        color:#B8860B;
    }
    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper .meeting>.meetingTtl{
        color:#465a72;
        font-size:1.1rem;
        text-align:center;
    }
    #eNewCoursesMoreDetailsWrapper>.meetingsWrapper .meeting:hover{
        cursor:pointer;
        border-color:#0076ba;
        box-shadow: 0 0 10px #0076ba;
        text-shadow: 2px 2px 1px rgba(70, 90, 114, 0.2);
    }
/* new courses layout - end */

/* inner guidance area - start */
body:not(.innerguidance):not(.allevents) #eInnerGuidancePg{
    display:none;
}
body.innerguidance #eInnerGuidancePg{
    background-color: white;
    color: #465a72;
}
#eInnerGuidancePg{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem;
    color:white;
    background-color:#008c8b;
    font-size:1.3rem;
    border-radius:1rem;
    margin:1rem auto;
}
body:not(.innerguidance) #eInnerGuidancePg:hover{
    cursor:pointer;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
body:not(.innerguidance) #eInnerGuidancePg{
    border:1px solid #0076ba;
    padding:1rem 0;
}
#eInnerGuidancePg>.caption{
    font-family:"assistantbold", sans-serif;
    font-size:2rem;
}
body.innerguidance #eInnerGuidancePg>.msg{
    display:none;
}
body:not(.innerguidance) #eInnerGuidancePg>.pg{
    display:none;
}
#eInnerGuidancePg>.moreWrapper{
    width:100%;
    text-align:center;
}
body.innerguidance #eInnerGuidancePg>.moreWrapper{
    display:none;
}
#eInnerGuidancePg>.moreWrapper>.link{
    font-family: "assistantbold", sans-serif;
    font-size:1.5rem;
    text-decoration: none;
    color:white;
}
#eInnerGuidancePg>.pg{
    font-size:1.3rem;
}
#eInnerGuidancePg>.pg>.descriptionWrapper{
    text-align:justify;
}
#eInnerGuidancePg>.pg>.mainSubjectsWrapper>.mainSubject{
    margin:1rem 0;
}
#eInnerGuidancePg>.pg>.mainSubjectsWrapper>.captionWrapper{
    font-family:"assistantbold", sans-serif;
    font-size:2rem;
    margin:2rem 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
#eInnerGuidancePg>.pg>.mainSubjectsWrapper>.captionWrapper>.moreBtn{
    background-color:#0076ba;
    color:white;
    padding:0.5rem 2.5rem;
    border-radius:0.5rem;
    font-family:"assistantbold", sans-serif;
    font-size:1.3rem;
    border:0;
}
#eInnerGuidancePg>.pg>.mainSubjectsWrapper>.captionWrapper>.moreBtn:hover{
    cursor:pointer;
}
#eInnerGuidancePg>.pg>.mainSubjectsWrapper>.mainSubject>.caption{
    font-family:"assistantbold", sans-serif;
    font-size:1.5rem;
}
#eInnerGuidancePg>.pg>.mainSubjectsWrapper>.mainSubject>.secondarySubjectsWrapper{
    display:flex;
    flex-wrap: wrap;
}
@media only screen and (min-width:768px){
    #eInnerGuidancePg>.pg>.mainSubjectsWrapper>.mainSubject>.secondarySubjectsWrapper>.secondarySubject{
        margin:0.5rem 0;
    }
    #eInnerGuidancePg>.pg>.mainSubjectsWrapper>.mainSubject>.secondarySubjectsWrapper>.secondarySubject:not(:last-child){
        padding-left:1rem;
        border-left:1px solid #465a72;
    }
    #eInnerGuidancePg>.pg>.mainSubjectsWrapper>.mainSubject>.secondarySubjectsWrapper>.secondarySubject{
        padding-right:1rem;
    }
    
}
/* inner guidance area - end */

/* event details area - start */
#eEventDetailsWrapper{
    display:flex;
    flex-direction:column;
    gap:1rem;
    padding:1rem 0;
    background-color:white;
    font-size:1.2rem;
    align-items:flex-start;
}
@media only screen and (min-width:769px){
    .detailsAndRegBtnWrapper{
        display:flex;
        gap:0.5rem;
        width:100%;
    }
    .detailsAndRegBtnWrapper>.itm{
        width:calc(33% - 1rem);
    }
}
@media only screen and (max-width:768px){
    .detailsAndRegBtnWrapper>.itm{
        margin-bottom:1rem;
    }
}
.detailsAndRegBtnWrapper>.itm{
    background-image:url(./imagesNew/bg1.png);
    background-size:cover;
    background-repeat:no-repeat;
    padding:2rem 1rem;
    border-radius:1rem;
    border:1px solid #0076ba;
}
.detailsAndRegBtnWrapper>.detailsWrapperWrapper{
    display:flex;
    align-items:center;
    justify-content:center;
}
.detailsAndRegBtnWrapper>.detailsWrapperWrapper>.detailsWrapper{
    font-family: "assistantbold", sans-serif;
    font-size:1.5rem;
}
.detailsAndRegBtnWrapper>.detailsWrapperWrapper>.detailsWrapper>*{
    padding-top:1rem;
    padding-bottom:1rem;
}
.detailsAndRegBtnWrapper>.summary{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    font-size:1.2rem;
}
.detailsAndRegBtnWrapper .withVis{
    background-position:center right;
    background-repeat:no-repeat;
    background-size:32px 32px;
    padding-right: 44px;
}
.detailsAndRegBtnWrapper .withVis.dt,.detailsAndRegBtnWrapper .withVis.eventsNum{
    background-image:url(./imagesNew/calendar2.png);
}   
.detailsAndRegBtnWrapper .withVis.tmRng{
    background-image:url(./imagesNew/time2.png);
}
.detailsAndRegBtnWrapper .withVis.loc{
    background-image:url(./imagesNew/location2.png);
}
.detailsAndRegBtnWrapper .withVis.price{
    background-image:url(./imagesNew/price2.png);
    display:flex;
    gap:1rem;
}
.detailsAndRegBtnWrapper .withVis.ackByAcBr{
    background-image:url(./imagesNew/ac_br_2.png);
}
.detailsAndRegBtnWrapper .withVis.price>.orgPrice{
    text-decoration: line-through;
    margin-right:auto;
}
.detailsAndRegBtnWrapper .timeTableCaption{
    font-family:"assistantbold", sans-serif;
    font-size:1.5rem;
    width:100%;
    padding:0.5rem 3rem 0.5rem 1rem;
    margin-top:1rem;
    background-size: 32px 32px;
    background-image:url(./imagesNew/schedule3.png);
    background-color:#0076ba;
    color:white;
    background-repeat: no-repeat;
    background-position: right center;
    background-clip:padding-box;
    border-right:1rem solid #0076ba;
    border-radius:1rem;
    box-sizing:border-box;
}
.detailsAndRegBtnWrapper .timeTable>*{
    margin:0;
}
.detailsAndRegBtnWrapper .btnWrapper{
    display:flex;
    align-items:center;
    justify-content:space-around;
    flex-direction:column;
    flex-grow:1;
    border-color:#465a72 !important;
    border-width:1rem !important;
    padding:2rem 0 !important;
    justify-content:flex-start !important;
}
.detailsAndRegBtnWrapper .btnWrapper>.stripe{
    height:1rem;
    background-color:#465a72;
    width:100%;
}
.detailsAndRegBtnWrapper .btnWrapper>.caption{
    font-size:2.5rem;
    font-family:"assistantbold", sans-serif;
}
.detailsAndRegBtnWrapper .btnWrapper>.regBtn{
    background-color:#ef7600;
    color:white;
    padding:0.5rem 2.5rem;
    border-radius:0.5rem;
    font-family:"assistantbold", sans-serif;
    font-size:1.5rem;
    text-decoration:none;
}
.detailsAndRegBtnWrapper .btnWrapper>.caption{
    margin-top:auto;
}
.detailsAndRegBtnWrapper .btnWrapper>.regBtn{
    margin-top:1rem;
    margin-bottom:auto;
}
.detailsAndRegBtnWrapper .btnWrapper>.regBtn:hover{
    cursor:pointer;
    background-color:#0076ba;
}
/* event details area - end */

/* get back area - start */
#eGetBackWrapperWrapper{
    display:flex;
    justify-content:center;
    border-radius:1rem;
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:right center;
    background-color:#0076ba;
    margin:0 auto;
    color:white;
    margin:1rem auto !important;
}
#eGetBackWrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1rem;
    height:100%;
    box-sizing:border-box;
}
#eGetBackWrapper>.caption{
    font-family:"assistantbold", sans-serif;
    font-size:3rem;
}
#eGetBackWrapper>.inputsWrapper{
    display:flex;
    width:100%;
    gap:1rem;
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:1rem;
}
#eGetBackWrapper>.inputsWrapper>.input{
    padding:0.5rem;
    border-radius:0.5rem;
    border:0.1rem solid #465a72;
    font-family:"assistant", sans-serif;
    font-size:1.5rem;
}
#eGetBackWrapper>.inputsWrapper>.submitBtn{
    background-color:#ef7600;
    color:white;
    padding:0.5rem 2.5rem;
    border-radius:1rem;
    cursor:pointer;
    font-family:"assistantbold", sans-serif;
    font-size:1.5rem;
    border:0;
}
#eGetBackWrapper>.inputsWrapper>.submitBtn:hover{
    background-color:#008c8b;
}
/* get back area - end */

/* lecturers area - start */
#eLecturersWrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1rem;
    padding:1rem 0 2rem 0;
    border:1px solid #008c8b;
    margin:1rem auto;
    border-radius:1rem;
}
#eLecturersWrapper>.caption{
    font-family:"assistantbold", sans-serif;
    color:#0076ba;
    font-size:3rem;
}
#eLecturersWrapper>.lecturers{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
}
#eLecturersWrapper>.lecturers>.lecturer:last-child{
    margin-left:auto;
}
.showHideAllLecturers{
    font-size:1.2rem;
    text-decoration:underline;
}
.showHideAllLecturers:hover{
    color:#0076ba;
    cursor:pointer;
}
#eLecturersWrapper>.lecturers>.lecturer{
    margin:0.5rem;
    width:calc(25% - 2rem);
    color:#465a72;
    font-family:"assistantbold", sans-serif;
    font-size:1.5rem;
    padding:0.5rem;
    display:flex;
    flex-direction: column;
    align-items:center;
}
#eLecturersWrapper>.lecturers>.lecturer:hover{
    cursor:pointer;
}
.lecturer>.visual{
    width:200px;
    height:200px;
    border-radius:50%;
}
#eLecturersWrapper:not(.showAllLecturers)>.lecturers>.lecturer:nth-child(n+5) {
    display: none;
}
.lecturerRules{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:101;
    padding:2rem;
    background-color:#465a72;
    color:white;
    text-align:center;
    max-height:80%;
    overflow:auto;
}
.lecturerRules *{
    font-size:1.2rem !important;
}
.lecturerRules>.closeBtn{
    width:16px;
    height:16px;
    position:absolute;
    top:0.5rem;
    left:0.5rem;
}
.lecturerRules>.closeBtn:hover{
    cursor:pointer;
}
.lecturerRules>.extension1{
    text-align:right;
}
/* lecturers area - end */

/* footer - start */
#eFtr{
    display:flex;
    flex-direction: column;
    align-items:center;
    gap:1rem;
    margin:1rem auto;
}
#eFtrMenu{
    display:flex;
    justify-content:center;
}
#eFtrMenu>.itm{
    padding:0 1rem;
    text-decoration:none;
    color:#465a72;
}
#eFtrMenu>.itm:hover,
#eSocialNetworksPanel>.social:hover{
    filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
    cursor:pointer;
}
#eSocialNetworksPanel>.social:hover{
    transform:scale(1.2);
}
#eFtrMenu>.itm:not(:last-child){
    border-left:1px solid #465a72;
}
#eSocialNetworksPanel{
    display:flex;
    gap:1rem;
    justify-content:center;
    margin:0;
}
#eSocialNetworksPanel>.social{
    width:32px;
    height:32px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
#eSocialNetworksPanel>.linkedin{
    background-image:url(./imagesNew/linkedin-32.png);
}
#eSocialNetworksPanel>.youtube{
    background-image:url(./imagesNew/youtube-32.png);
}
#eSocialNetworksPanel>.facebook{
    background-image:url(./imagesNew/facebook-32.png);
}
#eContactDetails{
    display:flex;
    justify-content:center;
}
#eContactDetails>.itm{
    padding:0 0.5rem;
}
#eContactDetails>.itm:not(:last-child){
    border-left:1px solid #465a72;
}

/*
#eFtr{
    margin:1rem auto;
    display:flex;
    justify-content:space-between;
}
#eFtr>.socials,#eFtr>.contactDetails{
    display:flex;
    align-items:center;
}
#eFtr>.socials{
    gap:1rem;   
}
#eFtr>.contactDetails>.itm{
    padding:0 1rem;
}
#eFtr>.contactDetails>.itm:last-child{
    padding-left:0;
}
#eFtr>.contactDetails>.itm:nth-child(1),
#eFtr>.contactDetails>.itm:nth-child(2){
    border-left:1px solid #465a72;
}
#eFtr>.socials>.social{
    width:32px;
    height:32px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
#eFtr>.socials>.linkedin{
    background-image:url(./imagesNew/linkedin-32.png);
}
#eFtr>.socials>.youtube{
    background-image:url(./imagesNew/youtube-32.png);
}
#eFtr>.socials>.facebook{
    background-image:url(./imagesNew/facebook-32.png);
}
*/



/* footer - end */

/* reg pg - start */
#eRegPg{
    width:100%;
}
#eRegPgWrapper>.caption{
    font-family:"assistantbold", sans-serif;
    font-size:2rem;
    margin-top:1rem;
    text-align:center;
}
#eRegPgWrapper>.info>.withVis{
    background-position:center right;
    background-repeat:no-repeat;
    background-size:16px 16px;
    padding-right: 24px;
}
#eRegPgWrapper>.info{
    margin:1rem 0 0 0;
    display:flex;
    gap:2rem;
    justify-content: center;
}
#eRegPgWrapper>.info>.withVis.dt{
    background-image:url(./imagesNew/calendar2.png);
}   
#eRegPgWrapper>.info>.withVis.tmRng{
    background-image:url(./imagesNew/time2.png);
}
#eRegPgWrapper>.info>.withVis.loc{
    background-image:url(./imagesNew/location2.png);
}
#eRegPgWrapper>.info>.withVis.price{
    background-image:url(./imagesNew/price2.png);
}

/* reg pg - end */

/* about pg - start */
#eAboutPgWrapper{
    display:flex;
    flex-direction:column;
    gap:1rem;
    padding:1rem 0;
    font-size:1.3rem;
    text-align:justify;
}
#eAboutPgWrapper>.hdr{
    font-family:"assistantbold", sans-serif;
    font-size:2rem;
    text-align:center;
}
#eAboutPgWrapper>.subtitle{
    font-family:"assistantbold", sans-serif;
    font-size:1.5rem;
}
/* about pg - end */

/* contact pg - start */
#eContactUsPgWrapper{
    display:flex;
    gap:5rem;
    justify-content:center;
}
#contact-form1{
    margin-top:20px;
}
#contactForm{
    display:flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
}
#contactForm input,#contactForm textarea {
    border: 1px solid #bec5cf;
    /*height: 15px;*/
    margin: 0 auto 5px;
    padding: 10px;
    width: 100%;
    font-size: 16px;
    background: #fff;
    display: block;
    box-sizing:border-box;
}
#submit_btn{
    margin-top:10px !important;
}
#contactForm input#submit_btn {
    background: #00a7dd;
    border: 0 none;
    cursor: pointer;
    color:white;
    font-size: 25px;
    font-weight: bold !important;
    height: 40px;
    margin: 0;
    width: 125px;
    margin-top: 15px;
    padding: 6px 0;
    text-align:center;
}
#contact-form1 *{
    font-size:1rem;
    /*padding:10px;*/
}
@media only screen and (min-width:769px){
    #contact-form1 *{
        width:400px;
    }
}
@media only screen and (max-width:768px){
    #contact-form1{
        width:100%;
    }
}
#eContactUsPgWrapper .msg{
    font-size:1rem;
}
#eContactUsPgWrapper .errorMsg{
    color:red;
    margin-bottom:1rem;
}
@media only screen and (max-width:768px){
    #eContactUsVisual{
        display:none;
    }
}
/* contact pg - end */

/* policy pg - start */
#ePolicyPgWrapper{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:70%;
    height:70%;
    z-index:101;
}
#ePolicyPg{
    width:100%;
    height:100%;
    background-color:#eee;
    border:1px solid #000;
}
#ePolicyPgWrapper>.closeBtn{
    position:absolute;
    top:-1rem;
    left:-1rem;
    width:1rem;
    height:1rem;
    background-image:url(imagesNew/closeBtnSmall.png);
    background-size:1rem 1rem;
    background-position:center;
    background-repeat:no-repeat;
}
#ePolicyPgWrapper>.closeBtn:hover{
    cursor:pointer;
}
/* policy pg - end */

/* credit card interface - start */
#eCreditCardInterfaceFr{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:1200px;
    height:725px;
}
@media only screen and (max-width:1279px){
    #eCreditCardInterfaceFr{
        width:100%;
    }
}
@media only screen and (min-width:1280px){
    #eCreditCardInterfaceFr{
        width:1200px;
    }
}
#eCreditCardInterfaceFrCloseBtn{
    background-image:url(../imagesNew/closeBtn.png);
    width:24px;
    height:24px;
    display:inline-block;
    position:absolute;
    cursor:pointer;
}
#eCreditCardInterfaceFr,#eCreditCardInterfaceFrCloseBtn{
    z-index:120;
}
/* credit card interface - end */

/* breadcrumbs - start */
#eBreadCrumbsWrapper{
    padding:0.5rem 0;
}
#eBreadCrumbsWrapper>.breadCrumb{
    font-size:1.1rem;
    color:#465a72;
    text-decoration:none;
}
#eBreadCrumbsWrapper>.breadCrumb.last{
    cursor:default;
    font-weight:bold;
}
#eBreadCrumbsWrapper>.breadCrumb:not(.last):hover{
    text-decoration:underline;
    font-weight: bold;
}
#eBreadCrumbsWrapper>.separator{
    margin:0 0.5rem;
}
/* breadcrumbs - end */

/* accessibility menu - start */
#eAccessibilityMenu{
    list-style-type:none;
    padding:0;
    margin:0.3rem 0;
    background-color:#eee;
    color:#000;
    position:fixed;
    z-index:120;

}
#eAccessibilityMenu>.itm{
    padding:0.5rem;
}
#eAccessibilityMenu>.itm:hover{
    background-color:#ddd;
    cursor:pointer;
}
.highlightInputElementOnFocus,.accessibltBtn:focus,#eAccessibilityMenu>.itm:focus{
    outline:0.3rem dotted red !important;
}
.bgColorWhite{
    background-color:white !important;
}
.bgColorBlack{
    background-color:black !important;
}
.bgColorGray1{
    background-color:#bbb !important;
}
.bgColorOrange{
    background-color: #e67315 !important;
}
.bgNone{
    background:none !important;
}
.colorBlack{
    color:black !important;
}
body.highContrast *{
    color:#000 !important;
}
body.darkTheme *{
    color:#fff !important;
}
body.darkTheme,body.darkTheme #eMainBanner,body.darkTheme #eAccessibilityMenu,
body.darkTheme #eNewCoursesWrapper,body.darkTheme .eventWrapper{
    background-color:#465a72 !important;
}
body.darkTheme #eMainBanner{
    background-image:none;
}
/* accessibility menu - end */

/* share board popup - start */
.shareBoardWrapper{
        position:fixed;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        background-color:white;
        border:1px solid #465a72;
        border-radius:1rem;
        padding:3rem;
        z-index:120;
    }
    .jssocials-share{
        margin:1rem !important;
    }
    .jssocials-share:hover{
        cursor:pointer;
    }
    .jssocials-share-link{
        display:flex !important;
        flex-direction:column;
        align-items:center;
    }
    .jssocials-share-link>.jssocials-share-logo{
        margin-bottom:0.5rem;
    }
    .jssocials-share-copyMe>.jssocials-share-link{
        background-color:#9ca24d;
    }
    .jssocials-shares{
        display:flex !important;
    }
    @media only screen and (max-width:768px){
        .jssocials-shares{
            flex-direction: column;
        }
        }
    .jssocials-share{
        width:100px;
    }
    #eCloseBtnInSharePopup{
        position:absolute;
        top:0.5rem;
        right:0.5rem;
        width:20px;
        height:20px;
        background-image:url(../imagesNew/closeBtn.png);
        background-size:cover;
        background-repeat:no-repeat;
        cursor:pointer; 
    }
    #eCloseBtnInSharePopup:hover{
        background-image:url(../imagesNew/closeBtnH.png);
        cursor:pointer;
    }
/* share board popup - end */

/* expaned reg form popup start */
    #eRegFormWrapper{
        position:fixed;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        background-color:white;
        border:1px solid #465a72;
        border-radius:1rem;
        padding:3rem;
        z-index:130;
        display:flex;
        flex-direction: column;
        gap:1rem;
    }
    #eRegFormWrapper>.input{
        padding:0.3rem;
        box-sizing: border-box;
        font-size:1.3rem;
        border:1px solid #465a72;
    }
    @media only screen and (max-width:768px){
        #eRegFormWrapper{
            box-sizing: border-box;
        }
    }
    @media only screen and (min-width:769px){
        #eRegFormWrapper>.input{
            width:20rem;
        }
    }
    #eRegFormWrapper>.submitBtn{
        font-family: "assistantbold", sans-serif;
        background-color:#ed7721;
        border-radius: 1rem;
        color:white;
        font-size:1.5rem;
        padding:0.5rem;
        border:0;
    }
    #eRegFormWrapper>.submitBtn:hover{
        background-color:#0076ba;
        cursor:pointer;
    }
    #eRegFormWrapper>.closeBtn{
        position:absolute;
        top:1rem;
        right:1rem;
        width:1rem;
        height:1rem;
        background-image:url(imagesNew/closeBtnSmall.png);
        background-size:1rem 1rem;
        background-position:center;
        background-repeat:no-repeat;
    }
    #eRegFormWrapper>.closeBtn:hover{
        cursor:pointer;
    }
/* expanded reg form popup - end */

/* sitemap - start */
    #eSitemapWrapper>.itemsWrapper{
        list-style-type:none;
        padding:0;
    }
    #eSitemapWrapper>.itemsWrapper>.itm{
        margin:1rem 0;
    }
    #eSitemapWrapper>.itemsWrapper>.itm>a{
        font-size:1.2rem;
        color:#465a72;
    }
/* sitemap - end*/

/* youtube video - start */
    .recording{
        color:#ef7600;
    }
    .recording:hover{
        cursor:pointer;
    }
    #eYTVideo{
        position:fixed;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
    }
    @media only screen and (min-width:769px){
        #eYTVideo{
            width:1236px;
            height:695px;
        }
    }
    @media only screen and (max-width:768px){
        #eYTVideo{
            width:90%;
            height:50.625vw;
        }
    }

    #eYTVideoCloseBtn{
        background-image:url(../imagesNew/closeBtnSmall.png);
        width:16px;
        height:16px;
        background-repeat: no-repeat;
        position:fixed;
    }
    #eYTVideoCloseBtn:hover{
        cursor:pointer;
    }
    #eYTVideo,#eYTVideoCloseBtn{
        z-index:120;
    }
/* youtube video - end */


/* mobile adaptation - start */
@media only screen and (max-width:768px){
    #eHdr{
        justify-content:space-between;
    }
    #eMainMenu{
        display:none;
    }
    #eMainBanner{
        height:auto;
        padding:0.5rem;
    }
    #eMainBanner>.caption{
        background-image:none;
    }
    #eMainBanner>.caption>.top,#eMainBanner>.caption>.bottom{
        max-width:100%;
    }
    #eMainBanner>.caption>.top{
        font-size:3rem;
    }
    #eMainBanner>.caption>.bottom{
        font-size:1.3rem;
    }
    .eventsTypeWrapper .eventWrapper,
    #eLecturersWrapper>.lecturers>.lecturer{
        width:100%;
    }
    .eventsTypeWrapper .eventWrapper{
        margin:0.5rem 0;
    }
    #eLecturersWrapper>.caption{
        text-align:center;
    }
    #eGetBackWrapper{
        padding:1rem;
    }
    #eGetBackWrapper>.caption{
        text-align:center;
    }
    #eGetBackWrapper>.inputsWrapper{
        flex-direction:column;
        gap:1rem;
        width:100%;
    }
    #eGetBackWrapper>.inputsWrapper>.input{
        box-sizing:border-box;
    }
    #eFtr{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:1rem;
    }
    #eInnerGuidancePg{
        padding:0.5rem;
    }
    #eInnerGuidancePg>*{
        text-align:center;
    }
    #eInnerGuidancePg>.moreWrapper{
        text-align:center;
    }
    #eInnerGuidancePg>.moreWrapper>.link{
        margin-left:0;
    }
    #eEventDetailsWrapper{
        flex-direction: column;
    }
    #eRegPgWrapper>.info{
        flex-direction: column;
        gap:1rem;
    }
    #eMainMenuBtn{
        width:32px;
        height:32px;
        background-image:url(../imagesNew/hamburger.png);
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
    }

    /* main menu on mobile - start */
    #eMainMenuOnMobile{
        display:flex;
        background-color:#465A72;
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        left:0;
        flex-direction: column;
        justify-content:flex-start;
        align-items: center;
        overflow:hidden;
        z-index:101;
        list-style-type:none;
        margin:0;
    }
    #eMainMenuOnMobile>.itm{
        width:82%;
    }
    #eMainMenuOnMobile>.itm:not(.closeBtn){
        padding:1rem 0;
        text-align:right;
    }
    #eMainMenuOnMobile>.itm:not(.closeBtn):not(:last-child){
        border-bottom:1px solid white;
    }
    #eMainMenuOnMobile>.itm:nth-child(2){
        padding-top:0 !important;
    }
    #eMainMenuOnMobile>.itm>.caption{
        font-size:1.6rem;
    }
    #eMainMenuOnMobile>.itm>.caption{
        color:white;
        text-decoration:none;
    }
    #eMainMenuOnMobile>.closeBtn{
        padding:1rem 0 0 0 !important;
        display:flex;
        justify-content: flex-end;
    }
    #eMainMenuOnMobile>.closeBtn>.img{
        width:15px;
        height:15px;
        background:url(../imagesNew/close_2.png);
        background-repeat: no-repeat;
    }
    @keyframes stretchMobileMenuTemplate{
        from{
            height:0;
        }
        to{
            height:100%;
        }
    }
    @keyframes stretchMobileMenuTemplateReverse{
        from{
            height:100%;
        }
        to{
            height:0;
        }
    }
    .showMobileMenu{
        animation:stretchMobileMenuTemplate 0.5s;
    }
    .hideMobileMenu{
        animation:stretchMobileMenuTemplateReverse 0.5s;
    }
    /* main menu on mobile - end */

    /* inner guidance pg on mobile - start */
    body.innerguidance #eInnerGuidancePg>*{
        text-align:right;
    }
    #eInnerGuidancePg>.pg>.mainSubjectsWrapper>.captionWrapper{
        display:flex;
        flex-direction: column;
        gap:1rem;
    }
    #eInnerGuidancePg>.pg>.mainSubjectsWrapper>.captionWrapper>.caption{
        order:2;
    }
    #eInnerGuidancePg>.pg>.mainSubjectsWrapper>.captionWrapper>.moreBtn{
        order:1;
    }
    #eInnerGuidancePg>.pg>.mainSubjectsWrapper>.mainSubject>.secondarySubjectsWrapper{
        display:flex;
        flex-direction: column;
        gap:0.5rem;
    }
    #eInnerGuidancePg>.pg>.mainSubjectsWrapper>.mainSubject>.secondarySubjectsWrapper>.secondarySubject::after {
        content: ". ";
    }
    /* inner guidance pg on mobile - end */

}

/* mobile adaptation - end */

/* helper - start */
.hideMe{
    display:none !important;
}
.invisibleMe{
    visibility:hidden;
}
.boldMe{
    font-family:"assistantbold", sans-serif;
}
.opacity50{
    opacity:0.5;
}
.marginLeft0{
    margin-left:0 !important;
}
#eCurtain{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:110;
    background-color:#eeeeee;
    opacity:0.6;
    filter:alpha(opacity=60);
}
.minHeight{
    height:0 !important;
}
@media only screen and (min-width:768px){
    .mobileOnly{
        display:none;
    }
}
/* helper - end */

/* Add these new classes */
@keyframes swirl {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(360deg) scale(0.5);
    }
    100% {
        transform: rotate(720deg) scale(0);
    }
}

.swirl-out {
    animation: swirl 0.7s ease-in forwards;
    pointer-events: none;
}
