body{
    font-family: 'Roboto', sans-serif;
    margin: 0;
    font-size: 20px;
    color: #58595A;
    height: 100%;
}

html {
    height: 100%;
}

.index-event_item-desc p{
    font-size: inherit;
    margin-bottom: 0;
}


.title_fonts {
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 2px;
    line-height: 1.1em;
}

.page_content-value.title_fonts.intense {
  letter-spacing: 0.6px;
  font-size: 1.5em;
}

.dropdown_remark {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: normal;
    letter-spacing:normal;
    color:#737373;
    margin-top:4px;
}


.extra {
    display:none;
}

.main_menu_extra {
  display: none !important
}

img {
    width: 100%;
    max-width: 100%;
    vertical-align: top;
}

* {
    box-sizing: border-box;
}


a{
    text-decoration: none;
    /* color: #58595A; */
    color: #3a3c3d;
}

/* a:hover {
  opacity: 0.7;
} */

.index_link {
    color: #FFFFFF;
}

.menu_static li {
    font-size: 0.8em !important;
}



textarea,
input[type='text'], input[type='number'], input[type='email'] {
    -webkit-appearance: none;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    color: #58595A;
    width: 100%;
    border: 0px solid #fff;
    padding: 7px 15px;

}

.select-box {
    /* padding:10px 35px 10px 5px; */
    padding: 6px 15px;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 1px;
    line-height: 1.1em;
    font-size: 1em;
    color:#58595A;
    /* margin: 0 20px; */
    width:100%;


}

.best_viewed {
    font-size:0.9em;
    font-style:italic;
    font-weight:100;
}

.reg .select-box {
  padding:8px 5px;
  font-size: 1em;
}

.form_fleid .title_fonts {
    display: block;
    margin-bottom: 5px;
}

::-webkit-input-placeholder { /* Edge */
    color: #58595A;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #58595A;
  }
  
  ::placeholder {
    color: #58595A;
  }

header {
    border-bottom: 10px solid #247F7F;
}


.btn {
    border: 0px;
    background-color: #6fb485;
    color: #fff;
    padding: 12px 35px 10px;
    font-size: 1.5em;
    margin: 5px 0 5px 5px;
    transition: 0.2s box-shadow;
}

.btn.register, .btn.submit {
  margin: 0 auto;
  display: block;
}

.btn:hover {
    box-shadow: 0px 0px 10px -3px #000;
    cursor: pointer;
}

.btn:active {
    box-shadow: inset 0px 0px 8px -4px #000;
}

#myform .error {
    color:#FF0000;
    font-weight:bold;
    display:none;
    font-size: 0.8em;
}


.loader-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.1;
}

.loader {
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    transform: translate(-50%, -50%);
    border: 7px solid #f3f3f3;
    border-radius: 50%;
    border-top: 7px solid #247f7f;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 2;
  }

  /* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.web_space_outer {
    max-width: 1540px;
    padding: 0 40px;
    margin: 0 auto;
}

.web_space_outer.event {
    padding: 0 20px;
}

.web_space_outer.research {
    padding: 0 20px;
}


.web_space_all {
    max-width: 1920px;
    margin: 0 auto;
}

.index-event-outer {
  width: 100%;
  background-color: #F2F2F2
}

.index-research-outer {
    width:100%;
    background-color:#ffffff;
}

ul.remove_style {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

ul.remove_style>li {
    display: inline-block;
}

.header {
    display: flex;
    /* margin: 20px 0 10px; */
    margin: 20px 0 0;
    position: relative;
}

.header_left {
    width: 400px;
    vertical-align: middle;
    display: inline-block;
    align-self: center;
    padding-bottom: 10px;
}

.header_right {
    width: calc(100% - 400px);
    vertical-align: middle;
    display: inline-block;
    align-self: flex-end;
}

.header_right-top {
    text-align: right;
    /* font-size: 16px; */
    font-size: 0.8em;
}

.header_tigger {
    display: none;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translate(0, -50%);
    width: 25px;
    cursor: pointer;
}

.header_tigger > span {
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #247f7f;
}

.header_menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    display: none;
    z-index: 5;
}

.header_menu-mob-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    display: none;
    cursor: pointer;
}

.header_menu-mob-close>span {
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #247f7f;
    position: absolute;
    top: 10px;
}

.header_menu-mob-close>span:nth-child(1) {
    transform: rotate(45deg);
}

.header_menu-mob-close>span:nth-child(2) {
    transform: rotate(-45deg);
}

.menu-mob {
    display: none;
}

.header_menu-sub>ul>li {
    padding: 5px 16px;
    cursor: pointer;
}

.header_menu-size {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}

.header_menu-size>ul>li {
    width: 28px;
    height: 20px;
    vertical-align: baseline;
    text-align: center;
    display: table-cell;
    cursor: pointer;
}

.header_menu-size>ul>li:nth-child(1) {
    font-size: 12px;
}

.header_menu-size>ul>li:nth-child(2) {
    font-size: 16px;
}

.header_menu-size>ul>li:nth-child(3) {
    font-size: 20px;
}

.header_menu-size>ul>li.active {
    border: 1px solid #A1A1A1;
    border-radius: 5px;
}

.header_menu-sub {
    display: inline-block;
}

.header_menu-search {
    display: inline-block;
}

.search-key {
    position: relative;
}

.search-key:before {
    /* font-family: 'FontAwesome';
    content: '\f002'; */
    content: url(../images/temp/icon_search.jpg);
    position: absolute;
    top: 55%;
    left: 8px;
    transform: translate(0, -50%);
    cursor: pointer;
}

.search-key input {
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-align: center;
    width: 150px;
    padding-left: 25px;
}

.search-key {
    position: relative;
}

.search-key:before {
    /* font-family: 'FontAwesome';
    content: '\f002'; */
    content: url(../images/temp/icon_search.jpg);
    position: absolute;
    top: 55%;
    left: 8px;
    transform: translate(0, -50%);
    cursor: pointer;
}

.search-key input {
    border: 1px solid #ccc;
    padding: 5px 10px;
    text-align: center;
    width: 150px;
    padding-left: 25px;
}

.header_right-bottom {
    text-align: right;
    padding-top: 25px;
}

.header_menu-main>ul>li {
    color: #247F7F;
    margin-left: 40px;
    cursor: pointer;
}

/* ul#main_menu li:last-child {
    color: #247F7F;
    margin:0 !important;
    cursor: pointer;
} */

.header_menu-main>ul>li> .extra {
    padding: 10px 20px;
    color: #6DB484;
    font-size: 1.25em;
}

.header_menu-main>ul>li>a .extra {
    padding: 10px 20px;
    color: #6DB484;
    font-size: 1.25em;
}


/* .header_menu-extra>ul>li>a {
    padding: 10px 20px;
    color: #6DB484;
    font-size: 1.25em;
}

.header_menu-extra>ul>li.active>a, .header_menu-extra>ul>li>a:hover {
    background-color: #6DB484;
    color: #fff;
} */

.header_menu-main>ul>li>a {
    color: #247F7F;
    /* font-size: 27px; */
    font-size: 1.35em;
    position: relative;
}

.header_menu-main>ul>li:nth-child(1) {
    margin-left: 0px;
}

.header_menu-main>ul>li>a:hover:before {
    opacity: 1;
}

.header_menu-main>ul>li>a:before {
    content: '';
    width: 100%;
    height: 3px;
    background: #247f7f;
    transition: .1s all;
    display: block;
    position: absolute;
    bottom: 0;
    opacity: 0;
}

.header_media {
    display: none;
    position: absolute;
    bottom: 30px;
    right: 20px;
    color: #247F7F;
}

.header_media-btn {
    width: 27px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}

.header_media-btn img {
    vertical-align: middle;
}

.header_media-text {
    vertical-align: middle;
    display: inline-block;
}

.footer_info {
    background-color: #51404E;
    padding: 80px 0;
    color: #fff;
    /* font-size: 17px; */
    font-size: 0.85em;
}

.footer_info-wrapper {
    position: relative;
}

.footer_logo {
    width: 332px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.footer_copyright {
    padding: 0 140px 0 380px;
}

.footer_media {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

.footer_media-btn {
    width: 27px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.footer_media-btn img {
    vertical-align: middle;
}

.footer_menu {
    background-color: #E3E4E4;
    padding: 50px 0;
}

.footer_menu_title {
    /* font-size: 28px; */
    font-size: 1.4em;
    color: #51404E;
    padding-right: 0px;
}

.footer_menu_title.contact {
  margin-bottom: 5px;
}

.footer_menu-info {
    width: 300px;
    display: inline-block;
    background-color: #fff;
    padding: 25px 40px;
    vertical-align: top;
    position: relative;
    top: -20px;
}

.footer_menu-wrapper {
    width: calc(100% - 306px);
    display: inline-block;
    vertical-align: top;
}

.footer_menu_row {
    display: inline-block;
    width: 180px;
    vertical-align: text-top;
    margin-right: 58px;
}

.footer_menu_row:last-child {
  margin-right: 0;
}

.footer_menu_cat {
    padding-bottom: 10px;
}

.footer_menu-inner {
    display: flex;
    flex-direction: column;
    max-height: 600px;
    flex-wrap: wrap;
}

.footer_menu_item {
    /* font-size: 17px; */
    font-size: 0.85em;
    margin: 15px 0;
}

.footer_menu-info-space {
    height: 5px;
}

.footer_menu-info-item {
    /* font-size: 17px; */
    font-size: 0.85em;
    margin: 15px 0;
}

.footer_menu-info-item.footer_info-phone {
    /* padding-left: 30px; */
    padding-left: 1.6em;
    position: relative;
    margin: 22px 0;
}

.footer_menu-info-item.footer_info-fax {
    /* padding-left: 30px; */
    padding-left: 1.6em;
    position: relative;
    margin: 22px 0;
}

.footer_menu-info-item.footer_info-email {
    /* padding-left: 30px; */
    padding-left: 1.6em;
    position: relative;
    margin: 22px 0;
}

.footer_menu-info-item.footer_info-phone:before {
    /* content: '\f2a0'; */
    /* font-family: 'FontAwesome'; */
    content: url(../images/temp/icon_phone.jpg);
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0, -50%);
    /* color: #51404E; */
}

.footer_menu-info-item.footer_info-fax:before {
    /* content: '\f02f';
    font-family: 'FontAwesome'; */
    content: url(../images/temp/icon_fax.jpg);
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0, -50%);
    /* color: #51404E; */
}

.footer_menu-info-item.footer_info-email:before {
    /* content: '\f2b6';
    font-family: 'FontAwesome'; */
    content: url(../images/temp/icon_email.jpg);
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0, -50%);
    /* color: #51404E; */
}

.footer_info-phone, .footer_info-fax, .footer_info-email {
  padding-left: 45px !important;
}

.breadcrumb {
    padding: 50px 0 30px;
    text-align: right;
    /* font-size: 22px; */
    font-size: 1.1em;
    color: #247F7F;
}

.breadcrumb.people {
  padding-bottom: 10px;
}

.breadcrumb span {
    display: inline-block;
    margin-left: 5px;
}

.breadcrumb a {
  color: #247F7F;
  letter-spacing: 0.8px;
}

.page-area {
    padding: 0 0 140px;
}

.bg-darkgreen {
    background-color: #E7F1F1;
}

.page_left {
    vertical-align: top;
    display: inline-block;
    width: 335px;
    position: relative;
    z-index: 1;
}

.page_right {
    vertical-align: top;
    display: inline-block;
    
    width: calc(100% - 356px);
    padding-left: 40px;
}

.page_left + .page_right {
  padding-left: 60px;
}

.page_right.password {
  max-width: 1540px;
  padding: 0 40px;
  margin: 0 auto;
  display: block;
  width: 100%;
}

.page_right.event, .page_right.news, .page_right.indiv, .page_right.course, .page_right.reg {
  width: 100%;
  padding-right: 40px;
}

.page_menu {
    background-color: #709BC7;
    padding: 30px 40px 30px 48px;
    position: relative;
    z-index: 1;
    min-height: 650px;
}

ul.page_menu-lv1>li {
    display: block;
    margin: 20px 0;
}

ul.page_menu-lv2>li {
    display: block;
    margin: 10px 20px;
}

ul.page_menu-lv1>li>a, ul.page_menu-lv2>li>a {
    color: #fff;
    /* font-size: 30px; */
    font-size: 1.5em;
    position: relative;
}

ul.page_menu-lv2>li>a {
    color: #fff;
    /* font-size: 23px; */
    font-size: 1.15em;
    position: relative;
}

ul.page_menu-lv1>li>a:hover, ul.page_menu-lv2>li>a:hover {
    color: #e3e4e4;
}

.page_menu-lv1>li.active>a:before, .page_menu-lv2>li.active>a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    left: -20px;
    top: 5px;
    font-size: 1em;
}

.page_menu-lv2>li.active>a:before {
    left: -20px;
    top: 0px;
}

.page_title, .page_title_photo {
    color: #58595A;
    font-size: 3em;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}

.page_title.green {
    color: #247f7f;
}

.page_title.course {
  width: calc(100% - 356px);
  /* margin-left: 5%; */
  padding:0 40px;
}

.page_content {
    padding-top: 20px;
    line-height: 1.8;
}

.page_content a {
    color: #709AC6;
    text-decoration: underline;
}

.page_content a:hover {
    color: #537191;
    text-decoration: none;
}

.page-overlay, .page_title_img-overlay {
    background-color: #fff;
    height: 20px;
    position: absolute;
    width: 100%;
    top: 255px;
    left: 0;
}

#page_scrollbtn {
    position: fixed;
    bottom: 195px;
    right: 20px;
    width: 70px;
    height: 70px;
    background-color: #6FB485;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition: 0.2s all;
    z-index: 2;
    box-shadow: 0px 0px 15px -4px #000;
}

#page_scrollbtn:hover {
    box-shadow: 0px 0px 10px -3px #000;
}

#page_scrollbtn:active {
    box-shadow: inset 0px 0px 8px -4px #000;
}

#page_scrollbtn.fa.fa-chevron-up:before {
    position: absolute;
    top: calc(50% - 5px);
    left: 50%;
    transform: translate(-50%, -50%) scale(2.1);
    color: #fff;
    -webkit-text-stroke: 0.5px #6FB485;
}

#page_scrollbtn.hidden {
    opacity: 0;
    visibility: hidden;
}

.index-main_item {
    position: relative;
}

.index-main_item-info {
    position: absolute;
    /* bottom: 90px; */
    top:45%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90%;
}

.index-main_item-info-inner {
    background-color: #fff;
    opacity: 0.8;
    padding: 60px 120px;
    max-width: 1300px;
    margin: 0 auto;
}

.index-main {
    border-bottom: 10px solid #247F7F;
}

.index-main_item>img {
    vertical-align: text-top;
}

.index-main_item-title {
    font-size: 3em;
}

.index-event_title {
    font-size: 3.5em;
    text-align: center;
    color: #6DB484;
    margin-bottom: 50px;
}

.index-event {
    padding: 100px 0;
    background-color: #F2F2F2;
}

.index-research {
    padding: 100px 0 30px 0;
    background-color: #ffffff;
}

.index-event_item-date {
    display: inline-block;
    padding: 15px 32px 12px 20px;
    color: #fff;
    background-color: #6db484;
    font-size: 45px;
    font-size: 2.25em;
    line-height: 1em;
}

.index-research_item-date {
    display: inline-block;
    /* padding: 15px 32px 12px 32px; */
    padding:8px 20px 5px 20px;
    color: #fff;
    /* background-color: #6db484; */
    background-color:#709BC7;
    font-size: 45px;
    font-size: 1.5em;
    line-height: 1em;
}

.index-event_item {
    position: relative;
    display: flex;
    margin: 0 auto;
    width: 100%;
}

.index-event_item-left {
    display: inline-block;
    width: 565px;
    vertical-align: top;
    padding-right: 30px;
}

.index-event_item-right {
    display: inline-block;
    width: calc(100% - 565px);
    vertical-align: top;
}

.index-event_item-title {
    font-size: 3.5em;
    margin: 30px 0;
}


.index-research_title {
    font-size: 3.5em;
    text-align: center;
    color: #6DB484;
    margin-bottom: 50px;
    
}


.index-research_item {
    position: relative;
    display: flex;
    margin: 0 auto;
    width: 80%;
}


.index-research_item-title p {
    font-size: 1.6em;
    margin: 20px 0;
    line-height:1.1em;
}

.index-research_item-right {
    display: inline-block;
    width: calc(100% - 230px);
    vertical-align: top;

}

.index-research_item-left {
    display: inline-block;
    width: 230px;
    vertical-align: top;
    padding-right: 30px;
    
}

.index-research_item-img{
    max-width:100%;
 }

 .research_width {
     width: 80%;
     margin:0 auto;
 }


.index-news {
    text-align: right;
    padding: 100px 0;
    background-image: url(../images/news.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}

.index-news_inner {
    text-align: left;
    display: inline-block;
    width: calc(100% - 606px);
}

.index-news_title {
    font-size: 3em;
    color: #247f7f;
}

.index-news_item-left {
    width: 160px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    align-self: center;
}

.index-news_item {
    display: flex;
    border: 6px solid #247f7f;
    background-color: #247f7f;
    /* margin: 30px 0; */
    height: 100%;
    overflow: hidden;
}

.index-news_item-right {
    width: calc(100% - 160px);
    display: inline-block;
    background-color: #fff;
    padding: 20px 50px;
}

.index-featured_title {
    font-size: 3.5em;
    text-align: center;
    color: #6db484;
    margin-bottom: 50px;
}

.index-news_item-date {
    font-size: 2.5em;
}

.index-news_item-date>span {
    padding-right: 10px;
}

.index-news_item-date>span:nth-child(3) {
    display: none;
}

.index-news_item-date>span {
    padding-right: 10px;
}

.index-news_item-title {
    font-size: 1.75em;
    /* color: #000; */
    color: #949494;
}

.index-news_item-desc {
    font-size: 1.25em;
    color: #247f7f;
}

.index-news_item-desc p {
    font-size: inherit;
    color: #247f7f;
    margin-bottom:0;
}

.index-news_item-right-inner {
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.index-undergrad {
    background-color: #247f7f;
    padding: 80px 0;
}

.index-undergrad_title {
    font-size: 3.5em;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
}

.index-undergrad_slides {
    display: flex;
    justify-content: space-between;
}

.index-undergrad_item {
    width: calc(33% - 20px);
    position: relative;
}

.index-undergrad_item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    background-color: #000;
    transition: 0.3s all;
}

.index-main_item-desc {
    font-size: 0.9em;
    line-height: 1.4;
    color: rgb(76, 77, 78);
}

.index-undergrad_item:hover .index-undergrad_item-overlay {
    opacity: 0.6;
    top:37%;
    height:25%;
}

.index-undergrad_item-title {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 1;
    text-align: center;
    transform: translate(-50%, -50%);
    font-size: 2em;
    width: 100%;
    padding: 10px 15px;
}

.index-undergrad_item-title:hover {
    /* position: absolute;
    background: rgba(0, 0, 0, 0.6);
    transition: 0.3s all; */

}

.display-desk {
    display: block;
}

.display-mob {
    display: none;
}

.index-featured {
    padding: 100px 0;
}

.index-featured_img {
    box-shadow: 3px 3px 5px -1px #707070;
}

.index-featured_name {
    margin-top: 40px;
    text-align: center;
    font-size: 1.5em;
}

.index-featured_desc {
    text-align: center;
    color: #6db484;
    /* margin-top: 10px; */
    font-weight:bold;

}

.index-featured_desc a {
    color: #6db484;
}

.index-featured_item {
    padding-right: 5px;
}

.index-featured_slides {
    position: relative;
    width:80%;
    margin:0 auto;
}

.people_photo_layout {
    display: flex;
    position: relative;
    line-height: 1.8;
    margin-top: 50px;
}

.people_photo_left {
    width: calc(100% - 400px);
    padding-right: 40px;
    min-height: 400px;
}

.people_photo_right {
    width: 400px;
}

.people_photo_list {
    display: flex;
    flex-flow: wrap;
    margin: 0 -25px;
}

.people_photo_item {
    width: 290px;
    margin: 0 25px 10px;
    padding: 10px;
    transition: 0.1s background-color;
}

.people_photo_item:hover {
    background-color: #e3e4e4;
}

.people_photo_name {
    font-size: 1.5em;
    text-align: center;
    margin-top: 30px;
}

.people_photo_desc {
    text-align: center;
    color: #6fb485;
    /* margin-top: 2px; */
    font-weight: 700;
}

.people_photo_img {
    box-shadow: 3px 3px 5px -1px #707070;
    margin: 12px;
}

.people_photo_card {
    position: relative;
    background-color: #DFEFE4;
    padding: 0 40px 40px;
    line-height:1.6
}

.people_photo_card_img {
    box-shadow: 3px 3px 5px -1px #707070;
    position: relative;
    margin: 30px;
}

.people_photo_img, .people_photo_card_img {
    border-radius: 5px;
    overflow: hidden;
}

.people_photo_card_overlay {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 180px;
    background-color: #fff;
}

.people_photo_card_name {
    font-size: 1.5em;
    text-align: center;
    margin-top: 30px;
}

.people_photo_card_desc {
    text-align: center;
    margin-top: 5px;
}

.people_photo_card_qua {
    text-align: center;
    margin-top: 6px;
    font-style: italic;
    font-weight: 300;
    color: #656768;
    font-size: 0.8em;
}

.people_photo_card_cat_title {
    color: #247F7F;
}

.people_photo_card_cat_title, .page_content_card_title {
    /* font-size: 1.5em; */
    font-size:1.2em;
}

.people_photo_card_cat_val.research, .page_content_card_value.research {
    padding: 2px 0;
    text-transform: capitalize;
}

.people_photo_card_cat_val.research > span:after {
  content: '; ';
}

.people_photo_card_cat_val.research > span:last-child:after {
  content: '';
}

.people_photo_card_cat {
    margin: 20px 0;
}

.people_photo_card_cat.research {
    /* margin: 60px 0 0 0; */
    margin:40px 0 0 0;
}

.supervisor_name {
    font-size: 0.9em;
    word-break: break-word;
}

.supervisor {
    text-align:center;
}

.page_title_right.people_cat_select {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    font-size: 1px;
    width: 520px;
    max-width: 100%;

    line-height:normal;
}

.people_cat_select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1.5px solid #247f7f;
    padding: 10px 35px 10px 5px;
    font-size: 22px;
    letter-spacing: 0.5px;
    color: #247f7f;
    font-family: 'Roboto', sans-serif;
    background: url(../images/select_arrow.png) 99% / 5% no-repeat;
    /* max-width: 100%; */
    /* width:500px; */
    width:100%;
    text-align: center;
    text-align-last: center;
}

.page__left-people_menu {
    padding: 30px 0;
}


.page__left-course_menu {
    padding: 30px 0;
    padding:0;
}

.page__left-course_menu .page_menu.transparent {
    /* padding-top:0; */
}

.page_title_top {
    color: #6db484;
    font-size: 0.42em;
}

.page_title_top.acad_title {
  margin-bottom: 6px;
}

.page_title_top-title {
    font-size: 0.5em;
    display: inline-block;
    color: #6db484;
    padding-right: 10px;
}

.page_title_top-title .link,.page_title_top-title a  {
    color: #6db484;
}

.page_title_top-sub {
    font-size: 0.32em;
    font-style: italic;
    /* letter-spacing: 0.5px; */
    display: inline-block;
    color: #656768;
    font-weight: 300;
}

.event_title {
    margin-top: 10px;
    
}


.page_title_bottom {
    margin-top: 6px;
    font-size: 0.32em;
    font-style: italic;
    font-weight: 300;
    color: #656768;
}

.page_menu.transparent {
    background-color: transparent;
    padding: 30px 20px;
}

.page_menu.transparent ul.page_menu-lv1>li>a, .page_menu.transparent ul.page_menu-lv2>li>a {
    color: inherit;
}

.page_content_right {
    width: 320px;
    display: inline-block;
    vertical-align: top;
}

.page_content_left {
    width: calc(100% - 326px);
    display: inline-block;
    vertical-align: top;
    padding-right: 40px;
}

.page_content_card {
    background-color: #709BC7;
    color: #fff;
    margin-top: 20px;
    overflow: auto;
}

.page_content_card-inner {
    padding: 30px;
}
/* 
.page_content_card-close>span {
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    background: #fff;
    position: absolute;
    top: 10px;
}

.page_content_card-close>span:nth-child(1) {
    transform: rotate(45deg);
}

.page_content_card-close>span:nth-child(2) {
    transform: rotate(-45deg);
}

.page_content_card-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    display: none;
    cursor: pointer;
} */

.page_content_card_value, .people_photo_card_cat_val {
    font-size: 0.8em;
    word-break: break-word;
}

.page_content_card_cat {
    padding: 10px 0;
}

.page_content_card_value a {
    color: #fff;
    text-decoration: none;
}

.page_content_title {
    color: #6DB484;
    font-size: 1.75em;
    margin: 20px 0 10px;
    padding-right: 40px;
    position: relative;
    cursor: pointer;
}

.page_content_title:after {
    content: '\f107';
    font-family: 'FontAwesome';
    position: absolute;
    top: -2px;
    right: 8px;
    transition: 0.2s transform;
}

.page_content_cat.active .page_content_title:after {
    transform: rotate(180deg);
}

.page_content_value {
    display: block;
    padding: 1px 0 1px;
}

.page_title_img {
    padding: 30px 0 0;
    width: 300px;
    margin-bottom: 50px;
    box-shadow: 3px 3px 5px -1px #707070;
}

.page__left-people_img {
    box-shadow: 3px 3px 5px -1px #707070;
    border-radius: 6px;
    overflow: hidden;
}

.btn_open_content_card {
    cursor: pointer;
}

.page_title_photo .btn_open_content_card {
    display: inline-block;
    padding-right: 40px;
    position: relative;
}

.btn_open_content_card:after {
    content: '\f067';
    font-family: 'FontAwesome';
    display: inline-block;
    font-size: 20px;
    color: #709ac6;
    position: absolute;
    top: 17px;
    right: 3px;
    line-height: 1;
}

.btn_open_content_card.active:after {
    content: '\f068';
}


.btn_open_content_card:before {
    content: '';
    display: inline-block;
    font-size: 20px;
    width: 24px;
    height: 24px;
    border: 3px solid #709ac6;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    right: -2px;
}

.page_list-title {
    margin: 30px 0;
    font-size: 1.75em;
}

.page_list {
    margin: 50px 0 0;
}

.page_list-item-date {
    font-size: 1.3em;
    color: #fff;
}
.page_list-item-date a {
 
    color: #fff;
}

.page_list-item {
    margin: 20px 0;
    background-color: #247f7f;
    border: 3px solid #247f7f;
    display: flex;
}

.page_list-item-left {
    width: 140px;
    padding: 15px;
    align-self: center;
}

.page_list-item-right {
    width: calc(100% - 140px);
    background-color: #e7f1f1;
    padding: 15px 20px 15px 40px;
    display: flex;
}

.page_list-item-date>span {
    display: block;
}

.page_list-item-text {
    flex-grow: 1;
    align-self: center;
    color: #6a6a74c4;
}

.page_list-item-text p{
    color: #6a6a74c4;
    margin-bottom:0;
}

.page_list-item-text a>p{
    color: #3a3c3d;
    margin-bottom:0;
}

.page_list-item-warning {
    padding: 0 0 0 10px;
    color: #FF7E77;
    align-self: center;
}

.page_list-item-date>span:nth-child(2) {
    padding-left: 33px;
}

.page_list-title.lightgreen {
    color: #6DB484;
}

.list_paginator {
    text-align: center;
    margin: 50px 0;
}

.list_paginator-item {
    margin-left: 20px;
    margin-bottom: 10px;
    background-color: #6fb485;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    transition: 0.2s box-shadow;
}

.list_paginator-item>span {
    vertical-align: sub;
    line-height:39px;
}

.list_paginator-item.active {
    background-color: #247f7f;
}

.list_paginator-item:hover {
    box-shadow: 0px 0px 14px -4px #000;
}

.list_paginator-item:active {
    box-shadow: inset 0px 0px 8px -4px #000;
}

.people_info_item {
    margin: 20px 0;
    padding: 30px 40px;
    background-color: #dfefe4;
    transition: 0.1s background-color;
    width:70%;
}

.people_info_item:hover {
    background-color: #e3e4e4;
}

.people_info_title {
    font-weight: 700;
    color: #6fb485;
    padding-bottom: 6px;
}

.people_info_name {
    font-size: 1.5em;
}

.people_info_detail {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
}

.people_info_detail_cat {
    display: flex;
    flex-grow: 1;
}

.people_info_detail_title {
    color: #247f7f;
    font-size: 1.3em;
    white-space: nowrap;
    letter-spacing: 1px;
}

.people_info_detail_value {
    font-size: 0.8em;
    padding: 0 10px;
    word-break: break-word;
    display: flex;
    align-items: center;
}

.form_fleid {
    margin: 0 20px;
    width: 100%;
}

input::placeholder {
    font-family: 'Bebas Neue', cursive;
  }



.form_fleid>input {
    /* font-family: 'Bebas Neue', cursive; */
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}


.reg .form_fleid>input {
  padding: 8px 10px;
  font-size: 1em;
}

::placeholder, option:disabled {
  opacity: 0.4;
}

.form_input {
    margin: 10px -20px;
    display: flex;
    justify-content: space-between;
}

.form_btn {
    text-align: right;
}

.form_row {
    margin: 30px 0;
}

.form_title {
    font-size: 2em;
}

.form {
    margin: 100px 0;
}




.index-main_slides .swiper-button-prev, .index-main_slides .swiper-button-next {
    color: #fff;
}
.index-main_slides .swiper-button-prev {
    left: 160px;
}

.index-main_slides .swiper-button-next {
    right: 160px;
}

.swiper-button-prev2,
.swiper-button-next2,
.swiper-button-prev3,
.swiper-button-next3,
.swiper-button-prev6,
.swiper-button-next6
 {
  position: absolute;
  top: 50%;
  /* width: calc(var(--swiper-navigation-size) / 44 * 27); */
  width:30px;
  /* height: var(--swiper-navigation-size); */
  height:70px;
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}




.swiper-button-prev4,
.swiper-button-next4
{
    position: absolute;
    top: 40%;
    /* width: calc(var(--swiper-navigation-size) / 44 * 27); */
    width:30px;
    /* height: var(--swiper-navigation-size); */
    height:70px;
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }


  .swiper-button-prev5,
  .swiper-button-next5
  {
      position: relative;
      /* top: 5%; */
      /* width: calc(var(--swiper-navigation-size) / 44 * 27); */
      width:30px;
      /* height: var(--swiper-navigation-size); */
      height:70px;
      margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
      z-index: 10;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--swiper-navigation-color, var(--swiper-theme-color));
    }
  


.index-main_slides .swiper-button-prev2 {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234c71ae'%2F%3E%3C%2Fsvg%3E") !important; */
    background-image: url("../images/temp/index_arrow_prev.png") !important;
    left: calc(10% - 100px);
    /* left: 10%; */
    right: auto;
  }
  
.index-main_slides .swiper-button-next2 {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234c71ae'%2F%3E%3C%2Fsvg%3E") !important; */

    background-image: url("../images/temp/index_arrow_next.png") !important;
    right: calc(10% - 100px);
    /* right: 10%; */
    left: auto;
  }


/* .index-event_slides .swiper-button-prev, .index-event_slides .swiper-button-next {
    color: #725338;
} */

.index-event_slides .swiper-button-prev {
    left: 160px;
}

.index-event_slides .swiper-button-next {
    right: 160px;
}

.index-event_slides .swiper-button-prev3 {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234c71ae'%2F%3E%3C%2Fsvg%3E") !important; */
    background-image: url("../images/temp/event_arrow_prev.png") !important;
    left: calc(10% - 100px);
  right: auto;
  }
  
.index-event_slides .swiper-button-next3 {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234c71ae'%2F%3E%3C%2Fsvg%3E") !important; */

    background-image: url("../images/temp/event_arrow_next.png") !important;
    /* right: 10px; */
    right: calc(10% - 100px);
    left: auto;
  }

  .index-research_slides .swiper-button-prev6 {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234c71ae'%2F%3E%3C%2Fsvg%3E") !important; */
    background-image: url("../images/temp/event_arrow_prev.png") !important;
    left: calc(10% - 85px);
  right: auto;
  }
  
.index-research_slides .swiper-button-next6 {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234c71ae'%2F%3E%3C%2Fsvg%3E") !important; */

    background-image: url("../images/temp/event_arrow_next.png") !important;
    /* right: 10px; */
    right: calc(10% - 85px);
    left: auto;
  }



  
.news-wrapper .swiper-button-prev5 {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234c71ae'%2F%3E%3C%2Fsvg%3E") !important; */
    background-image: url("../images/temp/event_arrow_m.png") !important;
    /* left: calc(50% );
    right: auto; */
    margin:0 auto;
    transform:rotate(180deg);
    height:30px;
    width:68px;
    /* top:10px; */
    /* top:-25px; */
    margin-bottom: 25px;
    margin-top: 10px;
  }
  
.news-wrapper .swiper-button-next5 {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234c71ae'%2F%3E%3C%2Fsvg%3E") !important; */

    background-image: url("../images/temp/event_arrow_m.png") !important;
    /* right: 10px; */
    /* right: calc(50% );
    left: auto; */
    /* left: calc(50% );
    right: auto; */
    /* bottom:10px; */
    margin:0 auto;
    height:30px;
    width:68px;
    /* bottom:-25px; */
    margin-top: 25px;
    margin-bottom: 10px;
    /* transform:rotate(90deg); */
  }

.index-news_slides .swiper-container {
    /* height:800px; */
    height: 100%;
    max-height: 800px;
}

.index-featured_slides .swiper-button-prev, .index-featured_slides .swiper-button-next {
    color: #6FB485;
    top: calc(50% - 70px);
}

.index-featured_slides .swiper-button-prev {
    left: -70px;
}

.index-featured_slides .swiper-button-next {
    right: -70px;
}


.index-featured_slides .swiper-button-prev4 {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234c71ae'%2F%3E%3C%2Fsvg%3E") !important; */
    background-image: url("../images/temp/featured_arrow_prev.png") !important;
    left: calc(0% - 100px);
  right: auto;
  }
  
.index-featured_slides .swiper-button-next4 {
    /* background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234c71ae'%2F%3E%3C%2Fsvg%3E") !important; */

    background-image: url("../images/temp/featured_arrow_next.png") !important;
    /* right: 10px; */
    right: calc(0% - 100px);
    left: auto;
  }

     /* if on desktop swiper */
     .mobile_featured_fac {
        display:none;
    }

    .desktop_featured_fac {
        display:block;
    }


.show-more {
    display: none;
    cursor: pointer;
    }

    .show-more-research {
        display: none;
        cursor: pointer;
        }
    

.dropdown-content a:hover {background-color: #ddd; color: #3a3c3d !important;}

/* .title_fonts:hover .dropdown-content {display: block;} */

/* .dropdown:hover .dropbtn {background-color: #3e8e41;}     */

/* .dropdown:hover .dropdown-content,.header_menu-mob-lv2 {
    display: block;
    
}

.header_menu-main>ul>li>a:hover .dropdown-content{
    display: block;
} */


.dropdown {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    /* background-color: #f1f1f1; */
    background-color: #ffffff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
    text-align:left;
    margin-top:10px;

   
  }

  .dropdown_event {
      right:0;
  }
  
  .dropdown-content a {
    color: #3a3c3d;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align:left;
  }



.dropdown-content .header_menu-mob-lv2 .active {
    /* color: #709BC7; */
    background-color: #247F7F;
    color: #ffffff ;
}

.dropdown-content .header_menu-mob-lv2 .active a{
    color: #ffffff ;
}

.dropdown-content .header_menu-mob-lv3-r .active {
    /* color: #247F7F; */
    background-color: #6fb485 ;
    color: #ffffff ;
}

.dropdown-content .header_menu-mob-lv3 .active {
    /* color: #247F7F; */
    background-color: #6fb485 ;
    color: #ffffff ;
}

.dropdown-content .header_menu-mob-lv3-r  a {
    /* color: #247F7F; */
    color: #3a3c3d ;
    /* background-color: #ffffff ; */
}

.not-active {
    background-color: #ffffff;
    color: #3a3c3d;
    display:block;
}

.not-active a{
   
    color: #3a3c3d !important;
    
}

.dropdown-content .header_menu-mob-lv3 a:hover {background-color: #ddd !important; color: #3a3c3d !important;}


.dropdown-content .header_menu-mob-lv3  a {
    /* color: #247F7F; */
    color: #3a3c3d;
    /* background-color: #ffffff ; */
}


.mob_nav {
    display:none;
}

.desktop_nav {
    display:block;
}

.destop_nav>ul.remove_style>li {
    display: block;
}

.desktop_nav .header_menu-mob-lv3 {
    top: 0;
    left:160px;
    position: absolute;
    /* background-color: #f1f1f1; */
    background-color: #ffffff;
    display:none;
    min-width:200px;
}

.desktop_nav .header_menu-mob-lv3-r {
    top: 0;
    right:160px;
    position: absolute;
    /* background-color: #f1f1f1; */
    background-color: #ffffff;
    display:none;
    min-width:250px;
    
}
/* 
.level2_item:hover .header_menu-mob-lv3,li {
    display: block;
}

.level2_item:hover .header_menu-mob-lv3-r,li {
    display: block;
} */


ul.remove_style2 {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
}

.header_menu-mob-lv2 li {
    position:relative;
}

.index-event_item-details {
    font-size: 0.9em;
    color: gray;
}

.index-event_item-details-venue{
    margin-bottom: 7px;
}


/* index slider */
@media only screen and (max-width: 1860px) {
    .swiper-pagination {
        display:none;
    }

    .extra {
        display: none !important;
    }

    .swiper-button-prev4, .swiper-button-next4 {
        display:block;
    }
    
    .index-main_slides .swiper-button-prev {
        left: 5px;
    }
    
    .index-main_slides .swiper-button-next {
        right: 5px;
    }
    
    .index-event_slides .swiper-button-prev {
        left: 5px;
    }
    
    .index-event_slides .swiper-button-next {
        right: 5px;
    }
    
    .index-featured_slides .swiper-button-prev {
        left: -30px;
    }
    
    .index-featured_slides .swiper-button-next {
        right: -30px;
    }

    .people_info_item {
        width: 70%;
    }

    .index-event_item {
        position: relative;
        display: flex;
        margin: 0 auto;
        width: 90%;
    }

    .index-research_item {
        position: relative;
        display: flex;
        margin: 0 auto;
        width: 80%;
    }
    
    

}

 /* For header */
@media only screen and (max-width: 1300px) {
    .extra {
        display: none !important;
    }

    .header {
        flex-direction: column;
    }
    .header_left {
        align-self: baseline;
        width: 350px;
        padding-bottom: 0px;
    }
    .header_right {
        width: 100%;
        align-self: baseline;
    }
    .header_right-top {
        position: absolute;
        top: 0;
        right: 0;
    }
    .header_right-bottom {
        text-align: right;
        padding-top: 20px;
    }
    .header_menu-main>ul>li {
        margin-left: 25px;
    }
    .header_menu-main>ul>li>a {
        font-size: 1.25em;
    }
    .header_menu-sub>ul>li {
        padding: 5px 5px;
        font-size: 0.9em;
    }
    .header_menu-size {
        margin: 0 5px;
    }

    .people_info_item {
        width: 70%;
    }

    .index-event_item {
        position: relative;
        display: flex;
        margin: 0 auto;
        width: 90%;
    }

    .index-research_item {
        position: relative;
        display: flex;
        margin: 0 auto;
        width: 80%;
    }
    
    

   
}

 /* For header */
 @media only screen and (max-width: 1024px) {

    .index-news_slides .swiper-container {
        height:70vh;
        
    }
    

    .show-more {
        background:url("../images/temp/event_arrow_m.png");
        width:68px;
        height: 30px;
        background-repeat:no-repeat;
        /* transform: rotate(90deg); */
        margin:0 auto;
    }

    .show-more-research {
        background:url("../images/temp/event_arrow_m.png");
        width:68px;
        height: 30px;
        background-repeat:no-repeat;
        /* transform: rotate(90deg); */
        margin:0 auto;
    }

     /* whole screen padding */
     .web_space_outer {
        padding: 0 30px;
    }

    .swiper-pagination {
        display:block;
    }

    /* for shade of not is_top primary menu */
    .extra {
        display: block !important;
    }
    #page_scrollbtn {
        bottom: 50px;
    }

    .header_tigger, .header_menu-overlay, .header_menu-mob-close, .header_media {
        display: none;
        display: block;

    }
    .header_menu-overlay.active {
        opacity: 0.8;
        visibility: visible;
    }
    .header_right {
        position: fixed;
        right: -400px;
        top: 0;
        width: 400px;
        height: 100%;
        overflow: auto;
        background-color: #fff;
        z-index: 10;
        transition: all 0.2s;
    }
    .header_right.active {
        right: 0;
    }
    .header_right-inner {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-end;
        position: relative;
        padding: 80px 0 140px;
    }
    header {
        border-bottom: 10px solid #247F7F;
    }
    .header {
        display: block;
        text-align: center;
        margin: 10px 0;
    }
    .header_left {
        align-self: baseline;
        width: 250px;
    }
    .header_menu-size {
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .header_menu-search {
        position: absolute;
        bottom: 70px;
        right: 20px;
    }
    .header_right-top {
        position: static;
        margin-top: 60px;
    }
    .header_menu-main>ul {
        display: block;
    }
    .header_menu-main>ul>li {
        margin-left: 0px;
        display: block;
    }
    .header_menu-main>ul>li.active>a, .header_menu-main>ul>li>a:hover {
        background-color: #247F7F;
        color: #fff;
    }

    .header_menu-main>ul>li.active2>a {
        background-color: #6DB484;
        color: #fff;
    }

    .header_menu-main>ul>li.active>a .extra , .header_menu-main>ul>li>a.extra:hover {
        background-color: #6DB484;
        color: #fff;
    }

    .header_menu-sub, .header_menu-sub>ul {
        display: block;
    }
    .header_menu-sub>ul>li {
        display: block;
        padding: 0;
    }
    .header_menu-sub>ul>li>a {
        display: block;
        padding: 10px 20px;
    }
    .header_right-bottom {
        text-align: right;
        padding-top: 0px;
    }
    .header_menu-main>ul>li>a:before {
        display: none;
    }
    .header_menu-main>ul>li>a {
        display: block;
        padding: 10px 20px;
    }
    .menu-mob {
        display: none;
    }
    .menu-mob.active {
      display: block;
    }
    .header_menu-extra>ul, .header_menu-extra>ul>li, .header_menu-extra>ul>li>a {
        display: block;
    }

    .header_menu-extra>ul>li>a {
        padding: 10px 20px;
        color: #6DB484;
        font-size: 1.25em;
    }

    .header_menu-extra>ul>li.active>a, .header_menu-extra>ul>li>a:hover {
        background-color: #6DB484;
        color: #fff;
    }


    .header_menu-mob-lv2>li>a {
        padding: 10px 40px 10px 20px;
        display: block;
        position: relative;
    }
    .header_menu-mob-lv2>li.active>a:after {
        content: '\f107';
        font-family: 'FontAwesome';
        position: absolute;
        top: calc(50% - 3px);
        right: 20px;
        transform: translate(0, -50%);
        color: #247F7F;
    }
    
    ul.header_menu-mob-lv3>li {
        display: block;
    }

    ul.header_menu-mob-lv3 {
        display: block;
    }

    ul.header_menu-mob-lv2 {
        display: block;
    }

    ul.header_menu-mob-lv2>li {
        display: block;
    }

    ul.header_menu-mob-lv3>li>a {
        display: block;
        padding: 5px 40px 5px 20px;
        color: #709BC7;
    }

    ul.header_menu-mob-lv3>li>a:hover, ul.header_menu-mob-lv3>li.active>a {
        color: #fff;
        background-color: #709BC7;
    }

    /* ul.header_menu-mob-lv2>li>a:hover, ul.header_menu-mob-lv2>li.active>a {
        background-color:#5f5e5e;
        color: #ffffff;
    } */
    

    .people_info_item {
        width:100%;
    }

    .index-main_slides .swiper-button-prev2 {
       
      left: 10px;
      right: auto;
      }
      
    .index-main_slides .swiper-button-next2 {
        
        right: 10px;
        left: auto;
      }

      .index-event_slides .swiper-button-prev3 {
       
        /* left: 10px;
      right: auto; */
      display:none;

      }
      
    .index-event_slides .swiper-button-next3 {
        
        /* right: 10px;
        left: auto; */
        /* top:70%; */
        top: calc(90% - 50px);
      transform:rotate(90deg);
      left:50%;
      margin-top:50px;
      }

      /* .index-event_slides .swiper-container {
        min-height:30vh;
        max-height: 40vh;
      } */

      .index-featured_slides .swiper-button-prev4 {
       
        left: 10px;
      right: auto;
      }
      
    .index-featured_slides .swiper-button-next4 {
        
        right: 10px;
        left: auto;
      }

      .index-event_item {
        position: relative;
        display: flex;
        margin: 0 auto;
        width: 90%;
        margin-bottom: 50px;
    }

    .index-research_item {
        position: relative;
        display: flex;
        margin: 0 auto;
        width: 80%;
        margin-bottom: 50px;
    }



    .index-research_slides .swiper-button-prev3 {
       
        /* left: 10px;
      right: auto; */
      display:none;

      }
      
    .index-research_slides .swiper-button-next3 {
        
        /* right: 10px;
        left: auto; */
        /* top:70%; */
        top: calc(90% - 50px);
      transform:rotate(90deg);
      left:50%;
      margin-top:50px;
      }

    
    
    
      

 }

  /* For header */
 @media only screen and (max-width: 480px) {
    .header_left {
        max-width: 90%;
        margin-left: -30px;
    }
    .header_right {
        right: -250px;
        width: 250px;
    }

   
 }

 /* For footer */
 @media only screen and (max-width: 1300px) {
    .footer_info {
        font-size: 0.75em;
    }
    .footer_copyright>span {
        display: block;
    }
 }


  /* For footer */
  @media only screen and (max-width: 1024px) {

    .footer_menu {
        display: none;
      }
    .footer_logo {
        position: relative;
        width: 300px;
        transform: none;
        padding-bottom: 20px;

    }    
    .footer_info {
        font-size: 0.5em;
    }
    .footer_copyright {
        padding: 0;
    }
    .footer_copyright>span {
        display: block;
    }
    .footer_media {
        display: none;
    }
 }

 @media only screen and (max-width: 1300px) {
    .page_left {
        width: 250px;
    }
    .page_menu {
        padding: 20px 20px 20px 30px;
    }
    .page_right {
        width: calc(100% - 256px);
        padding-left: 20px;
    }
    .page_right.event, .page_right.news, .page_right.indiv, .page_right.course, .page_right.reg {
      padding-right: 20px
    }
    ul.page_menu-lv1>li>a, ul.page_menu-lv2>li>a {
        font-size: 1.2em;
    }
    ul.page_menu-lv2>li>a {
        color: #fff;
        font-size: 1em;
        position: relative;
    }
    .index-main_item-info-inner {
        padding: 25px 50px;
    }
    .index-main_item-title {
        font-size: 2.5em;
    }
    .index-main_item-info {
        bottom: 35px;
    }
    .index-event_item-left {
        width: 400px;
        padding-right: 20px;
    }
    
   

    .index-research_item-img{
        max-width:100%;
    }

    .index-research_item-left {
        display: inline-block;
        width: 230px;
        vertical-align: top;
        padding-right: 30px;
        
    }

    .index-research_item-right {
        width: calc(100% - 230px);
        padding-right: 20px;
    }

    .index-research_item-title p {
        font-size: 1.6em;
        margin: 10px 0;
        line-height:1.1em;
    }


    .index-event_item-right {
        width: calc(100% - 400px);
    }
    .index-event_item-title {
        font-size: 2.5em;
        margin: 10px 0;
    }
    .index-event_item-date {
        font-size: 1.5em;
    }
    .index-research_item-date {
        font-size: 1.3em;
    }
    .index-news_item-left {
        width: 130px;
    }
    .index-news_item-date {
        font-size: 2em;
    }
    .index-news_item-right {
        width: calc(100% - 130px);
        padding: 10px;
    }
    .index-news_item-title {
        font-size: 1.5em;
    }
    .index-news_item-desc {
        font-size: 1em;
    }
    .index-news_inner {
        width: calc(100% - 350px);
    }
    .index-news_item {
        /* margin: 20px 0; */
    }
    .index-event_title, .index-news_title, .index-undergrad_title, .index-featured_title, .index-research_title {
        font-size: 2.5em;
    }
    .index-undergrad_item-title {
        font-size: 1.5em;
    }
    .index-featured_name {
        font-size: 1.25em;
    }
    .index-featured_desc {
        font-size: 0.8em;
    }
    .index-main_item-desc {
        font-size: 0.8em;
    }
    .index-event_item-desc {
        font-size: 0.8em;
    }
    .index-event_item-desc p{
        font-size: inherit;
        margin-bottom: 0;
    }
    .index-research_item-desc {
        font-size: 0.8em;
    }
    .index-event_item-details {
        font-size: 0.7em;
    }
    .people_photo_left {
        width: calc(100% - 340px);
        padding-right: 20px;
    }
    .people_photo_right {
        width: 340px;
    }
    .people_photo_item {
        /* width: 240px;
        margin: 0 10px 10px; */
        margin:0 auto;
    }
    .people_photo_list {
        margin: 0 -10px;
    }

    .page_title, .page_title_photo {
        font-size: 2.5em;
    }
    .breadcrumb {
        padding: 20px 0 15px 0;
        font-size: 1em;
    }
    .page_content_left {
        width: calc(100% - 256px);
        padding-right: 20px;
    }
    .page_content_right {
        width: 250px;
    }
    .page_content_card_value {
        font-size: 0.7em;
    }
    .page_content_card_title {
        font-size: 1.1em;
    }
 }


 @media only screen and (max-width: 1024px) {

    /* .index-news_slides .swiper-button-prev5 , .index-news_slides .swiper-button-next5 {
        left:calc(48%);
        height: 68px;
        width:30px;

    } */

    .dropdown-content {display: none;}

    .dropdown:hover .dropdown-content {display:none;}

    .mob_nav {
        display:block;
        text-align:end;
    }

    .desktop_nav {
        display:none;
    }

    .show-more {
        display: block;
        cursor: pointer;
      }

      .show-more-research {
        display: block;
        cursor: pointer;
      }


    .event .page_title_top-title {
        margin-top:10px;
    }
    

    .event .page_title_top-title:first-child {
        margin-top:0px;
    }

    .page_content-cat.event {
        padding-right: 60px;
    }

    .swiper-button-prev4, .swiper-button-next4 {
        display:none;
    }

    /* event detail speaker */
    .not_first {
        margin-top: 15px;
    }

    /*delete left + right padding */
    .page_left + .page_right {
        padding-left:0;
    }

    .event_title {
        font-size:1.2em;
        font-size: 0.7em;
    }


    /* if on mobile swiper */
    .mobile_featured_fac {
        display:block;
    }

    .desktop_featured_fac {
        display:none;
    }

    .index-featured_img {
        max-width:300px;
        margin:0 auto;
        
    }

    .index-featured_name {
        margin-top:20px;
    }

    .index-featured_item {
        padding-bottom: 40px;
    }

    .page_content {
        font-size: 0.9em;
    }
    .page_left {
        display: none;
    }
    .page_right {
        width: 100%;
        padding-left: 0;
    }
    .page_right.event, .page_right.news, .page_right.indiv, .page_right.course, .page_right.reg {
      padding-right: 0;
    }
    .breadcrumb {
        display: none;
    }
    .page_title, .page_title_photo {
        padding: 20px 0;
    }
    .page-area {
        padding: 0 0 100px;
    }

    .index-event_item {
        flex-direction: column-reverse;
    }
    
    .index-event_item-right {
        width: 100%;
    }
    
    .index-event_item-date {
        position: absolute;
        top: 0;
        left: 0;
    }

    .index-research_item-date {
        /* position: absolute;
        top: 0; */
        /* left: 0; */
    }
    
    .index-event_item-left {
        width: 100%;
        padding-right: 0;
        padding-top: 10px;
    }


    
    .index-research_item {
        /* flex-direction: column-reverse; */
    }

    /* .index-research_item-left {
        display: inline-block;
        width: 100%
        
    } */

    .index-research_slides {
        max-width: 80%;
        margin:0 auto;
    }

    .index-research_item-img{
        max-width:200px;
        margin:0 auto;
    }

    .index-research_item {
        width: 90%;
    }

    /* .index-research_item-right {
        width: 100%;
        padding-right:0;
       
    } */
    
    .index-event_item-desc {
        /* display: none; */
    }
    
   
    .index-main {
        border-bottom: 10px solid #247F7F;
    }
    .index-news {
        background-image: none;
    }
    
    .index-news_inner {
        width: 100%;
    }
    
    .index-news_item-left {
        width: 100%;
        text-align: left;
        padding: 10px 0;
    }
    
    .index-news_item-date>span:nth-child(3) {
        display: inline-block;
    }
    
    .index-news_item-right {
        width: 100%;
        height: 100%;
    }
    
    .index-news_item-right-inner {
        min-height: auto;
    }
    .index-news_item {
        /* margin: 15px 0; */
        flex-direction: column;
    }
    .index-news_item-date {
        font-size: 1.5em;
    }
    .index-undergrad_slides {
        flex-direction: column;
    }
    
    .index-undergrad_item {
        width: 100%;
        margin-bottom:20px;
    }
    
    .index-undergrad_item-img {
        overflow: hidden;
        position: relative;
    }
    .display-desk {
        display: none;
    }
    
    .display-mob {
        display: block;
    }
    .index-undergrad, .index-event, .index-news, .index-featured,.index-research {
        padding: 30px 0;
    }
    .index-event_title, .index-news_title, .index-undergrad_title, .index-featured_title, .index-research_title {
        font-size: 2em;
        margin-bottom: 30px;
    }
    .index-event_title {
        padding-left:40px;
        text-align:left;
    }
    .index-event_item-title {
        font-size: 1.5em;
        margin: 5px 0;
    }
    .index-research_item-title p {
        font-size: 1.2em;
        margin: 5px 0;
        line-height:1.1em;
        word-break: break-word;
    }

    .people_photo_right {
        display: none;
    }
    
    .people_photo_left {
        width: 100%;
        padding-right: 0;
    }
    .people_photo_layout {
        margin-top: 0;
    }
    .page_title_right.people_cat_select {
        position: relative;
        right: 0;
        top: 0;
        transform: translate(0, 0);
        margin: 0 auto;
    }
    .page_content_left {
        width: 100%;
        padding-right: 0;
    }
    .page_content_right {
        width: 100%;
    }
    .page_content_title {
        display: inline-block;
        font-size: 1.4em;
        letter-spacing: 1px;
    }
    .page_content_card-inner {
        overflow: auto;
    }
    /* .page_content_card-close {
        display: block;
    } */
    /* .page_content_card.active {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        display: block;
        width: calc(100% - 40px);
        max-height: calc(100% - 40px);
        margin: 20px;
        transition: 0.2s opacity;
    } */
    /* .page_content_card-overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #000;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        z-index: 9;
        transition: 0.2s opacity;
    }
    .page_content_card-overlay.active {
        opacity: 0.5;
        visibility: visible;
    } */

    .page_list-item-warning {
        align-self: normal;
        width: 100%;
        text-align: right;
        padding-top: 10px;
        font-size: 0.8em;
    }

    .page_list-item-text {
        align-self: normal;
        width: 100%;
        font-size: 0.8em;
    }

    .page_list-item-right {
        padding: 10px;
        flex-direction: column;
        width: calc(100% - 115px);
    }

    .page_list-item-left {
        padding: 10px;
        align-self: normal;
        width: 115px;
    }

    .page_list-item-date {
        font-size: 1em;
    }

    .list_paginator-item {
        margin-left: 15px;
    }
    .page_title_top-sub {
        display: block;
    }
    
    .page_title_top-title.title_fonts {
        display: block;
    }
 }

 /* for footer */
 @media only screen and (max-width: 1024px) {
      /* footer */
    .footer_logo {
        width: 100%;
    }
    
    .footer_logo img {
        max-width: 523px;
    }

    .footer_info {
        font-size: 0.7em;
        padding: 50px 20px 10px;
    }

    .footer_copyright {
        padding: 25px 0;
        line-height: 1.5em;
    }

    .page_title_img {
        padding:0;
        margin-top:30px;
    }

    .page_title.course {
       
        padding:0;
        width:100%;
      }
 }


 @media only screen and (max-width: 768px) {

    .page_content-value.title_fonts.intense {
        font-size: 1.1em;
    }

    .event_detail {
        font-size:0.9em !important;
    }

    .index-event_slides .swiper-button-next3 {
        
        /* right: 10px;
        left: auto; */
        /* top:80%; */
        /* top: calc(80% - 50px); */
      transform:rotate(90deg);
      left:50%;
      margin-top:50px;
      }

      .index-research_slides .swiper-button-next3 {
        
        /* right: 10px;
        left: auto; */
        /* top:80%; */
        /* top: calc(80% - 50px); */
      transform:rotate(90deg);
      left:50%;
      margin-top:50px;
      }

      /* .index-event_slides .swiper-container {
        min-height:50vh;
        max-height: 60vh;
      } */

      .index-research_item {
            width:100%;
      }

      .index-research_slides {
          width:100%;
          max-width:100%;
      }


     /* general pages */
    .page_title {
        font-size:2em;
        padding: 20px 0;
    }

    .page_left + .page_right {
        padding-left: 20px;
    }


    /* course title */
    .page_title.course {
        width: 95%;
       
    }


    /* header bottom border */
    /* header {
        border-bottom: 20px solid #247F7F;
    } */

    /* main slider */
    .index-main_slides .swiper-button-prev2 {
       
       display:none;
        }
        
    .index-main_slides .swiper-button-next2 {
          
          display:none;
    }

    .index-main_item-info {
        position: absolute;
        /* bottom: 90px; */
        top:50%;
        left: 50%;
        transform: translate(-50%, 0);
        
    }
  

    .list_paginator-item {
        display: none;
    }

    .list_paginator-item.show_mob {
        display: inline-block;
    }

    .people_info_detail {
        justify-content: normal;
        flex-direction: column;
    }
    
    /* .people_info_detail_title.title_fonts {
        width: 75px;
    } */
    
    .people_info_detail_value.ng-binding {
        width: calc(100% - 75px);
    }
    /* .people_info_title {
        font-size: 0.8em;
    } */
    
    /* .people_info_name {
        font-size: 1.3em;
    } */
    
    /* .people_info_detail_title {
        font-size: 1em;
    } */
    
    /* .people_info_detail_value {
        font-size: 0.7em;
    } */
 }

 /* for people list */
 @media only screen and (max-width: 768px) {
    .people_info_name {
        font-size: 1.5em;
    }

    .people_info_title {
        font-size: 0.8em;
    }

    .people_info_detail_cat {
        padding-bottom: 5px;
    }

    .people_info_detail {
        margin-top:10px;
    }

    .people_info_detail_title {
        font-size: 1.1em;
    }

    .people_info_detail_value {
        font-size: 0.7em;
        font-weight: bold;
    }

    .people_info_item {
        margin: 15px 0;
        padding: 15px 20px 10px;
    }

    .people_info_detail_title.title_fonts {
        width: 70px;
    }

    /* dropdown */
    .page_title_right.people_cat_select {
        margin: 0;
        top: 20px;
        width:100%;
        padding-bottom:10px;
    }

    .people_cat_select select {
        padding: 10px 35px 10px 5px;
        font-size: 18px;
        
    }

    .people_photo_left {
        padding-right:0;
    }

    



 }



 @media only screen and (max-width: 480px) {

    /* main slider */
    .index-main_item-info {
        width:100%;
       
    }


    /* .index-news_slides .swiper-button-prev5 , .index-news_slides .swiper-button-next5 {
        left:calc(46%);
        height: 68px;
        width:30px;

    } */

    /* padding for whole screen */
    .web_space_outer {
        padding: 0 20px;
        padding: 0 30px;
    }
    .header_tigger {
        right:0;
    }

   

    /* to top button */

    #page_scrollbtn {
        width: 40px;
        height: 40px;
    }

    #page_scrollbtn.fa.fa-chevron-up:before {
        transform: translate(-50%, -50%) scale(1.5);
        top: calc(50% - 4px);
        -webkit-text-stroke: 1.5px #6FB485;
    }


    .index-main_item-info {
        position: absolute;
        /* bottom: 90px; */
        top:50%;
        left: 50%;
        transform: translate(-50%, -40%);
        display: flex;
        justify-content: center;
        align-items: center;
        
    }

    .index-main_item-info-inner {
        padding: 25px 30px;
    }

    .index-event_slides .swiper-button-next3 {
        
        /* right: 10px;
        left: auto; */
        top:70%;
      transform:rotate(90deg);
      left:50%;
      margin-top:50px;
      }

      .index-research_slides .swiper-button-next3 {
        
        /* right: 10px;
        left: auto; */
        top:70%;
      transform:rotate(90deg);
      left:50%;
      margin-top:50px;
      }


      /* .index-event_slides .swiper-container {
        min-height:20vh;
        max-height: 40vh;
      } */

    /* people */
    .page_title, .page_title_photo {
        font-size: 2em;
    }
    .people_photo_item {
        width: 100%;
    }
    

    .page_title_img {
        margin-bottom: 30px;
        margin-top: 20px;
        margin-top: 10px;
        width: 200px;
    }

    .people_cat_select select {
        padding: 10px 35px 10px 5px;
        font-size: 12px;
        
    }

    .page_left + .page_right {
        padding: 0;
    }

    /* footer */

    .footer_logo {
        padding-bottom: 0;
    }
    
    .footer_info {
        font-size: 0.5em;
        padding: 40px 20px 10px;
    }

    .footer_copyright {
        padding: 25px 0;
        line-height: 1.5em;
    }

    /* hover effect undergraudate */
    .index-undergrad_item:hover .index-undergrad_item-overlay {
        opacity: 0.6;
        top:15%;
        height:70%;
    }


    /* featured research */
    .index-research_item-date {
        font-size:1.125rem;
    }

    .index-research_item-title p {
        font-size: 1.125rem;
        margin: 10px 0;
    }

    .index-research_item-desc {
        font-size:1rem;
    }

    
    .index-research_item-left {
        display: inline-block;
        width: 100px;
        vertical-align: top;
        padding-right: 15px;
        
    }

    .index-research_item-right {
        width: calc(100% - 100px);
        padding-right: 0;
    }



 }


 @media only screen and (max-width: 320px) {
    .header {
        text-align:start;
        
    }

    .header_left {
      
        margin-left:5px;
    }

    .header_left {
        max-width:80%;
    }

 }

@media print {
    body {
	zoom: 55%;
    }
}